@hkyhy/marsun-components-core 0.1.15 → 0.1.18

package/dist/components/Filter/CommonFilter/index.js

@@ -1,65 +1,69 @@
 import { jsxs as o, jsx as l } from "react/jsx-runtime";
 import { X as T } from "../../Icons/index.js";
 import { Space as k, Tooltip as E, Button as x } from "antd";
-import e from "classnames";
+import t from "classnames";
 import F, { useMemo as L } from "react";
-import t from "./style.module.scss.js";
+import e from "./style.module.scss.js";
 import { useFilterState as S, FilterProvider as _ } from "../useFilterState.js";
 import D from "../../Tag/SemanticTag.js";
 const j = 20;
-function z(c, r) {
-  return c.length <= r ? { display: c, truncated: !1 } : { display: `${c.slice(0, r)}...`, truncated: !0 };
+function z(r, m) {
+  return r.length <= m ? { display: r, truncated: !1 } : { display: `${r.slice(0, m)}...`, truncated: !0 };
 }
 const I = ({
-  children: c,
-  list: r,
+  children: r,
+  list: m,
   extra: n,
   onClearAll: i,
   label: u = "筛选",
   selectedTagMaxLength: h = j
 }) => {
-  const { selectedItems: a, register: s, unregister: d, clearAll: f } = S(), N = L(() => ({ register: s, unregister: d }), [s, d]), v = F.useCallback(() => {
-    f(), i == null || i();
-  }, [f, i]);
-  return /* @__PURE__ */ o("div", { className: e("common-filter-root", t["common-filter-root"]), children: [
-    /* @__PURE__ */ o("div", { className: e("common-filter-container", t["common-filter-container"]), children: [
-      /* @__PURE__ */ l("span", { className: e("common-filter-label", t["common-filter-label"]), children: u }),
-      /* @__PURE__ */ l(_, { ctx: N, children: /* @__PURE__ */ o("div", { className: e("common-filter-content", t["common-filter-content"]), children: [
-        /* @__PURE__ */ o("div", { className: e("common-filter-items", t["common-filter-items"]), children: [
-          r,
-          c
+  const { selectedItems: a, register: s, unregister: f, clearAll: d } = S(), N = L(() => ({ register: s, unregister: f }), [s, f]), v = F.useCallback(() => {
+    d(), i == null || i();
+  }, [d, i]);
+  return /* @__PURE__ */ o("div", { className: t("common-filter-root", e["common-filter-root"]), children: [
+    /* @__PURE__ */ o("div", { className: t("common-filter-container", e["common-filter-container"]), children: [
+      /* @__PURE__ */ l("span", { className: t("common-filter-label", e["common-filter-label"]), children: u }),
+      /* @__PURE__ */ l(_, { ctx: N, children: /* @__PURE__ */ o("div", { className: t("common-filter-content", e["common-filter-content"]), children: [
+        /* @__PURE__ */ o("div", { className: t("common-filter-items", e["common-filter-items"]), children: [
+          m,
+          r
         ] }),
-        n && /* @__PURE__ */ l("div", { className: e("common-filter-extra", t["common-filter-extra"]), children: n })
+        n && /* @__PURE__ */ l("div", { className: t("common-filter-extra", e["common-filter-extra"]), children: n })
       ] }) })
     ] }),
-    a.length > 0 && /* @__PURE__ */ o("div", { className: e("common-filter-selected", t["common-filter-selected"]), children: [
-      /* @__PURE__ */ o("div", { className: e("common-filter-selected-main", t["common-filter-selected-main"]), children: [
-        /* @__PURE__ */ l("span", { className: e("common-filter-selected-title", t["common-filter-selected-title"]), children: "您已选择" }),
-        /* @__PURE__ */ l(k, { size: [8, 8], wrap: !0, className: e("common-filter-selected-tags", t["common-filter-selected-tags"]), children: a.map((m) => {
-          const { display: p, truncated: g } = z(m.valueLabel, h), b = g ? /* @__PURE__ */ l(E, { title: m.valueLabel, children: /* @__PURE__ */ l("span", { children: p }) }) : /* @__PURE__ */ l("span", { children: p });
-          return /* @__PURE__ */ l(D, { color: "primary", children: /* @__PURE__ */ o("span", { className: e("common-filter-tag", t["common-filter-tag"]), children: [
+    a.length > 0 && /* @__PURE__ */ o("div", { className: t("common-filter-selected", e["common-filter-selected"]), children: [
+      /* @__PURE__ */ o("div", { className: t("common-filter-selected-main", e["common-filter-selected-main"]), children: [
+        /* @__PURE__ */ l("span", { className: t("common-filter-selected-title", e["common-filter-selected-title"]), children: "您已选择" }),
+        /* @__PURE__ */ l(k, { size: [8, 8], wrap: !0, className: t("common-filter-selected-tags", e["common-filter-selected-tags"]), children: a.map((c) => {
+          const { display: p, truncated: b } = z(c.valueLabel, h), g = b ? /* @__PURE__ */ l(E, { title: c.valueLabel, children: /* @__PURE__ */ l("span", { children: p }) }) : /* @__PURE__ */ l("span", { children: p });
+          return /* @__PURE__ */ l(D, { color: "primary", children: /* @__PURE__ */ o("span", { className: t("common-filter-tag", e["common-filter-tag"]), children: [
             /* @__PURE__ */ o(
               "span",
               {
-                className: e("common-filter-tag-label", t["common-filter-tag-label"]),
+                className: t("common-filter-tag-label", e["common-filter-tag-label"]),
                 style: { color: "var(--font-color)" },
                 children: [
-                  m.label,
+                  c.label,
                   "："
                 ]
               }
             ),
-            b,
+            g,
             /* @__PURE__ */ l(
               T,
               {
-                className: e("common-filter-tag-close", t["common-filter-tag-close"]),
+                className: t(
+                  "common-filter-tag-close",
+                  e["common-filter-tag-close"],
+                  c.removable === !1 && e["common-filter-tag-close-disabled"]
+                ),
                 onClick: (y) => {
-                  y.preventDefault(), m.onRemove();
+                  y.preventDefault(), c.removable !== !1 && c.onRemove();
                 }
               }
             )
-          ] }) }, m.key);
+          ] }) }, c.key);
         }) })
       ] }),
       /* @__PURE__ */ l(
@@ -68,7 +72,7 @@ const I = ({
           type: "link",
           size: "small",
           onClick: v,
-          className: e("common-filter-clear-btn", t["common-filter-clear-btn"]),
+          className: t("common-filter-clear-btn", e["common-filter-clear-btn"]),
           children: "清空全部"
         }
       )

package/dist/components/Filter/CommonFilter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/CommonFilter/index.tsx"],"sourcesContent":["import { SemanticTag } from '@/components/Tag';\nimport { X } from '@/components/Icons';\nimport { Button, Space, Tooltip } from 'antd';\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport styles from './style.module.scss';\nimport { FilterProvider, useFilterState } from '../useFilterState';\n\nconst DEFAULT_SELECTED_TAG_MAX_LENGTH = 20;\n\nfunction truncateText(text: string, maxLength: number) {\n  if (text.length <= maxLength) {\n    return { display: text, truncated: false };\n  }\n  return { display: `${text.slice(0, maxLength)}...`, truncated: true };\n}\n\ninterface CommonFilterProps {\n  children?: React.ReactNode;\n  /** 筛选项 JSX 数组，如 [<FilterInput .../>, <FilterSelect .../>] */\n  list?: React.ReactNode[];\n  /** 右侧额外内容（与筛选项两端对齐） */\n  extra?: React.ReactNode;\n  /** 清空全部回调 */\n  onClearAll?: () => void;\n  /** 左侧标签文字 */\n  label?: string;\n  /** 已选标签 value 最大字符数，超出显示 ... 并在 hover 时展示完整内容 */\n  selectedTagMaxLength?: number;\n}\n\n/**\n * 通用筛选栏容器\n *\n * 内部通过 useFilterState 管理各子组件的注册状态，\n * 子组件（FilterInput / FilterSelect / FilterTreeSelect）自行通过 useFilterRegister 注册选中项。\n * 外部不再需要手动维护 selectedItems 数组。\n *\n * 用法一（children 模式）：\n * ```tsx\n * <CommonFilter label=\"筛选\">\n *   <FilterInput filterKey=\"keyword\" label=\"关键词\" value={keyword} onChange={setKeyword} />\n *   <FilterSelect filterKey=\"status\" label=\"状态\" options={options} value={status} onChange={setStatus} />\n * </CommonFilter>\n * ```\n *\n * 用法二（list 模式）：\n * ```tsx\n * const filterList = [\n *   <FilterInput key=\"keyword\" filterKey=\"keyword\" label=\"关键词\" value={keyword} onChange={setKeyword} />,\n *   <FilterSelect key=\"status\" filterKey=\"status\" label=\"状态\" options={options} value={status} onChange={setStatus} />,\n * ];\n * <CommonFilter label=\"筛选\" list={filterList} extra={<Button>导出</Button>} />\n * ```\n */\nconst CommonFilter: React.FC<CommonFilterProps> = ({\n  children,\n  list,\n  extra,\n  onClearAll,\n  label = '筛选',\n  selectedTagMaxLength = DEFAULT_SELECTED_TAG_MAX_LENGTH,\n}) => {\n  const { selectedItems, register, unregister, clearAll } = useFilterState();\n\n  const filterCtx = useMemo(() => ({ register, unregister }), [register, unregister]);\n\n  // 合并外部 onClearAll 和内部的 clearAll\n  const handleClearAll = React.useCallback(() => {\n    clearAll();\n    onClearAll?.();\n  }, [clearAll, onClearAll]);\n\n  return (\n    <div className={classNames('common-filter-root', styles['common-filter-root'])}>\n      {/* 筛选行 */}\n      <div className={classNames('common-filter-container', styles['common-filter-container'])}>\n        <span className={classNames('common-filter-label', styles['common-filter-label'])}>{label}</span>\n        <FilterProvider ctx={filterCtx}>\n          <div className={classNames('common-filter-content', styles['common-filter-content'])}>\n            <div className={classNames('common-filter-items', styles['common-filter-items'])}>\n              {list}\n              {children}\n            </div>\n            {extra && (\n              <div className={classNames('common-filter-extra', styles['common-filter-extra'])}>{extra}</div>\n            )}\n          </div>\n        </FilterProvider>\n      </div>\n\n      {/* 已选择行 */}\n      {selectedItems.length > 0 && (\n        <div className={classNames('common-filter-selected', styles['common-filter-selected'])}>\n          <div className={classNames('common-filter-selected-main', styles['common-filter-selected-main'])}>\n            <span className={classNames('common-filter-selected-title', styles['common-filter-selected-title'])}>\n              您已选择\n            </span>\n            <Space size={[8, 8]} wrap className={classNames('common-filter-selected-tags', styles['common-filter-selected-tags'])}>\n              {selectedItems.map((s) => {\n                const { display, truncated } = truncateText(s.valueLabel, selectedTagMaxLength);\n                const valueNode = truncated ? (\n                  <Tooltip title={s.valueLabel}>\n                    <span>{display}</span>\n                  </Tooltip>\n                ) : (\n                  <span>{display}</span>\n                );\n\n                return (\n                  <SemanticTag key={s.key} color=\"primary\">\n                    <span className={classNames('common-filter-tag', styles['common-filter-tag'])}>\n                      <span\n                        className={classNames('common-filter-tag-label', styles['common-filter-tag-label'])}\n                        style={{ color: 'var(--font-color)' }}\n                      >\n                        {s.label}：\n                      </span>\n                      {valueNode}\n                      <X\n                        className={classNames('common-filter-tag-close', styles['common-filter-tag-close'])}\n                        onClick={(e) => {\n                          e.preventDefault();\n                          s.onRemove();\n                        }}\n                      />\n                    </span>\n                  </SemanticTag>\n                );\n              })}\n            </Space>\n          </div>\n          <Button\n            type=\"link\"\n            size=\"small\"\n            onClick={handleClearAll}\n            className={classNames('common-filter-clear-btn', styles['common-filter-clear-btn'])}\n          >\n            清空全部\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default CommonFilter;\nexport type { CommonFilterProps };\n"],"names":["DEFAULT_SELECTED_TAG_MAX_LENGTH","truncateText","text","maxLength","CommonFilter","children","list","extra","onClearAll","label","selectedTagMaxLength","selectedItems","register","unregister","clearAll","useFilterState","filterCtx","useMemo","handleClearAll","React","jsxs","classNames","styles","jsx","FilterProvider","Space","s","display","truncated","valueNode","Tooltip","SemanticTag","X","e","Button"],"mappings":";;;;;;;;AAQA,MAAMA,IAAkC;AAExC,SAASC,EAAaC,GAAcC,GAAmB;AACrD,SAAID,EAAK,UAAUC,IACV,EAAE,SAASD,GAAM,WAAW,GAAA,IAE9B,EAAE,SAAS,GAAGA,EAAK,MAAM,GAAGC,CAAS,CAAC,OAAO,WAAW,GAAA;AACjE;AAwCA,MAAMC,IAA4C,CAAC;AAAA,EACjD,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,sBAAAC,IAAuBV;AACzB,MAAM;AACJ,QAAM,EAAE,eAAAW,GAAe,UAAAC,GAAU,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAA,GAEpDC,IAAYC,EAAQ,OAAO,EAAE,UAAAL,GAAU,YAAAC,MAAe,CAACD,GAAUC,CAAU,CAAC,GAG5EK,IAAiBC,EAAM,YAAY,MAAM;AAC7C,IAAAL,EAAA,GACAN,KAAA,QAAAA;AAAA,EACF,GAAG,CAACM,GAAUN,CAAU,CAAC;AAEzB,SACE,gBAAAY,EAAC,SAAI,WAAWC,EAAW,sBAAsBC,EAAO,oBAAoB,CAAC,GAE3E,UAAA;AAAA,IAAA,gBAAAF,EAAC,SAAI,WAAWC,EAAW,2BAA2BC,EAAO,yBAAyB,CAAC,GACrF,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWF,EAAW,uBAAuBC,EAAO,qBAAqB,CAAC,GAAI,UAAAb,EAAA,CAAM;AAAA,MAC1F,gBAAAc,EAACC,GAAA,EAAe,KAAKR,GACnB,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAW,yBAAyBC,EAAO,uBAAuB,CAAC,GACjF,UAAA;AAAA,QAAA,gBAAAF,EAAC,SAAI,WAAWC,EAAW,uBAAuBC,EAAO,qBAAqB,CAAC,GAC5E,UAAA;AAAA,UAAAhB;AAAA,UACAD;AAAA,QAAA,GACH;AAAA,QACCE,KACC,gBAAAgB,EAAC,OAAA,EAAI,WAAWF,EAAW,uBAAuBC,EAAO,qBAAqB,CAAC,GAAI,UAAAf,EAAA,CAAM;AAAA,MAAA,EAAA,CAE7F,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGCI,EAAc,SAAS,KACtB,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAW,0BAA0BC,EAAO,wBAAwB,CAAC,GACnF,UAAA;AAAA,MAAA,gBAAAF,EAAC,SAAI,WAAWC,EAAW,+BAA+BC,EAAO,6BAA6B,CAAC,GAC7F,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWF,EAAW,gCAAgCC,EAAO,8BAA8B,CAAC,GAAG,UAAA,OAAA,CAErG;AAAA,0BACCG,GAAA,EAAM,MAAM,CAAC,GAAG,CAAC,GAAG,MAAI,IAAC,WAAWJ,EAAW,+BAA+BC,EAAO,6BAA6B,CAAC,GACjH,UAAAX,EAAc,IAAI,CAACe,MAAM;AACxB,gBAAM,EAAE,SAAAC,GAAS,WAAAC,EAAA,IAAc3B,EAAayB,EAAE,YAAYhB,CAAoB,GACxEmB,IAAYD,IAChB,gBAAAL,EAACO,GAAA,EAAQ,OAAOJ,EAAE,YAChB,UAAA,gBAAAH,EAAC,QAAA,EAAM,UAAAI,EAAA,CAAQ,GACjB,IAEA,gBAAAJ,EAAC,UAAM,UAAAI,GAAQ;AAGjB,iBACE,gBAAAJ,EAACQ,GAAA,EAAwB,OAAM,WAC7B,UAAA,gBAAAX,EAAC,QAAA,EAAK,WAAWC,EAAW,qBAAqBC,EAAO,mBAAmB,CAAC,GAC1E,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWC,EAAW,2BAA2BC,EAAO,yBAAyB,CAAC;AAAA,gBAClF,OAAO,EAAE,OAAO,oBAAA;AAAA,gBAEf,UAAA;AAAA,kBAAAI,EAAE;AAAA,kBAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAEVG;AAAA,YACD,gBAAAN;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,WAAWX,EAAW,2BAA2BC,EAAO,yBAAyB,CAAC;AAAA,gBAClF,SAAS,CAACW,MAAM;AACd,kBAAAA,EAAE,eAAA,GACFP,EAAE,SAAA;AAAA,gBACJ;AAAA,cAAA;AAAA,YAAA;AAAA,UACF,GACF,EAAA,GAhBgBA,EAAE,GAiBpB;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA,GACF;AAAA,MACA,gBAAAH;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAShB;AAAA,UACT,WAAWG,EAAW,2BAA2BC,EAAO,yBAAyB,CAAC;AAAA,UACnF,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/CommonFilter/index.tsx"],"sourcesContent":["import { SemanticTag } from '@/components/Tag';\nimport { X } from '@/components/Icons';\nimport { Button, Space, Tooltip } from 'antd';\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport styles from './style.module.scss';\nimport { FilterProvider, useFilterState } from '../useFilterState';\n\nconst DEFAULT_SELECTED_TAG_MAX_LENGTH = 20;\n\nfunction truncateText(text: string, maxLength: number) {\n  if (text.length <= maxLength) {\n    return { display: text, truncated: false };\n  }\n  return { display: `${text.slice(0, maxLength)}...`, truncated: true };\n}\n\ninterface CommonFilterProps {\n  children?: React.ReactNode;\n  /** 筛选项 JSX 数组，如 [<FilterInput .../>, <FilterSelect .../>] */\n  list?: React.ReactNode[];\n  /** 右侧额外内容（与筛选项两端对齐） */\n  extra?: React.ReactNode;\n  /** 清空全部回调 */\n  onClearAll?: () => void;\n  /** 左侧标签文字 */\n  label?: string;\n  /** 已选标签 value 最大字符数，超出显示 ... 并在 hover 时展示完整内容 */\n  selectedTagMaxLength?: number;\n}\n\n/**\n * 通用筛选栏容器\n *\n * 内部通过 useFilterState 管理各子组件的注册状态，\n * 子组件（FilterInput / FilterSelect / FilterTreeSelect）自行通过 useFilterRegister 注册选中项。\n * 外部不再需要手动维护 selectedItems 数组。\n *\n * 用法一（children 模式）：\n * ```tsx\n * <CommonFilter label=\"筛选\">\n *   <FilterInput filterKey=\"keyword\" label=\"关键词\" value={keyword} onChange={setKeyword} />\n *   <FilterSelect filterKey=\"status\" label=\"状态\" options={options} value={status} onChange={setStatus} />\n * </CommonFilter>\n * ```\n *\n * 用法二（list 模式）：\n * ```tsx\n * const filterList = [\n *   <FilterInput key=\"keyword\" filterKey=\"keyword\" label=\"关键词\" value={keyword} onChange={setKeyword} />,\n *   <FilterSelect key=\"status\" filterKey=\"status\" label=\"状态\" options={options} value={status} onChange={setStatus} />,\n * ];\n * <CommonFilter label=\"筛选\" list={filterList} extra={<Button>导出</Button>} />\n * ```\n */\nconst CommonFilter: React.FC<CommonFilterProps> = ({\n  children,\n  list,\n  extra,\n  onClearAll,\n  label = '筛选',\n  selectedTagMaxLength = DEFAULT_SELECTED_TAG_MAX_LENGTH,\n}) => {\n  const { selectedItems, register, unregister, clearAll } = useFilterState();\n\n  const filterCtx = useMemo(() => ({ register, unregister }), [register, unregister]);\n\n  // 合并外部 onClearAll 和内部的 clearAll\n  const handleClearAll = React.useCallback(() => {\n    clearAll();\n    onClearAll?.();\n  }, [clearAll, onClearAll]);\n\n  return (\n    <div className={classNames('common-filter-root', styles['common-filter-root'])}>\n      {/* 筛选行 */}\n      <div className={classNames('common-filter-container', styles['common-filter-container'])}>\n        <span className={classNames('common-filter-label', styles['common-filter-label'])}>{label}</span>\n        <FilterProvider ctx={filterCtx}>\n          <div className={classNames('common-filter-content', styles['common-filter-content'])}>\n            <div className={classNames('common-filter-items', styles['common-filter-items'])}>\n              {list}\n              {children}\n            </div>\n            {extra && (\n              <div className={classNames('common-filter-extra', styles['common-filter-extra'])}>{extra}</div>\n            )}\n          </div>\n        </FilterProvider>\n      </div>\n\n      {/* 已选择行 */}\n      {selectedItems.length > 0 && (\n        <div className={classNames('common-filter-selected', styles['common-filter-selected'])}>\n          <div className={classNames('common-filter-selected-main', styles['common-filter-selected-main'])}>\n            <span className={classNames('common-filter-selected-title', styles['common-filter-selected-title'])}>\n              您已选择\n            </span>\n            <Space size={[8, 8]} wrap className={classNames('common-filter-selected-tags', styles['common-filter-selected-tags'])}>\n              {selectedItems.map((s) => {\n                const { display, truncated } = truncateText(s.valueLabel, selectedTagMaxLength);\n                const valueNode = truncated ? (\n                  <Tooltip title={s.valueLabel}>\n                    <span>{display}</span>\n                  </Tooltip>\n                ) : (\n                  <span>{display}</span>\n                );\n\n                return (\n                  <SemanticTag key={s.key} color=\"primary\">\n                    <span className={classNames('common-filter-tag', styles['common-filter-tag'])}>\n                      <span\n                        className={classNames('common-filter-tag-label', styles['common-filter-tag-label'])}\n                        style={{ color: 'var(--font-color)' }}\n                      >\n                        {s.label}：\n                      </span>\n                      {valueNode}\n                      <X\n                        className={classNames(\n                          'common-filter-tag-close',\n                          styles['common-filter-tag-close'],\n                          s.removable === false && styles['common-filter-tag-close-disabled'],\n                        )}\n                        onClick={(e) => {\n                          e.preventDefault();\n                          if (s.removable === false) return;\n                          s.onRemove();\n                        }}\n                      />\n                    </span>\n                  </SemanticTag>\n                );\n              })}\n            </Space>\n          </div>\n          <Button\n            type=\"link\"\n            size=\"small\"\n            onClick={handleClearAll}\n            className={classNames('common-filter-clear-btn', styles['common-filter-clear-btn'])}\n          >\n            清空全部\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default CommonFilter;\nexport type { CommonFilterProps };\n"],"names":["DEFAULT_SELECTED_TAG_MAX_LENGTH","truncateText","text","maxLength","CommonFilter","children","list","extra","onClearAll","label","selectedTagMaxLength","selectedItems","register","unregister","clearAll","useFilterState","filterCtx","useMemo","handleClearAll","React","jsxs","classNames","styles","jsx","FilterProvider","Space","s","display","truncated","valueNode","Tooltip","SemanticTag","X","e","Button"],"mappings":";;;;;;;;AAQA,MAAMA,IAAkC;AAExC,SAASC,EAAaC,GAAcC,GAAmB;AACrD,SAAID,EAAK,UAAUC,IACV,EAAE,SAASD,GAAM,WAAW,GAAA,IAE9B,EAAE,SAAS,GAAGA,EAAK,MAAM,GAAGC,CAAS,CAAC,OAAO,WAAW,GAAA;AACjE;AAwCA,MAAMC,IAA4C,CAAC;AAAA,EACjD,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,sBAAAC,IAAuBV;AACzB,MAAM;AACJ,QAAM,EAAE,eAAAW,GAAe,UAAAC,GAAU,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAA,GAEpDC,IAAYC,EAAQ,OAAO,EAAE,UAAAL,GAAU,YAAAC,MAAe,CAACD,GAAUC,CAAU,CAAC,GAG5EK,IAAiBC,EAAM,YAAY,MAAM;AAC7C,IAAAL,EAAA,GACAN,KAAA,QAAAA;AAAA,EACF,GAAG,CAACM,GAAUN,CAAU,CAAC;AAEzB,SACE,gBAAAY,EAAC,SAAI,WAAWC,EAAW,sBAAsBC,EAAO,oBAAoB,CAAC,GAE3E,UAAA;AAAA,IAAA,gBAAAF,EAAC,SAAI,WAAWC,EAAW,2BAA2BC,EAAO,yBAAyB,CAAC,GACrF,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWF,EAAW,uBAAuBC,EAAO,qBAAqB,CAAC,GAAI,UAAAb,EAAA,CAAM;AAAA,MAC1F,gBAAAc,EAACC,GAAA,EAAe,KAAKR,GACnB,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAW,yBAAyBC,EAAO,uBAAuB,CAAC,GACjF,UAAA;AAAA,QAAA,gBAAAF,EAAC,SAAI,WAAWC,EAAW,uBAAuBC,EAAO,qBAAqB,CAAC,GAC5E,UAAA;AAAA,UAAAhB;AAAA,UACAD;AAAA,QAAA,GACH;AAAA,QACCE,KACC,gBAAAgB,EAAC,OAAA,EAAI,WAAWF,EAAW,uBAAuBC,EAAO,qBAAqB,CAAC,GAAI,UAAAf,EAAA,CAAM;AAAA,MAAA,EAAA,CAE7F,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGCI,EAAc,SAAS,KACtB,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAW,0BAA0BC,EAAO,wBAAwB,CAAC,GACnF,UAAA;AAAA,MAAA,gBAAAF,EAAC,SAAI,WAAWC,EAAW,+BAA+BC,EAAO,6BAA6B,CAAC,GAC7F,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWF,EAAW,gCAAgCC,EAAO,8BAA8B,CAAC,GAAG,UAAA,OAAA,CAErG;AAAA,0BACCG,GAAA,EAAM,MAAM,CAAC,GAAG,CAAC,GAAG,MAAI,IAAC,WAAWJ,EAAW,+BAA+BC,EAAO,6BAA6B,CAAC,GACjH,UAAAX,EAAc,IAAI,CAACe,MAAM;AACxB,gBAAM,EAAE,SAAAC,GAAS,WAAAC,EAAA,IAAc3B,EAAayB,EAAE,YAAYhB,CAAoB,GACxEmB,IAAYD,IAChB,gBAAAL,EAACO,GAAA,EAAQ,OAAOJ,EAAE,YAChB,UAAA,gBAAAH,EAAC,QAAA,EAAM,UAAAI,EAAA,CAAQ,GACjB,IAEA,gBAAAJ,EAAC,UAAM,UAAAI,GAAQ;AAGjB,iBACE,gBAAAJ,EAACQ,GAAA,EAAwB,OAAM,WAC7B,UAAA,gBAAAX,EAAC,QAAA,EAAK,WAAWC,EAAW,qBAAqBC,EAAO,mBAAmB,CAAC,GAC1E,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWC,EAAW,2BAA2BC,EAAO,yBAAyB,CAAC;AAAA,gBAClF,OAAO,EAAE,OAAO,oBAAA;AAAA,gBAEf,UAAA;AAAA,kBAAAI,EAAE;AAAA,kBAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAEVG;AAAA,YACD,gBAAAN;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,WAAWX;AAAA,kBACT;AAAA,kBACAC,EAAO,yBAAyB;AAAA,kBAChCI,EAAE,cAAc,MAASJ,EAAO,kCAAkC;AAAA,gBAAA;AAAA,gBAEpE,SAAS,CAACW,MAAM;AAEd,kBADAA,EAAE,eAAA,GACEP,EAAE,cAAc,MACpBA,EAAE,SAAA;AAAA,gBACJ;AAAA,cAAA;AAAA,YAAA;AAAA,UACF,GACF,EAAA,GArBgBA,EAAE,GAsBpB;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA,GACF;AAAA,MACA,gBAAAH;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAShB;AAAA,UACT,WAAWG,EAAW,2BAA2BC,EAAO,yBAAyB,CAAC;AAAA,UACnF,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Filter/CommonFilter/style.module.scss.js

@@ -1,20 +1,21 @@
-const o = {
-  "common-filter-root": "_common-filter-root_kdoz3_1",
-  "common-filter-container": "_common-filter-container_kdoz3_6",
-  "common-filter-label": "_common-filter-label_kdoz3_12",
-  "common-filter-content": "_common-filter-content_kdoz3_19",
-  "common-filter-items": "_common-filter-items_kdoz3_26",
-  "common-filter-extra": "_common-filter-extra_kdoz3_34",
-  "common-filter-selected": "_common-filter-selected_kdoz3_39",
-  "common-filter-selected-main": "_common-filter-selected-main_kdoz3_46",
-  "common-filter-selected-title": "_common-filter-selected-title_kdoz3_52",
-  "common-filter-selected-tags": "_common-filter-selected-tags_kdoz3_58",
-  "common-filter-tag": "_common-filter-tag_kdoz3_62",
-  "common-filter-tag-label": "_common-filter-tag-label_kdoz3_68",
-  "common-filter-tag-close": "_common-filter-tag-close_kdoz3_72",
-  "common-filter-clear-btn": "_common-filter-clear-btn_kdoz3_82"
+const e = {
+  "common-filter-root": "_common-filter-root_16e7m_1",
+  "common-filter-container": "_common-filter-container_16e7m_6",
+  "common-filter-label": "_common-filter-label_16e7m_12",
+  "common-filter-content": "_common-filter-content_16e7m_19",
+  "common-filter-items": "_common-filter-items_16e7m_26",
+  "common-filter-extra": "_common-filter-extra_16e7m_34",
+  "common-filter-selected": "_common-filter-selected_16e7m_39",
+  "common-filter-selected-main": "_common-filter-selected-main_16e7m_46",
+  "common-filter-selected-title": "_common-filter-selected-title_16e7m_52",
+  "common-filter-selected-tags": "_common-filter-selected-tags_16e7m_58",
+  "common-filter-tag": "_common-filter-tag_16e7m_62",
+  "common-filter-tag-label": "_common-filter-tag-label_16e7m_68",
+  "common-filter-tag-close": "_common-filter-tag-close_16e7m_72",
+  "common-filter-tag-close-disabled": "_common-filter-tag-close-disabled_16e7m_82",
+  "common-filter-clear-btn": "_common-filter-clear-btn_16e7m_88"
 };
 export {
-  o as default
+  e as default
 };
 //# sourceMappingURL=style.module.scss.js.map

package/dist/components/Filter/CommonFilter/style.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/components/Filter/FilterSelect/index.d.ts

@@ -14,6 +14,8 @@ interface FilterSelectProps extends BaseFilterProps {
     searchable?: boolean;
     /** 是否多选 */
     multiple?: boolean;
+    /** 多选至少保留项数；达到下限时不允许移除已选标签 */
+    minSelection?: number;
     /** 人员选项：展示部门与联系方式 */
     variant?: 'default' | 'person';
 }

package/dist/components/Filter/FilterSelect/index.js

@@ -1,174 +1,196 @@
-import { jsxs as x, jsx as m } from "react/jsx-runtime";
-import { Check as Q, X as U } from "../../Icons/index.js";
-import { Input as W, Checkbox as Y, Space as Z } from "antd";
-import { useState as P, useRef as _, useMemo as j, useEffect as T } from "react";
-import K from "../../Form/PersonOptionRow/index.js";
-import V from "../FilterPopover/index.js";
-import { resolveFilterVisible as z } from "../types.js";
-import { useFilterRegister as ee } from "../useFilterState.js";
-import f from "./style.module.scss.js";
-import d from "classnames";
-const { Search: re } = W;
-function te(r) {
+import { jsxs as N, jsx as v } from "react/jsx-runtime";
+import { Check as W, X as Y } from "../../Icons/index.js";
+import { Input as Z, Checkbox as _, Space as K } from "antd";
+import { useState as D, useRef as V, useMemo as z, useEffect as B } from "react";
+import ee from "../../Form/PersonOptionRow/index.js";
+import re from "../FilterPopover/index.js";
+import { resolveFilterVisible as E } from "../types.js";
+import { useFilterRegister as te } from "../useFilterState.js";
+import m from "./style.module.scss.js";
+import h from "classnames";
+const { Search: se } = Z;
+function ne(r) {
   const t = [r.label];
   return r.departmentName && t.push(r.departmentName), t.join(" · ");
 }
-function se(r, t) {
-  const i = t.toLowerCase();
-  return [r.label, r.departmentName, r.email, r.phone, r.employeeId].filter(Boolean).some((c) => String(c).toLowerCase().includes(i));
+function ce(r, t) {
+  const o = t.toLowerCase();
+  return [r.label, r.departmentName, r.email, r.phone, r.employeeId].filter(Boolean).some((l) => String(l).toLowerCase().includes(o));
 }
-function ne(r, t) {
+function ie(r, t) {
   if (!(r != null && r.length) && !(t != null && t.length)) return !0;
   if (!r || !t || r.length !== t.length) return !1;
-  const i = [...r].map(String).sort(), c = [...t].map(String).sort();
-  return i.every((n, o) => n === c[o]);
+  const o = [...r].map(String).sort(), l = [...t].map(String).sort();
+  return o.every((c, d) => c === l[d]);
 }
-function B(r, t, i, c) {
-  if (c) {
-    const n = Array.isArray(r) ? r : r != null && r !== "" ? [r] : [];
-    return i != null && i.length && ne(n, i) ? [] : n;
+function I(r, t, o, l) {
+  if (l) {
+    const c = Array.isArray(r) ? r : r != null && r !== "" ? [r] : [];
+    return o != null && o.length && ie(c, o) ? [] : c;
   }
   if (!(t !== void 0 && r === t))
     return r;
 }
-function ie(r, t, i, c) {
-  if (i) {
-    const o = r || [];
-    return o.length > 0 ? o.map((g) => {
+function oe(r, t, o, l) {
+  if (o) {
+    const d = r || [];
+    return d.length > 0 ? d.map((u) => {
       var S;
-      return ((S = t.find((s) => s.value === g)) == null ? void 0 : S.label) ?? String(g);
+      return ((S = t.find((s) => String(s.value) === String(u))) == null ? void 0 : S.label) ?? String(u);
     }).join("、") : "";
   }
   if (r == null) return "";
-  const n = t.find((o) => o.value === r);
-  return n ? c ? te(n) : n.label : String(r);
+  const c = t.find((d) => String(d.value) === String(r));
+  return c ? l ? ne(c) : c.label : String(r);
 }
-const xe = ({
+const Ne = ({
   filterKey: r,
   label: t,
-  options: i = [],
-  value: c,
-  onChange: n,
-  defaultValue: o,
-  defaultValues: g,
+  options: o = [],
+  value: l,
+  onChange: c,
+  defaultValue: d,
+  defaultValues: u,
   searchable: S = !1,
   multiple: s = !1,
-  variant: E = "default",
-  active: I,
-  hidden: A,
-  display: C
+  minSelection: g,
+  variant: M = "default",
+  active: q,
+  hidden: C,
+  display: O
 }) => {
-  const u = E === "person", [M, N] = P(!1), [k, b] = P(""), h = B(c, o, g, s), [l, p] = P(
-    h ?? (s ? [] : void 0)
-  ), L = ee(), w = _(n);
-  w.current = n;
-  const D = j(
-    () => () => {
-      var e;
-      (e = w.current) == null || e.call(w, void 0);
-    },
-    []
-  ), F = () => {
-    p(h ?? (s ? [] : void 0)), b("");
+  const x = M === "person", [X, b] = D(!1), [y, R] = D(""), n = I(l, d, u, s), [a, k] = D(
+    n ?? (s ? [] : void 0)
+  ), L = te(), w = V(c);
+  w.current = c;
+  const F = z(() => {
+    const e = Array.isArray(n) ? n : n != null && n !== "" ? [n] : [], i = !s || g == null || e.length > g;
+    return () => {
+      var f;
+      i && ((f = w.current) == null || f.call(w, void 0));
+    };
+  }, [n, g, s]), j = () => {
+    k(n ?? (s ? [] : void 0)), R("");
   };
-  T(() => {
-    const e = B(c, o, g, s);
-    p(e ?? (s ? [] : void 0)), (e == null || Array.isArray(e) && e.length === 0) && b("");
-  }, [c, o, g, s]);
-  const y = j(
-    () => ie(h, i, s, u),
-    [i, h, s, u]
+  B(() => {
+    const e = I(l, d, u, s);
+    k(e ?? (s ? [] : void 0)), (e == null || Array.isArray(e) && e.length === 0) && R("");
+  }, [l, d, u, s]);
+  const P = z(
+    () => oe(n, o, s, x),
+    [o, n, s, x]
   );
-  if (T(() => {
+  if (B(() => {
     if (!L) return;
-    if (!z({ display: C, hidden: A }, { filterKey: r, label: t, value: c })) {
+    if (!E({ display: O, hidden: C }, { filterKey: r, label: t, value: l })) {
       L.unregister(r);
       return;
     }
-    y ? L.register(r, {
-      label: t,
-      valueLabel: y,
-      onRemove: D
-    }) : L.unregister(r);
-  }, [y, r, t, A, C, D]), !z({ display: C, hidden: A }, { filterKey: r, label: t, value: c })) return null;
-  const R = k ? i.filter(
-    (e) => u ? se(e, k) : e.label.toLowerCase().includes(k.toLowerCase())
-  ) : i, q = () => {
-    n == null || n(l), N(!1);
-  }, X = () => {
-    F(), N(!1);
-  }, $ = (e) => {
-    !e && s && F(), N(e);
-  }, G = (e) => {
+    if (P) {
+      const i = Array.isArray(n) ? n : n != null && n !== "" ? [n] : [], f = !s || g == null || i.length > g;
+      L.register(r, {
+        label: t,
+        valueLabel: P,
+        onRemove: F,
+        removable: f
+      });
+    } else
+      L.unregister(r);
+  }, [P, r, t, C, O, F]), !E({ display: O, hidden: C }, { filterKey: r, label: t, value: l })) return null;
+  const T = y ? o.filter(
+    (e) => x ? ce(e, y) : e.label.toLowerCase().includes(y.toLowerCase())
+  ) : o, $ = () => {
+    c == null || c(a), b(!1);
+  }, G = () => {
+    j(), b(!1);
+  }, H = (e) => {
+    !e && s && j(), b(e);
+  }, J = (e) => {
     if (!s) {
-      const a = o !== void 0 && e === o;
-      let v;
-      l === e || a ? v = void 0 : v = e, p(v), n == null || n(v), N(!1);
+      const i = d !== void 0 && e === d;
+      let f;
+      a === e || i ? f = void 0 : f = e, k(f), c == null || c(f), b(!1);
     }
-  }, O = (e) => {
-    const a = l || [], v = a.includes(e) ? a.filter((J) => J !== e) : [...a, e];
-    p(v);
-  }, H = s ? Array.isArray(h) && h.length > 0 : h != null && h !== "";
-  return /* @__PURE__ */ x(
-    V,
+  }, p = (e) => {
+    const i = a || [];
+    if (i.includes(e) && g != null && i.length <= g)
+      return;
+    const f = i.includes(e) ? i.filter((A) => A !== e) : [...i, e];
+    k(f);
+  }, Q = s ? Array.isArray(n) && n.length > 0 : n != null && n !== "";
+  return /* @__PURE__ */ N(
+    re,
     {
       label: t,
-      active: I || H,
-      open: M,
-      onOpenChange: $,
-      onConfirm: s ? q : void 0,
-      onReset: s ? X : void 0,
+      active: q || Q,
+      open: X,
+      onOpenChange: H,
+      onConfirm: s ? $ : void 0,
+      onReset: s ? G : void 0,
       children: [
-        S && /* @__PURE__ */ m(
-          re,
+        S && /* @__PURE__ */ v(
+          se,
           {
             placeholder: `搜索${t}`,
             allowClear: !0,
             size: "middle",
-            className: d("filter-select-search", f["filter-select-search"]),
-            value: k,
-            onChange: (e) => b(e.target.value)
+            className: h("filter-select-search", m["filter-select-search"]),
+            value: y,
+            onChange: (e) => R(e.target.value)
           }
         ),
-        /* @__PURE__ */ x("div", { className: d("filter-select-options", f["filter-select-options"]), children: [
-          R.map((e) => /* @__PURE__ */ x(
+        /* @__PURE__ */ N("div", { className: h("filter-select-options", m["filter-select-options"]), children: [
+          T.map((e) => /* @__PURE__ */ N(
             "div",
             {
-              className: d(
+              className: h(
                 "filter-select-option",
-                f["filter-select-option"],
-                !s && l === e.value && d("filter-select-option-selected", f["filter-select-option-selected"])
+                m["filter-select-option"],
+                !s && a === e.value && h("filter-select-option-selected", m["filter-select-option-selected"])
               ),
-              onClick: () => s ? O(e.value) : G(e.value),
+              onClick: () => s ? p(e.value) : J(e.value),
               children: [
-                s && /* @__PURE__ */ m(
-                  Y,
+                s && /* @__PURE__ */ v(
+                  _,
                   {
-                    checked: l == null ? void 0 : l.includes(e.value),
-                    onChange: () => O(e.value),
-                    onClick: (a) => a.stopPropagation()
+                    checked: a == null ? void 0 : a.includes(e.value),
+                    onChange: () => p(e.value),
+                    onClick: (i) => i.stopPropagation()
                   }
                 ),
-                u ? /* @__PURE__ */ m(K, { option: e }) : /* @__PURE__ */ m("span", { children: e.label }),
-                !s && !u && l === e.value && /* @__PURE__ */ m(Q, { className: d("filter-select-option-check", f["filter-select-option-check"]) })
+                x ? /* @__PURE__ */ v(ee, { option: e }) : /* @__PURE__ */ v("span", { children: e.label }),
+                !s && !x && a === e.value && /* @__PURE__ */ v(W, { className: h("filter-select-option-check", m["filter-select-option-check"]) })
               ]
             },
             String(e.value)
           )),
-          R.length === 0 && /* @__PURE__ */ m("div", { className: d("filter-select-empty", f["filter-select-empty"]), children: "暂无数据" })
+          T.length === 0 && /* @__PURE__ */ v("div", { className: h("filter-select-empty", m["filter-select-empty"]), children: "暂无数据" })
         ] }),
-        s && (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ x("div", { className: d("filter-select-selected-bar", f["filter-select-selected-bar"]), children: [
-          /* @__PURE__ */ m("div", { className: d("filter-select-selected-label", f["filter-select-selected-label"]), children: "已选：" }),
-          /* @__PURE__ */ m(Z, { size: [4, 4], wrap: !0, children: l.map((e) => {
-            const a = i.find((v) => v.value === e);
-            return /* @__PURE__ */ x(
+        s && (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ N("div", { className: h("filter-select-selected-bar", m["filter-select-selected-bar"]), children: [
+          /* @__PURE__ */ v("div", { className: h("filter-select-selected-label", m["filter-select-selected-label"]), children: "已选：" }),
+          /* @__PURE__ */ v(K, { size: [4, 4], wrap: !0, children: a.map((e) => {
+            const i = o.find((U) => String(U.value) === String(e)), f = a || [], A = g == null || f.length > g;
+            return /* @__PURE__ */ N(
               "span",
               {
-                className: d("filter-select-selected-tag", f["filter-select-selected-tag"]),
-                onClick: () => O(e),
+                className: h(
+                  "filter-select-selected-tag",
+                  m["filter-select-selected-tag"],
+                  !A && m["filter-select-selected-tag-disabled"]
+                ),
+                onClick: () => A && p(e),
                 children: [
-                  (a == null ? void 0 : a.label) ?? String(e),
-                  /* @__PURE__ */ m(U, { className: d("filter-select-selected-remove", f["filter-select-selected-remove"]) })
+                  (i == null ? void 0 : i.label) ?? String(e),
+                  /* @__PURE__ */ v(
+                    Y,
+                    {
+                      className: h(
+                        "filter-select-selected-remove",
+                        m["filter-select-selected-remove"],
+                        !A && m["filter-select-selected-remove-disabled"]
+                      )
+                    }
+                  )
                 ]
               },
               String(e)
@@ -180,6 +202,6 @@ const xe = ({
   );
 };
 export {
-  xe as default
+  Ne as default
 };
 //# sourceMappingURL=index.js.map