@pisell/materials 2.2.45 → 2.2.46

package/es/components/cardPro/index.js

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import { withWrap } from "../../utils/hoc";
 import { Card, Flex } from 'antd';
 import classNames from 'classnames';
@@ -20,9 +20,6 @@ var CardPro = function CardPro(props) {
     className = props.className,
     coverHeight = props.coverHeight,
     badge = props.badge;
-  useEffect(function () {
-    document.body.id = 'body';
-  }, []);
   return /*#__PURE__*/React.createElement(Card, {
     title: null,
     style: {

package/es/components/productCard/components/Header/DeleteButton/index.d.ts

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

package/es/components/productCard/components/Header/DeleteButton/index.js

@@ -0,0 +1,21 @@
+import { Button } from 'antd';
+import React from 'react';
+import Iconfont from "../../../../iconfont";
+import "./index.less";
+var prefix = 'pisell-lowcode-';
+var DeleteButton = function DeleteButton(_ref) {
+  var onDelete = _ref.onDelete;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "product-delete"),
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      onDelete();
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "text",
+    icon: /*#__PURE__*/React.createElement(Iconfont, {
+      type: "pisell2-trash-01"
+    })
+  }));
+};
+export default DeleteButton;

package/es/components/productCard/components/Header/DeleteButton/index.less

@@ -0,0 +1,15 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-product-delete {
+    position: absolute;
+    padding: 0;
+    top: 0;
+    right: 0;
+    cursor: pointer;
+    z-index: 2;
+    .pisell-lowcode-btn {
+      padding: 0;
+    }
+  }
+}

package/es/components/productCard/components/Header/index.js

@@ -1,9 +1,8 @@
-import { Button } from 'antd';
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
-import Iconfont from "../../../iconfont";
 import { image as imageAli, formatAmount } from '@pisell/utils';
 import Options from "../Packages/components/options";
+import DeleteButton from "./DeleteButton";
 import "./index.less";
 var prefix = 'pisell-lowcode-';
 var Header = function Header(props) {
@@ -20,7 +19,7 @@ var Header = function Header(props) {
     name = item.name,
     price = item.price,
     symbol = item.symbol,
-    show_delete = item.show_delete;
+    disabled = item.disabled;
 
   /**
    * @title: 是否显示价格
@@ -49,18 +48,9 @@ var Header = function Header(props) {
   }, [options, product_option_string]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefix, "product-header"), headerCenterStyle && "".concat(prefix, "product-options-header"))
-  }, isShowDelete && !disabledEdit || show_delete ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "product-delete"),
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      onDelete();
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "text",
-    icon: /*#__PURE__*/React.createElement(Iconfont, {
-      type: "pisell2-trash-01"
-    })
-  })) : null, showImage ? /*#__PURE__*/React.createElement("img", {
+  }, isShowDelete && !disabledEdit && !disabled ? /*#__PURE__*/React.createElement(DeleteButton, {
+    onDelete: onDelete
+  }) : null, showImage ? /*#__PURE__*/React.createElement("img", {
     src: imageAli.ali(image, 64),
     className: "".concat(prefix, "product-header-cover")
   }) : null, id ? /*#__PURE__*/React.createElement("div", {

package/es/components/productCard/components/Header/index.less

@@ -12,17 +12,6 @@
     align-items: normal;
   }
 
-  &-product-delete {
-    position: absolute;
-    padding: 0;
-    top: 0;
-    right: 0;
-    cursor: pointer;
-    .pisell-lowcode-btn {
-      padding: 0;
-    }
-  }
-
   &-product-header-cover {
     width: 64px;
     height: 64px;

package/es/components/productCard/index.js

@@ -14,6 +14,7 @@ import { Alert } from 'antd';
 import { locales } from '@pisell/utils';
 import CardPro from "../cardPro";
 import Header from "./components/Header";
+import DeleteButton from "./components/Header/DeleteButton";
 import Time from "./components/Time";
 import Packages from "./components/Packages";
 import Sales from "./components/Sales";
@@ -27,7 +28,7 @@ import { defaultValue } from "./status";
 import useEngineContext from "../../hooks/useEngineContext";
 import "./index.less";
 var ProductCard = function ProductCard(props) {
-  var _utils$storage, _classNames, _dataSource$items;
+  var _utils$storage, _classNames2, _dataSource$items;
   var context = useEngineContext();
   var utils = context.appHelper.utils || {};
   var _props$dataSource = props.dataSource,
@@ -84,8 +85,15 @@ var ProductCard = function ProductCard(props) {
   var hideDivider = useMemo(function () {
     return (bundle === null || bundle === void 0 ? void 0 : bundle.length) || (relation_products === null || relation_products === void 0 ? void 0 : relation_products.length);
   }, [bundle, relation_products]);
-  return /*#__PURE__*/React.createElement(CardPro, {
-    className: classNames('pisell-lowcode-product-card', (_classNames = {}, _defineProperty(_classNames, 'pisell-lowcode-product-card-image', !showImage), _defineProperty(_classNames, 'pisell-lowcode-normal-product-card', !showImage && isNormalProduct), _defineProperty(_classNames, 'pisell-lowcode-product-card-disabled', dataSource === null || dataSource === void 0 ? void 0 : dataSource.disabled), _classNames)),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-lowcode-product-card-wrap', _defineProperty({}, 'pisell-lowcode-product-card-disabled', dataSource === null || dataSource === void 0 ? void 0 : dataSource.disabled))
+  }, (dataSource === null || dataSource === void 0 ? void 0 : dataSource.disabled) && /*#__PURE__*/React.createElement("div", {
+    className: "delete-btn-wrapper",
+    onClick: function onClick() {
+      return _onDelete === null || _onDelete === void 0 ? void 0 : _onDelete(dataSource);
+    }
+  }, /*#__PURE__*/React.createElement(DeleteButton, null)), /*#__PURE__*/React.createElement(CardPro, {
+    className: classNames('pisell-lowcode-product-card', (_classNames2 = {}, _defineProperty(_classNames2, 'pisell-lowcode-product-card-image', !showImage), _defineProperty(_classNames2, 'pisell-lowcode-normal-product-card', !showImage && isNormalProduct), _classNames2)),
     key: _id
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick(e) {
@@ -144,6 +152,6 @@ var ProductCard = function ProductCard(props) {
         note: e || ''
       }));
     }
-  })));
+  }))));
 };
 export default ProductCard;

package/es/components/productCard/index.less

@@ -47,8 +47,32 @@
   }
 }
 
+.pisell-lowcode-product-card-wrap {
+  position: relative;
+}
+
 .pisell-lowcode-product-card-disabled {
-  opacity: 0.4;
+  opacity: 1;
+
+  .pisell-lowcode-product-card {
+    opacity: 0.4;
+    pointer-events: none;
+  }
+
+  .delete-btn-wrapper {
+    opacity: 1;
+    pointer-events: auto;
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 10;
+
+    .anticon {
+      color: red;
+      cursor: pointer;
+      opacity: 1;
+    }
+  }
 }
 
 .pisell-lowcode-product-card-error {

package/lib/components/cardPro/index.js

@@ -53,9 +53,6 @@ var CardPro = (props) => {
     coverHeight,
     badge
   } = props;
-  (0, import_react.useEffect)(() => {
-    document.body.id = "body";
-  }, []);
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Card,
     {

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

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

package/lib/components/productCard/components/Header/DeleteButton/index.js

@@ -0,0 +1,53 @@
+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/Header/DeleteButton/index.tsx
+var DeleteButton_exports = {};
+__export(DeleteButton_exports, {
+  default: () => DeleteButton_default
+});
+module.exports = __toCommonJS(DeleteButton_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_iconfont = __toESM(require("../../../../iconfont"));
+var import_index = require("./index.less");
+var prefix = "pisell-lowcode-";
+var DeleteButton = ({ onDelete }) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `${prefix}product-delete`,
+      onClick: (e) => {
+        e.stopPropagation();
+        onDelete();
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "text", icon: /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-trash-01" }) })
+  );
+};
+var DeleteButton_default = DeleteButton;

package/lib/components/productCard/components/Header/DeleteButton/index.less

@@ -0,0 +1,15 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-product-delete {
+    position: absolute;
+    padding: 0;
+    top: 0;
+    right: 0;
+    cursor: pointer;
+    z-index: 2;
+    .pisell-lowcode-btn {
+      padding: 0;
+    }
+  }
+}

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

@@ -32,12 +32,11 @@ __export(Header_exports, {
   default: () => Header_default
 });
 module.exports = __toCommonJS(Header_exports);
-var import_antd = require("antd");
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
-var import_iconfont = __toESM(require("../../../iconfont"));
 var import_utils = require("@pisell/utils");
 var import_options = __toESM(require("../Packages/components/options"));
+var import_DeleteButton = __toESM(require("./DeleteButton"));
 var import_index = require("./index.less");
 var prefix = "pisell-lowcode-";
 var Header = (props) => {
@@ -51,7 +50,7 @@ var Header = (props) => {
     name,
     price,
     symbol,
-    show_delete
+    disabled
   } = item;
   const showPrice = (0, import_react.useMemo)(() => {
     return (bundle == null ? void 0 : bundle.length) > 0 || (options == null ? void 0 : options.length) > 0;
@@ -67,17 +66,7 @@ var Header = (props) => {
         headerCenterStyle && `${prefix}product-options-header`
       )
     },
-    isShowDelete && !disabledEdit || show_delete ? /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: `${prefix}product-delete`,
-        onClick: (e) => {
-          e.stopPropagation();
-          onDelete();
-        }
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "text", icon: /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-trash-01" }) })
-    ) : null,
+    isShowDelete && !disabledEdit && !disabled ? /* @__PURE__ */ import_react.default.createElement(import_DeleteButton.default, { onDelete }) : null,
     showImage ? /* @__PURE__ */ import_react.default.createElement(
       "img",
       {

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

@@ -12,17 +12,6 @@
     align-items: normal;
   }
 
-  &-product-delete {
-    position: absolute;
-    padding: 0;
-    top: 0;
-    right: 0;
-    cursor: pointer;
-    .pisell-lowcode-btn {
-      padding: 0;
-    }
-  }
-
   &-product-header-cover {
     width: 64px;
     height: 64px;

package/lib/components/productCard/index.js

@@ -38,6 +38,7 @@ var import_antd = require("antd");
 var import_utils = require("@pisell/utils");
 var import_cardPro = __toESM(require("../cardPro"));
 var import_Header = __toESM(require("./components/Header"));
+var import_DeleteButton = __toESM(require("./components/Header/DeleteButton"));
 var import_Time = __toESM(require("./components/Time"));
 var import_Packages = __toESM(require("./components/Packages"));
 var import_Sales = __toESM(require("./components/Sales"));
@@ -89,89 +90,110 @@ var ProductCard = (props) => {
     return (bundle == null ? void 0 : bundle.length) || (relation_products == null ? void 0 : relation_products.length);
   }, [bundle, relation_products]);
   return /* @__PURE__ */ import_react.default.createElement(
-    import_cardPro.default,
+    "div",
     {
-      className: (0, import_classnames.default)("pisell-lowcode-product-card", {
-        ["pisell-lowcode-product-card-image"]: !showImage,
-        ["pisell-lowcode-normal-product-card"]: !showImage && isNormalProduct,
+      className: (0, import_classnames.default)("pisell-lowcode-product-card-wrap", {
         ["pisell-lowcode-product-card-disabled"]: dataSource == null ? void 0 : dataSource.disabled
-      }),
-      key: _id
+      })
     },
-    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    (dataSource == null ? void 0 : dataSource.disabled) && /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
-        onClick: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          onCard == null ? void 0 : onCard(dataSource);
-        }
+        className: "delete-btn-wrapper",
+        onClick: () => onDelete == null ? void 0 : onDelete(dataSource)
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_DeleteButton.default, null)
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_cardPro.default,
+      {
+        className: (0, import_classnames.default)("pisell-lowcode-product-card", {
+          ["pisell-lowcode-product-card-image"]: !showImage,
+          ["pisell-lowcode-normal-product-card"]: !showImage && isNormalProduct
+        }),
+        key: _id
       },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_Header.default,
+      /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+        "div",
         {
-          ...other,
-          item: dataSource,
-          isShowImage,
-          isShowDelete,
-          showImage,
-          onDelete: () => {
-            onDelete == null ? void 0 : onDelete(dataSource);
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            onCard == null ? void 0 : onCard(dataSource);
           }
-        }
-      ),
-      /* @__PURE__ */ import_react.default.createElement(
-        import_Time.default,
-        {
-          item: dataSource,
-          isShowHolder,
-          onLike: (item) => onLike == null ? void 0 : onLike(item)
-        }
-      ),
-      /* @__PURE__ */ import_react.default.createElement(import_Packages.default, { item: dataSource, isShowPackageNote }),
-      /* @__PURE__ */ import_react.default.createElement(import_Sales.default, { item: dataSource, isShowNote }),
-      ((_b = dataSource.items) == null ? void 0 : _b.length) ? /* @__PURE__ */ import_react.default.createElement(import_MultiDay.default, { dataSource, hideDivider }) : /* @__PURE__ */ import_react.default.createElement(
-        import_AmountFooter.default,
-        {
-          item: dataSource,
-          hideDivider,
-          type: "total"
-        }
-      ),
-      isShowNote ? /* @__PURE__ */ import_react.default.createElement(
-        import_Note.default,
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_Header.default,
+          {
+            ...other,
+            item: dataSource,
+            isShowImage,
+            isShowDelete,
+            showImage,
+            onDelete: () => {
+              onDelete == null ? void 0 : onDelete(dataSource);
+            }
+          }
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          import_Time.default,
+          {
+            item: dataSource,
+            isShowHolder,
+            onLike: (item) => onLike == null ? void 0 : onLike(item)
+          }
+        ),
+        /* @__PURE__ */ import_react.default.createElement(import_Packages.default, { item: dataSource, isShowPackageNote }),
+        /* @__PURE__ */ import_react.default.createElement(import_Sales.default, { item: dataSource, isShowNote }),
+        ((_b = dataSource.items) == null ? void 0 : _b.length) ? /* @__PURE__ */ import_react.default.createElement(import_MultiDay.default, { dataSource, hideDivider }) : /* @__PURE__ */ import_react.default.createElement(
+          import_AmountFooter.default,
+          {
+            item: dataSource,
+            hideDivider,
+            type: "total"
+          }
+        ),
+        isShowNote ? /* @__PURE__ */ import_react.default.createElement(
+          import_Note.default,
+          {
+            ...other,
+            item: dataSource,
+            openNote: () => {
+              useOpenNoteRef.current.open({
+                item: dataSource
+              });
+            }
+          }
+        ) : null,
+        isShowAction && actionText ? /* @__PURE__ */ import_react.default.createElement(
+          import_Action.default,
+          {
+            item: dataSource,
+            onAction: () => onAction == null ? void 0 : onAction(dataSource)
+          }
+        ) : null,
+        errorMessage ? /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Alert,
+          {
+            message: errorMessage,
+            type: "warning",
+            showIcon: true,
+            className: "pisell-lowcode-product-card-error"
+          }
+        ) : null
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_useOpenNote.default,
         {
-          ...other,
-          item: dataSource,
-          openNote: () => {
-            useOpenNoteRef.current.open({
-              item: dataSource
+          ref: useOpenNoteRef,
+          onNoteChange: (e) => {
+            onNote == null ? void 0 : onNote({
+              ...dataSource,
+              note: e || ""
             });
           }
         }
-      ) : null,
-      isShowAction && actionText ? /* @__PURE__ */ import_react.default.createElement(import_Action.default, { item: dataSource, onAction: () => onAction == null ? void 0 : onAction(dataSource) }) : null,
-      errorMessage ? /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Alert,
-        {
-          message: errorMessage,
-          type: "warning",
-          showIcon: true,
-          className: "pisell-lowcode-product-card-error"
-        }
-      ) : null
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_useOpenNote.default,
-      {
-        ref: useOpenNoteRef,
-        onNoteChange: (e) => {
-          onNote == null ? void 0 : onNote({
-            ...dataSource,
-            note: e || ""
-          });
-        }
-      }
-    ))
+      ))
+    )
   );
 };
 var productCard_default = ProductCard;

package/lib/components/productCard/index.less

@@ -47,8 +47,32 @@
   }
 }
 
+.pisell-lowcode-product-card-wrap {
+  position: relative;
+}
+
 .pisell-lowcode-product-card-disabled {
-  opacity: 0.4;
+  opacity: 1;
+
+  .pisell-lowcode-product-card {
+    opacity: 0.4;
+    pointer-events: none;
+  }
+
+  .delete-btn-wrapper {
+    opacity: 1;
+    pointer-events: auto;
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 10;
+
+    .anticon {
+      color: red;
+      cursor: pointer;
+      opacity: 1;
+    }
+  }
 }
 
 .pisell-lowcode-product-card-error {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "2.2.45",
+  "version": "2.2.46",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",