@pisell/materials 2.2.91 → 2.2.93

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

@@ -35,7 +35,6 @@ __export(cartSkuCard_exports, {
 module.exports = __toCommonJS(cartSkuCard_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
-var import_antd_mobile = require("antd-mobile");
 var import_utils = require("@pisell/utils");
 var import_locales = __toESM(require("./locales"));
 var import_basicInfo = __toESM(require("./components/basicInfo"));
@@ -45,6 +44,7 @@ var import_timeRange = __toESM(require("./components/timeRange"));
 var import_resources = __toESM(require("./components/resources"));
 var import_packages = __toESM(require("./components/packages"));
 var import_sales = __toESM(require("./components/sales"));
+var import_swipeAction = require("./components/swipeAction");
 var import_index = require("./index.less");
 var import_iconfont = __toESM(require("../../iconfont"));
 var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
@@ -74,6 +74,7 @@ var CartSkuCard = (props) => {
     onChangeResource,
     onChangeHolder,
     type,
+    rightActions = [],
     ...other
   } = props;
   const useOpenNoteRef = (0, import_react.useRef)();
@@ -84,16 +85,30 @@ var CartSkuCard = (props) => {
   );
   console.log("prodcut props", props);
   const { isShowAction, actionText } = dataSource;
-  const rightActions = (0, import_react.useMemo)(() => {
+  const _rightActions = (0, import_react.useMemo)(() => {
     const deleteAction = {
       key: "delete",
-      text: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-        import_iconfont.default,
+      text: /* @__PURE__ */ import_react.default.createElement(
+        "div",
         {
-          type: "pisell2-trash-01",
-          style: { fontSize: 20, marginRight: 4 }
-        }
-      ), /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 12 } }, import_utils.locales.getText("pisell2.cart.sku-card.actions.delete"))),
+          style: {
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            color: "white",
+            cursor: "pointer",
+            padding: "10px 0px"
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_iconfont.default,
+          {
+            type: "pisell2-trash-01",
+            style: { fontSize: 20, marginRight: 4 }
+          }
+        ),
+        /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 12, fontWeight: 500 } }, import_utils.locales.getText("pisell2.cart.sku-card.actions.delete"))
+      ),
       color: "danger",
       onClick: (e) => {
         e.preventDefault();
@@ -101,12 +116,12 @@ var CartSkuCard = (props) => {
         onDelete == null ? void 0 : onDelete(dataSource);
       }
     };
-    const actions = [];
+    const actions = [...rightActions];
     if (isShowDelete) {
-      actions.push(deleteAction);
+      actions.unshift(deleteAction);
     }
     return actions;
-  }, [dataSource, onDelete, isShowDelete]);
+  }, [dataSource, onDelete, isShowDelete, rightActions]);
   const hideDivider = (0, import_react.useMemo)(() => {
     const { bundle, relation_products } = dataSource;
     return (bundle == null ? void 0 : bundle.length) || (relation_products == null ? void 0 : relation_products.length);
@@ -179,10 +194,11 @@ var CartSkuCard = (props) => {
     return renderA2();
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    import_antd_mobile.SwipeAction,
+    import_swipeAction.SwipeAction,
     {
+      closeOnAction: false,
       className: (0, import_classnames.default)(`${PREFIX}-wrapper`),
-      rightActions
+      rightActions: _rightActions
     },
     /* @__PURE__ */ import_react.default.createElement(
       "div",

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

@@ -1,5 +1,5 @@
 .pisell-cart-sku-card-wrapper {
-  border-radius: 4px;
+  border-radius: 8px;
   background: var(--Base-White, #fff);
   border: 1px solid var(--Gray-300, #d0d5dd);
 }

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

@@ -44,7 +44,7 @@ var Header = (props) => {
   const {
     isShowDelete,
     item,
-    showImage,
+    isShowImage,
     onDelete,
     disabledEdit,
     onEditProduct,
@@ -71,6 +71,20 @@ var Header = (props) => {
   const showDelete = (0, import_react.useMemo)(() => {
     return isShowDelete && !disabledEdit && !disabled;
   }, [isShowDelete, disabledEdit, disabled]);
+  const renderImage = () => {
+    if (!isShowImage) return null;
+    if (image) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        "img",
+        {
+          src: import_utils.image.ali(image, 64),
+          className: `${prefix}product-header-cover`
+        }
+      );
+    }
+    const displayText = name ? name.slice(0, 2) : "";
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-header-cover-text` }, displayText);
+  };
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -80,13 +94,7 @@ var Header = (props) => {
       )
     },
     showDelete ? /* @__PURE__ */ import_react.default.createElement(import_DeleteButton.default, { onDelete }) : null,
-    showImage ? /* @__PURE__ */ import_react.default.createElement(
-      "img",
-      {
-        src: import_utils.image.ali(image, 64),
-        className: `${prefix}product-header-cover`
-      }
-    ) : null,
+    renderImage(),
     id ? /* @__PURE__ */ import_react.default.createElement(
       "div",
       {

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

@@ -19,6 +19,21 @@
     border-radius: 8px;
   }
 
+  &-product-header-cover-text {
+    width: 64px;
+    height: 64px;
+    flex-shrink: 0;
+    border-radius: 8px;
+    background-color: #DEDEDE;
+    color: #7E7E7E;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 22px;
+    font-weight: 500;
+    line-height: 1;
+  }
+
   &-product-right-wrap {
     display: flex;
     flex-direction: column;

package/lib/components/productCard/index.js

@@ -64,6 +64,7 @@ var ProductCard = (props) => {
     isShowDelete = import_status.defaultValue.isShowDelete,
     isShowPackageNote = import_status.defaultValue.isShowPackageNote,
     isShowEditProduct = import_status.defaultValue.isShowEditProduct,
+    scenario,
     onEditProduct,
     onAction,
     onDelete,
@@ -107,8 +108,9 @@ var ProductCard = (props) => {
       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
+          ["pisell-lowcode-product-card-image"]: !showImage && scenario !== "booking2",
+          ["pisell-lowcode-normal-product-card"]: !showImage && isNormalProduct && scenario !== "booking2",
+          ["pisell-lowcode-product-card-image-booking2"]: scenario === "booking2"
         }),
         key: _id
       },

package/lib/components/productCard/index.less

@@ -47,6 +47,12 @@
   }
 }
 
+.pisell-lowcode-product-card-image-booking2 {
+  .pisell-cardPro-content {
+    padding: 4px;
+  }
+}
+
 .pisell-lowcode-product-card-wrap {
   position: relative;
 }

package/lib/components/table/Table/SelectField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SelectField: () => JSX.Element;
 export default SelectField;

package/lib/components/table/Table/tableConfig/summary/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const summary: (props: any) => JSX.Element;
 export default summary;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "2.2.91",
+  "version": "2.2.93",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -55,6 +55,8 @@
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
+    "@react-spring/web": "^9.6.1",
+    "@use-gesture/react": "^10.3.1",
     "@zxing/library": "0.21.2",
     "ahooks": "^3.7.6",
     "antd": "^5.6.3",
@@ -63,17 +65,17 @@
     "crypto-js": "^4.2.0",
     "dayjs": "^1.11.8",
     "libphonenumber-js": "^1.11.17",
+    "react-barcode": "^1.5.3",
     "react-infinite-scroll-component": "^6.1.0",
     "react-resizable": "^3.0.5",
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.10",
     "styled-components": "^6.0.0-rc.3",
     "swiper": "^8.4.7",
-    "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
-    "@pisell/date-picker": "1.0.101",
     "@pisell/icon": "0.0.11",
-    "@pisell/utils": "2.0.1"
+    "@pisell/utils": "2.0.1",
+    "@pisell/date-picker": "1.0.101"
   },
   "peerDependencies": {
     "react": "^18.0.0",