@pisell/private-materials 6.3.89 → 6.3.91

package/es/pro/Selector/components/Indicator/index.d.ts

@@ -11,7 +11,6 @@ export interface IndicatorProps {
     styles?: {
         container?: React.CSSProperties;
         indicator?: React.CSSProperties;
-        content?: React.CSSProperties;
     };
     children?: React.ReactNode;
     size?: 'small' | 'middle' | 'large' | number;

package/es/pro/Selector/components/Indicator/index.js

@@ -95,8 +95,7 @@ var Indicator = function Indicator(props) {
   }, checked && /*#__PURE__*/React.createElement(React.Fragment, null, mode === 'single' && variant === 'outlined' ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-dot")
   }) : renderCheckIcon())), children && /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefixCls, "-content"),
-    style: styles === null || styles === void 0 ? void 0 : styles.content
+    className: "".concat(prefixCls, "-content")
   }, children));
 };
 export default Indicator;

package/es/pro/Selector/components/Indicator/index.less

@@ -1,15 +1,12 @@
 .pisell-pro-indicator {
-  vertical-align: middle;
   display: inline-flex;
   align-items: center;
-  justify-content: center;
+  vertical-align: middle;
   cursor: pointer;
   user-select: none;
   font-size: 14px;
   line-height: 1.5;
   position: relative;
-  height: 100%;
-  width: 100%;
 
   &-input {
     position: absolute;

package/es/pro/Selector/components/LayoutContainer/index.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { LayoutConfig } from '../../types';
-import './index.less';
 interface LayoutContainerProps {
     className: string;
     config: LayoutConfig | null;
@@ -9,10 +8,9 @@ interface LayoutContainerProps {
 /**
  * 统一的布局容器组件
  *
- * 支持三种布局模式：
- * 1. 响应式布局（推荐）：通过 responsive 配置，使用 ResizeObserver 实现容器级响应式
- * 2. Custom 布局：通过 className 使用预设样式
- * 3. Ant Design Grid 布局：基础的栅格布局，用于简单场景
+ * 支持两种布局模式：
+ * 1. Custom 布局（推荐）：通过 className 使用预设样式，containerStyle
+ * 2. Ant Design Grid 布局：基础的栅格布局，用于简单场景
  */
 declare function LayoutContainer({ className: containerClassName, config, children, }: LayoutContainerProps): React.ReactElement | null;
 export default LayoutContainer;

package/es/pro/Selector/components/LayoutContainer/index.js

@@ -1,227 +1,24 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useRef, useState, useEffect, useMemo } from 'react';
+import React from 'react';
 import { Row, Col } from 'antd';
 import classNames from 'classnames';
-import "./index.less";
 var ARow = Row;
 var ACol = Col;
-/**
- * 标准化断点配置
- * 将简写形式 { 420: 2 } 转换为完整形式 { 420: { columns: 2 } }
- */
-function normalizeBreakpoints(breakpoints, defaultGap) {
-  var normalized = {};
-  for (var _i = 0, _Object$entries = Object.entries(breakpoints); _i < _Object$entries.length; _i++) {
-    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
-      width = _Object$entries$_i[0],
-      config = _Object$entries$_i[1];
-    var widthNum = Number(width);
-    if (typeof config === 'number') {
-      // 简写形式：数字表示列数
-      normalized[widthNum] = {
-        columns: config,
-        gap: defaultGap
-      };
-    } else {
-      var _config$gap;
-      // 完整形式
-      normalized[widthNum] = _objectSpread(_objectSpread({}, config), {}, {
-        gap: (_config$gap = config.gap) !== null && _config$gap !== void 0 ? _config$gap : defaultGap
-      });
-    }
-  }
-  return normalized;
-}
-
-/**
- * 根据 minWidth 和 maxColumns 自动生成断点配置
- */
-function generateBreakpoints(minWidth, maxColumns) {
-  var gap = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 16;
-  var gapNum = typeof gap === 'number' ? gap : parseInt(gap, 10) || 16;
-  var breakpoints = {
-    0: {
-      columns: 1,
-      gap: gap
-    }
-  };
-  for (var cols = 2; cols <= maxColumns; cols++) {
-    // 计算需要的最小容器宽度：cols * minWidth + (cols - 1) * gap
-    var breakpoint = cols * minWidth + (cols - 1) * gapNum;
-    breakpoints[breakpoint] = {
-      columns: cols,
-      gap: gap
-    };
-  }
-  return breakpoints;
-}
-
-/**
- * 根据容器宽度计算当前应该使用的断点配置
- */
-function getActiveBreakpoint(width, breakpoints) {
-  var defaultColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var defaultGap = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 16;
-  // 获取所有断点并按宽度降序排序
-  var sortedBreakpoints = Object.keys(breakpoints).map(Number).sort(function (a, b) {
-    return b - a;
-  });
-
-  // 找到第一个小于等于当前宽度的断点
-  var _iterator = _createForOfIteratorHelper(sortedBreakpoints),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var breakpoint = _step.value;
-      if (width >= breakpoint) {
-        return breakpoints[breakpoint];
-      }
-    }
-
-    // 如果没有匹配的断点，返回默认配置
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return {
-    columns: defaultColumns,
-    gap: defaultGap
-  };
-}
-
-/**
- * 解析响应式配置，生成最终的断点映射
- */
-function parseResponsiveConfig(responsive) {
-  var minWidth = responsive.minWidth,
-    maxColumns = responsive.maxColumns,
-    breakpoints = responsive.breakpoints,
-    _responsive$gap = responsive.gap,
-    gap = _responsive$gap === void 0 ? 16 : _responsive$gap;
-  var finalBreakpoints = {};
-
-  // 方式一：自动计算断点
-  if (minWidth && maxColumns) {
-    finalBreakpoints = generateBreakpoints(minWidth, maxColumns, gap);
-  }
-
-  // 方式二：显式断点定义（会覆盖自动计算的断点）
-  if (breakpoints) {
-    var normalizedBreakpoints = normalizeBreakpoints(breakpoints, gap);
-    finalBreakpoints = _objectSpread(_objectSpread({}, finalBreakpoints), normalizedBreakpoints);
-  }
-
-  // 确保至少有默认断点
-  if (Object.keys(finalBreakpoints).length === 0) {
-    var _responsive$defaultCo;
-    finalBreakpoints = {
-      0: {
-        columns: (_responsive$defaultCo = responsive.defaultColumns) !== null && _responsive$defaultCo !== void 0 ? _responsive$defaultCo : 1,
-        gap: gap
-      }
-    };
-  }
-  return finalBreakpoints;
-}
-
-/**
- * 自定义 Hook：使用 ResizeObserver 监听容器宽度变化
- */
-function useContainerWidth(ref) {
-  var debounceMs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    width = _useState2[0],
-    setWidth = _useState2[1];
-  var timeoutRef = useRef(null);
-  useEffect(function () {
-    var element = ref.current;
-    if (!element) return;
-    var updateWidth = function updateWidth(newWidth) {
-      if (debounceMs > 0) {
-        if (timeoutRef.current) {
-          clearTimeout(timeoutRef.current);
-        }
-        timeoutRef.current = setTimeout(function () {
-          setWidth(newWidth);
-        }, debounceMs);
-      } else {
-        setWidth(newWidth);
-      }
-    };
-    var observer = new ResizeObserver(function (entries) {
-      var entry = entries[0];
-      if (entry) {
-        updateWidth(entry.contentRect.width);
-      }
-    });
-    observer.observe(element);
-
-    // 初始化宽度
-    setWidth(element.getBoundingClientRect().width);
-    return function () {
-      observer.disconnect();
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-    };
-  }, [ref, debounceMs]);
-  return width;
-}
-var baseClassName = 'pisell-pro-selector_layout';
-
 /**
  * 统一的布局容器组件
  *
- * 支持三种布局模式：
- * 1. 响应式布局（推荐）：通过 responsive 配置，使用 ResizeObserver 实现容器级响应式
- * 2. Custom 布局：通过 className 使用预设样式
- * 3. Ant Design Grid 布局：基础的栅格布局，用于简单场景
+ * 支持两种布局模式：
+ * 1. Custom 布局（推荐）：通过 className 使用预设样式，containerStyle
+ * 2. Ant Design Grid 布局：基础的栅格布局，用于简单场景
  */
 function LayoutContainer(_ref) {
-  var _responsiveConfig$deb;
   var containerClassName = _ref.className,
     config = _ref.config,
     children = _ref.children;
-  var containerRef = useRef(null);
-
-  // 解析响应式配置
-  var responsiveConfig = config === null || config === void 0 ? void 0 : config.responsive;
-  var hasResponsive = !!responsiveConfig;
-
-  // 解析断点配置
-  var breakpoints = useMemo(function () {
-    if (!responsiveConfig) return null;
-    return parseResponsiveConfig(responsiveConfig);
-  }, [responsiveConfig]);
-
-  // 监听容器宽度
-  var containerWidth = useContainerWidth(containerRef, (_responsiveConfig$deb = responsiveConfig === null || responsiveConfig === void 0 ? void 0 : responsiveConfig.debounce) !== null && _responsiveConfig$deb !== void 0 ? _responsiveConfig$deb : 0);
-
-  // 计算当前激活的断点配置
-  var activeConfig = useMemo(function () {
-    if (!breakpoints) return null;
-    return getActiveBreakpoint(containerWidth, breakpoints, responsiveConfig === null || responsiveConfig === void 0 ? void 0 : responsiveConfig.defaultColumns, responsiveConfig === null || responsiveConfig === void 0 ? void 0 : responsiveConfig.gap);
-  }, [containerWidth, breakpoints, responsiveConfig]);
-
   // 无配置时使用默认布局
   if (!config) {
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames(baseClassName, containerClassName)
+      className: containerClassName
     }, children);
   }
   var type = config.type,
@@ -229,31 +26,17 @@ function LayoutContainer(_ref) {
     _config$containerStyl = config.containerStyle,
     containerStyle = _config$containerStyl === void 0 ? {} : _config$containerStyl;
 
-  // 1. 响应式布局（优先级最高）
-  if (hasResponsive) {
-    var _activeConfig$columns, _activeConfig$gap;
-    // 通过 CSS 变量传递动态值，实际布局样式在 Less 文件中定义
-    var cssVariables = {
-      '--layout-columns': (_activeConfig$columns = activeConfig === null || activeConfig === void 0 ? void 0 : activeConfig.columns) !== null && _activeConfig$columns !== void 0 ? _activeConfig$columns : 1,
-      '--layout-gap': typeof (activeConfig === null || activeConfig === void 0 ? void 0 : activeConfig.gap) === 'number' ? "".concat(activeConfig.gap, "px") : (_activeConfig$gap = activeConfig === null || activeConfig === void 0 ? void 0 : activeConfig.gap) !== null && _activeConfig$gap !== void 0 ? _activeConfig$gap : '16px'
-    };
-    return /*#__PURE__*/React.createElement("div", {
-      ref: containerRef,
-      className: classNames(baseClassName, "".concat(baseClassName, "-responsive"), containerClassName, className),
-      style: _objectSpread(_objectSpread(_objectSpread({}, cssVariables), containerStyle), activeConfig === null || activeConfig === void 0 ? void 0 : activeConfig.style)
-    }, children);
-  }
-
-  // 2. 自定义样式布局
+  // 1. 自定义样式布局（推荐使用）
   if (type !== 'antdGrid') {
-    var layoutClassName = classNames(baseClassName, containerClassName, className);
+    // 使用预设 className 或默认布局
+    var layoutClassName = classNames(containerClassName, className);
     return /*#__PURE__*/React.createElement("div", {
       className: layoutClassName,
       style: containerStyle
     }, children);
   }
 
-  // 3. Ant Design Grid 布局（基础场景）
+  // 2. Ant Design Grid 布局（基础场景）
   var _config$columns = config.columns,
     columns = _config$columns === void 0 ? 1 : _config$columns,
     align = config.align,

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

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

package/es/pro/Selector/demo.js

@@ -84,7 +84,7 @@ var SelectorDemo = function SelectorDemo() {
     _useState32 = _slicedToArray(_useState31, 2),
     serviceOptions = _useState32[0],
     setServiceOptions = _useState32[1];
-  var _useState33 = useState('100%'),
+  var _useState33 = useState('660'),
     _useState34 = _slicedToArray(_useState33, 2),
     width = _useState34[0],
     setWidth = _useState34[1];

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

@@ -143,7 +143,6 @@ var usePresetItemProps = function usePresetItemProps(params) {
           content: {}
         };
         if (presetVariant === '1') {
-          _defaultStyles.container.padding = '12px 16px';
           _defaultStyles.content.textAlign = 'center';
           baseProps = {
             selectedType: 'outlined-bold'
@@ -153,7 +152,6 @@ var usePresetItemProps = function usePresetItemProps(params) {
           }
           indicator = null;
         } else if (presetVariant === '2') {
-          _defaultStyles.container.padding = '12px 16px';
           baseProps = {
             selectedType: 'filled'
           };

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/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/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';
@@ -184,7 +146,6 @@ export interface SelectorProps<T = OptionKey> extends GroupItem {
     stepperProps?: {
         size?: 'small' | 'middle' | 'large';
         shape?: 'round' | 'square';
-        horizontalPadding?: number | string;
     };
     style?: React.CSSProperties;
     /**
@@ -192,7 +153,6 @@ export interface SelectorProps<T = OptionKey> extends GroupItem {
      */
     titleProps?: HeaderProps;
     headerProps?: HeaderProps;
-    selectProps?: any;
 }
 export interface SelectorGroupProps {
     allowedValuesPolicy?: 'relaxed' | 'strict';

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/pisellPaymentList/example.d.ts

@@ -4,17 +4,17 @@
  * 这个文件演示了如何使用 PisellPaymentList 和 PisellPaymentListItem 组件
  * 包括如何通过 Context 访问父组件配置
  */
-/// <reference types="react" />
-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;