@pisell/materials 6.11.8 → 6.11.9

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.js

@@ -195,11 +195,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 +232,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 +245,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/pisellLookup/types.d.ts

@@ -421,7 +421,8 @@ export interface LookupTriggerProps {
     /**
      * 确认触发回调
      */
-    onConfirm?: () => void;
+    /** 确认搜索（回车或点击按钮）；可传入当前输入值，受控下回车时传 input 当前值以保证历史能正确保存 */
+    onConfirm?: (value?: string) => void;
     /**
      * 扫码回调
      */

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) => React.JSX.Element;
+declare const Information: (props: InformationProps) => JSX.Element;
 export default Information;

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

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 export interface IpadModalProps extends PcModalProps {
 }
-declare const IpadModal: (props: IpadModalProps) => React.JSX.Element;
+declare const IpadModal: (props: IpadModalProps) => JSX.Element;
 export default IpadModal;

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

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 import './index.less';
 export interface MobileModalProps extends PcModalProps {
     /** 移动端展示时弹窗高度 默认null 在移动端全屏 */
     mobileModalHeight?: string | number;
 }
-declare const MobileModal: (props: MobileModalProps) => React.JSX.Element;
+declare const MobileModal: (props: MobileModalProps) => JSX.Element;
 export default MobileModal;

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

@@ -26,5 +26,5 @@ export interface PcModalProps extends ModalProps {
     /** header是否展示 */
     header?: boolean | null;
 }
-declare const PcModal: (props: PcModalProps) => React.JSX.Element;
+declare const PcModal: (props: PcModalProps) => JSX.Element;
 export default PcModal;

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

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 import IpadModal from './IpadModal';
 import MobileModal from './MobileModal';
 import PcModal from './PcModal';
 declare const platformCpt: {
-    h5: (props: import("./MobileModal").MobileModalProps) => import("react").JSX.Element;
-    pc: (props: import("./PcModal").PcModalProps) => import("react").JSX.Element;
-    ipad: (props: import("./IpadModal").IpadModalProps) => import("react").JSX.Element;
+    h5: (props: import("./MobileModal").MobileModalProps) => JSX.Element;
+    pc: (props: import("./PcModal").PcModalProps) => JSX.Element;
+    ipad: (props: import("./IpadModal").IpadModalProps) => JSX.Element;
 };
 export { IpadModal, MobileModal, PcModal, platformCpt };

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

@@ -31,7 +31,7 @@ export interface PisellModalProps extends ModalProps {
     header?: boolean | null;
 }
 declare const PisellModal: {
-    (props: PisellModalProps): React.JSX.Element;
+    (props: PisellModalProps): JSX.Element;
     confirm: (props: import("./components/functions").PisellModalFuncProps) => {
         destroy: () => void;
         update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
@@ -53,6 +53,6 @@ declare const PisellModal: {
         destroy: () => void;
         update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
     };
-    Information: (props: import("./components/Information").InformationProps) => React.JSX.Element;
+    Information: (props: import("./components/Information").InformationProps) => JSX.Element;
 };
 export default PisellModal;