@hkyhy/marsun-components-core 0.1.51 → 0.1.53

package/dist/components/ReactFilter/FilterValueDisplay.js

@@ -1,53 +1,50 @@
 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 { Tag as k, Tooltip as B, 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 { useIntl as M } from "@kne/react-intl";
+import V from "./withLocale.js";
+import { useState as R } from "react";
+import { UpOutlined as $, DownOutlined as E } from "@ant-design/icons";
+import H from "./hooks/useFilterIsMobile.js";
+import K 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(
+const P = (i) => !!(i == null || typeof i == "string" && i.trim() === "" || Array.isArray(i) && i.length === 0), el = V(
   ({ 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(
+    const { formatMessage: u } = M({ moduleName: "Filter" }), [c, C] = R(!1), y = H(), f = (Array.isArray(i) ? i : []).filter(
       (t) => !P(t == null ? void 0 : t.value)
-    ), { scrollRef: S, isOverflow: v, showScrollPrev: I, showScrollNext: L } = $({
+    ), { scrollRef: S, isOverflow: v, showScrollPrev: L, showScrollNext: O } = K({
       enabled: y,
       suspend: c,
       preserveOverflowOnSuspend: !0,
-      refreshKey: u
+      refreshKey: f
     });
-    if (u.length === 0)
+    if (f.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(
+    const w = f.map(({ name: t, label: D, value: n }, F) => {
+      const h = Array.isArray(n) ? n.map((o) => o == null ? void 0 : o.label).filter(Boolean) : n != null && n.label ? [n.label] : [], I = h.join("，"), A = /* @__PURE__ */ e(
         "span",
         {
           className: a(l["filter-value-tag-content"], s.valueTagContent),
-          children: k
+          children: I
         }
-      ), 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;
+      ), T = h.length ? /* @__PURE__ */ e("div", { className: l["filter-value-tag-tooltip"], children: h.map((o, j) => /* @__PURE__ */ e("div", { className: l["filter-value-tag-tooltip-line"], children: o }, `${t}-${j}`)) }) : null;
       return /* @__PURE__ */ r(
-        D,
+        k,
         {
           closable: !0,
           className: a(l["filter-value-tag"], s.valueTag),
           onClose: () => {
-            const o = u.slice(0);
-            o.splice(j, 1), N(o);
+            const o = f.slice(0);
+            o.splice(F, 1), N(o);
           },
           children: [
             /* @__PURE__ */ r("span", { className: a(l["filter-value-tag-label"], s.valueTagLabel), children: [
-              R,
+              D,
               ":"
             ] }),
             T ? /* @__PURE__ */ e(
-              F,
+              B,
               {
                 title: T,
                 rootClassName: l["filter-value-tag-tooltip-root"],
@@ -67,7 +64,7 @@ const P = (i) => !!(i == null || typeof i == "string" && i.trim() === "" || Arra
         onClick: () => {
           N([]);
         },
-        children: f({ id: "clearAllText" })
+        children: u({ id: "clearAllText" })
       }
     );
     return /* @__PURE__ */ r(
@@ -85,7 +82,7 @@ const P = (i) => !!(i == null || typeof i == "string" && i.trim() === "" || Arra
         align: "top",
         size: g ? 0 : 16,
         children: [
-          g ? null : /* @__PURE__ */ e("span", { className: a(l["filter-label"], s.label), children: f({ id: "selectedText" }) }),
+          g ? null : /* @__PURE__ */ e("span", { className: a(l["filter-label"], s.label), children: u({ id: "selectedText" }) }),
           y ? /* @__PURE__ */ r(
             "div",
             {
@@ -102,7 +99,7 @@ const P = (i) => !!(i == null || typeof i == "string" && i.trim() === "" || Arra
                       c && l["is-expand"]
                     ),
                     children: [
-                      I ? /* @__PURE__ */ e(
+                      L ? /* @__PURE__ */ e(
                         "div",
                         {
                           className: a(
@@ -124,7 +121,7 @@ const P = (i) => !!(i == null || typeof i == "string" && i.trim() === "" || Arra
                           children: w
                         }
                       ),
-                      L ? /* @__PURE__ */ e("div", { className: a(l["filter-value-scroll-next-shadow"]) }) : null
+                      O ? /* @__PURE__ */ e("div", { className: a(l["filter-value-scroll-next-shadow"]) }) : null
                     ]
                   }
                 ),
@@ -147,7 +144,7 @@ const P = (i) => !!(i == null || typeof i == "string" && i.trim() === "" || Arra
                           type: "link",
                           size: "small",
                           className: a(l["filter-value-toggle"], s.valueToggle),
-                          icon: c ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ e(K, {}),
+                          icon: c ? /* @__PURE__ */ e($, {}) : /* @__PURE__ */ e(E, {}),
                           onClick: () => {
                             C((t) => !t);
                           },
@@ -156,7 +153,7 @@ const P = (i) => !!(i == null || typeof i == "string" && i.trim() === "" || Arra
                       ) : 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__ */ e(m, { size: "small", className: s.valueClear, children: u({ id: "clearAllText" }) })
                       ] })
                     ]
                   }
@@ -167,7 +164,7 @@ const P = (i) => !!(i == null || typeof i == "string" && i.trim() === "" || Arra
             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__ */ e(m, { size: "small", className: s.valueClear, children: u({ id: "clearAllText" }) })
             ] }),
             /* @__PURE__ */ r(p, { size: 4, className: a(l["un-expand"], s.valueActions), children: [
               d,
@@ -180,6 +177,6 @@ const P = (i) => !!(i == null || typeof i == "string" && i.trim() === "" || Arra
   }
 );
 export {
-  rl as default
+  el as default
 };
 //# sourceMappingURL=FilterValueDisplay.js.map

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

@@ -1 +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":"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"}
+{"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,EAAA,IAAkBC,EAAQ,EAAE,YAAY,UAAU,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.js

@@ -1,32 +1,30 @@
 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 { useScrollElement as V } from "@kne/responsive-utils";
 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 { useIntl as se } from "@kne/react-intl";
+import ie 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(
+import ne from "./hooks/useResponsiveScrollListener.js";
+import { getMobilePopupMetrics as le } from "./utils/getMobilePopupMetrics.js";
+import { MOBILE_MASK_Z_INDEX as ce, MOBILE_POPUP_Z_INDEX as L } from "./constants/mobilePopup.js";
+const pe = (o) => !(o == null || typeof o == "string" && o.trim() === "" || Array.isArray(o) && o.length === 0), ae = 180, me = 4, Ee = ie(
   ({
     value: o,
     label: D,
     onValidate: m,
-    overlayClassName: z,
-    placement: B = "bottomLeft",
+    overlayClassName: F,
+    placement: z = "bottomLeft",
     onOpenChange: n,
-    onChange: I,
+    onChange: N,
     getPopupContainer: f,
-    children: F
+    children: B
   }) => {
-    const [a, N] = c(o), [l, P] = c(!1), {
+    const [a, I] = c(o), [l, P] = c(!1), {
       isMobile: t,
       useBoundaryMount: b,
       fixedModeClass: k,
@@ -48,9 +46,9 @@ const pe = (o) => !(o == null || typeof o == "string" && o.trim() === "" || Arra
         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(() => {
+    ), S = typeof document < "u" ? u() || document.body : null, Z = W(() => m && !m(a), [m, a]), { formatMessage: T } = se({ moduleName: "Filter" }), y = p(() => {
       if (typeof window > "u" || !g.current) return;
-      const e = ne(g.current, {
+      const e = le(g.current, {
         scrollEl: w(),
         boundaryEl: u(),
         useBoundaryMount: b,
@@ -58,7 +56,7 @@ const pe = (o) => !(o == null || typeof o == "string" && o.trim() === "" || Arra
       });
       K(e);
     }, [u, w, b]);
-    ie(y, l && t), Y(() => {
+    ne(y, l && t), Y(() => {
       if (l && t) {
         x(!0), h(!1);
         return;
@@ -76,7 +74,7 @@ const pe = (o) => !(o == null || typeof o == "string" && o.trim() === "" || Arra
       P(!1), n && n(!1);
     }, [n]), $ = p(
       (e) => {
-        e && t && y(), P(e), N(o), n && n(e);
+        e && t && y(), P(e), I(o), n && n(e);
       },
       [t, n, y, o]
     ), q = t ? {
@@ -94,7 +92,7 @@ const pe = (o) => !(o == null || typeof o == "string" && o.trim() === "" || Arra
           e.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ r("div", { className: s["pop-util-content"], children: F({ value: a, onChange: N }) }),
+          /* @__PURE__ */ r("div", { className: s["pop-util-content"], children: B({ value: a, onChange: I }) }),
           /* @__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(
@@ -104,7 +102,7 @@ const pe = (o) => !(o == null || typeof o == "string" && o.trim() === "" || Arra
                 type: "primary",
                 disabled: Z,
                 onClick: () => {
-                  M(), I && I(a);
+                  M(), N && N(a);
                 },
                 children: T({ id: "determineText" })
               }
@@ -126,7 +124,7 @@ const pe = (o) => !(o == null || typeof o == "string" && o.trim() === "" || Arra
             style: {
               top: i.top,
               height: i.height,
-              zIndex: le
+              zIndex: ce
             },
             onClick: M,
             onTouchMove: (e) => {
@@ -141,14 +139,14 @@ const pe = (o) => !(o == null || typeof o == "string" && o.trim() === "" || Arra
         {
           open: l,
           trigger: ["click"],
-          placement: t ? "bottomLeft" : B,
+          placement: t ? "bottomLeft" : z,
           autoAdjustOverflow: !t,
           align: t ? { offset: [0, 0] } : void 0,
           getPopupContainer: j,
           zIndex: t ? L : void 0,
           overlayClassName: O(
             s["pop-util-overlay"],
-            z,
+            F,
             t && k
           ),
           overlayStyle: q,
@@ -162,6 +160,6 @@ const pe = (o) => !(o == null || typeof o == "string" && o.trim() === "" || Arra
   }
 );
 export {
-  xe as default
+  Ee as default
 };
 //# sourceMappingURL=PopoverItem.js.map

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

@@ -1 +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":"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"}
+{"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":"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"}

package/dist/components/ReactFilter/SearchInput.js

@@ -1,14 +1,12 @@
 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(
+import { useIntl as w } from "@kne/react-intl";
+import { useState as C, useRef as c, useEffect as S } from "react";
+import E from "./withLocale.js";
+const { Search: F } = R, k = E(
   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);
+    const { formatMessage: T } = w({ moduleName: "Filter" }), o = s == null ? void 0 : s.value, [m, l] = C(o || ""), p = c(""), u = c(a), r = c(null), i = c(!1);
     p.current = m, u.current = a;
     const n = () => {
       r.current && (clearTimeout(r.current), r.current = null);
@@ -21,26 +19,26 @@ const { Search: j } = R, z = C(
       }, x);
     };
     return S(() => {
-      o !== p.current && (n(), i(o || ""));
+      o !== p.current && (n(), l(o || ""));
     }, [o]), S(() => () => {
       n();
     }, []), /* @__PURE__ */ g(
-      j,
+      F,
       {
         ...I,
         placeholder: V || T({ id: "inputPlaceholder" }, { label: d }),
         value: m,
         onChange: (t) => {
           const e = t.target.value;
-          i(e), l.current || h(e);
+          l(e), i.current || h(e);
         },
         onCompositionStart: () => {
-          l.current = !0, n();
+          i.current = !0, n();
         },
         onCompositionEnd: (t) => {
-          l.current = !1;
+          i.current = !1;
           const e = t.target.value;
-          i(e), h(e);
+          l(e), h(e);
         },
         onSearch: (t) => {
           n(), f(t);
@@ -50,6 +48,6 @@ const { Search: j } = R, z = C(
   })
 );
 export {
-  z as default
+  k as default
 };
 //# sourceMappingURL=SearchInput.js.map

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

@@ -1 +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;"}
+{"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,EAAA,IAAkBC,EAAQ,EAAE,YAAY,UAAU,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;"}