@pisell/materials 6.0.21 → 6.1.1

package/es/components/pisellList01/index.less

@@ -0,0 +1,53 @@
+.pisell-list-01 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  &-search {
+    width: 100%;
+    padding: 16px;
+
+    .pisell-list-01-search-input {
+      display: flex;
+      padding: 10px 14px;
+      align-items: center;
+      gap: 8px;
+      align-self: stretch;
+      border-radius: 8px;
+      border: 1px solid var(--Gray-300, #d0d5dd);
+      background: var(--Base-White, #fff);
+      box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+      height: 44px;
+    }
+  }
+
+  &-categories {
+    padding: 16px 0 16px 20px;
+    .pisell-lowcode-anchor-wrapper {
+      padding: 0;
+      margin: 0;
+    }
+    .pisell-lowcode-anchor-wrapper-horizontal::before {
+      border: none !important;
+    }
+  }
+
+  &-products {
+    padding: 20px;
+    .pisell-list-01-products-title {
+      color: var(--Gray-900, #101828);
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 24px;
+      margin-bottom: 16px;
+    }
+  }
+
+  .products-empty {
+    padding: 0;
+    .pisell-empty-icon-wrap,
+    .pisell-lowcode-empty-description {
+      color: var(--Gray-500, #667085);
+    }
+  }
+}

package/es/components/pisellMenu/PisellMenu.d.ts

@@ -1,9 +1,11 @@
+import { Menu as AntdMenu } from 'antd';
 import React from 'react';
 import './PisellMenu.less';
 import type { PisellMenuProps } from './types';
-declare const PisellMenu: {
-    ({ className, style, mode, theme, defaultOpenKeys, defaultSelectedKeys, inlineCollapsed, openKeys, selectedKeys, onOpenChange, onSelect, dataSource, __designMode, children, other, ...restProps }: PisellMenuProps): JSX.Element;
-    Item: Omit<React.FunctionComponent<import("antd").MenuItemProps>, ""> & (<T extends import("antd").MenuItemProps>(props: T extends infer U extends import("antd").MenuItemProps ? unknown extends U ? import("antd").MenuItemProps : U : import("antd").MenuItemProps, context?: any) => React.ReactElement<any, any> | null);
-    SubMenu: React.FC<import("antd").SubMenuProps>;
+declare type PisellMenuComponent = React.FC<PisellMenuProps> & {
+    Item: typeof AntdMenu.Item;
+    SubMenu: typeof AntdMenu.SubMenu;
+    ItemGroup: typeof AntdMenu.ItemGroup;
 };
+declare const PisellMenu: PisellMenuComponent;
 export default PisellMenu;

package/es/components/pisellMenu/PisellMenu.js

@@ -58,4 +58,5 @@ var PisellMenu = function PisellMenu(_ref) {
 };
 PisellMenu.Item = AntdMenu.Item;
 PisellMenu.SubMenu = AntdMenu.SubMenu;
+PisellMenu.ItemGroup = AntdMenu.ItemGroup;
 export default PisellMenu;

package/es/components/pisellMenu/types.d.ts

@@ -23,4 +23,5 @@ export interface MenuItemType {
     icon?: string | React.ReactNode;
     hide?: boolean;
     type?: 'group' | 'divider';
+    isGroup?: boolean;
 }

package/es/components/pisellModal/components/MobileModal/index.less

@@ -17,14 +17,18 @@
       overflow: hidden;
       max-height: 90%;
       min-height: 200px;
+      display: flex;
+      flex-direction: column;
     }
     .pisell-lowcode-modal-content {
+      flex: 1;
       padding: 0;
       border-radius: 0;
       height: 100%;
       display: flex;
       flex-direction: column;
       max-height: none;
+      min-height: 200px;
       .pisell-lowcode-modal-close {
         padding: 10px;
         top: 8px;

package/es/components/pisellNavigationMenu/PisellNavigationMenu.js

@@ -5,6 +5,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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); }
 import React, { useCallback, useMemo } from 'react';
+import { isFunction } from "@pisell/utils";
+import classNames from 'classnames';
 import PisellDropSort from "../pisellDropSort";
 import PisellTags from "../pisellTags";
 import Icon from "../icon";
@@ -25,6 +27,8 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
     allowAddChild = _ref$allowAddChild === void 0 ? true : _ref$allowAddChild,
     _ref$allowAddRoot = _ref.allowAddRoot,
     allowAddRoot = _ref$allowAddRoot === void 0 ? true : _ref$allowAddRoot,
+    _ref$allowIsShow = _ref.allowIsShow,
+    allowIsShow = _ref$allowIsShow === void 0 ? true : _ref$allowIsShow,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$spacing = _ref.spacing,
@@ -38,8 +42,17 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
     onAddPage = _ref.onAddPage,
     onEdit = _ref.onEdit,
     onDelete = _ref.onDelete,
+    onIsShow = _ref.onIsShow,
     __designMode = _ref.__designMode,
-    title = _ref.title;
+    title = _ref.title,
+    propsRightContent = _ref.rightContent,
+    propsGetItemStyle = _ref.getItemStyle,
+    canDrop = _ref.canDrop,
+    _ref$indentationWidth = _ref.indentationWidth,
+    indentationWidth = _ref$indentationWidth === void 0 ? 24 : _ref$indentationWidth,
+    hideDescription = _ref.hideDescription,
+    showActionOnHover = _ref.showActionOnHover,
+    showTitleTags = _ref.showTitleTags;
   // 将DropSortItem转换回NavigationMenuItem
   var convertToNavigationItems = function convertToNavigationItems(items) {
     return items.map(function (item) {
@@ -47,6 +60,7 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
         id: String(item.id),
         title: String(item.title || ''),
         path: String(item.path || '/'),
+        collapsed: item.collapsed,
         children: item.children ? convertToNavigationItems(item.children) : []
       };
     });
@@ -73,16 +87,32 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
         text: getText('pisell-lowcode-navigation-menu-tag-base'),
         color: '#7f56d9'
       },
+      proCode: {
+        text: getText('pisell-lowcode-navigation-menu-tag-proCode'),
+        color: '#1677ff'
+      },
       pisellV1: {
         text: getText('pisell-lowcode-navigation-menu-tag-pisell1'),
         color: '#ee837a'
+      },
+      group: {
+        text: getText('pisell-lowcode-navigation-menu-tag-group'),
+        color: '#7f56d9'
+      },
+      subMenu: {
+        text: getText('pisell-lowcode-navigation-menu-tag-sub-menu'),
+        color: '#067647'
+      },
+      custom: {
+        text: getText('pisell-lowcode-navigation-menu-tag-custom'),
+        color: '#B54708'
       }
     };
   }, []);
 
   // 自定义渲染菜单项
   var renderMenuItem = useCallback(function (itemProps) {
-    var _tagTextMap$item$sour, _tagTextMap$item$sour2;
+    var _tagTextMap$group, _tagTextMap$group2, _tagTextMap$subMenu, _tagTextMap$subMenu2, _tagTextMap$custom, _tagTextMap$custom2, _tagTextMap$item$sour, _tagTextMap$item$sour2;
     var item = itemProps.item;
     var _item$allowEdit = item.allowEdit,
       allowEdit = _item$allowEdit === void 0 ? true : _item$allowEdit,
@@ -93,13 +123,15 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
       _item$allowAddSubmenu = item.allowAddSubmenu,
       allowAddSubmenu = _item$allowAddSubmenu === void 0 ? true : _item$allowAddSubmenu,
       _item$allowAddPage = item.allowAddPage,
-      allowAddPage = _item$allowAddPage === void 0 ? true : _item$allowAddPage;
+      allowAddPage = _item$allowAddPage === void 0 ? true : _item$allowAddPage,
+      _item$allowIsShow = item.allowIsShow,
+      allowIsShow = _item$allowIsShow === void 0 ? true : _item$allowIsShow;
     var isShowAddButton = item.isGroup && allowAddChild && (allowAddSubmenu || allowAddPage);
     return /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-item"
     }, /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-item-content"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, item.icon && /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-item-content-icon"
     }, /*#__PURE__*/React.createElement(Icon, {
       type: item.icon
@@ -107,8 +139,20 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
       className: "pisell-lowcode-navigation-menu-item-content-text"
     }, /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-item-title"
-    }, item.title), /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode-navigation-menu-item-description"
+    }, item.title, showTitleTags && /*#__PURE__*/React.createElement(React.Fragment, null, item.isGroup && item.is_top && /*#__PURE__*/React.createElement(PisellTags, {
+      type: "pill_color",
+      color: (_tagTextMap$group = tagTextMap['group']) === null || _tagTextMap$group === void 0 ? void 0 : _tagTextMap$group.color
+    }, ((_tagTextMap$group2 = tagTextMap['group']) === null || _tagTextMap$group2 === void 0 ? void 0 : _tagTextMap$group2.text) || ""), item.isGroup && !item.is_top && /*#__PURE__*/React.createElement(PisellTags, {
+      type: "pill_color",
+      color: (_tagTextMap$subMenu = tagTextMap['subMenu']) === null || _tagTextMap$subMenu === void 0 ? void 0 : _tagTextMap$subMenu.color
+    }, ((_tagTextMap$subMenu2 = tagTextMap['subMenu']) === null || _tagTextMap$subMenu2 === void 0 ? void 0 : _tagTextMap$subMenu2.text) || ""), item.isCustom && /*#__PURE__*/React.createElement(PisellTags, {
+      type: "pill_color",
+      color: (_tagTextMap$custom = tagTextMap['custom']) === null || _tagTextMap$custom === void 0 ? void 0 : _tagTextMap$custom.color
+    }, ((_tagTextMap$custom2 = tagTextMap['custom']) === null || _tagTextMap$custom2 === void 0 ? void 0 : _tagTextMap$custom2.text) || ""))), hideDescription ? null : /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode-navigation-menu-item-description",
+      style: {
+        display: hideDescription ? "none" : "flex"
+      }
     }, item.description, item.source && /*#__PURE__*/React.createElement(PisellTags, {
       type: "pill_color",
       color: (_tagTextMap$item$sour = tagTextMap[item.source]) === null || _tagTextMap$item$sour === void 0 ? void 0 : _tagTextMap$item$sour.color
@@ -116,8 +160,20 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
       type: "pill_color",
       color: "success"
     }, "v", item.version)))), /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode-navigation-menu-item-action-wrap"
-    }, allowEdit && /*#__PURE__*/React.createElement(Button, {
+      className: classNames("pisell-lowcode-navigation-menu-item-action-wrap", {
+        "pisell-lowcode-navigation-menu-item-action-wrap-hover": showActionOnHover
+      })
+    }, allowIsShow && /*#__PURE__*/React.createElement(Button, {
+      type: "text",
+      onClick: function onClick() {
+        return onIsShow === null || onIsShow === void 0 ? void 0 : onIsShow(item);
+      },
+      className: "pisell-lowcode-navigation-menu-item-action-button",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: item.is_show === false ? "pisell2-eye-off" : "pisell2-eye",
+        className: "pisell-lowcode-navigation-menu-item-action-button-icon"
+      })
+    }), allowEdit && /*#__PURE__*/React.createElement(Button, {
       type: "text",
       onClick: function onClick() {
         return onEdit === null || onEdit === void 0 ? void 0 : onEdit(item);
@@ -128,6 +184,9 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
         className: "pisell-lowcode-navigation-menu-item-action-button-icon"
       })
     }), isShowAddButton && /*#__PURE__*/React.createElement(Dropdown, {
+      getPopupContainer: function getPopupContainer(triggerNode) {
+        return triggerNode;
+      },
       menu: {
         items: [allowAddSubmenu && {
           key: 'add-child',
@@ -173,6 +232,9 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
     }, title);
   }, [title]);
   var rightContent = useMemo(function () {
+    if (propsRightContent) {
+      return propsRightContent;
+    }
     return /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-navigation-menu-right-content"
     }, /*#__PURE__*/React.createElement(Button, {
@@ -193,7 +255,7 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
         return onAddPage === null || onAddPage === void 0 ? void 0 : onAddPage();
       }
     }, getText('pisell-lowcode-navigation-menu-add-page')));
-  }, [title]);
+  }, [propsRightContent]);
   var formatValue = useMemo(function () {
     return formatTree(value, function (item) {
       return _objectSpread(_objectSpread({}, item), {}, {
@@ -203,16 +265,21 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
   }, [value]);
   var getItemStyle = useCallback(function (itemProps) {
     var item = itemProps.item;
+    if (isFunction(propsGetItemStyle)) {
+      return (propsGetItemStyle === null || propsGetItemStyle === void 0 ? void 0 : propsGetItemStyle(item)) || {};
+    }
     return {
       backgroundColor: item.isGroup ? '#fff' : 'var(--Gray-50, #F9FAFB)'
     };
-  }, []);
+  }, [propsGetItemStyle]);
   return /*#__PURE__*/React.createElement(PisellDropSort, {
+    indentationWidth: indentationWidth,
     value: formatValue,
     allowDrag: allowDrag,
     allowDelete: allowDelete,
     allowAddChild: allowAddChild,
     allowAddRoot: allowAddRoot,
+    allowIsShow: allowIsShow,
     disabled: disabled,
     spacing: spacing,
     maxLevel: maxLevel,
@@ -228,7 +295,8 @@ var PisellNavigationMenu = function PisellNavigationMenu(_ref) {
     emptyContent: /*#__PURE__*/React.createElement(PisellEmpty, {
       maxWidth: 400,
       description: getText('pisell-lowcode-navigation-menu-add-page-tip')
-    })
+    }),
+    canDrop: canDrop
   });
 };
 export default PisellNavigationMenu;

package/es/components/pisellNavigationMenu/PisellNavigationMenu.less

@@ -1,3 +1,10 @@
+.pisell-lowcode-drop-sort-item-tree-item {
+  &:hover {
+    .pisell-lowcode-navigation-menu-item-action-wrap {
+      opacity: 1 !important;
+    }
+  }
+}
 .pisell-lowcode-navigation-menu-item {
   display: flex;
   justify-content: space-between;
@@ -26,6 +33,9 @@
       font-size: 14px;
       font-weight: 600;
       line-height: 20px; /* 142.857% */
+      display: flex;
+      gap: 10px;
+      align-items: center;
     }
     .pisell-lowcode-navigation-menu-item-description {
       color: var(--Gray-500, #667085);
@@ -40,6 +50,10 @@
   .pisell-lowcode-navigation-menu-item-action-wrap {
     display: flex;
     gap: 8px;
+    transition: opacity 0.3s ease-in-out;
+    &.pisell-lowcode-navigation-menu-item-action-wrap-hover {
+      opacity: 0;
+    }
     .pisell-lowcode-navigation-menu-item-action-button {
       &:hover {
         background: var(--Gray-300, #D0D5DD);

package/es/components/pisellNavigationMenu/types.d.ts

@@ -1,4 +1,5 @@
 import { CSSProperties } from 'react';
+import { Props as TreeItem } from "../pisellDraggable/components/TreeItem/TreeItem";
 export interface NavigationMenuItem {
     id: string;
     /** 标题 */
@@ -37,6 +38,8 @@ export interface PisellNavigationMenuProps {
     allowAddChild?: boolean;
     /** 是否允许添加根菜单 */
     allowAddRoot?: boolean;
+    /** 是否允许显示隐藏 */
+    allowIsShow?: boolean;
     /** 是否禁用 */
     disabled?: boolean;
     /** 菜单项间距 */
@@ -61,4 +64,22 @@ export interface PisellNavigationMenuProps {
     onEdit?: (item: NavigationMenuItem) => void;
     /** 删除回调 */
     onDelete?: (item: NavigationMenuItem) => void;
+    /** 左侧自定义内容 */
+    leftContent?: React.ReactNode;
+    /** 右侧自定义内容 */
+    rightContent?: React.ReactNode;
+    /** 获取item样式 */
+    getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
+    /** 自定义拖拽判断函数，返回false时阻止拖拽 */
+    canDrop?: (dragItem: NavigationMenuItem, dropTarget: NavigationMenuItem, parentId: string | number | null) => boolean;
+    /** 显示隐藏回调 */
+    onIsShow?: (item: NavigationMenuItem) => void;
+    /** 节点缩进宽度 */
+    indentationWidth?: number;
+    /** 隐藏描述 */
+    hideDescription?: boolean;
+    /** 悬浮时展示action */
+    showActionOnHover?: boolean;
+    /** 是否展示标题标签 */
+    showTitleTags?: boolean;
 }

package/es/components/pisellQrcode/index.less

@@ -11,7 +11,6 @@
       flex-direction: column;
       .pisell-qrcode-modal-value {
         color: var(--Gray-500, #667085);
-        font-family: Inter;
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
@@ -26,7 +25,6 @@
 
         color: var(--Base-White, #fff);
 
-        font-family: Inter;
         font-size: 16px;
         font-style: normal;
         font-weight: 600;

package/es/components/pisellSectionHeaders/index.js

@@ -0,0 +1,35 @@
+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 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 _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); }
+import React from 'react';
+import classNames from 'classnames';
+import "./index.less";
+var prefixCls = 'pisell-section-headers';
+var PisellSectionHeaders = function PisellSectionHeaders(_ref) {
+  var backNode = _ref.backNode,
+    centerNode = _ref.centerNode,
+    actionNode = _ref.actionNode,
+    className = _ref.className,
+    style = _ref.style,
+    onBack = _ref.onBack,
+    onAction = _ref.onAction;
+  var classes = classNames(prefixCls, className);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes,
+    style: _objectSpread({}, style)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-content")
+  }, backNode && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-back"),
+    onClick: onBack
+  }, backNode), centerNode && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-main")
+  }, centerNode), actionNode && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-actions"),
+    onClick: onAction
+  }, actionNode)));
+};
+export default PisellSectionHeaders;

package/es/components/pisellSectionHeaders/index.less

@@ -0,0 +1,46 @@
+@prefix: pisell-section-headers;
+
+.@{prefix} {
+  width: 100%;
+  z-index: 100;
+  position: sticky;
+  top: 0;
+  border-bottom: 1px solid var(--Gray-300, #d0d5dd);
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  padding: 16px;
+  height: auto;
+
+  &-fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+  }
+
+  &-placeholder {
+    width: 100%;
+  }
+
+  &-content {
+    height: 100%;
+    padding: 0;
+    display: flex;
+    // align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+  }
+
+  &-back {
+    cursor: pointer;
+  }
+
+  &-main {
+    flex: 1;
+    // display: flex;
+    // align-items: center;
+    // justify-content: center;
+  }
+
+  &-actions {
+    cursor: pointer;
+  }
+}

package/es/components/pisellText/components/Amount/index.js

@@ -20,7 +20,7 @@ var Amount = function Amount(props) {
       useThousandsSeparator: useThousandsSeparator,
       hideDecimalForWholeNumbers: hideDecimalForWholeNumbers
     });
-  }, [value, precision, showCurrencySymbol, useThousandsSeparator, hideDecimalForWholeNumbers]);
+  }, [value, precision, showCurrencySymbol, useThousandsSeparator, hideDecimalForWholeNumbers, config === null || config === void 0 ? void 0 : config.symbol]);
   return /*#__PURE__*/React.createElement("span", others, amount);
 };
 export default Amount;

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

@@ -1,6 +1,9 @@
+/// <reference types="react" />
 import './index.less';
 export interface PisellWalletPassCardProps {
-    id?: number;
+    id: number;
+    /** 卡片样式 */
+    type: 'default' | 'mini';
     /** 商品名称 */
     name: string;
     /** 二维码 */
@@ -49,6 +52,33 @@ export interface PisellWalletPassCardProps {
     showCover?: boolean;
     /** 是否展示余额货币符号 */
     showBalanceSymbol?: boolean;
+    /** 展示操作按钮 */
+    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) => Promise<any> | boolean | void;
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any) => void;
     [key: string]: any;
 }
 declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;