@hkyhy/marsun-components-core 0.1.51 → 0.1.53

package/dist/components/File/fileDisplay.js

@@ -1,71 +1,76 @@
-import { jsx as m } from "react/jsx-runtime";
-import { FileArchive as p, FileImage as r, Presentation as d, FileSpreadsheet as s, FileText as c, File as u } from "../Icons/index.js";
-const x = {
-  pdf: c,
-  doc: c,
-  docx: c,
-  txt: c,
-  md: c,
+import { jsx as d } from "react/jsx-runtime";
+import { FileArchive as c } from "../Icons/FileArchive.js";
+import { FileImage as r } from "../Icons/FileImage.js";
+import { Presentation as l } from "../Icons/Presentation.js";
+import { FileSpreadsheet as s } from "../Icons/FileSpreadsheet.js";
+import { FileText as i } from "../Icons/FileText.js";
+import { File as f } from "../Icons/File.js";
+const u = {
+  pdf: i,
+  doc: i,
+  docx: i,
+  txt: i,
+  md: i,
   xls: s,
   xlsx: s,
   csv: s,
-  ppt: d,
-  pptx: d,
+  ppt: l,
+  pptx: l,
   png: r,
   jpg: r,
   jpeg: r,
   gif: r,
   webp: r,
-  zip: p,
-  rar: p,
-  "7z": p
+  zip: c,
+  rar: c,
+  "7z": c
 };
-function a(e) {
+function m(e) {
   const t = e.lastIndexOf(".");
   return t >= 0 ? e.slice(t + 1).toLowerCase() : "";
 }
-function f(e) {
+function x(e) {
   return e ? e.replace(/^\./, "").toLowerCase() : "";
 }
 function F(e) {
   const t = e.trim();
   if (!t) return "未命名文件";
   try {
-    const i = new URL(t, "http://placeholder.local").pathname.split("/").filter(Boolean).pop() ?? "", l = decodeURIComponent(i);
-    if (l) return l;
+    const p = new URL(t, "http://placeholder.local").pathname.split("/").filter(Boolean).pop() ?? "", a = decodeURIComponent(p);
+    if (a) return a;
   } catch {
   }
-  const n = t.split(/[/?#]/).filter(Boolean).pop() ?? "";
+  const o = t.split(/[/?#]/).filter(Boolean).pop() ?? "";
   try {
-    return decodeURIComponent(n) || "未命名文件";
+    return decodeURIComponent(o) || "未命名文件";
   } catch {
-    return n || "未命名文件";
+    return o || "未命名文件";
   }
 }
-function h(e) {
-  var i;
-  const t = ((i = e.name) == null ? void 0 : i.trim()) || (e.url ? F(e.url) : "未命名文件"), n = e.extension ?? a(t), o = f(n) || void 0;
+function L(e) {
+  var p;
+  const t = ((p = e.name) == null ? void 0 : p.trim()) || (e.url ? F(e.url) : "未命名文件"), o = e.extension ?? m(t), n = x(o) || void 0;
   return {
     ...e,
     name: t,
-    extension: o
+    extension: n
   };
 }
-function C(e, t) {
-  const n = a(e), o = x[n] ?? u;
-  return /* @__PURE__ */ m(o, {});
+function y(e, t) {
+  const o = m(e), n = u[o] ?? f;
+  return /* @__PURE__ */ d(n, {});
 }
-function E(e, t) {
-  var o;
-  const n = a(e);
-  return n ? n.toUpperCase() : t ? ((o = t.split("/").pop()) == null ? void 0 : o.toUpperCase()) ?? "FILE" : "FILE";
+function z(e, t) {
+  var n;
+  const o = m(e);
+  return o ? o.toUpperCase() : t ? ((n = t.split("/").pop()) == null ? void 0 : n.toUpperCase()) ?? "FILE" : "FILE";
 }
 export {
-  a as getFileExtension,
-  C as getFileIcon,
-  E as getFileTypeName,
-  f as normalizeExtension,
-  h as normalizeFileDisplayItem,
+  m as getFileExtension,
+  y as getFileIcon,
+  z as getFileTypeName,
+  x as normalizeExtension,
+  L as normalizeFileDisplayItem,
   F as parseFileNameFromUrl
 };
 //# sourceMappingURL=fileDisplay.js.map

package/dist/components/File/fileDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"fileDisplay.js","sources":["../../../src/components/File/fileDisplay.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  File,\n  FileArchive,\n  FileImage,\n  FileSpreadsheet,\n  FileText,\n  Presentation,\n} from '@/components/Icons';\nimport type { FileDisplayItem } from './types';\n\nconst EXT_ICON_MAP: Record<string, React.FC<{ className?: string }>> = {\n  pdf: FileText,\n  doc: FileText,\n  docx: FileText,\n  txt: FileText,\n  md: FileText,\n  xls: FileSpreadsheet,\n  xlsx: FileSpreadsheet,\n  csv: FileSpreadsheet,\n  ppt: Presentation,\n  pptx: Presentation,\n  png: FileImage,\n  jpg: FileImage,\n  jpeg: FileImage,\n  gif: FileImage,\n  webp: FileImage,\n  zip: FileArchive,\n  rar: FileArchive,\n  '7z': FileArchive,\n};\n\nexport function getFileExtension(name: string): string {\n  const dot = name.lastIndexOf('.');\n  return dot >= 0 ? name.slice(dot + 1).toLowerCase() : '';\n}\n\n/** 规范化扩展名：去除前导点并转小写（兼容 .xlsx 与 xlsx） */\nexport function normalizeExtension(extension?: string | null): string {\n  if (!extension) return '';\n  return extension.replace(/^\\./, '').toLowerCase();\n}\n\n/** 从 URL 路径解析文件名（decodeURIComponent，失败时回退为「未命名文件」） */\nexport function parseFileNameFromUrl(url: string): string {\n  const trimmed = url.trim();\n  if (!trimmed) return '未命名文件';\n\n  try {\n    const pathname = new URL(trimmed, 'http://placeholder.local').pathname;\n    const segment = pathname.split('/').filter(Boolean).pop() ?? '';\n    const decoded = decodeURIComponent(segment);\n    if (decoded) return decoded;\n  } catch {\n    // fall through\n  }\n\n  const fallback = trimmed.split(/[/?#]/).filter(Boolean).pop() ?? '';\n  try {\n    const decoded = decodeURIComponent(fallback);\n    return decoded || '未命名文件';\n  } catch {\n    return fallback || '未命名文件';\n  }\n}\n\n/** 补全 name / extension：name 缺省时从 url 解析 */\nexport function normalizeFileDisplayItem(file: FileDisplayItem): FileDisplayItem & { name: string } {\n  const name = file.name?.trim() || (file.url ? parseFileNameFromUrl(file.url) : '未命名文件');\n  const rawExtension = file.extension ?? getFileExtension(name);\n  const extension = normalizeExtension(rawExtension) || undefined;\n\n  return {\n    ...file,\n    name,\n    extension,\n  };\n}\n\nexport function getFileIcon(name: string, _mimeType?: string): React.ReactNode {\n  const ext = getFileExtension(name);\n  const Icon = EXT_ICON_MAP[ext] ?? File;\n  return <Icon />;\n}\n\nexport function getFileTypeName(name: string, mimeType?: string): string {\n  const ext = getFileExtension(name);\n  if (ext) return ext.toUpperCase();\n  if (mimeType) return mimeType.split('/').pop()?.toUpperCase() ?? 'FILE';\n  return 'FILE';\n}\n"],"names":["EXT_ICON_MAP","FileText","FileSpreadsheet","Presentation","FileImage","FileArchive","getFileExtension","name","dot","normalizeExtension","extension","parseFileNameFromUrl","url","trimmed","segment","decoded","fallback","normalizeFileDisplayItem","file","_a","rawExtension","getFileIcon","_mimeType","ext","Icon","File","getFileTypeName","mimeType"],"mappings":";;AAWA,MAAMA,IAAiE;AAAA,EACrE,KAAKC;AAAA,EACL,KAAKA;AAAA,EACL,MAAMA;AAAA,EACN,KAAKA;AAAA,EACL,IAAIA;AAAA,EACJ,KAAKC;AAAA,EACL,MAAMA;AAAA,EACN,KAAKA;AAAA,EACL,KAAKC;AAAA,EACL,MAAMA;AAAA,EACN,KAAKC;AAAA,EACL,KAAKA;AAAA,EACL,MAAMA;AAAA,EACN,KAAKA;AAAA,EACL,MAAMA;AAAA,EACN,KAAKC;AAAA,EACL,KAAKA;AAAA,EACL,MAAMA;AACR;AAEO,SAASC,EAAiBC,GAAsB;AACrD,QAAMC,IAAMD,EAAK,YAAY,GAAG;AAChC,SAAOC,KAAO,IAAID,EAAK,MAAMC,IAAM,CAAC,EAAE,gBAAgB;AACxD;AAGO,SAASC,EAAmBC,GAAmC;AACpE,SAAKA,IACEA,EAAU,QAAQ,OAAO,EAAE,EAAE,YAAA,IADb;AAEzB;AAGO,SAASC,EAAqBC,GAAqB;AACxD,QAAMC,IAAUD,EAAI,KAAA;AACpB,MAAI,CAACC,EAAS,QAAO;AAErB,MAAI;AAEF,UAAMC,IADW,IAAI,IAAID,GAAS,0BAA0B,EAAE,SACrC,MAAM,GAAG,EAAE,OAAO,OAAO,EAAE,IAAA,KAAS,IACvDE,IAAU,mBAAmBD,CAAO;AAC1C,QAAIC,EAAS,QAAOA;AAAA,EACtB,QAAQ;AAAA,EAER;AAEA,QAAMC,IAAWH,EAAQ,MAAM,OAAO,EAAE,OAAO,OAAO,EAAE,IAAA,KAAS;AACjE,MAAI;AAEF,WADgB,mBAAmBG,CAAQ,KACzB;AAAA,EACpB,QAAQ;AACN,WAAOA,KAAY;AAAA,EACrB;AACF;AAGO,SAASC,EAAyBC,GAA2D;;AAClG,QAAMX,MAAOY,IAAAD,EAAK,SAAL,gBAAAC,EAAW,YAAWD,EAAK,MAAMP,EAAqBO,EAAK,GAAG,IAAI,UACzEE,IAAeF,EAAK,aAAaZ,EAAiBC,CAAI,GACtDG,IAAYD,EAAmBW,CAAY,KAAK;AAEtD,SAAO;AAAA,IACL,GAAGF;AAAA,IACH,MAAAX;AAAA,IACA,WAAAG;AAAA,EAAA;AAEJ;AAEO,SAASW,EAAYd,GAAce,GAAqC;AAC7E,QAAMC,IAAMjB,EAAiBC,CAAI,GAC3BiB,IAAOxB,EAAauB,CAAG,KAAKE;AAClC,2BAAQD,GAAA,EAAK;AACf;AAEO,SAASE,EAAgBnB,GAAcoB,GAA2B;;AACvE,QAAMJ,IAAMjB,EAAiBC,CAAI;AACjC,SAAIgB,IAAYA,EAAI,YAAA,IAChBI,MAAiBR,IAAAQ,EAAS,MAAM,GAAG,EAAE,IAAA,MAApB,gBAAAR,EAA2B,kBAAiB,SAC1D;AACT;"}
+{"version":3,"file":"fileDisplay.js","sources":["../../../src/components/File/fileDisplay.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  File,\n  FileArchive,\n  FileImage,\n  FileSpreadsheet,\n  FileText,\n  Presentation,\n} from '@/components/Icons';\nimport type { FileDisplayItem } from './types';\n\nconst EXT_ICON_MAP: Record<string, React.FC<{ className?: string }>> = {\n  pdf: FileText,\n  doc: FileText,\n  docx: FileText,\n  txt: FileText,\n  md: FileText,\n  xls: FileSpreadsheet,\n  xlsx: FileSpreadsheet,\n  csv: FileSpreadsheet,\n  ppt: Presentation,\n  pptx: Presentation,\n  png: FileImage,\n  jpg: FileImage,\n  jpeg: FileImage,\n  gif: FileImage,\n  webp: FileImage,\n  zip: FileArchive,\n  rar: FileArchive,\n  '7z': FileArchive,\n};\n\nexport function getFileExtension(name: string): string {\n  const dot = name.lastIndexOf('.');\n  return dot >= 0 ? name.slice(dot + 1).toLowerCase() : '';\n}\n\n/** 规范化扩展名：去除前导点并转小写（兼容 .xlsx 与 xlsx） */\nexport function normalizeExtension(extension?: string | null): string {\n  if (!extension) return '';\n  return extension.replace(/^\\./, '').toLowerCase();\n}\n\n/** 从 URL 路径解析文件名（decodeURIComponent，失败时回退为「未命名文件」） */\nexport function parseFileNameFromUrl(url: string): string {\n  const trimmed = url.trim();\n  if (!trimmed) return '未命名文件';\n\n  try {\n    const pathname = new URL(trimmed, 'http://placeholder.local').pathname;\n    const segment = pathname.split('/').filter(Boolean).pop() ?? '';\n    const decoded = decodeURIComponent(segment);\n    if (decoded) return decoded;\n  } catch {\n    // fall through\n  }\n\n  const fallback = trimmed.split(/[/?#]/).filter(Boolean).pop() ?? '';\n  try {\n    const decoded = decodeURIComponent(fallback);\n    return decoded || '未命名文件';\n  } catch {\n    return fallback || '未命名文件';\n  }\n}\n\n/** 补全 name / extension：name 缺省时从 url 解析 */\nexport function normalizeFileDisplayItem(file: FileDisplayItem): FileDisplayItem & { name: string } {\n  const name = file.name?.trim() || (file.url ? parseFileNameFromUrl(file.url) : '未命名文件');\n  const rawExtension = file.extension ?? getFileExtension(name);\n  const extension = normalizeExtension(rawExtension) || undefined;\n\n  return {\n    ...file,\n    name,\n    extension,\n  };\n}\n\nexport function getFileIcon(name: string, _mimeType?: string): React.ReactNode {\n  const ext = getFileExtension(name);\n  const Icon = EXT_ICON_MAP[ext] ?? File;\n  return <Icon />;\n}\n\nexport function getFileTypeName(name: string, mimeType?: string): string {\n  const ext = getFileExtension(name);\n  if (ext) return ext.toUpperCase();\n  if (mimeType) return mimeType.split('/').pop()?.toUpperCase() ?? 'FILE';\n  return 'FILE';\n}\n"],"names":["EXT_ICON_MAP","FileText","FileSpreadsheet","Presentation","FileImage","FileArchive","getFileExtension","name","dot","normalizeExtension","extension","parseFileNameFromUrl","url","trimmed","segment","decoded","fallback","normalizeFileDisplayItem","file","_a","rawExtension","getFileIcon","_mimeType","ext","Icon","File","getFileTypeName","mimeType"],"mappings":";;;;;;;AAWA,MAAMA,IAAiE;AAAA,EACrE,KAAKC;AAAA,EACL,KAAKA;AAAA,EACL,MAAMA;AAAA,EACN,KAAKA;AAAA,EACL,IAAIA;AAAA,EACJ,KAAKC;AAAA,EACL,MAAMA;AAAA,EACN,KAAKA;AAAA,EACL,KAAKC;AAAA,EACL,MAAMA;AAAA,EACN,KAAKC;AAAA,EACL,KAAKA;AAAA,EACL,MAAMA;AAAA,EACN,KAAKA;AAAA,EACL,MAAMA;AAAA,EACN,KAAKC;AAAA,EACL,KAAKA;AAAA,EACL,MAAMA;AACR;AAEO,SAASC,EAAiBC,GAAsB;AACrD,QAAMC,IAAMD,EAAK,YAAY,GAAG;AAChC,SAAOC,KAAO,IAAID,EAAK,MAAMC,IAAM,CAAC,EAAE,gBAAgB;AACxD;AAGO,SAASC,EAAmBC,GAAmC;AACpE,SAAKA,IACEA,EAAU,QAAQ,OAAO,EAAE,EAAE,YAAA,IADb;AAEzB;AAGO,SAASC,EAAqBC,GAAqB;AACxD,QAAMC,IAAUD,EAAI,KAAA;AACpB,MAAI,CAACC,EAAS,QAAO;AAErB,MAAI;AAEF,UAAMC,IADW,IAAI,IAAID,GAAS,0BAA0B,EAAE,SACrC,MAAM,GAAG,EAAE,OAAO,OAAO,EAAE,IAAA,KAAS,IACvDE,IAAU,mBAAmBD,CAAO;AAC1C,QAAIC,EAAS,QAAOA;AAAA,EACtB,QAAQ;AAAA,EAER;AAEA,QAAMC,IAAWH,EAAQ,MAAM,OAAO,EAAE,OAAO,OAAO,EAAE,IAAA,KAAS;AACjE,MAAI;AAEF,WADgB,mBAAmBG,CAAQ,KACzB;AAAA,EACpB,QAAQ;AACN,WAAOA,KAAY;AAAA,EACrB;AACF;AAGO,SAASC,EAAyBC,GAA2D;;AAClG,QAAMX,MAAOY,IAAAD,EAAK,SAAL,gBAAAC,EAAW,YAAWD,EAAK,MAAMP,EAAqBO,EAAK,GAAG,IAAI,UACzEE,IAAeF,EAAK,aAAaZ,EAAiBC,CAAI,GACtDG,IAAYD,EAAmBW,CAAY,KAAK;AAEtD,SAAO;AAAA,IACL,GAAGF;AAAA,IACH,MAAAX;AAAA,IACA,WAAAG;AAAA,EAAA;AAEJ;AAEO,SAASW,EAAYd,GAAce,GAAqC;AAC7E,QAAMC,IAAMjB,EAAiBC,CAAI,GAC3BiB,IAAOxB,EAAauB,CAAG,KAAKE;AAClC,2BAAQD,GAAA,EAAK;AACf;AAEO,SAASE,EAAgBnB,GAAcoB,GAA2B;;AACvE,QAAMJ,IAAMjB,EAAiBC,CAAI;AACjC,SAAIgB,IAAYA,EAAI,YAAA,IAChBI,MAAiBR,IAAAQ,EAAS,MAAM,GAAG,EAAE,IAAA,MAApB,gBAAAR,EAA2B,kBAAiB,SAC1D;AACT;"}

package/dist/components/Filter/CommonFilter/index.d.ts

@@ -1,16 +1,33 @@
 import { default as React } from 'react';
 interface CommonFilterProps {
     children?: React.ReactNode;
-    /** 筛选项 JSX 数组，如 [<FilterInput .../>, <FilterSelect .../>] */
+    /** 筛选项 JSX 数组，如 [<FilterInput .../>, <FilterSelect .../>]；支持 props.hidden / props.display 控制是否渲染 */
     list?: React.ReactNode[];
     /** 右侧额外内容（与筛选项两端对齐） */
     extra?: React.ReactNode;
     /** 清空全部回调 */
     onClearAll?: () => void;
-    /** 左侧标签文字 */
+    /** 左侧标签文字；移动端默认隐藏 */
     label?: string;
     /** 已选标签 value 最大字符数，超出显示 ... 并在 hover 时展示完整内容 */
     selectedTagMaxLength?: number;
+    /**
+     * 默认展示的筛选项个数；超出收入「更多」。未传或 ≤0：全部展示。
+     * 移动端布局下忽略（全部横滑）。
+     */
+    displayLine?: number;
+    /**
+     * 布局：`auto` 默认跟**视口**；`mobile` / `desktop` 强制。
+     * 亦可用 `forceMobile`（true→mobile，false→desktop）。
+     */
+    layoutMode?: 'auto' | 'mobile' | 'desktop';
+    /** @deprecated 使用 layoutMode；true→mobile，false→desktop */
+    forceMobile?: boolean;
+    /**
+     * 为 true 时 `layoutMode="auto"` 按根容器宽度判定（窄预览框）。
+     * 默认 false，避免 showcase 半栏误判移动端导致弹出空白大面板。
+     */
+    measureContainer?: boolean;
 }
 /**
  * 通用筛选栏容器
@@ -19,22 +36,7 @@ interface CommonFilterProps {
  * 子组件（FilterInput / FilterSelect / FilterTreeSelect）自行通过 useFilterRegister 注册选中项。
  * 外部不再需要手动维护 selectedItems 数组。
  *
- * 用法一（children 模式）：
- * ```tsx
- * <CommonFilter label="筛选">
- *   <FilterInput filterKey="keyword" label="关键词" value={keyword} onChange={setKeyword} />
- *   <FilterSelect filterKey="status" label="状态" options={options} value={status} onChange={setStatus} />
- * </CommonFilter>
- * ```
- *
- * 用法二（list 模式）：
- * ```tsx
- * const filterList = [
- *   <FilterInput key="keyword" filterKey="keyword" label="关键词" value={keyword} onChange={setKeyword} />,
- *   <FilterSelect key="status" filterKey="status" label="状态" options={options} value={status} onChange={setStatus} />,
- * ];
- * <CommonFilter label="筛选" list={filterList} extra={<Button>导出</Button>} />
- * ```
+ * 双端：窄屏横滑 pill、visited 打开态、sheet 弹出（经 FilterPopover）；见 SKILL #46 / filter §5.0。
  */
 declare const CommonFilter: React.FC<CommonFilterProps>;
 export default CommonFilter;

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

@@ -1,120 +1,279 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { X as k } from "../../Icons/index.js";
-import { Space as E, Tooltip as x, Button as L } from "antd";
-import l from "classnames";
-import S, { useMemo as D } from "react";
+import { jsxs as m, jsx as l, Fragment as Q } from "react/jsx-runtime";
+import { Button as N, Space as W, Tooltip as Y } from "antd";
+import o from "classnames";
+import b, { useRef as g, useState as D, useMemo as h } from "react";
 import e from "./style.module.scss.js";
-import { useFilterState as j, FilterProvider as z } from "../useFilterState.js";
-import C from "../../Tag/SemanticTag.js";
-const G = 20;
-function M(r, m) {
-  return r.length <= m ? { display: r, truncated: !1 } : { display: `${r.slice(0, m)}...`, truncated: !0 };
+import { FilterLayoutProvider as Z } from "../FilterLayoutContext.js";
+import { resolveFilterVisible as ee } from "../types.js";
+import { useFilterLayoutMode as oe } from "../useFilterLayoutMode.js";
+import { useHorizontalScrollShadows as P } from "../useHorizontalScrollShadows.js";
+import { useFilterState as le, FilterProvider as te } from "../useFilterState.js";
+import { ChevronUp as re } from "../../Icons/ChevronUp.js";
+import { ChevronDown as me } from "../../Icons/ChevronDown.js";
+import se from "../../Tag/SemanticTag.js";
+import { X as ce } from "../../Icons/X.js";
+const ie = 20;
+function ne(s, c) {
+  return s.length <= c ? { display: s, truncated: !1 } : { display: `${s.slice(0, c)}...`, truncated: !0 };
 }
-const U = ({
-  children: r,
-  list: m,
+function ae(s, c) {
+  return s && s.filter((a) => {
+    if (!b.isValidElement(a)) return !0;
+    const i = a.props;
+    return ee({ display: i.display, hidden: i.hidden }, c);
+  });
+}
+const Fe = ({
+  children: s,
+  list: c,
   extra: a,
   onClearAll: i,
-  label: N = "筛选",
-  selectedTagMaxLength: b = G
+  label: _ = "筛选",
+  selectedTagMaxLength: j = ie,
+  displayLine: d,
+  layoutMode: G = "auto",
+  forceMobile: w,
+  measureContainer: H = !1
 }) => {
-  const { selectedItems: n, register: s, unregister: d, clearAll: f, values: u, setFieldValue: p, clearFieldValue: h } = j(), g = D(
-    () => ({ register: s, unregister: d, values: u, setFieldValue: p, clearFieldValue: h }),
-    [s, d, u, p, h]
-  ), y = S.useCallback(() => {
-    f(), i == null || i();
-  }, [f, i]);
-  return /* @__PURE__ */ o("div", { className: l("common-filter-root", e["common-filter-root"]), children: [
-    /* @__PURE__ */ o("div", { className: l("common-filter-container", e["common-filter-container"]), children: [
-      /* @__PURE__ */ t("span", { className: l("common-filter-label", e["common-filter-label"]), children: N }),
-      /* @__PURE__ */ t(z, { ctx: g, children: /* @__PURE__ */ o("div", { className: l("common-filter-content", e["common-filter-content"]), children: [
-        /* @__PURE__ */ o("div", { className: l("common-filter-items", e["common-filter-items"]), children: [
-          m,
-          r
-        ] }),
-        a && /* @__PURE__ */ t("div", { className: l("common-filter-extra", e["common-filter-extra"]), children: a })
-      ] }) })
-    ] }),
-    n.length > 0 && /* @__PURE__ */ o("div", { className: l("common-filter-selected", e["common-filter-selected"]), children: [
-      /* @__PURE__ */ o(
-        "div",
-        {
-          className: l(
-            "common-filter-selected-main",
-            e["common-filter-selected-main"]
-          ),
-          children: [
-            /* @__PURE__ */ t(
-              "span",
+  const y = g(null), x = g(null), S = g(null), { isMobile: O } = oe({
+    containerRef: y,
+    measureContainer: H
+  }), k = w === !0 ? "mobile" : w === !1 ? "desktop" : G, t = k === "mobile" || k === "auto" && O, [v, U] = D(!1), [n, X] = D(!1), { selectedItems: F, register: I, unregister: C, clearAll: E, values: f, setFieldValue: z, clearFieldValue: M } = le(), A = h(
+    () => ({ register: I, unregister: C, values: f, setFieldValue: z, clearFieldValue: M }),
+    [I, C, f, z, M]
+  ), R = h(() => ae(c, f), [c, f]), p = h(() => {
+    const r = R ?? [], u = b.Children.toArray(s);
+    return [...r, ...u];
+  }, [R, s]), { primaryItems: B, moreItems: T } = h(() => !d || d <= 0 || t ? { primaryItems: p, moreItems: [] } : {
+    primaryItems: p.slice(0, d),
+    moreItems: p.slice(d)
+  }, [p, d, t]), L = P(x), V = P(S), $ = b.useCallback(() => {
+    E(), i == null || i();
+  }, [E, i]);
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: y,
+      "data-layout": t ? "mobile" : "desktop",
+      className: o(
+        "common-filter-root",
+        e["common-filter-root"],
+        t && ["common-filter-is-mobile", e["common-filter-is-mobile"]]
+      ),
+      children: [
+        /* @__PURE__ */ m("div", { className: o("common-filter-container", e["common-filter-container"]), children: [
+          !t && /* @__PURE__ */ l("span", { className: o("common-filter-label", e["common-filter-label"]), children: _ }),
+          /* @__PURE__ */ l(Z, { isMobile: t, children: /* @__PURE__ */ l(te, { ctx: A, children: /* @__PURE__ */ m("div", { className: o("common-filter-content", e["common-filter-content"]), children: [
+            /* @__PURE__ */ m(
+              "div",
               {
-                className: l(
-                  "common-filter-selected-title",
-                  e["common-filter-selected-title"]
+                className: o(
+                  "common-filter-items-wrap",
+                  e["common-filter-items-wrap"]
                 ),
-                children: "您已选择"
+                children: [
+                  t && L.showPrev && /* @__PURE__ */ l(
+                    "div",
+                    {
+                      className: o(
+                        "common-filter-scroll-shadow-prev",
+                        e["common-filter-scroll-shadow-prev"]
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ m(
+                    "div",
+                    {
+                      ref: x,
+                      className: o("common-filter-items", e["common-filter-items"]),
+                      children: [
+                        B,
+                        T.length > 0 && /* @__PURE__ */ m(Q, { children: [
+                          /* @__PURE__ */ m(
+                            N,
+                            {
+                              type: "link",
+                              size: "small",
+                              className: o(
+                                "common-filter-more-btn",
+                                e["common-filter-more-btn"]
+                              ),
+                              onClick: () => U((r) => !r),
+                              children: [
+                                v ? "收起" : "更多",
+                                v ? /* @__PURE__ */ l(re, { size: 12 }) : /* @__PURE__ */ l(me, { size: 12 })
+                              ]
+                            }
+                          ),
+                          v && T
+                        ] })
+                      ]
+                    }
+                  ),
+                  t && L.showNext && /* @__PURE__ */ l(
+                    "div",
+                    {
+                      className: o(
+                        "common-filter-scroll-shadow-next",
+                        e["common-filter-scroll-shadow-next"]
+                      )
+                    }
+                  )
+                ]
               }
             ),
-            /* @__PURE__ */ t(
-              E,
-              {
-                size: [8, 8],
-                wrap: !0,
-                className: l(
-                  "common-filter-selected-tags",
-                  e["common-filter-selected-tags"]
+            a && /* @__PURE__ */ l("div", { className: o("common-filter-extra", e["common-filter-extra"]), children: a })
+          ] }) }) })
+        ] }),
+        F.length > 0 && /* @__PURE__ */ m("div", { className: o("common-filter-selected", e["common-filter-selected"]), children: [
+          /* @__PURE__ */ m(
+            "div",
+            {
+              className: o(
+                "common-filter-selected-main",
+                e["common-filter-selected-main"]
+              ),
+              children: [
+                !t && /* @__PURE__ */ l(
+                  "span",
+                  {
+                    className: o(
+                      "common-filter-selected-title",
+                      e["common-filter-selected-title"]
+                    ),
+                    children: "您已选择"
+                  }
                 ),
-                children: n.map((c) => {
-                  const { display: v, truncated: T } = M(c.valueLabel, b), F = T ? /* @__PURE__ */ t(x, { title: c.valueLabel, children: /* @__PURE__ */ t("span", { children: v }) }) : /* @__PURE__ */ t("span", { children: v });
-                  return /* @__PURE__ */ t(C, { color: "primary", children: /* @__PURE__ */ o("span", { className: l("common-filter-tag", e["common-filter-tag"]), children: [
-                    /* @__PURE__ */ o(
-                      "span",
-                      {
-                        className: l(
-                          "common-filter-tag-label",
-                          e["common-filter-tag-label"]
-                        ),
-                        style: { color: "var(--font-color)" },
-                        children: [
-                          c.label,
-                          "："
-                        ]
-                      }
+                /* @__PURE__ */ m(
+                  "div",
+                  {
+                    className: o(
+                      "common-filter-selected-tags-wrap",
+                      e["common-filter-selected-tags-wrap"]
                     ),
-                    F,
-                    /* @__PURE__ */ t(
-                      k,
-                      {
-                        className: l(
-                          "common-filter-tag-close",
-                          e["common-filter-tag-close"],
-                          c.removable === !1 && e["common-filter-tag-close-disabled"]
-                        ),
-                        onClick: (_) => {
-                          _.preventDefault(), c.removable !== !1 && c.onRemove();
+                    children: [
+                      t && !n && V.showPrev && /* @__PURE__ */ l(
+                        "div",
+                        {
+                          className: o(
+                            "common-filter-scroll-shadow-prev",
+                            e["common-filter-scroll-shadow-prev"]
+                          )
                         }
-                      }
-                    )
-                  ] }) }, c.key);
-                })
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ t(
-        L,
-        {
-          type: "link",
-          size: "small",
-          onClick: y,
-          className: l("common-filter-clear-btn", e["common-filter-clear-btn"]),
-          children: "清空全部"
-        }
-      )
-    ] })
-  ] });
+                      ),
+                      /* @__PURE__ */ l(
+                        "div",
+                        {
+                          ref: S,
+                          className: o(
+                            "common-filter-selected-tags",
+                            e["common-filter-selected-tags"],
+                            t && !n && e["common-filter-selected-tags-scroll"],
+                            t && n && e["common-filter-selected-tags-expand"]
+                          ),
+                          children: /* @__PURE__ */ l(W, { size: [8, 8], wrap: !t || n, children: F.map((r) => {
+                            const { display: u, truncated: q } = ne(r.valueLabel, j), J = q ? /* @__PURE__ */ l(Y, { title: r.valueLabel, children: /* @__PURE__ */ l(
+                              "span",
+                              {
+                                className: o(
+                                  "common-filter-tag-value",
+                                  e["common-filter-tag-value"]
+                                ),
+                                children: u
+                              }
+                            ) }) : /* @__PURE__ */ l(
+                              "span",
+                              {
+                                className: o(
+                                  "common-filter-tag-value",
+                                  e["common-filter-tag-value"]
+                                ),
+                                children: u
+                              }
+                            );
+                            return /* @__PURE__ */ l(se, { color: "primary", children: /* @__PURE__ */ m(
+                              "span",
+                              {
+                                className: o("common-filter-tag", e["common-filter-tag"]),
+                                children: [
+                                  /* @__PURE__ */ m(
+                                    "span",
+                                    {
+                                      className: o(
+                                        "common-filter-tag-label",
+                                        e["common-filter-tag-label"]
+                                      ),
+                                      style: { color: "var(--font-color)" },
+                                      children: [
+                                        r.label,
+                                        "："
+                                      ]
+                                    }
+                                  ),
+                                  J,
+                                  /* @__PURE__ */ l(
+                                    ce,
+                                    {
+                                      className: o(
+                                        "common-filter-tag-close",
+                                        e["common-filter-tag-close"],
+                                        r.removable === !1 && e["common-filter-tag-close-disabled"]
+                                      ),
+                                      onClick: (K) => {
+                                        K.preventDefault(), r.removable !== !1 && r.onRemove();
+                                      }
+                                    }
+                                  )
+                                ]
+                              }
+                            ) }, r.key);
+                          }) })
+                        }
+                      ),
+                      t && !n && V.showNext && /* @__PURE__ */ l(
+                        "div",
+                        {
+                          className: o(
+                            "common-filter-scroll-shadow-next",
+                            e["common-filter-scroll-shadow-next"]
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ),
+                t && /* @__PURE__ */ l(
+                  N,
+                  {
+                    type: "link",
+                    size: "small",
+                    className: o(
+                      "common-filter-selected-toggle",
+                      e["common-filter-selected-toggle"]
+                    ),
+                    onClick: () => X((r) => !r),
+                    children: n ? "收起" : "展开"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ l(
+            N,
+            {
+              type: "link",
+              size: "small",
+              onClick: $,
+              className: o("common-filter-clear-btn", e["common-filter-clear-btn"]),
+              children: "清空全部"
+            }
+          )
+        ] })
+      ]
+    }
+  );
 };
 export {
-  U as default
+  Fe as default
 };
 //# sourceMappingURL=index.js.map