@pisell/materials 1.0.849 → 1.0.851

package/es/components/media/index.less

@@ -0,0 +1,100 @@
+.pisell-media {
+  .pisell-media-current-files {
+    margin-top: 8px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+
+    .pisell-media-file-item {
+      position: relative;
+      border: 1px solid #d9d9d9;
+      border-radius: 6px;
+      padding: 4px;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+
+      .pisell-media-file-actions {
+        position: absolute;
+        top: 4px;
+        right: 4px;
+        opacity: 0;
+        transition: opacity 0.2s;
+      }
+
+      &:hover .pisell-media-file-actions {
+        opacity: 1;
+      }
+    }
+  }
+
+  .pisell-media-modal {
+    .pisell-media-upload {
+      margin-bottom: 16px;
+      padding-bottom: 16px;
+      border-bottom: 1px solid #f0f0f0;
+    }
+
+    .pisell-media-list {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+      gap: 12px;
+      max-height: 400px;
+      overflow-y: auto;
+
+      .pisell-media-item {
+        border: 2px solid transparent;
+        border-radius: 8px;
+        padding: 8px;
+        cursor: pointer;
+        background: #fafafa;
+        transition: all 0.2s;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+        min-height: 120px;
+
+        &:hover {
+          border-color: #1890ff;
+          background: #f0f8ff;
+        }
+
+        &.selected {
+          border-color: #1890ff;
+          background: #e6f7ff;
+        }
+
+        .pisell-media-item-info {
+          margin-top: 8px;
+          width: 100%;
+
+          .pisell-media-item-name {
+            font-size: 12px;
+            color: #333;
+            margin-bottom: 4px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+
+          .pisell-media-item-size {
+            font-size: 10px;
+            color: #999;
+          }
+        }
+      }
+    }
+
+    .pisell-media-selected {
+      margin-top: 16px;
+      padding: 8px 12px;
+      background: #f6ffed;
+      border: 1px solid #b7eb8f;
+      border-radius: 6px;
+      color: #52c41a;
+      font-size: 14px;
+      text-align: center;
+    }
+  }
+}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps, ButtonProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 export interface CopyProps extends InputProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SpinProps } from 'antd';
 import './index.less';
 declare type MaskType = {

package/es/components/productCard/components/Header/EditButton/index.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface SelectHolderModalProps {
     visible: boolean;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const SelectHolderMultiple: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, holderMaxCount, }: any) => JSX.Element;
 export default SelectHolderMultiple;

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,
+    osWainTips = _ref.osWainTips;
+  /**
+   * @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 ((osWainTips === null || osWainTips === void 0 ? void 0 : osWainTips.length) > 0) {
+      return osWainTips.map(function (item) {
+        return locales.getText(item);
+      });
+    }
+    return [];
+  }, [errorMessage, osWainTips]);
+  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$osWainTip = dataSource.osWainTips,
+    osWainTips = _dataSource$osWainTip === void 0 ? [] : _dataSource$osWainTip;
 
   /**
    * @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,
+    osWainTips: osWainTips
+  })), /*#__PURE__*/React.createElement(UseOpenNote, {
     ref: useOpenNoteRef,
     onNoteChange: function onNoteChange(e) {
       onNote === null || onNote === void 0 || onNote(_objectSpread(_objectSpread({}, dataSource), {}, {

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层自定义错误提示
+  osWainTips: []
 };

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

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

package/es/components/table/Actions/component/GallerySetting/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType, ModeType } from "../../../types";
 import "./index.less";
 declare type GallerySettingProps = {

package/es/components/table/Actions/component/Group/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceGroupType } from "../../../types";
 declare type GroupProps = {
     setting: DataSourceGroupType;

package/es/components/table/Actions/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterType } from "../../filter/types";
 import { ColumnSettingType, DataSourceGroupType, ExportImportType, GallerySettingType, GridViewType, SortType } from "../types";
 import "./index.less";

package/es/components/table/BasicTable/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TableProps } from 'antd';
 declare const BasicTable: (props: TableProps<any>) => JSX.Element;
 export default BasicTable;

package/es/components/table/Gallery/components/GalleryItem/components/RenderFields/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare type RenderFieldsProps = {
     fields: string[];

package/es/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: any;
-    vertical: any;
+    horizontal: number;
+    vertical: number;
 };
 export default useGapSize;

package/es/components/table/Table/SelectField/index.d.ts

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

package/es/components/table/Table/fields/date/Show/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/es/components/table/Table/fields/link/Show/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): any;
+}): boolean;

package/es/components/table/Table/fields/select/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/text/Show/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 import "./index.less";
 declare const Show: (props: FieldPropsType) => JSX.Element;

package/es/components/table/Table/fields/text/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): any;
+}): boolean;

package/es/components/table/Table/fields/treeSelect/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/tableConfig/SortRow/index.d.ts

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

package/es/components/table/View/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridViewProps } from '../types';
 declare const View: (props: GridViewProps & {
     setTableSetting: (values: Record<string, any>) => void;

package/es/components/walletCard/index.js

@@ -18,6 +18,7 @@ import { Card, QRCode } from 'antd';
 import classNames from 'classnames';
 import React, { useMemo, useState } from 'react';
 import Barcode from 'react-barcode';
+import EyeOff from '@pisell/icon/es/EyeOff';
 import { getText } from "../../locales/index";
 import Iconfont from "./../iconfont";
 import PisellModal from "./../pisellModal";
@@ -148,13 +149,17 @@ var CardHeader = function CardHeader(_ref2) {
     codeType = _ref2$codeType === void 0 ? 'barCode' : _ref2$codeType,
     onCodeClick = _ref2.onCodeClick,
     _ref2$isLogin = _ref2.isLogin,
-    isLogin = _ref2$isLogin === void 0 ? false : _ref2$isLogin;
+    isLogin = _ref2$isLogin === void 0 ? false : _ref2$isLogin,
+    _ref2$showViewPin = _ref2.showViewPin,
+    showViewPin = _ref2$showViewPin === void 0 ? false : _ref2$showViewPin,
+    onViewPinClick = _ref2.onViewPinClick;
   // 处理可能为0/1的布尔值
   var processedShowIcon = toBooleanValue(showIcon);
   var processedShowWalletName = toBooleanValue(showWalletName);
   var processedShowShopName = toBooleanValue(showShopName);
   var processedShowCardNo = toBooleanValue(showCardNo);
   var processedShowCode = toBooleanValue(showCode);
+  var processedShowViewPin = toBooleanValue(showViewPin);
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-header"
   }, /*#__PURE__*/React.createElement("div", {
@@ -172,7 +177,14 @@ var CardHeader = function CardHeader(_ref2) {
     }
   })) : null, processedShowWalletName && walletName && /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-header-level-text"
-  }, walletName)), processedShowShopName && shopName && /*#__PURE__*/React.createElement("div", null, shopName), processedShowCardNo && cardNo && /*#__PURE__*/React.createElement("div", null, cardNo)), /*#__PURE__*/React.createElement("div", {
+  }, walletName)), processedShowShopName && shopName && /*#__PURE__*/React.createElement("div", null, shopName), processedShowCardNo && cardNo && /*#__PURE__*/React.createElement("div", null, cardNo), processedShowViewPin && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-header-view-pin",
+    onClick: function onClick() {
+      return onViewPinClick === null || onViewPinClick === void 0 ? void 0 : onViewPinClick();
+    }
+  }, getText('walletCard-viewPin'), /*#__PURE__*/React.createElement(EyeOff, {
+    className: "pisell-wallet-card-header-view-pin-icon"
+  }))), /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-header-right"
   }, processedShowCode && cardStyle === 'normal' && /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-icon-wrapper",
@@ -339,6 +351,7 @@ var WalletCard = function WalletCard(props) {
   var showCardNo = toBooleanValue(mergedProps.showCardNo);
   var showCode = toBooleanValue(mergedProps.showCode);
   var isLogin = toBooleanValue(mergedProps.isLogin);
+  var showViewPin = toBooleanValue(mergedProps === null || mergedProps === void 0 ? void 0 : mergedProps.showViewPin);
   var context = useEngineContext();
   var _ref7 = context.appHelper || {},
     utils = _ref7.utils;
@@ -347,6 +360,7 @@ var WalletCard = function WalletCard(props) {
     isModalOpen = _useCodeModal.isModalOpen,
     handleCodeClick = _useCodeModal.handleCodeClick,
     closeModal = _useCodeModal.closeModal;
+  console.log('showViewPin', props);
 
   // 计算背景样式
   var backgroundStyle = useMemo(function () {
@@ -378,6 +392,17 @@ var WalletCard = function WalletCard(props) {
       callback: function callback() {}
     });
   };
+
+  /**
+   * 查看PIN的回调
+   */
+  var onViewPinClick = function onViewPinClick() {
+    if (props !== null && props !== void 0 && props.onViewPinClick) {
+      props.onViewPinClick();
+    } else {
+      console.error('onViewPinClick方法需要传入');
+    }
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-wallet-card-wrapper', className),
     style: style,
@@ -415,7 +440,9 @@ var WalletCard = function WalletCard(props) {
     cardStyle: cardStyle,
     codeType: codeType,
     onCodeClick: handleCodeClick,
-    isLogin: isLogin
+    isLogin: isLogin,
+    showViewPin: showViewPin,
+    onViewPinClick: onViewPinClick
   }), /*#__PURE__*/React.createElement(CardContent, {
     items: items,
     symbol: symbol

package/es/components/walletCard/index.less

@@ -106,6 +106,23 @@
           margin-bottom: 0;
         }
       }
+
+      .pisell-wallet-card-header-view-pin {
+        color: #53b1fd;
+        cursor: pointer;
+        font-size: 12px;
+        font-weight: 400;
+        display: flex;
+        align-items: center;
+        gap: 4px;
+
+        .pisell-wallet-card-header-view-pin-icon {
+          width: 16px;
+          height: 16px;
+          color: #53b1fd;
+          font-size: 16px;
+        }
+      }
     }
 
     // 头部右侧