@pisell/private-materials 6.6.1 → 6.7.1

package/lib/plus/selectHolder/index.less

@@ -1,137 +0,0 @@
-.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/lib/plus/selectHolder/locales.d.ts

@@ -1,24 +0,0 @@
-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/lib/plus/selectHolder/locales.js

@@ -1,47 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/plus/selectHolder/locales.ts
-var locales_exports = {};
-__export(locales_exports, {
-  default: () => locales_default
-});
-module.exports = __toCommonJS(locales_exports);
-var locales_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": (count) => `Please Remove ${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": (count) => `请移除 ${count}个`
-  },
-  "zh-HK": {
-    "pisell-select-holder-create": "創建",
-    "pisell-select-holder-please-select": "請選擇",
-    "pisell-select-holder-selected": "已選擇：",
-    "pisell-select-holder-skip": "跳過",
-    "pisell-select-holder-please-remove": (count) => `請移除 ${count}個`
-  }
-};

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

@@ -1,104 +0,0 @@
-/// <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/lib/plus/selectHolder/utils.d.ts

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

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

@@ -1,9 +0,0 @@
-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;

package/lib/pro/multiDayTimeSelect/MultiDayTimeSelect.js

@@ -1,304 +0,0 @@
-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/pro/multiDayTimeSelect/MultiDayTimeSelect.tsx
-var MultiDayTimeSelect_exports = {};
-__export(MultiDayTimeSelect_exports, {
-  default: () => MultiDayTimeSelect_default
-});
-module.exports = __toCommonJS(MultiDayTimeSelect_exports);
-var import_react = __toESM(require("react"));
-var import_icons = require("@ant-design/icons");
-var import_dayjs = __toESM(require("dayjs"));
-var import_materials = require("@pisell/materials");
-var import_antd = require("antd");
-var import_utils = require("@pisell/utils");
-var import_MultiDayTimeSelect = require("./MultiDayTimeSelect.less");
-var RangePicker = import_materials.DatePicker.RangePicker;
-var MultiDayTimeSelect = (0, import_react.forwardRef)(({
-  maxDays = 30,
-  defaultStartDate,
-  separateStartEnd = false,
-  value,
-  onChange,
-  locale = "en",
-  disabled = false,
-  startDateLabel,
-  endDateLabel,
-  durationLabel
-}, ref) => {
-  const [form] = import_antd.Form.useForm();
-  const [internalValue, setInternalValue] = (0, import_react.useState)(null);
-  (0, import_react.useImperativeHandle)(ref, () => ({
-    validate: async () => {
-      await form.validateFields();
-    },
-    getValue: () => internalValue
-  }));
-  const formatLocale = (0, import_react.useMemo)(() => {
-    const isEn = locale === "en" || locale === "en-US";
-    return isEn ? "DD/MM/YYYY" : "YYYY-MM-DD";
-  }, [locale]);
-  const durationOptions = (0, import_react.useMemo)(() => {
-    const options = [];
-    for (let i = 1; i <= maxDays; i++) {
-      options.push({
-        label: `${i} ${i === 1 ? locale === "en" ? "day" : "天" : locale === "en" ? "days" : "天"}`,
-        value: i
-      });
-    }
-    return options;
-  }, [maxDays, locale]);
-  (0, import_react.useEffect)(() => {
-    if (value) {
-      setInternalValue(value);
-      form.setFieldsValue({
-        dateRange: separateStartEnd ? void 0 : [value.startDate, value.endDate],
-        startDate: separateStartEnd ? value.startDate : void 0,
-        endDate: separateStartEnd ? value.endDate : void 0,
-        duration: value.duration
-      });
-    } else {
-      const startDate = defaultStartDate || (0, import_dayjs.default)();
-      const endDate = startDate.add(1, "day");
-      const initialValue = {
-        startDate,
-        endDate,
-        duration: 1
-      };
-      setInternalValue(initialValue);
-      form.setFieldsValue({
-        dateRange: separateStartEnd ? void 0 : [startDate, endDate],
-        startDate: separateStartEnd ? startDate : void 0,
-        endDate: separateStartEnd ? endDate : void 0,
-        duration: 1
-      });
-      onChange == null ? void 0 : onChange(initialValue);
-    }
-  }, [value, defaultStartDate, separateStartEnd, form, onChange]);
-  const updateValue = (newValue) => {
-    setInternalValue(newValue);
-    onChange == null ? void 0 : onChange(newValue);
-  };
-  const handleDateRangeChange = (dates) => {
-    if (dates && dates[0] && dates[1]) {
-      const days = dates[1].diff(dates[0], "day");
-      let finalEndDate = dates[1];
-      let finalDuration = days;
-      if (days > maxDays) {
-        const endTime = {
-          hour: dates[1].hour(),
-          minute: dates[1].minute(),
-          second: dates[1].second(),
-          millisecond: dates[1].millisecond()
-        };
-        finalEndDate = dates[0].add(maxDays, "day");
-        finalEndDate = finalEndDate.hour(endTime.hour).minute(endTime.minute).second(endTime.second).millisecond(endTime.millisecond);
-        finalDuration = maxDays;
-      }
-      if (days > 0) {
-        const newValue = {
-          startDate: dates[0],
-          endDate: finalEndDate,
-          duration: finalDuration
-        };
-        updateValue(newValue);
-        form.setFieldsValue({
-          dateRange: [dates[0], finalEndDate],
-          duration: finalDuration
-        });
-      }
-    }
-  };
-  const handleStartDateChange = (date) => {
-    if (date && internalValue) {
-      const currentEndDate = internalValue.endDate;
-      const endTime = {
-        hour: currentEndDate.hour(),
-        minute: currentEndDate.minute(),
-        second: currentEndDate.second(),
-        millisecond: currentEndDate.millisecond()
-      };
-      const targetDuration = Math.min(internalValue.duration, maxDays);
-      let newEndDate = date.add(targetDuration, "day");
-      const finalEndDate = newEndDate.hour(endTime.hour).minute(endTime.minute).second(endTime.second).millisecond(endTime.millisecond);
-      const newValue = {
-        startDate: date,
-        endDate: finalEndDate,
-        duration: targetDuration
-      };
-      updateValue(newValue);
-      form.setFieldsValue({
-        endDate: finalEndDate,
-        duration: targetDuration
-      });
-    }
-  };
-  const handleEndDateChange = (date) => {
-    if (date && internalValue) {
-      const days = date.diff(internalValue.startDate, "day");
-      let finalEndDate = date;
-      let finalDuration = days;
-      if (days > maxDays) {
-        const endTime = {
-          hour: date.hour(),
-          minute: date.minute(),
-          second: date.second(),
-          millisecond: date.millisecond()
-        };
-        finalEndDate = internalValue.startDate.add(maxDays, "day");
-        finalEndDate = finalEndDate.hour(endTime.hour).minute(endTime.minute).second(endTime.second).millisecond(endTime.millisecond);
-        finalDuration = maxDays;
-      }
-      if (days > 0) {
-        const newValue = {
-          startDate: internalValue.startDate,
-          endDate: finalEndDate,
-          duration: finalDuration
-        };
-        updateValue(newValue);
-        form.setFieldsValue({
-          endDate: finalEndDate,
-          duration: finalDuration
-        });
-      }
-    }
-  };
-  const handleDurationChange = (durationValue) => {
-    if (internalValue) {
-      const newEndDate = internalValue.startDate.add(durationValue, "day");
-      const newValue = {
-        startDate: internalValue.startDate,
-        endDate: newEndDate,
-        duration: durationValue
-      };
-      updateValue(newValue);
-      if (separateStartEnd) {
-        form.setFieldsValue({ endDate: newEndDate });
-      } else {
-        form.setFieldsValue({ dateRange: [internalValue.startDate, newEndDate] });
-      }
-    }
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form, layout: "vertical", className: "multi-day-time-select-form" }, separateStartEnd ? /* @__PURE__ */ import_react.default.createElement("div", { className: "multi-day-time-select-row" }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Form.Item,
-    {
-      label: startDateLabel || import_utils.locales.getText("pisell2.text.start_date"),
-      name: "startDate",
-      rules: [{ required: true, message: startDateLabel || import_utils.locales.getText("pisell2.text.start_date") }],
-      style: { flex: 1 }
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_materials.DatePicker,
-      {
-        inputReadOnly: true,
-        allowClear: false,
-        size: "large",
-        style: { width: "100%", padding: 0 },
-        suffixIcon: /* @__PURE__ */ import_react.default.createElement(import_icons.CalendarOutlined, null),
-        value: internalValue == null ? void 0 : internalValue.startDate,
-        onChange: handleStartDateChange,
-        format: formatLocale,
-        isHideCustomSelect: true,
-        disabled
-      }
-    )
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Form.Item,
-    {
-      label: endDateLabel || import_utils.locales.getText("pisell2.text.end_date"),
-      name: "endDate",
-      rules: [{ required: true, message: endDateLabel || import_utils.locales.getText("pisell2.text.end_date") }],
-      style: { flex: 1 }
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_materials.DatePicker,
-      {
-        inputReadOnly: true,
-        allowClear: false,
-        size: "large",
-        style: { width: "100%", padding: 0 },
-        suffixIcon: /* @__PURE__ */ import_react.default.createElement(import_icons.CalendarOutlined, null),
-        value: internalValue == null ? void 0 : internalValue.endDate,
-        onChange: handleEndDateChange,
-        format: formatLocale,
-        isHideCustomSelect: true,
-        disabled,
-        disabledDate: (current) => {
-          if (internalValue == null ? void 0 : internalValue.startDate) {
-            return current.isSameOrBefore(internalValue.startDate, "day");
-          }
-          return false;
-        }
-      }
-    )
-  )) : /* @__PURE__ */ import_react.default.createElement("div", { className: "multi-day-time-select-row" }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Form.Item,
-    {
-      label: startDateLabel || import_utils.locales.getText("pisell2.text.start_date"),
-      name: "dateRange",
-      rules: [{ required: true, message: startDateLabel || import_utils.locales.getText("pisell2.text.start_date") }],
-      style: { flex: 1 }
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_materials.Page, { isRenderPisellConfigProvider: false }, /* @__PURE__ */ import_react.default.createElement(
-      RangePicker,
-      {
-        inputReadOnly: true,
-        allowClear: false,
-        size: "large",
-        style: { width: "100%", padding: 0 },
-        suffixIcon: /* @__PURE__ */ import_react.default.createElement(import_icons.CalendarOutlined, null),
-        value: internalValue ? [internalValue.startDate, internalValue.endDate] : null,
-        onChange: handleDateRangeChange,
-        format: formatLocale,
-        isHideCustomSelect: true,
-        endDateDays: 1,
-        disabled
-      }
-    ))
-  )), /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Form.Item,
-    {
-      label: durationLabel || import_utils.locales.getText("pisell2.text.duration"),
-      name: "duration",
-      rules: [{ required: true, message: durationLabel || import_utils.locales.getText("pisell2.text.duration") }]
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Select,
-      {
-        size: "large",
-        value: internalValue == null ? void 0 : internalValue.duration,
-        onChange: handleDurationChange,
-        options: durationOptions,
-        disabled
-      }
-    )
-  ));
-});
-MultiDayTimeSelect.displayName = "MultiDayTimeSelect";
-var MultiDayTimeSelect_default = MultiDayTimeSelect;

package/lib/pro/multiDayTimeSelect/MultiDayTimeSelect.less

@@ -1,8 +0,0 @@
-.multi-day-time-select-form {
-  margin-top: 12px;
-  .multi-day-time-select-row {
-    display: flex;
-    gap: 16px;
-  }
-}
-

package/lib/pro/multiDayTimeSelect/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './MultiDayTimeSelect';
-export type { MultiDayTimeSelectRef } from './MultiDayTimeSelect';
-export type { MultiDayTimeSelectProps, MultiDayTimeSelectValue } from './types';

package/lib/pro/multiDayTimeSelect/types.d.ts

@@ -1,28 +0,0 @@
-import { Dayjs } from 'dayjs';
-export interface MultiDayTimeSelectValue {
-    startDate: Dayjs;
-    endDate: Dayjs;
-    duration: number;
-}
-export interface MultiDayTimeSelectProps {
-    /** 最大天数，默认30天 */
-    maxDays?: number;
-    /** 默认开始时间 */
-    defaultStartDate?: Dayjs;
-    /** 开始时间和结束时间是否分离，false使用RangePicker，true使用两个独立的DatePicker */
-    separateStartEnd?: boolean;
-    /** 受控值 */
-    value?: MultiDayTimeSelectValue;
-    /** 值变化回调 */
-    onChange?: (value: MultiDayTimeSelectValue) => void;
-    /** 语言环境 */
-    locale?: string;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 开始日期标签 */
-    startDateLabel?: string;
-    /** 结束日期标签 */
-    endDateLabel?: string;
-    /** 时长标签 */
-    durationLabel?: string;
-}