@pisell/materials 6.0.5 → 6.0.7

package/lib/components/profileMenu/index.js

@@ -0,0 +1,113 @@
+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/profileMenu/index.tsx
+var profileMenu_exports = {};
+__export(profileMenu_exports, {
+  default: () => profileMenu_default
+});
+module.exports = __toCommonJS(profileMenu_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_classnames = __toESM(require("classnames"));
+var import_pisellAvatar = __toESM(require("../pisellAvatar"));
+var import_index = require("./index.less");
+var ProfileMenu = ({
+  menuIcon,
+  userName = "",
+  email = "",
+  isShowUserName = true,
+  isShowEmail = true,
+  isShowUserInfo = false,
+  onClick,
+  avatar,
+  className,
+  style,
+  menuItems = [],
+  placement = "bottomRight",
+  trigger = ["click"],
+  showBadge = false,
+  badgeCount = 1
+}) => {
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const handleClick = (e) => {
+    e.preventDefault();
+    onClick == null ? void 0 : onClick();
+  };
+  const renderAvatar = (avatarProps) => /* @__PURE__ */ import_react.default.createElement(
+    import_pisellAvatar.default,
+    {
+      style: { margin: "0 6px" },
+      size: "md",
+      src: (avatarProps == null ? void 0 : avatarProps.src) || "",
+      alt: (avatarProps == null ? void 0 : avatarProps.alt) || "",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.UserOutlined, { style: { fontSize: 24, color: "#475467" } })
+    }
+  );
+  const finalMenuItems = (0, import_react.useMemo)(() => {
+    if (!isShowUserInfo)
+      return menuItems;
+    const userInfoItem = {
+      key: "user-info",
+      label: /* @__PURE__ */ import_react.default.createElement("div", { className: "profile-menu-user-info-item" }, renderAvatar(avatar), /* @__PURE__ */ import_react.default.createElement("div", { className: "profile-menu-user-info" }, userName && /* @__PURE__ */ import_react.default.createElement("p", { className: "profile-menu-user-info-name" }, userName), email && /* @__PURE__ */ import_react.default.createElement("p", { className: "profile-menu-user-info-email" }, email)))
+    };
+    return [
+      userInfoItem,
+      { type: "divider" },
+      ...menuItems || []
+    ];
+  }, [isShowUserInfo, menuItems, userName, email, avatar]);
+  const showUserInfo = isShowUserName && userName || isShowEmail && email;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Dropdown,
+    {
+      menu: { items: finalMenuItems },
+      placement,
+      trigger,
+      overlayClassName: "profile-menu-dropdown"
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("profile-menu-wrap", className),
+        style: {
+          ...style,
+          paddingRight: showUserInfo ? 16 : 0
+        },
+        onClick: handleClick
+      },
+      menuIcon && /* @__PURE__ */ import_react.default.createElement("div", { className: "profile-menu-icon" }, menuIcon),
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { count: showBadge ? badgeCount : 0, offset: [-6, 6] }, renderAvatar(avatar)),
+      showUserInfo && /* @__PURE__ */ import_react.default.createElement("div", { className: "profile-menu-user-info" }, isShowUserName && userName && /* @__PURE__ */ import_react.default.createElement("p", { className: "profile-menu-user-info-name", title: userName }, userName), isShowEmail && email && /* @__PURE__ */ import_react.default.createElement("p", { className: "profile-menu-user-info-email", title: email }, email))
+    )
+  );
+};
+var profileMenu_default = ProfileMenu;

package/lib/components/profileMenu/index.less

@@ -0,0 +1,135 @@
+.profile-menu-wrap {
+  display: flex;
+  max-width: 250px;
+  box-sizing: border-box;
+  gap: 10px;
+  width: fit-content;
+  align-items: center;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  padding-left: 16px;
+
+  border-radius: 50px;
+  border: 1px solid var(--Gray-100, #f2f4f7);
+  background: var(--Base-White, #fff);
+  cursor: pointer;
+  transition: all 0.3s ease;
+
+  /* Shadow/sm */
+  // box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
+  //   0px 1px 2px 0px rgba(16, 24, 40, 0.06);
+
+  &:hover {
+    border-color: var(--Gray-200, #e5e7eb);
+    box-shadow: 0px 2px 4px 0px rgba(16, 24, 40, 0.15);
+  }
+
+  .profile-menu-icon {
+    display: flex;
+    align-items: center;
+  }
+
+  &.profile-menu-user-info{
+    flex: 1;
+  }
+}
+
+
+.profile-menu-user-info {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-width: 0;
+  padding: 0;
+
+  &-item {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    width: 100%;
+    flex-wrap: nowrap;
+  }
+
+  &-name {
+    color: var(--Gray-700, #344054);
+    font-family: Inter;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 20px;
+    margin: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &-email {
+    color: var(--Gray-600, #475467);
+    font-family: Inter;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+    margin: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+.profile-menu-dropdown {
+  .ant-dropdown-menu {
+    min-width: fit-content;
+    max-width: 250px;
+    padding: 8px;
+    border-radius: 8px;
+    border: 1px solid var(--Gray-100, #f2f4f7);
+    background: var(--Base-White, #fff);
+    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03),
+      0px 12px 16px -4px rgba(16, 24, 40, 0.08);
+
+    .ant-dropdown-menu-item {
+      padding: 8px 12px;
+      border-radius: 6px;
+      min-height: 40px;
+      display: flex;
+      align-items: center;
+
+      &:hover {
+        background: var(--Gray-50, #f9fafb);
+      }
+
+      &:active {
+        background: var(--Gray-100, #f2f4f7);
+      }
+
+      .profile-menu-user-info-item {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        width: 100%;
+        flex-wrap: nowrap;
+        overflow: hidden;
+
+        .profile-menu-user-info {
+          flex: 1;
+          min-width: 0;
+          overflow: hidden;
+
+          &-name,
+          &-email {
+            width: 100%;
+            padding-right: 8px;
+            margin: 0;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+        }
+      }
+    }
+
+    .ant-dropdown-menu-item-divider {
+      margin: 8px 0;
+      background-color: var(--Gray-100, #f2f4f7);
+    }
+  }
+}

package/lib/components/select/index.js

@@ -98,9 +98,10 @@ var SelectBase = (0, import_react.forwardRef)((props, ref) => {
     return mode === "multiple" && isShowDropdown && selectAll;
   }, [mode, selectAll, isShowDropdown]);
   const checkboxChecked = (0, import_react.useMemo)(() => {
+    var _a, _b, _c;
     if (mode !== "multiple")
       return false;
-    return (state == null ? void 0 : state.length) === (filteredOptions == null ? void 0 : filteredOptions.length) && state.sort().join("") === filteredOptions.map((item) => item.value).sort().join("");
+    return (state == null ? void 0 : state.length) === (filteredOptions == null ? void 0 : filteredOptions.length) && ((_a = state == null ? void 0 : state.sort()) == null ? void 0 : _a.join("")) === ((_c = (_b = filteredOptions == null ? void 0 : filteredOptions.map((item) => item.value)) == null ? void 0 : _b.sort()) == null ? void 0 : _c.join(""));
   }, [state, filteredOptions]);
   const dropdownRender = (0, import_react.useCallback)(
     propsDropdownRender ? propsDropdownRender : (originNode) => {

package/lib/components/table/Header/index.js

@@ -34,6 +34,7 @@ __export(Header_exports, {
 module.exports = __toCommonJS(Header_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
+var import_page_header = __toESM(require("../../page-header"));
 var import_Buttons = __toESM(require("./Buttons"));
 var import_index = require("./index.less");
 var Header = ({
@@ -64,6 +65,15 @@ var Header = ({
     }
     return subTitle;
   }, [subTitle]);
-  return showHeader ? /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-header" }, showTitle && /* @__PURE__ */ import_react.default.createElement("div", { className: "left-wrap" }, titleNode), /* @__PURE__ */ import_react.default.createElement("div", { className: "right-wrap" }, buttonsNode)), showSubTitle && subTitleNode && /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-sub-title" }, subTitleNode)) : null;
+  return showHeader ? /* @__PURE__ */ import_react.default.createElement(
+    import_page_header.default,
+    {
+      title: titleNode,
+      showTitle,
+      subTitle: subTitleNode,
+      showSubTitle,
+      extra: buttonsNode
+    }
+  ) : null;
 };
 var Header_default = Header;

package/lib/index.d.ts

@@ -98,6 +98,8 @@ export { default as PisellToast } from './components/pisellToast';
 export { default as PisellWalletPassCard } from './components/pisellWalletPassCard';
 export { default as PisellScan } from './components/pisellScan';
 export { default as PisellAlert } from './components/pisellAlert';
+export { default as PisellAvatar } from './components/pisellAvatar';
+export { default as ProfileMenu } from './components/profileMenu';
 export { default as PisellCard } from './components/pisellCard';
 export { default as PisellInformationEntry } from './components/pisellInformationEntry';
 export { default as usePisellConfig } from './components/pisell-config-provider/hooks/usePisellConfig';
@@ -129,3 +131,7 @@ export { default as DataSourceWrapper } from './components/dataSourceComponents/
 export { default as DataSourceTypography } from './components/dataSourceComponents/dataSourceShow/dataSourceTypography';
 export { default as DataSourceImage } from './components/dataSourceComponents/dataSourceShow/dataSourceImage';
 export { default as DataSourceQRCode } from './components/dataSourceComponents/dataSourceShow/dataSourceQRCode';
+export { default as PageHeader } from './components/page-header';
+export { default as OrganizationTenantSwitcher } from './components/organizationTenantSwitcher';
+export { default as PisellTags } from './components/pisellTags';
+export { default as loginAndRegister } from './components/login-and-register';

package/lib/index.js

@@ -90,11 +90,14 @@ __export(src_exports, {
   Mentions: () => import_antd19.Mentions,
   Menu: () => import_antd18.Menu,
   Modal: () => import_modal.default,
+  OrganizationTenantSwitcher: () => import_organizationTenantSwitcher.default,
   Page: () => import_page.default,
+  PageHeader: () => import_page_header.default,
   Pagination: () => import_antd22.Pagination,
   PisellAdjustPrice: () => import_pisellAdjustPrice.default,
   PisellAdjustPriceInputNumber: () => import_PisellAdjustPriceInputNumber.default,
   PisellAlert: () => import_pisellAlert.default,
+  PisellAvatar: () => import_pisellAvatar.default,
   PisellCard: () => import_pisellCard.default,
   PisellCardList: () => import_pisellCardList.default,
   PisellCheckboxGroup: () => import_pisellCheckboxGroup.default,
@@ -114,6 +117,7 @@ __export(src_exports, {
   PisellRow: () => import_pisellRow.default,
   PisellScan: () => import_pisellScan.default,
   PisellStatisticList: () => import_pisellStatisticList.default,
+  PisellTags: () => import_pisellTags.default,
   PisellText: () => import_pisellText.default,
   PisellToast: () => import_pisellToast.default,
   PisellTooltip: () => import_pisellTooltip.default,
@@ -121,6 +125,7 @@ __export(src_exports, {
   PisellWalletPassCard: () => import_pisellWalletPassCard.default,
   Popconfirm: () => import_antd23.Popconfirm,
   Popover: () => import_antd24.Popover,
+  ProfileMenu: () => import_profileMenu.default,
   Progress: () => import_antd25.Progress,
   QRCode: () => import_qrcode.default,
   Radio: () => import_radio.default,
@@ -157,6 +162,7 @@ __export(src_exports, {
   VirtualKeyboardTime: () => import_Time.default,
   getBankCardTypeImg: () => import_utils.getBankCardTypeImg,
   globalConfig: () => import_context.globalConfig,
+  loginAndRegister: () => import_login_and_register.default,
   message: () => import_antd17.message,
   notification: () => import_antd21.notification,
   usePisellConfig: () => import_usePisellConfig.default,
@@ -263,6 +269,8 @@ var import_pisellToast = __toESM(require("./components/pisellToast"));
 var import_pisellWalletPassCard = __toESM(require("./components/pisellWalletPassCard"));
 var import_pisellScan = __toESM(require("./components/pisellScan"));
 var import_pisellAlert = __toESM(require("./components/pisellAlert"));
+var import_pisellAvatar = __toESM(require("./components/pisellAvatar"));
+var import_profileMenu = __toESM(require("./components/profileMenu"));
 var import_pisellCard = __toESM(require("./components/pisellCard"));
 var import_pisellInformationEntry = __toESM(require("./components/pisellInformationEntry"));
 var import_usePisellConfig = __toESM(require("./components/pisell-config-provider/hooks/usePisellConfig"));
@@ -294,6 +302,10 @@ var import_dataSourceWrapper = __toESM(require("./components/dataSourceComponent
 var import_dataSourceTypography = __toESM(require("./components/dataSourceComponents/dataSourceShow/dataSourceTypography"));
 var import_dataSourceImage = __toESM(require("./components/dataSourceComponents/dataSourceShow/dataSourceImage"));
 var import_dataSourceQRCode = __toESM(require("./components/dataSourceComponents/dataSourceShow/dataSourceQRCode"));
+var import_page_header = __toESM(require("./components/page-header"));
+var import_organizationTenantSwitcher = __toESM(require("./components/organizationTenantSwitcher"));
+var import_pisellTags = __toESM(require("./components/pisellTags"));
+var import_login_and_register = __toESM(require("./components/login-and-register"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -357,11 +369,14 @@ var import_dataSourceQRCode = __toESM(require("./components/dataSourceComponents
   Mentions,
   Menu,
   Modal,
+  OrganizationTenantSwitcher,
   Page,
+  PageHeader,
   Pagination,
   PisellAdjustPrice,
   PisellAdjustPriceInputNumber,
   PisellAlert,
+  PisellAvatar,
   PisellCard,
   PisellCardList,
   PisellCheckboxGroup,
@@ -381,6 +396,7 @@ var import_dataSourceQRCode = __toESM(require("./components/dataSourceComponents
   PisellRow,
   PisellScan,
   PisellStatisticList,
+  PisellTags,
   PisellText,
   PisellToast,
   PisellTooltip,
@@ -388,6 +404,7 @@ var import_dataSourceQRCode = __toESM(require("./components/dataSourceComponents
   PisellWalletPassCard,
   Popconfirm,
   Popover,
+  ProfileMenu,
   Progress,
   QRCode,
   Radio,
@@ -424,6 +441,7 @@ var import_dataSourceQRCode = __toESM(require("./components/dataSourceComponents
   VirtualKeyboardTime,
   getBankCardTypeImg,
   globalConfig,
+  loginAndRegister,
   message,
   notification,
   usePisellConfig,

package/lib/locales/en-US.d.ts

@@ -133,6 +133,7 @@ declare const _default: {
     'pisell-data-source-table-delete': string;
     'pisell-data-source-form-required-message': string;
     'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-domain-message': string;
     'pisell-data-source-form-url-message': string;
     'pisell-data-source-form-phone-message': string;
     'pisell-data-source-form-min-length-message': (minLength: number) => string;

package/lib/locales/en-US.js

@@ -167,6 +167,7 @@ var en_US_default = {
   "pisell-data-source-table-delete": "Delete",
   "pisell-data-source-form-required-message": "This field is required",
   "pisell-data-source-form-email-message": "Please enter a valid email address",
+  "pisell-data-source-form-domain-message": "Please enter a valid domain",
   "pisell-data-source-form-url-message": "Please enter a valid URL",
   "pisell-data-source-form-phone-message": "Please enter a valid phone number",
   "pisell-data-source-form-min-length-message": (minLength) => `Length must be at least ${minLength} character`,

package/lib/locales/zh-CN.d.ts

@@ -133,6 +133,7 @@ declare const _default: {
     'pisell-data-source-table-delete': string;
     'pisell-data-source-form-required-message': string;
     'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-domain-message': string;
     'pisell-data-source-form-url-message': string;
     'pisell-data-source-form-phone-message': string;
     'pisell-data-source-form-min-length-message': (minLength: number) => string;

package/lib/locales/zh-CN.js

@@ -166,6 +166,7 @@ var zh_CN_default = {
   "pisell-data-source-table-delete": "删除",
   "pisell-data-source-form-required-message": "该字段为必填项",
   "pisell-data-source-form-email-message": "请输入有效的电子邮件地址",
+  "pisell-data-source-form-domain-message": "请输入有效的域名",
   "pisell-data-source-form-url-message": "请输入正确的网址",
   "pisell-data-source-form-phone-message": "请输入有效的电话号码",
   "pisell-data-source-form-min-length-message": (minLength) => `长度必须至少为${minLength}个字符`,

package/lib/locales/zh-TW.d.ts

@@ -133,6 +133,7 @@ declare const _default: {
     'pisell-data-source-table-delete': string;
     'pisell-data-source-form-required-message': string;
     'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-domain-message': string;
     'pisell-data-source-form-url-message': string;
     'pisell-data-source-form-phone-message': string;
     'pisell-data-source-form-min-length-message': (minLength: number) => string;

package/lib/locales/zh-TW.js

@@ -167,6 +167,7 @@ var zh_TW_default = {
   "pisell-data-source-table-delete": "刪除",
   "pisell-data-source-form-required-message": "該字段為必填項",
   "pisell-data-source-form-email-message": "請輸入有效的電子郵件地址",
+  "pisell-data-source-form-domain-message": "請輸入有效的域名",
   "pisell-data-source-form-url-message": "請輸入正確的網址",
   "pisell-data-source-form-phone-message": "請輸入有效的電話號碼",
   "pisell-data-source-form-min-length-message": (minLength) => `長度必須至少為${minLength}个字符`,

package/lowcode/_utils/defaultSchema.ts

@@ -460,10 +460,24 @@ export const generalItemMap = {
                     { title: '字符串', value: 'string' },
                     { title: '邮箱', value: 'email' },
                     { title: '网址', value: 'url' },
+                    { title: '域名', value: 'domain' },
+                    { title: '正则', value: 'pattern' },
                   ],
                 },
               },
             },
+            {
+              name: 'pattern',
+              title: {
+                type: 'i18n',
+                'en-US': 'Pattern',
+                'zh-CN': '正则',
+              },
+              setter: 'StringSetter',
+              condition: (target: any) => {
+                return target.parent.getPropValue('type') === 'pattern';
+              },
+            },
             {
               name: 'message',
               title: {
@@ -1303,10 +1317,24 @@ export const formItemGeneralProps = [
                         { title: '字符串', value: 'string' },
                         { title: '邮箱', value: 'email' },
                         { title: '网址', value: 'url' },
+                        { title: '域名', value: 'domain' },
+                        { title: '正则', value: 'pattern' },
                       ],
                     },
                   },
                 },
+                {
+                  name: 'pattern',
+                  title: {
+                    type: 'i18n',
+                    'en-US': 'Pattern',
+                    'zh-CN': '正则',
+                  },
+                  setter: 'StringSetter',
+                  condition: (target: any) => {
+                    return target.parent.getPropValue('type') === 'pattern';
+                  },
+                },
                 {
                   name: 'message',
                   title: {
@@ -1478,3 +1506,39 @@ export const genGeneralVariablesSetting = ({
     },
   };
 };
+
+
+export const inputPlaceholder = {
+  type: 'i18n',
+  'en': 'Enter',
+  'zh-CN': '请输入',
+  'zh-HK': '請輸入',
+};
+
+export const selectPlaceholder = {
+  type: 'i18n',
+  'en': 'Select an option',
+  'zh-CN': '请选择一个选项',
+  'zh-HK': '請選擇一個選項',
+};
+
+export const selectMultiplePlaceholder = {
+  type: 'i18n',
+  'en': 'Select one or more options',
+  'zh-CN': '请选择一个或多个选项',
+  'zh-HK': '請選擇一個或多個選項',
+};
+
+export const datePickerPlaceholder = {
+  type: 'i18n',
+  'en': 'Select a date',
+  'zh-CN': '请选择日期',
+  'zh-HK': '請選擇日期',
+};
+
+export const timePickerPlaceholder = {
+  type: 'i18n',
+  'en': 'Select a time',
+  'zh-CN': '请选择时间',
+  'zh-HK': '請選擇時間',
+};