@pisell/materials 2.2.35 → 2.2.37

package/es/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
+}) => ("filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/es/index.d.ts

@@ -5,7 +5,6 @@ export { Avatar } from 'antd';
 export { Badge } from 'antd';
 export { Breadcrumb } from 'antd';
 export { Card } from 'antd';
-export { Collapse } from 'antd';
 export { Carousel } from 'antd';
 export { Col } from 'antd';
 export { Descriptions } from 'antd';
@@ -70,6 +69,7 @@ export { default as QRCode } from './components/qrcode';
 export { default as ClassicLayout } from './components/classicLayout';
 export { default as List } from './components/list';
 export { default as Sort } from './components/sort';
+export { default as CardPro } from './components/cardPro';
 export { default as InputNumberRange } from './components/input-number-range';
 export { default as LowCodePage } from './components/lowCodePage';
 export { default as Segmented } from './components/segmented';
@@ -101,10 +101,12 @@ export { default as PisellAlert } from './components/pisellAlert';
 export { default as PisellCard } from './components/pisellCard';
 export { default as PisellInformationEntry } from './components/pisellInformationEntry';
 export { default as usePisellConfig } from './components/pisell-config-provider/hooks/usePisellConfig';
-export { globalConfig, default as PisellContext } from './components/pisell-config-provider/context';
+export { globalConfig, default as PisellContext, } from './components/pisell-config-provider/context';
 export { default as PisellPriceKeyboard } from './components/virtual-keyboard/Amount';
 export { default as PisellNumberKeyboard } from './components/virtual-keyboard/Number';
 export { default as PisellAdjustPrice } from './components/pisellAdjustPrice';
 export { default as PisellAdjustPriceInputNumber } from './components/pisellAdjustPrice/PisellAdjustPriceInputNumber';
 export { default as PisellStatisticList } from './components/pisellStatisticList';
 export { default as PisellFloatingPanel } from './components/pisellFloatingPanel';
+export { default as ProductCard } from './components/productCard';
+export { default as Collapse } from './components/collapse';

package/es/index.js

@@ -5,7 +5,9 @@ export { Avatar } from 'antd';
 export { Badge } from 'antd';
 export { Breadcrumb } from 'antd';
 export { Card } from 'antd';
-export { Collapse } from 'antd';
+
+// export { Collapse } from 'antd';
+
 export { Carousel } from 'antd';
 
 // export { Cascader } from 'antd';
@@ -90,6 +92,7 @@ export { default as QRCode } from "./components/qrcode";
 export { default as ClassicLayout } from "./components/classicLayout";
 export { default as List } from "./components/list";
 export { default as Sort } from "./components/sort";
+export { default as CardPro } from "./components/cardPro";
 export { default as InputNumberRange } from "./components/input-number-range";
 export { default as LowCodePage } from "./components/lowCodePage";
 export { default as Segmented } from "./components/segmented";
@@ -129,4 +132,6 @@ export { default as PisellNumberKeyboard } from "./components/virtual-keyboard/N
 export { default as PisellAdjustPrice } from "./components/pisellAdjustPrice";
 export { default as PisellAdjustPriceInputNumber } from "./components/pisellAdjustPrice/PisellAdjustPriceInputNumber";
 export { default as PisellStatisticList } from "./components/pisellStatisticList";
-export { default as PisellFloatingPanel } from "./components/pisellFloatingPanel";
+export { default as PisellFloatingPanel } from "./components/pisellFloatingPanel";
+export { default as ProductCard } from "./components/productCard";
+export { default as Collapse } from "./components/collapse";

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

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

package/lib/components/cardPro/index.js

@@ -0,0 +1,101 @@
+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;
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  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);

package/lib/components/cardPro/index.less

@@ -0,0 +1,55 @@
+.pisell-cardPro-wrap {
+  border-radius: 12px;
+
+  &.pisell-cardPro-wrap-with-cover {
+    .pisell-lowcode-card-body {
+      padding-top: 0;
+      padding-left: 0;
+      padding-right: 0;
+      padding-bottom: 24px;
+    }
+
+    .pisell-cardPro-head,
+    .pisell-cardPro-content {
+      padding: 0 24px;
+    }
+  }
+
+  .pisell-cardPro-cover {
+    position: relative;
+
+    .pisell-cardPro-badge {
+      position: absolute;
+      right: 0;
+      top: 0;
+    }
+  }
+
+  .pisell-cardPro-head {
+    padding: 0;
+    .pisell-cardPro-head-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: #1a2029;
+    }
+
+    .pisell-cardPro-head-subtitle {
+      font-size: 12px;
+      color: #6e8098;
+    }
+
+    .pisell-cardPro-head-extra {
+      width: 150px;
+    }
+  }
+
+  .pisell-cardPro-content {
+    overflow-y: auto;
+    margin-top: 20px;
+  }
+
+  .pisell-cardPro-content {
+    overflow-y: auto;
+    margin-top: 20px;
+  }
+}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+interface CollapseProps {
+    panelBackground?: string;
+    panelMarginBottom?: string | 0;
+    panelBorderRadius?: string | 0;
+    items: any[];
+    showHeader?: boolean;
+    headerColor?: string | '#101828';
+    headerFontSize?: string | 14;
+    expandIcon?: any;
+    [key: string]: any;
+}
+declare const Collapse: React.FC<CollapseProps>;
+export default Collapse;

package/lib/components/collapse/index.js

@@ -0,0 +1,83 @@
+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/collapse/index.tsx
+var collapse_exports = {};
+__export(collapse_exports, {
+  default: () => collapse_default
+});
+module.exports = __toCommonJS(collapse_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var Collapse = (props) => {
+  const {
+    panelBackground,
+    panelMarginBottom,
+    panelBorderRadius,
+    items,
+    showHeader,
+    headerColor,
+    headerFontSize,
+    expandIcon,
+    ...rest
+  } = props;
+  const panelStyle = {
+    marginBottom: panelMarginBottom,
+    background: panelBackground,
+    borderRadius: panelBorderRadius
+  };
+  const itemsMap = (0, import_react.useMemo)(() => {
+    return items == null ? void 0 : items.map((item) => {
+      return {
+        ...item,
+        label: showHeader ? /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            style: {
+              color: headerColor,
+              fontSize: headerFontSize
+            }
+          },
+          item == null ? void 0 : item.label
+        ) : null,
+        style: panelStyle
+      };
+    });
+  }, [items, headerColor, showHeader, headerFontSize, panelStyle]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Collapse,
+    {
+      ...rest,
+      expandIcon: expandIcon ? () => expandIcon : void 0,
+      items: itemsMap
+    }
+  );
+};
+Collapse.Panel = import_antd.Collapse.Panel;
+var collapse_default = Collapse;

package/lib/components/productCard/components/Action/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const Action: ({ item, onAction }: any) => React.JSX.Element;
+export default Action;

package/lib/components/productCard/components/Action/index.js

@@ -0,0 +1,55 @@
+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/productCard/components/Action/index.tsx
+var Action_exports = {};
+__export(Action_exports, {
+  default: () => Action_default
+});
+module.exports = __toCommonJS(Action_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var prefix = "pisell-lowcode-";
+var Action = ({ item, onAction }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefix}product-actions`) }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      className: (0, import_classnames.default)(`${prefix}product-actions-item`),
+      size: "large",
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onAction();
+      }
+    },
+    item._actionText
+  ));
+};
+var Action_default = Action;

package/lib/components/productCard/components/Action/index.less

@@ -0,0 +1,14 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-product-actions {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 8px;
+  }
+
+  &-product-actions-item {
+    flex: 1;
+  }
+}

package/lib/components/productCard/components/AmountFooter/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const Footer: ({ item, hideDivider, type }: any) => React.JSX.Element;
+export default Footer;

package/lib/components/productCard/components/AmountFooter/index.js

@@ -0,0 +1,61 @@
+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/productCard/components/AmountFooter/index.tsx
+var AmountFooter_exports = {};
+__export(AmountFooter_exports, {
+  default: () => AmountFooter_default
+});
+module.exports = __toCommonJS(AmountFooter_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("../Packages/utils");
+var import_Divider = __toESM(require("../Divider"));
+var import_index = require("./index.less");
+var import_utils2 = require("@pisell/utils");
+var prefix = "pisell-lowcode-";
+var Footer = ({ item, hideDivider, type }) => {
+  var _a, _b;
+  const isDiscount = (0, import_react.useMemo)(() => {
+    if (!(item == null ? void 0 : item.hasOwnProperty("origin_total")))
+      return false;
+    return Number(item == null ? void 0 : item.total) != Number(item == null ? void 0 : item.origin_total);
+  }, [item]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !hideDivider ? /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { type: type !== "total" ? "inside" : "" }) : null, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        `${prefix}packages-product-footer`,
+        hideDivider && `${prefix}packages-product-hide-divider-footer`
+      )
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_utils._formatAmount)(item == null ? void 0 : item.total, item == null ? void 0 : item.symbol)), /* @__PURE__ */ import_react.default.createElement("span", null, `×${item == null ? void 0 : item.num}`), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}packages-product-footer-total` }, (0, import_utils._formatAmount)((item == null ? void 0 : item.total) * (item == null ? void 0 : item.num), item == null ? void 0 : item.symbol))),
+    isDiscount ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-footer-discount` }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_utils._formatAmount)(item == null ? void 0 : item.origin_total, item == null ? void 0 : item.symbol)), /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_utils._formatAmount)((item == null ? void 0 : item.origin_total) * (item == null ? void 0 : item.num), item == null ? void 0 : item.symbol, 2))) : null
+  ), isDiscount && ((_a = item._extend) == null ? void 0 : _a.discount_reason) && type === "total" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Divider.default, null), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-item-discount-reason` }, /* @__PURE__ */ import_react.default.createElement("span", null, `${import_utils2.locales.getText("pisell2.product.card.discount.reason")}: ${(_b = item._extend) == null ? void 0 : _b.discount_reason}`))) : null);
+};
+var AmountFooter_default = Footer;

package/lib/components/productCard/components/AmountFooter/index.less

@@ -0,0 +1,39 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-packages-product-footer {
+    color: var(--Gray-500, #667085);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 20px;
+    > div {
+      display: flex;
+      justify-content: space-between;
+    }
+  }
+
+  &-packages-product-footer-discount {
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 18px;
+    text-decoration-line: line-through;
+  }
+
+  &-packages-product-footer-total {
+    color: var(--Gray-900, #101828);
+  }
+
+  &-packages-product-hide-divider-footer {
+    margin-top: 8px;
+  }
+
+  &-product-item-discount-reason {
+    color: var(--gray-500, #667085);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    white-space: break-spaces;
+  }
+}

package/lib/components/productCard/components/Divider/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const Divider: ({ type }: any) => React.JSX.Element;
+export default Divider;

package/lib/components/productCard/components/Divider/index.js

@@ -0,0 +1,50 @@
+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/productCard/components/Divider/index.tsx
+var Divider_exports = {};
+__export(Divider_exports, {
+  default: () => Divider_default
+});
+module.exports = __toCommonJS(Divider_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var prefix = "pisell-lowcode-";
+var Divider = ({ type }) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        `${prefix}product-divider`,
+        type === "inside" && `${prefix}product-divider-inside`
+      )
+    }
+  );
+};
+var Divider_default = Divider;

package/lib/components/productCard/components/Divider/index.less

@@ -0,0 +1,13 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-product-divider {
+    height: 1px;
+    background-color: #eaecf0;
+    margin: 8px 0;
+  }
+
+  &-product-divider-inside {
+    margin: 4px 0;
+  }
+}

package/lib/components/productCard/components/Header/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const Header: (props: any) => React.JSX.Element;
+export default Header;