@pisell/materials 6.11.239 → 6.11.241

package/es/components/PisellTabbar/template/Template1/PisellTabbar.d.ts

@@ -5,6 +5,8 @@ export declare type PisellTabbarTemplate1Direction = 'horizontal' | 'vertical';
 export interface PisellTabbarTemplate1Props extends PisellTabbarProps {
     /** Tab 排列方向；默认保持现有横向布局。 */
     direction?: PisellTabbarTemplate1Direction;
+    /** 是否在每个层级展示自动生成的 All 分类；默认保持展示。 */
+    showAllItem?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<PisellTabbarTemplate1Props & React.RefAttributes<unknown>>;
 export default _default;

package/es/components/PisellTabbar/template/Template1/PisellTabbar.js

@@ -16,7 +16,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 classNames from 'classnames';
-import React, { forwardRef, useCallback, useEffect, useId, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import PisellCards from "../../../PisellCards";
 import SuperTabs from "../../../PisellSuperTabs";
 import Iconfont from "../../../iconfont";
@@ -26,6 +26,11 @@ import { useActiveKey, useExpand } from "../../hooks";
 import mock from "../../mock";
 import { DEFAULT_LEVEL_CONFIG, LEVEL_ADD_ITEMS, getExpandConfig } from "./constants";
 import { addDataSourceItemsByKey, getDefaultActiveKey } from "./utils";
+var tabbarInstanceSequence = 0;
+function createTabbarInstanceId() {
+  tabbarInstanceSequence += 1;
+  return "sku-list-tabbar-temp1-".concat(tabbarInstanceSequence);
+}
 function renderCategoryIcon(icon, size) {
   if (/^(?:https?:\/\/|data:|blob:|\/)/i.test(icon)) {
     return /*#__PURE__*/React.createElement("img", {
@@ -63,6 +68,7 @@ function renderCategoryIcon(icon, size) {
  * ```
  */
 var PisellTabbar = function PisellTabbar(props, ref) {
+  var _dataSource$0$id, _dataSource$, _dataSource$2;
   var _props$dataSource = props.dataSource,
     dataSource = _props$dataSource === void 0 ? props !== null && props !== void 0 && props.__designMode ? mock : mock : _props$dataSource,
     value = props.value,
@@ -77,10 +83,14 @@ var PisellTabbar = function PisellTabbar(props, ref) {
     searchProps = props.searchProps,
     level1Actions = props.level1Actions,
     _props$direction = props.direction,
-    direction = _props$direction === void 0 ? 'horizontal' : _props$direction;
+    direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
+    _props$showAllItem = props.showAllItem,
+    showAllItem = _props$showAllItem === void 0 ? true : _props$showAllItem;
   var isVertical = direction === 'vertical';
   var containerRef = useRef(null);
   var searchRef = useRef(null);
+  var firstCategoryKey = (_dataSource$0$id = (_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : _dataSource$.id) !== null && _dataSource$0$id !== void 0 ? _dataSource$0$id : (_dataSource$2 = dataSource[0]) === null || _dataSource$2 === void 0 ? void 0 : _dataSource$2.key;
+  var initialActiveKey = value !== null && value !== void 0 ? value : showAllItem ? getDefaultActiveKey(dataSource, 'id') : firstCategoryKey !== undefined ? [firstCategoryKey] : [];
 
   /**
    * 每个 PisellTabbarTemplate1 实例使用独立的 DOM id（保留历史前缀），
@@ -89,17 +99,18 @@ var PisellTabbar = function PisellTabbar(props, ref) {
    * 命中错误那一个：PisellFind 的搜索弹窗 portal 会挂到隐藏节点 → 看似"无反应"，
    * 二级 panel 的 portalContainer 也会渲染到错误位置。
    *
-   * 使用 `useId()` 保证 SSR 一致并避免 hydration 失配；冒号在 id selector 里
-   * 不合法，统一替换。
+   * Kiosk 低代码渲染只需要客户端实例唯一性；用 ref 保持挂载周期内稳定，
+   * 同时兼容 React 17（没有 `useId`）。
    */
-  var reactId = useId();
-  var tabbarId = useMemo(function () {
-    return "sku-list-tabbar-temp1-".concat(reactId.replace(/:/g, ''));
-  }, [reactId]);
+  var tabbarIdRef = useRef();
+  if (!tabbarIdRef.current) {
+    tabbarIdRef.current = createTabbarInstanceId();
+  }
+  var tabbarId = tabbarIdRef.current;
 
   // 激活的 key 管理
   var _useActiveKey = useActiveKey({
-      initialActiveKey: value || getDefaultActiveKey(dataSource, 'id'),
+      initialActiveKey: initialActiveKey,
       onChange: onChange
     }),
     setActiveKey = _useActiveKey.setActiveKey,
@@ -188,16 +199,16 @@ var PisellTabbar = function PisellTabbar(props, ref) {
    */
   var handleLevel1Change = useCallback(function (key, item) {
     var _item$children;
-    setActiveKey(0, key, item !== null && item !== void 0 && (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? 0 : undefined);
-  }, [setActiveKey, activeKey]);
+    setActiveKey(0, key, showAllItem && item !== null && item !== void 0 && (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? 0 : undefined);
+  }, [setActiveKey, activeKey, showAllItem]);
 
   /**
    * 处理二级 Tab 切换
    */
   var handleLevel2Change = useCallback(function (key, item) {
     var _item$children2;
-    setActiveKey(1, key, item !== null && item !== void 0 && (_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length ? 0 : undefined);
-  }, [setActiveKey, activeKey]);
+    setActiveKey(1, key, showAllItem && item !== null && item !== void 0 && (_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length ? 0 : undefined);
+  }, [setActiveKey, activeKey, showAllItem]);
 
   /**
    * 处理三级 Tab 切换
@@ -304,7 +315,7 @@ var PisellTabbar = function PisellTabbar(props, ref) {
    * 渲染 level2/level3 普通卡片
    */
   var renderNormalCard = useCallback(function (cardProps, level) {
-    var _levelCfg$textAlign, _levelCfg$iconSize, _levelCfg$borderRadiu, _cardProps$active2;
+    var _levelCfg$textAlign, _levelCfg$iconSize, _levelCfg$borderRadiu, _levelCfg$cardBackgro, _cardProps$active2, _levelCfg$activeBackg;
     var itemData = cardProps.dataSource;
     var levelCfg = getLevelConfig(level);
     var textAlign = isVertical ? (_levelCfg$textAlign = levelCfg.textAlign) !== null && _levelCfg$textAlign !== void 0 ? _levelCfg$textAlign : 'center' : 'center';
@@ -327,7 +338,7 @@ var PisellTabbar = function PisellTabbar(props, ref) {
         height: levelCfg.cardHeight
       }), {}, {
         borderRadius: isVertical ? (_levelCfg$borderRadiu = levelCfg.borderRadius) !== null && _levelCfg$borderRadiu !== void 0 ? _levelCfg$borderRadiu : '999px' : '20px',
-        background: '#ffffff',
+        background: (_levelCfg$cardBackgro = levelCfg.cardBackground) !== null && _levelCfg$cardBackgro !== void 0 ? _levelCfg$cardBackgro : '#ffffff',
         minWidth: isVertical ? 0 : 100,
         justifyContent: isVertical && textAlign === 'left' ? 'flex-start' : 'center'
       }),
@@ -335,7 +346,7 @@ var PisellTabbar = function PisellTabbar(props, ref) {
       active: _objectSpread(_objectSpread({}, cardProps.active), {}, {
         style: _objectSpread(_objectSpread({}, (_cardProps$active2 = cardProps.active) === null || _cardProps$active2 === void 0 ? void 0 : _cardProps$active2.style), {}, {
           color: '#fff',
-          background: '#7f56d9'
+          background: (_levelCfg$activeBackg = levelCfg.activeBackground) !== null && _levelCfg$activeBackg !== void 0 ? _levelCfg$activeBackg : '#7f56d9'
         })
       })
     }));
@@ -345,7 +356,9 @@ var PisellTabbar = function PisellTabbar(props, ref) {
    * 一级 Tabbar 数据源
    */
   var level1DataSource = useMemo(function () {
-    var categoryItems = dataSource.length ? addDataSourceItemsByKey(dataSource, LEVEL_ADD_ITEMS.level1) : [];
+    var categoryItems = dataSource.length ? addDataSourceItemsByKey(dataSource, LEVEL_ADD_ITEMS.level1.filter(function (itemKey) {
+      return showAllItem || itemKey !== 'all';
+    })) : [];
     var actionItems = (level1Actions || []).map(function (action, index) {
       return {
         id: "__level1-action-".concat(String(action.key), "-").concat(index),
@@ -365,12 +378,13 @@ var PisellTabbar = function PisellTabbar(props, ref) {
     return isVertical ? full.filter(function (item) {
       return (item === null || item === void 0 ? void 0 : item.key) !== 'expand';
     }) : full;
-  }, [dataSource, isSearchOpen, isVertical, level1Actions]);
+  }, [dataSource, isSearchOpen, isVertical, level1Actions, showAllItem]);
 
   /**
    * 渲染一级 Tab Item
    */
   var renderLevel1Item = useCallback(function (itemProps) {
+    var _itemData$children;
     var itemData = itemProps.dataSource;
     var isExpanded = getExpand('level1');
     var action = itemData === null || itemData === void 0 ? void 0 : itemData.__action;
@@ -405,6 +419,9 @@ var PisellTabbar = function PisellTabbar(props, ref) {
 
     // 普通项
     return /*#__PURE__*/React.createElement(PisellCards.MultilevelCard, _extends({}, itemProps, {
+      className: classNames(itemProps.className, {
+        'pisell-tabbar__category-group--level1': isVertical && (itemData === null || itemData === void 0 || (_itemData$children = itemData.children) === null || _itemData$children === void 0 ? void 0 : _itemData$children.length)
+      }),
       card: function card(cardProps) {
         return renderNormalCard(cardProps, 'level1');
       },
@@ -429,7 +446,9 @@ var PisellTabbar = function PisellTabbar(props, ref) {
     if (maxLevel < 2) return null;
     var _dataSource = panelProps.dataSource.children || [];
     if (_dataSource.length) {
-      _dataSource = addDataSourceItemsByKey(_dataSource, LEVEL_ADD_ITEMS.level2);
+      _dataSource = addDataSourceItemsByKey(_dataSource, LEVEL_ADD_ITEMS.level2.filter(function (itemKey) {
+        return showAllItem || itemKey !== 'all';
+      }));
       if (isVertical) {
         _dataSource = _dataSource.filter(function (item) {
           return item.key !== 'expand';
@@ -486,6 +505,7 @@ var PisellTabbar = function PisellTabbar(props, ref) {
         }
       },
       renderItem: function renderItem(itemProps) {
+        var _itemData$children2;
         var itemData = itemProps.dataSource;
 
         // 处理展开按钮
@@ -502,6 +522,9 @@ var PisellTabbar = function PisellTabbar(props, ref) {
 
         // 普通项
         return /*#__PURE__*/React.createElement(PisellCards.MultilevelCard, _extends({}, itemProps, {
+          className: classNames(itemProps.className, {
+            'pisell-tabbar__category-group--level2': isVertical && (itemData === null || itemData === void 0 || (_itemData$children2 = itemData.children) === null || _itemData$children2 === void 0 ? void 0 : _itemData$children2.length)
+          }),
           card: function card(cardProps) {
             return renderNormalCard(cardProps, 'level2');
           },
@@ -519,7 +542,7 @@ var PisellTabbar = function PisellTabbar(props, ref) {
         }));
       }
     });
-  }, [level2Value, maxLevel, activeKey, getActiveKey, handleLevel2Change, getExpand, toggleExpand, getLevelConfig, renderExpandCard, renderNormalCard, direction, isVertical]);
+  }, [level2Value, maxLevel, activeKey, getActiveKey, handleLevel2Change, getExpand, toggleExpand, getLevelConfig, renderExpandCard, renderNormalCard, showAllItem, direction, isVertical]);
 
   /**
    * 渲染三级 Tabbar 面板
@@ -528,7 +551,9 @@ var PisellTabbar = function PisellTabbar(props, ref) {
     if (maxLevel < 3) return null;
     var _dataSource2 = panelProps2.dataSource.children || [];
     if (_dataSource2.length) {
-      _dataSource2 = addDataSourceItemsByKey(_dataSource2, LEVEL_ADD_ITEMS.level3);
+      _dataSource2 = addDataSourceItemsByKey(_dataSource2, LEVEL_ADD_ITEMS.level3.filter(function (itemKey) {
+        return showAllItem || itemKey !== 'all';
+      }));
       if (isVertical) {
         _dataSource2 = _dataSource2.filter(function (item) {
           return item.key !== 'expand';
@@ -607,7 +632,7 @@ var PisellTabbar = function PisellTabbar(props, ref) {
         }));
       }
     });
-  }, [level3Value, maxLevel, activeKey, getActiveKey, handleLevel3Change, getExpand, toggleExpand, getLevelConfig, renderExpandCard, renderNormalCard, direction, isVertical]);
+  }, [level3Value, maxLevel, activeKey, getActiveKey, handleLevel3Change, getExpand, toggleExpand, getLevelConfig, renderExpandCard, renderNormalCard, showAllItem, direction, isVertical]);
 
   /**
    * 渲染一级 Tabbar

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -54,7 +54,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "button" | "link";
+        type: "link" | "button";
         items: OperationItem[];
     } | undefined;
     operationContent?: {

package/es/components/dataSourceComponents/fields/index.d.ts

@@ -19,7 +19,7 @@ declare const formFieldMap: {
         Subdomain: import("react").FC<import("antd").InputProps & {
             onChange: (value: string) => void;
             onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-            rootDomain: "custom" | "saas" | "xzero";
+            rootDomain: "custom" | "xzero" | "saas";
             customDomain?: string | undefined;
             value?: string | undefined;
             tenantId: string;
@@ -80,13 +80,11 @@ declare const formFieldMap: {
         extraParams?: Record<string, any> | undefined;
     }) => import("react").JSX.Element;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
-    onChange: (value: string) => void;
-} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
+}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
     JSON: import("react").FC<any>;
     Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
@@ -99,14 +97,14 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     Subdomain: import("react").FC<import("antd").InputProps & {
         onChange: (value: string) => void;
         onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-        rootDomain: "custom" | "saas" | "xzero";
+        rootDomain: "custom" | "xzero" | "saas";
         customDomain?: string | undefined;
         value?: string | undefined;
         tenantId: string;
         name?: string | undefined;
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-}) | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+}) | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -119,7 +117,9 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
 } & {
     dataSource?: any;
     extraParams?: Record<string, any> | undefined;
-}) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | ((props: import("./RecordListWrapper/type").RecordListWrapperProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+}) => import("react").JSX.Element) | import("react").FC<any> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
+    onChange: (value: string) => void;
+} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | ((props: import("./RecordListWrapper/type").RecordListWrapperProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
     optionSourceType?: "default" | "custom" | "api" | undefined;
     labelField: string;

package/es/components/pisellFind/index.d.ts

@@ -4,6 +4,8 @@ import type { PisellLookupProps, PisellLookupRef } from '../pisellLookup';
  * 原生扫码事件名，对齐宿主端约定。
  */
 export declare const SCAN_RESULT_EVENT = "nativeScanResult";
+/** 无扫码焦点栈时，供页面级全局扫码监听避让 Find 的回退计数。 */
+export declare const FIND_FALLBACK_SCANNER_COUNT_KEY = "__pisellFindFallbackScannerCount";
 /**
  * 扫码枪回传数据（对齐宿主 ScanResultPayload）
  * - code: 条码标识（如条码格式 / 业务字段）

package/es/components/pisellFind/index.js

@@ -17,6 +17,8 @@ import pt from "../../locales/pt";
  * 原生扫码事件名，对齐宿主端约定。
  */
 export var SCAN_RESULT_EVENT = 'nativeScanResult';
+/** 无扫码焦点栈时，供页面级全局扫码监听避让 Find 的回退计数。 */
+export var FIND_FALLBACK_SCANNER_COUNT_KEY = '__pisellFindFallbackScannerCount';
 var pisellFindLocaleTexts = {
   en: enUS,
   'zh-CN': zhCN,
@@ -196,6 +198,10 @@ export var PisellFind = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     try {
       pubsub.subscribe(SCAN_RESULT_EVENT, onScan);
+      if (typeof window !== 'undefined') {
+        var current = Number(window[FIND_FALLBACK_SCANNER_COUNT_KEY] || 0);
+        window[FIND_FALLBACK_SCANNER_COUNT_KEY] = current + 1;
+      }
     } catch (e) {
       console.warn('[PisellFind] subscribe scanner failed:', e);
       return undefined;
@@ -206,6 +212,11 @@ export var PisellFind = /*#__PURE__*/forwardRef(function (props, ref) {
         (_pubsub$unsubscribe = pubsub.unsubscribe) === null || _pubsub$unsubscribe === void 0 || _pubsub$unsubscribe.call(pubsub, SCAN_RESULT_EVENT, onScan);
       } catch (e) {
         console.warn('[PisellFind] unsubscribe scanner failed:', e);
+      } finally {
+        if (typeof window !== 'undefined') {
+          var _current = Number(window[FIND_FALLBACK_SCANNER_COUNT_KEY] || 0);
+          window[FIND_FALLBACK_SCANNER_COUNT_KEY] = Math.max(0, _current - 1);
+        }
       }
     };
   }, [enableScanner]);

package/es/components/pisellLookup/PisellLookup.js

@@ -32,7 +32,9 @@ import "./PisellLookup.less";
  * ```
  */
 var PisellLookupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$triggerType = props.triggerType,
+  var _props$showTrigger = props.showTrigger,
+    showTrigger = _props$showTrigger === void 0 ? true : _props$showTrigger,
+    _props$triggerType = props.triggerType,
     triggerType = _props$triggerType === void 0 ? 'input' : _props$triggerType,
     trigger = props.trigger,
     triggerText = props.triggerText,
@@ -65,6 +67,8 @@ var PisellLookupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
     searchMode = _props$searchMode === void 0 ? 'realtime' : _props$searchMode,
     _props$debounceTime = props.debounceTime,
     debounceTime = _props$debounceTime === void 0 ? 300 : _props$debounceTime,
+    _props$allowRepeatSea = props.allowRepeatSearch,
+    allowRepeatSearch = _props$allowRepeatSea === void 0 ? false : _props$allowRepeatSea,
     _props$showScan = props.showScan,
     showScan = _props$showScan === void 0 ? true : _props$showScan,
     onScan = props.onScan,
@@ -92,9 +96,15 @@ var PisellLookupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
     emptyRender = props.emptyRender,
     modalWidth = props.modalWidth,
     modalStyle = props.modalStyle,
+    _props$modalCentered = props.modalCentered,
+    modalCentered = _props$modalCentered === void 0 ? false : _props$modalCentered,
+    modalTransitionName = props.modalTransitionName,
     getContainer = props.getContainer,
     drawerWidth = props.drawerWidth,
+    drawerHeight = props.drawerHeight,
     drawerPlacement = props.drawerPlacement,
+    drawerTitle = props.drawerTitle,
+    drawerClosable = props.drawerClosable,
     popupWidth = props.popupWidth,
     containerStyle = props.containerStyle,
     containerClassName = props.containerClassName,
@@ -111,6 +121,7 @@ var PisellLookupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
     _props$autoFocusOnOpe = props.autoFocusOnOpen,
     autoFocusOnOpen = _props$autoFocusOnOpe === void 0 ? true : _props$autoFocusOnOpe,
     inputRender = props.inputRender,
+    headerRender = props.headerRender,
     className = props.className,
     style = props.style,
     zIndex = props.zIndex;
@@ -355,7 +366,7 @@ var PisellLookupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
    */
   var handleConfirmSearch = useCallback(function (searchKeyword) {
     // 避免重复触发相同关键词的搜索
-    if (lastSearchKeywordRef.current === searchKeyword) {
+    if (!allowRepeatSearch && lastSearchKeywordRef.current === searchKeyword) {
       return;
     }
     lastSearchKeywordRef.current = searchKeyword;
@@ -367,7 +378,7 @@ var PisellLookupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
 
     // 触发搜索回调
     onSearch === null || onSearch === void 0 || onSearch(searchKeyword);
-  }, [showHistory, addHistory, onSearch]);
+  }, [allowRepeatSearch, showHistory, addHistory, onSearch]);
 
   /**
    * 防抖搜索（实时搜索模式）
@@ -613,7 +624,7 @@ var PisellLookupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: "pisell-lookup pisell-lookup-".concat(displayType, " ").concat(className || ''),
       style: style
-    }, renderTrigger(), /*#__PURE__*/React.createElement(LookupResultHost, {
+    }, showTrigger ? renderTrigger() : null, /*#__PURE__*/React.createElement(LookupResultHost, {
       displayType: displayType,
       visible: visible,
       onClose: close,
@@ -630,22 +641,27 @@ var PisellLookupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-lookup ".concat(className || ''),
     style: style
-  }, renderTrigger(), /*#__PURE__*/React.createElement(LookupResultHost, {
+  }, showTrigger ? renderTrigger() : null, /*#__PURE__*/React.createElement(LookupResultHost, {
     displayType: displayType,
     visible: visible,
     onClose: close,
     modalWidth: modalWidth,
     modalStyle: modalStyle,
+    modalCentered: modalCentered,
+    modalTransitionName: modalTransitionName,
     getContainer: getContainer,
     drawerWidth: drawerWidth,
+    drawerHeight: drawerHeight,
     drawerPlacement: drawerPlacement,
+    drawerTitle: drawerTitle,
+    drawerClosable: drawerClosable,
     containerStyle: containerStyle,
     containerClassName: containerClassName,
     mask: mask,
     maskClosable: maskClosable,
     zIndex: zIndex,
     onAfterOpen: handleAfterOpen
-  }, /*#__PURE__*/React.createElement("div", {
+  }, displayType === 'modal' || displayType === 'drawer' ? typeof headerRender === 'function' ? headerRender() : headerRender : null, /*#__PURE__*/React.createElement("div", {
     className: "pisell-lookup-search-area-with-close"
   }, /*#__PURE__*/React.createElement(LookupTrigger, {
     ref: modalInputRef,

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

@@ -5,9 +5,9 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 { Dropdown } from 'antd';
 import { getText } from "../../../locales";
+import PisellContainer from "../../pisellContainer";
 
 /**
  * LookupResultHost 组件
@@ -21,11 +21,19 @@ export var LookupResultHost = function LookupResultHost(props) {
     _props$modalWidth = props.modalWidth,
     modalWidth = _props$modalWidth === void 0 ? 834 : _props$modalWidth,
     modalStyle = props.modalStyle,
+    _props$modalCentered = props.modalCentered,
+    modalCentered = _props$modalCentered === void 0 ? false : _props$modalCentered,
+    modalTransitionName = props.modalTransitionName,
     getContainer = props.getContainer,
     _props$drawerWidth = props.drawerWidth,
     drawerWidth = _props$drawerWidth === void 0 ? 378 : _props$drawerWidth,
+    drawerHeight = props.drawerHeight,
     _props$drawerPlacemen = props.drawerPlacement,
     drawerPlacement = _props$drawerPlacemen === void 0 ? 'right' : _props$drawerPlacemen,
+    _props$drawerTitle = props.drawerTitle,
+    drawerTitle = _props$drawerTitle === void 0 ? getText('pisell-lookup-confirm-button-text') : _props$drawerTitle,
+    _props$drawerClosable = props.drawerClosable,
+    drawerClosable = _props$drawerClosable === void 0 ? true : _props$drawerClosable,
     popupWidth = props.popupWidth,
     containerStyle = props.containerStyle,
     containerClassName = props.containerClassName,
@@ -93,27 +101,33 @@ export var LookupResultHost = function LookupResultHost(props) {
     // 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: 0
-      }, modalStyle),
-      getContainer: getContainer,
-      mask: mask,
-      maskClosable: effectiveMaskClosable,
-      zIndex: zIndex,
-      rootClassName: modalRootClassName,
-      className: modalClassName,
-      wrapClassName: wrapClassName,
-      closeIcon: null,
-      destroyOnClose: true,
-      title: null,
-      afterOpenChange: function afterOpenChange(open) {
-        if (open && onAfterOpen) {
-          onAfterOpen();
+    return /*#__PURE__*/React.createElement(PisellContainer, {
+      renderType: "modal",
+      props: {
+        open: visible,
+        onCancel: onClose,
+        footer: null,
+        header: false,
+        closable: false,
+        width: modalWidth,
+        centered: modalCentered,
+        transitionName: modalTransitionName,
+        style: _objectSpread({
+          top: 0
+        }, modalStyle),
+        getContainer: getContainer,
+        mask: mask,
+        maskClosable: effectiveMaskClosable,
+        zIndex: zIndex,
+        rootClassName: modalRootClassName,
+        className: modalClassName,
+        wrapClassName: wrapClassName,
+        destroyOnClose: true,
+        title: null,
+        afterOpenChange: function afterOpenChange(open) {
+          if (open && onAfterOpen) {
+            onAfterOpen();
+          }
         }
       }
     }, /*#__PURE__*/React.createElement("div", {
@@ -131,21 +145,25 @@ export var LookupResultHost = function LookupResultHost(props) {
 
     // 如果没有遮罩层，添加特殊类名以支持点击穿透
     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();
+    return /*#__PURE__*/React.createElement(PisellContainer, {
+      renderType: "drawer",
+      props: {
+        open: visible,
+        onClose: onClose,
+        width: drawerWidth,
+        height: drawerHeight,
+        placement: drawerPlacement,
+        mask: mask,
+        maskClosable: effectiveMaskClosable,
+        zIndex: zIndex,
+        className: drawerClassName,
+        closable: drawerClosable,
+        destroyOnClose: true,
+        title: drawerTitle,
+        afterOpenChange: function afterOpenChange(open) {
+          if (open && onAfterOpen) {
+            onAfterOpen();
+          }
         }
       }
     }, /*#__PURE__*/React.createElement("div", {

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

@@ -268,6 +268,8 @@ var LookupTriggerComponent = /*#__PURE__*/forwardRef(function (props, ref) {
     }), showConfirmButton && /*#__PURE__*/React.createElement(Button, {
       type: "primary",
       size: size,
+      loading: loading,
+      disabled: disabled,
       onClick: handleConfirm,
       className: "pisell-lookup-input-confirm"
     }, confirmButtonText));