@yoka-ui/ui 1.0.10-test

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

@@ -0,0 +1,216 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/business/ModCommonFilter/components/PopoverContent/Content.tsx
+import DebouncedInput from "../../../../components/DebounceInput";
+import TextWithTooltip from "../../../../components/TextWithToolTip";
+import { Checkbox, Divider, Tabs } from "antd";
+import React, { useEffect, useMemo, useRef, useState } from "react";
+import { Scrollbars } from "react-custom-scrollbars";
+import { Grid } from "react-virtualized";
+import emptyImg from "../../assets/images/empty.png";
+import styles from "./index.module.less";
+var Content = ({
+  terminal,
+  list,
+  selected,
+  setSelected,
+  placeholder,
+  categorySelected,
+  columnCount = 1,
+  contentWidth = 510,
+  rowHeight = 32,
+  cellRender,
+  showCode = false,
+  setHasOperation
+}) => {
+  const [searchKey, setSearchKey] = useState("");
+  const [terminalSelected, setTerminalSelected] = useState("");
+  const [modalChecked, setModalChecked] = useState(selected);
+  const modalCheckMap = useMemo(() => {
+    return new Map(modalChecked.map((item) => [item, true]));
+  }, [modalChecked]);
+  const scrollbarsRef = useRef(null);
+  const gridRef = useRef(null);
+  const isInternalUpdate = useRef(false);
+  useEffect(() => {
+    if (isInternalUpdate.current) {
+      isInternalUpdate.current = false;
+      return;
+    }
+    setModalChecked(selected);
+  }, [selected]);
+  const filterList = useMemo(() => {
+    const key = searchKey.trim().toUpperCase();
+    return list.filter((v) => v.name.toUpperCase().includes(key) || showCode && v.code.toUpperCase().includes(key)).filter((f) => terminalSelected === "" || f.terminal === terminalSelected).filter((f) => categorySelected === "" || f.category === categorySelected);
+  }, [list, searchKey, terminalSelected, categorySelected]);
+  const { allChecked, isIndeterminate } = useMemo(() => {
+    if (filterList.length === 0) {
+      return { allChecked: false, isIndeterminate: false };
+    }
+    const checkedCount = filterList.filter((item) => modalCheckMap.get(item.code)).length;
+    const allChecked2 = checkedCount === filterList.length;
+    const isIndeterminate2 = checkedCount > 0 && checkedCount < filterList.length;
+    return { allChecked: allChecked2, isIndeterminate: isIndeterminate2 };
+  }, [filterList, modalChecked]);
+  const useTerminal = useMemo(() => {
+    const newTerminal = terminal ? [...terminal] : [];
+    newTerminal.unshift({
+      code: "",
+      name: "全部"
+    });
+    return newTerminal;
+  }, [terminal]);
+  function updateModalChecked(checked) {
+    isInternalUpdate.current = true;
+    setModalChecked(checked);
+    setSelected(checked);
+    setHasOperation(true);
+  }
+  const handleAllChecked = (checked) => {
+    const filterCodes = filterList.map((item) => item.code);
+    if (checked) {
+      const newChecked = Array.from(/* @__PURE__ */ new Set([...modalChecked, ...filterCodes]));
+      updateModalChecked(newChecked);
+    } else {
+      const newChecked = modalChecked.filter((code) => !filterCodes.includes(code));
+      updateModalChecked(newChecked);
+    }
+  };
+  const handleScrollbarScroll = (event) => {
+    const { scrollTop, scrollLeft } = event.target;
+    if (gridRef.current) {
+      gridRef.current.handleScrollEvent({ scrollTop, scrollLeft });
+    }
+  };
+  function isItemChecked(value) {
+    return modalCheckMap.get(value);
+  }
+  function checkItem(value) {
+    if (isItemChecked(value)) {
+      updateModalChecked(modalChecked.filter((item) => item !== value));
+    } else {
+      updateModalChecked([...modalChecked, value]);
+    }
+  }
+  return /* @__PURE__ */ React.createElement("div", { className: styles.content }, /* @__PURE__ */ React.createElement("div", { className: styles.contentHeader }, terminal && terminal.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Tabs,
+    {
+      activeKey: terminalSelected,
+      items: useTerminal.map((v) => ({
+        key: v.code,
+        label: v.name
+      })),
+      onChange: (value) => {
+        setTerminalSelected(value);
+      }
+    }
+  ), /* @__PURE__ */ React.createElement(Divider, { type: "vertical", style: { margin: "0 0 0 20px" } })), /* @__PURE__ */ React.createElement(
+    DebouncedInput,
+    {
+      allowClear: false,
+      placeholder,
+      currentValue: searchKey,
+      onChange: (value) => {
+        setSearchKey(value);
+      },
+      inputClass: styles.search
+    }
+  )), /* @__PURE__ */ React.createElement("div", { className: styles.contentList }, /* @__PURE__ */ React.createElement("div", { className: styles.checkAll }, /* @__PURE__ */ React.createElement(
+    Checkbox,
+    {
+      checked: allChecked,
+      indeterminate: isIndeterminate,
+      onChange: () => {
+        handleAllChecked(!allChecked);
+      }
+    },
+    "全选"
+  )), /* @__PURE__ */ React.createElement(
+    Scrollbars,
+    {
+      style: { height: 285, width: contentWidth },
+      renderThumbVertical: (_a) => {
+        var _b = _a, { style } = _b, props = __objRest(_b, ["style"]);
+        return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, props), { style: __spreadProps(__spreadValues({}, style), { background: "#EFEFEF", borderRadius: 3 }) }));
+      },
+      ref: scrollbarsRef,
+      onScroll: handleScrollbarScroll
+    },
+    /* @__PURE__ */ React.createElement("div", { className: styles.contentListInner }, /* @__PURE__ */ React.createElement(
+      Grid,
+      {
+        style: { overflowX: "visible", overflowY: "visible" },
+        overscanRowCount: 5,
+        ref: gridRef,
+        columnCount,
+        rowCount: Math.ceil(filterList.length / columnCount),
+        height: 285,
+        width: contentWidth - 40,
+        columnWidth: (contentWidth - 40) / columnCount,
+        rowHeight,
+        cellRenderer: ({
+          columnIndex,
+          key,
+          rowIndex,
+          style
+        }) => {
+          const item = filterList[rowIndex * columnCount + columnIndex];
+          if (!item)
+            return;
+          return /* @__PURE__ */ React.createElement("div", { key, style }, /* @__PURE__ */ React.createElement(
+            Checkbox,
+            {
+              checked: isItemChecked(item.code),
+              onChange: () => {
+                checkItem(item.code);
+              }
+            },
+            cellRender ? cellRender(item) : /* @__PURE__ */ React.createElement(
+              TextWithTooltip,
+              {
+                text: (item == null ? void 0 : item.name) + (showCode ? "(" + (item == null ? void 0 : item.code) + ")" : ""),
+                width: (contentWidth - 40 * columnCount) / columnCount
+              }
+            )
+          ));
+        },
+        noContentRenderer: () => /* @__PURE__ */ React.createElement("div", { className: styles.empty }, /* @__PURE__ */ React.createElement("img", { src: emptyImg, alt: "" }), /* @__PURE__ */ React.createElement("p", null, "当前搜索条件无数据"))
+      }
+    ))
+  )));
+};
+var Content_default = Content;
+export {
+  Content_default as default
+};
+//# sourceMappingURL=Content.js.map

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

@@ -0,0 +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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",
+  "names": ["allChecked", "isIndeterminate"]
+}

package/dist/es/business/ModCommonFilter/components/PopoverContent/Selected.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { ListItem } from '../../typing';
+/**
+ * 已选列表组件的 Props
+ */
+interface PropsType {
+    /** 完整列表数据，用于根据 selected 中的 code 取 name 等信息 */
+    list: ListItem[];
+    /** 已选中的 code 数组（顺序即展示顺序） */
+    selected: string[];
+    /** 更新已选列表 */
+    setSelected: (selected: string[]) => void;
+    /** 内容宽度（当前未在 Selected 内使用，可做预留） */
+    contentWidth?: number;
+    /** 每行高度 */
+    rowHeight?: number;
+    /** 是否在名称后展示 code */
+    showCode?: boolean;
+    /** 已选列表中每行的自定义渲染 */
+    checkedCellRender?: (item: ListItem) => React.ReactNode;
+}
+/**
+ * 筛选弹层右侧已选列表：展示已选数量、清空、虚拟列表逐项展示并可删除。
+ */
+declare const Selected: React.FC<PropsType>;
+export default Selected;

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

@@ -0,0 +1,102 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/business/ModCommonFilter/components/PopoverContent/Selected.tsx
+import TextWithTooltip from "../../../../components/TextWithToolTip";
+import classNames from "classnames";
+import React, { useRef } from "react";
+import { Scrollbars } from "react-custom-scrollbars";
+import { AutoSizer, List } from "react-virtualized";
+import styles from "./index.module.less";
+var Selected = ({
+  list,
+  selected,
+  setSelected,
+  rowHeight = 32,
+  showCode,
+  checkedCellRender
+}) => {
+  const listScrollbarsRef = useRef(null);
+  const listRef = useRef(null);
+  const handleListScrollbarScroll = (event) => {
+    const { scrollTop, scrollLeft } = event.target;
+    if (listRef.current) {
+      listRef.current.Grid.handleScrollEvent({ scrollTop, scrollLeft });
+    }
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: styles.selected }, /* @__PURE__ */ React.createElement("div", { className: styles.selectedHeader }, /* @__PURE__ */ React.createElement("span", null, "已选", selected.length, "个"), /* @__PURE__ */ React.createElement("span", { className: styles.clear, onClick: () => setSelected([]) }, "清空")), /* @__PURE__ */ React.createElement(
+    Scrollbars,
+    {
+      style: { height: 325 },
+      renderThumbVertical: (_a) => {
+        var _b = _a, { style } = _b, props = __objRest(_b, ["style"]);
+        return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, props), { style: __spreadProps(__spreadValues({}, style), { background: "#EFEFEF", borderRadius: 3 }) }));
+      },
+      ref: listScrollbarsRef,
+      onScroll: handleListScrollbarScroll
+    },
+    /* @__PURE__ */ React.createElement("div", { className: styles.selectedContent }, /* @__PURE__ */ React.createElement(AutoSizer, { disableHeight: true }, ({ width }) => /* @__PURE__ */ React.createElement(
+      List,
+      {
+        ref: listRef,
+        style: { overflowX: "visible", overflowY: "visible" },
+        rowCount: selected.length,
+        height: 325,
+        width,
+        rowHeight,
+        rowRenderer: ({ index, key, style }) => {
+          const option = list.find((option2) => option2.code === selected[index]);
+          return /* @__PURE__ */ React.createElement("div", { className: styles.selectedItem, key, style }, option && checkedCellRender ? checkedCellRender(option) : /* @__PURE__ */ React.createElement(
+            TextWithTooltip,
+            {
+              text: (option == null ? void 0 : option.name) + (showCode ? "(" + (option == null ? void 0 : option.code) + ")" : ""),
+              width: "100%"
+            }
+          ), /* @__PURE__ */ React.createElement(
+            "i",
+            {
+              className: classNames("iconfont icon-lajitong", styles.close),
+              onClick: () => {
+                setSelected(selected.filter((item) => item !== selected[index]));
+              }
+            }
+          ));
+        }
+      }
+    )))
+  ));
+};
+var Selected_default = Selected;
+export {
+  Selected_default as default
+};
+//# sourceMappingURL=Selected.js.map

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

@@ -0,0 +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,OAAO,qBAAqB;AAC5B,OAAO,gBAAgB;AACvB,OAAO,SAAS,cAAc;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,WAAW,YAAY;AAEhC,OAAO,YAAY;AAyBnB,IAAM,WAAgC,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MAAM;AACJ,QAAM,oBAAoB,OAA0B,IAAI;AACxD,QAAM,UAAU,OAAO,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,oCAAC,SAAI,WAAW,OAAO,YACrB,oCAAC,SAAI,WAAW,OAAO,kBACrB,oCAAC,cAAK,MAAG,SAAS,QAAO,GAAC,GAC1B,oCAAC,UAAK,WAAW,OAAO,OAAO,SAAS,MAAM,YAAY,CAAC,CAAC,KAAG,IAE/D,CACF,GAEA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,QAAQ,IAAI;AAAA,MACrB,qBAAqB,CAAC,OAAqB;AAArB,qBAAE,QA9DhC,IA8D8B,IAAY,kBAAZ,IAAY,CAAV;AACtB,mDAAC,wCAAQ,QAAR,EAAe,OAAO,iCAAK,QAAL,EAAY,YAAY,WAAW,cAAc,EAAE,KAAG;AAAA;AAAA,MAE/E,KAAK;AAAA,MACL,UAAU;AAAA;AAAA,IAEV,oCAAC,SAAI,WAAW,OAAO,mBACrB,oCAAC,aAAU,eAAa,QACrB,CAAC,EAAE,MAAM,MACR;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,CAACA,YAAWA,QAAO,SAAS,SAAS,KAAK,CAAC;AACpE,iBACE,oCAAC,SAAI,WAAW,OAAO,cAAc,KAAU,SAC5C,UAAU,oBACT,kBAAkB,MAAM,IAExB;AAAA,YAAC;AAAA;AAAA,cACC,OAAM,iCAAQ,SAAQ,WAAW,OAAM,iCAAQ,QAAO,MAAM;AAAA,cAC5D,OAAM;AAAA;AAAA,UACP,GAGH;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,WAAW,0BAA0B,OAAO,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": ["option"]
+}

package/dist/es/business/ModCommonFilter/components/PopoverContent/index.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import type { CategoryItem, ListItem, TerminalItem } from '../../typing';
+/**
+ * 筛选弹层内容组件的 Props
+ */
+interface PropsType {
+    /** 弹层是否打开，用于重置「是否操作过」状态 */
+    popOpen: boolean;
+    /** 分类列表，用于左侧分类 Tab */
+    category?: CategoryItem[];
+    /** 终端列表，用于 Content 内终端 Tab（如全部/PC/APP） */
+    terminal?: TerminalItem[];
+    /** 可选列表数据 */
+    list: ListItem[];
+    /** 搜索框占位文案 */
+    placeholder: string;
+    /** 标题后缀，如「筛选{title}」中的 title */
+    title: string;
+    /** 当前已选中的项（code 数组） */
+    selected: string[];
+    /** 设置已选中项 */
+    setSelected: (selected: string[]) => void;
+    /** 当前选中的分类 code */
+    categorySelected: string;
+    /** 设置选中的分类 */
+    setCategorySelected: (categorySelected: string) => void;
+    /** 列表列数（多列网格） */
+    columnCount: number;
+    /** 是否展示 code（名称后是否带括号 code） */
+    showCode: boolean;
+    /** 内容区宽度 */
+    contentWidth?: number;
+    /** 行高 */
+    rowHeight?: number;
+    /** 底部备注文案或节点 */
+    remark?: string | React.ReactNode;
+    /** 已选列表中每项的渲染函数 */
+    checkedCellRender?: (item: ListItem) => React.ReactNode;
+    /** 可选列表中每项的渲染函数 */
+    cellRender?: (item: ListItem) => React.ReactNode;
+    /** 点击「确认」时的回调 */
+    handleVerify: () => void;
+    /** 点击「取消」时的回调 */
+    handleClear: () => void;
+}
+/**
+ * 通用筛选弹层内容：左侧分类 + 中间可选列表 + 右侧已选列表 + 底部确认/取消。
+ * 未产生任何勾选变化时，「确认」按钮禁用。
+ */
+declare const PopoverContent: React.FC<PropsType>;
+export default PopoverContent;

package/dist/es/business/ModCommonFilter/components/PopoverContent/index.js

@@ -0,0 +1,71 @@
+// src/business/ModCommonFilter/components/PopoverContent/index.tsx
+import { Button } from "antd";
+import classNames from "classnames";
+import React, { useEffect, useState } from "react";
+import Category from "./Category";
+import Content from "./Content";
+import styles from "./index.module.less";
+import Selected from "./Selected";
+var PopoverContent = ({
+  popOpen,
+  category,
+  terminal,
+  list,
+  placeholder,
+  title,
+  selected,
+  setSelected,
+  categorySelected,
+  setCategorySelected,
+  columnCount = 1,
+  showCode = false,
+  contentWidth,
+  rowHeight,
+  checkedCellRender,
+  cellRender,
+  handleVerify,
+  handleClear,
+  remark
+}) => {
+  const [hasOperation, setHasOperation] = useState(false);
+  useEffect(() => {
+    if (popOpen) {
+      setHasOperation(false);
+    }
+  }, [popOpen]);
+  const submitButtonClass = classNames(styles.item, styles.submit, !hasOperation && styles.disabled);
+  const cancelButtonClass = classNames(styles.item, styles.cancel);
+  return /* @__PURE__ */ React.createElement("div", { className: styles.popoverContent }, /* @__PURE__ */ React.createElement("div", { className: styles.header }, "筛选", title), /* @__PURE__ */ React.createElement("div", { className: styles.body }, /* @__PURE__ */ React.createElement(Category, { category, categorySelected, setCategorySelected }), /* @__PURE__ */ React.createElement(
+    Content,
+    {
+      terminal,
+      list,
+      selected,
+      setSelected,
+      placeholder,
+      categorySelected,
+      columnCount,
+      contentWidth,
+      rowHeight,
+      showCode,
+      setHasOperation,
+      cellRender
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Selected,
+    {
+      list,
+      selected,
+      setSelected,
+      contentWidth,
+      rowHeight,
+      showCode,
+      checkedCellRender
+    }
+  )), /* @__PURE__ */ React.createElement("div", { className: styles.footer }, /* @__PURE__ */ React.createElement("span", { className: styles.remark }, remark), /* @__PURE__ */ React.createElement(Button, { className: submitButtonClass, disabled: !hasOperation, type: "primary", onClick: handleVerify }, "确认"), /* @__PURE__ */ React.createElement(Button, { className: cancelButtonClass, type: "default", onClick: handleClear }, "取消")));
+};
+var PopoverContent_default = PopoverContent;
+export {
+  PopoverContent_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/es/business/ModCommonFilter/components/PopoverContent/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/business/ModCommonFilter/components/PopoverContent/index.tsx"],
+  "sourcesContent": ["import { Button } from 'antd';\nimport classNames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport type { CategoryItem, ListItem, TerminalItem } from '../../typing';\nimport Category from './Category';\nimport Content from './Content';\nimport styles from './index.module.less';\nimport Selected from './Selected';\n\n/**\n * 筛选弹层内容组件的 Props\n */\ninterface PropsType {\n  /** 弹层是否打开，用于重置「是否操作过」状态 */\n  popOpen: boolean;\n  /** 分类列表，用于左侧分类 Tab */\n  category?: CategoryItem[];\n  /** 终端列表，用于 Content 内终端 Tab（如全部/PC/APP） */\n  terminal?: TerminalItem[];\n  /** 可选列表数据 */\n  list: ListItem[];\n  /** 搜索框占位文案 */\n  placeholder: string;\n  /** 标题后缀，如「筛选{title}」中的 title */\n  title: string;\n  /** 当前已选中的项（code 数组） */\n  selected: string[];\n  /** 设置已选中项 */\n  setSelected: (selected: string[]) => void;\n  /** 当前选中的分类 code */\n  categorySelected: string;\n  /** 设置选中的分类 */\n  setCategorySelected: (categorySelected: string) => void;\n  /** 列表列数（多列网格） */\n  columnCount: number;\n  /** 是否展示 code（名称后是否带括号 code） */\n  showCode: boolean;\n  /** 内容区宽度 */\n  contentWidth?: number;\n  /** 行高 */\n  rowHeight?: number;\n  /** 底部备注文案或节点 */\n  remark?: string | React.ReactNode;\n  /** 已选列表中每项的渲染函数 */\n  checkedCellRender?: (item: ListItem) => React.ReactNode;\n  /** 可选列表中每项的渲染函数 */\n  cellRender?: (item: ListItem) => React.ReactNode;\n  /** 点击「确认」时的回调 */\n  handleVerify: () => void;\n  /** 点击「取消」时的回调 */\n  handleClear: () => void;\n}\n\n/**\n * 通用筛选弹层内容：左侧分类 + 中间可选列表 + 右侧已选列表 + 底部确认/取消。\n * 未产生任何勾选变化时，「确认」按钮禁用。\n */\nconst PopoverContent: React.FC<PropsType> = ({\n  popOpen,\n  category,\n  terminal,\n  list,\n  placeholder,\n  title,\n  selected,\n  setSelected,\n  categorySelected,\n  setCategorySelected,\n  columnCount = 1,\n  showCode = false,\n  contentWidth,\n  rowHeight,\n  checkedCellRender,\n  cellRender,\n  handleVerify,\n  handleClear,\n  remark,\n}) => {\n  /** 是否在本次弹层内有过勾选操作，未操作时确认按钮禁用 */\n  const [hasOperation, setHasOperation] = useState(false);\n\n  /** 弹层打开时重置「是否操作过」，避免沿用上次状态 */\n  useEffect(() => {\n    if (popOpen) {\n      setHasOperation(false);\n    }\n  }, [popOpen]);\n\n  const submitButtonClass = classNames(styles.item, styles.submit, !hasOperation && styles.disabled);\n  const cancelButtonClass = classNames(styles.item, styles.cancel);\n\n  return (\n    <div className={styles.popoverContent}>\n      <div className={styles.header}>筛选{title}</div>\n      <div className={styles.body}>\n        <Category category={category} categorySelected={categorySelected} setCategorySelected={setCategorySelected} />\n        <Content\n          terminal={terminal}\n          list={list}\n          selected={selected}\n          setSelected={setSelected}\n          placeholder={placeholder}\n          categorySelected={categorySelected}\n          columnCount={columnCount}\n          contentWidth={contentWidth}\n          rowHeight={rowHeight}\n          showCode={showCode}\n          setHasOperation={setHasOperation}\n          cellRender={cellRender}\n        />\n        <Selected\n          list={list}\n          selected={selected}\n          setSelected={setSelected}\n          contentWidth={contentWidth}\n          rowHeight={rowHeight}\n          showCode={showCode}\n          checkedCellRender={checkedCellRender}\n        />\n      </div>\n      <div className={styles.footer}>\n        <span className={styles.remark}>{remark}</span>\n        <Button className={submitButtonClass} disabled={!hasOperation} type='primary' onClick={handleVerify}>\n          确认\n        </Button>\n        <Button className={cancelButtonClass} type='default' onClick={handleClear}>\n          取消\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default PopoverContent;\n"],
+  "mappings": ";AAAA,SAAS,cAAc;AACvB,OAAO,gBAAgB;AACvB,OAAO,SAAS,WAAW,gBAAgB;AAE3C,OAAO,cAAc;AACrB,OAAO,aAAa;AACpB,OAAO,YAAY;AACnB,OAAO,cAAc;AAkDrB,IAAM,iBAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAGtD,YAAU,MAAM;AACd,QAAI,SAAS;AACX,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,oBAAoB,WAAW,OAAO,MAAM,OAAO,QAAQ,CAAC,gBAAgB,OAAO,QAAQ;AACjG,QAAM,oBAAoB,WAAW,OAAO,MAAM,OAAO,MAAM;AAE/D,SACE,oCAAC,SAAI,WAAW,OAAO,kBACrB,oCAAC,SAAI,WAAW,OAAO,UAAQ,MAAG,KAAM,GACxC,oCAAC,SAAI,WAAW,OAAO,QACrB,oCAAC,YAAS,UAAoB,kBAAoC,qBAA0C,GAC5G;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,GACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,CACF,GACA,oCAAC,SAAI,WAAW,OAAO,UACrB,oCAAC,UAAK,WAAW,OAAO,UAAS,MAAO,GACxC,oCAAC,UAAO,WAAW,mBAAmB,UAAU,CAAC,cAAc,MAAK,WAAU,SAAS,gBAAc,IAErG,GACA,oCAAC,UAAO,WAAW,mBAAmB,MAAK,WAAU,SAAS,eAAa,IAE3E,CACF,CACF;AAEJ;AAEA,IAAO,yBAAQ;",
+  "names": []
+}