@pisell/materials 1.8.12 → 1.8.14

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

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { PisellLookupProps, PisellLookupRef } from '../pisellLookup';
+/**
+ * PisellFind Props
+ * 继承 PisellLookup 的所有 Props
+ */
+export declare type PisellFindProps = PisellLookupProps;
+/**
+ * PisellFind Ref
+ * 继承 PisellLookup 的所有 Ref 方法
+ */
+export declare type PisellFindRef = PisellLookupRef;
+/**
+ * PisellFind 组件
+ * 基于 PisellLookup 的组件内查找优化版本
+ *
+ * 核心特点：
+ * - 默认使用 button 触发器
+ * - 默认不显示确认按钮（输入即搜索）
+ * - 默认开启搜索历史
+ * - 默认不展示结果区（结果在页面其他位置展示）
+ *
+ * @example
+ * ```tsx
+ * // 基础用法
+ * <PisellFind
+ *   onSearch={(keyword) => {
+ *     const filtered = data.filter(item => item.name.includes(keyword));
+ *     setFilteredData(filtered);
+ *   }}
+ * />
+ *
+ * // 切换为 Input 模式
+ * <PisellFind
+ *   triggerType="input"
+ *   onSearch={(keyword) => filterData(keyword)}
+ * />
+ * ```
+ */
+export declare const PisellFind: React.ForwardRefExoticComponent<PisellLookupProps & React.RefAttributes<PisellLookupRef>>;

package/es/components/pisellFind/index.js

@@ -3,6 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { forwardRef } from 'react';
+import { locales as utilsLocales } from '@pisell/utils';
 import { PisellLookup } from "../pisellLookup";
 import { getText } from "../../locales";
 
@@ -47,9 +48,17 @@ export var PisellFind = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$triggerType = props.triggerType,
     triggerType = _props$triggerType === void 0 ? 'button' : _props$triggerType,
     _props$buttonText = props.buttonText,
-    buttonText = _props$buttonText === void 0 ? getText('pisell-find-button-text') : _props$buttonText,
+    buttonText = _props$buttonText === void 0 ? function () {
+      var key = 'pisell2.recordBoard.toolbar.find';
+      var u = utilsLocales.getText(key);
+      return u && u !== key ? u : getText(key) || getText('pisell-find-button-text');
+    }() : _props$buttonText,
     _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? getText('pisell-find-placeholder') : _props$placeholder,
+    placeholder = _props$placeholder === void 0 ? function () {
+      var key = 'pisell2.recordBoard.toolbar.findPlaceholder';
+      var u = utilsLocales.getText(key);
+      return u && u !== key ? u : getText(key) || getText('pisell-find-placeholder');
+    }() : _props$placeholder,
     _props$showConfirmBut = props.showConfirmButton,
     showConfirmButton = _props$showConfirmBut === void 0 ? false : _props$showConfirmBut,
     _props$showHistory = props.showHistory,

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

@@ -13,5 +13,5 @@ export interface PisellFloatingPanelProps {
     style?: React.CSSProperties;
     retractIconStyle?: React.CSSProperties;
 }
-declare const PisellFloatingPanel: (props: PisellFloatingPanelProps) => JSX.Element;
+declare const PisellFloatingPanel: (props: PisellFloatingPanelProps) => React.JSX.Element;
 export default PisellFloatingPanel;

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

@@ -46,5 +46,5 @@ export interface PisellGoodPassCardProps {
     mixedSort?: (val: Discount[]) => Discount[];
     isInModal: boolean;
 }
-declare const index: (props: PisellGoodPassCardProps) => JSX.Element;
+declare const index: (props: PisellGoodPassCardProps) => React.JSX.Element;
 export default index;

package/es/components/pisellGridPro/ToolBar/index.less

@@ -14,6 +14,7 @@
   /**
    * 工具栏行通用样式
    */
+
   &-row {
     display: flex;
     flex-direction: row;
@@ -21,8 +22,10 @@
     gap: 12px;
     align-self: stretch;
   }
+
   .toolbar-row {
     justify-content: space-between;
+
     &-left {
       display: flex;
       flex-direction: row;
@@ -40,3 +43,23 @@
     }
   }
 }
+
+/**
+ * 手机版宽度：左侧区域与右侧区域换行，避免挤在一行
+ */
+@media (max-width: 768px) {
+  .pisell-grid-pro-toolbar .toolbar-row {
+    flex-wrap: wrap;
+  }
+
+  .pisell-grid-pro-toolbar .toolbar-row-left {
+    flex: 1 1 100%;
+    min-width: 0;
+  }
+
+  .pisell-grid-pro-toolbar .toolbar-row-right {
+    flex: 1 1 100%;
+    min-width: 0;
+    justify-content: flex-start;
+  }
+}

package/es/components/pisellInformationEntry/Input/index.d.ts

@@ -4,5 +4,5 @@ export interface PisellEntryInputProps {
     onChange: (val: string) => void;
     searchDescribe?: React.ReactNode;
 }
-declare const PisellEntryInput: (props: PisellEntryInputProps) => JSX.Element;
+declare const PisellEntryInput: (props: PisellEntryInputProps) => React.JSX.Element;
 export default PisellEntryInput;

package/es/components/pisellInformationEntry/Scan/index.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import './index.less';
 export interface ScanProps {
     onChange: (val: string) => void;
     onCancel: () => void;
 }
-declare const Scan: (props: ScanProps) => JSX.Element;
+declare const Scan: (props: ScanProps) => React.JSX.Element;
 export default Scan;

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

@@ -29,5 +29,5 @@ export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<H
     /** 录入类型切换时候触发的 */
     onChangeType?: (val: null | EntryModeType['type']) => void;
 }
-declare const PisellInformationEntry: (props: PisellInformationEntryProps) => JSX.Element;
+declare const PisellInformationEntry: (props: PisellInformationEntryProps) => React.JSX.Element;
 export default PisellInformationEntry;

package/es/components/pisellInput/components/BankCard/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { InputProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 import './index.less';
@@ -6,5 +7,5 @@ export declare type BankCardProps = InputProps & {
     platform?: PisellContextType['platform'];
     onChange?: (val: string) => void;
 };
-declare const BankCard: (props: BankCardProps) => JSX.Element;
+declare const BankCard: (props: BankCardProps) => React.JSX.Element;
 export default BankCard;

package/es/components/pisellInput/components/Copy/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { InputProps, ButtonProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 export interface CopyProps extends InputProps {
@@ -6,5 +7,5 @@ export interface CopyProps extends InputProps {
     /** 后缀button的透传配置 */
     buttonProps?: ButtonProps;
 }
-declare const Copy: (props: CopyProps) => JSX.Element;
+declare const Copy: (props: CopyProps) => React.JSX.Element;
 export default Copy;

package/es/components/pisellInput/components/SecurityCode/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { InputProps } from 'antd';
 import './index.less';
 import { PisellContextType } from "../../../pisell-config-provider/context";
@@ -7,5 +8,5 @@ export interface SecurityCodeProps extends Omit<InputProps, 'onChange'> {
     onChange?: (val: string) => void;
     showCVCIcon?: boolean;
 }
-declare const SecurityCode: (props: SecurityCodeProps) => JSX.Element;
+declare const SecurityCode: (props: SecurityCodeProps) => React.JSX.Element;
 export default SecurityCode;

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

@@ -1,12 +1,13 @@
+import React from 'react';
 import { InputProps } from 'antd';
 import { PisellContextType } from '../pisell-config-provider/context';
 declare const PisellInput: {
     (props: InputProps & {
         /** 平台 */
         platform?: PisellContextType['platform'];
-    }): JSX.Element;
-    BankCard: (props: import("./components/BankCard").BankCardProps) => JSX.Element;
-    SecurityCode: (props: import("./components/SecurityCode").SecurityCodeProps) => JSX.Element;
-    Copy: (props: import("./components/Copy").CopyProps) => JSX.Element;
+    }): React.JSX.Element;
+    BankCard: (props: import("./components/BankCard").BankCardProps) => React.JSX.Element;
+    SecurityCode: (props: import("./components/SecurityCode").SecurityCodeProps) => React.JSX.Element;
+    Copy: (props: import("./components/Copy").CopyProps) => React.JSX.Element;
 };
 export default PisellInput;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { SpinProps } from 'antd';
 import './index.less';
 declare type MaskType = {
@@ -15,5 +16,5 @@ export interface PisellLoadingProps extends SpinProps {
     /** 延迟显示加载效果的时间（防止闪烁）	 */
     delay?: number;
 }
-declare const PisellLoading: (props: PisellLoadingProps) => JSX.Element;
+declare const PisellLoading: (props: PisellLoadingProps) => React.JSX.Element;
 export default PisellLoading;

package/es/components/pisellLongText/PisellLongText.less

@@ -1,5 +1,6 @@
 /**
  * PisellLongText 组件样式
+ * 基于 Figma 设计规范，与 SingleLineText 设计体系一致
  */
 
 .pisell-long-text {
@@ -7,16 +8,78 @@
     position: relative;
     width: 100%;
 
-    // 基于 Figma 设计规范的 TextArea 样式
+    // TextArea 样式（Figma 设计规范，覆盖时使用 pisell-lowcode-xxx）
     .pisell-lowcode-input {
-      padding: 12px 14px; // Figma: 垂直12px，水平14px（比 Input 小2px）
+      // 基础样式
+      font-size: 16px !important;
+      line-height: 24px !important;
+
+      // 边框和圆角
+      border-radius: 8px !important;
+      border: 1px solid #d0d5dd !important; // Gray/300
+
+      // 内边距（Figma: 垂直 12px，水平 14px）
+      padding: 12px 14px !important;
+      min-height: 80px !important; // 多行最小高度，由 rows 进一步控制
+
+      // 颜色
+      color: #101828 !important; // Gray/900
+      background-color: #ffffff !important;
+
+      &::placeholder {
+        color: #667085 !important; // Gray/500
+      }
+
+      // 聚焦态
+      &:focus,
+      &:focus-within {
+        border-color: #d6bbfb !important; // Primary/300
+        box-shadow: 0 0 0 4px #f4ebff !important; // Primary/100
+        outline: none !important;
+      }
+
+      // Hover 态
+      &:hover:not(:focus):not(:focus-within):not([disabled]) {
+        border-color: #b692f6 !important; // Primary/400
+      }
+
+      // 禁用态
+      &[disabled],
+      &.pisell-lowcode-input-disabled {
+        background-color: #f9fafb !important; // Gray/50
+        color: #98a2b3 !important; // Gray/400
+        border-color: #d0d5dd !important;
+        cursor: not-allowed !important;
+      }
+    }
+
+    // 字数统计样式（TextArea showCount）
+    .pisell-lowcode-input-data-count,
+    .pisell-lowcode-input-show-count-suffix {
+      color: #667085 !important; // Gray/500
+      font-size: 14px !important;
+    }
+
+    // 错误状态
+    .pisell-lowcode-input-status-error {
+      border-color: #fda29b !important; // Error/300
+
+      &:focus,
+      &:focus-within {
+        border-color: #f97066 !important; // Error/400
+        box-shadow: 0 0 0 4px #fee4e2 !important; // Error/100
+      }
+
+      &:hover:not(:focus):not(:focus-within) {
+        border-color: #f97066 !important; // Error/400
+      }
     }
   }
 
   &-error {
     margin-top: 4px;
     font-size: 12px;
-    color: #ff4d4f;
+    color: #d92d20; // Error/600
     line-height: 1.5;
     animation: fadeIn 0.3s ease-in-out;
   }
@@ -32,12 +95,17 @@
     height: auto;
     font-size: 14px;
     margin-top: 8px;
+    color: #6d48c4;
+
+    &:hover {
+      color: #6d48c4 !important;
+    }
   }
 
   &-word-count {
     margin-top: 8px;
     font-size: 12px;
-    color: #667085;
+    color: #667085; // Gray/500
     text-align: right;
   }
 

package/es/components/pisellLongText/PisellLongText.stories.js

@@ -18,7 +18,7 @@ import React from 'react';
  * - 字数统计
  */
 var meta = {
-  title: '表单/PisellLongText',
+  title: '表单/表单组件/PisellLongText',
   component: PisellLongText,
   parameters: {
     layout: 'centered',

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

@@ -1,6 +1,7 @@
 /**
  * PisellLongText 组件导出
  */
-export { default as PisellLongText } from './PisellLongText';
+import PisellLongText from './PisellLongText';
+export { PisellLongText };
 export type { PisellLongTextProps } from './types';
 export type { DisplayState, ValidationResult, TextInputState } from './types';

package/es/components/pisellLongText/index.js

@@ -2,6 +2,21 @@
  * PisellLongText 组件导出
  */
 
-export { default as PisellLongText } from "./PisellLongText";
+import { getText } from "../../locales";
+import PisellLongText from "./PisellLongText";
+
+/** RecordBoard 列 type 联动排序：内置 A → Z / Z → A */
+PisellLongText.SortOptions = {
+  getSortItems: function getSortItems(fieldKey) {
+    return [{
+      key: "".concat(fieldKey, ":asc"),
+      label: getText('sort-a-z')
+    }, {
+      key: "".concat(fieldKey, ":desc"),
+      label: getText('sort-z-a')
+    }];
+  }
+};
+export { PisellLongText };
 
 // 公共类型从 types 中重新导出，方便使用

package/es/components/pisellLookup/PisellLookup.js

@@ -399,11 +399,11 @@ var PisellLookupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [displayType, close]);
 
   /**
-   * 处理确认触发（点击 Lookup 按钮或按 Enter 键）
+   * 处理确认触发（点击 Lookup 按钮或按 Enter 键）。支持传入当前输入值，回车时由 Trigger 传入以避免受控下 keyword 未更新导致历史未保存。
    */
-  var handleConfirm = useCallback(function () {
-    // 确认触发时保存历史记录
-    handleConfirmSearch(keyword);
+  var handleConfirm = useCallback(function (valueFromTrigger) {
+    var keywordToSearch = valueFromTrigger !== null && valueFromTrigger !== void 0 ? valueFromTrigger : keyword;
+    handleConfirmSearch(keywordToSearch);
   }, [keyword, handleConfirmSearch]);
 
   /**
@@ -548,17 +548,26 @@ var PisellLookupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
     }, resultRender(keyword, close));
   };
 
+  /**
+   * 是否有辅助区内容（与 LookupAuxiliary 内判断一致，用于空时不展示 dropdown）
+   */
+  var hasAuxiliaryContent = showHistory && history.length > 0 || showSuggestions && suggestions.length > 0 && !!keyword || showHotWords && hotWords.length > 0 && !keyword;
+
+  /**
+   * 是否有结果区内容（loading 或有关键词且提供了 resultRender）
+   */
+  var hasResultsContent = Boolean(loading || keyword && resultRender);
+
   /**
    * 渲染内容区（辅助区 + 结果区）
    */
   var renderContent = function renderContent() {
-    var auxiliary = renderAuxiliary();
-    var results = renderResults();
-
-    // 如果没有任何内容，返回 null（避免显示空容器）
-    if (!auxiliary && !results) {
+    // 当无任何可展示内容时返回 null，避免 popup 展示空下拉框
+    if (!hasAuxiliaryContent && !hasResultsContent) {
       return null;
     }
+    var auxiliary = renderAuxiliary();
+    var results = renderResults();
     return /*#__PURE__*/React.createElement("div", {
       className: "pisell-lookup-content"
     }, auxiliary, results);

package/es/components/pisellLookup/PisellLookup.less

@@ -132,8 +132,11 @@
 
   // ============ Input 样式覆盖 ============
 
-  // 覆盖 Ant Design Input 默认样式（适用于所有尺寸）
-  &-trigger-input.pisell-lowcode-input-affix-wrapper {
+  // 覆盖 Ant Design Input 默认样式（适用于所有尺寸）；默认高度 50px
+  // 同时匹配 ant- / pisell-lowcode- 前缀，确保有无 prefixCls 都能生效
+  &-trigger-input.pisell-lowcode-input-affix-wrapper,
+  &-trigger-input.ant-input-affix-wrapper {
+    min-height: 50px;
     border: 1px solid #d0d5dd;
     border-radius: 8px;
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
@@ -145,13 +148,15 @@
     }
 
     &:focus,
-    &.pisell-lowcode-input-affix-wrapper-focused {
+    &.pisell-lowcode-input-affix-wrapper-focused,
+    &.ant-input-affix-wrapper-focused {
       border-color: #7f56d9;
       box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05), 0 0 0 2px rgba(127, 86, 217, 0.1);
     }
 
-    // Input 文本样式
-    .pisell-lowcode-input {
+    // Input 文本样式（antd 内部 input 类名可能为 .ant-input 或 .pisell-lowcode-input）
+    .pisell-lowcode-input,
+    .ant-input {
       color: #000000;
       font-size: 16px;
       line-height: 24px;
@@ -164,8 +169,9 @@
     }
   }
 
-  // 小号输入框
-  &-trigger-input.pisell-lowcode-input-affix-wrapper-sm {
+  // 小号输入框（同时匹配 ant- / pisell-lowcode-）
+  &-trigger-input.pisell-lowcode-input-affix-wrapper-sm,
+  &-trigger-input.ant-input-affix-wrapper-sm {
     padding: 2px 2px 2px 12px;
 
     .pisell-lookup-input-clear {
@@ -192,8 +198,10 @@
     }
   }
 
-  // 大号输入框
-  &-trigger-input.pisell-lowcode-input-affix-wrapper-lg {
+  // 大号输入框，高度 58px（同时匹配 ant- / pisell-lowcode-）
+  &-trigger-input.pisell-lowcode-input-affix-wrapper-lg,
+  &-trigger-input.ant-input-affix-wrapper-lg {
+    min-height: 58px;
     padding: 6px 6px 6px 16px;
 
     .pisell-lookup-input-clear {
@@ -210,6 +218,23 @@
 
     .pisell-lookup-input-confirm {
       padding: 10px;
+      line-height: 24px;
+    }
+  }
+
+  // 无 Lookup 按钮时：class 在包裹层 .pisell-lookup-trigger-input-no-confirm 上，对子元素 affix-wrapper 设左右对称 padding
+  &-trigger-input-no-confirm {
+    > .ant-input-affix-wrapper,
+    > .pisell-lowcode-input-affix-wrapper {
+      padding: 4px 16px;
+    }
+    > .ant-input-affix-wrapper-sm,
+    > .pisell-lowcode-input-affix-wrapper-sm {
+      padding: 2px 12px;
+    }
+    > .ant-input-affix-wrapper-lg,
+    > .pisell-lowcode-input-affix-wrapper-lg {
+      padding: 6px 16px;
     }
   }
 
@@ -270,8 +295,8 @@
     }
 
     &-confirm {
+      border: none;
       background-color: #7f56d9;
-      border-color: #7f56d9;
       border-radius: 8px;
       box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
       padding: 10px;
@@ -279,39 +304,37 @@
       min-width: auto;
       font-size: 16px;
       font-weight: 600;
-      line-height: 22px;
+      line-height: 20px;
       color: #ffffff;
 
       &:hover {
         background-color: #6941c6 !important;
-        border-color: #6941c6 !important;
         color: #ffffff !important;
       }
 
       &:active {
         background-color: #53389e !important;
-        border-color: #53389e !important;
         color: #ffffff !important;
       }
 
       span {
         font-size: 16px;
         font-weight: 600;
-        line-height: 22px;
+        line-height: 20px;
       }
 
       &.pisell-lowcode-btn-sm {
         padding: 10px;
         height: auto;
         font-size: 16px;
-        line-height: 22px;
+        line-height: 20px;
       }
 
       &.pisell-lowcode-btn-middle {
         padding: 10px;
         height: auto;
         font-size: 16px;
-        line-height: 22px;
+        line-height: 20px;
       }
     }
   }

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

@@ -114,9 +114,8 @@ var LookupTriggerComponent = /*#__PURE__*/forwardRef(function (props, ref) {
    */
   var getAppScanBarcodePlugin = function getAppScanBarcodePlugin() {
     if (getApp) {
-      var _app$getPlugin;
       var app = getApp();
-      var scanBarcode = app === null || app === void 0 || (_app$getPlugin = app.getPlugin('scan')) === null || _app$getPlugin === void 0 ? void 0 : _app$getPlugin.scanBarcode;
+      var scanBarcode = app === null || app === void 0 ? void 0 : app.getPlugin('webScan');
       if (scanBarcode) {
         return scanBarcode;
       }
@@ -134,19 +133,23 @@ var LookupTriggerComponent = /*#__PURE__*/forwardRef(function (props, ref) {
     var app = getApp();
     try {
       var scanBarcode = getAppScanBarcodePlugin();
-      scanBarcode({
-        hint: 17
+      scanBarcode.scan({
+        type: "capacitor",
+        params: {
+          hint: 17
+        }
       }).then(function (res) {
-        return onScan === null || onScan === void 0 ? void 0 : onScan(res === null || res === void 0 ? void 0 : res.ScanResult);
-      }).catch(function (err) {
-        app.logger.addLog({
-          type: 'info',
-          title: '扫码失败',
-          metadata: {
-            err: err
-          }
-        });
+        onScan === null || onScan === void 0 || onScan(res);
       });
+      // scanBarcode({ hint: 17 })
+      //   .then((res: { ScanResult: string }) => onScan?.(res?.ScanResult))
+      //   .catch((err: any) => {
+      //     app.logger.addLog({
+      //       type: 'info',
+      //       title: '扫码失败',
+      //       metadata: { err },
+      //     });
+      //   });
     } catch (err) {
       app.logger.addLog({
         type: 'error',
@@ -195,11 +198,13 @@ var LookupTriggerComponent = /*#__PURE__*/forwardRef(function (props, ref) {
   };
 
   /**
-   * 处理按 Enter 键
+   * 处理按 Enter 键：传入当前输入值，避免受控模式下 state 未更新导致历史未保存
    */
   var handleKeyPress = function handleKeyPress(e) {
     if (e.key === 'Enter') {
-      onConfirm === null || onConfirm === void 0 || onConfirm();
+      var _ref2, _e$currentTarget$valu, _e$currentTarget;
+      var currentValue = (_ref2 = (_e$currentTarget$valu = (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 ? void 0 : _e$currentTarget.value) !== null && _e$currentTarget$valu !== void 0 ? _e$currentTarget$valu : value) !== null && _ref2 !== void 0 ? _ref2 : '';
+      onConfirm === null || onConfirm === void 0 || onConfirm(currentValue);
     }
   };
 
@@ -230,7 +235,7 @@ var LookupTriggerComponent = /*#__PURE__*/forwardRef(function (props, ref) {
       onClick: handleConfirm,
       className: "pisell-lookup-input-confirm"
     }, confirmButtonText));
-    return /*#__PURE__*/React.createElement(Input, {
+    var inputEl = /*#__PURE__*/React.createElement(Input, {
       ref: inputRef,
       value: value,
       onChange: handleChange,
@@ -243,9 +248,17 @@ var LookupTriggerComponent = /*#__PURE__*/forwardRef(function (props, ref) {
       prefix: prefix,
       suffix: suffix,
       autoFocus: autoFocus,
-      className: "pisell-lookup-trigger-input ".concat(className || ''),
+      className: "pisell-lookup-trigger-input ".concat(className || '').trim(),
       style: style
     });
+
+    // 无 Lookup 按钮时用带 class 的包裹层，确保 DOM 上一定有 pisell-lookup-trigger-input-no-confirm；同时保留 pisell-lookup-trigger-input 以便 modal 下 .pisell-lookup-search-area-with-close .pisell-lookup-trigger-input { flex: 1 } 能命中
+    if (!showConfirmButton) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "pisell-lookup-trigger-input pisell-lookup-trigger-input-no-confirm"
+      }, inputEl);
+    }
+    return inputEl;
   };
 
   /**

package/es/components/pisellModal/components/Information/index.d.ts

@@ -17,5 +17,5 @@ export interface InformationProps extends PisellModalProps {
     /** 右上角关闭按钮是否展示 */
     closable?: boolean;
 }
-declare const Information: (props: InformationProps) => JSX.Element;
+declare const Information: (props: InformationProps) => React.JSX.Element;
 export default Information;