@pisell/private-materials 6.3.58 → 6.3.59

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { OptionItem } from './types';
+export interface IItemProps {
+    actions: any;
+    dataSource: OptionItem;
+    indicator: React.ReactNode;
+    numberSelector: React.ReactNode;
+    optionItemValue?: any;
+    quantityInfo: any;
+    values: any;
+    children?: React.ReactNode;
+}
+declare const Item: (props: IItemProps) => JSX.Element;
+export default Item;

package/es/pro/Selector/Item.js

@@ -0,0 +1,88 @@
+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, { useContext } from 'react';
+import { CardItem, MediaItem } from "./components";
+import usePresetItemProps from "./hooks/usePresetItemProps";
+import { SelectorContext } from "./Selector";
+var Item = function Item(props) {
+  var actions = props.actions,
+    dataSource = props.dataSource,
+    indicator = props.indicator,
+    numberSelector = props.numberSelector,
+    optionItemValue = props.optionItemValue,
+    quantityInfo = props.quantityInfo,
+    values = props.values,
+    children = props.children;
+  var _useContext = useContext(SelectorContext),
+    disabled = _useContext.disabled,
+    mode = _useContext.mode,
+    variant = _useContext.variant,
+    itemProps = _useContext.itemProps,
+    preset = _useContext.preset,
+    itemLayout = _useContext.itemLayout;
+
+  // 使用 hook 计算预设属性
+  var _usePresetItemProps = usePresetItemProps({
+      variant: variant,
+      itemLayout: itemLayout,
+      preset: preset,
+      itemProps: itemProps,
+      indicator: indicator,
+      numberSelector: numberSelector,
+      mode: mode,
+      disabled: disabled || dataSource.disabled,
+      selected: dataSource.selected
+    }),
+    mediaProps = _usePresetItemProps.mediaProps,
+    cardProps = _usePresetItemProps.cardProps;
+  var handleClick = function handleClick() {
+    if (disabled || dataSource.disabled) return;
+    if (dataSource.selected) {
+      // 已选中，反选
+      actions.update(dataSource._key, {
+        quantity: 0
+      });
+    } else {
+      // 未选中，选中时考虑 effectiveMin
+      var quantity = dataSource.effectiveMin || 1;
+      actions.update(dataSource._key, {
+        quantity: quantity
+      });
+    }
+  };
+  if (variant === 'media') {
+    return /*#__PURE__*/React.createElement(MediaItem, _extends({}, mediaProps, {
+      cover: dataSource.cover,
+      label: dataSource._label,
+      extra: numberSelector,
+      indicator: indicator,
+      selected: dataSource.selected,
+      disabled: disabled || dataSource.disabled,
+      onClick: handleClick
+    }));
+  }
+  var renderChildren = function renderChildren() {
+    if (typeof (cardProps === null || cardProps === void 0 ? void 0 : cardProps.renderContent) === 'function') {
+      var _cardProps$renderCont;
+      return cardProps === null || cardProps === void 0 || (_cardProps$renderCont = cardProps.renderContent) === null || _cardProps$renderCont === void 0 ? void 0 : _cardProps$renderCont.call(cardProps, {
+        dataSource: dataSource
+      });
+    }
+
+    // 方便低代码模式下拖拽
+    // @ts-ignore
+    if ('design' === props.__designMode) {
+      if (children == null || Array.isArray(children) && !children.length) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "lc-container-placeholder"
+        }, "\u62D6\u62FD\u7EC4\u4EF6\u6216\u6A21\u677F\u5230\u8FD9\u91CC");
+      }
+    }
+    return children ? children : /*#__PURE__*/React.createElement("span", null, dataSource._label);
+  };
+  return /*#__PURE__*/React.createElement(CardItem, _extends({}, cardProps, {
+    selected: dataSource.selected,
+    disabled: disabled || dataSource.disabled,
+    onClick: handleClick
+  }), renderChildren());
+};
+export default Item;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ItemLayout, ItemProps, PresetConfig, SelectorProps, SelectorVariant } from './types';
+import './selector.less';
+export declare const SelectorContext: React.Context<{
+    disabled?: boolean | undefined;
+    mode?: "multiple" | "single" | undefined;
+    itemLayout?: ItemLayout | undefined;
+    valueType?: "object" | "primitive" | undefined;
+    variant?: SelectorVariant | undefined;
+    itemProps?: ItemProps | undefined;
+    preset?: PresetConfig | undefined;
+}>;
+declare const Selector: React.ForwardRefExoticComponent<SelectorProps<import("./types").OptionKey> & React.RefAttributes<unknown>>;
+export default Selector;

package/es/pro/Selector/Selector.js

@@ -0,0 +1,329 @@
+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"];
+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; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useEffect, useImperativeHandle, forwardRef } from 'react';
+import { Row, Col, Tag, Select } from 'antd';
+import classNames from 'classnames';
+import { CheckCircleOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
+// @ts-ignore
+import { locales } from '@pisell/utils';
+import localeTexts from "./locales";
+import Indicator from "./components/Indicator";
+import LayoutContainer from "./components/LayoutContainer";
+import NumericStepper from "../NumericStepper";
+import useSelectionController from "./hooks/useSelectionController";
+import usePresetProps from "./hooks/usePresetProps";
+import useEngineContext from "../../hooks/useEngineContext";
+import Item from "./Item";
+import "./selector.less";
+var ARow = Row;
+var ACol = Col;
+var ATag = Tag;
+export var SelectorContext = /*#__PURE__*/React.createContext({
+  disabled: false,
+  mode: 'single',
+  itemLayout: 'horizontal',
+  valueType: 'primitive',
+  variant: 'default',
+  itemProps: {},
+  preset: {}
+});
+var Selector = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _context$appHelper;
+  var disabled = props.disabled,
+    fieldNames = props.fieldNames,
+    layout = props.layout,
+    indicatorProps = props.indicatorProps,
+    itemProps = props.itemProps,
+    _props$itemLayout = props.itemLayout,
+    itemLayout = _props$itemLayout === void 0 ? 'horizontal' : _props$itemLayout,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'single' : _props$mode,
+    _props$preset = props.preset,
+    preset = _props$preset === void 0 ? {} : _props$preset,
+    renderItem = props.renderItem,
+    ruleConfig = props.ruleConfig,
+    _props$valueType = props.valueType,
+    valueType = _props$valueType === void 0 ? 'primitive' : _props$valueType,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'default' : _props$variant;
+  var context = useEngineContext();
+  locales.init(localeTexts, (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.storage) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.get('umi_locale')) || 'en');
+  var _useSelectionControll = useSelectionController(props),
+    state = _useSelectionControll.state,
+    actions = _useSelectionControll.actions;
+  var options = state.options,
+    errors = state.errors,
+    validated = state.validated,
+    quantityInfo = state.quantityInfo;
+  var showQuantity = quantityInfo.showQuantity,
+    remainingCount = quantityInfo.remainingCount;
+  var headerProps = props.headerProps || props.titleProps || {};
+
+  // 根据预设配置计算 grid 和 indicatorProps
+  var presetConfig = usePresetProps({
+    mode: mode,
+    preset: preset,
+    itemLayout: itemLayout,
+    variant: variant,
+    layout: layout,
+    indicatorProps: indicatorProps
+  });
+
+  // 使用预设后的配置
+  var finalLayout = presetConfig.layout;
+  var finalIndicatorProps = presetConfig.indicatorProps;
+  useImperativeHandle(ref, function () {
+    return {
+      validate: actions.validate,
+      reset: actions.reset,
+      clear: actions.clear,
+      getErrors: function getErrors() {
+        return errors || [];
+      }
+    };
+  });
+  useEffect(function () {
+    document.body.id = 'body';
+  }, [actions]);
+
+  // 选择指示器
+  var renderIndicator = function renderIndicator(option, isDefault) {
+    var _ref = finalIndicatorProps || {},
+      _ref$show = _ref.show,
+      show = _ref$show === void 0 ? true : _ref$show,
+      render = _ref.render,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    if ((finalIndicatorProps === null || finalIndicatorProps === void 0 ? void 0 : finalIndicatorProps.show) === false) return null;
+    if ( /*#__PURE__*/React.isValidElement(finalIndicatorProps === null || finalIndicatorProps === void 0 ? void 0 : finalIndicatorProps.render)) {
+      return finalIndicatorProps === null || finalIndicatorProps === void 0 ? void 0 : finalIndicatorProps.render;
+    }
+    if (typeof (finalIndicatorProps === null || finalIndicatorProps === void 0 ? void 0 : finalIndicatorProps.render) === 'function') {
+      var _finalIndicatorProps$;
+      return finalIndicatorProps === null || finalIndicatorProps === void 0 || (_finalIndicatorProps$ = finalIndicatorProps.render) === null || _finalIndicatorProps$ === void 0 ? void 0 : _finalIndicatorProps$.call(finalIndicatorProps, _objectSpread({
+        option: option,
+        selected: option.selected,
+        disabled: disabled || option.disabled,
+        actions: actions
+      }, rest));
+    }
+    return /*#__PURE__*/React.createElement(Indicator, _extends({}, rest, {
+      mode: mode,
+      checked: option.selected,
+      disabled: disabled || option.disabled,
+      onChange: function onChange(e) {
+        if (e.target.checked) {
+          actions.update(option._key, {
+            quantity: 1
+          });
+        } else {
+          actions.update(option._key, {
+            quantity: 0
+          });
+        }
+      },
+      children: isDefault ? option._label : undefined
+    }));
+  };
+
+  // 数量选择器
+  var renderQuantitySelector = function renderQuantitySelector(option) {
+    if (valueType === 'primitive') return null;
+    if (props.showStepper === false) return null;
+    if ((props.showStepper === 'auto' || props.showStepper === undefined) && !showQuantity) return null;
+    return /*#__PURE__*/React.createElement(NumericStepper, _extends({}, props.stepperProps || {}, {
+      min: option.effectiveMin,
+      max: option.effectiveMax,
+      value: option.quantity,
+      disabled: disabled || option.disabled,
+      onChange: function onChange(value) {
+        actions.update(option._key, {
+          quantity: value
+        });
+      },
+      showInput: true
+    }));
+  };
+
+  // 单个选项
+  var renderOption = function renderOption(option) {
+    var _option$ruleConfig$mi, _option$ruleConfig, _ruleConfig$min, _option$ruleConfig$ma, _option$ruleConfig2;
+    var optionItemValue = Array.isArray(state.values) ? state.values.find(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.value) === option._key;
+    }) : state.values;
+    if ( /*#__PURE__*/React.isValidElement(renderItem)) {
+      return renderItem;
+    }
+
+    // 计算有效最小值
+    var configMin = (_option$ruleConfig$mi = option === null || option === void 0 || (_option$ruleConfig = option.ruleConfig) === null || _option$ruleConfig === void 0 ? void 0 : _option$ruleConfig.min) !== null && _option$ruleConfig$mi !== void 0 ? _option$ruleConfig$mi : 0;
+    var groupMin = (_ruleConfig$min = ruleConfig === null || ruleConfig === void 0 ? void 0 : ruleConfig.min) !== null && _ruleConfig$min !== void 0 ? _ruleConfig$min : 0;
+    // 当options.length < 2 时，如果ruleConfig.min > 0，则有效最小值为ruleConfig.min
+    var effectiveMin = options.length < 2 && groupMin > 0 ? groupMin : configMin;
+
+    // 综合判断最大值：取 remainingQuantity 和 ruleConfig.max 中的较小值
+    var configMax = (_option$ruleConfig$ma = option === null || option === void 0 || (_option$ruleConfig2 = option.ruleConfig) === null || _option$ruleConfig2 === void 0 ? void 0 : _option$ruleConfig2.max) !== null && _option$ruleConfig$ma !== void 0 ? _option$ruleConfig$ma : Number.MAX_SAFE_INTEGER;
+    var effectiveMax = remainingCount !== undefined ? Math.min(remainingCount + (option.quantity || 0), configMax) : configMax;
+
+    // 挂载到option上
+    option.effectiveMin = effectiveMin;
+    option.effectiveMax = effectiveMax;
+    if (typeof renderItem === 'function') {
+      return renderItem({
+        dataSource: option,
+        actions: actions,
+        optionItemValue: optionItemValue,
+        indicator: renderIndicator(option),
+        numberSelector: renderQuantitySelector(option),
+        values: state.values,
+        quantityInfo: quantityInfo
+      });
+    }
+    var numberSelector = renderQuantitySelector(option);
+    var indicator = renderIndicator(option);
+    return /*#__PURE__*/React.createElement(Item, {
+      key: option._key,
+      dataSource: option,
+      actions: actions,
+      indicator: indicator,
+      numberSelector: numberSelector,
+      optionItemValue: optionItemValue,
+      quantityInfo: quantityInfo,
+      values: state.values
+    });
+  };
+  var renderOptions = function renderOptions() {
+    // Select 变体单独处理
+    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: {
+          width: '100%'
+        },
+        mode: mode === 'multiple' ? 'multiple' : undefined,
+        options: options,
+        fieldNames: fieldNames,
+        value: _value,
+        onChange: function onChange(value) {
+          return actions.setValue(value);
+        },
+        disabled: disabled,
+        maxTagCount: _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;
+    if (!required) return null;
+    var style = {
+      borderRadius: 16
+    };
+    var requiredError = errors.find(function (item) {
+      return item.type === 'required' || item.type === 'min';
+    });
+    if (requiredError) {
+      return /*#__PURE__*/React.createElement(ATag, {
+        icon: /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null),
+        color: "error",
+        style: style
+      }, locales.getText('pisell2.pro.selector.required-tag'));
+    }
+    if (validated) {
+      return /*#__PURE__*/React.createElement(ATag, {
+        icon: /*#__PURE__*/React.createElement(CheckCircleOutlined, null),
+        color: "success",
+        style: style
+      }, locales.getText('pisell2.pro.selector.required-tag'));
+    }
+    return /*#__PURE__*/React.createElement(ATag, {
+      style: style
+    }, 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;
+    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);
+    }
+    if (!text) {
+      if (mode === 'multiple') {
+        text = locales.getText('pisell2.pro.selector.mode.multiple');
+      } else {
+        text = locales.getText('pisell2.pro.selector.tip.require-one-option');
+      }
+    }
+    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) || {})
+    }, "(", text, ")");
+  };
+  var renderHeader = function renderHeader() {
+    var _headerProps$icon, _headerProps$icon2, _headerProps$icon3, _headerProps$icon4, _headerProps$title, _headerProps$title2, _headerProps$title3, _headerProps$title$te, _headerProps$title4;
+    if ((headerProps === null || headerProps === void 0 ? void 0 : headerProps.visible) === false) return null;
+    var _extraContent = headerProps !== null && headerProps !== void 0 && headerProps.renderExtra ? headerProps === null || headerProps === void 0 ? void 0 : headerProps.renderExtra({
+      dataSource: options,
+      values: state.values
+    }) : null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-pro-selector_header",
+      style: _objectSpread({}, (headerProps === null || headerProps === void 0 ? void 0 : headerProps.style) || {})
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-pro-selector_header-content-wrapper"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-pro-selector_header-content",
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 8,
+        flex: 1
+      }
+    }, (headerProps === null || headerProps === void 0 || (_headerProps$icon = headerProps.icon) === null || _headerProps$icon === void 0 ? void 0 : _headerProps$icon.visible) === false || !(headerProps !== null && headerProps !== void 0 && (_headerProps$icon2 = headerProps.icon) !== null && _headerProps$icon2 !== void 0 && _headerProps$icon2.icon) ? null : /*#__PURE__*/React.createElement("span", {
+      style: headerProps === null || headerProps === void 0 || (_headerProps$icon3 = headerProps.icon) === null || _headerProps$icon3 === void 0 ? void 0 : _headerProps$icon3.style
+    }, headerProps === null || headerProps === void 0 || (_headerProps$icon4 = headerProps.icon) === null || _headerProps$icon4 === void 0 ? void 0 : _headerProps$icon4.icon), (headerProps === null || headerProps === void 0 || (_headerProps$title = headerProps.title) === null || _headerProps$title === void 0 ? void 0 : _headerProps$title.visible) === false || !(headerProps !== null && headerProps !== void 0 && (_headerProps$title2 = headerProps.title) !== null && _headerProps$title2 !== void 0 && _headerProps$title2.text) && !props.title ? null : /*#__PURE__*/React.createElement("span", {
+      className: "pisell-pro-selector_header-content-title",
+      style: _objectSpread({}, (headerProps === null || headerProps === void 0 || (_headerProps$title3 = headerProps.title) === null || _headerProps$title3 === void 0 ? void 0 : _headerProps$title3.style) || {})
+    }, (_headerProps$title$te = headerProps === null || headerProps === void 0 || (_headerProps$title4 = headerProps.title) === null || _headerProps$title4 === void 0 ? void 0 : _headerProps$title4.text) !== null && _headerProps$title$te !== void 0 ? _headerProps$title$te : props.title), renderRequiredTag()), renderTip()), _extraContent);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    id: "pisell-pro-selector-".concat(props.id),
+    className: classNames('pisell-pro-selector', props.className),
+    style: props.style
+  }, renderHeader(), renderErrorMsg(), /*#__PURE__*/React.createElement(SelectorContext.Provider, {
+    value: {
+      mode: mode,
+      disabled: disabled,
+      valueType: valueType,
+      variant: variant,
+      itemLayout: itemLayout,
+      itemProps: itemProps,
+      preset: preset
+    }
+  }, renderOptions()));
+});
+export default Selector;

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

@@ -0,0 +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;