@hkyhy/marsun-components-core 0.1.28 → 0.1.30

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

@@ -1,117 +1,135 @@
-import { jsxs as E, jsx as h } from "react/jsx-runtime";
-import { DatePicker as H } from "antd";
-import I from "dayjs";
-import { useState as O, useMemo as g, useEffect as j } from "react";
-import { parsePickerValue as u, formatPickerValue as K } from "../../../utils/pickerDate.js";
-import L from "../FilterPopover/index.js";
-import { resolveHidden as M } from "../types.js";
-import { useFilterRegister as T } from "../useFilterState.js";
-import c from "./style.module.scss.js";
-import P from "classnames";
-function Y(r) {
-  const e = I();
-  return r === "year" ? [{ key: "thisYear", label: "今年", getValue: () => e.startOf("year") }] : r === "month" ? [{ key: "thisMonth", label: "本月", getValue: () => e.startOf("month") }] : [{ key: "today", label: "今天", getValue: () => e.startOf("day") }];
+import { jsxs as T, jsx as O } from "react/jsx-runtime";
+import { DatePicker as Y } from "antd";
+import w from "dayjs";
+import { useState as P, useRef as z, useMemo as M, useEffect as R } from "react";
+import { parsePickerValue as m, formatPickerValue as G } from "../../../utils/pickerDate.js";
+import J from "../FilterPopover/index.js";
+import { resolveHidden as S } from "../types.js";
+import { useFilterFieldBridge as K, useFilterRegister as U } from "../useFilterState.js";
+import u from "./style.module.scss.js";
+import q from "classnames";
+function W(t) {
+  const l = w();
+  return t === "year" ? [{ key: "thisYear", label: "今年", getValue: () => l.startOf("year") }] : t === "month" ? [{ key: "thisMonth", label: "本月", getValue: () => l.startOf("month") }] : [{ key: "today", label: "今天", getValue: () => l.startOf("day") }];
 }
-function w(r, e) {
-  return !r && !e ? !0 : !r || !e ? !1 : r === e;
+function X(t, l) {
+  return !t && !l ? !0 : !t || !l ? !1 : t === l;
 }
-function z(r, e, t) {
-  if (!r) return null;
-  const i = u(r, e);
+function Z(t, l, e) {
+  if (!t) return null;
+  const i = m(t, l);
   if (!i.isValid()) return null;
-  for (const n of t) {
-    const m = n.getValue(), d = e === "year" ? "year" : e === "month" ? "month" : "day";
-    if (m.isSame(i, d)) return n.key;
+  for (const s of e) {
+    const d = s.getValue(), k = l === "year" ? "year" : l === "month" ? "month" : "day";
+    if (d.isSame(i, k)) return s.key;
   }
   return null;
 }
-const it = ({
-  filterKey: r,
-  label: e,
-  value: t,
+const ae = ({
+  filterKey: t,
+  label: l,
+  value: e,
   onChange: i,
-  picker: n = "date",
-  defaultValue: m,
-  showDefaultAsSelected: d = !1,
-  showQuickOptions: q = !1,
-  quickOptions: N,
-  placeholder: R,
-  disabledDate: S,
-  active: A,
-  hidden: k
+  picker: s = "date",
+  defaultValue: d,
+  showDefaultAsSelected: k = !1,
+  showQuickOptions: N = !1,
+  quickOptions: x,
+  placeholder: A,
+  disabledDate: B,
+  active: L,
+  hidden: p,
+  dependsOn: g,
+  clearOnDepsChange: E = !0
 }) => {
-  const [b, p] = O(!1), [y, l] = O(t ? u(t, n) : null), [x, o] = O(null), f = T(), a = g(
-    () => N ?? (q ? Y(n) : []),
-    [N, q, n]
-  ), F = (s) => {
-    o(z(s, n, a));
-  }, Q = () => {
-    t ? (l(u(t, n)), F(t)) : (l(null), o(null));
+  const [H, y] = P(!1), [V, n] = P(e ? m(e, s) : null), [Q, o] = P(null), c = z(i);
+  c.current = i;
+  const { resolvedLabel: D } = K({
+    filterKey: t,
+    value: e,
+    label: l,
+    dependsOn: g,
+    clearOnDepsChange: E,
+    onDepsClear: () => {
+      var r;
+      return (r = c.current) == null ? void 0 : r.call(c, null);
+    }
+  }), a = U(), f = M(
+    () => x ?? (N ? W(s) : []),
+    [x, N, s]
+  ), h = (r) => {
+    o(Z(r, s, f));
+  }, j = () => {
+    e ? (n(m(e, s)), h(e)) : (n(null), o(null));
   };
-  j(() => {
-    t ? (l(u(t, n)), F(t)) : (l(null), o(null));
-  }, [t, n, a]);
-  const V = d ? !!t : !!t && !w(t, m), D = g(() => !V || !t ? "" : t, [V, t]);
-  return j(() => {
-    if (f) {
-      if (M(k)) {
-        f.unregister(r);
+  R(() => {
+    e ? (n(m(e, s)), h(e)) : (n(null), o(null));
+  }, [e, s, f]);
+  const b = k ? !!e : !!e && !X(e, d), F = M(() => !b || !e ? "" : e, [b, e]);
+  return R(() => {
+    if (a) {
+      if (S(p)) {
+        a.unregister(t);
         return;
       }
-      D ? f.register(r, { label: e, valueLabel: D, onRemove: () => i == null ? void 0 : i(null) }) : f.unregister(r);
+      F ? a.register(t, {
+        label: D,
+        valueLabel: F,
+        onRemove: () => i == null ? void 0 : i(null)
+      }) : a.unregister(t);
     }
-  }, [D, r, e, k]), M(k) ? null : /* @__PURE__ */ E(
-    L,
+  }, [F, t, D, p]), S(p) ? null : /* @__PURE__ */ T(
+    J,
     {
-      label: e,
-      active: A || V,
-      open: b,
-      onOpenChange: (s) => {
-        Q(), p(s);
+      label: D,
+      active: L || b,
+      open: H,
+      onOpenChange: (r) => {
+        j(), y(r);
       },
       onConfirm: () => {
-        y ? i == null || i(K(y, n)) : i == null || i(null), p(!1);
+        V ? i == null || i(G(V, s)) : i == null || i(null), y(!1);
       },
       onReset: () => {
-        Q(), p(!1);
+        j(), y(!1);
       },
       children: [
-        a.length > 0 ? /* @__PURE__ */ h(
+        f.length > 0 ? /* @__PURE__ */ O(
           "div",
           {
-            className: P(
+            className: q(
               "filter-date-picker-quick-options",
-              c["filter-date-picker-quick-options"]
+              u["filter-date-picker-quick-options"]
             ),
-            children: a.map((s) => /* @__PURE__ */ h(
+            children: f.map((r) => /* @__PURE__ */ O(
               "span",
               {
-                className: P(
+                className: q(
                   "filter-date-picker-quick-option",
-                  c["filter-date-picker-quick-option"],
-                  x === s.key && "filter-date-picker-quick-option-active",
-                  x === s.key && c["filter-date-picker-quick-option-active"]
+                  u["filter-date-picker-quick-option"],
+                  Q === r.key && "filter-date-picker-quick-option-active",
+                  Q === r.key && u["filter-date-picker-quick-option-active"]
                 ),
                 onClick: () => {
-                  const B = s.getValue();
-                  l(B), o(s.key);
+                  const I = r.getValue();
+                  n(I), o(r.key);
                 },
-                children: s.label
+                children: r.label
               },
-              s.key
+              r.key
             ))
           }
         ) : null,
-        /* @__PURE__ */ h(
-          H,
+        /* @__PURE__ */ O(
+          Y,
           {
-            className: P("filter-date-picker", c["filter-date-picker"]),
-            picker: n,
-            value: y,
-            placeholder: R,
-            disabledDate: S,
-            onChange: (s) => {
-              l(s), o(null);
+            className: q("filter-date-picker", u["filter-date-picker"]),
+            picker: s,
+            value: V,
+            placeholder: A,
+            disabledDate: B,
+            onChange: (r) => {
+              n(r), o(null);
             }
           }
         )
@@ -120,9 +138,9 @@ const it = ({
   );
 };
 export {
-  it as default,
-  z as findMatchingQuickKey,
-  Y as getBuiltInQuickOptions,
-  w as isSamePickerValue
+  ae as default,
+  Z as findMatchingQuickKey,
+  W as getBuiltInQuickOptions,
+  X as isSamePickerValue
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterDatePicker/index.tsx"],"sourcesContent":["import { DatePicker } from 'antd';\nimport dayjs, { type Dayjs } from 'dayjs';\nimport React, { useEffect, useMemo, 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 { useFilterRegister } from '../useFilterState';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\n/** 单值快捷选项 */\ninterface SingleQuickOption {\n  key: string;\n  label: string;\n  getValue: () => Dayjs;\n}\n\ninterface FilterDatePickerProps extends BaseFilterProps {\n  value?: string | null;\n  onChange?: (value: string | null) => void;\n  /** 选择粒度：日 / 月 / 年 */\n  picker?: DatePickerGranularity;\n  /** 默认值：与默认相同时视为未筛选（除非 showDefaultAsSelected） */\n  defaultValue?: string;\n  /** 为 true 时，value 等于 defaultValue 仍展示在已选 Tag 中 */\n  showDefaultAsSelected?: boolean;\n  showQuickOptions?: boolean;\n  quickOptions?: SingleQuickOption[];\n  placeholder?: string;\n  disabledDate?: (current: Dayjs) => boolean;\n}\n\nfunction getBuiltInQuickOptions(picker: DatePickerGranularity): SingleQuickOption[] {\n  const now = dayjs();\n  if (picker === 'year') {\n    return [{ key: 'thisYear', label: '今年', getValue: () => now.startOf('year') }];\n  }\n  if (picker === 'month') {\n    return [{ key: 'thisMonth', label: '本月', getValue: () => now.startOf('month') }];\n  }\n  return [{ key: 'today', label: '今天', getValue: () => now.startOf('day') }];\n}\n\nfunction isSamePickerValue(a?: string | null, b?: string): boolean {\n  if (!a && !b) return true;\n  if (!a || !b) return false;\n  return a === b;\n}\n\nfunction findMatchingQuickKey(\n  value: string | null | undefined,\n  picker: DatePickerGranularity,\n  opts: SingleQuickOption[],\n): string | null {\n  if (!value) return null;\n  const current = parsePickerValue(value, picker);\n  if (!current.isValid()) return null;\n  for (const opt of opts) {\n    const candidate = opt.getValue();\n    const unit = picker === 'year' ? 'year' : picker === 'month' ? 'month' : 'day';\n    if (candidate.isSame(current, unit)) return opt.key;\n  }\n  return null;\n}\n\nconst FilterDatePicker: React.FC<FilterDatePickerProps> = ({\n  filterKey,\n  label,\n  value,\n  onChange,\n  picker = 'date',\n  defaultValue,\n  showDefaultAsSelected = false,\n  showQuickOptions = false,\n  quickOptions,\n  placeholder,\n  disabledDate,\n  active,\n  hidden,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [draft, setDraft] = useState<Dayjs | null>(value ? parsePickerValue(value, picker) : null);\n  const [activeQuickKey, setActiveQuickKey] = useState<string | null>(null);\n\n  const registerFn = useFilterRegister();\n  const opts = useMemo(\n    () => quickOptions ?? (showQuickOptions ? getBuiltInQuickOptions(picker) : []),\n    [quickOptions, showQuickOptions, picker],\n  );\n\n  const syncActiveQuickKey = (nextValue: string | null | undefined) => {\n    setActiveQuickKey(findMatchingQuickKey(nextValue, picker, opts));\n  };\n\n  const revertToCommitted = () => {\n    if (value) {\n      setDraft(parsePickerValue(value, picker));\n      syncActiveQuickKey(value);\n    } else {\n      setDraft(null);\n      setActiveQuickKey(null);\n    }\n  };\n\n  useEffect(() => {\n    if (value) {\n      setDraft(parsePickerValue(value, picker));\n      syncActiveQuickKey(value);\n    } else {\n      setDraft(null);\n      setActiveQuickKey(null);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, picker, opts]);\n\n  const hasNonDefaultValue = showDefaultAsSelected\n    ? !!value\n    : !!value && !isSamePickerValue(value, defaultValue);\n\n  const valueLabel = useMemo(() => {\n    if (!hasNonDefaultValue || !value) return '';\n    return value;\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, { label, valueLabel, onRemove: () => onChange?.(null) });\n    } else {\n      registerFn.unregister(filterKey);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueLabel, filterKey, label, hidden]);\n\n  if (resolveHidden(hidden)) return null;\n\n  const handleConfirm = () => {\n    if (draft) {\n      onChange?.(formatPickerValue(draft, 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={label}\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-picker-quick-options',\n            styles['filter-date-picker-quick-options'],\n          )}\n        >\n          {opts.map((opt) => (\n            <span\n              key={opt.key}\n              className={classNames(\n                'filter-date-picker-quick-option',\n                styles['filter-date-picker-quick-option'],\n                activeQuickKey === opt.key && 'filter-date-picker-quick-option-active',\n                activeQuickKey === opt.key && styles['filter-date-picker-quick-option-active'],\n              )}\n              onClick={() => {\n                const next = opt.getValue();\n                setDraft(next);\n                setActiveQuickKey(opt.key);\n              }}\n            >\n              {opt.label}\n            </span>\n          ))}\n        </div>\n      ) : null}\n      <DatePicker\n        className={classNames('filter-date-picker', styles['filter-date-picker'])}\n        picker={picker}\n        value={draft}\n        placeholder={placeholder}\n        disabledDate={disabledDate}\n        onChange={(next) => {\n          setDraft(next);\n          setActiveQuickKey(null);\n        }}\n      />\n    </FilterPopover>\n  );\n};\n\nexport default FilterDatePicker;\nexport type { FilterDatePickerProps, SingleQuickOption };\nexport { findMatchingQuickKey, getBuiltInQuickOptions, isSamePickerValue };\n"],"names":["getBuiltInQuickOptions","picker","now","dayjs","isSamePickerValue","a","b","findMatchingQuickKey","value","opts","current","parsePickerValue","opt","candidate","unit","FilterDatePicker","filterKey","label","onChange","defaultValue","showDefaultAsSelected","showQuickOptions","quickOptions","placeholder","disabledDate","active","hidden","open","setOpen","useState","draft","setDraft","activeQuickKey","setActiveQuickKey","registerFn","useFilterRegister","useMemo","syncActiveQuickKey","nextValue","revertToCommitted","useEffect","hasNonDefaultValue","valueLabel","resolveHidden","jsxs","FilterPopover","nextOpen","formatPickerValue","jsx","classNames","styles","next","DatePicker"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Filter/FilterDatePicker/index.tsx"],"sourcesContent":["import { DatePicker } from 'antd';\nimport dayjs, { type Dayjs } from 'dayjs';\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\n/** 单值快捷选项 */\ninterface SingleQuickOption {\n  key: string;\n  label: string;\n  getValue: () => Dayjs;\n}\n\ninterface FilterDatePickerProps extends BaseFilterProps {\n  value?: string | null;\n  onChange?: (value: string | null) => void;\n  /** 选择粒度：日 / 月 / 年 */\n  picker?: DatePickerGranularity;\n  /** 默认值：与默认相同时视为未筛选（除非 showDefaultAsSelected） */\n  defaultValue?: string;\n  /** 为 true 时，value 等于 defaultValue 仍展示在已选 Tag 中 */\n  showDefaultAsSelected?: boolean;\n  showQuickOptions?: boolean;\n  quickOptions?: SingleQuickOption[];\n  placeholder?: string;\n  disabledDate?: (current: Dayjs) => boolean;\n}\n\nfunction getBuiltInQuickOptions(picker: DatePickerGranularity): SingleQuickOption[] {\n  const now = dayjs();\n  if (picker === 'year') {\n    return [{ key: 'thisYear', label: '今年', getValue: () => now.startOf('year') }];\n  }\n  if (picker === 'month') {\n    return [{ key: 'thisMonth', label: '本月', getValue: () => now.startOf('month') }];\n  }\n  return [{ key: 'today', label: '今天', getValue: () => now.startOf('day') }];\n}\n\nfunction isSamePickerValue(a?: string | null, b?: string): boolean {\n  if (!a && !b) return true;\n  if (!a || !b) return false;\n  return a === b;\n}\n\nfunction findMatchingQuickKey(\n  value: string | null | undefined,\n  picker: DatePickerGranularity,\n  opts: SingleQuickOption[],\n): string | null {\n  if (!value) return null;\n  const current = parsePickerValue(value, picker);\n  if (!current.isValid()) return null;\n  for (const opt of opts) {\n    const candidate = opt.getValue();\n    const unit = picker === 'year' ? 'year' : picker === 'month' ? 'month' : 'day';\n    if (candidate.isSame(current, unit)) return opt.key;\n  }\n  return null;\n}\n\nconst FilterDatePicker: React.FC<FilterDatePickerProps> = ({\n  filterKey,\n  label,\n  value,\n  onChange,\n  picker = 'date',\n  defaultValue,\n  showDefaultAsSelected = false,\n  showQuickOptions = false,\n  quickOptions,\n  placeholder,\n  disabledDate,\n  active,\n  hidden,\n  dependsOn,\n  clearOnDepsChange = true,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [draft, setDraft] = useState<Dayjs | null>(value ? parsePickerValue(value, picker) : null);\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    () => quickOptions ?? (showQuickOptions ? getBuiltInQuickOptions(picker) : []),\n    [quickOptions, showQuickOptions, picker],\n  );\n\n  const syncActiveQuickKey = (nextValue: string | null | undefined) => {\n    setActiveQuickKey(findMatchingQuickKey(nextValue, picker, opts));\n  };\n\n  const revertToCommitted = () => {\n    if (value) {\n      setDraft(parsePickerValue(value, picker));\n      syncActiveQuickKey(value);\n    } else {\n      setDraft(null);\n      setActiveQuickKey(null);\n    }\n  };\n\n  useEffect(() => {\n    if (value) {\n      setDraft(parsePickerValue(value, picker));\n      syncActiveQuickKey(value);\n    } else {\n      setDraft(null);\n      setActiveQuickKey(null);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, picker, opts]);\n\n  const hasNonDefaultValue = showDefaultAsSelected\n    ? !!value\n    : !!value && !isSamePickerValue(value, defaultValue);\n\n  const valueLabel = useMemo(() => {\n    if (!hasNonDefaultValue || !value) return '';\n    return value;\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 (draft) {\n      onChange?.(formatPickerValue(draft, 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-picker-quick-options',\n            styles['filter-date-picker-quick-options'],\n          )}\n        >\n          {opts.map((opt) => (\n            <span\n              key={opt.key}\n              className={classNames(\n                'filter-date-picker-quick-option',\n                styles['filter-date-picker-quick-option'],\n                activeQuickKey === opt.key && 'filter-date-picker-quick-option-active',\n                activeQuickKey === opt.key && styles['filter-date-picker-quick-option-active'],\n              )}\n              onClick={() => {\n                const next = opt.getValue();\n                setDraft(next);\n                setActiveQuickKey(opt.key);\n              }}\n            >\n              {opt.label}\n            </span>\n          ))}\n        </div>\n      ) : null}\n      <DatePicker\n        className={classNames('filter-date-picker', styles['filter-date-picker'])}\n        picker={picker}\n        value={draft}\n        placeholder={placeholder}\n        disabledDate={disabledDate}\n        onChange={(next) => {\n          setDraft(next);\n          setActiveQuickKey(null);\n        }}\n      />\n    </FilterPopover>\n  );\n};\n\nexport default FilterDatePicker;\nexport type { FilterDatePickerProps, SingleQuickOption };\nexport { findMatchingQuickKey, getBuiltInQuickOptions, isSamePickerValue };\n"],"names":["getBuiltInQuickOptions","picker","now","dayjs","isSamePickerValue","a","b","findMatchingQuickKey","value","opts","current","parsePickerValue","opt","candidate","unit","FilterDatePicker","filterKey","label","onChange","defaultValue","showDefaultAsSelected","showQuickOptions","quickOptions","placeholder","disabledDate","active","hidden","dependsOn","clearOnDepsChange","open","setOpen","useState","draft","setDraft","activeQuickKey","setActiveQuickKey","onChangeRef","useRef","resolvedLabel","useFilterFieldBridge","_a","registerFn","useFilterRegister","useMemo","syncActiveQuickKey","nextValue","revertToCommitted","useEffect","hasNonDefaultValue","valueLabel","resolveHidden","jsxs","FilterPopover","nextOpen","formatPickerValue","jsx","classNames","styles","next","DatePicker"],"mappings":"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"}

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

@@ -1,14 +1,14 @@
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
-import { DatePicker as B } from "antd";
+import { jsxs as W, jsx as R } from "react/jsx-runtime";
+import { DatePicker as $ } from "antd";
 import d from "dayjs";
-import { useState as g, useMemo as I, useEffect as j } from "react";
-import { parsePickerValue as f, formatPickerValue as x } from "../../../utils/pickerDate.js";
-import L from "../FilterPopover/index.js";
-import { resolveHidden as A } from "../types.js";
-import { useFilterRegister as U } from "../useFilterState.js";
-import V from "./style.module.scss.js";
-import P from "classnames";
-const { RangePicker: W } = B, $ = [
+import { useState as q, useRef as E, 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 = [
   {
     key: "lastWeek",
     label: "上周",
@@ -23,7 +23,7 @@ const { RangePicker: W } = B, $ = [
     getValue: () => [d().startOf("week"), d().endOf("week")]
   }
 ];
-function E() {
+function K() {
   const e = d().startOf("month");
   return [
     { key: "1m", label: "近1月", getValue: () => [e, e] },
@@ -39,93 +39,111 @@ function E() {
     }
   ];
 }
-function H(e, r) {
+function X(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 K(e) {
+function Z(e) {
   return e === "month" ? "month" : e === "year" ? "year" : "day";
 }
-function Y(e, r, t) {
+function b(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), k = K(t);
-  for (const y of r) {
-    const c = y.getValue();
-    if (c && c[0].isSame(i, k) && c[1].isSame(n, k))
-      return y.key;
+  const i = f(e[0], t), n = f(e[1], t), u = Z(t);
+  for (const k of r) {
+    const c = k.getValue();
+    if (c && c[0].isSame(i, u) && c[1].isSame(n, u))
+      return k.key;
   }
   return null;
 }
-const it = ({
+const dt = ({
   filterKey: e,
   label: r,
   value: t,
   onChange: i,
   picker: n = "date",
-  defaultValue: k,
-  showDefaultAsSelected: y = !1,
+  defaultValue: u,
+  showDefaultAsSelected: k = !1,
   showQuickOptions: c = !0,
-  quickOptions: R,
+  quickOptions: S,
   disabledDate: M,
   active: Q,
-  hidden: p
+  hidden: V,
+  dependsOn: T,
+  clearOnDepsChange: _ = !0
 }) => {
-  const [T, D] = g(!1), [o, m] = g(
+  const [U, a] = q(!1), [o, m] = q(
     t ? [f(t[0], n), f(t[1], n)] : null
-  ), [q, l] = g(null), u = U(), O = I(
-    () => R ?? (c ? n === "month" ? E() : $ : []),
-    [R, c, n]
-  ), w = (s) => {
-    l(Y(s, O, n));
-  }, S = () => {
-    t != null && t[0] && (t != null && t[1]) ? (m([f(t[0], n), f(t[1], n)]), w(t)) : (m(null), l(null));
+  ), [g, l] = q(null), y = E(i);
+  y.current = i;
+  const { resolvedLabel: N } = Y({
+    filterKey: e,
+    value: t,
+    label: r,
+    dependsOn: T,
+    clearOnDepsChange: _,
+    onDepsClear: () => {
+      var s;
+      return (s = y.current) == null ? void 0 : s.call(y, null);
+    }
+  }), p = z(), D = x(
+    () => S ?? (c ? n === "month" ? K() : J : []),
+    [S, c, n]
+  ), h = (s) => {
+    l(b(s, D, n));
+  }, I = () => {
+    t != null && t[0] && (t != null && t[1]) ? (m([f(t[0], n), f(t[1], n)]), h(t)) : (m(null), l(null));
   };
-  j(() => {
-    t != null && t[0] && (t != null && t[1]) ? (m([f(t[0], n), f(t[1], n)]), w(t)) : (m(null), l(null));
-  }, [t, O, n]);
-  const h = y ? !!(t != null && t[0]) : !!(t != null && t[0]) && !H(t, k), N = I(() => !h || !(t != null && t[0]) || !(t != null && t[1]) ? "" : `${t[0]} ~ ${t[1]}`, [h, t]);
-  return j(() => {
-    if (u) {
-      if (A(p)) {
-        u.unregister(e);
+  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]);
+  return A(() => {
+    if (p) {
+      if (L(V)) {
+        p.unregister(e);
         return;
       }
-      N ? u.register(e, { label: r, valueLabel: N, onRemove: () => i == null ? void 0 : i(null) }) : u.unregister(e);
+      P ? p.register(e, {
+        label: N,
+        valueLabel: P,
+        onRemove: () => i == null ? void 0 : i(null)
+      }) : p.unregister(e);
     }
-  }, [N, e, r, p]), A(p) ? null : /* @__PURE__ */ _(
-    L,
+  }, [P, e, N, V]), L(V) ? null : /* @__PURE__ */ W(
+    H,
     {
-      label: r,
-      active: Q || h,
-      open: T,
+      label: N,
+      active: Q || F,
+      open: U,
       onOpenChange: (s) => {
-        S(), D(s);
+        I(), a(s);
       },
       onConfirm: () => {
-        o != null && o[0] && (o != null && o[1]) ? i == null || i([x(o[0], n), x(o[1], n)]) : i == null || i(null), D(!1);
+        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);
       },
       onReset: () => {
-        S(), D(!1);
+        I(), a(!1);
       },
       children: [
-        O.length > 0 && /* @__PURE__ */ a(
+        D.length > 0 && /* @__PURE__ */ R(
           "div",
           {
-            className: P(
+            className: w(
               "filter-date-range-quick-options",
-              V["filter-date-range-quick-options"]
+              O["filter-date-range-quick-options"]
             ),
-            children: O.map((s) => /* @__PURE__ */ a(
+            children: D.map((s) => /* @__PURE__ */ R(
               "span",
               {
-                className: P(
+                className: w(
                   "filter-date-range-quick-option",
-                  V["filter-date-range-quick-option"],
-                  q === s.key && "filter-date-range-quick-option-active",
-                  q === s.key && V["filter-date-range-quick-option-active"]
+                  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"]
                 ),
                 onClick: () => {
-                  const F = s.getValue();
-                  F && (m(F), l(s.key));
+                  const j = s.getValue();
+                  j && (m(j), l(s.key));
                 },
                 children: s.label
               },
@@ -133,10 +151,10 @@ const it = ({
             ))
           }
         ),
-        /* @__PURE__ */ a(
-          W,
+        /* @__PURE__ */ R(
+          G,
           {
-            className: P("filter-date-range-picker", V["filter-date-range-picker"]),
+            className: w("filter-date-range-picker", O["filter-date-range-picker"]),
             picker: n,
             value: o,
             disabledDate: M,
@@ -150,9 +168,9 @@ const it = ({
   );
 };
 export {
-  it as default,
-  Y as findMatchingQuickKey,
-  E as getBuiltInMonthOptions,
-  H as isSameRange
+  dt as default,
+  b as findMatchingQuickKey,
+  K as getBuiltInMonthOptions,
+  X 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, { Dayjs } from 'dayjs';\nimport React, { useEffect, useMemo, 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 { 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}) => {\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 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, { label, valueLabel, onRemove: () => onChange?.(null) });\n    } else {\n      registerFn.unregister(filterKey);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueLabel, filterKey, label, 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={label}\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","open","setOpen","useState","dates","setDates","activeQuickKey","setActiveQuickKey","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, { Dayjs } from 'dayjs';\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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"}