@pisell/materials 6.0.22 → 6.2.24

package/es/components/icon/index.js

@@ -1,11 +1,11 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _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); }
 var _excluded = ["type", "size", "color"];
 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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function 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(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 _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); }
 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, { forwardRef } from 'react';

package/es/components/iconfont/index.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import { createFromIconfontCN } from '@ant-design/icons';
 import React from 'react';
 var MyIcon = createFromIconfontCN({
-  scriptUrl: 'https://static.pisellcdn.com/pisell2iconfont1.3.js' // 在 iconfont.cn 上生成
+  scriptUrl: 'https://static.pisellcdn.com/pisell2iconfont1.4.js' // 在 iconfont.cn 上生成
 });
 var IconFont = function IconFont(props) {
   return /*#__PURE__*/React.createElement(MyIcon, _extends({}, props, {

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

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

package/es/components/list/index.js

@@ -1,8 +1,8 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _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); }
 var _excluded = ["className", "paginationType", "pagination", "footer", "header", "listHeight", "loadMoreData", "arrow"];
 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 _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); }
 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 _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; }
@@ -47,7 +47,7 @@ var List = function List(props) {
   var position = useScroll(listRef);
   var isShowDownArrow = useMemo(function () {
     var _listRef$current, _listRef$current2;
-    return arrow && (listRef === null || listRef === void 0 ? void 0 : listRef.current) && ((position === null || position === void 0 ? void 0 : position.top) || 0) + (listRef === null || listRef === void 0 || (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.clientHeight) < ((_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.scrollHeight);
+    return arrow && (listRef === null || listRef === void 0 ? void 0 : listRef.current) && ((position === null || position === void 0 ? void 0 : position.top) || 0) + (listRef === null || listRef === void 0 ? void 0 : (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.clientHeight) < ((_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.scrollHeight);
   }, [position, arrow]);
   var isShowUpArrow = useMemo(function () {
     return arrow && ((position === null || position === void 0 ? void 0 : position.top) || 0) > 0;
@@ -90,13 +90,13 @@ var List = function List(props) {
         }),
         scrollableTarget: scrollListId
       }, /*#__PURE__*/React.createElement(AntList, _extends({}, others, {
-        className: classNames(className, _defineProperty({}, "".concat(prefix, "list-one-line-wrap"), props === null || props === void 0 || (_props$grid = props.grid) === null || _props$grid === void 0 ? void 0 : _props$grid.oneLine))
+        className: classNames(className, _defineProperty({}, "".concat(prefix, "list-one-line-wrap"), props === null || props === void 0 ? void 0 : (_props$grid = props.grid) === null || _props$grid === void 0 ? void 0 : _props$grid.oneLine))
       }))), isShowDownArrow && downArrow), _footer && /*#__PURE__*/React.createElement("div", {
         className: "".concat(prefix, "scroll-footer-wrap")
       }, _footer));
     }
     return /*#__PURE__*/React.createElement(AntList, _extends({}, props, {
-      className: classNames(className, _defineProperty({}, "".concat(prefix, "list-one-line-wrap"), props === null || props === void 0 || (_props$grid2 = props.grid) === null || _props$grid2 === void 0 ? void 0 : _props$grid2.oneLine))
+      className: classNames(className, _defineProperty({}, "".concat(prefix, "list-one-line-wrap"), props === null || props === void 0 ? void 0 : (_props$grid2 = props.grid) === null || _props$grid2 === void 0 ? void 0 : _props$grid2.oneLine))
     }));
   }, [props, _footer, isShowDownArrow, isShowUpArrow, scrollListId]);
   return list;

package/es/components/login-and-register/index.js

@@ -151,24 +151,26 @@ var loginAndRegister = function loginAndRegister(_ref) {
             return form.validateFields();
           case 4:
             _values = _context.sent;
-            onLogin === null || onLogin === void 0 || onLogin(_objectSpread(_objectSpread({}, _values), {}, {
+            _context.next = 7;
+            return onLogin === null || onLogin === void 0 ? void 0 : onLogin(_objectSpread(_objectSpread({}, _values), {}, {
               loginMethod: 'email'
             }));
-            _context.next = 11;
+          case 7:
+            _context.next = 12;
             break;
-          case 8:
-            _context.prev = 8;
+          case 9:
+            _context.prev = 9;
             _context.t0 = _context["catch"](0);
             console.error('Validation failed:', _context.t0);
-          case 11:
-            _context.prev = 11;
+          case 12:
+            _context.prev = 12;
             setLoading(false);
-            return _context.finish(11);
-          case 14:
+            return _context.finish(12);
+          case 15:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 8, 11, 14]]);
+      }, _callee, null, [[0, 9, 12, 15]]);
     }));
     return function handleEmailLogin() {
       return _ref2.apply(this, arguments);
@@ -198,22 +200,24 @@ var loginAndRegister = function loginAndRegister(_ref) {
             return form.validateFields();
           case 4:
             _values2 = _context2.sent;
-            onRegister === null || onRegister === void 0 || onRegister(_values2);
-            _context2.next = 11;
+            _context2.next = 7;
+            return onRegister === null || onRegister === void 0 ? void 0 : onRegister(_values2);
+          case 7:
+            _context2.next = 12;
             break;
-          case 8:
-            _context2.prev = 8;
+          case 9:
+            _context2.prev = 9;
             _context2.t0 = _context2["catch"](0);
             console.error('Validation failed:', _context2.t0);
-          case 11:
-            _context2.prev = 11;
+          case 12:
+            _context2.prev = 12;
             setLoading(false);
-            return _context2.finish(11);
-          case 14:
+            return _context2.finish(12);
+          case 15:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[0, 8, 11, 14]]);
+      }, _callee2, null, [[0, 9, 12, 15]]);
     }));
     return function handleRegister() {
       return _ref3.apply(this, arguments);

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type LowCodePageProps = {
     id: number;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConfigProviderProps } from '../config-provider';
 interface PageProps extends ConfigProviderProps {
 }

package/es/components/pisell-config-provider/index.js

@@ -25,8 +25,10 @@ var PisellConfigProvider = function PisellConfigProvider(props) {
     platform: propsPlatform || platformMap[platform],
     // 设置符号，优先使用父组件传入的，如果没有则从主项目获取
     symbol: propsSymbol || (getSymbolic === null || getSymbolic === void 0 ? void 0 : getSymbolic()) || '',
-    locale: locale || 'en'
+    locale: locale || 'en',
+    getSymbolic: getSymbolic
   };
+  console.log(config, 'config');
   var staticFunction = App.useApp();
   setMessage(staticFunction.message);
   setModal(staticFunction.modal);

package/es/components/pisellAdjustPrice/PisellAdjustPriceInputNumber.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputNumberProps } from 'antd/es/input-number';
 export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps, 'onChange'> {
     value?: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export interface PisellAdjustPriceProps {
     value?: number;

package/es/components/pisellAnchor/index.less

@@ -25,7 +25,6 @@
 
         &-title {
           color: var(--Gray-900, #101828);
-          font-family: Inter;
           font-size: 16px;
           font-weight: 600;
           line-height: 40px;
@@ -114,7 +113,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background:none;
+    background: none;
     cursor: pointer;
     transition: width 300ms ease;
     user-select: none;

package/es/components/pisellAvatar/index.js

@@ -54,7 +54,7 @@ var PisellAvatar = function PisellAvatar(_ref) {
   var mergedStyle = _objectSpread(_objectSpread({}, style), {}, {
     width: sizeMap[size],
     height: sizeMap[size],
-    fontSize: children || icon ? fontSizeMap[size] : undefined,
+    fontSize: fontSizeMap[size],
     lineHeight: "".concat(sizeMap[size], "px"),
     borderRadius: shape === 'square' ? "".concat(borderRadius, "px") : '50%'
   });

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardProps } from 'antd';
 import './index.less';
 export interface PisellCardProps extends CardProps {

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
 import { PisellContextType } from '../pisell-config-provider/context';
 import { PisellWalletPassCardProps } from '../pisellWalletPassCard';
+import './index.less';
 export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'options'> {
     platform?: PisellContextType['platform'];
     /** 当用户查看完所有记录时，底部会显示此消息 */
@@ -38,6 +39,35 @@ export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'opt
     showCover?: boolean;
     /** 是否余额货币单位 */
     showBalanceSymbol?: boolean;
+    /** 卡片大小 */
+    type?: 'default' | 'mini';
+    /** 展示操作按钮 */
+    showActions?: boolean;
+    /** 操作按钮配置 */
+    actions?: {
+        /** 按钮展示方式 */
+        layout: 'expanded' | 'collapsed';
+        /** detail 按钮配置 */
+        detail?: {
+            visible: boolean;
+            iconColor: string;
+        };
+        /** edit按钮配置 */
+        edit?: {
+            visible: boolean;
+            iconColor: string;
+            dialogTitle: string;
+            enableDialog: boolean;
+            fields: {
+                name: string;
+                label: string;
+            };
+        };
+    };
+    /** 编辑编辑按钮后，弹窗展示之前 */
+    beforeEdit?: (value: any, index: number) => Promise<any> | boolean | void;
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any, index: number) => void;
 }
-declare const _default: React.MemoExoticComponent<(props: PisellCardListProps) => JSX.Element>;
+declare const _default: React.NamedExoticComponent<PisellCardListProps>;
 export default _default;

package/es/components/pisellCardList/index.js

@@ -1,17 +1,19 @@
 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, { memo } from 'react';
-import InfiniteScroll from 'react-infinite-scroll-component';
-import { Skeleton } from 'antd';
+// import InfiniteScroll from 'react-infinite-scroll-component';
+// import { Skeleton } from 'antd';
 import PisellCheckboxGroup from "../pisellCheckboxGroup";
 import PisellWalletPassCard from "../pisellWalletPassCard";
 import PisellEmpty from "../pisellEmpty";
+import "./index.less";
 /**
  * 卡列表组件
  * @param props
  * @constructor
  */
 var PisellCardList = function PisellCardList(props) {
-  var data = props.data,
+  var _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
     _props$loadMoreData = props.loadMoreData,
     loadMoreData = _props$loadMoreData === void 0 ? function () {} : _props$loadMoreData,
     endMessage = props.endMessage,
@@ -20,6 +22,10 @@ var PisellCardList = function PisellCardList(props) {
     onChange = props.onChange,
     value = props.value,
     mode = props.mode,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'vertical' : _props$direction,
+    fullWidth = props.fullWidth,
+    type = props.type,
     showName = props.showName,
     showCode = props.showCode,
     showCover = props.showCover,
@@ -32,27 +38,17 @@ var PisellCardList = function PisellCardList(props) {
     empty = props.empty,
     showEmpty = props.showEmpty,
     showBalanceSymbol = props.showBalanceSymbol;
-  return /*#__PURE__*/React.createElement(InfiniteScroll, {
-    dataLength: data.length,
-    next: loadMoreData,
-    hasMore: hasMore,
-    loader: loader || /*#__PURE__*/React.createElement(Skeleton, {
-      paragraph: {
-        rows: 3
-      },
-      active: true
-    }),
-    endMessage: endMessage,
-    scrollableTarget: "scrollableDiv"
-  }, data.length ? /*#__PURE__*/React.createElement(PisellCheckboxGroup, {
+  return data.length ? /*#__PURE__*/React.createElement(PisellCheckboxGroup, {
     options: data,
     value: value,
     mode: mode,
+    direction: direction,
     rowKey: "id",
     gap: 12,
     onChange: onChange,
     iconPosition: "hide",
-    renderOption: function renderOption(item, active) {
+    fullWidth: fullWidth,
+    renderOption: function renderOption(item, active, index) {
       return /*#__PURE__*/React.createElement(PisellWalletPassCard, _extends({}, item, {
         active: active,
         showName: showName || (item === null || item === void 0 ? void 0 : item.showName),
@@ -64,9 +60,23 @@ var PisellCardList = function PisellCardList(props) {
         showRedeem: showRedeem || (item === null || item === void 0 ? void 0 : item.showRedeem),
         showStoreName: showStoreName || (item === null || item === void 0 ? void 0 : item.showStoreName),
         showValidDate: showValidDate || (item === null || item === void 0 ? void 0 : item.showValidDate),
-        showBalanceSymbol: showBalanceSymbol || (item === null || item === void 0 ? void 0 : item.showBalanceSymbol)
+        showBalanceSymbol: showBalanceSymbol || (item === null || item === void 0 ? void 0 : item.showBalanceSymbol),
+        showActions: props.showActions || (item === null || item === void 0 ? void 0 : item.showActions),
+        actions: props.actions || (item === null || item === void 0 ? void 0 : item.actions),
+        beforeEdit: function beforeEdit(record) {
+          var _props$beforeEdit;
+          return props === null || props === void 0 || (_props$beforeEdit = props.beforeEdit) === null || _props$beforeEdit === void 0 ? void 0 : _props$beforeEdit.call(props, record, index);
+        },
+        onConfirmEdit: function onConfirmEdit(newVal) {
+          var _props$onConfirmEdit;
+          (_props$onConfirmEdit = props.onConfirmEdit) === null || _props$onConfirmEdit === void 0 || _props$onConfirmEdit.call(props, newVal, index);
+        },
+        type: type,
+        style: direction === 'vertical' || direction === 'horizontal' && fullWidth ? {
+          width: '100%'
+        } : {}
       }));
     }
-  }) : showEmpty && (empty || /*#__PURE__*/React.createElement(PisellEmpty, null)));
+  }) : showEmpty && (empty || /*#__PURE__*/React.createElement(PisellEmpty, null));
 };
 export default /*#__PURE__*/memo(PisellCardList);

package/es/components/pisellCardList/index.less

@@ -1,75 +1,75 @@
-.pisell-card {
-  padding: 16px;
-  color: var(--Gray-900, #101828);
-  font-size: 14px;
-  font-style: normal;
-  position: relative;
-  overflow: hidden;
-  border-radius: 12px;
-  .pisell-card-name-wrap {
-    display: flex;
-    justify-content: space-between;
-    font-weight: 500;
-    line-height: 20px;
-  }
-  .pisell-card-store-name {
-    height: 20px;
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 18px; /* 150% */
-  }
-  .pisell-card-amount-wrap {
-    display: flex;
-    margin-bottom: 4px;
-    .pisell-card-amount-item {
-      display: flex;
-      flex-direction: column;
-      margin-right: 16px;
-      .pisell-card-amount-item-label {
-        color: var(--Gray-500, #667085);
-        font-weight: 400;
-        line-height: 20px;
-        height: 20px;
-      }
-      .pisell-card-amount-item-value {
-        font-size: 20px;
-        font-weight: 600;
-        line-height: 30px;
-      }
-    }
-  }
-  .pisell-card-code-wrap {
-    display: flex;
-    justify-content: space-between;
-    position: relative;
-    .pisell-card-qr-code {
-      position: absolute;
-      top: -16px;
-      right: 0;
-    }
-  }
-  .pisell-lowcode-qrcode {
-    padding: 6px;
-  }
-  .pisell-card-warn-message {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    left: 0;
-    background: var(--Warning-200, #FEDF89);
-    display: flex;
-    padding: 6px 16px;
-    color: var(--Warning-900, #7A2E0E);
-    font-weight: 400;
-    line-height: 20px;
-    .pisell-card-icon {
-      font-size: 20px;
-      color: #7A2E0E;
-      margin-right: 2px;
-    }
-  }
-}
-.pisell-card-disabled {
-  color: var(--Gray-500, #667085);
-  padding-bottom: 36px;
-}
+// .pisell-card {
+//   padding: 16px;
+//   color: var(--Gray-900, #101828);
+//   font-size: 14px;
+//   font-style: normal;
+//   position: relative;
+//   overflow: hidden;
+//   border-radius: 12px;
+//   .pisell-card-name-wrap {
+//     display: flex;
+//     justify-content: space-between;
+//     font-weight: 500;
+//     line-height: 20px;
+//   }
+//   .pisell-card-store-name {
+//     height: 20px;
+//     font-size: 12px;
+//     font-weight: 400;
+//     line-height: 18px; /* 150% */
+//   }
+//   .pisell-card-amount-wrap {
+//     display: flex;
+//     margin-bottom: 4px;
+//     .pisell-card-amount-item {
+//       display: flex;
+//       flex-direction: column;
+//       margin-right: 16px;
+//       .pisell-card-amount-item-label {
+//         color: var(--Gray-500, #667085);
+//         font-weight: 400;
+//         line-height: 20px;
+//         height: 20px;
+//       }
+//       .pisell-card-amount-item-value {
+//         font-size: 20px;
+//         font-weight: 600;
+//         line-height: 30px;
+//       }
+//     }
+//   }
+//   .pisell-card-code-wrap {
+//     display: flex;
+//     justify-content: space-between;
+//     position: relative;
+//     .pisell-card-qr-code {
+//       position: absolute;
+//       top: -16px;
+//       right: 0;
+//     }
+//   }
+//   .pisell-lowcode-qrcode {
+//     padding: 6px;
+//   }
+//   .pisell-card-warn-message {
+//     position: absolute;
+//     bottom: 0;
+//     width: 100%;
+//     left: 0;
+//     background: var(--Warning-200, #FEDF89);
+//     display: flex;
+//     padding: 6px 16px;
+//     color: var(--Warning-900, #7A2E0E);
+//     font-weight: 400;
+//     line-height: 20px;
+//     .pisell-card-icon {
+//       font-size: 20px;
+//       color: #7A2E0E;
+//       margin-right: 2px;
+//     }
+//   }
+// }
+// .pisell-card-disabled {
+//   color: var(--Gray-500, #667085);
+//   padding-bottom: 36px;
+// }

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

@@ -10,12 +10,14 @@ export interface PisellCheckboxGroupOption {
 declare type PisellCheckboxGroupValue = string | string[] | any;
 export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     platform?: PisellContextType['platform'];
+    direction?: 'horizontal' | 'vertical';
+    fullWidth?: boolean;
     gap?: number;
     padding?: number;
     options: PisellCheckboxGroupOption[];
     onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
     value?: PisellCheckboxGroupValue;
-    renderOption?: (option: PisellCheckboxGroupOption, active: boolean) => React.ReactNode;
+    renderOption?: (option: PisellCheckboxGroupOption, active: boolean, index: number) => React.ReactNode;
     rowKey?: string;
     mode?: 'multiple' | 'single';
     iconPosition?: 'left' | 'right' | 'hide';

package/es/components/pisellCheckboxGroup/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["platform", "gap", "style", "options", "onChange", "value", "renderOption", "padding", "rowKey", "mode", "iconPosition", "optionClassName", "optionActiveClassName"];
+var _excluded = ["platform", "gap", "style", "options", "onChange", "value", "renderOption", "padding", "rowKey", "mode", "direction", "fullWidth", "iconPosition", "optionClassName", "optionActiveClassName"];
 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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -57,6 +57,8 @@ var PisellCheckboxGroup = function PisellCheckboxGroup(props) {
     rowKey = _props$rowKey === void 0 ? 'value' : _props$rowKey,
     _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'multiple' : _props$mode,
+    direction = props.direction,
+    fullWidth = props.fullWidth,
     _props$iconPosition = props.iconPosition,
     iconPosition = _props$iconPosition === void 0 ? 'left' : _props$iconPosition,
     optionClassName = props.optionClassName,
@@ -100,12 +102,33 @@ var PisellCheckboxGroup = function PisellCheckboxGroup(props) {
 
     // 内边距
     var paddingVal = isNumber(padding) ? padding + 'px' : padding;
-    var obj = _objectSpread({
+    var obj = {
       gap: gapVal,
       padding: paddingVal
-    }, style);
-    return obj;
-  }, [style, gap, padding]);
+    };
+    // 方向
+    if ('horizontal' === direction) {
+      obj = _objectSpread(_objectSpread({}, obj), {}, {
+        flexDirection: 'row',
+        overflowX: 'auto'
+      });
+    }
+    return _objectSpread(_objectSpread({}, obj), style);
+  }, [style, gap, padding, direction]);
+  var rowStyle = useMemo(function () {
+    if ('horizontal' === direction) {
+      if (false === fullWidth) {
+        return {
+          flexShrink: 0,
+          width: 'auto'
+        };
+      }
+      return {
+        flexShrink: 0
+      };
+    }
+    return {};
+  }, [direction, fullWidth]);
 
   /**
    * @title: 统一外部onChange
@@ -147,7 +170,7 @@ var PisellCheckboxGroup = function PisellCheckboxGroup(props) {
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: classNames('pisell-checkbox-group', rest.className),
     style: _style
-  }), options.map(function (option) {
+  }), options.map(function (option, index) {
     var active = _value.includes(option[rowKey]);
     return /*#__PURE__*/React.createElement(PisellRow, {
       className: classNames('pisell-checkbox-group-item', optionClassName, _defineProperty({
@@ -155,7 +178,8 @@ var PisellCheckboxGroup = function PisellCheckboxGroup(props) {
       }, optionActiveClassName, active)),
       key: option[rowKey],
       gap: 10,
-      onClick: function onClick() {
+      style: rowStyle,
+      onClick: function onClick(e) {
         if (option.disabled) return;
         handleSelectItem(option[rowKey], option);
       },
@@ -167,7 +191,7 @@ var PisellCheckboxGroup = function PisellCheckboxGroup(props) {
         checked: active,
         className: "pisell-checkbox-group-item-checkbox"
       }),
-      centerContent: renderOption === null || renderOption === void 0 ? void 0 : renderOption(option, active),
+      centerContent: renderOption === null || renderOption === void 0 ? void 0 : renderOption(option, active, index),
       centerContentFill: true
     });
   }));

package/es/components/pisellCheckboxGroup/index.less

@@ -19,6 +19,7 @@
       border-radius: 12px;
       border: 1px solid var(--Gray-200, #EAECF0);
       z-index: 2;
+      pointer-events: none;
     }
 
     &.pisell-checkbox-group-item-active {

package/es/components/pisellCustomCheckboxGroup/index.js

@@ -58,6 +58,9 @@ var PisellCustomCheckboxGroup = function PisellCustomCheckboxGroup(_ref) {
     return /*#__PURE__*/React.createElement("div", {
       onClick: function onClick() {
         return _onClick(item);
+      },
+      style: {
+        height: '100%'
       }
     }, item !== null && item !== void 0 && item.isAddCard && renderAddItem ? renderAddItem(item) : rest === null || rest === void 0 || (_rest$renderItem = rest.renderItem) === null || _rest$renderItem === void 0 ? void 0 : _rest$renderItem.call(rest, item, index));
   };