GithubHelp home page GithubHelp logo

yxj1028530975 / sd-design Goto Github PK

View Code? Open in Web Editor NEW

This project forked from source-dynamic/sd-design

0.0 0.0 0.0 3.34 MB

A UI library with @odoo/owl and typescript

License: MIT License

Shell 0.04% JavaScript 2.04% TypeScript 50.77% SCSS 29.95% MDX 17.20%

sd-design's Introduction

sd-design

License GitHub stars

简介

sd-design 是一个基于 OWL2.0+ 框架构建的 UI 组件库,旨在满足国内用户对 Odoo UI 的审美和使用需求。本项目启发于 ant-design,旨在提供更加美观和易用的 UI 组件,以优化用户体验。

依赖

  • owl version: 2.0+

特点

  • 美观: 参照 ant-designsd-design 提供了符合国内用户审美的 UI 设计。
  • 易用性: 提供简洁明了的 API,使得组件易于集成和使用。
  • 灵活性: 组件可高度自定义,满足不同场景下的需求。
  • 完全开源使用,不会有商业版等区别对待

前言

odoo 作为一个开源的 ERP 系统,其 UI 设计一直是国内用户诟病的地方。虽然 odoo 13 中的 UI 设计已经有了很大的改进,但是仍然有很多地方不够美观,也不够符合国内用户的使用习惯。因此,我们希望能够提供一个 UI 组件库,使得 odoo 的 UI 更加美观和易用。 odoo从采用owl到如今,owl逐渐完善。到了目前2.0+版本,使用起来已经和vue、react等前端框架比较接近,因此我们基于owl2.0+进行二次开发,提供一套符合国内用户审美和使用习惯的UI组件库。 ui库我们选择跟随owl版本而不是跟随odoo版本,是因为owl是odoo的前端框架,odoo每年都会发布新版本,但其内核使用的owl版本一般不会有大的变化,因此同一大版本的ui库理论上可以兼容多个odoo版本。版本兼容性比跟随odoo版本更好。

预览图

sd-design

DEMO

在线DEMO及文档

快速开始

在Odoo中使用

需要odoo17及以上版本

参考 sd-design-addons

本地运行

yarn install

yarn run storybook

贡献

欢迎对 sd-design 提出宝贵意见或贡献代码。请遵循以下步骤进行贡献:

  1. Fork 本仓库
  2. 创建您的特性分支 (git checkout -b feat/AmazingFeature)
  3. 提交您的更改 (git commit -m 'Add some AmazingFeature')
  4. 推送到远程分支 (git push origin feat/AmazingFeature)
  5. 开启一个 Pull Request。

许可

该项目采用 MIT 许可证进行授权。查看 LICENSE 获取更多信息。

附言

目前,sd-design 项目仍处于发展阶段,我们只提供了部分核心组件。我们计划未来逐步扩充和完善这个组件库,以更好地满足用户需求。由于目前团队规模较小,我们的更新和迭代速度可能不会很快,但我们致力于保持项目的持续发展和改进。 我们非常欢迎社区的任何建议、反馈或贡献。如果您对 sd-design 有任何建议或意见,欢迎通过提出 issue 来分享您的想法。同时,如果您希望加入到讨论中或对项目有更深入的了解,欢迎加入我们的微信群进行交流。 您的支持和理解对我们至关重要,这将帮助我们不断进步,使 sd-design 成为更优秀的 UI 组件库。

联系方式

如果您有任何问题或建议,请通过以下方式联系我们:

  • 在仓库中提交issue
  • 微信联系进群讨论:
    sd-design

sd-design's People

Contributors

chaoqiyin 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.