Git Product home page Git Product logo

yaui's Introduction

YAUI

YAUI

一个 HTML5 网页外观库, 基于自定义元素(custom elements)提供组件化的原生 TypeScript 开发体验。 需要浏览器支持 ES6 。

正在开发中...

已完成功能

  • 顶部标题栏 ya-top-app-bar
  • 图标按钮 ya-icon-button
    • 和菜单内图标的兼容性
  • 等待动画圆圈 ya-loading-spinner
  • 按钮 ya-button
    • 不可用状态
      • 带有 ya-loading-spinner 的等待状态
  • 弹出式菜单 ya-menu
    • 处理屏幕底端溢出的情况
  • 可滚动区域 ya-scroll-view
    • 跟随滚动自动隐藏顶部标题栏
  • 内容面板 ya-view
    • 正文面板
  • 对话框
    • 登录对话框 ya-dialog-login
      • 响应式布局
    • 可定制对话框 ya-dialog
  • 文本框 ya-text-box
    • 一般文本框
    • 带标题(动画)文本框
    • 支持多个正则表达式过滤和提示错误信息
    • 下拉菜单
  • 开关 ya-switch
  • 临时提示框 ya-snackbar
    • 进出动画
    • 同时显示多个
    • 支持四角显示
  • 表格 ya-table
    • 翻页功能
  • 进度条
    • 一般进度条
      • 未知进度模式
      • 条形构成图模式
    • 圆形进度条 ya-progress-bar-circle
      • 数值显示

分支

  • demo: 测试项目分支,为项目根目录。
  • main: 可由其他项目引用的主分支,位于 src/libYAUI

克隆和编译

  1. 先克隆 demo 分支: git clone https://github.com/kagurazakayashi/yaui.git -b demo yaui
  2. 进入 src 文件夹: cd yaui/src
  3. 初始化库分支(主分支): git submodule init
  4. 更新子模块: git submodule update --remote
  5. 返回项目根目录: cd ..
  6. 下载第三方依赖: npm i
  7. 运行: npm run start

协议

Copyright (c) 2022 KagurazakaYashi YAUI is licensed under Mulan PSL v2. You can use this software according to the terms and conditions of the Mulan PSL v2. You may obtain a copy of Mulan PSL v2 at: http://license.coscl.org.cn/MulanPSL2 THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE. See the Mulan PSL v2 for more details.

yaui's People

Contributors

kagurazakayashi avatar 0wew0-gh avatar

Watchers

 avatar  avatar

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.