@chaoswise/business 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 DOCP
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,113 @@
+
+# 项目名称
+前端公共组件库
+# 一句话了解我
+基于antd3.x根据公司UIUE规范进行二次封装的前端公共组件库，用于统一公司产品风格，提高研发人员开发效率
+
+# Features
+#### 1. 包含符合UIUE的公共组件
+#### 2. 支持antd全部组件，引用和使用方法参考[antd官方文档](https://3x.ant.design/docs/react/introduce-cn)
+#### 3. 支持按需加载
+
+# 分支说明
+master: 主分支
+develop: 开发分支
+基于develop分支开发，然后提交MR到仓库中
+
+# [组件开发文档](./DEVELOP.md) 
+
+# 使用方法
+### 安装
+```
+npm i @chaoswise/ui -S
+```
+### 常规组件使用
+```jsx
+// antd组件和自定义组件全部使用按需引入形式
+import { Button } from '@chaoswise/ui';
+
+const Demo = () => {
+  return (
+    <Button type='primary'>Submit</Button>
+  )
+}
+
+export default Demo;
+```
+### Formily组件使用
+```jsx
+// 目前已经集成以下组件和api
+import { Form, FormItem, MegaLayout, FieldList, FormButtonGroup, FormPath, Reset, Submit, subscribeFields } from '@chaoswise/ui/formily';
+// 如需使用formily相关其它api 从formily引入
+import { formily } from '@chaoswise/ui/formily';
+const { useEffect } = formily;
+```
+### 脱离公共框架使用需要配置按需引用配置
+修改babel-loader下的babel-plugin-import插件配置(脱离公共框架独立使用)
+```jsx
+// 引入配置
+const babelConfig = require("@chaoswise/ui/config/babel");
+const formilyBabel = require("@chaoswise/ui/config/babel/formily");
+
+// 方案1
+plugins: [
+    [
+      "import",
+      [
+        babelConfig, // @chaoswise/ui 按需引入babel配置
+        {
+          libraryName: "antd",
+          style: true
+        },
+        formilyBabel, // @chaoswise/ui/formily 按需引入babel配置
+      ]
+    ]
+ ]
+ 
+ 
+// 方案2
+plugins: [
+    [
+        "import",
+         babelConfig, // @chaoswise/ui 按需引入babel配置
+         "chaoswise"
+    ],
+    [
+        "import",
+        {
+          libraryName: "antd",
+          style: true
+        },
+        "antd"
+    ],
+    [
+      "import",
+      formilyBabel, // @chaoswise/ui/formily 按需引入babel配置
+      "formily"
+    ],
+ ]
+```
+
+```
+```
+# 注意：
+以下组件基于antd进行了二次封装，请查看相关组件文档
+
+组件名称 | 备注	 
+---|---
+Pagination | 统一UE风格，api不变
+Modal | 支持可拖拽
+Upload | 基于antd的Upload封装，增加进度条显示，api有变化，具体见文档
+ConfigProvider | 在原有基础上增加国际化切换方案
+Empty | 统一UE风格，api不变
+---
+如需引用antd原生组件
+```
+import Upload from '@chaoswise/ui/lib/Antd/Upload';
+```
+# 其它相关文档
+1. [组件预览以及文档地址](http://10.0.1.133:8888/#/iframe/businessui)
+2. [更新日志](https://yunzhihui.feishu.cn/docs/doccnKZ3vU8U1I8v1iFX6uUaG1g)
+
+# 
+

package/config/babel/antdComs.js

@@ -0,0 +1,51 @@
+/*
+ * @Author: your name
+ * @Date: 2022-02-21 16:23:43
+ * @LastEditTime: 2023-05-11 17:35:05
+ * @LastEditors: andrew.qiao andrew.qiao@cloudwise.com
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: /change_02/aops_web_commons/packages/ui/config/babel/antdComs.js
+ */
+
+module.exports = [
+  'Affix', 'Anchor', 'AutoComplete',
+  'Avatar', 'BackTop', 'Breadcrumb',
+  'Calendar', 'Card', 'Carousel', 'Col',
+  'Comment', 'Descriptions',
+  'Divider', 'Drawer', 'Dropdown',
+  'Icon',
+  'List', 'LocaleProvider', 'Layout', 'Mention',
+  'Mentions', 'PageHeader', 'Transfer',
+  'Popover',
+  'Rate', 'Result', 'Row',
+  'Skeleton', 'Spin',
+  'Statistic', 'Steps', 'Switch', 'TimePicker','TreeSelect',
+  'Select',
+  'Typography',
+  'version', 'Table', 'Tree',
+];
+// 已经被覆盖的组件
+/**
+ * Button
+ * ConfigProvider
+ * Modal
+ * Pagination
+ * Upload
+ * Tree
+ * Table
+ * Tabs
+ * Tooltip
+ * Popconfirm
+ * Radio
+ * Checkbox
+ * message
+ * Slider
+ * Input
+ * Progress
+ * Badge
+ * Alert
+ * Menu
+ * InputNumber
+ * Cascader
+ * notification
+ */

package/config/babel/formily.js

@@ -0,0 +1,22 @@
+const fse = require('fs-extra');
+// 项目的根目录
+const projectPath = process.cwd();
+
+const babelConfig = {
+  "libraryName": "@chaoswise/ui/formily",
+  "camel2DashComponentName": false,
+  "customName": name => {
+    return `@chaoswise/ui/lib/Formily/${name}`
+  },
+  "style": name => {
+    // 判断是否有样式文件
+    const fileTargetPath = `${projectPath}/node_modules/${name}/index.less`;
+    const isExist = fse.pathExistsSync(fileTargetPath);
+    if(!isExist) {
+      return false
+    }
+    return `${name}/index.less`
+  }
+}
+
+module.exports = babelConfig;

package/config/babel/index.js

@@ -0,0 +1,36 @@
+const fse = require('fs-extra');
+// 项目的根目录
+const projectPath = process.cwd();
+
+const ANTD_COMPONENTS = require('./antdComs');
+
+const babelConfig = {
+  "libraryName": "@chaoswise/ui",
+  "camel2DashComponentName": false,
+  "customName": name => {
+    const antdTarget = ANTD_COMPONENTS.find(item => name === item);
+    if(antdTarget) {
+      return `@chaoswise/ui/lib/Antd/${name}`
+    }
+    return `@chaoswise/ui/lib/${name}`
+  },
+  // "style": name => {
+  //   if(name.includes('Antd')) {
+  //     const fileTargetPath = `${projectPath}/node_modules/${name}.less`;
+  //     const isExist = fse.pathExistsSync(fileTargetPath);
+  //     if(!isExist) {
+  //       return false
+  //     }
+  //     return `${name}.less`
+  //   }
+  //   // 判断是否有样式文件
+  //   const fileTargetPath = `${projectPath}/node_modules/${name}/index.less`;
+  //   const isExist = fse.pathExistsSync(fileTargetPath);
+  //   if(!isExist) {
+  //     return false
+  //   }
+  //   return `${name}/index.less`
+  // }
+}
+
+module.exports = babelConfig;