@chaoswise/business 0.0.6 → 0.0.7

package/lib/PropertyControlViewer/index.js

@@ -1,40 +1,75 @@
+import _Tooltip from "@chaoswise/ui/lib/Tooltip";
 import _Form from "@chaoswise/ui/lib/Form";
 import _Collapse from "@chaoswise/ui/lib/Collapse";
 var _excluded = ["schemaData", "detailContent"],
   _excluded2 = ["item", "detailContent"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { intl } from '@chaoswise/intl';
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useMemo, memo } from 'react';
 import { getDescriptionComp, getDataFunc, judgmentTypeFunc } from "./config/utils";
 import './index.less';
 var Panel = _Collapse.Panel;
-var compositeAttr = ["UNIT_RANGE", "UNIT_SELECT"];
-var setWidthClassName = ["TABLE"];
+var compositeAttr = {
+  "UNIT_RANGE": 1,
+  "UNIT_SELECT": 1
+};
+var setWidthClassName = {
+  "TABLE": 1
+};
 var PropertyControlViewer = function PropertyControlViewer(_ref) {
   var schemaData = _ref.schemaData,
     detailContent = _ref.detailContent,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeKey = _useState2[0],
-    setActiveKey = _useState2[1]; //展开分组的key
-  //分组展开
-  var onChange = function onChange(keys) {
-    setActiveKey(keys);
-  };
-  useEffect(function () {
-    var groupIds = schemaData.map(function (item) {
-      return item.attrID;
-    });
-    setActiveKey(groupIds);
+  var comList = useMemo(function () {
+    if (schemaData && schemaData.length > 0) {
+      return schemaData.map(function (i, index) {
+        if (i.componentType === "ATTRIBUTE_GROUP") {
+          return /*#__PURE__*/React.createElement(_Collapse, {
+            key: i.attrID,
+            style: {
+              width: '100%'
+            },
+            openAnimation: false,
+            defaultActiveKey: index === 0 ? [i.attrID] : undefined
+          }, /*#__PURE__*/React.createElement(Panel, {
+            header: i.attrName || intl.get('324f8bc5-e6dc-46b5-a18b-8c4e55c7352e').d('分组'),
+            key: i.attrID,
+            style: {
+              border: 0,
+              display: i.hidden == true && 'none'
+            }
+          }, /*#__PURE__*/React.createElement("div", {
+            className: 'form-properties-box'
+          }, i.properties.map(function (item) {
+            var componentType = item.componentType,
+              properties = item.properties;
+            if (compositeAttr[componentType]) {
+              return properties.map(function (item) {
+                return /*#__PURE__*/React.createElement(AttrFormItem, _extends({
+                  key: item.attrID,
+                  item: item,
+                  detailContent: detailContent
+                }, rest));
+              });
+            }
+            return /*#__PURE__*/React.createElement(AttrFormItem, _extends({
+              key: item.attrID,
+              item: item,
+              detailContent: detailContent
+            }, rest));
+          }))));
+        }
+        return /*#__PURE__*/React.createElement(AttrFormItem, _extends({
+          key: i.attrID,
+          item: i,
+          detailContent: detailContent
+        }, rest));
+      });
+    } else {
+      return null;
+    }
   }, [schemaData]);
   return /*#__PURE__*/React.createElement(_Form, {
     style: {
@@ -42,54 +77,10 @@ var PropertyControlViewer = function PropertyControlViewer(_ref) {
     },
     layout: 'horizontal'
   }, /*#__PURE__*/React.createElement("div", {
-    className: "form-properties-box  form-properties-view-box"
-  }, schemaData.map(function (i) {
-    if (i.componentType == "ATTRIBUTE_GROUP") {
-      return /*#__PURE__*/React.createElement(_Collapse, {
-        key: i.attrID,
-        activeKey: activeKey,
-        onChange: onChange,
-        style: {
-          width: '100%'
-        }
-      }, /*#__PURE__*/React.createElement(Panel, {
-        header: i.attrName || intl.get('324f8bc5-e6dc-46b5-a18b-8c4e55c7352e').d('分组'),
-        key: i.attrID,
-        style: {
-          border: 0,
-          display: i.hidden == true && 'none'
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: 'form-properties-box'
-      }, i.properties.map(function (item) {
-        var componentType = item.componentType,
-          properties = item.properties;
-        if (compositeAttr.includes(componentType)) {
-          {
-            return properties.map(function (item) {
-              return /*#__PURE__*/React.createElement(AttrFormItem, _extends({
-                key: item.attrID,
-                item: item,
-                detailContent: detailContent
-              }, rest));
-            });
-          }
-        }
-        return /*#__PURE__*/React.createElement(AttrFormItem, _extends({
-          key: item.attrID,
-          item: item,
-          detailContent: detailContent
-        }, rest));
-      }))));
-    }
-    return /*#__PURE__*/React.createElement(AttrFormItem, _extends({
-      key: i.attrID,
-      item: i,
-      detailContent: detailContent
-    }, rest));
-  })));
+    className: "form-properties-box form-properties-view-box"
+  }, comList));
 };
-var AttrFormItem = function AttrFormItem(_ref2) {
+var AttrFormItem = /*#__PURE__*/memo(function (_ref2) {
   var _detailContent$conten;
   var item = _ref2.item,
     detailContent = _ref2.detailContent,
@@ -106,7 +97,9 @@ var AttrFormItem = function AttrFormItem(_ref2) {
     data = getDataFunc(_value, item, rest);
   }
   var comType = judgmentType ? componentType : 'default_placeholder';
-  var DescriptionComp = getDescriptionComp(comType);
+  var DescriptionComp = useMemo(function () {
+    return getDescriptionComp(comType);
+  }, [comType]);
   return /*#__PURE__*/React.createElement("div", {
     key: attrID,
     className: 'CM-DB-form-item-box',
@@ -115,12 +108,20 @@ var AttrFormItem = function AttrFormItem(_ref2) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: 'form_box'
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
-    name: attrID,
-    label: attrName,
-    className: setWidthClassName.includes(componentType) ? 'view_table' : ''
+  }, /*#__PURE__*/React.createElement("div", {
+    className: setWidthClassName[componentType] ? 'view_table' : 'attrDetailLabel'
+  }, /*#__PURE__*/React.createElement("span", {
+    className: 'name'
+  }, /*#__PURE__*/React.createElement(_Tooltip, {
+    title: attrName
+  }, /*#__PURE__*/React.createElement("span", {
+    className: 'label'
+  }, attrName)), /*#__PURE__*/React.createElement("span", {
+    className: 'symbol'
+  }, ":")), /*#__PURE__*/React.createElement("span", {
+    className: 'content'
   }, /*#__PURE__*/React.createElement(DescriptionComp, {
     data: data
-  }))));
-};
+  })))));
+});
 export default PropertyControlViewer;

package/lib/PropertyControlViewer/index.less

@@ -24,6 +24,36 @@
     }
   }
 
+.attrDetailLabel {
+  display: flex;
+  width: 100%;
+  margin-bottom: 24px;
+
+  .name {
+    width: 85px;
+    margin-right: 6px;
+    display: flex;
+    justify-content: space-between;
+    // align-items: center;
+    .label {
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+      word-wrap: break-word;
+      word-break: break-all;
+      width: 95%;
+    }
+    .symbol {
+      flex: 1;
+    }
+  }
+
+  .content {
+    flex: 1;
+  }
+}
+
 .CHECKBOX_form {
     .@{ant-prefix}-form-item-control {
       align-items: center !important;

package/lib/index.js

@@ -1 +1,2 @@
-export { default as PropertyControlViewer } from './PropertyControlViewer';
+export { default as PropertyControlViewer } from './PropertyControlViewer';
+export { default as AggregateSearch } from './AggregateSearch';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chaoswise/business",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "业务组件库",
   "keywords": [
     "ui",
@@ -72,7 +72,9 @@
   },
   "dependencies": {
     "@chaoswise/intl": "^1.2.2",
-    "@chaoswise/ui": "^2.3.14"
+    "@chaoswise/ui": "^2.3.14",
+    "antlr4": "4.9.2",
+    "react-copy-to-clipboard": "^5.1.0"
   },
   "author": "cloudwiser",
   "homepage": "",
@@ -102,5 +104,5 @@
     "access": "public"
   },
   "license": "MIT",
-  "gitHead": "e5466e86469163cd6a3964a7e03684ab71c5c20f"
+  "gitHead": "4d692f89a039c966394856580a73812d69710ffc"
 }