@yoka-ui/ui 1.0.1

package/dist/lib/components/SearchWithHistory/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+type SearchWithHistoryProps = {
+    /** localStorage 存储 key */
+    localstorageKey: string;
+    /** 可搜索的选项列表（含菜单路由、看板等） */
+    list: {
+        label: string;
+        value: string;
+        tag?: string;
+    }[];
+    placeholder?: string;
+    /** 选中项回调，value 为路由 path 或看板 id 等 */
+    onClick: (value: string) => void;
+};
+/**
+ * 带历史记录的搜索弹层
+ * - 无输入时展示最近搜索（localStorage 持久化）
+ * - 有输入时展示匹配的菜单/看板列表
+ */
+declare const SearchWithHistory: React.FC<SearchWithHistoryProps>;
+export default SearchWithHistory;

package/dist/lib/components/SearchWithHistory/index.js

@@ -0,0 +1,145 @@
+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/components/SearchWithHistory/index.tsx
+var SearchWithHistory_exports = {};
+__export(SearchWithHistory_exports, {
+  default: () => SearchWithHistory_default
+});
+module.exports = __toCommonJS(SearchWithHistory_exports);
+var import_TextWithToolTip = __toESM(require("../TextWithToolTip"));
+var import_icons = require("@ant-design/icons");
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_index_module = __toESM(require("./index.module.less"));
+var INPUT_THEME = {
+  token: { colorText: "rgba(191, 199, 209, 1)" },
+  components: {
+    Input: {
+      colorBgContainer: "rgba(45, 56, 86, 1)",
+      colorBorder: "#2D3856",
+      borderRadius: 18,
+      boxShadow: "inset 0px -0.5px 0px 0px rgba(20, 31, 62, 0.5)",
+      hoverBorderColor: "rgba(0, 85, 255, 1)",
+      paddingBlock: 6
+    }
+  }
+};
+var SearchWithHistory = ({
+  localstorageKey = "yk_search_history",
+  list,
+  placeholder = "搜索",
+  onClick
+}) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [searchValue, setSearchValue] = (0, import_react.useState)("");
+  const [historyList, setHistoryList] = (0, import_ahooks.useLocalStorageState)(
+    localstorageKey,
+    { defaultValue: [] }
+  );
+  const menuItemClick = (0, import_react.useCallback)(
+    (item) => {
+      onClick(item.value);
+      setOpen(false);
+      setHistoryList((prev = []) => [item, ...prev.filter((h) => h.value !== item.value)]);
+    },
+    [onClick, setHistoryList]
+  );
+  const clearHistory = (0, import_react.useCallback)(() => {
+    setOpen(false);
+    setTimeout(() => setHistoryList([]), 100);
+  }, [setHistoryList]);
+  const menuList = (0, import_react.useMemo)(() => list.filter((item) => item.label.includes(searchValue)), [list, searchValue]);
+  const historyContent = (0, import_react.useMemo)(
+    () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.historyHeader }, /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleOutlined, { style: { marginRight: 10, transform: "translateY(-1px)" } }), /* @__PURE__ */ import_react.default.createElement("span", null, "最近搜索"), /* @__PURE__ */ import_react.default.createElement("i", { className: "iconfont icon-lajitong", onClick: clearHistory })), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.historyList }, historyList.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.item, key: item.value, onClick: () => menuItemClick(item) }, /* @__PURE__ */ import_react.default.createElement(import_TextWithToolTip.default, { width: 160, text: item.label }), item.tag && /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.tag }, item.tag))))),
+    [historyList, clearHistory, menuItemClick]
+  );
+  const listContent = (0, import_react.useMemo)(
+    () => /* @__PURE__ */ import_react.default.createElement("div", null, menuList.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { key: item.value, className: import_index_module.default.item, onClick: () => menuItemClick(item) }, /* @__PURE__ */ import_react.default.createElement(import_TextWithToolTip.default, { width: 160, text: item.label, highlight: searchValue }), item.tag && /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.tag }, item.tag)))),
+    [menuList, searchValue, menuItemClick]
+  );
+  const content = (0, import_react.useMemo)(() => {
+    if (!searchValue) {
+      if (historyList.length === 0)
+        return null;
+      return /* @__PURE__ */ import_react.default.createElement("div", null, historyContent);
+    }
+    if (menuList.length === 0)
+      return /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#999" } }, "暂无搜索结果");
+    return listContent;
+  }, [searchValue, historyList, historyContent, menuList, listContent]);
+  (0, import_react.useEffect)(() => {
+    if (!content)
+      setOpen(false);
+  }, [content]);
+  const shouldOpen = (value) => {
+    if (value)
+      return true;
+    return historyList.length > 0;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      open,
+      onOpenChange: (nextOpen) => {
+        if (nextOpen && !content)
+          return;
+        setOpen(nextOpen);
+      },
+      className: import_index_module.default.popover,
+      styles: { body: { borderRadius: 4, width: 250, paddingRight: 0 } },
+      fresh: true,
+      title: false,
+      trigger: "click",
+      placement: "bottomLeft",
+      arrow: false,
+      content,
+      getPopupContainer: (triggerNode) => triggerNode.parentNode,
+      autoAdjustOverflow: false
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.ConfigProvider, { theme: INPUT_THEME }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Input,
+      {
+        className: import_index_module.default.inputContainer,
+        classNames: { input: import_index_module.default.input },
+        placeholder,
+        prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, null),
+        value: searchValue,
+        onFocus: () => historyList.length > 0 && setOpen(true),
+        onChange: (e) => {
+          const val = e.target.value;
+          setSearchValue(val);
+          setOpen(shouldOpen(val));
+        }
+      }
+    ))
+  );
+};
+var SearchWithHistory_default = SearchWithHistory;
+//# sourceMappingURL=index.js.map

package/dist/lib/components/SearchWithHistory/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/SearchWithHistory/index.tsx"],
+  "sourcesContent": ["import TextWithTooltip from '@/components/TextWithToolTip';\nimport { ClockCircleOutlined, SearchOutlined } from '@ant-design/icons';\nimport { useLocalStorageState } from 'ahooks';\nimport { ConfigProvider, Input, Popover } from 'antd';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport styles from './index.module.less';\n\ntype SearchWithHistoryProps = {\n  /** localStorage 存储 key */\n  localstorageKey: string;\n  /** 可搜索的选项列表（含菜单路由、看板等） */\n  list: { label: string; value: string; tag?: string }[];\n  placeholder?: string;\n  /** 选中项回调，value 为路由 path 或看板 id 等 */\n  onClick: (value: string) => void;\n};\n\nconst INPUT_THEME = {\n  token: { colorText: 'rgba(191, 199, 209, 1)' },\n  components: {\n    Input: {\n      colorBgContainer: 'rgba(45, 56, 86, 1)',\n      colorBorder: '#2D3856',\n      borderRadius: 18,\n      boxShadow: 'inset 0px -0.5px 0px 0px rgba(20, 31, 62, 0.5)',\n      hoverBorderColor: 'rgba(0, 85, 255, 1)',\n      paddingBlock: 6,\n    },\n  },\n};\n\n/**\n * 带历史记录的搜索弹层\n * - 无输入时展示最近搜索（localStorage 持久化）\n * - 有输入时展示匹配的菜单/看板列表\n */\nconst SearchWithHistory: React.FC<SearchWithHistoryProps> = ({\n  localstorageKey = 'yk_search_history',\n  list,\n  placeholder = '搜索',\n  onClick,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState('');\n  const [historyList, setHistoryList] = useLocalStorageState<{ label: string; value: string; tag?: string }[]>(\n    localstorageKey,\n    { defaultValue: [] },\n  );\n\n  /** 选中项：执行回调并更新历史（同 value 则置顶） */\n  const menuItemClick = useCallback(\n    (item: { label: string; value: string; tag?: string }) => {\n      onClick(item.value);\n      setOpen(false);\n      setHistoryList((prev = []) => [item, ...prev.filter((h) => h.value !== item.value)]);\n    },\n    [onClick, setHistoryList],\n  );\n\n  /** 清空历史 */\n  const clearHistory = useCallback(() => {\n    setOpen(false);\n    setTimeout(() => setHistoryList([]), 100);\n  }, [setHistoryList]);\n\n  /** 匹配的选项列表（按 label 包含搜索词过滤） */\n  const menuList = useMemo(() => list.filter((item) => item.label.includes(searchValue)), [list, searchValue]);\n\n  /** 最近搜索列表 DOM */\n  const historyContent = useMemo(\n    () => (\n      <div>\n        <div className={styles.historyHeader}>\n          <ClockCircleOutlined style={{ marginRight: 10, transform: 'translateY(-1px)' }} />\n          <span>最近搜索</span>\n          <i className='iconfont icon-lajitong' onClick={clearHistory} />\n        </div>\n        <div className={styles.historyList}>\n          {historyList.map((item) => (\n            <div className={styles.item} key={item.value} onClick={() => menuItemClick(item)}>\n              <TextWithTooltip width={160} text={item.label} />\n              {item.tag && <div className={styles.tag}>{item.tag}</div>}\n            </div>\n          ))}\n        </div>\n      </div>\n    ),\n    [historyList, clearHistory, menuItemClick],\n  );\n\n  /** 搜索结果列表 DOM */\n  const listContent = useMemo(\n    () => (\n      <div>\n        {menuList.map((item) => (\n          <div key={item.value} className={styles.item} onClick={() => menuItemClick(item)}>\n            <TextWithTooltip width={160} text={item.label} highlight={searchValue} />\n            {item.tag && <div className={styles.tag}>{item.tag}</div>}\n          </div>\n        ))}\n      </div>\n    ),\n    [menuList, searchValue, menuItemClick],\n  );\n\n  /**\n   * 弹层内容：根据输入与历史决定\n   * 1. 无历史 → null（不展示弹层）\n   * 2. 有历史且无输入 → 最近搜索\n   * 3. 有输入且无匹配 → 暂无搜索结果\n   * 4. 有输入且匹配 → 菜单列表\n   */\n  const content = useMemo(() => {\n    if (!searchValue) {\n      if (historyList.length === 0) return null;\n      return <div>{historyContent}</div>;\n    }\n    if (menuList.length === 0) return <div style={{ color: '#999' }}>暂无搜索结果</div>;\n    return listContent;\n  }, [searchValue, historyList, historyContent, menuList, listContent]);\n\n  /** 内容为空时关闭弹层（如清空输入且无历史） */\n  useEffect(() => {\n    if (!content) setOpen(false);\n  }, [content]);\n\n  /** 有输入或有历史时显示弹层 */\n  const shouldOpen = (value: string) => {\n    if (value) return true;\n    return historyList.length > 0;\n  };\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(nextOpen) => {\n        if (nextOpen && !content) return; // 无内容时不打开，避免空白弹层\n        setOpen(nextOpen);\n      }}\n      className={styles.popover}\n      styles={{ body: { borderRadius: 4, width: 250, paddingRight: 0 } }}\n      fresh\n      title={false}\n      trigger='click'\n      placement='bottomLeft'\n      arrow={false}\n      content={content}\n      getPopupContainer={(triggerNode: HTMLElement) => triggerNode.parentNode as HTMLElement}\n      autoAdjustOverflow={false}\n    >\n      <ConfigProvider theme={INPUT_THEME}>\n        <Input\n          className={styles.inputContainer}\n          classNames={{ input: styles.input }}\n          placeholder={placeholder}\n          prefix={<SearchOutlined />}\n          value={searchValue}\n          onFocus={() => historyList.length > 0 && setOpen(true)}\n          onChange={(e) => {\n            const val = e.target.value;\n            setSearchValue(val);\n            setOpen(shouldOpen(val));\n          }}\n        />\n      </ConfigProvider>\n    </Popover>\n  );\n};\n\nexport default SearchWithHistory;\n"],
+  "mappings": "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",
+  "names": ["React", "styles", "TextWithTooltip"]
+}

package/dist/lib/components/SearchWithHistory/index.module.less

@@ -0,0 +1,64 @@
+.inputContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 250px;
+}
+
+.input {
+  height: 20px;
+  color: rgba(191, 199, 209, 1) !important;
+  caret-color: #1890ff;
+
+  &::placeholder {
+    color: rgba(150, 166, 189, 1) !important;
+  }
+  &::-webkit-input-placeholder {
+    color: rgba(150, 166, 189, 1) !important;
+  }
+}
+
+.historyHeader {
+  display: flex;
+  align-items: center;
+  height: 17px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  color: rgba(153, 153, 153, 1);
+  font-size: 12px;
+  line-height: 17px;
+
+  i {
+    margin-left: auto;
+    cursor: pointer;
+  }
+}
+
+.historyList {
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 30px;
+  margin-right: 10px;
+  padding: 0 16px;
+  color: #666;
+  line-height: 30px;
+  border-radius: 2px;
+  cursor: pointer;
+  transition: all 0.2s;
+
+  &:hover {
+    color: #3b82fe;
+    background: #f1f8ff;
+  }
+
+  .tag {
+    color: #999;
+    font-size: 12px;
+  }
+}

package/dist/lib/components/TextWithInput/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+/**
+ * 文本可编辑组件的 Props
+ */
+type PropsType = {
+    /** 当前展示/提交的文本值，受控 */
+    value: string;
+    /** 确认编辑后的回调，参数为输入框内的新值 */
+    callback: (value: string) => void;
+};
+/**
+ * 文本 + 内联编辑：默认展示文案与编辑图标，点击图标切为输入框+确认/取消，确认时调用 callback。
+ */
+declare const TextWithInput: React.FC<PropsType>;
+export default TextWithInput;

package/dist/lib/components/TextWithInput/index.js

@@ -0,0 +1,65 @@
+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/components/TextWithInput/index.tsx
+var TextWithInput_exports = {};
+__export(TextWithInput_exports, {
+  default: () => TextWithInput_default
+});
+module.exports = __toCommonJS(TextWithInput_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var TextWithInput = ({ value, callback }) => {
+  const [isEdit, setIsEdit] = (0, import_react.useState)(false);
+  const [localValue, setLocalValue] = (0, import_react.useState)(value);
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 5 } }, isEdit ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { value: localValue, style: { borderRadius: 2 }, onChange: (e) => setLocalValue(e.target.value) }), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      size: "small",
+      type: "primary",
+      style: { width: 30, height: 30 },
+      onClick: () => {
+        callback(localValue);
+        setIsEdit(false);
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_icons.CheckOutlined, null)
+  ), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "small", style: { width: 30, height: 30 }, onClick: () => setIsEdit(false) }, /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, null))) : /* @__PURE__ */ import_react.default.createElement("span", null, value, /* @__PURE__ */ import_react.default.createElement(
+    import_icons.EditOutlined,
+    {
+      style: { marginLeft: 10, cursor: "pointer", color: "#333" },
+      onClick: () => {
+        setLocalValue(value);
+        setIsEdit(true);
+      }
+    }
+  )));
+};
+var TextWithInput_default = TextWithInput;
+//# sourceMappingURL=index.js.map

package/dist/lib/components/TextWithInput/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/TextWithInput/index.tsx"],
+  "sourcesContent": ["import { CheckOutlined, CloseOutlined, EditOutlined } from '@ant-design/icons';\nimport { Button, Input } from 'antd';\nimport React, { useState } from 'react';\n\n/**\n * 文本可编辑组件的 Props\n */\ntype PropsType = {\n  /** 当前展示/提交的文本值，受控 */\n  value: string;\n  /** 确认编辑后的回调，参数为输入框内的新值 */\n  callback: (value: string) => void;\n};\n\n/**\n * 文本 + 内联编辑：默认展示文案与编辑图标，点击图标切为输入框+确认/取消，确认时调用 callback。\n */\nconst TextWithInput: React.FC<PropsType> = ({ value, callback }) => {\n  /** 是否处于编辑态（显示输入框与确认/取消按钮） */\n  const [isEdit, setIsEdit] = useState(false);\n  /** 编辑态下的输入内容，进入编辑时从 value 同步 */\n  const [localValue, setLocalValue] = useState(value);\n\n  return (\n    <div style={{ display: 'flex', alignItems: 'center', gap: 5 }}>\n      {isEdit ? (\n        <>\n          <Input value={localValue} style={{ borderRadius: 2 }} onChange={(e) => setLocalValue(e.target.value)} />\n          <Button\n            size='small'\n            type='primary'\n            style={{ width: 30, height: 30 }}\n            onClick={() => {\n              callback(localValue);\n              setIsEdit(false);\n            }}\n          >\n            <CheckOutlined />\n          </Button>\n          <Button size='small' style={{ width: 30, height: 30 }} onClick={() => setIsEdit(false)}>\n            <CloseOutlined />\n          </Button>\n        </>\n      ) : (\n        <span>\n          {value}\n          <EditOutlined\n            style={{ marginLeft: 10, cursor: 'pointer', color: '#333' }}\n            onClick={() => {\n              setLocalValue(value);\n              setIsEdit(true);\n            }}\n          />\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default TextWithInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2D;AAC3D,kBAA8B;AAC9B,mBAAgC;AAehC,IAAM,gBAAqC,CAAC,EAAE,OAAO,SAAS,MAAM;AAElE,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAE1C,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAElD,SACE,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAE,KACzD,SACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,qBAAM,OAAO,YAAY,OAAO,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK,GAAG,GACtG,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG;AAAA,MAC/B,SAAS,MAAM;AACb,iBAAS,UAAU;AACnB,kBAAU,KAAK;AAAA,MACjB;AAAA;AAAA,IAEA,6BAAAA,QAAA,cAAC,gCAAc;AAAA,EACjB,GACA,6BAAAA,QAAA,cAAC,sBAAO,MAAK,SAAQ,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG,GAAG,SAAS,MAAM,UAAU,KAAK,KACnF,6BAAAA,QAAA,cAAC,gCAAc,CACjB,CACF,IAEA,6BAAAA,QAAA,cAAC,cACE,OACD,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,YAAY,IAAI,QAAQ,WAAW,OAAO,OAAO;AAAA,MAC1D,SAAS,MAAM;AACb,sBAAc,KAAK;AACnB,kBAAU,IAAI;AAAA,MAChB;AAAA;AAAA,EACF,CACF,CAEJ;AAEJ;AAEA,IAAO,wBAAQ;",
+  "names": ["React"]
+}

package/dist/lib/components/TextWithToolTip/index.d.ts

@@ -0,0 +1,17 @@
+import { TooltipProps } from 'antd';
+import React from 'react';
+type PropsType = {
+    text: number | string | React.ReactNode;
+    placement?: 'top' | 'left' | 'right' | 'bottom';
+    zIndex?: number;
+    color?: string;
+    styles?: TooltipProps['styles'];
+    width: number | string;
+    maxWidth?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+    highlight?: string;
+    arrow?: boolean;
+};
+declare const TextWithTooltip: React.FC<PropsType>;
+export default TextWithTooltip;

package/dist/lib/components/TextWithToolTip/index.js

@@ -0,0 +1,134 @@
+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/components/TextWithToolTip/index.tsx
+var TextWithToolTip_exports = {};
+__export(TextWithToolTip_exports, {
+  default: () => TextWithToolTip_default
+});
+module.exports = __toCommonJS(TextWithToolTip_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var TextWithTooltip = ({
+  text,
+  placement = "top",
+  zIndex,
+  width,
+  maxWidth,
+  className,
+  style = {},
+  color,
+  styles,
+  highlight = "",
+  arrow = false
+}) => {
+  const [showTooltip, setShowTooltip] = (0, import_react.useState)(false);
+  const textRef = (0, import_react.useRef)(null);
+  const handleMouseEnter = () => {
+    if (textRef.current) {
+      const range = document.createRange();
+      range.selectNodeContents(textRef.current);
+      const rangeWidth = range.getBoundingClientRect().width;
+      const actualWidth = textRef.current.getBoundingClientRect().width;
+      setShowTooltip(rangeWidth > actualWidth);
+    }
+  };
+  function splitString(str, delimiter) {
+    const result = [];
+    let match;
+    const escapedDelimiter = delimiter.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&");
+    const regex = new RegExp(`(${escapedDelimiter})`, "gi");
+    let remaining = str;
+    while ((match = regex.exec(remaining)) !== null) {
+      const index = match.index;
+      if (index !== 0) {
+        result.push(remaining.slice(0, index));
+      }
+      result.push(match[1]);
+      remaining = remaining.slice(index + match[1].length);
+      regex.lastIndex = 0;
+    }
+    if (remaining.length > 0) {
+      result.push(remaining);
+    }
+    return result;
+  }
+  const highlightedText = (text2) => {
+    if (highlight && (typeof text2 === "string" || typeof text2 === "number")) {
+      return splitString(text2.toString(), highlight).map((part, index) => {
+        if (part.toUpperCase() === highlight.toUpperCase()) {
+          return /* @__PURE__ */ import_react.default.createElement("span", { key: index, style: { color: "#ffb401" } }, part);
+        } else {
+          return /* @__PURE__ */ import_react.default.createElement("span", { key: index }, part);
+        }
+      });
+    } else {
+      return text2;
+    }
+  };
+  const formatWidth = (value) => {
+    if (typeof value === "string" && /^\d+$/.test(value)) {
+      return `${value}px`;
+    }
+    return value;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Tooltip,
+    {
+      open: showTooltip,
+      title: text,
+      placement,
+      arrow,
+      destroyOnHidden: true,
+      color: color ? color : "#fff",
+      styles: styles ? styles : { body: { color: "#333", fontSize: 12 } },
+      ...zIndex ? { zIndex } : {}
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        ref: textRef,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: () => setShowTooltip(false),
+        className,
+        style: {
+          display: "inline-block",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap",
+          verticalAlign: "bottom",
+          ...style,
+          ...maxWidth ? { maxWidth: formatWidth(maxWidth) } : { width: formatWidth(width) }
+        }
+      },
+      highlightedText(text)
+    )
+  );
+};
+var TextWithToolTip_default = TextWithTooltip;
+//# sourceMappingURL=index.js.map

package/dist/lib/components/TextWithToolTip/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/TextWithToolTip/index.tsx"],
+  "sourcesContent": ["import { Tooltip, TooltipProps } from 'antd';\nimport React, { useRef, useState } from 'react';\n\ntype PropsType = {\n  text: number | string | React.ReactNode;\n  placement?: 'top' | 'left' | 'right' | 'bottom';\n  zIndex?: number;\n  color?: string;\n  styles?: TooltipProps['styles'];\n  width: number | string;\n  maxWidth?: number | string;\n  className?: string;\n  style?: React.CSSProperties;\n  highlight?: string; // 高亮的关键字\n  arrow?: boolean;\n};\n\nconst TextWithTooltip: React.FC<PropsType> = ({\n  text,\n  placement = 'top',\n  zIndex,\n  width,\n  maxWidth,\n  className,\n  style = {},\n  color,\n  styles,\n  highlight = '',\n  arrow = false,\n}) => {\n  const [showTooltip, setShowTooltip] = useState(false);\n  const textRef = useRef(null);\n\n  const handleMouseEnter = () => {\n    if (textRef.current) {\n      const range = document.createRange();\n      range.selectNodeContents(textRef.current);\n      const rangeWidth = range.getBoundingClientRect().width;\n      const actualWidth = (textRef.current as HTMLElement).getBoundingClientRect().width;\n      setShowTooltip(rangeWidth > actualWidth);\n    }\n  };\n\n  // 将text按照高亮关键字拆分成数组\n  function splitString(str: string, delimiter: string) {\n    const result = [];\n    let match;\n    const escapedDelimiter = delimiter.replace(/[-/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n    const regex = new RegExp(`(${escapedDelimiter})`, 'gi');\n    let remaining = str; // 新建变量存储剩余字符串\n\n    while ((match = regex.exec(remaining)) !== null) {\n      const index = match.index;\n      if (index !== 0) {\n        result.push(remaining.slice(0, index));\n      }\n      result.push(match[1]);\n      remaining = remaining.slice(index + match[1].length);\n      regex.lastIndex = 0;\n    }\n    if (remaining.length > 0) {\n      result.push(remaining);\n    }\n    return result;\n  }\n\n  // text是ReactNode时，不处理高亮\n  const highlightedText = (text: number | string | React.ReactNode): React.ReactNode => {\n    if (highlight && (typeof text === 'string' || typeof text === 'number')) {\n      return splitString(text.toString(), highlight).map((part, index) => {\n        if (part.toUpperCase() === highlight.toUpperCase()) {\n          return (\n            <span key={index} style={{ color: '#ffb401' }}>\n              {part}\n            </span>\n          );\n        } else {\n          return <span key={index}>{part}</span>;\n        }\n      });\n    } else {\n      return text;\n    }\n  };\n\n  // 处理宽度值，确保字符串数字能正确转换为带单位的 CSS 值\n  const formatWidth = (value: number | string): number | string => {\n    if (typeof value === 'string' && /^\\d+$/.test(value)) {\n      // 如果是纯数字字符串，添加 px 单位\n      return `${value}px`;\n    }\n    return value;\n  };\n\n  return (\n    <Tooltip\n      open={showTooltip}\n      title={text}\n      placement={placement}\n      arrow={arrow}\n      destroyOnHidden={true}\n      color={color ? color : '#fff'}\n      styles={styles ? styles : { body: { color: '#333', fontSize: 12 } }}\n      {...(zIndex ? { zIndex } : {})}\n    >\n      <span\n        ref={textRef}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={() => setShowTooltip(false)}\n        className={className}\n        style={{\n          display: 'inline-block',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n          verticalAlign: 'bottom',\n          ...style,\n          ...(maxWidth ? { maxWidth: formatWidth(maxWidth) } : { width: formatWidth(width) }),\n        }}\n      >\n        {highlightedText(text)}\n      </span>\n    </Tooltip>\n  );\n};\n\nexport default TextWithTooltip;\n"],
+  "mappings": "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",
+  "names": ["text", "React"]
+}

package/dist/lib/components/TreeTransfer/components/TreeTransferPanel/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * TreeTransferPanel
+ *
+ * 树形穿梭框单侧面板：搜索框 + 树形表格 + 分页器。
+ *
+ * @example
+ * ```tsx
+ * <TreeTransferPanel
+ *   dataSource={data}
+ *   selectedRowKeys={selectedKeys}
+ *   onRowSelect={handleRowSelect}
+ *   searchValue={searchValue}
+ *   setSearchValue={setSearchValue}
+ *   totalCount={totalCount}
+ *   title="待分配项"
+ *   showPagination={true}
+ *   currentPage={currentPage}
+ *   pageSize={20}
+ *   onPageChange={handlePageChange}
+ *   columns={customColumns}
+ * />
+ * ```
+ */
+import React from 'react';
+import { TreeTransferPanelProps } from '../../types';
+import './index.less';
+declare const TreeTransferPanel: <T>({ dataSource, selectedRowKeys, onRowSelect, searchValue, setSearchValue, totalCount, title, showPagination, currentPage, pageSize, onPageChange, columns: customColumns, customRender, searchPlaceholder, }: TreeTransferPanelProps<T>) => React.JSX.Element;
+export default TreeTransferPanel;