@chaoswise/business 0.0.2 → 0.0.4

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

@@ -13,7 +13,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
-import style from '../assets/doSelect.less';
+import '../assets/doSelect.less';
 import { isLightColorFunc } from '../config/utils';
 var DoSelect = function DoSelect(_ref) {
   var data = _ref.data;
@@ -42,7 +42,7 @@ var DoSelect = function DoSelect(_ref) {
           width: 'auto'
         }
       }, /*#__PURE__*/React.createElement("div", {
-        className: style[_className],
+        className: _className,
         style: _objectSpread(_objectSpread({}, _style), getColorStyle(item))
       }, item.value || item.id || ''));
     });
@@ -57,7 +57,7 @@ var DoSelect = function DoSelect(_ref) {
       var frontArray = list.slice(0, tagCount);
       var afterArray = list.slice(tagCount, tagsLength);
       var _data = /*#__PURE__*/React.createElement("div", {
-        className: style['inner']
+        className: 'inner'
       }, generateItem(afterArray, 'ant-popover-inner-content'));
       var frontTags = generateItem(frontArray);
       var fixedTags = [/*#__PURE__*/React.createElement(_Popover, {
@@ -68,13 +68,13 @@ var DoSelect = function DoSelect(_ref) {
         },
         overlayClassName: 'tag-wrapper-inner'
       }, /*#__PURE__*/React.createElement("div", {
-        className: style['wrapper-inner-fixed']
+        className: 'wrapper-inner-fixed'
       }, "+ ", afterArray.length))];
       return [].concat(_toConsumableArray(frontTags), fixedTags);
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: style['wrapper']
+    className: 'ciWrapper'
   }, renderItem());
 };
 export default DoSelect;

package/lib/PropertyControlViewer/components/TagShowMoreList/index.js

@@ -14,7 +14,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
-import style from './index.less';
+import './index.less';
 import classnames from 'classnames';
 import DoAppIcon from '../DoAppIcon';
 import { isLightColorFunc } from '../../config/utils';
@@ -64,19 +64,19 @@ var TagShowMoreList = function TagShowMoreList(props) {
         },
         placement: "topLeft"
       }, /*#__PURE__*/React.createElement("div", {
-        className: style[classNameDiv],
+        className: classNameDiv,
         style: _objectSpread(_objectSpread({}, _style), getColorStyle(item)),
         onClick: tagClickFuc ? function () {
           return tagClickFuc(item);
         } : function () {}
       }, /*#__PURE__*/React.createElement("div", {
-        className: style['ellipsis-box'],
+        className: 'ellipsis-box',
         style: {
           maxWidth: text.length === 1 && option === 'view' || _className ? '100%' : option === 'view' ? 84 : 64
         }
       }, flag === "user" ? /*#__PURE__*/React.createElement(_Avatar, {
         size: 20,
-        className: style["tag-ci-detail-avatar"]
+        className: "tag-ci-detail-avatar"
       }, (_String = String(_name)) === null || _String === void 0 ? void 0 : _String.substring(0, 1)) : /*#__PURE__*/React.createElement(_Avatar, {
         size: 20,
         style: {
@@ -103,7 +103,7 @@ var TagShowMoreList = function TagShowMoreList(props) {
       var frontTags = generateItem(text.slice(0, tagCount));
       var afterArray = text.slice(tagCount, tagsLength);
       var contentData = /*#__PURE__*/React.createElement("div", {
-        className: style['inner']
+        className: 'inner'
       }, generateItem(afterArray, _style, 'ant-popover-inner-content'));
       var fixedTags = [/*#__PURE__*/React.createElement(_Popover, {
         content: contentData,
@@ -114,14 +114,14 @@ var TagShowMoreList = function TagShowMoreList(props) {
           width: 'auto'
         }
       }, /*#__PURE__*/React.createElement("div", {
-        className: style['wrapper-inner-fixed'],
+        className: 'wrapper-inner-fixed',
         style: _style
       }, "+ ", afterArray.length))];
       return [].concat(_toConsumableArray(frontTags), fixedTags);
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames(style['wrapper'])
+    className: classnames('wrapper')
   }, renderItem());
 };
 export default TagShowMoreList;

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) : '--';
 };
 
 // 判断是否浅色
@@ -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: [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chaoswise/business",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "业务组件库",
   "keywords": [
     "ui",
@@ -102,5 +102,5 @@
     "access": "public"
   },
   "license": "MIT",
-  "gitHead": "7a0ef5b8507244bbace8456a0d658cb8070d933c"
+  "gitHead": "3e451b2fffa2333b17f7242c4044f5fc87535cca"
 }