@hsu-react/ui 0.0.1

package/es/components/Panel/ListPanel/index.js

@@ -0,0 +1,335 @@
+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); }
+var _excluded = ["title", "buttonGroup", "className", "columns", "tabBarProps", "tableTools", "tableContainerClassName", "tips", "otherTool"],
+  _excluded2 = ["className"];
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _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; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Breadcrumb } from "antd";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import Search from "../../Search";
+import Table from "../../Table";
+import TabBar from "../../TabBar";
+import classNames from "classnames";
+import { cloneDeep } from "lodash";
+import styles from "./index.module.less";
+import usePermissions from "../../../hooks/usePermissions";
+import Tree from "../../Tree";
+import ToolBar from "./_components/ToolBar";
+import ColumnMgt from "./_components/ColumnMgt";
+import ListModalPanel from "./ListModalPanel";
+import { Equal } from "hsu-utils";
+import { isLegacyHasSelectorBrowser } from "../../../utils/cssSupports";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var ListPanel = function ListPanel(props) {
+  var _headerTabBarProps$ta, _headerTabBarProps$ta2;
+  var className = props.className,
+    wrapperClassName = props.wrapperClassName,
+    headerTabBarProps = props.headerTabBarProps,
+    headerTabBarContainerClassName = props.headerTabBarContainerClassName,
+    headerTabBarChildren = props.headerTabBarChildren,
+    _props$treeProps = props.treeProps,
+    treeProps = _props$treeProps === void 0 ? {} : _props$treeProps,
+    searchProps = props.searchProps,
+    _props$searchMode = props.searchMode,
+    searchMode = _props$searchMode === void 0 ? "Default" : _props$searchMode,
+    _props$tableProps = props.tableProps,
+    tableProps = _props$tableProps === void 0 ? {} : _props$tableProps,
+    hasPermi = props.hasPermi,
+    baseTreeBreadcrumb = props.baseTreeBreadcrumb,
+    _props$showTreeBreadc = props.showTreeBreadcrumb,
+    showTreeBreadcrumb = _props$showTreeBreadc === void 0 ? true : _props$showTreeBreadc,
+    _props$treeResize = props.treeResize,
+    treeResize = _props$treeResize === void 0 ? {} : _props$treeResize;
+  var _treeResize$enabled = treeResize.enabled,
+    treeResizeEnabled = _treeResize$enabled === void 0 ? true : _treeResize$enabled,
+    _treeResize$defaultWi = treeResize.defaultWidth,
+    treeDefaultWidth = _treeResize$defaultWi === void 0 ? 250 : _treeResize$defaultWi,
+    _treeResize$minWidth = treeResize.minWidth,
+    treeMinWidth = _treeResize$minWidth === void 0 ? treeDefaultWidth : _treeResize$minWidth,
+    treeMaxWidth = treeResize.maxWidth,
+    _treeResize$minConten = treeResize.minContentWidth,
+    treeMinContentWidth = _treeResize$minConten === void 0 ? 520 : _treeResize$minConten;
+  var title = tableProps.title,
+    buttonGroup = tableProps.buttonGroup,
+    tableClassName = tableProps.className,
+    columns = tableProps.columns,
+    tabBarProps = tableProps.tabBarProps,
+    _tableProps$tableTool = tableProps.tableTools,
+    tableTools = _tableProps$tableTool === void 0 ? {} : _tableProps$tableTool,
+    tableContainerClassName = tableProps.tableContainerClassName,
+    tips = tableProps.tips,
+    otherTool = tableProps.otherTool,
+    tableConfig = _objectWithoutProperties(tableProps, _excluded);
+  var treeClassName = treeProps.className,
+    treeConfig = _objectWithoutProperties(treeProps, _excluded2);
+  var hasTree = !!Object.keys(treeConfig).length;
+  var hasHeaderTabBar = !!(headerTabBarProps !== null && headerTabBarProps !== void 0 && (_headerTabBarProps$ta = headerTabBarProps.tabGroup) !== null && _headerTabBarProps$ta !== void 0 && _headerTabBarProps$ta.length);
+  var legacyHasSelector = isLegacyHasSelectorBrowser();
+  var columnMgt = tableTools.columnMgt;
+  var _usePermissions = usePermissions(hasPermi),
+    permitted = _usePermissions.permitted;
+  var _useState = useState(columns),
+    _useState2 = _slicedToArray(_useState, 2),
+    _columns = _useState2[0],
+    setColumns = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showColumnMgt = _useState4[0],
+    setShowColumnMgt = _useState4[1];
+  var _useState5 = useState(treeDefaultWidth),
+    _useState6 = _slicedToArray(_useState5, 2),
+    treeWidth = _useState6[0],
+    setTreeWidth = _useState6[1];
+  var _useState7 = useState(baseTreeBreadcrumb ? cloneDeep(baseTreeBreadcrumb) : []),
+    _useState8 = _slicedToArray(_useState7, 2),
+    treeBreadcrumb = _useState8[0],
+    setTreeBreadcrumb = _useState8[1];
+  var wrapperRef = useRef(null);
+  var resizeStateRef = useRef(null);
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isTreeResizing = _useState10[0],
+    setIsTreeResizing = _useState10[1];
+  var _useState11 = useState(true),
+    _useState12 = _slicedToArray(_useState11, 2),
+    legacyHasSearch = _useState12[0],
+    setLegacyHasSearch = _useState12[1];
+  var getClampedTreeWidth = useCallback(function (nextWidth) {
+    var _wrapperRef$current;
+    var wrapperWidth = (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.clientWidth;
+    var maxWidthByContainer = typeof wrapperWidth === "number" && wrapperWidth > 0 ? Math.max(treeMinWidth, wrapperWidth - treeMinContentWidth) : Number.POSITIVE_INFINITY;
+    var finalMaxWidth = typeof treeMaxWidth === "number" ? Math.max(treeMinWidth, Math.min(treeMaxWidth, maxWidthByContainer)) : maxWidthByContainer;
+    return Math.min(Math.max(nextWidth, treeMinWidth), finalMaxWidth);
+  }, [treeMaxWidth, treeMinContentWidth, treeMinWidth]);
+  var handleTreeResize = useCallback(function (event) {
+    if (!resizeStateRef.current) {
+      return;
+    }
+    var _resizeStateRef$curre = resizeStateRef.current,
+      startX = _resizeStateRef$curre.startX,
+      startWidth = _resizeStateRef$curre.startWidth;
+    var deltaX = event.clientX - startX;
+    setTreeWidth(getClampedTreeWidth(startWidth + deltaX));
+  }, [getClampedTreeWidth]);
+  var stopTreeResize = useCallback(function () {
+    resizeStateRef.current = null;
+    setIsTreeResizing(false);
+    document.body.style.cursor = "";
+    document.body.style.userSelect = "";
+    window.removeEventListener("mousemove", handleTreeResize);
+    window.removeEventListener("mouseup", stopTreeResize);
+  }, [handleTreeResize]);
+  var startTreeResize = useCallback(function (event) {
+    if (event.button !== 0 || !hasTree || !treeResizeEnabled) {
+      return;
+    }
+    event.preventDefault();
+    resizeStateRef.current = {
+      startX: event.clientX,
+      startWidth: treeWidth
+    };
+    setIsTreeResizing(true);
+    document.body.style.cursor = "col-resize";
+    document.body.style.userSelect = "none";
+    window.addEventListener("mousemove", handleTreeResize);
+    window.addEventListener("mouseup", stopTreeResize);
+  }, [handleTreeResize, hasTree, stopTreeResize, treeResizeEnabled, treeWidth]);
+  useEffect(function () {
+    if (columnMgt && columns !== null && columns !== void 0 && columns.length) {
+      var _columns2 = columns === null || columns === void 0 ? void 0 : columns.map(function (col) {
+        return _objectSpread(_objectSpread({}, col), {}, {
+          sort: !(col !== null && col !== void 0 && col.dataIndex) ? typeof col.sort === "number" ? col.sort : 999 : 0
+        });
+      });
+      setColumns(_columns2);
+    } else {
+      setColumns(columns);
+    }
+  }, [columnMgt, columns]);
+  useEffect(function () {
+    if (!hasTree) {
+      return;
+    }
+    setTreeWidth(getClampedTreeWidth(treeDefaultWidth));
+  }, [getClampedTreeWidth, hasTree, treeDefaultWidth]);
+  useEffect(function () {
+    if (!hasTree || !treeResizeEnabled) {
+      return;
+    }
+    var onResize = function onResize() {
+      setTreeWidth(function (prev) {
+        return getClampedTreeWidth(prev);
+      });
+    };
+    window.addEventListener("resize", onResize);
+    return function () {
+      window.removeEventListener("resize", onResize);
+    };
+  }, [getClampedTreeWidth, hasTree, treeResizeEnabled]);
+  useEffect(function () {
+    return function () {
+      stopTreeResize();
+    };
+  }, [stopTreeResize]);
+  useEffect(function () {
+    if (!legacyHasSelector || !hasHeaderTabBar) {
+      return;
+    }
+    var wrapper = wrapperRef.current;
+    if (!wrapper) {
+      return;
+    }
+    var updateLegacySearchState = function updateLegacySearchState() {
+      setLegacyHasSearch(!!wrapper.querySelector(".".concat(styles.search)));
+    };
+    updateLegacySearchState();
+    if (typeof MutationObserver === "undefined") {
+      return;
+    }
+    var observer = new MutationObserver(updateLegacySearchState);
+    observer.observe(wrapper, {
+      childList: true,
+      subtree: true
+    });
+    return function () {
+      observer.disconnect();
+    };
+  }, [hasHeaderTabBar, legacyHasSelector, searchMode, searchProps]);
+
+  // 根据 searchMode 渲染对应的 Search 组件
+  var SearchComponent = useMemo(function () {
+    var searchClassName = classNames(searchProps === null || searchProps === void 0 ? void 0 : searchProps.className, styles.search);
+    switch (searchMode) {
+      case "Advanced":
+        return /*#__PURE__*/_jsx(Search.Advanced, _objectSpread(_objectSpread({
+          baseWidth: 1670
+        }, searchProps), {}, {
+          className: searchClassName
+        }));
+      case "Collapsible":
+        return /*#__PURE__*/_jsx(Search.Collapsible, _objectSpread(_objectSpread({
+          baseWidth: 1670
+        }, searchProps), {}, {
+          className: searchClassName
+        }));
+      case "WithFilter":
+        return /*#__PURE__*/_jsx(Search.WithFilter, _objectSpread(_objectSpread({
+          baseWidth: 1670
+        }, searchProps), {}, {
+          className: searchClassName
+        }));
+      case "WithMore":
+        return /*#__PURE__*/_jsx(Search.WithMore, _objectSpread(_objectSpread({
+          baseWidth: 1670
+        }, searchProps), {}, {
+          className: searchClassName
+        }));
+      case "Card":
+        return /*#__PURE__*/_jsx(Search.Card, _objectSpread(_objectSpread({}, searchProps), {}, {
+          className: searchClassName
+        }));
+      default:
+        return /*#__PURE__*/_jsx(Search, _objectSpread(_objectSpread({
+          baseWidth: 1670
+        }, searchProps), {}, {
+          className: searchClassName
+        }));
+    }
+  }, [searchMode, searchProps]);
+  if (!permitted) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      ref: wrapperRef,
+      className: classNames(styles.ListPanelWrapper, wrapperClassName),
+      children: [hasTree && /*#__PURE__*/_jsxs("div", {
+        className: styles.treeWrapper,
+        style: {
+          width: "".concat(treeWidth, "px")
+        },
+        children: [/*#__PURE__*/_jsx(Tree, _objectSpread(_objectSpread({}, treeConfig), {}, {
+          className: classNames(treeClassName, styles.ListPanelTree),
+          onSelectPath: function onSelectPath(path, selectedKeys) {
+            var _treeConfig$onSelectP;
+            (_treeConfig$onSelectP = treeConfig.onSelectPath) === null || _treeConfig$onSelectP === void 0 || _treeConfig$onSelectP.call(treeConfig, path, selectedKeys);
+            setTreeBreadcrumb([].concat(_toConsumableArray(baseTreeBreadcrumb || []), _toConsumableArray((path === null || path === void 0 ? void 0 : path.map(function (item) {
+              return {
+                title: item.title
+              };
+            })) || [])));
+          }
+        })), treeResizeEnabled && /*#__PURE__*/_jsx("div", {
+          className: classNames(styles.treeResizeHandle, _defineProperty({}, styles.resizing, isTreeResizing)),
+          onMouseDown: startTreeResize,
+          onDoubleClick: function onDoubleClick() {
+            return setTreeWidth(getClampedTreeWidth(treeDefaultWidth));
+          }
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: classNames(styles.ListPanel, className, _defineProperty(_defineProperty({}, styles.hasHeaderTabBar, hasHeaderTabBar), styles.legacyNoSearch, legacyHasSelector && hasHeaderTabBar && !legacyHasSearch)),
+        children: [hasTree && showTreeBreadcrumb && !!(treeBreadcrumb !== null && treeBreadcrumb !== void 0 && treeBreadcrumb.length) && /*#__PURE__*/_jsx(Breadcrumb, {
+          items: treeBreadcrumb
+        }), !!(headerTabBarProps !== null && headerTabBarProps !== void 0 && (_headerTabBarProps$ta2 = headerTabBarProps.tabGroup) !== null && _headerTabBarProps$ta2 !== void 0 && _headerTabBarProps$ta2.length) && /*#__PURE__*/_jsxs("div", {
+          className: classNames(styles.headerTabBarContainer, headerTabBarContainerClassName),
+          children: [/*#__PURE__*/_jsx(TabBar, _objectSpread(_objectSpread({}, headerTabBarProps), {}, {
+            className: classNames(headerTabBarProps.className, styles.headerTabBar)
+          })), headerTabBarChildren]
+        }), SearchComponent, !title && Equal.ValEqual(tabBarProps !== null && tabBarProps !== void 0 ? tabBarProps : {}, {}) && !(buttonGroup !== null && buttonGroup !== void 0 && buttonGroup.length) && Equal.ValEqual(tableTools !== null && tableTools !== void 0 ? tableTools : {}, {}) && tips && /*#__PURE__*/_jsx("div", {
+          className: styles.tips,
+          children: tips
+        }), /*#__PURE__*/_jsxs("div", {
+          className: classNames(styles.tableContainer, tableContainerClassName),
+          children: [/*#__PURE__*/_jsx(ToolBar, {
+            columns: columns,
+            title: title,
+            tabBarProps: tabBarProps,
+            buttonGroup: buttonGroup,
+            tableTools: tableTools,
+            setShowColumnMgt: setShowColumnMgt,
+            tips: tips,
+            otherTool: otherTool
+          }), /*#__PURE__*/_jsx(Table, _objectSpread({
+            className: "".concat(styles.table, " ").concat(tableClassName !== null && tableClassName !== void 0 ? tableClassName : "")
+          }, _objectSpread(_objectSpread({
+            scroll: true,
+            serialNumberColumn: true,
+            bordered: true,
+            fillPanel: true
+          }, tableConfig), {}, {
+            columns: _columns
+          })))]
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(ColumnMgt, _objectSpread({
+      open: showColumnMgt,
+      onClose: function onClose() {
+        return setShowColumnMgt(false);
+      },
+      onOk: function onOk(columns) {
+        return setColumns(cloneDeep(columns));
+      },
+      columns: _columns,
+      defaultColumns: columns,
+      onSelectionChange: columnMgt === null || columnMgt === void 0 ? void 0 : columnMgt.onSelectionChange
+    }, columnMgt))]
+  });
+};
+ListPanel.Modal = ListModalPanel;
+export default ListPanel;

package/es/components/Panel/ListPanel/index.module.less

@@ -0,0 +1,134 @@
+.ListPanelWrapper {
+  display: flex;
+  column-gap: 10px;
+
+  width: 100%;
+  height: 100%;
+  padding: 10px;
+
+  overflow: hidden;
+}
+
+.treeWrapper {
+  position: relative;
+  flex: 0 0 auto;
+  min-width: 0px;
+  height: 100%;
+}
+
+.ListPanelTree {
+  width: 100%;
+  height: 100%;
+  padding: 10px;
+}
+
+.treeResizeHandle {
+  position: absolute;
+  top: 0px;
+  right: -5px;
+  z-index: 2;
+
+  width: 10px;
+  height: 100%;
+
+  cursor: col-resize;
+
+  &::before {
+    content: "";
+
+    position: absolute;
+    top: 0px;
+    left: 4px;
+
+    width: 2px;
+    height: 100%;
+
+    background: transparent;
+    border-radius: 1px;
+
+    transition: background 0.2s;
+  }
+
+  &:hover {
+    &::before {
+      background: rgba(24, 144, 255, 0.45);
+    }
+  }
+}
+
+.resizing {
+  &::before {
+    background: #1890ff;
+  }
+}
+
+.ListPanel {
+  flex: 1;
+
+  display: flex;
+  flex-direction: column;
+  row-gap: 10px;
+
+  min-width: 0px;
+  height: 100%;
+
+  .tips {
+    width: 100%;
+
+    font-size: 14px;
+    font-weight: 400;
+  }
+
+  .tableContainer {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    row-gap: 10px;
+
+    width: 100%;
+    min-height: 0px;
+    padding: 14px 16px;
+
+    background: var(--cf-surface);
+
+    // CF 风格：描边白卡片 + 小圆角，去投影
+    border-radius: 8px;
+    border: 1px solid var(--cf-border);
+    box-shadow: none;
+  }
+
+  .headerTabBarContainer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    column-gap: 10px;
+
+    padding: 10px;
+
+    background: var(--cf-subtle);
+
+    border-radius: 8px 8px 0px 0px;
+    border: 1px solid var(--cf-border);
+  }
+
+  &.hasHeaderTabBar {
+    .search {
+      padding: 10px;
+      margin-top: -10px;
+
+      border-radius: 0px 0px 8px 8px;
+    }
+
+    &:not(:has(.search)) {
+      .headerTabBarContainer {
+        border-radius: 8px;
+      }
+    }
+
+    &.legacyNoSearch {
+      .headerTabBarContainer {
+        border-radius: 8px;
+      }
+    }
+  }
+}

package/es/components/Panel/index.d.ts

@@ -0,0 +1,11 @@
+import { IframePanelProps } from "./IframePanel";
+import { ListPanelFC } from "./ListPanel";
+import { DefaultPanelProps } from "./DefaultPanel";
+import React from "react";
+interface PanelType {
+    List: ListPanelFC;
+    Iframe: React.FC<IframePanelProps>;
+    Default: React.FC<DefaultPanelProps>;
+}
+declare const Panel: PanelType;
+export default Panel;

package/es/components/Panel/index.js

@@ -0,0 +1,9 @@
+import IframePanel from "./IframePanel";
+import ListPanel from "./ListPanel";
+import DefaultPanel from "./DefaultPanel";
+var Panel = {
+  List: ListPanel,
+  Iframe: IframePanel,
+  Default: DefaultPanel
+};
+export default Panel;

package/es/components/Search/SearchAdvanced/index.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { ChakraButtonProps } from "../../Button";
+import { DrawerFormProps } from "../../Form/DrawerForm";
+import { SearchPropsWithFilter } from "../_types";
+export interface SearchAdvancedProps extends SearchPropsWithFilter {
+    advancedFiltersProps?: DrawerFormProps;
+    beforeButtonGroup?: ChakraButtonProps[];
+    affterButtonGroup?: ChakraButtonProps[];
+}
+/**
+ * 高级筛选模式的 Search 组件
+ * - 不显示标签（label）
+ * - 使用抽屉形式展示更多筛选项
+ * - 更适合复杂的筛选场景
+ */
+declare const SearchAdvanced: React.FC<SearchAdvancedProps>;
+export default SearchAdvanced;