@pisell/materials 6.3.26 → 6.3.28

package/lib/components/filter/components/FilterItem/index.less

@@ -0,0 +1,90 @@
+/**
+ * FilterItem 样式
+ * RangePicker 按 Figma Pisell 2.0 Component Library (node-id=13586-90520)
+ * 使用 pisell-lowcode- 前缀（RangePicker 传入 prefixCls="pisell-lowcode"）
+ * - Border: Gray/300 #D0D5DD, 1px
+ * - Background: Base/White #FFFFFF
+ * - Text/Icon: Gray/500 #667085
+ * - Typography: Text md/Regular - Inter 16px, weight 400, line-height 24px
+ * - Shadow: Shadow/xs 0 1px 2px rgba(16, 24, 40, 0.05)
+ * - Border radius: 8px
+ */
+
+.pisell-lowcode-range-picker-wrap {
+  //width: 257px;
+  width: 100%;
+
+  .pisell-lowcode-range {
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0;
+    color: #667085;
+    border-radius: 8px;
+    border: 1px solid #d0d5dd;
+    background: #ffffff;
+    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
+    width: 100%;
+    height: 48px;
+    min-height: 48px;
+    padding: 6px 11px;
+
+    .pisell-lowcode-picker-input {
+      height: 36px;
+
+      > input {
+        font-family: inherit;
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 24px;
+        color: #667085;
+
+        &::placeholder {
+          color: #667085;
+          opacity: 0.6;
+        }
+      }
+    }
+
+    .pisell-lowcode-picker-separator {
+      color: #667085;
+    }
+
+    .pisell-lowcode-picker-suffix,
+    .pisell-lowcode-picker-clear {
+      color: #667085;
+    }
+
+    &:hover {
+      border-color: #d0d5dd;
+    }
+
+    &.pisell-lowcode-picker-focused {
+      border-color: #d0d5dd;
+      box-shadow: 0 0 0 2px rgba(16, 24, 40, 0.05);
+    }
+
+    &.pisell-lowcode-picker-large {
+      height: 48px;
+      min-height: 48px;
+      padding: 6px 11px;
+
+      .pisell-lowcode-picker-input {
+        height: 36px;
+      }
+    }
+
+    &.pisell-lowcode-picker-small {
+      min-height: 32px;
+      padding: 2px 7px;
+
+      .pisell-lowcode-picker-input {
+        height: 24px;
+      }
+
+      .pisell-lowcode-picker-input > input {
+        font-size: 14px;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,48 @@
+import { ModeType } from "../table/types";
+/**
+ * 筛选总配置
+ */
+export declare type FilterType = {
+    /** 筛选是否展示 */
+    show: boolean;
+    /** 筛选项排序按钮是否展示 */
+    sortButtonShow: boolean;
+    /** 筛选列表 */
+    list: FilterItemProps[];
+    items?: string[];
+    /** 快速筛选最大长度 */
+    quickFilterMaxLength: number;
+    /** 配置存储模式 */
+    storageMode: "" | "localStorage";
+    /** 筛选列表项dom */
+    dom?: any;
+};
+/**
+ * 筛选列表项配置
+ * - type 为 single/input/rangePicker 等时使用内置或映射组件
+ * - type 为 "custom" 时使用 other.component，组件接收 value/onChange（由 Form 注入）
+ */
+export declare type FilterItemProps = {
+    type: "single" | "input" | "datePicker" | "rangePicker" | "rangePickerNew" | "search" | "custom";
+    name?: string | string[];
+    key: string;
+    props?: object;
+    label?: string;
+    sort?: boolean;
+    localFilter?: boolean;
+    other: Record<string, any>;
+    isCustom?: boolean;
+    columnKey?: string;
+    isHidden?: boolean;
+};
+/**
+ * 筛选组件属性
+ */
+export interface FilterProps {
+    filter: FilterType;
+    isRenderFormContent: boolean;
+    onValuesChange?: () => void;
+    tableId?: string;
+    viewMode?: ModeType;
+    isMobile?: boolean;
+}

package/lib/components/iconSelect/utils.d.ts

@@ -0,0 +1,14 @@
+export declare type IconGroup = 'outlined' | 'filled' | 'two-tone' | 'iconfont';
+export declare function get(obj: any, path: string, defaultValue?: any): any;
+export declare function getAntdIconList(): ({
+    name: any;
+    group: "filled" | "outlined" | "two-tone";
+    icon: any;
+} | null)[];
+interface IconItem {
+    name: string;
+    group: IconGroup;
+    icon: any;
+}
+export declare function getIconList(): IconItem[];
+export {};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ImageProps as AntdImageProps } from 'antd';
+export interface ImageProps extends Omit<AntdImageProps, 'placeholder'> {
+    /**
+     * 占位图类型
+     */
+    fallbackType?: 'image' | 'avatar' | 'product';
+}
+declare const Image: React.FC<ImageProps>;
+export default Image;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import './index.less';
+export declare type ItemValue = string | number;
+export interface Item {
+    value: ItemValue;
+    label: React.ReactNode;
+    disabled: boolean;
+    type: 'text' | 'primary';
+    style?: React.CSSProperties;
+    size?: number;
+}
+export interface KeyboardProps {
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (value?: ItemValue) => void;
+    items?: Item[];
+    rightItems?: Item[];
+    keydown?: boolean;
+}
+declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => React.JSX.Element>;
+export default _default;

package/lib/components/login-and-register/index.d.ts

@@ -0,0 +1,82 @@
+import React from 'react';
+import './index.less';
+/**
+ * loginAndRegister组件的属性接口
+ */
+export interface loginAndRegisterProps {
+    /** Logo相关配置 */
+    showLogo?: boolean;
+    logo?: string;
+    logoPosition?: 'left' | 'center' | 'right';
+    logoSize?: {
+        width?: number;
+        height?: number;
+    };
+    /** 标题相关配置 */
+    title?: string;
+    showTitle?: boolean;
+    titleAlign?: 'left' | 'center' | 'right';
+    /** 副标题相关配置 */
+    subtitle?: string;
+    showSubtitle?: boolean;
+    subtitleAlign?: 'left' | 'center' | 'right';
+    /** 登录方式配置 */
+    loginMethods?: ('email' | 'google' | 'facebook' | 'apple')[];
+    defaultLoginMethod?: 'email' | 'google' | 'facebook' | 'apple';
+    /** 表单配置 */
+    emailLabel?: string;
+    passwordLabel?: string;
+    emailPlaceholder?: string;
+    passwordPlaceholder?: string;
+    emailRules?: any[];
+    buttonText?: string;
+    rememberMeText?: string;
+    forgotPasswordText?: string;
+    showRememberMe?: boolean;
+    showForgotPassword?: boolean;
+    /** 社交登录配置 */
+    socialLoginTexts?: {
+        google?: string;
+        facebook?: string;
+        apple?: string;
+    };
+    /** 底部配置 */
+    showFooter?: boolean;
+    showSignUp?: boolean;
+    signUpText?: string;
+    signUpLink?: string;
+    signUpPosition?: 'left' | 'center' | 'right';
+    otherLinks?: Array<{
+        text: string;
+        url: string;
+    }>;
+    otherLinksPosition?: 'left' | 'center' | 'right';
+    /** 登录/注册切换配置 */
+    showTabs?: boolean;
+    loginTabText?: string;
+    registerTabText?: string;
+    /** 注册表单配置 */
+    registerEmailPlaceholder?: string;
+    registerPasswordPlaceholder?: string;
+    registerButtonText?: string;
+    /** 事件回调 */
+    onLogin?: (values: {
+        email: string;
+        loginMethod: string;
+    }) => void;
+    onSocialLogin?: (type: 'google' | 'facebook' | 'apple') => void;
+    onSignUp?: () => void;
+    onRegister?: (values: {
+        email: string;
+        password: string;
+    }) => void;
+    /** 新增背景图片属性 */
+    backgroundImage?: string;
+}
+/**
+ * Saas登录组件
+ * @param props - 组件属性
+ * @returns React组件
+ */
+declare const loginAndRegister: React.FC<loginAndRegisterProps>;
+export default loginAndRegister;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import './index.less';
+interface OrganizationTenantSwitcherProps {
+    onChange?: (value: string, option: any) => void;
+    value: string;
+    options: {
+        label: string;
+        value: string;
+        logo?: string;
+    }[];
+    showLogo?: boolean;
+    showName?: boolean;
+    readOnly?: boolean;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+}
+declare const OrganizationTenantSwitcher: React.FC<OrganizationTenantSwitcherProps>;
+export default OrganizationTenantSwitcher;

package/lib/components/page/index.js

@@ -42,6 +42,8 @@ var import_en_US = __toESM(require("antd/es/locale/en_US"));
 var import_zh_CN = __toESM(require("antd/es/locale/zh_CN"));
 var import_zh_TW = __toESM(require("antd/es/locale/zh_TW"));
 var import_zh_HK = __toESM(require("antd/es/locale/zh_HK"));
+var import_ja_JP = __toESM(require("antd/es/locale/ja_JP"));
+var import_pt_PT = __toESM(require("antd/es/locale/pt_PT"));
 var import_pisell_config_provider = __toESM(require("../pisell-config-provider"));
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_tokens = require("../../theme/tokens");
@@ -50,7 +52,9 @@ var localMap = {
   "zh-CN": import_zh_CN.default,
   "zh-HK": import_zh_HK.default,
   "en-US": import_en_US.default,
-  en: import_en_US.default
+  en: import_en_US.default,
+  "ja": import_ja_JP.default,
+  "pt": import_pt_PT.default
 };
 var localeDateMap = {
   "en-US": {
@@ -67,6 +71,12 @@ var localeDateMap = {
   },
   "zh-CN": {
     adapterLocale: "zh-cn"
+  },
+  "ja": {
+    adapterLocale: "ja"
+  },
+  "pt": {
+    adapterLocale: "pt"
   }
 };
 var Page = (props) => {

package/lib/components/page-header/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.less';
+interface PageHeaderProps {
+    title?: React.ReactNode;
+    showTitle?: boolean;
+    subTitle?: React.ReactNode;
+    showSubTitle?: boolean;
+    showDivider?: boolean;
+    extra?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const PageHeader: (props: PageHeaderProps) => React.JSX.Element | null;
+export default PageHeader;

package/lib/components/pisellAdjustPrice/status.d.ts

@@ -0,0 +1,32 @@
+export declare const defaultConfig: {
+    dark: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        isShowMainText: boolean;
+        mainTextColor: string;
+        isShowSubText: boolean;
+        subTextColor: string;
+    };
+    light: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        isShowMainText: boolean;
+        mainTextColor: string;
+        isShowSubText: boolean;
+        subTextColor: string;
+    };
+};

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { AlertProps } from 'antd';
+import './index.less';
+export interface PisellAlertProps extends AlertProps {
+    /** 是否展示忽略按钮 */
+    showDismiss?: boolean;
+    /** 忽略按钮内容 */
+    dismiss?: React.ReactNode;
+    /** 是否展示行为按钮 */
+    showView?: boolean;
+    /** 行为按钮内容 */
+    view?: React.ReactNode;
+    /** 行为按钮点击事件 */
+    onViewClick?: (e: any) => void;
+}
+/**
+ * PisellAlert警告提示组件
+ * @param props
+ * @constructor
+ */
+declare const PisellAlert: (props: PisellAlertProps) => false | React.JSX.Element;
+export default PisellAlert;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import './index.less';
+export interface Option {
+    id: string | number;
+    name: React.ReactNode;
+}
+export interface PisellAnchorProps {
+    options?: Option[];
+    tab?: string | number;
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (key: string | number) => void;
+    onTabClick?: () => void;
+    containerRef?: React.RefObject<HTMLElement>;
+    /**
+     * 平台类型，仅用于样式调整，不再影响锚点滚动功能
+     * 无论pc还是h5模式，点击锚点都会自动滚动到对应内容
+     * @default 'pc'
+     */
+    platform?: 'pc' | 'h5';
+}
+declare const PisellAnchor: React.FC<PisellAnchorProps>;
+export default PisellAnchor;

package/lib/components/pisellAppCard/PisellAppCard.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PisellAppCardProps } from './types';
+import './PisellAppCard.less';
+declare const PisellAppCard: React.FC<PisellAppCardProps>;
+export default PisellAppCard;

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

@@ -0,0 +1,3 @@
+import PisellAppCard from './PisellAppCard';
+export default PisellAppCard;
+export type { PisellAppCardProps } from './types';

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

@@ -0,0 +1,34 @@
+import { CSSProperties } from 'react';
+export interface PisellAppCardProps {
+    /** 类名 */
+    className?: string;
+    /** 样式 */
+    style?: CSSProperties;
+    /** 头像地址 */
+    avatar?: string;
+    /** icon */
+    icon?: string;
+    /** 标签列表 */
+    tags?: Array<{
+        label: string;
+        color?: 'success' | 'warning' | 'error' | 'gray';
+        type: 'pill_color' | 'pill_outline';
+    }>;
+    /** 标题 */
+    title: string;
+    /** 描述 */
+    description?: string;
+    /** 底部按钮列表 */
+    bottomButtons?: Array<{
+        label: string;
+        onClick?: () => void;
+        type?: 'primary' | 'default' | 'dashed' | 'link' | 'text';
+        hidden: boolean;
+    }>;
+    /** 右侧更多操作列表 */
+    moreActions?: Array<{
+        label: string;
+        onClick?: () => void;
+        icon?: React.ReactNode;
+    }>;
+}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { AvatarProps } from 'antd';
+import './index.less';
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export interface PisellAvatarProps extends Omit<AvatarProps, 'size' | 'shape'> {
+    shape?: 'circle' | 'square';
+    size?: AvatarSize;
+    src?: string;
+    alt?: string;
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    useTextAvatar?: boolean;
+    borderRadius?: number;
+    onError?: () => boolean;
+}
+declare const PisellAvatar: React.FC<PisellAvatarProps>;
+export default PisellAvatar;

package/lib/components/pisellBatchActionBar/PisellBatchActionBar.js

@@ -37,8 +37,15 @@ var import_classnames = __toESM(require("classnames"));
 var import_antd = require("antd");
 var import_PisellBasicGrid = __toESM(require("../PisellBasicGrid"));
 var import_GraphicTextCard = __toESM(require("../PisellCards/components/GraphicTextCard"));
+var import_utils = require("@pisell/utils");
 var import_locales = require("../../locales");
 var import_PisellBatchActionBar = require("./PisellBatchActionBar.less");
+function getBatchBarText(key) {
+  const fullKey = `pisell2.salesManagement.batchActionBar.${key}`;
+  const fromUtils = import_utils.locales.getText(fullKey);
+  if (fromUtils !== fullKey) return fromUtils;
+  return (0, import_locales.getText)(fullKey) ?? (0, import_locales.getText)(`batch-action-bar-${key}`);
+}
 var PisellBatchActionBar = (props) => {
   const {
     className,
@@ -57,7 +64,7 @@ var PisellBatchActionBar = (props) => {
     actionOrder,
     enableOverflow = true,
     overflowThreshold = 5,
-    moreText = (0, import_locales.getText)("batch-action-bar-more"),
+    moreText = getBatchBarText("more"),
     onSelectAll,
     onClear,
     onInvert,
@@ -130,7 +137,7 @@ var PisellBatchActionBar = (props) => {
     if (selectedCountText) {
       return selectedCountText.replace("{count}", String(count));
     }
-    const i18nText = (0, import_locales.getText)("batch-action-bar-selected-count");
+    const i18nText = getBatchBarText("selectedCount");
     if (typeof i18nText === "function") {
       return i18nText(count);
     }
@@ -147,7 +154,7 @@ var PisellBatchActionBar = (props) => {
           import_GraphicTextCard.default,
           {
             key: "select-all",
-            text: (0, import_locales.getText)("batch-action-bar-select-all"),
+            text: getBatchBarText("selectAll"),
             icon: "pisell2-check-square",
             variant: "horizontal",
             size: "small",
@@ -182,7 +189,7 @@ var PisellBatchActionBar = (props) => {
           import_GraphicTextCard.default,
           {
             key: "invert",
-            text: (0, import_locales.getText)("batch-action-bar-invert"),
+            text: getBatchBarText("invert"),
             icon: "pisell2-check-done-01",
             variant: "horizontal",
             size: "small",
@@ -217,7 +224,7 @@ var PisellBatchActionBar = (props) => {
           import_GraphicTextCard.default,
           {
             key: "clear",
-            text: (0, import_locales.getText)("batch-action-bar-clear"),
+            text: getBatchBarText("clear"),
             icon: "pisell2-square",
             variant: "horizontal",
             size: "small",
@@ -252,7 +259,7 @@ var PisellBatchActionBar = (props) => {
           import_GraphicTextCard.default,
           {
             key: "delete",
-            text: (0, import_locales.getText)("batch-action-bar-delete"),
+            text: getBatchBarText("delete"),
             icon: "pisell2-delete_wght300_24px",
             variant: "horizontal",
             size: "small",
@@ -279,18 +286,13 @@ var PisellBatchActionBar = (props) => {
                 return;
               }
               isDeleteModalOpenRef.current = true;
-              const deleteContent = (() => {
-                const i18nContent = (0, import_locales.getText)("batch-action-bar-delete-confirm-content");
-                if (typeof i18nContent === "function") {
-                  return i18nContent(selectionState.selectedCount);
-                }
-                return i18nContent || `确定要删除选中的 ${selectionState.selectedCount} 项吗？`;
-              })();
+              const i18nContent = getBatchBarText("deleteConfirmContent");
+              const deleteContent = typeof i18nContent === "function" ? i18nContent(selectionState.selectedCount) : i18nContent || `确定要删除选中的 ${selectionState.selectedCount} 项吗？`;
               import_antd.Modal.confirm({
-                title: (deleteConfirmConfig == null ? void 0 : deleteConfirmConfig.title) || (0, import_locales.getText)("batch-action-bar-delete-confirm-title"),
-                content: (deleteConfirmConfig == null ? void 0 : deleteConfirmConfig.description) || deleteContent,
-                okText: (deleteConfirmConfig == null ? void 0 : deleteConfirmConfig.okText) || (0, import_locales.getText)("batch-action-bar-delete-confirm-ok"),
-                cancelText: (deleteConfirmConfig == null ? void 0 : deleteConfirmConfig.cancelText) || (0, import_locales.getText)("batch-action-bar-delete-confirm-cancel"),
+                title: (deleteConfirmConfig == null ? void 0 : deleteConfirmConfig.title) ?? getBatchBarText("deleteConfirmTitle"),
+                content: (deleteConfirmConfig == null ? void 0 : deleteConfirmConfig.description) ?? deleteContent,
+                okText: (deleteConfirmConfig == null ? void 0 : deleteConfirmConfig.okText) ?? getBatchBarText("deleteConfirmOk"),
+                cancelText: (deleteConfirmConfig == null ? void 0 : deleteConfirmConfig.cancelText) ?? getBatchBarText("deleteConfirmCancel"),
                 okButtonProps: { danger: true },
                 onOk: () => {
                   onDelete == null ? void 0 : onDelete(selectedKeys, selectedRows);
@@ -380,7 +382,6 @@ var PisellBatchActionBar = (props) => {
             height: "48px",
             ...action.style
           },
-          className: action.className,
           onClick: () => handleActionClick(action)
         }
       );
@@ -390,10 +391,10 @@ var PisellBatchActionBar = (props) => {
           import_antd.Popconfirm,
           {
             key: action.key,
-            title: confirmConfig.title || (0, import_locales.getText)("batch-action-bar-confirm-title"),
+            title: confirmConfig.title || getBatchBarText("confirmTitle"),
             description: confirmConfig.description,
-            okText: confirmConfig.okText || (0, import_locales.getText)("batch-action-bar-delete-confirm-ok"),
-            cancelText: confirmConfig.cancelText || (0, import_locales.getText)("batch-action-bar-delete-confirm-cancel"),
+            okText: confirmConfig.okText || getBatchBarText("deleteConfirmOk"),
+            cancelText: confirmConfig.cancelText || getBatchBarText("deleteConfirmCancel"),
             onConfirm: () => handleActionClick(action)
           },
           card
@@ -430,9 +431,11 @@ var PisellBatchActionBar = (props) => {
     const modifiedOverflowActions = overflowActions.map((action) => {
       var _a;
       if (import_react.default.isValidElement(action)) {
-        return import_react.default.cloneElement(action, {
+        const el = action;
+        const prevStyle = (_a = el.props) == null ? void 0 : _a.style;
+        return import_react.default.cloneElement(el, {
           style: {
-            ...((_a = action.props) == null ? void 0 : _a.style) || {},
+            ...prevStyle || {},
             minWidth: "160px",
             width: "160px"
           }