@pisell/materials 2.2.54 → 2.2.55

package/lib/components/login-and-register/index.less

@@ -67,7 +67,7 @@
       position: relative;
       
       &.active {
-        color: #7F56D9;
+        color: var(--theme-color);
         
         &:after {
           content: '';
@@ -76,7 +76,7 @@
           left: 0;
           right: 0;
           height: 2px;
-          background: #7F56D9;
+          background: var(--theme-color);
         }
       }
       
@@ -105,11 +105,11 @@
       background: #FFF;
       
       &:hover {
-        border-color: #7F56D9;
+        border-color: var(--theme-color);
       }
       
       &:focus {
-        border-color: #7F56D9;
+        border-color: var(--theme-color);
         box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
       }
 
@@ -126,7 +126,7 @@
     .saas-login-button {
       height: 44px;
       border-radius: 8px;
-      background: #7F56D9;
+      background: var(--theme-color);
       border: none;
       font-weight: 500;
       
@@ -135,7 +135,7 @@
       }
       
       &:focus {
-        background: #7F56D9;
+        background: var(--theme-color);
         box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.1);
       }
     }
@@ -185,7 +185,7 @@
       margin-bottom: 16px;
       
       a {
-        color: #7F56D9;
+        //color: #7F56D9;
         margin-left: 4px;
         cursor: pointer;
         

package/lib/components/page/index.js

@@ -83,7 +83,7 @@ var Page = (props) => {
         token: {
           ...props.theme.token,
           // 外部透传主题时，如果没有传入colorPrimary 默认使用主项目内主题色
-          colorPrimary: ((_b2 = (_a2 = props == null ? void 0 : props.theme) == null ? void 0 : _a2.token) == null ? void 0 : _b2.colorPrimary) || themeColor || "#7F56D9"
+          colorPrimary: ((_b2 = (_a2 = props == null ? void 0 : props.theme) == null ? void 0 : _a2.token) == null ? void 0 : _b2.colorPrimary) || themeColor || "#5D3F9F"
         }
       };
     }
@@ -120,10 +120,10 @@ var Page = (props) => {
           colorErrorBg: "#FEF3F2",
           colorErrorBorderHover: "#FDA29B",
           colorErrorOutline: "rgba(217, 45, 32, 0.06)",
-          colorLink: "#175CD3",
-          colorLinkActive: "#194185",
-          colorLinkHover: "#1849A9",
-          // colorPrimaryActive: '#7f56d9',
+          colorLink: "#7F56DA",
+          colorLinkActive: "#5F3DA8",
+          colorLinkHover: "#6D48C4",
+          // colorPrimaryActive: '#5D3F9F',
           // colorPrimaryBorder: '#E9D7FE',
           colorText: "#344054",
           colorTextDisabled: "#D0D5DD",
@@ -170,59 +170,25 @@ var Page = (props) => {
         Select: {
           fontSizeIcon: 16
           // "lineHeight": 1
+        },
+        Menu: {
+          subMenuItemSelectedColor: "#9976e3"
         }
       },
       token: {
-        colorPrimary: themeColor || "#7F56D9",
-        // colorPrimaryBg: '#F9F5FF',
-        // colorPrimaryBgHover: '#F4EBFF',
-        // colorPrimaryBorder: '#E9D7FE',
-        // colorPrimaryBorderHover: '#D6BBFB',
-        // colorPrimaryHover: '#6941C6',
-        // colorPrimaryActive: '#53389E',
-        // colorPrimaryTextHover: '#53389E',
-        // colorPrimaryText: '#6941C6',
-        // colorPrimaryTextActive: '#42307D',
-        colorSuccess: "#079455",
-        colorSuccessBg: "#ECFDF3",
-        colorSuccessBgHover: "#DCFAE6",
-        colorSuccessBorder: "#ABEFC6",
-        colorSuccessBorderHover: "#75E0A7",
-        colorSuccessHover: "#067647",
-        colorSuccessText: "#067647",
-        colorSuccessActive: "#085D3A",
-        colorSuccessTextHover: "#085D3A",
-        colorSuccessTextActive: "#074D31",
-        colorWarning: "#dc6803",
-        colorWarningBg: "#FFFAEB",
-        colorWarningBgHover: "#FEF0C7",
-        colorWarningBorder: "#FEDF89",
-        colorWarningBorderHover: "#FEC84B",
-        colorWarningHover: "#B54708",
-        colorWarningText: "#B54708",
-        colorWarningActive: "#93370D",
-        colorWarningTextHover: "#93370D",
-        colorWarningTextActive: "#7A2E0E",
-        colorError: "#d92d20",
-        colorErrorBg: "#FEF3F2",
-        colorErrorBgHover: "#FEE4E2",
-        colorErrorBorder: "#FECDCA",
-        colorErrorBorderHover: "#FDA29B",
-        colorErrorHover: "#B42318",
-        colorErrorText: "#B42318",
-        colorErrorActive: "#912018",
-        colorErrorTextHover: "#912018",
-        colorErrorTextActive: "#7A271A",
-        colorInfo: "#1570ef",
-        colorInfoBg: "#EFF8FF",
-        colorInfoBgHover: "#D1E9FF",
-        colorInfoBorder: "#B2DDFF",
-        colorInfoBorderHover: "#84CAFF",
-        colorInfoHover: "#175CD3",
-        colorInfoText: "#175CD3",
-        colorInfoActive: "#1849A9",
-        colorInfoTextHover: "#1849A9",
-        colorInfoTextActive: "#194185",
+        colorPrimary: themeColor || "#5D3F9F",
+        colorPrimaryBg: "#eee5ff",
+        colorPrimaryBgHover: "#e4d9fc",
+        colorPrimaryBorder: "#d4c3f7",
+        colorSuccess: "#5f9e3f",
+        colorInfo: "#5d3f9f",
+        colorError: "#f5222d",
+        colorSuccessBg: "#e5fcd9",
+        colorSuccessBgHover: "#d5f7c3",
+        // 链接色
+        colorLink: "#7F56DA",
+        colorLinkActive: "#5F3DA8",
+        colorLinkHover: "#6D48C4",
         colorText: "#101828",
         colorTextSecondary: "#475467",
         colorTextTertiary: "#667085",
@@ -245,7 +211,7 @@ var Page = (props) => {
     var _a2;
     return (0, import_date_picker.createTheme)({
       palette: {
-        primary: { main: ((_a2 = theme.token) == null ? void 0 : _a2.colorPrimary) || "#7F56D9" }
+        primary: { main: ((_a2 = theme.token) == null ? void 0 : _a2.colorPrimary) || "#5D3F9F" }
       }
     });
   }, [platform, themeColor]);
@@ -271,17 +237,23 @@ var Page = (props) => {
           dateAdapter: import_AdapterDayjs.AdapterDayjs,
           adapterLocale: ((_d = localeDateMap == null ? void 0 : localeDateMap[locale]) == null ? void 0 : _d.adapterLocale) || "en"
         },
-        /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(import_pisell_config_provider.default, { locale }, /* @__PURE__ */ import_react.default.createElement(import_VariablesProvider.default, { variables: ((_f = (_e = context.engine) == null ? void 0 : _e.props) == null ? void 0 : _f.variables) || {} }, /* @__PURE__ */ import_react.default.createElement(
-          "div",
+        /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(import_pisell_config_provider.default, { locale }, /* @__PURE__ */ import_react.default.createElement(
+          import_VariablesProvider.default,
           {
-            style: {
-              ...style,
-              "--theme-color": themeColor || "#7F56D9"
-            },
-            className
+            variables: ((_f = (_e = context.engine) == null ? void 0 : _e.props) == null ? void 0 : _f.variables) || {}
           },
-          children
-        )))))
+          /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              style: {
+                ...style,
+                "--theme-color": themeColor || "#5D3F9F"
+              },
+              className
+            },
+            children
+          )
+        ))))
       )
     )
   );

package/lib/components/pisellCustomCheckboxGroup/index.js

@@ -54,7 +54,7 @@ var PisellCustomCheckboxGroup = ({
   }, [allowAdd, dataSource]);
   const renderGridItem = (item, index) => {
     var _a;
-    return /* @__PURE__ */ import_react.default.createElement("div", { onClick: () => onClick(item) }, (item == null ? void 0 : item.isAddCard) && renderAddItem ? renderAddItem(item) : (_a = rest == null ? void 0 : rest.renderItem) == null ? void 0 : _a.call(rest, item, index));
+    return /* @__PURE__ */ import_react.default.createElement("div", { onClick: () => onClick(item), style: { height: "100%" } }, (item == null ? void 0 : item.isAddCard) && renderAddItem ? renderAddItem(item) : (_a = rest == null ? void 0 : rest.renderItem) == null ? void 0 : _a.call(rest, item, index));
   };
   return /* @__PURE__ */ import_react.default.createElement(
     import_pisellViewGrid.default,

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import './index.less';
+interface ApplicableProductDetails {
+    amount: string;
+    type: string;
+    resource_id: number;
+    title: string;
+    original_amount: string;
+}
+interface Discount {
+    id: number;
+    product_name: string;
+    encoded: string;
+    code: string;
+    tag: string;
+    expire_time?: string;
+    product_id: number;
+    relation_type: string;
+    par_value: string;
+    used_par_value: string;
+    limit_status: string;
+    limited_relation_product_data: any;
+    balance: string;
+    format_title: any;
+    product: any;
+    savedAmount: number;
+    isDisabled: boolean;
+    isSelected?: boolean;
+    isAvailable?: boolean;
+    isUsed?: boolean;
+    applicableProductIds?: number[];
+    applicableProductDetails: ApplicableProductDetails[];
+    appliedProductDetails: any[];
+}
+export interface PisellGoodPassCardProps {
+    /**数据源 */
+    dataSource: Array<Discount>;
+    /**事件 */
+    onChange?: (current: {
+        id: string | number;
+        isSelected: boolean;
+    }) => void;
+    /**样式 */
+    style: React.CSSProperties;
+}
+declare const index: (props: PisellGoodPassCardProps) => JSX.Element;
+export default index;

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/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;