@hkyhy/marsun-components-core 0.1.51 → 0.1.52

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

@@ -0,0 +1,8 @@
+import e from "@kne/super-select";
+/* empty css                                                     */
+import { createKneFilterField as t } from "../createKneFilterField.js";
+const o = t(e, { panelWidth: 420 });
+export {
+  o as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterSuperSelect/index.tsx"],"sourcesContent":["// @ts-nocheck — @kne/super-select 无完整 TS 类型\nimport SuperSelect from '@kne/super-select';\nimport '@kne/super-select/dist/index.css';\nimport { createKneFilterField } from '../createKneFilterField';\n\n/**\n * Marsun 适配版 SuperSelect 筛选项（对位 ReactFilter SuperSelectFilterItem）。\n * 对外 value 为 string | string[]；面板内 wrap kne SuperSelect。\n */\nconst FilterSuperSelect = createKneFilterField(SuperSelect, { panelWidth: 420 });\n\nexport default FilterSuperSelect;\nexport type { KneFilterFieldProps as FilterSuperSelectProps } from '../createKneFilterField';\n"],"names":["FilterSuperSelect","createKneFilterField","SuperSelect"],"mappings":";;;AASA,MAAMA,IAAoBC,EAAqBC,GAAa,EAAE,YAAY,KAAK;"}

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

@@ -5,6 +5,8 @@ interface FilterTriggerProps extends Omit<BaseFilterProps, 'filterKey'> {
     open?: boolean;
     /** 选项加载中：右侧用 Loader2 spin 替换 chevron */
     loading?: boolean;
+    /** 移动端 pill 外形 */
+    pill?: boolean;
     className?: string;
     children?: React.ReactNode;
 }
@@ -12,6 +14,7 @@ interface FilterTriggerProps extends Omit<BaseFilterProps, 'filterKey'> {
  * 筛选触发按钮
  * 未选中：灰色文字 + 下箭头
  * 已选：主题色文字 + 浅底 + 上箭头
+ * 打开（open）：visited 实心主色 + 白字（对齐 ReactFilter）
  * loading：右侧 Loader2 spin（替换 chevron）
  */
 declare const FilterTrigger: React.FC<FilterTriggerProps>;

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

@@ -1,64 +1,67 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { ChevronUp as s, ChevronDown as f, Loader2 as h } from "../../Icons/index.js";
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
+import { ChevronUp as s, ChevronDown as f, Loader2 as p } from "../../Icons/index.js";
 import e from "classnames";
 import r from "./style.module.scss.js";
-const x = ({
-  label: g,
+const y = ({
+  label: l,
   active: o,
   onClick: a,
-  open: l,
-  loading: i = !1,
-  className: c = "",
-  children: n
+  open: t,
+  loading: g = !1,
+  pill: c = !1,
+  className: n = "",
+  children: v
 }) => {
-  const v = l !== void 0 ? l ? /* @__PURE__ */ t(
+  const m = t !== void 0 ? t ? /* @__PURE__ */ i(
     s,
     {
       className: e("filter-trigger-chevron", r["filter-trigger-chevron"])
     }
-  ) : /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ i(
     f,
     {
       className: e("filter-trigger-chevron", r["filter-trigger-chevron"])
     }
-  ) : o ? /* @__PURE__ */ t(
+  ) : o ? /* @__PURE__ */ i(
     s,
     {
       className: e("filter-trigger-chevron", r["filter-trigger-chevron"])
     }
-  ) : /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ i(
     f,
     {
       className: e("filter-trigger-chevron", r["filter-trigger-chevron"])
     }
   );
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ h(
     "span",
     {
       className: e(
         "filter-trigger-root",
         r["filter-trigger-root"],
         o ? ["filter-trigger-active", r["filter-trigger-active"]] : ["filter-trigger-inactive", r["filter-trigger-inactive"]],
-        i && "filter-trigger-loading",
-        c
+        t && ["filter-trigger-visited", r["filter-trigger-visited"]],
+        c && ["filter-trigger-pill", r["filter-trigger-pill"]],
+        g && "filter-trigger-loading",
+        n
       ),
       onClick: a,
-      "aria-busy": i || void 0,
+      "aria-busy": g || void 0,
       children: [
-        n ?? (typeof g == "function" ? null : g),
-        i ? /* @__PURE__ */ t(
-          h,
+        v ?? (typeof l == "function" ? null : l),
+        g ? /* @__PURE__ */ i(
+          p,
           {
             spin: !0,
             size: 12,
             className: e("filter-trigger-loader", r["filter-trigger-loader"])
           }
-        ) : v
+        ) : m
       ]
     }
   );
 };
 export {
-  x as default
+  y as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterTrigger/index.tsx"],"sourcesContent":["import { ChevronDown, ChevronUp, Loader2 } from '@/components/Icons';\nimport classNames from 'classnames';\nimport React from 'react';\nimport type { BaseFilterProps } from '../types';\nimport styles from './style.module.scss';\n\ninterface FilterTriggerProps extends Omit<BaseFilterProps, 'filterKey'> {\n  onClick?: (e: React.MouseEvent) => void;\n  open?: boolean;\n  /** 选项加载中：右侧用 Loader2 spin 替换 chevron */\n  loading?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * 筛选触发按钮\n * 未选中：灰色文字 + 下箭头\n * 已选：主题色文字 + 浅底 + 上箭头\n * loading：右侧 Loader2 spin（替换 chevron）\n */\nconst FilterTrigger: React.FC<FilterTriggerProps> = ({\n  label,\n  active,\n  onClick,\n  open,\n  loading = false,\n  className = '',\n  children,\n}) => {\n  const chevron =\n    open !== undefined ? (\n      open ? (\n        <ChevronUp\n          className={classNames('filter-trigger-chevron', styles['filter-trigger-chevron'])}\n        />\n      ) : (\n        <ChevronDown\n          className={classNames('filter-trigger-chevron', styles['filter-trigger-chevron'])}\n        />\n      )\n    ) : !active ? (\n      <ChevronDown\n        className={classNames('filter-trigger-chevron', styles['filter-trigger-chevron'])}\n      />\n    ) : (\n      <ChevronUp\n        className={classNames('filter-trigger-chevron', styles['filter-trigger-chevron'])}\n      />\n    );\n\n  return (\n    <span\n      className={classNames(\n        'filter-trigger-root',\n        styles['filter-trigger-root'],\n        active\n          ? ['filter-trigger-active', styles['filter-trigger-active']]\n          : ['filter-trigger-inactive', styles['filter-trigger-inactive']],\n        loading && 'filter-trigger-loading',\n        className,\n      )}\n      onClick={onClick}\n      aria-busy={loading || undefined}\n    >\n      {children ?? (typeof label === 'function' ? null : label)}\n      {loading ? (\n        <Loader2\n          spin\n          size={12}\n          className={classNames('filter-trigger-loader', styles['filter-trigger-loader'])}\n        />\n      ) : (\n        chevron\n      )}\n    </span>\n  );\n};\n\nexport default FilterTrigger;\nexport type { FilterTriggerProps };\n"],"names":["FilterTrigger","label","active","onClick","open","loading","className","children","chevron","jsx","ChevronUp","classNames","styles","ChevronDown","jsxs","Loader2"],"mappings":";;;;AAqBA,MAAMA,IAA8C,CAAC;AAAA,EACnD,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,UAAAC;AACF,MAAM;AACJ,QAAMC,IACJJ,MAAS,SACPA,IACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,0BAA0BC,EAAO,wBAAwB,CAAC;AAAA,IAAA;AAAA,EAAA,IAGlF,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,WAAWF,EAAW,0BAA0BC,EAAO,wBAAwB,CAAC;AAAA,IAAA;AAAA,EAAA,IAGjFV,IAKH,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,0BAA0BC,EAAO,wBAAwB,CAAC;AAAA,IAAA;AAAA,EAAA,IALlF,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,WAAWF,EAAW,0BAA0BC,EAAO,wBAAwB,CAAC;AAAA,IAAA;AAAA,EAAA;AAQtF,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,QACT;AAAA,QACAC,EAAO,qBAAqB;AAAA,QAC5BV,IACI,CAAC,yBAAyBU,EAAO,uBAAuB,CAAC,IACzD,CAAC,2BAA2BA,EAAO,yBAAyB,CAAC;AAAA,QACjEP,KAAW;AAAA,QACXC;AAAA,MAAA;AAAA,MAEF,SAAAH;AAAA,MACA,aAAWE,KAAW;AAAA,MAErB,UAAA;AAAA,QAAAE,MAAa,OAAON,KAAU,aAAa,OAAOA;AAAA,QAClDI,IACC,gBAAAI;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAI;AAAA,YACJ,MAAM;AAAA,YACN,WAAWJ,EAAW,yBAAyBC,EAAO,uBAAuB,CAAC;AAAA,UAAA;AAAA,QAAA,IAGhFJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterTrigger/index.tsx"],"sourcesContent":["import { ChevronDown, ChevronUp, Loader2 } from '@/components/Icons';\nimport classNames from 'classnames';\nimport React from 'react';\nimport type { BaseFilterProps } from '../types';\nimport styles from './style.module.scss';\n\ninterface FilterTriggerProps extends Omit<BaseFilterProps, 'filterKey'> {\n  onClick?: (e: React.MouseEvent) => void;\n  open?: boolean;\n  /** 选项加载中：右侧用 Loader2 spin 替换 chevron */\n  loading?: boolean;\n  /** 移动端 pill 外形 */\n  pill?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * 筛选触发按钮\n * 未选中：灰色文字 + 下箭头\n * 已选：主题色文字 + 浅底 + 上箭头\n * 打开（open）：visited 实心主色 + 白字（对齐 ReactFilter）\n * loading：右侧 Loader2 spin（替换 chevron）\n */\nconst FilterTrigger: React.FC<FilterTriggerProps> = ({\n  label,\n  active,\n  onClick,\n  open,\n  loading = false,\n  pill = false,\n  className = '',\n  children,\n}) => {\n  const chevron =\n    open !== undefined ? (\n      open ? (\n        <ChevronUp\n          className={classNames('filter-trigger-chevron', styles['filter-trigger-chevron'])}\n        />\n      ) : (\n        <ChevronDown\n          className={classNames('filter-trigger-chevron', styles['filter-trigger-chevron'])}\n        />\n      )\n    ) : !active ? (\n      <ChevronDown\n        className={classNames('filter-trigger-chevron', styles['filter-trigger-chevron'])}\n      />\n    ) : (\n      <ChevronUp\n        className={classNames('filter-trigger-chevron', styles['filter-trigger-chevron'])}\n      />\n    );\n\n  return (\n    <span\n      className={classNames(\n        'filter-trigger-root',\n        styles['filter-trigger-root'],\n        active\n          ? ['filter-trigger-active', styles['filter-trigger-active']]\n          : ['filter-trigger-inactive', styles['filter-trigger-inactive']],\n        open && ['filter-trigger-visited', styles['filter-trigger-visited']],\n        pill && ['filter-trigger-pill', styles['filter-trigger-pill']],\n        loading && 'filter-trigger-loading',\n        className,\n      )}\n      onClick={onClick}\n      aria-busy={loading || undefined}\n    >\n      {children ?? (typeof label === 'function' ? null : label)}\n      {loading ? (\n        <Loader2\n          spin\n          size={12}\n          className={classNames('filter-trigger-loader', styles['filter-trigger-loader'])}\n        />\n      ) : (\n        chevron\n      )}\n    </span>\n  );\n};\n\nexport default FilterTrigger;\nexport type { FilterTriggerProps };\n"],"names":["FilterTrigger","label","active","onClick","open","loading","pill","className","children","chevron","jsx","ChevronUp","classNames","styles","ChevronDown","jsxs","Loader2"],"mappings":";;;;AAwBA,MAAMA,IAA8C,CAAC;AAAA,EACnD,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC;AACF,MAAM;AACJ,QAAMC,IACJL,MAAS,SACPA,IACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,0BAA0BC,EAAO,wBAAwB,CAAC;AAAA,IAAA;AAAA,EAAA,IAGlF,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,WAAWF,EAAW,0BAA0BC,EAAO,wBAAwB,CAAC;AAAA,IAAA;AAAA,EAAA,IAGjFX,IAKH,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,0BAA0BC,EAAO,wBAAwB,CAAC;AAAA,IAAA;AAAA,EAAA,IALlF,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,WAAWF,EAAW,0BAA0BC,EAAO,wBAAwB,CAAC;AAAA,IAAA;AAAA,EAAA;AAQtF,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,QACT;AAAA,QACAC,EAAO,qBAAqB;AAAA,QAC5BX,IACI,CAAC,yBAAyBW,EAAO,uBAAuB,CAAC,IACzD,CAAC,2BAA2BA,EAAO,yBAAyB,CAAC;AAAA,QACjET,KAAQ,CAAC,0BAA0BS,EAAO,wBAAwB,CAAC;AAAA,QACnEP,KAAQ,CAAC,uBAAuBO,EAAO,qBAAqB,CAAC;AAAA,QAC7DR,KAAW;AAAA,QACXE;AAAA,MAAA;AAAA,MAEF,SAAAJ;AAAA,MACA,aAAWE,KAAW;AAAA,MAErB,UAAA;AAAA,QAAAG,MAAa,OAAOP,KAAU,aAAa,OAAOA;AAAA,QAClDI,IACC,gBAAAK;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAI;AAAA,YACJ,MAAM;AAAA,YACN,WAAWJ,EAAW,yBAAyBC,EAAO,uBAAuB,CAAC;AAAA,UAAA;AAAA,QAAA,IAGhFJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

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

@@ -1,9 +1,11 @@
 const r = {
-  "filter-trigger-root": "_filter-trigger-root_jz9q7_1",
-  "filter-trigger-active": "_filter-trigger-active_jz9q7_12",
-  "filter-trigger-inactive": "_filter-trigger-inactive_jz9q7_18",
-  "filter-trigger-chevron": "_filter-trigger-chevron_jz9q7_26",
-  "filter-trigger-loader": "_filter-trigger-loader_jz9q7_30"
+  "filter-trigger-root": "_filter-trigger-root_1m8d8_2",
+  "filter-trigger-active": "_filter-trigger-active_1m8d8_13",
+  "filter-trigger-inactive": "_filter-trigger-inactive_1m8d8_19",
+  "filter-trigger-visited": "_filter-trigger-visited_1m8d8_28",
+  "filter-trigger-chevron": "_filter-trigger-chevron_1m8d8_33",
+  "filter-trigger-loader": "_filter-trigger-loader_1m8d8_34",
+  "filter-trigger-pill": "_filter-trigger-pill_1m8d8_38"
 };
 export {
   r as default

package/dist/components/Filter/FilterTrigger/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/FilterTypeDateRange/index.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { BaseFilterProps } from '../types';
+export type FilterTypeDateRangeType = 'date' | 'month' | 'week';
+export type FilterTypeDateRangeValue = {
+    type: FilterTypeDateRangeType;
+    range: [string, string] | null;
+} | null;
+export type FilterTypeDateRangeProps = BaseFilterProps & {
+    value?: FilterTypeDateRangeValue;
+    onChange?: (value: FilterTypeDateRangeValue) => void;
+    showShortcuts?: boolean;
+};
+declare const FilterTypeDateRange: React.FC<FilterTypeDateRangeProps>;
+export default FilterTypeDateRange;

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

@@ -0,0 +1,189 @@
+import { jsx as a, jsxs as D } from "react/jsx-runtime";
+import { Space as g, Select as h, DatePicker as A } from "antd";
+import o from "dayjs";
+import Y from "classnames";
+import { useState as M, useRef as H, useEffect as S, useMemo as I } from "react";
+import U from "../FilterPopover/index.js";
+import { resolveFilterVisible as _ } from "../types.js";
+import { useFilterFieldBridge as q, useFilterRegister as x } from "../useFilterState.js";
+import f from "./style.module.scss.js";
+const z = [
+  { label: "自定义时间", value: "date" },
+  { label: "按月", value: "month" },
+  { label: "按周", value: "week" }
+], G = [
+  {
+    key: "last7",
+    label: "近7天",
+    getRange: () => [o().subtract(7, "day").startOf("day"), o().endOf("day")]
+  },
+  {
+    key: "thisMonth",
+    label: "本月",
+    getRange: () => [o().startOf("month"), o().endOf("month")]
+  },
+  {
+    key: "last3m",
+    label: "近3月",
+    getRange: () => [o().subtract(3, "month").startOf("day"), o().endOf("day")]
+  },
+  {
+    key: "thisYear",
+    label: "今年至今",
+    getRange: () => [o().startOf("year"), o().endOf("day")]
+  }
+];
+function b(r, l) {
+  return l === "month" ? r.format("YYYY-MM") : r.format("YYYY-MM-DD");
+}
+function J(r, l) {
+  if (!(r != null && r[0]) || !(r != null && r[1])) return null;
+  const t = o(r[0]), s = o(r[1]);
+  return !t.isValid() || !s.isValid() ? null : [t.startOf(l === "week" ? "week" : l), s.endOf(l === "week" ? "week" : l)];
+}
+function Q(r) {
+  var s;
+  if (!((s = r == null ? void 0 : r.range) != null && s[0]) || !r.range[1]) return "";
+  const [l, t] = r.range;
+  return r.type === "month" ? `${l} ~ ${t}` : `${l} ~ ${t}`;
+}
+const st = ({
+  filterKey: r,
+  label: l,
+  value: t,
+  onChange: s,
+  showShortcuts: T = !0,
+  active: V,
+  hidden: j,
+  display: P,
+  dependsOn: $,
+  clearOnDepsChange: B = !0
+}) => {
+  var N;
+  const [n, d] = M((t == null ? void 0 : t.type) ?? "date"), [i, c] = M((t == null ? void 0 : t.range) ?? null), p = H(s);
+  p.current = s;
+  const { resolvedLabel: u } = q({
+    filterKey: r,
+    value: t,
+    label: l,
+    dependsOn: $,
+    clearOnDepsChange: B,
+    onDepsClear: () => {
+      var e;
+      return (e = p.current) == null ? void 0 : e.call(p, null);
+    }
+  }), y = x(), O = _({ display: P, hidden: j });
+  S(() => {
+    d((t == null ? void 0 : t.type) ?? "date"), c((t == null ? void 0 : t.range) ?? null);
+  }, [t]);
+  const w = I(() => Q(t ?? null), [t]);
+  if (S(() => {
+    if (y) {
+      if (!O) {
+        y.unregister(r);
+        return;
+      }
+      w ? y.register(r, {
+        label: u,
+        valueLabel: w,
+        onRemove: () => s == null ? void 0 : s(null)
+      }) : y.unregister(r);
+    }
+  }, [w, r, u, O]), !O) return null;
+  const k = J(i, n), F = (e, m) => {
+    if (!m) {
+      c(null);
+      return;
+    }
+    c([b(m[0], e), b(m[1], e)]);
+  };
+  return /* @__PURE__ */ a(
+    U,
+    {
+      label: u,
+      active: V || !!((N = t == null ? void 0 : t.range) != null && N[0] && t.range[1]),
+      width: 420,
+      onOpenChange: (e) => {
+        e && (d((t == null ? void 0 : t.type) ?? "date"), c((t == null ? void 0 : t.range) ?? null));
+      },
+      onConfirm: () => {
+        i != null && i[0] && i[1] ? s == null || s({ type: n, range: i }) : s == null || s(null);
+      },
+      onReset: () => {
+        d("date"), c(null), s == null || s(null);
+      },
+      children: /* @__PURE__ */ D(
+        "div",
+        {
+          className: Y("filter-type-date-range-body", f["filter-type-date-range-body"]),
+          children: [
+            /* @__PURE__ */ D(g.Compact, { className: f["filter-type-date-range-compact"], children: [
+              /* @__PURE__ */ a(
+                h,
+                {
+                  style: { width: 120 },
+                  value: n,
+                  options: z,
+                  onChange: (e) => {
+                    d(e), k && F(e, [
+                      k[0].startOf(e === "week" ? "week" : e),
+                      k[1].endOf(e === "week" ? "week" : e)
+                    ]);
+                  }
+                }
+              ),
+              /* @__PURE__ */ a(
+                A.RangePicker,
+                {
+                  className: f["filter-type-date-range-picker"],
+                  picker: n,
+                  value: k,
+                  onChange: (e) => {
+                    if (!(e != null && e[0]) || !e[1]) {
+                      c(null);
+                      return;
+                    }
+                    F(n, [
+                      e[0].startOf(n === "week" ? "week" : n),
+                      e[1].endOf(n === "week" ? "week" : n)
+                    ]);
+                  }
+                }
+              )
+            ] }),
+            T ? /* @__PURE__ */ a(
+              "div",
+              {
+                className: Y(
+                  "filter-type-date-range-shortcuts",
+                  f["filter-type-date-range-shortcuts"]
+                ),
+                children: G.map((e) => {
+                  const [m, L] = e.getRange(), R = [b(m, "date"), b(L, "date")], E = n === "date" && (i == null ? void 0 : i[0]) === R[0] && (i == null ? void 0 : i[1]) === R[1];
+                  return /* @__PURE__ */ a(
+                    "span",
+                    {
+                      className: Y(
+                        f["filter-type-date-range-shortcut"],
+                        E && f["filter-type-date-range-shortcut-active"]
+                      ),
+                      onClick: () => {
+                        d("date"), c(R);
+                      },
+                      children: e.label
+                    },
+                    e.key
+                  );
+                })
+              }
+            ) : null
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  st as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterTypeDateRange/index.tsx"],"sourcesContent":["import { DatePicker, Select, Space } from 'antd';\nimport dayjs, { type Dayjs } from 'dayjs';\nimport classNames from 'classnames';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport FilterPopover from '../FilterPopover';\nimport type { BaseFilterProps } from '../types';\nimport { resolveFilterVisible } from '../types';\nimport { useFilterFieldBridge, useFilterRegister } from '../useFilterState';\nimport styles from './style.module.scss';\n\nexport type FilterTypeDateRangeType = 'date' | 'month' | 'week';\n\nexport type FilterTypeDateRangeValue = {\n  type: FilterTypeDateRangeType;\n  range: [string, string] | null;\n} | null;\n\nexport type FilterTypeDateRangeProps = BaseFilterProps & {\n  value?: FilterTypeDateRangeValue;\n  onChange?: (value: FilterTypeDateRangeValue) => void;\n  showShortcuts?: boolean;\n};\n\nconst TYPE_OPTIONS: { label: string; value: FilterTypeDateRangeType }[] = [\n  { label: '自定义时间', value: 'date' },\n  { label: '按月', value: 'month' },\n  { label: '按周', value: 'week' },\n];\n\ntype Shortcut = { key: string; label: string; getRange: () => [Dayjs, Dayjs] };\n\nconst SHORTCUTS: Shortcut[] = [\n  {\n    key: 'last7',\n    label: '近7天',\n    getRange: () => [dayjs().subtract(7, 'day').startOf('day'), dayjs().endOf('day')],\n  },\n  {\n    key: 'thisMonth',\n    label: '本月',\n    getRange: () => [dayjs().startOf('month'), dayjs().endOf('month')],\n  },\n  {\n    key: 'last3m',\n    label: '近3月',\n    getRange: () => [dayjs().subtract(3, 'month').startOf('day'), dayjs().endOf('day')],\n  },\n  {\n    key: 'thisYear',\n    label: '今年至今',\n    getRange: () => [dayjs().startOf('year'), dayjs().endOf('day')],\n  },\n];\n\nfunction formatBound(d: Dayjs, type: FilterTypeDateRangeType): string {\n  if (type === 'month') return d.format('YYYY-MM');\n  return d.format('YYYY-MM-DD');\n}\n\nfunction toDayjsPair(\n  range: [string, string] | null | undefined,\n  type: FilterTypeDateRangeType,\n): [Dayjs, Dayjs] | null {\n  if (!range?.[0] || !range?.[1]) return null;\n  const a = dayjs(range[0]);\n  const b = dayjs(range[1]);\n  if (!a.isValid() || !b.isValid()) return null;\n  return [a.startOf(type === 'week' ? 'week' : type), b.endOf(type === 'week' ? 'week' : type)];\n}\n\nfunction formatValueLabel(v: FilterTypeDateRangeValue): string {\n  if (!v?.range?.[0] || !v.range[1]) return '';\n  const [a, b] = v.range;\n  if (v.type === 'month') return `${a} ~ ${b}`;\n  return `${a} ~ ${b}`;\n}\n\nconst FilterTypeDateRange: React.FC<FilterTypeDateRangeProps> = ({\n  filterKey,\n  label,\n  value,\n  onChange,\n  showShortcuts = true,\n  active,\n  hidden,\n  display,\n  dependsOn,\n  clearOnDepsChange = true,\n}) => {\n  const [type, setType] = useState<FilterTypeDateRangeType>(value?.type ?? 'date');\n  const [range, setRange] = useState<[string, string] | null>(value?.range ?? 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\n  useEffect(() => {\n    setType(value?.type ?? 'date');\n    setRange(value?.range ?? null);\n  }, [value]);\n\n  const valueLabel = useMemo(() => formatValueLabel(value ?? null), [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 pickerValue = toDayjsPair(range, type);\n\n  const applyRange = (nextType: FilterTypeDateRangeType, nextPair: [Dayjs, Dayjs] | null) => {\n    if (!nextPair) {\n      setRange(null);\n      return;\n    }\n    setRange([formatBound(nextPair[0], nextType), formatBound(nextPair[1], nextType)]);\n  };\n\n  return (\n    <FilterPopover\n      label={resolvedLabel}\n      active={active || Boolean(value?.range?.[0] && value.range[1])}\n      width={420}\n      onOpenChange={(open) => {\n        if (open) {\n          setType(value?.type ?? 'date');\n          setRange(value?.range ?? null);\n        }\n      }}\n      onConfirm={() => {\n        if (range?.[0] && range[1]) {\n          onChange?.({ type, range });\n        } else {\n          onChange?.(null);\n        }\n      }}\n      onReset={() => {\n        setType('date');\n        setRange(null);\n        onChange?.(null);\n      }}\n    >\n      <div\n        className={classNames('filter-type-date-range-body', styles['filter-type-date-range-body'])}\n      >\n        <Space.Compact className={styles['filter-type-date-range-compact']}>\n          <Select\n            style={{ width: 120 }}\n            value={type}\n            options={TYPE_OPTIONS}\n            onChange={(t: FilterTypeDateRangeType) => {\n              setType(t);\n              if (pickerValue) {\n                applyRange(t, [\n                  pickerValue[0].startOf(t === 'week' ? 'week' : t),\n                  pickerValue[1].endOf(t === 'week' ? 'week' : t),\n                ]);\n              }\n            }}\n          />\n          <DatePicker.RangePicker\n            className={styles['filter-type-date-range-picker']}\n            picker={type}\n            value={pickerValue}\n            onChange={(dates) => {\n              if (!dates?.[0] || !dates[1]) {\n                setRange(null);\n                return;\n              }\n              applyRange(type, [\n                dates[0].startOf(type === 'week' ? 'week' : type),\n                dates[1].endOf(type === 'week' ? 'week' : type),\n              ]);\n            }}\n          />\n        </Space.Compact>\n        {showShortcuts ? (\n          <div\n            className={classNames(\n              'filter-type-date-range-shortcuts',\n              styles['filter-type-date-range-shortcuts'],\n            )}\n          >\n            {SHORTCUTS.map((s) => {\n              const [a, b] = s.getRange();\n              const candidate: [string, string] = [formatBound(a, 'date'), formatBound(b, 'date')];\n              const isActive =\n                type === 'date' && range?.[0] === candidate[0] && range?.[1] === candidate[1];\n              return (\n                <span\n                  key={s.key}\n                  className={classNames(\n                    styles['filter-type-date-range-shortcut'],\n                    isActive && styles['filter-type-date-range-shortcut-active'],\n                  )}\n                  onClick={() => {\n                    setType('date');\n                    setRange(candidate);\n                  }}\n                >\n                  {s.label}\n                </span>\n              );\n            })}\n          </div>\n        ) : null}\n      </div>\n    </FilterPopover>\n  );\n};\n\nexport default FilterTypeDateRange;\n"],"names":["TYPE_OPTIONS","SHORTCUTS","dayjs","formatBound","d","type","toDayjsPair","range","a","b","formatValueLabel","v","_a","FilterTypeDateRange","filterKey","label","value","onChange","showShortcuts","active","hidden","display","dependsOn","clearOnDepsChange","setType","useState","setRange","onChangeRef","useRef","resolvedLabel","useFilterFieldBridge","registerFn","useFilterRegister","visible","resolveFilterVisible","useEffect","valueLabel","useMemo","pickerValue","applyRange","nextType","nextPair","jsx","FilterPopover","open","jsxs","classNames","styles","Space","Select","t","DatePicker","dates","s","candidate","isActive"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+const t = {
+  "filter-type-date-range-body": "_filter-type-date-range-body_10x10_1",
+  "filter-type-date-range-compact": "_filter-type-date-range-compact_10x10_7",
+  "filter-type-date-range-picker": "_filter-type-date-range-picker_10x10_11",
+  "filter-type-date-range-shortcuts": "_filter-type-date-range-shortcuts_10x10_16",
+  "filter-type-date-range-shortcut": "_filter-type-date-range-shortcut_10x10_16",
+  "filter-type-date-range-shortcut-active": "_filter-type-date-range-shortcut-active_10x10_32"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=style.module.scss.js.map

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

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

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

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { BaseFilterProps } from './types';
+import { KneSelectItem, MarsunSelectValue } from './kneValueAdapter';
+export type KneFilterFieldProps = BaseFilterProps & {
+    value?: MarsunSelectValue;
+    onChange?: (value: MarsunSelectValue) => void;
+    /** 对齐 kne：true 单选 */
+    single?: boolean;
+    /** 面板宽度 */
+    panelWidth?: number;
+    /** 透传给 kne 组件的其余 props */
+    [key: string]: unknown;
+};
+type KneComponentProps = Record<string, unknown> & {
+    value?: KneSelectItem | KneSelectItem[] | null;
+    onChange?: (v: KneSelectItem | KneSelectItem[] | null) => void;
+    single?: boolean;
+    valueType?: string;
+    allowClear?: boolean;
+    className?: string;
+};
+/**
+ * 将 kne SuperSelect / plus 选择器包进 CommonFilter：FilterPopover 壳 + Marsun 值适配。
+ */
+export declare function createKneFilterField(KneComponent: React.ComponentType<KneComponentProps>, defaults?: {
+    panelWidth?: number;
+}): React.FC<KneFilterFieldProps>;
+export {};

package/dist/components/Filter/createKneFilterField.js

@@ -0,0 +1,104 @@
+import { jsx as b } from "react/jsx-runtime";
+import { useRef as k, useState as O, useEffect as L, useMemo as P } from "react";
+import S from "./FilterPopover/index.js";
+import { resolveFilterVisible as W } from "./types.js";
+import { useFilterFieldBridge as $, useFilterRegister as q } from "./useFilterState.js";
+import { marsunToKne as a, marsunValueLabel as z, kneValueLabel as G, mergeKneLabelMaps as V, kneToMarsun as H } from "./kneValueAdapter.js";
+import D from "./createKneFilterField.module.scss.js";
+import R from "classnames";
+function K(u, f) {
+  const M = ({
+    filterKey: s,
+    label: T,
+    value: r,
+    onChange: e,
+    single: t = !1,
+    panelWidth: v = (f == null ? void 0 : f.panelWidth) ?? 420,
+    active: w,
+    hidden: y,
+    display: A,
+    dependsOn: j,
+    clearOnDepsChange: x = !0,
+    ...N
+  }) => {
+    const l = k({
+      labelMap: {},
+      itemMap: {}
+    }), [n, c] = O(
+      () => a(r, { single: t, ...l.current })
+    ), m = k(e);
+    m.current = e;
+    const { resolvedLabel: p } = $({
+      filterKey: s,
+      value: r,
+      label: T,
+      dependsOn: j,
+      clearOnDepsChange: x,
+      onDepsClear: () => {
+        var i;
+        return (i = m.current) == null ? void 0 : i.call(m, void 0);
+      }
+    }), o = q(), d = W({ display: A, hidden: y });
+    L(() => {
+      c(a(r, { single: t, ...l.current }));
+    }, [r, t]);
+    const F = P(() => {
+      const i = z(r, l.current.labelMap);
+      return i || G(a(r, { single: t, ...l.current }), t);
+    }, [r, t]);
+    if (L(() => {
+      if (o) {
+        if (!d) {
+          o.unregister(s);
+          return;
+        }
+        F ? o.register(s, {
+          label: p,
+          valueLabel: F,
+          onRemove: () => e == null ? void 0 : e(void 0)
+        }) : o.unregister(s);
+      }
+    }, [F, s, p, d]), !d) return null;
+    const B = Array.isArray(r) ? r.length > 0 : r != null && r !== "", E = (i) => {
+      l.current = V(i, l.current), c(i);
+    };
+    return /* @__PURE__ */ b(
+      S,
+      {
+        label: p,
+        active: w || B,
+        width: v,
+        onOpenChange: (i) => {
+          i && c(a(r, { single: t, ...l.current }));
+        },
+        onConfirm: () => {
+          l.current = V(n, l.current), e == null || e(H(n, t));
+        },
+        onReset: () => {
+          c(t ? null : []), e == null || e(void 0);
+        },
+        children: /* @__PURE__ */ b("div", { className: R("kne-filter-field-panel", D["kne-filter-field-panel"]), children: /* @__PURE__ */ b(
+          u,
+          {
+            ...N,
+            className: R(
+              "kne-filter-field-inner",
+              D["kne-filter-field-inner"],
+              N.className
+            ),
+            single: t,
+            allowClear: !1,
+            valueType: "all",
+            value: n ?? (t ? null : []),
+            onChange: E
+          }
+        ) })
+      }
+    );
+  };
+  return M.displayName = `KneFilterField(${u.displayName || u.name || "Component"})`, M;
+}
+export {
+  K as createKneFilterField
+};
+//# sourceMappingURL=createKneFilterField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createKneFilterField.js","sources":["../../../src/components/Filter/createKneFilterField.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport FilterPopover from './FilterPopover';\nimport type { BaseFilterProps } from './types';\nimport { resolveFilterVisible } from './types';\nimport { useFilterFieldBridge, useFilterRegister } from './useFilterState';\nimport {\n  kneToMarsun,\n  kneValueLabel,\n  marsunToKne,\n  marsunValueLabel,\n  mergeKneLabelMaps,\n  type KneSelectItem,\n  type MarsunSelectValue,\n} from './kneValueAdapter';\nimport styles from './createKneFilterField.module.scss';\nimport classNames from 'classnames';\n\nexport type KneFilterFieldProps = BaseFilterProps & {\n  value?: MarsunSelectValue;\n  onChange?: (value: MarsunSelectValue) => void;\n  /** 对齐 kne：true 单选 */\n  single?: boolean;\n  /** 面板宽度 */\n  panelWidth?: number;\n  /** 透传给 kne 组件的其余 props */\n  [key: string]: unknown;\n};\n\ntype KneComponentProps = Record<string, unknown> & {\n  value?: KneSelectItem | KneSelectItem[] | null;\n  onChange?: (v: KneSelectItem | KneSelectItem[] | null) => void;\n  single?: boolean;\n  valueType?: string;\n  allowClear?: boolean;\n  className?: string;\n};\n\n/**\n * 将 kne SuperSelect / plus 选择器包进 CommonFilter：FilterPopover 壳 + Marsun 值适配。\n */\nexport function createKneFilterField(\n  KneComponent: React.ComponentType<KneComponentProps>,\n  defaults?: { panelWidth?: number },\n) {\n  const KneFilterField: React.FC<KneFilterFieldProps> = ({\n    filterKey,\n    label,\n    value,\n    onChange,\n    single = false,\n    panelWidth = defaults?.panelWidth ?? 420,\n    active,\n    hidden,\n    display,\n    dependsOn,\n    clearOnDepsChange = true,\n    ...kneRest\n  }) => {\n    const mapsRef = useRef({\n      labelMap: {} as Record<string, string>,\n      itemMap: {} as Record<string, KneSelectItem>,\n    });\n    const [draft, setDraft] = useState<KneSelectItem | KneSelectItem[] | null>(() =>\n      marsunToKne(value, { single, ...mapsRef.current }),\n    );\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      setDraft(marsunToKne(value, { single, ...mapsRef.current }));\n    }, [value, single]);\n\n    const valueLabel = useMemo(() => {\n      const fromMaps = marsunValueLabel(value, mapsRef.current.labelMap);\n      if (fromMaps) return fromMaps;\n      return kneValueLabel(marsunToKne(value, { single, ...mapsRef.current }), single);\n    }, [value, single]);\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?.(undefined),\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 hasValue = Array.isArray(value) ? value.length > 0 : value != null && value !== '';\n\n    const handleDraftChange = (next: KneSelectItem | KneSelectItem[] | null) => {\n      mapsRef.current = mergeKneLabelMaps(next, mapsRef.current);\n      setDraft(next);\n    };\n\n    return (\n      <FilterPopover\n        label={resolvedLabel}\n        active={active || hasValue}\n        width={panelWidth}\n        onOpenChange={(open) => {\n          if (open) setDraft(marsunToKne(value, { single, ...mapsRef.current }));\n        }}\n        onConfirm={() => {\n          mapsRef.current = mergeKneLabelMaps(draft, mapsRef.current);\n          onChange?.(kneToMarsun(draft, single));\n        }}\n        onReset={() => {\n          setDraft(single ? null : []);\n          onChange?.(undefined);\n        }}\n      >\n        <div className={classNames('kne-filter-field-panel', styles['kne-filter-field-panel'])}>\n          <KneComponent\n            {...(kneRest as KneComponentProps)}\n            className={classNames(\n              'kne-filter-field-inner',\n              styles['kne-filter-field-inner'],\n              kneRest.className as string | undefined,\n            )}\n            single={single}\n            allowClear={false}\n            valueType=\"all\"\n            value={draft ?? (single ? null : [])}\n            onChange={handleDraftChange}\n          />\n        </div>\n      </FilterPopover>\n    );\n  };\n\n  KneFilterField.displayName = `KneFilterField(${KneComponent.displayName || KneComponent.name || 'Component'})`;\n  return KneFilterField;\n}\n"],"names":["createKneFilterField","KneComponent","defaults","KneFilterField","filterKey","label","value","onChange","single","panelWidth","active","hidden","display","dependsOn","clearOnDepsChange","kneRest","mapsRef","useRef","draft","setDraft","useState","marsunToKne","onChangeRef","resolvedLabel","useFilterFieldBridge","_a","registerFn","useFilterRegister","visible","resolveFilterVisible","useEffect","valueLabel","useMemo","fromMaps","marsunValueLabel","kneValueLabel","hasValue","handleDraftChange","next","mergeKneLabelMaps","jsx","FilterPopover","open","kneToMarsun","classNames","styles"],"mappings":"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"}

package/dist/components/Filter/createKneFilterField.module.scss.js

@@ -0,0 +1,8 @@
+const e = {
+  "kne-filter-field-panel": "_kne-filter-field-panel_185xm_1",
+  "kne-filter-field-inner": "_kne-filter-field-inner_185xm_6"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=createKneFilterField.module.scss.js.map

package/dist/components/Filter/createKneFilterField.module.scss.js.map

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

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

@@ -9,10 +9,22 @@ import { default as FilterDatePicker } from './FilterDatePicker';
 import { default as FilterNumberRange } from './FilterNumberRange';
 import { default as FilterTreeSelect } from './FilterTreeSelect';
 import { default as FilterCascader, treeToCascaderOptions } from './FilterCascader';
+import { default as FilterTypeDateRange } from './FilterTypeDateRange';
+import { default as FilterList } from './FilterList';
+import { default as FilterCity } from './FilterCity';
+import { default as FilterSuperSelect } from './FilterSuperSelect';
+import { default as FilterSelectTableList } from './FilterSelectTableList';
+import { default as FilterSelectFunction } from './FilterSelectFunction';
+import { default as FilterSelectIndustry } from './FilterSelectIndustry';
+import { default as FilterSelectAddress } from './FilterSelectAddress';
 export type { CommonFilterProps } from './CommonFilter';
 export type { BaseFilterProps, FilterOption, FilterLabel, FilterLabelContext, FilterLoadDataContext, PersonOption, SelectedItem, } from './types';
 export { resolveHidden, resolveFilterLabel, resolveFilterVisible, normalizeDependsOn, buildDepsKey, } from './types';
 export { CommonFilter };
+export { useFilterLayoutMode, FILTER_MOBILE_BREAKPOINT } from './useFilterLayoutMode';
+export { useHorizontalScrollShadows } from './useHorizontalScrollShadows';
+export { FilterLayoutProvider, useFilterLayout } from './FilterLayoutContext';
+export type { FilterLayoutContextValue } from './FilterLayoutContext';
 export type { FilterTriggerProps } from './FilterTrigger';
 export { FilterTrigger };
 export type { FilterPanelProps } from './FilterPanel';
@@ -33,5 +45,23 @@ export type { FilterTreeSelectProps, TreeFilterNode } from './FilterTreeSelect';
 export { FilterTreeSelect };
 export type { FilterCascaderProps, CascaderPath } from './FilterCascader';
 export { FilterCascader, treeToCascaderOptions };
+export type { FilterTypeDateRangeProps, FilterTypeDateRangeType, FilterTypeDateRangeValue, } from './FilterTypeDateRange';
+export { FilterTypeDateRange };
+export type { FilterListProps, FilterListValue } from './FilterList';
+export { FilterList };
+export type { FilterCityProps } from './FilterCity';
+export { FilterCity };
+export type { FilterSuperSelectProps } from './FilterSuperSelect';
+export { FilterSuperSelect };
+export type { FilterSelectTableListProps } from './FilterSelectTableList';
+export { FilterSelectTableList };
+export type { FilterSelectFunctionProps } from './FilterSelectFunction';
+export { FilterSelectFunction };
+export type { FilterSelectIndustryProps } from './FilterSelectIndustry';
+export { FilterSelectIndustry };
+export type { FilterSelectAddressProps } from './FilterSelectAddress';
+export { FilterSelectAddress };
+export { kneToMarsun, marsunToKne, kneValueLabel, marsunValueLabel, mergeKneLabelMaps, } from './kneValueAdapter';
+export type { KneSelectItem, MarsunSelectValue } from './kneValueAdapter';
 export { useFilterState, useFilterRegister, useFilterDeps, useFilterFieldBridge, FilterProvider, } from './useFilterState';
 export type { FilterContextValue } from './useFilterState';