@pisell/private-materials 6.6.2 → 6.7.2

package/es/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/es/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/es/plus/selectHolder/utils.js

@@ -1,16 +0,0 @@
-/**
- * @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/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/es/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/es/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/es/pro/multiDayTimeSelect/index.js

@@ -1 +0,0 @@
-export { default } from "./MultiDayTimeSelect";

package/es/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;
-}

package/lib/components/booking/info2/service/editService/Holder/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import './index.less';
-declare type HolderValue = string | number;
-interface HolderProps {
-    state: any;
-    cacheItem?: any;
-    value?: HolderValue | HolderValue[] | null;
-    onChange?: (val: HolderValue | HolderValue[] | null) => void;
-    dispatch?: any;
-}
-declare const Holder: React.FC<HolderProps>;
-export default Holder;

package/lib/components/booking/info2/service/editService/Holder/index.js

@@ -1,199 +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/components/booking/info2/service/editService/Holder/index.tsx
-var Holder_exports = {};
-__export(Holder_exports, {
-  default: () => Holder_default
-});
-module.exports = __toCommonJS(Holder_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_utils = require("@pisell/utils");
-var import_HolderList = __toESM(require("../../../../../../plus/selectHolder/components/HolderList"));
-var import_index = require("./index.less");
-var import_HolderItem = __toESM(require("../../../../../../plus/selectHolder/components/HolderItem"));
-var import_selectHolderModal = require("../../../../utils/selectHolderModal");
-var import_materials = require("@pisell/materials");
-var LinkButton = import_antd.Button;
-var normalizeValue = (val) => {
-  if (Array.isArray(val)) {
-    return val.filter(
-      (item) => item !== void 0 && item !== null
-    );
-  }
-  if (val === void 0 || val === null || val === "") return [];
-  return [val];
-};
-var Holder = ({
-  state,
-  cacheItem,
-  value,
-  onChange,
-  dispatch
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const holderConfig = ((_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.holder) || {};
-  const title = ((_b = holderConfig == null ? void 0 : holderConfig.form) == null ? void 0 : _b.title) || (holderConfig == null ? void 0 : holderConfig.title) || import_utils.locales.getText("pisell2.text.holder");
-  const isRequired = ((_e = (_d = (_c = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _c.config) == null ? void 0 : _d.basic) == null ? void 0 : _e.subject_require) === "require";
-  const maxSelectedCount = ((_f = cacheItem == null ? void 0 : cacheItem._extend) == null ? void 0 : _f.quantity) || 1;
-  const selectType = maxSelectedCount > 1 ? "multiple" : "single";
-  const [selectedValues, setSelectedValues] = (0, import_react.useState)(
-    () => normalizeValue(value)
-  );
-  (0, import_react.useEffect)(() => {
-    const next = normalizeValue(value);
-    setSelectedValues(next);
-  }, [value]);
-  const holderOptions = (0, import_react.useMemo)(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
-    const holdersFromState = Array.isArray((_a2 = state == null ? void 0 : state.pet) == null ? void 0 : _a2.holders) ? state.pet.holders : [];
-    const formId = ((_e2 = (_d2 = (_c2 = (_b2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _b2.config) == null ? void 0 : _c2.basic) == null ? void 0 : _d2.appointment_subject) == null ? void 0 : _e2.form_id) || 0;
-    const holdersFromValue = Array.isArray((_g2 = (_f2 = state == null ? void 0 : state.pet) == null ? void 0 : _f2.value) == null ? void 0 : _g2[formId]) ? (_i2 = (_h2 = state == null ? void 0 : state.pet) == null ? void 0 : _h2.value) == null ? void 0 : _i2[formId] : [];
-    const rawList = holdersFromState.length > 0 ? holdersFromState : holdersFromValue;
-    return rawList.map((item) => {
-      const id = (item == null ? void 0 : item.id) || (item == null ? void 0 : item.form_record_id) || (item == null ? void 0 : item.value);
-      if (id === void 0 || id === null) return null;
-      return {
-        label: (item == null ? void 0 : item.main_field) || (item == null ? void 0 : item.label) || (item == null ? void 0 : item.name) || import_utils.locales.getText("pisell-select-holder-please-select"),
-        value: id,
-        avatar: item == null ? void 0 : item.avatar,
-        subtitle: (item == null ? void 0 : item.subtitle) || (item == null ? void 0 : item.second_field) || (item == null ? void 0 : item.sub_field)
-      };
-    }).filter(Boolean);
-  }, [(_g = state == null ? void 0 : state.pet) == null ? void 0 : _g.holders, (_h = state == null ? void 0 : state.pet) == null ? void 0 : _h.value, (_i = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _i.config]);
-  const displayConfig = (0, import_react.useMemo)(
-    () => ({
-      direction: "vertical",
-      selectType,
-      showAvatar: true,
-      showTitle: true,
-      showSubtitle: Boolean(holderOptions.some((option) => option.subtitle))
-    }),
-    [holderOptions, selectType]
-  );
-  const selectedSummary = (0, import_react.useMemo)(() => {
-    if (!maxSelectedCount) return "";
-    const label = import_utils.locales.getText("pisell-select-holder-selected").replace(/[:：]\s*$/, "");
-    return `${selectedValues.length}/${maxSelectedCount} ${label}`;
-  }, [selectedValues.length, maxSelectedCount]);
-  const handleApply = (0, import_react.useCallback)(
-    (nextValues) => {
-      onChange == null ? void 0 : onChange(nextValues);
-    },
-    [onChange, selectType]
-  );
-  const handleEdit = (0, import_react.useCallback)(
-    async (event) => {
-      var _a2, _b2;
-      event == null ? void 0 : event.preventDefault();
-      const holderConfig2 = ((_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.holder) || {};
-      const currentMaxSelectedCount = (holderConfig2 == null ? void 0 : holderConfig2.maxSelectedCount) || ((_b2 = cacheItem == null ? void 0 : cacheItem._extend) == null ? void 0 : _b2.quantity) || 1;
-      const result = await (0, import_selectHolderModal.selectHolderModal)({
-        state,
-        dispatch,
-        initialValue: selectedValues.length > 0 ? selectedValues : void 0,
-        maxSelectedCount: currentMaxSelectedCount
-      });
-      if (result && result.length > 0) {
-        setSelectedValues(result);
-        handleApply(result);
-      }
-    },
-    [selectedValues, state, dispatch, handleApply]
-  );
-  const handleClear = (0, import_react.useCallback)(
-    (event) => {
-      event == null ? void 0 : event.preventDefault();
-      setSelectedValues([]);
-      handleApply([]);
-    },
-    [handleApply]
-  );
-  const clearDisabled = (0, import_react.useMemo)(() => {
-    return (selectedValues == null ? void 0 : selectedValues.length) === 0;
-  }, [selectedValues]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-holder-field" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-holder-field__header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-holder-field__title" }, isRequired && /* @__PURE__ */ import_react.default.createElement("span", { className: "booking-holder-field__required" }, "*"), /* @__PURE__ */ import_react.default.createElement("span", null, title), maxSelectedCount ? /* @__PURE__ */ import_react.default.createElement("span", { className: "booking-holder-field__count" }, selectedSummary) : null), /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-holder-field__actions" }, /* @__PURE__ */ import_react.default.createElement(
-    LinkButton,
-    {
-      type: "link",
-      size: "small",
-      className: "booking-holder-field__action-button",
-      onClick: handleEdit
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-edit-05" }),
-    /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.text.edit"))
-  ), /* @__PURE__ */ import_react.default.createElement(
-    LinkButton,
-    {
-      type: "link",
-      size: "small",
-      disabled: clearDisabled,
-      className: "booking-holder-field__action-button",
-      onClick: handleClear
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-delete_wght300_24px" }),
-    /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.booking.info.text.clear"))
-  ))), selectedValues.length === 0 ? /* @__PURE__ */ import_react.default.createElement(import_antd.Row, null, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Col,
-    {
-      span: 8,
-      xs: 24,
-      sm: 12,
-      md: 8,
-      lg: 8,
-      onClick: handleEdit
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_HolderItem.default,
-      {
-        item: {
-          label: import_utils.locales.getText("pisell2.booking.info.text.add-holder"),
-          value: null
-        },
-        isAddItem: true
-      }
-    )
-  )) : /* @__PURE__ */ import_react.default.createElement(
-    import_HolderList.default,
-    {
-      dataSource: selectedValues.map((item) => {
-        const option = holderOptions.find((opt) => opt.value === item);
-        return {
-          label: (option == null ? void 0 : option.label) || "",
-          value: item
-        };
-      }),
-      selectedValues,
-      displayConfig,
-      allowAdd: false,
-      onClick: () => handleEdit()
-    }
-  ))), /* @__PURE__ */ import_react.default.createElement(import_selectHolderModal.SelectHolderModal, null));
-};
-var Holder_default = Holder;

package/lib/components/booking/info2/service/editService/Holder/index.less

@@ -1,63 +0,0 @@
-.booking-holder-field {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-
-  &__header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    flex-wrap: wrap;
-    gap: 8px;
-  }
-
-  &__title {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    font-weight: 600;
-    font-size: 14px;
-    line-height: 20px;
-  }
-
-  &__required {
-    color: #ff4d4f;
-  }
-
-  &__count {
-    color: #667085;
-    font-size: 12px;
-  }
-
-  &__actions {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-  }
-
-  &__action-button {
-    padding: 0;
-    border: none;
-    background: transparent;
-    color: #7f56d9;
-    font-size: 12px;
-    line-height: 16px;
-    cursor: pointer;
-    span {
-      text-decoration: underline;
-      text-underline-offset: 4px;
-    }
-
-    &:hover {
-      color: #6941c6;
-    }
-
-    &:disabled,
-    &.booking-holder-field__action--disabled {
-      cursor: not-allowed;
-      opacity: 0.5;
-      color: #c2a9f1;
-    }
-  }
-}
-

package/lib/components/booking/utils/confirmHolderModal.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import './confirmHolderModal.less';
-/**
- * 确认 Holder 弹窗组件（直接返回 PisellContainer，不使用 createPortal）
- */
-export declare const ConfirmHolderModal: React.FC;
-/**
- * 通过 await 调用的确认 Holder 弹窗
- * @param state 状态对象
- * @param dispatch dispatch 函数
- * @returns Promise，resolve 时返回 void（无论点击哪个按钮都会继续执行）
- */
-export declare function showConfirmHolderModal(state: any, dispatch: any): Promise<void>;