@hkyhy/marsun-components-core 0.1.43 → 0.1.45

package/dist/components/ReactFilter/FilterOuter.js

@@ -0,0 +1,28 @@
+import { jsx as e } from "react/jsx-runtime";
+import a from "classnames";
+import i from "./style.module.scss.js";
+import c from "./FilterProvider.js";
+import n from "./hooks/useFilterIsMobile.js";
+import p from "./hooks/useFilterViewportVars.js";
+import { FILTER_CLASS as t } from "./filterClassNames.js";
+const x = ({ children: m, className: s, ...r }) => {
+  const o = n(), l = p();
+  return /* @__PURE__ */ e(c, { ...r, children: (f) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: l,
+      className: a(
+        i.filter,
+        t.root,
+        o && i["is-mobile"],
+        o && t.isMobile,
+        s
+      ),
+      children: m({ ...f, props: r })
+    }
+  ) });
+};
+export {
+  x as default
+};
+//# sourceMappingURL=FilterOuter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterOuter.js","sources":["../../../src/components/ReactFilter/FilterOuter.jsx"],"sourcesContent":["// @ts-nocheck\nimport classnames from 'classnames';\nimport style from './style.module.scss';\nimport FilterProvider from './FilterProvider';\nimport useFilterIsMobile from './hooks/useFilterIsMobile';\nimport useFilterViewportVars from './hooks/useFilterViewportVars';\nimport { FILTER_CLASS } from './filterClassNames';\n\nconst FilterOuter = ({ children, className, ...props }) => {\n  const isMobile = useFilterIsMobile();\n  const boundaryRef = useFilterViewportVars();\n\n  return (\n    <FilterProvider {...props}>\n      {(context) => (\n        <div\n          ref={boundaryRef}\n          className={classnames(\n            style['filter'],\n            FILTER_CLASS.root,\n            isMobile && style['is-mobile'],\n            isMobile && FILTER_CLASS.isMobile,\n            className,\n          )}\n        >\n          {children({ ...context, props })}\n        </div>\n      )}\n    </FilterProvider>\n  );\n};\n\nexport default FilterOuter;\n"],"names":["FilterOuter","children","className","props","isMobile","useFilterIsMobile","boundaryRef","useFilterViewportVars","jsx","FilterProvider","context","classnames","style","FILTER_CLASS"],"mappings":";;;;;;;AAQA,MAAMA,IAAc,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAAY;AACzD,QAAMC,IAAWC,EAAA,GACXC,IAAcC,EAAA;AAEpB,SACE,gBAAAC,EAACC,GAAA,EAAgB,GAAGN,GACjB,WAACO,MACA,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKF;AAAA,MACL,WAAWK;AAAAA,QACTC,EAAM;AAAA,QACNC,EAAa;AAAA,QACbT,KAAYQ,EAAM,WAAW;AAAA,QAC7BR,KAAYS,EAAa;AAAA,QACzBX;AAAA,MAAA;AAAA,MAGD,UAAAD,EAAS,EAAE,GAAGS,GAAS,OAAAP,GAAO;AAAA,IAAA;AAAA,EAAA,GAGrC;AAEJ;"}

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

@@ -0,0 +1,7 @@
+export default FilterProvider;
+declare function FilterProvider({ children, value: valueBase, onChange, defaultValue }: {
+    children: any;
+    value: any;
+    onChange: any;
+    defaultValue?: never[] | undefined;
+}): import("react").JSX.Element;

package/dist/components/ReactFilter/FilterProvider.js

@@ -0,0 +1,26 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Provider as c } from "./context.js";
+import m from "../../_virtual/clone.js";
+import { useMemo as u } from "react";
+const p = (t) => !(t == null || typeof t == "string" && t.trim() === "" || Array.isArray(t) && t.length === 0), k = ({ children: t, value: f, onChange: e, defaultValue: n = [] }) => {
+  const o = u(() => (f || n).filter((r) => p(r.value)), [f, n]), l = u(() => new Map(o.map((r) => [r.name, r])), [o]);
+  return /* @__PURE__ */ a(
+    c,
+    {
+      value: {
+        value: l,
+        onChange: (r) => {
+          const s = m(l);
+          p(r == null ? void 0 : r.value) ? s.set(r.name, r) : s.delete(r.name);
+          const i = Array.from(s.values());
+          e == null || e(i);
+        }
+      },
+      children: typeof t == "function" ? t({ value: o, onChange: e }) : t
+    }
+  );
+};
+export {
+  k as default
+};
+//# sourceMappingURL=FilterProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterProvider.js","sources":["../../../src/components/ReactFilter/FilterProvider.jsx"],"sourcesContent":["// @ts-nocheck\nimport { Provider } from './context';\nimport clone from 'lodash/clone';\nimport { useMemo } from 'react';\n\nconst isNotEmpty = (value) => {\n  if (value === null || value === undefined) return false;\n  if (typeof value === 'string' && value.trim() === '') return false;\n  if (Array.isArray(value) && value.length === 0) return false;\n  return true;\n};\n\nconst FilterProvider = ({ children, value: valueBase, onChange, defaultValue = [] }) => {\n  const value = useMemo(() => {\n    return (valueBase || defaultValue).filter((item) => isNotEmpty(item.value));\n  }, [valueBase, defaultValue]);\n\n  const filterValue = useMemo(() => {\n    return new Map(value.map((item) => [item.name, item]));\n  }, [value]);\n\n  return (\n    <Provider\n      value={{\n        value: filterValue,\n        onChange: (item) => {\n          const newFilterValue = clone(filterValue);\n          // 多选清空为 [] 时 [] 仍为 truthy，必须用 isNotEmpty，否则会残留「角色:」空标签\n          const kept = isNotEmpty(item?.value);\n          if (kept) {\n            newFilterValue.set(item.name, item);\n          } else {\n            newFilterValue.delete(item.name);\n          }\n          const next = Array.from(newFilterValue.values());\n          onChange?.(next);\n        },\n      }}\n    >\n      {typeof children === 'function' ? children({ value, onChange }) : children}\n    </Provider>\n  );\n};\n\nexport default FilterProvider;\n"],"names":["isNotEmpty","value","FilterProvider","children","valueBase","onChange","defaultValue","useMemo","item","filterValue","jsx","Provider","newFilterValue","clone","next"],"mappings":";;;;AAKA,MAAMA,IAAa,CAACC,MACd,EAAAA,KAAU,QACV,OAAOA,KAAU,YAAYA,EAAM,KAAA,MAAW,MAC9C,MAAM,QAAQA,CAAK,KAAKA,EAAM,WAAW,IAIzCC,IAAiB,CAAC,EAAE,UAAAC,GAAU,OAAOC,GAAW,UAAAC,GAAU,cAAAC,IAAe,CAAA,QAAS;AACtF,QAAML,IAAQM,EAAQ,OACZH,KAAaE,GAAc,OAAO,CAACE,MAASR,EAAWQ,EAAK,KAAK,CAAC,GACzE,CAACJ,GAAWE,CAAY,CAAC,GAEtBG,IAAcF,EAAQ,MACnB,IAAI,IAAIN,EAAM,IAAI,CAACO,MAAS,CAACA,EAAK,MAAMA,CAAI,CAAC,CAAC,GACpD,CAACP,CAAK,CAAC;AAEV,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAOF;AAAA,QACP,UAAU,CAACD,MAAS;AAClB,gBAAMI,IAAiBC,EAAMJ,CAAW;AAGxC,UADaT,EAAWQ,KAAA,gBAAAA,EAAM,KAAK,IAEjCI,EAAe,IAAIJ,EAAK,MAAMA,CAAI,IAElCI,EAAe,OAAOJ,EAAK,IAAI;AAEjC,gBAAMM,IAAO,MAAM,KAAKF,EAAe,QAAQ;AAC/C,UAAAP,KAAA,QAAAA,EAAWS;AAAA,QACb;AAAA,MAAA;AAAA,MAGD,UAAA,OAAOX,KAAa,aAAaA,EAAS,EAAE,OAAAF,GAAO,UAAAI,EAAA,CAAU,IAAIF;AAAA,IAAA;AAAA,EAAA;AAGxE;"}

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

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

package/dist/components/ReactFilter/FilterValueDisplay.js

@@ -0,0 +1,185 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Tag as D, Tooltip as F, Button as m, Space as p } from "antd";
+import l from "./style.module.scss.js";
+import a from "classnames";
+import "../../node_modules/@kne/react-intl/dist/index.modern.js";
+import M from "./withLocale.js";
+import { useState as O } from "react";
+import V from "./hooks/useFilterIsMobile.js";
+import $ from "./hooks/useHorizontalScrollShadows.js";
+import { FILTER_CLASS as s } from "./filterClassNames.js";
+import E from "../../node_modules/@kne/react-intl/node_modules/react-intl/lib/src/components/useIntl.js";
+import "../../node_modules/@kne/react-intl/node_modules/react-intl/lib/index.js";
+import H from "../../node_modules/@ant-design/icons/es/icons/UpOutlined.js";
+import K from "../../node_modules/@ant-design/icons/es/icons/DownOutlined.js";
+const P = (i) => !!(i == null || typeof i == "string" && i.trim() === "" || Array.isArray(i) && i.length === 0), rl = M(
+  ({ value: i, extraExpand: d, onChange: N, className: x, hideLabel: g, flush: z }) => {
+    const { formatMessage: f } = E(), [c, C] = O(!1), y = V(), u = (Array.isArray(i) ? i : []).filter(
+      (t) => !P(t == null ? void 0 : t.value)
+    ), { scrollRef: S, isOverflow: v, showScrollPrev: I, showScrollNext: L } = $({
+      enabled: y,
+      suspend: c,
+      preserveOverflowOnSuspend: !0,
+      refreshKey: u
+    });
+    if (u.length === 0)
+      return null;
+    const w = u.map(({ name: t, label: R, value: n }, j) => {
+      const h = Array.isArray(n) ? n.map((o) => o == null ? void 0 : o.label).filter(Boolean) : n != null && n.label ? [n.label] : [], k = h.join("，"), A = /* @__PURE__ */ e(
+        "span",
+        {
+          className: a(l["filter-value-tag-content"], s.valueTagContent),
+          children: k
+        }
+      ), T = h.length ? /* @__PURE__ */ e("div", { className: l["filter-value-tag-tooltip"], children: h.map((o, B) => /* @__PURE__ */ e("div", { className: l["filter-value-tag-tooltip-line"], children: o }, `${t}-${B}`)) }) : null;
+      return /* @__PURE__ */ r(
+        D,
+        {
+          closable: !0,
+          className: a(l["filter-value-tag"], s.valueTag),
+          onClose: () => {
+            const o = u.slice(0);
+            o.splice(j, 1), N(o);
+          },
+          children: [
+            /* @__PURE__ */ r("span", { className: a(l["filter-value-tag-label"], s.valueTagLabel), children: [
+              R,
+              ":"
+            ] }),
+            T ? /* @__PURE__ */ e(
+              F,
+              {
+                title: T,
+                rootClassName: l["filter-value-tag-tooltip-root"],
+                overlayClassName: l["filter-value-tag-tooltip-root"],
+                children: A
+              }
+            ) : A
+          ]
+        },
+        t
+      );
+    }), b = /* @__PURE__ */ e(
+      m,
+      {
+        size: "small",
+        className: s.valueClear,
+        onClick: () => {
+          N([]);
+        },
+        children: f({ id: "clearAllText" })
+      }
+    );
+    return /* @__PURE__ */ r(
+      p,
+      {
+        className: a(
+          l["filter-title"],
+          l["filter-value-display"],
+          s.valueDisplay,
+          {
+            [l["is-flush"]]: z
+          },
+          x
+        ),
+        align: "top",
+        size: g ? 0 : 16,
+        children: [
+          g ? null : /* @__PURE__ */ e("span", { className: a(l["filter-label"], s.label), children: f({ id: "selectedText" }) }),
+          y ? /* @__PURE__ */ r(
+            "div",
+            {
+              className: a(
+                l["filter-value-display-content"],
+                !v && l["is-not-overflow"]
+              ),
+              children: [
+                /* @__PURE__ */ r(
+                  "div",
+                  {
+                    className: a(
+                      l["filter-value-tags-wrap"],
+                      c && l["is-expand"]
+                    ),
+                    children: [
+                      I ? /* @__PURE__ */ e(
+                        "div",
+                        {
+                          className: a(
+                            l["filter-scroll-prev-shadow"],
+                            l["filter-value-scroll-prev-shadow"]
+                          )
+                        }
+                      ) : null,
+                      /* @__PURE__ */ e(
+                        "div",
+                        {
+                          ref: S,
+                          className: a(
+                            l["filter-line"],
+                            l["filter-value-tags"],
+                            s.line,
+                            c && l["is-expand"]
+                          ),
+                          children: w
+                        }
+                      ),
+                      L ? /* @__PURE__ */ e("div", { className: a(l["filter-value-scroll-next-shadow"]) }) : null
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  "div",
+                  {
+                    className: a(
+                      l["filter-value-actions"],
+                      s.valueActions,
+                      v && l["is-overflow"]
+                    ),
+                    children: [
+                      /* @__PURE__ */ e("div", { className: l["filter-value-action-right"], children: /* @__PURE__ */ r(p, { size: 4, children: [
+                        d,
+                        b
+                      ] }) }),
+                      v ? /* @__PURE__ */ e(
+                        m,
+                        {
+                          type: "link",
+                          size: "small",
+                          className: a(l["filter-value-toggle"], s.valueToggle),
+                          icon: c ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ e(K, {}),
+                          onClick: () => {
+                            C((t) => !t);
+                          },
+                          children: c ? "收起" : "展开"
+                        }
+                      ) : null,
+                      /* @__PURE__ */ r("div", { className: l["filter-value-action-placeholder"], children: [
+                        d,
+                        /* @__PURE__ */ e(m, { size: "small", className: s.valueClear, children: f({ id: "clearAllText" }) })
+                      ] })
+                    ]
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ r("div", { className: a(l["filter-line"], s.line), children: [
+            w,
+            /* @__PURE__ */ r(p, { size: 4, className: a(l["un-expand-shadow"]), children: [
+              d,
+              /* @__PURE__ */ e(m, { size: "small", className: s.valueClear, children: f({ id: "clearAllText" }) })
+            ] }),
+            /* @__PURE__ */ r(p, { size: 4, className: a(l["un-expand"], s.valueActions), children: [
+              d,
+              b
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+export {
+  rl as default
+};
+//# sourceMappingURL=FilterValueDisplay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterValueDisplay.js","sources":["../../../src/components/ReactFilter/FilterValueDisplay.jsx"],"sourcesContent":["// @ts-nocheck\nimport { Button, Space, Tag, Tooltip } from 'antd';\nimport style from './style.module.scss';\nimport classnames from 'classnames';\nimport { useIntl } from '@kne/react-intl';\nimport withLocale from './withLocale';\nimport { useState } from 'react';\nimport { DownOutlined, UpOutlined } from '@ant-design/icons';\nimport useFilterIsMobile from './hooks/useFilterIsMobile';\nimport useHorizontalScrollShadows from './hooks/useHorizontalScrollShadows';\nimport { FILTER_CLASS } from './filterClassNames';\n\nconst isDisplayValueEmpty = (value) => {\n  if (value === null || value === undefined) return true;\n  if (typeof value === 'string' && value.trim() === '') return true;\n  if (Array.isArray(value) && value.length === 0) return true;\n  return false;\n};\n\nconst FilterValueDisplay = withLocale(\n  ({ value: filterValue, extraExpand, onChange, className, hideLabel, flush }) => {\n    const { formatMessage } = useIntl({ moduleName: 'Filter' });\n    const [isExpand, setIsExpand] = useState(false);\n    const isMobile = useFilterIsMobile();\n    // 防御：受控 value 里可能残留多选清空后的 { value: [] }\n    const displayValue = (Array.isArray(filterValue) ? filterValue : []).filter(\n      (item) => !isDisplayValueEmpty(item?.value),\n    );\n    const { scrollRef, isOverflow, showScrollPrev, showScrollNext } = useHorizontalScrollShadows({\n      enabled: isMobile,\n      suspend: isExpand,\n      preserveOverflowOnSuspend: true,\n      refreshKey: displayValue,\n    });\n\n    if (displayValue.length === 0) {\n      return null;\n    }\n\n    const tags = displayValue.map(({ name, label, value }, index) => {\n      const valueLabels = Array.isArray(value)\n        ? value.map((item) => item?.label).filter(Boolean)\n        : value?.label\n          ? [value.label]\n          : [];\n      const valueLabel = valueLabels.join('，');\n      const content = (\n        <span\n          className={classnames(style['filter-value-tag-content'], FILTER_CLASS.valueTagContent)}\n        >\n          {valueLabel}\n        </span>\n      );\n      const tooltipTitle = valueLabels.length ? (\n        <div className={style['filter-value-tag-tooltip']}>\n          {valueLabels.map((text, i) => (\n            <div key={`${name}-${i}`} className={style['filter-value-tag-tooltip-line']}>\n              {text}\n            </div>\n          ))}\n        </div>\n      ) : null;\n      return (\n        <Tag\n          key={name}\n          closable\n          className={classnames(style['filter-value-tag'], FILTER_CLASS.valueTag)}\n          onClose={() => {\n            const newValue = displayValue.slice(0);\n            newValue.splice(index, 1);\n            onChange(newValue);\n          }}\n        >\n          <span className={classnames(style['filter-value-tag-label'], FILTER_CLASS.valueTagLabel)}>\n            {label}:\n          </span>\n          {tooltipTitle ? (\n            <Tooltip\n              title={tooltipTitle}\n              rootClassName={style['filter-value-tag-tooltip-root']}\n              overlayClassName={style['filter-value-tag-tooltip-root']}\n            >\n              {content}\n            </Tooltip>\n          ) : (\n            content\n          )}\n        </Tag>\n      );\n    });\n\n    const clearButton = (\n      <Button\n        size=\"small\"\n        className={FILTER_CLASS.valueClear}\n        onClick={() => {\n          onChange([]);\n        }}\n      >\n        {formatMessage({ id: 'clearAllText' })}\n      </Button>\n    );\n\n    return (\n      <Space\n        className={classnames(\n          style['filter-title'],\n          style['filter-value-display'],\n          FILTER_CLASS.valueDisplay,\n          {\n            [style['is-flush']]: flush,\n          },\n          className,\n        )}\n        align=\"top\"\n        size={hideLabel ? 0 : 16}\n      >\n        {hideLabel ? null : (\n          <span className={classnames(style['filter-label'], FILTER_CLASS.label)}>\n            {formatMessage({ id: 'selectedText' })}\n          </span>\n        )}\n        {isMobile ? (\n          <div\n            className={classnames(\n              style['filter-value-display-content'],\n              !isOverflow && style['is-not-overflow'],\n            )}\n          >\n            <div\n              className={classnames(\n                style['filter-value-tags-wrap'],\n                isExpand && style['is-expand'],\n              )}\n            >\n              {showScrollPrev ? (\n                <div\n                  className={classnames(\n                    style['filter-scroll-prev-shadow'],\n                    style['filter-value-scroll-prev-shadow'],\n                  )}\n                />\n              ) : null}\n              <div\n                ref={scrollRef}\n                className={classnames(\n                  style['filter-line'],\n                  style['filter-value-tags'],\n                  FILTER_CLASS.line,\n                  isExpand && style['is-expand'],\n                )}\n              >\n                {tags}\n              </div>\n              {showScrollNext ? (\n                <div className={classnames(style['filter-value-scroll-next-shadow'])} />\n              ) : null}\n            </div>\n            <div\n              className={classnames(\n                style['filter-value-actions'],\n                FILTER_CLASS.valueActions,\n                isOverflow && style['is-overflow'],\n              )}\n            >\n              <div className={style['filter-value-action-right']}>\n                <Space size={4}>\n                  {extraExpand}\n                  {clearButton}\n                </Space>\n              </div>\n              {isOverflow ? (\n                <Button\n                  type=\"link\"\n                  size=\"small\"\n                  className={classnames(style['filter-value-toggle'], FILTER_CLASS.valueToggle)}\n                  icon={isExpand ? <UpOutlined /> : <DownOutlined />}\n                  onClick={() => {\n                    setIsExpand((value) => !value);\n                  }}\n                >\n                  {isExpand ? '收起' : '展开'}\n                </Button>\n              ) : null}\n              <div className={style['filter-value-action-placeholder']}>\n                {extraExpand}\n                <Button size=\"small\" className={FILTER_CLASS.valueClear}>\n                  {formatMessage({ id: 'clearAllText' })}\n                </Button>\n              </div>\n            </div>\n          </div>\n        ) : (\n          <div className={classnames(style['filter-line'], FILTER_CLASS.line)}>\n            {tags}\n            <Space size={4} className={classnames(style['un-expand-shadow'])}>\n              {extraExpand}\n              <Button size=\"small\" className={FILTER_CLASS.valueClear}>\n                {formatMessage({ id: 'clearAllText' })}\n              </Button>\n            </Space>\n            <Space size={4} className={classnames(style['un-expand'], FILTER_CLASS.valueActions)}>\n              {extraExpand}\n              {clearButton}\n            </Space>\n          </div>\n        )}\n      </Space>\n    );\n  },\n);\n\nexport default FilterValueDisplay;\n"],"names":["isDisplayValueEmpty","value","FilterValueDisplay","withLocale","filterValue","extraExpand","onChange","className","hideLabel","flush","formatMessage","useIntl","isExpand","setIsExpand","useState","isMobile","useFilterIsMobile","displayValue","item","scrollRef","isOverflow","showScrollPrev","showScrollNext","useHorizontalScrollShadows","tags","name","label","index","valueLabels","valueLabel","content","jsx","classnames","style","FILTER_CLASS","tooltipTitle","text","i","jsxs","Tag","newValue","Tooltip","clearButton","Button","Space","UpOutlined","DownOutlined"],"mappings":";;;;;;;;;;;;;;AAYA,MAAMA,IAAsB,CAACC,MACvB,GAAAA,KAAU,QACV,OAAOA,KAAU,YAAYA,EAAM,KAAA,MAAW,MAC9C,MAAM,QAAQA,CAAK,KAAKA,EAAM,WAAW,IAIzCC,KAAqBC;AAAA,EACzB,CAAC,EAAE,OAAOC,GAAa,aAAAC,GAAa,UAAAC,GAAU,WAAAC,GAAW,WAAAC,GAAW,OAAAC,QAAY;AAC9E,UAAM,EAAE,eAAAC,MAAkBC,EAAgC,GACpD,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAWC,EAAA,GAEXC,KAAgB,MAAM,QAAQb,CAAW,IAAIA,IAAc,CAAA,GAAI;AAAA,MACnE,CAACc,MAAS,CAAClB,EAAoBkB,KAAA,gBAAAA,EAAM,KAAK;AAAA,IAAA,GAEtC,EAAE,WAAAC,GAAW,YAAAC,GAAY,gBAAAC,GAAgB,gBAAAC,EAAA,IAAmBC,EAA2B;AAAA,MAC3F,SAASR;AAAA,MACT,SAASH;AAAA,MACT,2BAA2B;AAAA,MAC3B,YAAYK;AAAA,IAAA,CACb;AAED,QAAIA,EAAa,WAAW;AAC1B,aAAO;AAGT,UAAMO,IAAOP,EAAa,IAAI,CAAC,EAAE,MAAAQ,GAAM,OAAAC,GAAO,OAAAzB,EAAA,GAAS0B,MAAU;AAC/D,YAAMC,IAAc,MAAM,QAAQ3B,CAAK,IACnCA,EAAM,IAAI,CAACiB,MAASA,KAAA,gBAAAA,EAAM,KAAK,EAAE,OAAO,OAAO,IAC/CjB,KAAA,QAAAA,EAAO,QACL,CAACA,EAAM,KAAK,IACZ,CAAA,GACA4B,IAAaD,EAAY,KAAK,GAAG,GACjCE,IACJ,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAWC,EAAM,0BAA0B,GAAGC,EAAa,eAAe;AAAA,UAEpF,UAAAL;AAAA,QAAA;AAAA,MAAA,GAGCM,IAAeP,EAAY,SAC/B,gBAAAG,EAAC,OAAA,EAAI,WAAWE,EAAM,0BAA0B,GAC7C,UAAAL,EAAY,IAAI,CAACQ,GAAMC,MACtB,gBAAAN,EAAC,OAAA,EAAyB,WAAWE,EAAM,+BAA+B,GACvE,UAAAG,EAAA,GADO,GAAGX,CAAI,IAAIY,CAAC,EAEtB,CACD,EAAA,CACH,IACE;AACJ,aACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,UAAQ;AAAA,UACR,WAAWP,EAAWC,EAAM,kBAAkB,GAAGC,EAAa,QAAQ;AAAA,UACtE,SAAS,MAAM;AACb,kBAAMM,IAAWvB,EAAa,MAAM,CAAC;AACrC,YAAAuB,EAAS,OAAOb,GAAO,CAAC,GACxBrB,EAASkC,CAAQ;AAAA,UACnB;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAF,EAAC,QAAA,EAAK,WAAWN,EAAWC,EAAM,wBAAwB,GAAGC,EAAa,aAAa,GACpF,UAAA;AAAA,cAAAR;AAAA,cAAM;AAAA,YAAA,GACT;AAAA,YACCS,IACC,gBAAAJ;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,OAAON;AAAA,gBACP,eAAeF,EAAM,+BAA+B;AAAA,gBACpD,kBAAkBA,EAAM,+BAA+B;AAAA,gBAEtD,UAAAH;AAAA,cAAA;AAAA,YAAA,IAGHA;AAAA,UAAA;AAAA,QAAA;AAAA,QArBGL;AAAA,MAAA;AAAA,IAyBX,CAAC,GAEKiB,IACJ,gBAAAX;AAAA,MAACY;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWT,EAAa;AAAA,QACxB,SAAS,MAAM;AACb,UAAA5B,EAAS,CAAA,CAAE;AAAA,QACb;AAAA,QAEC,UAAAI,EAAc,EAAE,IAAI,eAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAIzC,WACE,gBAAA4B;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,WAAWZ;AAAAA,UACTC,EAAM,cAAc;AAAA,UACpBA,EAAM,sBAAsB;AAAA,UAC5BC,EAAa;AAAA,UACb;AAAA,YACE,CAACD,EAAM,UAAU,CAAC,GAAGxB;AAAA,UAAA;AAAA,UAEvBF;AAAA,QAAA;AAAA,QAEF,OAAM;AAAA,QACN,MAAMC,IAAY,IAAI;AAAA,QAErB,UAAA;AAAA,UAAAA,IAAY,OACX,gBAAAuB,EAAC,QAAA,EAAK,WAAWC,EAAWC,EAAM,cAAc,GAAGC,EAAa,KAAK,GAClE,UAAAxB,EAAc,EAAE,IAAI,eAAA,CAAgB,GACvC;AAAA,UAEDK,IACC,gBAAAuB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWN;AAAAA,gBACTC,EAAM,8BAA8B;AAAA,gBACpC,CAACb,KAAca,EAAM,iBAAiB;AAAA,cAAA;AAAA,cAGxC,UAAA;AAAA,gBAAA,gBAAAK;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWN;AAAAA,sBACTC,EAAM,wBAAwB;AAAA,sBAC9BrB,KAAYqB,EAAM,WAAW;AAAA,oBAAA;AAAA,oBAG9B,UAAA;AAAA,sBAAAZ,IACC,gBAAAU;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,WAAWC;AAAAA,4BACTC,EAAM,2BAA2B;AAAA,4BACjCA,EAAM,iCAAiC;AAAA,0BAAA;AAAA,wBACzC;AAAA,sBAAA,IAEA;AAAA,sBACJ,gBAAAF;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,KAAKZ;AAAA,0BACL,WAAWa;AAAAA,4BACTC,EAAM,aAAa;AAAA,4BACnBA,EAAM,mBAAmB;AAAA,4BACzBC,EAAa;AAAA,4BACbtB,KAAYqB,EAAM,WAAW;AAAA,0BAAA;AAAA,0BAG9B,UAAAT;AAAA,wBAAA;AAAA,sBAAA;AAAA,sBAEFF,sBACE,OAAA,EAAI,WAAWU,EAAWC,EAAM,iCAAiC,CAAC,EAAA,CAAG,IACpE;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEN,gBAAAK;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWN;AAAAA,sBACTC,EAAM,sBAAsB;AAAA,sBAC5BC,EAAa;AAAA,sBACbd,KAAca,EAAM,aAAa;AAAA,oBAAA;AAAA,oBAGnC,UAAA;AAAA,sBAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAM,2BAA2B,GAC/C,UAAA,gBAAAK,EAACM,GAAA,EAAM,MAAM,GACV,UAAA;AAAA,wBAAAvC;AAAA,wBACAqC;AAAA,sBAAA,EAAA,CACH,EAAA,CACF;AAAA,sBACCtB,IACC,gBAAAW;AAAA,wBAACY;AAAA,wBAAA;AAAA,0BACC,MAAK;AAAA,0BACL,MAAK;AAAA,0BACL,WAAWX,EAAWC,EAAM,qBAAqB,GAAGC,EAAa,WAAW;AAAA,0BAC5E,MAAMtB,IAAW,gBAAAmB,EAACc,GAAA,CAAA,CAAW,sBAAMC,GAAA,EAAa;AAAA,0BAChD,SAAS,MAAM;AACb,4BAAAjC,EAAY,CAACZ,MAAU,CAACA,CAAK;AAAA,0BAC/B;AAAA,0BAEC,cAAW,OAAO;AAAA,wBAAA;AAAA,sBAAA,IAEnB;AAAA,sBACJ,gBAAAqC,EAAC,OAAA,EAAI,WAAWL,EAAM,iCAAiC,GACpD,UAAA;AAAA,wBAAA5B;AAAA,wBACD,gBAAA0B,EAACY,GAAA,EAAO,MAAK,SAAQ,WAAWT,EAAa,YAC1C,UAAAxB,EAAc,EAAE,IAAI,eAAA,CAAgB,EAAA,CACvC;AAAA,sBAAA,EAAA,CACF;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UAAA,IAGF,gBAAA4B,EAAC,OAAA,EAAI,WAAWN,EAAWC,EAAM,aAAa,GAAGC,EAAa,IAAI,GAC/D,UAAA;AAAA,YAAAV;AAAA,YACD,gBAAAc,EAACM,KAAM,MAAM,GAAG,WAAWZ,EAAWC,EAAM,kBAAkB,CAAC,GAC5D,UAAA;AAAA,cAAA5B;AAAA,cACD,gBAAA0B,EAACY,GAAA,EAAO,MAAK,SAAQ,WAAWT,EAAa,YAC1C,UAAAxB,EAAc,EAAE,IAAI,eAAA,CAAgB,EAAA,CACvC;AAAA,YAAA,GACF;AAAA,YACA,gBAAA4B,EAACM,GAAA,EAAM,MAAM,GAAG,WAAWZ,EAAWC,EAAM,WAAW,GAAGC,EAAa,YAAY,GAChF,UAAA;AAAA,cAAA7B;AAAA,cACAqC;AAAA,YAAA,EAAA,CACH;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

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

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

package/dist/components/ReactFilter/PopoverItem.js

@@ -0,0 +1,167 @@
+import { jsxs as v, jsx as r, Fragment as J } from "react/jsx-runtime";
+import { useState as c, useCallback as p, useRef as Q, useMemo as W, useEffect as Y } from "react";
+import { createPortal as G } from "react-dom";
+import { useScrollElement as V } from "../../node_modules/@kne/responsive-utils/dist/index.modern.js";
+import ee from "./hooks/useFilterPopupContainer.js";
+import { Row as te, Col as R, Button as A, Dropdown as oe } from "antd";
+import re from "./FilterItem.js";
+import O from "classnames";
+import "../../node_modules/@kne/react-intl/dist/index.modern.js";
+import se from "./withLocale.js";
+import s from "./style.module.scss.js";
+import ie from "./hooks/useResponsiveScrollListener.js";
+import { getMobilePopupMetrics as ne } from "./utils/getMobilePopupMetrics.js";
+import { MOBILE_MASK_Z_INDEX as le, MOBILE_POPUP_Z_INDEX as L } from "./constants/mobilePopup.js";
+import ce from "../../node_modules/@kne/react-intl/node_modules/react-intl/lib/src/components/useIntl.js";
+import "../../node_modules/@kne/react-intl/node_modules/react-intl/lib/index.js";
+const pe = (o) => !(o == null || typeof o == "string" && o.trim() === "" || Array.isArray(o) && o.length === 0), ae = 180, me = 4, xe = se(
+  ({
+    value: o,
+    label: D,
+    onValidate: m,
+    overlayClassName: z,
+    placement: B = "bottomLeft",
+    onOpenChange: n,
+    onChange: I,
+    getPopupContainer: f,
+    children: F
+  }) => {
+    const [a, N] = c(o), [l, P] = c(!1), {
+      isMobile: t,
+      useBoundaryMount: b,
+      fixedModeClass: k,
+      getMountNode: u,
+      getPopupContainer: C,
+      anchorRef: E
+    } = ee(), w = V(), j = p(
+      (e) => {
+        if (typeof f == "function") {
+          const _ = f(e);
+          if (_)
+            return _;
+        }
+        return C(e);
+      },
+      [f, C]
+    ), [d, x] = c(!1), [U, h] = c(!1), [i, K] = c({ top: 0, pageTop: 0, height: 0 }), g = Q(null), X = p(
+      (e) => {
+        g.current = e, E(e);
+      },
+      [E]
+    ), S = typeof document < "u" ? u() || document.body : null, Z = W(() => m && !m(a), [m, a]), { formatMessage: T } = ce(), y = p(() => {
+      if (typeof window > "u" || !g.current) return;
+      const e = ne(g.current, {
+        scrollEl: w(),
+        boundaryEl: u(),
+        useBoundaryMount: b,
+        offset: me
+      });
+      K(e);
+    }, [u, w, b]);
+    ie(y, l && t), Y(() => {
+      if (l && t) {
+        x(!0), h(!1);
+        return;
+      }
+      if (!d) return;
+      h(!0);
+      const e = setTimeout(() => {
+        x(!1), h(!1);
+      }, ae);
+      return () => {
+        clearTimeout(e);
+      };
+    }, [t, l, d]);
+    const M = p(() => {
+      P(!1), n && n(!1);
+    }, [n]), $ = p(
+      (e) => {
+        e && t && y(), P(e), N(o), n && n(e);
+      },
+      [t, n, y, o]
+    ), q = t ? {
+      "--react-filter-popover-mobile-height": `${i.height}px`,
+      top: i.top,
+      left: i.left ?? 0,
+      // boundary 下宽度跟挂载容器走；viewport 下用测量宽度兜底，避免 CSS 变量未写入时落到 100vw
+      ...i.width ? { width: i.width } : null,
+      zIndex: L
+    } : void 0, H = /* @__PURE__ */ v(
+      "div",
+      {
+        className: s["pop-util-body"],
+        onClick: (e) => {
+          e.stopPropagation();
+        },
+        children: [
+          /* @__PURE__ */ r("div", { className: s["pop-util-content"], children: F({ value: a, onChange: N }) }),
+          /* @__PURE__ */ v(te, { className: s["pop-util-footer"], justify: "end", gutter: 8, children: [
+            /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(A, { size: t ? void 0 : "small", onClick: M, children: T({ id: "cancelText" }) }) }),
+            /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(
+              A,
+              {
+                size: t ? void 0 : "small",
+                type: "primary",
+                disabled: Z,
+                onClick: () => {
+                  M(), I && I(a);
+                },
+                children: T({ id: "determineText" })
+              }
+            ) })
+          ] })
+        ]
+      }
+    );
+    return /* @__PURE__ */ v(J, { children: [
+      d && S && G(
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: O(
+              s["pop-util-mask"],
+              U && s["pop-util-mask-leave"],
+              k
+            ),
+            style: {
+              top: i.top,
+              height: i.height,
+              zIndex: le
+            },
+            onClick: M,
+            onTouchMove: (e) => {
+              e.preventDefault();
+            }
+          }
+        ),
+        S
+      ),
+      /* @__PURE__ */ r("span", { ref: X, className: s["popover-item-trigger"], children: /* @__PURE__ */ r(re, { open: l, active: pe(o), label: D, children: /* @__PURE__ */ r(
+        oe,
+        {
+          open: l,
+          trigger: ["click"],
+          placement: t ? "bottomLeft" : B,
+          autoAdjustOverflow: !t,
+          align: t ? { offset: [0, 0] } : void 0,
+          getPopupContainer: j,
+          zIndex: t ? L : void 0,
+          overlayClassName: O(
+            s["pop-util-overlay"],
+            z,
+            t && k
+          ),
+          overlayStyle: q,
+          onOpenChange: $,
+          menu: { items: [{ key: "content", label: null }] },
+          dropdownRender: () => H,
+          children: /* @__PURE__ */ r("span", { className: s["popover-item-hit"], role: "button", tabIndex: 0 })
+        }
+      ) }) })
+    ] });
+  }
+);
+export {
+  xe as default
+};
+//# sourceMappingURL=PopoverItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverItem.js","sources":["../../../src/components/ReactFilter/PopoverItem.jsx"],"sourcesContent":["// @ts-nocheck\nimport { useState, useMemo, useRef, useEffect, useCallback } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useScrollElement } from '@kne/responsive-utils';\nimport useFilterPopupContainer from './hooks/useFilterPopupContainer';\nimport { Button, Col, Dropdown, Row } from 'antd';\nimport FilterItem from './FilterItem';\nimport classnames from 'classnames';\nimport { useIntl } from '@kne/react-intl';\nimport withLocale from './withLocale';\nimport style from './style.module.scss';\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  if (Array.isArray(value) && value.length === 0) return false;\n  return true;\n};\n\nconst MASK_ANIMATION_DURATION = 180;\nconst MOBILE_POPUP_OFFSET = 4;\n\nconst PopoverItem = withLocale(\n  ({\n    value,\n    label,\n    onValidate,\n    overlayClassName,\n    placement = 'bottomLeft',\n    onOpenChange,\n    onChange,\n    getPopupContainer: customGetPopupContainer,\n    children,\n  }) => {\n    const [state, setState] = useState(value);\n    const [open, setOpen] = useState(false);\n    const {\n      isMobile,\n      useBoundaryMount,\n      fixedModeClass,\n      getMountNode,\n      getPopupContainer,\n      anchorRef,\n    } = useFilterPopupContainer();\n    const getScrollElement = useScrollElement();\n    const resolveGetPopupContainer = useCallback(\n      (triggerNode) => {\n        if (typeof customGetPopupContainer === 'function') {\n          const customContainer = customGetPopupContainer(triggerNode);\n          if (customContainer) {\n            return customContainer;\n          }\n        }\n        return getPopupContainer(triggerNode);\n      },\n      [customGetPopupContainer, getPopupContainer],\n    );\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 popupMountNode = typeof document !== 'undefined' ? getMountNode() || document.body : null;\n    const disabled = useMemo(() => {\n      return onValidate && !onValidate(state);\n    }, [onValidate, state]);\n\n    const { formatMessage } = useIntl({ moduleName: 'Filter' });\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    }, [getMountNode, getScrollElement, useBoundaryMount]);\n\n    useResponsiveScrollListener(updatePopupMetrics, open && isMobile);\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 closeDropdown = useCallback(() => {\n      setOpen(false);\n      onOpenChange && onOpenChange(false);\n    }, [onOpenChange]);\n\n    const handleOpenChange = useCallback(\n      (open) => {\n        if (open && isMobile) {\n          updatePopupMetrics();\n        }\n        setOpen(open);\n        setState(value);\n        onOpenChange && onOpenChange(open);\n      },\n      [isMobile, onOpenChange, updatePopupMetrics, value],\n    );\n\n    const mobileOverlayStyle = isMobile\n      ? {\n          '--react-filter-popover-mobile-height': `${popupMetrics.height}px`,\n          top: popupMetrics.top,\n          left: popupMetrics.left ?? 0,\n          // boundary 下宽度跟挂载容器走；viewport 下用测量宽度兜底，避免 CSS 变量未写入时落到 100vw\n          ...(popupMetrics.width ? { width: popupMetrics.width } : null),\n          zIndex: MOBILE_POPUP_Z_INDEX,\n        }\n      : undefined;\n\n    const overlayContent = (\n      <div\n        className={style['pop-util-body']}\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n      >\n        <div className={style['pop-util-content']}>\n          {children({ value: state, onChange: setState })}\n        </div>\n        <Row className={style['pop-util-footer']} justify=\"end\" gutter={8}>\n          <Col>\n            <Button size={isMobile ? undefined : 'small'} onClick={closeDropdown}>\n              {formatMessage({ id: 'cancelText' })}\n            </Button>\n          </Col>\n          <Col>\n            <Button\n              size={isMobile ? undefined : 'small'}\n              type=\"primary\"\n              disabled={disabled}\n              onClick={() => {\n                closeDropdown();\n                onChange && onChange(state);\n              }}\n            >\n              {formatMessage({ id: 'determineText' })}\n            </Button>\n          </Col>\n        </Row>\n      </div>\n    );\n\n    // 宽度由外层 FilterItem label（max-content）锁定；Dropdown 只在绝对定位 field 内承接点击，\n    // 避免作为 filter-line flex 子项时 Trigger 首帧宽为 0。\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={closeDropdown}\n              onTouchMove={(e) => {\n                e.preventDefault();\n              }}\n            />,\n            popupMountNode,\n          )}\n        <span ref={setTriggerRef} className={style['popover-item-trigger']}>\n          <FilterItem open={open} active={isNotEmpty(value)} label={label}>\n            <Dropdown\n              open={open}\n              trigger={['click']}\n              placement={isMobile ? 'bottomLeft' : placement}\n              autoAdjustOverflow={!isMobile}\n              align={isMobile ? { offset: [0, 0] } : undefined}\n              getPopupContainer={resolveGetPopupContainer}\n              zIndex={isMobile ? MOBILE_POPUP_Z_INDEX : undefined}\n              overlayClassName={classnames(\n                style['pop-util-overlay'],\n                overlayClassName,\n                isMobile && fixedModeClass,\n              )}\n              overlayStyle={mobileOverlayStyle}\n              onOpenChange={handleOpenChange}\n              menu={{ items: [{ key: 'content', label: null }] }}\n              dropdownRender={() => overlayContent}\n            >\n              <span className={style['popover-item-hit']} role=\"button\" tabIndex={0} />\n            </Dropdown>\n          </FilterItem>\n        </span>\n      </>\n    );\n  },\n);\n\nexport default PopoverItem;\n"],"names":["isNotEmpty","value","MASK_ANIMATION_DURATION","MOBILE_POPUP_OFFSET","PopoverItem","withLocale","label","onValidate","overlayClassName","placement","onOpenChange","onChange","customGetPopupContainer","children","state","setState","useState","open","setOpen","isMobile","useBoundaryMount","fixedModeClass","getMountNode","getPopupContainer","anchorRef","useFilterPopupContainer","getScrollElement","useScrollElement","resolveGetPopupContainer","useCallback","triggerNode","customContainer","renderMask","setRenderMask","maskClosing","setMaskClosing","popupMetrics","setPopupMetrics","triggerRef","useRef","setTriggerRef","node","popupMountNode","disabled","useMemo","formatMessage","useIntl","updatePopupMetrics","metrics","getMobilePopupMetrics","useResponsiveScrollListener","useEffect","timer","closeDropdown","handleOpenChange","mobileOverlayStyle","MOBILE_POPUP_Z_INDEX","overlayContent","jsxs","style","jsx","Row","Col","Button","Fragment","createPortal","classnames","MOBILE_MASK_Z_INDEX","FilterItem","Dropdown"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAMA,KAAa,CAACC,MACd,EAAAA,KAAU,QACV,OAAOA,KAAU,YAAYA,EAAM,KAAA,MAAW,MAC9C,MAAM,QAAQA,CAAK,KAAKA,EAAM,WAAW,IAIzCC,KAA0B,KAC1BC,KAAsB,GAEtBC,KAAcC;AAAA,EAClB,CAAC;AAAA,IACC,OAAAJ;AAAA,IACA,OAAAK;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAmBC;AAAA,IACnB,UAAAC;AAAA,EAAA,MACI;AACJ,UAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASf,CAAK,GAClC,CAACgB,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAChC;AAAA,MACJ,UAAAG;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA,IACEC,GAAA,GACEC,IAAmBC,EAAA,GACnBC,IAA2BC;AAAA,MAC/B,CAACC,MAAgB;AACf,YAAI,OAAOlB,KAA4B,YAAY;AACjD,gBAAMmB,IAAkBnB,EAAwBkB,CAAW;AAC3D,cAAIC;AACF,mBAAOA;AAAA,QAEX;AACA,eAAOR,EAAkBO,CAAW;AAAA,MACtC;AAAA,MACA,CAAClB,GAAyBW,CAAiB;AAAA,IAAA,GAEvC,CAACS,GAAYC,CAAa,IAAIjB,EAAS,EAAK,GAC5C,CAACkB,GAAaC,CAAc,IAAInB,EAAS,EAAK,GAC9C,CAACoB,GAAcC,CAAe,IAAIrB,EAAS,EAAE,KAAK,GAAG,SAAS,GAAG,QAAQ,EAAA,CAAG,GAC5EsB,IAAaC,EAAO,IAAI,GACxBC,IAAgBX;AAAA,MACpB,CAACY,MAAS;AACR,QAAAH,EAAW,UAAUG,GACrBjB,EAAUiB,CAAI;AAAA,MAChB;AAAA,MACA,CAACjB,CAAS;AAAA,IAAA,GAENkB,IAAiB,OAAO,WAAa,MAAcpB,OAAkB,SAAS,OAAO,MACrFqB,IAAWC,EAAQ,MAChBrC,KAAc,CAACA,EAAWO,CAAK,GACrC,CAACP,GAAYO,CAAK,CAAC,GAEhB,EAAE,eAAA+B,MAAkBC,GAAgC,GAEpDC,IAAqBlB,EAAY,MAAM;AAC3C,UAAI,OAAO,SAAW,OAAe,CAACS,EAAW,QAAS;AAC1D,YAAMU,IAAUC,GAAsBX,EAAW,SAAS;AAAA,QACxD,UAAUZ,EAAA;AAAA,QACV,YAAYJ,EAAA;AAAA,QACZ,kBAAAF;AAAA,QACA,QAAQjB;AAAA,MAAA,CACT;AACD,MAAAkC,EAAgBW,CAAO;AAAA,IACzB,GAAG,CAAC1B,GAAcI,GAAkBN,CAAgB,CAAC;AAErD,IAAA8B,GAA4BH,GAAoB9B,KAAQE,CAAQ,GAEhEgC,EAAU,MAAM;AACd,UAAIlC,KAAQE,GAAU;AACpB,QAAAc,EAAc,EAAI,GAClBE,EAAe,EAAK;AACpB;AAAA,MACF;AAEA,UAAI,CAACH,EAAY;AACjB,MAAAG,EAAe,EAAI;AACnB,YAAMiB,IAAQ,WAAW,MAAM;AAC7B,QAAAnB,EAAc,EAAK,GACnBE,EAAe,EAAK;AAAA,MACtB,GAAGjC,EAAuB;AAC1B,aAAO,MAAM;AACX,qBAAakD,CAAK;AAAA,MACpB;AAAA,IACF,GAAG,CAACjC,GAAUF,GAAMe,CAAU,CAAC;AAE/B,UAAMqB,IAAgBxB,EAAY,MAAM;AACtC,MAAAX,EAAQ,EAAK,GACbR,KAAgBA,EAAa,EAAK;AAAA,IACpC,GAAG,CAACA,CAAY,CAAC,GAEX4C,IAAmBzB;AAAA,MACvB,CAACZ,MAAS;AACR,QAAIA,KAAQE,KACV4B,EAAA,GAEF7B,EAAQD,CAAI,GACZF,EAASd,CAAK,GACdS,KAAgBA,EAAaO,CAAI;AAAA,MACnC;AAAA,MACA,CAACE,GAAUT,GAAcqC,GAAoB9C,CAAK;AAAA,IAAA,GAG9CsD,IAAqBpC,IACvB;AAAA,MACE,wCAAwC,GAAGiB,EAAa,MAAM;AAAA,MAC9D,KAAKA,EAAa;AAAA,MAClB,MAAMA,EAAa,QAAQ;AAAA;AAAA,MAE3B,GAAIA,EAAa,QAAQ,EAAE,OAAOA,EAAa,UAAU;AAAA,MACzD,QAAQoB;AAAA,IAAA,IAEV,QAEEC,IACJ,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAM,eAAe;AAAA,QAChC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAA;AAAA,QACJ;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAM,kBAAkB,GACrC,UAAA9C,EAAS,EAAE,OAAOC,GAAO,UAAUC,EAAA,CAAU,EAAA,CAChD;AAAA,UACA,gBAAA2C,EAACG,MAAI,WAAWF,EAAM,iBAAiB,GAAG,SAAQ,OAAM,QAAQ,GAC9D,UAAA;AAAA,YAAA,gBAAAC,EAACE,GAAA,EACC,UAAA,gBAAAF,EAACG,GAAA,EAAO,MAAM5C,IAAW,SAAY,SAAS,SAASkC,GACpD,YAAc,EAAE,IAAI,aAAA,CAAc,GACrC,GACF;AAAA,8BACCS,GAAA,EACC,UAAA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAM5C,IAAW,SAAY;AAAA,gBAC7B,MAAK;AAAA,gBACL,UAAAwB;AAAA,gBACA,SAAS,MAAM;AACb,kBAAAU,EAAA,GACA1C,KAAYA,EAASG,CAAK;AAAA,gBAC5B;AAAA,gBAEC,UAAA+B,EAAc,EAAE,IAAI,gBAAA,CAAiB;AAAA,cAAA;AAAA,YAAA,EACxC,CACF;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAMJ,WACE,gBAAAa,EAAAM,GAAA,EACG,UAAA;AAAA,MAAAhC,KACCU,KACAuB;AAAA,QACE,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM;AAAAA,cACTP,EAAM,eAAe;AAAA,cACrBzB,KAAeyB,EAAM,qBAAqB;AAAA,cAC1CtC;AAAA,YAAA;AAAA,YAEF,OAAO;AAAA,cACL,KAAKe,EAAa;AAAA,cAClB,QAAQA,EAAa;AAAA,cACrB,QAAQ+B;AAAA,YAAA;AAAA,YAEV,SAASd;AAAA,YACT,aAAa,CAAC,MAAM;AAClB,gBAAE,eAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFX;AAAA,MAAA;AAAA,MAEJ,gBAAAkB,EAAC,QAAA,EAAK,KAAKpB,GAAe,WAAWmB,EAAM,sBAAsB,GAC/D,UAAA,gBAAAC,EAACQ,MAAW,MAAAnD,GAAY,QAAQjB,GAAWC,CAAK,GAAG,OAAAK,GACjD,UAAA,gBAAAsD;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,MAAApD;AAAA,UACA,SAAS,CAAC,OAAO;AAAA,UACjB,WAAWE,IAAW,eAAeV;AAAA,UACrC,oBAAoB,CAACU;AAAA,UACrB,OAAOA,IAAW,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM;AAAA,UACvC,mBAAmBS;AAAA,UACnB,QAAQT,IAAWqC,IAAuB;AAAA,UAC1C,kBAAkBU;AAAAA,YAChBP,EAAM,kBAAkB;AAAA,YACxBnD;AAAA,YACAW,KAAYE;AAAA,UAAA;AAAA,UAEd,cAAckC;AAAA,UACd,cAAcD;AAAA,UACd,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,WAAW,OAAO,KAAA,CAAM,EAAA;AAAA,UAC/C,gBAAgB,MAAMG;AAAA,UAEtB,UAAA,gBAAAG,EAAC,UAAK,WAAWD,EAAM,kBAAkB,GAAG,MAAK,UAAS,UAAU,EAAA,CAAG;AAAA,QAAA;AAAA,MAAA,GAE3E,EAAA,CACF;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;"}

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

@@ -0,0 +1,8 @@
+export default SearchInput;
+declare const SearchInput: import('@kne/react-intl/node_modules/@types/react').ForwardRefExoticComponent<Omit<{
+    [x: string]: any;
+    name: any;
+    label: any;
+} & {
+    locale?: string;
+}, "ref"> & import('@kne/react-intl/node_modules/@types/react').RefAttributes<any>>;

package/dist/components/ReactFilter/SearchInput.js

@@ -0,0 +1,55 @@
+import { jsx as g } from "react/jsx-runtime";
+import { Input as R } from "antd";
+import b from "./withFilterValue.js";
+import "../../node_modules/@kne/react-intl/dist/index.modern.js";
+import { useState as w, useRef as c, useEffect as S } from "react";
+import C from "./withLocale.js";
+import E from "../../node_modules/@kne/react-intl/node_modules/react-intl/lib/src/components/useIntl.js";
+import "../../node_modules/@kne/react-intl/node_modules/react-intl/lib/index.js";
+const { Search: j } = R, z = C(
+  b(({ label: d, onChange: a, value: s, placeholder: V, searchDelay: x = 500, ...I }) => {
+    const { formatMessage: T } = E(), o = s == null ? void 0 : s.value, [m, i] = w(o || ""), p = c(""), u = c(a), r = c(null), l = c(!1);
+    p.current = m, u.current = a;
+    const n = () => {
+      r.current && (clearTimeout(r.current), r.current = null);
+    }, f = (t) => {
+      var e;
+      (e = u.current) == null || e.call(u, t ? { label: t, value: t } : null);
+    }, h = (t) => {
+      n(), r.current = setTimeout(() => {
+        r.current = null, f(t);
+      }, x);
+    };
+    return S(() => {
+      o !== p.current && (n(), i(o || ""));
+    }, [o]), S(() => () => {
+      n();
+    }, []), /* @__PURE__ */ g(
+      j,
+      {
+        ...I,
+        placeholder: V || T({ id: "inputPlaceholder" }, { label: d }),
+        value: m,
+        onChange: (t) => {
+          const e = t.target.value;
+          i(e), l.current || h(e);
+        },
+        onCompositionStart: () => {
+          l.current = !0, n();
+        },
+        onCompositionEnd: (t) => {
+          l.current = !1;
+          const e = t.target.value;
+          i(e), h(e);
+        },
+        onSearch: (t) => {
+          n(), f(t);
+        }
+      }
+    );
+  })
+);
+export {
+  z as default
+};
+//# sourceMappingURL=SearchInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sources":["../../../src/components/ReactFilter/SearchInput.jsx"],"sourcesContent":["// @ts-nocheck\nimport { Input } from 'antd';\nimport withFilterValue from './withFilterValue';\nimport { useIntl } from '@kne/react-intl';\nimport { useEffect, useRef, useState } from 'react';\nimport withLocale from './withLocale';\n\nconst { Search } = Input;\n\nconst SearchInput = withLocale(\n  withFilterValue(({ label, onChange, value, placeholder, searchDelay = 500, ...props }) => {\n    const { formatMessage } = useIntl({ moduleName: 'Filter' });\n    const propsValue = value?.value;\n    const [inputValue, setInputValue] = useState(propsValue || '');\n    const inputValueRef = useRef('');\n    const onChangeRef = useRef(onChange);\n    const searchTimerRef = useRef(null);\n    const isComposingRef = useRef(false);\n    inputValueRef.current = inputValue;\n    onChangeRef.current = onChange;\n\n    const clearSearchTimer = () => {\n      if (searchTimerRef.current) {\n        clearTimeout(searchTimerRef.current);\n        searchTimerRef.current = null;\n      }\n    };\n\n    const submitSearch = (searchValue) => {\n      onChangeRef.current?.(searchValue ? { label: searchValue, value: searchValue } : null);\n    };\n\n    const scheduleSearch = (searchValue) => {\n      clearSearchTimer();\n      searchTimerRef.current = setTimeout(() => {\n        searchTimerRef.current = null;\n        submitSearch(searchValue);\n      }, searchDelay);\n    };\n\n    useEffect(() => {\n      if (propsValue !== inputValueRef.current) {\n        clearSearchTimer();\n        setInputValue(propsValue || '');\n      }\n    }, [propsValue]);\n\n    useEffect(() => {\n      return () => {\n        clearSearchTimer();\n      };\n    }, []);\n\n    return (\n      <Search\n        {...props}\n        placeholder={placeholder || formatMessage({ id: 'inputPlaceholder' }, { label })}\n        value={inputValue}\n        onChange={(e) => {\n          const nextValue = e.target.value;\n          setInputValue(nextValue);\n          if (!isComposingRef.current) {\n            scheduleSearch(nextValue);\n          }\n        }}\n        onCompositionStart={() => {\n          isComposingRef.current = true;\n          clearSearchTimer();\n        }}\n        onCompositionEnd={(e) => {\n          isComposingRef.current = false;\n          const nextValue = e.target.value;\n          setInputValue(nextValue);\n          scheduleSearch(nextValue);\n        }}\n        onSearch={(searchValue) => {\n          clearSearchTimer();\n          submitSearch(searchValue);\n        }}\n      />\n    );\n  }),\n);\n\nexport default SearchInput;\n"],"names":["Search","Input","SearchInput","withLocale","withFilterValue","label","onChange","value","placeholder","searchDelay","props","formatMessage","useIntl","propsValue","inputValue","setInputValue","useState","inputValueRef","useRef","onChangeRef","searchTimerRef","isComposingRef","clearSearchTimer","submitSearch","searchValue","_a","scheduleSearch","useEffect","jsx","e","nextValue"],"mappings":";;;;;;;;AAOA,MAAM,EAAE,QAAAA,MAAWC,GAEbC,IAAcC;AAAA,EAClBC,EAAgB,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,OAAAC,GAAO,aAAAC,GAAa,aAAAC,IAAc,KAAK,GAAGC,QAAY;AACxF,UAAM,EAAE,eAAAC,MAAkBC,EAAgC,GACpDC,IAAaN,KAAA,gBAAAA,EAAO,OACpB,CAACO,GAAYC,CAAa,IAAIC,EAASH,KAAc,EAAE,GACvDI,IAAgBC,EAAO,EAAE,GACzBC,IAAcD,EAAOZ,CAAQ,GAC7Bc,IAAiBF,EAAO,IAAI,GAC5BG,IAAiBH,EAAO,EAAK;AACnC,IAAAD,EAAc,UAAUH,GACxBK,EAAY,UAAUb;AAEtB,UAAMgB,IAAmB,MAAM;AAC7B,MAAIF,EAAe,YACjB,aAAaA,EAAe,OAAO,GACnCA,EAAe,UAAU;AAAA,IAE7B,GAEMG,IAAe,CAACC,MAAgB;;AACpC,OAAAC,IAAAN,EAAY,YAAZ,QAAAM,EAAA,KAAAN,GAAsBK,IAAc,EAAE,OAAOA,GAAa,OAAOA,EAAA,IAAgB;AAAA,IACnF,GAEME,IAAiB,CAACF,MAAgB;AACtC,MAAAF,EAAA,GACAF,EAAe,UAAU,WAAW,MAAM;AACxC,QAAAA,EAAe,UAAU,MACzBG,EAAaC,CAAW;AAAA,MAC1B,GAAGf,CAAW;AAAA,IAChB;AAEA,WAAAkB,EAAU,MAAM;AACd,MAAId,MAAeI,EAAc,YAC/BK,EAAA,GACAP,EAAcF,KAAc,EAAE;AAAA,IAElC,GAAG,CAACA,CAAU,CAAC,GAEfc,EAAU,MACD,MAAM;AACX,MAAAL,EAAA;AAAA,IACF,GACC,CAAA,CAAE,GAGH,gBAAAM;AAAA,MAAC5B;AAAA,MAAA;AAAA,QACE,GAAGU;AAAA,QACJ,aAAaF,KAAeG,EAAc,EAAE,IAAI,mBAAA,GAAsB,EAAE,OAAAN,GAAO;AAAA,QAC/E,OAAOS;AAAA,QACP,UAAU,CAACe,MAAM;AACf,gBAAMC,IAAYD,EAAE,OAAO;AAC3B,UAAAd,EAAce,CAAS,GAClBT,EAAe,WAClBK,EAAeI,CAAS;AAAA,QAE5B;AAAA,QACA,oBAAoB,MAAM;AACxB,UAAAT,EAAe,UAAU,IACzBC,EAAA;AAAA,QACF;AAAA,QACA,kBAAkB,CAACO,MAAM;AACvB,UAAAR,EAAe,UAAU;AACzB,gBAAMS,IAAYD,EAAE,OAAO;AAC3B,UAAAd,EAAce,CAAS,GACvBJ,EAAeI,CAAS;AAAA,QAC1B;AAAA,QACA,UAAU,CAACN,MAAgB;AACzB,UAAAF,EAAA,GACAC,EAAaC,CAAW;AAAA,QAC1B;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN,CAAC;AACH;"}

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

@@ -0,0 +1,9 @@
+/**
+ * 为 @kne/super-select createTreeUtils 构建 mapping：
+ * 扁平 parentId 列表需挂上 children，否则 getAllChildren 为空、父子勾选无法收敛。
+ */
+export default function buildSelectTreeMapping(options: any, { valueKey, parentKey, labelKey }?: {
+    valueKey?: string | undefined;
+    parentKey?: string | undefined;
+    labelKey?: string | undefined;
+}): Map<any, any>;

package/dist/components/ReactFilter/buildSelectTreeMapping.js

@@ -0,0 +1,24 @@
+function u(r, { valueKey: a = "id", parentKey: l = "parentId", labelKey: i = "name" } = {}) {
+  const e = /* @__PURE__ */ new Map();
+  if (!Array.isArray(r)) return e;
+  for (const n of r) {
+    if (!n || typeof n != "object") continue;
+    const t = n[a];
+    if (t == null) continue;
+    const o = n[l] != null ? n[l] : null;
+    e.set(t, {
+      ...n,
+      id: t,
+      label: n[i],
+      parentId: o,
+      children: []
+    });
+  }
+  for (const n of e.values())
+    n.parentId != null && e.has(n.parentId) && e.get(n.parentId).children.push(n);
+  return e;
+}
+export {
+  u as default
+};
+//# sourceMappingURL=buildSelectTreeMapping.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buildSelectTreeMapping.js","sources":["../../../src/components/ReactFilter/buildSelectTreeMapping.js"],"sourcesContent":["/**\n * 为 @kne/super-select createTreeUtils 构建 mapping：\n * 扁平 parentId 列表需挂上 children，否则 getAllChildren 为空、父子勾选无法收敛。\n */\nexport default function buildSelectTreeMapping(\n  options,\n  { valueKey = 'id', parentKey = 'parentId', labelKey = 'name' } = {},\n) {\n  const map = new Map();\n  if (!Array.isArray(options)) return map;\n\n  for (const item of options) {\n    if (!item || typeof item !== 'object') continue;\n    const id = item[valueKey];\n    if (id == null) continue;\n    const parentId = item[parentKey] != null ? item[parentKey] : null;\n    map.set(id, {\n      ...item,\n      id,\n      label: item[labelKey],\n      parentId,\n      children: [],\n    });\n  }\n\n  for (const node of map.values()) {\n    if (node.parentId != null && map.has(node.parentId)) {\n      map.get(node.parentId).children.push(node);\n    }\n  }\n\n  return map;\n}\n"],"names":["buildSelectTreeMapping","options","valueKey","parentKey","labelKey","map","item","id","parentId","node"],"mappings":"AAIe,SAASA,EACtBC,GACA,EAAE,UAAAC,IAAW,MAAM,WAAAC,IAAY,YAAY,UAAAC,IAAW,OAAM,IAAK,CAAA,GACjE;AACA,QAAMC,IAAM,oBAAI,IAAG;AACnB,MAAI,CAAC,MAAM,QAAQJ,CAAO,EAAG,QAAOI;AAEpC,aAAWC,KAAQL,GAAS;AAC1B,QAAI,CAACK,KAAQ,OAAOA,KAAS,SAAU;AACvC,UAAMC,IAAKD,EAAKJ,CAAQ;AACxB,QAAIK,KAAM,KAAM;AAChB,UAAMC,IAAWF,EAAKH,CAAS,KAAK,OAAOG,EAAKH,CAAS,IAAI;AAC7D,IAAAE,EAAI,IAAIE,GAAI;AAAA,MACV,GAAGD;AAAA,MACH,IAAAC;AAAA,MACA,OAAOD,EAAKF,CAAQ;AAAA,MACpB,UAAAI;AAAA,MACA,UAAU,CAAA;AAAA,IAChB,CAAK;AAAA,EACH;AAEA,aAAWC,KAAQJ,EAAI;AACrB,IAAII,EAAK,YAAY,QAAQJ,EAAI,IAAII,EAAK,QAAQ,KAChDJ,EAAI,IAAII,EAAK,QAAQ,EAAE,SAAS,KAAKA,CAAI;AAI7C,SAAOJ;AACT;"}

package/dist/components/ReactFilter/common/TypeDateRangePickerField/index.d.ts

@@ -0,0 +1,9 @@
+export default TypeDateRangePickerField;
+declare function TypeDateRangePickerField({ value: valueProp, onChange: onChangeProp, defaultValue, shortcuts, shortcutOptions, ...props }: {
+    [x: string]: any;
+    value: any;
+    onChange: any;
+    defaultValue: any;
+    shortcuts?: boolean | undefined;
+    shortcutOptions: any;
+}): import("react").JSX.Element;