@pisell/materials 3.3.77 → 3.3.79

package/lib/components/PisellTabbar/template/Template1/PisellTabbar.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PisellTabbarProps } from '../../types';
+import '../../PisellTabbar.less';
+/**
+ * PisellTabbar - 多层级 Tabbar 组件
+ *
+ * 支持最多 3 层级的 Tab 导航，每层级可独立展开/收起
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PisellTabbar
+ *   dataSource={categoryData}
+ *   value={[1, 10, 100]}
+ *   onChange={(value) => console.log('当前选中:', value)}
+ * />
+ * ```
+ */
+declare const PisellTabbar: React.FC<PisellTabbarProps>;
+export default PisellTabbar;

package/lib/components/PisellTabbar/template/Template1/PisellTabbar.js

@@ -0,0 +1,436 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/PisellTabbar/template/Template1/PisellTabbar.tsx
+var PisellTabbar_exports = {};
+__export(PisellTabbar_exports, {
+  default: () => PisellTabbar_default
+});
+module.exports = __toCommonJS(PisellTabbar_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_PisellSuperTabs = __toESM(require("../../../PisellSuperTabs"));
+var import_PisellCards = __toESM(require("../../../PisellCards"));
+var import_iconfont = __toESM(require("../../../iconfont"));
+var import_hooks = require("../../hooks");
+var import_utils = require("./utils");
+var import_constants = require("./constants");
+var import_mock = __toESM(require("../../mock"));
+var import_PisellTabbar = require("../../PisellTabbar.less");
+var tabbarId = "sku-list-tabbar-temp1";
+var PisellTabbar = (props) => {
+  const {
+    dataSource = (props == null ? void 0 : props.__designMode) ? import_mock.default : import_mock.default,
+    value,
+    onChange,
+    className,
+    style,
+    levelConfig: customLevelConfig,
+    expandConfig: customExpandConfig,
+    maxLevel = 3
+  } = props;
+  const { setActiveKey, getActiveKey, _setActiveKey, activeKey } = (0, import_hooks.useActiveKey)(
+    {
+      initialActiveKey: value || (0, import_utils.getDefaultActiveKey)(dataSource, "id"),
+      onChange
+    }
+  );
+  console.log("getActiveKey", activeKey);
+  const { expand, toggleExpand, getExpand } = (0, import_hooks.useExpand)();
+  const expandConfig = customExpandConfig || (0, import_constants.getExpandConfig)();
+  (0, import_react.useEffect)(() => {
+    if (value) {
+      _setActiveKey(value);
+    }
+  }, [JSON.stringify(value)]);
+  const getLevelConfig = (0, import_react.useCallback)(
+    (level) => {
+      return {
+        ...import_constants.DEFAULT_LEVEL_CONFIG[level],
+        ...customLevelConfig == null ? void 0 : customLevelConfig[level]
+      };
+    },
+    [customLevelConfig]
+  );
+  const handleLevel1Change = (0, import_react.useCallback)(
+    (key, item) => {
+      var _a;
+      setActiveKey(0, key, ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length) ? 0 : void 0);
+    },
+    [setActiveKey, activeKey]
+  );
+  const handleLevel2Change = (0, import_react.useCallback)(
+    (key, item) => {
+      var _a;
+      setActiveKey(1, key, ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length) ? 0 : void 0);
+    },
+    [setActiveKey, activeKey]
+  );
+  const handleLevel3Change = (0, import_react.useCallback)(
+    (key) => {
+      setActiveKey(2, key);
+    },
+    [setActiveKey, activeKey]
+  );
+  const renderExpandCard = (0, import_react.useCallback)(
+    (cardProps, level, isExpanded) => {
+      var _a;
+      const config = expandConfig[isExpanded ? "active" : "inactive"];
+      const levelCfg = getLevelConfig(level);
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_PisellCards.default.TextCard,
+        {
+          ...cardProps,
+          text: config.text,
+          variant: "outlined",
+          widthMode: "auto",
+          prefixIcon: /* @__PURE__ */ import_react.default.createElement(
+            import_iconfont.default,
+            {
+              type: config.icon,
+              style: { color: "#000", fontSize: 20 }
+            }
+          ),
+          textConfig: {
+            textAlign: "center",
+            color: "#000000",
+            flex: "none"
+          },
+          style: {
+            borderRadius: "20px",
+            background: "#ffffff",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            height: levelCfg.cardHeight,
+            minWidth: 100
+          },
+          width: "auto",
+          active: {
+            ...cardProps.active,
+            style: {
+              ...(_a = cardProps.active) == null ? void 0 : _a.style,
+              color: "#ffffff",
+              background: "#7f56d9"
+            }
+          }
+        }
+      );
+    },
+    [expandConfig, activeKey, getLevelConfig]
+  );
+  const renderNormalCard = (0, import_react.useCallback)(
+    (cardProps, level) => {
+      var _a;
+      const { dataSource: itemData } = cardProps;
+      const levelCfg = getLevelConfig(level);
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_PisellCards.default.TextCard,
+        {
+          ...cardProps,
+          text: itemData.name,
+          variant: "outlined",
+          widthMode: "auto",
+          textConfig: {
+            textAlign: "center",
+            color: "#000",
+            maxLines: 2,
+            ellipsis: true
+          },
+          style: {
+            height: levelCfg.cardHeight,
+            borderRadius: "20px",
+            background: "#ffffff",
+            minWidth: 100
+          },
+          width: "auto",
+          active: {
+            ...cardProps.active,
+            style: {
+              ...(_a = cardProps.active) == null ? void 0 : _a.style,
+              color: "#fff",
+              background: "#7f56d9"
+            }
+          }
+        }
+      );
+    },
+    [getLevelConfig]
+  );
+  const level1DataSource = (0, import_react.useMemo)(
+    () => (0, import_utils.addDataSourceItemsByKey)(dataSource, import_constants.LEVEL_ADD_ITEMS.level1),
+    [dataSource]
+  );
+  const renderLevel1Item = (0, import_react.useCallback)(
+    (itemProps) => {
+      const { dataSource: itemData } = itemProps;
+      const level1Config2 = getLevelConfig("level1");
+      const isExpanded = getExpand("level1");
+      if (itemData == null ? void 0 : itemData.customClick) {
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_PisellCards.default.MultilevelCard,
+          {
+            ...itemProps,
+            card: (cardProps) => renderExpandCard(cardProps, "level1", isExpanded),
+            onClick: () => toggleExpand("level1")
+          }
+        );
+      }
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_PisellCards.default.MultilevelCard,
+        {
+          ...itemProps,
+          card: (cardProps) => renderNormalCard(cardProps, "level1"),
+          panel: (panelProps) => {
+            var _a, _b;
+            if (((_b = (_a = panelProps == null ? void 0 : panelProps.dataSource) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && maxLevel >= 2) {
+              return renderLevel2Panel(panelProps);
+            }
+            return null;
+          },
+          panelContainer: () => document.querySelector(`.pisell-super-tabs-slot-bottom-${tabbarId}`)
+        }
+      );
+    },
+    [getLevelConfig, getExpand, toggleExpand, maxLevel, activeKey]
+  );
+  const renderLevel2Panel = (0, import_react.useCallback)(
+    (panelProps) => {
+      if (maxLevel < 2) return null;
+      let _dataSource = panelProps.dataSource.children || [];
+      if (_dataSource.length) {
+        _dataSource = (0, import_utils.addDataSourceItemsByKey)(
+          _dataSource,
+          import_constants.LEVEL_ADD_ITEMS.level2
+        );
+      }
+      const level2Config = getLevelConfig("level2");
+      const isExpanded2 = getExpand("level2");
+      const skuId = `sku-list-tabbar-${panelProps.dataSource.id}`;
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_PisellSuperTabs.default,
+        {
+          id: skuId,
+          tabItemStyle: {},
+          dataSource: _dataSource,
+          value: String(getActiveKey(1)),
+          onChange: handleLevel2Change,
+          rowKey: "id",
+          style: {
+            flex: 1,
+            background: level2Config.superTabsBg
+          },
+          gridProps: {
+            direction: "horizontal",
+            gap: 4,
+            wrap: isExpanded2 ? "wrap" : "nowrap",
+            startSlot: /* @__PURE__ */ import_react.default.createElement("div", { style: { paddingLeft: level2Config.paddingLeft } }, /* @__PURE__ */ import_react.default.createElement(
+              import_iconfont.default,
+              {
+                type: "pisell2-trend-down-01",
+                style: { color: "#fff", fontSize: 24, marginRight: 8 }
+              }
+            ))
+          },
+          scrollViewProps: {
+            style: {
+              padding: "4px 8px"
+            },
+            overflow: !isExpanded2 ? "x" : "hidden",
+            scrollbarStyle: "none",
+            scrollActionsConfig: {
+              type: "lrArrows",
+              show: true
+            }
+          },
+          renderItem: (itemProps) => {
+            const { dataSource: itemData } = itemProps;
+            if (itemData == null ? void 0 : itemData.customClick) {
+              return /* @__PURE__ */ import_react.default.createElement(
+                import_PisellCards.default.MultilevelCard,
+                {
+                  ...itemProps,
+                  card: (cardProps) => renderExpandCard(cardProps, "level2", isExpanded2),
+                  onClick: () => toggleExpand("level2")
+                }
+              );
+            }
+            return /* @__PURE__ */ import_react.default.createElement(
+              import_PisellCards.default.MultilevelCard,
+              {
+                ...itemProps,
+                card: (cardProps) => renderNormalCard(cardProps, "level2"),
+                panel: (panelProps2) => {
+                  var _a, _b;
+                  if (((_b = (_a = panelProps2 == null ? void 0 : panelProps2.dataSource) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && maxLevel >= 3) {
+                    return renderLevel3Panel(panelProps2);
+                  }
+                  return null;
+                },
+                panelContainer: () => document.querySelector(
+                  `.pisell-super-tabs-slot-bottom-${skuId}`
+                )
+              }
+            );
+          }
+        }
+      );
+    },
+    [
+      maxLevel,
+      activeKey,
+      getActiveKey,
+      handleLevel2Change,
+      getExpand,
+      toggleExpand,
+      getLevelConfig,
+      renderExpandCard,
+      renderNormalCard
+    ]
+  );
+  const renderLevel3Panel = (0, import_react.useCallback)(
+    (panelProps2) => {
+      if (maxLevel < 3) return null;
+      let _dataSource2 = panelProps2.dataSource.children || [];
+      if (_dataSource2.length) {
+        _dataSource2 = (0, import_utils.addDataSourceItemsByKey)(
+          _dataSource2,
+          import_constants.LEVEL_ADD_ITEMS.level3
+        );
+      }
+      const level3Config = getLevelConfig("level3");
+      const isExpanded3 = getExpand("level3");
+      const skuId = `sku-list-tabbar-${panelProps2.dataSource.id}`;
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_PisellSuperTabs.default,
+        {
+          id: skuId,
+          tabItemStyle: {},
+          dataSource: _dataSource2,
+          value: String(getActiveKey(2)),
+          onChange: handleLevel3Change,
+          rowKey: "id",
+          style: {
+            flex: 1,
+            background: level3Config.superTabsBg
+          },
+          gridProps: {
+            direction: "horizontal",
+            gap: 4,
+            wrap: isExpanded3 ? "wrap" : "nowrap",
+            startSlot: /* @__PURE__ */ import_react.default.createElement("div", { style: { paddingLeft: level3Config.paddingLeft } }, /* @__PURE__ */ import_react.default.createElement(
+              import_iconfont.default,
+              {
+                type: "pisell2-trend-down-01",
+                style: { color: "#fff", fontSize: 24, marginRight: 8 }
+              }
+            ))
+          },
+          scrollViewProps: {
+            style: {
+              padding: "4px 8px"
+            },
+            overflow: !isExpanded3 ? "x" : "hidden",
+            scrollbarStyle: "none",
+            scrollActionsConfig: {
+              type: "lrArrows",
+              show: true
+            }
+          },
+          renderItem: (itemProps) => {
+            const { dataSource: itemData } = itemProps;
+            if (itemData == null ? void 0 : itemData.customClick) {
+              return /* @__PURE__ */ import_react.default.createElement(
+                import_PisellCards.default.MultilevelCard,
+                {
+                  ...itemProps,
+                  card: (cardProps) => renderExpandCard(cardProps, "level3", isExpanded3),
+                  onClick: () => toggleExpand("level3")
+                }
+              );
+            }
+            return /* @__PURE__ */ import_react.default.createElement(
+              import_PisellCards.default.MultilevelCard,
+              {
+                ...itemProps,
+                card: (cardProps) => renderNormalCard(cardProps, "level3")
+              }
+            );
+          }
+        }
+      );
+    },
+    [
+      maxLevel,
+      activeKey,
+      getActiveKey,
+      handleLevel3Change,
+      getExpand,
+      toggleExpand,
+      getLevelConfig,
+      renderExpandCard,
+      renderNormalCard
+    ]
+  );
+  const level1Config = getLevelConfig("level1");
+  const isExpanded1 = getExpand("level1");
+  return dataSource.length ? /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-tabbar", className), style }, /* @__PURE__ */ import_react.default.createElement(
+    import_PisellSuperTabs.default,
+    {
+      id: tabbarId,
+      tabItemStyle: {},
+      dataSource: level1DataSource,
+      value: String(getActiveKey(0)),
+      onChange: handleLevel1Change,
+      rowKey: "id",
+      style: {
+        flex: 1,
+        background: level1Config.superTabsBg
+      },
+      gridProps: {
+        direction: "horizontal",
+        gap: 4,
+        wrap: isExpanded1 ? "wrap" : "nowrap"
+      },
+      scrollViewProps: {
+        style: {
+          padding: "4px 8px"
+        },
+        overflow: !isExpanded1 ? "x" : "hidden",
+        scrollbarStyle: "none",
+        scrollActionsConfig: {
+          type: "lrArrows",
+          show: true
+        }
+      },
+      renderItem: renderLevel1Item
+    }
+  )) : null;
+};
+PisellTabbar.displayName = "PisellTabbar";
+var PisellTabbar_default = PisellTabbar;

package/lib/components/PisellTabbar/template/Template1/constants.d.ts

@@ -0,0 +1,10 @@
+import { TabbarLevelConfig, LevelType } from '../../types';
+export { getExpandConfig, DEFAULT_ITEMS } from '../../constants';
+/**
+ * 默认层级配置
+ */
+export declare const DEFAULT_LEVEL_CONFIG: Record<LevelType, TabbarLevelConfig>;
+/**
+ * 获取层级对应的添加项配置
+ */
+export declare const LEVEL_ADD_ITEMS: Record<LevelType, ('all' | 'search' | 'expand')[]>;

package/lib/components/PisellTabbar/template/Template1/constants.js

@@ -0,0 +1,60 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/PisellTabbar/template/Template1/constants.ts
+var constants_exports = {};
+__export(constants_exports, {
+  DEFAULT_ITEMS: () => import_constants.DEFAULT_ITEMS,
+  DEFAULT_LEVEL_CONFIG: () => DEFAULT_LEVEL_CONFIG,
+  LEVEL_ADD_ITEMS: () => LEVEL_ADD_ITEMS,
+  getExpandConfig: () => import_constants.getExpandConfig
+});
+module.exports = __toCommonJS(constants_exports);
+var import_constants = require("../../constants");
+var DEFAULT_LEVEL_CONFIG = {
+  level1: {
+    superTabsBg: "#ffffff00",
+    cardWidth: 100,
+    cardHeight: 40,
+    paddingLeft: 0
+  },
+  level2: {
+    superTabsBg: "#ffffff00",
+    cardWidth: 120,
+    cardHeight: 40,
+    paddingLeft: 20
+  },
+  level3: {
+    superTabsBg: "#ffffff00",
+    cardWidth: 120,
+    cardHeight: 40,
+    paddingLeft: 40
+  }
+};
+var LEVEL_ADD_ITEMS = {
+  level1: ["all"],
+  level2: ["expand", "all"],
+  level3: ["expand", "all"]
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_ITEMS,
+  DEFAULT_LEVEL_CONFIG,
+  LEVEL_ADD_ITEMS,
+  getExpandConfig
+});

package/lib/components/PisellTabbar/template/Template1/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * PisellTabbar 组件导出文件
+ * @module PisellTabbar
+ */
+import PisellTabbar from './PisellTabbar';
+export default PisellTabbar;

package/lib/components/PisellTabbar/template/Template1/index.js

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/PisellTabbar/template/Template1/index.tsx
+var Template1_exports = {};
+__export(Template1_exports, {
+  default: () => Template1_default
+});
+module.exports = __toCommonJS(Template1_exports);
+var import_PisellTabbar = __toESM(require("./PisellTabbar"));
+var Template1_default = import_PisellTabbar.default;

package/lib/components/PisellTabbar/template/Template1/utils/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * PisellTabbar 工具函数
+ */
+import { TabbarDataSource } from '../../../types';
+/**
+ * 向数据源添加特殊项（如 all、search、expand 按钮）
+ *
+ * @param dataSource - 原始数据源
+ * @param keys - 要添加的特殊项 key 数组
+ * @returns 添加了特殊项的新数据源
+ *
+ * @example
+ * ```tsx
+ * const newData = addDataSourceItemsByKey(categoryData, ['expand', 'all']);
+ * // 返回: [expandItem, allItem, ...categoryData]
+ * ```
+ */
+export declare const addDataSourceItemsByKey: (dataSource: TabbarDataSource[], keys: ('all' | 'search' | 'expand')[]) => TabbarDataSource[];
+/**
+ * 获取默认激活的 key 数组
+ *
+ * @param dataSource - 数据源
+ * @param rowKey - 用作唯一标识的字段名
+ * @returns 默认激活的 key 数组（多层级）
+ *
+ * @description
+ * 默认选中第一项，如果第一项有子级，同时选中第一个子级
+ *
+ * @example
+ * ```tsx
+ * const defaultKeys = getDefaultActiveKey(categoryData, 'id');
+ * // 返回: [1, 0] (第一层级的第一项ID，第二层级的第一项ID)
+ * ```
+ */
+export declare const getDefaultActiveKey: (dataSource: TabbarDataSource[], rowKey: string) => (string | number)[];

package/lib/components/PisellTabbar/template/Template1/utils/index.js

@@ -0,0 +1,68 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/PisellTabbar/template/Template1/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  addDataSourceItemsByKey: () => addDataSourceItemsByKey,
+  getDefaultActiveKey: () => getDefaultActiveKey
+});
+module.exports = __toCommonJS(utils_exports);
+var import_locales = require("../../../../../locales");
+var defaultItems = {
+  all: {
+    id: "0",
+    shop_id: 9,
+    parent_id: 0,
+    name: (0, import_locales.getText)("pisell-tabbar-all"),
+    slug: "all",
+    icon: ""
+  },
+  search: {
+    id: -1,
+    shop_id: 9,
+    parent_id: 0,
+    name: "Search",
+    slug: "Search",
+    key: "search",
+    icon: "",
+    customClick: true
+  },
+  expand: {
+    id: -2,
+    shop_id: 9,
+    parent_id: 0,
+    key: "expand",
+    icon: "pisell2-expand-01",
+    name: "Expand",
+    slug: "expand",
+    customClick: true
+  }
+};
+var addDataSourceItemsByKey = (dataSource, keys) => {
+  return [...keys.map((key) => defaultItems[key]), ...dataSource];
+};
+var getDefaultActiveKey = (dataSource, rowKey) => {
+  const _activeKey = ["0"];
+  return _activeKey;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addDataSourceItemsByKey,
+  getDefaultActiveKey
+});