@pisell/materials 2.2.93 → 2.2.95

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

@@ -46,16 +46,18 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      font-size: 22px;
+      font-size: 20px;
       font-weight: 500;
       line-height: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
 
     .product-info {
       flex: 1;
       display: flex;
       align-items: center;
-      gap: 4px;
       flex: 1 0 0;
       flex-wrap: wrap;
       overflow: hidden;
@@ -70,6 +72,7 @@
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
+        padding-right: 20px;
       }
 
       .product-price {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Holders: (props: any) => JSX.Element | null;
 export default Holders;

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

@@ -41,7 +41,7 @@ var import__ = require("../../index");
 var import_index = require("./index.less");
 var Packages = ({ isShowImage, dataSource = {} }) => {
   const { bundle = [], symbol = "$" } = dataSource;
-  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: "4px 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(
+  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,
     {
       style: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Resources: (props: any) => JSX.Element;
 export default Resources;

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

@@ -55,13 +55,13 @@ var Resources = (props) => {
   const { multiResources, isMultipleResource } = dataSource;
   const renderResourceItem = (item, index) => {
     const { id: ids, lists, _id } = item;
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: `resource-item`, key: _id }, Array.isArray(ids) ? ids.map((id) => {
+    return Array.isArray(ids) ? ids.map((id) => {
       const targetRes = lists.find((l) => l.id === id);
       if (targetRes == null ? void 0 : targetRes.label) {
         return /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { color: getColor(_id), className: "resource-tag" }, targetRes.label);
       }
       return null;
-    }) : null);
+    }) : null;
   };
   const renderContent = () => {
     if (isMultipleResource && (multiResources == null ? void 0 : multiResources.length) > 0) {

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

@@ -1,5 +1,4 @@
 .pisell-cart-sku-card__resources {
-  margin-top: 4px;
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
@@ -9,12 +8,12 @@
     display: flex;
     flex-wrap: wrap;
     gap: 4px;
+  }
 
-    .resource-tag {
-      max-width: 120px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      margin: 0;
-    }
+  .resource-tag {
+    max-width: 120px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin: 0;
   }
 }

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

@@ -51,7 +51,7 @@ var Sales = ({ hideDivider, dataSource }) => {
       total: p == null ? void 0 : p.payment_price
     };
   });
-  return (other_products == null ? void 0 : other_products.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, hideDivider ? null : /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: "4px 0" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}_sales-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `sales-title` }, import_utils.locales.getText("pisell2.cart.sku-card.sales.title")), /* @__PURE__ */ import_react.default.createElement(
+  return (other_products == null ? void 0 : other_products.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, hideDivider ? null : /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: 0 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}_sales-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `sales-title` }, import_utils.locales.getText("pisell2.cart.sku-card.sales.title")), /* @__PURE__ */ import_react.default.createElement(
     import_collapsibleList.default,
     {
       list: other_products || [],

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

@@ -44,7 +44,8 @@ var Specs = (props) => {
     {
       style: {
         color: "#667085",
-        fontSize: 10
+        fontSize: 10,
+        lineHeight: "10px"
       }
     },
     import_utils.locales.getText("pisell2.cart.sku-card.more")
@@ -58,7 +59,7 @@ var Specs = (props) => {
   }
   if (options.length > 0) {
     const first = options[0];
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__specs` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "spec-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "spec-name" }, first.name), /* @__PURE__ */ import_react.default.createElement("span", { className: "spec-num" }, symbol, first.price, "x", first.num)), options.length > 1 ? more : null);
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__specs` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "spec-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "spec-name" }, first.name), /* @__PURE__ */ import_react.default.createElement("span", { className: "spec-num" }, /* @__PURE__ */ import_react.default.createElement("span", null, symbol, first.price), /* @__PURE__ */ import_react.default.createElement("span", null), "x", /* @__PURE__ */ import_react.default.createElement("span", null, first.num))), options.length > 1 ? more : null);
   }
   return null;
 };

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

@@ -24,5 +24,11 @@
       white-space: nowrap;
       margin-right: 8px;
     }
+
+    .spec-num {
+      display: flex;
+      gap: 4;
+      align-items: center;
+    }
   }
 }

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

@@ -28,6 +28,7 @@ export declare type SwipeActionProps = {
     stopPropagation?: PropagationEvent[];
     onActionsReveal?: (side: SideType) => void;
     onClose?: () => void;
+    escapeDom?: string;
 } & NativeProps<'--background'>;
 export declare const SwipeAction: React.ForwardRefExoticComponent<{
     rightActions?: Action[] | undefined;
@@ -39,5 +40,6 @@ export declare const SwipeAction: React.ForwardRefExoticComponent<{
     stopPropagation?: "click"[] | undefined;
     onActionsReveal?: ((side: SideType) => void) | undefined;
     onClose?: (() => void) | undefined;
+    escapeDom?: string | undefined;
 } & NativeProps<"--background"> & React.RefAttributes<SwipeActionRef>>;
 export {};

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

@@ -216,6 +216,10 @@ var SwipeAction = (0, import_react.forwardRef)(
     (0, import_react.useEffect)(() => {
       if (!props.closeOnTouchOutside) return;
       function handle(e) {
+        if (e.target && props.escapeDom) {
+          const container = document.querySelector(props.escapeDom);
+          if (container == null ? void 0 : container.contains(e.target)) return;
+        }
         if (x.get() === 0) {
           return;
         }
@@ -224,11 +228,16 @@ var SwipeAction = (0, import_react.forwardRef)(
           close();
         }
       }
-      document.addEventListener("touchstart", handle);
+      if ("ontouchstart" in window) {
+        document.addEventListener("touchstart", handle);
+      } else {
+        document.addEventListener("mousedown", handle);
+      }
       return () => {
         document.removeEventListener("touchstart", handle);
+        document.removeEventListener("mousedown", handle);
       };
-    }, [props.closeOnTouchOutside]);
+    }, [props.closeOnTouchOutside, props.escapeDom]);
     function renderAction(action) {
       const color = action.color ?? "light";
       const _style = action.style || {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import 'dayjs/locale/zh-cn';
 import 'dayjs/locale/en';
 import 'dayjs/locale/zh-tw';

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

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(timeRange_exports);
 var import_iconfont = __toESM(require("../../../../iconfont"));
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_utils = require("../../../utils");
 var import_dayjs = __toESM(require("dayjs"));
 var import_zh_cn = require("dayjs/locale/zh-cn");
 var import_en = require("dayjs/locale/en");
@@ -62,6 +63,6 @@ var TimeRange = (props) => {
   const renderTimeItem = (time) => {
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "time-range-item" }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { className: "time-icon", type: "pisell2-clock" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "time-str" }, (0, import_dayjs.default)(time).format(_format)));
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: "4px 0" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__time-range` }, renderTimeItem(start_date), /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { className: "joint-icon", type: "pisell2-arrow-right" }), renderTimeItem(end_date)));
+  return /* @__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}__time-range` }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { className: "time-icon", type: "pisell2-clock" }), (0, import_utils.getServiceTime)(dataSource, start_date)));
 };
 var timeRange_default = TimeRange;

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

@@ -1,5 +1,6 @@
 .pisell-cart-sku-card__time-range {
   user-select: none;
+  color: #667085;
 
   display: flex;
   align-items: center;
@@ -11,6 +12,11 @@
     color: #7f56da;
   }
 
+  .time-icon {
+    font-size: 16px;
+    color: #7f56da;
+  }
+
   .time-range-item {
     white-space: nowrap;
     display: flex;
@@ -18,11 +24,6 @@
     align-items: center;
     overflow: hidden;
 
-    .time-icon {
-      font-size: 16px;
-      color: #7f56da;
-    }
-
     .time-str {
       color: #667085;
       font-size: 14px;

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

@@ -3,6 +3,7 @@ import { ProductCardTypes } from '../types';
 interface ISKUCardProps extends ProductCardTypes {
     type: 'a2' | 'a5';
     rightActions: any[];
+    escapeDom?: string;
 }
 export declare const PREFIX = "pisell-cart-sku-card";
 declare const CartSkuCard: (props: ISKUCardProps) => JSX.Element;

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

@@ -39,7 +39,6 @@ var import_utils = require("@pisell/utils");
 var import_locales = __toESM(require("./locales"));
 var import_basicInfo = __toESM(require("./components/basicInfo"));
 var import_discountReason = __toESM(require("./components/discountReason"));
-var import_holders = __toESM(require("./components/holders"));
 var import_timeRange = __toESM(require("./components/timeRange"));
 var import_resources = __toESM(require("./components/resources"));
 var import_packages = __toESM(require("./components/packages"));
@@ -75,6 +74,7 @@ var CartSkuCard = (props) => {
     onChangeHolder,
     type,
     rightActions = [],
+    escapeDom,
     ...other
   } = props;
   const useOpenNoteRef = (0, import_react.useRef)();
@@ -149,7 +149,6 @@ var CartSkuCard = (props) => {
   };
   const renderA5 = () => {
     var _a2, _b2;
-    const { image, name } = dataSource;
     return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, isShowDelete ? /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
@@ -161,7 +160,15 @@ var CartSkuCard = (props) => {
         }
       },
       /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-trash-01" })
-    ) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__content` }, isShowImage && image && /* @__PURE__ */ import_react.default.createElement("img", { src: import_utils.image.ali(image, 64), className: `product-cover` }), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), /* @__PURE__ */ import_react.default.createElement(import_holders.default, { dataSource }))), /* @__PURE__ */ import_react.default.createElement(import_timeRange.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_resources.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_packages.default, { dataSource, isShowImage }), /* @__PURE__ */ import_react.default.createElement(
+    ) : null, /* @__PURE__ */ import_react.default.createElement(
+      import_basicInfo.default,
+      {
+        isShowImage: true,
+        dataSource,
+        isMainProduct: true,
+        type
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(import_timeRange.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_resources.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_packages.default, { dataSource, isShowImage }), /* @__PURE__ */ import_react.default.createElement(
       import_sales.default,
       {
         dataSource,
@@ -193,12 +200,13 @@ var CartSkuCard = (props) => {
     }
     return renderA2();
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, type === "a2" ? /* @__PURE__ */ import_react.default.createElement(
     import_swipeAction.SwipeAction,
     {
       closeOnAction: false,
       className: (0, import_classnames.default)(`${PREFIX}-wrapper`),
-      rightActions: _rightActions
+      rightActions: _rightActions,
+      escapeDom
     },
     /* @__PURE__ */ import_react.default.createElement(
       "div",
@@ -212,7 +220,18 @@ var CartSkuCard = (props) => {
       },
       renderContent()
     )
-  ), /* @__PURE__ */ import_react.default.createElement(
+  ) : /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${PREFIX}-wrapper`) }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(PREFIX, `${PREFIX}--${type}`),
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onCard == null ? void 0 : onCard(dataSource);
+      }
+    },
+    renderContent()
+  )), /* @__PURE__ */ import_react.default.createElement(
     import_useOpenNote.default,
     {
       ref: useOpenNoteRef,

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

@@ -9,6 +9,9 @@
   border-radius: inherit;
   user-select: none;
   position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
 
   &__delete-btn {
     cursor: pointer;
@@ -16,54 +19,11 @@
     padding: 10px;
     top: 0;
     right: 0;
+    z-index: 1;
 
     > span {
       color: #667085;
       font-size: 20px;
     }
   }
-
-  &__content {
-    display: flex;
-    gap: 4px;
-
-    img {
-      width: 48px;
-      height: 48px;
-      flex-shrink: 0;
-      border-radius: 6px;
-    }
-
-    .product-info {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      gap: 4px;
-      flex: 1 0 0;
-      flex-wrap: wrap;
-      overflow: hidden;
-      min-height: 30px;
-
-      .product-name {
-        color: var(--Gray-900, #101828);
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 20px;
-        width: 100%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-
-      .product-price {
-        color: var(--Gray-900, #101828);
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 20px;
-        width: 100%;
-      }
-    }
-  }
 }

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

@@ -60,7 +60,8 @@ var Header = (props) => {
     price,
     symbol,
     disabled,
-    relation_products
+    relation_products,
+    num = 1
   } = item;
   const showPrice = (0, import_react.useMemo)(() => {
     return (bundle == null ? void 0 : bundle.length) > 0 || (options == null ? void 0 : options.length) > 0 || ((relation_products == null ? void 0 : relation_products.length) || 0) > 0;
@@ -71,6 +72,9 @@ var Header = (props) => {
   const showDelete = (0, import_react.useMemo)(() => {
     return isShowDelete && !disabledEdit && !disabled;
   }, [isShowDelete, disabledEdit, disabled]);
+  const renderNumTag = () => {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`num-tag`) }, num < 100 ? num : "99+");
+  };
   const renderImage = () => {
     if (!isShowImage) return null;
     if (image) {
@@ -94,6 +98,7 @@ var Header = (props) => {
       )
     },
     showDelete ? /* @__PURE__ */ import_react.default.createElement(import_DeleteButton.default, { onDelete }) : null,
+    renderNumTag(),
     renderImage(),
     id ? /* @__PURE__ */ import_react.default.createElement(
       "div",

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

@@ -6,6 +6,26 @@
     align-items: center;
     gap: 8px;
     padding-right: 0 !important;
+
+    .num-tag {
+      background-color: #7f56da;
+      position: absolute;
+      left: 0;
+      top: 0;
+      border-radius: 12px;
+      min-width: 24px;
+      height: 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 1;
+
+      color: var(--Base-White, #fff);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 16px;
+    }
   }
 
   &-product-options-header {
@@ -24,8 +44,8 @@
     height: 64px;
     flex-shrink: 0;
     border-radius: 8px;
-    background-color: #DEDEDE;
-    color: #7E7E7E;
+    background-color: #dedede;
+    color: #7e7e7e;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -69,4 +89,4 @@
     font-weight: 400;
     line-height: 20px;
   }
-}
+}

package/lib/components/productCard/components/Time/components/SelectHolderModal/index.js

@@ -154,7 +154,7 @@ var SelectHolderModal = (props) => {
       import_utils.locales.getText(
         "pisell2.product.card.add.holder.modal.cancel"
       )
-    )), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+    )), /* @__PURE__ */ import_react.default.createElement("div", { className: "select-holder-modal-footer-right" }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Button,
       {
         size: "large",

package/lib/components/productCard/components/Time/components/SelectHolderModal/index.less

@@ -35,5 +35,8 @@
     .select-holder-modal-clear-button {
       width: 132px;
     }
+    .select-holder-modal-footer-right {
+      display: flex;
+    }
   }
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Time: ({ item, isShowHolder, onLike, isShowChangeResource, changeResource, changeHolder, isShowChangeHolder, holderMode, onAddHolder, isShowAddHolderButton, onClearHolder, onClearResource, }: any) => JSX.Element | null;
 export default Time;

package/lib/components/productCard/locales.js

@@ -42,7 +42,10 @@ var locales_default = {
     "pisell2.product.card.add.holder.placeholder": (val) => `Please select ${val || ""}`,
     "pisell2.product.card.add.holder.placeholder.multiple": (num, val) => `Please Select ${num} ${val || ""}`,
     "pisell2.product.card.add.holder.modal.title.1": `Please Select`,
-    "pisell2.product.card.hour.minute": (hour, minute) => `${hour > 0 ? `${hour}h` : ""}${hour > 0 && minute > 0 ? " " : ""}${minute > 0 ? `${minute}min` : ""}`,
+    "pisell2.product.card.hour.minute": (hour, minute) => {
+      if (hour === 0 && minute === 0) return `${minute}min`;
+      return `${hour > 0 ? `${hour}h` : ""}${hour > 0 && minute > 0 ? " " : ""}${minute > 0 ? `${minute}min` : ""}`;
+    },
     "pisell2.product.card.sales": "Sales",
     "pisell2.product.card.add.holder.modal.cancel": "Cancel",
     "pisell2.product.card.add.holder.modal.clear": "Clear",
@@ -69,7 +72,10 @@ var locales_default = {
     "pisell2.product.card.add.holder.placeholder": (val) => `请选择${val || ""}`,
     "pisell2.product.card.add.holder.placeholder.multiple": (num, val) => `请选择${num}${val || ""}`,
     "pisell2.product.card.add.holder.modal.title.1": `请选择`,
-    "pisell2.product.card.hour.minute": (hour, minute) => `${hour > 0 ? `${hour}小时` : ""}${minute > 0 ? `${minute}分钟` : ""}`,
+    "pisell2.product.card.hour.minute": (hour, minute) => {
+      if (hour === 0 && minute === 0) return `${minute}分钟`;
+      return `${hour > 0 ? `${hour}小时` : ""}${minute > 0 ? `${minute}分钟` : ""}`;
+    },
     "pisell2.product.card.sales": "销售",
     "pisell2.product.card.add.holder.modal.cancel": "取消",
     "pisell2.product.card.add.holder.modal.clear": "清除",
@@ -96,7 +102,10 @@ var locales_default = {
     "pisell2.product.card.add.holder.placeholder": (val) => `請選擇${val || ""}`,
     "pisell2.product.card.add.holder.placeholder.multiple": (num, val) => `請選擇${num}${val || ""}`,
     "pisell2.product.card.add.holder.modal.title.1": `請選擇`,
-    "pisell2.product.card.hour.minute": (hour, minute) => `${hour > 0 ? `${hour}小時` : ""}${minute > 0 ? `${minute}分鐘` : ""}`,
+    "pisell2.product.card.hour.minute": (hour, minute) => {
+      if (hour === 0 && minute === 0) return `${minute}分鐘`;
+      return `${hour > 0 ? `${hour}小時` : ""}${minute > 0 ? `${minute}分鐘` : ""}`;
+    },
     "pisell2.product.card.sales": "銷售",
     "pisell2.product.card.add.holder.modal.cancel": "取消",
     "pisell2.product.card.add.holder.modal.clear": "清除",

package/lib/components/select-time/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VirtualKeyboardTimeProps } from "../virtual-keyboard/Time";
 import { PopoverProps, TimePickerProps } from "antd";
 import "./index.less";

package/lib/components/table/Actions/component/ColumnsSetting/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type ColumnsSettingProps = {
     value?: Record<string, any>[];
     onChange?: (val: Record<string, any>[]) => void;

package/lib/components/table/Actions/component/ExportImport/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExportImportType } from '../../../types';
 import './index.less';
 declare type ExportImportProps = {

package/lib/components/table/Actions/component/GallerySetting/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GallerySettingType, ModeType } from "../../../types";
 import "./index.less";
 declare type GallerySettingProps = {

package/lib/components/table/Actions/component/Group/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSourceGroupType } from "../../../types";
 declare type GroupProps = {
     setting: DataSourceGroupType;

package/lib/components/table/Actions/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterType } from "../../filter/types";
 import { ColumnSettingType, DataSourceGroupType, ExportImportType, GallerySettingType, GridViewType, SortType } from "../types";
 import "./index.less";

package/lib/components/table/Gallery/components/GalleryItem/components/Cover/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GallerySettingType, GallerySettingValueType } from "../../../../../types";
 declare type CoverProps = {
     cover?: GallerySettingType["cover"];

package/lib/components/table/Gallery/components/GalleryItem/components/Title/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GallerySettingType } from "../../../../../types";
 import "./index.less";
 declare type TitleProps = GallerySettingType["title"] & {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {