Coder Social home page Coder Social logo

wakaryry / mypui Goto Github PK

View Code? Open in Web Editor NEW
240.0 8.0 36.0 32.03 MB

基于uniapp/weex,快速开发小程序和原生APP的组件库与工具集

Vue 79.09% JavaScript 18.07% Python 0.42% SCSS 2.42%
uniapp weex-app mypui-uniapp hbuilderx mypui weex npro vue2 vue3

mypui's People

Contributors

dependabot[bot] avatar wakaryry avatar yanjiaoguang avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

mypui's Issues

[v1]文档建设

  • 文档网站;
  • myp-tabbar;
  • myp-button;
  • myp-navbar;
  • myp-cell;
  • myp-cell-two;
  • myp-input;
  • myp-input-one;
  • myp-input-grow;
  • myp-textarea;
  • myp-icon;
  • myp-grid;
  • myp-grid-item;
  • myp-tabs-item;
  • myp-tabs-h;
  • myp-tabs-v;
  • myp-tag;
  • myp-tag-group;
  • myp-title;
  • myp-switch;
  • myp-stepper;
  • myp-segment;
  • myp-search;
  • myp-progress;
  • myp-check-item;
  • myp-check;
  • myp-countdown;
  • myp-indexlist;
  • myp-scroll-h;
  • myp-list-cell;
  • myp-list;
  • myp-list-simple;
  • myp-waterfall;
  • myp-waterfall-simple;
  • myp-loader;
  • myp-loader-n;
  • myp-refresher;
  • myp-refresher-n;
  • myp-x-status;
  • myp-x-bar;
  • myp-height;
  • myp-position;
  • myp-content-box;
  • myp-divider;
  • myp-loading;
  • myp-toast;
  • myp-notice;
  • myp-notice-dynamic;
  • myp-loading-indicator;
  • myp-picker-content;
  • myp-picker-header;
  • myp-overlay;
  • myp-popup;
  • myp-popup-always;
  • myp-select;
  • myp-result;
  • myp-message-time;
  • myp-message-text;
  • myp-message-image;
  • 其它页面级文档;

[v1]开箱即用组件

会参考华为手机上系统自带的应用实现一批开箱即用的组件。

如果有什么需要加的,可以在下方回复说明

[v1]公共组件开发

  • myp-tabbar;
  • myp-button;
  • myp-navbar;
  • myp-cell;
  • myp-cell-two;
  • myp-input;
  • myp-input-one;
  • myp-input-grow;
  • myp-textarea;
  • myp-icon;
  • myp-grid;
  • myp-grid-item;
  • myp-tabs-item;
  • myp-tabs-h;
  • myp-tabs-v;
  • myp-tag;
  • myp-tag-group;
  • myp-title;
  • myp-switch;
  • myp-stepper;
  • myp-segment;
  • myp-search;
  • myp-progress;
  • myp-check-item;
  • myp-check;
  • myp-countdown;
  • myp-indexlist;
  • myp-scroll-h;
  • myp-list-cell;
  • myp-list;
  • myp-list-simple;
  • myp-waterfall;
  • myp-waterfall-simple;
  • myp-loader;
  • myp-loader-n;
  • myp-refresher;
  • myp-refresher-n;
  • myp-x-status;
  • myp-x-bar;
  • myp-height;
  • myp-position;
  • myp-content-box;
  • myp-divider;
  • myp-loading;
  • myp-toast;
  • myp-notice;
  • myp-notice-dynamic;
  • myp-loading-indicator;
  • myp-picker-content;
  • myp-picker-header;
  • myp-overlay;
  • myp-popup;
  • myp-popup-always;
  • myp-select;
  • myp-result;
  • myp-message-time;
  • myp-message-text;
  • myp-message-image;

[TODO]组件清单

为了方便开箱即用,我们会提供更多的细化组件,同时能够保证组件可配置的灵活性。

可以在下面盖楼,或者提供UI设计。我们会合并进入TODOLIST

  • 文档;
  • picker内容实现;

[需求墙]组件/原生SDK/某种效果都可以提

在这里,你可以说:

  • 想要一个什么样的组件;
  • 想要一个什么样的原生SDK;
  • 甚至可以描述,想要实现一个什么样的效果;
  • ...

这些都可以是需求,盖在需求强里,我们会安排开发。

当然您也可以加入进来,一起参与开发。

我们的目标是星辰大海。

myp-drawer的使用问题收集

  • 非auto模式下,拖到哪在哪停。然后,有时候用户想点击一下全部打开或者关闭。打开或者关闭之后再拖动应该现在没有加判断;
  • swipe手势支持;

[v2]check/group/grid等组件,slots化

为app端提供slots化个性配置能力,mp端因为语法限制,暂时不支持。当然,我们可以再提供一个类似于 swiper-item 这样的写法。

[v2]任务总结

  • 检查与增加各个组件的示范demo;
  • myp-popup类组件合并,以及完成自适应高度;
  • myp-waterfall组件在MP/H5完成,使用作用域插槽,最多开三列;
  • myp-slider-bar组件各端完成;
  • myp-slide-gallery组件各端完成。画廊类组件;
  • myp-scroll-scale组件各端实现,无法绑定bindingx的问题上报给uni;
  • 增加tabs-v的左右栏联动示范,正常与popup中;
  • 增加上下滚动时tabs-h的联动示范;

[v2]list类组件增强,可提需求

  • 空内容增强;
  • 默认配置增强;
  • 滚动到指定位置增强;
  • 增加网易云音乐类似的刷新组件;
  • 支持无数据时全屏展示刷新cycle;

...

下面可以提需求

[v2]第二轮大优化开始

mypUI实际上已经优化过好几轮。到现在为止:

  • 各个组件不仅支持快捷配置,也支持个性化定制;

  • 组件可适应性比较大;

  • 组件接口和属性统一规范,用起来非常快速高效;

下一轮优化方向为:

  • 减少不必要的属性配置,以及数据watch/computed;

  • 减少甚至移除掉对 高度决策 mixin 的依赖;

  • 减少 mixin 的依赖;

  • 工具类函数拆分,按需引用,不再整体文件引入;

  • 增加基础css,减少相同css的书写;

  • 增加extra.css,将部分不常用(但可能部分设计下常用)的css放到这里面,用户按需引用(app内设计涉及到的时候引入);

  • 完善部分组件的手势支持,比如myp-drawer的swipe手势;

picker-time 的useCurrent可能有问题

useCurrent实际上可以移除掉。

因为,我这本身是以值定位的。用户直接设置当前时间即可。

不移除的话需要重新看看是否计算正确。现在似乎无效。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.