@chaoswise/ui 3.1.4 → 3.1.6

package/lib/treeLoad/index.js

@@ -1,43 +1,79 @@
+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(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); }
 import React from "react";
 import PropTypes from "prop-types";
+
 /**
- *
  * 封装的树形结构懒加载组件
  */
 function fetchTreeNode(oldData, parentId, childNode) {
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var _options$keyField = options.keyField,
+    keyField = _options$keyField === void 0 ? "value" : _options$keyField,
+    compareFn = options.compareFn;
   return oldData.map(function (item) {
-    if (item.value === parentId) {
-      item.children = childNode;
+    var isMatch = false;
+    if (compareFn) {
+      isMatch = compareFn(item, parentId);
+    } else {
+      var itemKey = item[keyField];
+      isMatch = itemKey === parentId;
+    }
+    if (isMatch) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        children: childNode
+      });
     } else if (item.children) {
-      item.children = fetchTreeNode(item.children, parentId, childNode);
+      return _objectSpread(_objectSpread({}, item), {}, {
+        children: fetchTreeNode(item.children, parentId, childNode, options)
+      });
     }
     return item;
   });
 }
-function treeLoad(oldData, treeNodeKey, fetchData, getChildNode) {
+// 1. 旧版API: treeLoad(oldData, treeNodeKey, fetchData, getChildNode)
+// 2. 新版API: treeLoad(oldData, treeNodeKey, fetchData, options)
+// 3. 混合API-1: treeLoad(oldData, treeNodeKey, fetchData, getChildNode, options) - 第四个参数是函数，第五个是对象
+// 4. 混合API-2: treeLoad(oldData, treeNodeKey, fetchData, options, getChildNode) - 第四个参数是对象，第五个是函数
+
+function treeLoad(oldData, treeNodeKey, fetchData, getChildNodeOrOptions, maybeOptions) {
+  // 兼容旧版API: 第四个参数可能是getChildNode回调函数或options对象
+  var getChildNode;
+  var options = {};
+  if (typeof getChildNodeOrOptions === "function") {
+    // 旧版API: 第四个参数是getChildNode回调函数
+    getChildNode = getChildNodeOrOptions;
+    // 如果第五个参数是对象，则作为options
+    if (maybeOptions && _typeof(maybeOptions) === "object") {
+      options = maybeOptions;
+    }
+  } else if (getChildNodeOrOptions && _typeof(getChildNodeOrOptions) === "object") {
+    // 新版API: 第四个参数是options对象
+    options = getChildNodeOrOptions;
+    // 如果提供了第五个参数且为函数，则视为getChildNode
+    if (typeof maybeOptions === "function") {
+      getChildNode = maybeOptions;
+    }
+  }
   fetchData(treeNodeKey, function (childNode) {
-    var newData = fetchTreeNode(oldData, treeNodeKey, childNode);
+    var newData = fetchTreeNode(oldData, treeNodeKey, childNode, options);
     getChildNode && getChildNode();
     return newData;
   });
 }
 treeLoad.propTypes = {
-  /**
-   * 获取子节点的数据，并通过回调函数返回最终渲染的数据。
-   * function(pageNum,callback(res):Data)
-   */
   fetchData: PropTypes.func,
-  /**
-   * 加载前的树形结构数据,结构中把value作为唯一键值
-   */
   oldData: PropTypes.array,
-  /**
-   * 要展开的树节点
-   */
   treeNodeKey: PropTypes.string,
-  /**
-   * 获取子树数据时额外执行的回调函数。
-   */
-  getChildNode: PropTypes.func
+  getChildNode: PropTypes.func,
+  options: PropTypes.shape({
+    keyField: PropTypes.string,
+    // 指定用于匹配的字段名
+    compareFn: PropTypes.func // 自定义比较函数
+  })
 };
 export default treeLoad;

package/lib/useLocale/index.js

@@ -6,8 +6,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function useLocale(langConfig) {
   var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
     locale = _ConfigProvider$useLo.locale,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chaoswise/ui",
   "packageName": "chaoswiseUI",
-  "version": "3.1.4",
+  "version": "3.1.6",
   "description": "公共UI库",
   "keywords": [
     "ui",
@@ -30,7 +30,7 @@
     "@chaoswise/ace": "^1.4.13",
     "@chaoswise/cssinjs": "^1.0.6",
     "@chaoswise/icons-svg": "^1.0.1",
-    "@chaoswise/utils": "^0.0.35",
+    "@chaoswise/utils": "^1.0.0",
     "@ctrl/tinycolor": "^3.6.1",
     "@emotion/babel-plugin": "^11.11.0",
     "@emotion/css": "^11.11.2",
@@ -49,6 +49,8 @@
     "echarts": "^5.4.3",
     "echarts-for-react": "^3.0.2",
     "highlight.js": "^9.18.5",
+    "immutability-helper": "^3.1.1",
+    "marked": "^4.3.0",
     "moment-timezone": "^0.5.46",
     "omit.js": "^2.0.2",
     "qrcode.react": "^3.1.0",
@@ -105,7 +107,10 @@
   },
   "devDependencies": {
     "@ant-design/moment-webpack-plugin": "^1.0.0",
-    "@chaoswise/intl": "^2.1.0",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-decorators": "^7.25.9",
+    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+    "@chaoswise/intl": "^2.1.8",
     "@storybook/addon-essentials": "7.5.3",
     "@storybook/addon-interactions": "7.5.3",
     "@storybook/addon-links": "7.5.3",

package/lib/BasicLayout/locale/en_US.js

@@ -1,4 +0,0 @@
-export default {
-  back: 'Back',
-  allProductsTitle: 'Products'
-};

package/lib/BasicLayout/locale/index.js

@@ -1,11 +0,0 @@
-import zh_CN from './zh_CN.js';
-import en_US from './en_US.js';
-import zh_TW from './zh_TW.js';
-export default {
-  zh_CN: zh_CN,
-  en_US: en_US,
-  zh_TW: zh_TW,
-  // 兼容
-  zh: zh_CN,
-  en: en_US
-};

package/lib/BasicLayout/locale/zh_CN.js

@@ -1,4 +0,0 @@
-export default {
-  back: '返回',
-  allProductsTitle: '所有产品'
-};

package/lib/BasicLayout/locale/zh_TW.js

@@ -1,4 +0,0 @@
-export default {
-  back: '返回',
-  allProductsTitle: '所有產品'
-};

package/lib/CWTree/locale/en_US.js

@@ -1,3 +0,0 @@
-export default {
-  "dragMove": "Drag Move"
-};

package/lib/CWTree/locale/index.js

@@ -1,11 +0,0 @@
-import zh_CN from './zh_CN.js';
-import en_US from './en_US.js';
-import zh_TW from './zh_TW.js';
-export default {
-  zh_CN: zh_CN,
-  en_US: en_US,
-  zh_TW: zh_TW,
-  // 兼容
-  zh: zh_CN,
-  en: en_US
-};

package/lib/CWTree/locale/zh_CN.js

@@ -1,3 +0,0 @@
-export default {
-  "dragMove": "拖拽移动"
-};

package/lib/CWTree/locale/zh_TW.js

@@ -1,3 +0,0 @@
-export default {
-  "dragMove": "拖拽移動"
-};

package/lib/ConfigProvider/customTheme.js

@@ -1,266 +0,0 @@
-// *** 若项目重新定制化主题，删除此文件，组件库书写样式代码components中的变量会读取不到
-// **** 单独组件有想要定制的主题变来功能放入到customToken文件夹中
-export default {
-  token: {
-    white: "#fff",
-    colorPrimary: "#1890ff",
-    colorLink: "#1890ff",
-    colorInfo: "#1890ff",
-    colorError: "#f5222d",
-    borderRadius: 2,
-    fontSize: 12,
-    colorText: "#000000d9",
-    // rgba(0, 0, 0, 0.85)
-    colorBorder: "#00000026",
-    // rgba(0, 0, 0, 0.15)
-    colorBorderSecondary: "#0000000f",
-    // rgba(0, 0, 0, 0.06)  一般用于边框分割线颜色
-    colorTextPlaceholder: "rgba(0,0,0,0.45)",
-    controlHeight: 28,
-    controlHeightLG: 40,
-    // Math.floor(controlHeight * 1.43)
-    controlHeightSM: 24,
-    // Math.floor(controlHeight * 0.86)
-    controlHeightXS: 16,
-    // Math.floor(controlHeight * 0.57)
-    wireframe: true // 用于将组件的视觉效果变为线框化，初始恢复到antd3/antd4的视觉效果
-  },
-  components: {
-    Layout: {
-      bodyBg: "#F4F5FA",
-      headerBg: "#1E324E",
-      headerColor: "white",
-      headerHeight: 48,
-      headerPadding: 0
-    },
-    Button: {
-      primaryShadow: "none",
-      dangerShadow: "none",
-      defaultShadow: "none",
-      contentFontSizeLG: 14,
-      contentFontSizeSM: 12,
-      contentFontSize: 12,
-      onlyIconSizeLG: 16,
-      onlyIconSizeSM: 12,
-      onlyIconSize: 14,
-      paddingInline: 11
-    },
-    Radio: {
-      radioSize: 16,
-      dotSize: 8
-    },
-    Checkbox: {
-      controlInteractiveSize: 16
-    },
-    Breadcrumb: {
-      colorBgTextHover: "rgb(255, 255, 255)" // token变量 fff
-    },
-    Tooltip: {
-      colorBgSpotlight: "rgb(255, 255, 255)",
-      // token变量 fff
-      colorTextLightSolid: "rgba(0, 0, 0, 0.85)",
-      // token变量 colorText
-      paddingSM: 8
-    },
-    Dropdown: {
-      // 组件内部需要调整符合UI规范的样式
-      // 1.Dropdown的overlay内容中组菜单样式调整(字体大小、文字颜色、间距)
-      controlHeight: 30,
-      controlPaddingHorizontal: 6,
-      paddingXXS: "4px 0"
-    },
-    Pagination: {
-      // 组件内部需要调整符合UI规范的样式
-      // 1.分页组件页数过多跳转ellipsis样式调整(需要加边框)
-      controlItemBgActiveDisabled: "rgba(0, 0, 0, 0.04)" // token变量colorFillTertiary
-    },
-    Form: {
-      labelColor: "rgba(0, 0, 0, 0.65)",
-      // token变量 colorTextSecondary
-      verticalLabelPadding: "0 0 4px"
-      // 组件内部需要调整符合UI规范的样式
-      // 1.布局模式下为horizontal样式调整(label定宽等相关问题、必填项样式调整)
-    },
-    Steps: {
-      // 组件内部需要调整符合UI规范的样式
-      // 1.步骤条连接线定宽100px、颜色始终为初始色值
-      // 2.点状步骤条样式调整(点状球位置)
-      controlHeight: 24,
-      padding: 8,
-      iconSize: 24,
-      dotCurrentSize: 8,
-      dotSize: 8
-    },
-    DatePicker: {
-      // 组件内部需要调整符合UI规范的样式
-      // 日期组件悬停样式有问题需要升级antd5
-      // 1.日期组件单元格样式调整(字体大小、间距)
-      paddingInline: 9
-    },
-    Input: {
-      // 组件内部需要调整符合UI规范的样式
-      // 1.输入框清除按钮、关闭按钮等位置调整
-      // 2.showCount数目展示后样式位置调整
-      // 3.支持label前缀
-      paddingInline: 9
-    },
-    InputNumber: {
-      // 组件内部需要调整符合UI规范的样式
-      // 1.支持label前缀
-      paddingInline: 9
-    },
-    // TimePicker: {
-    //   // 暂无相关 Token支持配置
-    // },
-    Slider: {
-      // 组件内部需要调整符合UI规范的样式
-      // 1.图标需要替换，自定义样式多
-      railSize: 6,
-      borderRadiusXS: 3,
-      trackBgDisabled: "rgb(217, 217, 217)",
-      // token变量 colorBorder
-      handleSize: 18,
-      dotSize: 6
-    },
-    Badge: {
-      dotSize: 4,
-      statusSize: 8,
-      indicatorHeight: 20,
-      textFontSize: 12
-    },
-    Collapse: {
-      // 组件内部需要调整符合UI规范的样式
-      // 1.自定义样式调整(头部、内容区域自定义样式多)
-      headerPadding: "7px 16px"
-    },
-    Switch: {
-      opacityLoading: 0.35
-    },
-    Select: {
-      // 组件内部需要调整符合UI规范的样式
-      // 1.组件内间距清除按钮等位置调整
-      optionPadding: "5px 10px",
-      algorithm: true,
-      colorText: "rgba(0, 0, 0, 0.85)" // token变量 colorText
-    },
-    Alert: {
-      // 组件内部需要调整符合UI规范的样式
-      // 1.自定义样式调整
-      defaultPadding: "4px 15px",
-      withDescriptionIconSize: 14,
-      withDescriptionPadding: "4px 15px",
-      fontSize: 14
-    },
-    Notification: {
-      zIndexPopup: 950
-    },
-    Message: {
-      contentPadding: "9px 16px"
-    },
-    // Empty: {
-    //   // 组件内部需要调整符合UI规范的样式
-    //   // 1.空状态默认图标替换
-    // },
-    // Message: {
-    //   // 组件内部需要调整符合UI规范的样式
-    //   // 1.新增关闭按钮功能
-    //   // 2.默认状态图标样式调整
-    //   // 3.布局位置间距调整
-    // },
-    Spin: {
-      dotSize: 20,
-      dotSizeLG: 32,
-      dotSizeSM: 14
-    },
-    Modal: {
-      // 组件内部需要调整符合UI规范的样式
-      // 1.弹窗样式调整:Modal头部底部、确认框默认图标替换，样式调整
-      padding: 14
-    },
-    Drawer: {
-      // 组件内部需要调整符合UI规范的样式
-      // 1.抽屉头部、底部样式调整
-      padding: 14
-    },
-    Tag: {
-      // 组件内部需要调整符合UI规范的样式
-      // 1.标签选择样式调整(背景、颜色、悬停色、禁用色)
-      // 2.新增状态标签、定制化标签
-      marginXS: 6,
-      colorBorder: "rgba(0,0,0,0.09)"
-    },
-    Table: {
-      // 1.表格样式调整基本结束、组件重构
-      headerColor: "rgba(0, 0, 0, 0.65)",
-      // token变量 colorTextSecondary
-      fontWeightStrong: 400,
-      rowHoverBg: "#fafafa",
-      // token变量 colorFillQuaternary
-      rowSelectedBg: "#fafafa",
-      // token变量 colorFillQuaternary
-      rowSelectedHoverBg: "#fafafa",
-      // token变量 colorFillQuaternary
-      cellPaddingBlock: 12,
-      cellPaddingInline: 12,
-      cellPaddingBlockMD: 8,
-      cellPaddingInlineMD: 12
-    },
-    Tree: {
-      // 组件内部需要调整符合UI规范的样式
-      // 1.组件折叠图标替换、位置调整
-      // 2.组件内部间距调整
-      nodeHoverBg: "#e6f7ff",
-      // token变量,悬停色e6f7ff
-      nodeSelectedBg: "#e6f7ff",
-      // token变量,悬停色e6f7ff
-      directoryNodeSelectedBg: "#E6F7FF",
-      controlItemBgHover: "#E6F7FF",
-      controlHeightSM: 28,
-      marginXXS: 6,
-      colorBgContainer: "transparent",
-      directoryNodeSelectedColor: "rgba(0,0,0,0.85)",
-      colorBgTextHover: "transparent"
-    },
-    // Popconfirm: {
-    //   // 组件内部需要调整符合UI规范的样式
-    //   // 1.组件容器内间距调整、标题与确认取消按钮间距
-    //   // 2.限制容器最小宽度、ui规范定宽限制最大宽度
-    // },
-    // Progress: {
-    //   // 组件内部需要调整符合UI规范的样式
-    //   // 1.不同尺寸进度条、进度圈调整
-    //   // 2.新增无限循环进度条
-    // },
-    Tabs: {
-      // 组件内部需要调整符合UI规范的样式
-      // 头部字重、禁用背景色调整
-      horizontalItemPaddingLG: "15px 0",
-      horizontalItemPadding: "10px 0",
-      horizontalItemPaddingSM: "5px 0",
-      lineHeight: 1.5714285,
-      padding: 15,
-      titleFontSize: 14,
-      titleFontSizeLG: 14,
-      titleFontSizeSM: 14,
-      cardPaddingLG: "15px 23px",
-      cardPadding: "8px 15px",
-      cardPaddingSM: "5px 7px"
-    },
-    Upload: {
-      colorFillAlter: "#fff"
-    },
-    Menu: {
-      // 组件内部需要调整符合UI规范的样式（高度自定义改造）
-      // 1.暗黑模式主题样式调整
-      itemHoverBg: '#F6F7F8',
-      itemActiveBg: '#F6F7F8',
-      itemSelectedBg: '#F6F7F8',
-      subMenuItemBg: 'transparent',
-      itemBorderRadius: 4,
-      itemMarginInline: 8,
-      fontSize: 14,
-      collapsedWidth: 40,
-      itemBg: '#fff'
-    }
-  }
-};

package/lib/ConfigProvider/customToken.js

@@ -1,43 +0,0 @@
-// customToken 组件库内部可以使用这些token(各自组件)
-export default {
-  Layout: {
-    bodyBg: "#F4F5FA",
-    headerBg: "#1E324E",
-    headerColor: "white",
-    headerHeight: 48,
-    headerPadding: 0,
-    divisionBg: "rgba(255, 255, 255, 0.3)",
-    // 自定义分割线颜色
-    topNavMenuBg: "#FAFBFE" // 自定义头部下拉导航背景色
-  },
-  Notification: {
-    zIndexPopup: 950 // 不要删除
-  },
-  Button: {
-    btnMainPadding: "0 23px" // 主操作按钮padding
-  },
-  AbreastLayout: {
-    abreastLayoutContentPadding: "0 20px 0 16px",
-    // 左右布局内容区域padding
-    siderCollapseBtnBg: "#0000000f" // 左右布局收起按钮背景色
-  },
-  Tabs: {
-    tabsBorderColor: "rgba(0,0,0,0.09)"
-  },
-  BasicLayout: {
-    collapsedBtnBg: "#F6F7F8",
-    siderBtnColor: "rgba(0, 0, 0, 0.45)",
-    versionColor: "rgba(0, 0, 0, 0.65)",
-    siderBorderColor: "rgba(0, 0, 0, 0.09)"
-  },
-  Tag: {
-    checkableTagBg: "rgba(0, 0, 0, 0.06)",
-    checkableTagHoverBg: "rgba(0, 0, 0, 0.09)"
-  },
-  SearchBar: {
-    searchBarExpandIconBg: "#F2F3F5"
-  },
-  QuickTransfer: {
-    quickTransferDivisionBg: "#f5f5f5"
-  }
-};