@hkyhy/marsun-components-core 0.1.50 → 0.1.52

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

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

package/dist/components/Filter/kneValueAdapter.js

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

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

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

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

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

package/dist/components/Filter/useFilterLayoutMode.js

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

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

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

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

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

package/dist/components/Filter/useHorizontalScrollShadows.js

@@ -0,0 +1,27 @@
+import { useState as i, useCallback as d, useEffect as f } from "react";
+function m(r) {
+  const [a, n] = i(!1), [l, o] = i(!1), t = d(() => {
+    const e = r.current;
+    if (!e) {
+      n(!1), o(!1);
+      return;
+    }
+    const { scrollLeft: s, scrollWidth: u, clientWidth: v } = e, c = u - v;
+    n(s > 1), o(c > 1 && s < c - 1);
+  }, [r]);
+  return f(() => {
+    const e = r.current;
+    if (!e) return;
+    t(), e.addEventListener("scroll", t, { passive: !0 });
+    const s = new ResizeObserver(() => {
+      requestAnimationFrame(t);
+    });
+    return s.observe(e), () => {
+      e.removeEventListener("scroll", t), s.disconnect();
+    };
+  }, [r, t]), { showPrev: a, showNext: l, update: t };
+}
+export {
+  m as useHorizontalScrollShadows
+};
+//# sourceMappingURL=useHorizontalScrollShadows.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHorizontalScrollShadows.js","sources":["../../../src/components/Filter/useHorizontalScrollShadows.ts"],"sourcesContent":["import { useCallback, useEffect, useState, type RefObject } from 'react';\n\n/**\n * 横向滚动边缘阴影：根据 overflow + scrollLeft 决定是否显示左右渐变。\n */\nexport function useHorizontalScrollShadows(scrollRef: RefObject<HTMLElement | null>) {\n  const [showPrev, setShowPrev] = useState(false);\n  const [showNext, setShowNext] = useState(false);\n\n  const update = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) {\n      setShowPrev(false);\n      setShowNext(false);\n      return;\n    }\n    const { scrollLeft, scrollWidth, clientWidth } = el;\n    const max = scrollWidth - clientWidth;\n    setShowPrev(scrollLeft > 1);\n    setShowNext(max > 1 && scrollLeft < max - 1);\n  }, [scrollRef]);\n\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return undefined;\n    update();\n    el.addEventListener('scroll', update, { passive: true });\n    const ro = new ResizeObserver(() => {\n      requestAnimationFrame(update);\n    });\n    ro.observe(el);\n    return () => {\n      el.removeEventListener('scroll', update);\n      ro.disconnect();\n    };\n  }, [scrollRef, update]);\n\n  return { showPrev, showNext, update };\n}\n"],"names":["useHorizontalScrollShadows","scrollRef","showPrev","setShowPrev","useState","showNext","setShowNext","update","useCallback","el","scrollLeft","scrollWidth","clientWidth","max","useEffect","ro"],"mappings":";AAKO,SAASA,EAA2BC,GAA0C;AACnF,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GAExCG,IAASC,EAAY,MAAM;AAC/B,UAAMC,IAAKR,EAAU;AACrB,QAAI,CAACQ,GAAI;AACP,MAAAN,EAAY,EAAK,GACjBG,EAAY,EAAK;AACjB;AAAA,IACF;AACA,UAAM,EAAE,YAAAI,GAAY,aAAAC,GAAa,aAAAC,EAAA,IAAgBH,GAC3CI,IAAMF,IAAcC;AAC1B,IAAAT,EAAYO,IAAa,CAAC,GAC1BJ,EAAYO,IAAM,KAAKH,IAAaG,IAAM,CAAC;AAAA,EAC7C,GAAG,CAACZ,CAAS,CAAC;AAEd,SAAAa,EAAU,MAAM;AACd,UAAML,IAAKR,EAAU;AACrB,QAAI,CAACQ,EAAI;AACT,IAAAF,EAAA,GACAE,EAAG,iBAAiB,UAAUF,GAAQ,EAAE,SAAS,IAAM;AACvD,UAAMQ,IAAK,IAAI,eAAe,MAAM;AAClC,4BAAsBR,CAAM;AAAA,IAC9B,CAAC;AACD,WAAAQ,EAAG,QAAQN,CAAE,GACN,MAAM;AACX,MAAAA,EAAG,oBAAoB,UAAUF,CAAM,GACvCQ,EAAG,WAAA;AAAA,IACL;AAAA,EACF,GAAG,CAACd,GAAWM,CAAM,CAAC,GAEf,EAAE,UAAAL,GAAU,UAAAG,GAAU,QAAAE,EAAA;AAC/B;"}

package/dist/components/Form/index.d.ts

@@ -9,7 +9,7 @@ export type { PersonOptionRowProps } from './PersonOptionRow';
 export { default as FormDataSync } from './FormDataSync';
 export type { FormDataSyncProps } from './FormDataSync';
 /** @kne/form-info — 业务从包根导入，勿直连 @kne/form-info */
-export { FormInfo, Form, FormModal, FormSteps, FormStepsModal, List, TableList, MultiField, Input, TextArea, Select, InputNumber, Switch, RadioGroup, TreeSelect, SubmitButton, ResetButton, CancelButton, } from './kneFormInfo';
+export { FormInfo, Form, FormModal, FormSteps, FormStepsModal, List, TableList, MultiField, Input, TextArea, Select, TreeSelect, InputNumber, Switch, RadioGroup, SubmitButton, ResetButton, CancelButton, } from './kneFormInfo';
 export type { FormInfoProps, FormProps, FormModalProps, FormStepsProps, FormStepsModalProps, ListProps, TableListProps, MultiFieldProps, } from './kneFormInfo';
 /** @kne/react-form — 引擎 API；默认组件为 ReactForm（勿与 FormInfo 的 Form 混淆） */
 export { ReactForm, GroupList, useField, useFormApi, useFormContext, useGroup, useSubmit, useReset, RULES, preset, interceptors, compileErrMsg, computedFieldValueFromFormData, computedFormDataFormState, filterEmpty, findField, formUtils, isEmpty, isNotEmpty, matchFields, stateToError, stateToIsPass, } from './kneReactForm';

package/dist/components/Form/kneFormInfo.d.ts

@@ -40,11 +40,10 @@ export declare const MultiField: FC<MultiFieldProps>;
 export declare const Input: ComponentType<FieldProps>;
 export declare const TextArea: ComponentType<FieldProps>;
 export declare const Select: ComponentType<FieldProps>;
+export declare const TreeSelect: ComponentType<FieldProps>;
 export declare const InputNumber: ComponentType<FieldProps>;
 export declare const Switch: ComponentType<FieldProps>;
 export declare const RadioGroup: ComponentType<FieldProps>;
-/** 与 Input/Select 同源再导出，避免业务直连 @kne/react-form-antd 导致双 Context */
-export declare const TreeSelect: ComponentType<FieldProps>;
 export declare const SubmitButton: ComponentType<ButtonProps>;
 export declare const ResetButton: ComponentType<ButtonProps>;
 export declare const CancelButton: ComponentType<ButtonProps>;

package/dist/components/Form/kneFormInfo.js

@@ -1,7 +1,7 @@
 /* empty css                                               */
 import t, { Form as o, FormModal as s, FormSteps as e, FormStepsModal as n, List as a, MultiField as r, TableList as c } from "@kne/form-info";
 import { CancelButton as u, Input as m, InputNumber as i, RadioGroup as l, ResetButton as p, Select as S, SubmitButton as F, Switch as $, TextArea as d, TreeSelect as B } from "@kne/react-form-antd";
-const I = t, L = o, R = s, f = e, x = n, h = a, w = c, A = r, C = m, G = d, N = S, g = i, j = $, k = l, q = B, v = F, y = p, z = u;
+const I = t, L = o, R = s, f = e, x = n, h = a, w = c, A = r, C = m, G = d, N = S, g = B, j = i, k = $, q = l, v = F, y = p, z = u;
 export {
   z as CancelButton,
   L as Form,
@@ -10,16 +10,16 @@ export {
   f as FormSteps,
   x as FormStepsModal,
   C as Input,
-  g as InputNumber,
+  j as InputNumber,
   h as List,
   A as MultiField,
-  k as RadioGroup,
+  q as RadioGroup,
   y as ResetButton,
   N as Select,
   v as SubmitButton,
-  j as Switch,
+  k as Switch,
   w as TableList,
   G as TextArea,
-  q as TreeSelect
+  g as TreeSelect
 };
 //# sourceMappingURL=kneFormInfo.js.map

package/dist/components/Form/kneFormInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"kneFormInfo.js","sources":["../../../src/components/Form/kneFormInfo.ts"],"sourcesContent":["/**\n * 经 core 再导出 @kne/form-info（业务唯一入口）。\n * 布局组件来自 @kne/form-info；字段组件须从 @kne/react-form-antd 具名导入\n * （form-info 的 `export *` 在 Vite 下经 namespace 读取时常为 undefined）。\n */\nimport '@kne/form-info/dist/index.css';\nimport FormInfoBase, {\n  Form as KneForm,\n  FormModal as KneFormModal,\n  FormSteps as KneFormSteps,\n  FormStepsModal as KneFormStepsModal,\n  List as KneList,\n  MultiField as KneMultiField,\n  TableList as KneTableList,\n  type FormModalProps,\n  type FormProps,\n  type FormStepsModalProps,\n  type FormStepsProps,\n  type ListProps,\n  type MultiFieldProps,\n  type TableListProps,\n  type FormInfoProps,\n} from '@kne/form-info';\nimport {\n  CancelButton as KneCancelButton,\n  Input as KneInput,\n  InputNumber as KneInputNumber,\n  RadioGroup as KneRadioGroup,\n  ResetButton as KneResetButton,\n  Select as KneSelect,\n  SubmitButton as KneSubmitButton,\n  Switch as KneSwitch,\n  TextArea as KneTextArea,\n  TreeSelect as KneTreeSelect,\n} from '@kne/react-form-antd';\nimport type { ComponentType, FC, ReactNode } from 'react';\n\ntype FieldProps = {\n  name: string;\n  label?: ReactNode;\n  rule?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  block?: boolean;\n  rows?: number;\n  options?: unknown[];\n  [key: string]: unknown;\n};\n\ntype ButtonProps = {\n  children?: ReactNode;\n  type?: string;\n  loading?: boolean;\n  [key: string]: unknown;\n};\n\ntype ItemTitleCtx = { index: number; data?: Record<string, unknown> };\n\nexport type {\n  FormInfoProps,\n  FormProps,\n  FormModalProps,\n  FormStepsProps,\n  FormStepsModalProps,\n  ListProps,\n  TableListProps,\n  MultiFieldProps,\n};\n\nexport const FormInfo = FormInfoBase;\nexport const Form = KneForm;\nexport const FormModal = KneFormModal as FC<FormModalProps & { children?: ReactNode }>;\nexport const FormSteps = KneFormSteps as FC<FormStepsProps>;\nexport const FormStepsModal = KneFormStepsModal as FC<FormStepsModalProps>;\n\nexport const List = KneList as FC<\n  Omit<ListProps, 'itemTitle'> & {\n    maxLength?: number;\n    itemTitle?: (ctx: ItemTitleCtx) => string;\n  }\n>;\nexport const TableList = KneTableList as FC<\n  Omit<TableListProps, 'itemTitle'> & {\n    itemTitle?: (ctx: ItemTitleCtx) => string;\n  }\n>;\nexport const MultiField = KneMultiField as FC<MultiFieldProps>;\n\nexport const Input = KneInput as ComponentType<FieldProps>;\nexport const TextArea = KneTextArea as ComponentType<FieldProps>;\nexport const Select = KneSelect as ComponentType<FieldProps>;\nexport const InputNumber = KneInputNumber as ComponentType<FieldProps>;\nexport const Switch = KneSwitch as ComponentType<FieldProps>;\nexport const RadioGroup = KneRadioGroup as ComponentType<FieldProps>;\n/** 与 Input/Select 同源再导出，避免业务直连 @kne/react-form-antd 导致双 Context */\nexport const TreeSelect = KneTreeSelect as ComponentType<FieldProps>;\nexport const SubmitButton = KneSubmitButton as ComponentType<ButtonProps>;\nexport const ResetButton = KneResetButton as ComponentType<ButtonProps>;\nexport const CancelButton = KneCancelButton as ComponentType<ButtonProps>;\n"],"names":["FormInfo","FormInfoBase","Form","KneForm","FormModal","KneFormModal","FormSteps","KneFormSteps","FormStepsModal","KneFormStepsModal","List","KneList","TableList","KneTableList","MultiField","KneMultiField","Input","KneInput","TextArea","KneTextArea","Select","KneSelect","InputNumber","KneInputNumber","Switch","KneSwitch","RadioGroup","KneRadioGroup","TreeSelect","KneTreeSelect","SubmitButton","KneSubmitButton","ResetButton","KneResetButton","CancelButton","KneCancelButton"],"mappings":";;;AAqEO,MAAMA,IAAWC,GACXC,IAAOC,GACPC,IAAYC,GACZC,IAAYC,GACZC,IAAiBC,GAEjBC,IAAOC,GAMPC,IAAYC,GAKZC,IAAaC,GAEbC,IAAQC,GACRC,IAAWC,GACXC,IAASC,GACTC,IAAcC,GACdC,IAASC,GACTC,IAAaC,GAEbC,IAAaC,GACbC,IAAeC,GACfC,IAAcC,GACdC,IAAeC;"}
+{"version":3,"file":"kneFormInfo.js","sources":["../../../src/components/Form/kneFormInfo.ts"],"sourcesContent":["/**\n * 经 core 再导出 @kne/form-info（业务唯一入口）。\n * 布局组件来自 @kne/form-info；字段组件须从 @kne/react-form-antd 具名导入\n * （form-info 的 `export *` 在 Vite 下经 namespace 读取时常为 undefined）。\n */\nimport '@kne/form-info/dist/index.css';\nimport FormInfoBase, {\n  Form as KneForm,\n  FormModal as KneFormModal,\n  FormSteps as KneFormSteps,\n  FormStepsModal as KneFormStepsModal,\n  List as KneList,\n  MultiField as KneMultiField,\n  TableList as KneTableList,\n  type FormModalProps,\n  type FormProps,\n  type FormStepsModalProps,\n  type FormStepsProps,\n  type ListProps,\n  type MultiFieldProps,\n  type TableListProps,\n  type FormInfoProps,\n} from '@kne/form-info';\nimport {\n  CancelButton as KneCancelButton,\n  Input as KneInput,\n  InputNumber as KneInputNumber,\n  RadioGroup as KneRadioGroup,\n  ResetButton as KneResetButton,\n  Select as KneSelect,\n  SubmitButton as KneSubmitButton,\n  Switch as KneSwitch,\n  TextArea as KneTextArea,\n  TreeSelect as KneTreeSelect,\n} from '@kne/react-form-antd';\nimport type { ComponentType, FC, ReactNode } from 'react';\n\ntype FieldProps = {\n  name: string;\n  label?: ReactNode;\n  rule?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  block?: boolean;\n  rows?: number;\n  options?: unknown[];\n  [key: string]: unknown;\n};\n\ntype ButtonProps = {\n  children?: ReactNode;\n  type?: string;\n  loading?: boolean;\n  [key: string]: unknown;\n};\n\ntype ItemTitleCtx = { index: number; data?: Record<string, unknown> };\n\nexport type {\n  FormInfoProps,\n  FormProps,\n  FormModalProps,\n  FormStepsProps,\n  FormStepsModalProps,\n  ListProps,\n  TableListProps,\n  MultiFieldProps,\n};\n\nexport const FormInfo = FormInfoBase;\nexport const Form = KneForm;\nexport const FormModal = KneFormModal as FC<FormModalProps & { children?: ReactNode }>;\nexport const FormSteps = KneFormSteps as FC<FormStepsProps>;\nexport const FormStepsModal = KneFormStepsModal as FC<FormStepsModalProps>;\n\nexport const List = KneList as FC<\n  Omit<ListProps, 'itemTitle'> & {\n    maxLength?: number;\n    itemTitle?: (ctx: ItemTitleCtx) => string;\n  }\n>;\nexport const TableList = KneTableList as FC<\n  Omit<TableListProps, 'itemTitle'> & {\n    itemTitle?: (ctx: ItemTitleCtx) => string;\n  }\n>;\nexport const MultiField = KneMultiField as FC<MultiFieldProps>;\n\nexport const Input = KneInput as ComponentType<FieldProps>;\nexport const TextArea = KneTextArea as ComponentType<FieldProps>;\nexport const Select = KneSelect as ComponentType<FieldProps>;\nexport const TreeSelect = KneTreeSelect as ComponentType<FieldProps>;\nexport const InputNumber = KneInputNumber as ComponentType<FieldProps>;\nexport const Switch = KneSwitch as ComponentType<FieldProps>;\nexport const RadioGroup = KneRadioGroup as ComponentType<FieldProps>;\nexport const SubmitButton = KneSubmitButton as ComponentType<ButtonProps>;\nexport const ResetButton = KneResetButton as ComponentType<ButtonProps>;\nexport const CancelButton = KneCancelButton as ComponentType<ButtonProps>;\n"],"names":["FormInfo","FormInfoBase","Form","KneForm","FormModal","KneFormModal","FormSteps","KneFormSteps","FormStepsModal","KneFormStepsModal","List","KneList","TableList","KneTableList","MultiField","KneMultiField","Input","KneInput","TextArea","KneTextArea","Select","KneSelect","TreeSelect","KneTreeSelect","InputNumber","KneInputNumber","Switch","KneSwitch","RadioGroup","KneRadioGroup","SubmitButton","KneSubmitButton","ResetButton","KneResetButton","CancelButton","KneCancelButton"],"mappings":";;;AAqEO,MAAMA,IAAWC,GACXC,IAAOC,GACPC,IAAYC,GACZC,IAAYC,GACZC,IAAiBC,GAEjBC,IAAOC,GAMPC,IAAYC,GAKZC,IAAaC,GAEbC,IAAQC,GACRC,IAAWC,GACXC,IAASC,GACTC,IAAaC,GACbC,IAAcC,GACdC,IAASC,GACTC,IAAaC,GACbC,IAAeC,GACfC,IAAcC,GACdC,IAAeC;"}

package/dist/components/Icons/index.js

@@ -1,6 +1,6 @@
 import { jsx as $ } from "react/jsx-runtime";
 /* empty css                 */
-import { ArrowLeft as u, ArrowLeftRight as p, BarChart3 as f, Bell as m, BookOpen as L, Bot as g, Check as S, ChevronDown as w, ChevronLeft as F, ChevronRight as U, ChevronUp as y, CircleAlert as P, CircleCheck as k, CircleHelp as b, CirclePlay as T, CircleX as D, ClipboardCheck as R, Clock as v, CloudDownload as O, CloudUpload as I, Code as A, Copy as B, Crown as M, Database as H, Download as x, Eye as z, EyeOff as E, File as q, FileArchive as X, FileImage as N, FileSpreadsheet as G, FileText as _, Flag as j, Flame as W, Folder as Y, FolderOpen as J, Hash as K, House as Q, Import as V, Inbox as Z, Info as ee, LayoutDashboard as oe, LayoutGrid as se, ListTodo as ae, Loader2 as te, Lock as re, LogOut as ne, Maximize2 as le, MessageCircle as ce, MessageSquare as ie, Minimize2 as Ce, PanelLeftClose as de, PanelLeftOpen as he, Pause as $e, Pencil as ue, Plus as pe, Presentation as fe, RefreshCw as me, RotateCw as Le, Send as ge, Settings as Se, Shield as we, ShieldCheck as Fe, SlidersHorizontal as Ue, Square as ye, Star as Pe, ThumbsDown as ke, ThumbsUp as be, Trash2 as Te, Trophy as De, Undo2 as Re, Upload as ve, User as Oe, UserPlus as Ie, UserRoundCog as Ae, Users as Be, X as Me } from "lucide-react";
+import { ArrowLeft as u, ArrowLeftRight as p, BarChart3 as f, Bell as m, BookOpen as L, Bot as g, Check as S, ChevronDown as w, ChevronLeft as F, ChevronRight as U, ChevronUp as y, CircleAlert as P, CircleCheck as k, CircleHelp as b, CirclePlay as T, CircleX as D, ClipboardCheck as R, Clock as v, CloudDownload as O, CloudUpload as I, Code as A, Copy as B, Crown as M, Database as H, Download as x, Eye as z, EyeOff as E, File as q, FileArchive as X, FileImage as N, FileSpreadsheet as G, FileText as j, Flag as W, Flame as _, Folder as Y, FolderOpen as J, Hash as K, House as Q, Import as V, Inbox as Z, Info as ee, LayoutDashboard as oe, LayoutGrid as se, ListTodo as ae, Loader2 as te, Lock as re, LogOut as ne, Maximize2 as le, MessageCircle as ce, MessageSquare as ie, Minimize2 as Ce, PanelLeftClose as de, PanelLeftOpen as he, Pause as $e, Pencil as ue, Plus as pe, Presentation as fe, RefreshCw as me, RotateCw as Le, Send as ge, Settings as Se, Shield as we, ShieldCheck as Fe, SlidersHorizontal as Ue, Square as ye, Star as Pe, ThumbsDown as ke, ThumbsUp as be, Trash2 as Te, Trophy as De, Undo2 as Re, Upload as ve, User as Oe, UserPlus as Ie, UserRoundCog as Ae, Users as Be, X as Me } from "lucide-react";
 import He from "react";
 const e = (s, o) => {
   const a = He.forwardRef(
@@ -26,7 +26,7 @@ const e = (s, o) => {
     )
   );
   return a.displayName = s.displayName ?? s.name, a;
-}, xe = e(u), ze = e(p), Ee = e(f), qe = e(m), Xe = e(L), Ne = e(g), Ge = e(S), _e = e(w), je = e(F), We = e(U), Ye = e(y), Je = e(P), Ke = e(k), Qe = e(b), Ve = e(T), Ze = e(D), eo = e(R), oo = e(v), so = e(O), ao = e(I), to = e(A), ro = e(B), no = e(M, { filled: !0 }), lo = e(H), co = e(x), io = e(z), Co = e(E), ho = e(q), $o = e(X), uo = e(N), po = e(G), fo = e(_), mo = e(j), Lo = e(W), go = e(Y), So = e(J), wo = e(K), Fo = e(Q), Uo = e(V), yo = e(Z), Po = e(ee), ko = e(oe), bo = e(se), To = e(ae), Do = e(te), Ro = e(re), vo = e(ne), Oo = e(le), Io = e(ce), Ao = e(ie), Bo = e(Ce), Mo = e(de), Ho = e(he), xo = e($e, { filled: !0 }), zo = e(ue), Eo = e(pe), qo = e(fe), Xo = e(me), No = e(Le), Go = e(ge), _o = e(Se), jo = e(we), Wo = e(Fe), Yo = e(Ue), Jo = e(ye, { filled: !0 }), Ko = e(Pe, { filled: !0 }), Qo = e(ke), Vo = e(be), Zo = e(Te), es = e(De), os = e(Re), ss = e(ve), as = e(Oe), ts = e(Ie), rs = e(Ae), ns = e(Be), ls = e(Me), hs = [
+}, xe = e(u), ze = e(p), Ee = e(f), qe = e(m), Xe = e(L), Ne = e(g), Ge = e(S), je = e(w), We = e(F), _e = e(U), Ye = e(y), Je = e(P), Ke = e(k), Qe = e(b), Ve = e(T), Ze = e(D), eo = e(R), oo = e(v), so = e(O), ao = e(I), to = e(A), ro = e(B), no = e(M, { filled: !0 }), lo = e(H), co = e(x), io = e(z), Co = e(E), ho = e(q), $o = e(X), uo = e(N), po = e(G), fo = e(j), mo = e(W), Lo = e(_), go = e(Y), So = e(J), wo = e(K), Fo = e(Q), Uo = e(V), yo = e(Z), Po = e(ee), ko = e(oe), bo = e(se), To = e(ae), Do = e(te), Ro = e(re), vo = e(ne), Oo = e(le), Io = e(ce), Ao = e(ie), Bo = e(Ce), Mo = e(de), Ho = e(he), xo = e($e, { filled: !0 }), zo = e(ue), Eo = e(pe), qo = e(fe), Xo = e(me), No = e(Le), Go = e(ge), jo = e(Se), Wo = e(we), _o = e(Fe), Yo = e(Ue), Jo = e(ye, { filled: !0 }), Ko = e(Pe, { filled: !0 }), Qo = e(ke), Vo = e(be), Zo = e(Te), es = e(De), os = e(Re), ss = e(ve), as = e(Oe), ts = e(Ie), rs = e(Ae), ns = e(Be), ls = e(Me), hs = [
   "ArrowLeft",
   "ArrowLeftRight",
   "BarChart3",
@@ -112,9 +112,9 @@ const e = (s, o) => {
   BookOpen: Xe,
   Bot: Ne,
   Check: Ge,
-  ChevronDown: _e,
-  ChevronLeft: je,
-  ChevronRight: We,
+  ChevronDown: je,
+  ChevronLeft: We,
+  ChevronRight: _e,
   ChevronUp: Ye,
   CircleAlert: Je,
   CircleCheck: Ke,
@@ -165,9 +165,9 @@ const e = (s, o) => {
   RefreshCw: Xo,
   RotateCw: No,
   Send: Go,
-  Settings: _o,
-  Shield: jo,
-  ShieldCheck: Wo,
+  Settings: jo,
+  Shield: Wo,
+  ShieldCheck: _o,
   SlidersHorizontal: Yo,
   Square: Jo,
   Star: Ko,
@@ -191,9 +191,9 @@ export {
   Xe as BookOpen,
   Ne as Bot,
   Ge as Check,
-  _e as ChevronDown,
-  je as ChevronLeft,
-  We as ChevronRight,
+  je as ChevronDown,
+  We as ChevronLeft,
+  _e as ChevronRight,
   Ye as ChevronUp,
   Je as CircleAlert,
   Ke as CircleCheck,
@@ -246,9 +246,9 @@ export {
   Xo as RefreshCw,
   No as RotateCw,
   Go as Send,
-  _o as Settings,
-  jo as Shield,
-  Wo as ShieldCheck,
+  jo as Settings,
+  Wo as Shield,
+  _o as ShieldCheck,
   Yo as SlidersHorizontal,
   Jo as Square,
   Ko as Star,

package/dist/components/ReactFilter/AdvancedFilter/fields/CityFilterItem.js

@@ -1,28 +1,26 @@
-import { jsxs as a, jsx as m } from "react/jsx-runtime";
-import { App as g, Space as j, Tag as k } from "antd";
-import { SelectAddress as u, createAddressApi as z } from "@kne/super-select-plus";
-import "@kne/super-select-plus/dist/index.css";
-import "../../../../node_modules/@kne/react-intl/dist/index.modern.js";
-import { useState as N, useEffect as T, useMemo as M } from "react";
+import { jsxs as p, jsx as m } from "react/jsx-runtime";
+import { App as N, Space as g, Tag as j } from "antd";
+import { SelectAddress as u, createAddressApi as k } from "@kne/super-select-plus";
+/* empty css                                                             */
+import { useIntl as h } from "@kne/react-intl";
+import { useState as z, useEffect as T, useMemo as M } from "react";
 import P from "../../withLocale.js";
 import D from "../../hooks/useFilterPopupContainer.js";
-import h from "../../style.module.scss.js";
-import C 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 { CheckableTag: A } = k, E = (e, o) => o === "en-US" && (e == null ? void 0 : e.enName) || (e == null ? void 0 : e.name), H = ({ value: e, onChange: o, single: n = !1, maxLength: s = 5, ...S }) => {
-  const { message: p } = g.useApp(), { getPopupContainer: b } = D(), { locale: I } = C(), { formatMessage: i } = C(), [l, w] = N(null);
+import C from "../../style.module.scss.js";
+const { CheckableTag: A } = j, E = (e, o) => o === "en-US" && (e == null ? void 0 : e.enName) || (e == null ? void 0 : e.name), H = ({ value: e, onChange: o, single: n = !1, maxLength: s = 5, ...S }) => {
+  const { message: f } = N.useApp(), { getPopupContainer: b } = D(), { locale: F } = h(), { formatMessage: l } = h({ moduleName: "Filter" }), [i, I] = z(null);
   T(() => {
     let r = !1;
     return u.defaultData().then((t) => {
-      !r && t && w(z(t));
+      !r && t && I(k(t));
     }), () => {
       r = !0;
     };
   }, []);
-  const f = M(() => l ? l.getChinaHotCities() : [], [l]);
-  return /* @__PURE__ */ a(j, { size: 4, wrap: !0, block: !0, children: [
-    f.map((r) => {
-      const t = E(r, I);
+  const a = M(() => i ? i.getChinaHotCities() : [], [i]);
+  return /* @__PURE__ */ p(g, { size: 4, wrap: !0, block: !0, children: [
+    a.map((r) => {
+      const t = E(r, F);
       return /* @__PURE__ */ m(
         A,
         {
@@ -35,10 +33,10 @@ const { CheckableTag: A } = k, E = (e, o) => o === "en-US" && (e == null ? void
             }
             const c = (e || []).slice(0);
             if (d ? c.push(Object.assign({}, r, { label: t, value: r.code })) : (() => {
-              const x = c.findIndex(({ value: F }) => F === r.code);
-              c.splice(x, 1);
+              const w = c.findIndex(({ value: x }) => x === r.code);
+              c.splice(w, 1);
             })(), c.length > s) {
-              p.error(i({ id: "maxSelectedCount" }, { count: s }));
+              f.error(l({ id: "maxSelectedCount" }, { count: s }));
               return;
             }
             o(c);
@@ -48,29 +46,29 @@ const { CheckableTag: A } = k, E = (e, o) => o === "en-US" && (e == null ? void
         r.code
       );
     }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ p(
       A,
       {
-        className: h["filter-advanced-item-other"],
+        className: C["filter-advanced-item-other"],
         size: "small",
-        checked: (n ? e == null ? void 0 : e.value : (e == null ? void 0 : e.length) > 0) && !f.find(
+        checked: (n ? e == null ? void 0 : e.value : (e == null ? void 0 : e.length) > 0) && !a.find(
           ({ code: r }) => n ? (e == null ? void 0 : e.value) === r : !!(e || []).find(({ value: t }) => t === r)
         ),
         children: [
-          i({ id: "otherText" }),
+          l({ id: "otherText" }),
           /* @__PURE__ */ m(
             u,
             {
               ...S,
               getPopupContainer: b,
-              className: h["filter-advanced-item-other-inner"],
+              className: C["filter-advanced-item-other-inner"],
               maxLength: s,
               allowClear: !1,
               value: e,
               single: n,
               onChange: (r) => {
                 if (r.length > s) {
-                  p.error(i({ id: "maxSelectedCount" }, { count: s }));
+                  f.error(l({ id: "maxSelectedCount" }, { count: s }));
                   return;
                 }
                 o(r);
@@ -81,8 +79,8 @@ const { CheckableTag: A } = k, E = (e, o) => o === "en-US" && (e == null ? void
       }
     )
   ] });
-}, W = P(H);
+}, Q = P(H);
 export {
-  W as default
+  Q as default
 };
 //# sourceMappingURL=CityFilterItem.js.map

package/dist/components/ReactFilter/AdvancedFilter/fields/CityFilterItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CityFilterItem.js","sources":["../../../../../src/components/ReactFilter/AdvancedFilter/fields/CityFilterItem.jsx"],"sourcesContent":["// @ts-nocheck\nimport { App, Tag, Space } from 'antd';\nimport { SelectAddress, createAddressApi } from '@kne/super-select-plus';\nimport '@kne/super-select-plus/dist/index.css';\nimport { useIntl } from '@kne/react-intl';\nimport { useMemo, useState, useEffect } from 'react';\nimport withLocale from '../../withLocale';\nimport useFilterPopupContainer from '../../hooks/useFilterPopupContainer';\nimport style from '../../style.module.scss';\n\nconst { CheckableTag } = Tag;\n\nconst getLabelForLocal = (item, locale) => {\n  if (locale === 'en-US') {\n    return item?.enName || item?.name;\n  }\n  return item?.name;\n};\n\nconst CityFilterItemInner = ({ value, onChange, single = false, maxLength = 5, ...props }) => {\n  const { message } = App.useApp();\n  const { getPopupContainer } = useFilterPopupContainer();\n  const { locale } = useIntl();\n  const { formatMessage } = useIntl({ moduleName: 'Filter' });\n  const [addressApi, setAddressApi] = useState(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    SelectAddress.defaultData().then((data) => {\n      if (!cancelled && data) {\n        setAddressApi(createAddressApi(data));\n      }\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  const cityList = useMemo(() => {\n    return addressApi ? addressApi.getChinaHotCities() : [];\n  }, [addressApi]);\n\n  return (\n    <Space size={4} wrap block>\n      {cityList.map((city) => {\n        const label = getLabelForLocal(city, locale);\n        return (\n          <CheckableTag\n            key={city.code}\n            size=\"small\"\n            checked={\n              single\n                ? value?.value === city.code\n                : !!(value || []).find(({ value }) => value === city.code)\n            }\n            onChange={(checked) => {\n              if (single) {\n                onChange(checked ? city : null);\n                return;\n              }\n              const newValue = (value || []).slice(0);\n              checked\n                ? newValue.push(Object.assign({}, city, { label, value: city.code }))\n                : (() => {\n                    const index = newValue.findIndex(({ value }) => value === city.code);\n                    newValue.splice(index, 1);\n                  })();\n              if (newValue.length > maxLength) {\n                message.error(formatMessage({ id: 'maxSelectedCount' }, { count: maxLength }));\n                return;\n              }\n              onChange(newValue);\n            }}\n          >\n            {label}\n          </CheckableTag>\n        );\n      })}\n      <CheckableTag\n        className={style['filter-advanced-item-other']}\n        size=\"small\"\n        checked={\n          (single ? value?.value : value?.length > 0) &&\n          !cityList.find(({ code }) =>\n            single ? value?.value === code : !!(value || []).find(({ value }) => value === code),\n          )\n        }\n      >\n        {formatMessage({ id: 'otherText' })}\n        <SelectAddress\n          {...props}\n          getPopupContainer={getPopupContainer}\n          className={style['filter-advanced-item-other-inner']}\n          maxLength={maxLength}\n          allowClear={false}\n          value={value}\n          single={single}\n          onChange={(value) => {\n            if (value.length > maxLength) {\n              message.error(formatMessage({ id: 'maxSelectedCount' }, { count: maxLength }));\n              return;\n            }\n            onChange(value);\n          }}\n        />\n      </CheckableTag>\n    </Space>\n  );\n};\n\nconst CityFilterItem = withLocale(CityFilterItemInner);\n\nexport default CityFilterItem;\n"],"names":["CheckableTag","Tag","getLabelForLocal","item","locale","CityFilterItemInner","value","onChange","single","maxLength","props","message","App","getPopupContainer","useFilterPopupContainer","useIntl","formatMessage","addressApi","setAddressApi","useState","useEffect","cancelled","SelectAddress","data","createAddressApi","cityList","useMemo","Space","city","label","jsx","checked","newValue","index","jsxs","style","code","CityFilterItem","withLocale"],"mappings":"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"}
+{"version":3,"file":"CityFilterItem.js","sources":["../../../../../src/components/ReactFilter/AdvancedFilter/fields/CityFilterItem.jsx"],"sourcesContent":["// @ts-nocheck\nimport { App, Tag, Space } from 'antd';\nimport { SelectAddress, createAddressApi } from '@kne/super-select-plus';\nimport '@kne/super-select-plus/dist/index.css';\nimport { useIntl } from '@kne/react-intl';\nimport { useMemo, useState, useEffect } from 'react';\nimport withLocale from '../../withLocale';\nimport useFilterPopupContainer from '../../hooks/useFilterPopupContainer';\nimport style from '../../style.module.scss';\n\nconst { CheckableTag } = Tag;\n\nconst getLabelForLocal = (item, locale) => {\n  if (locale === 'en-US') {\n    return item?.enName || item?.name;\n  }\n  return item?.name;\n};\n\nconst CityFilterItemInner = ({ value, onChange, single = false, maxLength = 5, ...props }) => {\n  const { message } = App.useApp();\n  const { getPopupContainer } = useFilterPopupContainer();\n  const { locale } = useIntl();\n  const { formatMessage } = useIntl({ moduleName: 'Filter' });\n  const [addressApi, setAddressApi] = useState(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    SelectAddress.defaultData().then((data) => {\n      if (!cancelled && data) {\n        setAddressApi(createAddressApi(data));\n      }\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  const cityList = useMemo(() => {\n    return addressApi ? addressApi.getChinaHotCities() : [];\n  }, [addressApi]);\n\n  return (\n    <Space size={4} wrap block>\n      {cityList.map((city) => {\n        const label = getLabelForLocal(city, locale);\n        return (\n          <CheckableTag\n            key={city.code}\n            size=\"small\"\n            checked={\n              single\n                ? value?.value === city.code\n                : !!(value || []).find(({ value }) => value === city.code)\n            }\n            onChange={(checked) => {\n              if (single) {\n                onChange(checked ? city : null);\n                return;\n              }\n              const newValue = (value || []).slice(0);\n              checked\n                ? newValue.push(Object.assign({}, city, { label, value: city.code }))\n                : (() => {\n                    const index = newValue.findIndex(({ value }) => value === city.code);\n                    newValue.splice(index, 1);\n                  })();\n              if (newValue.length > maxLength) {\n                message.error(formatMessage({ id: 'maxSelectedCount' }, { count: maxLength }));\n                return;\n              }\n              onChange(newValue);\n            }}\n          >\n            {label}\n          </CheckableTag>\n        );\n      })}\n      <CheckableTag\n        className={style['filter-advanced-item-other']}\n        size=\"small\"\n        checked={\n          (single ? value?.value : value?.length > 0) &&\n          !cityList.find(({ code }) =>\n            single ? value?.value === code : !!(value || []).find(({ value }) => value === code),\n          )\n        }\n      >\n        {formatMessage({ id: 'otherText' })}\n        <SelectAddress\n          {...props}\n          getPopupContainer={getPopupContainer}\n          className={style['filter-advanced-item-other-inner']}\n          maxLength={maxLength}\n          allowClear={false}\n          value={value}\n          single={single}\n          onChange={(value) => {\n            if (value.length > maxLength) {\n              message.error(formatMessage({ id: 'maxSelectedCount' }, { count: maxLength }));\n              return;\n            }\n            onChange(value);\n          }}\n        />\n      </CheckableTag>\n    </Space>\n  );\n};\n\nconst CityFilterItem = withLocale(CityFilterItemInner);\n\nexport default CityFilterItem;\n"],"names":["CheckableTag","Tag","getLabelForLocal","item","locale","CityFilterItemInner","value","onChange","single","maxLength","props","message","App","getPopupContainer","useFilterPopupContainer","useIntl","formatMessage","addressApi","setAddressApi","useState","useEffect","cancelled","SelectAddress","data","createAddressApi","cityList","useMemo","Space","city","label","jsx","checked","newValue","index","jsxs","style","code","CityFilterItem","withLocale"],"mappings":"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"}

package/dist/components/ReactFilter/AdvancedFilter/fields/InputFilterItem.js

@@ -1,23 +1,21 @@
 import { jsxs as I, jsx as u } from "react/jsx-runtime";
 import { Space as x, Input as V, Button as g } from "antd";
-import { useState as i, useRef as B, useEffect as C } from "react";
-import "../../../../node_modules/@kne/react-intl/dist/index.modern.js";
+import { useState as c, useRef as B, useEffect as C } from "react";
+import { useIntl as F } from "@kne/react-intl";
 import j from "../../withLocale.js";
-import v 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 b = j(({ value: r, label: c, onChange: p, ...m }) => {
-  const t = r == null ? void 0 : r.value, [e, n] = i(t || ""), [f, s] = i(!1), { formatMessage: l } = v(), o = () => {
+const S = j(({ value: r, label: i, onChange: p, ...m }) => {
+  const t = r == null ? void 0 : r.value, [e, o] = c(t || ""), [f, s] = c(!1), { formatMessage: l } = F({ moduleName: "Filter" }), n = () => {
     p(e ? { label: e, value: e } : null);
   }, d = () => {
-    s(!1), o();
+    s(!1), n();
   }, a = B("");
   return a.current = e, C(() => {
-    t !== a.current && n(t);
+    t !== a.current && o(t);
   }, [t]), /* @__PURE__ */ I(x.Compact, { children: [
     /* @__PURE__ */ u(
       V,
       {
-        placeholder: `${l({ id: "pleaseInput" })}${c}`,
+        placeholder: `${l({ id: "pleaseInput" })}${i}`,
         ...m,
         size: "small",
         value: e,
@@ -26,15 +24,15 @@ const b = j(({ value: r, label: c, onChange: p, ...m }) => {
         },
         onBlur: d,
         onChange: (h) => {
-          n(h.target.value);
+          o(h.target.value);
         },
-        onPressEnter: o
+        onPressEnter: n
       }
     ),
-    f && /* @__PURE__ */ u(g, { size: "small", type: "primary", onClick: o, children: l({ id: "determineText" }) })
+    f && /* @__PURE__ */ u(g, { size: "small", type: "primary", onClick: n, children: l({ id: "determineText" }) })
   ] });
 });
 export {
-  b as default
+  S as default
 };
 //# sourceMappingURL=InputFilterItem.js.map

package/dist/components/ReactFilter/AdvancedFilter/fields/InputFilterItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputFilterItem.js","sources":["../../../../../src/components/ReactFilter/AdvancedFilter/fields/InputFilterItem.jsx"],"sourcesContent":["// @ts-nocheck\nimport { Input, Space, Button } from 'antd';\nimport { useState, useEffect, useRef } from 'react';\nimport { useIntl } from '@kne/react-intl';\nimport withLocale from '../../withLocale';\n\nconst InputFilterItem = withLocale(({ value, label, onChange, ...props }) => {\n  const propsValue = value?.value;\n  const [inputValue, setInputValue] = useState(propsValue || '');\n  const [active, setActive] = useState(false);\n  const { formatMessage } = useIntl({ moduleName: 'Filter' });\n\n  const searchHandler = () => {\n    onChange(inputValue ? { label: inputValue, value: inputValue } : null);\n  };\n\n  const handleBlur = () => {\n    setActive(false);\n    searchHandler();\n  };\n\n  const inputValueRef = useRef('');\n  inputValueRef.current = inputValue;\n\n  useEffect(() => {\n    if (propsValue !== inputValueRef.current) {\n      setInputValue(propsValue);\n    }\n  }, [propsValue]);\n\n  return (\n    <Space.Compact>\n      <Input\n        placeholder={`${formatMessage({ id: 'pleaseInput' })}${label}`}\n        {...props}\n        size=\"small\"\n        value={inputValue}\n        onFocus={() => {\n          setActive(true);\n        }}\n        onBlur={handleBlur}\n        onChange={(e) => {\n          setInputValue(e.target.value);\n        }}\n        onPressEnter={searchHandler}\n      />\n      {active && (\n        <Button size=\"small\" type=\"primary\" onClick={searchHandler}>\n          {formatMessage({ id: 'determineText' })}\n        </Button>\n      )}\n    </Space.Compact>\n  );\n});\n\nexport default InputFilterItem;\n"],"names":["InputFilterItem","withLocale","value","label","onChange","props","propsValue","inputValue","setInputValue","useState","active","setActive","formatMessage","useIntl","searchHandler","handleBlur","inputValueRef","useRef","useEffect","jsxs","Space","jsx","Input","e","Button"],"mappings":";;;;;;;AAMA,MAAMA,IAAkBC,EAAW,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,GAAGC,QAAY;AAC3E,QAAMC,IAAaJ,KAAA,gBAAAA,EAAO,OACpB,CAACK,GAAYC,CAAa,IAAIC,EAASH,KAAc,EAAE,GACvD,CAACI,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpC,EAAE,eAAAG,MAAkBC,EAAgC,GAEpDC,IAAgB,MAAM;AAC1B,IAAAV,EAASG,IAAa,EAAE,OAAOA,GAAY,OAAOA,EAAA,IAAe,IAAI;AAAA,EACvE,GAEMQ,IAAa,MAAM;AACvB,IAAAJ,EAAU,EAAK,GACfG,EAAA;AAAA,EACF,GAEME,IAAgBC,EAAO,EAAE;AAC/B,SAAAD,EAAc,UAAUT,GAExBW,EAAU,MAAM;AACd,IAAIZ,MAAeU,EAAc,WAC/BR,EAAcF,CAAU;AAAA,EAE5B,GAAG,CAACA,CAAU,CAAC,GAGb,gBAAAa,EAACC,EAAM,SAAN,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,aAAa,GAAGV,EAAc,EAAE,IAAI,eAAe,CAAC,GAAGT,CAAK;AAAA,QAC3D,GAAGE;AAAA,QACJ,MAAK;AAAA,QACL,OAAOE;AAAA,QACP,SAAS,MAAM;AACb,UAAAI,EAAU,EAAI;AAAA,QAChB;AAAA,QACA,QAAQI;AAAA,QACR,UAAU,CAACQ,MAAM;AACf,UAAAf,EAAce,EAAE,OAAO,KAAK;AAAA,QAC9B;AAAA,QACA,cAAcT;AAAA,MAAA;AAAA,IAAA;AAAA,IAEfJ,KACC,gBAAAW,EAACG,GAAA,EAAO,MAAK,SAAQ,MAAK,WAAU,SAASV,GAC1C,UAAAF,EAAc,EAAE,IAAI,gBAAA,CAAiB,EAAA,CACxC;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"InputFilterItem.js","sources":["../../../../../src/components/ReactFilter/AdvancedFilter/fields/InputFilterItem.jsx"],"sourcesContent":["// @ts-nocheck\nimport { Input, Space, Button } from 'antd';\nimport { useState, useEffect, useRef } from 'react';\nimport { useIntl } from '@kne/react-intl';\nimport withLocale from '../../withLocale';\n\nconst InputFilterItem = withLocale(({ value, label, onChange, ...props }) => {\n  const propsValue = value?.value;\n  const [inputValue, setInputValue] = useState(propsValue || '');\n  const [active, setActive] = useState(false);\n  const { formatMessage } = useIntl({ moduleName: 'Filter' });\n\n  const searchHandler = () => {\n    onChange(inputValue ? { label: inputValue, value: inputValue } : null);\n  };\n\n  const handleBlur = () => {\n    setActive(false);\n    searchHandler();\n  };\n\n  const inputValueRef = useRef('');\n  inputValueRef.current = inputValue;\n\n  useEffect(() => {\n    if (propsValue !== inputValueRef.current) {\n      setInputValue(propsValue);\n    }\n  }, [propsValue]);\n\n  return (\n    <Space.Compact>\n      <Input\n        placeholder={`${formatMessage({ id: 'pleaseInput' })}${label}`}\n        {...props}\n        size=\"small\"\n        value={inputValue}\n        onFocus={() => {\n          setActive(true);\n        }}\n        onBlur={handleBlur}\n        onChange={(e) => {\n          setInputValue(e.target.value);\n        }}\n        onPressEnter={searchHandler}\n      />\n      {active && (\n        <Button size=\"small\" type=\"primary\" onClick={searchHandler}>\n          {formatMessage({ id: 'determineText' })}\n        </Button>\n      )}\n    </Space.Compact>\n  );\n});\n\nexport default InputFilterItem;\n"],"names":["InputFilterItem","withLocale","value","label","onChange","props","propsValue","inputValue","setInputValue","useState","active","setActive","formatMessage","useIntl","searchHandler","handleBlur","inputValueRef","useRef","useEffect","jsxs","Space","jsx","Input","e","Button"],"mappings":";;;;;AAMA,MAAMA,IAAkBC,EAAW,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,GAAGC,QAAY;AAC3E,QAAMC,IAAaJ,KAAA,gBAAAA,EAAO,OACpB,CAACK,GAAYC,CAAa,IAAIC,EAASH,KAAc,EAAE,GACvD,CAACI,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpC,EAAE,eAAAG,EAAA,IAAkBC,EAAQ,EAAE,YAAY,UAAU,GAEpDC,IAAgB,MAAM;AAC1B,IAAAV,EAASG,IAAa,EAAE,OAAOA,GAAY,OAAOA,EAAA,IAAe,IAAI;AAAA,EACvE,GAEMQ,IAAa,MAAM;AACvB,IAAAJ,EAAU,EAAK,GACfG,EAAA;AAAA,EACF,GAEME,IAAgBC,EAAO,EAAE;AAC/B,SAAAD,EAAc,UAAUT,GAExBW,EAAU,MAAM;AACd,IAAIZ,MAAeU,EAAc,WAC/BR,EAAcF,CAAU;AAAA,EAE5B,GAAG,CAACA,CAAU,CAAC,GAGb,gBAAAa,EAACC,EAAM,SAAN,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,aAAa,GAAGV,EAAc,EAAE,IAAI,eAAe,CAAC,GAAGT,CAAK;AAAA,QAC3D,GAAGE;AAAA,QACJ,MAAK;AAAA,QACL,OAAOE;AAAA,QACP,SAAS,MAAM;AACb,UAAAI,EAAU,EAAI;AAAA,QAChB;AAAA,QACA,QAAQI;AAAA,QACR,UAAU,CAACQ,MAAM;AACf,UAAAf,EAAce,EAAE,OAAO,KAAK;AAAA,QAC9B;AAAA,QACA,cAAcT;AAAA,MAAA;AAAA,IAAA;AAAA,IAEfJ,KACC,gBAAAW,EAACG,GAAA,EAAO,MAAK,SAAQ,MAAK,WAAU,SAASV,GAC1C,UAAAF,EAAc,EAAE,IAAI,gBAAA,CAAiB,EAAA,CACxC;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}