@hkyhy/marsun-components-core 0.1.43 → 0.1.45

package/dist/components/ReactFilter/useSearchParamsValue.d.ts

@@ -0,0 +1,34 @@
+export default useSearchParamsValue;
+/**
+ * 从 searchParams 同步解析筛选初始值数组；可选在 mount 后清理已消费的 URL key。
+ *
+ * 不管理 Filter 的 value / defaultValue / onChange，由调用方自行 seed。
+ *
+ * @param {Object} options
+ * @param {URLSearchParams} options.searchParams
+ * @param {Function} [options.setSearchParams] - 为 function 时 strip 已消费 key（replace: true）
+ * @param {Array<{ name: string, label?: string, labelKey?: string }>} options.fields
+ * @returns {Array} searchParamsValue
+ *
+ * @example
+ * const searchParamsValue = useSearchParamsValue({
+ *   searchParams,
+ *   setSearchParams,
+ *   fields: [
+ *     { name: 'status', label: '状态' },
+ *     { name: 'tenantOrgId', label: '部门', labelKey: 'tenantOrgName' }
+ *   ]
+ * });
+ * // ?tenantOrgId=org-1&tenantOrgName=技术部
+ * // → { name: 'tenantOrgId', label: '部门', value: { label: '技术部', value: 'org-1' } }
+ * const [filter, setFilter] = useState(searchParamsValue);
+ */
+declare function useSearchParamsValue({ searchParams, setSearchParams, fields }?: {
+    searchParams: URLSearchParams;
+    setSearchParams?: Function | undefined;
+    fields: Array<{
+        name: string;
+        label?: string;
+        labelKey?: string;
+    }>;
+}): any[];

package/dist/components/ReactFilter/useSearchParamsValue.js

@@ -0,0 +1,48 @@
+import { useRef as f, useState as i, useEffect as h } from "react";
+const b = ({ searchParams: n, fields: t } = {}) => {
+  const u = [], e = [];
+  return !n || !Array.isArray(t) || t.length === 0 ? { items: u, consumedKeys: e } : (t.forEach((r) => {
+    const l = r == null ? void 0 : r.name;
+    if (!l || !n.has(l))
+      return;
+    const a = n.get(l);
+    if (a == null || a === "")
+      return;
+    e.push(l);
+    let o = a;
+    const c = r.labelKey;
+    if (c && n.has(c)) {
+      const s = n.get(c);
+      s != null && s !== "" && (o = s, e.push(c));
+    }
+    const p = r.label != null ? r.label : l;
+    u.push({
+      name: l,
+      label: p,
+      value: { label: o, value: a }
+    });
+  }), { items: u, consumedKeys: e });
+}, g = (n, t) => {
+  if (!(t != null && t.length))
+    return null;
+  const u = new URLSearchParams(n);
+  let e = !1;
+  return t.forEach((r) => {
+    u.has(r) && (u.delete(r), e = !0);
+  }), e ? u : null;
+}, R = ({ searchParams: n, setSearchParams: t, fields: u } = {}) => {
+  const e = f(null);
+  e.current === null && (e.current = b({ searchParams: n, fields: u }));
+  const [r] = i(() => e.current.items), l = f(!1);
+  return h(() => {
+    var o;
+    if (l.current || (l.current = !0, typeof t != "function"))
+      return;
+    const a = g(n, (o = e.current) == null ? void 0 : o.consumedKeys);
+    a && t(a, { replace: !0 });
+  }, [n, t]), r;
+};
+export {
+  R as default
+};
+//# sourceMappingURL=useSearchParamsValue.js.map

package/dist/components/ReactFilter/useSearchParamsValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchParamsValue.js","sources":["../../../src/components/ReactFilter/useSearchParamsValue.js"],"sourcesContent":["// @ts-nocheck\nimport { useState, useEffect, useRef } from 'react';\n\n/**\n * 从 URLSearchParams + fields 解析筛选初始值（内部使用，不导出）。\n *\n * fields 项：\n * - name：URL key，同时作为筛选字段 name\n * - label：筛选项标题（如「部门」）\n * - labelKey：可选，另一 URL key，作为选中值的展示文案（如部门名）；缺省时展示文案等于 name 对应的原始值\n *\n * @param {Object} options\n * @param {URLSearchParams} [options.searchParams]\n * @param {Array<{ name: string, label?: string, labelKey?: string }>} [options.fields]\n * @returns {{ items: Array, consumedKeys: string[] }}\n */\nconst parseSearchParamsValue = ({ searchParams, fields } = {}) => {\n  const items = [];\n  const consumedKeys = [];\n\n  if (!searchParams || !Array.isArray(fields) || fields.length === 0) {\n    return { items, consumedKeys };\n  }\n\n  fields.forEach((field) => {\n    const name = field?.name;\n    if (!name || !searchParams.has(name)) {\n      return;\n    }\n    const raw = searchParams.get(name);\n    if (raw == null || raw === '') {\n      return;\n    }\n    consumedKeys.push(name);\n\n    let valueText = raw;\n    const labelKey = field.labelKey;\n    if (labelKey && searchParams.has(labelKey)) {\n      const fromLabelKey = searchParams.get(labelKey);\n      if (fromLabelKey != null && fromLabelKey !== '') {\n        valueText = fromLabelKey;\n        consumedKeys.push(labelKey);\n      }\n    }\n\n    const label = field.label != null ? field.label : name;\n    items.push({\n      name,\n      label,\n      value: { label: valueText, value: raw },\n    });\n  });\n\n  return { items, consumedKeys };\n};\n\n/**\n * 从 URL 参数移除已消费的 key，返回新的 URLSearchParams 或 null（无变化时）。\n * @param {URLSearchParams} searchParams\n * @param {string[]} consumedKeys\n * @returns {URLSearchParams|null}\n */\nconst stripConsumedUrlParams = (searchParams, consumedKeys) => {\n  if (!consumedKeys?.length) {\n    return null;\n  }\n  const next = new URLSearchParams(searchParams);\n  let changed = false;\n  consumedKeys.forEach((key) => {\n    if (next.has(key)) {\n      next.delete(key);\n      changed = true;\n    }\n  });\n  return changed ? next : null;\n};\n\n/**\n * 从 searchParams 同步解析筛选初始值数组；可选在 mount 后清理已消费的 URL key。\n *\n * 不管理 Filter 的 value / defaultValue / onChange，由调用方自行 seed。\n *\n * @param {Object} options\n * @param {URLSearchParams} options.searchParams\n * @param {Function} [options.setSearchParams] - 为 function 时 strip 已消费 key（replace: true）\n * @param {Array<{ name: string, label?: string, labelKey?: string }>} options.fields\n * @returns {Array} searchParamsValue\n *\n * @example\n * const searchParamsValue = useSearchParamsValue({\n *   searchParams,\n *   setSearchParams,\n *   fields: [\n *     { name: 'status', label: '状态' },\n *     { name: 'tenantOrgId', label: '部门', labelKey: 'tenantOrgName' }\n *   ]\n * });\n * // ?tenantOrgId=org-1&tenantOrgName=技术部\n * // → { name: 'tenantOrgId', label: '部门', value: { label: '技术部', value: 'org-1' } }\n * const [filter, setFilter] = useState(searchParamsValue);\n */\nconst useSearchParamsValue = ({ searchParams, setSearchParams, fields } = {}) => {\n  const snapshotRef = useRef(null);\n\n  if (snapshotRef.current === null) {\n    snapshotRef.current = parseSearchParamsValue({ searchParams, fields });\n  }\n\n  const [searchParamsValue] = useState(() => snapshotRef.current.items);\n\n  const strippedRef = useRef(false);\n  useEffect(() => {\n    if (strippedRef.current) {\n      return;\n    }\n    strippedRef.current = true;\n    if (typeof setSearchParams !== 'function') {\n      return;\n    }\n    const nextParams = stripConsumedUrlParams(searchParams, snapshotRef.current?.consumedKeys);\n    if (nextParams) {\n      setSearchParams(nextParams, { replace: true });\n    }\n  }, [searchParams, setSearchParams]);\n\n  return searchParamsValue;\n};\n\nexport default useSearchParamsValue;\n"],"names":["parseSearchParamsValue","searchParams","fields","items","consumedKeys","field","name","raw","valueText","labelKey","fromLabelKey","label","stripConsumedUrlParams","next","changed","key","useSearchParamsValue","setSearchParams","snapshotRef","useRef","searchParamsValue","useState","strippedRef","useEffect","nextParams","_a"],"mappings":";AAgBA,MAAMA,IAAyB,CAAC,EAAE,cAAAC,GAAc,QAAAC,EAAM,IAAK,CAAA,MAAO;AAChE,QAAMC,IAAQ,CAAA,GACRC,IAAe,CAAA;AAErB,SAAI,CAACH,KAAgB,CAAC,MAAM,QAAQC,CAAM,KAAKA,EAAO,WAAW,IACxD,EAAE,OAAAC,GAAO,cAAAC,EAAY,KAG9BF,EAAO,QAAQ,CAACG,MAAU;AACxB,UAAMC,IAAOD,KAAA,gBAAAA,EAAO;AACpB,QAAI,CAACC,KAAQ,CAACL,EAAa,IAAIK,CAAI;AACjC;AAEF,UAAMC,IAAMN,EAAa,IAAIK,CAAI;AACjC,QAAIC,KAAO,QAAQA,MAAQ;AACzB;AAEF,IAAAH,EAAa,KAAKE,CAAI;AAEtB,QAAIE,IAAYD;AAChB,UAAME,IAAWJ,EAAM;AACvB,QAAII,KAAYR,EAAa,IAAIQ,CAAQ,GAAG;AAC1C,YAAMC,IAAeT,EAAa,IAAIQ,CAAQ;AAC9C,MAAIC,KAAgB,QAAQA,MAAiB,OAC3CF,IAAYE,GACZN,EAAa,KAAKK,CAAQ;AAAA,IAE9B;AAEA,UAAME,IAAQN,EAAM,SAAS,OAAOA,EAAM,QAAQC;AAClD,IAAAH,EAAM,KAAK;AAAA,MACT,MAAAG;AAAA,MACA,OAAAK;AAAA,MACA,OAAO,EAAE,OAAOH,GAAW,OAAOD,EAAG;AAAA,IAC3C,CAAK;AAAA,EACH,CAAC,GAEM,EAAE,OAAAJ,GAAO,cAAAC,EAAY;AAC9B,GAQMQ,IAAyB,CAACX,GAAcG,MAAiB;AAC7D,MAAI,EAACA,KAAA,QAAAA,EAAc;AACjB,WAAO;AAET,QAAMS,IAAO,IAAI,gBAAgBZ,CAAY;AAC7C,MAAIa,IAAU;AACd,SAAAV,EAAa,QAAQ,CAACW,MAAQ;AAC5B,IAAIF,EAAK,IAAIE,CAAG,MACdF,EAAK,OAAOE,CAAG,GACfD,IAAU;AAAA,EAEd,CAAC,GACMA,IAAUD,IAAO;AAC1B,GA0BMG,IAAuB,CAAC,EAAE,cAAAf,GAAc,iBAAAgB,GAAiB,QAAAf,EAAM,IAAK,CAAA,MAAO;AAC/E,QAAMgB,IAAcC,EAAO,IAAI;AAE/B,EAAID,EAAY,YAAY,SAC1BA,EAAY,UAAUlB,EAAuB,EAAE,cAAAC,GAAc,QAAAC,EAAM,CAAE;AAGvE,QAAM,CAACkB,CAAiB,IAAIC,EAAS,MAAMH,EAAY,QAAQ,KAAK,GAE9DI,IAAcH,EAAO,EAAK;AAChC,SAAAI,EAAU,MAAM;;AAKd,QAJID,EAAY,YAGhBA,EAAY,UAAU,IAClB,OAAOL,KAAoB;AAC7B;AAEF,UAAMO,IAAaZ,EAAuBX,IAAcwB,IAAAP,EAAY,YAAZ,gBAAAO,EAAqB,YAAY;AACzF,IAAID,KACFP,EAAgBO,GAAY,EAAE,SAAS,GAAI,CAAE;AAAA,EAEjD,GAAG,CAACvB,GAAcgB,CAAe,CAAC,GAE3BG;AACT;"}

package/dist/components/ReactFilter/utils/getMobilePopupMetrics.d.ts

@@ -0,0 +1,8 @@
+export function getMobilePopupMetrics(triggerEl: any, { scrollEl, boundaryEl, useBoundaryMount, offset }?: {
+    offset?: number | undefined;
+}): {
+    top: number;
+    left: number;
+    height: number;
+    width: any;
+};

package/dist/components/ReactFilter/utils/getMobilePopupMetrics.js

@@ -0,0 +1,26 @@
+const x = (M, { scrollEl: n, boundaryEl: P, useBoundaryMount: m, offset: e = 4 } = {}) => {
+  var I;
+  if (typeof window > "u" || !M)
+    return { top: 0, left: 0, height: 0, width: 0 };
+  const d = M.getBoundingClientRect();
+  if (m && P) {
+    const i = P.getBoundingClientRect(), _ = Math.max(d.bottom - i.top + e, 0), o = Math.max(i.height - _, 0), O = o >= 160 ? o : Math.max(o, Math.min(160, i.height - e));
+    return {
+      top: _,
+      left: 0,
+      height: O,
+      width: i.width
+    };
+  }
+  const t = (I = n == null ? void 0 : n.getBoundingClientRect) == null ? void 0 : I.call(n), g = (t == null ? void 0 : t.top) ?? 0, w = Math.max((t == null ? void 0 : t.bottom) ?? 0, window.innerHeight), H = (t == null ? void 0 : t.width) || window.innerWidth, h = Math.max(d.bottom + e, g), a = Math.max(w - h, 0), p = a >= 160 ? a : Math.max(a, Math.min(160, window.innerHeight - h));
+  return {
+    top: h,
+    left: 0,
+    height: Math.max(p, 0),
+    width: H
+  };
+};
+export {
+  x as getMobilePopupMetrics
+};
+//# sourceMappingURL=getMobilePopupMetrics.js.map

package/dist/components/ReactFilter/utils/getMobilePopupMetrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMobilePopupMetrics.js","sources":["../../../../src/components/ReactFilter/utils/getMobilePopupMetrics.js"],"sourcesContent":["// @ts-nocheck\nconst MIN_MOBILE_POPUP_HEIGHT = 160;\n\n/**\n * 计算移动端筛选弹层 top/height。\n * 页面底部（如历史房间）时 scrollEl 可见底边可能紧贴 trigger，不能只信 scrollRect.bottom。\n */\nexport const getMobilePopupMetrics = (\n  triggerEl,\n  { scrollEl, boundaryEl, useBoundaryMount, offset = 4 } = {},\n) => {\n  if (typeof window === 'undefined' || !triggerEl) {\n    return { top: 0, left: 0, height: 0, width: 0 };\n  }\n\n  const rect = triggerEl.getBoundingClientRect();\n\n  if (useBoundaryMount && boundaryEl) {\n    const boundaryRect = boundaryEl.getBoundingClientRect();\n    const top = Math.max(rect.bottom - boundaryRect.top + offset, 0);\n    const available = Math.max(boundaryRect.height - top, 0);\n    const height =\n      available >= MIN_MOBILE_POPUP_HEIGHT\n        ? available\n        : Math.max(available, Math.min(MIN_MOBILE_POPUP_HEIGHT, boundaryRect.height - offset));\n\n    return {\n      top,\n      left: 0,\n      height,\n      width: boundaryRect.width,\n    };\n  }\n\n  const scrollRect = scrollEl?.getBoundingClientRect?.();\n  const visibleTop = scrollRect?.top ?? 0;\n  // 与视口取较大底边，避免页面底部筛选算出 height=0\n  const visibleBottom = Math.max(scrollRect?.bottom ?? 0, window.innerHeight);\n  const width = scrollRect?.width || window.innerWidth;\n  const top = Math.max(rect.bottom + offset, visibleTop);\n  const available = Math.max(visibleBottom - top, 0);\n  const height =\n    available >= MIN_MOBILE_POPUP_HEIGHT\n      ? available\n      : Math.max(available, Math.min(MIN_MOBILE_POPUP_HEIGHT, window.innerHeight - top));\n\n  return {\n    top,\n    left: 0,\n    height: Math.max(height, 0),\n    width,\n  };\n};\n"],"names":["getMobilePopupMetrics","triggerEl","scrollEl","boundaryEl","useBoundaryMount","offset","_a","rect","boundaryRect","top","available","height","scrollRect","visibleTop","visibleBottom","width"],"mappings":"AAOY,MAACA,IAAwB,CACnCC,GACA,EAAE,UAAAC,GAAU,YAAAC,GAAY,kBAAAC,GAAkB,QAAAC,IAAS,EAAC,IAAK,CAAA,MACtD;AAVL,MAAAC;AAWE,MAAI,OAAO,SAAW,OAAe,CAACL;AACpC,WAAO,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,EAAC;AAG/C,QAAMM,IAAON,EAAU,sBAAqB;AAE5C,MAAIG,KAAoBD,GAAY;AAClC,UAAMK,IAAeL,EAAW,sBAAqB,GAC/CM,IAAM,KAAK,IAAIF,EAAK,SAASC,EAAa,MAAMH,GAAQ,CAAC,GACzDK,IAAY,KAAK,IAAIF,EAAa,SAASC,GAAK,CAAC,GACjDE,IACJD,KAAa,MACTA,IACA,KAAK,IAAIA,GAAW,KAAK,IAAI,KAAyBF,EAAa,SAASH,CAAM,CAAC;AAEzF,WAAO;AAAA,MACL,KAAAI;AAAA,MACA,MAAM;AAAA,MACN,QAAAE;AAAA,MACA,OAAOH,EAAa;AAAA,IAC1B;AAAA,EACE;AAEA,QAAMI,KAAaN,IAAAJ,KAAA,gBAAAA,EAAU,0BAAV,gBAAAI,EAAA,KAAAJ,IACbW,KAAaD,KAAA,gBAAAA,EAAY,QAAO,GAEhCE,IAAgB,KAAK,KAAIF,KAAA,gBAAAA,EAAY,WAAU,GAAG,OAAO,WAAW,GACpEG,KAAQH,KAAA,gBAAAA,EAAY,UAAS,OAAO,YACpCH,IAAM,KAAK,IAAIF,EAAK,SAASF,GAAQQ,CAAU,GAC/CH,IAAY,KAAK,IAAII,IAAgBL,GAAK,CAAC,GAC3CE,IACJD,KAAa,MACTA,IACA,KAAK,IAAIA,GAAW,KAAK,IAAI,KAAyB,OAAO,cAAcD,CAAG,CAAC;AAErF,SAAO;AAAA,IACL,KAAAA;AAAA,IACA,MAAM;AAAA,IACN,QAAQ,KAAK,IAAIE,GAAQ,CAAC;AAAA,IAC1B,OAAAI;AAAA,EACJ;AACA;"}

package/dist/components/ReactFilter/withFieldItem.d.ts

@@ -0,0 +1,9 @@
+export default withFieldItem;
+declare function withFieldItem(WrappedComponent: any, options?: {}): ({ value, onChange, interceptor, label, render, ...props }: {
+    [x: string]: any;
+    value: any;
+    onChange: any;
+    interceptor: any;
+    label: any;
+    render: any;
+}) => import("react").JSX.Element;

package/dist/components/ReactFilter/withFieldItem.js

@@ -0,0 +1,178 @@
+import { jsxs as Q, Fragment as Y, jsx as g } from "react/jsx-runtime";
+import { useState as y, useRef as $, useCallback as u, useEffect as k } from "react";
+import { createPortal as ee } from "react-dom";
+import { useScrollElement as te } from "../../node_modules/@kne/responsive-utils/dist/index.modern.js";
+import oe from "./hooks/useFilterPopupContainer.js";
+import ne from "./FilterItem.js";
+import f from "./style.module.scss.js";
+import a from "classnames";
+import ie from "./hooks/useResponsiveScrollListener.js";
+import { getMobilePopupMetrics as F } from "./utils/getMobilePopupMetrics.js";
+import { MOBILE_MASK_Z_INDEX as re, MOBILE_POPUP_Z_INDEX as V } from "./constants/mobilePopup.js";
+const le = (r) => r == null || typeof r == "string" && r.trim() === "" ? !1 : !(Array.isArray(r) && r.length === 0), ue = 180, L = "react-filter-field-mobile-popup", ae = 4, Oe = (r, d = {}) => ({ value: b, onChange: I, interceptor: l, label: R, render: E, ...t }) => {
+  const [p, x] = y(!1), {
+    isMobile: o,
+    useBoundaryMount: P,
+    fixedModeClass: C,
+    getMountNode: s,
+    getPopupContainer: _,
+    anchorRef: j
+  } = oe(), [O, N] = y(!1), [B, v] = y(!1), [i, z] = y({ top: 0, pageTop: 0, height: 0 }), c = $(null), U = u(
+    (e) => {
+      c.current = e, j(e);
+    },
+    [j]
+  ), M = te(), K = u(
+    (e) => {
+      if (typeof t.getPopupContainer == "function") {
+        const n = t.getPopupContainer(e);
+        if (n)
+          return n;
+      }
+      return _(e);
+    },
+    [_, t.getPopupContainer]
+  ), A = typeof document < "u" ? s() || document.body : null, m = u((e) => {
+    typeof document > "u" || (document.body.style.setProperty("--react-filter-field-mobile-height", `${e.height}px`), document.body.style.setProperty(
+      "--react-filter-popover-mobile-height",
+      `${e.height}px`
+    ), document.body.style.setProperty("--react-filter-field-mobile-top", `${e.top}px`));
+  }, []), w = u(() => {
+    if (typeof window > "u" || !c.current) return;
+    const e = F(c.current, {
+      scrollEl: M(),
+      boundaryEl: s(),
+      useBoundaryMount: P,
+      offset: ae
+    });
+    z(e), e.height > 0 && m(e);
+  }, [s, M, m, P]);
+  ie(w, p && o), k(() => {
+    if (!(typeof document > "u" || !o || i.height <= 0))
+      return m(i), () => {
+        document.body.style.removeProperty("--react-filter-field-mobile-height"), document.body.style.removeProperty("--react-filter-popover-mobile-height"), document.body.style.removeProperty("--react-filter-field-mobile-top");
+      };
+  }, [o, i, m]), k(() => {
+    if (p && o) {
+      N(!0), v(!1);
+      return;
+    }
+    if (!O) return;
+    v(!0);
+    const e = setTimeout(() => {
+      N(!1), v(!1);
+    }, ue);
+    return () => {
+      clearTimeout(e);
+    };
+  }, [o, p, O]);
+  const X = u(() => {
+    x(!1), t.onOpenChange && t.onOpenChange(!1), t.onDropdownVisibleChange && t.onDropdownVisibleChange(!1);
+  }, [t]), D = u(
+    (e) => {
+      e && o && w(), x(e), t.onOpenChange && t.onOpenChange(e), t.onDropdownVisibleChange && t.onDropdownVisibleChange(e);
+    },
+    [o, t, w]
+  ), h = o ? {
+    "--react-filter-field-mobile-height": `${i.height}px`,
+    "--react-filter-popover-mobile-height": `${i.height}px`,
+    "--react-filter-field-mobile-top": `${i.top}px`,
+    top: i.top,
+    left: i.left ?? 0,
+    zIndex: V
+  } : void 0, T = (() => {
+    if (o && d.forcePopup)
+      return typeof window > "u" ? t.overlayWidth : F(c.current, {
+        scrollEl: M(),
+        boundaryEl: s(),
+        useBoundaryMount: P
+      }).width || window.innerWidth;
+    if (t.overlayWidth != null && t.overlayWidth !== "")
+      return t.overlayWidth;
+  })(), Z = (e) => {
+    var n;
+    return o ? Object.assign({}, e, {
+      popup: Object.assign({}, e == null ? void 0 : e.popup, {
+        root: a(
+          (n = e == null ? void 0 : e.popup) == null ? void 0 : n.root,
+          f["field-item-mobile-popup"],
+          L,
+          C
+        )
+      })
+    }) : e;
+  }, G = (e) => {
+    var n;
+    return o ? Object.assign({}, e, {
+      popup: Object.assign({}, e == null ? void 0 : e.popup, {
+        root: Object.assign({}, (n = e == null ? void 0 : e.popup) == null ? void 0 : n.root, h)
+      })
+    }) : e;
+  }, S = a(
+    o && f["field-item-mobile-popup"],
+    o && L,
+    o && C
+  ), W = (e) => {
+    const n = typeof (l == null ? void 0 : l.input) == "function" ? l.input(b) : b, q = d.forcePopup && n == null ? t.single ? null : [] : n, { overlayWidth: fe, ...H } = t;
+    return /* @__PURE__ */ g(
+      r,
+      {
+        allowClear: !1,
+        ...Object.assign({}, H, e),
+        className: f["filter-item-inner"],
+        value: q,
+        onChange: typeof (l == null ? void 0 : l.output) == "function" ? (...J) => I(l.output(...J)) : I,
+        valueType: "all",
+        onOpenChange: D,
+        onDropdownVisibleChange: D,
+        getPopupContainer: K,
+        popupClassName: a(t.popupClassName, S),
+        dropdownClassName: a(t.dropdownClassName, S),
+        overlayClassName: a(t.overlayClassName, S),
+        overlayStyle: Object.assign({}, t.overlayStyle, h),
+        popupStyle: Object.assign({}, t.popupStyle, h),
+        dropdownStyle: Object.assign({}, t.dropdownStyle, h),
+        classNames: Z(t.classNames),
+        styles: G(t.styles),
+        transitionName: o ? "" : t.transitionName,
+        autoAdjustOverflow: o ? !1 : t.autoAdjustOverflow,
+        align: o ? { offset: [0, 0] } : t.align,
+        isPopup: d.forcePopup ? !0 : t.isPopup,
+        disableMobileSheet: d.forcePopup ? !0 : t.disableMobileSheet,
+        zIndex: o ? V : t.zIndex,
+        ...T != null ? { overlayWidth: T } : {}
+      }
+    );
+  };
+  return /* @__PURE__ */ Q(Y, { children: [
+    O && A && ee(
+      /* @__PURE__ */ g(
+        "div",
+        {
+          className: a(
+            f["pop-util-mask"],
+            B && f["pop-util-mask-leave"],
+            C
+          ),
+          style: {
+            top: i.top,
+            height: i.height,
+            zIndex: re
+          },
+          onClick: X,
+          onTouchMove: (e) => {
+            e.preventDefault();
+          }
+        }
+      ),
+      A
+    ),
+    /* @__PURE__ */ g("span", { ref: U, children: /* @__PURE__ */ g(ne, { label: R, open: p, active: le(b), children: typeof E == "function" ? E({
+      children: W
+    }) : W() }) })
+  ] });
+};
+export {
+  Oe as default
+};
+//# sourceMappingURL=withFieldItem.js.map

package/dist/components/ReactFilter/withFieldItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFieldItem.js","sources":["../../../src/components/ReactFilter/withFieldItem.jsx"],"sourcesContent":["// @ts-nocheck\nimport { useState, useRef, useEffect, useCallback } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useScrollElement } from '@kne/responsive-utils';\nimport useFilterPopupContainer from './hooks/useFilterPopupContainer';\nimport FilterItem from './FilterItem';\nimport style from './style.module.scss';\nimport classnames from 'classnames';\nimport useResponsiveScrollListener from './hooks/useResponsiveScrollListener';\nimport { getMobilePopupMetrics } from './utils/getMobilePopupMetrics';\nimport { MOBILE_MASK_Z_INDEX, MOBILE_POPUP_Z_INDEX } from './constants/mobilePopup';\n\nconst isNotEmpty = (value) => {\n  if (value === null || value === undefined) return false;\n  if (typeof value === 'string' && value.trim() === '') return false;\n  return !(Array.isArray(value) && value.length === 0);\n};\n\nconst MASK_ANIMATION_DURATION = 180;\nconst FIELD_MOBILE_POPUP_CLASS = 'react-filter-field-mobile-popup';\nconst MOBILE_POPUP_OFFSET = 4;\n\nconst withFieldItem =\n  (WrappedComponent, options = {}) =>\n  ({ value, onChange, interceptor, label, render, ...props }) => {\n    const [open, setOpen] = useState(false);\n    const {\n      isMobile,\n      useBoundaryMount,\n      fixedModeClass,\n      getMountNode,\n      getPopupContainer,\n      anchorRef,\n    } = useFilterPopupContainer();\n    const [renderMask, setRenderMask] = useState(false);\n    const [maskClosing, setMaskClosing] = useState(false);\n    const [popupMetrics, setPopupMetrics] = useState({ top: 0, pageTop: 0, height: 0 });\n    const triggerRef = useRef(null);\n    const setTriggerRef = useCallback(\n      (node) => {\n        triggerRef.current = node;\n        anchorRef(node);\n      },\n      [anchorRef],\n    );\n    const getScrollElement = useScrollElement();\n    const resolveGetPopupContainer = useCallback(\n      (triggerNode) => {\n        if (typeof props.getPopupContainer === 'function') {\n          const customContainer = props.getPopupContainer(triggerNode);\n          if (customContainer) {\n            return customContainer;\n          }\n        }\n        return getPopupContainer(triggerNode);\n      },\n      [getPopupContainer, props.getPopupContainer],\n    );\n    const popupMountNode = typeof document !== 'undefined' ? getMountNode() || document.body : null;\n    const setMobilePopupVariables = useCallback((metrics) => {\n      if (typeof document === 'undefined') return;\n      document.body.style.setProperty('--react-filter-field-mobile-height', `${metrics.height}px`);\n      document.body.style.setProperty(\n        '--react-filter-popover-mobile-height',\n        `${metrics.height}px`,\n      );\n      document.body.style.setProperty('--react-filter-field-mobile-top', `${metrics.top}px`);\n    }, []);\n    const updatePopupMetrics = useCallback(() => {\n      if (typeof window === 'undefined' || !triggerRef.current) return;\n      const metrics = getMobilePopupMetrics(triggerRef.current, {\n        scrollEl: getScrollElement(),\n        boundaryEl: getMountNode(),\n        useBoundaryMount,\n        offset: MOBILE_POPUP_OFFSET,\n      });\n      setPopupMetrics(metrics);\n      // height=0 时不要写入 CSS 变量，否则 max-height:0 会把弹层「吃掉」\n      if (metrics.height > 0) {\n        setMobilePopupVariables(metrics);\n      }\n    }, [getMountNode, getScrollElement, setMobilePopupVariables, useBoundaryMount]);\n\n    useResponsiveScrollListener(updatePopupMetrics, open && isMobile);\n\n    useEffect(() => {\n      if (typeof document === 'undefined' || !isMobile || popupMetrics.height <= 0) return;\n      setMobilePopupVariables(popupMetrics);\n      return () => {\n        document.body.style.removeProperty('--react-filter-field-mobile-height');\n        document.body.style.removeProperty('--react-filter-popover-mobile-height');\n        document.body.style.removeProperty('--react-filter-field-mobile-top');\n      };\n    }, [isMobile, popupMetrics, setMobilePopupVariables]);\n\n    useEffect(() => {\n      if (open && isMobile) {\n        setRenderMask(true);\n        setMaskClosing(false);\n        return;\n      }\n\n      if (!renderMask) return;\n      setMaskClosing(true);\n      const timer = setTimeout(() => {\n        setRenderMask(false);\n        setMaskClosing(false);\n      }, MASK_ANIMATION_DURATION);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [isMobile, open, renderMask]);\n\n    const closeFieldItem = useCallback(() => {\n      setOpen(false);\n      props.onOpenChange && props.onOpenChange(false);\n      props.onDropdownVisibleChange && props.onDropdownVisibleChange(false);\n    }, [props]);\n\n    const handleOpenChange = useCallback(\n      (open) => {\n        if (open && isMobile) {\n          updatePopupMetrics();\n        }\n        setOpen(open);\n        props.onOpenChange && props.onOpenChange(open);\n        props.onDropdownVisibleChange && props.onDropdownVisibleChange(open);\n      },\n      [isMobile, props, updatePopupMetrics],\n    );\n\n    const mobilePopupStyle = isMobile\n      ? {\n          '--react-filter-field-mobile-height': `${popupMetrics.height}px`,\n          '--react-filter-popover-mobile-height': `${popupMetrics.height}px`,\n          '--react-filter-field-mobile-top': `${popupMetrics.top}px`,\n          top: popupMetrics.top,\n          left: popupMetrics.left ?? 0,\n          zIndex: MOBILE_POPUP_Z_INDEX,\n        }\n      : undefined;\n\n    // 勿把 undefined overlayWidth 显式传入（会盖掉 SuperSelect / SelectTableList / 业务选择器内部默认值）。\n    // 窄触发器最小宽度由 @kne/super-select 的 DEFAULT_OVERLAY_MIN_WIDTH / 各业务默认 overlayWidth 处理。\n    const resolvedOverlayWidth = (() => {\n      if (isMobile && options.forcePopup) {\n        if (typeof window === 'undefined') {\n          return props.overlayWidth;\n        }\n        return (\n          getMobilePopupMetrics(triggerRef.current, {\n            scrollEl: getScrollElement(),\n            boundaryEl: getMountNode(),\n            useBoundaryMount,\n          }).width || window.innerWidth\n        );\n      }\n      if (props.overlayWidth != null && props.overlayWidth !== '') {\n        return props.overlayWidth;\n      }\n      return undefined;\n    })();\n\n    const mergePopupClassNames = (classNames) => {\n      if (!isMobile) return classNames;\n      return Object.assign({}, classNames, {\n        popup: Object.assign({}, classNames?.popup, {\n          root: classnames(\n            classNames?.popup?.root,\n            style['field-item-mobile-popup'],\n            FIELD_MOBILE_POPUP_CLASS,\n            fixedModeClass,\n          ),\n        }),\n      });\n    };\n\n    const mergePopupStyles = (styles) => {\n      if (!isMobile) return styles;\n      return Object.assign({}, styles, {\n        popup: Object.assign({}, styles?.popup, {\n          root: Object.assign({}, styles?.popup?.root, mobilePopupStyle),\n        }),\n      });\n    };\n\n    const fieldPopupClassName = classnames(\n      isMobile && style['field-item-mobile-popup'],\n      isMobile && FIELD_MOBILE_POPUP_CLASS,\n      isMobile && fixedModeClass,\n    );\n\n    const renderChildren = (otherProps) => {\n      const inputValue =\n        typeof interceptor?.input === 'function' ? interceptor.input(value) : value;\n      const fieldValue =\n        options.forcePopup && inputValue == null ? (props.single ? null : []) : inputValue;\n      const { overlayWidth: _omitOverlayWidth, ...restProps } = props;\n      return (\n        <WrappedComponent\n          allowClear={false}\n          {...Object.assign({}, restProps, otherProps)}\n          className={style['filter-item-inner']}\n          value={fieldValue}\n          onChange={\n            typeof interceptor?.output === 'function'\n              ? (...args) => onChange(interceptor.output(...args))\n              : onChange\n          }\n          valueType=\"all\"\n          onOpenChange={handleOpenChange}\n          onDropdownVisibleChange={handleOpenChange}\n          getPopupContainer={resolveGetPopupContainer}\n          popupClassName={classnames(props.popupClassName, fieldPopupClassName)}\n          dropdownClassName={classnames(props.dropdownClassName, fieldPopupClassName)}\n          overlayClassName={classnames(props.overlayClassName, fieldPopupClassName)}\n          overlayStyle={Object.assign({}, props.overlayStyle, mobilePopupStyle)}\n          popupStyle={Object.assign({}, props.popupStyle, mobilePopupStyle)}\n          dropdownStyle={Object.assign({}, props.dropdownStyle, mobilePopupStyle)}\n          classNames={mergePopupClassNames(props.classNames)}\n          styles={mergePopupStyles(props.styles)}\n          transitionName={isMobile ? '' : props.transitionName}\n          autoAdjustOverflow={isMobile ? false : props.autoAdjustOverflow}\n          align={isMobile ? { offset: [0, 0] } : props.align}\n          isPopup={options.forcePopup ? true : props.isPopup}\n          disableMobileSheet={options.forcePopup ? true : props.disableMobileSheet}\n          zIndex={isMobile ? MOBILE_POPUP_Z_INDEX : props.zIndex}\n          {...(resolvedOverlayWidth != null ? { overlayWidth: resolvedOverlayWidth } : {})}\n        />\n      );\n    };\n    return (\n      <>\n        {renderMask &&\n          popupMountNode &&\n          createPortal(\n            <div\n              className={classnames(\n                style['pop-util-mask'],\n                maskClosing && style['pop-util-mask-leave'],\n                fixedModeClass,\n              )}\n              style={{\n                top: popupMetrics.top,\n                height: popupMetrics.height,\n                zIndex: MOBILE_MASK_Z_INDEX,\n              }}\n              onClick={closeFieldItem}\n              onTouchMove={(e) => {\n                e.preventDefault();\n              }}\n            />,\n            popupMountNode,\n          )}\n        <span ref={setTriggerRef}>\n          <FilterItem label={label} open={open} active={isNotEmpty(value)}>\n            {typeof render === 'function'\n              ? render({\n                  children: renderChildren,\n                })\n              : renderChildren()}\n          </FilterItem>\n        </span>\n      </>\n    );\n  };\n\nexport default withFieldItem;\n"],"names":["isNotEmpty","value","MASK_ANIMATION_DURATION","FIELD_MOBILE_POPUP_CLASS","MOBILE_POPUP_OFFSET","withFieldItem","WrappedComponent","options","onChange","interceptor","label","render","props","open","setOpen","useState","isMobile","useBoundaryMount","fixedModeClass","getMountNode","getPopupContainer","anchorRef","useFilterPopupContainer","renderMask","setRenderMask","maskClosing","setMaskClosing","popupMetrics","setPopupMetrics","triggerRef","useRef","setTriggerRef","useCallback","node","getScrollElement","useScrollElement","resolveGetPopupContainer","triggerNode","customContainer","popupMountNode","setMobilePopupVariables","metrics","updatePopupMetrics","getMobilePopupMetrics","useResponsiveScrollListener","useEffect","timer","closeFieldItem","handleOpenChange","mobilePopupStyle","MOBILE_POPUP_Z_INDEX","resolvedOverlayWidth","mergePopupClassNames","classNames","classnames","style","mergePopupStyles","styles","_a","fieldPopupClassName","renderChildren","otherProps","inputValue","fieldValue","_omitOverlayWidth","restProps","jsx","args","jsxs","Fragment","createPortal","MOBILE_MASK_Z_INDEX","FilterItem"],"mappings":"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"}

package/dist/components/ReactFilter/withFilterValue.d.ts

@@ -0,0 +1,6 @@
+export default withFilterValue;
+declare function withFilterValue(WrappedComponent: any): ({ name, label, ...props }: {
+    [x: string]: any;
+    name: any;
+    label: any;
+}) => import("react").JSX.Element;

package/dist/components/ReactFilter/withFilterValue.js

@@ -0,0 +1,23 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useContext as g } from "./context.js";
+import i from "../../_virtual/get.js";
+const h = (u) => ({ name: t, label: o, ...e }) => {
+  const { value: n, onChange: r } = g();
+  return /* @__PURE__ */ l(
+    u,
+    {
+      ...e,
+      label: o,
+      onChange: r ? (a) => r({
+        name: t,
+        label: o,
+        value: a
+      }) : e.onChange,
+      value: n ? i(n.get(t), "value") : e.value
+    }
+  );
+};
+export {
+  h as default
+};
+//# sourceMappingURL=withFilterValue.js.map

package/dist/components/ReactFilter/withFilterValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFilterValue.js","sources":["../../../src/components/ReactFilter/withFilterValue.jsx"],"sourcesContent":["// @ts-nocheck\nimport { useContext } from './context';\nimport get from 'lodash/get';\n\nconst withFilterValue = (WrappedComponent) => {\n  return ({ name, label, ...props }) => {\n    const { value, onChange } = useContext();\n    return (\n      <WrappedComponent\n        {...props}\n        label={label}\n        onChange={\n          onChange\n            ? (value) =>\n                onChange({\n                  name,\n                  label,\n                  value,\n                })\n            : props.onChange\n        }\n        value={value ? get(value.get(name), 'value') : props.value}\n      />\n    );\n  };\n};\n\nexport default withFilterValue;\n"],"names":["withFilterValue","WrappedComponent","name","label","props","value","onChange","useContext","jsx","get"],"mappings":";;;AAIA,MAAMA,IAAkB,CAACC,MAChB,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,GAAGC,QAAY;AACpC,QAAM,EAAE,OAAAC,GAAO,UAAAC,EAAA,IAAaC,EAAA;AAC5B,SACE,gBAAAC;AAAA,IAACP;AAAA,IAAA;AAAA,MACE,GAAGG;AAAA,MACJ,OAAAD;AAAA,MACA,UACEG,IACI,CAACD,MACCC,EAAS;AAAA,QACP,MAAAJ;AAAA,QACA,OAAAC;AAAA,QACA,OAAAE;AAAAA,MAAA,CACD,IACHD,EAAM;AAAA,MAEZ,OAAOC,IAAQI,EAAIJ,EAAM,IAAIH,CAAI,GAAG,OAAO,IAAIE,EAAM;AAAA,IAAA;AAAA,EAAA;AAG3D;"}

package/dist/components/ReactFilter/withLocale.d.ts

@@ -0,0 +1,4 @@
+export default withLocale;
+declare const withLocale: <P extends object>(WrappedComponents: import('@kne/react-intl/node_modules/@types/react').ComponentType<P>) => import('@kne/react-intl/node_modules/@types/react').ForwardRefExoticComponent<import('@kne/react-intl/node_modules/@types/react').PropsWithoutRef<P & {
+    locale?: string;
+}> & import('@kne/react-intl/node_modules/@types/react').RefAttributes<any>>;

package/dist/components/ReactFilter/withLocale.js

@@ -0,0 +1,15 @@
+import { createWithIntlProvider as e } from "../../node_modules/@kne/react-intl/dist/index.modern.js";
+import t from "./locale/zh-CN.js";
+import a from "./locale/en-US.js";
+const s = e({
+  defaultLocale: "zh-CN",
+  messages: {
+    "zh-CN": t,
+    "en-US": a
+  },
+  namespace: "react-filter"
+});
+export {
+  s as default
+};
+//# sourceMappingURL=withLocale.js.map

package/dist/components/ReactFilter/withLocale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withLocale.js","sources":["../../../src/components/ReactFilter/withLocale.js"],"sourcesContent":["// @ts-nocheck\nimport { createWithIntlProvider } from '@kne/react-intl';\nimport zhCN from './locale/zh-CN';\nimport enUS from './locale/en-US';\n\nconst withLocale = createWithIntlProvider({\n  defaultLocale: 'zh-CN',\n  messages: {\n    'zh-CN': zhCN,\n    'en-US': enUS,\n  },\n  namespace: 'react-filter',\n});\n\nexport default withLocale;\n"],"names":["withLocale","createWithIntlProvider","zhCN","enUS"],"mappings":";;;AAKK,MAACA,IAAaC,EAAuB;AAAA,EACxC,eAAe;AAAA,EACf,UAAU;AAAA,IACR,SAASC;AAAAA,IACT,SAASC;AAAAA,EACb;AAAA,EACE,WAAW;AACb,CAAC;"}

package/dist/components/Tour/AppTour/index.js

@@ -1,5 +1,5 @@
-import { jsxs as s, Fragment as p, jsx as r } from "react/jsx-runtime";
-import { CircleHelp as u } from "../../Icons/index.js";
+import { jsxs as s, Fragment as u, jsx as r } from "react/jsx-runtime";
+import { CircleHelp as p } from "../../Icons/index.js";
 import { Button as a, Tour as f } from "antd";
 import d from "classnames";
 import h, { useState as x } from "react";
@@ -16,8 +16,8 @@ const R = ({ steps: l, storageKey: t, autoOpen: n = !0 }) => {
   const i = () => {
     e(!1), t && localStorage.setItem(t, "true");
   };
-  return l.length ? /* @__PURE__ */ s(p, { children: [
-    /* @__PURE__ */ r(a, { type: "text", icon: /* @__PURE__ */ r(u, {}), onClick: () => e(!0), title: "导览" }),
+  return l.length ? /* @__PURE__ */ s(u, { children: [
+    /* @__PURE__ */ r(a, { type: "text", icon: /* @__PURE__ */ r(p, {}), onClick: () => e(!0), title: "导览" }),
     /* @__PURE__ */ r(
       f,
       {

package/dist/components/Tour/AppTour/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Tour/AppTour/index.tsx"],"sourcesContent":["import { CircleHelp } from '@/components/Icons';\nimport type { TourProps } from 'antd';\nimport { Button, Tour } from 'antd';\nimport classNames from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './style.module.scss';\n\nexport interface AppTourStep {\n  title: string;\n  description: React.ReactNode;\n  target?: () => HTMLElement;\n  placement?: TourProps['steps'] extends (infer S)[] | undefined ? S extends { placement?: infer P } ? P : never : never;\n}\n\nexport interface AppTourProps {\n  steps: AppTourStep[];\n  /** localStorage key，用于记录是否已完成导览 */\n  storageKey?: string;\n  /** 是否自动打开（首次） */\n  autoOpen?: boolean;\n}\n\nconst AppTour: React.FC<AppTourProps> = ({ steps, storageKey, autoOpen = true }) => {\n  const [open, setOpen] = useState(false);\n\n  React.useEffect(() => {\n    if (!autoOpen || !storageKey) return;\n    const completed = localStorage.getItem(storageKey);\n    if (!completed) {\n      const timer = setTimeout(() => setOpen(true), 800);\n      return () => clearTimeout(timer);\n    }\n  }, [autoOpen, storageKey]);\n\n  const handleClose = () => {\n    setOpen(false);\n    if (storageKey) localStorage.setItem(storageKey, 'true');\n  };\n\n  if (!steps.length) return null;\n\n  return (\n    <>\n      <Button type=\"text\" icon={<CircleHelp />} onClick={() => setOpen(true)} title=\"导览\" />\n      <Tour\n        open={open}\n        onClose={handleClose}\n        onFinish={handleClose}\n        steps={steps}\n        indicatorsRender={(current, total) => (\n          <span className={classNames('app-tour-root', styles['app-tour-root'])}>\n            {current + 1} / {total}\n          </span>\n        )}\n      />\n    </>\n  );\n};\n\nexport default AppTour;\n"],"names":["AppTour","steps","storageKey","autoOpen","open","setOpen","useState","React","timer","handleClose","jsxs","Fragment","jsx","Button","CircleHelp","Tour","current","total","classNames","styles"],"mappings":";;;;;;AAsBA,MAAMA,IAAkC,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,UAAAC,IAAW,SAAW;AAClF,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK;AAEtC,EAAAC,EAAM,UAAU,MAAM;AACpB,QAAI,CAACJ,KAAY,CAACD,EAAY;AAE9B,QAAI,CADc,aAAa,QAAQA,CAAU,GACjC;AACd,YAAMM,IAAQ,WAAW,MAAMH,EAAQ,EAAI,GAAG,GAAG;AACjD,aAAO,MAAM,aAAaG,CAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAACL,GAAUD,CAAU,CAAC;AAEzB,QAAMO,IAAc,MAAM;AACxB,IAAAJ,EAAQ,EAAK,GACTH,KAAY,aAAa,QAAQA,GAAY,MAAM;AAAA,EACzD;AAEA,SAAKD,EAAM,SAGT,gBAAAS,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,MAAK,QAAO,MAAM,gBAAAD,EAACE,GAAA,CAAA,CAAW,GAAI,SAAS,MAAMT,EAAQ,EAAI,GAAG,OAAM,MAAK;AAAA,IACnF,gBAAAO;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAAX;AAAA,QACA,SAASK;AAAA,QACT,UAAUA;AAAA,QACV,OAAAR;AAAA,QACA,kBAAkB,CAACe,GAASC,MAC1B,gBAAAP,EAAC,QAAA,EAAK,WAAWQ,EAAW,iBAAiBC,EAAO,eAAe,CAAC,GACjE,UAAA;AAAA,UAAAH,IAAU;AAAA,UAAE;AAAA,UAAIC;AAAA,QAAA,EAAA,CACnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF,IAhBwB;AAkB5B;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Tour/AppTour/index.tsx"],"sourcesContent":["import { CircleHelp } from '@/components/Icons';\nimport type { TourProps } from 'antd';\nimport { Button, Tour } from 'antd';\nimport classNames from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './style.module.scss';\n\nexport interface AppTourStep {\n  title: string;\n  description: React.ReactNode;\n  target?: () => HTMLElement;\n  placement?: TourProps['steps'] extends (infer S)[] | undefined ? S extends { placement?: infer P } ? P : never : never;\n}\n\nexport interface AppTourProps {\n  steps: AppTourStep[];\n  /** localStorage key，用于记录是否已完成导览 */\n  storageKey?: string;\n  /** 是否自动打开（首次） */\n  autoOpen?: boolean;\n}\n\nconst AppTour: React.FC<AppTourProps> = ({ steps, storageKey, autoOpen = true }) => {\n  const [open, setOpen] = useState(false);\n\n  React.useEffect(() => {\n    if (!autoOpen || !storageKey) return;\n    const completed = localStorage.getItem(storageKey);\n    if (!completed) {\n      const timer = setTimeout(() => setOpen(true), 800);\n      return () => clearTimeout(timer);\n    }\n  }, [autoOpen, storageKey]);\n\n  const handleClose = () => {\n    setOpen(false);\n    if (storageKey) localStorage.setItem(storageKey, 'true');\n  };\n\n  if (!steps.length) return null;\n\n  return (\n    <>\n      <Button type=\"text\" icon={<CircleHelp />} onClick={() => setOpen(true)} title=\"导览\" />\n      <Tour\n        open={open}\n        onClose={handleClose}\n        onFinish={handleClose}\n        steps={steps}\n        indicatorsRender={(current, total) => (\n          <span className={classNames('app-tour-root', styles['app-tour-root'])}>\n            {current + 1} / {total}\n          </span>\n        )}\n      />\n    </>\n  );\n};\n\nexport default AppTour;\n"],"names":["AppTour","steps","storageKey","autoOpen","open","setOpen","useState","React","timer","handleClose","jsxs","Fragment","jsx","Button","CircleHelp","Tour","current","total","classNames","styles"],"mappings":";;;;;;AAsBA,MAAMA,IAAkC,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,UAAAC,IAAW,SAAW;AAClF,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK;AAEtCC,EAAAA,EAAM,UAAU,MAAM;AACpB,QAAI,CAACJ,KAAY,CAACD,EAAY;AAE9B,QAAI,CADc,aAAa,QAAQA,CAAU,GACjC;AACd,YAAMM,IAAQ,WAAW,MAAMH,EAAQ,EAAI,GAAG,GAAG;AACjD,aAAO,MAAM,aAAaG,CAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAACL,GAAUD,CAAU,CAAC;AAEzB,QAAMO,IAAc,MAAM;AACxB,IAAAJ,EAAQ,EAAK,GACTH,KAAY,aAAa,QAAQA,GAAY,MAAM;AAAA,EACzD;AAEA,SAAKD,EAAM,SAGT,gBAAAS,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,MAAK,QAAO,MAAM,gBAAAD,EAACE,GAAA,CAAA,CAAW,GAAI,SAAS,MAAMT,EAAQ,EAAI,GAAG,OAAM,MAAK;AAAA,IACnF,gBAAAO;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAAX;AAAA,QACA,SAASK;AAAA,QACT,UAAUA;AAAA,QACV,OAAAR;AAAA,QACA,kBAAkB,CAACe,GAASC,MAC1B,gBAAAP,EAAC,QAAA,EAAK,WAAWQ,EAAW,iBAAiBC,EAAO,eAAe,CAAC,GACjE,UAAA;AAAA,UAAAH,IAAU;AAAA,UAAE;AAAA,UAAIC;AAAA,QAAA,EAAA,CACnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF,IAhBwB;AAkB5B;"}

package/dist/components/Upload/index.js

@@ -68,30 +68,30 @@ const v = ({ fileList: r, onRemove: i }) => r.length ? /* @__PURE__ */ e("div",
     directory: O,
     accept: U,
     onUpload: w,
-    onSave: u,
+    onSave: n,
     getPermission: b,
     concurrentCount: M
   }, P) => {
-    const [A, J] = f.useState([]), [z, C] = f.useState(!1), n = r ?? A, m = f.useCallback(
+    const [A, J] = f.useState([]), [_, z] = f.useState(!1), u = r ?? A, m = f.useCallback(
       (l) => {
-        const s = typeof l == "function" ? l(n) : l;
-        i == null || i(s), J(s), u == null || u(s);
+        const s = typeof l == "function" ? l(u) : l;
+        i == null || i(s), J(s), n == null || n(s);
       },
-      [n, i, u]
-    ), $ = j ?? 500 * 1024 * 1024, E = M ?? 3, T = f.useCallback(
+      [u, i, n]
+    ), $ = j ?? 500 * 1024 * 1024, C = M ?? 3, E = f.useCallback(
       (l) => b && !b(l) ? (I.error("无权限上传此文件"), N.LIST_IGNORE) : l.size > $ ? (I.error(`文件超出 ${R($)} 限制`), N.LIST_IGNORE) : !0,
       [$, b]
-    ), B = f.useCallback(async () => {
-      if (!(!w || !n.length)) {
-        C(!0);
+    ), T = f.useCallback(async () => {
+      if (!(!w || !u.length)) {
+        z(!0);
         try {
-          const l = [...n], s = [];
+          const l = [...u], s = [];
           for (; l.length; ) {
             const d = l.shift();
             if (!(d != null && d.originFileObj)) continue;
             const Q = d.originFileObj;
             s.push(
-              new Promise((_) => {
+              new Promise((G) => {
                 w({
                   file: Q,
                   onSuccess: (q) => {
@@ -99,34 +99,34 @@ const v = ({ fileList: r, onRemove: i }) => r.length ? /* @__PURE__ */ e("div",
                       (y) => y.map(
                         (p) => p.uid === d.uid ? { ...p, status: "done", url: q ?? p.url } : p
                       )
-                    ), _();
+                    ), G();
                   },
                   onError: (q) => {
                     I.error(`${d.name} 上传失败`), m(
                       (y) => y.map((p) => p.uid === d.uid ? { ...p, status: "error" } : p)
-                    ), _();
+                    ), G();
                   }
                 });
               })
-            ), s.length >= E && await Promise.race(s);
+            ), s.length >= C && await Promise.race(s);
           }
-          await Promise.allSettled(s), u == null || u(n);
+          await Promise.allSettled(s), n == null || n(u);
         } finally {
-          C(!1);
+          z(!1);
         }
       }
-    }, [n, w, E, u, m]);
-    f.useImperativeHandle(P, () => ({ upload: B, uploading: z }), [
-      B,
-      z
+    }, [u, w, C, n, m]);
+    f.useImperativeHandle(P, () => ({ upload: T, uploading: _ }), [
+      T,
+      _
     ]);
-    const G = (F == null ? void 0 : F()) ?? S(U, j, K);
+    const B = (F == null ? void 0 : F()) ?? S(U, j, K);
     return c === "panel" ? /* @__PURE__ */ h("div", { className: t, children: [
       /* @__PURE__ */ h(
         N.Dragger,
         {
-          fileList: n,
-          beforeUpload: T,
+          fileList: u,
+          beforeUpload: E,
           onChange: (l) => m(l.fileList),
           multiple: k,
           directory: O,
@@ -136,14 +136,14 @@ const v = ({ fileList: r, onRemove: i }) => r.length ? /* @__PURE__ */ e("div",
           children: [
             /* @__PURE__ */ e("p", { className: o("upload-drag-icon", a["upload-drag-icon"]), children: /* @__PURE__ */ e(V, {}) }),
             /* @__PURE__ */ e("p", { className: "ant-upload-text", children: "点击或拖拽文件到此区域上传" }),
-            /* @__PURE__ */ e("p", { children: G })
+            /* @__PURE__ */ e("p", { children: B })
           ]
         }
       ),
       L && /* @__PURE__ */ e(
         v,
         {
-          fileList: n,
+          fileList: u,
           onRemove: (l) => m((s) => s.filter((d) => d.uid !== l))
         }
       )
@@ -151,8 +151,8 @@ const v = ({ fileList: r, onRemove: i }) => r.length ? /* @__PURE__ */ e("div",
       /* @__PURE__ */ e(
         N,
         {
-          fileList: n,
-          beforeUpload: T,
+          fileList: u,
+          beforeUpload: E,
           onChange: (l) => m(l.fileList),
           multiple: k,
           directory: O,
@@ -170,11 +170,11 @@ const v = ({ fileList: r, onRemove: i }) => r.length ? /* @__PURE__ */ e("div",
           )
         }
       ),
-      /* @__PURE__ */ e("div", { className: o("upload-list", a["upload-list"]), children: G }),
+      /* @__PURE__ */ e("div", { className: o("upload-list", a["upload-list"]), children: B }),
       L && /* @__PURE__ */ e(
         v,
         {
-          fileList: n,
+          fileList: u,
           onRemove: (l) => m((s) => s.filter((d) => d.uid !== l))
         }
       )