@yoka-ui/ui 1.0.10-test

package/dist/lib/business/ModCommonFilter/components/PopoverContent/index.js

@@ -0,0 +1,101 @@
+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/business/ModCommonFilter/components/PopoverContent/index.tsx
+var PopoverContent_exports = {};
+__export(PopoverContent_exports, {
+  default: () => PopoverContent_default
+});
+module.exports = __toCommonJS(PopoverContent_exports);
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_Category = __toESM(require("./Category"));
+var import_Content = __toESM(require("./Content"));
+var import_index_module = __toESM(require("./index.module.less"));
+var import_Selected = __toESM(require("./Selected"));
+var PopoverContent = ({
+  popOpen,
+  category,
+  terminal,
+  list,
+  placeholder,
+  title,
+  selected,
+  setSelected,
+  categorySelected,
+  setCategorySelected,
+  columnCount = 1,
+  showCode = false,
+  contentWidth,
+  rowHeight,
+  checkedCellRender,
+  cellRender,
+  handleVerify,
+  handleClear,
+  remark
+}) => {
+  const [hasOperation, setHasOperation] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (popOpen) {
+      setHasOperation(false);
+    }
+  }, [popOpen]);
+  const submitButtonClass = (0, import_classnames.default)(import_index_module.default.item, import_index_module.default.submit, !hasOperation && import_index_module.default.disabled);
+  const cancelButtonClass = (0, import_classnames.default)(import_index_module.default.item, import_index_module.default.cancel);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.popoverContent }, /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.header }, "筛选", title), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.body }, /* @__PURE__ */ import_react.default.createElement(import_Category.default, { category, categorySelected, setCategorySelected }), /* @__PURE__ */ import_react.default.createElement(
+    import_Content.default,
+    {
+      terminal,
+      list,
+      selected,
+      setSelected,
+      placeholder,
+      categorySelected,
+      columnCount,
+      contentWidth,
+      rowHeight,
+      showCode,
+      setHasOperation,
+      cellRender
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_Selected.default,
+    {
+      list,
+      selected,
+      setSelected,
+      contentWidth,
+      rowHeight,
+      showCode,
+      checkedCellRender
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.footer }, /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.remark }, remark), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { className: submitButtonClass, disabled: !hasOperation, type: "primary", onClick: handleVerify }, "确认"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { className: cancelButtonClass, type: "default", onClick: handleClear }, "取消")));
+};
+var PopoverContent_default = PopoverContent;
+//# sourceMappingURL=index.js.map

package/dist/lib/business/ModCommonFilter/components/PopoverContent/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/business/ModCommonFilter/components/PopoverContent/index.tsx"],
+  "sourcesContent": ["import { Button } from 'antd';\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport type { CategoryItem, ListItem, TerminalItem } from '../../typing';\nimport Category from './Category';\nimport Content from './Content';\nimport styles from './index.module.less';\nimport Selected from './Selected';\n\n/**\n * 筛选弹层内容组件的 Props\n */\ninterface PropsType {\n  /** 弹层是否打开，用于重置「是否操作过」状态 */\n  popOpen: boolean;\n  /** 分类列表，用于左侧分类 Tab */\n  category?: CategoryItem[];\n  /** 终端列表，用于 Content 内终端 Tab（如全部/PC/APP） */\n  terminal?: TerminalItem[];\n  /** 可选列表数据 */\n  list: ListItem[];\n  /** 搜索框占位文案 */\n  placeholder: string;\n  /** 标题后缀，如「筛选{title}」中的 title */\n  title: string;\n  /** 当前已选中的项（code 数组） */\n  selected: string[];\n  /** 设置已选中项 */\n  setSelected: (selected: string[]) => void;\n  /** 当前选中的分类 code */\n  categorySelected: string;\n  /** 设置选中的分类 */\n  setCategorySelected: (categorySelected: string) => void;\n  /** 列表列数（多列网格） */\n  columnCount: number;\n  /** 是否展示 code（名称后是否带括号 code） */\n  showCode: boolean;\n  /** 内容区宽度 */\n  contentWidth?: number;\n  /** 行高 */\n  rowHeight?: number;\n  /** 底部备注文案或节点 */\n  remark?: string | React.ReactNode;\n  /** 已选列表中每项的渲染函数 */\n  checkedCellRender?: (item: ListItem) => React.ReactNode;\n  /** 可选列表中每项的渲染函数 */\n  cellRender?: (item: ListItem) => React.ReactNode;\n  /** 点击「确认」时的回调 */\n  handleVerify: () => void;\n  /** 点击「取消」时的回调 */\n  handleClear: () => void;\n}\n\n/**\n * 通用筛选弹层内容：左侧分类 + 中间可选列表 + 右侧已选列表 + 底部确认/取消。\n * 未产生任何勾选变化时，「确认」按钮禁用。\n */\nconst PopoverContent: React.FC<PropsType> = ({\n  popOpen,\n  category,\n  terminal,\n  list,\n  placeholder,\n  title,\n  selected,\n  setSelected,\n  categorySelected,\n  setCategorySelected,\n  columnCount = 1,\n  showCode = false,\n  contentWidth,\n  rowHeight,\n  checkedCellRender,\n  cellRender,\n  handleVerify,\n  handleClear,\n  remark,\n}) => {\n  /** 是否在本次弹层内有过勾选操作，未操作时确认按钮禁用 */\n  const [hasOperation, setHasOperation] = useState(false);\n\n  /** 弹层打开时重置「是否操作过」，避免沿用上次状态 */\n  useEffect(() => {\n    if (popOpen) {\n      setHasOperation(false);\n    }\n  }, [popOpen]);\n\n  const submitButtonClass = classNames(styles.item, styles.submit, !hasOperation && styles.disabled);\n  const cancelButtonClass = classNames(styles.item, styles.cancel);\n\n  return (\n    <div className={styles.popoverContent}>\n      <div className={styles.header}>筛选{title}</div>\n      <div className={styles.body}>\n        <Category category={category} categorySelected={categorySelected} setCategorySelected={setCategorySelected} />\n        <Content\n          terminal={terminal}\n          list={list}\n          selected={selected}\n          setSelected={setSelected}\n          placeholder={placeholder}\n          categorySelected={categorySelected}\n          columnCount={columnCount}\n          contentWidth={contentWidth}\n          rowHeight={rowHeight}\n          showCode={showCode}\n          setHasOperation={setHasOperation}\n          cellRender={cellRender}\n        />\n        <Selected\n          list={list}\n          selected={selected}\n          setSelected={setSelected}\n          contentWidth={contentWidth}\n          rowHeight={rowHeight}\n          showCode={showCode}\n          checkedCellRender={checkedCellRender}\n        />\n      </div>\n      <div className={styles.footer}>\n        <span className={styles.remark}>{remark}</span>\n        <Button className={submitButtonClass} disabled={!hasOperation} type='primary' onClick={handleVerify}>\n          确认\n        </Button>\n        <Button className={cancelButtonClass} type='default' onClick={handleClear}>\n          取消\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default PopoverContent;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuB;AACvB,wBAAuB;AACvB,mBAA2C;AAE3C,sBAAqB;AACrB,qBAAoB;AACpB,0BAAmB;AACnB,sBAAqB;AAkDrB,IAAM,iBAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAGtD,8BAAU,MAAM;AACd,QAAI,SAAS;AACX,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,wBAAoB,kBAAAA,SAAW,oBAAAC,QAAO,MAAM,oBAAAA,QAAO,QAAQ,CAAC,gBAAgB,oBAAAA,QAAO,QAAQ;AACjG,QAAM,wBAAoB,kBAAAD,SAAW,oBAAAC,QAAO,MAAM,oBAAAA,QAAO,MAAM;AAE/D,SACE,6BAAAC,QAAA,cAAC,SAAI,WAAW,oBAAAD,QAAO,kBACrB,6BAAAC,QAAA,cAAC,SAAI,WAAW,oBAAAD,QAAO,UAAQ,MAAG,KAAM,GACxC,6BAAAC,QAAA,cAAC,SAAI,WAAW,oBAAAD,QAAO,QACrB,6BAAAC,QAAA,cAAC,gBAAAC,SAAA,EAAS,UAAoB,kBAAoC,qBAA0C,GAC5G,6BAAAD,QAAA;AAAA,IAAC,eAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,GACA,6BAAAF,QAAA;AAAA,IAAC,gBAAAG;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,CACF,GACA,6BAAAH,QAAA,cAAC,SAAI,WAAW,oBAAAD,QAAO,UACrB,6BAAAC,QAAA,cAAC,UAAK,WAAW,oBAAAD,QAAO,UAAS,MAAO,GACxC,6BAAAC,QAAA,cAAC,sBAAO,WAAW,mBAAmB,UAAU,CAAC,cAAc,MAAK,WAAU,SAAS,gBAAc,IAErG,GACA,6BAAAA,QAAA,cAAC,sBAAO,WAAW,mBAAmB,MAAK,WAAU,SAAS,eAAa,IAE3E,CACF,CACF;AAEJ;AAEA,IAAO,yBAAQ;",
+  "names": ["classNames", "styles", "React", "Category", "Content", "Selected"]
+}

package/dist/lib/business/ModCommonFilter/components/PopoverContent/index.module.less

@@ -0,0 +1,260 @@
+/*
+  基本样式
+*/
+
+@primaryColor: #3b86f9;
+@iconPrimaryColor: #0a6bfd;
+@fontPrimaryColor: #0a6bfd;
+@borderPrimaryColor: #b0cffe;
+@globalBgColor: #edeff4;
+
+@ykFontFamilySemibold: 'PingFangSC-Semibold', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyRegular: 'PingFangSC-Regular', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyMedium: 'PingFangSC-Medium', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+
+.popoverContent {
+  position: relative;
+
+  .header {
+    position: relative;
+    width: 100%;
+    height: 50px;
+    padding: 0 20px;
+    color: #333;
+    font-weight: bold;
+    font-size: 16px;
+    line-height: 50px;
+    border-bottom: 1px solid #ecedf1;
+  }
+
+  .body {
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+
+    .category {
+      position: relative;
+      width: 150px;
+      border-right: 1px solid #ecedf1;
+
+      .categoryItem {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 0 15px 0 15px;
+        color: #666;
+        line-height: 40px;
+        white-space: nowrap;
+        cursor: pointer;
+
+        .categoryItemIcon {
+          flex-shrink: 0;
+          color: inherit;
+          transform: rotate(-90deg);
+          visibility: hidden;
+        }
+
+        &:hover {
+          .kind-item-icon {
+            opacity: 1;
+          }
+        }
+      }
+
+      .categoryItemActive {
+        color: #0a6bfd;
+        font-weight: 600;
+
+        .categoryItemIcon {
+          visibility: visible;
+        }
+      }
+    }
+
+    .content {
+      position: relative;
+      flex: 1;
+
+      .contentHeader {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 40px;
+        border-bottom: 1px solid #ecedf1;
+
+        :global {
+          .ant-tabs {
+            max-width: 300px;
+
+            .ant-tabs-tab {
+              margin-left: 20px;
+              color: #666;
+            }
+
+            & > .ant-tabs-nav {
+              height: 40px;
+              margin-bottom: 0;
+            }
+          }
+
+          .ant-divider {
+            margin: 0 20px;
+          }
+        }
+
+        .search {
+          display: flex;
+          flex: 1;
+          align-items: center;
+          width: auto;
+          padding: 0 20px;
+          border: none;
+          box-shadow: none;
+
+          :global {
+            .icon-sousuo {
+              color: #666;
+            }
+          }
+        }
+      }
+
+      .contentList {
+        position: relative;
+
+        .checkAll {
+          display: flex;
+          align-items: center;
+          height: 40px;
+          padding: 0 20px;
+        }
+
+        .contentListInner {
+          padding: 0 20px;
+        }
+
+        :global {
+          .ant-checkbox-wrapper {
+            display: flex;
+
+            .ant-checkbox {
+              align-self: flex-start;
+              margin-top: 3px;
+            }
+          }
+
+          .ant-checkbox-inner {
+            border-radius: 2px;
+          }
+
+          .ant-checkbox + span {
+            color: #666;
+            padding-inline-end: 0;
+            padding-inline-start: 6px;
+          }
+        }
+      }
+    }
+
+    .selected {
+      width: 220px;
+      color: #666;
+      border-left: 1px solid #ecedf1;
+
+      .selectedHeader {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 40px;
+        padding: 0 20px;
+        color: #666;
+        border-bottom: 1px solid #ecedf1;
+
+        .clear {
+          color: @iconPrimaryColor;
+          font-size: 12px;
+          cursor: pointer;
+        }
+      }
+
+      .selectedContent {
+        padding: 0 15px;
+
+        .selectedItem {
+          display: flex;
+          justify-content: space-between;
+          margin-top: 8px;
+
+          .close {
+            color: #a1a1a1;
+            cursor: pointer;
+
+            &:hover {
+              color: @iconPrimaryColor;
+            }
+          }
+        }
+      }
+    }
+
+    .empty {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+
+      img {
+        width: 125px;
+        margin-bottom: 10px;
+      }
+
+      p {
+        color: #999;
+        font-size: 12px;
+      }
+    }
+  }
+
+  .footer {
+    position: relative;
+    display: flex;
+    gap: 10px;
+    justify-content: flex-end;
+    padding: 20px;
+    border-top: 1px solid #ededed;
+
+    // .save {
+    //   color: #333333;
+    //   background: #fff;
+    //   border: 1px solid #f0f1f3;
+    //   transition: all 0.1s linear;
+
+    //   &.disabled {
+    //     color: #999999 !important;
+    //     background: #ededed !important;
+    //     cursor: not-allowed;
+    //   }
+
+    //   &:hover {
+    //     background: #f9fafc;
+    //   }
+    // }
+
+    .item {
+      width: 100px;
+      border-radius: 2px;
+    }
+
+    .remark {
+      flex: 1;
+      color: #999;
+      font-size: 12px;
+    }
+  }
+}

package/dist/lib/business/ModCommonFilter/index.d.ts

@@ -0,0 +1,53 @@
+import { PopoverProps } from 'antd';
+import React from 'react';
+import type { CategoryItem, ListItem, TerminalItem } from './typing';
+/**
+ * 通用筛选器组件的 Props
+ */
+export interface ModCommonFilterProps {
+    /** 当前选中的值（code 数组），受控 */
+    value: string[];
+    /** 选中项变化回调 */
+    onChange: (value: string[]) => void;
+    /** 可选列表数据 */
+    list: ListItem[];
+    /** 筛选维度名称，如「品类」「品牌」 */
+    title: string;
+    /** 按钮/标题前缀文案，如「筛选」 */
+    prefixTitle?: string;
+    /** 按钮左侧图标 */
+    iconPrefix?: React.ReactNode;
+    /** 分类列表，有则弹层左侧展示分类 Tab */
+    category?: CategoryItem[];
+    /** 终端列表，有则弹层内展示终端 Tab（如全部/PC/APP） */
+    terminal?: TerminalItem[];
+    /** 搜索框占位文案 */
+    placeholder?: string;
+    /** Popover 层级 */
+    zIndex?: number;
+    /** Popover 弹出方向 */
+    placement?: PopoverProps['placement'];
+    /** 透传给 antd Popover 的额外属性 */
+    popoverProps?: PopoverProps;
+    /** 可选列表列数（多列网格） */
+    columnCount?: number;
+    /** 内容区宽度 */
+    contentWidth?: number;
+    /** 列表行高 */
+    rowHeight?: number;
+    /** 是否在名称后展示 code */
+    showCode?: boolean;
+    /** 可选列表中每项的自定义渲染 */
+    cellRender?: (item: ListItem) => React.ReactNode;
+    /** 已选列表中每项的自定义渲染 */
+    checkedCellRender?: (item: ListItem) => React.ReactNode;
+    /** 弹层底部备注文案或节点 */
+    remark?: string | React.ReactNode;
+    /** 自定义触发区域，不传则使用默认 FilterButton */
+    filterChildren?: React.ReactNode;
+}
+/**
+ * 通用筛选器：点击按钮打开 Popover，内为分类 + 可选列表 + 已选列表，确认后回调 onChange。
+ */
+declare const ModCommonFilter: React.FC<ModCommonFilterProps>;
+export default ModCommonFilter;

package/dist/lib/business/ModCommonFilter/index.js

@@ -0,0 +1,143 @@
+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/business/ModCommonFilter/index.tsx
+var ModCommonFilter_exports = {};
+__export(ModCommonFilter_exports, {
+  default: () => ModCommonFilter_default
+});
+module.exports = __toCommonJS(ModCommonFilter_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_FilterButton = __toESM(require("./components/FilterButton"));
+var import_PopoverContent = __toESM(require("./components/PopoverContent"));
+var import_index_module = __toESM(require("./index.module.less"));
+var ModCommonFilter = ({
+  value,
+  onChange,
+  list,
+  title,
+  prefixTitle,
+  iconPrefix,
+  category,
+  terminal,
+  placeholder = "搜索",
+  zIndex = 100,
+  placement = "bottomRight",
+  columnCount = 1,
+  contentWidth,
+  rowHeight,
+  showCode = false,
+  popoverProps = {},
+  cellRender,
+  checkedCellRender,
+  remark,
+  filterChildren
+}) => {
+  const [popOpen, setPopOpen] = (0, import_react.useState)(false);
+  const [selected, setSelected] = (0, import_react.useState)([]);
+  const [categorySelected, setCategorySelected] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    if (popOpen) {
+      setSelected(value || []);
+    }
+  }, [popOpen, value]);
+  const useCateGory = (0, import_react.useMemo)(() => {
+    const newCategory = category ? [...category] : [];
+    newCategory.unshift({
+      code: "",
+      name: "全部" + title
+    });
+    return newCategory;
+  }, [category]);
+  const handleVerify = () => {
+    onChange(selected);
+    setPopOpen(false);
+  };
+  const handleClear = () => {
+    setSelected(value || []);
+    setPopOpen(false);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      className: import_index_module.default.modCommonFilter,
+      open: popOpen,
+      onOpenChange: (open) => setPopOpen(open),
+      title: false,
+      fresh: true,
+      arrow: false,
+      zIndex,
+      placement,
+      trigger: "click",
+      classNames: {
+        body: import_index_module.default.popoverBody
+      },
+      getPopupContainer: (triggerNode) => triggerNode.parentNode,
+      content: /* @__PURE__ */ import_react.default.createElement(
+        import_PopoverContent.default,
+        {
+          popOpen,
+          selected,
+          setSelected,
+          category: useCateGory,
+          terminal,
+          list,
+          placeholder,
+          title,
+          categorySelected,
+          setCategorySelected,
+          columnCount,
+          showCode,
+          contentWidth,
+          rowHeight,
+          cellRender,
+          checkedCellRender,
+          handleVerify,
+          handleClear,
+          remark
+        }
+      ),
+      ...popoverProps
+    },
+    filterChildren || /* @__PURE__ */ import_react.default.createElement(
+      import_FilterButton.default,
+      {
+        iconPrefix,
+        title,
+        prefixTitle,
+        value,
+        popOpen,
+        handlePopOpen: () => setPopOpen(!popOpen),
+        handleClear: () => onChange([])
+      }
+    )
+  );
+};
+var ModCommonFilter_default = ModCommonFilter;
+//# sourceMappingURL=index.js.map

package/dist/lib/business/ModCommonFilter/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/ModCommonFilter/index.tsx"],
+  "sourcesContent": ["import { Popover, PopoverProps } from 'antd';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport FilterButton from './components/FilterButton';\nimport PopoverContent from './components/PopoverContent';\nimport styles from './index.module.less';\nimport type { CategoryItem, ListItem, TerminalItem } from './typing';\n\n/**\n * 通用筛选器组件的 Props\n */\nexport interface ModCommonFilterProps {\n  /** 当前选中的值（code 数组），受控 */\n  value: string[];\n  /** 选中项变化回调 */\n  onChange: (value: string[]) => void;\n  /** 可选列表数据 */\n  list: ListItem[];\n  /** 筛选维度名称，如「品类」「品牌」 */\n  title: string;\n  /** 按钮/标题前缀文案，如「筛选」 */\n  prefixTitle?: string;\n  /** 按钮左侧图标 */\n  iconPrefix?: React.ReactNode;\n  /** 分类列表，有则弹层左侧展示分类 Tab */\n  category?: CategoryItem[];\n  /** 终端列表，有则弹层内展示终端 Tab（如全部/PC/APP） */\n  terminal?: TerminalItem[];\n  /** 搜索框占位文案 */\n  placeholder?: string;\n  /** Popover 层级 */\n  zIndex?: number;\n  /** Popover 弹出方向 */\n  placement?: PopoverProps['placement'];\n  /** 透传给 antd Popover 的额外属性 */\n  popoverProps?: PopoverProps;\n  /** 可选列表列数（多列网格） */\n  columnCount?: number;\n  /** 内容区宽度 */\n  contentWidth?: number;\n  /** 列表行高 */\n  rowHeight?: number;\n  /** 是否在名称后展示 code */\n  showCode?: boolean;\n  /** 可选列表中每项的自定义渲染 */\n  cellRender?: (item: ListItem) => React.ReactNode;\n  /** 已选列表中每项的自定义渲染 */\n  checkedCellRender?: (item: ListItem) => React.ReactNode;\n  /** 弹层底部备注文案或节点 */\n  remark?: string | React.ReactNode;\n  /** 自定义触发区域，不传则使用默认 FilterButton */\n  filterChildren?: React.ReactNode;\n}\n\n/**\n * 通用筛选器：点击按钮打开 Popover，内为分类 + 可选列表 + 已选列表，确认后回调 onChange。\n */\nconst ModCommonFilter: React.FC<ModCommonFilterProps> = ({\n  value,\n  onChange,\n  list,\n  title,\n  prefixTitle,\n  iconPrefix,\n  category,\n  terminal,\n  placeholder = '搜索',\n  zIndex = 100,\n  placement = 'bottomRight',\n  columnCount = 1,\n  contentWidth,\n  rowHeight,\n  showCode = false,\n  popoverProps = {},\n  cellRender,\n  checkedCellRender,\n  remark,\n  filterChildren,\n}) => {\n  const [popOpen, setPopOpen] = useState(false);\n  /** 弹层内当前选中的 code 列表，打开时与 value 同步 */\n  const [selected, setSelected] = useState<string[]>([]);\n  /** 当前选中的分类 code，空字符串表示「全部」 */\n  const [categorySelected, setCategorySelected] = useState<string>('');\n\n  /** 弹层打开时用外部 value 同步 selected，保证每次打开初始为当前已选 */\n  useEffect(() => {\n    if (popOpen) {\n      setSelected(value || []);\n    }\n  }, [popOpen, value]);\n\n  /** 分类选项列表，头部插入「全部{title}」 */\n  const useCateGory = useMemo(() => {\n    const newCategory: CategoryItem[] = category ? [...category] : [];\n    newCategory.unshift({\n      code: '',\n      name: '全部' + title,\n    });\n    return newCategory;\n  }, [category]);\n\n  /** 确认：把当前选中回传并关闭弹层 */\n  const handleVerify = () => {\n    onChange(selected);\n    setPopOpen(false);\n  };\n\n  /** 取消：恢复为打开前的 value 并关闭弹层 */\n  const handleClear = () => {\n    setSelected(value || []);\n    setPopOpen(false);\n  };\n\n  return (\n    <Popover\n      className={styles.modCommonFilter}\n      open={popOpen}\n      onOpenChange={(open) => setPopOpen(open)}\n      title={false}\n      fresh={true}\n      arrow={false}\n      zIndex={zIndex}\n      placement={placement}\n      trigger='click'\n      classNames={{\n        body: styles.popoverBody,\n      }}\n      getPopupContainer={(triggerNode) => triggerNode.parentNode as HTMLElement}\n      content={\n        <PopoverContent\n          popOpen={popOpen}\n          selected={selected}\n          setSelected={setSelected}\n          category={useCateGory}\n          terminal={terminal}\n          list={list}\n          placeholder={placeholder}\n          title={title}\n          categorySelected={categorySelected}\n          setCategorySelected={setCategorySelected}\n          columnCount={columnCount}\n          showCode={showCode}\n          contentWidth={contentWidth}\n          rowHeight={rowHeight}\n          cellRender={cellRender}\n          checkedCellRender={checkedCellRender}\n          handleVerify={handleVerify}\n          handleClear={handleClear}\n          remark={remark}\n        />\n      }\n      {...popoverProps}\n    >\n      {filterChildren || (\n        <FilterButton\n          iconPrefix={iconPrefix}\n          title={title}\n          prefixTitle={prefixTitle}\n          value={value}\n          popOpen={popOpen}\n          handlePopOpen={() => setPopOpen(!popOpen)}\n          handleClear={() => onChange([])}\n        />\n      )}\n    </Popover>\n  );\n};\n\nexport default ModCommonFilter;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsC;AACtC,mBAAoD;AACpD,0BAAyB;AACzB,4BAA2B;AAC3B,0BAAmB;AAoDnB,IAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAmB,CAAC,CAAC;AAErD,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAiB,EAAE;AAGnE,8BAAU,MAAM;AACd,QAAI,SAAS;AACX,kBAAY,SAAS,CAAC,CAAC;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,SAAS,KAAK,CAAC;AAGnB,QAAM,kBAAc,sBAAQ,MAAM;AAChC,UAAM,cAA8B,WAAW,CAAC,GAAG,QAAQ,IAAI,CAAC;AAChE,gBAAY,QAAQ;AAAA,MAClB,MAAM;AAAA,MACN,MAAM,OAAO;AAAA,IACf,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,eAAe,MAAM;AACzB,aAAS,QAAQ;AACjB,eAAW,KAAK;AAAA,EAClB;AAGA,QAAM,cAAc,MAAM;AACxB,gBAAY,SAAS,CAAC,CAAC;AACvB,eAAW,KAAK;AAAA,EAClB;AAEA,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAAC,QAAO;AAAA,MAClB,MAAM;AAAA,MACN,cAAc,CAAC,SAAS,WAAW,IAAI;AAAA,MACvC,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACR,YAAY;AAAA,QACV,MAAM,oBAAAA,QAAO;AAAA,MACf;AAAA,MACA,mBAAmB,CAAC,gBAAgB,YAAY;AAAA,MAChD,SACE,6BAAAD,QAAA;AAAA,QAAC,sBAAAE;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAED,GAAG;AAAA;AAAA,IAEH,kBACC,6BAAAF,QAAA;AAAA,MAAC,oBAAAG;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe,MAAM,WAAW,CAAC,OAAO;AAAA,QACxC,aAAa,MAAM,SAAS,CAAC,CAAC;AAAA;AAAA,IAChC;AAAA,EAEJ;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": ["React", "styles", "PopoverContent", "FilterButton"]
+}

package/dist/lib/business/ModCommonFilter/index.module.less

@@ -0,0 +1,7 @@
+.modCommonFilter {
+  position: relative;
+}
+.popoverBody {
+  padding: 0 !important;
+  border-radius: 2px !important;
+}

package/dist/lib/business/ModCommonFilter/typing.d.ts

@@ -0,0 +1,20 @@
+/** 筛选项：code/name 必填，category/terminal 用于分类与终端过滤 */
+export interface ListItem {
+    code: string;
+    name: string;
+    category?: string;
+    terminal?: string;
+    parentId?: string;
+    priority?: number;
+}
+/** 分类 Tab 项 */
+export interface CategoryItem {
+    code: string;
+    name: string;
+    isSelf?: boolean;
+}
+/** 终端 Tab 项（如全部/PC/APP） */
+export interface TerminalItem {
+    code: string;
+    name: string;
+}

package/dist/lib/business/ModCommonFilter/typing.js

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/business/ModCommonFilter/typing.ts
+var typing_exports = {};
+module.exports = __toCommonJS(typing_exports);
+//# sourceMappingURL=typing.js.map

package/dist/lib/business/ModCommonFilter/typing.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/ModCommonFilter/typing.ts"],
+  "sourcesContent": ["/** 筛选项：code/name 必填，category/terminal 用于分类与终端过滤 */\nexport interface ListItem {\n  code: string;\n  name: string;\n  category?: string;\n  terminal?: string;\n  parentId?: string;\n  priority?: number;\n}\n\n/** 分类 Tab 项 */\nexport interface CategoryItem {\n  code: string;\n  name: string;\n  isSelf?: boolean;\n}\n\n/** 终端 Tab 项（如全部/PC/APP） */\nexport interface TerminalItem {\n  code: string;\n  name: string;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}