@hkyhy/marsun-components-core 0.1.51 → 0.1.53

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';

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

@@ -0,0 +1,28 @@
+/** kne SuperSelect / plus 常用项：`{ label, value }`（及扩展字段） */
+export type KneSelectItem = {
+    label?: string;
+    value?: string | number;
+    [key: string]: unknown;
+};
+export type MarsunSelectValue = string | number | (string | number)[] | undefined;
+/** kne onChange 结果 → Marsun 标量 / 数组 */
+export declare function kneToMarsun(kne: KneSelectItem | KneSelectItem[] | null | undefined, single?: boolean): MarsunSelectValue;
+/** Marsun 值 → kne 控件 value（缺 label 时用 String(value)；可用 labelMap 补全） */
+export declare function marsunToKne(value: MarsunSelectValue, options?: {
+    single?: boolean;
+    labelMap?: Record<string, string>;
+    /** 完整 kne 项缓存（如 city 对象） */
+    itemMap?: Record<string, KneSelectItem>;
+}): KneSelectItem | KneSelectItem[] | null;
+/** 从 kne 草稿生成已选展示文案 */
+export declare function kneValueLabel(kne: KneSelectItem | KneSelectItem[] | null | undefined, single?: boolean): string;
+/** Marsun 值 + labelMap → 已选文案 */
+export declare function marsunValueLabel(value: MarsunSelectValue, labelMap?: Record<string, string>): string;
+/** 合并 kne onChange 项进 labelMap / itemMap */
+export declare function mergeKneLabelMaps(kne: KneSelectItem | KneSelectItem[] | null | undefined, prev: {
+    labelMap: Record<string, string>;
+    itemMap: Record<string, KneSelectItem>;
+}): {
+    labelMap: Record<string, string>;
+    itemMap: Record<string, KneSelectItem>;
+};

package/dist/components/Filter/kneValueAdapter.js

@@ -0,0 +1,64 @@
+function f(r) {
+  if (r != null && r.value !== void 0 && r.value !== null && r.value !== "")
+    return r.value;
+}
+function c(r) {
+  if (r == null) return "";
+  if (typeof r.label == "string" && r.label) return r.label;
+  const l = f(r);
+  return l == null ? "" : String(l);
+}
+function o(r, l) {
+  if (r != null) {
+    if (l || !Array.isArray(r) && typeof r == "object") {
+      const a = Array.isArray(r) ? r[0] : r;
+      return f(a);
+    }
+    if (!Array.isArray(r)) {
+      const a = f(r);
+      return a == null ? void 0 : [a];
+    }
+    return r.map(f).filter((a) => a !== void 0);
+  }
+}
+function s(r, l) {
+  const a = l == null ? void 0 : l.single, t = (l == null ? void 0 : l.labelMap) ?? {}, i = (l == null ? void 0 : l.itemMap) ?? {}, e = (u) => {
+    const n = String(u);
+    return i[n] ? { ...i[n], value: u, label: i[n].label ?? t[n] ?? n } : { value: u, label: t[n] ?? n };
+  };
+  if (r == null || r === "") return a ? null : [];
+  if (Array.isArray(r)) {
+    const u = r.map(e);
+    return a ? u[0] ?? null : u;
+  }
+  return a ? e(r) : [e(r)];
+}
+function y(r, l) {
+  if (r == null) return "";
+  if (l || !Array.isArray(r) && typeof r == "object") {
+    const t = Array.isArray(r) ? r[0] : r;
+    return c(t);
+  }
+  return (Array.isArray(r) ? r : [r]).map(c).filter(Boolean).join("、");
+}
+function A(r, l = {}) {
+  return r == null || r === "" ? "" : (Array.isArray(r) ? r : [r]).map((t) => l[String(t)] ?? String(t)).filter(Boolean).join("、");
+}
+function b(r, l) {
+  const a = { ...l.labelMap }, t = { ...l.itemMap }, i = r == null ? [] : Array.isArray(r) ? r : [r];
+  for (const e of i) {
+    const u = f(e);
+    if (u === void 0) continue;
+    const n = String(u);
+    a[n] = c(e) || n, t[n] = { ...e, value: u, label: a[n] };
+  }
+  return { labelMap: a, itemMap: t };
+}
+export {
+  o as kneToMarsun,
+  y as kneValueLabel,
+  s as marsunToKne,
+  A as marsunValueLabel,
+  b as mergeKneLabelMaps
+};
+//# sourceMappingURL=kneValueAdapter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kneValueAdapter.js","sources":["../../../src/components/Filter/kneValueAdapter.ts"],"sourcesContent":["/** kne SuperSelect / plus 常用项：`{ label, value }`（及扩展字段） */\nexport type KneSelectItem = {\n  label?: string;\n  value?: string | number;\n  [key: string]: unknown;\n};\n\nexport type MarsunSelectValue = string | number | (string | number)[] | undefined;\n\nfunction itemValue(item: KneSelectItem | null | undefined): string | number | undefined {\n  if (item == null) return undefined;\n  if (item.value !== undefined && item.value !== null && item.value !== '') return item.value;\n  return undefined;\n}\n\nfunction itemLabel(item: KneSelectItem | null | undefined): string {\n  if (item == null) return '';\n  if (typeof item.label === 'string' && item.label) return item.label;\n  const v = itemValue(item);\n  return v == null ? '' : String(v);\n}\n\n/** kne onChange 结果 → Marsun 标量 / 数组 */\nexport function kneToMarsun(\n  kne: KneSelectItem | KneSelectItem[] | null | undefined,\n  single?: boolean,\n): MarsunSelectValue {\n  if (kne == null) return undefined;\n  if (single || (!Array.isArray(kne) && typeof kne === 'object')) {\n    const one = Array.isArray(kne) ? kne[0] : kne;\n    return itemValue(one);\n  }\n  if (!Array.isArray(kne)) {\n    const v = itemValue(kne);\n    return v == null ? undefined : [v];\n  }\n  return kne.map(itemValue).filter((v): v is string | number => v !== undefined);\n}\n\n/** Marsun 值 → kne 控件 value（缺 label 时用 String(value)；可用 labelMap 补全） */\nexport function marsunToKne(\n  value: MarsunSelectValue,\n  options?: {\n    single?: boolean;\n    labelMap?: Record<string, string>;\n    /** 完整 kne 项缓存（如 city 对象） */\n    itemMap?: Record<string, KneSelectItem>;\n  },\n): KneSelectItem | KneSelectItem[] | null {\n  const single = options?.single;\n  const labelMap = options?.labelMap ?? {};\n  const itemMap = options?.itemMap ?? {};\n\n  const toItem = (v: string | number): KneSelectItem => {\n    const key = String(v);\n    if (itemMap[key])\n      return { ...itemMap[key], value: v, label: itemMap[key].label ?? labelMap[key] ?? key };\n    return { value: v, label: labelMap[key] ?? key };\n  };\n\n  if (value == null || value === '') return single ? null : [];\n  if (Array.isArray(value)) {\n    const items = value.map(toItem);\n    return single ? (items[0] ?? null) : items;\n  }\n  return single ? toItem(value) : [toItem(value)];\n}\n\n/** 从 kne 草稿生成已选展示文案 */\nexport function kneValueLabel(\n  kne: KneSelectItem | KneSelectItem[] | null | undefined,\n  single?: boolean,\n): string {\n  if (kne == null) return '';\n  if (single || (!Array.isArray(kne) && typeof kne === 'object')) {\n    const one = Array.isArray(kne) ? kne[0] : kne;\n    return itemLabel(one);\n  }\n  const arr = Array.isArray(kne) ? kne : [kne];\n  return arr.map(itemLabel).filter(Boolean).join('、');\n}\n\n/** Marsun 值 + labelMap → 已选文案 */\nexport function marsunValueLabel(\n  value: MarsunSelectValue,\n  labelMap: Record<string, string> = {},\n): string {\n  if (value == null || value === '') return '';\n  const parts = Array.isArray(value) ? value : [value];\n  return parts\n    .map((v) => labelMap[String(v)] ?? String(v))\n    .filter(Boolean)\n    .join('、');\n}\n\n/** 合并 kne onChange 项进 labelMap / itemMap */\nexport function mergeKneLabelMaps(\n  kne: KneSelectItem | KneSelectItem[] | null | undefined,\n  prev: { labelMap: Record<string, string>; itemMap: Record<string, KneSelectItem> },\n): { labelMap: Record<string, string>; itemMap: Record<string, KneSelectItem> } {\n  const labelMap = { ...prev.labelMap };\n  const itemMap = { ...prev.itemMap };\n  const list = kne == null ? [] : Array.isArray(kne) ? kne : [kne];\n  for (const item of list) {\n    const v = itemValue(item);\n    if (v === undefined) continue;\n    const key = String(v);\n    labelMap[key] = itemLabel(item) || key;\n    itemMap[key] = { ...item, value: v, label: labelMap[key] };\n  }\n  return { labelMap, itemMap };\n}\n"],"names":["itemValue","item","itemLabel","v","kneToMarsun","kne","single","one","marsunToKne","value","options","labelMap","itemMap","toItem","key","items","kneValueLabel","marsunValueLabel","mergeKneLabelMaps","prev","list"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+import { RefObject } from 'react';
+/** 与 ReactFilter / styles §8.12 对齐的窄屏断点（px） */
+export declare const FILTER_MOBILE_BREAKPOINT = 768;
+export type UseFilterLayoutModeOptions = {
+    /** 仅当 measureContainer 为 true 时按该元素宽度判定 */
+    containerRef?: RefObject<HTMLElement | null>;
+    /**
+     * 是否按容器宽度判定。默认 false：只跟视口，避免 showcase 半栏 / 侧栏误判移动端。
+     */
+    measureContainer?: boolean;
+};
+/**
+ * 筛选栏布局模式。
+ * - 默认：视口 matchMedia(max-width: 767px)
+ * - measureContainer + containerRef：按容器 clientWidth（窄预览场景显式开启）
+ */
+export declare function useFilterLayoutMode(options?: UseFilterLayoutModeOptions): {
+    isMobile: boolean;
+};

package/dist/components/Filter/useFilterLayoutMode.js

@@ -0,0 +1,37 @@
+import { useState as h, useEffect as v } from "react";
+const c = 768;
+function l(u = {}) {
+  const { containerRef: s, measureContainer: d = !1 } = u, [f, i] = h(!1);
+  return v(() => {
+    if (d && s) {
+      let e;
+      const m = () => {
+        const r = s.current;
+        if (!r) return !1;
+        const t = () => i(r.clientWidth < c);
+        t();
+        const n = new ResizeObserver(t);
+        return n.observe(r), e = () => n.disconnect(), !0;
+      };
+      if (!m()) {
+        const r = requestAnimationFrame(() => {
+          if (!m()) {
+            const t = window.matchMedia(`(max-width: ${c - 1}px)`), n = () => i(t.matches);
+            n(), t.addEventListener("change", n), e = () => t.removeEventListener("change", n);
+          }
+        });
+        return () => {
+          cancelAnimationFrame(r), e == null || e();
+        };
+      }
+      return () => e == null ? void 0 : e();
+    }
+    const o = window.matchMedia(`(max-width: ${c - 1}px)`), a = () => i(o.matches);
+    return a(), o.addEventListener("change", a), () => o.removeEventListener("change", a);
+  }, [s, d]), { isMobile: f };
+}
+export {
+  c as FILTER_MOBILE_BREAKPOINT,
+  l as useFilterLayoutMode
+};
+//# sourceMappingURL=useFilterLayoutMode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterLayoutMode.js","sources":["../../../src/components/Filter/useFilterLayoutMode.ts"],"sourcesContent":["import { useEffect, useState, type RefObject } from 'react';\n\n/** 与 ReactFilter / styles §8.12 对齐的窄屏断点（px） */\nexport const FILTER_MOBILE_BREAKPOINT = 768;\n\nexport type UseFilterLayoutModeOptions = {\n  /** 仅当 measureContainer 为 true 时按该元素宽度判定 */\n  containerRef?: RefObject<HTMLElement | null>;\n  /**\n   * 是否按容器宽度判定。默认 false：只跟视口，避免 showcase 半栏 / 侧栏误判移动端。\n   */\n  measureContainer?: boolean;\n};\n\n/**\n * 筛选栏布局模式。\n * - 默认：视口 matchMedia(max-width: 767px)\n * - measureContainer + containerRef：按容器 clientWidth（窄预览场景显式开启）\n */\nexport function useFilterLayoutMode(options: UseFilterLayoutModeOptions = {}) {\n  const { containerRef, measureContainer = false } = options;\n  const [isMobile, setIsMobile] = useState(false);\n\n  useEffect(() => {\n    if (measureContainer && containerRef) {\n      let cleanup: (() => void) | undefined;\n      const bind = () => {\n        const el = containerRef.current;\n        if (!el) return false;\n        const update = () => setIsMobile(el.clientWidth < FILTER_MOBILE_BREAKPOINT);\n        update();\n        const ro = new ResizeObserver(update);\n        ro.observe(el);\n        cleanup = () => ro.disconnect();\n        return true;\n      };\n      if (!bind()) {\n        const raf = requestAnimationFrame(() => {\n          if (!bind()) {\n            // 容器尚未挂载时回退视口，避免卡在 false\n            const mq = window.matchMedia(`(max-width: ${FILTER_MOBILE_BREAKPOINT - 1}px)`);\n            const update = () => setIsMobile(mq.matches);\n            update();\n            mq.addEventListener('change', update);\n            cleanup = () => mq.removeEventListener('change', update);\n          }\n        });\n        return () => {\n          cancelAnimationFrame(raf);\n          cleanup?.();\n        };\n      }\n      return () => cleanup?.();\n    }\n\n    const mq = window.matchMedia(`(max-width: ${FILTER_MOBILE_BREAKPOINT - 1}px)`);\n    const update = () => setIsMobile(mq.matches);\n    update();\n    mq.addEventListener('change', update);\n    return () => mq.removeEventListener('change', update);\n  }, [containerRef, measureContainer]);\n\n  return { isMobile };\n}\n"],"names":["FILTER_MOBILE_BREAKPOINT","useFilterLayoutMode","options","containerRef","measureContainer","isMobile","setIsMobile","useState","useEffect","cleanup","bind","el","update","ro","raf","mq"],"mappings":";AAGO,MAAMA,IAA2B;AAgBjC,SAASC,EAAoBC,IAAsC,IAAI;AAC5E,QAAM,EAAE,cAAAC,GAAc,kBAAAC,IAAmB,GAAA,IAAUF,GAC7C,CAACG,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAE9C,SAAAC,EAAU,MAAM;AACd,QAAIJ,KAAoBD,GAAc;AACpC,UAAIM;AACJ,YAAMC,IAAO,MAAM;AACjB,cAAMC,IAAKR,EAAa;AACxB,YAAI,CAACQ,EAAI,QAAO;AAChB,cAAMC,IAAS,MAAMN,EAAYK,EAAG,cAAcX,CAAwB;AAC1EY,QAAAA,EAAAA;AACA,cAAMC,IAAK,IAAI,eAAeD,CAAM;AACpC,eAAAC,EAAG,QAAQF,CAAE,GACbF,IAAU,MAAMI,EAAG,WAAA,GACZ;AAAA,MACT;AACA,UAAI,CAACH,KAAQ;AACX,cAAMI,IAAM,sBAAsB,MAAM;AACtC,cAAI,CAACJ,KAAQ;AAEX,kBAAMK,IAAK,OAAO,WAAW,eAAef,IAA2B,CAAC,KAAK,GACvEY,IAAS,MAAMN,EAAYS,EAAG,OAAO;AAC3CH,YAAAA,EAAAA,GACAG,EAAG,iBAAiB,UAAUH,CAAM,GACpCH,IAAU,MAAMM,EAAG,oBAAoB,UAAUH,CAAM;AAAA,UACzD;AAAA,QACF,CAAC;AACD,eAAO,MAAM;AACX,+BAAqBE,CAAG,GACxBL,KAAA,QAAAA;AAAA,QACF;AAAA,MACF;AACA,aAAO,MAAMA,KAAA,gBAAAA;AAAA,IACf;AAEA,UAAMM,IAAK,OAAO,WAAW,eAAef,IAA2B,CAAC,KAAK,GACvEY,IAAS,MAAMN,EAAYS,EAAG,OAAO;AAC3C,WAAAH,EAAA,GACAG,EAAG,iBAAiB,UAAUH,CAAM,GAC7B,MAAMG,EAAG,oBAAoB,UAAUH,CAAM;AAAA,EACtD,GAAG,CAACT,GAAcC,CAAgB,CAAC,GAE5B,EAAE,UAAAC,EAAA;AACX;"}

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

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+/**
+ * 横向滚动边缘阴影：根据 overflow + scrollLeft 决定是否显示左右渐变。
+ */
+export declare function useHorizontalScrollShadows(scrollRef: RefObject<HTMLElement | null>): {
+    showPrev: boolean;
+    showNext: boolean;
+    update: () => void;
+};