xydata-tools 1.0.35 → 1.0.37

package/README.md

@@ -212,6 +212,7 @@ const renderFieldsValue = async () => {
     {
       name: "image.png",
       url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
+      fileName:'xxx'
     },
     {
       url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",

package/dist/components/aaa/setting/permission/components/UriModal.js

@@ -0,0 +1,637 @@
+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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState, useMemo, useEffect, useRef, useCallback, memo } from "react";
+import { Modal, Checkbox, Input, Button, Divider, Space, Tree } from "antd";
+import { SearchOutlined, FolderOutlined, FolderOpenOutlined } from "@ant-design/icons";
+
+// 优化的URI卡片组件
+var UriCard = /*#__PURE__*/memo(function (_ref) {
+  var uri = _ref.uri,
+    isSelected = _ref.isSelected,
+    isHighlighted = _ref.isHighlighted,
+    onToggle = _ref.onToggle,
+    onClearHighlight = _ref.onClearHighlight,
+    uriRef = _ref.uriRef;
+  var handleClick = useCallback(function () {
+    // 如果当前项被高亮，点击时取消高亮
+    if (isHighlighted) {
+      onClearHighlight();
+    }
+    // 执行正常的选择操作
+    onToggle(uri.id, !isSelected);
+  }, [isHighlighted, onClearHighlight, onToggle, uri.id, isSelected]);
+  var handleCheckboxChange = useCallback(function (e) {
+    e.stopPropagation();
+    onToggle(uri.id, e.target.checked);
+  }, [onToggle, uri.id]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: uriRef,
+    style: {
+      padding: "12px",
+      border: isHighlighted ? "2px solid #1890ff" : "1px solid #e8e8e8",
+      borderRadius: "6px",
+      backgroundColor: isHighlighted ? "#e6f7ff" : isSelected ? "#f6ffed" : "#fff",
+      transition: "all 0.3s ease",
+      cursor: "pointer",
+      position: "relative",
+      minWidth: 0,
+      boxSizing: "border-box",
+      transform: isHighlighted ? "scale(1.02)" : "scale(1)",
+      boxShadow: isHighlighted ? "0 4px 12px rgba(24, 144, 255, 0.3)" : "none"
+    },
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "flex-start",
+      gap: "8px"
+    }
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: isSelected,
+    onChange: handleCheckboxChange,
+    style: {
+      marginTop: "2px",
+      flexShrink: 0
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      minWidth: 0
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 13,
+      color: "#333",
+      marginBottom: 4,
+      lineHeight: 1.4
+    }
+  }, uri.description), uri.url && /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 11,
+      color: "#999",
+      lineHeight: 1.3,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    },
+    title: uri.url
+  }, uri.url))));
+});
+UriCard.displayName = 'UriCard';
+var UriModal = function UriModal(_ref2) {
+  var visible = _ref2.visible,
+    onCancel = _ref2.onCancel,
+    onOk = _ref2.onOk,
+    loading = _ref2.loading,
+    _ref2$title = _ref2.title,
+    title = _ref2$title === void 0 ? "设置请求" : _ref2$title,
+    _ref2$uriList = _ref2.uriList,
+    uriList = _ref2$uriList === void 0 ? [] : _ref2$uriList,
+    _ref2$selectedUris = _ref2.selectedUris,
+    selectedUris = _ref2$selectedUris === void 0 ? [] : _ref2$selectedUris,
+    onSelectedChange = _ref2.onSelectedChange;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchText = _useState2[0],
+    setSearchText = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedTreeKeys = _useState4[0],
+    setSelectedTreeKeys = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    expandedTreeKeys = _useState6[0],
+    setExpandedTreeKeys = _useState6[1];
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    highlightedUriId = _useState8[0],
+    setHighlightedUriId = _useState8[1];
+  var highlightTimeoutRef = useRef(null);
+  var moduleRefs = useRef({});
+  var uriRefs = useRef({});
+
+  // 重置搜索状态当Modal关闭时
+  useEffect(function () {
+    if (!visible) {
+      setSearchText("");
+      setSelectedTreeKeys([]);
+      setExpandedTreeKeys([]);
+      setHighlightedUriId(null);
+      if (highlightTimeoutRef.current) {
+        clearTimeout(highlightTimeoutRef.current);
+        highlightTimeoutRef.current = null;
+      }
+      moduleRefs.current = {};
+      uriRefs.current = {};
+    }
+  }, [visible]);
+
+  // 按模块分组并过滤 - 优化搜索性能
+  var groupedUriList = useMemo(function () {
+    var filteredList = uriList;
+
+    // 优化搜索：提前转换为小写并缓存
+    if (searchText) {
+      var searchLower = searchText.toLowerCase();
+      filteredList = uriList.filter(function (uri) {
+        var _uri$description, _uri$moduleName;
+        return ((_uri$description = uri.description) === null || _uri$description === void 0 ? void 0 : _uri$description.toLowerCase().includes(searchLower)) || ((_uri$moduleName = uri.moduleName) === null || _uri$moduleName === void 0 ? void 0 : _uri$moduleName.toLowerCase().includes(searchLower));
+      });
+    }
+
+    // 按模块名分组
+    var grouped = filteredList.reduce(function (acc, uri) {
+      var moduleName = uri.moduleName || "其他";
+      if (!acc[moduleName]) {
+        acc[moduleName] = [];
+      }
+      acc[moduleName].push(uri);
+      return acc;
+    }, {});
+
+    // 转换为数组格式并排序
+    return Object.entries(grouped).map(function (_ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+        moduleName = _ref4[0],
+        items = _ref4[1];
+      return {
+        moduleName: moduleName,
+        items: items,
+        count: items.length
+      };
+    }).sort(function (a, b) {
+      // "其他" 放在最后
+      if (a.moduleName === "其他") return 1;
+      if (b.moduleName === "其他") return -1;
+      return a.moduleName.localeCompare(b.moduleName);
+    });
+  }, [uriList, searchText]);
+
+  // 全局全选状态
+  var globalIndeterminate = useMemo(function () {
+    var allItems = groupedUriList.flatMap(function (group) {
+      return group.items;
+    });
+    if (allItems.length === 0) return false;
+    var allItemIds = allItems.map(function (item) {
+      return item.id;
+    });
+    var selectedInAll = selectedUris.filter(function (id) {
+      return allItemIds.includes(id);
+    });
+    return selectedInAll.length > 0 && selectedInAll.length < allItems.length;
+  }, [selectedUris, groupedUriList]);
+  var globalCheckAll = useMemo(function () {
+    var allItems = groupedUriList.flatMap(function (group) {
+      return group.items;
+    });
+    if (allItems.length === 0) return false;
+    var allItemIds = allItems.map(function (item) {
+      return item.id;
+    });
+    var selectedInAll = selectedUris.filter(function (id) {
+      return allItemIds.includes(id);
+    });
+    return selectedInAll.length === allItems.length;
+  }, [selectedUris, groupedUriList]);
+
+  // 单个模块的全选状态
+  var getModuleSelectState = function getModuleSelectState(moduleItems) {
+    if (moduleItems.length === 0) return {
+      indeterminate: false,
+      checkAll: false
+    };
+    var moduleItemIds = moduleItems.map(function (item) {
+      return item.id;
+    });
+    var selectedInModule = selectedUris.filter(function (id) {
+      return moduleItemIds.includes(id);
+    });
+    return {
+      indeterminate: selectedInModule.length > 0 && selectedInModule.length < moduleItems.length,
+      checkAll: selectedInModule.length === moduleItems.length
+    };
+  };
+
+  // 全局全选/反选
+  var handleGlobalSelectAll = function handleGlobalSelectAll(checked) {
+    if (!onSelectedChange) return;
+    var allItems = groupedUriList.flatMap(function (group) {
+      return group.items;
+    });
+    if (checked) {
+      // 全选：将所有项添加到已选择列表
+      var allItemIds = allItems.map(function (item) {
+        return item.id;
+      }).filter(Boolean);
+      var newSelected = _toConsumableArray(new Set([].concat(_toConsumableArray(selectedUris), _toConsumableArray(allItemIds))));
+      onSelectedChange(newSelected);
+    } else {
+      // 反选：从已选择列表中移除所有项
+      var _allItemIds = new Set(allItems.map(function (item) {
+        return item.id;
+      }).filter(Boolean));
+      var _newSelected = selectedUris.filter(function (id) {
+        return !_allItemIds.has(id);
+      });
+      onSelectedChange(_newSelected);
+    }
+  };
+
+  // 模块全选/反选
+  var handleModuleSelectAll = function handleModuleSelectAll(moduleItems, checked) {
+    if (!onSelectedChange) return;
+    if (checked) {
+      // 全选模块：将模块中的所有项添加到已选择列表
+      var moduleItemIds = moduleItems.map(function (item) {
+        return item.id;
+      }).filter(Boolean);
+      var newSelected = _toConsumableArray(new Set([].concat(_toConsumableArray(selectedUris), _toConsumableArray(moduleItemIds))));
+      onSelectedChange(newSelected);
+    } else {
+      // 反选模块：从已选择列表中移除模块中的所有项
+      var _moduleItemIds = new Set(moduleItems.map(function (item) {
+        return item.id;
+      }).filter(Boolean));
+      var _newSelected2 = selectedUris.filter(function (id) {
+        return !_moduleItemIds.has(id);
+      });
+      onSelectedChange(_newSelected2);
+    }
+  };
+
+  // 单个选择 - 使用useCallback优化
+  var handleSingleCheck = useCallback(function (uriId, checked) {
+    if (!onSelectedChange || !uriId) return;
+    if (checked) {
+      if (!selectedUris.includes(uriId)) {
+        onSelectedChange([].concat(_toConsumableArray(selectedUris), [uriId]));
+      }
+    } else {
+      onSelectedChange(selectedUris.filter(function (id) {
+        return id !== uriId;
+      }));
+    }
+  }, [onSelectedChange, selectedUris]);
+
+  // 清除高亮 - 使用useCallback优化
+  var handleClearHighlight = useCallback(function () {
+    if (highlightTimeoutRef.current) {
+      clearTimeout(highlightTimeoutRef.current);
+      highlightTimeoutRef.current = null;
+    }
+    setHighlightedUriId(null);
+  }, []);
+
+  // 清空搜索
+  var handleClearSearch = useCallback(function () {
+    setSearchText("");
+  }, []);
+
+  // 总计数
+  var totalCount = groupedUriList.reduce(function (acc, group) {
+    return acc + group.count;
+  }, 0);
+
+  // 预计算选中状态，避免在渲染时重复计算
+  var selectedUrisSet = useMemo(function () {
+    return new Set(selectedUris);
+  }, [selectedUris]);
+
+  // 生成树形数据 - 优化性能
+  var treeData = useMemo(function () {
+    return groupedUriList.map(function (group) {
+      var moduleState = getModuleSelectState(group.items);
+      var selectedCount = group.items.filter(function (item) {
+        return selectedUrisSet.has(item.id);
+      }).length;
+      return {
+        title: /*#__PURE__*/React.createElement("div", {
+          style: {
+            display: "inline"
+          }
+        }, /*#__PURE__*/React.createElement("span", {
+          style: {
+            color: moduleState.checkAll ? "#1890ff" : "#333",
+            fontWeight: moduleState.checkAll || moduleState.indeterminate ? 500 : 400,
+            fontSize: 13
+          }
+        }, group.moduleName), /*#__PURE__*/React.createElement("span", {
+          style: {
+            color: "#999",
+            fontSize: 11,
+            marginLeft: 4
+          }
+        }, selectedCount, "/", group.count)),
+        key: group.moduleName,
+        icon: function icon(_ref5) {
+          var expanded = _ref5.expanded;
+          return /*#__PURE__*/React.createElement("span", {
+            style: {
+              marginRight: 4
+            }
+          }, expanded ? /*#__PURE__*/React.createElement(FolderOpenOutlined, {
+            style: {
+              color: "#1890ff"
+            }
+          }) : /*#__PURE__*/React.createElement(FolderOutlined, null));
+        },
+        children: group.items.map(function (item) {
+          return {
+            title: /*#__PURE__*/React.createElement("div", {
+              style: {
+                color: selectedUrisSet.has(item.id) ? "#1890ff" : "#666",
+                fontSize: 12,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                padding: "2px 0"
+              }
+            }, item.description),
+            key: "".concat(group.moduleName, "-").concat(item.id),
+            isLeaf: true,
+            uriId: item.id,
+            moduleName: group.moduleName
+          };
+        })
+      };
+    });
+  }, [groupedUriList, selectedUrisSet]);
+
+  // 初始化展开所有节点
+  useEffect(function () {
+    if (visible && groupedUriList.length > 0) {
+      var allKeys = groupedUriList.map(function (group) {
+        return group.moduleName;
+      });
+      setExpandedTreeKeys(allKeys);
+    }
+  }, [visible, groupedUriList]);
+
+  // 树节点选择处理
+  var handleTreeSelect = function handleTreeSelect(selectedKeys, info) {
+    if (selectedKeys.length === 0) return;
+    var key = selectedKeys[0];
+    setSelectedTreeKeys(selectedKeys);
+
+    // 清除之前的高亮和定时器
+    if (highlightTimeoutRef.current) {
+      clearTimeout(highlightTimeoutRef.current);
+      highlightTimeoutRef.current = null;
+    }
+    setHighlightedUriId(null);
+
+    // 如果是模块节点，滚动到对应模块
+    if (groupedUriList.find(function (group) {
+      return group.moduleName === key;
+    })) {
+      var moduleElement = moduleRefs.current[key];
+      if (moduleElement) {
+        moduleElement.scrollIntoView({
+          behavior: "smooth",
+          block: "start",
+          inline: "nearest"
+        });
+      }
+    } else {
+      // 如果是URI节点，直接滚动到对应的URI
+      var nodeData = info.node;
+      if (nodeData.uriId) {
+        var uriElement = uriRefs.current[nodeData.uriId];
+        if (uriElement) {
+          // 直接滚动到URI位置，不需要先滚动到模块
+          uriElement.scrollIntoView({
+            behavior: "smooth",
+            block: "center",
+            inline: "nearest"
+          });
+
+          // 立即高亮URI
+          setHighlightedUriId(nodeData.uriId);
+
+          // 设置新的定时器，5秒后取消高亮
+          highlightTimeoutRef.current = setTimeout(function () {
+            setHighlightedUriId(null);
+            highlightTimeoutRef.current = null;
+          }, 5000);
+        }
+      }
+    }
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: title,
+    open: visible,
+    onCancel: onCancel,
+    onOk: onOk,
+    confirmLoading: loading,
+    width: 1400,
+    bodyStyle: {
+      height: 650,
+      overflow: "hidden",
+      padding: 0
+    },
+    maskClosable: false,
+    destroyOnClose: true
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      height: "650px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 300,
+      borderRight: "1px solid #f0f0f0",
+      backgroundColor: "#fafafa",
+      display: "flex",
+      flexDirection: "column"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: "16px 16px 12px 16px",
+      borderBottom: "1px solid #f0f0f0"
+    }
+  }, /*#__PURE__*/React.createElement("h4", {
+    style: {
+      margin: 0,
+      fontSize: 14,
+      color: "#333"
+    }
+  }, "\u6A21\u5757\u5BFC\u822A"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 11,
+      color: "#666",
+      marginTop: 4
+    }
+  }, "\u70B9\u51FB\u6A21\u5757\u6216\u8BF7\u6C42\u5FEB\u901F\u5B9A\u4F4D")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      overflowY: "auto",
+      overflowX: "hidden",
+      padding: "12px 16px",
+      maxHeight: "calc(650px - 60px)" // 减去标题区域高度
+    }
+  }, /*#__PURE__*/React.createElement(Tree, {
+    treeData: treeData,
+    selectedKeys: selectedTreeKeys,
+    expandedKeys: expandedTreeKeys,
+    onSelect: handleTreeSelect,
+    onExpand: setExpandedTreeKeys,
+    showIcon: true,
+    style: {
+      fontSize: 12,
+      backgroundColor: "transparent"
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      display: "flex",
+      flexDirection: "column",
+      height: "650px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: "16px 16px 0 16px",
+      borderBottom: "1px solid #f0f0f0",
+      backgroundColor: "#fff"
+    }
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u641C\u7D22\u8BF7\u6C42\u63CF\u8FF0\u6216\u6A21\u5757\u540D\u79F0",
+    prefix: /*#__PURE__*/React.createElement(SearchOutlined, null),
+    value: searchText,
+    onChange: function onChange(e) {
+      return setSearchText(e.target.value);
+    },
+    allowClear: true,
+    style: {
+      marginBottom: 12
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      paddingBottom: 12,
+      marginBottom: 12,
+      backgroundColor: "#fafafa",
+      padding: "12px",
+      borderRadius: "6px"
+    }
+  }, /*#__PURE__*/React.createElement(Space, {
+    align: "center"
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    indeterminate: globalIndeterminate,
+    checked: globalCheckAll,
+    onChange: function onChange(e) {
+      return handleGlobalSelectAll(e.target.checked);
+    }
+  }, /*#__PURE__*/React.createElement("strong", null, "\u5168\u9009\u6240\u6709")), /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "#666",
+      fontSize: 12
+    }
+  }, "\u5171 ", groupedUriList.length, " \u4E2A\u6A21\u5757\uFF0C", totalCount, " \u4E2A\u8BF7\u6C42"), selectedUris.length > 0 && /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "#1890ff",
+      fontSize: 12,
+      fontWeight: 500
+    }
+  }, "\u5DF2\u9009\u62E9 ", selectedUris.length, " \u9879")))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      overflowY: "auto",
+      overflowX: "hidden",
+      padding: "16px"
+    }
+  }, groupedUriList.length === 0 ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: "center",
+      color: "#999",
+      padding: "40px 0"
+    }
+  }, searchText ? "未找到匹配的请求" : "暂无请求数据") : /*#__PURE__*/React.createElement("div", null, groupedUriList.map(function (group, groupIndex) {
+    var moduleState = getModuleSelectState(group.items);
+    return /*#__PURE__*/React.createElement("div", {
+      key: group.moduleName,
+      ref: function ref(el) {
+        return moduleRefs.current[group.moduleName] = el;
+      },
+      style: {
+        marginBottom: 24
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginBottom: 12,
+        padding: "8px 12px",
+        backgroundColor: "#f5f5f5",
+        borderRadius: "4px",
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center"
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Checkbox, {
+      indeterminate: moduleState.indeterminate,
+      checked: moduleState.checkAll,
+      onChange: function onChange(e) {
+        return handleModuleSelectAll(group.items, e.target.checked);
+      }
+    }, /*#__PURE__*/React.createElement("strong", {
+      style: {
+        fontSize: 14,
+        color: "#333"
+      }
+    }, group.moduleName))), /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: "#666",
+        fontSize: 12
+      }
+    }, group.count, " \u4E2A\u8BF7\u6C42")), /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: "grid",
+        gridTemplateColumns: "repeat(4, 1fr)",
+        gap: "12px",
+        padding: "0 12px",
+        width: "100%",
+        boxSizing: "border-box"
+      }
+    }, group.items.map(function (uri) {
+      return /*#__PURE__*/React.createElement(UriCard, {
+        key: uri.id,
+        uri: uri,
+        isSelected: selectedUrisSet.has(uri.id),
+        isHighlighted: highlightedUriId === uri.id,
+        onToggle: handleSingleCheck,
+        onClearHighlight: handleClearHighlight,
+        uriRef: function uriRef(el) {
+          return uriRefs.current[uri.id] = el;
+        }
+      });
+    })), groupIndex < groupedUriList.length - 1 && /*#__PURE__*/React.createElement(Divider, {
+      style: {
+        margin: "24px 0"
+      }
+    }));
+  })), searchText && /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 16,
+      fontSize: 12,
+      color: "#666",
+      padding: "8px 12px",
+      backgroundColor: "#f9f9f9",
+      borderRadius: "4px"
+    }
+  }, "\u641C\u7D22 \"", searchText, "\" \u627E\u5230 ", groupedUriList.length, " \u4E2A\u6A21\u5757\uFF0C\u5171", " ", totalCount, " \u9879\u7ED3\u679C", totalCount < uriList.length && /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    size: "small",
+    onClick: handleClearSearch,
+    style: {
+      padding: 0,
+      marginLeft: 8
+    }
+  }, "\u6E05\u7A7A\u641C\u7D22\u67E5\u770B\u5168\u90E8"))))));
+};
+export default UriModal;

package/dist/components/aaa/setting/permission/index.js

@@ -14,12 +14,13 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 import { ExclamationCircleOutlined, PlusOutlined, SyncOutlined } from "@ant-design/icons";
-import { Button, Divider, message, Modal, Select } from "antd";
+import { Button, Divider, message, Modal } from "antd";
 import React, { useEffect, useRef, useState } from "react";
 import ProTable from "@ant-design/pro-table";
 ;
 import Auth from "../../auth";
 import UpdateForm from "./components/UpdateForm";
+import UriModal from "./components/UriModal";
 import { addPerm, assignUri, getPermUris, getUriList, loadPermData, queryPerm, removePerm, updatePerm } from "./service.js";
 /**
  * 添加权限
@@ -181,6 +182,10 @@ var PermList = function PermList() {
     _useState12 = _slicedToArray(_useState11, 2),
     currentItem = _useState12[0],
     setCurrentItem = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    uriModalLoading = _useState14[0],
+    setUriModalLoading = _useState14[1];
   var actionRef = useRef();
   var columns = [{
     title: "权限代码",
@@ -518,18 +523,23 @@ var PermList = function PermList() {
     type: "U",
     updateModalVisible: updateModalVisible,
     values: currentItem
-  }) : null, uriModalVisible ? /*#__PURE__*/React.createElement(Modal, {
+  }) : null, /*#__PURE__*/React.createElement(UriModal, {
+    visible: uriModalVisible,
     title: "\u8BBE\u7F6E\u8BF7\u6C42",
-    open: uriModalVisible,
+    loading: uriModalLoading,
+    uriList: uriList,
+    selectedUris: currentUris,
+    onSelectedChange: setCurrentUris,
     onCancel: function onCancel() {
       setUriModalVisible(false);
+      setCurrentUris([]);
     },
     onOk: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
-      var hide, res;
+      var res;
       return _regeneratorRuntime().wrap(function _callee11$(_context11) {
         while (1) switch (_context11.prev = _context11.next) {
           case 0:
-            hide = message.loading("正在设置请求信息");
+            setUriModalLoading(true);
             _context11.prev = 1;
             _context11.next = 4;
             return assignUri({
@@ -541,6 +551,7 @@ var PermList = function PermList() {
             if (res.rspCode === "000000") {
               message.success("设置成功");
               setUriModalVisible(false);
+              setCurrentUris([]);
             } else {
               message.error(res.rspMsg);
             }
@@ -551,27 +562,13 @@ var PermList = function PermList() {
             _context11.t0 = _context11["catch"](1);
             message.error("设置请求失败");
           case 11:
-            hide();
+            setUriModalLoading(false);
           case 12:
           case "end":
             return _context11.stop();
         }
       }, _callee11, null, [[1, 8]]);
     }))
-  }, /*#__PURE__*/React.createElement(Select, {
-    value: currentUris,
-    onChange: function onChange(value) {
-      setCurrentUris(value);
-    },
-    mode: "multiple",
-    style: {
-      width: "100%"
-    }
-  }, uriList.map(function (e) {
-    return /*#__PURE__*/React.createElement(Select.Option, {
-      key: e.id,
-      value: e.id
-    }, e.description);
-  }))) : null);
+  }));
 };
 export default PermList;

package/dist/types/components/aaa/setting/permission/components/UriModal.d.ts

@@ -0,0 +1,11 @@
+export default UriModal;
+declare function UriModal({ visible, onCancel, onOk, loading, title, uriList, selectedUris, onSelectedChange, }: {
+    visible: any;
+    onCancel: any;
+    onOk: any;
+    loading: any;
+    title?: string;
+    uriList?: any[];
+    selectedUris?: any[];
+    onSelectedChange: any;
+}): any;

package/dist/utils/utils.js

@@ -165,13 +165,11 @@ export var getUploadFileData = function getUploadFileData(fileList) {
           if (item.status !== 'done') {
             throw '请等待上传完成！';
           }
-          var _item$response$data = item === null || item === void 0 || (_item$response = item.response) === null || _item$response === void 0 ? void 0 : _item$response.data,
-            pathUrl = _item$response$data.pathUrl,
-            originFileName = _item$response$data.originFileName;
-          return {
-            url: pathUrl,
-            name: originFileName
-          };
+          var data = (item === null || item === void 0 || (_item$response = item.response) === null || _item$response === void 0 ? void 0 : _item$response.data) || {};
+          return _objectSpread({
+            url: data.pathUrl,
+            name: data.originFileName
+          }, data);
         });
         resolve(data);
       }
@@ -197,10 +195,10 @@ export var setUploadFileData = function setUploadFileData(fileList) {
         url: url,
         name: name,
         response: {
-          data: {
+          data: _objectSpread({
             pathUrl: url,
             originFileName: name
-          }
+          }, item)
         },
         status: 'done'
       };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xydata-tools",
-  "version": "1.0.35",
+  "version": "1.0.37",
   "description": "xydata tools",
   "main": "dist/index.js",
   "module": "dist/index.js",