@pisell/materials 6.3.25 → 6.3.27

package/lib/components/pisellLookup/components/SearchHistory.js

@@ -0,0 +1,73 @@
+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/pisellLookup/components/SearchHistory.tsx
+var SearchHistory_exports = {};
+__export(SearchHistory_exports, {
+  SearchHistory: () => SearchHistory
+});
+module.exports = __toCommonJS(SearchHistory_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var SearchHistory = (props) => {
+  const { history, onSelect, onRemove, onClear, render, className, style } = props;
+  if (!history || history.length === 0) {
+    return null;
+  }
+  if (render) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, render(history, onSelect));
+  }
+  const handleClick = (keyword) => {
+    onSelect(keyword);
+  };
+  const handleRemove = (e, keyword) => {
+    e.stopPropagation();
+    onRemove == null ? void 0 : onRemove(keyword);
+  };
+  const handleClearAll = () => {
+    onClear == null ? void 0 : onClear();
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lookup-history ${className || ""}`, style }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lookup-history-list" }, history.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Tag,
+    {
+      key: `${item}-${index}`,
+      className: "pisell-lookup-history-item",
+      onClick: () => handleClick(item),
+      closable: !!onRemove,
+      onClose: (e) => handleRemove(e, item),
+      closeIcon: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, null)
+    },
+    item
+  ))));
+};
+SearchHistory.displayName = "SearchHistory";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SearchHistory
+});

package/lib/components/pisellLookup/components/SuggestWords.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SuggestWordsProps } from '../types';
+/**
+ * SuggestWords 组件
+ * 展示搜索联想词
+ */
+export declare const SuggestWords: React.FC<SuggestWordsProps>;

package/lib/components/pisellLookup/components/SuggestWords.js

@@ -0,0 +1,71 @@
+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/pisellLookup/components/SuggestWords.tsx
+var SuggestWords_exports = {};
+__export(SuggestWords_exports, {
+  SuggestWords: () => SuggestWords
+});
+module.exports = __toCommonJS(SuggestWords_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var SuggestWords = (props) => {
+  const { suggestions, onSelect, render, className, style } = props;
+  if (!suggestions || suggestions.length === 0) {
+    return null;
+  }
+  if (render) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, render(suggestions, onSelect));
+  }
+  const handleClick = (keyword) => {
+    onSelect(keyword);
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lookup-suggestions ${className || ""}`, style }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.List,
+    {
+      className: "pisell-lookup-suggestions-list",
+      size: "small",
+      dataSource: suggestions,
+      renderItem: (item) => /* @__PURE__ */ import_react.default.createElement(
+        import_antd.List.Item,
+        {
+          className: "pisell-lookup-suggestions-item",
+          onClick: () => handleClick(item)
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, { style: { marginRight: 8, color: "#667085" } }),
+        item
+      )
+    }
+  ));
+};
+SuggestWords.displayName = "SuggestWords";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SuggestWords
+});

package/lib/components/pisellLookup/components/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 子组件统一导出
+ */
+export { SearchHistory } from './SearchHistory';
+export { SuggestWords } from './SuggestWords';
+export { HotWords } from './HotWords';
+export { LookupAuxiliary } from './LookupAuxiliary';
+export { LookupTrigger } from './LookupTrigger';
+export { LookupResultHost } from './LookupResultHost';

package/lib/components/pisellLookup/components/index.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellLookup/components/index.tsx
+var components_exports = {};
+__export(components_exports, {
+  HotWords: () => import_HotWords.HotWords,
+  LookupAuxiliary: () => import_LookupAuxiliary.LookupAuxiliary,
+  LookupResultHost: () => import_LookupResultHost.LookupResultHost,
+  LookupTrigger: () => import_LookupTrigger.LookupTrigger,
+  SearchHistory: () => import_SearchHistory.SearchHistory,
+  SuggestWords: () => import_SuggestWords.SuggestWords
+});
+module.exports = __toCommonJS(components_exports);
+var import_SearchHistory = require("./SearchHistory");
+var import_SuggestWords = require("./SuggestWords");
+var import_HotWords = require("./HotWords");
+var import_LookupAuxiliary = require("./LookupAuxiliary");
+var import_LookupTrigger = require("./LookupTrigger");
+var import_LookupResultHost = require("./LookupResultHost");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HotWords,
+  LookupAuxiliary,
+  LookupResultHost,
+  LookupTrigger,
+  SearchHistory,
+  SuggestWords
+});

package/lib/components/pisellLookup/hooks/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 自定义 Hooks 统一导出
+ */
+export * from './useSearchState';
+export * from './useSearchHistory';
+export * from './useDebounceSearch';

package/lib/components/pisellLookup/hooks/index.js

@@ -0,0 +1,27 @@
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellLookup/hooks/index.ts
+var hooks_exports = {};
+module.exports = __toCommonJS(hooks_exports);
+__reExport(hooks_exports, require("./useSearchState"), module.exports);
+__reExport(hooks_exports, require("./useSearchHistory"), module.exports);
+__reExport(hooks_exports, require("./useDebounceSearch"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./useSearchState"),
+  ...require("./useSearchHistory"),
+  ...require("./useDebounceSearch")
+});

package/lib/components/pisellLookup/hooks/useDebounceSearch.js

@@ -0,0 +1,66 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellLookup/hooks/useDebounceSearch.ts
+var useDebounceSearch_exports = {};
+__export(useDebounceSearch_exports, {
+  useDebounceSearch: () => useDebounceSearch
+});
+module.exports = __toCommonJS(useDebounceSearch_exports);
+var import_react = require("react");
+var useDebounceSearch = (options) => {
+  const { keyword, debounceTime, onSearch, enabled = true, lastSearchKeyword } = options;
+  const [debouncedKeyword, setDebouncedKeyword] = (0, import_react.useState)(keyword);
+  const timerRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (!enabled) {
+      setDebouncedKeyword(keyword);
+      return;
+    }
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+    }
+    timerRef.current = setTimeout(() => {
+      setDebouncedKeyword(keyword);
+    }, debounceTime);
+    return () => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+      }
+    };
+  }, [keyword, debounceTime, enabled]);
+  (0, import_react.useEffect)(() => {
+    if (enabled && onSearch && debouncedKeyword !== void 0) {
+      if (lastSearchKeyword !== void 0 && debouncedKeyword === lastSearchKeyword) {
+        return;
+      }
+      try {
+        onSearch(debouncedKeyword);
+      } catch (error) {
+        console.error("Failed to trigger search:", error);
+      }
+    }
+  }, [debouncedKeyword, onSearch, enabled, lastSearchKeyword]);
+  return {
+    debouncedKeyword
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDebounceSearch
+});

package/lib/components/pisellLookup/hooks/useSearchHistory.d.ts

@@ -0,0 +1,48 @@
+/**
+ * 搜索历史管理 Hook
+ */
+export interface UseSearchHistoryOptions {
+    /**
+     * 存储 key
+     */
+    historyKey: string;
+    /**
+     * 最大历史记录数量
+     */
+    maxHistoryCount: number;
+    /**
+     * 自定义加载历史记录函数
+     */
+    onLoadHistory?: () => string[];
+    /**
+     * 自定义保存历史记录函数
+     */
+    onSaveHistory?: (history: string[]) => void;
+}
+export interface UseSearchHistoryResult {
+    /**
+     * 历史记录数组
+     */
+    history: string[];
+    /**
+     * 添加历史记录
+     */
+    addHistory: (keyword: string) => void;
+    /**
+     * 删除历史记录
+     */
+    removeHistory: (keyword: string) => void;
+    /**
+     * 清除全部历史记录
+     */
+    clearAllHistory: () => void;
+    /**
+     * 重新加载历史记录
+     */
+    reloadHistory: () => void;
+}
+/**
+ * 搜索历史管理 Hook
+ * 支持自定义存储逻辑
+ */
+export declare const useSearchHistory: (options: UseSearchHistoryOptions) => UseSearchHistoryResult;

package/lib/components/pisellLookup/hooks/useSearchHistory.js

@@ -0,0 +1,107 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellLookup/hooks/useSearchHistory.ts
+var useSearchHistory_exports = {};
+__export(useSearchHistory_exports, {
+  useSearchHistory: () => useSearchHistory
+});
+module.exports = __toCommonJS(useSearchHistory_exports);
+var import_react = require("react");
+var import_utils = require("../utils");
+var useSearchHistory = (options) => {
+  const { historyKey, maxHistoryCount, onLoadHistory, onSaveHistory } = options;
+  const [history, setHistory] = (0, import_react.useState)([]);
+  const reloadHistory = (0, import_react.useCallback)(() => {
+    try {
+      if (onLoadHistory) {
+        const loadedHistory = onLoadHistory();
+        setHistory(Array.isArray(loadedHistory) ? loadedHistory : []);
+      } else {
+        const loadedHistory = (0, import_utils.loadHistory)(historyKey);
+        setHistory(Array.isArray(loadedHistory) ? loadedHistory : []);
+      }
+    } catch (error) {
+      console.error("Failed to reload history:", error);
+      setHistory([]);
+    }
+  }, [historyKey, onLoadHistory]);
+  (0, import_react.useEffect)(() => {
+    reloadHistory();
+  }, [reloadHistory]);
+  const addHistory = (0, import_react.useCallback)(
+    (keyword) => {
+      if (!keyword || !keyword.trim()) {
+        return;
+      }
+      const trimmedKeyword = keyword.trim();
+      if (onSaveHistory) {
+        const safeHistory = Array.isArray(history) ? history : [];
+        const filteredHistory = safeHistory.filter((h) => h !== trimmedKeyword);
+        const newHistory = [trimmedKeyword, ...filteredHistory].slice(
+          0,
+          maxHistoryCount
+        );
+        setHistory(newHistory);
+        onSaveHistory(newHistory);
+      } else {
+        const newHistory = (0, import_utils.addHistoryItem)(
+          historyKey,
+          trimmedKeyword,
+          maxHistoryCount
+        );
+        setHistory(newHistory);
+      }
+    },
+    [history, historyKey, maxHistoryCount, onSaveHistory]
+  );
+  const removeHistory = (0, import_react.useCallback)(
+    (keyword) => {
+      if (onSaveHistory) {
+        const safeHistory = Array.isArray(history) ? history : [];
+        const newHistory = safeHistory.filter((h) => h !== keyword);
+        setHistory(newHistory);
+        onSaveHistory(newHistory);
+      } else {
+        const newHistory = (0, import_utils.removeHistoryItem)(historyKey, keyword);
+        setHistory(newHistory);
+      }
+    },
+    [history, historyKey, onSaveHistory]
+  );
+  const clearAllHistory = (0, import_react.useCallback)(() => {
+    if (onSaveHistory) {
+      setHistory([]);
+      onSaveHistory([]);
+    } else {
+      (0, import_utils.clearHistory)(historyKey);
+      setHistory([]);
+    }
+  }, [historyKey, onSaveHistory]);
+  return {
+    history,
+    addHistory,
+    removeHistory,
+    clearAllHistory,
+    reloadHistory
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSearchHistory
+});

package/lib/components/pisellLookup/hooks/useSearchState.js

@@ -0,0 +1,91 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellLookup/hooks/useSearchState.ts
+var useSearchState_exports = {};
+__export(useSearchState_exports, {
+  useSearchState: () => useSearchState
+});
+module.exports = __toCommonJS(useSearchState_exports);
+var import_react = require("react");
+var useSearchState = (options) => {
+  const {
+    value,
+    defaultValue = "",
+    visible: visibleProp,
+    defaultVisible = false,
+    onChange,
+    onVisibleChange,
+    onOpen,
+    onClose
+  } = options;
+  const isControlledKeyword = value !== void 0;
+  const isControlledVisible = visibleProp !== void 0;
+  const [internalKeyword, setInternalKeyword] = (0, import_react.useState)(defaultValue);
+  const [internalVisible, setInternalVisible] = (0, import_react.useState)(defaultVisible);
+  const keyword = isControlledKeyword ? value : internalKeyword;
+  const visible = isControlledVisible ? visibleProp : internalVisible;
+  const setKeyword = (0, import_react.useCallback)(
+    (newValue) => {
+      if (!isControlledKeyword) {
+        setInternalKeyword(newValue);
+      }
+      onChange == null ? void 0 : onChange(newValue);
+    },
+    [isControlledKeyword, onChange]
+  );
+  const setVisible = (0, import_react.useCallback)(
+    (newVisible) => {
+      const oldVisible = visible;
+      if (!isControlledVisible) {
+        setInternalVisible(newVisible);
+      }
+      onVisibleChange == null ? void 0 : onVisibleChange(newVisible);
+      if (newVisible && !oldVisible) {
+        onOpen == null ? void 0 : onOpen();
+      } else if (!newVisible && oldVisible) {
+        onClose == null ? void 0 : onClose();
+      }
+    },
+    [isControlledVisible, visible, onVisibleChange, onOpen, onClose]
+  );
+  const open = (0, import_react.useCallback)(() => {
+    setVisible(true);
+  }, [setVisible]);
+  const close = (0, import_react.useCallback)(() => {
+    setVisible(false);
+  }, [setVisible]);
+  const toggle = (0, import_react.useCallback)(() => {
+    setVisible(!visible);
+  }, [setVisible, visible]);
+  return {
+    keyword,
+    setKeyword,
+    visible,
+    setVisible,
+    open,
+    close,
+    toggle,
+    isControlledKeyword,
+    isControlledVisible
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSearchState
+});

package/lib/components/pisellLookup/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * PisellLookup 组件导出
+ */
+export { PisellLookup } from './PisellLookup';
+export type { PisellLookupRef } from './types';
+export type * from './types';

package/lib/components/pisellLookup/index.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellLookup/index.tsx
+var pisellLookup_exports = {};
+__export(pisellLookup_exports, {
+  PisellLookup: () => import_PisellLookup.PisellLookup
+});
+module.exports = __toCommonJS(pisellLookup_exports);
+var import_PisellLookup = require("./PisellLookup");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellLookup
+});