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 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
Databento Binary Encoding (DBZ) - Fast message encoding and storage format for market data

dbz A library (dbz-lib) and CLI tool (dbz-cli) for working with Databento Binary Encoding (DBZ) files. Python bindings for dbz-lib are provided in the

Databento, Inc. 15 Nov 4, 2022
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
Standard Graphics is a command-line tool for printing 2D graphics from any language to any screen.

2D graphics in any programming language with just print statements!

Caleb Winston 123 Nov 20, 2022
A small utility that moves the start menu to the top-center of the screen in Windows 11.

TopCenterStart11 A small utility that moves the start menu to the top-center of the screen in Windows 11. As of right now, this application can only p

Ryan de Jonge 12 Nov 12, 2022
A library to capture the Screen on Linux, MacOS and Windows.

Captis - A library for capturing the screen on Linux, MacOS and Windows It's a fairly simple library that performs good enough, the OS level APIs that

CrewNew.com 17 Dec 23, 2022
a FREE and MODERN split-screen tetris game WITHOUT ADS

tetr:: A ✨ modern ✨ Tetris game made in OpenGL and Rust Gameplay tetr:: is an implementaion of modern Tetris, and essentially a clone of tetr.io. This

Adam Harmansky 3 Sep 10, 2022
Adapt the screen's color spectrum according to the hour of the day in order to improve your sleep

circadianlight What It Is Circadian Light is a program, currently only working on Linux with X, that controls the color spectrum of your screen accord

null 7 Dec 28, 2022
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
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
a universal meta-transliterator that can decipher arbitrary encoding schemas, built in pure Rust

transliterati a universal meta-transliterator that can decipher arbitrary encoding schemas, built in pure Rust what does it do? You give it this: Барл

Catherine Koshka 7 Dec 21, 2022
A small command-line utility for encoding and decoding bech32 strings

A small command-line utility for encoding and decoding bech32 strings.

Charlie Moog 5 Dec 26, 2022
A tool to convert old and outdated "characters" into the superior Rustcii-Encoding.

rustcii A tool to convert old and outdated "characters" into the superior Rustcii-Encoding. Speak your mind. Blazingly ( ?? ) fast ( ?? ). Github | cr

null 8 Nov 16, 2022
rip is a command-line deletion tool focused on safety, ergonomics, and performance

rip (Rm ImProved) rip is a command-line deletion tool focused on safety, ergonomics, and performance. It favors a simple interface, and does not imple

Kevin Liu 776 Jan 1, 2023