@pisell/materials 6.4.17 → 6.4.19

package/es/components/virtual-keyboard/VirtualInput/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.less';
+export interface VirtualInputProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: string;
+    autoFocus?: boolean;
+    placeholder?: string;
+}
+declare const VirtualInput: (props: VirtualInputProps) => JSX.Element;
+export default VirtualInput;

package/es/components/walletCard/Guest/index.d.ts

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

package/es/components/walletCard/Guide/index.d.ts

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

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

@@ -0,0 +1,71 @@
+import React from 'react';
+import './index.less';
+export interface WalletCardItem {
+    type: string;
+    custom_title?: string | {
+        original: string;
+        en: string;
+        'zh-CN': string;
+        'zh-HK': string;
+    };
+    display?: 0 | 1;
+    value?: number;
+}
+export interface WalletCardProps {
+    /** 钱包ID */
+    id?: string;
+    /** 二维码弹窗适配平台 */
+    platform?: 'pc' | 'h5' | 'ipad';
+    /** 卡片主题 */
+    mode?: 'dark' | 'light';
+    /** 默认还是完整显示code */
+    cardStyle?: 'normal' | 'full';
+    /** 条形码还是二维码 */
+    codeType?: 'barCode' | 'qrCode';
+    /** 二维码方向 */
+    codeDirection?: 'bottom' | 'top';
+    /** 自定义背景图 */
+    customBackgroundImage?: string;
+    /** 图标：可以是React组件或图片URL */
+    showIcon?: boolean;
+    showWalletName?: boolean;
+    iconImg?: string;
+    /** 钱包名称 */
+    walletName?: string;
+    /** 店铺名称 */
+    shopName?: string;
+    /** 是否显示店铺名称 */
+    showShopName?: boolean;
+    /** 卡号 */
+    cardNo?: string;
+    /** 是否显示卡号 */
+    showCardNo?: boolean;
+    /** 是否显示二维码 */
+    showCode?: boolean;
+    /** 点击二维码/条形码的回调 */
+    onCodeClick?: () => void;
+    /** 货币符号 */
+    symbol: string;
+    /** 点击卡片的回调 */
+    onClick?: () => void;
+    /** 自定义类名 */
+    className?: string;
+    items: WalletCardItem[];
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    title?: string;
+    subTitle?: string;
+    align?: 'left' | 'center';
+    buttonText?: string;
+    [key: string]: any;
+    /** 是否已登录 */
+    isLogin?: boolean;
+    /** 是否是引导页 */
+    isGuide?: boolean;
+    /** 是否显示查看PIN */
+    showViewPin?: boolean;
+    /** 查看PIN的回调 */
+    onViewPinClick?: () => void;
+}
+declare const WalletCard: React.FC<WalletCardProps>;
+export default WalletCard;

package/es/components/walletCard/index.js

@@ -4,10 +4,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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); }
@@ -28,8 +24,6 @@ import Guest from "./Guest";
 import Guide from "./Guide";
 import "./index.less";
 
-// 添加JSX类型声明
-
 // 类型定义
 
 // 默认值
@@ -41,7 +35,7 @@ var DEFAULT_PROPS = {
   showWalletName: true,
   shopName: 'Store name',
   showShopName: true,
-  cardNo: 'Wallet number',
+  cardNo: 'WL0000000001',
   cardStyle: 'normal',
   codeType: 'barCode',
   platform: 'pc',
@@ -51,21 +45,41 @@ var DEFAULT_PROPS = {
   walletName: 'Level',
   isLogin: true,
   items: [{
-    key: 'rechargeable',
-    label: 'rechargeable',
-    value: 0
+    type: 'rechargeable',
+    display: 1,
+    custom_title: {
+      original: 'Balance',
+      'zh-CN': '充值卡',
+      'zh-HK': '充值卡',
+      en: 'Balance'
+    }
   }, {
-    key: 'piont',
-    label: 'piont',
-    value: 10
+    type: 'point',
+    display: 1,
+    custom_title: {
+      original: 'Points',
+      'zh-CN': '积分卡',
+      'zh-HK': '積分卡',
+      en: 'Points'
+    }
   }, {
-    key: 'voucher',
-    label: 'Discount cardvoucher',
-    value: 0
+    type: 'voucher',
+    display: 1,
+    custom_title: {
+      original: 'Voucher',
+      'zh-CN': '代金券',
+      'zh-HK': '代金券',
+      en: 'Voucher'
+    }
   }, {
-    key: 'discount',
-    label: 'discount',
-    value: 0
+    type: 'discount',
+    display: 1,
+    custom_title: {
+      original: 'Discount',
+      'zh-CN': '折扣卡',
+      'zh-HK': '折扣卡',
+      en: 'Discount'
+    }
   }]
 };
 
@@ -93,7 +107,7 @@ var useCodeModal = function useCodeModal(cardNo, onCodeClick, codeType) {
     if (interaction !== null && interaction !== void 0 && (_interaction$utils = interaction.utils) !== null && _interaction$utils !== void 0 && (_interaction$utils$is = _interaction$utils.isAppEnv) !== null && _interaction$utils$is !== void 0 && _interaction$utils$is.call(_interaction$utils)) {
       var _interaction$utils2, _interaction$utils2$p;
       var typeMap = {
-        orCode: 'qrCode',
+        qrCode: 'qrCode',
         barCode: 'barCode'
       };
       interaction === null || interaction === void 0 || (_interaction$utils2 = interaction.utils) === null || _interaction$utils2 === void 0 || (_interaction$utils2$p = _interaction$utils2.postMessageToApp) === null || _interaction$utils2$p === void 0 || _interaction$utils2$p.call(_interaction$utils2, {
@@ -198,49 +212,44 @@ var CardHeader = function CardHeader(_ref2) {
 
 // 子组件：卡片内容项
 var CardItem = function CardItem(_ref3) {
+  var _context$appHelper2;
   var item = _ref3.item,
     symbol = _ref3.symbol;
-  var key = item.key,
-    label = item.label,
+  var type = item.type,
+    custom_title = item.custom_title,
     value = item.value;
+  var context = useEngineContext();
+  var utils = context === null || context === void 0 || (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.utils;
+  var translationOriginal = (utils === null || utils === void 0 ? void 0 : utils.translationOriginal) || (utils === null || utils === void 0 ? void 0 : utils.translation);
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-item"
   }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-item-label"
-  }, getText("walletCard-".concat(label)) || ''), /*#__PURE__*/React.createElement("div", {
+  }, translationOriginal(custom_title || '') || ''), /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-item-value"
-  }, key === 'rechargeable' ? /*#__PURE__*/React.createElement(Amount, {
+  }, type === 'rechargeable' ? /*#__PURE__*/React.createElement(Amount, {
     className: "pisell-card-amount-item-value",
     platform: "h5",
     symbol: symbol,
     useThousandsSeparator: true,
     showCurrencySymbol: true,
     value: value
-  }) : value));
+  }) : value || '0'));
 };
 
 // 子组件：卡片内容
 var CardContent = function CardContent(_ref4) {
   var items = _ref4.items,
     symbol = _ref4.symbol;
-  // 定义期望的顺序
-  var expectedOrder = ['piont', 'balance', 'discount', 'voucher'];
-
-  // 对 items 进行排序
-  var sortedItems = useMemo(function () {
-    if (!(items !== null && items !== void 0 && items.length)) return [];
-    return _toConsumableArray(items).sort(function (a, b) {
-      var indexA = expectedOrder.indexOf(a.key);
-      var indexB = expectedOrder.indexOf(b.key);
-      return indexA - indexB;
-    });
-  }, [items]);
+  var filteredItems = (items || []).filter(function (item) {
+    return item.display !== 0;
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-list",
     style: {
-      justifyContent: (sortedItems || []).length > 1 ? 'space-between' : 'flex-start'
+      justifyContent: filteredItems.length > 1 ? 'space-between' : 'flex-start'
     }
-  }, (sortedItems || []).map(function (item, index) {
+  }, filteredItems.map(function (item, index) {
     return /*#__PURE__*/React.createElement(CardItem, {
       key: index,
       item: item,
@@ -386,7 +395,9 @@ var WalletCard = function WalletCard(props) {
     }
     utils === null || utils === void 0 || utils.action({
       type: 'pisell1.goWallet',
-      data: {},
+      data: {
+        id: props.id
+      },
       callback: function callback() {}
     });
   };

package/es/hooks/useCssVariables.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    variables: {
+        [key: string]: string;
+    };
+    ref: any;
+}
+declare const useCssVariables: (props: Props) => void;
+export default useCssVariables;

package/es/hooks/useEngineContext.d.ts

@@ -0,0 +1,9 @@
+declare type IEngineContext = {
+    appHelper: any;
+    engine: any;
+    blockContext: any;
+    components: any;
+    pageContext: any;
+};
+declare const useEngineContext: () => IEngineContext;
+export default useEngineContext;

package/es/hooks/useSetRequest.d.ts

@@ -0,0 +1,2 @@
+declare const useSetRequest: () => void;
+export default useSetRequest;

package/es/hooks/useTranslationOriginal.d.ts

@@ -0,0 +1,2 @@
+declare const useTranslationOriginal: () => any;
+export default useTranslationOriginal;

package/es/index.d.ts

@@ -0,0 +1,145 @@
+export { Affix, Alert, Anchor, Avatar, Breadcrumb, Card, Carousel, Col, ColorPicker, Descriptions, Divider, Empty, Grid, InputNumber, Mentions, Menu, Pagination, Popconfirm, Popover, Progress, Rate, Result, Row, Space, Spin, Statistic, Steps, Switch, Tag, Timeline, Tooltip, Transfer, Tree, message, notification, version, } from 'antd';
+export { default as AutoComplete } from './components/auto-complete';
+export { default as AutoCompleteNumber } from './components/auto-complete-number';
+export { default as Badge } from './components/badge';
+export { default as BatchEditor } from './components/batch-editor';
+export { default as Button } from './components/button';
+export { default as ButtonGroupEdit } from './components/buttonGroupEdit';
+export { default as ButtonGroupPreview } from './components/buttonGroupPreview';
+export { default as Calendar } from './components/calendar';
+export { default as CardMetricItem } from './components/cardMetricItem';
+export { default as CardPro } from './components/cardPro';
+export { default as Cascader } from './components/cascader';
+export { default as Checkbox } from './components/checkbox';
+export { default as ClassicLayout } from './components/classicLayout';
+export { default as Component } from './components/component';
+export { default as ConfigProvider } from './components/config-provider';
+export { default as CropPhoto } from './components/cropPhoto';
+export { default as DataSourceForm } from './components/dataSourceComponents/dataSourceForm';
+export { default as FormGroup } from './components/dataSourceComponents/dataSourceForm/group';
+export { default as JsonWrapper } from './components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperProvider';
+export { default as SubmitButton } from './components/dataSourceComponents/dataSourceForm/submitButton';
+export { default as DataSourceMenu } from './components/dataSourceComponents/dataSourceMenu';
+export { default as DataSourceImage } from './components/dataSourceComponents/dataSourceShow/dataSourceImage';
+export { default as DataSourceQRCode } from './components/dataSourceComponents/dataSourceShow/dataSourceQRCode';
+export { default as DataSourceTypography } from './components/dataSourceComponents/dataSourceShow/dataSourceTypography';
+export { default as DataSourceTable } from './components/dataSourceComponents/dataSourceTable';
+export { default as DataSourceWrapper } from './components/dataSourceComponents/dataSourceWrapper';
+export { default as FormItemCheckbox } from './components/dataSourceComponents/fields/Checkbox';
+export { default as FormItemColorPicker } from './components/dataSourceComponents/fields/ColorPicker';
+export { default as FormItemDatePicker } from './components/dataSourceComponents/fields/DatePicker';
+export { default as FormItemInput } from './components/dataSourceComponents/fields/Input';
+export { default as FormItemInputNumber } from './components/dataSourceComponents/fields/InputNumber';
+export { default as FormItemRadio } from './components/dataSourceComponents/fields/Radio';
+export { default as FormItemSelect } from './components/dataSourceComponents/fields/Select';
+export { default as FormItemTimePicker } from './components/dataSourceComponents/fields/TimePicker';
+export { default as FormItemTranslation } from './components/dataSourceComponents/fields/Translation';
+export { default as FormItemUpload } from './components/dataSourceComponents/fields/Upload';
+export { default as FormItemIconSelect } from './components/dataSourceComponents/fields/IconSelect';
+export { default as DatePicker } from './components/date-picker';
+export { default as Div } from './components/div';
+export { default as DragSortTree } from './components/drag-sort-tree';
+export { default as Drawer } from './components/drawer';
+export { default as Dropdown } from './components/dropdown';
+export { default as Filter } from './components/filter';
+export { default as Form } from './components/form';
+export { default as Icon } from './components/icon';
+export { default as Iconfont } from './components/iconfont';
+export { default as Input } from './components/input';
+export { default as InputNumberRange } from './components/input-number-range';
+export { default as List } from './components/list';
+export { default as loginAndRegister } from './components/login-and-register';
+export { default as LowCodePage } from './components/lowCodePage';
+export { default as Modal } from './components/modal';
+export { default as OrganizationTenantSwitcher } from './components/organizationTenantSwitcher';
+export { default as Page } from './components/page';
+export { default as PageHeader } from './components/page-header';
+export { default as PisellConfigProvider } from './components/pisell-config-provider';
+export { default as PisellContext, globalConfig, } from './components/pisell-config-provider/context';
+export { default as usePisellConfig } from './components/pisell-config-provider/hooks/usePisellConfig';
+export { default as PisellAdjustPrice } from './components/pisellAdjustPrice';
+export { default as PisellAdjustPriceInputNumber } from './components/pisellAdjustPrice/PisellAdjustPriceInputNumber';
+export { default as PisellAlert } from './components/pisellAlert';
+export { default as PisellAnchor } from './components/pisellAnchor';
+export { default as PisellAvatar } from './components/pisellAvatar';
+export { default as PisellCard } from './components/pisellCard';
+export { default as PisellCardList } from './components/pisellCardList';
+export { default as PisellCheckboxGroup } from './components/pisellCheckboxGroup';
+export { default as PisellContainer } from './components/pisellContainer';
+export { default as PisellCountdown } from './components/pisellCountdown';
+export { default as PisellDatePicker } from './components/pisellDatePicker';
+export { default as PisellDraggable } from './components/pisellDraggable';
+export { default as PisellEmpty } from './components/pisellEmpty';
+export { default as PisellFloatingPanel } from './components/pisellFloatingPanel';
+export { default as PisellInformationEntry } from './components/pisellInformationEntry';
+export { default as PisellInput } from './components/pisellInput';
+export { getBankCardTypeImg } from './components/pisellInput/components/BankCard/utils';
+export { default as PisellQrcode } from './components/pisellQrcode';
+export { default as PisellLayout } from './components/pisellLayout';
+export { default as PisellContent } from './components/pisellLayout/content';
+export { default as PisellFooter } from './components/pisellLayout/footer';
+export { default as PisellHeader } from './components/pisellLayout/header';
+export { default as PisellSider } from './components/pisellLayout/sider';
+export { default as PisellLoading } from './components/pisellLoading';
+export { default as PisellMenu } from './components/pisellMenu';
+export type { PisellMenuProps } from './components/pisellMenu/types';
+export { default as PisellModal } from './components/pisellModal';
+export { default as PisellQRScanner } from './components/pisellQRScanner';
+export type { PisellQRScannerProps } from './components/pisellQRScanner';
+export { default as PisellRow } from './components/pisellRow';
+export { default as PisellScan } from './components/pisellScan';
+export { default as PisellStatisticList } from './components/pisellStatisticList';
+export { default as PisellTags } from './components/pisellTags';
+export { default as PisellText } from './components/pisellText';
+export { default as PisellToast, useToast } from './components/pisellToast';
+export { default as PisellTooltip } from './components/pisellTooltip';
+export { default as PisellUpload } from './components/pisellUpload';
+export { default as PisellViewGrid } from './components/pisellViewGrid';
+export { default as PisellWalletPassCard } from './components/pisellWalletPassCard';
+export type { PisellWalletPassCardProps } from './components/pisellWalletPassCard';
+export { default as ProfileMenu } from './components/profileMenu';
+export { default as QRCode } from './components/qrcode';
+export { default as Radio } from './components/radio';
+export { default as RecordView } from './components/record-view';
+export { default as Segmented } from './components/segmented';
+export { default as Select } from './components/select';
+export { default as SelectTime } from './components/select-time';
+export { default as Skeleton } from './components/skeleton';
+export { default as Slider } from './components/slider';
+export { default as Sort } from './components/sort';
+export { default as SortableList } from './components/sortableList';
+export { default as Table } from './components/table';
+export { default as Tabs } from './components/tabs';
+export { default as TimePicker } from './components/time-picker';
+export { default as Translation } from './components/translation';
+export { default as TreeSelect } from './components/tree-select';
+export { default as Typography } from './components/typography';
+export { default as Upload } from './components/upload';
+export { default as VirtualKeyboard } from './components/virtual-keyboard';
+export { default as PisellPriceKeyboard } from './components/virtual-keyboard/Amount';
+export { default as PisellNumberKeyboard } from './components/virtual-keyboard/Number';
+export { default as VirtualKeyboardTime } from './components/virtual-keyboard/Time';
+export { default as WalletCard } from './components/walletCard';
+export { default as PublishVersionModal } from './components/versionModal';
+export { default as IconSelect } from './components/iconSelect';
+export { default as CustomSelect } from './components/customSelect';
+export { default as AppVersionControl } from './components/appVersionControl';
+export { default as Image } from './components/image';
+export { default as PisellDropSort } from './components/pisellDropSort';
+export { default as PisellNavigationMenu } from './components/pisellNavigationMenu';
+export { default as PisellAppCard } from './components/pisellAppCard';
+export type { PisellAppCardProps } from './components/pisellAppCard/types';
+export { default as BaseTranslation } from './components/dataSourceComponents/fields/Translation/BaseTranslation';
+export { default as PisellCustomCheckboxGroup } from './components/pisellCustomCheckboxGroup';
+export { default as PisellDropdown } from './components/pisellDropdown';
+export { default as PisellSectionHeaders } from './components/pisellSectionHeaders';
+export { default as PisellImageCarousels } from './components/pisellImageCarousels';
+export { default as PisellHeaderProgressBar } from './components/pisellHeaderProgressBar';
+export { default as PisellList01 } from './components/pisellList01';
+export { default as SectionFooters } from './components/section-footers';
+export { default as ProductCard } from './components/productCard';
+export { default as Collapse } from './components/collapse';
+export { default as PisellGoodPassCard } from './components/pisellGoodPassCard';
+export { default as Keyboard } from './components/keyboard';
+export { default as VirtualInput } from './components/virtualInput';
+export { default as AutoResizeText } from './components/auto-resize-text';