ds-web-all 1.0.0

package/lib/components/table/mod/link.js

@@ -0,0 +1,59 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Link;
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["value", "tableProps", "onClick", "innerText"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+// import PropTypes from 'prop-types';
+
+function Link(props) {
+  var value = props.value,
+    tableProps = props.tableProps,
+    onClick = props.onClick,
+    innerText = props.innerText,
+    others = _objectWithoutProperties(props, _excluded);
+  var link = value.link,
+    text = value.text;
+  var buttonProps = _objectSpread({}, others);
+  if (typeof onClick === 'function') {
+    buttonProps.onClick = function () {
+      onClick(tableProps);
+    };
+  } else if (link) {
+    buttonProps.href = link;
+  }
+  return /*#__PURE__*/_react.default.createElement(_button.default, buttonProps, text || innerText);
+}
+Link.displayName = 'Link';
+// Link.propTypes = {
+//   value: PropTypes.shape({
+//     text: PropTypes.string,
+//     link: PropTypes.string,
+//   }),
+//   innerText: PropTypes.string,
+//   onClick: PropTypes.func,
+//   text: PropTypes.bool,
+//   content: PropTypes.string,
+//   tableProps: PropTypes.shape({
+//     index: PropTypes.number,
+//     record: PropTypes.object,
+//   }).isRequired,
+// };
+Link.defaultProps = {
+  text: true,
+  content: 'link',
+  value: {}
+};

package/lib/components/table/mod/passed-count/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PassedCount;
+var _react = _interopRequireDefault(require("react"));
+var _passed = _interopRequireDefault(require("../passed"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// import PropTypes from 'prop-types';
+
+function PassedCount(props) {
+  var value = props.value;
+  var passed = value.passed,
+    count = value.count;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "passed-status"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "status"
+  }, /*#__PURE__*/_react.default.createElement(_passed.default, {
+    value: passed
+  })), "\u603B\u6570\uFF1A", /*#__PURE__*/_react.default.createElement("span", {
+    className: "count-all"
+  }, count.total), "\u901A\u8FC7\uFF1A", /*#__PURE__*/_react.default.createElement("span", {
+    className: "count-success"
+  }, count.success), "\u5931\u8D25\uFF1A", /*#__PURE__*/_react.default.createElement("span", {
+    className: "count-failed"
+  }, count.failed));
+}
+PassedCount.displayName = 'PassedCount';
+// PassedCount.propTypes = {
+//   value: PropTypes.shape({
+//     passed: PropTypes.bool.isRequired,
+//     count: PropTypes.shape({
+//       total: PropTypes.number,
+//       success: PropTypes.number,
+//       failed: PropTypes.number,
+//     }).isRequired,
+//   }).isRequired,
+//   tableProps: PropTypes.shape({
+//     index: PropTypes.number,
+//     record: PropTypes.object,
+//   }).isRequired,
+// };

package/lib/components/table/mod/passed-count/index.less

@@ -0,0 +1,20 @@
+.passed-status {
+  .status,
+  .count-all,
+  .count-success,
+  .count-failed {
+    margin-right: 5px;
+  }
+
+  .count-all {
+    color: rgb(91, 148, 251);
+  }
+
+  .count-success {
+    color: rgb(31, 182, 72);
+  }
+
+  .count-failed {
+    color: rgb(255, 35, 46);
+  }
+}

package/lib/components/table/mod/picture/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/image/style");
+var _image = _interopRequireDefault(require("antd/es/image"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 Index(_ref) {
+  var value = _ref.value;
+  var pictureStyle = {
+    display: 'flex',
+    height: '32px',
+    width: '32px'
+  };
+  if (typeof value === 'string') {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: pictureStyle
+    }, value ? /*#__PURE__*/_react.default.createElement(_image.default, {
+      width: 32,
+      height: 32,
+      src: value
+    }) : '-');
+  }
+  if (_typeof(value) === 'object') {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: pictureStyle
+    }, value ? /*#__PURE__*/_react.default.createElement(_image.default, {
+      width: 32,
+      preview: {
+        src: value === null || value === void 0 ? void 0 : value.url
+      },
+      height: 32,
+      src: (value === null || value === void 0 ? void 0 : value.urlTiny) || (value === null || value === void 0 ? void 0 : value.url)
+    }) : '-');
+  }
+  return null;
+}
+var _default = exports.default = Index;

package/lib/components/table/mod/select.js

@@ -0,0 +1,30 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _recompose = require("recompose");
+var _select = _interopRequireDefault(require("../../select"));
+var _excluded = ["tableProps", "onChange"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var _default = exports.default = (0, _recompose.mapProps)(function (_ref) {
+  var tableProps = _ref.tableProps,
+    _onChange = _ref.onChange,
+    others = _objectWithoutProperties(_ref, _excluded);
+  return _objectSpread(_objectSpread({
+    tableProps: tableProps
+  }, others), {}, {
+    onChange: function onChange(value) {
+      _onChange(value, tableProps);
+    }
+  });
+})(_select.default);

package/lib/components/table/mod/status.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Status;
+require("antd/es/badge/style");
+var _badge = _interopRequireDefault(require("antd/es/badge"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// import PropTypes from 'prop-types';
+
+function Status(props) {
+  var value = props.value,
+    successLabel = props.successLabel,
+    failedLabel = props.failedLabel;
+  return /*#__PURE__*/_react.default.createElement(_badge.default, {
+    content: value ? successLabel : failedLabel,
+    style: value ? {
+      color: '#74CD4C',
+      border: '1px solid #6ECB49',
+      backgroundColor: '#F6FFEE'
+    } : {
+      color: '#F8673F',
+      border: '1px solid #FDBF9E',
+      backgroundColor: '#FFF2E9'
+    }
+  });
+}
+Status.displayName = 'Status';
+// Status.propTypes = {
+//   value: PropTypes.bool.isRequired,
+//   successLabel: PropTypes.string.isRequired,
+//   failedLabel: PropTypes.string.isRequired,
+// };

package/lib/components/table/mod/text/index.js

@@ -0,0 +1,184 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TableCellText;
+require("antd/es/popover/style");
+var _popover = _interopRequireDefault(require("antd/es/popover"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _letterWidth = _interopRequireDefault(require("./letterWidth"));
+require("./index.less");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; } /*
+ * @Author: 大鸡腿 734164941@qq.com
+ * @Date: 2022-08-09 15:24:40
+ * @LastEditors: 大鸡腿 734164941@qq.com
+ * @LastEditTime: 2022-11-15 10:53:42
+ * @FilePath: \suo-uicomponent\src\components\table\mod\text\index.jsx
+ *
+ * Copyright (c) 2022 by 大鸡腿 734164941@qq.com, All Rights Reserved.
+ */
+function getStrlen() {
+  var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var needWidth = 0;
+  for (var i = 0; i < str.length; i += 1) {
+    var c = str.charCodeAt(i);
+    // 单字节加1
+    if (c >= 0x0001 && c <= 0x007e || c >= 0xff60 && c <= 0xff9f) {
+      needWidth += _letterWidth.default[str[i]] || 9;
+    } else {
+      needWidth += 14;
+    }
+  }
+  return needWidth;
+}
+function getLeftValue() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var width = arguments.length > 1 ? arguments[1] : undefined;
+  var curWidth = 0;
+  var str = '';
+  for (var i = 0; curWidth < width; i += 1) {
+    // 单字节加1
+    var c = value.charCodeAt(i);
+    if (c >= 0x0001 && c <= 0x007e || c >= 0xff60 && c <= 0xff9f) {
+      curWidth += _letterWidth.default[value[i]] || 9;
+    } else {
+      curWidth += 14;
+    }
+    if (curWidth > width) {
+      break;
+    }
+    str += value[i];
+  }
+  return str;
+}
+function getRightValue() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var width = arguments.length > 1 ? arguments[1] : undefined;
+  var curWidth = 0;
+  var str = '';
+  for (var i = value.length - 1; curWidth < width; i -= 1) {
+    // 单字节加1
+    var c = value.charCodeAt(i);
+    if (c >= 0x0001 && c <= 0x007e || c >= 0xff60 && c <= 0xff9f) {
+      curWidth += _letterWidth.default[value[i]] || 9;
+    } else {
+      curWidth += 14;
+    }
+    if (curWidth > width) {
+      break;
+    }
+    str += value[i];
+  }
+  return str.split('').reverse().join('');
+}
+function TableCellText(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '-' : _ref$value,
+    tableProps = _ref.tableProps,
+    _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? 1 : _ref$rows,
+    onClick = _ref.onClick,
+    unClickableExpress = _ref.unClickableExpress,
+    _ref$clickable = _ref.clickable,
+    clickable = _ref$clickable === void 0 ? false : _ref$clickable,
+    valueFormatter = _ref.valueFormatter;
+  var _ref2 = tableProps || {},
+    record = _ref2.record,
+    name = _ref2.name;
+  var textRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    showOverFlow = _useState2[0],
+    setShowOverFlow = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    overFlowValue = _useState4[0],
+    setOverFlowValue = _useState4[1];
+  var showValue = (0, _react.useMemo)(function () {
+    if (!valueFormatter || typeof valueFormatter !== 'function') {
+      return value;
+    }
+    return valueFormatter(record, value);
+  }, [valueFormatter, record, value]);
+  var ellipsis = (0, _react.useMemo)(function () {
+    return rows === 1 && showValue ? typeof showValue === 'string' ? 'center' : 'right' : '';
+  }, [showValue, rows]);
+  (0, _react.useEffect)(function () {
+    if (showValue && rows === 1 && ellipsis === 'center') {
+      var _textRef$current;
+      var curValue = showValue.toString();
+      var needWidth = getStrlen(curValue);
+      var textWidth = textRef === null || textRef === void 0 ? void 0 : (_textRef$current = textRef.current) === null || _textRef$current === void 0 ? void 0 : _textRef$current.clientWidth;
+      // 经测试中文字符在字体大小14px下，占用14px宽度，但是英文字符占用宽度却不尽相同
+      if (needWidth > textWidth) {
+        var resWidth = textWidth - 11.67; // ... 三个点占用11.67px宽度。
+        var letf = Math.ceil(resWidth / 2);
+        setOverFlowValue("".concat(getLeftValue(curValue, letf), "...").concat(getRightValue(curValue, resWidth - letf)));
+        setShowOverFlow(true);
+      } else {
+        setShowOverFlow(false);
+      }
+    } else {
+      setShowOverFlow(false);
+    }
+  }, [showValue, ellipsis]);
+  var content = null;
+  if (showValue instanceof Array) {
+    content = /*#__PURE__*/_react.default.createElement("span", {
+      className: "popoverText"
+    }, showValue.map(function (item) {
+      return /*#__PURE__*/_react.default.createElement("div", null, item);
+    }));
+  } else {
+    content = /*#__PURE__*/_react.default.createElement("span", {
+      className: "popoverText"
+    }, showValue);
+  }
+  var overlayInnerStyle = {
+    maxWidth: '20em',
+    maxHeight: '400px',
+    wordBreak: 'break-all',
+    fontSize: '12px',
+    color: '#666',
+    overflow: 'auto'
+  };
+  var textClass = (0, _classnames.default)(rows === 1 ? 'table-cell-text' : 'table-cell-text-rows', {
+    'table-cell-text-right-ellipsis': ellipsis === 'right',
+    'clickable-text-content': clickable || (unClickableExpress ? !unClickableExpress(record, name) : false)
+  });
+  var handleClick = function handleClick() {
+    if (unClickableExpress && !unClickableExpress(record, name) || clickable) {
+      onClick(record, name);
+    }
+  };
+  var isNullOrUndefinedOrEmpty = function isNullOrUndefinedOrEmpty(val) {
+    return val === null || val === undefined || val === '';
+  };
+  return /*#__PURE__*/_react.default.createElement(_popover.default, {
+    content: content,
+    placement: "bottomLeft",
+    overlayInnerStyle: overlayInnerStyle
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: textRef
+    // onClick={onClick?.bind(null, record, name)}
+    ,
+    onClick: function onClick() {
+      return handleClick();
+    },
+    className: textClass,
+    style: {
+      WebkitLineClamp: rows
+    }
+  }, unClickableExpress && unClickableExpress(record, name), showOverFlow ? overFlowValue : isNullOrUndefinedOrEmpty(showValue) ? '-' : showValue));
+}

package/lib/components/table/mod/text/index.less

@@ -0,0 +1,28 @@
+.table-cell-text {
+  display: block;
+  // min-width: 70px;
+  // max-width: 280px;
+  white-space: nowrap;
+  overflow: hidden;
+  word-break: break-all;
+}
+.table-cell-text-rows {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.clickable-text-content {
+  display: block;
+  min-width: 70px;
+  max-width: 280px;
+  color: var(--ant-primary-color, #2c7ef8);
+  white-space: nowrap;
+  overflow: hidden;
+  word-break: break-all;
+  cursor: pointer;
+}
+.table-cell-text-right-ellipsis {
+  text-overflow: ellipsis;
+}

package/lib/components/table/mod/text/letterWidth.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/*
+ * @Author: 大鸡腿 734164941@qq.com
+ * @Date: 2022-11-04 09:55:02
+ * @LastEditors: 大鸡腿 734164941@qq.com
+ * @LastEditTime: 2022-11-04 13:45:12
+ * @FilePath: \suo-uicomponent\src\components\table\mod\text\letterWidth.js
+ *
+ * Copyright (c) 2022 by 大鸡腿 734164941@qq.com, All Rights Reserved.
+ */
+var _default = exports.default = {
+  a: 7.8,
+  b: 9,
+  c: 7.1,
+  d: 9,
+  e: 8,
+  f: 4.9,
+  g: 9,
+  h: 8.7,
+  i: 3.8,
+  j: 3.8,
+  k: 7.7,
+  l: 3.8,
+  m: 13.2,
+  n: 8.7,
+  o: 9,
+  p: 9,
+  q: 9,
+  r: 5.5,
+  s: 6.6,
+  t: 5.3,
+  u: 8.7,
+  v: 7.4,
+  w: 11.1,
+  x: 7.2,
+  y: 7.5,
+  z: 7,
+  A: 9.9,
+  B: 8.8,
+  C: 9.4,
+  D: 10.7,
+  E: 7.7,
+  F: 7.5,
+  G: 10.5,
+  H: 10.9,
+  I: 4.2,
+  J: 5.6,
+  K: 8.9,
+  L: 7.2,
+  M: 13.7,
+  N: 11.4,
+  O: 11.5,
+  P: 8.6,
+  Q: 11.5,
+  R: 9.2,
+  S: 8.1,
+  T: 8.1,
+  U: 10.5,
+  V: 9.5,
+  W: 14.3,
+  X: 9.3,
+  Y: 8.5,
+  Z: 8.7,
+  '.': 3.4,
+  _: 6.3,
+  '(': 4.7,
+  ')': 4.7,
+  '&': 12.2,
+  $: 8.3,
+  '@': 14.5,
+  '!': 4.5,
+  '?': 6.8,
+  '#': 9,
+  ':': 6.4
+};

package/lib/components/tree-node-icon/icon/community.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#54adff"/>
+      <stop offset="1" stop-color="#1786ec"/>
+    </linearGradient>
+  </defs>
+  <g id="组_8510" data-name="组 8510" transform="translate(-216 -139)">
+    <g id="组_8509" data-name="组 8509" transform="translate(-93 123)">
+      <rect id="矩形_1042" data-name="矩形 1042" width="16" height="16" transform="translate(309 16)" fill="none"/>
+    </g>
+    <path id="路径_10020" data-name="路径 10020" d="M104.3,102.4H99.01a2.005,2.005,0,0,0-2.072,1.932v8.017a2.005,2.005,0,0,0,2.072,1.932h7.359v-9.949A2.005,2.005,0,0,0,104.3,102.4Zm.269,8.254H98.886a.484.484,0,1,1,0-.966h5.7a.484.484,0,1,1,0,.966Zm0-3.927H98.886a.484.484,0,1,1,0-.966h5.7a.484.484,0,1,1,0,.966Zm3.159-.56a.822.822,0,0,0-.562.218.714.714,0,0,0-.23.526v7.356h.792a1.812,1.812,0,0,0,1.875-1.724v-4.627A1.815,1.815,0,0,0,107.726,106.167Z" transform="translate(120.73 38.659)" fill="url(#linear-gradient)"/>
+  </g>
+</svg>

package/lib/components/tree-node-icon/icon/condition.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <g id="组_8919" data-name="组 8919" transform="translate(-73 -320)">
+    <rect id="矩形_1061" data-name="矩形 1061" width="16" height="16" transform="translate(73 320)" fill="none"/>
+    <g id="组_8917" data-name="组 8917" transform="translate(73.647 320.7)">
+      <g id="组_8918" data-name="组 8918" transform="translate(0.054 0.001)">
+        <path id="路径_10146" data-name="路径 10146" d="M13.317,0a1.338,1.338,0,0,1,.7,2.478L9.356,5.352v7.956a1.288,1.288,0,0,1-2,1.074L6.241,13.64a2.008,2.008,0,0,1-.891-1.67V5.352L.69,2.478A1.338,1.338,0,0,1,1.39,0H13.317Z" transform="translate(-0.054 -0.001)" fill="#2c7ef8"/>
+        <rect id="矩形_1058" data-name="矩形 1058" width="3.785" height="1.893" rx="0.946" transform="translate(10.223 6.082)" fill="#2c7ef8"/>
+        <rect id="矩形_1059" data-name="矩形 1059" width="3.785" height="1.893" rx="0.946" transform="translate(10.223 8.921)" fill="#2c7ef8"/>
+        <rect id="矩形_1060" data-name="矩形 1060" width="3.785" height="1.893" rx="0.946" transform="translate(10.223 11.76)" fill="#2c7ef8"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/lib/components/tree-node-icon/icon/content.svg

@@ -0,0 +1,14 @@
+<svg id="页面-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#54adff"/>
+      <stop offset="1" stop-color="#1786ec"/>
+    </linearGradient>
+  </defs>
+  <g id="编组">
+    <rect id="矩形_1051" width="16" height="16" fill="none"/>
+    <g id="组_8534" transform="translate(1.74 1.743)">
+      <path id="形状结合" d="M11.05,0a1.471,1.471,0,0,1,1.473,1.47h0V11.788a1.469,1.469,0,0,1-1.473,1.469H1.473A1.471,1.471,0,0,1,0,11.788H0V1.469A1.469,1.469,0,0,1,1.473,0H11.05ZM9.821,8.9H2.576a.791.791,0,0,0,0,1.581H9.821a.791.791,0,0,0,0-1.581ZM9.806,5.434H2.59a.8.8,0,1,0,0,1.61H9.806a.8.8,0,1,0,0-1.61ZM3.029,1.921a1.105,1.105,0,1,0,1.1,1.105,1.1,1.1,0,0,0-1.1-1.105Z" fill="url(#linear-gradient)"/>
+    </g>
+  </g>
+</svg>

package/lib/components/tree-node-icon/icon/dept.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.218" x2="0.832" y2="0.809" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#54adff"/>
+      <stop offset="1" stop-color="#1786ec"/>
+    </linearGradient>
+  </defs>
+  <g id="组_8502" data-name="组 8502" transform="translate(-309 -16)">
+    <rect id="矩形_1042" data-name="矩形 1042" width="16" height="16" transform="translate(309 16)" fill="none"/>
+    <g id="组icon_copy" data-name="组icon copy" transform="translate(310.875 18.75)">
+      <g id="编组_7备份" data-name="编组 7备份" transform="translate(0)">
+        <path id="形状结合" d="M0,1.686H0V1.294A1.432,1.432,0,0,1,1.509,0H5.674a.871.871,0,0,1,.615.252l1.34,1.323H0Z" transform="translate(0)" fill="url(#linear-gradient)"/>
+        <path id="矩形" d="M0,0H10.25a2,2,0,0,1,2,2V5.875a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V0A0,0,0,0,1,0,0Z" transform="translate(0.002 2.625)" fill="url(#linear-gradient)"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/lib/components/tree-node-icon/icon/equment.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#54adff"/>
+      <stop offset="1" stop-color="#1786ec"/>
+    </linearGradient>
+  </defs>
+  <g id="组_8457" data-name="组 8457" transform="translate(-144 -35)">
+    <g id="组_8455" data-name="组 8455" transform="translate(-542 -420)">
+      <rect id="矩形_1038" data-name="矩形 1038" width="16" height="16" transform="translate(686 455)" fill="none"/>
+    </g>
+    <g id="组_8386" data-name="组 8386" transform="translate(-501.103 -402)">
+      <rect id="矩形_900" data-name="矩形 900" width="12" height="12" transform="translate(647 439)" fill="none"/>
+      <g id="组_8385" data-name="组 8385" transform="translate(647.251 439.808)">
+        <path id="路径_8647" data-name="路径 8647" d="M.854,1H11.1a.854.854,0,0,1,.854.854V5.269a.854.854,0,0,1-.854.854H.854A.854.854,0,0,1,0,5.269V1.854A.854.854,0,0,1,.854,1ZM2.135,2.708a.427.427,0,1,0,0,.854H4.7a.427.427,0,1,0,0-.854H2.135Z" transform="translate(0 -1)" fill="url(#linear-gradient)"/>
+        <path id="路径_8648" data-name="路径 8648" d="M.854,1H11.1a.854.854,0,0,1,.854.854V5.269a.854.854,0,0,1-.854.854H.854A.854.854,0,0,1,0,5.269V1.854A.854.854,0,0,1,.854,1ZM2.135,2.708a.427.427,0,1,0,0,.854H4.7a.427.427,0,1,0,0-.854H2.135Z" transform="translate(0 4.716)" fill="url(#linear-gradient)"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/lib/components/tree-node-icon/icon/group.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#54adff"/>
+      <stop offset="1" stop-color="#1786ec"/>
+    </linearGradient>
+  </defs>
+  <g id="组_8149" data-name="组 8149" transform="translate(-686 -455)">
+    <rect id="矩形_1038" data-name="矩形 1038" width="16" height="16" transform="translate(686 455)" fill="none"/>
+    <g id="组_8147" data-name="组 8147" transform="translate(-78.218 -23.052)">
+      <g id="编组" transform="translate(764.218 480.598)">
+        <circle id="椭圆形备份" cx="3.159" cy="3.159" r="3.159" transform="translate(1.579)" fill="url(#linear-gradient)"/>
+        <path id="矩形备份" d="M2.961,0H6.515A2.961,2.961,0,0,1,9.476,2.961v0a.987.987,0,0,1-.987.987H.987A.987.987,0,0,1,0,2.961v0A2.961,2.961,0,0,1,2.961,0Z" transform="translate(0 6.961)" fill="url(#linear-gradient)"/>
+      </g>
+      <g id="编组-2" data-name="编组" transform="translate(773.163 481.44)">
+        <circle id="椭圆形备份-2" data-name="椭圆形备份" cx="2.738" cy="2.738" r="2.738" transform="translate(0 0)" fill="url(#linear-gradient)"/>
+        <path id="矩形备份-2" data-name="矩形备份" d="M3,0H7.422A2.527,2.527,0,0,1,9.949,2.527v.579a.842.842,0,0,1-.842.842c-.074,0-3.517,0-3.853,0C3.63,3.831,5.594,1.96,3,0Z" transform="translate(-2.895 6.118)" fill="url(#linear-gradient)"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/lib/components/tree-node-icon/icon/gzh_group.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#54adff"/>
+      <stop offset="1" stop-color="#1786ec"/>
+    </linearGradient>
+  </defs>
+  <g id="组_8543" data-name="组 8543" transform="translate(-341 -229)">
+    <rect id="矩形_1054" data-name="矩形 1054" width="16" height="16" transform="translate(341 229)" fill="none"/>
+    <path id="路径_10032" data-name="路径 10032" d="M128,155l6.672,3.795v-5.756l-6.672-4.6Zm8.006-1.951v5.746L142.678,155v-6.548ZM135.347,144l-6.762,3.129,6.754,4.652,6.76-4.658Z" transform="translate(213.662 85.604)" fill="url(#linear-gradient)"/>
+  </g>
+</svg>