@chaoswise/business 0.0.1

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

@@ -0,0 +1,127 @@
+import _Popover from "@chaoswise/ui/lib/Antd/Popover";
+import _Tooltip from "@chaoswise/ui/lib/Tooltip";
+import _Avatar from "@chaoswise/ui/lib/Antd/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."); }
+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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 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(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 classnames from 'classnames';
+import DoAppIcon from '../DoAppIcon';
+import { isLightColorFunc } from '../../config/utils';
+var TagShowMoreList = function TagShowMoreList(props) {
+  var _props$text = props.text,
+    text = _props$text === void 0 ? [] : _props$text,
+    _props$tagCount = props.tagCount,
+    tagCount = _props$tagCount === void 0 ? 1 : _props$tagCount,
+    tooltipContentFuc = props.tooltipContentFuc,
+    _props$_style = props._style,
+    _style = _props$_style === void 0 ? null : _props$_style,
+    nameKey = props.nameKey,
+    tagClickFuc = props.tagClickFuc,
+    flag = props.flag,
+    _props$option = props.option,
+    option = _props$option === void 0 ? 'view' : _props$option;
+  var getColorStyle = function getColorStyle(item) {
+    if (item !== null && item !== void 0 && item.color) {
+      return {
+        background: item.color,
+        color: isLightColorFunc(item.color) ? "#000" : "#fff",
+        borderColor: 'transparent',
+        display: 'flex',
+        width: 'fit-content',
+        maxWidth: '100%'
+      };
+    } else {
+      return {
+        border: 'none',
+        background: 'transparent',
+        display: 'flex',
+        width: 'fit-content',
+        maxWidth: '100%'
+      };
+    }
+  };
+  var generateItem_user = function generateItem_user(tags, _style, _className) {
+    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);
+      return /*#__PURE__*/React.createElement(_Tooltip, {
+        title: tooltipContentFuc ? tooltipContentFuc(item) : _name,
+        key: index,
+        overlayStyle: {
+          width: 'auto'
+        },
+        placement: "topLeft"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: style[classNameDiv],
+        style: _objectSpread(_objectSpread({}, _style), getColorStyle(item)),
+        onClick: tagClickFuc ? function () {
+          return tagClickFuc(item);
+        } : function () {}
+      }, /*#__PURE__*/React.createElement("div", {
+        className: style['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"]
+      }, (_String = String(_name)) === null || _String === void 0 ? void 0 : _String.substring(0, 1)) : /*#__PURE__*/React.createElement(_Avatar, {
+        size: 20,
+        style: {
+          backgroundColor: "rgb(228,246,255)",
+          marginRight: 8
+        },
+        icon: /*#__PURE__*/React.createElement(DoAppIcon, {
+          style: {
+            color: "rgb(25,133,255)"
+          },
+          type: item.iconPath || 'icon-1'
+        })
+      }), _name || '--')));
+    });
+  };
+  var renderItem = function renderItem() {
+    var generateItem = generateItem_user;
+    var tagsLength = text.length;
+    if (tagsLength == 0) {
+      return null;
+    } else if (tagsLength <= tagCount) {
+      return generateItem(text, _style);
+    } else {
+      var frontTags = generateItem(text.slice(0, tagCount));
+      var afterArray = text.slice(tagCount, tagsLength);
+      var contentData = /*#__PURE__*/React.createElement("div", {
+        className: style['inner']
+      }, generateItem(afterArray, _style, 'ant-popover-inner-content'));
+      var fixedTags = [/*#__PURE__*/React.createElement(_Popover, {
+        content: contentData,
+        key: 10000000,
+        overlayClassName: 'tag-wrapper-inner',
+        overlayStyle: {
+          padding: 8,
+          width: 'auto'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: style['wrapper-inner-fixed'],
+        style: _style
+      }, "+ ", afterArray.length))];
+      return [].concat(_toConsumableArray(frontTags), fixedTags);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(style['wrapper'])
+  }, renderItem());
+};
+export default TagShowMoreList;

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

@@ -0,0 +1,104 @@
+.wrapper {
+  height: 28px;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+
+  .wrapper-inner {
+    float: left;
+    height: 20px;
+    line-height: 20px;
+    margin-right: 8px;
+    background: #fafafa;
+    border: 1px solid #d9d9d9;
+    border-radius: 2px;
+    cursor: pointer;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .wrapper-inner:last-child {
+    margin-right: 0;
+  }
+
+  .wrapper-inner-fixed {
+    float: left;
+    height: 20px;
+    line-height: 20px;
+    margin-right: 2px;
+    padding: 0px 6px;
+    background: #fafafa;
+    border: 1px solid #d9d9d9;
+    border-radius: 2px;
+    cursor: pointer;
+  }
+
+  &.edit-wrapper {
+    .wrapper-inner {
+      height: 28px;
+      line-height: 28px;
+    }
+
+    .wrapper-inner-fixed {
+      height: 28px;
+      line-height: 28px;
+    }
+  }
+}
+
+.ant-popover-inner-content:nth-child(4n) {
+  margin-right: 0px;
+}
+
+.inner {
+  max-width: 220px;
+  font-size: 12px;
+
+  .ant-popover-inner-content {
+    // float: left;
+    // max-width: 85px;
+    height: 28px;
+    line-height: 28px;
+    background: #fafafa;
+    border: 1px solid #d9d9d9;
+    border-radius: 2px;
+    // padding: 0 6px;
+    margin-bottom: 2px;
+    cursor: pointer;
+    // overflow: hidden;
+    // text-overflow: ellipsis;
+    // white-space: nowrap;
+  }
+}
+
+.inner:after {
+  /*伪元素是行内元素 正常浏览器清除浮动方法*/
+  content: "";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+
+.ellipsis-box {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+
+.tag-ci-detail-avatar {
+  color: #fff;
+  background-color: #008dff;
+  margin-right: 8px;
+  font-size: 10px !important;
+  margin-top: -2px;
+}
+
+  .tag-wrapper-inner {
+    .@{ant-prefix}-popover-inner-content {
+      padding: 8px !important;
+    }
+  }

package/lib/PropertyControlViewer/config/constants.js

@@ -0,0 +1,84 @@
+import DoCommon from '../components/DoCommon';
+import DoUser from '../components/DoUser';
+import DoQuote from '../components/DoQuote';
+import DoSelect from '../components/DoSelect';
+import DoImage from '../components/DoImage';
+import DoTable from '../components/DoTable';
+import DoCiUnitBitmap from '../components/DoCiUnitBitmap';
+import DoDefaultPlaceholder from '../components/DoDefaultPlaceholder';
+export var DATE_FORMATE_ENUM = {
+  'yyyy': 'YYYY',
+  'yyyy-MM': 'YYYY-MM',
+  'yyyy-MM-dd': 'YYYY-MM-DD',
+  'yyyy-MM-dd HH': 'YYYY-MM-DD HH',
+  'yyyy-MM-dd HH:mm': 'YYYY-MM-DD HH:mm',
+  'yyyy-MM-dd HH:mm:ss': 'YYYY-MM-DD HH:mm:ss'
+};
+export var ATTR_DES_ENUM = {
+  INPUT: {
+    generate_comp: DoCommon
+  },
+  TEXTAREA: {
+    generate_comp: DoCommon
+  },
+  SELECT: {
+    generate_comp: DoSelect
+  },
+  RADIO: {
+    generate_comp: DoSelect
+  },
+  CHECKBOX: {
+    generate_comp: DoSelect
+  },
+  SWITCH: {
+    generate_comp: DoCommon
+  },
+  NUMBER: {
+    generate_comp: DoCommon
+  },
+  NUMBER_RANGE: {
+    generate_comp: DoCommon
+  },
+  DATE: {
+    generate_comp: DoCommon
+  },
+  IMAGE: {
+    generate_comp: DoImage
+  },
+  FILE: {
+    generate_comp: DoImage
+  },
+  UID: {
+    generate_comp: DoCommon
+  },
+  AUTO_CALCULATE: {
+    generate_comp: DoCommon
+  },
+  USER: {
+    generate_comp: DoUser
+  },
+  USER_GROUP: {
+    generate_comp: DoUser
+  },
+  TABLE: {
+    generate_comp: DoTable
+  },
+  QUOTE: {
+    generate_comp: DoQuote
+  },
+  UNIT_RANGE: {
+    generate_comp: DoCommon
+  },
+  UNIT_BITMAP: {
+    generate_comp: DoCiUnitBitmap
+  },
+  UNIT_SELECT: {
+    generate_comp: DoCommon
+  },
+  RACK_UNIT: {
+    generate_comp: DoCommon
+  },
+  default_placeholder: {
+    generate_comp: DoDefaultPlaceholder
+  }
+};

package/lib/PropertyControlViewer/config/utils.js

@@ -0,0 +1,338 @@
+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 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(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 moment from 'moment';
+import React from 'react';
+import { ATTR_DES_ENUM, DATE_FORMATE_ENUM } from './constants';
+
+//根据属性类型获取对应的组件
+export var getDescriptionComp = function getDescriptionComp(type) {
+  if (ATTR_DES_ENUM[type]) {
+    return ATTR_DES_ENUM[type].generate_comp;
+  }
+  return /*#__PURE__*/React.createElement("span", null, "\u6682\u672A\u6CE8\u518C\u7EC4\u4EF6");
+};
+
+// 时间格式化
+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);
+};
+
+// 判断是否浅色
+export var isLightColorFunc = function isLightColorFunc(str) {
+  // 16进制颜色转换成rgb数组
+  var reg = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/;
+  if (!reg.test(str)) {
+    return;
+  }
+  var newStr = str.toLowerCase().replace(/\#/g, '');
+  var len = newStr.length;
+  if (len == 3) {
+    var t = '';
+    for (var i = 0; i < len; i++) {
+      t += newStr.slice(i, i + 1).concat(newStr.slice(i, i + 1));
+    }
+    newStr = t;
+  }
+  var rgb = []; //将字符串分隔，两个两个的分隔
+  for (var i = 0; i < 6; i = i + 2) {
+    var s = newStr.slice(i, i + 2);
+    rgb.push(parseInt('0x' + s));
+  }
+  //判断颜色
+  return 0.213 * rgb[0] + 0.715 * rgb[1] + 0.072 * rgb[2] > 255 / 2;
+};
+
+//字符串截取一部分, 多余的显示省略号
+export var shortenStrFunc = function shortenStrFunc() {
+  var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var maxLen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
+  str = String(str);
+  return str.length > maxLen ? str.substring(0, maxLen) + '...' : str;
+};
+
+//图片、附件
+export var downloadEvtFunc = function downloadEvtFunc(url) {
+  // console.log(url, '触发下载的url');
+  window.open(url, '_self');
+};
+export var getBase64 = function getBase64(file) {
+  return new Promise(function (resolve, reject) {
+    var reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = function () {
+      return resolve(reader.result);
+    };
+    reader.onerror = function (error) {
+      return reject(error);
+    };
+  });
+};
+
+/**
+ * 生成唯一id
+ * @param {*}
+ */
+export var guidFunc = function guidFunc() {
+  var length = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 32;
+  var _str = new Array(length).fill('x').join('');
+  return _str.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0;
+    var v = c === 'x' ? r : r & 0x3 | 0x8;
+    return v.toString(16);
+  });
+};
+
+// 判断值的类型是否符合规范
+export var judgmentTypeFunc = function judgmentTypeFunc(type, value) {
+  var judgmentType = true; // 判断返回的value类型
+  switch (type) {
+    case "INPUT":
+      break;
+    case "SELECT":
+      break;
+    case "TEXTAREA":
+      break;
+    case "NUMBER":
+      break;
+    case "UID":
+      break;
+    case "AUTO_CALCULATE":
+      break;
+    case "DATE":
+      judgmentType = typeof value === "string" || typeof value === "number";
+      break;
+    case "RADIO":
+      judgmentType = typeof value === "string";
+      break;
+    case "CHECKBOX":
+      break;
+    case "NUMBER_RANGE":
+      break;
+    case "RACK_UNIT":
+      break;
+    case "USER":
+      break;
+    case "USER_GROUP":
+      break;
+    case "QUOTE":
+      break;
+    case "IMAGE":
+      break;
+    case "FILE":
+      break;
+    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";
+      break;
+    case "UNIT_BITMAP":
+      judgmentType = Object.prototype.toString.call(value) === "[object Object]";
+    default:
+      judgmentType = true;
+  }
+  return judgmentType;
+};
+export var getDataFunc = function getDataFunc(value, item, rest) {
+  var componentType = item.componentType,
+    attrInfo = item.attrInfo,
+    belongComponentType = item.belongComponentType,
+    properties = item.properties;
+  var fieldWidth = attrInfo.fieldWidth,
+    enumList = attrInfo.enumList,
+    offValue = attrInfo.offValue,
+    onValue = attrInfo.onValue,
+    dateFormat = attrInfo.dateFormat,
+    unit = attrInfo.unit;
+  var paragraphEllipsis = rest.paragraphEllipsis,
+    tagCount = rest.tagCount,
+    userTooltipContent = rest.userTooltipContent,
+    userGroupTooltipContent = rest.userGroupTooltipContent,
+    handleClickChange = rest.handleClickChange;
+  var data = {};
+  switch (componentType) {
+    case "INPUT":
+    case "TEXTAREA":
+      data = {
+        paragraphEllipsis: paragraphEllipsis || {
+          rows: 5,
+          expandable: true
+        },
+        list: [{
+          value: unit ? value + " " + unit : value
+        }]
+      };
+      break;
+    case "NUMBER":
+    case "UID":
+    case "AUTO_CALCULATE":
+      data = {
+        list: [{
+          value: unit ? value + " " + unit : value
+        }]
+      };
+      break;
+    case "RADIO":
+      data = {
+        tagCount: 1,
+        list: (enumList || []).filter(function (i) {
+          return (i === null || i === void 0 ? void 0 : i.itemCode) === value;
+        }).map(function (m) {
+          return {
+            id: m === null || m === void 0 ? void 0 : m.itemCode,
+            value: m === null || m === void 0 ? void 0 : m.itemName,
+            color: m === null || m === void 0 ? void 0 : m.itemColour
+          };
+        })
+      };
+      break;
+    case "SELECT":
+      data = {
+        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) {
+          return {
+            id: m === null || m === void 0 ? void 0 : m.itemCode,
+            value: m === null || m === void 0 ? void 0 : m.itemName,
+            color: m === null || m === void 0 ? void 0 : m.itemColour
+          };
+        })
+      };
+      break;
+    case "CHECKBOX":
+      data = {
+        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) {
+          return {
+            id: m === null || m === void 0 ? void 0 : m.itemCode,
+            value: m === null || m === void 0 ? void 0 : m.itemName,
+            color: m === null || m === void 0 ? void 0 : m.itemColour
+          };
+        })
+      };
+      break;
+    case "SWITCH":
+      var _value = String(value).toLowerCase();
+      data = {
+        list: [{
+          value: _value == "true" || _value === "1" ? onValue : offValue
+        }]
+      };
+      break;
+    case "NUMBER_RANGE":
+    case "RACK_UNIT":
+      data = {
+        list: [{
+          value: (value === null || value === void 0 ? void 0 : value.join(" - ")) || []
+        }]
+      };
+      break;
+    case "DATE":
+      var dataFormatString = DATE_FORMATE_ENUM[dateFormat] || 'YYYY-MM-DD HH:mm:ss';
+      data = {
+        list: [{
+          value: dateFormatFunc(value, dataFormatString)
+        }]
+      };
+      break;
+    case "USER":
+      var userTooltip = {
+        userName: "姓名:",
+        userAlias: "用户名:",
+        department: "部门:",
+        email: "邮箱:",
+        mobile: "手机:"
+      };
+      console.log(value, 'value]]]]]]');
+      data = {
+        fieldWidth: fieldWidth,
+        tooltipContent: userTooltipContent || userTooltip,
+        belongComponentType: belongComponentType,
+        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":
+      var userGroupTooltip = {
+        groupName: "用户组:",
+        groupDetails: "描述:"
+      };
+      data = {
+        fieldWidth: fieldWidth,
+        tooltipContent: userGroupTooltipContent || userGroupTooltip,
+        belongComponentType: belongComponentType,
+        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;
+          return i;
+        })
+      };
+      break;
+    case "QUOTE":
+      data = {
+        fieldWidth: fieldWidth,
+        attrSource: rest === null || rest === void 0 ? void 0 : rest.attrSource,
+        handleClickChange: handleClickChange,
+        list: value || []
+      };
+      break;
+    case "IMAGE":
+      data = {
+        type: "image",
+        list: (value || []).map(function (i) {
+          return {
+            uid: i.id,
+            name: i === null || i === void 0 ? void 0 : i.imgName,
+            status: 'done',
+            url: i.url
+          };
+        })
+      };
+      break;
+    case "FILE":
+      data = {
+        type: "file",
+        list: (value || []).map(function (i) {
+          return {
+            uid: i.id,
+            name: i.fileName,
+            status: 'done',
+            url: i.url
+          };
+        })
+      };
+      break;
+    case "UNIT_BITMAP":
+      data = {
+        list: (value === null || value === void 0 ? void 0 : value.units) || []
+      };
+      break;
+    case "TABLE":
+      data = {
+        properties: properties,
+        handleClickChange: handleClickChange,
+        list: (value || []).map(function (v, i) {
+          return _objectSpread(_objectSpread({}, v), {}, {
+            id: 'u' + guidFunc(5),
+            count: i + 1
+          });
+        })
+      };
+      break;
+    default:
+      break;
+  }
+  return data;
+};