@hkyhy/marsun-components-core 0.1.51 → 0.1.52

package/dist/components/File/FileItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/File/FileItem/index.tsx"],"sourcesContent":["import { FileTags } from '@/components/Tag';\nimport { Trash2, Download, Eye } from '@/components/Icons';\nimport { formatFileSize } from '@/utils/format';\nimport { Button, Tooltip } from 'antd';\nimport React, { useState } from 'react';\nimport FilePreviewModal from '../FilePreviewModal';\nimport { getFileIcon, getFileTypeName, normalizeFileDisplayItem } from '../fileDisplay';\nimport type { FileDisplayItem } from '../types';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nexport interface FileItemAction {\n  key: string;\n  icon: React.ReactNode;\n  tooltip: string;\n  onClick: (file: FileDisplayItem) => void;\n}\n\nexport interface FileItemProps {\n  file: FileDisplayItem;\n  status?: React.ReactNode;\n  showDownload?: boolean;\n  showDelete?: boolean;\n  showPreview?: boolean;\n  actions?: FileItemAction[];\n  onDownload?: (file: FileDisplayItem) => void;\n  onDelete?: (file: FileDisplayItem) => void;\n  onPreview?: (file: FileDisplayItem) => void;\n}\n\nconst FileItem: React.FC<FileItemProps> = ({\n  file,\n  status,\n  showDownload = true,\n  showDelete = false,\n  showPreview = true,\n  actions,\n  onDownload,\n  onDelete,\n  onPreview,\n}) => {\n  const [previewOpen, setPreviewOpen] = useState(false);\n  const resolvedFile = normalizeFileDisplayItem(file);\n\n  const handleDownload = () => {\n    if (onDownload) {\n      onDownload(resolvedFile);\n      return;\n    }\n    if (resolvedFile.url) window.open(resolvedFile.url, '_blank');\n  };\n\n  const handlePreview = () => {\n    if (onPreview) onPreview(resolvedFile);\n    else setPreviewOpen(true);\n  };\n\n  const defaultActions: FileItemAction[] = [];\n  if (showPreview) {\n    defaultActions.push({\n      key: 'preview',\n      icon: <Eye />,\n      tooltip: '预览',\n      onClick: () => handlePreview(),\n    });\n  }\n  if (showDownload) {\n    defaultActions.push({\n      key: 'download',\n      icon: <Download />,\n      tooltip: '下载',\n      onClick: () => handleDownload(),\n    });\n  }\n  if (showDelete && onDelete) {\n    defaultActions.push({\n      key: 'delete',\n      icon: <Trash2 />,\n      tooltip: '删除',\n      onClick: () => onDelete(resolvedFile),\n    });\n  }\n\n  const allActions = [...defaultActions, ...(actions ?? [])];\n  const typeName = getFileTypeName(resolvedFile.name, resolvedFile.mimeType);\n\n  return (\n    <>\n      <div className={classNames('file-item-root', styles['file-item-root'])}>\n        <div className={classNames('file-item-container', styles['file-item-container'])}>\n          <div className={classNames('file-item-wrapper', styles['file-item-wrapper'])}>\n            <span className={classNames('file-item-inner', styles['file-item-inner'])}>\n              {getFileIcon(resolvedFile.name, resolvedFile.mimeType)}\n            </span>\n            <div className={classNames('file-item-header', styles['file-item-header'])}>\n              <div className={classNames('file-item-body', styles['file-item-body'])}>\n                <span className={classNames('file-item-footer', styles['file-item-footer'])} title={resolvedFile.name}>\n                  {resolvedFile.name}\n                </span>\n                <span className={classNames('file-item-row', styles['file-item-row'])}>{typeName}</span>\n                {resolvedFile.size != null && (\n                  <span className={classNames('file-item-row', styles['file-item-row'])}>\n                    {formatFileSize(resolvedFile.size)}\n                  </span>\n                )}\n              </div>\n              {resolvedFile.tags && resolvedFile.tags.length > 0 && (\n                <FileTags tags={resolvedFile.tags} className={classNames('file-item-col', styles['file-item-col'])} />\n              )}\n            </div>\n          </div>\n\n          <div className={classNames('file-item-wrap', styles['file-item-wrap'])}>\n            {status && <span className={classNames('file-item-panel', styles['file-item-panel'])}>{status}</span>}\n            <div className={classNames('file-item-action-group', styles['file-item-action-group'])}>\n              {allActions.map((action) => (\n                <Tooltip key={action.key} title={action.tooltip}>\n                  <Button\n                    type=\"text\"\n                    size=\"small\"\n                    icon={action.icon}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      action.onClick(file);\n                    }}\n                  />\n                </Tooltip>\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n      <FilePreviewModal open={previewOpen} file={resolvedFile} onClose={() => setPreviewOpen(false)} />\n    </>\n  );\n};\n\nexport { FileItem };\nexport default FileItem;\n"],"names":["FileItem","file","status","showDownload","showDelete","showPreview","actions","onDownload","onDelete","onPreview","previewOpen","setPreviewOpen","useState","resolvedFile","normalizeFileDisplayItem","handleDownload","handlePreview","defaultActions","Eye","Download","Trash2","allActions","typeName","getFileTypeName","jsxs","Fragment","jsx","classNames","styles","getFileIcon","formatFileSize","FileTags","action","Tooltip","Button","e","FilePreviewModal"],"mappings":";;;;;;;;;;AA8BA,MAAMA,IAAoC,CAAC;AAAA,EACzC,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAAeC,EAAyBb,CAAI,GAE5Cc,IAAiB,MAAM;AAC3B,QAAIR,GAAY;AACd,MAAAA,EAAWM,CAAY;AACvB;AAAA,IACF;AACA,IAAIA,EAAa,OAAK,OAAO,KAAKA,EAAa,KAAK,QAAQ;AAAA,EAC9D,GAEMG,IAAgB,MAAM;AAC1B,IAAIP,MAAqBI,CAAY,MACjB,EAAI;AAAA,EAC1B,GAEMI,IAAmC,CAAA;AACzC,EAAIZ,KACFY,EAAe,KAAK;AAAA,IAClB,KAAK;AAAA,IACL,wBAAOC,GAAA,EAAI;AAAA,IACX,SAAS;AAAA,IACT,SAAS,MAAMF,EAAA;AAAA,EAAc,CAC9B,GAECb,KACFc,EAAe,KAAK;AAAA,IAClB,KAAK;AAAA,IACL,wBAAOE,GAAA,EAAS;AAAA,IAChB,SAAS;AAAA,IACT,SAAS,MAAMJ,EAAA;AAAA,EAAe,CAC/B,GAECX,KAAcI,KAChBS,EAAe,KAAK;AAAA,IAClB,KAAK;AAAA,IACL,wBAAOG,GAAA,EAAO;AAAA,IACd,SAAS;AAAA,IACT,SAAS,MAAMZ,EAASK,CAAY;AAAA,EAAA,CACrC;AAGH,QAAMQ,IAAa,CAAC,GAAGJ,GAAgB,GAAIX,KAAW,CAAA,CAAG,GACnDgB,IAAWC,EAAgBV,EAAa,MAAMA,EAAa,QAAQ;AAEzE,SACE,gBAAAW,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAWC,EAAW,kBAAkBC,EAAO,gBAAgB,CAAC,GACnE,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAWG,EAAW,uBAAuBC,EAAO,qBAAqB,CAAC,GAC7E,UAAA;AAAA,MAAA,gBAAAJ,EAAC,SAAI,WAAWG,EAAW,qBAAqBC,EAAO,mBAAmB,CAAC,GACzE,UAAA;AAAA,QAAA,gBAAAF,EAAC,QAAA,EAAK,WAAWC,EAAW,mBAAmBC,EAAO,iBAAiB,CAAC,GACrE,UAAAC,EAAYhB,EAAa,MAAMA,EAAa,QAAQ,GACvD;AAAA,QACA,gBAAAW,EAAC,SAAI,WAAWG,EAAW,oBAAoBC,EAAO,kBAAkB,CAAC,GACvE,UAAA;AAAA,UAAA,gBAAAJ,EAAC,SAAI,WAAWG,EAAW,kBAAkBC,EAAO,gBAAgB,CAAC,GACnE,UAAA;AAAA,YAAA,gBAAAF,EAAC,QAAA,EAAK,WAAWC,EAAW,oBAAoBC,EAAO,kBAAkB,CAAC,GAAG,OAAOf,EAAa,MAC9F,UAAAA,EAAa,MAChB;AAAA,YACA,gBAAAa,EAAC,UAAK,WAAWC,EAAW,iBAAiBC,EAAO,eAAe,CAAC,GAAI,UAAAN,EAAA,CAAS;AAAA,YAChFT,EAAa,QAAQ,QACpB,gBAAAa,EAAC,UAAK,WAAWC,EAAW,iBAAiBC,EAAO,eAAe,CAAC,GACjE,UAAAE,EAAejB,EAAa,IAAI,EAAA,CACnC;AAAA,UAAA,GAEJ;AAAA,UACCA,EAAa,QAAQA,EAAa,KAAK,SAAS,KAC/C,gBAAAa,EAACK,GAAA,EAAS,MAAMlB,EAAa,MAAM,WAAWc,EAAW,iBAAiBC,EAAO,eAAe,CAAC,EAAA,CAAG;AAAA,QAAA,EAAA,CAExG;AAAA,MAAA,GACF;AAAA,MAEA,gBAAAJ,EAAC,SAAI,WAAWG,EAAW,kBAAkBC,EAAO,gBAAgB,CAAC,GAClE,UAAA;AAAA,QAAA1B,KAAU,gBAAAwB,EAAC,UAAK,WAAWC,EAAW,mBAAmBC,EAAO,iBAAiB,CAAC,GAAI,UAAA1B,EAAA,CAAO;AAAA,0BAC7F,OAAA,EAAI,WAAWyB,EAAW,0BAA0BC,EAAO,wBAAwB,CAAC,GAClF,UAAAP,EAAW,IAAI,CAACW,wBACdC,GAAA,EAAyB,OAAOD,EAAO,SACtC,UAAA,gBAAAN;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,MAAMF,EAAO;AAAA,YACb,SAAS,CAACG,MAAM;AACd,cAAAA,EAAE,gBAAA,GACFH,EAAO,QAAQ/B,CAAI;AAAA,YACrB;AAAA,UAAA;AAAA,QAAA,KARU+B,EAAO,GAUrB,CACD,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,IACA,gBAAAN,EAACU,GAAA,EAAiB,MAAM1B,GAAa,MAAMG,GAAc,SAAS,MAAMF,EAAe,EAAK,EAAA,CAAG;AAAA,EAAA,GACjG;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/File/FileItem/index.tsx"],"sourcesContent":["import { FileTags } from '@/components/Tag';\nimport { Trash2, Download, Eye } from '@/components/Icons';\nimport { formatFileSize } from '@/utils/format';\nimport { Button, Tooltip } from 'antd';\nimport React, { useState } from 'react';\nimport FilePreviewModal from '../FilePreviewModal';\nimport { getFileIcon, getFileTypeName, normalizeFileDisplayItem } from '../fileDisplay';\nimport type { FileDisplayItem } from '../types';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nexport interface FileItemAction {\n  key: string;\n  icon: React.ReactNode;\n  tooltip: string;\n  onClick: (file: FileDisplayItem) => void;\n}\n\nexport interface FileItemProps {\n  file: FileDisplayItem;\n  status?: React.ReactNode;\n  showDownload?: boolean;\n  showDelete?: boolean;\n  showPreview?: boolean;\n  actions?: FileItemAction[];\n  onDownload?: (file: FileDisplayItem) => void;\n  onDelete?: (file: FileDisplayItem) => void;\n  onPreview?: (file: FileDisplayItem) => void;\n}\n\nconst FileItem: React.FC<FileItemProps> = ({\n  file,\n  status,\n  showDownload = true,\n  showDelete = false,\n  showPreview = true,\n  actions,\n  onDownload,\n  onDelete,\n  onPreview,\n}) => {\n  const [previewOpen, setPreviewOpen] = useState(false);\n  const resolvedFile = normalizeFileDisplayItem(file);\n\n  const handleDownload = () => {\n    if (onDownload) {\n      onDownload(resolvedFile);\n      return;\n    }\n    if (resolvedFile.url) window.open(resolvedFile.url, '_blank');\n  };\n\n  const handlePreview = () => {\n    if (onPreview) onPreview(resolvedFile);\n    else setPreviewOpen(true);\n  };\n\n  const defaultActions: FileItemAction[] = [];\n  if (showPreview) {\n    defaultActions.push({\n      key: 'preview',\n      icon: <Eye />,\n      tooltip: '预览',\n      onClick: () => handlePreview(),\n    });\n  }\n  if (showDownload) {\n    defaultActions.push({\n      key: 'download',\n      icon: <Download />,\n      tooltip: '下载',\n      onClick: () => handleDownload(),\n    });\n  }\n  if (showDelete && onDelete) {\n    defaultActions.push({\n      key: 'delete',\n      icon: <Trash2 />,\n      tooltip: '删除',\n      onClick: () => onDelete(resolvedFile),\n    });\n  }\n\n  const allActions = [...defaultActions, ...(actions ?? [])];\n  const typeName = getFileTypeName(resolvedFile.name, resolvedFile.mimeType);\n\n  return (\n    <>\n      <div className={classNames('file-item-root', styles['file-item-root'])}>\n        <div className={classNames('file-item-container', styles['file-item-container'])}>\n          <div className={classNames('file-item-wrapper', styles['file-item-wrapper'])}>\n            <span className={classNames('file-item-inner', styles['file-item-inner'])}>\n              {getFileIcon(resolvedFile.name, resolvedFile.mimeType)}\n            </span>\n            <div className={classNames('file-item-header', styles['file-item-header'])}>\n              <div className={classNames('file-item-body', styles['file-item-body'])}>\n                <span\n                  className={classNames('file-item-footer', styles['file-item-footer'])}\n                  title={resolvedFile.name}\n                >\n                  {resolvedFile.name}\n                </span>\n                <span className={classNames('file-item-row', styles['file-item-row'])}>\n                  {typeName}\n                </span>\n                {resolvedFile.size != null && (\n                  <span className={classNames('file-item-row', styles['file-item-row'])}>\n                    {formatFileSize(resolvedFile.size)}\n                  </span>\n                )}\n              </div>\n              {resolvedFile.tags && resolvedFile.tags.length > 0 && (\n                <FileTags\n                  tags={resolvedFile.tags}\n                  className={classNames('file-item-col', styles['file-item-col'])}\n                />\n              )}\n            </div>\n          </div>\n\n          <div className={classNames('file-item-wrap', styles['file-item-wrap'])}>\n            {status && (\n              <span className={classNames('file-item-panel', styles['file-item-panel'])}>\n                {status}\n              </span>\n            )}\n            <div className={classNames('file-item-action-group', styles['file-item-action-group'])}>\n              {allActions.map((action) => (\n                <Tooltip key={action.key} title={action.tooltip}>\n                  <Button\n                    type=\"text\"\n                    size=\"small\"\n                    icon={action.icon}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      action.onClick(resolvedFile);\n                    }}\n                  />\n                </Tooltip>\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n      <FilePreviewModal\n        open={previewOpen}\n        file={resolvedFile}\n        url={resolvedFile.url}\n        downloadUrl={resolvedFile.url}\n        onClose={() => setPreviewOpen(false)}\n      />\n    </>\n  );\n};\n\nexport { FileItem };\nexport default FileItem;\n"],"names":["FileItem","file","status","showDownload","showDelete","showPreview","actions","onDownload","onDelete","onPreview","previewOpen","setPreviewOpen","useState","resolvedFile","normalizeFileDisplayItem","handleDownload","handlePreview","defaultActions","Eye","Download","Trash2","allActions","typeName","getFileTypeName","jsxs","Fragment","jsx","classNames","styles","getFileIcon","formatFileSize","FileTags","action","Tooltip","Button","e","FilePreviewModal"],"mappings":"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"}

package/dist/components/File/FilePreview/FilePreviewContent.js

@@ -15,7 +15,7 @@ function h(e, r) {
 }
 async function B(e) {
   try {
-    const { default: r } = await import("jszip"), t = await r.loadAsync(e), a = Object.keys(t.files), n = a.filter(
+    const { default: r } = await import("../../../_virtual/jszip.min.js").then((i) => i.j), t = await r.loadAsync(e), a = Object.keys(t.files), n = a.filter(
       (i) => i.startsWith("xl/drawings/") || i.startsWith("xl/charts/") || i.startsWith("xl/diagrams/") || /drawing[0-9]*\.xml$/i.test(i)
     );
     if (n.length === 0) return null;
@@ -82,11 +82,11 @@ async function T(e, r) {
     breakPages: !0
   });
 }
-async function k(e, r, t) {
+async function j(e, r, t) {
   const { init: a } = await import("pptx-preview"), n = a(e, { width: t, height: Math.round(t * 0.5625), mode: "list" });
   return await n.preview(r), () => n.destroy();
 }
-function C(e, r) {
+function k(e, r) {
   const t = new TextDecoder("utf-8"), a = document.createElement("pre");
   a.className = c["file-preview-text"], a.textContent = t.decode(r), e.appendChild(a);
 }
@@ -113,8 +113,8 @@ const J = ({
             await T(u, l);
           else if (s === "ppt") {
             const E = u.clientWidth || 852;
-            n.current = await k(u, l, E);
-          } else s === "text" && C(u, l);
+            n.current = await j(u, l, E);
+          } else s === "text" && k(u, l);
         } catch (l) {
           w || f(h(l, s));
         } finally {

package/dist/components/File/FilePreview/FilePreviewContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewContent.js","sources":["../../../../src/components/File/FilePreview/FilePreviewContent.tsx"],"sourcesContent":["import { Empty, Spin } from 'antd';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { getPreviewKind, needsBlobPreview } from '../previewKind';\nimport type { FileDisplayItem } from '../types';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\ninterface FilePreviewContentProps {\n  file: FileDisplayItem;\n  previewUrl?: string;\n  unsupportedMessage?: string;\n}\n\nasync function fetchPreviewBlob(url: string): Promise<ArrayBuffer> {\n  const res = await fetch(url);\n  if (!res.ok) throw new Error(`预览加载失败 (${res.status})`);\n  return res.arrayBuffer();\n}\n\nfunction mapPreviewError(err: unknown, kind: string): string {\n  const raw = err instanceof Error ? err.message : String(err ?? '');\n  if (kind === 'excel' && /anchors/i.test(raw)) {\n    return '该 Excel 含图表/绘图等对象，当前预览引擎无法解析，请下载后用本地软件打开';\n  }\n  if (raw && !/^Cannot read properties/i.test(raw) && !/^undefined/i.test(raw)) {\n    return raw;\n  }\n  return kind === 'excel' ? 'Excel 预览失败，请下载后查看' : '预览加载失败';\n}\n\n/** exceljs/@js-preview 对部分含 drawing/chart 的 xlsx 会在 reconcile 时读 anchors 崩溃；去掉绘图部件后重试。 */\nasync function stripExcelDrawings(data: ArrayBuffer): Promise<ArrayBuffer | null> {\n  try {\n    const { default: JSZip } = await import('jszip');\n    const zip = await JSZip.loadAsync(data);\n    const names = Object.keys(zip.files);\n    const drop = names.filter(\n      (n) =>\n        n.startsWith('xl/drawings/') ||\n        n.startsWith('xl/charts/') ||\n        n.startsWith('xl/diagrams/') ||\n        /drawing[0-9]*\\.xml$/i.test(n),\n    );\n    if (drop.length === 0) return null;\n    for (const n of drop) {\n      zip.remove(n);\n    }\n    // 清理 worksheet 中的 drawing 引用，避免指向已删部件\n    await Promise.all(\n      names\n        .filter((n) => /^xl\\/worksheets\\/[^/]+\\.xml$/i.test(n) && zip.file(n))\n        .map(async (n) => {\n          const file = zip.file(n);\n          if (!file) return;\n          const xml = await file.async('string');\n          const cleaned = xml\n            .replace(/<drawing[^>]*\\/>/gi, '')\n            .replace(/<drawing[^>]*>[\\s\\S]*?<\\/drawing>/gi, '');\n          if (cleaned !== xml) zip.file(n, cleaned);\n        }),\n    );\n    return zip.generateAsync({ type: 'arraybuffer' });\n  } catch {\n    return null;\n  }\n}\n\nasync function previewExcelBuffer(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  jsPreviewExcel: { init: (el: HTMLElement) => any },\n  container: HTMLElement,\n  data: ArrayBuffer,\n) {\n  const instance = jsPreviewExcel.init(container);\n  try {\n    await instance.preview(data);\n    return () => instance.destroy();\n  } catch (err) {\n    try {\n      instance.destroy();\n    } catch {\n      // ignore\n    }\n    throw err;\n  }\n}\n\nasync function renderExcel(container: HTMLElement, data: ArrayBuffer) {\n  const [{ default: jsPreviewExcel }] = await Promise.all([\n    import('@js-preview/excel'),\n    import('@js-preview/excel/lib/index.css'),\n  ]);\n  const height = Math.max(\n    container.parentElement?.clientHeight ?? 0,\n    Math.round(window.innerHeight * 0.65),\n    480,\n  );\n  container.style.height = `${height}px`;\n\n  try {\n    return await previewExcelBuffer(jsPreviewExcel, container, data);\n  } catch (firstErr) {\n    const msg = firstErr instanceof Error ? firstErr.message : String(firstErr ?? '');\n    if (!/anchors/i.test(msg)) {\n      throw firstErr instanceof Error ? firstErr : new Error(mapPreviewError(firstErr, 'excel'));\n    }\n    const stripped = await stripExcelDrawings(data);\n    if (!stripped) {\n      throw firstErr instanceof Error ? firstErr : new Error(mapPreviewError(firstErr, 'excel'));\n    }\n    container.innerHTML = '';\n    try {\n      return await previewExcelBuffer(jsPreviewExcel, container, stripped);\n    } catch (retryErr) {\n      throw retryErr instanceof Error ? retryErr : new Error(mapPreviewError(retryErr, 'excel'));\n    }\n  }\n}\n\nasync function renderWord(container: HTMLElement, data: ArrayBuffer) {\n  const { renderAsync } = await import('docx-preview');\n  const blob = new Blob([data]);\n  await renderAsync(blob, container, container, {\n    inWrapper: true,\n    ignoreWidth: false,\n    ignoreHeight: false,\n    breakPages: true,\n  });\n}\n\nasync function renderPpt(container: HTMLElement, data: ArrayBuffer, width: number) {\n  const { init } = await import('pptx-preview');\n  const previewer = init(container, { width, height: Math.round(width * 0.5625), mode: 'list' });\n  await previewer.preview(data);\n  return () => previewer.destroy();\n}\n\nfunction renderText(container: HTMLElement, data: ArrayBuffer) {\n  const decoder = new TextDecoder('utf-8');\n  const pre = document.createElement('pre');\n  pre.className = styles['file-preview-text'] ?? '';\n  pre.textContent = decoder.decode(data);\n  container.appendChild(pre);\n}\n\nconst FilePreviewContent: React.FC<FilePreviewContentProps> = ({\n  file,\n  previewUrl,\n  unsupportedMessage = '暂不支持预览此文件类型',\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const cleanupRef = useRef<(() => void) | void>(undefined);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const kind = getPreviewKind(file);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container || !previewUrl) return undefined;\n\n    let cancelled = false;\n    cleanupRef.current?.();\n    cleanupRef.current = undefined;\n    container.innerHTML = '';\n    setError(null);\n\n    const run = async () => {\n      if (kind === 'image') return;\n      if (kind === 'pdf' || kind === 'iframe') return;\n      if (kind === 'video' || kind === 'audio') return;\n      if (kind === 'unsupported') return;\n\n      setLoading(true);\n      try {\n        const data = await fetchPreviewBlob(previewUrl);\n        if (cancelled) return;\n\n        if (kind === 'excel') {\n          cleanupRef.current = await renderExcel(container, data);\n        } else if (kind === 'word') {\n          await renderWord(container, data);\n        } else if (kind === 'ppt') {\n          const width = container.clientWidth || 852;\n          cleanupRef.current = await renderPpt(container, data, width);\n        } else if (kind === 'text') {\n          renderText(container, data);\n        }\n      } catch (err) {\n        if (!cancelled) {\n          setError(mapPreviewError(err, kind));\n        }\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    };\n\n    void run();\n\n    return () => {\n      cancelled = true;\n      cleanupRef.current?.();\n      cleanupRef.current = undefined;\n      container.innerHTML = '';\n    };\n  }, [previewUrl, kind, file.id, file.name]);\n\n  if (!previewUrl) {\n    return <Empty description=\"无可预览地址\" />;\n  }\n\n  if (kind === 'image') {\n    return (\n      <div className={styles['file-preview-media-wrap']}>\n        <img src={previewUrl} alt={file.name} className={styles['file-preview-image']} />\n      </div>\n    );\n  }\n\n  if (kind === 'pdf' || kind === 'iframe') {\n    return <iframe src={previewUrl} title={file.name} className={styles['file-preview-iframe']} />;\n  }\n\n  if (kind === 'video') {\n    return (\n      <div className={styles['file-preview-media-wrap']}>\n        <video src={previewUrl} controls className={styles['file-preview-video']} />\n      </div>\n    );\n  }\n\n  if (kind === 'audio') {\n    return (\n      <div className={styles['file-preview-audio-wrap']}>\n        <audio src={previewUrl} controls className={styles['file-preview-audio']} />\n      </div>\n    );\n  }\n\n  if (kind === 'unsupported') {\n    return <Empty description={unsupportedMessage} />;\n  }\n\n  if (needsBlobPreview(kind)) {\n    return (\n      <div\n        className={classNames(styles['file-preview-office'], styles['file-preview-office-wrap'])}\n      >\n        <Spin spinning={loading} classNames={{ root: styles['file-preview-office-spin'] }}>\n          {error ? (\n            <Empty description={error} />\n          ) : (\n            <div ref={containerRef} className={styles['file-preview-office-inner']} />\n          )}\n        </Spin>\n      </div>\n    );\n  }\n\n  return <Empty description={unsupportedMessage} />;\n};\n\nexport default FilePreviewContent;\n"],"names":["fetchPreviewBlob","url","res","mapPreviewError","err","kind","raw","stripExcelDrawings","data","JSZip","zip","names","drop","n","file","xml","cleaned","previewExcelBuffer","jsPreviewExcel","container","instance","renderExcel","height","_a","firstErr","msg","stripped","retryErr","renderWord","renderAsync","blob","renderPpt","width","init","previewer","renderText","decoder","pre","styles","FilePreviewContent","previewUrl","unsupportedMessage","containerRef","useRef","cleanupRef","loading","setLoading","useState","error","setError","getPreviewKind","useEffect","cancelled","jsx","Empty","needsBlobPreview","classNames","Spin"],"mappings":"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"}
+{"version":3,"file":"FilePreviewContent.js","sources":["../../../../src/components/File/FilePreview/FilePreviewContent.tsx"],"sourcesContent":["import { Empty, Spin } from 'antd';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { getPreviewKind, needsBlobPreview } from '../previewKind';\nimport type { FileDisplayItem } from '../types';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\ninterface FilePreviewContentProps {\n  file: FileDisplayItem;\n  previewUrl?: string;\n  unsupportedMessage?: string;\n}\n\nasync function fetchPreviewBlob(url: string): Promise<ArrayBuffer> {\n  const res = await fetch(url);\n  if (!res.ok) throw new Error(`预览加载失败 (${res.status})`);\n  return res.arrayBuffer();\n}\n\nfunction mapPreviewError(err: unknown, kind: string): string {\n  const raw = err instanceof Error ? err.message : String(err ?? '');\n  if (kind === 'excel' && /anchors/i.test(raw)) {\n    return '该 Excel 含图表/绘图等对象，当前预览引擎无法解析，请下载后用本地软件打开';\n  }\n  if (raw && !/^Cannot read properties/i.test(raw) && !/^undefined/i.test(raw)) {\n    return raw;\n  }\n  return kind === 'excel' ? 'Excel 预览失败，请下载后查看' : '预览加载失败';\n}\n\n/** exceljs/@js-preview 对部分含 drawing/chart 的 xlsx 会在 reconcile 时读 anchors 崩溃；去掉绘图部件后重试。 */\nasync function stripExcelDrawings(data: ArrayBuffer): Promise<ArrayBuffer | null> {\n  try {\n    const { default: JSZip } = await import('jszip');\n    const zip = await JSZip.loadAsync(data);\n    const names = Object.keys(zip.files);\n    const drop = names.filter(\n      (n) =>\n        n.startsWith('xl/drawings/') ||\n        n.startsWith('xl/charts/') ||\n        n.startsWith('xl/diagrams/') ||\n        /drawing[0-9]*\\.xml$/i.test(n),\n    );\n    if (drop.length === 0) return null;\n    for (const n of drop) {\n      zip.remove(n);\n    }\n    // 清理 worksheet 中的 drawing 引用，避免指向已删部件\n    await Promise.all(\n      names\n        .filter((n) => /^xl\\/worksheets\\/[^/]+\\.xml$/i.test(n) && zip.file(n))\n        .map(async (n) => {\n          const file = zip.file(n);\n          if (!file) return;\n          const xml = await file.async('string');\n          const cleaned = xml\n            .replace(/<drawing[^>]*\\/>/gi, '')\n            .replace(/<drawing[^>]*>[\\s\\S]*?<\\/drawing>/gi, '');\n          if (cleaned !== xml) zip.file(n, cleaned);\n        }),\n    );\n    return zip.generateAsync({ type: 'arraybuffer' });\n  } catch {\n    return null;\n  }\n}\n\nasync function previewExcelBuffer(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  jsPreviewExcel: { init: (el: HTMLElement) => any },\n  container: HTMLElement,\n  data: ArrayBuffer,\n) {\n  const instance = jsPreviewExcel.init(container);\n  try {\n    await instance.preview(data);\n    return () => instance.destroy();\n  } catch (err) {\n    try {\n      instance.destroy();\n    } catch {\n      // ignore\n    }\n    throw err;\n  }\n}\n\nasync function renderExcel(container: HTMLElement, data: ArrayBuffer) {\n  const [{ default: jsPreviewExcel }] = await Promise.all([\n    import('@js-preview/excel'),\n    import('@js-preview/excel/lib/index.css'),\n  ]);\n  const height = Math.max(\n    container.parentElement?.clientHeight ?? 0,\n    Math.round(window.innerHeight * 0.65),\n    480,\n  );\n  container.style.height = `${height}px`;\n\n  try {\n    return await previewExcelBuffer(jsPreviewExcel, container, data);\n  } catch (firstErr) {\n    const msg = firstErr instanceof Error ? firstErr.message : String(firstErr ?? '');\n    if (!/anchors/i.test(msg)) {\n      throw firstErr instanceof Error ? firstErr : new Error(mapPreviewError(firstErr, 'excel'));\n    }\n    const stripped = await stripExcelDrawings(data);\n    if (!stripped) {\n      throw firstErr instanceof Error ? firstErr : new Error(mapPreviewError(firstErr, 'excel'));\n    }\n    container.innerHTML = '';\n    try {\n      return await previewExcelBuffer(jsPreviewExcel, container, stripped);\n    } catch (retryErr) {\n      throw retryErr instanceof Error ? retryErr : new Error(mapPreviewError(retryErr, 'excel'));\n    }\n  }\n}\n\nasync function renderWord(container: HTMLElement, data: ArrayBuffer) {\n  const { renderAsync } = await import('docx-preview');\n  const blob = new Blob([data]);\n  await renderAsync(blob, container, container, {\n    inWrapper: true,\n    ignoreWidth: false,\n    ignoreHeight: false,\n    breakPages: true,\n  });\n}\n\nasync function renderPpt(container: HTMLElement, data: ArrayBuffer, width: number) {\n  const { init } = await import('pptx-preview');\n  const previewer = init(container, { width, height: Math.round(width * 0.5625), mode: 'list' });\n  await previewer.preview(data);\n  return () => previewer.destroy();\n}\n\nfunction renderText(container: HTMLElement, data: ArrayBuffer) {\n  const decoder = new TextDecoder('utf-8');\n  const pre = document.createElement('pre');\n  pre.className = styles['file-preview-text'] ?? '';\n  pre.textContent = decoder.decode(data);\n  container.appendChild(pre);\n}\n\nconst FilePreviewContent: React.FC<FilePreviewContentProps> = ({\n  file,\n  previewUrl,\n  unsupportedMessage = '暂不支持预览此文件类型',\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const cleanupRef = useRef<(() => void) | void>(undefined);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const kind = getPreviewKind(file);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container || !previewUrl) return undefined;\n\n    let cancelled = false;\n    cleanupRef.current?.();\n    cleanupRef.current = undefined;\n    container.innerHTML = '';\n    setError(null);\n\n    const run = async () => {\n      if (kind === 'image') return;\n      if (kind === 'pdf' || kind === 'iframe') return;\n      if (kind === 'video' || kind === 'audio') return;\n      if (kind === 'unsupported') return;\n\n      setLoading(true);\n      try {\n        const data = await fetchPreviewBlob(previewUrl);\n        if (cancelled) return;\n\n        if (kind === 'excel') {\n          cleanupRef.current = await renderExcel(container, data);\n        } else if (kind === 'word') {\n          await renderWord(container, data);\n        } else if (kind === 'ppt') {\n          const width = container.clientWidth || 852;\n          cleanupRef.current = await renderPpt(container, data, width);\n        } else if (kind === 'text') {\n          renderText(container, data);\n        }\n      } catch (err) {\n        if (!cancelled) {\n          setError(mapPreviewError(err, kind));\n        }\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    };\n\n    void run();\n\n    return () => {\n      cancelled = true;\n      cleanupRef.current?.();\n      cleanupRef.current = undefined;\n      container.innerHTML = '';\n    };\n  }, [previewUrl, kind, file.id, file.name]);\n\n  if (!previewUrl) {\n    return <Empty description=\"无可预览地址\" />;\n  }\n\n  if (kind === 'image') {\n    return (\n      <div className={styles['file-preview-media-wrap']}>\n        <img src={previewUrl} alt={file.name} className={styles['file-preview-image']} />\n      </div>\n    );\n  }\n\n  if (kind === 'pdf' || kind === 'iframe') {\n    return <iframe src={previewUrl} title={file.name} className={styles['file-preview-iframe']} />;\n  }\n\n  if (kind === 'video') {\n    return (\n      <div className={styles['file-preview-media-wrap']}>\n        <video src={previewUrl} controls className={styles['file-preview-video']} />\n      </div>\n    );\n  }\n\n  if (kind === 'audio') {\n    return (\n      <div className={styles['file-preview-audio-wrap']}>\n        <audio src={previewUrl} controls className={styles['file-preview-audio']} />\n      </div>\n    );\n  }\n\n  if (kind === 'unsupported') {\n    return <Empty description={unsupportedMessage} />;\n  }\n\n  if (needsBlobPreview(kind)) {\n    return (\n      <div\n        className={classNames(styles['file-preview-office'], styles['file-preview-office-wrap'])}\n      >\n        <Spin spinning={loading} classNames={{ root: styles['file-preview-office-spin'] }}>\n          {error ? (\n            <Empty description={error} />\n          ) : (\n            <div ref={containerRef} className={styles['file-preview-office-inner']} />\n          )}\n        </Spin>\n      </div>\n    );\n  }\n\n  return <Empty description={unsupportedMessage} />;\n};\n\nexport default FilePreviewContent;\n"],"names":["fetchPreviewBlob","url","res","mapPreviewError","err","kind","raw","stripExcelDrawings","data","JSZip","n","zip","names","drop","file","xml","cleaned","previewExcelBuffer","jsPreviewExcel","container","instance","renderExcel","height","_a","firstErr","msg","stripped","retryErr","renderWord","renderAsync","blob","renderPpt","width","init","previewer","renderText","decoder","pre","styles","FilePreviewContent","previewUrl","unsupportedMessage","containerRef","useRef","cleanupRef","loading","setLoading","useState","error","setError","getPreviewKind","useEffect","cancelled","jsx","Empty","needsBlobPreview","classNames","Spin"],"mappings":"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"}

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,277 @@
-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 { ChevronUp as W, ChevronDown as Y, X as Z } from "../../Icons/index.js";
+import { Button as N, Space as ee, Tooltip as oe } 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 le } from "../FilterLayoutContext.js";
+import { resolveFilterVisible as te } from "../types.js";
+import { useFilterLayoutMode as re } from "../useFilterLayoutMode.js";
+import { useHorizontalScrollShadows as P } from "../useHorizontalScrollShadows.js";
+import { useFilterState as me, FilterProvider as se } from "../useFilterState.js";
+import ce from "../../Tag/SemanticTag.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 te({ display: i.display, hidden: i.hidden }, c);
+  });
+}
+const Se = ({
+  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 } = re({
+    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 } = me(), 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(le, { isMobile: t, children: /* @__PURE__ */ l(se, { 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(W, { size: 12 }) : /* @__PURE__ */ l(Y, { 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(ee, { size: [8, 8], wrap: !t || n, children: F.map((r) => {
+                            const { display: u, truncated: q } = ne(r.valueLabel, j), J = q ? /* @__PURE__ */ l(oe, { 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(ce, { 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(
+                                    Z,
+                                    {
+                                      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
+  Se as default
 };
 //# sourceMappingURL=index.js.map