@pisell/materials 6.0.22 → 6.1.1

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

@@ -0,0 +1,124 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/productCard/components/Time/components/SelectResource/index.tsx
+var SelectResource_exports = {};
+__export(SelectResource_exports, {
+  default: () => SelectResource_default
+});
+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 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(
+    "div",
+    {
+      className: `pisell-lowcode-product-card-select-resource ${isError ? "pisell-lowcode-product-card-select-resource-error" : ""}`
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Select,
+      {
+        disabled: props.disabled,
+        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

@@ -36,32 +36,168 @@ var import_react = __toESM(require("react"));
 var import_utils = require("../../utils");
 var import_Divider = __toESM(require("../Divider"));
 var import_Like = __toESM(require("./components/Like"));
+var import_SelectResource = __toESM(require("./components/SelectResource"));
+var import_SelectHolder = __toESM(require("./components/SelectHolder"));
 var import_index = require("./index.less");
+var import_SelectHolderMultiple = __toESM(require("./components/SelectHolderMultiple"));
 var prefix = "pisell-lowcode-";
-var Time = ({ item, isShowHolder, onLike }) => {
+var Time = ({
+  item,
+  isShowHolder,
+  onLike,
+  isShowChangeResource,
+  changeResource,
+  changeHolder,
+  isShowChangeHolder,
+  holderMode,
+  onAddHolder,
+  isShowAddHolderButton,
+  onClearHolder,
+  onClearResource
+}) => {
   const {
     start_date,
     end_date,
     holder_title,
     resource_id,
     relation_form_name,
-    like_status
+    like_status,
+    resources,
+    is_hide_like,
+    holder_id,
+    holders,
+    // 多个资源数据
+    multiResources,
+    addHolderButtonText,
+    isErrorHolder,
+    allowClearHolder,
+    allowClearResource,
+    isErrorResource,
+    resourceErrorText,
+    isMultipleResource,
+    isShowChangeHolder: itemIsShowChangeHolder = true,
+    holderMode: itemHolderMode,
+    holderMaxCount
   } = item;
-  const isShow = (0, import_react.useMemo)(() => {
-    return start_date && end_date || isShowHolder && holder_title || resource_id || relation_form_name;
-  }, [start_date, isShowHolder, holder_title, resource_id]);
-  return isShow ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Divider.default, null), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-time-wrap` }, start_date && end_date ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-date` }, (0, import_utils.getServiceTime)(item, start_date)) : null, isShowHolder && holder_title ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-holder-wrap` }, holder_title) : null, resource_id || relation_form_name ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-technician` }, resource_id ? /* @__PURE__ */ import_react.default.createElement(
-    import_Like.default,
-    {
-      style: { marginRight: 4 },
-      status: like_status,
-      onLike: (e) => {
-        onLike({
-          ...item,
-          like_status: e
+  const holderCom = (0, import_react.useMemo)(() => {
+    if (!isShowHolder) return null;
+    if (isShowChangeHolder && itemIsShowChangeHolder) {
+      const Cpt = (itemHolderMode || holderMode) === "multiple" ? import_SelectHolderMultiple.default : import_SelectHolder.default;
+      return /* @__PURE__ */ import_react.default.createElement(
+        Cpt,
+        {
+          holderMaxCount,
+          lists: holders,
+          value: holder_id,
+          onChange: changeHolder,
+          holderMode: itemHolderMode || holderMode,
+          isShowAddHolderButton,
+          onAddHolder,
+          addHolderButtonText,
+          onClearHolder,
+          isErrorHolder,
+          allowClear: allowClearHolder
+        }
+      );
+    }
+    if (holder_title) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-holder-wrap` }, holder_title);
+    }
+  }, [
+    isShowHolder,
+    holder_id,
+    holder_title,
+    holderMode,
+    holders,
+    isShowAddHolderButton,
+    isShowChangeHolder,
+    isErrorHolder,
+    addHolderButtonText,
+    allowClearHolder,
+    itemIsShowChangeHolder,
+    itemHolderMode,
+    holderMaxCount
+  ]);
+  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 ((item2 == null ? void 0 : item2.hasOwnProperty("isShowChangeResource")) && !item2.isShowChangeResource || !isShowChangeResource) {
+        return item2 == null ? void 0 : item2.name;
+      }
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_SelectResource.default,
+        {
+          ...item2,
+          lists: item2 == null ? void 0 : item2.lists,
+          value: item2 == null ? void 0 : item2.id,
+          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 (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;
     }
-  ) : null, relation_form_name) : null)) : null;
+    const _resourceCom = resourceCom({
+      name: relation_form_name,
+      id: resource_id,
+      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,
+    resources,
+    relation_form_name,
+    is_hide_like,
+    resourceErrorText,
+    allowClearResource,
+    isErrorResource,
+    isShowChangeResource
+  ]);
+  const isShow = (0, import_react.useMemo)(() => {
+    return start_date && end_date || holderCom || likeAndResourceCom;
+  }, [start_date, holderCom, likeAndResourceCom]);
+  return isShow ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Divider.default, null), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-time-wrap` }, start_date && end_date ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-date` }, (0, import_utils.getServiceTime)(item, start_date)) : null, holderCom, likeAndResourceCom ? /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `${prefix}product-technician ${isShowChangeResource ? "pisell-lowcode-change-resource" : ""} ${(multiResources == null ? void 0 : multiResources.length) > 0 ? "pisell-lowcode-multi-resources" : ""}`
+    },
+    likeAndResourceCom
+  ) : null)) : null;
 };
 var Time_default = Time;

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

@@ -32,4 +32,25 @@
     display: flex;
     align-items: center;
   }
+
+  &-multi-resources {
+    flex-direction: column;
+    align-items: start !important;
+    gap: 6px;
+    > div {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      width: 100%;
+    }
+  }
+
+  &-change-resource {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    flex: 1 0 0;
+    align-self: stretch;
+  }
 }

package/lib/components/productCard/index.js

@@ -62,17 +62,20 @@ var ProductCard = (props) => {
     isShowNote = import_status.defaultValue.isShowNote,
     isShowDelete = import_status.defaultValue.isShowDelete,
     isShowPackageNote = import_status.defaultValue.isShowPackageNote,
+    isShowEditProduct = import_status.defaultValue.isShowEditProduct,
+    onEditProduct,
     onAction,
     onDelete,
     onNote,
     onLike,
     onCard,
+    onChangeResource,
+    onChangeHolder,
     ...other
   } = 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, "dataSource");
   const {
     image,
     bundle,
@@ -94,7 +97,8 @@ var ProductCard = (props) => {
     {
       className: (0, import_classnames.default)("pisell-lowcode-product-card-wrap", {
         ["pisell-lowcode-product-card-disabled"]: dataSource == null ? void 0 : dataSource.disabled
-      })
+      }),
+      id: dataSource == null ? void 0 : dataSource.rowKey
     },
     (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(
@@ -122,7 +126,9 @@ var ProductCard = (props) => {
             item: dataSource,
             isShowImage,
             isShowDelete,
+            isShowEditProduct,
             showImage,
+            onEditProduct: () => onEditProduct == null ? void 0 : onEditProduct(dataSource),
             onDelete: () => {
               onDelete == null ? void 0 : onDelete(dataSource);
             }
@@ -133,7 +139,16 @@ var ProductCard = (props) => {
           {
             item: dataSource,
             isShowHolder,
-            onLike: (item) => onLike == null ? void 0 : onLike(item)
+            isShowChangeResource: other == null ? void 0 : other.isShowChangeResource,
+            isShowChangeHolder: other == null ? void 0 : other.isShowChangeHolder,
+            holderMode: other == null ? void 0 : other.holderMode,
+            onLike: (item) => onLike == null ? void 0 : onLike(item),
+            changeResource: onChangeResource,
+            changeHolder: onChangeHolder,
+            onAddHolder: other == null ? void 0 : other.onAddHolder,
+            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.js

@@ -26,8 +26,10 @@ var locales_default = {
   "en": {
     "pisell2.product.card.day": (val) => `${val > 1 ? " days" : " day"}`,
     "pisell2.product.card.day.event": (val) => `${val > 1 ? " events" : " event"}`,
+    "pisell2.product.card.minute": (val) => `${val > 1 ? " minutes" : " minute"}`,
     "pisell2.product.card.discount.reason": "Discount reason",
     "pisell2.product.card.discount.note": "Note",
+    "pisell2.product.card.edit": "Edit",
     "pisell2.product.card.discount.add.note": "Add note",
     "pisell2.product.card.discount.edit.note": "Edit note",
     "pisell2.product.card.confirm": "Confirm",
@@ -35,11 +37,23 @@ 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.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.sales": "Sales",
+    "pisell2.product.card.add.holder.modal.cancel": "Cancel",
+    "pisell2.product.card.add.holder.modal.clear": "Clear",
+    "pisell2.product.card.add.holder.modal.apply": "Apply",
+    "pisell2.product.card.add.holder.modal.add": "Add New"
   },
   "zh-CN": {
+    "pisell2.product.card.edit": "编辑",
     "pisell2.product.card.day": (val) => "天",
     "pisell2.product.card.day.event": (val) => "个活动",
+    "pisell2.product.card.minute": (val) => "分钟",
     "pisell2.product.card.discount.reason": "折扣原因",
     "pisell2.product.card.discount.note": "备注",
     "pisell2.product.card.discount.add.note": "添加备注",
@@ -49,11 +63,23 @@ 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.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.sales": "销售",
+    "pisell2.product.card.add.holder.modal.cancel": "取消",
+    "pisell2.product.card.add.holder.modal.clear": "清除",
+    "pisell2.product.card.add.holder.modal.apply": "应用",
+    "pisell2.product.card.add.holder.modal.add": "添加"
   },
   "zh-HK": {
+    "pisell2.product.card.edit": "編輯",
     "pisell2.product.card.day": (val) => "天",
     "pisell2.product.card.day.event": (val) => "个活動",
+    "pisell2.product.card.minute": (val) => "分鐘",
     "pisell2.product.card.discount.reason": "折扣原因",
     "pisell2.product.card.discount.note": "備註",
     "pisell2.product.card.discount.add.note": "添加備註",
@@ -63,6 +89,16 @@ 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.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.sales": "銷售",
+    "pisell2.product.card.add.holder.modal.cancel": "取消",
+    "pisell2.product.card.add.holder.modal.clear": "清除",
+    "pisell2.product.card.add.holder.modal.apply": "應用",
+    "pisell2.product.card.add.holder.modal.add": "添加"
   }
 };

package/lib/components/productCard/status.js

@@ -59,6 +59,7 @@ var defaultValue = {
   isShowNote: true,
   isShowDelete: true,
   isShowPackageNote: true,
+  isShowEditProduct: false,
   locale: "en-US",
   symbol: "$"
 };

package/lib/components/productCard/utils.js

@@ -74,21 +74,64 @@ var getServiceTime = (item, currentDate) => {
   import_dayjs.default.locale(localeTypes[locale]);
   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);
-  const diffInDays = (item == null ? void 0 : item.custom_day_count) || endDate.diff(startDate, "day");
+  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];
   }
   if (item == null ? void 0 : item.show_time) {
-    startDate = (0, import_dayjs.default)(`${item == null ? void 0 : item.start_date} ${item == null ? void 0 : item.start_time}`);
-    endDate = (0, import_dayjs.default)(`${item == null ? void 0 : item.end_date} ${item == null ? void 0 : item.end_time}`);
+    startDate = (0, import_dayjs.default)((item == null ? void 0 : item.start_time) ? `${item == null ? void 0 : item.start_date} ${item == null ? void 0 : item.start_time}` : startDate.format("YYYY-MM-DD HH:mm"));
+    endDate = (0, import_dayjs.default)((item == null ? void 0 : item.end_time) ? `${item == null ? void 0 : item.end_date} ${item == null ? void 0 : item.end_time}` : endDate.format("YYYY-MM-DD HH:mm"));
+  }
+  if ((item == null ? void 0 : item.duration_type) === "minutes") {
+    diffInDays = endDate.diff(startDate, "minute");
   }
   const date = `${startDate.format(_format)} ~ ${endDate.format(_format)}`;
   let text = import_utils.locales.getText("pisell2.product.card.day")(diffInDays);
   if (item == null ? void 0 : item.custom_day_count) {
     text = import_utils.locales.getText("pisell2.product.card.day.event")(diffInDays);
   }
-  const duration = `${diffInDays}${text}`;
+  const textTypes = {
+    "minutes": import_utils.locales.getText("pisell2.product.card.minute")(diffInDays),
+    "event": import_utils.locales.getText("pisell2.product.card.day.event")(diffInDays)
+  };
+  text = (textTypes == null ? void 0 : textTypes[item == null ? void 0 : item.duration_type]) || text;
+  let duration = `${diffInDays}${text}`;
   return `${date} (${duration})`;
 };
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/profileMenu/index.less

@@ -29,12 +29,11 @@
     align-items: center;
   }
 
-  &.profile-menu-user-info{
+  &.profile-menu-user-info {
     flex: 1;
   }
 }
 
-
 .profile-menu-user-info {
   display: flex;
   flex-direction: column;
@@ -52,7 +51,6 @@
 
   &-name {
     color: var(--Gray-700, #344054);
-    font-family: Inter;
     font-size: 14px;
     font-weight: 600;
     line-height: 20px;
@@ -64,7 +62,6 @@
 
   &-email {
     color: var(--Gray-600, #475467);
-    font-family: Inter;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
@@ -132,4 +129,4 @@
       background-color: var(--Gray-100, #f2f4f7);
     }
   }
-}
+}

package/lib/components/qrcode/index.d.ts

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

package/lib/components/radio/index.d.ts

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

package/lib/components/record-view/index.less

@@ -15,7 +15,6 @@
     color: #000;
 
     /* Text md/Semibold */
-    font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
@@ -74,7 +73,6 @@
     color: #000;
 
     /* Text md/Semibold */
-    font-family: Inter;
     font-size: 16px;
     font-style: normal;
     font-weight: 600;

package/lib/components/segmented/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SegmentedProps } from "antd";
 import "./index.less";
 declare const Segmented: (props: SegmentedProps) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface RightPanelProps {
     value: string;

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

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

package/lib/components/slider/index.d.ts

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