@yoka-ui/ui 1.0.4 → 1.0.6

package/dist/lib/business/ModCommonFilter/components/PopoverContent/Content.js

@@ -32,12 +32,12 @@ __export(Content_exports, {
   default: () => Content_default
 });
 module.exports = __toCommonJS(Content_exports);
-var import_DebounceInput = __toESM(require("../../../../components/DebounceInput"));
-var import_TextWithToolTip = __toESM(require("../../../../components/TextWithToolTip"));
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
-var import_react_custom_scrollbars = require("react-custom-scrollbars");
+var import_react_custom_scrollbars_2 = require("react-custom-scrollbars-2");
 var import_react_virtualized = require("react-virtualized");
+var import_DebounceInput = __toESM(require("../../../../components/DebounceInput"));
+var import_TextWithToolTip = __toESM(require("../../../../components/TextWithToolTip"));
 var import_empty = __toESM(require("../../assets/images/empty.png"));
 var import_index_module = __toESM(require("./index.module.less"));
 var Content = ({
@@ -157,7 +157,7 @@ var Content = ({
     },
     "全选"
   )), /* @__PURE__ */ import_react.default.createElement(
-    import_react_custom_scrollbars.Scrollbars,
+    import_react_custom_scrollbars_2.Scrollbars,
     {
       style: { height: 285, width: contentWidth },
       renderThumbVertical: ({ style, ...props }) => /* @__PURE__ */ import_react.default.createElement("div", { ...props, style: { ...style, background: "#EFEFEF", borderRadius: 3 } }),

package/dist/lib/business/ModCommonFilter/components/PopoverContent/Content.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/business/ModCommonFilter/components/PopoverContent/Content.tsx"],
-  "sourcesContent": ["import DebouncedInput from '@/components/DebounceInput';\nimport TextWithTooltip from '@/components/TextWithToolTip';\nimport { Checkbox, Divider, Tabs } from 'antd';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars';\nimport { Grid } from 'react-virtualized';\nimport emptyImg from '../../assets/images/empty.png';\nimport type { ListItem, TerminalItem } from '../../typing';\nimport styles from './index.module.less';\n\n/**\n * 可选列表内容区的 Props\n */\ninterface PropsType {\n  /** 终端 Tab 数据（如 全部/PC/APP），无则不展示终端 Tab */\n  terminal?: TerminalItem[];\n  /** 当前分类下的可选列表 */\n  list: ListItem[];\n  /** 当前已选中的 code 列表 */\n  selected: string[];\n  /** 更新已选中列表 */\n  setSelected: (selected: string[]) => void;\n  /** 搜索框占位文案 */\n  placeholder: string;\n  /** 当前选中的分类 code，用于过滤 list */\n  categorySelected: string;\n  /** 网格列数 */\n  columnCount?: number;\n  /** 内容区宽度 */\n  contentWidth?: number;\n  /** 每行高度 */\n  rowHeight?: number;\n  /** 每格自定义渲染 */\n  cellRender?: (item: ListItem) => React.ReactNode;\n  /** 是否在名称后展示 code */\n  showCode?: boolean;\n  /** 通知父组件「用户是否有过勾选操作」 */\n  setHasOperation: (hasOperation: boolean) => void;\n}\n\n/**\n * 筛选弹层中间区域：终端 Tab（可选）+ 搜索 + 全选 + 虚拟列表勾选。\n * 内部维护 modalChecked 与外部 selected 同步，并用 isInternalUpdate 区分内外更新避免循环。\n */\nconst Content: React.FC<PropsType> = ({\n  terminal,\n  list,\n  selected,\n  setSelected,\n  placeholder,\n  categorySelected,\n  columnCount = 1,\n  contentWidth = 510,\n  rowHeight = 32,\n  cellRender,\n  showCode = false,\n  setHasOperation,\n}) => {\n  const [searchKey, setSearchKey] = useState<string>('');\n  /** 当前选中的终端 Tab（code），空字符串表示「全部」 */\n  const [terminalSelected, setTerminalSelected] = useState<string>('');\n  /** 弹层内勾选状态（与 selected 同步，用于避免直接改 selected 导致父组件重渲染影响虚拟列表） */\n  const [modalChecked, setModalChecked] = useState<string[]>(selected);\n\n  /** 已选 code -> true 的 Map，用于 O(1) 判断是否选中 */\n  const modalCheckMap = useMemo(() => {\n    return new Map(modalChecked.map((item) => [item, true]));\n  }, [modalChecked]);\n\n  const scrollbarsRef = useRef(null);\n  const gridRef = useRef(null);\n  /** 标记本次 selected 变更是否由本组件内部更新引起，避免 useEffect 把外部重置误同步进 modalChecked */\n  const isInternalUpdate = useRef(false);\n\n  /** 外部 selected 变化时同步到 modalChecked；若为内部更新触发的 effect 则跳过避免覆盖 */\n  useEffect(() => {\n    if (isInternalUpdate.current) {\n      isInternalUpdate.current = false;\n      return;\n    }\n    setModalChecked(selected);\n  }, [selected]);\n\n  /** 根据搜索关键词、终端、分类过滤后的列表，供虚拟列表与全选使用 */\n  const filterList = useMemo(() => {\n    const key = searchKey.trim().toUpperCase();\n    return list\n      .filter((v) => v.name.toUpperCase().includes(key) || (showCode && v.code.toUpperCase().includes(key)))\n      .filter((f) => terminalSelected === '' || f.terminal === terminalSelected)\n      .filter((f) => categorySelected === '' || f.category === categorySelected);\n  }, [list, searchKey, terminalSelected, categorySelected]);\n\n  /** 全选勾选状态与半选状态（基于当前 filterList 与 modalChecked） */\n  const { allChecked, isIndeterminate } = useMemo(() => {\n    if (filterList.length === 0) {\n      return { allChecked: false, isIndeterminate: false };\n    }\n    const checkedCount = filterList.filter((item) => modalCheckMap.get(item.code)).length;\n    const allChecked = checkedCount === filterList.length;\n    const isIndeterminate = checkedCount > 0 && checkedCount < filterList.length;\n    return { allChecked, isIndeterminate };\n  }, [filterList, modalChecked]);\n\n  /** 终端选项列表，头部插入「全部」(code: '') */\n  const useTerminal = useMemo(() => {\n    const newTerminal: TerminalItem[] = terminal ? [...terminal] : [];\n    newTerminal.unshift({\n      code: '',\n      name: '全部',\n    });\n    return newTerminal;\n  }, [terminal]);\n\n  /** 更新弹层内勾选状态并同步到父组件 selected，并标记有过操作 */\n  function updateModalChecked(checked: string[]) {\n    isInternalUpdate.current = true;\n    setModalChecked(checked);\n    setSelected(checked);\n    setHasOperation(true);\n  }\n\n  /** 全选/取消全选：仅针对当前 filterList 中的项 */\n  const handleAllChecked = (checked: boolean) => {\n    const filterCodes = filterList.map((item) => item.code);\n    if (checked) {\n      // 全选：将过滤列表中的所有项添加到已选列表（去重）\n      const newChecked = Array.from(new Set([...modalChecked, ...filterCodes]));\n      updateModalChecked(newChecked);\n    } else {\n      // 取消全选：从已选列表中移除过滤列表中的所有项\n      const newChecked = modalChecked.filter((code) => !filterCodes.includes(code));\n      updateModalChecked(newChecked);\n    }\n  };\n\n  /** 将 Scrollbars 的滚动事件转发给 Grid，保证虚拟列表滚动一致 */\n  const handleScrollbarScroll = (event: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollLeft } = event.target as HTMLElement;\n    if (gridRef.current) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      (gridRef.current as any).handleScrollEvent({ scrollTop, scrollLeft });\n    }\n  };\n\n  /** 根据 code 判断该项是否已选中 */\n  function isItemChecked(value: string) {\n    return modalCheckMap.get(value);\n  }\n\n  /** 切换单项勾选状态 */\n  function checkItem(value: string) {\n    if (isItemChecked(value)) {\n      updateModalChecked(modalChecked.filter((item) => item !== value));\n    } else {\n      updateModalChecked([...modalChecked, value]);\n    }\n  }\n\n  return (\n    <div className={styles.content}>\n      <div className={styles.contentHeader}>\n        {terminal && terminal.length > 0 && (\n          <>\n            <Tabs\n              activeKey={terminalSelected}\n              items={useTerminal.map((v) => ({\n                key: v.code,\n                label: v.name,\n              }))}\n              onChange={(value) => {\n                setTerminalSelected(value);\n              }}\n            />\n            <Divider type='vertical' style={{ margin: '0 0 0 20px' }} />\n          </>\n        )}\n        <DebouncedInput\n          allowClear={false}\n          placeholder={placeholder}\n          currentValue={searchKey}\n          onChange={(value) => {\n            setSearchKey(value);\n          }}\n          inputClass={styles.search}\n        ></DebouncedInput>\n      </div>\n      <div className={styles.contentList}>\n        <div className={styles.checkAll}>\n          <Checkbox\n            checked={allChecked}\n            indeterminate={isIndeterminate}\n            onChange={() => {\n              handleAllChecked(!allChecked);\n            }}\n          >\n            全选\n          </Checkbox>\n        </div>\n        <Scrollbars\n          style={{ height: 285, width: contentWidth }}\n          renderThumbVertical={({ style, ...props }) => (\n            <div {...props} style={{ ...style, background: '#EFEFEF', borderRadius: 3 }} />\n          )}\n          ref={scrollbarsRef}\n          onScroll={handleScrollbarScroll}\n        >\n          <div className={styles.contentListInner}>\n            <Grid\n              style={{ overflowX: 'visible', overflowY: 'visible' }}\n              overscanRowCount={5}\n              ref={gridRef}\n              columnCount={columnCount}\n              rowCount={Math.ceil(filterList.length / columnCount)}\n              height={285}\n              width={contentWidth - 40}\n              columnWidth={(contentWidth - 40) / columnCount}\n              rowHeight={rowHeight}\n              cellRenderer={({\n                columnIndex,\n                key,\n                rowIndex,\n                style,\n              }: {\n                columnIndex: number;\n                key: string;\n                rowIndex: number;\n                style: React.CSSProperties;\n              }) => {\n                const item = filterList[rowIndex * columnCount + columnIndex];\n                if (!item) return;\n                return (\n                  <div key={key} style={style}>\n                    <Checkbox\n                      checked={isItemChecked(item.code)}\n                      onChange={() => {\n                        checkItem(item.code);\n                      }}\n                    >\n                      {cellRender ? (\n                        cellRender(item)\n                      ) : (\n                        <TextWithTooltip\n                          text={item?.name + (showCode ? '(' + item?.code + ')' : '')}\n                          width={(contentWidth - 40 * columnCount) / columnCount}\n                        ></TextWithTooltip>\n                      )}\n                    </Checkbox>\n                  </div>\n                );\n              }}\n              noContentRenderer={() => (\n                <div className={styles.empty}>\n                  <img src={emptyImg} alt='' />\n                  <p>当前搜索条件无数据</p>\n                </div>\n              )}\n            />\n          </div>\n        </Scrollbars>\n      </div>\n    </div>\n  );\n};\n\nexport default Content;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Checkbox, Divider, Tabs } from 'antd';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\nimport { Grid } from 'react-virtualized';\nimport DebouncedInput from '@/components/DebounceInput';\nimport TextWithTooltip from '@/components/TextWithToolTip';\nimport emptyImg from '../../assets/images/empty.png';\nimport type { ListItem, TerminalItem } from '../../typing';\nimport styles from './index.module.less';\n\n/**\n * 可选列表内容区的 Props\n */\ninterface PropsType {\n  /** 终端 Tab 数据（如 全部/PC/APP），无则不展示终端 Tab */\n  terminal?: TerminalItem[];\n  /** 当前分类下的可选列表 */\n  list: ListItem[];\n  /** 当前已选中的 code 列表 */\n  selected: string[];\n  /** 更新已选中列表 */\n  setSelected: (selected: string[]) => void;\n  /** 搜索框占位文案 */\n  placeholder: string;\n  /** 当前选中的分类 code，用于过滤 list */\n  categorySelected: string;\n  /** 网格列数 */\n  columnCount?: number;\n  /** 内容区宽度 */\n  contentWidth?: number;\n  /** 每行高度 */\n  rowHeight?: number;\n  /** 每格自定义渲染 */\n  cellRender?: (item: ListItem) => React.ReactNode;\n  /** 是否在名称后展示 code */\n  showCode?: boolean;\n  /** 通知父组件「用户是否有过勾选操作」 */\n  setHasOperation: (hasOperation: boolean) => void;\n}\n\n/**\n * 筛选弹层中间区域：终端 Tab（可选）+ 搜索 + 全选 + 虚拟列表勾选。\n * 内部维护 modalChecked 与外部 selected 同步，并用 isInternalUpdate 区分内外更新避免循环。\n */\nconst Content: React.FC<PropsType> = ({\n  terminal,\n  list,\n  selected,\n  setSelected,\n  placeholder,\n  categorySelected,\n  columnCount = 1,\n  contentWidth = 510,\n  rowHeight = 32,\n  cellRender,\n  showCode = false,\n  setHasOperation,\n}) => {\n  const [searchKey, setSearchKey] = useState<string>('');\n  /** 当前选中的终端 Tab（code），空字符串表示「全部」 */\n  const [terminalSelected, setTerminalSelected] = useState<string>('');\n  /** 弹层内勾选状态（与 selected 同步，用于避免直接改 selected 导致父组件重渲染影响虚拟列表） */\n  const [modalChecked, setModalChecked] = useState<string[]>(selected);\n\n  /** 已选 code -> true 的 Map，用于 O(1) 判断是否选中 */\n  const modalCheckMap = useMemo(() => {\n    return new Map(modalChecked.map((item) => [item, true]));\n  }, [modalChecked]);\n\n  const scrollbarsRef = useRef(null);\n  const gridRef = useRef(null);\n  /** 标记本次 selected 变更是否由本组件内部更新引起，避免 useEffect 把外部重置误同步进 modalChecked */\n  const isInternalUpdate = useRef(false);\n\n  /** 外部 selected 变化时同步到 modalChecked；若为内部更新触发的 effect 则跳过避免覆盖 */\n  useEffect(() => {\n    if (isInternalUpdate.current) {\n      isInternalUpdate.current = false;\n      return;\n    }\n    setModalChecked(selected);\n  }, [selected]);\n\n  /** 根据搜索关键词、终端、分类过滤后的列表，供虚拟列表与全选使用 */\n  const filterList = useMemo(() => {\n    const key = searchKey.trim().toUpperCase();\n    return list\n      .filter((v) => v.name.toUpperCase().includes(key) || (showCode && v.code.toUpperCase().includes(key)))\n      .filter((f) => terminalSelected === '' || f.terminal === terminalSelected)\n      .filter((f) => categorySelected === '' || f.category === categorySelected);\n  }, [list, searchKey, terminalSelected, categorySelected]);\n\n  /** 全选勾选状态与半选状态（基于当前 filterList 与 modalChecked） */\n  const { allChecked, isIndeterminate } = useMemo(() => {\n    if (filterList.length === 0) {\n      return { allChecked: false, isIndeterminate: false };\n    }\n    const checkedCount = filterList.filter((item) => modalCheckMap.get(item.code)).length;\n    const allChecked = checkedCount === filterList.length;\n    const isIndeterminate = checkedCount > 0 && checkedCount < filterList.length;\n    return { allChecked, isIndeterminate };\n  }, [filterList, modalChecked]);\n\n  /** 终端选项列表，头部插入「全部」(code: '') */\n  const useTerminal = useMemo(() => {\n    const newTerminal: TerminalItem[] = terminal ? [...terminal] : [];\n    newTerminal.unshift({\n      code: '',\n      name: '全部',\n    });\n    return newTerminal;\n  }, [terminal]);\n\n  /** 更新弹层内勾选状态并同步到父组件 selected，并标记有过操作 */\n  function updateModalChecked(checked: string[]) {\n    isInternalUpdate.current = true;\n    setModalChecked(checked);\n    setSelected(checked);\n    setHasOperation(true);\n  }\n\n  /** 全选/取消全选：仅针对当前 filterList 中的项 */\n  const handleAllChecked = (checked: boolean) => {\n    const filterCodes = filterList.map((item) => item.code);\n    if (checked) {\n      // 全选：将过滤列表中的所有项添加到已选列表（去重）\n      const newChecked = Array.from(new Set([...modalChecked, ...filterCodes]));\n      updateModalChecked(newChecked);\n    } else {\n      // 取消全选：从已选列表中移除过滤列表中的所有项\n      const newChecked = modalChecked.filter((code) => !filterCodes.includes(code));\n      updateModalChecked(newChecked);\n    }\n  };\n\n  /** 将 Scrollbars 的滚动事件转发给 Grid，保证虚拟列表滚动一致 */\n  const handleScrollbarScroll = (event: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollLeft } = event.target as HTMLElement;\n    if (gridRef.current) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      (gridRef.current as any).handleScrollEvent({ scrollTop, scrollLeft });\n    }\n  };\n\n  /** 根据 code 判断该项是否已选中 */\n  function isItemChecked(value: string) {\n    return modalCheckMap.get(value);\n  }\n\n  /** 切换单项勾选状态 */\n  function checkItem(value: string) {\n    if (isItemChecked(value)) {\n      updateModalChecked(modalChecked.filter((item) => item !== value));\n    } else {\n      updateModalChecked([...modalChecked, value]);\n    }\n  }\n\n  return (\n    <div className={styles.content}>\n      <div className={styles.contentHeader}>\n        {terminal && terminal.length > 0 && (\n          <>\n            <Tabs\n              activeKey={terminalSelected}\n              items={useTerminal.map((v) => ({\n                key: v.code,\n                label: v.name,\n              }))}\n              onChange={(value) => {\n                setTerminalSelected(value);\n              }}\n            />\n            <Divider type='vertical' style={{ margin: '0 0 0 20px' }} />\n          </>\n        )}\n        <DebouncedInput\n          allowClear={false}\n          placeholder={placeholder}\n          currentValue={searchKey}\n          onChange={(value) => {\n            setSearchKey(value);\n          }}\n          inputClass={styles.search}\n        ></DebouncedInput>\n      </div>\n      <div className={styles.contentList}>\n        <div className={styles.checkAll}>\n          <Checkbox\n            checked={allChecked}\n            indeterminate={isIndeterminate}\n            onChange={() => {\n              handleAllChecked(!allChecked);\n            }}\n          >\n            全选\n          </Checkbox>\n        </div>\n        <Scrollbars\n          style={{ height: 285, width: contentWidth }}\n          renderThumbVertical={({ style, ...props }) => (\n            <div {...props} style={{ ...style, background: '#EFEFEF', borderRadius: 3 }} />\n          )}\n          ref={scrollbarsRef}\n          onScroll={handleScrollbarScroll}\n        >\n          <div className={styles.contentListInner}>\n            <Grid\n              style={{ overflowX: 'visible', overflowY: 'visible' }}\n              overscanRowCount={5}\n              ref={gridRef}\n              columnCount={columnCount}\n              rowCount={Math.ceil(filterList.length / columnCount)}\n              height={285}\n              width={contentWidth - 40}\n              columnWidth={(contentWidth - 40) / columnCount}\n              rowHeight={rowHeight}\n              cellRenderer={({\n                columnIndex,\n                key,\n                rowIndex,\n                style,\n              }: {\n                columnIndex: number;\n                key: string;\n                rowIndex: number;\n                style: React.CSSProperties;\n              }) => {\n                const item = filterList[rowIndex * columnCount + columnIndex];\n                if (!item) return;\n                return (\n                  <div key={key} style={style}>\n                    <Checkbox\n                      checked={isItemChecked(item.code)}\n                      onChange={() => {\n                        checkItem(item.code);\n                      }}\n                    >\n                      {cellRender ? (\n                        cellRender(item)\n                      ) : (\n                        <TextWithTooltip\n                          text={item?.name + (showCode ? '(' + item?.code + ')' : '')}\n                          width={(contentWidth - 40 * columnCount) / columnCount}\n                        ></TextWithTooltip>\n                      )}\n                    </Checkbox>\n                  </div>\n                );\n              }}\n              noContentRenderer={() => (\n                <div className={styles.empty}>\n                  <img src={emptyImg} alt='' />\n                  <p>当前搜索条件无数据</p>\n                </div>\n              )}\n            />\n          </div>\n        </Scrollbars>\n      </div>\n    </div>\n  );\n};\n\nexport default Content;\n"],
+  "mappings": "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",
   "names": ["allChecked", "isIndeterminate", "React", "styles", "DebouncedInput", "TextWithTooltip", "emptyImg"]
 }

package/dist/lib/business/ModCommonFilter/components/PopoverContent/Selected.js

@@ -32,11 +32,11 @@ __export(Selected_exports, {
   default: () => Selected_default
 });
 module.exports = __toCommonJS(Selected_exports);
-var import_TextWithToolTip = __toESM(require("../../../../components/TextWithToolTip"));
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
-var import_react_custom_scrollbars = require("react-custom-scrollbars");
+var import_react_custom_scrollbars_2 = require("react-custom-scrollbars-2");
 var import_react_virtualized = require("react-virtualized");
+var import_TextWithToolTip = __toESM(require("../../../../components/TextWithToolTip"));
 var import_index_module = __toESM(require("./index.module.less"));
 var Selected = ({
   list,
@@ -55,7 +55,7 @@ var Selected = ({
     }
   };
   return /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.selected }, /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.selectedHeader }, /* @__PURE__ */ import_react.default.createElement("span", null, "已选", selected.length, "个"), /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.clear, onClick: () => setSelected([]) }, "清空")), /* @__PURE__ */ import_react.default.createElement(
-    import_react_custom_scrollbars.Scrollbars,
+    import_react_custom_scrollbars_2.Scrollbars,
     {
       style: { height: 325 },
       renderThumbVertical: ({ style, ...props }) => /* @__PURE__ */ import_react.default.createElement("div", { ...props, style: { ...style, background: "#EFEFEF", borderRadius: 3 } }),

package/dist/lib/business/ModCommonFilter/components/PopoverContent/Selected.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/business/ModCommonFilter/components/PopoverContent/Selected.tsx"],
-  "sourcesContent": ["import TextWithTooltip from '@/components/TextWithToolTip';\nimport classNames from 'classnames';\nimport React, { useRef } from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars';\nimport { AutoSizer, List } from 'react-virtualized';\nimport type { ListItem } from '../../typing';\nimport styles from './index.module.less';\n\n/**\n * 已选列表组件的 Props\n */\ninterface PropsType {\n  /** 完整列表数据，用于根据 selected 中的 code 取 name 等信息 */\n  list: ListItem[];\n  /** 已选中的 code 数组（顺序即展示顺序） */\n  selected: string[];\n  /** 更新已选列表 */\n  setSelected: (selected: string[]) => void;\n  /** 内容宽度（当前未在 Selected 内使用，可做预留） */\n  contentWidth?: number;\n  /** 每行高度 */\n  rowHeight?: number;\n  /** 是否在名称后展示 code */\n  showCode?: boolean;\n  /** 已选列表中每行的自定义渲染 */\n  checkedCellRender?: (item: ListItem) => React.ReactNode;\n}\n\n/**\n * 筛选弹层右侧已选列表：展示已选数量、清空、虚拟列表逐项展示并可删除。\n */\nconst Selected: React.FC<PropsType> = ({\n  list,\n  selected,\n  setSelected,\n  rowHeight = 32,\n  showCode,\n  checkedCellRender,\n}) => {\n  const listScrollbarsRef = useRef<typeof Scrollbars>(null);\n  const listRef = useRef(null);\n\n  /** 将 Scrollbars 滚动同步到 List，保证虚拟列表与滚动条一致 */\n  const handleListScrollbarScroll = (event: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollLeft } = event.target as HTMLElement;\n    if (listRef.current) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      (listRef.current as any).Grid.handleScrollEvent({ scrollTop, scrollLeft });\n    }\n  };\n\n  return (\n    <div className={styles.selected}>\n      <div className={styles.selectedHeader}>\n        <span>已选{selected.length}个</span>\n        <span className={styles.clear} onClick={() => setSelected([])}>\n          清空\n        </span>\n      </div>\n\n      <Scrollbars\n        style={{ height: 325 }}\n        renderThumbVertical={({ style, ...props }) => (\n          <div {...props} style={{ ...style, background: '#EFEFEF', borderRadius: 3 }} />\n        )}\n        ref={listScrollbarsRef}\n        onScroll={handleListScrollbarScroll}\n      >\n        <div className={styles.selectedContent}>\n          <AutoSizer disableHeight>\n            {({ width }: { width: number }) => (\n              <List\n                ref={listRef}\n                style={{ overflowX: 'visible', overflowY: 'visible' }}\n                rowCount={selected.length}\n                height={325}\n                width={width}\n                rowHeight={rowHeight}\n                rowRenderer={({ index, key, style }: { index: number; key: string; style: React.CSSProperties }) => {\n                  const option = list.find((option) => option.code === selected[index]);\n                  return (\n                    <div className={styles.selectedItem} key={key} style={style}>\n                      {option && checkedCellRender ? (\n                        checkedCellRender(option)\n                      ) : (\n                        <TextWithTooltip\n                          text={option?.name + (showCode ? '(' + option?.code + ')' : '')}\n                          width='100%'\n                        ></TextWithTooltip>\n                      )}\n\n                      <i\n                        className={classNames('iconfont icon-lajitong', styles.close)}\n                        onClick={() => {\n                          setSelected(selected.filter((item) => item !== selected[index]));\n                        }}\n                      ></i>\n                    </div>\n                  );\n                }}\n              ></List>\n            )}\n          </AutoSizer>\n        </div>\n      </Scrollbars>\n    </div>\n  );\n};\n\nexport default Selected;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA4B;AAC5B,wBAAuB;AACvB,mBAA8B;AAC9B,qCAA2B;AAC3B,+BAAgC;AAEhC,0BAAmB;AAyBnB,IAAM,WAAgC,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MAAM;AACJ,QAAM,wBAAoB,qBAA0B,IAAI;AACxD,QAAM,cAAU,qBAAO,IAAI;AAG3B,QAAM,4BAA4B,CAAC,UAAyC;AAC1E,UAAM,EAAE,WAAW,WAAW,IAAI,MAAM;AACxC,QAAI,QAAQ,SAAS;AAEnB,MAAC,QAAQ,QAAgB,KAAK,kBAAkB,EAAE,WAAW,WAAW,CAAC;AAAA,IAC3E;AAAA,EACF;AAEA,SACE,6BAAAA,QAAA,cAAC,SAAI,WAAW,oBAAAC,QAAO,YACrB,6BAAAD,QAAA,cAAC,SAAI,WAAW,oBAAAC,QAAO,kBACrB,6BAAAD,QAAA,cAAC,cAAK,MAAG,SAAS,QAAO,GAAC,GAC1B,6BAAAA,QAAA,cAAC,UAAK,WAAW,oBAAAC,QAAO,OAAO,SAAS,MAAM,YAAY,CAAC,CAAC,KAAG,IAE/D,CACF,GAEA,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,QAAQ,IAAI;AAAA,MACrB,qBAAqB,CAAC,EAAE,OAAO,GAAG,MAAM,MACtC,6BAAAA,QAAA,cAAC,SAAK,GAAG,OAAO,OAAO,EAAE,GAAG,OAAO,YAAY,WAAW,cAAc,EAAE,GAAG;AAAA,MAE/E,KAAK;AAAA,MACL,UAAU;AAAA;AAAA,IAEV,6BAAAA,QAAA,cAAC,SAAI,WAAW,oBAAAC,QAAO,mBACrB,6BAAAD,QAAA,cAAC,sCAAU,eAAa,QACrB,CAAC,EAAE,MAAM,MACR,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAO,EAAE,WAAW,WAAW,WAAW,UAAU;AAAA,QACpD,UAAU,SAAS;AAAA,QACnB,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,aAAa,CAAC,EAAE,OAAO,KAAK,MAAM,MAAkE;AAClG,gBAAM,SAAS,KAAK,KAAK,CAACE,YAAWA,QAAO,SAAS,SAAS,KAAK,CAAC;AACpE,iBACE,6BAAAF,QAAA,cAAC,SAAI,WAAW,oBAAAC,QAAO,cAAc,KAAU,SAC5C,UAAU,oBACT,kBAAkB,MAAM,IAExB,6BAAAD,QAAA;AAAA,YAAC,uBAAAG;AAAA,YAAA;AAAA,cACC,OAAM,iCAAQ,SAAQ,WAAW,OAAM,iCAAQ,QAAO,MAAM;AAAA,cAC5D,OAAM;AAAA;AAAA,UACP,GAGH,6BAAAH,QAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAW,kBAAAI,SAAW,0BAA0B,oBAAAH,QAAO,KAAK;AAAA,cAC5D,SAAS,MAAM;AACb,4BAAY,SAAS,OAAO,CAAC,SAAS,SAAS,SAAS,KAAK,CAAC,CAAC;AAAA,cACjE;AAAA;AAAA,UACD,CACH;AAAA,QAEJ;AAAA;AAAA,IACD,CAEL,CACF;AAAA,EACF,CACF;AAEJ;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import classNames from 'classnames';\nimport React, { useRef } from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\nimport { AutoSizer, List } from 'react-virtualized';\nimport TextWithTooltip from '@/components/TextWithToolTip';\nimport type { ListItem } from '../../typing';\nimport styles from './index.module.less';\n\n/**\n * 已选列表组件的 Props\n */\ninterface PropsType {\n  /** 完整列表数据，用于根据 selected 中的 code 取 name 等信息 */\n  list: ListItem[];\n  /** 已选中的 code 数组（顺序即展示顺序） */\n  selected: string[];\n  /** 更新已选列表 */\n  setSelected: (selected: string[]) => void;\n  /** 内容宽度（当前未在 Selected 内使用，可做预留） */\n  contentWidth?: number;\n  /** 每行高度 */\n  rowHeight?: number;\n  /** 是否在名称后展示 code */\n  showCode?: boolean;\n  /** 已选列表中每行的自定义渲染 */\n  checkedCellRender?: (item: ListItem) => React.ReactNode;\n}\n\n/**\n * 筛选弹层右侧已选列表：展示已选数量、清空、虚拟列表逐项展示并可删除。\n */\nconst Selected: React.FC<PropsType> = ({\n  list,\n  selected,\n  setSelected,\n  rowHeight = 32,\n  showCode,\n  checkedCellRender,\n}) => {\n  const listScrollbarsRef = useRef<React.ComponentRef<typeof Scrollbars>>(null);\n  const listRef = useRef(null);\n\n  /** 将 Scrollbars 滚动同步到 List，保证虚拟列表与滚动条一致 */\n  const handleListScrollbarScroll = (event: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollLeft } = event.target as HTMLElement;\n    if (listRef.current) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      (listRef.current as any).Grid.handleScrollEvent({ scrollTop, scrollLeft });\n    }\n  };\n\n  return (\n    <div className={styles.selected}>\n      <div className={styles.selectedHeader}>\n        <span>已选{selected.length}个</span>\n        <span className={styles.clear} onClick={() => setSelected([])}>\n          清空\n        </span>\n      </div>\n\n      <Scrollbars\n        style={{ height: 325 }}\n        renderThumbVertical={({ style, ...props }) => (\n          <div {...props} style={{ ...style, background: '#EFEFEF', borderRadius: 3 }} />\n        )}\n        ref={listScrollbarsRef}\n        onScroll={handleListScrollbarScroll}\n      >\n        <div className={styles.selectedContent}>\n          <AutoSizer disableHeight>\n            {({ width }: { width: number }) => (\n              <List\n                ref={listRef}\n                style={{ overflowX: 'visible', overflowY: 'visible' }}\n                rowCount={selected.length}\n                height={325}\n                width={width}\n                rowHeight={rowHeight}\n                rowRenderer={({ index, key, style }: { index: number; key: string; style: React.CSSProperties }) => {\n                  const option = list.find((option) => option.code === selected[index]);\n                  return (\n                    <div className={styles.selectedItem} key={key} style={style}>\n                      {option && checkedCellRender ? (\n                        checkedCellRender(option)\n                      ) : (\n                        <TextWithTooltip\n                          text={option?.name + (showCode ? '(' + option?.code + ')' : '')}\n                          width='100%'\n                        ></TextWithTooltip>\n                      )}\n\n                      <i\n                        className={classNames('iconfont icon-lajitong', styles.close)}\n                        onClick={() => {\n                          setSelected(selected.filter((item) => item !== selected[index]));\n                        }}\n                      ></i>\n                    </div>\n                  );\n                }}\n              ></List>\n            )}\n          </AutoSizer>\n        </div>\n      </Scrollbars>\n    </div>\n  );\n};\n\nexport default Selected;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,mBAA8B;AAC9B,uCAA2B;AAC3B,+BAAgC;AAChC,6BAA4B;AAE5B,0BAAmB;AAyBnB,IAAM,WAAgC,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MAAM;AACJ,QAAM,wBAAoB,qBAA8C,IAAI;AAC5E,QAAM,cAAU,qBAAO,IAAI;AAG3B,QAAM,4BAA4B,CAAC,UAAyC;AAC1E,UAAM,EAAE,WAAW,WAAW,IAAI,MAAM;AACxC,QAAI,QAAQ,SAAS;AAEnB,MAAC,QAAQ,QAAgB,KAAK,kBAAkB,EAAE,WAAW,WAAW,CAAC;AAAA,IAC3E;AAAA,EACF;AAEA,SACE,6BAAAA,QAAA,cAAC,SAAI,WAAW,oBAAAC,QAAO,YACrB,6BAAAD,QAAA,cAAC,SAAI,WAAW,oBAAAC,QAAO,kBACrB,6BAAAD,QAAA,cAAC,cAAK,MAAG,SAAS,QAAO,GAAC,GAC1B,6BAAAA,QAAA,cAAC,UAAK,WAAW,oBAAAC,QAAO,OAAO,SAAS,MAAM,YAAY,CAAC,CAAC,KAAG,IAE/D,CACF,GAEA,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,QAAQ,IAAI;AAAA,MACrB,qBAAqB,CAAC,EAAE,OAAO,GAAG,MAAM,MACtC,6BAAAA,QAAA,cAAC,SAAK,GAAG,OAAO,OAAO,EAAE,GAAG,OAAO,YAAY,WAAW,cAAc,EAAE,GAAG;AAAA,MAE/E,KAAK;AAAA,MACL,UAAU;AAAA;AAAA,IAEV,6BAAAA,QAAA,cAAC,SAAI,WAAW,oBAAAC,QAAO,mBACrB,6BAAAD,QAAA,cAAC,sCAAU,eAAa,QACrB,CAAC,EAAE,MAAM,MACR,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAO,EAAE,WAAW,WAAW,WAAW,UAAU;AAAA,QACpD,UAAU,SAAS;AAAA,QACnB,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,aAAa,CAAC,EAAE,OAAO,KAAK,MAAM,MAAkE;AAClG,gBAAM,SAAS,KAAK,KAAK,CAACE,YAAWA,QAAO,SAAS,SAAS,KAAK,CAAC;AACpE,iBACE,6BAAAF,QAAA,cAAC,SAAI,WAAW,oBAAAC,QAAO,cAAc,KAAU,SAC5C,UAAU,oBACT,kBAAkB,MAAM,IAExB,6BAAAD,QAAA;AAAA,YAAC,uBAAAG;AAAA,YAAA;AAAA,cACC,OAAM,iCAAQ,SAAQ,WAAW,OAAM,iCAAQ,QAAO,MAAM;AAAA,cAC5D,OAAM;AAAA;AAAA,UACP,GAGH,6BAAAH,QAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAW,kBAAAI,SAAW,0BAA0B,oBAAAH,QAAO,KAAK;AAAA,cAC5D,SAAS,MAAM;AACb,4BAAY,SAAS,OAAO,CAAC,SAAS,SAAS,SAAS,KAAK,CAAC,CAAC;AAAA,cACjE;AAAA;AAAA,UACD,CACH;AAAA,QAEJ;AAAA;AAAA,IACD,CAEL,CACF;AAAA,EACF,CACF;AAEJ;AAEA,IAAO,mBAAQ;",
   "names": ["React", "styles", "option", "TextWithTooltip", "classNames"]
 }

package/dist/lib/business/ModCommonFilter/index.d.ts

@@ -1,4 +1,4 @@
-import { PopoverProps } from 'antd';
+import { type PopoverProps } from 'antd';
 import React from 'react';
 import type { CategoryItem, ListItem, TerminalItem } from './typing';
 /**

package/dist/lib/business/ModCommonFilter/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/business/ModCommonFilter/index.tsx"],
-  "sourcesContent": ["import { Popover, PopoverProps } from 'antd';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport FilterButton from './components/FilterButton';\nimport PopoverContent from './components/PopoverContent';\nimport styles from './index.module.less';\nimport type { CategoryItem, ListItem, TerminalItem } from './typing';\n\n/**\n * 通用筛选器组件的 Props\n */\nexport interface ModCommonFilterProps {\n  /** 当前选中的值（code 数组），受控 */\n  value: string[];\n  /** 选中项变化回调 */\n  onChange: (value: string[]) => void;\n  /** 可选列表数据 */\n  list: ListItem[];\n  /** 筛选维度名称，如「品类」「品牌」 */\n  title: string;\n  /** 按钮/标题前缀文案，如「筛选」 */\n  prefixTitle?: string;\n  /** 按钮左侧图标 */\n  iconPrefix?: React.ReactNode;\n  /** 分类列表，有则弹层左侧展示分类 Tab */\n  category?: CategoryItem[];\n  /** 终端列表，有则弹层内展示终端 Tab（如全部/PC/APP） */\n  terminal?: TerminalItem[];\n  /** 搜索框占位文案 */\n  placeholder?: string;\n  /** Popover 层级 */\n  zIndex?: number;\n  /** Popover 弹出方向 */\n  placement?: PopoverProps['placement'];\n  /** 透传给 antd Popover 的额外属性 */\n  popoverProps?: PopoverProps;\n  /** 可选列表列数（多列网格） */\n  columnCount?: number;\n  /** 内容区宽度 */\n  contentWidth?: number;\n  /** 列表行高 */\n  rowHeight?: number;\n  /** 是否在名称后展示 code */\n  showCode?: boolean;\n  /** 可选列表中每项的自定义渲染 */\n  cellRender?: (item: ListItem) => React.ReactNode;\n  /** 已选列表中每项的自定义渲染 */\n  checkedCellRender?: (item: ListItem) => React.ReactNode;\n  /** 弹层底部备注文案或节点 */\n  remark?: string | React.ReactNode;\n  /** 自定义触发区域，不传则使用默认 FilterButton */\n  filterChildren?: React.ReactNode;\n}\n\n/**\n * 通用筛选器：点击按钮打开 Popover，内为分类 + 可选列表 + 已选列表，确认后回调 onChange。\n */\nconst ModCommonFilter: React.FC<ModCommonFilterProps> = ({\n  value,\n  onChange,\n  list,\n  title,\n  prefixTitle,\n  iconPrefix,\n  category,\n  terminal,\n  placeholder = '搜索',\n  zIndex = 100,\n  placement = 'bottomRight',\n  columnCount = 1,\n  contentWidth,\n  rowHeight,\n  showCode = false,\n  popoverProps = {},\n  cellRender,\n  checkedCellRender,\n  remark,\n  filterChildren,\n}) => {\n  const [popOpen, setPopOpen] = useState(false);\n  /** 弹层内当前选中的 code 列表，打开时与 value 同步 */\n  const [selected, setSelected] = useState<string[]>([]);\n  /** 当前选中的分类 code，空字符串表示「全部」 */\n  const [categorySelected, setCategorySelected] = useState<string>('');\n\n  /** 弹层打开时用外部 value 同步 selected，保证每次打开初始为当前已选 */\n  useEffect(() => {\n    if (popOpen) {\n      setSelected(value || []);\n    }\n  }, [popOpen, value]);\n\n  /** 分类选项列表，头部插入「全部{title}」 */\n  const useCateGory = useMemo(() => {\n    const newCategory: CategoryItem[] = category ? [...category] : [];\n    newCategory.unshift({\n      code: '',\n      name: '全部' + title,\n    });\n    return newCategory;\n  }, [category]);\n\n  /** 确认：把当前选中回传并关闭弹层 */\n  const handleVerify = () => {\n    onChange(selected);\n    setPopOpen(false);\n  };\n\n  /** 取消：恢复为打开前的 value 并关闭弹层 */\n  const handleClear = () => {\n    setSelected(value || []);\n    setPopOpen(false);\n  };\n\n  return (\n    <Popover\n      className={styles.modCommonFilter}\n      open={popOpen}\n      onOpenChange={(open) => setPopOpen(open)}\n      title={false}\n      fresh={true}\n      arrow={false}\n      zIndex={zIndex}\n      placement={placement}\n      trigger='click'\n      classNames={{\n        body: styles.popoverBody,\n      }}\n      getPopupContainer={(triggerNode) => triggerNode.parentNode as HTMLElement}\n      content={\n        <PopoverContent\n          popOpen={popOpen}\n          selected={selected}\n          setSelected={setSelected}\n          category={useCateGory}\n          terminal={terminal}\n          list={list}\n          placeholder={placeholder}\n          title={title}\n          categorySelected={categorySelected}\n          setCategorySelected={setCategorySelected}\n          columnCount={columnCount}\n          showCode={showCode}\n          contentWidth={contentWidth}\n          rowHeight={rowHeight}\n          cellRender={cellRender}\n          checkedCellRender={checkedCellRender}\n          handleVerify={handleVerify}\n          handleClear={handleClear}\n          remark={remark}\n        />\n      }\n      {...popoverProps}\n    >\n      {filterChildren || (\n        <FilterButton\n          iconPrefix={iconPrefix}\n          title={title}\n          prefixTitle={prefixTitle}\n          value={value}\n          popOpen={popOpen}\n          handlePopOpen={() => setPopOpen(!popOpen)}\n          handleClear={() => onChange([])}\n        />\n      )}\n    </Popover>\n  );\n};\n\nexport default ModCommonFilter;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsC;AACtC,mBAAoD;AACpD,0BAAyB;AACzB,4BAA2B;AAC3B,0BAAmB;AAoDnB,IAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAmB,CAAC,CAAC;AAErD,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAiB,EAAE;AAGnE,8BAAU,MAAM;AACd,QAAI,SAAS;AACX,kBAAY,SAAS,CAAC,CAAC;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,SAAS,KAAK,CAAC;AAGnB,QAAM,kBAAc,sBAAQ,MAAM;AAChC,UAAM,cAA8B,WAAW,CAAC,GAAG,QAAQ,IAAI,CAAC;AAChE,gBAAY,QAAQ;AAAA,MAClB,MAAM;AAAA,MACN,MAAM,OAAO;AAAA,IACf,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,eAAe,MAAM;AACzB,aAAS,QAAQ;AACjB,eAAW,KAAK;AAAA,EAClB;AAGA,QAAM,cAAc,MAAM;AACxB,gBAAY,SAAS,CAAC,CAAC;AACvB,eAAW,KAAK;AAAA,EAClB;AAEA,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAAC,QAAO;AAAA,MAClB,MAAM;AAAA,MACN,cAAc,CAAC,SAAS,WAAW,IAAI;AAAA,MACvC,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACR,YAAY;AAAA,QACV,MAAM,oBAAAA,QAAO;AAAA,MACf;AAAA,MACA,mBAAmB,CAAC,gBAAgB,YAAY;AAAA,MAChD,SACE,6BAAAD,QAAA;AAAA,QAAC,sBAAAE;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAED,GAAG;AAAA;AAAA,IAEH,kBACC,6BAAAF,QAAA;AAAA,MAAC,oBAAAG;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe,MAAM,WAAW,CAAC,OAAO;AAAA,QACxC,aAAa,MAAM,SAAS,CAAC,CAAC;AAAA;AAAA,IAChC;AAAA,EAEJ;AAEJ;AAEA,IAAO,0BAAQ;",
+  "sourcesContent": ["import { Popover, type PopoverProps } from 'antd';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport FilterButton from './components/FilterButton';\nimport PopoverContent from './components/PopoverContent';\nimport styles from './index.module.less';\nimport type { CategoryItem, ListItem, TerminalItem } from './typing';\n\n/**\n * 通用筛选器组件的 Props\n */\nexport interface ModCommonFilterProps {\n  /** 当前选中的值（code 数组），受控 */\n  value: string[];\n  /** 选中项变化回调 */\n  onChange: (value: string[]) => void;\n  /** 可选列表数据 */\n  list: ListItem[];\n  /** 筛选维度名称，如「品类」「品牌」 */\n  title: string;\n  /** 按钮/标题前缀文案，如「筛选」 */\n  prefixTitle?: string;\n  /** 按钮左侧图标 */\n  iconPrefix?: React.ReactNode;\n  /** 分类列表，有则弹层左侧展示分类 Tab */\n  category?: CategoryItem[];\n  /** 终端列表，有则弹层内展示终端 Tab（如全部/PC/APP） */\n  terminal?: TerminalItem[];\n  /** 搜索框占位文案 */\n  placeholder?: string;\n  /** Popover 层级 */\n  zIndex?: number;\n  /** Popover 弹出方向 */\n  placement?: PopoverProps['placement'];\n  /** 透传给 antd Popover 的额外属性 */\n  popoverProps?: PopoverProps;\n  /** 可选列表列数（多列网格） */\n  columnCount?: number;\n  /** 内容区宽度 */\n  contentWidth?: number;\n  /** 列表行高 */\n  rowHeight?: number;\n  /** 是否在名称后展示 code */\n  showCode?: boolean;\n  /** 可选列表中每项的自定义渲染 */\n  cellRender?: (item: ListItem) => React.ReactNode;\n  /** 已选列表中每项的自定义渲染 */\n  checkedCellRender?: (item: ListItem) => React.ReactNode;\n  /** 弹层底部备注文案或节点 */\n  remark?: string | React.ReactNode;\n  /** 自定义触发区域，不传则使用默认 FilterButton */\n  filterChildren?: React.ReactNode;\n}\n\n/**\n * 通用筛选器：点击按钮打开 Popover，内为分类 + 可选列表 + 已选列表，确认后回调 onChange。\n */\nconst ModCommonFilter: React.FC<ModCommonFilterProps> = ({\n  value,\n  onChange,\n  list,\n  title,\n  prefixTitle,\n  iconPrefix,\n  category,\n  terminal,\n  placeholder = '搜索',\n  zIndex = 100,\n  placement = 'bottomRight',\n  columnCount = 1,\n  contentWidth,\n  rowHeight,\n  showCode = false,\n  popoverProps = {},\n  cellRender,\n  checkedCellRender,\n  remark,\n  filterChildren,\n}) => {\n  const [popOpen, setPopOpen] = useState(false);\n  /** 弹层内当前选中的 code 列表，打开时与 value 同步 */\n  const [selected, setSelected] = useState<string[]>([]);\n  /** 当前选中的分类 code，空字符串表示「全部」 */\n  const [categorySelected, setCategorySelected] = useState<string>('');\n\n  /** 弹层打开时用外部 value 同步 selected，保证每次打开初始为当前已选 */\n  useEffect(() => {\n    if (popOpen) {\n      setSelected(value || []);\n    }\n  }, [popOpen, value]);\n\n  /** 分类选项列表，头部插入「全部{title}」 */\n  const useCateGory = useMemo(() => {\n    const newCategory: CategoryItem[] = category ? [...category] : [];\n    newCategory.unshift({\n      code: '',\n      name: '全部' + title,\n    });\n    return newCategory;\n  }, [category]);\n\n  /** 确认：把当前选中回传并关闭弹层 */\n  const handleVerify = () => {\n    onChange(selected);\n    setPopOpen(false);\n  };\n\n  /** 取消：恢复为打开前的 value 并关闭弹层 */\n  const handleClear = () => {\n    setSelected(value || []);\n    setPopOpen(false);\n  };\n\n  return (\n    <Popover\n      className={styles.modCommonFilter}\n      open={popOpen}\n      onOpenChange={(open) => setPopOpen(open)}\n      title={false}\n      fresh={true}\n      arrow={false}\n      zIndex={zIndex}\n      placement={placement}\n      trigger='click'\n      classNames={{\n        body: styles.popoverBody,\n      }}\n      getPopupContainer={(triggerNode) => triggerNode.parentNode as HTMLElement}\n      content={\n        <PopoverContent\n          popOpen={popOpen}\n          selected={selected}\n          setSelected={setSelected}\n          category={useCateGory}\n          terminal={terminal}\n          list={list}\n          placeholder={placeholder}\n          title={title}\n          categorySelected={categorySelected}\n          setCategorySelected={setCategorySelected}\n          columnCount={columnCount}\n          showCode={showCode}\n          contentWidth={contentWidth}\n          rowHeight={rowHeight}\n          cellRender={cellRender}\n          checkedCellRender={checkedCellRender}\n          handleVerify={handleVerify}\n          handleClear={handleClear}\n          remark={remark}\n        />\n      }\n      {...popoverProps}\n    >\n      {filterChildren || (\n        <FilterButton\n          iconPrefix={iconPrefix}\n          title={title}\n          prefixTitle={prefixTitle}\n          value={value}\n          popOpen={popOpen}\n          handlePopOpen={() => setPopOpen(!popOpen)}\n          handleClear={() => onChange([])}\n        />\n      )}\n    </Popover>\n  );\n};\n\nexport default ModCommonFilter;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA2C;AAC3C,mBAAoD;AACpD,0BAAyB;AACzB,4BAA2B;AAC3B,0BAAmB;AAoDnB,IAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAmB,CAAC,CAAC;AAErD,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAiB,EAAE;AAGnE,8BAAU,MAAM;AACd,QAAI,SAAS;AACX,kBAAY,SAAS,CAAC,CAAC;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,SAAS,KAAK,CAAC;AAGnB,QAAM,kBAAc,sBAAQ,MAAM;AAChC,UAAM,cAA8B,WAAW,CAAC,GAAG,QAAQ,IAAI,CAAC;AAChE,gBAAY,QAAQ;AAAA,MAClB,MAAM;AAAA,MACN,MAAM,OAAO;AAAA,IACf,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,eAAe,MAAM;AACzB,aAAS,QAAQ;AACjB,eAAW,KAAK;AAAA,EAClB;AAGA,QAAM,cAAc,MAAM;AACxB,gBAAY,SAAS,CAAC,CAAC;AACvB,eAAW,KAAK;AAAA,EAClB;AAEA,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAAC,QAAO;AAAA,MAClB,MAAM;AAAA,MACN,cAAc,CAAC,SAAS,WAAW,IAAI;AAAA,MACvC,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACR,YAAY;AAAA,QACV,MAAM,oBAAAA,QAAO;AAAA,MACf;AAAA,MACA,mBAAmB,CAAC,gBAAgB,YAAY;AAAA,MAChD,SACE,6BAAAD,QAAA;AAAA,QAAC,sBAAAE;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAED,GAAG;AAAA;AAAA,IAEH,kBACC,6BAAAF,QAAA;AAAA,MAAC,oBAAAG;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe,MAAM,WAAW,CAAC,OAAO;AAAA,QACxC,aAAa,MAAM,SAAS,CAAC,CAAC;AAAA;AAAA,IAChC;AAAA,EAEJ;AAEJ;AAEA,IAAO,0BAAQ;",
   "names": ["React", "styles", "PopoverContent", "FilterButton"]
 }

package/dist/lib/business/YkLoginModule/SmsLoginForm.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export type SmsLoginFormApi = {
+    sendSms: (payload: Record<string, unknown>) => Promise<{
+        code: number;
+        msg: string;
+    }>;
+};
+declare global {
+    interface Window {
+        sliderVerify: (element: 'pop' | HTMLElement, success: (res: {
+            token: string;
+            captchaVerification: string;
+        }) => void, options: {
+            appKey: string;
+            locale?: string;
+        }) => void;
+    }
+}
+export type SmsLoginFormProps = {
+    inputClassName: string;
+    api: SmsLoginFormApi;
+    appKey: string;
+};
+declare const SmsLogin: React.FC<SmsLoginFormProps>;
+export default SmsLogin;

package/dist/lib/business/YkLoginModule/SmsLoginForm.js

@@ -0,0 +1,171 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/business/YkLoginModule/SmsLoginForm.tsx
+var SmsLoginForm_exports = {};
+__export(SmsLoginForm_exports, {
+  default: () => SmsLoginForm_default
+});
+module.exports = __toCommonJS(SmsLoginForm_exports);
+var import_icons = require("@ant-design/icons");
+var import_pro_form = require("@ant-design/pro-form");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_styles_module = __toESM(require("./styles.module.less"));
+var SmsLogin = ({ inputClassName, api, appKey }) => {
+  (0, import_react.useEffect)(() => {
+    const link = document.createElement("link");
+    link.href = "https://captchaoss.sanguosha.com/library/captcha/0.0.5/lib/index.css";
+    link.rel = "stylesheet";
+    document.head.appendChild(link);
+    const script = document.createElement("script");
+    script.src = "https://captchaoss.sanguosha.com/library/captcha/0.0.5/lib/index.js";
+    document.body.appendChild(script);
+    return () => {
+      document.head.removeChild(link);
+      document.body.removeChild(script);
+    };
+  }, []);
+  const [phone, setPhone] = (0, import_react.useState)("");
+  const [countdown, setCountdown] = (0, import_react.useState)(0);
+  const [sendStatus, setSendStatus] = (0, import_react.useState)(false);
+  const disableBtn = countdown > 0 || phone.length !== 11;
+  const sendVerificationCode = async () => {
+    try {
+      const phoneNumber = phone;
+      if (!phoneNumber) {
+        import_antd.message.error("请输入手机号");
+        return;
+      }
+      if (!/^1\d{10}$/.test(phoneNumber)) {
+        import_antd.message.error("请输入正确的手机号格式");
+        return;
+      }
+      if (!appKey) {
+        import_antd.message.error("验证码配置缺失，请联系管理员（appKey）");
+        return;
+      }
+      window.sliderVerify(
+        "pop",
+        (captchaRes) => {
+          void api.sendSms({ phone: phoneNumber, ...captchaRes }).then((sendRes) => {
+            if (sendRes.code !== 200) {
+              import_antd.message.error(sendRes.msg);
+              return;
+            }
+            setSendStatus(true);
+            import_antd.message.success("验证码发送成功");
+            setCountdown(60);
+            const timer = setInterval(() => {
+              setCountdown((prevCountdown) => {
+                if (prevCountdown <= 1) {
+                  clearInterval(timer);
+                  return 0;
+                }
+                return prevCountdown - 1;
+              });
+            }, 1e3);
+          }).catch(() => {
+            import_antd.message.error("验证码发送失败，请稍后再试");
+            return;
+          });
+        },
+        {
+          appKey
+        }
+      );
+    } catch {
+      import_antd.message.error("发送验证码失败，请稍后再试");
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_pro_form.ProFormText,
+    {
+      className: inputClassName,
+      name: "phone",
+      fieldProps: {
+        size: "large",
+        prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.MobileOutlined, null),
+        onChange: (e) => {
+          setPhone(e.target.value);
+        }
+      },
+      placeholder: "请输入手机号",
+      validateTrigger: "onBlur",
+      rules: [
+        {
+          required: true,
+          validator(rule, value, _callback) {
+            if (!value) {
+              return Promise.reject("手机号是必填项!");
+            }
+            if (!/^1\d{10}$/.test(value)) {
+              return Promise.reject("请输入正确的手机号格式");
+            }
+            return Promise.resolve();
+          }
+        }
+      ]
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_pro_form.ProFormText,
+    {
+      className: inputClassName,
+      name: "code",
+      disabled: !sendStatus,
+      fieldProps: {
+        size: "large",
+        prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.LockOutlined, null),
+        suffix: /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Button,
+          {
+            className: import_styles_module.default.captchaBtn,
+            style: { fontSize: 16 },
+            onClick: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              countdown === 0 && void sendVerificationCode();
+            },
+            type: "link",
+            disabled: disableBtn
+          },
+          countdown > 0 ? `${countdown}秒后重新获取` : "获取验证码"
+        )
+      },
+      placeholder: "请输入验证码",
+      rules: [
+        {
+          required: true,
+          message: "验证码是必填项!"
+        }
+      ]
+    }
+  ));
+};
+var SmsLoginForm_default = SmsLogin;
+//# sourceMappingURL=SmsLoginForm.js.map

package/dist/lib/business/YkLoginModule/SmsLoginForm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/YkLoginModule/SmsLoginForm.tsx"],
+  "sourcesContent": ["import { LockOutlined, MobileOutlined } from '@ant-design/icons';\nimport { ProFormText } from '@ant-design/pro-form';\nimport { Button, message } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport styles from './styles.module.less';\n\nexport type SmsLoginFormApi = {\n  sendSms: (payload: Record<string, unknown>) => Promise<{ code: number; msg: string }>;\n};\n\ndeclare global {\n  interface Window {\n    sliderVerify: (\n      element: 'pop' | HTMLElement,\n      success: (res: { token: string; captchaVerification: string }) => void,\n      options: { appKey: string; locale?: string },\n    ) => void;\n  }\n}\n\nexport type SmsLoginFormProps = {\n  inputClassName: string;\n  api: SmsLoginFormApi;\n  appKey: string;\n};\n\nconst SmsLogin: React.FC<SmsLoginFormProps> = ({ inputClassName, api, appKey }) => {\n  useEffect(() => {\n    const link = document.createElement('link');\n    link.href = 'https://captchaoss.sanguosha.com/library/captcha/0.0.5/lib/index.css';\n    link.rel = 'stylesheet';\n    document.head.appendChild(link);\n\n    const script = document.createElement('script');\n    script.src = 'https://captchaoss.sanguosha.com/library/captcha/0.0.5/lib/index.js';\n    document.body.appendChild(script);\n    return () => {\n      document.head.removeChild(link);\n      document.body.removeChild(script);\n    };\n  }, []);\n\n  const [phone, setPhone] = useState<string>('');\n  const [countdown, setCountdown] = useState<number>(0);\n  const [sendStatus, setSendStatus] = useState<boolean>(false);\n  const disableBtn = countdown > 0 || phone.length !== 11;\n\n  const sendVerificationCode = async () => {\n    try {\n      const phoneNumber = phone;\n      if (!phoneNumber) {\n        message.error('请输入手机号');\n        return;\n      }\n\n      if (!/^1\\d{10}$/.test(phoneNumber)) {\n        message.error('请输入正确的手机号格式');\n        return;\n      }\n      if (!appKey) {\n        message.error('验证码配置缺失，请联系管理员（appKey）');\n        return;\n      }\n      window.sliderVerify(\n        'pop',\n        (captchaRes: Record<string, unknown>) => {\n          void api\n            .sendSms({ phone: phoneNumber, ...captchaRes })\n            .then((sendRes) => {\n              if (sendRes.code !== 200) {\n                message.error(sendRes.msg);\n                return;\n              }\n              setSendStatus(true);\n              message.success('验证码发送成功');\n              setCountdown(60);\n              const timer = setInterval(() => {\n                setCountdown((prevCountdown) => {\n                  if (prevCountdown <= 1) {\n                    clearInterval(timer);\n                    return 0;\n                  }\n                  return prevCountdown - 1;\n                });\n              }, 1000);\n            })\n            .catch(() => {\n              message.error('验证码发送失败，请稍后再试');\n              return;\n            });\n        },\n        {\n          appKey,\n        },\n      );\n    } catch {\n      message.error('发送验证码失败，请稍后再试');\n    }\n  };\n\n  return (\n    <>\n      <ProFormText\n        className={inputClassName}\n        name='phone'\n        fieldProps={{\n          size: 'large',\n          prefix: <MobileOutlined />,\n          onChange: (e) => {\n            setPhone(e.target.value);\n          },\n        }}\n        placeholder='请输入手机号'\n        validateTrigger='onBlur'\n        rules={[\n          {\n            required: true,\n            validator(rule, value, _callback) {\n              if (!value) {\n                return Promise.reject('手机号是必填项!');\n              }\n              if (!/^1\\d{10}$/.test(value)) {\n                return Promise.reject('请输入正确的手机号格式');\n              }\n              return Promise.resolve();\n            },\n          },\n        ]}\n      />\n      <ProFormText\n        className={inputClassName}\n        name='code'\n        disabled={!sendStatus}\n        fieldProps={{\n          size: 'large',\n          prefix: <LockOutlined />,\n          suffix: (\n            <Button\n              className={styles.captchaBtn}\n              style={{ fontSize: 16 }}\n              onClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                countdown === 0 && void sendVerificationCode();\n              }}\n              type='link'\n              disabled={disableBtn}\n            >\n              {countdown > 0 ? `${countdown}秒后重新获取` : '获取验证码'}\n            </Button>\n          ),\n        }}\n        placeholder='请输入验证码'\n        rules={[\n          {\n            required: true,\n            message: '验证码是必填项!',\n          },\n        ]}\n      />\n    </>\n  );\n};\n\nexport default SmsLogin;\n"],
+  "mappings": "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",
+  "names": ["React", "styles"]
+}

package/dist/lib/business/YkLoginModule/index.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { type SmsLoginFormApi } from './SmsLoginForm';
+export type LoginType = 'qrcode' | 'sms';
+export type LoginTabItem = {
+    key: LoginType;
+    label: React.ReactNode;
+};
+export type QrcodeApi = {
+    getQrcode: () => Promise<{
+        qrcode: string;
+        url: string;
+    }>;
+    scanLogin: (qrcode: string) => Promise<{
+        code: number;
+        data?: {
+            status?: number;
+            msg?: string;
+        };
+    }>;
+};
+export type LoginModuleProps = {
+    title: React.ReactNode;
+    tabs: LoginTabItem[];
+    defaultLoginType: LoginType;
+    containerStyle?: React.CSSProperties;
+    actions?: React.ReactNode | ((loginType: LoginType) => React.ReactNode);
+    className?: string;
+    formClassName?: string;
+    tabsClassName?: string;
+    inputClassName?: string;
+    qrcodeClassName?: string;
+    qrcodeBoxClassName?: string;
+    onFinish: (values: Record<string, unknown>) => Promise<void>;
+    qrcode?: {
+        api: QrcodeApi;
+        icon: string;
+        iconSize?: number;
+        size?: number;
+        wrapStyle?: React.CSSProperties;
+        onSuccess: () => void | Promise<void>;
+    };
+    sms?: {
+        api: SmsLoginFormApi;
+        appKey: string;
+    };
+};
+declare const LoginModule: React.FC<LoginModuleProps>;
+export default LoginModule;