@pisell/materials 6.0.21 → 6.1.1

package/lib/components/pisellDraggable/index.js

@@ -37,6 +37,7 @@ var import_core = require("@dnd-kit/core");
 var import_sortable = require("@dnd-kit/sortable");
 var import_react = __toESM(require("react"));
 var import_react_dom = require("react-dom");
+var import_ahooks = require("ahooks");
 var import_utilities = require("@dnd-kit/utilities");
 var import_components = require("./components");
 var import_utilities2 = require("./utilities");
@@ -103,7 +104,8 @@ function SortableTree({
   onChange,
   onRemoveBefore,
   __designMode,
-  maxLevel = 3
+  maxLevel = 3,
+  canDrop
 }) {
   const [items, setItems] = (0, import_react.useState)([]);
   const [activeId, setActiveId] = (0, import_react.useState)(null);
@@ -143,7 +145,9 @@ function SortableTree({
     () => flattenedItems.map(({ id }) => id),
     [flattenedItems]
   );
-  const activeItem = activeId ? flattenedItems.find(({ id }) => id === activeId) : null;
+  const activeItem = (0, import_react.useMemo)(() => {
+    return activeId ? flattenedItems.find(({ id }) => id === activeId) : null;
+  }, [activeId, flattenedItems]);
   (0, import_react.useEffect)(() => {
     sensorContext.current = {
       items: flattenedItems,
@@ -164,68 +168,25 @@ function SortableTree({
       return childNewDepth >= maxLevel || checkSubtreeDepth(items2, child.id, childNewDepth);
     });
   }
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_core.DndContext,
-    {
-      sensors,
-      collisionDetection: import_core.closestCenter,
-      measuring,
-      onDragStart: handleDragStart,
-      onDragMove: handleDragMove,
-      onDragOver: handleDragOver,
-      onDragEnd: handleDragEnd,
-      onDragCancel: handleDragCancel
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_sortable.SortableContext, { items: sortedIds, strategy: import_sortable.verticalListSortingStrategy }, flattenedItems.map((item) => {
-      const { id, children, collapsed, depth } = item;
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_components.SortableTreeItem,
-        {
-          key: id,
-          id,
-          item,
-          depth: id === activeId && projected ? projected.depth : depth,
-          indentationWidth,
-          indicator,
-          collapsed: Boolean(collapsed && (children == null ? void 0 : children.length)),
-          onCollapse: collapsible && (children == null ? void 0 : children.length) ? () => handleCollapse(id) : void 0,
-          onRemove: removable ? () => handleRemove(item) : void 0,
-          renderItem,
-          __designMode
-        }
-      );
-    }), (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ import_react.default.createElement(
-        import_core.DragOverlay,
-        {
-          dropAnimation: dropAnimationConfig,
-          modifiers: indicator ? [adjustTranslate] : void 0
-        },
-        activeId && activeItem ? /* @__PURE__ */ import_react.default.createElement(
-          import_components.SortableTreeItem,
-          {
-            id: activeId,
-            depth: activeItem.depth,
-            clone: true,
-            childCount: (0, import_utilities2.getChildCount)(items, activeId) + 1,
-            item: activeItem,
-            indentationWidth,
-            renderItem
-          }
-        ) : null
-      ),
-      document.body
-    ))
-  );
-  function handleDragStart({ active: { id: activeId2 } }) {
+  const handleRemove = (0, import_ahooks.useMemoizedFn)(async (item) => {
+    if (onRemoveBefore) {
+      let res = await (onRemoveBefore == null ? void 0 : onRemoveBefore(item));
+      if (!res) {
+        return;
+      }
+    }
+    setItems((items2) => (0, import_utilities2.removeItem)(items2, item.id));
+    onChange == null ? void 0 : onChange(items);
+  });
+  const handleDragStart = (0, import_ahooks.useMemoizedFn)(({ active: { id: activeId2 } }) => {
     setActiveId(activeId2);
     setOverId(activeId2);
     document.body.style.setProperty("cursor", "grabbing");
-  }
-  function handleDragMove({ delta }) {
+  });
+  const handleDragMove = (0, import_ahooks.useMemoizedFn)(({ delta }) => {
     setOffsetLeft(delta.x);
-  }
-  function handleDragOver({ over }) {
+  });
+  const handleDragOver = (0, import_ahooks.useMemoizedFn)(({ over }) => {
     if (!projected || !over) {
       setOverId((over == null ? void 0 : over.id) ?? null);
       return;
@@ -246,8 +207,11 @@ function SortableTree({
       return;
     }
     setOverId(over.id);
-  }
-  function handleDragEnd({ active, over }) {
+  });
+  const parentNode = (0, import_react.useMemo)(() => {
+    return (projected == null ? void 0 : projected.parentId) ? flattenedItems.find((item) => item.id === projected.parentId) : null;
+  }, [flattenedItems, projected == null ? void 0 : projected.parentId]);
+  const handleDragEnd = (0, import_ahooks.useMemoizedFn)(({ active, over }) => {
     resetState();
     if (projected && over) {
       const { depth, parentId } = projected;
@@ -255,6 +219,14 @@ function SortableTree({
       if (targetParent == null ? void 0 : targetParent.disabledDrop) {
         return;
       }
+      const dragItem = flattenedItems.find((item) => item.id === active.id);
+      const dropTarget = flattenedItems.find((item) => item.id === over.id);
+      if (canDrop && dragItem && dropTarget) {
+        const canDropResult = canDrop(dragItem, dropTarget, parentId, targetParent);
+        if (!canDropResult) {
+          return;
+        }
+      }
       if (depth >= maxLevel) {
         return;
       }
@@ -278,7 +250,86 @@ function SortableTree({
       setItems(newItems);
       onChange == null ? void 0 : onChange(newItems);
     }
-  }
+  });
+  const handleCollapse = (0, import_ahooks.useMemoizedFn)((id) => {
+    setItems((items2) => {
+      const newVal = (0, import_utilities2.setProperty)(items2, id, "collapsed", (value2) => {
+        return !value2;
+      });
+      onChange == null ? void 0 : onChange(items2);
+      return newVal;
+    });
+  });
+  const isError = (0, import_react.useMemo)(() => {
+    return !(canDrop == null ? void 0 : canDrop(activeItem || {}, {}, projected == null ? void 0 : projected.parentId, parentNode));
+  }, [projected, activeItem, canDrop, parentNode]);
+  const renderTreeItems = (0, import_react.useMemo)(() => {
+    return flattenedItems.map((item) => {
+      const { id, children, collapsed, depth } = item;
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_components.SortableTreeItem,
+        {
+          key: id,
+          id,
+          item,
+          depth: id === activeId && projected ? projected.depth : depth,
+          indentationWidth,
+          indicator,
+          collapsed: Boolean(collapsed && (children == null ? void 0 : children.length)),
+          onCollapse: collapsible && (children == null ? void 0 : children.length) ? () => handleCollapse(id) : void 0,
+          onRemove: removable ? () => handleRemove(item) : void 0,
+          renderItem,
+          __designMode
+        }
+      );
+    });
+  }, [
+    flattenedItems,
+    activeId,
+    projected == null ? void 0 : projected.depth,
+    indentationWidth,
+    indicator,
+    collapsible,
+    handleCollapse,
+    handleRemove,
+    renderItem,
+    __designMode
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_core.DndContext,
+    {
+      sensors,
+      collisionDetection: import_core.closestCenter,
+      measuring,
+      onDragStart: handleDragStart,
+      onDragMove: handleDragMove,
+      onDragOver: handleDragOver,
+      onDragEnd: handleDragEnd,
+      onDragCancel: handleDragCancel
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_sortable.SortableContext, { items: sortedIds, strategy: import_sortable.verticalListSortingStrategy }, renderTreeItems, (0, import_react_dom.createPortal)(
+      /* @__PURE__ */ import_react.default.createElement(
+        import_core.DragOverlay,
+        {
+          dropAnimation: dropAnimationConfig,
+          modifiers: indicator ? [adjustTranslate] : void 0
+        },
+        activeId && activeItem ? /* @__PURE__ */ import_react.default.createElement(
+          import_components.SortableTreeItem,
+          {
+            id: activeId,
+            depth: activeItem.depth,
+            clone: true,
+            childCount: (0, import_utilities2.getChildCount)(items, activeId) + 1,
+            item: activeItem,
+            indentationWidth,
+            renderItem: (props, ref) => renderItem == null ? void 0 : renderItem({ ...props, isError }, ref)
+          }
+        ) : null
+      ),
+      document.body
+    ))
+  );
   function handleDragCancel() {
     resetState();
   }
@@ -288,23 +339,6 @@ function SortableTree({
     setOffsetLeft(0);
     document.body.style.setProperty("cursor", "");
   }
-  async function handleRemove(item) {
-    if (onRemoveBefore) {
-      let res = await (onRemoveBefore == null ? void 0 : onRemoveBefore(item));
-      if (!res) {
-        return;
-      }
-    }
-    setItems((items2) => (0, import_utilities2.removeItem)(items2, item.id));
-    onChange == null ? void 0 : onChange(items);
-  }
-  function handleCollapse(id) {
-    setItems(
-      (items2) => (0, import_utilities2.setProperty)(items2, id, "collapsed", (value2) => {
-        return !value2;
-      })
-    );
-  }
 }
 var adjustTranslate = ({ transform }) => {
   return {

package/lib/components/pisellDropSort/PisellDropSort.js

@@ -46,6 +46,7 @@ var PisellDropSort = ({
   allowDelete = true,
   allowAddChild = true,
   allowAddRoot = true,
+  allowIsShow = false,
   disabled = false,
   spacing = 8,
   maxLevel = 3,
@@ -62,7 +63,9 @@ var PisellDropSort = ({
   __designMode,
   isCustomAction,
   emptyContent,
-  getItemStyle
+  getItemStyle,
+  canDrop,
+  indentationWidth
 }) => {
   const renderItem = (0, import_react.useCallback)(
     (itemProps, ref) => {
@@ -75,6 +78,7 @@ var PisellDropSort = ({
           allowAddChild,
           allowDelete,
           allowDrag,
+          allowIsShow,
           disabled,
           onAdd,
           onDelete,
@@ -132,10 +136,12 @@ var PisellDropSort = ({
         value,
         collapsible: true,
         indicator: false,
-        indentationWidth: 24,
+        indentationWidth,
         removable: allowDelete,
         renderItem,
-        onChange: handleChange
+        onChange: handleChange,
+        canDrop,
+        maxLevel
       }
     )
   ));

package/lib/components/pisellDropSort/components/SortableItem/index.d.ts

@@ -7,6 +7,7 @@ interface SortableItemProps {
     domRef: React.RefObject<HTMLDivElement>;
     allowAddChild?: boolean;
     allowDelete?: boolean;
+    allowIsShow?: boolean;
     allowDrag?: boolean;
     disabled?: boolean;
     onAdd?: (itemProps: TreeItem) => void;

package/lib/components/pisellDropSort/components/SortableItem/index.js

@@ -46,6 +46,7 @@ var SortableItem = (props) => {
     allowAddChild,
     allowDelete,
     allowDrag,
+    allowIsShow,
     disabled,
     onAdd,
     onDelete,
@@ -72,6 +73,7 @@ var SortableItem = (props) => {
     indentationWidth,
     handleProps,
     collapsed,
+    isError,
     ...otherProps
   } = itemProps;
   const itemStyle = (getItemStyle == null ? void 0 : getItemStyle(itemProps)) || {};
@@ -79,6 +81,9 @@ var SortableItem = (props) => {
     ...itemStyle,
     ...style
   };
+  if (isError) {
+    mergedStyle.backgroundColor = "#FECDCA";
+  }
   return /* @__PURE__ */ import_react.default.createElement(
     "li",
     {

package/lib/components/pisellDropSort/components/SortableItem/index.less

@@ -81,7 +81,6 @@
 
   .pisell-lowcode-drop-sort-item-content {
     flex: 1;
-    height: 48px;
   }
 
   .pisell-lowcode-drop-sort-item-button {

package/lib/components/pisellDropSort/types.d.ts

@@ -15,6 +15,8 @@ export interface PisellDropSortProps {
     allowAddChild?: boolean;
     /** 允许添加根节点 */
     allowAddRoot?: boolean;
+    /** 是否允许显示隐藏 */
+    allowIsShow?: boolean;
     /** 是否禁用 */
     disabled?: boolean;
     /** 节点间距 */
@@ -49,4 +51,8 @@ export interface PisellDropSortProps {
     isCustomAction?: boolean;
     /** 获取item样式 */
     getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
+    /** 自定义拖拽判断函数，返回false时阻止拖拽 */
+    canDrop?: (dragItem: DropSortItem, dropTarget: DropSortItem, parentId: string | number | null) => boolean;
+    /** 节点缩进宽度 */
+    indentationWidth?: number;
 }

package/lib/components/pisellDropdown/index.js

@@ -0,0 +1,72 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellDropdown/index.tsx
+var pisellDropdown_exports = {};
+__export(pisellDropdown_exports, {
+  default: () => pisellDropdown_default
+});
+module.exports = __toCommonJS(pisellDropdown_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_dropdown = __toESM(require("../dropdown"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var PisellDropdown = ({
+  trigger,
+  items = [],
+  showShortcut = true,
+  triggerType = ["click"],
+  className,
+  style,
+  onSelect
+}) => {
+  const renderMenuItem = (item) => {
+    const menuItem = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-dropdown-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-dropdown-item-content" }, item.icon && /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-dropdown-item-icon" }, item.icon), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-dropdown-item-label" }, item.label)), showShortcut && item.shortcut && /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-dropdown-item-shortcut" }, item.shortcut));
+    return item.divider ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: item.key }, /* @__PURE__ */ import_react.default.createElement(import_antd.Menu.Item, { key: item.key }, menuItem), /* @__PURE__ */ import_react.default.createElement(import_antd.Menu.Divider, null)) : /* @__PURE__ */ import_react.default.createElement(import_antd.Menu.Item, { key: item.key }, menuItem);
+  };
+  const menu = /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Menu,
+    {
+      onClick: ({ key }) => onSelect == null ? void 0 : onSelect(key),
+      className: "pisell-dropdown-menu"
+    },
+    items.map(renderMenuItem)
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_dropdown.default,
+    {
+      overlay: menu,
+      trigger: triggerType,
+      className: (0, import_classnames.default)("pisell-dropdown", className),
+      style
+    },
+    trigger || /* @__PURE__ */ import_react.default.createElement("span", null, "Account")
+  );
+};
+var pisellDropdown_default = PisellDropdown;

package/lib/components/pisellDropdown/index.less

@@ -0,0 +1,44 @@
+.pisell-dropdown {
+  &-menu {
+    min-width: 200px;
+  }
+
+  &-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px 12px;
+
+    &-content {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    &-icon {
+      display: flex;
+      align-items: center;
+      font-size: 16px;
+      color: #666;
+    }
+
+    &-label {
+      color: #333;
+    }
+
+    &-shortcut {
+      color: #999;
+      font-size: 12px;
+    }
+  }
+}
+
+// .ant-dropdown-menu-item {
+//   padding: 0 !important;
+
+//   &:hover {
+//     .pisell-dropdown-item {
+//       background-color: #f5f5f5;
+//     }
+//   }
+// }

package/lib/components/pisellEmpty/index.js

@@ -54,7 +54,15 @@ var PisellEmpty = (props) => {
       ...others,
       className: (0, import_classnames.default)("pisell-empty-wrap", className),
       image: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-empty-icon-wrap" }, icon || /* @__PURE__ */ import_react.default.createElement(import_Inbox01.default, { style: { color: "#667085" } })),
-      description: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-empty-wrap-description-wrap", style: { maxWidth: maxWidth || 300 } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-empty-wrap-description" }, description), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-empty-wrap-extra-description" }, extraDescription))
+      description: /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "pisell-empty-wrap-description-wrap",
+          style: { maxWidth: maxWidth || 300 }
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-empty-wrap-description" }, description),
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-empty-wrap-extra-description" }, extraDescription)
+      )
     },
     footer
   );

package/lib/components/pisellGoodPassCard/index.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import './index.less';
+interface ApplicableProductDetails {
+    amount: string;
+    type: string;
+    resource_id: number;
+    title: string;
+    original_amount: string;
+}
+interface Discount {
+    id: number;
+    product_name: string;
+    encoded: string;
+    code: string;
+    tag: string;
+    expire_time?: string;
+    product_id: number;
+    relation_type: string;
+    par_value: string;
+    used_par_value: string;
+    limit_status: string;
+    limited_relation_product_data: any;
+    balance: string;
+    format_title: any;
+    product: any;
+    savedAmount: number;
+    isDisabled: boolean;
+    isSelected?: boolean;
+    isAvailable?: boolean;
+    isUsed?: boolean;
+    applicableProductIds?: number[];
+    applicableProductDetails: ApplicableProductDetails[];
+    appliedProductDetails: any[];
+}
+export interface PisellGoodPassCardProps {
+    /**数据源 */
+    dataSource: Array<Discount>;
+    /**事件 */
+    onChange?: (current: {
+        id: string | number;
+        isSelected: boolean;
+    }) => void;
+    /**样式 */
+    style: React.CSSProperties;
+    /**快捷展示排序 */
+    mixedSort?: (val: Discount[]) => Discount[];
+}
+declare const index: (props: PisellGoodPassCardProps) => JSX.Element;
+export default index;

package/lib/components/pisellGoodPassCard/index.js

@@ -0,0 +1,111 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellGoodPassCard/index.tsx
+var pisellGoodPassCard_exports = {};
+__export(pisellGoodPassCard_exports, {
+  default: () => pisellGoodPassCard_default
+});
+module.exports = __toCommonJS(pisellGoodPassCard_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import__ = require("../../index");
+var import_locales = require("../../locales");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_index = require("./index.less");
+var clsPrefix = "pisell-good-pass-card";
+var index = (props) => {
+  var _a;
+  const context = (0, import_useEngineContext.default)();
+  const { translation } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const { dataSource = [], onChange, style = {}, mixedSort } = props;
+  const [showModal, setShowModal] = (0, import_react.useState)(false);
+  console.log("pisell good card datasource", dataSource);
+  const handleChange = (newValue) => {
+    if (onChange) {
+      onChange(newValue);
+    }
+  };
+  const handleItemChange = (item, checked) => {
+    handleChange({
+      id: item.id,
+      isSelected: checked
+    });
+  };
+  const renderVoucherContent = (item) => {
+    return /* @__PURE__ */ import_react.default.createElement("span", { className: `voucher-item-content-save` }, (0, import_locales.getText)("pisell2.text.goodpass.save"), " ", /* @__PURE__ */ import_react.default.createElement(import__.PisellText.Amount, { value: item.savedAmount }));
+  };
+  const renderActionElement = (item) => {
+    const isChecked = item.isSelected;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Checkbox,
+      {
+        disabled: item.isDisabled,
+        style: { marginLeft: 8 },
+        checked: isChecked,
+        onChange: (e) => handleItemChange(item, e.target.checked)
+      },
+      renderVoucherContent(item)
+    );
+  };
+  const renderVoucherItem = (item) => {
+    return /* @__PURE__ */ import_react.default.createElement("div", { key: item.id, className: `${clsPrefix}-voucher-item` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "item-title" }, translation(item.format_title), item.isEditMode && (0, import_locales.getText)("pisell2.text.goodpass.last-settlement")), /* @__PURE__ */ import_react.default.createElement("div", { className: "item-content" }, renderActionElement(item)));
+  };
+  const renderModal = () => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import__.PisellModal,
+      {
+        title: (0, import_locales.getText)("pisell2.text.goodpass.product-vouchers"),
+        footer: null,
+        open: showModal,
+        onCancel: () => setShowModal(false),
+        className: `${clsPrefix}-all-items-modal`
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "10px 0", display: "flex", flexDirection: "column", gap: 12 } }, dataSource.map(renderVoucherItem))
+    );
+  };
+  const renderMixedMode = () => {
+    const sortList = (mixedSort == null ? void 0 : mixedSort(dataSource)) || dataSource;
+    const list = sortList.length > 3 ? sortList.slice(0, 3) : sortList;
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${clsPrefix}-header` }, /* @__PURE__ */ import_react.default.createElement("div", null, (0, import_locales.getText)("pisell2.text.goodpass.product-vouchers")), /* @__PURE__ */ import_react.default.createElement(import_antd.Typography.Text, { underline: true, onClick: () => setShowModal(true) }, (0, import_locales.getText)("pisell2.text.goodpass.view-more"))), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: 4 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${clsPrefix}-body` }, list.map(renderVoucherItem)));
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderModal(), /* @__PURE__ */ import_react.default.createElement(
+    import__.PisellCard,
+    {
+      padding: 8,
+      borderRadius: 8,
+      style: {
+        width: 378,
+        ...style
+      },
+      className: clsPrefix
+    },
+    renderMixedMode()
+  ));
+};
+var pisellGoodPassCard_default = index;