@pisell/materials 2.2.80 → 2.2.81

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

@@ -1,4 +1,18 @@
 import React from 'react';
+export interface MediaProps {
+    __designMode?: 'design' | undefined;
+    value?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    multiple?: boolean;
+    maxCount?: number;
+    accept?: string;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    placeholder?: string;
+    showUploadList?: boolean;
+    listType?: 'text' | 'picture' | 'picture-card';
+}
 import './index.less';
-declare const Media: React.ForwardRefExoticComponent<Omit<MediaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Media: React.ForwardRefExoticComponent<MediaProps & React.RefAttributes<HTMLDivElement>>;
 export default Media;

package/es/components/media/index.js

@@ -39,7 +39,7 @@ var Media = /*#__PURE__*/forwardRef(function (props, ref) {
     className = props.className,
     style = props.style,
     _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '选择媒体文件' : _props$placeholder,
+    placeholder = _props$placeholder === void 0 ? '選擇媒體文件' : _props$placeholder,
     _props$showUploadList = props.showUploadList,
     showUploadList = _props$showUploadList === void 0 ? true : _props$showUploadList,
     _props$listType = props.listType,
@@ -126,11 +126,11 @@ var Media = /*#__PURE__*/forwardRef(function (props, ref) {
     }(), {
       manual: true,
       onSuccess: function onSuccess(result) {
-        message.success('上传成功');
+        message.success('上傳成功');
         fetchMediaList();
       },
       onError: function onError() {
-        message.error('上传失败');
+        message.error('上傳失敗');
       }
     }),
     uploadFile = _useRequest2.run;
@@ -145,7 +145,7 @@ var Media = /*#__PURE__*/forwardRef(function (props, ref) {
               _context3.next = 3;
               break;
             }
-            message.error('文件大小不能超过10MB');
+            message.error('文件大小不能超過10MB');
             return _context3.abrupt("return", false);
           case 3:
             setUploading(true);
@@ -196,7 +196,7 @@ var Media = /*#__PURE__*/forwardRef(function (props, ref) {
         }));
       } else {
         if (selectedItems.length >= maxCount) {
-          message.warning("\u6700\u591A\u53EA\u80FD\u9009\u62E9".concat(maxCount, "\u4E2A\u6587\u4EF6"));
+          message.warning("\u6700\u591A\u53EA\u80FD\u9078\u64C7".concat(maxCount, "\u500B\u6587\u4EF6"));
           return;
         }
         setSelectedItems([].concat(_toConsumableArray(selectedItems), [item]));
@@ -209,7 +209,7 @@ var Media = /*#__PURE__*/forwardRef(function (props, ref) {
   // 确认选择
   var handleOk = useCallback(function () {
     if (selectedItems.length === 0) {
-      message.warning('请选择媒体文件');
+      message.warning('請選擇媒體文件');
       return;
     }
     var urls = selectedItems.map(function (item) {
@@ -251,7 +251,7 @@ var Media = /*#__PURE__*/forwardRef(function (props, ref) {
             });
             onChange === null || onChange === void 0 || onChange(multiple ? newFiles : newFiles[0] || '');
           }
-        }, "\u5220\u9664")));
+        }, "\u522A\u9664")));
       }));
     }
     return /*#__PURE__*/React.createElement("div", {
@@ -269,7 +269,7 @@ var Media = /*#__PURE__*/forwardRef(function (props, ref) {
           });
           onChange === null || onChange === void 0 || onChange(multiple ? newFiles : newFiles[0] || '');
         }
-      }, "\u5220\u9664"));
+      }, "\u522A\u9664"));
     }));
   }, [value, listType, multiple, onChange]);
   return /*#__PURE__*/React.createElement("div", {
@@ -286,12 +286,12 @@ var Media = /*#__PURE__*/forwardRef(function (props, ref) {
       height: listType === 'picture-card' ? 80 : 32
     }
   }, placeholder), showUploadList && renderCurrentFiles, /*#__PURE__*/React.createElement(Modal, {
-    title: "\u5A92\u4F53\u5E93",
+    title: "\u5A92\u9AD4\u5EAB",
     open: isModalVisible,
     onCancel: handleCancel,
     onOk: handleOk,
     width: 800,
-    okText: "\u786E\u5B9A",
+    okText: "\u78BA\u5B9A",
     cancelText: "\u53D6\u6D88"
   }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-media-modal"
@@ -305,7 +305,7 @@ var Media = /*#__PURE__*/forwardRef(function (props, ref) {
   }, /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
     loading: uploading
-  }, "\u4E0A\u4F20\u6587\u4EF6"))), /*#__PURE__*/React.createElement("div", {
+  }, "\u4E0A\u50B3\u6587\u4EF6"))), /*#__PURE__*/React.createElement("div", {
     className: "pisell-media-list"
   }, mediaList === null || mediaList === void 0 ? void 0 : mediaList.map(function (item) {
     var isSelected = selectedItems.find(function (selected) {
@@ -335,6 +335,6 @@ var Media = /*#__PURE__*/forwardRef(function (props, ref) {
     }, (item.size / 1024 / 1024).toFixed(2), " MB")));
   })), selectedItems.length > 0 && /*#__PURE__*/React.createElement("div", {
     className: "pisell-media-selected"
-  }, "\u5DF2\u9009\u62E9 ", selectedItems.length, " \u4E2A\u6587\u4EF6"))));
+  }, "\u5DF2\u9078\u64C7 ", selectedItems.length, " \u500B\u6587\u4EF6"))));
 });
 export default Media;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+interface PisellVHFixProps {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    height?: number;
+    minHeight?: boolean;
+    maxHeight?: boolean;
+    minusPixels?: number;
+}
+declare const PisellVHFix: React.FC<PisellVHFixProps>;
+export default PisellVHFix;

package/es/components/pisellVHFix/index.js

@@ -0,0 +1,36 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { useVH } from "../../hooks/useVH";
+import "./index.less";
+var PisellVHFix = function PisellVHFix(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    style = _ref.style,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 100 : _ref$height,
+    _ref$minHeight = _ref.minHeight,
+    minHeight = _ref$minHeight === void 0 ? false : _ref$minHeight,
+    _ref$maxHeight = _ref.maxHeight,
+    maxHeight = _ref$maxHeight === void 0 ? false : _ref$maxHeight,
+    _ref$minusPixels = _ref.minusPixels,
+    minusPixels = _ref$minusPixels === void 0 ? 0 : _ref$minusPixels;
+  // 启用vh修复
+  useVH();
+  var containerStyle = _objectSpread(_objectSpread(_objectSpread({}, style), {}, {
+    height: minusPixels > 0 ? "calc(var(--vh, 1vh) * ".concat(height, " - ").concat(minusPixels, "px)") : "calc(var(--vh, 1vh) * ".concat(height, ")")
+  }, minHeight && {
+    minHeight: "calc(var(--vh, 1vh) * ".concat(height, ")")
+  }), maxHeight && {
+    maxHeight: "calc(var(--vh, 1vh) * ".concat(height, ")")
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-vh-fix ".concat(className || ''),
+    style: containerStyle
+  }, children);
+};
+export default PisellVHFix;

package/es/components/pisellVHFix/index.less

@@ -0,0 +1,10 @@
+.pisell-vh-fix {
+  box-sizing: border-box;
+  overflow: hidden;
+
+  // 确保在Safari移动端正确显示
+  -webkit-overflow-scrolling: touch;
+
+  // 防止iOS Safari的弹性滚动
+  overscroll-behavior: contain;
+}

package/es/components/productCard/components/AmountFooter/index.js

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
-import { Tooltip } from 'antd';
+import { Tag, Tooltip } from 'antd';
 import { QuestionCircleOutlined } from '@ant-design/icons';
 import { _formatAmount } from "../Packages/utils";
 import Divider from "../Divider";
@@ -31,6 +31,24 @@ var Footer = function Footer(_ref) {
     if (!origin_total) return false;
     return Number(total) != Number(origin_total);
   }, [total, origin_total]);
+  var renderDiscountReason = function renderDiscountReason() {
+    if (isDiscount && discount_reason && type === 'total') {
+      if (Array.isArray(discount_reason)) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefix, "product-item-discount-reason")
+        }, discount_reason.map(function (reason, index) {
+          return /*#__PURE__*/React.createElement(Tag, {
+            key: index,
+            color: "red"
+          }, reason);
+        }));
+      }
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefix, "product-item-discount-reason")
+      }, /*#__PURE__*/React.createElement("span", null, "".concat(locales.getText('pisell2.product.card.discount.reason'), ": ").concat(discount_reason))));
+    }
+    return null;
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, !hideDivider ? /*#__PURE__*/React.createElement(Divider, {
     type: type !== 'total' ? 'inside' : ''
   }) : null, /*#__PURE__*/React.createElement("div", {
@@ -49,10 +67,8 @@ var Footer = function Footer(_ref) {
     }
   })) : null), /*#__PURE__*/React.createElement("span", null, "\xD7".concat(num))) : null, /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefix, "packages-product-footer-total")
-  }, _formatAmount(total * num, symbol))), isDiscount ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "packages-product-footer-discount")
-  }, !isOnlyTotal ? /*#__PURE__*/React.createElement("span", null, _formatAmount(origin_total, symbol)) : null, /*#__PURE__*/React.createElement("span", null, _formatAmount(origin_total * num, symbol, 2))) : null), isDiscount && discount_reason && type === 'total' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "product-item-discount-reason")
-  }, /*#__PURE__*/React.createElement("span", null, "".concat(locales.getText('pisell2.product.card.discount.reason'), ": ").concat(discount_reason)))) : null);
+  }, isDiscount ? /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefix, "packages-product-footer-origin-total")
+  }, _formatAmount(origin_total * num, symbol, 2)) : null, /*#__PURE__*/React.createElement("span", null, _formatAmount(total * num, symbol))))), renderDiscountReason());
 };
 export default Footer;

package/es/components/productCard/components/AmountFooter/index.less

@@ -35,6 +35,19 @@
     color: var(--Gray-900, #101828);
   }
 
+  &-packages-product-footer-origin-total {
+    color: var(--Gray-500, #667085);
+    text-align: center;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 18px; /* 150% */
+    text-decoration-line: line-through;
+    margin-right: 8px;
+    display: inline-block;
+    transform: translateY(-1px);
+  }
+
   &-packages-product-hide-divider-footer {
     margin-top: 8px;
   }
@@ -45,6 +58,20 @@
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
-    white-space: break-spaces;
+    margin-top: 4px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    overflow: hidden;
+
+    >span {
+      display: inline-block;
+      max-width: 100%;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+      border-radius: 4px;
+      margin: 0;
+    }
   }
 }

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import '../../index.less';
+declare const Warning: React.FC<{
+    errorMessage: string | Array<string>;
+    osWarnTips: Array<string>;
+}>;
+export default Warning;

package/es/components/productCard/components/Warning/index.js

@@ -0,0 +1,48 @@
+import React, { useMemo } from 'react';
+import { locales } from '@pisell/utils';
+import { Alert } from 'antd';
+import "../../index.less";
+var Warning = function Warning(_ref) {
+  var errorMessage = _ref.errorMessage,
+    osWarnTips = _ref.osWarnTips;
+  /**
+   * @title: 错误提示列表
+   * @description: 错误提示列表
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-07-23 10:10
+   */
+  var errorLists = useMemo(function () {
+    if (errorMessage) {
+      // 如果errorMessage是数组，则返回数组
+      if (Array.isArray(errorMessage)) {
+        return errorMessage;
+      }
+
+      // 如果errorMessage是字符串，则返回字符串
+      if (typeof errorMessage === 'string') {
+        return [errorMessage];
+      }
+    }
+    if ((osWarnTips === null || osWarnTips === void 0 ? void 0 : osWarnTips.length) > 0) {
+      return osWarnTips.map(function (item) {
+        return locales.getText(item);
+      });
+    }
+    return [];
+  }, [errorMessage, osWarnTips]);
+  if ((errorLists === null || errorLists === void 0 ? void 0 : errorLists.length) === 0) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, errorLists.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Alert, {
+      key: index,
+      message: item,
+      type: "warning",
+      showIcon: true,
+      className: "pisell-lowcode-product-card-error"
+    });
+  }));
+};
+export default Warning;

package/es/components/productCard/index.js

@@ -10,7 +10,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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, { useMemo, useRef } from 'react';
 import classNames from 'classnames';
-import { Alert } from 'antd';
 import { locales } from '@pisell/utils';
 import CardPro from "../cardPro";
 import Header from "./components/Header";
@@ -26,6 +25,7 @@ import UseOpenNote from "./hooks/useOpenNote";
 import localeTexts from "./locales";
 import { defaultValue } from "./status";
 import useEngineContext from "../../hooks/useEngineContext";
+import Warning from "./components/Warning";
 import "./index.less";
 var ProductCard = function ProductCard(props) {
   var _utils$storage, _dataSource$items;
@@ -64,7 +64,9 @@ var ProductCard = function ProductCard(props) {
     isShowAction = dataSource.isShowAction,
     actionText = dataSource.actionText,
     errorMessage = dataSource.errorMessage,
-    isNormalProduct = dataSource.isNormalProduct;
+    isNormalProduct = dataSource.isNormalProduct,
+    _dataSource$osWarnTip = dataSource.osWarnTips,
+    osWarnTips = _dataSource$osWarnTip === void 0 ? [] : _dataSource$osWarnTip;
 
   /**
    * @title: 显示图片
@@ -159,12 +161,10 @@ var ProductCard = function ProductCard(props) {
     onAction: function onAction() {
       return _onAction === null || _onAction === void 0 ? void 0 : _onAction(dataSource);
     }
-  }) : null, errorMessage ? /*#__PURE__*/React.createElement(Alert, {
-    message: errorMessage,
-    type: "warning",
-    showIcon: true,
-    className: "pisell-lowcode-product-card-error"
-  }) : null), /*#__PURE__*/React.createElement(UseOpenNote, {
+  }) : null, /*#__PURE__*/React.createElement(Warning, {
+    errorMessage: errorMessage,
+    osWarnTips: osWarnTips
+  })), /*#__PURE__*/React.createElement(UseOpenNote, {
     ref: useOpenNoteRef,
     onNoteChange: function onNoteChange(e) {
       onNote === null || onNote === void 0 || onNote(_objectSpread(_objectSpread({}, dataSource), {}, {

package/es/components/productCard/locales.d.ts

@@ -24,6 +24,7 @@ declare const _default: {
         'pisell2.product.card.add.holder.modal.clear': string;
         'pisell2.product.card.add.holder.modal.apply': string;
         'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
     };
     'zh-CN': {
         'pisell2.product.card.edit': string;
@@ -50,6 +51,7 @@ declare const _default: {
         'pisell2.product.card.add.holder.modal.clear': string;
         'pisell2.product.card.add.holder.modal.apply': string;
         'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
     };
     'zh-HK': {
         'pisell2.product.card.edit': string;
@@ -76,6 +78,7 @@ declare const _default: {
         'pisell2.product.card.add.holder.modal.clear': string;
         'pisell2.product.card.add.holder.modal.apply': string;
         'pisell2.product.card.add.holder.modal.add': string;
+        'pisell2.product.card.closing-soon.warning': string;
     };
 };
 export default _default;

package/es/components/productCard/locales.js

@@ -37,7 +37,8 @@ export default {
     'pisell2.product.card.add.holder.modal.cancel': 'Cancel',
     'pisell2.product.card.add.holder.modal.clear': 'Clear',
     'pisell2.product.card.add.holder.modal.apply': 'Apply',
-    'pisell2.product.card.add.holder.modal.add': 'Add New'
+    'pisell2.product.card.add.holder.modal.add': 'Add New',
+    'pisell2.product.card.closing-soon.warning': 'The venue will close soon. Please make sure you have enough time for your visit.'
   },
   'zh-CN': {
     'pisell2.product.card.edit': '编辑',
@@ -77,7 +78,8 @@ export default {
     'pisell2.product.card.add.holder.modal.cancel': '取消',
     'pisell2.product.card.add.holder.modal.clear': '清除',
     'pisell2.product.card.add.holder.modal.apply': '应用',
-    'pisell2.product.card.add.holder.modal.add': '添加'
+    'pisell2.product.card.add.holder.modal.add': '添加',
+    'pisell2.product.card.closing-soon.warning': '当前入场时间临近营业结束，请确认是否仍要购买。'
   },
   'zh-HK': {
     'pisell2.product.card.edit': '編輯',
@@ -117,6 +119,7 @@ export default {
     'pisell2.product.card.add.holder.modal.cancel': '取消',
     'pisell2.product.card.add.holder.modal.clear': '清除',
     'pisell2.product.card.add.holder.modal.apply': '應用',
-    'pisell2.product.card.add.holder.modal.add': '添加'
+    'pisell2.product.card.add.holder.modal.add': '添加',
+    'pisell2.product.card.closing-soon.warning': '當前入場時間臨近營業結束，請確認是否仍要購買。'
   }
 };

package/es/components/productCard/status.js

@@ -64,5 +64,7 @@ export var defaultValue = {
   isShowPackageNote: true,
   isShowEditProduct: false,
   locale: 'en-US',
-  symbol: '$'
+  symbol: '$',
+  // os层自定义错误提示
+  osWarnTips: []
 };

package/es/components/productCard/types.d.ts

@@ -79,5 +79,6 @@ export declare type ProductCardTypes = {
     onLike?: (val: any) => void;
     onCard?: (val: any) => void;
     onChangeResource?: (val: any) => void;
+    osWarnTips?: Array<string>;
     [key: string]: any;
 };

package/lib/components/media/index.d.ts

@@ -1,4 +1,18 @@
 import React from 'react';
+export interface MediaProps {
+    __designMode?: 'design' | undefined;
+    value?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    multiple?: boolean;
+    maxCount?: number;
+    accept?: string;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    placeholder?: string;
+    showUploadList?: boolean;
+    listType?: 'text' | 'picture' | 'picture-card';
+}
 import './index.less';
-declare const Media: React.ForwardRefExoticComponent<Omit<MediaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Media: React.ForwardRefExoticComponent<MediaProps & React.RefAttributes<HTMLDivElement>>;
 export default Media;

package/lib/components/media/index.js

@@ -50,7 +50,7 @@ var Media = (0, import_react.forwardRef)((props, ref) => {
     disabled = false,
     className,
     style,
-    placeholder = "选择媒体文件",
+    placeholder = "選擇媒體文件",
     showUploadList = true,
     listType = "picture-card"
   } = props;
@@ -97,18 +97,18 @@ var Media = (0, import_react.forwardRef)((props, ref) => {
     {
       manual: true,
       onSuccess: (result) => {
-        import_antd.message.success("上传成功");
+        import_antd.message.success("上傳成功");
         fetchMediaList();
       },
       onError: () => {
-        import_antd.message.error("上传失败");
+        import_antd.message.error("上傳失敗");
       }
     }
   );
   const handleUpload = (0, import_react.useCallback)(
     async (file) => {
       if (file.size > 10 * 1024 * 1024) {
-        import_antd.message.error("文件大小不能超过10MB");
+        import_antd.message.error("文件大小不能超過10MB");
         return false;
       }
       setUploading(true);
@@ -144,7 +144,7 @@ var Media = (0, import_react.forwardRef)((props, ref) => {
           );
         } else {
           if (selectedItems.length >= maxCount) {
-            import_antd.message.warning(`最多只能选择${maxCount}个文件`);
+            import_antd.message.warning(`最多只能選擇${maxCount}個文件`);
             return;
           }
           setSelectedItems([...selectedItems, item]);
@@ -157,7 +157,7 @@ var Media = (0, import_react.forwardRef)((props, ref) => {
   );
   const handleOk = (0, import_react.useCallback)(() => {
     if (selectedItems.length === 0) {
-      import_antd.message.warning("请选择媒体文件");
+      import_antd.message.warning("請選擇媒體文件");
       return;
     }
     const urls = selectedItems.map((item) => item.url);
@@ -189,7 +189,7 @@ var Media = (0, import_react.forwardRef)((props, ref) => {
             onChange == null ? void 0 : onChange(multiple ? newFiles : newFiles[0] || "");
           }
         },
-        "删除"
+        "刪除"
       )))));
     }
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-media-current-files" }, files.map((url, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: index, className: "pisell-media-file-item" }, /* @__PURE__ */ import_react.default.createElement("span", null, url), /* @__PURE__ */ import_react.default.createElement(
@@ -202,7 +202,7 @@ var Media = (0, import_react.forwardRef)((props, ref) => {
           onChange == null ? void 0 : onChange(multiple ? newFiles : newFiles[0] || "");
         }
       },
-      "删除"
+      "刪除"
     ))));
   }, [value, listType, multiple, onChange]);
   return /* @__PURE__ */ import_react.default.createElement("div", { ref, className: `pisell-media ${className || ""}`, style }, /* @__PURE__ */ import_react.default.createElement(
@@ -218,12 +218,12 @@ var Media = (0, import_react.forwardRef)((props, ref) => {
   ), showUploadList && renderCurrentFiles, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Modal,
     {
-      title: "媒体库",
+      title: "媒體庫",
       open: isModalVisible,
       onCancel: handleCancel,
       onOk: handleOk,
       width: 800,
-      okText: "确定",
+      okText: "確定",
       cancelText: "取消"
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-media-modal" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-media-upload" }, /* @__PURE__ */ import_react.default.createElement(
@@ -234,7 +234,7 @@ var Media = (0, import_react.forwardRef)((props, ref) => {
         showUploadList: false,
         disabled: uploading
       },
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null), loading: uploading }, "上传文件")
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null), loading: uploading }, "上傳文件")
     )), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-media-list" }, mediaList == null ? void 0 : mediaList.map((item) => {
       const isSelected = selectedItems.find(
         (selected) => selected.id === item.id
@@ -259,7 +259,7 @@ var Media = (0, import_react.forwardRef)((props, ref) => {
         ),
         /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-media-item-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-media-item-name" }, item.name), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-media-item-size" }, (item.size / 1024 / 1024).toFixed(2), " MB"))
       );
-    })), selectedItems.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-media-selected" }, "已选择 ", selectedItems.length, " 个文件"))
+    })), selectedItems.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-media-selected" }, "已選擇 ", selectedItems.length, " 個文件"))
   ));
 });
 var media_default = Media;

package/lib/components/pisellVHFix/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+interface PisellVHFixProps {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    height?: number;
+    minHeight?: boolean;
+    maxHeight?: boolean;
+    minusPixels?: number;
+}
+declare const PisellVHFix: React.FC<PisellVHFixProps>;
+export default PisellVHFix;

package/lib/components/pisellVHFix/index.js

@@ -0,0 +1,56 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellVHFix/index.tsx
+var pisellVHFix_exports = {};
+__export(pisellVHFix_exports, {
+  default: () => pisellVHFix_default
+});
+module.exports = __toCommonJS(pisellVHFix_exports);
+var import_react = __toESM(require("react"));
+var import_useVH = require("../../hooks/useVH");
+var import_index = require("./index.less");
+var PisellVHFix = ({
+  children,
+  className,
+  style,
+  height = 100,
+  minHeight = false,
+  maxHeight = false,
+  minusPixels = 0
+}) => {
+  (0, import_useVH.useVH)();
+  const containerStyle = {
+    ...style,
+    height: minusPixels > 0 ? `calc(var(--vh, 1vh) * ${height} - ${minusPixels}px)` : `calc(var(--vh, 1vh) * ${height})`,
+    ...minHeight && { minHeight: `calc(var(--vh, 1vh) * ${height})` },
+    ...maxHeight && { maxHeight: `calc(var(--vh, 1vh) * ${height})` }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-vh-fix ${className || ""}`, style: containerStyle }, children);
+};
+var pisellVHFix_default = PisellVHFix;

package/lib/components/pisellVHFix/index.less

@@ -0,0 +1,10 @@
+.pisell-vh-fix {
+  box-sizing: border-box;
+  overflow: hidden;
+
+  // 确保在Safari移动端正确显示
+  -webkit-overflow-scrolling: touch;
+
+  // 防止iOS Safari的弹性滚动
+  overscroll-behavior: contain;
+}