@pisell/materials 6.4.18 → 6.4.19

package/es/components/productCard/utils.js

@@ -97,13 +97,6 @@ export var getServiceTime = function getServiceTime(item, currentDate) {
         // 中文：年月日 开始时间 - 年月日 结束时间
         dateTime = "".concat(startDate.format(dateFormat), " ").concat(startTime, " ~ ").concat(endDate.format(dateFormat), " ").concat(endTime);
       }
-      if (durationType === 'days') {
-        dateTime = formatMultiDayDate({
-          start_date: startDate.format('YYYY-MM-DD'),
-          end_date: endDate.format('YYYY-MM-DD'),
-          locale: locale
-        });
-      }
     }
     var startDateTime = "".concat(startDate.format('YYYY-MM-DD'), " ").concat(startTime);
     var endDateTime = "".concat(endDate.format('YYYY-MM-DD'), " ").concat(endTime);
@@ -115,7 +108,7 @@ export var getServiceTime = function getServiceTime(item, currentDate) {
       var minutes = _duration % 60;
       durationText = locales.getText('pisell2.product.card.hour.minute')(hours, minutes);
     } else if (durationType === 'days') {
-      durationText = "".concat(_duration).concat(locales.getText('pisell2.product.card.day')(_duration));
+      durationText = locales.getText('pisell2.product.card.day')(_duration);
     } else {
       durationText = "".concat(_duration);
     }

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Select as OriginalSelect } from 'antd';
+import type { SelectProps } from 'antd';
+import './index.less';
+interface CompoundedComponent extends React.ForwardRefExoticComponent<SelectProps> {
+    Option: typeof OriginalSelect.Option;
+}
+declare const Select: CompoundedComponent;
+export default Select;

package/es/components/select/index.js

@@ -23,6 +23,7 @@ var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
     options = props.options,
     propsDropdownRender = props.dropdownRender,
     showSearch = props.showSearch,
+    onSearch = props.onSearch,
     styleType = props.styleType,
     _props$optionFilterPr = props.optionFilterProp,
     optionFilterProp = _props$optionFilterPr === void 0 ? 'value' : _props$optionFilterPr,
@@ -87,7 +88,8 @@ var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
       placeholder: getText('select-dropdown-render-search'),
       value: searchValue,
       onChange: function onChange(e) {
-        return setSearchValue(e.target.value);
+        onSearch === null || onSearch === void 0 || onSearch(e.target.value);
+        setSearchValue(e.target.value);
       },
       bordered: false,
       allowClear: true,
@@ -105,7 +107,7 @@ var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
       onChange: onSelectAllChange,
       checked: checkboxChecked
     }, getText('select-dropdown-render-select-all')))));
-  }, [isShowDropdown, isShowSelectAll, checkboxChecked, propsDropdownRender, searchValue, showSearch]);
+  }, [isShowDropdown, isShowSelectAll, checkboxChecked, propsDropdownRender, searchValue, showSearch, onSearch]);
   if (styleType === 'system') {
     return /*#__PURE__*/React.createElement(BrowserSelect, props);
   }

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { Props } from "../DragSortList";
+export interface SortableListProps<T> {
+    dataSource: Props<T>["list"];
+    onChange: Props<T>["onChange"];
+    rowKey: Props<T>["rowKey"];
+    renderItem?: (item: T, index: number) => React.ReactNode;
+    activationConstraint?: Props<T>["activationConstraint"];
+}
+declare const SortableList: React.FC<SortableListProps<any>>;
+export default SortableList;

package/es/components/sortableList/index.js

@@ -18,13 +18,14 @@ var SortableList = function SortableList(props) {
     activationConstraint: activationConstraint
   }, function (params) {
     var item = params.item,
+      index = params.index,
       p = params.props,
       attributes = params.attributes,
       listeners = params.listeners,
       style = params.style;
     return /*#__PURE__*/React.createElement("div", _extends({}, p, attributes, listeners, {
       style: style
-    }), renderItem === null || renderItem === void 0 ? void 0 : renderItem(item));
+    }), renderItem === null || renderItem === void 0 ? void 0 : renderItem(item, index));
   });
 };
 export default SortableList;

package/es/components/table/Actions/component/ExportImport/components/ExportTable/function.d.ts

@@ -0,0 +1,7 @@
+interface IExportParams {
+    type: string;
+    originDataSource: any[];
+    currentDataSource: any[];
+}
+export declare const batchExport: (exportParams: IExportParams, exportImport: any) => Promise<true | undefined>;
+export {};

package/es/components/table/Actions/component/ExportImport/components/ExportTable/function.js

@@ -12,6 +12,12 @@ import { getText } from "../../../../../../../locales/index";
 import { exportData } from "../../../../../serve";
 import { defaultOptions } from "../../../../../status";
 import { getFileDateName } from "../../utils/file";
+var exportImportTypeMap = {
+  'current-page': 'page',
+  'all-records': 'all',
+  'selected-records': 'select'
+};
+
 // 导出接口
 var _batchExport = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
@@ -52,7 +58,8 @@ export var batchExport = function batchExport(exportParams, exportImport) {
     apiUrl = exportImport.apiUrl,
     otherParams = exportImport.otherParams;
   var _name = getFileDateName();
-  var params = _objectSpread({}, otherParams);
+  // 拆分导入导出参数
+  var params = otherParams !== null && otherParams !== void 0 && otherParams.export ? _objectSpread({}, otherParams === null || otherParams === void 0 ? void 0 : otherParams.export) : _objectSpread({}, otherParams);
   params.url = apiUrl === null || apiUrl === void 0 ? void 0 : apiUrl.export;
   console.log("exportParams", exportParams);
   var type = (exportParams === null || exportParams === void 0 ? void 0 : exportParams.type) || defaultOptions.exportType;
@@ -95,5 +102,6 @@ export var batchExport = function batchExport(exportParams, exportImport) {
   } else {
     params === null || params === void 0 || delete params.ids;
   }
+  params.export_select = exportImportTypeMap[type];
   return _batchExport(params);
 };

package/es/components/table/Actions/component/ExportImport/index.js

@@ -55,6 +55,10 @@ var ExportImport = function ExportImport(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     errorStatus = _useState10[0],
     setErrorStatus = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    loading = _useState12[0],
+    setLoading = _useState12[1];
   var _useSharedState = useSharedState(Context),
     state = _useSharedState.state;
   var originResultDataSource = state.originResultDataSource,
@@ -147,9 +151,11 @@ var ExportImport = function ExportImport(_ref) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            apiUrl = exportImport.apiUrl, otherParams = exportImport.otherParams; // 导出
+            apiUrl = exportImport.apiUrl, otherParams = exportImport.otherParams;
+            setLoading(true);
+            _context.prev = 2;
             if (!(value === defaultOptions.exportValue)) {
-              _context.next = 9;
+              _context.next = 11;
               break;
             }
             _params = {
@@ -157,41 +163,62 @@ var ExportImport = function ExportImport(_ref) {
               originDataSource: originResultDataSource,
               currentDataSource: currentDataSource
             };
-            _context.next = 5;
+            _context.next = 7;
             return batchExport(_params, exportImport);
-          case 5:
+          case 7:
             result = _context.sent;
             if (result) {
               onCancel();
             }
-            _context.next = 10;
+            _context.next = 24;
             break;
-          case 9:
-            if (value === defaultOptions.importValue) {
-              formData = new FormData();
-              formData.append('file', file);
-              formId = otherParams === null || otherParams === void 0 ? void 0 : otherParams.form_id;
-              formCode = otherParams === null || otherParams === void 0 ? void 0 : otherParams.code;
-              if (formId) {
-                formData.append('form_id', formId);
-              }
-              if (formCode) {
-                formData.append('code', formCode);
-              }
-              formData.append('url', (apiUrl === null || apiUrl === void 0 ? void 0 : apiUrl.export) || '');
-              if (formData) {
-                message.loading({
-                  content: 'Loading...',
-                  key: value
-                });
-                _batchImport.run(formData);
-              }
+          case 11:
+            if (!(value === defaultOptions.importValue)) {
+              _context.next = 24;
+              break;
+            }
+            formData = new FormData();
+            formData.append('file', file);
+            formId = otherParams === null || otherParams === void 0 ? void 0 : otherParams.form_id;
+            formCode = otherParams === null || otherParams === void 0 ? void 0 : otherParams.code;
+            if (formId) {
+              formData.append('form_id', formId);
+            }
+            if (formCode) {
+              formData.append('code', formCode);
+            }
+            formData.append('url', (apiUrl === null || apiUrl === void 0 ? void 0 : apiUrl.import) || '');
+            if (otherParams.import) {
+              Object.entries(otherParams.import).forEach(function (_ref5) {
+                var _ref6 = _slicedToArray(_ref5, 2),
+                  key = _ref6[0],
+                  value = _ref6[1];
+                formData.append(key, value);
+              });
             }
-          case 10:
+            if (!formData) {
+              _context.next = 24;
+              break;
+            }
+            message.loading({
+              content: 'Loading...',
+              key: value
+            });
+            _context.next = 24;
+            return _batchImport.run(formData);
+          case 24:
+            _context.next = 28;
+            break;
+          case 26:
+            _context.prev = 26;
+            _context.t0 = _context["catch"](2);
+          case 28:
+            setLoading(false);
+          case 29:
           case "end":
             return _context.stop();
         }
-      }, _callee);
+      }, _callee, null, [[2, 26]]);
     }));
     return function onOk() {
       return _ref4.apply(this, arguments);
@@ -226,6 +253,7 @@ var ExportImport = function ExportImport(_ref) {
     onOk: onOk,
     cancelText: getText('table-action-export-import-cancel'),
     okButtonProps: {
+      loading: loading,
       disabled: value === defaultOptions.importValue && (!file || !!errorStatus)
     }
   }, /*#__PURE__*/React.createElement(Content, {

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.NamedExoticComponent<any>;
+export default _default;

package/es/components/table/Table/index.js

@@ -57,11 +57,14 @@ var GridViewTable = function GridViewTable(_ref) {
       payload: newData
     });
   });
-  var handleResize = function handleResize(index) {
+  var handleResize = function handleResize(index, record) {
     return function (e, _ref2) {
       var size = _ref2.size;
-      var nextColumns = _toConsumableArray(columns);
-      nextColumns[index] = _objectSpread(_objectSpread({}, nextColumns[index]), {}, {
+      var findIndex = column_setting.findIndex(function (item) {
+        return item.dataIndex === record.dataIndex;
+      });
+      var nextColumns = _toConsumableArray(column_setting);
+      nextColumns[findIndex] = _objectSpread(_objectSpread({}, nextColumns[findIndex]), {}, {
         width: size.width
       });
       form.setFieldValue('column_setting', nextColumns);
@@ -97,6 +100,7 @@ var GridViewTable = function GridViewTable(_ref) {
   var components = useGenTableComponents({
     form: form
   });
+  console.log(columns, 'columns12');
   var showTotal = useCallback(function (total, range, pageSize) {
     var start = range[0] - 1;
     var _current = start / pageSize + 1;

package/es/components/table/hooks/useTransColumns.d.ts

@@ -0,0 +1,14 @@
+import { FormInstance } from "antd/es/form";
+declare type UseTransColumnsProps = {
+    columns: Record<string, any>[];
+    form: FormInstance;
+    localPagination: boolean;
+    handleSave?: (row: Record<string, any>) => void;
+    handleResize?: (index: number, record: Record<string, any>) => (e: any, p2: any) => void;
+    dragSort: boolean;
+    bordered: boolean;
+};
+declare const useTransColumns: (params: UseTransColumnsProps) => {
+    columns: any[];
+};
+export default useTransColumns;

package/es/components/table/hooks/useTransColumns.js

@@ -186,7 +186,7 @@ var useTransColumns = function useTransColumns(params) {
           return _objectSpread(_objectSpread({
             record: record
           }, item), {}, {
-            onResize: handleResize === null || handleResize === void 0 ? void 0 : handleResize(index),
+            onResize: handleResize === null || handleResize === void 0 ? void 0 : handleResize(index, record),
             position: position
           });
         }

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

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

package/es/components/table/index.js

@@ -252,7 +252,9 @@ var GridView = Provider( /*#__PURE__*/forwardRef(function (props, ref) {
         try {
           if (!tableId) return {};
           var setting = getTableSettingByCurrentViewMode(tableId, currentViewMode);
-          return (setting === null || setting === void 0 ? void 0 : setting.filters) || {};
+          var filters = (setting === null || setting === void 0 ? void 0 : setting.filters) || {};
+          filters.order_by = (setting === null || setting === void 0 ? void 0 : setting.order_by) || '';
+          return filters;
         } catch (e) {
           return {};
         }

package/es/components/table/serve.d.ts

@@ -0,0 +1,13 @@
+declare type exportParams = {
+    ids?: Array<string | number>;
+    file_name?: string;
+    form_id?: string | number;
+    code?: string;
+    url?: string;
+};
+export declare const exportData: (params: exportParams) => Promise<any>;
+export declare const batchImport: (params: any) => Promise<any>;
+export declare const importTemplate: (params: exportParams) => Promise<any>;
+export declare const getExportFile: (params: any) => Promise<any>;
+export declare const getImportLog: (params: any) => Promise<any>;
+export {};

package/es/components/table/serve.js

@@ -26,6 +26,14 @@ var defaultUrl = {
  * @Date: 2024-09-05 12:01
  */
 var formatApiParams = function formatApiParams(params, type) {
+  if (params instanceof FormData) {
+    var url = params.get('url');
+    params.delete('url');
+    return {
+      url: url || (defaultUrl === null || defaultUrl === void 0 ? void 0 : defaultUrl[type]),
+      params: params
+    };
+  }
   var _url = (params === null || params === void 0 ? void 0 : params.url) || (defaultUrl === null || defaultUrl === void 0 ? void 0 : defaultUrl[type]);
   var _params = _objectSpread({}, params);
   delete _params.url;

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

@@ -0,0 +1,17 @@
+import { Component } from 'react';
+import { TabsProps } from 'antd';
+import './index.less';
+declare class Tabs extends Component<any> {
+    state: {
+        activeKey: any;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<any>): void;
+    private _handleChange;
+    setActiveKey: (key: string) => void;
+    getActiveKey: () => any;
+    renderIconLabelTabBar: TabsProps['renderTabBar'];
+    filterHiddenTabs: (tabs: any[]) => any[];
+    render(): JSX.Element;
+}
+export default Tabs;

package/es/components/tabs/index.js

@@ -100,6 +100,15 @@ var Tabs = /*#__PURE__*/function (_Component) {
     value: function componentDidMount() {
       document.body.id = 'body'; // 解决 antd tabs 样式问题
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.activeKey !== this.props.activeKey) {
+        this.setState({
+          activeKey: this.props.activeKey
+        });
+      }
+    }
   }, {
     key: "render",
     value: function render() {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AmountProps, RightItemsStyleProps } from './types';
 import './index.less';
 export type { AmountProps, RightItemsStyleProps };

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

@@ -1,19 +1,19 @@
 import React from 'react';
 import './index.less';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            [elemName: string]: any;
-        }
-    }
-}
 export interface WalletCardItem {
-    key: string;
-    label?: string;
-    hidden?: boolean;
+    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';
     /** 卡片主题 */
@@ -21,7 +21,7 @@ export interface WalletCardProps {
     /** 默认还是完整显示code */
     cardStyle?: 'normal' | 'full';
     /** 条形码还是二维码 */
-    codeType?: 'barCode' | 'orCode';
+    codeType?: 'barCode' | 'qrCode';
     /** 二维码方向 */
     codeDirection?: 'bottom' | 'top';
     /** 自定义背景图 */

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() {}
     });
   };