@pisell/private-materials 3.4.69 → 3.4.71

package/es/pro/Selector/Selector.js

@@ -1,5 +1,6 @@
 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); }
-var _excluded = ["show", "render"];
+var _excluded = ["show", "render"],
+  _excluded2 = ["disabled", "size", "style"];
 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 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; }
@@ -147,8 +148,7 @@ var Selector = /*#__PURE__*/forwardRef(function (props, ref) {
         actions.update(option._key, {
           quantity: value
         });
-      },
-      showInput: true
+      }
     }));
   };
 
@@ -206,9 +206,16 @@ var Selector = /*#__PURE__*/forwardRef(function (props, ref) {
     if (variant === 'select') {
       var _value = state.values;
       var _maxCount = ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.max;
-      return /*#__PURE__*/React.createElement(Select, {
-        size: "large",
-        style: {
+      var _ref2 = props.selectProps || {},
+        selectDisabled = _ref2.disabled,
+        _ref2$size = _ref2.size,
+        size = _ref2$size === void 0 ? 'large' : _ref2$size,
+        style = _ref2.style,
+        rest = _objectWithoutProperties(_ref2, _excluded2);
+      return /*#__PURE__*/React.createElement(Select, _extends({}, rest, {
+        size: size,
+        disabled: selectDisabled || disabled,
+        style: style || {
           width: '100%'
         },
         mode: mode === 'multiple' ? 'multiple' : undefined,
@@ -218,28 +225,18 @@ var Selector = /*#__PURE__*/forwardRef(function (props, ref) {
         onChange: function onChange(value) {
           return actions.setValue(value);
         },
-        disabled: disabled,
-        maxTagCount: _maxCount
-      });
+        maxCount: _maxCount
+      }));
     }
     return /*#__PURE__*/React.createElement(LayoutContainer, {
       className: "pisell-pro-selector_options-container",
       config: finalLayout
     }, options.map(renderOption));
   };
-  var renderErrorMsg = function renderErrorMsg() {
-    if (!(errors !== null && errors !== void 0 && errors.length)) return null;
-    var error = errors[errors.length - 1];
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        color: '#D92D20'
-      }
-    }, error === null || error === void 0 ? void 0 : error.message);
-  };
   var renderRequiredTag = function renderRequiredTag() {
-    var _ref2 = ruleConfig || {},
-      _ref2$required = _ref2.required,
-      required = _ref2$required === void 0 ? false : _ref2$required;
+    var _ref3 = ruleConfig || {},
+      _ref3$required = _ref3.required,
+      required = _ref3$required === void 0 ? false : _ref3$required;
     if (!required) return null;
     var style = {
       borderRadius: 16
@@ -266,9 +263,19 @@ var Selector = /*#__PURE__*/forwardRef(function (props, ref) {
     }, locales.getText('pisell2.pro.selector.required-tag'));
   };
   var renderTip = function renderTip() {
-    var _headerProps$tip, _headerProps$tip2, _headerProps$tip3;
-    if ((headerProps === null || headerProps === void 0 || (_headerProps$tip = headerProps.tip) === null || _headerProps$tip === void 0 ? void 0 : _headerProps$tip.visible) === false) return null;
-    var text = headerProps === null || headerProps === void 0 || (_headerProps$tip2 = headerProps.tip) === null || _headerProps$tip2 === void 0 ? void 0 : _headerProps$tip2.text;
+    var _headerProps$tip2, _headerProps$tip3, _headerProps$tip4;
+    if (Array.isArray(errors) && errors.length) {
+      var _headerProps$tip;
+      var error = errors[errors.length - 1];
+      return /*#__PURE__*/React.createElement("span", {
+        className: "pisell-pro-selector_tip",
+        style: _objectSpread(_objectSpread({}, (headerProps === null || headerProps === void 0 || (_headerProps$tip = headerProps.tip) === null || _headerProps$tip === void 0 ? void 0 : _headerProps$tip.style) || {}), {}, {
+          color: '#D92D20'
+        })
+      }, error === null || error === void 0 ? void 0 : error.message);
+    }
+    if ((headerProps === null || headerProps === void 0 || (_headerProps$tip2 = headerProps.tip) === null || _headerProps$tip2 === void 0 ? void 0 : _headerProps$tip2.visible) === false) return null;
+    var text = headerProps === null || headerProps === void 0 || (_headerProps$tip3 = headerProps.tip) === null || _headerProps$tip3 === void 0 ? void 0 : _headerProps$tip3.text;
     if (ruleConfig !== null && ruleConfig !== void 0 && ruleConfig.min || ruleConfig !== null && ruleConfig !== void 0 && ruleConfig.max) {
       text = locales.getText('pisell2.pro.selector.tip.min-max-selection')(ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.min, ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.max);
     }
@@ -282,7 +289,7 @@ var Selector = /*#__PURE__*/forwardRef(function (props, ref) {
     if (!text) return null;
     return /*#__PURE__*/React.createElement("span", {
       className: "pisell-pro-selector_tip",
-      style: _objectSpread({}, (headerProps === null || headerProps === void 0 || (_headerProps$tip3 = headerProps.tip) === null || _headerProps$tip3 === void 0 ? void 0 : _headerProps$tip3.style) || {})
+      style: _objectSpread({}, (headerProps === null || headerProps === void 0 || (_headerProps$tip4 = headerProps.tip) === null || _headerProps$tip4 === void 0 ? void 0 : _headerProps$tip4.style) || {})
     }, "(", text, ")");
   };
   var renderHeader = function renderHeader() {
@@ -316,7 +323,7 @@ var Selector = /*#__PURE__*/forwardRef(function (props, ref) {
     id: "pisell-pro-selector-".concat(props.id),
     className: classNames('pisell-pro-selector', props.className),
     style: props.style
-  }, renderHeader(), renderErrorMsg(), /*#__PURE__*/React.createElement(SelectorContext.Provider, {
+  }, renderHeader(), /*#__PURE__*/React.createElement(SelectorContext.Provider, {
     value: {
       mode: mode,
       disabled: disabled,

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

@@ -1,78 +1,78 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Selector from './index';
-/**
- * Selector 组件 - 高级选择器
- *
- * 支持单选/多选、数量控制、校验规则、互斥组等功能
- *
- * 查看文档：
- * - [开发文档](https://studio.picoding-dev.com/pro-components/selector?tab=dev)
- * - [需求文档](https://m1ed09stz4r.feishu.cn/wiki/NL5AwOs0ei5ZBekT4i6cuzIOnoM)
- */
-declare const meta: Meta<typeof Selector>;
-export default meta;
-declare type Story = StoryObj<typeof Selector>;
-/**
- * 默认单选模式 - 原始值类型
- */
-export declare const Default: Story;
-/**
- * 多选模式 - 原始值数组
- */
-export declare const Multiple: Story;
-/**
- * 单选 + 数量 - 对象值类型
- */
-export declare const SingleWithQuantity: Story;
-/**
- * 多选 + 数量 - 卡片样式
- */
-export declare const MultipleWithQuantity: Story;
-/**
- * 网格布局 - 2列
- */
-export declare const GridLayout2Columns: Story;
-/**
- * 网格布局 - 3列
- */
-export declare const GridLayout3Columns: Story;
-/**
- * 校验规则 - 必选、最小/最大数量
- */
-export declare const WithValidation: Story;
-/**
- * 互斥组 - 同组只能选一个
- */
-export declare const MutexGroups: Story;
-/**
- * 禁用状态
- */
-export declare const Disabled: Story;
-/**
- * Select 变体 - 下拉选择
- */
-export declare const SelectVariant: Story;
-/**
- * Select 变体 - 多选下拉
- */
-export declare const SelectVariantMultiple: Story;
-/**
- * 卡片样式变体 - 不同选中态
- */
-export declare const CardVariants: Story;
-/**
- * 自定义图标
- */
-export declare const CustomIcon: Story;
-/**
- * 自定义渲染
- */
-export declare const CustomRender: Story;
-/**
- * SelectorGroup 基础示例
- */
-export declare const SelectorGroupBasic: StoryObj;
-/**
- * SelectorGroup 联动规则示例
- */
-export declare const SelectorGroupWithLinkage: StoryObj;
+import { Meta, StoryObj } from '@storybook/react';
+import Selector from './index';
+/**
+ * Selector 组件 - 高级选择器
+ *
+ * 支持单选/多选、数量控制、校验规则、互斥组等功能
+ *
+ * 查看文档：
+ * - [开发文档](https://studio.picoding-dev.com/pro-components/selector?tab=dev)
+ * - [需求文档](https://m1ed09stz4r.feishu.cn/wiki/NL5AwOs0ei5ZBekT4i6cuzIOnoM)
+ */
+declare const meta: Meta<typeof Selector>;
+export default meta;
+declare type Story = StoryObj<typeof Selector>;
+/**
+ * 默认单选模式 - 原始值类型
+ */
+export declare const Default: Story;
+/**
+ * 多选模式 - 原始值数组
+ */
+export declare const Multiple: Story;
+/**
+ * 单选 + 数量 - 对象值类型
+ */
+export declare const SingleWithQuantity: Story;
+/**
+ * 多选 + 数量 - 卡片样式
+ */
+export declare const MultipleWithQuantity: Story;
+/**
+ * 网格布局 - 2列
+ */
+export declare const GridLayout2Columns: Story;
+/**
+ * 网格布局 - 3列
+ */
+export declare const GridLayout3Columns: Story;
+/**
+ * 校验规则 - 必选、最小/最大数量
+ */
+export declare const WithValidation: Story;
+/**
+ * 互斥组 - 同组只能选一个
+ */
+export declare const MutexGroups: Story;
+/**
+ * 禁用状态
+ */
+export declare const Disabled: Story;
+/**
+ * Select 变体 - 下拉选择
+ */
+export declare const SelectVariant: Story;
+/**
+ * Select 变体 - 多选下拉
+ */
+export declare const SelectVariantMultiple: Story;
+/**
+ * 卡片样式变体 - 不同选中态
+ */
+export declare const CardVariants: Story;
+/**
+ * 自定义图标
+ */
+export declare const CustomIcon: Story;
+/**
+ * 自定义渲染
+ */
+export declare const CustomRender: Story;
+/**
+ * SelectorGroup 基础示例
+ */
+export declare const SelectorGroupBasic: StoryObj;
+/**
+ * SelectorGroup 联动规则示例
+ */
+export declare const SelectorGroupWithLinkage: StoryObj;

package/es/pro/Selector/Selector.stories.js

@@ -14,14 +14,14 @@ import Selector from "./index";
 import SelectorGroup from "./SelectorGroup";
 import { CheckOutlined } from '@ant-design/icons';
 
-/**
- * Selector 组件 - 高级选择器
- * 
- * 支持单选/多选、数量控制、校验规则、互斥组等功能
- * 
- * 查看文档：
- * - [开发文档](https://studio.picoding-dev.com/pro-components/selector?tab=dev)
- * - [需求文档](https://m1ed09stz4r.feishu.cn/wiki/NL5AwOs0ei5ZBekT4i6cuzIOnoM)
+/**
+ * Selector 组件 - 高级选择器
+ * 
+ * 支持单选/多选、数量控制、校验规则、互斥组等功能
+ * 
+ * 查看文档：
+ * - [开发文档](https://studio.picoding-dev.com/pro-components/selector?tab=dev)
+ * - [需求文档](https://m1ed09stz4r.feishu.cn/wiki/NL5AwOs0ei5ZBekT4i6cuzIOnoM)
  */
 var meta = {
   title: 'Pro Components/Selector',
@@ -85,8 +85,8 @@ var basicDataSource = [{
   title: '选项5'
 }];
 
-/**
- * 默认单选模式 - 原始值类型
+/**
+ * 默认单选模式 - 原始值类型
  */
 export var Default = {
   args: {
@@ -115,8 +115,8 @@ export var Default = {
   }
 };
 
-/**
- * 多选模式 - 原始值数组
+/**
+ * 多选模式 - 原始值数组
  */
 export var Multiple = {
   args: {
@@ -152,8 +152,8 @@ export var Multiple = {
   }
 };
 
-/**
- * 单选 + 数量 - 对象值类型
+/**
+ * 单选 + 数量 - 对象值类型
  */
 export var SingleWithQuantity = {
   args: {
@@ -210,8 +210,8 @@ export var SingleWithQuantity = {
   }
 };
 
-/**
- * 多选 + 数量 - 卡片样式
+/**
+ * 多选 + 数量 - 卡片样式
  */
 export var MultipleWithQuantity = {
   args: {
@@ -290,8 +290,8 @@ export var MultipleWithQuantity = {
   }
 };
 
-/**
- * 网格布局 - 2列
+/**
+ * 网格布局 - 2列
  */
 export var GridLayout2Columns = {
   args: {
@@ -325,8 +325,8 @@ export var GridLayout2Columns = {
   }
 };
 
-/**
- * 网格布局 - 3列
+/**
+ * 网格布局 - 3列
  */
 export var GridLayout3Columns = {
   args: {
@@ -362,8 +362,8 @@ export var GridLayout3Columns = {
   }
 };
 
-/**
- * 校验规则 - 必选、最小/最大数量
+/**
+ * 校验规则 - 必选、最小/最大数量
  */
 export var WithValidation = {
   args: {
@@ -455,8 +455,8 @@ export var WithValidation = {
   }
 };
 
-/**
- * 互斥组 - 同组只能选一个
+/**
+ * 互斥组 - 同组只能选一个
  */
 export var MutexGroups = {
   args: {
@@ -538,8 +538,8 @@ export var MutexGroups = {
   }
 };
 
-/**
- * 禁用状态
+/**
+ * 禁用状态
  */
 export var Disabled = {
   args: {
@@ -595,8 +595,8 @@ export var Disabled = {
   }
 };
 
-/**
- * Select 变体 - 下拉选择
+/**
+ * Select 变体 - 下拉选择
  */
 export var SelectVariant = {
   args: {
@@ -623,8 +623,8 @@ export var SelectVariant = {
   }
 };
 
-/**
- * Select 变体 - 多选下拉
+/**
+ * Select 变体 - 多选下拉
  */
 export var SelectVariantMultiple = {
   args: {
@@ -651,8 +651,8 @@ export var SelectVariantMultiple = {
   }
 };
 
-/**
- * 卡片样式变体 - 不同选中态
+/**
+ * 卡片样式变体 - 不同选中态
  */
 export var CardVariants = {
   render: function render() {
@@ -727,8 +727,8 @@ export var CardVariants = {
   }
 };
 
-/**
- * 自定义图标
+/**
+ * 自定义图标
  */
 export var CustomIcon = {
   args: {
@@ -765,8 +765,8 @@ export var CustomIcon = {
   }
 };
 
-/**
- * 自定义渲染
+/**
+ * 自定义渲染
  */
 export var CustomRender = {
   args: {
@@ -839,8 +839,8 @@ export var CustomRender = {
   }
 };
 
-/**
- * SelectorGroup 基础示例
+/**
+ * SelectorGroup 基础示例
  */
 export var SelectorGroupBasic = {
   render: function render() {
@@ -939,8 +939,8 @@ export var SelectorGroupBasic = {
   }
 };
 
-/**
- * SelectorGroup 联动规则示例
+/**
+ * SelectorGroup 联动规则示例
  */
 export var SelectorGroupWithLinkage = {
   render: function render() {

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

@@ -1,11 +1,11 @@
-import React from 'react';
-import { SelectionValue, SelectorGroupProps } from './types';
-import './selectorGroup.less';
-export declare type SelectorGroupRef = {
-    getValues: (includeHidden?: boolean) => Record<string, SelectionValue>;
-    setValues: (values: Record<string, SelectionValue>) => void;
-    validate: () => Promise<Record<string, never>>;
-    reset: () => void;
-};
-declare const SelectorGroup: React.ForwardRefExoticComponent<Omit<SelectorGroupProps, "ref"> & React.RefAttributes<SelectorGroupRef>>;
-export default SelectorGroup;
+import React from 'react';
+import { SelectionValue, SelectorGroupProps } from './types';
+import './selectorGroup.less';
+export declare type SelectorGroupRef = {
+    getValues: (includeHidden?: boolean) => Record<string, SelectionValue>;
+    setValues: (values: Record<string, SelectionValue>) => void;
+    validate: () => Promise<Record<string, never>>;
+    reset: () => void;
+};
+declare const SelectorGroup: React.ForwardRefExoticComponent<Omit<SelectorGroupProps, "ref"> & React.RefAttributes<SelectorGroupRef>>;
+export default SelectorGroup;

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

@@ -1,57 +1,57 @@
-import React from 'react';
-import './index.less';
-export declare type CardVariant = 'outlined' | 'borderless';
-export declare type CardLayout = 'vertical' | 'horizontal';
-export declare type SelectedType = 'none' | 'outlined' | 'outlined-bold' | 'filled';
-export declare type ActionsPosition = 'left' | 'right';
-export interface CardStyles {
-    container?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
-    content?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
-    actions?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
-    corner?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
-}
-export interface CardStyleProps {
-    selected?: boolean;
-    disabled?: boolean;
-    hoverable?: boolean;
-    variant?: CardVariant;
-    layout?: CardLayout;
-}
-export interface CardProps {
-    /** 卡片变体样式 */
-    variant?: CardVariant;
-    /** 布局方向 */
-    layout?: CardLayout;
-    /** 操作按钮区域，水平模式在右侧，垂直模式在底部 */
-    actions?: React.ReactNode[];
-    /** 水平模式下，操作按钮的位置 */
-    actionsPosition?: ActionsPosition;
-    /** 垂直模式下，右上角绝对定位展示的组件 */
-    corner?: React.ReactNode;
-    /** 子内容 */
-    children?: React.ReactNode;
-    /** 选中状态 */
-    selected?: boolean;
-    /** 禁用状态 */
-    disabled?: boolean;
-    /** 是否可悬停 */
-    hoverable?: boolean;
-    /** 点击事件 */
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    /** 自定义样式 */
-    styles?: CardStyles;
-    /**
-     * 选中时的样式类型
-     * - none: 无样式
-     * - outlined: 边框高亮
-     * - outlined-bold: 边框高亮 + 加粗（使用 outline 实现，不影响布局）
-     * - filled: 填充背景色
-     */
-    selectedType?: SelectedType;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-}
-declare const Card: React.FC<CardProps>;
-export default Card;
+import React from 'react';
+import './index.less';
+export declare type CardVariant = 'outlined' | 'borderless';
+export declare type CardLayout = 'vertical' | 'horizontal';
+export declare type SelectedType = 'none' | 'outlined' | 'outlined-bold' | 'filled';
+export declare type ActionsPosition = 'left' | 'right';
+export interface CardStyles {
+    container?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
+    content?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
+    actions?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
+    corner?: React.CSSProperties | ((props: CardStyleProps) => React.CSSProperties);
+}
+export interface CardStyleProps {
+    selected?: boolean;
+    disabled?: boolean;
+    hoverable?: boolean;
+    variant?: CardVariant;
+    layout?: CardLayout;
+}
+export interface CardProps {
+    /** 卡片变体样式 */
+    variant?: CardVariant;
+    /** 布局方向 */
+    layout?: CardLayout;
+    /** 操作按钮区域，水平模式在右侧，垂直模式在底部 */
+    actions?: React.ReactNode[];
+    /** 水平模式下，操作按钮的位置 */
+    actionsPosition?: ActionsPosition;
+    /** 垂直模式下，右上角绝对定位展示的组件 */
+    corner?: React.ReactNode;
+    /** 子内容 */
+    children?: React.ReactNode;
+    /** 选中状态 */
+    selected?: boolean;
+    /** 禁用状态 */
+    disabled?: boolean;
+    /** 是否可悬停 */
+    hoverable?: boolean;
+    /** 点击事件 */
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    /** 自定义样式 */
+    styles?: CardStyles;
+    /**
+     * 选中时的样式类型
+     * - none: 无样式
+     * - outlined: 边框高亮
+     * - outlined-bold: 边框高亮 + 加粗（使用 outline 实现，不影响布局）
+     * - filled: 填充背景色
+     */
+    selectedType?: SelectedType;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+}
+declare const Card: React.FC<CardProps>;
+export default Card;

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

@@ -77,10 +77,9 @@ var Card = function Card(_ref) {
     }, actions.map(function (action, index) {
       return /*#__PURE__*/React.createElement("li", {
         key: index,
-        className: "pisell-pro-card_actions-item"
-      }, /*#__PURE__*/React.createElement("span", {
+        className: "pisell-pro-card_actions-item",
         onClick: stopPropagation
-      }, action));
+      }, action);
     }));
   };