@pisell/materials 1.0.579 → 1.0.581

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,103 @@ 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(
-      "div",
+    (dataSource == null ? void 0 : dataSource.disabled) && /* @__PURE__ */ import_react.default.createElement("div", { className: "delete-btn-wrapper" }, /* @__PURE__ */ import_react.default.createElement(import_DeleteButton.default, { onDelete: () => onDelete == null ? void 0 : onDelete(dataSource) })),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_cardPro.default,
       {
-        onClick: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          onCard == null ? void 0 : onCard(dataSource);
-        }
+        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: 1px;
+    right: 1px;
+    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": "1.0.579",
+  "version": "1.0.581",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -69,8 +69,8 @@
     "libphonenumber-js": "^1.11.17",
     "swiper": "^8.4.7",
     "react-barcode": "^1.5.3",
-    "@pisell/icon": "0.0.10",
     "@pisell/date-picker": "1.0.115",
+    "@pisell/icon": "0.0.10",
     "@pisell/utils": "1.0.43"
   },
   "peerDependencies": {