@chaoswise/business 0.0.3 → 0.0.5

package/README.md

@@ -1,113 +1,4 @@
 
 # 项目名称
-前端公共组件库
-# 一句话了解我
-基于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/lib/PropertyControlViewer/assets/doSelect.less

@@ -1,4 +1,4 @@
-.wrapper {
+.ciWrapper {
   // width: 150px;
   height: 28px;
   font-size: 12px;

package/lib/PropertyControlViewer/components/DoCommon.js

@@ -1,4 +1,4 @@
-import _Tooltip from "@chaoswise/ui/lib/Tooltip";
+import _TooltipText from "@chaoswise/ui/lib/TooltipText";
 import _Typography from "@chaoswise/ui/lib/Antd/Typography";
 import React, { Fragment } from "react";
 var Paragraph = _Typography.Paragraph;
@@ -11,12 +11,19 @@ var DoCommon = function DoCommon(_ref) {
       wordBreak: "break-all"
     }
   }, (list || []).map(function (item, index) {
-    return /*#__PURE__*/React.createElement(_Tooltip, {
+    return /*#__PURE__*/React.createElement(_TooltipText, {
       title: item.value,
       key: index
     }, paragraphEllipsis ? /*#__PURE__*/React.createElement(Paragraph, {
-      ellipsis: paragraphEllipsis
-    }, item.value) : /*#__PURE__*/React.createElement("span", null, item.value));
+      ellipsis: paragraphEllipsis,
+      style: {
+        whiteSpace: 'initial'
+      }
+    }, item.value) : /*#__PURE__*/React.createElement("span", {
+      style: {
+        whiteSpace: 'initial'
+      }
+    }, item.value));
   })));
 };
 export default DoCommon;

package/lib/PropertyControlViewer/components/DoSelect.js

@@ -74,7 +74,7 @@ var DoSelect = function DoSelect(_ref) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: 'wrapper'
+    className: 'ciWrapper'
   }, renderItem());
 };
 export default DoSelect;

package/lib/PropertyControlViewer/components/DoUser.js

@@ -8,24 +8,27 @@ var DoUser = function DoUser(_ref) {
   var belongComponentType = data.belongComponentType,
     fieldWidth = data.fieldWidth,
     tooltipContent = data.tooltipContent,
-    list = data.list;
+    list = data.list,
+    componentType = data.componentType;
   var gridShare = belongComponentType === "TABLE" ? '100%' : fieldWidth == 'WHOLE_LINE' ? '25%' : '50%';
   var tooltipContentFuc = function tooltipContentFuc(item) {
     return Object.keys(tooltipContent).map(function (key) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, tooltipContent[key], " ", item[key] || "", " "), /*#__PURE__*/React.createElement("br", null));
     });
   };
+  var nameKey = componentType === "USER_GROUP" ? 'groupName' : 'userName';
   return /*#__PURE__*/React.createElement(Fragment, null, belongComponentType === "TABLE" ? /*#__PURE__*/React.createElement(TagShowMoreList, {
     text: list,
     tagCount: 1,
     flag: "user",
-    nameKey: "userName",
+    nameKey: nameKey,
     tooltipContentFuc: tooltipContentFuc
   }) : /*#__PURE__*/React.createElement("div", {
     className: 'ci-detail-user'
   }, (list || []).map(function (item) {
     var _item$name;
     return /*#__PURE__*/React.createElement(_Tooltip, {
+      placement: "topLeft",
       title: tooltipContentFuc(item),
       key: item.id
     }, /*#__PURE__*/React.createElement("div", {

package/lib/PropertyControlViewer/config/utils.js

@@ -19,7 +19,7 @@ export var getDescriptionComp = function getDescriptionComp(type) {
 // 时间格式化
 export var dateFormatFunc = function dateFormatFunc(timestamp) {
   var fmt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'YYYY-MM-DD HH:mm:ss';
-  return moment(timestamp).format(fmt);
+  return timestamp ? moment(timestamp).format(fmt) : '--';
 };
 
 // 判断是否浅色
@@ -164,7 +164,7 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
           expandable: true
         },
         list: [{
-          value: unit ? value + " " + unit : value
+          value: value ? unit ? value + " " + unit : value : '--'
         }]
       };
       break;
@@ -173,7 +173,7 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
     case "AUTO_CALCULATE":
       data = {
         list: [{
-          value: unit ? value + " " + unit : value
+          value: value ? unit ? value + " " + unit : value : '--'
         }]
       };
       break;
@@ -228,6 +228,12 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
       };
       break;
     case "NUMBER_RANGE":
+      data = {
+        list: [{
+          value: value ? unit ? (value === null || value === void 0 ? void 0 : value.join(" - ")) + ' ' + unit : value === null || value === void 0 ? void 0 : value.join(" - ") : '--'
+        }]
+      };
+      break;
     case "RACK_UNIT":
       data = {
         list: [{
@@ -256,6 +262,7 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
         fieldWidth: fieldWidth,
         tooltipContent: userTooltipContent || userTooltip,
         belongComponentType: belongComponentType,
+        componentType: componentType,
         list: (value ? Array.isArray(value) ? value : [value] : []).map(function (i) {
           console.log(i, 'oooo');
           i.id = i === null || i === void 0 ? void 0 : i.userId;
@@ -273,6 +280,7 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
         fieldWidth: fieldWidth,
         tooltipContent: userGroupTooltipContent || userGroupTooltip,
         belongComponentType: belongComponentType,
+        componentType: componentType,
         list: (value ? Array.isArray(value) ? value : [value] : []).map(function (i) {
           i.id = i === null || i === void 0 ? void 0 : i.groupId;
           i.name = i === null || i === void 0 ? void 0 : i.groupName;
@@ -316,7 +324,8 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
       break;
     case "UNIT_BITMAP":
       data = {
-        list: (value === null || value === void 0 ? void 0 : value.units) || []
+        list: (value === null || value === void 0 ? void 0 : value.units) || [],
+        handleClickChange: handleClickChange
       };
       break;
     case "TABLE":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chaoswise/business",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "业务组件库",
   "keywords": [
     "ui",
@@ -102,5 +102,5 @@
     "access": "public"
   },
   "license": "MIT",
-  "gitHead": "fd7b0e5e1af7181e10ad12f1b686d47487ef626b"
+  "gitHead": "780a8854dd697d36c4d9b7d83fd45cf7aabf082e"
 }