@pisell/materials 2.2.53 → 2.2.55

package/lib/components/pisellGoodPassCard/index.js

@@ -0,0 +1,109 @@
+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/pisellGoodPassCard/index.tsx
+var pisellGoodPassCard_exports = {};
+__export(pisellGoodPassCard_exports, {
+  default: () => pisellGoodPassCard_default
+});
+module.exports = __toCommonJS(pisellGoodPassCard_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import__ = require("../../index");
+var import_locales = require("../../locales");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_index = require("./index.less");
+var clsPrefix = "pisell-good-pass-card";
+var index = (props) => {
+  var _a;
+  const context = (0, import_useEngineContext.default)();
+  const { translation } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const { dataSource = [], onChange, style = {} } = props;
+  const [showModal, setShowModal] = (0, import_react.useState)(false);
+  console.log("pisell good card datasource", dataSource);
+  const handleChange = (newValue) => {
+    if (onChange) {
+      onChange(newValue);
+    }
+  };
+  const handleItemChange = (item, checked) => {
+    handleChange({
+      id: item.id,
+      isSelected: checked
+    });
+  };
+  const renderVoucherContent = (item) => {
+    return /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_locales.getText)("pisell2.text.goodpass.save"), " ", /* @__PURE__ */ import_react.default.createElement(import__.PisellText.Amount, { value: item.savedAmount }));
+  };
+  const renderActionElement = (item) => {
+    const isChecked = item.isSelected;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Checkbox,
+      {
+        disabled: item.isDisabled,
+        style: { marginLeft: 8 },
+        checked: isChecked,
+        onChange: (e) => handleItemChange(item, e.target.checked)
+      }
+    );
+  };
+  const renderVoucherItem = (item) => {
+    return /* @__PURE__ */ import_react.default.createElement("div", { key: item.id, className: `${clsPrefix}-voucher-item` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "item-title" }, translation(item.format_title)), /* @__PURE__ */ import_react.default.createElement("div", { className: "item-content" }, renderVoucherContent(item), renderActionElement(item)));
+  };
+  const renderModal = () => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import__.PisellModal,
+      {
+        title: (0, import_locales.getText)("pisell2.text.goodpass.product-vouchers"),
+        footer: null,
+        open: showModal,
+        onCancel: () => setShowModal(false),
+        className: `${clsPrefix}-all-items-modal`
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "10px 0" } }, dataSource.map(renderVoucherItem))
+    );
+  };
+  const renderMixedMode = () => {
+    const list = dataSource.length > 3 ? dataSource.slice(0, 3) : dataSource;
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${clsPrefix}-header` }, /* @__PURE__ */ import_react.default.createElement("div", null, (0, import_locales.getText)("pisell2.text.goodpass.product-vouchers")), /* @__PURE__ */ import_react.default.createElement(import_antd.Typography.Text, { underline: true, onClick: () => setShowModal(true) }, (0, import_locales.getText)("pisell2.text.goodpass.view-more"))), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: 4 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${clsPrefix}-body` }, list.map(renderVoucherItem)));
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderModal(), /* @__PURE__ */ import_react.default.createElement(
+    import__.PisellCard,
+    {
+      padding: 8,
+      borderRadius: 8,
+      style: {
+        width: 378,
+        ...style
+      },
+      className: clsPrefix
+    },
+    renderMixedMode()
+  ));
+};
+var pisellGoodPassCard_default = index;

package/lib/components/pisellGoodPassCard/index.less

@@ -0,0 +1,52 @@
+.pisell-good-pass-card-all-items-modal,
+.pisell-good-pass-card {
+  .pisell-good-pass-card-header,
+  .pisell-good-pass-card-group-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    color: var(--Gray-900, #101828);
+    text-align: center;
+    font-family: Inter;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 20px;
+  }
+
+  .pisell-good-pass-card-voucher-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 22px;
+
+    .item-title {
+      color: var(--Gray-500, #667085);
+      text-align: center;
+      font-family: Inter;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+    }
+
+    .item-content {
+      color: var(--, #8157d5);
+      font-family: Inter;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+
+      .add-btn {
+        color: var(--, #8157d5);
+        text-align: center;
+        font-family: Inter;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 20px; /* 142.857% */
+      }
+    }
+  }
+}

package/lib/components/pisellModal/components/MobileModal/index.less

@@ -17,14 +17,18 @@
       overflow: hidden;
       max-height: 90%;
       min-height: 200px;
+      display: flex;
+      flex-direction: column;
     }
     .pisell-lowcode-modal-content {
+      flex: 1;
       padding: 0;
       border-radius: 0;
       height: 100%;
       display: flex;
       flex-direction: column;
       max-height: none;
+      min-height: 200px;
       .pisell-lowcode-modal-close {
         padding: 10px;
         top: 8px;

package/lib/components/pisellNavigationMenu/PisellNavigationMenu.js

@@ -88,12 +88,31 @@ var PisellNavigationMenu = ({
       onAddPage == null ? void 0 : onAddPage(item);
     }
   }, []);
+  const tagTextMap = (0, import_react.useMemo)(() => {
+    return {
+      base: {
+        text: (0, import_locales.getText)("pisell-lowcode-navigation-menu-tag-base"),
+        color: "#7f56d9"
+      },
+      pisellV1: {
+        text: (0, import_locales.getText)("pisell-lowcode-navigation-menu-tag-pisell1"),
+        color: "#ee837a"
+      }
+    };
+  }, []);
   const renderMenuItem = (0, import_react.useCallback)(
     (itemProps) => {
+      var _a, _b;
       const { item } = itemProps;
-      const { allowEdit = true, allowDelete: allowDelete2 = true, allowAddChild: allowAddChild2 = true, allowAddSubmenu = true, allowAddPage = true } = item;
+      const {
+        allowEdit = true,
+        allowDelete: allowDelete2 = true,
+        allowAddChild: allowAddChild2 = true,
+        allowAddSubmenu = true,
+        allowAddPage = true
+      } = item;
       const isShowAddButton = item.isGroup && allowAddChild2 && (allowAddSubmenu || allowAddPage);
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content-icon" }, /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: item.icon })), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content-text" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-description" }, item.description, !item.isGroup && item.version && /* @__PURE__ */ import_react.default.createElement(import_pisellTags.default, { type: "pill_color", color: "success" }, item.version)))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-action-wrap" }, allowEdit && /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content-icon" }, /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: item.icon })), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-content-text" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-description" }, item.description, item.source && /* @__PURE__ */ import_react.default.createElement(import_pisellTags.default, { type: "pill_color", color: (_a = tagTextMap[item.source]) == null ? void 0 : _a.color }, ((_b = tagTextMap[item.source]) == null ? void 0 : _b.text) || ""), !item.isGroup && item.version && /* @__PURE__ */ import_react.default.createElement(import_pisellTags.default, { type: "pill_color", color: "success" }, "v", item.version)))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-navigation-menu-item-action-wrap" }, allowEdit && /* @__PURE__ */ import_react.default.createElement(
         import_button.default,
         {
           type: "text",
@@ -114,7 +133,9 @@ var PisellNavigationMenu = ({
             items: [
               allowAddSubmenu && {
                 key: "add-child",
-                label: (0, import_locales.getText)("pisell-lowcode-navigation-menu-add-sub-menu"),
+                label: (0, import_locales.getText)(
+                  "pisell-lowcode-navigation-menu-add-sub-menu"
+                ),
                 onClick: () => handleClick("add-child", item)
               },
               allowAddPage && {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export interface PisellWalletPassCardProps {
     id?: number;

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

@@ -42,11 +42,12 @@ var import_index = require("./index.less");
 var import_utils2 = require("./utils");
 var prefix = "pisell-lowcode-";
 var MultiDay = ({ dataSource, hideDivider }) => {
-  var _a, _b;
+  var _a;
   const { items, symbol, locale } = dataSource;
   let translationOriginal = (text) => "";
   const context = (0, import_useEngineContext.default)();
-  translationOriginal = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.translationOriginal;
+  const utils = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils;
+  translationOriginal = (utils == null ? void 0 : utils.translationOriginal) || (utils == null ? void 0 : utils.translation);
   const lists = (0, import_react.useMemo)(() => {
     if (!(items == null ? void 0 : items.length)) return [];
     return (0, import_utils2.formatDateRanges)(items);

package/lib/components/productCard/components/Packages/components/collapsibleList/utils.js

@@ -40,12 +40,13 @@ var import_utils = require("../../utils");
 var import_options = __toESM(require("../options"));
 var prefix = "pisell-lowcode-";
 var renderBundles = (item, hidePrice, isShowPackageNote) => {
-  var _a, _b;
-  let translationOriginal = (text) => "";
+  var _a;
+  let translation = (text) => "";
   const context = (0, import_useEngineContext.default)();
-  translationOriginal = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.translationOriginal;
+  const utils = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils;
+  translation = (utils == null ? void 0 : utils.translationOriginal) || (utils == null ? void 0 : utils.translation);
   const { title, name, id, price, symbol, option } = item;
-  return /* @__PURE__ */ import_react.default.createElement("div", { key: id, className: `${prefix}packages-product-bundle-item` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-bundle-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-bundle-info-title` }, translationOriginal(title || name)), !hidePrice ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-bundle-info-num` }, (0, import_utils._formatAmount)(price, symbol)) : null), /* @__PURE__ */ import_react.default.createElement(import_options.default, { options: option, amountSymbol: symbol }), /* @__PURE__ */ import_react.default.createElement(import_AmountFooter.default, { item }), isShowPackageNote ? /* @__PURE__ */ import_react.default.createElement(import_Note.default, { item, type: "inside" }) : null);
+  return /* @__PURE__ */ import_react.default.createElement("div", { key: id, className: `${prefix}packages-product-bundle-item` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-bundle-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-bundle-info-title` }, translation(title || name)), !hidePrice ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}packages-product-bundle-info-num` }, (0, import_utils._formatAmount)(price, symbol)) : null), /* @__PURE__ */ import_react.default.createElement(import_options.default, { options: option, amountSymbol: symbol }), /* @__PURE__ */ import_react.default.createElement(import_AmountFooter.default, { item }), isShowPackageNote ? /* @__PURE__ */ import_react.default.createElement(import_Note.default, { item, type: "inside" }) : null);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SelectResource: ({ lists, value, onChange }: any) => JSX.Element;
+export default SelectResource;

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

@@ -0,0 +1,63 @@
+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_antd = require("antd");
+var SelectResource = ({ lists, value, onChange }) => {
+  const [selectedValue, setSelectedValue] = (0, import_react.useState)();
+  (0, import_react.useEffect)(() => {
+    setSelectedValue(value);
+  }, [value]);
+  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["label"]);
+    });
+  }, [lists]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Select,
+    {
+      size: "large",
+      showSearch: true,
+      style: { flex: 1 },
+      value: selectedValue,
+      onChange: (val) => {
+        setSelectedValue(val);
+        const item = lists.find((d) => d.id === val);
+        onChange(item);
+      }
+    },
+    renderOptions()
+  );
+};
+var SelectResource_default = SelectResource;

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

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

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

@@ -36,32 +36,56 @@ 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_index = require("./index.less");
 var prefix = "pisell-lowcode-";
-var Time = ({ item, isShowHolder, onLike }) => {
+var Time = ({
+  item,
+  isShowHolder,
+  onLike,
+  isShowChangeResource,
+  changeResource
+}) => {
   const {
     start_date,
     end_date,
     holder_title,
     resource_id,
     relation_form_name,
-    like_status
+    like_status,
+    resources,
+    is_hide_like
   } = item;
   const isShow = (0, import_react.useMemo)(() => {
-    return start_date && end_date || isShowHolder && holder_title || resource_id || relation_form_name;
+    return start_date && end_date || isShowHolder && holder_title || resource_id || relation_form_name || isShowChangeResource;
   }, [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,
+  console.log("isShowChangeResource33", resources, isShowChangeResource);
+  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, isShowChangeResource && (start_date && end_date || isShowHolder && holder_title) ? /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { type: "inside" }) : null, resource_id || relation_form_name || isShowChangeResource ? /* @__PURE__ */ import_react.default.createElement(
+    "div",
     {
-      style: { marginRight: 4 },
-      status: like_status,
-      onLike: (e) => {
-        onLike({
-          ...item,
-          like_status: e
-        });
+      className: `${prefix}product-technician ${isShowChangeResource ? "pisell-lowcode-change-resource" : ""}`
+    },
+    resource_id && !is_hide_like ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-card-like-wrap` }, /* @__PURE__ */ import_react.default.createElement(
+      import_Like.default,
+      {
+        style: { marginRight: 4 },
+        status: like_status,
+        onLike: (e) => {
+          onLike({
+            ...item,
+            like_status: e
+          });
+        }
       }
-    }
-  ) : null, relation_form_name) : null)) : null;
+    )) : null,
+    isShowChangeResource ? /* @__PURE__ */ import_react.default.createElement(
+      import_SelectResource.default,
+      {
+        lists: resources,
+        value: resource_id,
+        onChange: changeResource
+      }
+    ) : relation_form_name
+  ) : null)) : null;
 };
 var Time_default = Time;

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

@@ -32,4 +32,33 @@
     display: flex;
     align-items: center;
   }
+
+  &-product-card-like-wrap {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  &-change-resource {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    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

@@ -67,6 +67,7 @@ var ProductCard = (props) => {
     onNote,
     onLike,
     onCard,
+    onChangeResource,
     ...other
   } = props;
   const useOpenNoteRef = (0, import_react.useRef)();
@@ -133,7 +134,9 @@ var ProductCard = (props) => {
           {
             item: dataSource,
             isShowHolder,
-            onLike: (item) => onLike == null ? void 0 : onLike(item)
+            isShowChangeResource: other == null ? void 0 : other.isShowChangeResource,
+            onLike: (item) => onLike == null ? void 0 : onLike(item),
+            changeResource: onChangeResource
           }
         ),
         /* @__PURE__ */ import_react.default.createElement(import_Packages.default, { item: dataSource, isShowPackageNote }),

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

@@ -1,6 +1,8 @@
 declare const _default: {
     en: {
         'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
         'pisell2.product.card.discount.reason': string;
         'pisell2.product.card.discount.note': string;
         'pisell2.product.card.discount.add.note': string;
@@ -14,6 +16,8 @@ declare const _default: {
     };
     'zh-CN': {
         'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
         'pisell2.product.card.discount.reason': string;
         'pisell2.product.card.discount.note': string;
         'pisell2.product.card.discount.add.note': string;
@@ -27,6 +31,8 @@ declare const _default: {
     };
     'zh-HK': {
         'pisell2.product.card.day': (val: number) => string;
+        'pisell2.product.card.day.event': (val: number) => string;
+        'pisell2.product.card.minute': (val: number) => string;
         'pisell2.product.card.discount.reason': string;
         'pisell2.product.card.discount.note': string;
         'pisell2.product.card.discount.add.note': string;

package/lib/components/productCard/locales.js

@@ -24,7 +24,9 @@ __export(locales_exports, {
 module.exports = __toCommonJS(locales_exports);
 var locales_default = {
   "en": {
-    "pisell2.product.card.day": (val) => `${val > 1 ? "days" : "day"}`,
+    "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.discount.add.note": "Add note",
@@ -38,6 +40,8 @@ var locales_default = {
   },
   "zh-CN": {
     "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": "添加备注",
@@ -51,6 +55,8 @@ var locales_default = {
   },
   "zh-HK": {
     "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": "添加備註",

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

@@ -70,9 +70,13 @@ export declare type ProductCardTypes = {
     disabledEdit?: boolean;
     locale?: string;
     symbol?: string;
+    isShowChangeHolder?: boolean;
+    isShowChangeResource?: boolean;
+    isShowChangeDate?: boolean;
     onAction?: (val: any) => void;
     onDelete?: (val: any) => void;
     onNote?: (val: any) => void;
     onLike?: (val: any) => void;
     onCard?: (val: any) => void;
+    onChangeResource?: (val: any) => void;
 };

package/lib/components/productCard/utils.js

@@ -74,7 +74,7 @@ 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 = endDate.diff(startDate, "day");
+  let diffInDays = (item == null ? void 0 : item.custom_day_count) || endDate.diff(startDate, "day");
   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];
@@ -83,8 +83,20 @@ var getServiceTime = (item, currentDate) => {
     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}`);
   }
+  if ((item == null ? void 0 : item.duration_type) === "minutes") {
+    diffInDays = endDate.diff(startDate, "minute");
+  }
   const date = `${startDate.format(_format)} ~ ${endDate.format(_format)}`;
-  const duration = `${diffInDays} ${import_utils.locales.getText("pisell2.product.card.day")(diffInDays)}`;
+  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 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/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/Table/SelectField/index.d.ts

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

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

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

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;
-}) => ("order_by" | "group_by" | "column_setting" | "gallery_setting" | "filter_setting" | "view_mode")[];
+}) => ("filter_setting" | "group_by" | "order_by" | "column_setting" | "view_mode" | "gallery_setting")[];
 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/components/tabs/index.js

@@ -93,6 +93,7 @@ var Tabs = class extends import_react.Component {
             key: item.key,
             onClick: (e) => props.onTabClick(item.key, e)
           },
+          /* @__PURE__ */ import_react.default.createElement(import_badge.default, { count: item.badge, offset: [0, 6] }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}tab-bar-icon-wrap` }, item.icon)),
           /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tab-bar-label` }, item.label)
         );
       }),