@pisell/materials 6.0.18 → 6.0.20

package/lib/components/buttonGroupEdit/index.js

@@ -0,0 +1,317 @@
+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/buttonGroupEdit/index.tsx
+var buttonGroupEdit_exports = {};
+__export(buttonGroupEdit_exports, {
+  default: () => buttonGroupEdit_default
+});
+module.exports = __toCommonJS(buttonGroupEdit_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_core = require("@dnd-kit/core");
+var import_sortable = require("@dnd-kit/sortable");
+var import_utils = require("../../utils/index");
+var commonStyle = {
+  cursor: "move",
+  transition: "transform 0.3s ease"
+};
+var DraggableButton = ({ buttonItem, buttonList, onEdit }) => {
+  const { id, isMore = false, children = "", buttonProps = {} } = buttonItem;
+  const { listeners, setNodeRef, transform, transition, isDragging } = (0, import_sortable.useSortable)({
+    id
+  });
+  const style = transform ? {
+    ...commonStyle,
+    transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,
+    transition: isDragging ? "unset" : transition
+  } : commonStyle;
+  const handleClick = (e) => {
+    if (isDragging) {
+      e.stopPropagation();
+      e.preventDefault();
+      return;
+    }
+  };
+  const menu = {
+    items: buttonList.filter((item) => !item.isMore).map((item) => ({ key: item.id, label: item.children })),
+    onClick: (e) => {
+      const item = buttonList.find(
+        (item2) => item2.id === e.key
+      );
+      onEdit(item);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { ref: setNodeRef, ...listeners, style }, isMore ? /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleClick }, /* @__PURE__ */ import_react.default.createElement(import_icons.MoreOutlined, null))) : /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      style,
+      ...buttonProps,
+      onClick: () => onEdit(buttonItem)
+    },
+    children
+  ));
+};
+var ButtonGroupEdit = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const [buttonList, setButtonList] = (0, import_react.useState)(
+      props.buttonList
+    );
+    const [buttonGroupList, setButtonGroupList] = (0, import_react.useState)(props.buttonGroupList);
+    const sensors = (0, import_core.useSensors)(
+      (0, import_core.useSensor)(import_core.PointerSensor, {
+        activationConstraint: {
+          distance: 5
+        }
+      })
+    );
+    const [isModalVisible, setIsModalVisible] = (0, import_react.useState)(false);
+    const [currentButton, setCurrentButton] = (0, import_react.useState)(null);
+    const [form] = import_antd.Form.useForm();
+    (0, import_react.useEffect)(() => {
+      setButtonList(props.buttonList);
+      if (props.buttonList.length > 0) {
+        setButtonList([
+          ...buttonList,
+          {
+            id: (0, import_utils.uuid)(),
+            isMore: true
+          }
+        ]);
+      } else {
+        setButtonGroupList(props.buttonGroupList);
+      }
+    }, [props.buttonList, props.buttonGroupList]);
+    const addRow = () => {
+      const newButton = {
+        id: (0, import_utils.uuid)(),
+        children: `按钮${(0, import_utils.uuid)()}`,
+        // 默认按钮文本
+        buttonProps: {
+          type: "default"
+        }
+      };
+      setButtonGroupList((prev) => [...prev, [newButton]]);
+    };
+    (0, import_react.useEffect)(() => {
+      var _a;
+      if (currentButton) {
+        form.setFieldsValue({
+          children: currentButton.children,
+          type: (_a = currentButton.buttonProps) == null ? void 0 : _a.type
+        });
+      }
+    }, [currentButton, form]);
+    const handleEditButton = (button) => {
+      setCurrentButton(button);
+      setIsModalVisible(true);
+    };
+    const handleCancel = () => {
+      setIsModalVisible(false);
+      setCurrentButton(null);
+    };
+    const handleSave = (values) => {
+      if (!currentButton) return;
+      const updatedButton = {
+        ...currentButton,
+        children: values.children,
+        buttonProps: values
+      };
+      setButtonList(
+        (prevList) => prevList.map(
+          (item) => item.id === currentButton.id ? { ...item, ...updatedButton } : item
+        )
+      );
+      setButtonGroupList(
+        (prevGroupList) => prevGroupList.map(
+          (row) => row.map(
+            (item) => item.id === currentButton.id ? { ...item, ...updatedButton } : item
+          )
+        )
+      );
+      handleCancel();
+    };
+    const onDragEnd = (event) => {
+      var _a, _b, _c, _d, _e;
+      const { active, over } = event;
+      if (!over) return;
+      let activeId = active.id;
+      let overId = over.id;
+      let activeContainerId = "";
+      let overContainerId = "";
+      if ((_a = active == null ? void 0 : active.data) == null ? void 0 : _a.current) {
+        activeContainerId = active.data.current.sortable.containerId;
+      }
+      if ((_b = over == null ? void 0 : over.data) == null ? void 0 : _b.current) {
+        overContainerId = over.data.current.sortable.containerId;
+      }
+      try {
+        if (activeContainerId === "list1" && overContainerId === "list2") {
+          const activeIndex = buttonList.findIndex(
+            (item) => item.id === activeId
+          );
+          if (activeIndex === -1) return;
+          const movedItem = { ...buttonList[activeIndex] };
+          const overRowIndex = buttonGroupList.findIndex(
+            (row) => row.some((item) => item.id === overId)
+          );
+          if (overRowIndex === -1) return;
+          const updatedGroupList = [...buttonGroupList];
+          updatedGroupList[overRowIndex].push(movedItem);
+          const updatedButtonList = buttonList.filter(
+            (item) => item.id !== activeId
+          );
+          setButtonGroupList(updatedGroupList);
+          setButtonList(updatedButtonList);
+        }
+        if (activeContainerId === "list2" && overContainerId === "list1") {
+          const overRowIndex = buttonGroupList.findIndex(
+            (row) => row.some((item) => item.id === overId)
+          );
+          if (overRowIndex === -1) return;
+          const overColIndex = (_c = buttonGroupList[overRowIndex]) == null ? void 0 : _c.findIndex(
+            (item) => item.id === overId
+          );
+          if (overColIndex === -1) return;
+          const [movedItem] = buttonGroupList[overRowIndex].splice(
+            overColIndex,
+            1
+          );
+          setButtonGroupList([...buttonGroupList]);
+          setButtonList((prev) => [...prev, movedItem]);
+        }
+        if (activeContainerId === "list1" && overContainerId === "list1") {
+          const activeIndex = buttonList.findIndex(
+            (item) => item.id === activeId
+          );
+          const overIndex = buttonList.findIndex((item) => item.id === overId);
+          if (activeIndex === -1 || overIndex === -1) return;
+          const updatedList = [...buttonList];
+          const [movedItem] = updatedList.splice(activeIndex, 1);
+          updatedList.splice(overIndex, 0, movedItem);
+          setButtonList(updatedList);
+        }
+        if (activeContainerId === "list2" && overContainerId === "list2") {
+          const activeRowIndex = buttonGroupList.findIndex(
+            (row) => row.some((item) => item.id === activeId)
+          );
+          const activeColIndex = (_d = buttonGroupList[activeRowIndex]) == null ? void 0 : _d.findIndex(
+            (item) => item.id === activeId
+          );
+          const overRowIndex = buttonGroupList.findIndex(
+            (row) => row.some((item) => item.id === overId)
+          );
+          const overColIndex = (_e = buttonGroupList[overRowIndex]) == null ? void 0 : _e.findIndex(
+            (item) => item.id === overId
+          );
+          if (activeRowIndex === -1 || overRowIndex === -1 || activeColIndex === -1 || overColIndex === -1)
+            return;
+          const updatedGroupList = [...buttonGroupList];
+          const [movedItem] = updatedGroupList[activeRowIndex].splice(
+            activeColIndex,
+            1
+          );
+          updatedGroupList[overRowIndex].splice(overColIndex, 0, movedItem);
+          setButtonGroupList(updatedGroupList);
+        }
+      } catch (error) {
+        console.error("拖拽结束时出错:", error);
+      }
+    };
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { wrap: true, justify: "space-between", align: "center", gap: "middle" }, /* @__PURE__ */ import_react.default.createElement(
+      import_core.DndContext,
+      {
+        onDragEnd,
+        sensors,
+        collisionDetection: import_core.closestCenter
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { title: "按钮列表" }, /* @__PURE__ */ import_react.default.createElement(
+        import_sortable.SortableContext,
+        {
+          id: "list1",
+          items: buttonList.map((item) => item.id),
+          strategy: import_sortable.verticalListSortingStrategy
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { gap: "middle", vertical: true }, buttonList.map((item) => /* @__PURE__ */ import_react.default.createElement(
+          DraggableButton,
+          {
+            key: item.id,
+            buttonItem: item,
+            buttonList,
+            onEdit: handleEditButton
+          }
+        )))
+      )),
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", icon: /* @__PURE__ */ import_react.default.createElement(import_icons.SwapOutlined, null) }),
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { title: "调整列表", style: { flex: 1 } }, /* @__PURE__ */ import_react.default.createElement(
+        import_sortable.SortableContext,
+        {
+          id: "list2",
+          items: buttonGroupList.flat().map((item) => item.id),
+          strategy: import_sortable.verticalListSortingStrategy
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { gap: "middle", vertical: true }, buttonGroupList.map((subItem, rowIndex) => /* @__PURE__ */ import_react.default.createElement(import_antd.Card, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { key: rowIndex, gap: "middle" }, subItem.map((item) => /* @__PURE__ */ import_react.default.createElement(
+          DraggableButton,
+          {
+            key: item.id,
+            buttonItem: item,
+            buttonList,
+            onEdit: handleEditButton
+          }
+        ))))))
+      ))
+    ), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: addRow }, "新增一行"), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Modal,
+      {
+        title: "编辑按钮属性",
+        open: isModalVisible,
+        onCancel: handleCancel,
+        footer: null
+      },
+      currentButton && /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form, onFinish: handleSave }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          name: "children",
+          label: "按钮名称",
+          rules: [{ required: true, message: "请输入按钮名称" }]
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { placeholder: "请输入按钮名称" })
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          name: "type",
+          label: "按钮类型",
+          rules: [{ required: true, message: "请选择按钮类型" }]
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Group, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "primary" }, "primary"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "dashed" }, "dashed"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "link" }, "link"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "text" }, "text"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "default" }, "default"))
+      ), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", htmlType: "submit" }, "保存")))
+    ));
+  }
+);
+var buttonGroupEdit_default = (0, import_react.memo)(ButtonGroupEdit);

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { MenuProps, ButtonProps } from 'antd';
+export interface ButtonGroupListItemProps {
+    id?: string;
+    isMore?: boolean;
+    menuData?: MenuProps['items'];
+    buttonProps?: ButtonProps;
+}
+interface ButtonConfigProps {
+    [id: string]: ButtonGroupListItemProps;
+}
+export declare type ButtonGroupListProps = ButtonGroupListItemProps[][];
+interface ButtonGroupPreviewProps {
+    buttonConfig?: ButtonConfigProps;
+    buttonGroupList?: ButtonGroupListProps;
+    updateButtonProps?: ButtonGroupListItemProps;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupPreviewProps & React.RefAttributes<any>>>;
+export default _default;

package/lib/components/buttonGroupPreview/index.js

@@ -0,0 +1,79 @@
+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/buttonGroupPreview/index.tsx
+var buttonGroupPreview_exports = {};
+__export(buttonGroupPreview_exports, {
+  default: () => buttonGroupPreview_default
+});
+module.exports = __toCommonJS(buttonGroupPreview_exports);
+var import_react = __toESM(require("react"));
+var import_button = __toESM(require("./../button"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var updateSourceData = ({
+  buttonConfig,
+  buttonGroupList
+}) => {
+  if (Object.keys(buttonConfig).length !== 0) {
+    return buttonGroupList.map((subArray) => {
+      return subArray.map((item) => {
+        if (buttonConfig.hasOwnProperty(item.id)) {
+          return buttonConfig[item.id];
+        }
+        return item;
+      });
+    });
+  }
+  return buttonGroupList;
+};
+var ButtonGroupPreview = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const { buttonConfig = {}, buttonGroupList = [] } = props;
+    const sourceDatas = (0, import_react.useMemo)(() => {
+      return updateSourceData({ buttonConfig, buttonGroupList });
+    }, [buttonGroupList, buttonConfig]);
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { wrap: true, vertical: true, style: { marginBottom: 10 } }, sourceDatas.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { key: index }, item.map((items, index2) => {
+      const {
+        isMore = false,
+        id = "",
+        menuData = [],
+        buttonProps
+      } = items;
+      const btnProps = { ...buttonProps, ...props.updateButtonProps };
+      return isMore ? /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items: menuData } }, /* @__PURE__ */ import_react.default.createElement(import_button.default, null, /* @__PURE__ */ import_react.default.createElement(import_icons.MoreOutlined, null))) : /* @__PURE__ */ import_react.default.createElement(
+        import_button.default,
+        {
+          key: id,
+          ...btnProps
+        }
+      );
+    }))));
+  }
+);
+var buttonGroupPreview_default = (0, import_react.memo)(ButtonGroupPreview);

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+interface PisellStatisticProps {
+    title: string;
+    number: string | number;
+    hint?: React.ReactNode;
+    tags?: React.ReactNode;
+    showCurrencySymbol?: boolean;
+    style?: any;
+}
+declare const CardMetricItem: (props: PisellStatisticProps) => JSX.Element;
+export default CardMetricItem;

package/lib/components/cardMetricItem/index.js

@@ -0,0 +1,75 @@
+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/cardMetricItem/index.tsx
+var cardMetricItem_exports = {};
+__export(cardMetricItem_exports, {
+  default: () => cardMetricItem_default
+});
+module.exports = __toCommonJS(cardMetricItem_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_hooks = require("../../hooks");
+var import_usePisellConfig = __toESM(require("./../pisell-config-provider/hooks/usePisellConfig"));
+var import_index = require("./index.less");
+var CardMetricItem = (props) => {
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const {
+    title = "",
+    number,
+    hint,
+    tags,
+    showCurrencySymbol = true,
+    style
+  } = props;
+  const config = (0, import_usePisellConfig.default)();
+  const amount = (0, import_react.useMemo)(() => {
+    return (0, import_utils.formatAmountWithOptions)(number, (config == null ? void 0 : config.symbol) || "", {
+      showCurrencySymbol
+    });
+  }, [number, showCurrencySymbol]);
+  const responsive = (0, import_hooks.useResponsive)();
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "pisell-statistic-wrap",
+        responsive === "pc" ? "pc" : "phone"
+      ),
+      style
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-statistic-hint") }, hint),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-statistic-tags") }, tags),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Statistic, { title, value: amount })
+  );
+};
+var cardMetricItem_default = CardMetricItem;

package/lib/components/cardMetricItem/index.less

@@ -0,0 +1,39 @@
+.pisell-statistic-wrap {
+  position: relative;
+  padding: 24px;
+  border: 1px solid var(--Gray-200, #eaecf0);
+  border-radius: 12px;
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+
+  &.pc {
+    width: fit-content;
+    min-width: 300px;
+  }
+
+  &.phone {
+    width: 100%;
+  }
+
+  .pisell-statistic-hint {
+    position: absolute;
+    right: 20px;
+    top: 20px;
+  }
+
+  .pisell-statistic-tags {
+    position: absolute;
+    right: 24px;
+    bottom: 30px;
+  }
+  .pisell-lowcode-statistic-content-value {
+    color: var(--Gray-900, #101828);
+
+    /* Display md/Semibold */
+    font-family: Inter;
+    font-size: 36px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 44px; /* 122.222% */
+    letter-spacing: -0.72px;
+  }
+}

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/lib/components/cardPro/index.js

@@ -0,0 +1,98 @@
+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/cardPro/index.tsx
+var cardPro_exports = {};
+__export(cardPro_exports, {
+  default: () => cardPro_default
+});
+module.exports = __toCommonJS(cardPro_exports);
+var import_react = __toESM(require("react"));
+var import_hoc = require("../../utils/hoc");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var CardPro = (props) => {
+  const {
+    headTitle,
+    headSubTitle,
+    isShowFooter = true,
+    contentHeight,
+    children,
+    actionButtons = [],
+    buttonPosition = "center",
+    cover,
+    extra,
+    isShowHead,
+    className,
+    coverHeight,
+    badge
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Card,
+    {
+      title: null,
+      style: { padding: 0 },
+      className: (0, import_classnames.default)(
+        "pisell-cardPro-wrap",
+        className,
+        cover && "pisell-cardPro-wrap-with-cover"
+      )
+    },
+    !!cover && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("pisell-cardPro-cover"),
+        style: { height: coverHeight }
+      },
+      cover,
+      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-cardPro-badge") }, badge)
+    ),
+    isShowHead && /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Flex,
+      {
+        className: (0, import_classnames.default)("pisell-cardPro-head"),
+        justify: "space-between"
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { style: { flex: 1 }, vertical: true, gap: "middle" }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-cardPro-head-title") }, headTitle), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-cardPro-head-subTitle") }, headSubTitle)),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-cardPro-head-extra") }, extra)
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Flex,
+      {
+        style: { height: contentHeight },
+        className: (0, import_classnames.default)("pisell-cardPro-content")
+      },
+      children
+    ),
+    isShowFooter && /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { gap: 20, justify: buttonPosition, style: { marginTop: 20 } }, actionButtons.map((item, index) => {
+      return item.button;
+    }))
+  );
+};
+var cardPro_default = (0, import_hoc.withWrap)(CardPro);