@pisell/materials 3.2.31 → 3.3.0

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

@@ -1,6 +1,27 @@
-.like-icon {
-  width: 18px;
-  height: 18px;
-  object-fit: contain;
+.pisell-lowcode-product-card-like-wrap {
+  display: flex;
+  justify-content: center;
+  align-items: center;
   cursor: pointer;
+
+  .like-icon {
+    width: 18px;
+    height: 18px;
+    object-fit: contain;
+  }
+}
+
+.pisell-lowcode-change-resource-like-wrap {
+  display: flex;
+  width: 44px;
+  height: 44px;
+  padding: 10px 14px;
+  justify-content: center;
+  align-items: center;
+  border-radius: 8px;
+  border: 1px solid var(--Gray-300, #d0d5dd);
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  .like-icon {
+    margin-right: 0 !important;
+  }
 }

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

@@ -34,7 +34,8 @@ __export(SelectHolder_exports, {
 module.exports = __toCommonJS(SelectHolder_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
-var import_icons = require("@ant-design/icons");
+var import_utils = require("@pisell/utils");
+var import_iconfont = __toESM(require("../../../../../iconfont"));
 var import_index = require("./index.less");
 var SelectHolder = ({
   lists,
@@ -42,7 +43,11 @@ var SelectHolder = ({
   onChange,
   holderMode,
   isShowAddHolderButton,
-  onAddHolder
+  onAddHolder,
+  addHolderButtonText,
+  onClearHolder,
+  isErrorHolder,
+  allowClear = false
 }) => {
   const [selectedValue, setSelectedValue] = (0, import_react.useState)();
   (0, import_react.useEffect)(() => {
@@ -53,34 +58,90 @@ var SelectHolder = ({
     e.stopPropagation();
     onAddHolder();
   };
-  console.log(lists, isShowAddHolderButton, "select-holder");
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-product-card-select-holder" }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Select,
+  console.log(
+    lists,
+    isShowAddHolderButton,
+    addHolderButtonText,
+    "select-holder"
+  );
+  const isError = (0, import_react.useMemo)(() => {
+    if (!selectedValue && isErrorHolder) return true;
+  }, [selectedValue, isErrorHolder]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
     {
-      mode: holderMode,
-      size: "large",
-      showSearch: true,
-      value: selectedValue,
-      onChange: (val) => {
-        setSelectedValue(val);
-        const item = lists.find((d) => d.id === val);
-        onChange(item);
-      },
-      options: lists.map((item) => ({
-        label: item == null ? void 0 : item.label,
-        value: item == null ? void 0 : item.id
-      })),
-      dropdownRender: (menu) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, menu, isShowAddHolderButton ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: "8px 0" } }), /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Button,
-        {
-          type: "text",
-          icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null),
-          onClick: addItem,
-          style: { width: "100%" }
+      className: `pisell-lowcode-product-card-select-holder ${isError ? "pisell-lowcode-product-card-select-holder-error" : ""}`
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Select,
+      {
+        onClick: (e) => e.stopPropagation(),
+        mode: holderMode,
+        size: "large",
+        showSearch: true,
+        allowClear,
+        onClear: () => onChange(""),
+        value: selectedValue,
+        placeholder: import_utils.locales.getText(
+          "pisell2.product.card.add.holder.placeholder"
+        )(""),
+        onChange: (val) => {
+          setSelectedValue(val);
+          const item = lists.find((d) => d.id === val);
+          onChange(item);
         },
-        "Add item"
-      )) : null)
-    }
-  ));
+        options: lists.map((item) => ({
+          label: item == null ? void 0 : item.label,
+          value: item == null ? void 0 : item.id
+        })),
+        dropdownRender: (menu) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, menu, isShowAddHolderButton ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: "8px 0" } }), /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            onClick: addItem,
+            className: "select-holder-add-btn-wrap",
+            style: {
+              display: "flex",
+              alignContent: "center",
+              padding: "4px 10px 10px 8px",
+              gap: "8px",
+              flex: "1 0 0",
+              color: "var(--Primary-600, #7f56d9)",
+              fontSize: "14px",
+              fontWeight: 600,
+              lineHeight: "20px",
+              cursor: "pointer"
+            }
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_iconfont.default,
+            {
+              type: "pisell2-plus-circle",
+              style: { fontSize: "20px" }
+            }
+          ),
+          /* @__PURE__ */ import_react.default.createElement(
+            "span",
+            {
+              style: {
+                flex: 1,
+                display: "inline-block",
+                maxWidth: "100%",
+                whiteSpace: "nowrap",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                verticalAlign: "middle"
+              }
+            },
+            import_utils.locales.getText(
+              "pisell2.product.card.add.holder.button.text"
+            )(addHolderButtonText)
+          )
+        )) : null)
+      }
+    ),
+    isError ? /* @__PURE__ */ import_react.default.createElement("div", { className: "select-holder-error" }, import_utils.locales.getText("pisell2.product.card.add.holder.placeholder")(
+      addHolderButtonText
+    )) : null
+  );
 };
 var SelectHolder_default = SelectHolder;

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

@@ -1,10 +1,35 @@
 .pisell-lowcode-product-card-select-holder {
   .pisell-lowcode-select {
-    min-width: 140px;
-    max-width: 100%;
-    width: auto;
+    width: 100%;
     .pisell-lowcode-select-selector {
       border-radius: 50px;
     }
   }
+
+  .select-holder-add-btn-wrap {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    padding: 12px 10px 12px 8px;
+    gap: 8px;
+    flex: 1 0 0;
+    color: var(--Primary-600, #7f56d9);
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 20px;
+  }
+
+  .select-holder-error {
+    color: var(--Error-600, #d92d20);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+}
+
+.pisell-lowcode-product-card-select-holder-error {
+  .pisell-lowcode-select-selector {
+    border: 1px solid var(--Error-600, #d92d20) !important;
+  }
 }

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

@@ -34,31 +34,90 @@ __export(SelectResource_exports, {
 module.exports = __toCommonJS(SelectResource_exports);
 var import_react = __toESM(require("react"));
 var import_AlertTriangle = __toESM(require("@pisell/icon/es/AlertTriangle"));
+var import_utils = require("@pisell/utils");
 var import_antd = require("antd");
-var SelectResource = ({ lists, value, onChange, ...props }) => {
+var import_utils2 = require("@pisell/utils");
+var import_index = require("./index.less");
+var SelectResource = ({
+  lists,
+  value,
+  onChange,
+  resourceMode,
+  allowClear = false,
+  onClearResource,
+  maxLength,
+  // 是否显示资源错误
+  isErrorResource,
+  // 资源错误文案
+  resourceErrorText,
+  ...props
+}) => {
   const [selectedValue, setSelectedValue] = (0, import_react.useState)();
   (0, import_react.useEffect)(() => {
     setSelectedValue(value);
   }, [value]);
+  const resourceMap = (0, import_react.useMemo)(() => {
+    return (lists || []).reduce((acc, item) => {
+      acc[item.id] = item;
+      return acc;
+    }, {});
+  }, [lists]);
   const renderOptions = (0, import_react.useCallback)(() => {
     return (lists || []).map((d) => {
       return /* @__PURE__ */ import_react.default.createElement(import_antd.Select.Option, { value: d.id, key: d.id, ...d || {} }, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ import_react.default.createElement("span", null, d["label"]), (d == null ? void 0 : d.isError) ? /* @__PURE__ */ import_react.default.createElement(import_AlertTriangle.default, { style: { color: "#b42318", cursor: "pointer" } }) : null));
     });
   }, [lists]);
+  const handleChange = (0, import_react.useCallback)(
+    (val) => {
+      if (["multiple", "tags"].includes(resourceMode) && maxLength) {
+        if (value && value.length >= maxLength && val.length > value.length) {
+          return;
+        }
+      }
+      setSelectedValue(val);
+      if (props.isParallelResource) {
+        const valueArray = (0, import_utils2.isArr)(val) ? val : [val];
+        return onChange({
+          value: valueArray,
+          options: valueArray.map((v) => resourceMap[v]),
+          resourceMode,
+          props
+        });
+      }
+      const item = resourceMap[val];
+      onChange(item);
+    },
+    [resourceMode, maxLength, value, onChange, props, resourceMap]
+  );
+  const isError = (0, import_react.useMemo)(() => {
+    if (!selectedValue && isErrorResource) return true;
+  }, [selectedValue, isErrorResource]);
   return /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Select,
+    "div",
     {
-      size: "large",
-      showSearch: true,
-      style: { flex: 1 },
-      value: selectedValue,
-      onChange: (val) => {
-        setSelectedValue(val);
-        const item = lists.find((d) => d.id === val);
-        onChange(item);
-      }
+      className: `pisell-lowcode-product-card-select-resource ${isError ? "pisell-lowcode-product-card-select-resource-error" : ""}`
     },
-    renderOptions()
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Select,
+      {
+        mode: resourceMode,
+        size: "large",
+        showSearch: true,
+        allowClear,
+        onClear: () => onChange(""),
+        onClick: (e) => e.stopPropagation(),
+        style: { flex: 1 },
+        value: selectedValue,
+        placeholder: import_utils.locales.getText(
+          "pisell2.product.card.add.holder.placeholder"
+        )(""),
+        onChange: handleChange
+      },
+      renderOptions()
+    ),
+    isError ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-product-select-resource-error" }, import_utils.locales.getText("pisell2.product.card.add.holder.placeholder")(
+      resourceErrorText
+    )) : null
   );
 };
 var SelectResource_default = SelectResource;

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

@@ -0,0 +1,20 @@
+.pisell-lowcode-product-card-select-resource {
+  width: 100%;
+  .pisell-lowcode-select {
+    width: 100%;
+  }
+
+  .pisell-lowcode-product-select-resource-error {
+    color: var(--Error-600, #d92d20);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+}
+
+.pisell-lowcode-product-card-select-resource-error {
+  .pisell-lowcode-select-selector {
+    border: 1px solid var(--Error-600, #d92d20) !important;
+  }
+}

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

@@ -50,7 +50,9 @@ var Time = ({
   isShowChangeHolder,
   holderMode,
   onAddHolder,
-  isShowAddHolderButton
+  isShowAddHolderButton,
+  onClearHolder,
+  onClearResource
 }) => {
   const {
     start_date,
@@ -64,7 +66,14 @@ var Time = ({
     holder_id,
     holders,
     // 多个资源数据
-    multiResources
+    multiResources,
+    addHolderButtonText,
+    isErrorHolder,
+    allowClearHolder,
+    allowClearResource,
+    isErrorResource,
+    resourceErrorText,
+    isMultipleResource
   } = item;
   const holderCom = (0, import_react.useMemo)(() => {
     if (!isShowHolder) return null;
@@ -77,7 +86,11 @@ var Time = ({
           onChange: changeHolder,
           holderMode,
           isShowAddHolderButton,
-          onAddHolder
+          onAddHolder,
+          addHolderButtonText,
+          onClearHolder,
+          isErrorHolder,
+          allowClear: allowClearHolder
         }
       );
     }
@@ -90,23 +103,31 @@ var Time = ({
     holder_title,
     holderMode,
     holders,
-    isShowAddHolderButton
+    isShowAddHolderButton,
+    isShowChangeHolder,
+    isErrorHolder,
+    addHolderButtonText,
+    allowClearHolder
   ]);
-  const likeCom = (0, import_react.useCallback)((status, item2) => {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_Like.default,
-      {
-        style: { marginRight: 4 },
-        status,
-        onLike: (e) => {
-          onLike({
-            ...item2,
-            like_status: e
-          });
+  const likeCom = (0, import_react.useCallback)(
+    (status, item2) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_Like.default,
+        {
+          isShowChangeResource,
+          style: { marginRight: 4 },
+          status,
+          onLike: (e) => {
+            onLike({
+              ...item2,
+              like_status: e
+            });
+          }
         }
-      }
-    );
-  }, []);
+      );
+    },
+    [isShowChangeResource]
+  );
   const resourceCom = (0, import_react.useCallback)(
     (item2) => {
       if (!isShowChangeResource) {
@@ -115,26 +136,39 @@ var Time = ({
       return /* @__PURE__ */ import_react.default.createElement(
         import_SelectResource.default,
         {
+          ...item2,
           lists: item2 == null ? void 0 : item2.lists,
           value: item2 == null ? void 0 : item2.id,
-          allowClear: item2 == null ? void 0 : item2.allowClear,
-          onChange: changeResource
+          onChange: changeResource,
+          onClearResource,
+          allowClear: item2 == null ? void 0 : item2.allowClearResource,
+          isErrorResource: item2 == null ? void 0 : item2.isErrorResource,
+          resourceErrorText: item2 == null ? void 0 : item2.resourceErrorText,
+          resourceMode: item2.resourceMode,
+          maxLength: item2.maxLength
         }
       );
     },
     [isShowChangeResource]
   );
   const likeAndResourceCom = (0, import_react.useMemo)(() => {
-    if ((multiResources == null ? void 0 : multiResources.length) > 0) {
-      return multiResources.map((resourceItem) => {
-        return /* @__PURE__ */ import_react.default.createElement("div", { key: resourceItem == null ? void 0 : resourceItem.id }, (resourceItem == null ? void 0 : resourceItem.id) && !is_hide_like ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-card-like-wrap` }, likeCom(resourceItem == null ? void 0 : resourceItem.status, resourceItem)) : null, resourceCom(resourceItem));
-      });
+    if (isMultipleResource) {
+      if ((multiResources == null ? void 0 : multiResources.length) > 0) {
+        return multiResources.map((resourceItem) => {
+          return /* @__PURE__ */ import_react.default.createElement("div", { key: (resourceItem == null ? void 0 : resourceItem.id) + (resourceItem == null ? void 0 : resourceItem._id) }, (resourceItem == null ? void 0 : resourceItem.id) && !is_hide_like && !resourceItem.is_hide_like ? likeCom(resourceItem == null ? void 0 : resourceItem.status, resourceItem) : null, resourceCom(resourceItem));
+        });
+      }
+      return null;
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, resource_id && !is_hide_like ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-card-like-wrap` }, likeCom(like_status, item)) : null, resourceCom({
+    const _resourceCom = resourceCom({
       name: relation_form_name,
       id: resource_id,
-      lists: resources
-    }));
+      lists: resources,
+      allowClearResource,
+      isErrorResource,
+      resourceErrorText
+    });
+    return resource_id && !is_hide_like || _resourceCom ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, resource_id && !is_hide_like ? likeCom(like_status, item) : null, _resourceCom) : null;
   }, [
     multiResources,
     resource_id,

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

@@ -36,6 +36,7 @@
   &-multi-resources {
     flex-direction: column;
     align-items: start !important;
+    gap: 6px;
     > div {
       flex: 1;
       display: flex;
@@ -45,12 +46,6 @@
     }
   }
 
-  &-product-card-like-wrap {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
   &-change-resource {
     display: flex;
     align-items: center;
@@ -58,19 +53,4 @@
     flex: 1 0 0;
     align-self: stretch;
   }
-
-  &-change-resource &-product-card-like-wrap {
-    display: flex;
-    width: 44px;
-    height: 44px;
-    padding: 10px 14px;
-    justify-content: center;
-    align-items: center;
-    border-radius: 8px;
-    border: 1px solid var(--Gray-300, #d0d5dd);
-    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
-    .like-icon {
-      margin-right: 0 !important;
-    }
-  }
 }

package/lib/components/productCard/index.js

@@ -74,7 +74,7 @@ var ProductCard = (props) => {
   const useOpenNoteRef = (0, import_react.useRef)();
   const locale = ((_a = utils == null ? void 0 : utils.storage) == null ? void 0 : _a.get("umi_locale")) || localStorage.getItem("umi_locale");
   import_utils.locales.init(import_locales.default, locale || "en");
-  console.log(dataSource, isShowImage, isShowNote, other, "dataSource");
+  console.log(dataSource, isShowImage, isShowNote, "dataSource");
   const {
     image,
     bundle,
@@ -142,7 +142,9 @@ var ProductCard = (props) => {
             changeResource: onChangeResource,
             changeHolder: onChangeHolder,
             onAddHolder: other == null ? void 0 : other.onAddHolder,
-            isShowAddHolderButton: other == null ? void 0 : other.isShowAddHolderButton
+            isShowAddHolderButton: other == null ? void 0 : other.isShowAddHolderButton,
+            onClearResource: other == null ? void 0 : other.onClearResource,
+            onClearHolder: other == null ? void 0 : other.onClearHolder
           }
         ),
         /* @__PURE__ */ import_react.default.createElement(import_Packages.default, { item: dataSource, isShowPackageNote }),

package/lib/components/productCard/locales.d.ts

@@ -13,6 +13,9 @@ declare const _default: {
         'pisell2.product.card.items.package': string;
         'pisell2.product.card.view-all': string;
         'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
     };
     'zh-CN': {
         'pisell2.product.card.day': (val: number) => string;
@@ -28,6 +31,9 @@ declare const _default: {
         'pisell2.product.card.items.package': string;
         'pisell2.product.card.view-all': string;
         'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
     };
     'zh-HK': {
         'pisell2.product.card.day': (val: number) => string;
@@ -43,6 +49,9 @@ declare const _default: {
         'pisell2.product.card.items.package': string;
         'pisell2.product.card.view-all': string;
         'pisell2.product.card.view-less': string;
+        'pisell2.product.card.add.holder.button.text': (val: string) => string;
+        'pisell2.product.card.add.holder.placeholder': (val: string) => string;
+        'pisell2.product.card.hour.minute': (hour: number, minute: number) => string;
     };
 };
 export default _default;

package/lib/components/productCard/locales.js

@@ -36,7 +36,10 @@ var locales_default = {
     "pisell2.product.card.note.pla": "Please enter the note",
     "pisell2.product.card.items.package": "Items in package",
     "pisell2.product.card.view-all": "View all",
-    "pisell2.product.card.view-less": "View less"
+    "pisell2.product.card.view-less": "View less",
+    "pisell2.product.card.add.holder.button.text": (val) => `Add ${val || ""}`,
+    "pisell2.product.card.add.holder.placeholder": (val) => `Please select ${val || ""}`,
+    "pisell2.product.card.hour.minute": (hour, minute) => `${hour > 0 ? `${hour}h` : ""}${hour > 0 && minute > 0 ? " " : ""}${minute > 0 ? `${minute}min` : ""}`
   },
   "zh-CN": {
     "pisell2.product.card.day": (val) => "天",
@@ -51,7 +54,10 @@ var locales_default = {
     "pisell2.product.card.note.pla": "请输入备注",
     "pisell2.product.card.items.package": "包含的商品",
     "pisell2.product.card.view-all": "查看全部",
-    "pisell2.product.card.view-less": "收起"
+    "pisell2.product.card.view-less": "收起",
+    "pisell2.product.card.add.holder.button.text": (val) => `添加${val || ""}`,
+    "pisell2.product.card.add.holder.placeholder": (val) => `请选择${val || ""}`,
+    "pisell2.product.card.hour.minute": (hour, minute) => `${hour > 0 ? `${hour}小时` : ""}${minute > 0 ? `${minute}分钟` : ""}`
   },
   "zh-HK": {
     "pisell2.product.card.day": (val) => "天",
@@ -66,6 +72,9 @@ var locales_default = {
     "pisell2.product.card.note.pla": "請輸入備註",
     "pisell2.product.card.items.package": "包含的商品",
     "pisell2.product.card.view-all": "查看全部",
-    "pisell2.product.card.view-less": "收起"
+    "pisell2.product.card.view-less": "收起",
+    "pisell2.product.card.add.holder.button.text": (val) => `添加${val || ""}`,
+    "pisell2.product.card.add.holder.placeholder": (val) => `請選擇${val || ""}`,
+    "pisell2.product.card.hour.minute": (hour, minute) => `${hour > 0 ? `${hour}小時` : ""}${minute > 0 ? `${minute}分鐘` : ""}`
   }
 };

package/lib/components/productCard/utils.js

@@ -75,6 +75,41 @@ var getServiceTime = (item, currentDate) => {
   let startDate = (0, import_dayjs.default)(item == null ? void 0 : item.start_date);
   let endDate = (0, import_dayjs.default)(item == null ? void 0 : item.end_date);
   let diffInDays = (item == null ? void 0 : item.custom_day_count) || endDate.diff(startDate, "day");
+  if (item == null ? void 0 : item.duration_type) {
+    const sameDay = startDate.isSame(endDate, "day");
+    const dateFormat = isEn2 ? "DD/MM/YYYY" : "YYYY-MM-DD";
+    const timeFormat = "HH:mm";
+    const startTime = (item == null ? void 0 : item.start_time) || startDate.format(timeFormat);
+    const endTime = (item == null ? void 0 : item.end_time) || endDate.format(timeFormat);
+    let dateTime = "";
+    if (sameDay) {
+      if (isEn2) {
+        dateTime = `${startTime} ~ ${endTime} ${startDate.format(dateFormat)}`;
+      } else {
+        dateTime = `${startDate.format(dateFormat)} ${startTime} ~ ${endTime}`;
+      }
+    } else {
+      if (isEn2) {
+        dateTime = `${startTime} ${startDate.format(dateFormat)} ~ ${endTime} ${endDate.format(dateFormat)}`;
+      } else {
+        dateTime = `${startDate.format(dateFormat)} ${startTime} ~ ${endDate.format(dateFormat)} ${endTime}`;
+      }
+    }
+    const startDateTime = `${startDate.format("YYYY-MM-DD")} ${startTime}`;
+    const endDateTime = `${endDate.format("YYYY-MM-DD")} ${endTime}`;
+    let _duration = (0, import_dayjs.default)(endDateTime).diff((0, import_dayjs.default)(startDateTime), item == null ? void 0 : item.duration_type);
+    let durationText = "";
+    if ((item == null ? void 0 : item.duration_type) === "minutes") {
+      const hours = Math.floor(_duration / 60);
+      const minutes = _duration % 60;
+      durationText = import_utils.locales.getText("pisell2.product.card.hour.minute")(hours, minutes);
+    } else if ((item == null ? void 0 : item.duration_type) === "days") {
+      durationText = import_utils.locales.getText("pisell2.product.card.day")(_duration);
+    } else {
+      durationText = `${_duration}`;
+    }
+    return `${dateTime} (${durationText})`;
+  }
   let _format = isEn2 ? "ddd, DD/MM/YYYY" : "YYYY-MM-DD，ddd";
   if ((item == null ? void 0 : item.hasOwnProperty("format")) && ((_b = item == null ? void 0 : item.format) == null ? void 0 : _b.length) > 0) {
     _format = isEn2 ? (_c = item == null ? void 0 : item.format) == null ? void 0 : _c[0] : (_d = item == null ? void 0 : item.format) == null ? void 0 : _d[1];

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/components/ExportFile/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ExportFile: (props: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExportImportType } from "../../../../../types";
 import "./index.less";
 declare const ExportTable: (props: {