@pisell/private-materials 6.3.118 → 6.3.120

package/es/pro/Selector/hooks/usePresetProps.js

@@ -8,59 +8,6 @@ import { useMemo } from 'react';
 var VARIANT_MAP = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'default', ['1', '2', '3', '4']), 'select', ['1']), 'card', ['1', '2', '3', '4', '5']), 'media', ['1', '2']);
 var EMPTY_CONFIG = {};
 
-/**
- * 预设响应式配置
- * 使用 ResizeObserver 实现容器级响应式布局
- */
-var RESPONSIVE_PRESETS = {
-  /** 响应式布局 - 最小宽度 210px，最多 5 列 */
-  responsive210: {
-    breakpoints: {
-      0: {
-        columns: 1,
-        gap: 16
-      },
-      420: {
-        columns: 2,
-        gap: 16
-      },
-      630: {
-        columns: 3,
-        gap: 16
-      },
-      841: {
-        columns: 4,
-        gap: 16
-      },
-      1367: {
-        columns: 5,
-        gap: 16
-      }
-    }
-  },
-  /** 响应式布局 - 最小宽度 330px，最多 4 列 */
-  responsive330: {
-    breakpoints: {
-      0: {
-        columns: 1,
-        gap: 16
-      },
-      660: {
-        columns: 2,
-        gap: 16
-      },
-      995: {
-        columns: 3,
-        gap: 16
-      },
-      1367: {
-        columns: 4,
-        gap: 16
-      }
-    }
-  }
-};
-
 /**
  * 预设布局配置库
  * 定义所有可用的布局模式，配置更加语义化和集中化
@@ -71,13 +18,13 @@ var PRESET_LAYOUTS = {
   autoFlex: {
     className: 'pisell-pro-selector_layout-auto-flex'
   },
-  /** 响应式布局 - 最小宽度 210px，最多 5 列 */
+  /** 响应式布局 - 最小宽度 210px */
   responsive210: {
-    responsive: RESPONSIVE_PRESETS.responsive210
+    className: 'pisell-pro-selector_layout-responsive-210'
   },
-  /** 响应式布局 - 最小宽度 330px，最多 4 列 */
+  /** 响应式布局 - 最小宽度 330px */
   responsive330: {
-    responsive: RESPONSIVE_PRESETS.responsive330
+    className: 'pisell-pro-selector_layout-responsive-330'
   }
 };
 var VARIANT_PRESET_MAP = {
@@ -124,7 +71,7 @@ var usePresetProps = function usePresetProps(_ref) {
 
     // select 和没有 preset.variant 时不应用布局配置
     if (variant === 'select' || !(preset !== null && preset !== void 0 && preset.variant)) {
-      layoutConfig = layout || null;
+      layoutConfig = null;
     } else {
       // 1. 获取预设的基础布局配置
       var baseLayoutConfig = null;
@@ -168,8 +115,7 @@ var usePresetProps = function usePresetProps(_ref) {
     if (shouldUseFilled) {
       // 设置默认值
       computedIndicatorProps = {
-        variant: 'filled',
-        size: 'small'
+        variant: 'filled'
       };
     }
 

package/es/pro/Selector/locales.d.ts

@@ -32,27 +32,5 @@ declare const _default: {
         'pisell2.pro.selector.tip.require-one-option': string;
         'pisell2.pro.selector.tip.min-max-selection': (min: number, max: number) => string;
     };
-    ja: {
-        'pisell2.pro.selector.mode.single': string;
-        'pisell2.pro.selector.mode.multiple': string;
-        'pisell2.pro.selector.validate.required-msg': string;
-        'pisell2.pro.selector.validate.requireOneOf-msg': string;
-        'pisell2.pro.selector.required-tag': string;
-        'pisell2.pro.selector.validate.min-selection': (min: number, label?: string) => string;
-        'pisell2.pro.selector.validate.max-selection': (max: number, label?: string) => string;
-        'pisell2.pro.selector.tip.require-one-option': string;
-        'pisell2.pro.selector.tip.min-max-selection': (min: number, max: number) => string;
-    };
-    pt: {
-        'pisell2.pro.selector.mode.single': string;
-        'pisell2.pro.selector.mode.multiple': string;
-        'pisell2.pro.selector.validate.required-msg': string;
-        'pisell2.pro.selector.validate.requireOneOf-msg': string;
-        'pisell2.pro.selector.required-tag': string;
-        'pisell2.pro.selector.validate.min-selection': (min: number, label?: string) => string;
-        'pisell2.pro.selector.validate.max-selection': (max: number, label?: string) => string;
-        'pisell2.pro.selector.tip.require-one-option': string;
-        'pisell2.pro.selector.tip.min-max-selection': (min: number, max: number) => string;
-    };
 };
 export default _default;

package/es/pro/Selector/locales.js

@@ -97,63 +97,5 @@ export default {
       }
       return '';
     }
-  },
-  ja: {
-    'pisell2.pro.selector.mode.single': '単一選択',
-    'pisell2.pro.selector.mode.multiple': '複数選択',
-    'pisell2.pro.selector.validate.required-msg': '選択してください',
-    'pisell2.pro.selector.validate.requireOneOf-msg': 'このグループは指定されたコレクションのいずれかを選択する必要があります',
-    'pisell2.pro.selector.required-tag': '必須',
-    'pisell2.pro.selector.validate.min-selection': function pisell2ProSelectorValidateMinSelection(min, label) {
-      return "\u5C11\u306A\u304F\u3068\u3082".concat(min).concat(label ? ' ' + label : '', "\u3092\u9078\u629E");
-    },
-    'pisell2.pro.selector.validate.max-selection': function pisell2ProSelectorValidateMaxSelection(max, label) {
-      return "\u6700\u5927".concat(max).concat(label ? ' ' + label : '', "\u3092\u9078\u629E");
-    },
-    'pisell2.pro.selector.tip.require-one-option': '1つ選択',
-    'pisell2.pro.selector.tip.min-max-selection': function pisell2ProSelectorTipMinMaxSelection(min, max) {
-      if (min === max && min > 0) {
-        return "".concat(min, "\u3064\u9078\u629E");
-      }
-      if ((!min || min === 0) && max > 0) {
-        return "\u6700\u5927".concat(max, "\u3064\u9078\u629E");
-      }
-      if (min > 0 && max > min) {
-        return "".concat(min, "-").concat(max, "\u3064\u9078\u629E");
-      }
-      if (min > 0 && (!max || max === 0)) {
-        return "\u5C11\u306A\u304F\u3068\u3082".concat(min, "\u3064\u9078\u629E");
-      }
-      return '';
-    }
-  },
-  pt: {
-    'pisell2.pro.selector.mode.single': 'Escolha única',
-    'pisell2.pro.selector.mode.multiple': 'Múltipla escolha',
-    'pisell2.pro.selector.validate.required-msg': 'Por favor, selecione',
-    'pisell2.pro.selector.validate.requireOneOf-msg': 'Este grupo deve selecionar uma das coleções especificadas',
-    'pisell2.pro.selector.required-tag': 'Obrigatório',
-    'pisell2.pro.selector.validate.min-selection': function pisell2ProSelectorValidateMinSelection(min, label) {
-      return "Selecione pelo menos ".concat(min).concat(label ? ' ' + label : '');
-    },
-    'pisell2.pro.selector.validate.max-selection': function pisell2ProSelectorValidateMaxSelection(max, label) {
-      return "Selecione no m\xE1ximo ".concat(max).concat(label ? ' ' + label : '');
-    },
-    'pisell2.pro.selector.tip.require-one-option': 'Escolha 1',
-    'pisell2.pro.selector.tip.min-max-selection': function pisell2ProSelectorTipMinMaxSelection(min, max) {
-      if (min === max && min > 0) {
-        return "Escolha ".concat(min);
-      }
-      if ((!min || min === 0) && max > 0) {
-        return "Escolha at\xE9 ".concat(max);
-      }
-      if (min > 0 && max > min) {
-        return "Escolha ".concat(min, "-").concat(max);
-      }
-      if (min > 0 && (!max || max === 0)) {
-        return "Escolha pelo menos ".concat(min);
-      }
-      return '';
-    }
   }
 };

package/es/pro/Selector/selector.less

@@ -2,6 +2,7 @@
   display: flex;
   flex-direction: column;
   gap: 12px;
+  container-type: inline-size; // 启用容器查询
 
   &_header {
     display: flex;
@@ -42,4 +43,67 @@
       line-height: 34px;
     }
   }
+
+  &_options-container {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  // 自动宽度布局 - 内容自适应
+  &_layout-auto-flex {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 16px;
+  }
+
+  // 响应式布局 - 最小宽度 210px
+  &_layout-responsive-210 {
+    display: grid;
+    gap: 16px;
+    grid-template-columns: 1fr; // 默认一列
+
+    // 容器宽度 >= 420px 且 < 630px: 两列
+    @container (min-width: 420px) {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    // 容器宽度 >= 630px 且 <= 840px: 三列
+    @container (min-width: 630px) {
+      grid-template-columns: repeat(3, 1fr);
+    }
+
+    // 容器宽度 >= 841px 且 <= 1366px: 四列
+    @container (min-width: 841px) {
+      grid-template-columns: repeat(4, 1fr);
+    }
+
+    // 容器宽度 > 1366px: 五列
+    @container (min-width: 1367px) {
+      grid-template-columns: repeat(5, 1fr);
+    }
+  }
+
+  // 响应式布局 - 最小宽度 330px
+  &_layout-responsive-330 {
+    display: grid;
+    gap: 16px;
+    grid-template-columns: 1fr; // 默认一列
+
+    // 容器宽度 >= 660px 且 < 995px: 两列
+    @container (min-width: 660px) {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    // 容器宽度 >= 995px 且 <= 1366px: 三列
+    @container (min-width: 995px) {
+      grid-template-columns: repeat(3, 1fr);
+    }
+
+    // 容器宽度 > 1366px: 四列
+    @container (min-width: 1367px) {
+      grid-template-columns: repeat(4, 1fr);
+    }
+  }
 }

package/es/pro/Selector/selectorGroup.less

@@ -1,14 +1,6 @@
 .pisell-batch-selector {
   .pisell-product-select__tabs-wrapper {
     padding: 16px 0;
-
-    .pisell-tabstruct-item--selected {
-      background-color: var(--color-primary, #5d3f9f);
-    }
-
-    .pisell-tabstruct-selection {
-      background-color: var(--color-primary, #5d3f9f);
-    }
   }
 
   &__content {
@@ -21,4 +13,4 @@
       padding-top: 16px;
     }
   }
-}
+}

package/es/pro/Selector/types.d.ts

@@ -77,48 +77,10 @@ export declare type ItemProps = {
     [key: string]: any;
 };
 export declare type LayoutType = 'antdGrid' | 'custom';
-/** 单个断点的完整配置 */
-export declare type BreakpointConfig = {
-    columns: number;
-    gap?: number | string;
-    style?: React.CSSProperties;
-};
-/**
- * 断点映射
- * key: 最小宽度（px）
- * value: 列数（简写）或完整配置
- * @example { 0: 1, 420: 2, 630: 3 } // 简写
- * @example { 0: { columns: 1, gap: 12 }, 420: { columns: 2, gap: 16 } } // 完整
- */
-export declare type BreakpointMap = Record<number, number | BreakpointConfig>;
-/** 响应式布局配置 */
-export declare type ResponsiveConfig = {
-    /** 每项最小宽度，系统自动计算断点 */
-    minWidth?: number;
-    /** 最大列数限制 */
-    maxColumns?: number;
-    /**
-     * 显式断点映射，key 为容器最小宽度(px)
-     * @example { 0: 1, 420: 2, 630: 3, 841: 4, 1367: 5 }
-     * @example { 0: { columns: 1, gap: 12 }, 420: { columns: 2, gap: 16 } }
-     */
-    breakpoints?: BreakpointMap;
-    /** 默认列数（容器宽度小于所有断点时），默认为 1 */
-    defaultColumns?: number;
-    /** 间距，默认为 16 */
-    gap?: number | string;
-    /** ResizeObserver 防抖延迟(ms)，默认为 0 */
-    debounce?: number;
-};
 export declare type LayoutConfig = {
     type?: LayoutType;
     className?: string;
     containerStyle?: React.CSSProperties;
-    /**
-     * 响应式布局配置
-     * 存在此配置时自动启用 ResizeObserver 响应式布局
-     */
-    responsive?: ResponsiveConfig;
     columns?: number;
     gutter?: number | object | Array<number>;
     align?: 'top' | 'middle' | 'bottom' | 'stretch';
@@ -158,11 +120,6 @@ export declare type HeaderProps = {
 };
 export interface SelectorProps<T = OptionKey> extends GroupItem {
     className?: string;
-    theme?: {
-        token?: {
-            colorPrimary?: string;
-        };
-    };
     value?: SelectionValue<T>;
     defaultValue?: SelectionValue<T>;
     onChange?: (value: SelectionValue<T>) => void;
@@ -189,7 +146,6 @@ export interface SelectorProps<T = OptionKey> extends GroupItem {
     stepperProps?: {
         size?: 'small' | 'middle' | 'large';
         shape?: 'round' | 'square';
-        horizontalPadding?: number | string;
     };
     style?: React.CSSProperties;
     /**
@@ -197,7 +153,6 @@ export interface SelectorProps<T = OptionKey> extends GroupItem {
      */
     titleProps?: HeaderProps;
     headerProps?: HeaderProps;
-    selectProps?: any;
 }
 export interface SelectorGroupProps {
     allowedValuesPolicy?: 'relaxed' | 'strict';
@@ -206,11 +161,6 @@ export interface SelectorGroupProps {
     dataSource: GroupItem[];
     defaultValue?: Record<string, SelectionValue>;
     linkageRules?: ExprRule[] | Record<string, any>;
-    theme?: {
-        token?: {
-            colorPrimary?: string;
-        };
-    };
     onChange?: (values: Record<string, SelectionValue>) => void;
     preserve?: boolean;
     tabProps?: {

package/es/pro/numberKeyboard/index.d.ts

@@ -24,5 +24,5 @@ interface NumberKeyboardProps {
     /** 输入框的样式 */
     inputStyle?: React.CSSProperties;
 }
-declare const NumberKeyboard: (props: NumberKeyboardProps) => JSX.Element;
+declare const NumberKeyboard: (props: NumberKeyboardProps) => React.JSX.Element;
 export default NumberKeyboard;

package/es/pro/numberKeyboard/locales.d.ts

@@ -8,11 +8,5 @@ declare const _default: {
     'zh-HK': {
         'pisell2.number.keyboard.ok': string;
     };
-    ja: {
-        'pisell2.number.keyboard.ok': string;
-    };
-    pt: {
-        'pisell2.number.keyboard.ok': string;
-    };
 };
 export default _default;

package/es/pro/numberKeyboard/locales.js

@@ -7,11 +7,5 @@ export default {
   },
   'zh-HK': {
     'pisell2.number.keyboard.ok': '確認'
-  },
-  ja: {
-    'pisell2.number.keyboard.ok': '確認'
-  },
-  pt: {
-    'pisell2.number.keyboard.ok': 'Confirmar'
   }
 };

package/es/pro/pisellPaymentList/example.d.ts

@@ -4,16 +4,17 @@
  * 这个文件演示了如何使用 PisellPaymentList 和 PisellPaymentListItem 组件
  * 包括如何通过 Context 访问父组件配置
  */
-export declare const BasicExample: () => JSX.Element;
-export declare const ChildrenExample: () => JSX.Element;
-export declare const CustomItemExample: () => JSX.Element;
-export declare const MethodConfigExample: () => JSX.Element;
-export declare const FullFeatureExample: () => JSX.Element;
+import React from 'react';
+export declare const BasicExample: () => React.JSX.Element;
+export declare const ChildrenExample: () => React.JSX.Element;
+export declare const CustomItemExample: () => React.JSX.Element;
+export declare const MethodConfigExample: () => React.JSX.Element;
+export declare const FullFeatureExample: () => React.JSX.Element;
 declare const _default: {
-    BasicExample: () => JSX.Element;
-    ChildrenExample: () => JSX.Element;
-    CustomItemExample: () => JSX.Element;
-    MethodConfigExample: () => JSX.Element;
-    FullFeatureExample: () => JSX.Element;
+    BasicExample: () => React.JSX.Element;
+    ChildrenExample: () => React.JSX.Element;
+    CustomItemExample: () => React.JSX.Element;
+    MethodConfigExample: () => React.JSX.Element;
+    FullFeatureExample: () => React.JSX.Element;
 };
 export default _default;

package/lib/businessModel/SalesModel/index.d.ts

@@ -1,3 +1,4 @@
-declare const SalesModel: ({ children, hooks, config }: any) => JSX.Element;
+import React from 'react';
+declare const SalesModel: ({ children, hooks, config }: any) => React.JSX.Element;
 export * from './Sales';
 export default SalesModel;

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

@@ -15,6 +15,6 @@ declare const SalesPage: ({ config, children, }: {
     config?: {
         useSessionStorage?: boolean | undefined;
     } | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default SalesPage;
 export { useCustomer, useInit, useSales, useStep, useResource, useEvent, useEventDetail, useHolder, useSummary, useCheckout, useCart, };

package/lib/components/appointmentBooking/components/Cart/Item/Total.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Total: ({ className, isFooter }: any) => JSX.Element;
+declare const Total: ({ className, isFooter }: any) => React.JSX.Element;
 export default Total;

package/lib/components/appointmentBooking/components/Cart/Item/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const CartItem: ({ onNext, renderContactInfo }: any) => JSX.Element;
+declare const CartItem: ({ onNext, renderContactInfo }: any) => React.JSX.Element;
 export default CartItem;

package/lib/components/appointmentBooking/components/Cart/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Cart: ({ open, onCancel, onNext }: any) => JSX.Element;
+declare const Cart: ({ open, onCancel, onNext }: any) => React.JSX.Element;
 export default Cart;

package/lib/components/appointmentBooking/components/Content/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Layout: () => JSX.Element;
+declare const Layout: () => React.JSX.Element;
 export default Layout;

package/lib/components/appointmentBooking/components/Date/state.js

@@ -188,9 +188,7 @@ var getCallToBookStatus = (currentDate, dateLimitData, cutTime) => {
 var localeTypes = {
   "en-US": "en",
   "zh-CN": "zh-cn",
-  "zh-TW": "zh-tw",
-  "ja": "ja",
-  "pt": "pt"
+  "zh-TW": "zh-tw"
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/components/appointmentBooking/components/Deposit/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
 interface DepositProps {
     showTitle?: boolean;
@@ -8,6 +9,6 @@ export declare const DepositContent: (props: {
     deposit: any;
     depositProtocolRequest?: any;
     showTitle?: boolean | undefined;
-}) => JSX.Element;
-declare const Deposit: (props: DepositProps) => JSX.Element;
+}) => React.JSX.Element;
+declare const Deposit: (props: DepositProps) => React.JSX.Element;
 export default Deposit;

package/lib/components/appointmentBooking/components/Footer/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Footer: ({ onNext, isOpen }: any) => JSX.Element;
+declare const Footer: ({ onNext, isOpen }: any) => React.JSX.Element;
 export default Footer;

package/lib/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const GuestOptionsModal: (props: any) => JSX.Element;
+declare const GuestOptionsModal: (props: any) => React.JSX.Element;
 export default GuestOptionsModal;

package/lib/components/appointmentBooking/components/Header/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Header: () => JSX.Element;
+declare const Header: () => React.JSX.Element;
 export default Header;

package/lib/components/appointmentBooking/components/TimeSlicing/components/SelectDateOS.d.ts

@@ -1,2 +1,3 @@
-declare const SelectDate: (props: any) => JSX.Element | null;
+import React from 'react';
+declare const SelectDate: (props: any) => React.JSX.Element | null;
 export default SelectDate;

package/lib/components/appointmentBooking/components/Voucher/index.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import '../../../booking/components/voucher/index.less';
 import './index.less';
-declare const VoucherCard: (props: any) => JSX.Element;
+declare const VoucherCard: (props: any) => React.JSX.Element;
 export default VoucherCard;

package/lib/components/appointmentBooking/context.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { TasksManager } from '../../utils/tasks';
 interface AppointmentBookingContextType {
     appointmentBooking: any;
@@ -30,6 +30,6 @@ interface AppointmentBookingContextType {
 }
 export declare const AppointmentBookingProvider: ({ children, }: {
     children: ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const useAppointmentBookingContext: () => AppointmentBookingContextType | undefined;
 export {};

package/lib/components/appointmentBooking/deposit/components/PolicyModal/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const DepositModal: (props: any) => JSX.Element;
+declare const DepositModal: (props: any) => React.JSX.Element;
 export default DepositModal;

package/lib/components/appointmentBooking/deposit/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Deposit: (props: any) => JSX.Element;
+declare const Deposit: (props: any) => React.JSX.Element;
 export default Deposit;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const AppointmentBooking: () => JSX.Element;
+declare const AppointmentBooking: () => React.JSX.Element;
 export default AppointmentBooking;