@pisell/materials 6.8.13 → 6.8.14

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

@@ -63,6 +63,20 @@
       flex-wrap: wrap;
       overflow: hidden;
 
+      .product-basic-info {
+        display: flex;
+        flex-direction: column;
+        &.row {
+          flex: 1;
+          flex-direction: row;
+          align-items: center;
+          justify-content: space-between;
+          .product-price {
+            width: max-content;
+          }
+        }
+      }
+
       .product-name {
         color: var(--Gray-900, #101828);
         font-size: 14px;

package/lib/components/productCard/cartSkuCard/components/packages/index.d.ts

@@ -5,6 +5,7 @@ interface IProps {
         bundle?: any[];
         symbol?: string;
     };
+    type?: 'a2' | 'a5' | 'a9';
 }
-declare const Packages: ({ isShowImage, dataSource }: IProps) => JSX.Element | null;
+declare const Packages: ({ isShowImage, dataSource, type }: IProps) => JSX.Element | null;
 export default Packages;

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

@@ -38,9 +38,18 @@ var import_utils = require("@pisell/utils");
 var import_collapsibleList = __toESM(require("../../../components/Packages/components/collapsibleList"));
 var import_basicInfo = __toESM(require("../basicInfo"));
 var import__ = require("../../index");
+var import_AmountFooter = __toESM(require("../../../components/AmountFooter"));
 var import_index = require("./index.less");
-var Packages = ({ isShowImage, dataSource = {} }) => {
+var Packages = ({ isShowImage, dataSource = {}, type }) => {
   const { bundle = [], symbol = "$" } = dataSource;
+  const showFooter = (0, import_react.useCallback)(
+    (_bundle) => {
+      const { options = [], bundle: bundle2 = [] } = _bundle;
+      const hasSpecs = (bundle2 == null ? void 0 : bundle2.length) || (options == null ? void 0 : options.length);
+      return !!(type === "a9" && hasSpecs);
+    },
+    [type]
+  );
   return (bundle == null ? void 0 : bundle.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: 0 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__packages-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `packages-title` }, import_utils.locales.getText("pisell2.cart.sku-card.packages.title")), /* @__PURE__ */ import_react.default.createElement(
     import_collapsibleList.default,
     {
@@ -50,21 +59,30 @@ var Packages = ({ isShowImage, dataSource = {} }) => {
       list: bundle || [],
       renderItem: (item) => {
         return /* @__PURE__ */ import_react.default.createElement(
-          import_basicInfo.default,
+          "div",
           {
-            isShowImage,
-            dataSource: {
-              ...item,
-              name: item.title,
-              image: item.cover,
-              symbol
-            },
             style: {
               border: "1px solid #D0D5DD",
-              borderRadius: 4,
+              borderRadius: type === "a9" ? 8 : 4,
               padding: 4
             }
-          }
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_basicInfo.default,
+            {
+              isShowImage,
+              dataSource: {
+                ...item,
+                name: item.title,
+                image: item.cover,
+                symbol
+              },
+              type,
+              isBundle: true,
+              showFooter: showFooter(item)
+            }
+          ),
+          showFooter(item) ? /* @__PURE__ */ import_react.default.createElement(import_AmountFooter.default, { item: { ...item, symbol: dataSource == null ? void 0 : dataSource.symbol }, hideDivider: false, type: "total" }) : null
         );
       }
     }

package/lib/components/productCard/cartSkuCard/components/specs/index.d.ts

@@ -15,6 +15,7 @@ interface SpecsProps {
     };
     /** 最大展示数量，默认为 1 */
     maxSpecsCount?: number;
+    type?: 'a2' | 'a5' | 'a9';
 }
 declare const Specs: (props: SpecsProps) => JSX.Element | null;
 export default Specs;

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

@@ -36,8 +36,9 @@ var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_index = require("./index.less");
 var import__ = require("../../index");
+var import_options = __toESM(require("../../../components/Packages/components/options"));
 var Specs = (props) => {
-  const { dataSource = {}, maxSpecsCount = 1 } = props;
+  const { dataSource = {}, maxSpecsCount = 1, type } = props;
   const { bundle, options, product_option_string, symbol } = dataSource;
   const more = /* @__PURE__ */ import_react.default.createElement(
     "div",
@@ -50,6 +51,12 @@ var Specs = (props) => {
     },
     import_utils.locales.getText("pisell2.cart.sku-card.more")
   );
+  const renderOptionString = () => {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__specs` }, /* @__PURE__ */ import_react.default.createElement("div", null, product_option_string));
+  };
+  if (type === "a9") {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__specs-a9-wrap` }, product_option_string ? /* @__PURE__ */ import_react.default.createElement("div", { className: "option-string-wrap" }, renderOptionString()) : null, options && (options == null ? void 0 : options.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(import_options.default, { options, amountSymbol: symbol }) : null);
+  }
   if (Array.isArray(bundle) && (bundle == null ? void 0 : bundle.length) > 0) {
     const displayItems = bundle.slice(0, maxSpecsCount);
     return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__specs` }, displayItems.map((item, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: index }, item.title)), bundle.length > maxSpecsCount ? more : null);

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

@@ -32,3 +32,14 @@
     }
   }
 }
+
+.pisell-cart-sku-card__specs-a9-wrap {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  .option-string-wrap {
+    .pisell-cart-sku-card__specs > div {
+      white-space: normal;
+    }
+  }
+}

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

@@ -1,7 +1,7 @@
 import './index.less';
 import { ProductCardTypes } from '../types';
 interface ISKUCardProps extends ProductCardTypes {
-    type: 'a2' | 'a5';
+    type: 'a2' | 'a5' | 'a9';
     rightActions: any[];
     escapeDom?: string;
 }

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

@@ -196,7 +196,50 @@ var CartSkuCard = (props) => {
       }
     ) : null, isShowAction && actionText ? /* @__PURE__ */ import_react.default.createElement(import_Action.default, { item: dataSource, onAction: () => onAction == null ? void 0 : onAction(dataSource) }) : null);
   };
+  const renderA9 = () => {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, isShowDelete ? /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `${PREFIX}__delete-btn`,
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          onDelete == null ? void 0 : onDelete(dataSource);
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-trash-01" })
+    ) : null, /* @__PURE__ */ import_react.default.createElement(
+      import_basicInfo.default,
+      {
+        isShowImage,
+        dataSource,
+        isMainProduct: true,
+        type
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(import_packages.default, { dataSource, isShowImage, type }), isShowAmountFooter ? /* @__PURE__ */ import_react.default.createElement(
+      import_AmountFooter.default,
+      {
+        item: dataSource,
+        hideDivider,
+        type: "total"
+      }
+    ) : null, /* @__PURE__ */ import_react.default.createElement(import_discountReason.default, { dataSource }), isShowNote ? /* @__PURE__ */ import_react.default.createElement(
+      import_Note.default,
+      {
+        ...other,
+        item: dataSource,
+        openNote: () => {
+          useOpenNoteRef.current.open({
+            item: dataSource
+          });
+        }
+      }
+    ) : null);
+  };
   const renderContent = () => {
+    if (type === "a9") {
+      return renderA9();
+    }
     if (type === "a5") {
       return renderA5();
     }

package/lib/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: any;
-    vertical: any;
+    horizontal: number;
+    vertical: number;
 };
 export default useGapSize;

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

@@ -197,12 +197,12 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: boolean;
+    default_value: string;
 } | {
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: string;
+    default_value: boolean;
 } | {
     field_icon: string;
     field_name: string;

package/lib/components/table/Table/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): any;
+}): boolean;

package/lib/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): any;
+}): boolean;

package/lib/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;
-}) => ("filters" | "order_by" | "group_by" | "view_mode" | "column_setting" | "gallery_setting" | "filter_setting")[];
+}) => ("filters" | "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/lib/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string | number;
+export declare const getCssNumber: (val: string | number) => string;
 export declare function uuid(): string;
 export * from './mergeWith';

package/lib/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => any;
+export declare const isMobile: () => boolean;

package/package.json

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

package/dist/umd/materials.min.css

@@ -1 +0,0 @@
-.materials-grid{display:flex;flex-direction:column;height:100%;width:100%}.materials-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-header .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-actions .left-wrap{align-items:center;display:flex;flex:1 1}.materials-grid-actions .left-wrap .pisell-lowcode-form-item{margin-bottom:0}.materials-grid-actions .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions .right-wrap .icon{cursor:pointer;transition:.2s}.materials-grid-actions .right-wrap .icon:hover{color:var(--theme-color)}.materials-grid-actions .right-wrap .button{align-items:center;display:flex;font-size:12px;height:28px;justify-content:center}.filter-dropdown-wrap{display:flex;flex-direction:column;max-height:400px;max-width:calc(100vw - 24px);min-width:250px;padding:4px;width:400px}.filter-dropdown-wrap .filter-dropdown-wrap-content{flex:1 1;overflow:auto}.filter-dropdown-wrap .filter-dropdown-drag-item{align-items:center;background:#f9fafb;background:var(--gray-50,#f9fafb);border-radius:8px;display:flex;margin-bottom:12px;padding:8px 12px 12px}.filter-dropdown-wrap .filter-dropdown-drag-item .dots-six-icon{color:#98a2b3;cursor:pointer;font-size:24px}.filter-dropdown-wrap .filter-dropdown-drag-item .pisell-lowcode-form-item{margin-bottom:0}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right{flex:1 1;margin-left:16px}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right .filter-dropdown-drag-item-title{color:#777;color:var(--text-text-2,#777);font-size:14px;font-style:normal;font-weight:600;line-height:20px}.filter-dropdown-container-wrap{border-bottom:1px solid #e2e2e2;border-bottom:1px solid var(--surface-surface-4,#e2e2e2);margin-bottom:20px;min-height:70px}.filter-dropdown-container-wrap:last-child{border:none}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap{align-items:center;color:#919191;color:var(--text-text-3,#919191);display:flex;font-size:16px;font-style:normal;font-weight:600;line-height:22px;margin-bottom:12px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-title{color:#101828;color:var(--gray-900,#101828);font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-right:6px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-icon-help{color:#98a2b3;color:var(--gray-400,#98a2b3);font-size:20px}.filter-dropdown-container-wrap .filter-dropdown-container-filter-wrap{min-height:80px}.materials-sort-list-empty{color:#5a5a5a;display:block;padding-top:22px;text-align:center}.materials-grid-summary{margin-bottom:16px}.grid-view-table-wrap{position:relative}.materials-grid-paginator{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:center;margin:0!important;padding:0 20px;width:100%}.materials-grid-paginator .pisell-lowcode-pagination-total-text{color:#667085;color:var(--gray-500,#667085);font-size:14px;font-style:normal;font-weight:500;margin-right:auto}.materials-grid-paginator .pisell-lowcode-pagination-item{border:1px solid #d0d5dd;border-radius:0;border-right:0;margin:0;position:relative}.materials-grid-paginator .pisell-lowcode-pagination-jump-next,.materials-grid-paginator .pisell-lowcode-pagination-jump-prev{border:1px solid #d0d5dd;border-radius:0;border-right:none;margin:0}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover .pisell-lowcode-pagination-item-link-icon{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active:hover{border-color:#d0d5dd!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active{background-color:rgba(0,0,0,.06)}.materials-grid-paginator .pisell-lowcode-pagination-item-active a{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-prev{align-items:center;border:1px solid #d0d5dd;border-radius:8px 0 0 8px;border-right:none;display:flex;justify-content:center;margin:0;min-width:auto}.materials-grid-paginator .pisell-lowcode-pagination-next{align-items:center;border:1px solid #d0d5dd;border-radius:0 8px 8px 0;display:flex;justify-content:center;margin:0;min-width:auto}.paginator-page-btn{align-items:center;border-radius:4px 4px 4px 4px;color:#344054;color:var(--gray-700,#344054);cursor:pointer;display:flex;font-size:12px;font-weight:400;justify-content:center;padding:10px 16px;transition:.2s;-ms-user-select:none;user-select:none}.paginator-page-btn .paginator-page-btn-text{font-weight:600}.paginator-page-btn .paginator-page-btn-left-icon,.paginator-page-btn .paginator-page-btn-right-icon{font-size:20px}.paginator-page-btn .paginator-page-btn-left-icon{margin-right:8px}.paginator-page-btn .paginator-page-btn-right-icon{margin-left:8px}.paginator-page-btn.left{margin-right:auto}.paginator-page-btn.left .icon{font-size:18px;margin-right:8px}.paginator-page-btn.right{margin-left:auto}.paginator-page-btn.right .icon{font-size:18px;margin-left:8px;transform:rotate(180deg)}.materials-grid-paginator-mini{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:space-between;margin:0!important;overflow:hidden;padding:0 20px;width:100%}.materials-grid-paginator-mini .paginator-page-btn{padding:8px}.materials-grid-paginator-mini .materials-grid-paginator-center{align-items:center;display:flex;gap:4px;justify-content:center}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-text{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:400}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-value{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator-mini .pisell-lowcode-pagination-next,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev{border:1px solid #d0d5dd;border-radius:8px;margin:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-left-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-left-icon{margin-right:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-right-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-right-icon{margin-left:0}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.materials-grid-table-header-cell{align-items:center;display:flex;height:44px;padding:0 14px}.materials-grid-table-header-cell .field-icon{color:#777;font-size:18px}.materials-grid-table-header-cell .materials-grid-table-header-cell-content{color:#1b1b1b;flex:auto;font-size:14px;font-weight:600;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.materials-grid-table-header-cell .actions{align-items:center;display:flex;gap:8px}.materials-grid-table-header-cell .actions .action{color:#ababab;cursor:pointer;font-size:14px}.editable-cell-value-wrap{height:100%;width:100%}.materials-grid-table-cell{height:1px;padding:0!important}.cell-provider{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:100%;justify-content:center;padding:12px;position:relative;width:100%}.cell-provider.focus{box-shadow:var(--theme-color) 0 0 0 1px!important}