@yoka-ui/ui 1.0.1

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

@@ -0,0 +1,143 @@
+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/ModCommonFilter/index.tsx
+var ModCommonFilter_exports = {};
+__export(ModCommonFilter_exports, {
+  default: () => ModCommonFilter_default
+});
+module.exports = __toCommonJS(ModCommonFilter_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_FilterButton = __toESM(require("./components/FilterButton"));
+var import_PopoverContent = __toESM(require("./components/PopoverContent"));
+var import_index_module = __toESM(require("./index.module.less"));
+var ModCommonFilter = ({
+  value,
+  onChange,
+  list,
+  title,
+  prefixTitle,
+  iconPrefix,
+  category,
+  terminal,
+  placeholder = "搜索",
+  zIndex = 100,
+  placement = "bottomRight",
+  columnCount = 1,
+  contentWidth,
+  rowHeight,
+  showCode = false,
+  popoverProps = {},
+  cellRender,
+  checkedCellRender,
+  remark,
+  filterChildren
+}) => {
+  const [popOpen, setPopOpen] = (0, import_react.useState)(false);
+  const [selected, setSelected] = (0, import_react.useState)([]);
+  const [categorySelected, setCategorySelected] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    if (popOpen) {
+      setSelected(value || []);
+    }
+  }, [popOpen, value]);
+  const useCateGory = (0, import_react.useMemo)(() => {
+    const newCategory = category ? [...category] : [];
+    newCategory.unshift({
+      code: "",
+      name: "全部" + title
+    });
+    return newCategory;
+  }, [category]);
+  const handleVerify = () => {
+    onChange(selected);
+    setPopOpen(false);
+  };
+  const handleClear = () => {
+    setSelected(value || []);
+    setPopOpen(false);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      className: import_index_module.default.modCommonFilter,
+      open: popOpen,
+      onOpenChange: (open) => setPopOpen(open),
+      title: false,
+      fresh: true,
+      arrow: false,
+      zIndex,
+      placement,
+      trigger: "click",
+      classNames: {
+        body: import_index_module.default.popoverBody
+      },
+      getPopupContainer: (triggerNode) => triggerNode.parentNode,
+      content: /* @__PURE__ */ import_react.default.createElement(
+        import_PopoverContent.default,
+        {
+          popOpen,
+          selected,
+          setSelected,
+          category: useCateGory,
+          terminal,
+          list,
+          placeholder,
+          title,
+          categorySelected,
+          setCategorySelected,
+          columnCount,
+          showCode,
+          contentWidth,
+          rowHeight,
+          cellRender,
+          checkedCellRender,
+          handleVerify,
+          handleClear,
+          remark
+        }
+      ),
+      ...popoverProps
+    },
+    filterChildren || /* @__PURE__ */ import_react.default.createElement(
+      import_FilterButton.default,
+      {
+        iconPrefix,
+        title,
+        prefixTitle,
+        value,
+        popOpen,
+        handlePopOpen: () => setPopOpen(!popOpen),
+        handleClear: () => onChange([])
+      }
+    )
+  );
+};
+var ModCommonFilter_default = ModCommonFilter;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;",
+  "names": ["React", "styles", "PopoverContent", "FilterButton"]
+}

package/dist/lib/business/ModCommonFilter/index.module.less

@@ -0,0 +1,7 @@
+.modCommonFilter {
+  position: relative;
+}
+.popoverBody {
+  padding: 0 !important;
+  border-radius: 2px !important;
+}

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

@@ -0,0 +1,20 @@
+/** 筛选项：code/name 必填，category/terminal 用于分类与终端过滤 */
+export interface ListItem {
+    code: string;
+    name: string;
+    category?: string;
+    terminal?: string;
+    parentId?: string;
+    priority?: number;
+}
+/** 分类 Tab 项 */
+export interface CategoryItem {
+    code: string;
+    name: string;
+    isSelf?: boolean;
+}
+/** 终端 Tab 项（如全部/PC/APP） */
+export interface TerminalItem {
+    code: string;
+    name: string;
+}

package/dist/lib/business/ModCommonFilter/typing.js

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/business/ModCommonFilter/typing.ts
+var typing_exports = {};
+module.exports = __toCommonJS(typing_exports);
+//# sourceMappingURL=typing.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/ModCommonFilter/typing.ts"],
+  "sourcesContent": ["/** 筛选项：code/name 必填，category/terminal 用于分类与终端过滤 */\nexport interface ListItem {\n  code: string;\n  name: string;\n  category?: string;\n  terminal?: string;\n  parentId?: string;\n  priority?: number;\n}\n\n/** 分类 Tab 项 */\nexport interface CategoryItem {\n  code: string;\n  name: string;\n  isSelf?: boolean;\n}\n\n/** 终端 Tab 项（如全部/PC/APP） */\nexport interface TerminalItem {\n  code: string;\n  name: string;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,51 @@
+import React, { FC } from 'react';
+/** 项目选项项 */
+type OptionItem = {
+    /** 项目名称 */
+    label: string;
+    /** 项目 ID */
+    value: string | number;
+    /** 项目图标 URL */
+    icon: string;
+    /** 是否已关注 */
+    followed?: boolean;
+    /** 关注排序索引 */
+    follow_index?: number;
+    /** 是否最近访问 */
+    recent_visit?: boolean;
+    /** 是否已关服 */
+    closed?: boolean;
+};
+/** 项目选择器 Props */
+type PageTypes = {
+    /** 当前选中的项目 ID */
+    value: string | number;
+    /** 项目选项列表 */
+    options: OptionItem[];
+    /** 选中项目变化时的回调 */
+    onChange: (value: string | number) => void;
+    /** 关注/取消关注时的回调 */
+    followedCallback?: (item: OptionItem, bool: boolean) => void;
+    /** 弹层内自定义插槽，渲染在搜索框下方、关注项目上方 */
+    slot?: React.ReactNode;
+    /** 自定义触发元素，替代默认的「图标+名称+下拉箭头」展示 */
+    customShow?: React.ReactNode;
+};
+/**
+ * 项目选择器
+ *
+ * 支持搜索、关注/取消关注（最多6个）、在营/关服切换。
+ * 弹层展开时自动聚焦搜索框，使用 preventScroll 避免页面滚动。
+ *
+ * @example
+ * ```tsx
+ * <YkPorjectSelect
+ *   value={projectId}
+ *   options={options}
+ *   onChange={setProjectId}
+ *   followedCallback={(item, followed) => api.follow(item.value, followed)}
+ * />
+ * ```
+ */
+declare const YkPorjectSelect: FC<PageTypes>;
+export default YkPorjectSelect;

package/dist/lib/business/YkPorjectSelect/index.js

@@ -0,0 +1,235 @@
+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/YkPorjectSelect/index.tsx
+var YkPorjectSelect_exports = {};
+__export(YkPorjectSelect_exports, {
+  default: () => YkPorjectSelect_default
+});
+module.exports = __toCommonJS(YkPorjectSelect_exports);
+var import_TextWithToolTip = __toESM(require("../../components/TextWithToolTip"));
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_react_custom_scrollbars = require("react-custom-scrollbars");
+var import_icon_product = __toESM(require("./icon-product.png"));
+var import_index_module = __toESM(require("./index.module.less"));
+var YkPorjectSelect = ({ value, options, onChange, followedCallback, slot, customShow }) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [status, setStatus] = (0, import_react.useState)("1");
+  const [searchKey, setSearchKey] = (0, import_react.useState)("");
+  const [pageHeight, setPageHeight] = (0, import_react.useState)(1e3);
+  const [localOptions, setLocalOptions] = (0, import_react.useState)(options);
+  const searchInputRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    setLocalOptions(options);
+  }, [options]);
+  (0, import_react.useEffect)(() => {
+    let timer;
+    if (open) {
+      timer = setTimeout(() => {
+        var _a, _b;
+        (_b = (_a = searchInputRef.current) == null ? void 0 : _a.input) == null ? void 0 : _b.focus({ preventScroll: true });
+      }, 0);
+    }
+    return () => {
+      if (timer !== void 0) {
+        clearTimeout(timer);
+      }
+    };
+  }, [open]);
+  const stateCount = (0, import_react.useMemo)(() => {
+    return localOptions.reduce(
+      (acc, item) => {
+        const statusClosed = item.closed ? 2 : 1;
+        if (!acc[statusClosed]) {
+          acc[statusClosed] = 0;
+        }
+        acc[statusClosed] += 1;
+        return acc;
+      },
+      {}
+    );
+  }, [localOptions]);
+  const tabs = [
+    { key: "1", label: `在营(${stateCount["1"] || 0})` },
+    { key: "2", label: `关服(${stateCount["2"] || 0})` }
+  ];
+  const activeItem = (0, import_react.useMemo)(() => {
+    return localOptions.find((item) => item.value === value);
+  }, [localOptions, value]);
+  const followedOptions = (0, import_react.useMemo)(() => {
+    return localOptions.filter((item) => item.followed);
+  }, [localOptions]);
+  const handleTabChange = (tabKey) => {
+    setStatus(tabKey);
+  };
+  const handleStarChange = async (item, val) => {
+    void (followedCallback == null ? void 0 : followedCallback(item, val === 1));
+    setLocalOptions(
+      (prev) => prev.map((p) => {
+        if (p.value === item.value) {
+          return { ...p, followed: val === 1 };
+        }
+        return p;
+      })
+    );
+  };
+  const handleResize = () => {
+    const height = window.innerHeight;
+    setPageHeight(height);
+  };
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  const renderItem = (item) => {
+    const isDisabled = !item.followed && followedOptions.length >= 6;
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { justify: "space-between", align: "center" }, /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.contentItemSpan, onClick: () => onChange(item.value) }, /* @__PURE__ */ import_react.default.createElement("img", { className: import_index_module.default.contentItemSpanIcon, src: (item == null ? void 0 : item.icon) ? item.icon : import_icon_product.default }), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.contentItemSpanDev }, /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.contentItemSpanProName }, /* @__PURE__ */ import_react.default.createElement(
+      import_TextWithToolTip.default,
+      {
+        text: item.label,
+        width: "100%",
+        maxWidth: 175,
+        arrow: true,
+        color: "#fff",
+        styles: { body: { color: "#333" } }
+      }
+    ), item.recent_visit ? /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.recentVisit }, "最近访问") : null), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.contentItemSpanProId }, "ID: ", item.value))), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Tooltip,
+      {
+        title: isDisabled ? "最多关注6个项目" : item.followed ? "取消关注" : "关注",
+        color: "#fff",
+        placement: "right",
+        styles: { body: { color: "#333" } }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "label",
+        {
+          className: (0, import_classnames.default)(import_index_module.default.contentItemStar, isDisabled && import_index_module.default.contentItemStarDisabled),
+          onClick: () => {
+            if (isDisabled) {
+              return;
+            }
+            void handleStarChange(item, item.followed ? 0 : 1);
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.ConfigProvider,
+          {
+            theme: {
+              components: {
+                Rate: {
+                  starBg: "#dcdbdb"
+                }
+              }
+            }
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Rate,
+            {
+              style: {
+                fontSize: 14,
+                color: isDisabled ? "rgba(0, 0, 0, 0.06)" : "#FFB401",
+                opacity: item.followed || followedOptions.length === 0 ? 1 : 0
+              },
+              value: item.followed ? 1 : 0,
+              count: 1
+            }
+          )
+        )
+      )
+    ));
+  };
+  const content = /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.ykPorjectSelectContent }, /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.ykPorjectSelectHeader }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input,
+    {
+      ref: searchInputRef,
+      className: import_index_module.default.ykPorjectSelectSearchInput,
+      prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, { style: { color: "#999", marginRight: "10px" } }),
+      value: searchKey,
+      onChange: (e) => setSearchKey(e.target.value),
+      allowClear: true,
+      placeholder: "请输入项目ID/名称"
+    }
+  )), slot && /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.ykPorjectSelectSoltContainer }, slot), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.ykPorjectSelectFollowed }, /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.contentHeader }, "关注项目"), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.ykPorjectSelectFollowedList }, followedOptions.map((item) => /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Tooltip,
+    {
+      key: item.value,
+      title: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 14, color: "#555555" } }, item.label), /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 12, color: "#999" } }, "ID: ", item.value)),
+      color: "#fff",
+      placement: "bottomLeft",
+      styles: { body: { color: "#333" } }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { key: item.value, className: import_index_module.default.ykPorjectSelectFollowedItem }, /* @__PURE__ */ import_react.default.createElement("img", { className: import_index_module.default.ykPorjectSelectFollowedItemIcon, src: item.icon, alt: item.label }), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.closeIcon, onClick: () => void handleStarChange(item, 0) }))
+  )))), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Tabs,
+    {
+      className: import_index_module.default.ykPorjectSelectProductPanelTabs,
+      centered: true,
+      onChange: handleTabChange,
+      activeKey: status,
+      items: tabs
+    }
+  ), localOptions.length === 0 ? /* @__PURE__ */ import_react.default.createElement(import_antd.Empty, { image: import_antd.Empty.PRESENTED_IMAGE_SIMPLE }) : /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.ykPorjectSelectListSection }, /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.contentHeader }, "全部项目"), /* @__PURE__ */ import_react.default.createElement(
+    import_react_custom_scrollbars.Scrollbars,
+    {
+      className: import_index_module.default.ykPorjectSelectScrollBarsBox,
+      autoHeight: true,
+      autoHide: true,
+      autoHeightMax: Math.min(450, pageHeight - 310),
+      renderThumbVertical: ({ style, ...props }) => /* @__PURE__ */ import_react.default.createElement("div", { ...props, style: { ...style, background: "#EEEEEE", borderRadius: 3, width: 6 } })
+    },
+    localOptions.sort((a, b) => (b.recent_visit ? 1 : 0) - (a.recent_visit ? 1 : 0)).map((item) => /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: item.value,
+        className: (0, import_classnames.default)(import_index_module.default.contentItem, item.value === value ? import_index_module.default.contentItemActive : "")
+      },
+      renderItem(item)
+    ))
+  )));
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      className: import_index_module.default.ykPorjectSelect,
+      styles: { body: { borderRadius: 4, padding: 0 } },
+      content,
+      placement: "bottom",
+      trigger: "click",
+      open,
+      onOpenChange: setOpen,
+      getPopupContainer: (triggerNode) => triggerNode.parentNode,
+      autoAdjustOverflow: false
+    },
+    customShow ? customShow : /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.ykPorjectSelectShow }, /* @__PURE__ */ import_react.default.createElement("img", { className: import_index_module.default.ykPorjectSelectShowIcon, src: activeItem == null ? void 0 : activeItem.icon, alt: activeItem == null ? void 0 : activeItem.label }), /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.ykPorjectSelectShowText }, activeItem == null ? void 0 : activeItem.label), /* @__PURE__ */ import_react.default.createElement("i", { className: "iconfont icon-xiala" }))
+  );
+};
+var YkPorjectSelect_default = YkPorjectSelect;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/YkPorjectSelect/index.tsx"],
+  "sourcesContent": ["import TextWithTooltip from '@/components/TextWithToolTip';\nimport { SearchOutlined } from '@ant-design/icons';\nimport type { InputRef } from 'antd';\nimport { ConfigProvider, Empty, Flex, Input, Popover, Rate, Tabs, Tooltip } from 'antd';\nimport classNames from 'classnames';\nimport React, { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars';\nimport iconProductDefault from './icon-product.png';\nimport styles from './index.module.less';\n\n/** 项目选项项 */\ntype OptionItem = {\n  /** 项目名称 */\n  label: string;\n  /** 项目 ID */\n  value: string | number;\n  /** 项目图标 URL */\n  icon: string;\n  /** 是否已关注 */\n  followed?: boolean;\n  /** 关注排序索引 */\n  follow_index?: number;\n  /** 是否最近访问 */\n  recent_visit?: boolean;\n  /** 是否已关服 */\n  closed?: boolean;\n};\n\n/** 项目选择器 Props */\ntype PageTypes = {\n  /** 当前选中的项目 ID */\n  value: string | number;\n  /** 项目选项列表 */\n  options: OptionItem[];\n  /** 选中项目变化时的回调 */\n  onChange: (value: string | number) => void;\n  /** 关注/取消关注时的回调 */\n  followedCallback?: (item: OptionItem, bool: boolean) => void;\n  /** 弹层内自定义插槽，渲染在搜索框下方、关注项目上方 */\n  slot?: React.ReactNode;\n  /** 自定义触发元素，替代默认的「图标+名称+下拉箭头」展示 */\n  customShow?: React.ReactNode;\n};\n\n/**\n * 项目选择器\n *\n * 支持搜索、关注/取消关注（最多6个）、在营/关服切换。\n * 弹层展开时自动聚焦搜索框，使用 preventScroll 避免页面滚动。\n *\n * @example\n * ```tsx\n * <YkPorjectSelect\n *   value={projectId}\n *   options={options}\n *   onChange={setProjectId}\n *   followedCallback={(item, followed) => api.follow(item.value, followed)}\n * />\n * ```\n */\nconst YkPorjectSelect: FC<PageTypes> = ({ value, options, onChange, followedCallback, slot, customShow }) => {\n  const [open, setOpen] = useState(false);\n  const [status, setStatus] = useState<string>('1');\n  const [searchKey, setSearchKey] = useState('');\n  const [pageHeight, setPageHeight] = useState<number>(1000);\n  const [localOptions, setLocalOptions] = useState<OptionItem[]>(options);\n  const searchInputRef = useRef<InputRef>(null);\n\n  useEffect(() => {\n    setLocalOptions(options);\n  }, [options]);\n\n  /** 弹层展开时聚焦搜索框，使用 preventScroll 避免浏览器滚动到顶部；延迟等待 Popover 内容挂载 */\n  useEffect(() => {\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    if (open) {\n      timer = setTimeout(() => {\n        searchInputRef.current?.input?.focus({ preventScroll: true });\n      }, 0);\n    }\n    return () => {\n      if (timer !== undefined) {\n        clearTimeout(timer);\n      }\n    };\n  }, [open]);\n\n  /** 在营/关服数量统计 */\n  const stateCount = useMemo(() => {\n    return localOptions.reduce(\n      (acc, item) => {\n        const statusClosed = item.closed ? 2 : 1;\n        if (!acc[statusClosed]) {\n          acc[statusClosed] = 0;\n        }\n        acc[statusClosed] += 1;\n        return acc;\n      },\n      {} as { [key: string]: number },\n    );\n  }, [localOptions]);\n\n  /** 在营/关服 Tab 配置 */\n  const tabs = [\n    { key: '1', label: `在营(${stateCount['1'] || 0})` },\n    { key: '2', label: `关服(${stateCount['2'] || 0})` },\n  ];\n\n  /** 当前选中的项目（用于展示图标与名称） */\n  const activeItem = useMemo(() => {\n    return localOptions.find((item) => item.value === value);\n  }, [localOptions, value]);\n\n  /** 已关注的项目列表（顶部展示、用于计算关注数限制） */\n  const followedOptions = useMemo(() => {\n    return localOptions.filter((item) => item.followed);\n  }, [localOptions]);\n\n  // 切换在营/关服\n  const handleTabChange = (tabKey: string) => {\n    setStatus(tabKey);\n  };\n\n  // 点击关注或取消关注\n  const handleStarChange = async (item: OptionItem, val: number) => {\n    void followedCallback?.(item, val === 1);\n    setLocalOptions((prev) =>\n      prev.map((p) => {\n        if (p.value === item.value) {\n          return { ...p, followed: val === 1 };\n        }\n        return p;\n      }),\n    );\n  };\n\n  const handleResize = () => {\n    const height = window.innerHeight;\n    setPageHeight(height);\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  /** 渲染单个项目行（名称、ID、关注星标） */\n  const renderItem = (item: OptionItem) => {\n    const isDisabled = !item.followed && followedOptions.length >= 6;\n    return (\n      <Flex justify='space-between' align='center'>\n        <span className={styles.contentItemSpan} onClick={() => onChange(item.value)}>\n          <img className={styles.contentItemSpanIcon} src={item?.icon ? item.icon : iconProductDefault} />\n          <div className={styles.contentItemSpanDev}>\n            <div className={styles.contentItemSpanProName}>\n              <TextWithTooltip\n                text={item.label}\n                width='100%'\n                maxWidth={175}\n                arrow={true}\n                color='#fff'\n                styles={{ body: { color: '#333' } }}\n              ></TextWithTooltip>\n              {item.recent_visit ? <span className={styles.recentVisit}>最近访问</span> : null}\n            </div>\n            <div className={styles.contentItemSpanProId}>ID: {item.value}</div>\n          </div>\n        </span>\n        <Tooltip\n          title={isDisabled ? '最多关注6个项目' : item.followed ? '取消关注' : '关注'}\n          color='#fff'\n          placement='right'\n          styles={{ body: { color: '#333' } }}\n        >\n          <label\n            className={classNames(styles.contentItemStar, isDisabled && styles.contentItemStarDisabled)}\n            onClick={() => {\n              if (isDisabled) {\n                return;\n              }\n              void handleStarChange(item, item.followed ? 0 : 1);\n            }}\n          >\n            <ConfigProvider\n              theme={{\n                components: {\n                  Rate: {\n                    starBg: '#dcdbdb',\n                  },\n                },\n              }}\n            >\n              <Rate\n                style={{\n                  fontSize: 14,\n                  color: isDisabled ? 'rgba(0, 0, 0, 0.06)' : '#FFB401',\n                  opacity: item.followed || followedOptions.length === 0 ? 1 : 0,\n                }}\n                value={item.followed ? 1 : 0}\n                count={1}\n              />\n            </ConfigProvider>\n          </label>\n        </Tooltip>\n      </Flex>\n    );\n  };\n\n  /** 弹层内容：搜索、slot、关注区、Tab、项目列表 */\n  const content = (\n    <div className={styles.ykPorjectSelectContent}>\n      <div className={styles.ykPorjectSelectHeader}>\n        <Input\n          ref={searchInputRef}\n          className={styles.ykPorjectSelectSearchInput}\n          prefix={<SearchOutlined style={{ color: '#999', marginRight: '10px' }} />}\n          value={searchKey}\n          onChange={(e) => setSearchKey(e.target.value)}\n          allowClear\n          placeholder='请输入项目ID/名称'\n        />\n      </div>\n      {slot && <div className={styles.ykPorjectSelectSoltContainer}>{slot}</div>}\n      <div className={styles.ykPorjectSelectFollowed}>\n        <div className={styles.contentHeader}>关注项目</div>\n        <div className={styles.ykPorjectSelectFollowedList}>\n          {followedOptions.map((item) => (\n            <Tooltip\n              key={item.value}\n              title={\n                <>\n                  <div style={{ fontSize: 14, color: '#555555' }}>{item.label}</div>\n                  <div style={{ fontSize: 12, color: '#999' }}>ID: {item.value}</div>\n                </>\n              }\n              color='#fff'\n              placement='bottomLeft'\n              styles={{ body: { color: '#333' } }}\n            >\n              <div key={item.value} className={styles.ykPorjectSelectFollowedItem}>\n                <img className={styles.ykPorjectSelectFollowedItemIcon} src={item.icon} alt={item.label} />\n                <div className={styles.closeIcon} onClick={() => void handleStarChange(item, 0)} />\n              </div>\n            </Tooltip>\n          ))}\n        </div>\n      </div>\n      <Tabs\n        className={styles.ykPorjectSelectProductPanelTabs}\n        centered\n        onChange={handleTabChange}\n        activeKey={status}\n        items={tabs}\n      ></Tabs>\n      {localOptions.length === 0 ? (\n        <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />\n      ) : (\n        <div className={styles.ykPorjectSelectListSection}>\n          <div className={styles.contentHeader}>全部项目</div>\n          <Scrollbars\n            className={styles.ykPorjectSelectScrollBarsBox}\n            autoHeight\n            autoHide\n            autoHeightMax={Math.min(450, pageHeight - 310)}\n            renderThumbVertical={({ style, ...props }) => (\n              <div {...props} style={{ ...style, background: '#EEEEEE', borderRadius: 3, width: 6 }} />\n            )}\n          >\n            {localOptions\n              .sort((a, b) => (b.recent_visit ? 1 : 0) - (a.recent_visit ? 1 : 0))\n              .map((item) => (\n                <div\n                  key={item.value}\n                  className={classNames(styles.contentItem, item.value === value ? styles.contentItemActive : '')}\n                >\n                  {renderItem(item)}\n                </div>\n              ))}\n          </Scrollbars>\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <Popover\n      className={styles.ykPorjectSelect}\n      styles={{ body: { borderRadius: 4, padding: 0 } }}\n      content={content}\n      placement='bottom'\n      trigger='click'\n      open={open}\n      onOpenChange={setOpen}\n      getPopupContainer={(triggerNode: HTMLElement) => triggerNode.parentNode as HTMLElement}\n      autoAdjustOverflow={false}\n    >\n      {customShow ? (\n        customShow\n      ) : (\n        <div className={styles.ykPorjectSelectShow}>\n          <img className={styles.ykPorjectSelectShowIcon} src={activeItem?.icon} alt={activeItem?.label} />\n          <span className={styles.ykPorjectSelectShowText}>{activeItem?.label}</span>\n          <i className='iconfont icon-xiala' />\n        </div>\n      )}\n    </Popover>\n  );\n};\n\nexport default YkPorjectSelect;\n"],
+  "mappings": "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",
+  "names": ["React", "styles", "iconProductDefault", "TextWithTooltip", "classNames"]
+}