@chaoswise/business 0.0.18 → 1.0.1

package/lib/PropertyControlViewer/components/DoQuote/components/QuoteView.js

@@ -1,7 +1,7 @@
-import _List from "@chaoswise/ui/lib/Antd/List";
+import _List from "@chaoswise/ui/lib/List";
 import _Tooltip from "@chaoswise/ui/lib/Tooltip";
-import _Avatar from "@chaoswise/ui/lib/Antd/Avatar";
-import _Card from "@chaoswise/ui/lib/Antd/Card";
+import _Avatar from "@chaoswise/ui/lib/Avatar";
+import _Card from "@chaoswise/ui/lib/Card";
 import React from 'react';
 import DoAppIcon from '../../DoAppIcon';
 import '../../../assets/index.less';

package/lib/PropertyControlViewer/components/DoSelect.js

@@ -1,4 +1,4 @@
-import _Popover from "@chaoswise/ui/lib/Antd/Popover";
+import _Popover from "@chaoswise/ui/lib/Popover";
 import _Tooltip from "@chaoswise/ui/lib/Tooltip";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }

package/lib/PropertyControlViewer/components/DoUser.js

@@ -1,10 +1,9 @@
 import _Tooltip from "@chaoswise/ui/lib/Tooltip";
-import _Avatar from "@chaoswise/ui/lib/Antd/Avatar";
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import _Avatar from "@chaoswise/ui/lib/Avatar";
 import React, { Fragment } from 'react';
 import '../assets/index.less';
 import TagShowMoreList from './TagShowMoreList';
-import { getLocale } from "../../locale";
+import { useIntl } from '../../locales';
 var DoUser = function DoUser(_ref) {
   var data = _ref.data;
   var belongComponentType = data.belongComponentType,
@@ -12,26 +11,23 @@ var DoUser = function DoUser(_ref) {
     tooltipContent = data.tooltipContent,
     list = data.list,
     componentType = data.componentType;
-  var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
-    _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
-    locale = _ConfigProvider$useLo2 === void 0 ? "zh" : _ConfigProvider$useLo2;
-  var localeObj = getLocale(locale);
+  var intl = useIntl();
   var userTooltip = {
-    userName: localeObj.name + ":",
-    userAlias: localeObj.userName + ":",
-    department: localeObj.department + ":",
-    email: localeObj.emil + ":",
-    mobile: localeObj.mobile + ":"
+    userName: intl.get('5b412c79-b099-47cd-8745-21264d9212c4').d('姓名') + ':',
+    userAlias: intl.get('43395ce9-35f2-4a6d-9e84-8c277369157b').d('用户名') + ':',
+    department: intl.get('3190d9a0-41bf-42b3-adf9-9d22a337f65d').d('部门') + ':',
+    email: intl.get('e28ef3cf-569c-49f8-99b3-533e5013cb9d').d('邮箱') + ':',
+    mobile: intl.get('905a2fe5-4c8a-467e-813a-963fdb268b10').d('手机') + ':'
   };
   var userGroupTooltip = {
-    groupName: localeObj.groupName + ":",
-    groupDetails: localeObj.groupDetails + ":"
+    groupName: intl.get('bc71d288-1654-454d-8639-5ed225d8d6f6').d('用户组') + ':',
+    groupDetails: intl.get('e94234be-e478-4314-bc85-572cc285f5f9').d('描述') + ':'
   };
-  tooltipContent = componentType === "USER_GROUP" ? userGroupTooltip : userTooltip;
-  var gridShare = belongComponentType === "TABLE" ? '100%' : fieldWidth == 'WHOLE_LINE' ? '25%' : '50%';
+  tooltipContent = componentType === 'USER_GROUP' ? userGroupTooltip : userTooltip;
+  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));
+      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' : 'userAlias';
@@ -57,9 +53,9 @@ var DoUser = function DoUser(_ref) {
     }, /*#__PURE__*/React.createElement(_Avatar, {
       className: 'ci-detail-avatar',
       size: "small"
-    }, (_ref2 = item.userAlias || item.name) === null || _ref2 === void 0 ? void 0 : _ref2.substring(0, 1)), /*#__PURE__*/React.createElement("div", {
+    }, (_ref2 = item.userAlias ? "".concat(item.userName, "(").concat(item.userAlias, ")") : item.name) === null || _ref2 === void 0 ? void 0 : _ref2.substring(0, 1)), /*#__PURE__*/React.createElement("div", {
       className: 'ci-detail-user-name'
-    }, item.userAlias || item.name)));
+    }, item.userAlias ? "".concat(item.userName, "(").concat(item.userAlias, ")") : item.name)));
   })));
 };
 export default DoUser;

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

@@ -1,6 +1,6 @@
-import _Popover from "@chaoswise/ui/lib/Antd/Popover";
+import _Popover from "@chaoswise/ui/lib/Popover";
 import _Tooltip from "@chaoswise/ui/lib/Tooltip";
-import _Avatar from "@chaoswise/ui/lib/Antd/Avatar";
+import _Avatar from "@chaoswise/ui/lib/Avatar";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -55,7 +55,12 @@ var TagShowMoreList = function TagShowMoreList(props) {
     var classNameDiv = _className || 'wrapper-inner';
     return tags.map(function (item, index) {
       var _String;
-      var _name = item[nameKey] || (item === null || item === void 0 ? void 0 : item.ciName) || (item === null || item === void 0 ? void 0 : item.id);
+      var _name = '';
+      if (nameKey == 'userAlias') {
+        _name = item.userAlias ? "".concat(item === null || item === void 0 ? void 0 : item.userName, "(").concat(item === null || item === void 0 ? void 0 : item.userAlias, ")") : item === null || item === void 0 ? void 0 : item.id;
+      } else {
+        _name = item[nameKey] || (item === null || item === void 0 ? void 0 : item.ciName) || (item === null || item === void 0 ? void 0 : item.id);
+      }
       return /*#__PURE__*/React.createElement(_Tooltip, {
         title: tooltipContentFuc ? tooltipContentFuc(item) : _name,
         key: index,

package/lib/PropertyControlViewer/config/utils.js

@@ -7,7 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import moment from 'moment';
 import React from 'react';
 import { ATTR_DES_ENUM, DATE_FORMATE_ENUM } from './constants';
-import { intl } from '@chaoswise/intl';
+import intl from '../../locales';
 
 //根据属性类型获取对应的组件
 export var getDescriptionComp = function getDescriptionComp(type) {
@@ -92,48 +92,48 @@ export var guidFunc = function guidFunc() {
 export var judgmentTypeFunc = function judgmentTypeFunc(type, value) {
   var judgmentType = true; // 判断返回的value类型
   switch (type) {
-    case "INPUT":
+    case 'INPUT':
       break;
-    case "SELECT":
+    case 'SELECT':
       break;
-    case "TEXTAREA":
+    case 'TEXTAREA':
       break;
-    case "NUMBER":
+    case 'NUMBER':
       break;
-    case "UID":
+    case 'UID':
       break;
-    case "AUTO_CALCULATE":
+    case 'AUTO_CALCULATE':
       break;
-    case "DATE":
-      judgmentType = typeof value === "string" || typeof value === "number";
+    case 'DATE':
+      judgmentType = typeof value === 'string' || typeof value === 'number';
       break;
-    case "RADIO":
-      judgmentType = typeof value === "string";
+    case 'RADIO':
+      judgmentType = typeof value === 'string';
       break;
-    case "CHECKBOX":
+    case 'CHECKBOX':
       break;
-    case "NUMBER_RANGE":
+    case 'NUMBER_RANGE':
       break;
-    case "RACK_UNIT":
+    case 'RACK_UNIT':
       break;
-    case "USER":
+    case 'USER':
       break;
-    case "USER_GROUP":
+    case 'USER_GROUP':
       break;
-    case "QUOTE":
+    case 'QUOTE':
       break;
-    case "IMAGE":
+    case 'IMAGE':
       break;
-    case "FILE":
+    case 'FILE':
       break;
-    case "TABLE":
+    case 'TABLE':
       judgmentType = Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.length) > 0;
       break;
-    case "SWITCH":
-      judgmentType = typeof value === "boolean" || typeof value === "string";
+    case 'SWITCH':
+      judgmentType = typeof value === 'boolean' || typeof value === 'string';
       break;
-    case "UNIT_BITMAP":
-      judgmentType = Object.prototype.toString.call(value) === "[object Object]";
+    case 'UNIT_BITMAP':
+      judgmentType = Object.prototype.toString.call(value) === '[object Object]';
       break;
     default:
       judgmentType = true;
@@ -160,28 +160,28 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
   var data = {};
   try {
     switch (componentType) {
-      case "INPUT":
-      case "TEXTAREA":
+      case 'INPUT':
+      case 'TEXTAREA':
         data = {
           paragraphEllipsis: paragraphEllipsis || {
             rows: 5,
             expandable: true
           },
           list: [{
-            value: unit ? value + " " + unit : value
+            value: unit ? value + ' ' + unit : value
           }]
         };
         break;
-      case "NUMBER":
-      case "UID":
-      case "AUTO_CALCULATE":
+      case 'NUMBER':
+      case 'UID':
+      case 'AUTO_CALCULATE':
         data = {
           list: [{
-            value: !(value === undefined || value === null || value === '') ? unit ? value + " " + unit : value : '-'
+            value: !(value === undefined || value === null || value === '') ? unit ? value + ' ' + unit : value : '-'
           }]
         };
         break;
-      case "RADIO":
+      case 'RADIO':
         data = {
           tagCount: 1,
           list: (enumList || []).filter(function (i) {
@@ -195,9 +195,9 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
           })
         };
         break;
-      case "SELECT":
+      case 'SELECT':
         data = {
-          tagCount: belongComponentType === "TABLE" ? 1 : tagCount ? tagCount : 10000,
+          tagCount: belongComponentType === 'TABLE' ? 1 : tagCount ? tagCount : 10000,
           list: (enumList || []).filter(function (i) {
             return value === null || value === void 0 ? void 0 : value.includes(i === null || i === void 0 ? void 0 : i.itemCode);
           }).map(function (m) {
@@ -209,7 +209,7 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
           })
         };
         break;
-      case "CHECKBOX":
+      case 'CHECKBOX':
         data = {
           tagCount: tagCount || 10000,
           list: (enumList || []).filter(function (i) {
@@ -223,29 +223,29 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
           })
         };
         break;
-      case "SWITCH":
+      case 'SWITCH':
         var _value = String(value).toLowerCase();
         data = {
           list: [{
-            value: _value == "true" || _value === "1" ? onValue : offValue
+            value: _value == 'true' || _value === '1' ? onValue : offValue
           }]
         };
         break;
-      case "NUMBER_RANGE":
+      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(" - ") : '-'
+            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":
+      case 'RACK_UNIT':
         data = {
           list: [{
-            value: (value === null || value === void 0 ? void 0 : value.join(" - ")) || []
+            value: (value === null || value === void 0 ? void 0 : value.join(' - ')) || []
           }]
         };
         break;
-      case "DATE":
+      case 'DATE':
         var dataFormatString = DATE_FORMATE_ENUM[dateFormat] || 'YYYY-MM-DD HH:mm:ss';
         data = {
           list: [{
@@ -253,13 +253,13 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
           }]
         };
         break;
-      case "USER":
+      case 'USER':
         var userTooltip = {
-          userName: "姓名:",
-          userAlias: "用户名:",
-          department: "部门:",
-          email: "邮箱:",
-          mobile: "手机:"
+          userName: intl.get('cfbba0e5-b133-4bd7-9b8c-3c92368fe049').d('姓名:'),
+          userAlias: intl.get('b59f74be-dff0-4e3e-92db-354b475c3efd').d('用户名:'),
+          department: intl.get('79279aa4-ad27-4082-8093-06122d68c611').d('部门:'),
+          email: intl.get('88d7ad39-7f49-459f-a1fd-48dd4c0ff9d5').d('邮箱:'),
+          mobile: intl.get('db3f4bef-089e-4144-861d-29f79fa4cd38').d('手机:')
         };
         data = {
           fieldWidth: fieldWidth,
@@ -267,17 +267,16 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
           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;
             i.name = i === null || i === void 0 ? void 0 : i.userName;
             return i;
           })
         };
         break;
-      case "USER_GROUP":
+      case 'USER_GROUP':
         var userGroupTooltip = {
-          groupName: "用户组:",
-          groupDetails: "描述:"
+          groupName: intl.get('0ee18787-448b-4f7b-a3f2-5067a38c9a26').d('用户组:'),
+          groupDetails: intl.get('f307bd91-6737-4667-9e89-daec35b21198').d('描述:')
         };
         data = {
           fieldWidth: fieldWidth,
@@ -291,7 +290,7 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
           })
         };
         break;
-      case "QUOTE":
+      case 'QUOTE':
         data = {
           fieldWidth: fieldWidth,
           attrSource: rest === null || rest === void 0 ? void 0 : rest.attrSource,
@@ -299,9 +298,9 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
           list: value || []
         };
         break;
-      case "IMAGE":
+      case 'IMAGE':
         data = {
-          type: "image",
+          type: 'image',
           list: (value || []).map(function (i) {
             return {
               uid: i.id,
@@ -312,9 +311,9 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
           })
         };
         break;
-      case "FILE":
+      case 'FILE':
         data = {
-          type: "file",
+          type: 'file',
           list: (value || []).map(function (i) {
             return {
               uid: i.id,
@@ -325,13 +324,13 @@ export var getDataFunc = function getDataFunc(value, item, rest) {
           })
         };
         break;
-      case "UNIT_BITMAP":
+      case 'UNIT_BITMAP':
         data = {
           list: (value === null || value === void 0 ? void 0 : value.units) || [],
           handleClickChange: handleClickChange
         };
         break;
-      case "TABLE":
+      case 'TABLE':
         data = {
           properties: properties,
           handleClickChange: handleClickChange,

package/lib/PropertyControlViewer/index.js

@@ -1,31 +1,62 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 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"];
+var _excluded = ["schemaData", "detailContent", "filterAttrs"],
+  _excluded2 = ["properties", "attrID"],
+  _excluded3 = ["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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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, useMemo, memo } from 'react';
-import { getDescriptionComp, getDataFunc, judgmentTypeFunc } from "./config/utils";
+import { getDescriptionComp, getDataFunc, judgmentTypeFunc } from './config/utils';
+import { useIntl } from '../locales';
 import './index.less';
+import PropTypes from "prop-types";
 var Panel = _Collapse.Panel;
 var compositeAttr = {
-  "UNIT_RANGE": 1,
-  "UNIT_SELECT": 1
+  UNIT_RANGE: 1,
+  UNIT_SELECT: 1
 };
 var setWidthClassName = {
-  "TABLE": 1
+  TABLE: 1
 };
 var PropertyControlViewer = function PropertyControlViewer(_ref) {
   var schemaData = _ref.schemaData,
     detailContent = _ref.detailContent,
+    filterAttrs = _ref.filterAttrs,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var intl = useIntl();
+  var _schemaData = useMemo(function () {
+    if (!filterAttrs || filterAttrs.length == 0) {
+      return schemaData;
+    }
+    var filteredData = schemaData.map(function (_ref2) {
+      var properties = _ref2.properties,
+        attrID = _ref2.attrID,
+        rest = _objectWithoutProperties(_ref2, _excluded2);
+      return _objectSpread(_objectSpread({}, rest), {}, {
+        attrID: attrID,
+        properties: properties.filter(function (property) {
+          return !filterAttrs.some(function (_ref3) {
+            var attrGroupId = _ref3.attrGroupId,
+              conditionAttrID = _ref3.attrID;
+            return attrID === attrGroupId && property.attrID === conditionAttrID;
+          });
+        })
+      });
+    });
+    return filteredData;
+  }, [schemaData]);
   var comList = useMemo(function () {
-    if (schemaData && schemaData.length > 0) {
-      return schemaData.map(function (i, index) {
-        if (i.componentType === "ATTRIBUTE_GROUP") {
+    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: {
@@ -70,7 +101,7 @@ var PropertyControlViewer = function PropertyControlViewer(_ref) {
     } else {
       return null;
     }
-  }, [schemaData]);
+  }, [_schemaData]);
   return /*#__PURE__*/React.createElement(_Form, {
     style: {
       minHeight: '100%'
@@ -80,11 +111,11 @@ var PropertyControlViewer = function PropertyControlViewer(_ref) {
     className: "form-properties-box form-properties-view-box"
   }, comList));
 };
-var AttrFormItem = /*#__PURE__*/memo(function (_ref2) {
+var AttrFormItem = /*#__PURE__*/memo(function (_ref4) {
   var _detailContent$conten;
-  var item = _ref2.item,
-    detailContent = _ref2.detailContent,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
+  var item = _ref4.item,
+    detailContent = _ref4.detailContent,
+    rest = _objectWithoutProperties(_ref4, _excluded3);
   var attrID = item.attrID,
     attrName = item.attrName,
     componentType = item.componentType,
@@ -124,4 +155,41 @@ var AttrFormItem = /*#__PURE__*/memo(function (_ref2) {
     data: data
   })))));
 });
+PropertyControlViewer.propTypes = {
+  /**
+   * 模型属性数据
+   */
+  schemaData: PropTypes.array.isRequired,
+  /**
+   * 配置项数据
+   */
+  detailContent: PropTypes.object.isRequired,
+  /**
+   * 需要过滤隐藏的属性
+   */
+  filterAttrs: PropTypes.arrayOf(PropTypes.shape({
+    "attrGroupId": PropTypes.string,
+    "attrID": PropTypes.string
+  })),
+  /**
+   * 属性类型为input和textarea自动溢出省略，为对象时可设置省略行数与是否可展开等 
+   */
+  paragraphEllipsis: PropTypes.oneOf([PropTypes["boolean"], PropTypes.object]),
+  /**
+   * 属性类型为select和checkbox, 可设置显示的数量
+   */
+  tagCount: PropTypes.number,
+  /**
+   * 属性类型为quote的点击事件
+   */
+  handleClickChange: PropTypes.func,
+  /**
+   * 属性类型为user，鼠标悬浮显示的tooltip字段
+   */
+  userTooltipContent: PropTypes.object,
+  /**
+   * 属性类型为userGroup, 鼠标悬浮显示的tooltip字段
+   */
+  userGroupTooltipContent: PropTypes.object
+};
 export default PropertyControlViewer;

package/lib/PropertyControlViewer/index.less

@@ -23,6 +23,7 @@
   }
 
   .view_table {
+    margin-bottom: 24px;
     .@{ant-prefix}-form-item-control-wrapper {
       width: calc(100% - 110px);
     }