@pisell/private-materials 6.3.116 → 6.3.118

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

@@ -1,24 +1,227 @@
+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); }
-import React from 'react';
+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 { 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. Custom 布局（推荐）：通过 className 使用预设样式，containerStyle
- * 2. Ant Design Grid 布局：基础的栅格布局，用于简单场景
+ * 支持三种布局模式：
+ * 1. 响应式布局（推荐）：通过 responsive 配置，使用 ResizeObserver 实现容器级响应式
+ * 2. Custom 布局：通过 className 使用预设样式
+ * 3. 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: containerClassName
+      className: classNames(baseClassName, containerClassName)
     }, children);
   }
   var type = config.type,
@@ -26,17 +229,31 @@ function LayoutContainer(_ref) {
     _config$containerStyl = config.containerStyle,
     containerStyle = _config$containerStyl === void 0 ? {} : _config$containerStyl;
 
-  // 1. 自定义样式布局（推荐使用）
+  // 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. 自定义样式布局
   if (type !== 'antdGrid') {
-    // 使用预设 className 或默认布局
-    var layoutClassName = classNames(containerClassName, className);
+    var layoutClassName = classNames(baseClassName, containerClassName, className);
     return /*#__PURE__*/React.createElement("div", {
       className: layoutClassName,
       style: containerStyle
     }, children);
   }
 
-  // 2. Ant Design Grid 布局（基础场景）
+  // 3. Ant Design Grid 布局（基础场景）
   var _config$columns = config.columns,
     columns = _config$columns === void 0 ? 1 : _config$columns,
     align = config.align,

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

@@ -0,0 +1,19 @@
+.pisell-pro-selector_layout {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  // 响应式布局容器
+  &-responsive {
+    display: grid;
+    gap: var(--layout-gap, 16px);
+    grid-template-columns: repeat(var(--layout-columns, 1), 1fr);
+  }
+
+  // 自动宽度布局 - 内容自适应
+  &-auto-flex {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 16px;
+  }
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.less';
+import type { MediaProps, MediaStyleProps, MediaShape, MediaSize, MediaCoverType } from './types';
+export type { MediaProps, MediaStyleProps, MediaShape, MediaSize, MediaCoverType, };
+declare const Media: React.FC<MediaProps>;
+export default Media;

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

@@ -80,7 +80,7 @@
   &-selected {
     .pisell-selector_media-cover {
       border-width: 2px;
-      border-color: #7f56d9;
+      border-color: var(--color-primary, #5d3f9f);
     }
 
     .pisell-selector_media-label {

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SelectorDemo: () => 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('660'),
+  var _useState33 = useState('100%'),
     _useState34 = _slicedToArray(_useState33, 2),
     width = _useState34[0],
     setWidth = _useState34[1];

package/es/pro/Selector/hooks/usePresetItemProps.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { ItemProps, ItemLayout, SelectorVariant, PresetConfig } from '../types';
+interface UsePresetItemPropsParams {
+    variant?: SelectorVariant;
+    itemLayout?: ItemLayout;
+    preset?: PresetConfig;
+    itemProps?: ItemProps;
+    indicator: React.ReactNode;
+    numberSelector: React.ReactNode;
+    mode?: 'single' | 'multiple';
+    disabled?: boolean;
+    selected?: boolean;
+}
+interface PresetItemPropsResult {
+    mediaProps: Record<string, any>;
+    cardProps: Record<string, any>;
+}
+/**
+ * 根据预设项生成 option Item 的 props
+ *
+ * 规则说明：
+ * 1. variant='default': 使用 Card，borderless，horizontal，selectedType='none'，actionsPosition='left'
+ *    1.1 preset.variant='1': renderContent={() => <span>{dataSource._label}</span>}
+ *    1.2 preset.variant='2': renderContent={() => <span>{dataSource._label}</span>}
+ * 2. variant='media': 使用 MediaItem
+ *    2.1 preset.variant='1': size='small', showIndicator=false, 单选shape='circle'，多选shape='square'
+ *    2.2 preset.variant='2': size='large', showIndicator=true, shape='circle'
+ * 3. variant='card': 根据 itemLayout 区分横向和纵向
+ *    3.1 横向（horizontal）:
+ *        - preset.variant='2': selectedType='filled'
+ *        - preset.variant='5': variant='borderless'
+ *        - 默认样式: styles.container = { padding: 8 }
+ *        - 使用 lodash merge 深度合并样式，itemProps.styles 优先级更高
+ *    3.2 纵向（vertical）:
+ *        - 统一使用 borderless，selectedType='none'
+ *        - preset.variant='2': indicator 通过 corner 传入
+ *    3.3 actions 处理:
+ *        - 优先使用 numberSelector（如果存在）
+ *        - 其次使用 indicator
+ *        - 纵向且 preset.variant='2': indicator 放到 corner，actions 仅展示 numberSelector
+ */
+declare const usePresetItemProps: (params: UsePresetItemPropsParams) => PresetItemPropsResult;
+export default usePresetItemProps;

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

@@ -143,6 +143,7 @@ var usePresetItemProps = function usePresetItemProps(params) {
           content: {}
         };
         if (presetVariant === '1') {
+          _defaultStyles.container.padding = '12px 16px';
           _defaultStyles.content.textAlign = 'center';
           baseProps = {
             selectedType: 'outlined-bold'
@@ -152,6 +153,7 @@ 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.d.ts

@@ -0,0 +1,24 @@
+import { LayoutConfig, ItemLayout, PresetConfig, SelectorVariant, SelectorProps } from '../types';
+interface UsePresetPropsParams {
+    layout?: LayoutConfig;
+    mode?: 'single' | 'multiple';
+    preset?: PresetConfig;
+    itemLayout?: ItemLayout;
+    variant?: SelectorVariant;
+    indicatorProps?: SelectorProps['indicatorProps'];
+}
+interface UsePresetPropsResult {
+    layout: LayoutConfig | null;
+    indicatorProps: SelectorProps['indicatorProps'];
+}
+/**
+ * 根据预设配置生成 layout 和 indicatorProps
+ * Layout 规则：
+ * - 根据 variant 和 preset.variant 计算布局样式
+ * IndicatorProps 规则：
+ * 1. 当 variant='card' 且 preset.variant='2' 时，indicator 默认 variant='filled'
+ * 2. 当 variant='media' 时，indicator 默认 variant='filled'
+ * 3. 外部传入的 indicatorProps 优先级更高（会合并到预设配置中）
+ */
+declare const usePresetProps: ({ layout, mode, preset, itemLayout, variant, indicatorProps, }: UsePresetPropsParams) => UsePresetPropsResult;
+export default usePresetProps;

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

@@ -8,6 +8,59 @@ 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
+      }
+    }
+  }
+};
+
 /**
  * 预设布局配置库
  * 定义所有可用的布局模式，配置更加语义化和集中化
@@ -18,13 +71,13 @@ var PRESET_LAYOUTS = {
   autoFlex: {
     className: 'pisell-pro-selector_layout-auto-flex'
   },
-  /** 响应式布局 - 最小宽度 210px */
+  /** 响应式布局 - 最小宽度 210px，最多 5 列 */
   responsive210: {
-    className: 'pisell-pro-selector_layout-responsive-210'
+    responsive: RESPONSIVE_PRESETS.responsive210
   },
-  /** 响应式布局 - 最小宽度 330px */
+  /** 响应式布局 - 最小宽度 330px，最多 4 列 */
   responsive330: {
-    className: 'pisell-pro-selector_layout-responsive-330'
+    responsive: RESPONSIVE_PRESETS.responsive330
   }
 };
 var VARIANT_PRESET_MAP = {
@@ -71,7 +124,7 @@ var usePresetProps = function usePresetProps(_ref) {
 
     // select 和没有 preset.variant 时不应用布局配置
     if (variant === 'select' || !(preset !== null && preset !== void 0 && preset.variant)) {
-      layoutConfig = null;
+      layoutConfig = layout || null;
     } else {
       // 1. 获取预设的基础布局配置
       var baseLayoutConfig = null;
@@ -115,7 +168,8 @@ var usePresetProps = function usePresetProps(_ref) {
     if (shouldUseFilled) {
       // 设置默认值
       computedIndicatorProps = {
-        variant: 'filled'
+        variant: 'filled',
+        size: 'small'
       };
     }
 

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

@@ -0,0 +1,58 @@
+declare const _default: {
+    en: {
+        '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;
+    };
+    'zh-CN': {
+        '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;
+    };
+    'zh-HK': {
+        '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;
+    };
+    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,5 +97,63 @@ 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 '';
+    }
   }
 };