@pisell/materials 6.2.40 → 6.2.41

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;
@@ -59,13 +59,11 @@ declare const formFieldMap: {
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-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<{}> & {
     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("antd").DatePickerProps & 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>;
@@ -78,14 +76,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>;
@@ -97,5 +95,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
-}) => 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>;
+}) => 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>;
 export { getFieldComponent, formFieldMap };

package/es/components/dataSourceComponents/hooks/useActions.js

@@ -258,32 +258,38 @@ var useActions = function useActions() {
             designModeToast();
             return _context4.abrupt("return", Promise.reject());
           case 3:
+            if (!(currentDataSource !== null && currentDataSource !== void 0 && currentDataSource.fromSettingMeta)) {
+              _context4.next = 5;
+              break;
+            }
+            return _context4.abrupt("return", Promise.reject());
+          case 5:
             if (!isCustomApi) {
-              _context4.next = 11;
+              _context4.next = 13;
               break;
             }
             actions = getParsedActions();
             if (actions.update) {
-              _context4.next = 7;
+              _context4.next = 9;
               break;
             }
             return _context4.abrupt("return", {});
-          case 7:
+          case 9:
             updateApi = genCustomApi(actions === null || actions === void 0 ? void 0 : actions.update);
             return _context4.abrupt("return", updateApi(formatCreateUpdateParams(values)));
-          case 11:
+          case 13:
             id = (extraParams === null || extraParams === void 0 ? void 0 : extraParams.filterByTk) || (values === null || values === void 0 ? void 0 : values.id);
             if (!(!id || !name)) {
-              _context4.next = 15;
+              _context4.next = 17;
               break;
             }
             PisellToast({
               content: getText('pisell-action-get-data')
             });
             return _context4.abrupt("return", Promise.reject());
-          case 15:
-            _context4.prev = 15;
-            _context4.next = 18;
+          case 17:
+            _context4.prev = 17;
+            _context4.next = 20;
             return updateNocobaseData({
               key: name,
               data: formatCreateUpdateParams(values),
@@ -292,18 +298,18 @@ var useActions = function useActions() {
                 filterByTk: id
               }, extraParams === null || extraParams === void 0 ? void 0 : extraParams.update)
             });
-          case 18:
+          case 20:
             res = _context4.sent;
             return _context4.abrupt("return", res);
-          case 22:
-            _context4.prev = 22;
-            _context4.t0 = _context4["catch"](15);
+          case 24:
+            _context4.prev = 24;
+            _context4.t0 = _context4["catch"](17);
             return _context4.abrupt("return", Promise.reject());
-          case 25:
+          case 27:
           case "end":
             return _context4.stop();
         }
-      }, _callee4, null, [[15, 22]]);
+      }, _callee4, null, [[17, 24]]);
     }));
     return function (_x3) {
       return _ref12.apply(this, arguments);

package/es/components/dataSourceComponents/hooks/usePlatform.js

@@ -9,4 +9,12 @@ var useIsShop = function useIsShop() {
   var platform = usePlatform();
   return platform === 'shop';
 };
-export { usePlatform, useIsShop };
+var useIsH5 = function useIsH5() {
+  var platform = usePlatform();
+  return platform === 'h5';
+};
+var useIsPc = function useIsPc() {
+  var platform = usePlatform();
+  return platform === 'pc';
+};
+export { usePlatform, useIsShop, useIsH5, useIsPc };

package/es/components/date-picker/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const DatePicker: (props: any) => JSX.Element;
 export default DatePicker;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Dropdown: (props: any) => JSX.Element;
 export default Dropdown;

package/es/components/iconfont/index.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import { createFromIconfontCN } from '@ant-design/icons';
 import React from 'react';
 var MyIcon = createFromIconfontCN({
-  scriptUrl: 'https://static.pisellcdn.com/pisell2iconfont1.8.js' // 在 iconfont.cn 上生成
+  scriptUrl: 'https://static.pisellcdn.com/pisell2iconfont1.18.js' // 在 iconfont.cn 上生成
 });
 var IconFont = function IconFont(props) {
   return /*#__PURE__*/React.createElement(MyIcon, _extends({}, props, {

package/es/components/pisell-config-provider/context.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export interface PisellContextType {
+    platform: 'h5' | 'pc' | 'ipad';
+    /** 货币符号 */
+    symbol?: string;
+    /** 当前语言环境 */
+    locale?: string;
+}
+export declare const PisellContext: import("react").Context<PisellContextType>;
+/**
+ * provider外获取当前全局配置
+ */
+declare class GlobalConfig {
+    private config;
+    constructor();
+    setConfig(config: PisellContextType): void;
+    getConfig(): PisellContextType;
+}
+export declare const globalConfig: GlobalConfig;
+export default PisellContext;

package/es/components/pisell-config-provider/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { PisellContextType } from './context';
+interface PisellConfigProviderType {
+    platform?: PisellContextType['platform'];
+    children: React.ReactNode;
+    /** 货币符号 */
+    symbol?: string;
+    /** 当前语言环境 */
+    locale?: string;
+}
+declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
+export default PisellConfigProvider;

package/es/components/pisellAdjustPrice/PisellAdjustPriceInputNumber.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputNumberProps } from 'antd/es/input-number';
 export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps, 'onChange'> {
     value?: number;

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

@@ -0,0 +1,4 @@
+import './index.less';
+import { PisellAdjustPriceProps } from './type';
+declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => JSX.Element;
+export default PisellAdjustPrice;

package/es/components/pisellAdjustPrice/type.d.ts

@@ -0,0 +1,20 @@
+export interface PisellAdjustPriceProps {
+    value?: number;
+    originValue: number;
+    defaultValue?: number;
+    onChange?: (val: number) => void;
+    selectType?: 'light' | 'dark';
+    backgroundColor?: string;
+    containerBackgroundColor?: string;
+    buttonBackgroundColor?: string;
+    textColor?: string;
+    resetButtonBackgroundColor?: string;
+    resetButtonTextColor?: string;
+    isDoneButtonFollowTheme?: boolean;
+    doneButtonBackgroundColor?: string;
+    doneButtonTextColor?: string;
+    isShowMainText?: boolean;
+    mainTextColor?: string;
+    isShowSubText?: boolean;
+    subTextColor?: string;
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const PisellCamera: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default PisellCamera;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CardProps } from 'antd';
 import './index.less';
 export interface PisellCardProps extends CardProps {

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export interface PisellCheckboxGroupOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    [key: string]: any;
+}
+declare type PisellCheckboxGroupValue = string | string[] | any;
+export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    platform?: PisellContextType['platform'];
+    direction?: 'horizontal' | 'vertical';
+    fullWidth?: boolean;
+    gap?: number;
+    padding?: number;
+    options: PisellCheckboxGroupOption[];
+    onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
+    value?: PisellCheckboxGroupValue;
+    renderOption?: (option: PisellCheckboxGroupOption, active: boolean, index: number) => React.ReactNode;
+    rowKey?: string;
+    mode?: 'multiple' | 'single';
+    iconPosition?: 'left' | 'right' | 'hide';
+    optionClassName?: string;
+    optionActiveClassName?: string;
+    onChangeDebounce?: boolean;
+}
+/**
+ * @title: PisellCheckboxGroup
+ * @description: 选中组件
+ * @param {PisellCheckboxGroupProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:34
+ */
+declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
+export default PisellCheckboxGroup;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const PisellDatePicker: (props: any) => JSX.Element;
 export default PisellDatePicker;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 export interface ScanProps {
     onChange: (val: string) => void;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 export interface IpadModalProps extends PcModalProps {
 }

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 import './index.less';
 export interface MobileModalProps extends PcModalProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import IpadModal from './IpadModal';
 import MobileModal from './MobileModal';
 import PcModal from './PcModal';

package/es/components/pisellQRScanner/index.js

@@ -18,14 +18,6 @@ import "./index.less";
 import { createPortal } from 'react-dom';
 import { getText } from "../../locales";
 
-// 不使用全局声明，改用本地引入React类型
-
-// 扩展HTMLAttributes接口以包含children属性
-
-// 扩展DetailedHTMLProps类型以使用扩展的HTMLAttributes
-
-// 声明JSX命名空间，解决JSX.IntrinsicElements错误
-
 // 精确定义组件属性，只接收需要的属性
 
 /**

package/es/components/pisellText/components/Amount/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PisellContextType } from '../../../pisell-config-provider/context';
+export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 当前数值  */
+    value?: number | string;
+    /** 小数点后位数 默认是小数点后2位 */
+    precision?: number;
+    /** 显示货币符号 指的是 ¥$ 等货币符号等显隐，默认是展示 */
+    showCurrencySymbol?: boolean;
+    /** 千分位 指的是长金额的千分位逗号隔开，比如“123, 245, 315” 这种展现形式，默认是关闭 */
+    useThousandsSeparator?: boolean;
+    /** 整数位隐藏小数 指的是如果价格为整数，后面的".00" 将被省略以节省页面空间 */
+    hideDecimalForWholeNumbers?: boolean;
+    /** 货币符号 */
+    symbol?: string;
+}
+declare const Amount: (props: AmountProps) => JSX.Element;
+export default Amount;

package/es/components/pisellText/components/Editable/index.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './index.less';
+export declare type MultiLanguageValue = {
+    en: string;
+    'zh-CN': string;
+    'zh-HK': string;
+};
+export interface EditableConfig {
+    /** 是否禁用编辑 */
+    disabled?: boolean;
+    /** 最大长度 */
+    maxLength?: number;
+    /** 编辑图标 */
+    icon?: React.ReactNode;
+}
+export interface EditableProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 文本内容，支持字符串或多语言对象 */
+    value?: string | MultiLanguageValue;
+    /** 子节点内容，优先级高于 value */
+    children?: string;
+    /** 可编辑配置，boolean 时使用默认配置 */
+    editable?: boolean | EditableConfig;
+    /** 编辑变更回调 */
+    onChange?: (value: string | MultiLanguageValue) => void;
+    /** 输入框尺寸 */
+    size?: 'large' | 'middle' | 'small';
+}
+declare const Editable: React.FC<EditableProps>;
+export default Editable;

package/es/components/pisellText/components/Editable/index.js

@@ -0,0 +1,130 @@
+var _excluded = ["value", "children", "editable", "onChange", "className", "size"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 _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; }
+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, { useState, useMemo } from 'react';
+import { Input } from 'antd';
+import Icon from "../../../icon";
+import { locales } from '@pisell/utils';
+import classNames from 'classnames';
+import useEngineContext from "../../../../hooks/useEngineContext";
+import Translation from "../../../translation";
+import "./index.less";
+var Editable = function Editable(props) {
+  var value = props.value,
+    children = props.children,
+    _props$editable = props.editable,
+    editable = _props$editable === void 0 ? false : _props$editable,
+    onChange = props.onChange,
+    className = props.className,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'middle' : _props$size,
+    others = _objectWithoutProperties(props, _excluded);
+  var context = useEngineContext();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEditing = _useState2[0],
+    setIsEditing = _useState2[1];
+  // 解析编辑配置
+  var editableConfig = useMemo(function () {
+    if (typeof editable === 'boolean') {
+      return editable ? {} : null;
+    }
+    return editable || null;
+  }, [editable]);
+  var currentLocale = useMemo(function () {
+    var _context$appHelper$ut;
+    var locale = (_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut = _context$appHelper$ut.storage) === null || _context$appHelper$ut === void 0 ? void 0 : _context$appHelper$ut.get('umi_locale');
+    return locales.formatLocale(locale);
+  }, []);
+  var displayValue = useMemo(function () {
+    if (typeof children === 'string') return children;
+    if (typeof value === 'string') {
+      return value;
+    }
+    if (value && _typeof(value) === 'object') {
+      return value[currentLocale] || '';
+    }
+    return '';
+  }, [value, currentLocale, children]);
+
+  // 判断是否为多语言对象
+  var isMultiLanguage = useMemo(function () {
+    return !!value && _typeof(value) === 'object';
+  }, [value]);
+
+  // 编辑功能
+  var handleEdit = function handleEdit() {
+    if (editableConfig !== null && editableConfig !== void 0 && editableConfig.disabled) return;
+    setIsEditing(true);
+  };
+  var handleInputChange = function handleInputChange(newValue) {
+    if (!onChange) return;
+    onChange(newValue);
+  };
+
+  // 编辑模式渲染
+  if (isEditing && editableConfig) {
+    // 如果是多语言对象，使用 Translation 组件
+    if (isMultiLanguage) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames('pisell-text-editable-editing', className)
+      }, /*#__PURE__*/React.createElement(Translation, {
+        value: value,
+        onChange: handleInputChange,
+        onPressEnter: function onPressEnter() {
+          return setIsEditing(false);
+        }
+        // onBlur={() => setIsEditing(false)}
+        ,
+        maxLength: editableConfig.maxLength,
+        size: size,
+        autoFocus: true
+      }));
+    }
+
+    // 普通字符串，使用 Input 组件
+    return /*#__PURE__*/React.createElement(Input, {
+      value: displayValue,
+      onChange: function onChange(e) {
+        return handleInputChange(e.target.value);
+      },
+      onPressEnter: function onPressEnter() {
+        return setIsEditing(false);
+      }
+      // onBlur={() => setIsEditing(false)}
+      ,
+      maxLength: editableConfig.maxLength,
+      size: size,
+      autoFocus: true,
+      className: classNames('pisell-text-editable-input', className),
+      style: others.style
+    });
+  }
+
+  // 正常显示模式
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: classNames('pisell-text-editable', className, {
+      'pisell-text-editable-enabled': editableConfig && !editableConfig.disabled
+    })
+  }, others), displayValue, editableConfig && !editableConfig.disabled && !isEditing && /*#__PURE__*/React.createElement("span", {
+    className: "pisell-text-editable-edit-icon",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      handleEdit();
+    },
+    title: "\u70B9\u51FB\u7F16\u8F91"
+  }, editableConfig.icon || /*#__PURE__*/React.createElement(Icon, {
+    type: "pisell2-edit-05",
+    size: 16
+  })));
+};
+export default Editable;

package/es/components/pisellText/components/Editable/index.less

@@ -0,0 +1,40 @@
+.pisell-text-editable {
+  position: relative;
+  
+  &-enabled {
+    cursor: pointer;
+  }
+  
+  &-edit-icon {
+    margin-left: 4px;
+    color: rgba(0, 0, 0, 0.45);
+    font-size: 12px;
+    opacity: 1;
+    cursor: pointer;
+    pointer-events: auto;
+    z-index: 1;
+    
+    &:hover {
+      color: #1890ff;
+    }
+    
+    // 确保内部的图标不会阻止点击事件
+    * {
+      pointer-events: none;
+    }
+  }
+  
+  &-input {
+    min-width: 100px;
+    
+    &.ant-input {
+      border: 1px solid #1890ff;
+      box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+    }
+  }
+  
+  &-editing {
+    display: inline-block;
+    width: 100%;
+  }
+}

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

@@ -4,5 +4,6 @@ export interface PisellTextProps extends React.HTMLAttributes<HTMLSpanElement> {
 declare const PisellText: {
     (props: PisellTextProps): JSX.Element;
     Amount: (props: import("./components/Amount").AmountProps) => JSX.Element;
+    Editable: React.FC<import("./components/Editable").EditableProps>;
 };
 export default PisellText;

package/es/components/pisellText/index.js

@@ -1,7 +1,9 @@
 import React from 'react';
 import Amount from "./components/Amount";
+import Editable from "./components/Editable";
 var PisellText = function PisellText(props) {
   return /*#__PURE__*/React.createElement("span", props);
 };
 PisellText.Amount = Amount;
+PisellText.Editable = Editable;
 export default PisellText;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { UploadProps } from 'antd';
 import './index.less';
 export interface PisellUploadProps extends UploadProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export interface PisellWalletPassCardProps {
     id: number;

package/es/components/productCard/cartSkuCard/components/holders/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Holders: (props: any) => JSX.Element | null;
 export default Holders;

package/es/components/productCard/cartSkuCard/components/resources/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Resources: (props: any) => JSX.Element | null;
 export default Resources;

package/es/components/productCard/cartSkuCard/components/timeRange/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import 'dayjs/locale/zh-cn';
 import 'dayjs/locale/en';
 import 'dayjs/locale/zh-tw';

package/es/components/productCard/components/Divider/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Divider: ({ type }: any) => JSX.Element;
 export default Divider;

package/es/components/productCard/components/MultiDay/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const MultiDay: ({ dataSource, hideDivider }: any) => JSX.Element;
 export default MultiDay;

package/es/components/productCard/components/Packages/components/collapsibleList/utils.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => JSX.Element;

package/es/components/productCard/components/Packages/components/options/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Options: ({ options, amountSymbol }: any) => JSX.Element | null;
 export default Options;

package/es/components/productCard/components/Time/components/Like/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Like: ({ status, onLike, className, style, isShowChangeResource, }: {
     style?: any;