High performance wlroots screen recording, featuring hardware encoding

Overview

wl-screenrec

High performance wlroots based screen recorder. Uses dma-buf transfers to get surface, and uses the GPU to do both the pixel format conversion and the encoding, making it about as performant as you could hope.

Should work well on Intel and AMD GPUs. It also might work on desktop Nvidia GPUs with libva-vdpau-driver, but it seems like vaapi doesn't work on laptop Nvidia GPUs. However, many of these systems have Intel GPUs as well, which work great.

Open an issue if something is not working, I'm happy to take a look.

Performance

(relatively unscientific) benchmark setup:

  • 4kp60 display
  • i9-11900H CPU/GPU
  • vkcube running on screen, as both wf-recorder and wl-screenrec don't copy/encode frames when there is no difference
command CPU Usage GPU 3D Δ GPU Video Δ
wf-recorder ~500% +44% 0%
wf-recorder -c h264_vaapi -d /dev/dri/card0 ~75% +88% +23%
wl-screenrec ~2.5% +91% +30%

Additionally, with either wf-recorder setup there is visible stuttering in the vkcube window. wl-screenrec does not seem to stutter at all.

However, it does come at the cost of using slightly more GPU. Those number seem stable and I hypothesize that they are statistically significant, but still not a huge change.

Installation

From the AUR

paru -S wl-screenrec-git

Or, manually:

git clone https://aur.archlinux.org/wl-screenrec-git.git
cd wl-screenrec-git
makepkg -si

From source using cargo

Install ffmpeg, which is a required dependency.

cargo install --git https://github.com/russelltg/wl-screenrec

Usage

Capture entire output:

wl-screenrec         # valid when you only have one output
wl-screenrec -o DP-1 # specify outuput

Capture region:

wl-screenrec -g "$(slurp)"    # use slurp
wl-screenrec -g "0,0 128x128" # manual region

Known issues

  • Cannot capture a region that spans more than one display. This is probably possible but quite difficult, espeicially with potential differences in refresh rate. Probably will never be supported.
Comments
  • webpack打包后bundle文件体积过大

    webpack打包后bundle文件体积过大

    @n7best 你好@n7best,我按照文档中的例子,

    import React from 'react';
    import ReactDOM from 'react-dom';
    import WeUI from 'react-weui';
    import 'weui';
    
    const {Button} = WeUI;
    
    class App extends React.Component {
        render() {
            return (
                <Button>hello wechat</Button>
            );
        }
    }
    
    ReactDOM.render(
        <App/>
    ), document.getElementById('container'));
    

    这样用webpack打包后的bundle文件有1M多,手机打开需要很长时间,这样根本不能用在实际项目中用啊??

    react-weui在实际项目中到底怎么用,求指点??

    opened by andythink 21
  • Form Proposal

    Form Proposal

    新增4个组件: Form, FormCell, Input, Label

    Form:

    • props: none
    • className: weui_cells, weui_cells_form

    FormCell:

    • props: vcode(bool), warn(bool)
    • className: weui_cell, weui_vocde(vcode), weui_cell_warn(warn)

    Input:

    • props: defaultValue
    • className: weui_input
    • remark: 没有children, defaultValue加到attribute

    Label:

    • props: none
    • className: weui_label

    Discussion:

    • 是否把Form和FormCell整合到一起

    TODO:

    • add tests after approval of idea
    • add docs

    具体code请看 #32

    discuss 
    opened by yjcxy12 13
  • 按照要求安装启动以后报错,报错信息如下

    按照要求安装启动以后报错,报错信息如下

    ERROR in multi vendor Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example @ multi vendor

    ERROR in ./~/react-addons-css-transition-group/index.js Module not found: Error: Cannot resolve module 'react/lib/ReactCSSTransitionGroup' in E:\demo\weixin\react-weui\node_modules\react-addons-css-transition-group @ ./~/react-addons-css-transition-group/index.js 1:17-61

    ERROR in ./~/react-dom/index.js Module not found: Error: Cannot resolve module 'react/lib/ReactDOM' in E:\demo\weixin\react-weui\node_modules\react-dom @ ./~/react-dom/index.js 3:17-46

    ERROR in ./example/app.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example @ ./example/app.js 17:13-29

    ERROR in ./~/react-router/lib/Router.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\node_modules\react-router\lib @ ./~/react-router/lib/Router.js 19:13-29

    ERROR in ./~/react-router/lib/Link.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\node_modules\react-router\lib @ ./~/react-router/lib/Link.js 15:13-29

    ERROR in ./~/react-router/lib/IndexLink.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\node_modules\react-router\lib @ ./~/react-router/lib/IndexLink.js 13:13-29

    ERROR in ./~/react-router/lib/IndexRedirect.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\node_modules\react-router\lib @ ./~/react-router/lib/IndexRedirect.js 19:13-29

    ERROR in ./~/react-router/lib/Redirect.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\node_modules\react-router\lib @ ./~/react-router/lib/Redirect.js 15:13-29

    ERROR in ./~/react-router/lib/IndexRoute.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\node_modules\react-router\lib @ ./~/react-router/lib/IndexRoute.js 19:13-29

    ERROR in ./~/react-router/lib/Route.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\node_modules\react-router\lib @ ./~/react-router/lib/Route.js 15:13-29

    ERROR in ./~/react-router/lib/Lifecycle.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\node_modules\react-router\lib @ ./~/react-router/lib/Lifecycle.js 7:13-29

    ERROR in ./~/react-router/lib/RouteContext.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\node_modules\react-router\lib @ ./~/react-router/lib/RouteContext.js 7:13-29

    ERROR in ./~/react-router/lib/RouteUtils.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\node_modules\react-router\lib @ ./~/react-router/lib/RouteUtils.js 14:13-29

    ERROR in ./~/react-router/lib/RoutingContext.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\node_modules\react-router\lib @ ./~/react-router/lib/RoutingContext.js 17:13-29

    ERROR in ./~/react-router/lib/PropTypes.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\node_modules\react-router\lib @ ./~/react-router/lib/PropTypes.js 6:13-29

    ERROR in ./example/pages/home/index.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\home @ ./example/pages/home/index.js 21:13-29

    ERROR in ./example/pages/cell/index.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\cell @ ./example/pages/cell/index.js 23:13-29

    ERROR in ./example/pages/toast/index.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\toast @ ./example/pages/toast/index.js 21:13-29

    ERROR in ./example/pages/button/index.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\button @ ./example/pages/button/index.js 21:13-29

    ERROR in ./example/pages/progress/index.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\progress @ ./example/pages/progress/index.js 21:13-29

    ERROR in ./example/pages/msg/index.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\msg @ ./example/pages/msg/index.js 21:13-29

    ERROR in ./example/pages/dialog/index.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\dialog @ ./example/pages/dialog/index.js 21:13-29

    ERROR in ./example/pages/article/index.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\article @ ./example/pages/article/index.js 21:13-29

    ERROR in ./example/pages/actionsheet/index.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\actionsheet @ ./example/pages/actionsheet/index.js 21:13-29

    ERROR in ./example/pages/icons/index.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\icons @ ./example/pages/icons/index.js 21:13-29

    ERROR in ./example/pages/tab/index.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\tab @ ./example/pages/tab/index.js 21:13-29

    ERROR in ./example/pages/tab/navbar.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\tab @ ./example/pages/tab/navbar.js 21:13-29

    ERROR in ./example/pages/tab/navbar_auto.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\tab @ ./example/pages/tab/navbar_auto.js 21:13-29

    ERROR in ./example/pages/tab/tabbar.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\tab @ ./example/pages/tab/tabbar.js 21:13-29

    ERROR in ./example/pages/tab/tabbar_auto.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\tab @ ./example/pages/tab/tabbar_auto.js 21:13-29

    ERROR in ./example/pages/panel/index.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\panel @ ./example/pages/panel/index.js 21:13-29

    ERROR in ./example/pages/searchbar/index.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\pages\searchbar @ ./example/pages/searchbar/index.js 21:13-29

    ERROR in ./example/component/page.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\example\component @ ./example/component/page.js 21:13-29

    ERROR in ./src/components/icon/index.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\icon @ ./src/components/icon/index.js 13:13-29

    ERROR in ./src/components/button/button.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\button @ ./src/components/button/button.js 27:13-29

    ERROR in ./src/components/form/form_cell.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\form @ ./src/components/form/form_cell.js 27:13-29

    ERROR in ./src/components/button/button_area.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\button @ ./src/components/button/button_area.js 21:13-29

    ERROR in ./src/components/form/textarea.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\form @ ./src/components/form/textarea.js 27:13-29

    ERROR in ./src/components/form/form.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\form @ ./src/components/form/form.js 27:13-29

    ERROR in ./src/components/form/input.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\form @ ./src/components/form/input.js 27:13-29

    ERROR in ./src/components/form/radio.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\form @ ./src/components/form/radio.js 27:13-29

    ERROR in ./src/components/form/switch.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\form @ ./src/components/form/switch.js 27:13-29

    ERROR in ./src/components/form/select.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\form @ ./src/components/form/select.js 27:13-29

    ERROR in ./src/components/label/label.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\label @ ./src/components/label/label.js 27:13-29

    ERROR in ./src/components/form/checkbox.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\form @ ./src/components/form/checkbox.js 27:13-29

    ERROR in ./src/components/mask/mask.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\mask @ ./src/components/mask/mask.js 25:13-29

    ERROR in ./src/components/cell/cells.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\cell @ ./src/components/cell/cells.js 27:13-29

    ERROR in ./src/components/form/uploader.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\form @ ./src/components/form/uploader.js 27:13-29

    ERROR in ./src/components/cell/cell.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\cell @ ./src/components/cell/cell.js 27:13-29

    ERROR in ./src/components/cell/cells_title.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\cell @ ./src/components/cell/cells_title.js 27:13-29

    ERROR in ./src/components/cell/cells_tips.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\cell @ ./src/components/cell/cells_tips.js 27:13-29

    ERROR in ./src/components/cell/cell_header.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\cell @ ./src/components/cell/cell_header.js 27:13-29

    ERROR in ./src/components/cell/cell_body.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\cell @ ./src/components/cell/cell_body.js 27:13-29

    ERROR in ./src/components/cell/cell_footer.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\cell @ ./src/components/cell/cell_footer.js 27:13-29

    ERROR in ./src/components/toast/toast.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\toast @ ./src/components/toast/toast.js 21:13-29

    ERROR in ./src/components/actionsheet/actionsheet.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\actionsheet @ ./src/components/actionsheet/actionsheet.js 27:13-29

    ERROR in ./src/components/msg/msg.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\msg @ ./src/components/msg/msg.js 25:13-29

    ERROR in ./src/components/dialog/confirm.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\dialog @ ./src/components/dialog/confirm.js 25:13-29

    ERROR in ./src/components/article/article.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\article @ ./src/components/article/article.js 27:13-29

    ERROR in ./src/components/progress/progress.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\progress @ ./src/components/progress/progress.js 23:13-29

    ERROR in ./src/components/dialog/alert.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\dialog @ ./src/components/dialog/alert.js 25:13-29

    ERROR in ./src/components/icon/icon.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\icon @ ./src/components/icon/icon.js 29:13-29

    ERROR in ./src/components/grid/grid.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\grid @ ./src/components/grid/grid.js 25:13-29

    ERROR in ./src/components/grid/grids.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\grid @ ./src/components/grid/grids.js 25:13-29

    ERROR in ./src/components/grid/grid_icon.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\grid @ ./src/components/grid/grid_icon.js 25:13-29

    ERROR in ./src/components/grid/grid_label.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\grid @ ./src/components/grid/grid_label.js 25:13-29

    ERROR in ./src/components/mediabox/mediabox.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\mediabox @ ./src/components/mediabox/mediabox.js 25:13-29

    ERROR in ./src/components/mediabox/mediabox_header.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\mediabox @ ./src/components/mediabox/mediabox_header.js 25:13-29

    ERROR in ./src/components/mediabox/mediabox_title.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\mediabox @ ./src/components/mediabox/mediabox_title.js 25:13-29

    ERROR in ./src/components/mediabox/mediabox_body.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\mediabox @ ./src/components/mediabox/mediabox_body.js 25:13-29

    ERROR in ./src/components/mediabox/mediabox_desc.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\mediabox @ ./src/components/mediabox/mediabox_desc.js 25:13-29

    ERROR in ./src/components/mediabox/mediabox_info.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\mediabox @ ./src/components/mediabox/mediabox_info.js 25:13-29

    ERROR in ./src/components/mediabox/mediabox_info_meta.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\mediabox @ ./src/components/mediabox/mediabox_info_meta.js 25:13-29

    ERROR in ./src/components/panel/panel.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\panel @ ./src/components/panel/panel.js 27:13-29

    ERROR in ./src/components/panel/panel_header.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\panel @ ./src/components/panel/panel_header.js 25:13-29

    ERROR in ./src/components/panel/panel_body.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\panel @ ./src/components/panel/panel_body.js 25:13-29

    ERROR in ./src/components/panel/panel_footer.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\panel @ ./src/components/panel/panel_footer.js 25:13-29

    ERROR in ./src/components/tab/tab.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\tab @ ./src/components/tab/tab.js 25:13-29

    ERROR in ./src/components/tab/tab_body.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\tab @ ./src/components/tab/tab_body.js 25:13-29

    ERROR in ./src/components/tab/navbar.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\tab @ ./src/components/tab/navbar.js 25:13-29

    ERROR in ./src/components/tab/navbar_item.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\tab @ ./src/components/tab/navbar_item.js 25:13-29

    ERROR in ./src/components/tab/tabbar.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\tab @ ./src/components/tab/tabbar.js 25:13-29

    ERROR in ./src/components/tab/tabbar_item.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\tab @ ./src/components/tab/tabbar_item.js 25:13-29

    ERROR in ./src/components/tab/tabbar_icon.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\tab @ ./src/components/tab/tabbar_icon.js 25:13-29

    ERROR in ./src/components/tab/tabbar_label.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\tab @ ./src/components/tab/tabbar_label.js 25:13-29

    ERROR in ./src/components/tab/tab_body_item.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\tab @ ./src/components/tab/tab_body_item.js 25:13-29

    ERROR in ./src/components/searchbar/searchbar.js Module not found: Error: Cannot resolve module 'react' in E:\demo\weixin\react-weui\src\components\searchbar @ ./src/components/searchbar/searchbar.js 23:13-29

    opened by yuweilan 8
  • 急:Form 表单如何提交如何获取其中input的各字段的值

    急:Form 表单如何提交如何获取其中input的各字段的值

    <Form> <FormCell warn={isValidInput[0]} > <CellHeader> <Label>手机号</Label> </CellHeader> <CellBody> <Input type="tel" placeholder="输入手机号" /> </CellBody> <CellFooter > <Icon value="warn" /> </CellFooter> </FormCell> <FormCell> <Button onClick={this.handleSubmit}>登录绑定</Button> </FormCell> </Form> 这样提交表单在handleSubmit 中怎么获取输入的手机号?

    opened by Yhaojing 7
  • peer依赖中react版本问题

    peer依赖中react版本问题

    opened by kekekedeng 7
  • react-weui运行地址问题

    react-weui运行地址问题

    按照开发文档运行react-weui工程成功之后打开http://localhost:8080这个网址会自动在URL后添加字段如 http://localhost:8080/#/?_k=v98vto ,点击每一个item后添加字段会改变,copy此URL到其他浏览器无法访问网址,请问是什么问题?

    opened by Joodysen 7
  • react-weui有路由的相关文档吗?有的时候用组件路由跳转不知如何下手

    react-weui有路由的相关文档吗?有的时候用组件路由跳转不知如何下手

    Do you want to request a feature or report a bug (建议还是bug) ?

    What is the current behavior? (现有状况)

    What is the expected behavior? (应有状况)

    **Which versions of React-weui, weui, and which OS and device are affected by this issue? (React-weui版本 weui版本 机型和系统)**react-weui=1.0.3,weui=1.1.0

    在用到react-weui时,有的组件是用href, 如下图,用到了Grids组件,但是这个路由跳转就很迷茫了,href又不能用 wechatimg9

    enhancement 
    opened by files3 6
  •  react-boilerplate 中引入react-weui,从0.4.3升级到1.0后编译报错

    react-boilerplate 中引入react-weui,从0.4.3升级到1.0后编译报错

    Do you want to request a feature or report a bug (建议还是bug) ? bug What is the current behavior? (现有状况)

    What is the expected behavior? (应有状况)

    Which versions of React-weui, weui, and which OS and device are affected by this issue? (React-weui版本 weui版本 机型和系统)

    opened by irisme 6
  • 在index.html页面link,

    在index.html页面link,

    Do you want to request a feature or report a bug (建议还是bug) ?

    What is the current behavior? (现有状况)

    What is the expected behavior? (应有状况)

    **Which versions of React-weui, weui, and which OS and device are affected by this issue? (React-weui版本 weui版本 机型和系统)**1.0.3 weui=1.1.0

    不想用link链接一些额外的cdn形式的css样式,因为在没有网络的情况下,cdn加载不出来导致整个页面加载不出来, 想下载到本地使用css样式,但是link href本地地址就会出错样式不能用,在less里面@import说模块没找到,把link href地址改成cdn的就管用了,想问下怎么回事?

    opened by files3 5
  • clone 后项目跑不起来

    clone 后项目跑不起来

    按此说明运行项目: 开发 git clone https://github.com/weui/react-weui cd react-weui npm install npm start

    报错如下:

    [email protected] start /Users/PPfix/Desktop/weui/react-weui webpack-dev-server --hot --inline --progress --colors --port 8080

    70% 2/2 build modulesevents.js:141 throw er; // Unhandled 'error' event ^

    Error: getaddrinfo ENOTFOUND localhost at errnoException (dns.js:26:10) at GetAddrInfoReqWrap.onlookup as oncomplete

    npm ERR! Darwin 15.5.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" npm ERR! node v5.3.0 npm ERR! npm v3.3.12 npm ERR! code ELIFECYCLE npm ERR! [email protected] start: webpack-dev-server --hot --inline --progress --colors --port 8080 npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] start script 'webpack-dev-server --hot --inline --progress --colors --port 8080'. npm ERR! Make sure you have the latest version of node.js and npm installed. npm ERR! If you do, this is most likely a problem with the react-weui package, npm ERR! not with npm itself. npm ERR! Tell the author that this fails on your system: npm ERR! webpack-dev-server --hot --inline --progress --colors --port 8080 npm ERR! You can get their info via: npm ERR! npm owner ls react-weui npm ERR! There is likely additional logging output above.

    npm ERR! Please include the following file with any support request: npm ERR! /Users/PPfix/Desktop/weui/react-weui/npm-debug.log

    望赐教

    opened by dancinglone 5
  • Components Roadmap

    Components Roadmap

    WeUI 0.3.0 Components

    • [x] Actionsheet
    • [x] Article
    • [x] Button
    • [x] Cell
    • [x] Dialog
      • [x] Alert
      • [x] Confirm
    • [x] Form
      • [x] Label - [0.3 beta]
      • [x] Input -[0.3 beta]
      • [x] Textarea - [0.3 beta]
      • [x] Radio [0.3 beta]
      • [x] Checkbox [0.3 beta]
      • [x] Select [0.3 beta]
      • [x] Switch - [0.3 beta]
      • [x] Uploader - [0.3 beta]
    • [x] Grid
    • [x] Msg Page
    • [x] Toast
    • [x] Progress
    • [x] Icon
      • [ ] Add custom class #63

    WeUI 0.4.0

    • [x] Tabbar [0.3 beta]
    • [x] Navbar [0.3 beta]
    • [x] Panel - [0.3 beta]
      • [x] MediaBox - [0.3 beta]
    • [x] Search Bar [0.3 beta]

    Other

    • [ ] Gallery
    • [ ] Swiper / Slider
    • [ ] Pull To Refresh
    • [ ] Infinity Scroll
    • [ ] Router
    • [ ] Card
    discuss 
    opened by n7best 5
  • ts: 'Button' cannot be used as a JSX component.

    ts: 'Button' cannot be used as a JSX component.

    Do you want to request a feature or report a bug (建议还是bug) ?

    Bug

    What is the current behavior? (现有状况)

    'Button' cannot be used as a JSX component.
      Its instance type 'Button' is not a valid JSX element.
        Type 'Button' is missing the following properties from type 'ElementClass': context, setState, forceUpdate, props, and 2 more.
    

    What is the expected behavior? (应有状况)

    'Button' should be used as a JSX component.

    Which versions of React-weui, weui, and which OS and device are affected by this issue? (React-weui版本 weui版本 机型和系统)

    • "react-weui": "^1.2.3",
    • "weui": "1.1.0",
    • "@types/react-weui": "^1.0.0",
    opened by Sloth9527 0
  • 项目多更新更新啊 好多组件太老了 比如picker

    项目多更新更新啊 好多组件太老了 比如picker

    Do you want to request a feature or report a bug (建议还是bug) ?

    What is the current behavior? (现有状况)

    What is the expected behavior? (应有状况)

    Which versions of React-weui, weui, and which OS and device are affected by this issue? (React-weui版本 weui版本 机型和系统)

    opened by stevenkitter 1
  • 请问SerchBar如何实现下拉刷新?

    请问SerchBar如何实现下拉刷新?

    Do you want to request a feature or report a bug (建议还是bug) ? 建议 What is the current behavior? (现有状况) let currentPage = null let totalPage = null ` search: function (value) { if(!currentPage) currentPage = 1; searchValue = value;

      return new Promise((resolve, reject) => {
          //setTimeout(() => {
              wx.request({
                url: getApp().data.basePath + '/search-' + value + '-1-' + currentPage + '.htm',
                success: (data) => {
                  console.log('search', data.data);
                  totalPage = data.data.message.totalpage;
                  console.log('search searchResultList before', searchResultList);
                  console.log('search searchResultList threadlist', searchResultList);
                  if(searchResultList)
                    searchResultList = searchResultList.concat(data.data.message.threadlist);
                  else searchResultList = data.data.message.threadlist;
                  console.log('search searchResultList after', searchResultList);
                  resolve(searchResultList)
                }
              })
         // }, 200)
      })
    

    }, onReachBottom () { console.log('onReachBottom currentPage ', currentPage); console.log('onReachBottom totalPage ', totalPage); var that = this; if (currentPage && totalPage) { if( currentPage < totalPage){ currentPage += currentPage; that.search.then(that.search(searchValue)); } }` 搜索结果分页,第一次搜索结果为前10,上拉(onReachBottom)以后出发请求第二页搜索结果,然后追加展示。但是现在追加结果没有反应。 What is the expected behavior? (应有状况) 第二页搜索结果追加到搜索结果列表。 Which versions of React-weui, weui, and which OS and device are affected by this issue? (React-weui版本 weui版本 机型和系统) 全机型。

    opened by lyndon1115 0
  • Gallery组件,当上传图片名中含有(),空格等特俗字符时,图片预览无法正常显示(是黑的)

    Gallery组件,当上传图片名中含有(),空格等特俗字符时,图片预览无法正常显示(是黑的)

    当上传图片名中含有(),空格等特俗字符时,如图片名123(1).png,123 abc4.png,上传成功后,预览图片,显示不了图片(黑的),看了 Gallery这个组件源码, imgs.map( (img, i) => { const imgStyle = { backgroundImage: url(${img}), backgroundSize: 'contain', backgroundRepeat: 'no-repeat', backgroundPosition: 'center center' };, backgroundImage: url(${img}),这个地方,当Img中含有括号、空格等特俗字符时,backgroundImage属性是解析不成功的

    opened by weinibear 0
Owner
Russell Greene
A fast learner and versatile software engineer with experience working in teams to get stuff done. Open source contributor and code quality zealot.
Russell Greene
A native screenshot tool for wlroots based compositors such as sway and river written in Rust

A native screenshot tool for wlroots based compositors such as sway and river written in Rust. X11 support coming soon.

Waycrate 66 Dec 28, 2022
A launcher/menu program written in Rust for wlroots-based Wayland compositors

tehda tehda (ᴛᴀʏ-dah /ˈteɪ̯.dæ/ or /teh.da/; Finnish for "to do, perform, execute") is a launcher/menu program, like dmenu, rofi, or wofi, written in

Nadia 4 Jan 29, 2023
Emulates an Edge hardware-based room sensor client purely as a CLI application

ambi_mock_client Usage You must have Rust installed to build ambi_mock_client. You can find documentation on installing Rust here. Using cargo run > c

Jim Hodapp 1 Jan 22, 2022
Provides a mock Ambi client that emulates real sensor hardware such as an Edge client

ambi_mock_client Provides a mock Ambi client that emulates real sensor hardware such as an Edge client. Usage You must have Rust installed to build am

Rust Never Sleeps 2 Apr 1, 2022
Veryl: A Modern Hardware Description Language

Veryl Veryl is a modern hardware description language. This project is under the exploration phase of language design. If you have any idea, please op

null 26 Jan 3, 2023
High-performance and normalised trading interface capable of executing across many financial venues

High-performance and normalised trading interface capable of executing across many financial venues. Also provides a feature rich simulated exchange to assist with backtesting and dry-trading.

Barter 7 Dec 28, 2022
High-performance asynchronous computation framework for system simulation

Asynchronix A high-performance asynchronous computation framework for system simulation. What is this? Warning: this page is at the moment mostly addr

Asynchronics 7 Dec 7, 2022
A modern high-performance open source file analysis library for automating localization tasks

?? Filecount Filecount is a modern high-performance open source file analysis library for automating localization tasks. It enables you to add file an

Babblebase 4 Nov 11, 2022
High-performance, low-level framework for composing flexible web integrations

High-performance, low-level framework for composing flexible web integrations. Used mainly as a dependency of `barter-rs` project

Barter 8 Dec 28, 2022
A high-performance WebSocket integration library for streaming public market data. Used as a key dependency of the `barter-rs` project.

Barter-Data A high-performance WebSocket integration library for streaming public market data from leading cryptocurrency exchanges - batteries includ

Barter 23 Feb 3, 2023
A high-performance Rust library designed to seamlessly integrate with the Discord API.

Rucord - Rust Library for Discord API Interactions Note: This library is currently under development and is not yet recommended for production use. Ov

Coders' Collab 4 Feb 26, 2023
The Amp programming language: a language designed for building high performance systems.

A language designed for building high performance systems. Platform Support x86_64-pc-windows ✅ x86_64-unknown-linux ⚠️ untested x86_64-unknown-darwin

The Amp Programming Language 5 Mar 17, 2023
Rust in Anger: high-performance web applications

Rust in Anger: Book demo This is the code repository that accompanies the Rust in Anger blog post. The following folders each come with their own buil

EqualTo 26 Apr 9, 2023
High-performance Javascript color gradient library powered by Rust + WebAssembly

colorgrad-js High-performance Javascript color gradient library powered by Rust + WebAssembly. No dependencies. Faster than d3-scale, chroma-js, culor

Nor Khasyatillah 168 Apr 25, 2023
Local-first high performance codebase index engine designed for AI

CodeIndex CodeIndex is a local-first high performance codebase index engine designed for AI. It helps your LLM understand the structure and semantics

Jipiti AI 9 Aug 30, 2023
Schemars is a high-performance Python serialization library, leveraging Rust and PyO3 for efficient handling of complex objects

Schemars Introduction Schemars is a Python package, written in Rust and leveraging PyO3, designed for efficient and flexible serialization of Python c

Michael Gendy 7 Nov 21, 2023
An extremely high performance logging system for clients (iOS, Android, Desktop), written in Rust.

Pinenut Log 中文文档 ・ English An extremely high performance logging system for clients (iOS, Android, Desktop), written in Rust. Overview Compression Pin

Tangent 4 Dec 1, 2023
A high-performance web-based geospatial visualization tool with an emphasis LEO satellites and lunar missions.

A high-performance web-based geospatial visualization tool with an emphasis LEO satellites and lunar missions. Written in Rust to target WebGPU, with WebGL2 backwards compatibility.

Shane B. 5 Dec 20, 2023
Cross-platform terminal screen clearing library

ClearScreen Cross-platform terminal screen clearing library. API documentation. Dual-licensed with Apache 2.0 and MIT. Uses Caretaker Maintainership.

null 23 Dec 30, 2022