@pisell/materials 2.2.54 → 2.2.56

package/lib/components/filter/components/items/text/Preview/index.d.ts

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

package/lib/components/filter/components/items/text/index.d.ts

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

package/lib/components/iconfont/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(iconfont_exports);
 var import_icons = require("@ant-design/icons");
 var import_react = __toESM(require("react"));
 var MyIcon = (0, import_icons.createFromIconfontCN)({
-  scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.3.js"
+  scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.4.js"
   // 在 iconfont.cn 上生成
 });
 var IconFont = (props) => {

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

@@ -35,49 +35,50 @@ module.exports = __toCommonJS(login_and_register_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_icons = require("@ant-design/icons");
+var import_locales = require("../../locales/index");
 var import_index = require("./index.less");
 var loginAndRegister = ({
   showLogo = true,
   logo,
   logoPosition = "center",
   logoSize = { width: 48, height: 48 },
-  title = "Log in to your account",
+  title = (0, import_locales.getText)("Log in to your account"),
   showTitle = false,
   titleAlign = "center",
-  subtitle = "Welcome back! Please enter your details.",
+  subtitle = (0, import_locales.getText)("pisell-login-and-register-subtit"),
   showSubtitle = false,
   subtitleAlign = "center",
   loginMethods = ["email", "google", "facebook", "apple"],
   defaultLoginMethod = "email",
-  emailLabel = "Email",
-  passwordLabel = "Password",
-  emailPlaceholder = "Enter your email",
-  passwordPlaceholder = "Enter your password",
+  emailLabel = (0, import_locales.getText)("pisell-login-and-register-email-label"),
+  passwordLabel = (0, import_locales.getText)("pisell-login-and-register-password-label"),
+  emailPlaceholder = (0, import_locales.getText)("pisell-login-and-register-email-placeholder"),
+  passwordPlaceholder = (0, import_locales.getText)("pisell-login-and-register-password-placeholder"),
   emailRules = [
-    { required: true, message: "Please input your email!" },
-    { type: "email", message: "Please enter a valid email!" }
+    { required: true, message: (0, import_locales.getText)("pisell-login-and-register-email-error") },
+    { type: "email", message: (0, import_locales.getText)("pisell-login-and-register-email-error-valid") }
   ],
-  buttonText = "Log in",
+  buttonText = (0, import_locales.getText)("Log in"),
   socialLoginTexts = {
-    google: "Continue with Google",
-    facebook: "Continue with Facebook",
-    apple: "Continue with Apple"
+    google: (0, import_locales.getText)("pisell-login-and-register-google"),
+    facebook: (0, import_locales.getText)("pisell-login-and-register-facebook"),
+    apple: (0, import_locales.getText)("pisell-login-and-register-apple")
   },
   showFooter = true,
   showSignUp = true,
-  signUpText = "Don't have an account? Sign up",
+  signUpText = (0, import_locales.getText)("pisell-login-and-register-sign-up"),
   signUpLink = "",
   signUpPosition = "center",
   otherLinks = [],
   otherLinksPosition = "center",
   showTabs = true,
-  loginTabText = "Login",
-  registerTabText = "Register",
-  registerEmailPlaceholder = "Enter your email",
-  registerPasswordPlaceholder = "Create a password",
-  registerButtonText = "Create account",
-  rememberMeText = "Remember me",
-  forgotPasswordText = "Forgot password?",
+  loginTabText = (0, import_locales.getText)("pisell-login-and-register-login-tab"),
+  registerTabText = (0, import_locales.getText)("pisell-login-and-register-register-tab"),
+  registerEmailPlaceholder = (0, import_locales.getText)("pisell-login-and-register-register-email-placeholder"),
+  registerPasswordPlaceholder = (0, import_locales.getText)("pisell-login-and-register-register-password-placeholder"),
+  registerButtonText = (0, import_locales.getText)("pisell-login-and-register-register-button-text"),
+  rememberMeText = (0, import_locales.getText)("pisell-login-and-register-remember-me"),
+  forgotPasswordText = (0, import_locales.getText)("pisell-login-and-register-forgot-password"),
   showRememberMe = false,
   showForgotPassword = false,
   onLogin,
@@ -117,6 +118,7 @@ var loginAndRegister = ({
       setLoading(false);
     }
   };
+  console.log(registerButtonText, "registerButtonText");
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-login-main" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-login-container" }, showLogo && /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -177,7 +179,7 @@ var loginAndRegister = ({
       onClick: handleEmailLogin,
       className: "saas-login-button"
     },
-    "Log in"
+    (0, import_locales.getText)("pisell-login-and-register-login")
   )) : /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Form.Item,
     {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardProps } from 'antd';
 import './index.less';
 export interface PisellCardProps extends CardProps {

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/pisellDatePicker/datePickerCpt.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './detePickerCpt.less';

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export interface ScanProps {
     onChange: (val: string) => void;

package/lib/components/pisellInput/components/BankCard/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 import './index.less';

package/lib/components/pisellInput/components/SecurityCode/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 import { PisellContextType } from "../../../pisell-config-provider/context";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipPropsWithTitle } from 'antd/es/tooltip';
 import { PisellContextType } from "../pisell-config-provider/context";
 import './index.less';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { UploadProps } from 'antd';
 import './index.less';
 export interface PisellUploadProps extends UploadProps {

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

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

package/lib/components/productCard/components/Header/DeleteButton/index.d.ts

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