@pisell/private-materials 6.5.27 → 6.6.2

package/es/plus/selectHolder/index.less

@@ -0,0 +1,137 @@
+.pisell-lowcode-select-holder {
+  &-modal {
+    .pisell-view-grid-item {
+      > div {
+        height: 100%;
+        .pisell-lowcode-card {
+          height: 100% !important;
+        }
+      }
+    }
+    .pisell-lowcode-modal-content {
+      .pisell-lowcode-modal-header {
+        .pisell-lowcode-modal-title {
+          text-align: center!important;
+        }
+      }
+    }
+  }
+
+
+  &-modal-title {
+    color: var(--Gray-900, #101828);
+    font-size: 18px;
+    font-weight: 600;
+    line-height: 28px;
+    margin-bottom: 16px;
+  }
+
+  &-selected-info {
+    margin-bottom: 16px;
+    color: #d92d20;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 20px;
+    text-align: center;
+  }
+
+  &-selected-info-max {
+    color: #7f56d9;
+  }
+
+  &-modal-mobile {
+    .pisell-lowcode-modal-header {
+      border: none !important;
+    }
+  }
+
+  &-footer {
+    display: flex;
+    gap: 12px;
+    width: 100%;
+    button {
+      flex: 1;
+      height: 40px;
+    }
+  }
+}
+
+.pisell-lowcode-select-holder-modal {
+  .pisell-view-grid-item {
+    > div {
+      height: 100%;
+      .pisell-lowcode-card {
+        height: 100% !important;
+      }
+    }
+  }
+  .ant-modal-content {
+    .ant-modal-close {
+      .ant-modal-close-x {
+        width: unset !important;
+        height: unset !important;
+      }
+    }
+    .ant-modal-footer {
+      padding-top: 12px;
+    }
+  }
+
+  .pisell-lowcode-select-holder-modal-title {
+    color: var(--Gray-900, #101828);
+    font-size: 18px;
+    font-weight: 600;
+    line-height: 28px;
+    margin-bottom: 16px;
+  }
+
+  .pisell-lowcode-select-holder-selected-info {
+    margin-bottom: 16px;
+    color: #d92d20;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 20px;
+  }
+
+  .pisell-lowcode-select-holder-selected-info-max {
+    color: #7f56d9;
+  }
+
+  .pisell-lowcode-select-holder-add-card {
+    .pisell-lowcode-avatar {
+      background: var(--Primary-100, #f4ebff);
+      .pisell-lowcode-avatar-string {
+        line-height: 32px !important;
+        width: 32px;
+        height: 32px;
+      }
+
+      .anticon {
+        font-size: 32px !important;
+      }
+    }
+
+    .select-holder-name {
+      color: var(--Text-Text_1, #1b1b1b);
+      font-size: 14px;
+      font-weight: 600;
+      line-height: 20px;
+    }
+  }
+}
+
+// .pisell-lowcode-select-holder-footer {
+//   display: flex;
+//   gap: 12px;
+//   width: 100%;
+//   button {
+//     flex: 1;
+//     height: 40px;
+//   }
+// }
+
+// .pisell-lowcode-select-holder-modal-mobile {
+//   .pisell-lowcode-modal-header {
+//     border: none !important;
+//   }
+// }

package/es/plus/selectHolder/locales.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    en: {
+        'pisell-select-holder-create': string;
+        'pisell-select-holder-please-select': string;
+        'pisell-select-holder-selected': string;
+        'pisell-select-holder-skip': string;
+        'pisell-select-holder-please-remove': (count: number) => string;
+    };
+    'zh-CN': {
+        'pisell-select-holder-create': string;
+        'pisell-select-holder-please-select': string;
+        'pisell-select-holder-selected': string;
+        'pisell-select-holder-skip': string;
+        'pisell-select-holder-please-remove': (count: number) => string;
+    };
+    'zh-HK': {
+        'pisell-select-holder-create': string;
+        'pisell-select-holder-please-select': string;
+        'pisell-select-holder-selected': string;
+        'pisell-select-holder-skip': string;
+        'pisell-select-holder-please-remove': (count: number) => string;
+    };
+};
+export default _default;

package/es/plus/selectHolder/locales.js

@@ -0,0 +1,29 @@
+export default {
+  en: {
+    'pisell-select-holder-create': 'Create',
+    'pisell-select-holder-please-select': 'Please Select',
+    'pisell-select-holder-selected': 'Selected: ',
+    'pisell-select-holder-skip': 'Skip',
+    'pisell-select-holder-please-remove': function pisellSelectHolderPleaseRemove(count) {
+      return "Please Remove ".concat(count);
+    }
+  },
+  'zh-CN': {
+    'pisell-select-holder-create': '创建',
+    'pisell-select-holder-please-select': '请选择',
+    'pisell-select-holder-selected': '已选择：',
+    'pisell-select-holder-skip': '跳过',
+    'pisell-select-holder-please-remove': function pisellSelectHolderPleaseRemove(count) {
+      return "\u8BF7\u79FB\u9664 ".concat(count, "\u4E2A");
+    }
+  },
+  'zh-HK': {
+    'pisell-select-holder-create': '創建',
+    'pisell-select-holder-please-select': '請選擇',
+    'pisell-select-holder-selected': '已選擇：',
+    'pisell-select-holder-skip': '跳過',
+    'pisell-select-holder-please-remove': function pisellSelectHolderPleaseRemove(count) {
+      return "\u8ACB\u79FB\u9664 ".concat(count, "\u500B");
+    }
+  }
+};

package/es/plus/selectHolder/types.d.ts

@@ -0,0 +1,104 @@
+/// <reference types="react" />
+/**
+ * @title: 选项数据类型
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-11 14:18
+ */
+export interface HolderOption {
+    /** 显示的标签文本 */
+    label: string;
+    /** 选项的值（唯一标识） */
+    value: any;
+    /** 头像地址 */
+    avatar?: string;
+    /** 副标题/描述 */
+    subtitle?: string;
+    /** 其他字段 */
+    [key: string]: any;
+}
+/**
+ * @title: 模态框配置
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-10 14:32
+ */
+export interface HolderModalProps {
+    title?: string;
+    confirmText?: string;
+    showClose?: boolean;
+}
+/**
+ * @title: 字段展示配置
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-10 14:32
+ */
+export interface HolderDisplayProps {
+    showAvatar?: boolean;
+    showTitle?: boolean;
+    showSubtitle?: boolean;
+    isSkipable?: boolean;
+    direction?: 'horizontal' | 'vertical';
+    selectType?: 'single' | 'multiple';
+    showExtraFields?: boolean;
+    extraFields?: any[];
+}
+/**
+ * @title: SelectHolder 组件属性
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-11 14:18
+ */
+export interface PisellSelectHolderProps {
+    /** 选项列表 */
+    dataSource?: HolderOption[];
+    /** 是否打开模态框 */
+    open?: boolean;
+    /** 关闭事件（右上角 X 按钮） */
+    onClose?: () => void;
+    /** 确认事件，返回选中的值 */
+    onConfirm?: (selected: any) => void;
+    /** 跳过事件（底部跳过按钮） */
+    onSkip?: () => void;
+    /** 点击添加按钮事件 */
+    onAdd?: () => void;
+    /** 当前选中的值(单选) 或 选中的值数组(多选) */
+    value?: any;
+    modalConfig?: HolderModalProps;
+    displayConfig?: HolderDisplayProps;
+    /** 是否禁用确认按钮 */
+    disabled?: boolean;
+    /** 错误提示文案 */
+    errorTipText?: string;
+    /** 是否显示添加按钮 */
+    allowAdd?: boolean;
+    /** 添加按钮文案 */
+    addText?: string;
+    /** 每行显示的列数 */
+    columns?: number;
+    /** 水平间距 */
+    horizontalGap?: number;
+    /** 垂直间距 */
+    verticalGap?: number;
+    /** 最大可选数量 */
+    maxSelectedCount?: number;
+    /** 是否内联模式（不显示弹窗，直接渲染内容，用于页面级别） */
+    isInline?: boolean;
+    /** 内联模式的容器样式类名 */
+    className?: string;
+    /** 内联模式的容器样式 */
+    style?: React.CSSProperties;
+}
+export interface HolderItemProps {
+    item: HolderOption;
+    displayDirection?: 'horizontal' | 'vertical';
+    displayConfig?: HolderDisplayProps;
+    onClick?: (value?: any) => void;
+    value?: any;
+    isAddItem?: boolean;
+}

package/es/plus/selectHolder/types.js

@@ -0,0 +1 @@
+export {};

package/es/plus/selectHolder/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @title: 获取头像文本
+ * @description: 获取头像文本（标签的首字母，最多两个单词）
+ * @param {string} label
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-11 13:46
+ */
+export declare const getAvatarText: (label: string) => string;

package/es/plus/selectHolder/utils.js

@@ -0,0 +1,16 @@
+/**
+ * @title: 获取头像文本
+ * @description: 获取头像文本（标签的首字母，最多两个单词）
+ * @param {string} label
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-11 13:46
+ */
+export var getAvatarText = function getAvatarText(label) {
+  if (!label) return '';
+  var words = label.trim().split(/\s+/);
+  var initials = words.slice(0, 2).map(function (word) {
+    return word.charAt(0).toUpperCase();
+  }).join('');
+  return initials;
+};

package/es/pro/comprehensiveSearch/components/searchSection/locales.js

@@ -1,14 +1,14 @@
 export default {
   en: {
-    'pisell2.comprehensive-search.placeholder': 'WalletPass Code / Name / Mobile / Email',
+    'pisell2.comprehensive-search.placeholder': 'WalletPass Code / Name / Mobile / Email / Contact info',
     'pisell2.text.search': 'Search'
   },
   'zh-CN': {
-    'pisell2.comprehensive-search.placeholder': '钱包码 / 姓名 / 电话 / 电子邮箱',
+    'pisell2.comprehensive-search.placeholder': '钱包码 / 姓名 / 电话 / 电子邮箱 / 联系信息',
     'pisell2.text.search': '搜索'
   },
   'zh-HK': {
-    'pisell2.comprehensive-search.placeholder': '錢包碼 / 姓名 / 電話 / 電子郵箱',
+    'pisell2.comprehensive-search.placeholder': '錢包碼 / 姓名 / 電話 / 電子郵箱 / 聯繫信息',
     'pisell2.text.search': '搜索'
   }
 };

package/es/pro/comprehensiveSearch/locales.js

@@ -1,6 +1,6 @@
 export default {
   en: {
-    'pisell2.text.new-client': 'New Client',
+    'pisell2.text.new-client': 'New Customer',
     'pisell2.comprehensive-search.empty': 'No Data'
   },
   'zh-CN': {

package/es/pro/multiDayTimeSelect/MultiDayTimeSelect.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { MultiDayTimeSelectProps, MultiDayTimeSelectValue } from './types';
+import './MultiDayTimeSelect.less';
+export interface MultiDayTimeSelectRef {
+    validate: () => Promise<void>;
+    getValue: () => MultiDayTimeSelectValue | null;
+}
+declare const MultiDayTimeSelect: React.ForwardRefExoticComponent<MultiDayTimeSelectProps & React.RefAttributes<MultiDayTimeSelectRef>>;
+export default MultiDayTimeSelect;