@hkyhy/marsun-components-core 0.1.51 → 0.1.52

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

@@ -1,15 +1,15 @@
-import { jsxs as W, jsx as R } from "react/jsx-runtime";
-import { DatePicker as $ } from "antd";
+import { jsxs as $, jsx as P } from "react/jsx-runtime";
+import { DatePicker as E } from "antd";
 import d from "dayjs";
 import "../../../utils/ensureDayjsZhCn.js";
-import { useState as q, useRef as E, useMemo as x, useEffect as A } from "react";
+import { useState as R, useRef as Y, useMemo as x, useEffect as A } from "react";
 import { parsePickerValue as f, formatPickerValue as B } from "../../../utils/pickerDate.js";
-import H from "../FilterPopover/index.js";
-import { resolveHidden as L } from "../types.js";
-import { useFilterFieldBridge as Y, useFilterRegister as z } from "../useFilterState.js";
-import O from "./style.module.scss.js";
-import w from "classnames";
-const { RangePicker: G } = $, J = [
+import z from "../FilterPopover/index.js";
+import { resolveFilterVisible as G } from "../types.js";
+import { useFilterFieldBridge as H, useFilterRegister as J } from "../useFilterState.js";
+import D from "./style.module.scss.js";
+import q from "classnames";
+const { RangePicker: K } = E, X = [
   {
     key: "lastWeek",
     label: "上周",
@@ -24,7 +24,7 @@ const { RangePicker: G } = $, J = [
     getValue: () => [d().startOf("week"), d().endOf("week")]
   }
 ];
-function K() {
+function Z() {
   const e = d().startOf("month");
   return [
     { key: "1m", label: "近1月", getValue: () => [e, e] },
@@ -40,138 +40,139 @@ function K() {
     }
   ];
 }
-function X(e, r) {
+function b(e, r) {
   return !(e != null && e[0]) || !(e != null && e[1]) ? !(r != null && r[0]) || !(r != null && r[1]) : !(r != null && r[0]) || !(r != null && r[1]) ? !1 : e[0] === r[0] && e[1] === r[1];
 }
-function Z(e) {
+function C(e) {
   return e === "month" ? "month" : e === "year" ? "year" : "day";
 }
-function b(e, r, t) {
+function v(e, r, t) {
   if (!(e != null && e[0]) || !(e != null && e[1])) return null;
-  const i = f(e[0], t), n = f(e[1], t), u = Z(t);
+  const i = f(e[0], t), s = f(e[1], t), u = C(t);
   for (const k of r) {
     const c = k.getValue();
-    if (c && c[0].isSame(i, u) && c[1].isSame(n, u))
+    if (c && c[0].isSame(i, u) && c[1].isSame(s, u))
       return k.key;
   }
   return null;
 }
-const ut = ({
+const yt = ({
   filterKey: e,
   label: r,
   value: t,
   onChange: i,
-  picker: n = "date",
+  picker: s = "date",
   defaultValue: u,
   showDefaultAsSelected: k = !1,
   showQuickOptions: c = !0,
-  quickOptions: S,
-  disabledDate: M,
-  active: Q,
-  hidden: V,
-  dependsOn: T,
-  clearOnDepsChange: _ = !0
+  quickOptions: w,
+  disabledDate: L,
+  active: M,
+  hidden: Q,
+  display: T,
+  dependsOn: _,
+  clearOnDepsChange: U = !0
 }) => {
-  const [U, a] = q(!1), [o, m] = q(
-    t ? [f(t[0], n), f(t[1], n)] : null
-  ), [g, l] = q(null), y = E(i);
+  const [W, O] = R(!1), [o, l] = R(
+    t ? [f(t[0], s), f(t[1], s)] : null
+  ), [S, m] = R(null), y = Y(i);
   y.current = i;
-  const { resolvedLabel: N } = Y({
+  const { resolvedLabel: a } = H({
     filterKey: e,
     value: t,
     label: r,
-    dependsOn: T,
-    clearOnDepsChange: _,
+    dependsOn: _,
+    clearOnDepsChange: U,
     onDepsClear: () => {
-      var s;
-      return (s = y.current) == null ? void 0 : s.call(y, null);
+      var n;
+      return (n = y.current) == null ? void 0 : n.call(y, null);
     }
-  }), p = z(), D = x(
-    () => S ?? (c ? n === "month" ? K() : J : []),
-    [S, c, n]
-  ), h = (s) => {
-    l(b(s, D, n));
+  }), p = J(), F = G({ display: T, hidden: Q }), V = x(
+    () => w ?? (c ? s === "month" ? Z() : X : []),
+    [w, c, s]
+  ), g = (n) => {
+    m(v(n, V, s));
   }, I = () => {
-    t != null && t[0] && (t != null && t[1]) ? (m([f(t[0], n), f(t[1], n)]), h(t)) : (m(null), l(null));
+    t != null && t[0] && (t != null && t[1]) ? (l([f(t[0], s), f(t[1], s)]), g(t)) : (l(null), m(null));
   };
   A(() => {
-    t != null && t[0] && (t != null && t[1]) ? (m([f(t[0], n), f(t[1], n)]), h(t)) : (m(null), l(null));
-  }, [t, D, n]);
-  const F = k ? !!(t != null && t[0]) : !!(t != null && t[0]) && !X(t, u), P = x(() => !F || !(t != null && t[0]) || !(t != null && t[1]) ? "" : `${t[0]} ~ ${t[1]}`, [F, t]);
+    t != null && t[0] && (t != null && t[1]) ? (l([f(t[0], s), f(t[1], s)]), g(t)) : (l(null), m(null));
+  }, [t, V, s]);
+  const N = k ? !!(t != null && t[0]) : !!(t != null && t[0]) && !b(t, u), h = x(() => !N || !(t != null && t[0]) || !(t != null && t[1]) ? "" : `${t[0]} ~ ${t[1]}`, [N, t]);
   return A(() => {
     if (p) {
-      if (L(V)) {
+      if (!F) {
         p.unregister(e);
         return;
       }
-      P ? p.register(e, {
-        label: N,
-        valueLabel: P,
+      h ? p.register(e, {
+        label: a,
+        valueLabel: h,
         onRemove: () => i == null ? void 0 : i(null)
       }) : p.unregister(e);
     }
-  }, [P, e, N, V]), L(V) ? null : /* @__PURE__ */ W(
-    H,
+  }, [h, e, a, F]), F ? /* @__PURE__ */ $(
+    z,
     {
-      label: N,
-      active: Q || F,
-      open: U,
-      onOpenChange: (s) => {
-        I(), a(s);
+      label: a,
+      active: M || N,
+      open: W,
+      onOpenChange: (n) => {
+        I(), O(n);
       },
       onConfirm: () => {
-        o != null && o[0] && (o != null && o[1]) ? i == null || i([B(o[0], n), B(o[1], n)]) : i == null || i(null), a(!1);
+        o != null && o[0] && (o != null && o[1]) ? i == null || i([B(o[0], s), B(o[1], s)]) : i == null || i(null), O(!1);
       },
       onReset: () => {
-        I(), a(!1);
+        I(), O(!1);
       },
       children: [
-        D.length > 0 && /* @__PURE__ */ R(
+        V.length > 0 && /* @__PURE__ */ P(
           "div",
           {
-            className: w(
+            className: q(
               "filter-date-range-quick-options",
-              O["filter-date-range-quick-options"]
+              D["filter-date-range-quick-options"]
             ),
-            children: D.map((s) => /* @__PURE__ */ R(
+            children: V.map((n) => /* @__PURE__ */ P(
               "span",
               {
-                className: w(
+                className: q(
                   "filter-date-range-quick-option",
-                  O["filter-date-range-quick-option"],
-                  g === s.key && "filter-date-range-quick-option-active",
-                  g === s.key && O["filter-date-range-quick-option-active"]
+                  D["filter-date-range-quick-option"],
+                  S === n.key && "filter-date-range-quick-option-active",
+                  S === n.key && D["filter-date-range-quick-option-active"]
                 ),
                 onClick: () => {
-                  const j = s.getValue();
-                  j && (m(j), l(s.key));
+                  const j = n.getValue();
+                  j && (l(j), m(n.key));
                 },
-                children: s.label
+                children: n.label
               },
-              s.key
+              n.key
             ))
           }
         ),
-        /* @__PURE__ */ R(
-          G,
+        /* @__PURE__ */ P(
+          K,
           {
-            className: w("filter-date-range-picker", O["filter-date-range-picker"]),
-            picker: n,
+            className: q("filter-date-range-picker", D["filter-date-range-picker"]),
+            picker: s,
             value: o,
-            disabledDate: M,
-            onChange: (s) => {
-              m(s), l(null);
+            disabledDate: L,
+            onChange: (n) => {
+              l(n), m(null);
             }
           }
         )
       ]
     }
-  );
+  ) : null;
 };
 export {
-  ut as default,
-  b as findMatchingQuickKey,
-  K as getBuiltInMonthOptions,
-  X as isSameRange
+  yt as default,
+  v as findMatchingQuickKey,
+  Z as getBuiltInMonthOptions,
+  b as isSameRange
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterDateRange/index.tsx"],"sourcesContent":["import { DatePicker } from 'antd';\nimport dayjs, { type Dayjs } from 'dayjs';\nimport '@/utils/ensureDayjsZhCn';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  formatPickerValue,\n  parsePickerValue,\n  type DatePickerGranularity,\n} from '@/utils/pickerDate';\nimport FilterPopover from '../FilterPopover';\nimport type { BaseFilterProps } from '../types';\nimport { resolveHidden } from '../types';\nimport { useFilterFieldBridge, useFilterRegister } from '../useFilterState';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nconst { RangePicker } = DatePicker;\n\n/** 快捷选项配置类型 */\ninterface QuickOption {\n  key: string;\n  label: string;\n  getValue: () => [Dayjs, Dayjs] | null;\n}\n\n/** 内置快捷选项（日粒度） */\nconst BUILT_IN_DAY_OPTIONS: QuickOption[] = [\n  {\n    key: 'lastWeek',\n    label: '上周',\n    getValue: () => [\n      dayjs().subtract(1, 'week').startOf('week'),\n      dayjs().subtract(1, 'week').endOf('week'),\n    ],\n  },\n  {\n    key: 'thisWeek',\n    label: '本周',\n    getValue: () => [dayjs().startOf('week'), dayjs().endOf('week')],\n  },\n];\n\nfunction getBuiltInMonthOptions(): QuickOption[] {\n  const end = dayjs().startOf('month');\n  return [\n    { key: '1m', label: '近1月', getValue: () => [end, end] },\n    {\n      key: '3m',\n      label: '近3月',\n      getValue: () => [end.subtract(2, 'month'), end],\n    },\n    {\n      key: '6m',\n      label: '近6月',\n      getValue: () => [end.subtract(5, 'month'), end],\n    },\n  ];\n}\n\ninterface FilterDateRangeProps extends BaseFilterProps {\n  value?: [string, string] | null;\n  onChange?: (value: [string, string] | null) => void;\n  /** 选择粒度：日 / 月 / 年 */\n  picker?: DatePickerGranularity;\n  /** 默认区间：与默认相同时视为未筛选（除非 showDefaultAsSelected） */\n  defaultValue?: [string, string];\n  /** 为 true 时，value 等于 defaultValue 仍展示在已选 Tag 中 */\n  showDefaultAsSelected?: boolean;\n  showQuickOptions?: boolean;\n  quickOptions?: QuickOption[];\n  disabledDate?: (current: Dayjs) => boolean;\n}\n\nfunction isSameRange(a?: [string, string] | null, b?: [string, string]): boolean {\n  if (!a?.[0] || !a?.[1]) return !b?.[0] || !b?.[1];\n  if (!b?.[0] || !b?.[1]) return false;\n  return a[0] === b[0] && a[1] === b[1];\n}\n\nfunction rangeUnit(picker: DatePickerGranularity): 'day' | 'month' | 'year' {\n  if (picker === 'month') return 'month';\n  if (picker === 'year') return 'year';\n  return 'day';\n}\n\nfunction findMatchingQuickKey(\n  range: [string, string] | null | undefined,\n  opts: QuickOption[],\n  picker: DatePickerGranularity,\n): string | null {\n  if (!range?.[0] || !range?.[1]) return null;\n  const start = parsePickerValue(range[0], picker);\n  const end = parsePickerValue(range[1], picker);\n  const unit = rangeUnit(picker);\n  for (const opt of opts) {\n    const v = opt.getValue();\n    if (v && v[0].isSame(start, unit) && v[1].isSame(end, unit)) {\n      return opt.key;\n    }\n  }\n  return null;\n}\n\nconst FilterDateRange: React.FC<FilterDateRangeProps> = ({\n  filterKey,\n  label,\n  value,\n  onChange,\n  picker = 'date',\n  defaultValue,\n  showDefaultAsSelected = false,\n  showQuickOptions = true,\n  quickOptions,\n  disabledDate,\n  active,\n  hidden,\n  dependsOn,\n  clearOnDepsChange = true,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [dates, setDates] = useState<[Dayjs | null, Dayjs | null] | null>(\n    value ? [parsePickerValue(value[0], picker), parsePickerValue(value[1], picker)] : null,\n  );\n  const [activeQuickKey, setActiveQuickKey] = useState<string | null>(null);\n\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const { resolvedLabel } = useFilterFieldBridge({\n    filterKey,\n    value,\n    label,\n    dependsOn,\n    clearOnDepsChange,\n    onDepsClear: () => onChangeRef.current?.(null),\n  });\n\n  const registerFn = useFilterRegister();\n  const opts = useMemo(\n    () =>\n      quickOptions ??\n      (showQuickOptions\n        ? picker === 'month'\n          ? getBuiltInMonthOptions()\n          : BUILT_IN_DAY_OPTIONS\n        : []),\n    [quickOptions, showQuickOptions, picker],\n  );\n\n  const syncActiveQuickKey = (range: [string, string] | null | undefined) => {\n    setActiveQuickKey(findMatchingQuickKey(range, opts, picker));\n  };\n\n  const revertToCommitted = () => {\n    if (value?.[0] && value?.[1]) {\n      setDates([parsePickerValue(value[0], picker), parsePickerValue(value[1], picker)]);\n      syncActiveQuickKey(value);\n    } else {\n      setDates(null);\n      setActiveQuickKey(null);\n    }\n  };\n\n  useEffect(() => {\n    if (value?.[0] && value?.[1]) {\n      setDates([parsePickerValue(value[0], picker), parsePickerValue(value[1], picker)]);\n      syncActiveQuickKey(value);\n    } else {\n      setDates(null);\n      setActiveQuickKey(null);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, opts, picker]);\n\n  const hasNonDefaultValue = showDefaultAsSelected\n    ? !!value?.[0]\n    : !!value?.[0] && !isSameRange(value, defaultValue);\n\n  const valueLabel = useMemo(() => {\n    if (!hasNonDefaultValue || !value?.[0] || !value?.[1]) return '';\n    return `${value[0]} ~ ${value[1]}`;\n  }, [hasNonDefaultValue, value]);\n\n  useEffect(() => {\n    if (!registerFn) return;\n    if (resolveHidden(hidden)) {\n      registerFn.unregister(filterKey);\n      return;\n    }\n    if (valueLabel) {\n      registerFn.register(filterKey, {\n        label: resolvedLabel,\n        valueLabel,\n        onRemove: () => onChange?.(null),\n      });\n    } else {\n      registerFn.unregister(filterKey);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueLabel, filterKey, resolvedLabel, hidden]);\n\n  if (resolveHidden(hidden)) return null;\n\n  const handleConfirm = () => {\n    if (dates?.[0] && dates?.[1]) {\n      onChange?.([formatPickerValue(dates[0], picker), formatPickerValue(dates[1], picker)]);\n    } else {\n      onChange?.(null);\n    }\n    setOpen(false);\n  };\n\n  const handleDiscardDraft = () => {\n    revertToCommitted();\n    setOpen(false);\n  };\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    revertToCommitted();\n    setOpen(nextOpen);\n  };\n\n  return (\n    <FilterPopover\n      label={resolvedLabel}\n      active={active || hasNonDefaultValue}\n      open={open}\n      onOpenChange={handleOpenChange}\n      onConfirm={handleConfirm}\n      onReset={handleDiscardDraft}\n    >\n      {opts.length > 0 && (\n        <div\n          className={classNames(\n            'filter-date-range-quick-options',\n            styles['filter-date-range-quick-options'],\n          )}\n        >\n          {opts.map((opt) => (\n            <span\n              key={opt.key}\n              className={classNames(\n                'filter-date-range-quick-option',\n                styles['filter-date-range-quick-option'],\n                activeQuickKey === opt.key && 'filter-date-range-quick-option-active',\n                activeQuickKey === opt.key && styles['filter-date-range-quick-option-active'],\n              )}\n              onClick={() => {\n                const v = opt.getValue();\n                if (v) {\n                  setDates(v);\n                  setActiveQuickKey(opt.key);\n                }\n              }}\n            >\n              {opt.label}\n            </span>\n          ))}\n        </div>\n      )}\n      <RangePicker\n        className={classNames('filter-date-range-picker', styles['filter-date-range-picker'])}\n        picker={picker}\n        value={dates}\n        disabledDate={disabledDate}\n        onChange={(vals) => {\n          setDates(vals as [Dayjs | null, Dayjs | null] | null);\n          setActiveQuickKey(null);\n        }}\n      />\n    </FilterPopover>\n  );\n};\n\nexport default FilterDateRange;\nexport type { FilterDateRangeProps, QuickOption };\nexport { findMatchingQuickKey, isSameRange, getBuiltInMonthOptions };\n"],"names":["RangePicker","DatePicker","BUILT_IN_DAY_OPTIONS","dayjs","getBuiltInMonthOptions","end","isSameRange","a","b","rangeUnit","picker","findMatchingQuickKey","range","opts","start","parsePickerValue","unit","opt","v","FilterDateRange","filterKey","label","value","onChange","defaultValue","showDefaultAsSelected","showQuickOptions","quickOptions","disabledDate","active","hidden","dependsOn","clearOnDepsChange","open","setOpen","useState","dates","setDates","activeQuickKey","setActiveQuickKey","onChangeRef","useRef","resolvedLabel","useFilterFieldBridge","_a","registerFn","useFilterRegister","useMemo","syncActiveQuickKey","revertToCommitted","useEffect","hasNonDefaultValue","valueLabel","resolveHidden","jsxs","FilterPopover","nextOpen","formatPickerValue","jsx","classNames","styles","vals"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterDateRange/index.tsx"],"sourcesContent":["import { DatePicker } from 'antd';\nimport dayjs, { type Dayjs } from 'dayjs';\nimport '@/utils/ensureDayjsZhCn';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  formatPickerValue,\n  parsePickerValue,\n  type DatePickerGranularity,\n} from '@/utils/pickerDate';\nimport FilterPopover from '../FilterPopover';\nimport type { BaseFilterProps } from '../types';\nimport { resolveFilterVisible } from '../types';\nimport { useFilterFieldBridge, useFilterRegister } from '../useFilterState';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nconst { RangePicker } = DatePicker;\n\n/** 快捷选项配置类型 */\ninterface QuickOption {\n  key: string;\n  label: string;\n  getValue: () => [Dayjs, Dayjs] | null;\n}\n\n/** 内置快捷选项（日粒度） */\nconst BUILT_IN_DAY_OPTIONS: QuickOption[] = [\n  {\n    key: 'lastWeek',\n    label: '上周',\n    getValue: () => [\n      dayjs().subtract(1, 'week').startOf('week'),\n      dayjs().subtract(1, 'week').endOf('week'),\n    ],\n  },\n  {\n    key: 'thisWeek',\n    label: '本周',\n    getValue: () => [dayjs().startOf('week'), dayjs().endOf('week')],\n  },\n];\n\nfunction getBuiltInMonthOptions(): QuickOption[] {\n  const end = dayjs().startOf('month');\n  return [\n    { key: '1m', label: '近1月', getValue: () => [end, end] },\n    {\n      key: '3m',\n      label: '近3月',\n      getValue: () => [end.subtract(2, 'month'), end],\n    },\n    {\n      key: '6m',\n      label: '近6月',\n      getValue: () => [end.subtract(5, 'month'), end],\n    },\n  ];\n}\n\ninterface FilterDateRangeProps extends BaseFilterProps {\n  value?: [string, string] | null;\n  onChange?: (value: [string, string] | null) => void;\n  /** 选择粒度：日 / 月 / 年 */\n  picker?: DatePickerGranularity;\n  /** 默认区间：与默认相同时视为未筛选（除非 showDefaultAsSelected） */\n  defaultValue?: [string, string];\n  /** 为 true 时，value 等于 defaultValue 仍展示在已选 Tag 中 */\n  showDefaultAsSelected?: boolean;\n  showQuickOptions?: boolean;\n  quickOptions?: QuickOption[];\n  disabledDate?: (current: Dayjs) => boolean;\n}\n\nfunction isSameRange(a?: [string, string] | null, b?: [string, string]): boolean {\n  if (!a?.[0] || !a?.[1]) return !b?.[0] || !b?.[1];\n  if (!b?.[0] || !b?.[1]) return false;\n  return a[0] === b[0] && a[1] === b[1];\n}\n\nfunction rangeUnit(picker: DatePickerGranularity): 'day' | 'month' | 'year' {\n  if (picker === 'month') return 'month';\n  if (picker === 'year') return 'year';\n  return 'day';\n}\n\nfunction findMatchingQuickKey(\n  range: [string, string] | null | undefined,\n  opts: QuickOption[],\n  picker: DatePickerGranularity,\n): string | null {\n  if (!range?.[0] || !range?.[1]) return null;\n  const start = parsePickerValue(range[0], picker);\n  const end = parsePickerValue(range[1], picker);\n  const unit = rangeUnit(picker);\n  for (const opt of opts) {\n    const v = opt.getValue();\n    if (v && v[0].isSame(start, unit) && v[1].isSame(end, unit)) {\n      return opt.key;\n    }\n  }\n  return null;\n}\n\nconst FilterDateRange: React.FC<FilterDateRangeProps> = ({\n  filterKey,\n  label,\n  value,\n  onChange,\n  picker = 'date',\n  defaultValue,\n  showDefaultAsSelected = false,\n  showQuickOptions = true,\n  quickOptions,\n  disabledDate,\n  active,\n  hidden,\n  display,\n  dependsOn,\n  clearOnDepsChange = true,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [dates, setDates] = useState<[Dayjs | null, Dayjs | null] | null>(\n    value ? [parsePickerValue(value[0], picker), parsePickerValue(value[1], picker)] : null,\n  );\n  const [activeQuickKey, setActiveQuickKey] = useState<string | null>(null);\n\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const { resolvedLabel } = useFilterFieldBridge({\n    filterKey,\n    value,\n    label,\n    dependsOn,\n    clearOnDepsChange,\n    onDepsClear: () => onChangeRef.current?.(null),\n  });\n\n  const registerFn = useFilterRegister();\n  const visible = resolveFilterVisible({ display, hidden });\n  const opts = useMemo(\n    () =>\n      quickOptions ??\n      (showQuickOptions\n        ? picker === 'month'\n          ? getBuiltInMonthOptions()\n          : BUILT_IN_DAY_OPTIONS\n        : []),\n    [quickOptions, showQuickOptions, picker],\n  );\n\n  const syncActiveQuickKey = (range: [string, string] | null | undefined) => {\n    setActiveQuickKey(findMatchingQuickKey(range, opts, picker));\n  };\n\n  const revertToCommitted = () => {\n    if (value?.[0] && value?.[1]) {\n      setDates([parsePickerValue(value[0], picker), parsePickerValue(value[1], picker)]);\n      syncActiveQuickKey(value);\n    } else {\n      setDates(null);\n      setActiveQuickKey(null);\n    }\n  };\n\n  useEffect(() => {\n    if (value?.[0] && value?.[1]) {\n      setDates([parsePickerValue(value[0], picker), parsePickerValue(value[1], picker)]);\n      syncActiveQuickKey(value);\n    } else {\n      setDates(null);\n      setActiveQuickKey(null);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, opts, picker]);\n\n  const hasNonDefaultValue = showDefaultAsSelected\n    ? !!value?.[0]\n    : !!value?.[0] && !isSameRange(value, defaultValue);\n\n  const valueLabel = useMemo(() => {\n    if (!hasNonDefaultValue || !value?.[0] || !value?.[1]) return '';\n    return `${value[0]} ~ ${value[1]}`;\n  }, [hasNonDefaultValue, value]);\n\n  useEffect(() => {\n    if (!registerFn) return;\n    if (!visible) {\n      registerFn.unregister(filterKey);\n      return;\n    }\n    if (valueLabel) {\n      registerFn.register(filterKey, {\n        label: resolvedLabel,\n        valueLabel,\n        onRemove: () => onChange?.(null),\n      });\n    } else {\n      registerFn.unregister(filterKey);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueLabel, filterKey, resolvedLabel, visible]);\n\n  if (!visible) return null;\n\n  const handleConfirm = () => {\n    if (dates?.[0] && dates?.[1]) {\n      onChange?.([formatPickerValue(dates[0], picker), formatPickerValue(dates[1], picker)]);\n    } else {\n      onChange?.(null);\n    }\n    setOpen(false);\n  };\n\n  const handleDiscardDraft = () => {\n    revertToCommitted();\n    setOpen(false);\n  };\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    revertToCommitted();\n    setOpen(nextOpen);\n  };\n\n  return (\n    <FilterPopover\n      label={resolvedLabel}\n      active={active || hasNonDefaultValue}\n      open={open}\n      onOpenChange={handleOpenChange}\n      onConfirm={handleConfirm}\n      onReset={handleDiscardDraft}\n    >\n      {opts.length > 0 && (\n        <div\n          className={classNames(\n            'filter-date-range-quick-options',\n            styles['filter-date-range-quick-options'],\n          )}\n        >\n          {opts.map((opt) => (\n            <span\n              key={opt.key}\n              className={classNames(\n                'filter-date-range-quick-option',\n                styles['filter-date-range-quick-option'],\n                activeQuickKey === opt.key && 'filter-date-range-quick-option-active',\n                activeQuickKey === opt.key && styles['filter-date-range-quick-option-active'],\n              )}\n              onClick={() => {\n                const v = opt.getValue();\n                if (v) {\n                  setDates(v);\n                  setActiveQuickKey(opt.key);\n                }\n              }}\n            >\n              {opt.label}\n            </span>\n          ))}\n        </div>\n      )}\n      <RangePicker\n        className={classNames('filter-date-range-picker', styles['filter-date-range-picker'])}\n        picker={picker}\n        value={dates}\n        disabledDate={disabledDate}\n        onChange={(vals) => {\n          setDates(vals as [Dayjs | null, Dayjs | null] | null);\n          setActiveQuickKey(null);\n        }}\n      />\n    </FilterPopover>\n  );\n};\n\nexport default FilterDateRange;\nexport type { FilterDateRangeProps, QuickOption };\nexport { findMatchingQuickKey, isSameRange, getBuiltInMonthOptions };\n"],"names":["RangePicker","DatePicker","BUILT_IN_DAY_OPTIONS","dayjs","getBuiltInMonthOptions","end","isSameRange","a","b","rangeUnit","picker","findMatchingQuickKey","range","opts","start","parsePickerValue","unit","opt","v","FilterDateRange","filterKey","label","value","onChange","defaultValue","showDefaultAsSelected","showQuickOptions","quickOptions","disabledDate","active","hidden","display","dependsOn","clearOnDepsChange","open","setOpen","useState","dates","setDates","activeQuickKey","setActiveQuickKey","onChangeRef","useRef","resolvedLabel","useFilterFieldBridge","_a","registerFn","useFilterRegister","visible","resolveFilterVisible","useMemo","syncActiveQuickKey","revertToCommitted","useEffect","hasNonDefaultValue","valueLabel","jsxs","FilterPopover","nextOpen","formatPickerValue","jsx","classNames","styles","vals"],"mappings":"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"}

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

@@ -1,74 +1,75 @@
 import { jsx as d } from "react/jsx-runtime";
-import { Input as E } from "antd";
-import { useState as L, useRef as P, useEffect as f } from "react";
-import V from "../FilterPopover/index.js";
+import { Input as x } from "antd";
+import { useState as E, useRef as L, useEffect as f } from "react";
+import P from "../FilterPopover/index.js";
 import { useFilterFieldBridge as j, useFilterRegister as w } from "../useFilterState.js";
-import { resolveHidden as F } from "../types.js";
-const q = ({
+import { resolveFilterVisible as B } from "../types.js";
+const G = ({
   filterKey: e,
-  label: v,
+  label: F,
   value: t,
   onChange: r,
-  placeholder: R,
-  active: b,
-  hidden: u,
-  dependsOn: I,
-  clearOnDepsChange: x = !0
+  placeholder: b,
+  active: v,
+  hidden: R,
+  display: I,
+  dependsOn: V,
+  clearOnDepsChange: n = !0
 }) => {
-  const [p, m] = L(t ?? ""), s = P(r);
+  const [c, u] = E(t ?? ""), s = L(r);
   s.current = r;
   const { resolvedLabel: i } = j({
     filterKey: e,
     value: t,
-    label: v,
-    dependsOn: I,
-    clearOnDepsChange: x,
+    label: F,
+    dependsOn: V,
+    clearOnDepsChange: n,
     onDepsClear: () => {
-      var l;
-      return (l = s.current) == null ? void 0 : l.call(s, void 0);
+      var o;
+      return (o = s.current) == null ? void 0 : o.call(s, void 0);
     }
-  }), o = w();
+  }), l = w(), m = B({ display: I, hidden: R });
   if (f(() => {
-    m(t ?? "");
+    u(t ?? "");
   }, [t]), f(() => {
-    if (o) {
-      if (F(u)) {
-        o.unregister(e);
+    if (l) {
+      if (!m) {
+        l.unregister(e);
         return;
       }
-      t ? o.register(e, {
+      t ? l.register(e, {
         label: i,
         valueLabel: t,
         onRemove: () => r == null ? void 0 : r(void 0)
-      }) : o.unregister(e);
+      }) : l.unregister(e);
     }
-  }, [t, e, i, u]), F(u)) return null;
-  const c = () => {
-    r == null || r(p || void 0);
+  }, [t, e, i, m]), !m) return null;
+  const p = () => {
+    r == null || r(c || void 0);
   };
   return /* @__PURE__ */ d(
-    V,
+    P,
     {
       label: i,
-      active: b || !!t,
-      onConfirm: c,
+      active: v || !!t,
+      onConfirm: p,
       onReset: () => {
-        m(""), r == null || r(void 0);
+        u(""), r == null || r(void 0);
       },
       children: /* @__PURE__ */ d(
-        E,
+        x,
         {
-          placeholder: R ?? `请输入${i}`,
+          placeholder: b ?? `请输入${i}`,
           allowClear: !0,
-          value: p,
-          onChange: (l) => m(l.target.value),
-          onPressEnter: c
+          value: c,
+          onChange: (o) => u(o.target.value),
+          onPressEnter: p
         }
       )
     }
   );
 };
 export {
-  q as default
+  G as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterInput/index.tsx"],"sourcesContent":["import { Input } from 'antd';\nimport React, { useEffect, useRef, useState } from 'react';\nimport FilterPopover from '../FilterPopover';\nimport { useFilterFieldBridge, useFilterRegister } from '../useFilterState';\nimport type { BaseFilterProps } from '../types';\nimport { resolveHidden } from '../types';\n\ninterface FilterInputProps extends BaseFilterProps {\n  value?: string;\n  onChange?: (value: string | undefined) => void;\n  placeholder?: string;\n}\n\nconst FilterInput: React.FC<FilterInputProps> = ({\n  filterKey,\n  label,\n  value,\n  onChange,\n  placeholder,\n  active,\n  hidden,\n  dependsOn,\n  clearOnDepsChange = true,\n}) => {\n  const [inputValue, setInputValue] = useState(value ?? '');\n\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const { resolvedLabel } = useFilterFieldBridge({\n    filterKey,\n    value,\n    label,\n    dependsOn,\n    clearOnDepsChange,\n    onDepsClear: () => onChangeRef.current?.(undefined),\n  });\n\n  const registerFn = useFilterRegister();\n\n  useEffect(() => {\n    setInputValue(value ?? '');\n  }, [value]);\n\n  useEffect(() => {\n    if (!registerFn) return;\n    if (resolveHidden(hidden)) {\n      registerFn.unregister(filterKey);\n      return;\n    }\n    if (value) {\n      registerFn.register(filterKey, {\n        label: resolvedLabel,\n        valueLabel: value,\n        onRemove: () => onChange?.(undefined),\n      });\n    } else {\n      registerFn.unregister(filterKey);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, filterKey, resolvedLabel, hidden]);\n\n  if (resolveHidden(hidden)) return null;\n\n  const handleConfirm = () => {\n    onChange?.(inputValue || undefined);\n  };\n\n  const handleReset = () => {\n    setInputValue('');\n    onChange?.(undefined);\n  };\n\n  return (\n    <FilterPopover\n      label={resolvedLabel}\n      active={active || !!value}\n      onConfirm={handleConfirm}\n      onReset={handleReset}\n    >\n      <Input\n        placeholder={placeholder ?? `请输入${resolvedLabel}`}\n        allowClear\n        value={inputValue}\n        onChange={(e) => setInputValue(e.target.value)}\n        onPressEnter={handleConfirm}\n      />\n    </FilterPopover>\n  );\n};\n\nexport default FilterInput;\nexport type { FilterInputProps };\n"],"names":["FilterInput","filterKey","label","value","onChange","placeholder","active","hidden","dependsOn","clearOnDepsChange","inputValue","setInputValue","useState","onChangeRef","useRef","resolvedLabel","useFilterFieldBridge","_a","registerFn","useFilterRegister","useEffect","resolveHidden","handleConfirm","jsx","FilterPopover","Input","e"],"mappings":";;;;;;AAaA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,MAAM;AACJ,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAST,KAAS,EAAE,GAElDU,IAAcC,EAAOV,CAAQ;AACnC,EAAAS,EAAY,UAAUT;AAEtB,QAAM,EAAE,eAAAW,EAAA,IAAkBC,EAAqB;AAAA,IAC7C,WAAAf;AAAA,IACA,OAAAE;AAAA,IACA,OAAAD;AAAA,IACA,WAAAM;AAAA,IACA,mBAAAC;AAAA,IACA,aAAa,MAAA;;AAAM,cAAAQ,IAAAJ,EAAY,YAAZ,gBAAAI,EAAA,KAAAJ,GAAsB;AAAA;AAAA,EAAS,CACnD,GAEKK,IAAaC,EAAA;AAwBnB,MAtBAC,EAAU,MAAM;AACd,IAAAT,EAAcR,KAAS,EAAE;AAAA,EAC3B,GAAG,CAACA,CAAK,CAAC,GAEViB,EAAU,MAAM;AACd,QAAKF,GACL;AAAA,UAAIG,EAAcd,CAAM,GAAG;AACzB,QAAAW,EAAW,WAAWjB,CAAS;AAC/B;AAAA,MACF;AACA,MAAIE,IACFe,EAAW,SAASjB,GAAW;AAAA,QAC7B,OAAOc;AAAA,QACP,YAAYZ;AAAA,QACZ,UAAU,MAAMC,KAAA,gBAAAA,EAAW;AAAA,MAAS,CACrC,IAEDc,EAAW,WAAWjB,CAAS;AAAA;AAAA,EAGnC,GAAG,CAACE,GAAOF,GAAWc,GAAeR,CAAM,CAAC,GAExCc,EAAcd,CAAM,EAAG,QAAO;AAElC,QAAMe,IAAgB,MAAM;AAC1B,IAAAlB,KAAA,QAAAA,EAAWM,KAAc;AAAA,EAC3B;AAOA,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOT;AAAA,MACP,QAAQT,KAAU,CAAC,CAACH;AAAA,MACpB,WAAWmB;AAAA,MACX,SAVgB,MAAM;AACxB,QAAAX,EAAc,EAAE,GAChBP,KAAA,QAAAA,EAAW;AAAA,MACb;AAAA,MASI,UAAA,gBAAAmB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,aAAapB,KAAe,MAAMU,CAAa;AAAA,UAC/C,YAAU;AAAA,UACV,OAAOL;AAAA,UACP,UAAU,CAACgB,MAAMf,EAAce,EAAE,OAAO,KAAK;AAAA,UAC7C,cAAcJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterInput/index.tsx"],"sourcesContent":["import { Input } from 'antd';\nimport React, { useEffect, useRef, useState } from 'react';\nimport FilterPopover from '../FilterPopover';\nimport { useFilterFieldBridge, useFilterRegister } from '../useFilterState';\nimport type { BaseFilterProps } from '../types';\nimport { resolveFilterVisible } from '../types';\n\ninterface FilterInputProps extends BaseFilterProps {\n  value?: string;\n  onChange?: (value: string | undefined) => void;\n  placeholder?: string;\n}\n\nconst FilterInput: React.FC<FilterInputProps> = ({\n  filterKey,\n  label,\n  value,\n  onChange,\n  placeholder,\n  active,\n  hidden,\n  display,\n  dependsOn,\n  clearOnDepsChange = true,\n}) => {\n  const [inputValue, setInputValue] = useState(value ?? '');\n\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const { resolvedLabel } = useFilterFieldBridge({\n    filterKey,\n    value,\n    label,\n    dependsOn,\n    clearOnDepsChange,\n    onDepsClear: () => onChangeRef.current?.(undefined),\n  });\n\n  const registerFn = useFilterRegister();\n  const visible = resolveFilterVisible({ display, hidden });\n\n  useEffect(() => {\n    setInputValue(value ?? '');\n  }, [value]);\n\n  useEffect(() => {\n    if (!registerFn) return;\n    if (!visible) {\n      registerFn.unregister(filterKey);\n      return;\n    }\n    if (value) {\n      registerFn.register(filterKey, {\n        label: resolvedLabel,\n        valueLabel: value,\n        onRemove: () => onChange?.(undefined),\n      });\n    } else {\n      registerFn.unregister(filterKey);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, filterKey, resolvedLabel, visible]);\n\n  if (!visible) return null;\n\n  const handleConfirm = () => {\n    onChange?.(inputValue || undefined);\n  };\n\n  const handleReset = () => {\n    setInputValue('');\n    onChange?.(undefined);\n  };\n\n  return (\n    <FilterPopover\n      label={resolvedLabel}\n      active={active || !!value}\n      onConfirm={handleConfirm}\n      onReset={handleReset}\n    >\n      <Input\n        placeholder={placeholder ?? `请输入${resolvedLabel}`}\n        allowClear\n        value={inputValue}\n        onChange={(e) => setInputValue(e.target.value)}\n        onPressEnter={handleConfirm}\n      />\n    </FilterPopover>\n  );\n};\n\nexport default FilterInput;\nexport type { FilterInputProps };\n"],"names":["FilterInput","filterKey","label","value","onChange","placeholder","active","hidden","display","dependsOn","clearOnDepsChange","inputValue","setInputValue","useState","onChangeRef","useRef","resolvedLabel","useFilterFieldBridge","_a","registerFn","useFilterRegister","visible","resolveFilterVisible","useEffect","handleConfirm","jsx","FilterPopover","Input","e"],"mappings":";;;;;;AAaA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,MAAM;AACJ,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASV,KAAS,EAAE,GAElDW,IAAcC,EAAOX,CAAQ;AACnC,EAAAU,EAAY,UAAUV;AAEtB,QAAM,EAAE,eAAAY,EAAA,IAAkBC,EAAqB;AAAA,IAC7C,WAAAhB;AAAA,IACA,OAAAE;AAAA,IACA,OAAAD;AAAA,IACA,WAAAO;AAAA,IACA,mBAAAC;AAAA,IACA,aAAa,MAAA;;AAAM,cAAAQ,IAAAJ,EAAY,YAAZ,gBAAAI,EAAA,KAAAJ,GAAsB;AAAA;AAAA,EAAS,CACnD,GAEKK,IAAaC,EAAA,GACbC,IAAUC,EAAqB,EAAE,SAAAd,GAAS,QAAAD,GAAQ;AAwBxD,MAtBAgB,EAAU,MAAM;AACd,IAAAX,EAAcT,KAAS,EAAE;AAAA,EAC3B,GAAG,CAACA,CAAK,CAAC,GAEVoB,EAAU,MAAM;AACd,QAAKJ,GACL;AAAA,UAAI,CAACE,GAAS;AACZ,QAAAF,EAAW,WAAWlB,CAAS;AAC/B;AAAA,MACF;AACA,MAAIE,IACFgB,EAAW,SAASlB,GAAW;AAAA,QAC7B,OAAOe;AAAA,QACP,YAAYb;AAAA,QACZ,UAAU,MAAMC,KAAA,gBAAAA,EAAW;AAAA,MAAS,CACrC,IAEDe,EAAW,WAAWlB,CAAS;AAAA;AAAA,EAGnC,GAAG,CAACE,GAAOF,GAAWe,GAAeK,CAAO,CAAC,GAEzC,CAACA,EAAS,QAAO;AAErB,QAAMG,IAAgB,MAAM;AAC1B,IAAApB,KAAA,QAAAA,EAAWO,KAAc;AAAA,EAC3B;AAOA,SACE,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOV;AAAA,MACP,QAAQV,KAAU,CAAC,CAACH;AAAA,MACpB,WAAWqB;AAAA,MACX,SAVgB,MAAM;AACxB,QAAAZ,EAAc,EAAE,GAChBR,KAAA,QAAAA,EAAW;AAAA,MACb;AAAA,MASI,UAAA,gBAAAqB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,aAAatB,KAAe,MAAMW,CAAa;AAAA,UAC/C,YAAU;AAAA,UACV,OAAOL;AAAA,UACP,UAAU,CAACiB,MAAMhB,EAAcgB,EAAE,OAAO,KAAK;AAAA,UAC7C,cAAcJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EAAA;AAGN;"}

package/dist/components/Filter/FilterLayoutContext.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export type FilterLayoutContextValue = {
+    isMobile: boolean;
+};
+export declare function FilterLayoutProvider({ isMobile, children, }: {
+    isMobile: boolean;
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function useFilterLayout(): FilterLayoutContextValue;

package/dist/components/Filter/FilterLayoutContext.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useContext as i, createContext as n } from "react";
+const t = n({ isMobile: !1 });
+function l({
+  isMobile: e,
+  children: o
+}) {
+  return /* @__PURE__ */ r(t.Provider, { value: { isMobile: e }, children: o });
+}
+function s() {
+  return i(t);
+}
+export {
+  l as FilterLayoutProvider,
+  s as useFilterLayout
+};
+//# sourceMappingURL=FilterLayoutContext.js.map

package/dist/components/Filter/FilterLayoutContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterLayoutContext.js","sources":["../../../src/components/Filter/FilterLayoutContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\n\nexport type FilterLayoutContextValue = {\n  isMobile: boolean;\n};\n\nconst FilterLayoutContext = createContext<FilterLayoutContextValue>({ isMobile: false });\n\nexport function FilterLayoutProvider({\n  isMobile,\n  children,\n}: {\n  isMobile: boolean;\n  children: React.ReactNode;\n}) {\n  return (\n    <FilterLayoutContext.Provider value={{ isMobile }}>{children}</FilterLayoutContext.Provider>\n  );\n}\n\nexport function useFilterLayout() {\n  return useContext(FilterLayoutContext);\n}\n"],"names":["FilterLayoutContext","createContext","FilterLayoutProvider","isMobile","children","jsx","useFilterLayout","useContext"],"mappings":";;AAMA,MAAMA,IAAsBC,EAAwC,EAAE,UAAU,IAAO;AAEhF,SAASC,EAAqB;AAAA,EACnC,UAAAC;AAAA,EACA,UAAAC;AACF,GAGG;AACD,SACE,gBAAAC,EAACL,EAAoB,UAApB,EAA6B,OAAO,EAAE,UAAAG,EAAA,GAAa,UAAAC,GAAS;AAEjE;AAEO,SAASE,IAAkB;AAChC,SAAOC,EAAWP,CAAmB;AACvC;"}

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { BaseFilterProps, FilterOption } from '../types';
+export type FilterListValue = string | number | (string | number)[] | undefined;
+export type FilterListProps = BaseFilterProps & {
+    options: FilterOption[];
+    value?: FilterListValue;
+    onChange?: (value: FilterListValue) => void;
+    /** true：单选；默认多选 */
+    single?: boolean;
+    /** 多选上限；默认 5 */
+    maxSelection?: number;
+    /** popover：筛选项弹层；inline：直接展示 Tag（仍 register） */
+    mode?: 'popover' | 'inline';
+};
+declare const FilterList: React.FC<FilterListProps>;
+export default FilterList;

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

@@ -0,0 +1,133 @@
+import { jsxs as D, jsx as u } from "react/jsx-runtime";
+import { Space as M, Tag as V, message as z } from "antd";
+import B from "classnames";
+import { useState as E, useRef as O, useEffect as w, useMemo as P } from "react";
+import $ from "../FilterPopover/index.js";
+import { resolveFilterVisible as q } from "../types.js";
+import { useFilterFieldBridge as y, useFilterRegister as G } from "../useFilterState.js";
+import L from "./style.module.scss.js";
+const { CheckableTag: H } = V;
+function n(t) {
+  return t == null || t === "" ? [] : Array.isArray(t) ? t : [t];
+}
+function I(t, m) {
+  const l = n(t);
+  if (!l.length) return "";
+  const i = new Map(m.map((r) => [String(r.value), r.label]));
+  return l.map((r) => i.get(String(r)) ?? String(r)).join("、");
+}
+const J = ({ options: t, draft: m, single: l, maxSelection: i, onDraftChange: r }) => /* @__PURE__ */ u(M, { size: 4, wrap: !0, className: L["filter-list-tags"], children: t.map((s) => {
+  const b = m.some((c) => String(c) === String(s.value));
+  return /* @__PURE__ */ u(
+    H,
+    {
+      checked: b,
+      onChange: (c) => {
+        if (l) {
+          r(c ? [s.value] : []);
+          return;
+        }
+        let f = m.slice();
+        if (c ? f.push(s.value) : f = f.filter((S) => String(S) !== String(s.value)), f.length > i) {
+          z.error(`最多选择 ${i} 项`);
+          return;
+        }
+        r(f);
+      },
+      children: s.label
+    },
+    String(s.value)
+  );
+}) }), K = ({
+  filterKey: t,
+  label: m,
+  options: l,
+  value: i,
+  onChange: r,
+  single: s = !1,
+  maxSelection: b = 5,
+  mode: c = "popover",
+  active: f,
+  hidden: S,
+  display: A,
+  dependsOn: R,
+  clearOnDepsChange: T = !0
+}) => {
+  const [g, o] = E(() => n(i)), a = O(r);
+  a.current = r;
+  const { resolvedLabel: p } = y({
+    filterKey: t,
+    value: i,
+    label: m,
+    dependsOn: R,
+    clearOnDepsChange: T,
+    onDepsClear: () => {
+      var e;
+      return (e = a.current) == null ? void 0 : e.call(a, void 0);
+    }
+  }), d = G(), F = q({ display: A, hidden: S });
+  w(() => {
+    o(n(i));
+  }, [i]);
+  const v = P(() => I(i, l), [i, l]);
+  if (w(() => {
+    if (d) {
+      if (!F) {
+        d.unregister(t);
+        return;
+      }
+      v ? d.register(t, {
+        label: p,
+        valueLabel: v,
+        onRemove: () => r == null ? void 0 : r(void 0)
+      }) : d.unregister(t);
+    }
+  }, [v, t, p, F]), !F) return null;
+  const N = (e) => {
+    s ? r == null || r(e[0]) : r == null || r(e.length ? e : void 0);
+  }, j = /* @__PURE__ */ u(
+    J,
+    {
+      options: l,
+      draft: g,
+      single: s,
+      maxSelection: b,
+      onDraftChange: (e) => {
+        o(e), c === "inline" && N(e);
+      }
+    }
+  );
+  if (c === "inline")
+    return /* @__PURE__ */ D(
+      "div",
+      {
+        className: B("filter-list-inline", L["filter-list-inline"]),
+        "data-filter-key": t,
+        children: [
+          /* @__PURE__ */ u("span", { className: L["filter-list-inline-label"], children: p }),
+          j
+        ]
+      }
+    );
+  const k = n(i).length > 0;
+  return /* @__PURE__ */ u(
+    $,
+    {
+      label: p,
+      active: f || k,
+      width: 360,
+      onOpenChange: (e) => {
+        e && o(n(i));
+      },
+      onConfirm: () => N(g),
+      onReset: () => {
+        o([]), r == null || r(void 0);
+      },
+      children: j
+    }
+  );
+};
+export {
+  K as default
+};
+//# sourceMappingURL=index.js.map