@pisell/materials 1.0.484 → 1.0.486

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BadgeProps as OriginalBadgeprops } from 'antd';
+import './index.less';
+export interface Badgeprops extends OriginalBadgeprops {
+    styleType: 'default' | 'warning';
+}
+declare const Badge: (props: any) => React.JSX.Element;
+export default Badge;

package/es/components/badge/index.js

@@ -0,0 +1,44 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { useEffect } from 'react';
+import { Badge as OriginalBadge } from 'antd';
+import { withWrap } from "../../utils/hoc";
+import "./index.less";
+// @ts-ignore
+
+var Badge = withWrap(function (props) {
+  var _props$styleType = props.styleType,
+    styleType = _props$styleType === void 0 ? '' : _props$styleType,
+    _props$color = props.color,
+    color = _props$color === void 0 ? '' : _props$color;
+  var state = props;
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
+  var formatColor = function formatColor() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var newColor = color;
+    if (styleType === 'default') {
+      newColor = '#f6f7f9';
+    } else if (styleType === 'warning') {
+      newColor = '#D92D20';
+    }
+    return newColor;
+  };
+  var BadgeProps = _objectSpread(_objectSpread({}, state), {}, {
+    className: 'pisell-badge-wrap',
+    color: formatColor(color)
+  });
+  return /*#__PURE__*/React.createElement(OriginalBadge, _extends({}, BadgeProps, {
+    style: {
+      borderColor: styleType === 'default' ? '#e7e9ed' : state.color,
+      color: styleType === 'default' ? '#344054' : '#fff'
+    }
+  }));
+});
+export default Badge;

package/es/components/badge/index.less

@@ -0,0 +1,2 @@
+.pisell-badge-wrap {
+}

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -16,7 +16,7 @@ interface UseTablePropsProps {
  * @returns
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
-    title: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    title: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -25,7 +25,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    subTitle: number | boolean | React.JSX.Element | Iterable<React.ReactNode> | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: React.JSX.Element | null;
     onRow: (record: any) => any;
@@ -40,7 +40,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "button" | "link";
+        type: "link" | "button";
         items: OperationItem[];
     } | undefined;
     operationContent?: {

package/es/components/dataSourceComponents/fields/ColorPicker/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const ColorPicker: React.FC<import("./type").ColorPickerProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+declare const ColorPicker: React.FC<import("antd").ColorPickerProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
 export default ColorPicker;

package/es/components/dataSourceComponents/fields/index.d.ts

@@ -39,18 +39,18 @@ declare const formFieldMap: {
     FormItemDateRangePicker: import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemUpload: import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<any> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
+}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
     JSON: import("react").FC<any>;
     Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     URL: import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     Email: import("react").FC<import("antd").InputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     Phone: import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-}) | (import("react").FC<{}> & {
+}) | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -61,5 +61,5 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
     valueField: string;
 } & {
     dataSource?: any;
-}) => import("react").JSX.Element) | import("react").FC<any> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+}) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 export { getFieldComponent, formFieldMap };

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

@@ -2,6 +2,13 @@ import React from 'react';
 import { CardProps } from 'antd';
 import './index.less';
 export interface PisellCardProps extends CardProps {
+    bordered?: boolean;
+    selected?: boolean;
+    loading?: boolean;
+    padding?: number;
+    borderRadius?: number;
+    disabled?: boolean;
+    onClick?: () => void;
 }
 /**
  * Pisell 卡片容器组件

package/es/components/pisellCard/index.js

@@ -1,5 +1,10 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from 'react';
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { useEffect } from 'react';
 import { Card } from 'antd';
 import classNames from 'classnames';
 import "./index.less";
@@ -9,9 +14,30 @@ import "./index.less";
  * @constructor
  */
 var PisellCard = function PisellCard(props) {
-  return /*#__PURE__*/React.createElement(Card, _extends({}, props, {
-    className: classNames('pisell-card-wrap', props.className),
-    style: props.style
-  }));
+  var _props$borderRadius = props.borderRadius,
+    borderRadius = _props$borderRadius === void 0 ? 12 : _props$borderRadius,
+    _props$padding = props.padding,
+    padding = _props$padding === void 0 ? 16 : _props$padding,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    _props$selected = props.selected,
+    selected = _props$selected === void 0 ? false : _props$selected,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? true : _props$bordered,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    style = props.style,
+    className = props.className;
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
+  var cardProps = _objectSpread(_objectSpread({}, props), {}, {
+    style: _objectSpread({
+      '--card-padding': "".concat(padding, "px"),
+      '--card-borderRadius': "".concat(borderRadius, "px")
+    }, style),
+    className: classNames('pisell-card-wrap', selected && 'pisell-card-wrap-selected', disabled && 'pisell-card-wrap-disabled', className)
+  });
+  return /*#__PURE__*/React.createElement(Card, cardProps);
 };
 export default PisellCard;

package/es/components/pisellCard/index.less

@@ -1,9 +1,29 @@
 .pisell-card-wrap {
-  border-radius: 12px;
+  border-radius: var(--card-borderRadius, 12px);
+  box-sizing: border-box;
+  cursor: pointer;
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  &.pisell-card-wrap-selected {
+    border-width: 2px;
+    border-color: var(--theme-color, #7f56d9);
+  }
+  &.pisell-card-wrap-disabled {
+    cursor: not-allowed;
+    opacity: 0.4;
+    // pointer-events: none;
+
+    &:hover,
+    &:active,
+    &.focus {
+      background-color: inherit;
+      color: inherit;
+      text-decoration: none;
+    }
+  }
   .pisell-lowcode-card-body {
-    padding: 16px;
+    padding: var(--card-padding, 16px);
   }
   &:hover {
-    background: var(--Gray-50, #F9FAFB);
+    background: var(--Gray-50, #f9fafb);
   }
-}
+}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { EmptyProps } from 'antd';
-import { PisellContextType } from "../pisell-config-provider/context";
+import { PisellContextType } from '../pisell-config-provider/context';
 import './index.less';
 export interface PisellEmptyProps extends EmptyProps {
     /** 平台 */

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

@@ -3,7 +3,6 @@ import './index.less';
 export interface PisellEntryInputProps {
     onChange: (val: string) => void;
     searchDescribe?: React.ReactNode;
-    isBlurSearch?: boolean;
 }
 declare const PisellEntryInput: (props: PisellEntryInputProps) => React.JSX.Element;
 export default PisellEntryInput;

package/es/components/pisellInformationEntry/Input/index.js

@@ -12,8 +12,7 @@ import "./index.less";
 import { getText } from "../../../locales";
 var PisellEntryInput = function PisellEntryInput(props) {
   var _onChange = props.onChange,
-    searchDescribe = props.searchDescribe,
-    isBlurSearch = props.isBlurSearch;
+    searchDescribe = props.searchDescribe;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -50,7 +49,7 @@ var PisellEntryInput = function PisellEntryInput(props) {
       return _onChange(value);
     },
     disabled: !value
-  }, isBlurSearch ? getText('pisell-information-entry-input-confirm') : getText('pisell-information-entry-input-search'))), /*#__PURE__*/React.createElement("div", {
+  }, getText('pisell-information-entry-input-search'))), /*#__PURE__*/React.createElement("div", {
     className: "pisell-entry-input-describe"
   }, searchDescribe));
 };

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

@@ -26,8 +26,6 @@ export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<H
     searchDescribe?: React.ReactNode;
     /** 录入信息值改变 */
     onChange?: (val: string) => void;
-    /** 是否支持模糊搜索 在启用了手动录入的前提下 */
-    isBlurSearch: boolean;
 }
 declare const PisellInformationEntry: (props: PisellInformationEntryProps) => React.JSX.Element;
 export default PisellInformationEntry;

package/es/components/pisellInformationEntry/index.js

@@ -38,9 +38,7 @@ var PisellInformationEntry = function PisellInformationEntry(props) {
     _props$entryModes = props.entryModes,
     entryModes = _props$entryModes === void 0 ? [] : _props$entryModes,
     searchDescribe = props.searchDescribe,
-    onChange = props.onChange,
-    _props$isBlurSearch = props.isBlurSearch,
-    isBlurSearch = _props$isBlurSearch === void 0 ? false : _props$isBlurSearch;
+    onChange = props.onChange;
   var config = usePisellConfig();
   var platform = config.platform;
   var _useState = useState(null),
@@ -201,8 +199,7 @@ var PisellInformationEntry = function PisellInformationEntry(props) {
     }
   }), currentType === 'input' && /*#__PURE__*/React.createElement(Input, {
     onChange: handleChange,
-    searchDescribe: searchDescribe,
-    isBlurSearch: isBlurSearch
+    searchDescribe: searchDescribe
   })));
 };
 export default PisellInformationEntry;

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

@@ -9,7 +9,7 @@ export interface PisellWalletPassCardProps {
     /** 共享店铺名称 */
     storeName: string;
     /** 余额 */
-    balance: number;
+    balance?: number;
     /** 识别码编号 */
     code: string;
     /** 有效期 */

package/es/components/pisellWalletPassCard/index.js

@@ -106,7 +106,7 @@ var PisellWalletPassCard = function PisellWalletPassCard(props) {
     className: "pisell-card-code-wrap"
   }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-card-code"
-  }, showCode && /*#__PURE__*/React.createElement("div", null, code), showValidDate && /*#__PURE__*/React.createElement("div", null, getText('pisell-wallet-pass-card-valid-to'), " ", validDate)), showQrCode && /*#__PURE__*/React.createElement("div", {
+  }, showCode && /*#__PURE__*/React.createElement("div", null, code), showValidDate && /*#__PURE__*/React.createElement("div", null, getText('pisell-wallet-pass-card-valid-to'), ' ', !!validDate ? validDate : '长期')), showQrCode && /*#__PURE__*/React.createElement("div", {
     className: "pisell-card-qr-code"
   }, /*#__PURE__*/React.createElement(PisellQrcode, {
     value: qrCode,

package/es/components/record-view/index.js

@@ -9,11 +9,12 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useCallback, useMemo, useState, useEffect, forwardRef, useImperativeHandle } from 'react';
-import { Col, Empty, List, Row, Skeleton, Badge } from 'antd';
+import { Col, List, Row, Skeleton, Badge } from 'antd';
 import { getUniqueId } from '@pisell/utils';
 import Pagination from "../Pagination";
 import { CloseOutlined } from '@ant-design/icons';
 import InfiniteScroll from 'react-infinite-scroll-component';
+import PisellEmpty from "./../pisellEmpty";
 import { useResponsive } from "../../hooks";
 import "./index.less";
 var prefix = 'pisell-lowcode-';
@@ -104,9 +105,9 @@ var RecordView = function RecordView(props, ref) {
     if (dataSource.length > 0) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Empty, {
-      description: locale === null || locale === void 0 ? void 0 : locale.emptyText,
-      image: Empty.PRESENTED_IMAGE_SIMPLE
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PisellEmpty, {
+      description: locale === null || locale === void 0 ? void 0 : locale.emptyText
+      // image={Empty.PRESENTED_IMAGE_SIMPLE}
     }));
   }, [props.dataSource, locale, emptyButtons]);
   var scrollListId = useMemo(function () {

package/es/components/tabs/index.js

@@ -19,8 +19,9 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { Component } from 'react';
-import { Badge, Tabs as OriginalTabs } from 'antd';
+import { Tabs as OriginalTabs } from 'antd';
 import { warning } from "../../utils/warning";
+import Badge from "./../badge";
 import classNames from 'classnames';
 import "./index.less";
 var prefix = 'pisell-lowcode-';
@@ -124,12 +125,12 @@ var Tabs = /*#__PURE__*/function (_Component) {
         }).filter(Boolean);
       }
       items = this.filterHiddenTabs(items);
-
-      // if (type === 'icon-label') {
-      otherProps = {
-        // renderTabBar: this.renderIconLabelTabBar,
-        // type: 'line',
-      };
+      if (type === 'icon-label') {
+        otherProps = {
+          renderTabBar: this.renderIconLabelTabBar,
+          type: 'line'
+        };
+      }
       if (type === 'line') {
         items = items.map(function (item) {
           return _objectSpread(_objectSpread({}, item), {}, {
@@ -138,6 +139,7 @@ var Tabs = /*#__PURE__*/function (_Component) {
                 margin: '0 9px'
               }
             }, /*#__PURE__*/React.createElement(Badge, {
+              styleType: "default",
               count: item.badge,
               offset: [18, 10]
             }, /*#__PURE__*/React.createElement("span", {

package/es/components/tabs/index.less

@@ -31,7 +31,7 @@
     border-radius: 99px;
     background: #f2f2f7;
     margin-bottom: 6px;
-    color: #ACACAC;
+    color: #acacac;
     transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
     border: 1px solid #f2f2f7;
     &:hover {
@@ -46,12 +46,12 @@
     line-height: 20px;
   }
 
-  &-tab-bar-item-active  &-tab-bar-icon-wrap {
-    background: var(--primary-600, #7F56D9);
+  &-tab-bar-item-active &-tab-bar-icon-wrap {
+    background: var(--primary-600, #7f56d9);
     color: #fff;
   }
-  &-tab-bar-item-active > &-tab-bar-label {
-    color: var(--primary-600, #7F56D9);
+  &-tab-bar-item-active &-tab-bar-label {
+    color: var(--primary-600, #7f56d9);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import './index.less';
 interface WalletCardProps {
-    platform: 'pc' | 'h5' | 'ipad';
+    platform?: 'pc' | 'h5' | 'ipad';
     mode?: 'dark' | 'light';
     cardStyle?: 'normal' | 'full';
     codeType?: 'one' | 'two';
@@ -16,13 +16,14 @@ interface WalletCardProps {
     points?: boolean;
     balance?: boolean;
     coupon?: boolean;
-    vouCher?: boolean;
-    discountCard?: boolean;
+    isShowVouCher?: boolean;
+    isShowDiscountCard?: boolean;
     pointsValue?: number;
     balanceValue?: number;
     couponValue?: number;
     vouCherValue?: number;
     discountCardValue?: number;
+    items: [];
 }
 declare const WalletCard: (props: WalletCardProps) => React.JSX.Element;
 export default WalletCard;

package/es/components/walletCard/index.js

@@ -58,9 +58,12 @@ var WalletCard = function WalletCard(props) {
     coupon = _props$coupon === void 0 ? true : _props$coupon,
     _props$vouCher = props.vouCher,
     vouCher = _props$vouCher === void 0 ? true : _props$vouCher,
-    _props$discountCard = props.discountCard,
-    discountCard = _props$discountCard === void 0 ? true : _props$discountCard,
-    platform = props.platform; // 裁剪形状
+    _props$isShowDiscount = props.isShowDiscountCard,
+    isShowDiscountCard = _props$isShowDiscount === void 0 ? true : _props$isShowDiscount,
+    _props$platform = props.platform,
+    platform = _props$platform === void 0 ? 'pc' : _props$platform,
+    _props$items = props.items,
+    items = _props$items === void 0 ? [] : _props$items; // 裁剪形状
   var context = useEngineContext();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -121,7 +124,7 @@ var WalletCard = function WalletCard(props) {
     className: classNames('pisell-wallet-card-header-level'),
     gap: 10,
     align: "center"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, icon && /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-header-icon"
   }, icon), vipLevel && /*#__PURE__*/React.createElement("p", {
     className: classNames('pisell-wallet-card-header-level-text')
@@ -129,14 +132,16 @@ var WalletCard = function WalletCard(props) {
     className: classNames('pisell-wallet-card-header-right')
   }, showCode && cardStyle === 'normal' && /*#__PURE__*/React.createElement(React.Fragment, null, codeType === 'one' ? /*#__PURE__*/React.createElement(Iconfont, {
     type: "pisell2-Barcode",
-    onClick: function onClick() {
-      return setIsModalOpen(true);
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      setIsModalOpen(true);
     },
     className: classNames('pisell-wallet-card-icon')
   }) : /*#__PURE__*/React.createElement(Iconfont, {
     type: "pisell2-a-qr-code-02",
-    onClick: function onClick() {
-      return setIsModalOpen(true);
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      setIsModalOpen(true);
     },
     className: classNames('pisell-wallet-card-icon')
   })))), /*#__PURE__*/React.createElement(Flex, {
@@ -146,23 +151,22 @@ var WalletCard = function WalletCard(props) {
   }, /*#__PURE__*/React.createElement(Flex, {
     className: classNames('pisell-wallet-card-row'),
     justify: "space-around"
-  }, points && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "Points"), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Amount, {
-    className: "pisell-card-amount-item-value",
-    useThousandsSeparator: true,
-    value: pointsValue
-  }))), balance && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "Balance"), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Amount, {
-    className: "pisell-card-amount-item-value",
-    useThousandsSeparator: true,
-    value: balanceValue
-  }))), discountCard && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "Discount card"), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Amount, {
-    className: "pisell-card-amount-item-value",
-    useThousandsSeparator: true,
-    value: discountCardValue
-  }))), vouCher && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "VouCher"), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Amount, {
-    className: "pisell-card-amount-item-value",
-    useThousandsSeparator: true,
-    value: vouCherValue
-  })))))), showCode && cardStyle === 'full' && /*#__PURE__*/React.createElement("div", {
+  }, items.map(function (item, index) {
+    console.log('%c [ item ]-187', 'font-size:13px; background:pink; color:#bf2c9f;', item);
+    var _item$hidden = item.hidden,
+      hidden = _item$hidden === void 0 ? false : _item$hidden,
+      _item$key = item.key,
+      key = _item$key === void 0 ? '' : _item$key;
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      hidden: hidden
+    }, /*#__PURE__*/React.createElement("p", null, " ", getText("walletCard-".concat(key))), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Amount, {
+      className: "pisell-card-amount-item-value",
+      useThousandsSeparator: true,
+      showCurrencySymbol: true,
+      value: pointsValue
+    })));
+  })))), showCode && cardStyle === 'full' && /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-wallet-card-showCode')
   }, codeRender()))), /*#__PURE__*/React.createElement(PisellModal, modalProps, /*#__PURE__*/React.createElement(QRCode, {
     size: 200,

package/es/index.d.ts

@@ -2,7 +2,6 @@ export { Affix } from 'antd';
 export { Anchor } from 'antd';
 export { Alert } from 'antd';
 export { Avatar } from 'antd';
-export { Badge } from 'antd';
 export { Breadcrumb } from 'antd';
 export { Card } from 'antd';
 export { Carousel } from 'antd';
@@ -35,6 +34,7 @@ export { Tag } from 'antd';
 export { Timeline } from 'antd';
 export { Tooltip } from 'antd';
 export { version } from 'antd';
+export { default as Badge } from './components/badge';
 export { default as Typography } from './components/typography';
 export { default as ButtonGroupEdit } from './components/buttonGroupEdit';
 export { default as ButtonGroupPreview } from './components/buttonGroupPreview';

package/es/index.js

@@ -2,7 +2,9 @@ export { Affix } from 'antd';
 export { Anchor } from 'antd';
 export { Alert } from 'antd';
 export { Avatar } from 'antd';
-export { Badge } from 'antd';
+
+// export { Badge } from 'antd';
+
 export { Breadcrumb } from 'antd';
 export { Card } from 'antd';
 
@@ -60,6 +62,7 @@ export { Tag } from 'antd';
 export { Timeline } from 'antd';
 export { Tooltip } from 'antd';
 export { version } from 'antd';
+export { default as Badge } from "./components/badge";
 export { default as Typography } from "./components/typography";
 export { default as ButtonGroupEdit } from "./components/buttonGroupEdit";
 export { default as ButtonGroupPreview } from "./components/buttonGroupPreview";

package/es/locales/en-US.d.ts

@@ -151,5 +151,9 @@ declare const _default: {
     'pisell-upload-setting-size-error': (maxSize: number) => string;
     'pisell-upload-setting-type-error': (type: string) => string;
     'pisell-upload-count-error': (count: number) => string;
+    'walletCard-points': string;
+    'walletCard-rechargeable': string;
+    'walletCard-voucher': string;
+    'walletCard-discount': string;
 };
 export default _default;

package/es/locales/en-US.js

@@ -195,5 +195,9 @@ export default {
   },
   'pisell-upload-count-error': function pisellUploadCountError(count) {
     return "Please upload ".concat(count, " file");
-  }
+  },
+  'walletCard-points': 'Points',
+  'walletCard-rechargeable': 'Recharge',
+  'walletCard-voucher': 'Voucher',
+  'walletCard-discount': 'Discount'
 };

package/es/locales/zh-CN.d.ts

@@ -151,5 +151,9 @@ declare const _default: {
     'pisell-upload-setting-size-error': (maxSize: number) => string;
     'pisell-upload-setting-type-error': (type: string) => string;
     'pisell-upload-count-error': (count: number) => string;
+    'walletCard-points': string;
+    'walletCard-rechargeable': string;
+    'walletCard-voucher': string;
+    'walletCard-discount': string;
 };
 export default _default;

package/es/locales/zh-CN.js

@@ -194,5 +194,9 @@ export default {
   },
   'pisell-upload-count-error': function pisellUploadCountError(count) {
     return "\u8BF7\u4E0A\u4F20".concat(count, "\u4E2A\u6587\u4EF6");
-  }
+  },
+  'walletCard-points': '积分卡',
+  'walletCard-rechargeable': '充值卡',
+  'walletCard-voucher': '代金券',
+  'walletCard-discount': '折扣卡'
 };

package/es/locales/zh-TW.d.ts

@@ -151,5 +151,9 @@ declare const _default: {
     'pisell-upload-setting-size-error': (maxSize: number) => string;
     'pisell-upload-setting-type-error': (type: string) => string;
     'pisell-upload-count-error': (count: number) => string;
+    'walletCard-points': string;
+    'walletCard-rechargeable': string;
+    'walletCard-voucher': string;
+    'walletCard-discount': string;
 };
 export default _default;