@pisell/materials 6.11.3 → 6.11.5

package/es/components/pisellLookup/components/HotWords.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { HotWordsProps } from '../types';
+/**
+ * HotWords 组件
+ * 展示热门搜索
+ */
+export declare const HotWords: React.FC<HotWordsProps>;

package/es/components/pisellLookup/components/HotWords.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { getText } from "../../../locales";
+
+/**
+ * HotWords 组件
+ * 展示热门搜索
+ */
+export var HotWords = function HotWords(props) {
+  var hotWords = props.hotWords,
+    onSelect = props.onSelect,
+    render = props.render,
+    className = props.className,
+    style = props.style;
+
+  // 如果没有热门搜索，不显示
+  if (!hotWords || hotWords.length === 0) {
+    return null;
+  }
+
+  // 使用自定义渲染
+  if (render) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, render(hotWords, onSelect));
+  }
+
+  /**
+   * 处理点击热门搜索
+   */
+  var handleClick = function handleClick(keyword) {
+    onSelect(keyword);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lookup-hotwords ".concat(className || ''),
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lookup-hotwords-title"
+  }, getText('pisell-lookup-popular-search')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lookup-hotwords-list"
+  }, hotWords.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: "".concat(item, "-").concat(index),
+      className: "pisell-lookup-hotwords-item",
+      onClick: function onClick() {
+        return handleClick(item);
+      },
+      title: item
+    }, item);
+  })));
+};
+HotWords.displayName = 'HotWords';

package/es/components/pisellLookup/components/LookupAuxiliary.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { LookupAuxiliaryProps } from '../types';
+/**
+ * LookupAuxiliary 组件
+ * 辅助信息层：搜索历史、联想词、热门搜索
+ */
+export declare const LookupAuxiliary: React.FC<LookupAuxiliaryProps>;

package/es/components/pisellLookup/components/LookupAuxiliary.js

@@ -0,0 +1,59 @@
+import React from 'react';
+import { SearchHistory } from "./SearchHistory";
+import { SuggestWords } from "./SuggestWords";
+import { HotWords } from "./HotWords";
+
+/**
+ * LookupAuxiliary 组件
+ * 辅助信息层：搜索历史、联想词、热门搜索
+ */
+export var LookupAuxiliary = function LookupAuxiliary(props) {
+  var keyword = props.keyword,
+    showHistory = props.showHistory,
+    _props$history = props.history,
+    history = _props$history === void 0 ? [] : _props$history,
+    showSuggestions = props.showSuggestions,
+    _props$suggestions = props.suggestions,
+    suggestions = _props$suggestions === void 0 ? [] : _props$suggestions,
+    showHotWords = props.showHotWords,
+    _props$hotWords = props.hotWords,
+    hotWords = _props$hotWords === void 0 ? [] : _props$hotWords,
+    onSelect = props.onSelect,
+    onRemoveHistory = props.onRemoveHistory,
+    onClearHistory = props.onClearHistory,
+    historyRender = props.historyRender,
+    suggestionsRender = props.suggestionsRender,
+    hotWordsRender = props.hotWordsRender,
+    className = props.className,
+    style = props.style;
+
+  // 判断是否有任何辅助信息需要显示
+  var hasHistory = showHistory && history.length > 0;
+  var hasSuggestions = showSuggestions && suggestions.length > 0 && keyword;
+  var hasHotWords = showHotWords && hotWords.length > 0 && !keyword;
+  var hasAnyContent = hasHistory || hasSuggestions || hasHotWords;
+
+  // 如果没有任何内容，不显示
+  if (!hasAnyContent) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lookup-auxiliary ".concat(className || ''),
+    style: style
+  }, hasHistory && /*#__PURE__*/React.createElement(SearchHistory, {
+    history: history,
+    onSelect: onSelect,
+    onRemove: onRemoveHistory,
+    onClear: onClearHistory,
+    render: historyRender
+  }), hasSuggestions && /*#__PURE__*/React.createElement(SuggestWords, {
+    suggestions: suggestions,
+    onSelect: onSelect,
+    render: suggestionsRender
+  }), hasHotWords && /*#__PURE__*/React.createElement(HotWords, {
+    hotWords: hotWords,
+    onSelect: onSelect,
+    render: hotWordsRender
+  }));
+};
+LookupAuxiliary.displayName = 'LookupAuxiliary';

package/es/components/pisellLookup/components/LookupResultHost.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { LookupResultHostProps } from '../types';
+/**
+ * LookupResultHost 组件
+ * 结果承载层：根据展示类型渲染不同的容器
+ */
+export declare const LookupResultHost: React.FC<LookupResultHostProps>;

package/es/components/pisellLookup/components/LookupResultHost.js

@@ -0,0 +1,185 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Modal, Drawer, Dropdown } from 'antd';
+import { CloseOutlined } from '@ant-design/icons';
+import { getText } from "../../../locales";
+
+/**
+ * LookupResultHost 组件
+ * 结果承载层：根据展示类型渲染不同的容器
+ */
+export var LookupResultHost = function LookupResultHost(props) {
+  var displayType = props.displayType,
+    visible = props.visible,
+    onClose = props.onClose,
+    children = props.children,
+    _props$modalWidth = props.modalWidth,
+    modalWidth = _props$modalWidth === void 0 ? 834 : _props$modalWidth,
+    modalStyle = props.modalStyle,
+    getContainer = props.getContainer,
+    _props$drawerWidth = props.drawerWidth,
+    drawerWidth = _props$drawerWidth === void 0 ? 378 : _props$drawerWidth,
+    _props$drawerPlacemen = props.drawerPlacement,
+    drawerPlacement = _props$drawerPlacemen === void 0 ? 'right' : _props$drawerPlacemen,
+    popupWidth = props.popupWidth,
+    containerStyle = props.containerStyle,
+    containerClassName = props.containerClassName,
+    _props$mask = props.mask,
+    mask = _props$mask === void 0 ? false : _props$mask,
+    _props$maskClosable = props.maskClosable,
+    maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable,
+    zIndex = props.zIndex,
+    onAfterOpen = props.onAfterOpen;
+
+  /**
+   * 渲染 Inline 模式
+   */
+  var renderInline = function renderInline() {
+    if (!visible) return null;
+
+    // 如果没有内容，不显示空容器
+    if (!children) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lookup-result-inline ".concat(containerClassName || ''),
+      style: containerStyle
+    }, children);
+  };
+
+  /**
+   * 渲染 Popup 模式
+   */
+  var renderPopup = function renderPopup() {
+    // 如果没有内容，不显示
+    if (!visible || !children) return null;
+    return /*#__PURE__*/React.createElement(Dropdown, {
+      open: visible,
+      onOpenChange: function onOpenChange(open) {
+        if (!open) onClose();
+      },
+      dropdownRender: function dropdownRender() {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "pisell-lookup-result-popup ".concat(containerClassName || ''),
+          style: _objectSpread({
+            width: popupWidth,
+            background: '#fff',
+            borderRadius: 8,
+            boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)'
+          }, containerStyle)
+        }, children);
+      },
+      trigger: ['click']
+    }, /*#__PURE__*/React.createElement("div", null));
+  };
+
+  /**
+   * 渲染 Modal 模式
+   */
+  var renderModal = function renderModal() {
+    // 如果没有遮罩层，点击背后内容不应该关闭 Modal
+    var effectiveMaskClosable = mask ? maskClosable : false;
+
+    // 检测是否使用自定义挂载点
+    var hasCustomContainer = getContainer !== undefined;
+
+    // 如果没有遮罩层，添加特殊类名以支持点击穿透
+    var modalClassName = ['pisell-lookup-modal-container', !mask ? 'pisell-lookup-modal-no-mask' : '', containerClassName || ''].filter(Boolean).join(' ');
+
+    // wrapClassName 用于控制 modal-wrap
+    // 只要使用了自定义挂载点，就应用特殊样式
+    var wrapClassName = hasCustomContainer ? 'pisell-lookup-modal-custom-container' : '';
+    return /*#__PURE__*/React.createElement(Modal, {
+      open: visible,
+      onCancel: onClose,
+      footer: null,
+      width: modalWidth,
+      style: _objectSpread({
+        top: 8
+      }, modalStyle),
+      getContainer: getContainer,
+      mask: mask,
+      maskClosable: effectiveMaskClosable,
+      zIndex: zIndex,
+      className: modalClassName,
+      wrapClassName: wrapClassName,
+      closeIcon: null,
+      destroyOnClose: true,
+      title: null,
+      afterOpenChange: function afterOpenChange(open) {
+        if (open && onAfterOpen) {
+          onAfterOpen();
+        }
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lookup-modal-wrapper",
+      style: containerStyle
+    }, children));
+  };
+
+  /**
+   * 渲染 Drawer 模式
+   */
+  var renderDrawer = function renderDrawer() {
+    // 如果没有遮罩层，点击背后内容不应该关闭 Drawer
+    var effectiveMaskClosable = mask ? maskClosable : false;
+
+    // 如果没有遮罩层，添加特殊类名以支持点击穿透
+    var drawerClassName = "pisell-lookup-drawer-container ".concat(!mask ? 'pisell-lookup-drawer-no-mask' : '', " ").concat(containerClassName || '');
+    return /*#__PURE__*/React.createElement(Drawer, {
+      open: visible,
+      onClose: onClose,
+      width: drawerWidth,
+      placement: drawerPlacement,
+      mask: mask,
+      maskClosable: effectiveMaskClosable,
+      zIndex: zIndex,
+      className: drawerClassName,
+      closeIcon: /*#__PURE__*/React.createElement(CloseOutlined, null),
+      destroyOnClose: true,
+      title: getText('pisell-lookup-confirm-button-text'),
+      afterOpenChange: function afterOpenChange(open) {
+        if (open && onAfterOpen) {
+          onAfterOpen();
+        }
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lookup-drawer-content",
+      style: containerStyle
+    }, children));
+  };
+
+  /**
+   * 渲染 Detached 模式
+   */
+  var renderDetached = function renderDetached() {
+    if (!visible) return null;
+
+    // 如果没有内容，不显示空容器
+    if (!children) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lookup-result-detached ".concat(containerClassName || ''),
+      style: containerStyle
+    }, children);
+  };
+
+  // 根据展示类型渲染
+  switch (displayType) {
+    case 'inline':
+      return renderInline();
+    case 'popup':
+      return renderPopup();
+    case 'modal':
+      return renderModal();
+    case 'drawer':
+      return renderDrawer();
+    case 'detached':
+      return renderDetached();
+    default:
+      return renderInline();
+  }
+};
+LookupResultHost.displayName = 'LookupResultHost';

package/es/components/pisellLookup/components/LookupTrigger.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { LookupTriggerProps, LookupTriggerRef } from '../types';
+export declare const LookupTrigger: React.ForwardRefExoticComponent<LookupTriggerProps & React.RefAttributes<LookupTriggerRef>>;

package/es/components/pisellLookup/components/LookupTrigger.js

@@ -0,0 +1,298 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { cloneElement, isValidElement, useState, useRef, useImperativeHandle, forwardRef } from 'react';
+import { Input, Button } from 'antd';
+import { SearchOutlined, CloseOutlined } from '@ant-design/icons';
+import { getText } from "../../../locales";
+import PisellQRScanner from "../../pisellQRScanner";
+import Iconfont from "../../iconfont";
+
+/**
+ * LookupTrigger 组件
+ * 触发器层：支持多种触发器类型
+ */
+var LookupTriggerComponent = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'input' : _props$type,
+    trigger = props.trigger,
+    triggerText = props.triggerText,
+    triggerIcon = props.triggerIcon,
+    _props$buttonText = props.buttonText,
+    buttonText = _props$buttonText === void 0 ? getText('pisell-lookup-button-text') : _props$buttonText,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? getText('pisell-lookup-placeholder') : _props$placeholder,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'middle' : _props$size,
+    _props$showPrefixIcon = props.showPrefixIcon,
+    showPrefixIcon = _props$showPrefixIcon === void 0 ? false : _props$showPrefixIcon,
+    prefixIcon = props.prefixIcon,
+    _props$showClear = props.showClear,
+    showClear = _props$showClear === void 0 ? true : _props$showClear,
+    _props$showConfirmBut = props.showConfirmButton,
+    showConfirmButton = _props$showConfirmBut === void 0 ? true : _props$showConfirmBut,
+    _props$confirmButtonT = props.confirmButtonText,
+    confirmButtonText = _props$confirmButtonT === void 0 ? getText('pisell-lookup-confirm-button-text') : _props$confirmButtonT,
+    _props$showScan = props.showScan,
+    showScan = _props$showScan === void 0 ? true : _props$showScan,
+    value = props.value,
+    onChange = props.onChange,
+    onClick = props.onClick,
+    onFocus = props.onFocus,
+    onConfirm = props.onConfirm,
+    onScan = props.onScan,
+    onClear = props.onClear,
+    onBlur = props.onBlur,
+    _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
+    className = props.className,
+    style = props.style;
+
+  /**
+   * Input 输入框的 ref
+   */
+  var inputRef = useRef(null);
+
+  /**
+   * 暴露给外部的方法
+   */
+  useImperativeHandle(ref, function () {
+    return {
+      focus: function focus() {
+        var _inputRef$current;
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+      },
+      select: function select() {
+        var _inputRef$current2;
+        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.select();
+      }
+    };
+  }, []);
+
+  /**
+   * 扫码弹窗可见性状态
+   */
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    scanVisible = _useState2[0],
+    setScanVisible = _useState2[1];
+
+  /**
+   * 处理输入变化
+   */
+  var handleChange = function handleChange(e) {
+    onChange === null || onChange === void 0 || onChange(e.target.value);
+  };
+
+  /**
+   * 处理清除
+   */
+  var handleClear = function handleClear() {
+    onChange === null || onChange === void 0 || onChange('');
+    onClear === null || onClear === void 0 || onClear();
+  };
+
+  /**
+   * 处理扫码按钮点击
+   */
+  var handleScanClick = function handleScanClick() {
+    setScanVisible(true);
+  };
+
+  /**
+   * 处理扫码成功
+   */
+  var handleScanSuccess = function handleScanSuccess(code) {
+    // 关闭扫码弹窗
+    setScanVisible(false);
+    // 触发扫码回调
+    onScan === null || onScan === void 0 || onScan(code);
+  };
+
+  /**
+   * 处理扫码关闭
+   */
+  var handleScanClose = function handleScanClose() {
+    setScanVisible(false);
+  };
+
+  /**
+   * 处理确认
+   */
+  var handleConfirm = function handleConfirm() {
+    onConfirm === null || onConfirm === void 0 || onConfirm();
+  };
+
+  /**
+   * 处理按 Enter 键
+   */
+  var handleKeyPress = function handleKeyPress(e) {
+    if (e.key === 'Enter') {
+      onConfirm === null || onConfirm === void 0 || onConfirm();
+    }
+  };
+
+  /**
+   * 渲染输入框触发器
+   */
+  var renderInputTrigger = function renderInputTrigger() {
+    // 构建前缀图标
+    var prefix = showPrefixIcon ? prefixIcon || /*#__PURE__*/React.createElement(SearchOutlined, null) : undefined;
+
+    // 构建后缀图标
+    var suffix = /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lookup-input-suffix"
+    }, showClear && value && /*#__PURE__*/React.createElement("span", {
+      className: "pisell-lookup-input-clear",
+      onClick: handleClear
+    }, /*#__PURE__*/React.createElement(CloseOutlined, null), /*#__PURE__*/React.createElement("span", {
+      className: "pisell-lookup-input-clear-text"
+    }, getText('pisell-lookup-clear'))), showScan && /*#__PURE__*/React.createElement(Iconfont, {
+      className: "pisell-lookup-input-scan",
+      type: "pisell2-scan",
+      onClick: handleScanClick,
+      style: {
+        fontSize: 24
+      }
+    }), showConfirmButton && /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: handleConfirm,
+      className: "pisell-lookup-input-confirm"
+    }, confirmButtonText));
+    return /*#__PURE__*/React.createElement(Input, {
+      ref: inputRef,
+      value: value,
+      onChange: handleChange,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onPressEnter: handleKeyPress,
+      placeholder: placeholder,
+      size: size,
+      disabled: disabled,
+      prefix: prefix,
+      suffix: suffix,
+      autoFocus: autoFocus,
+      className: "pisell-lookup-trigger-input ".concat(className || ''),
+      style: style
+    });
+  };
+
+  /**
+   * 渲染按钮触发器
+   */
+  var renderButtonTrigger = function renderButtonTrigger() {
+    return /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      icon: /*#__PURE__*/React.createElement(SearchOutlined, null),
+      onClick: onClick,
+      disabled: disabled,
+      size: size,
+      className: "pisell-lookup-trigger-button ".concat(className || ''),
+      style: style
+    }, buttonText);
+  };
+
+  /**
+   * 渲染图标触发器
+   */
+  var renderIconTrigger = function renderIconTrigger() {
+    var icon = triggerIcon || /*#__PURE__*/React.createElement(SearchOutlined, {
+      style: {
+        fontSize: 20
+      }
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lookup-trigger-icon ".concat(className || ''),
+      onClick: disabled ? undefined : onClick,
+      style: _objectSpread({
+        cursor: disabled ? 'not-allowed' : 'pointer',
+        opacity: disabled ? 0.5 : 1
+      }, style)
+    }, icon);
+  };
+
+  /**
+   * 渲染文本触发器
+   */
+  var renderTextTrigger = function renderTextTrigger() {
+    var text = triggerText || '搜索';
+    return /*#__PURE__*/React.createElement("span", {
+      className: "pisell-lookup-trigger-text ".concat(className || ''),
+      onClick: disabled ? undefined : onClick,
+      style: _objectSpread({
+        cursor: disabled ? 'not-allowed' : 'pointer',
+        opacity: disabled ? 0.5 : 1
+      }, style)
+    }, text);
+  };
+
+  /**
+   * 渲染自定义触发器
+   */
+  var renderCustomTrigger = function renderCustomTrigger() {
+    if (!trigger) return null;
+
+    // 如果是有效的 React 元素，注入点击事件
+    if ( /*#__PURE__*/isValidElement(trigger)) {
+      return /*#__PURE__*/cloneElement(trigger, {
+        onClick: disabled ? undefined : onClick,
+        style: _objectSpread({
+          cursor: disabled ? 'not-allowed' : 'pointer',
+          opacity: disabled ? 0.5 : 1
+        }, trigger.props.style || {})
+      });
+    }
+
+    // 否则直接包裹
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lookup-trigger-custom ".concat(className || ''),
+      onClick: disabled ? undefined : onClick,
+      style: _objectSpread({
+        cursor: disabled ? 'not-allowed' : 'pointer',
+        opacity: disabled ? 0.5 : 1
+      }, style)
+    }, trigger);
+  };
+
+  /**
+   * 渲染触发器
+   */
+  var renderTrigger = function renderTrigger() {
+    // 如果有自定义触发器，优先使用
+    if (trigger) {
+      return renderCustomTrigger();
+    }
+
+    // 根据类型渲染不同的触发器
+    switch (type) {
+      case 'input':
+        return renderInputTrigger();
+      case 'button':
+        return renderButtonTrigger();
+      case 'icon':
+        return renderIconTrigger();
+      case 'text':
+        return renderTextTrigger();
+      default:
+        return renderInputTrigger();
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderTrigger(), showScan && /*#__PURE__*/React.createElement(PisellQRScanner, {
+    visible: scanVisible,
+    onClose: handleScanClose,
+    onScan: handleScanSuccess
+  }));
+});
+LookupTriggerComponent.displayName = 'LookupTrigger';
+export var LookupTrigger = LookupTriggerComponent;

package/es/components/pisellLookup/components/SearchHistory.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SearchHistoryProps } from '../types';
+/**
+ * SearchHistory 组件
+ * 展示搜索历史记录
+ */
+export declare const SearchHistory: React.FC<SearchHistoryProps>;