@pisell/private-materials 6.7.9 → 6.8.1

package/lib/pro/Selector/BatchSelectorDemo.js

@@ -0,0 +1,376 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/pro/Selector/BatchSelectorDemo.tsx
+var BatchSelectorDemo_exports = {};
+__export(BatchSelectorDemo_exports, {
+  BatchSelectorDemo: () => BatchSelectorDemo,
+  default: () => BatchSelectorDemo_default
+});
+module.exports = __toCommonJS(BatchSelectorDemo_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_SelectorGroup = __toESM(require("./SelectorGroup"));
+var import_icons = require("@ant-design/icons");
+var { Title } = import_antd.Typography;
+var dataSource = [
+  {
+    id: 1,
+    title: "主菜",
+    mode: "single",
+    valueType: "primitive",
+    fieldNames: { value: "value", label: "title" },
+    dataSource: [
+      { id: 1, title: "汉堡", value: "burger" },
+      { id: 2, title: "披萨", value: "pizza" }
+    ],
+    grid: {
+      columns: 2,
+      gutter: 16,
+      colConfig: {
+        span: 3
+      }
+    },
+    ruleConfig: {
+      required: 1,
+      autoValidate: true
+    }
+  },
+  {
+    id: 4,
+    title: "汉堡定制",
+    mode: "single",
+    valueType: "object",
+    fieldNames: { value: "value", label: "title" },
+    dataSource: [
+      {
+        id: 1,
+        title: "加倍牛肉",
+        value: "double-meat",
+        ruleConfig: { min: 1, max: 3 }
+      },
+      { id: 2, title: "额外芝士", value: "extra-cheese" }
+    ],
+    item: {
+      variant: "card",
+      selectedIcon: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckOutlined, null)
+    },
+    ruleConfig: {
+      required: 1,
+      autoValidate: true
+    }
+  },
+  {
+    id: 5,
+    title: "披萨定制",
+    mode: "multiple",
+    valueType: "object",
+    fieldNames: { value: "value", label: "title" },
+    dataSource: [
+      {
+        id: 1,
+        title: "额外芝士",
+        value: "extra-cheese",
+        cover: "https://file.mypisell-dev.com/pisel/image/9/52fe9ca4233877f2c06865d27b9fb7912022_12_01_13_32_47_147_00076174656__1080_1073__.jpeg",
+        ruleConfig: { min: 1, max: 3 }
+      },
+      {
+        id: 2,
+        title: "薄底",
+        value: "thin-crust",
+        cover: "https://file.mypisell-dev.com/pisel/image/9/52fe9ca4233877f2c06865d27b9fb7912022_12_01_13_32_47_147_00076174656__1080_1073__.jpeg"
+      },
+      {
+        id: 3,
+        title: "额外洋葱",
+        value: "extra-onion",
+        cover: "https://file.mypisell-dev.com/pisel/image/9/52fe9ca4233877f2c06865d27b9fb7912022_12_01_13_32_47_147_00076174656__1080_1073__.jpeg"
+      }
+    ],
+    grid: {
+      columns: 3,
+      gutter: 16
+    },
+    item: {
+      variant: "card",
+      layout: "vertical",
+      selectedTypeVariant: "cornered",
+      renderContent: (dataSource2) => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+        "img",
+        {
+          src: dataSource2.cover,
+          alt: dataSource2.title,
+          style: { width: "100%", height: "120px", objectFit: "cover" }
+        }
+      ), /* @__PURE__ */ import_react.default.createElement("div", null, dataSource2.title))
+    },
+    ruleConfig: {
+      min: 1,
+      max: 2,
+      required: 1,
+      autoValidate: true
+    }
+  },
+  {
+    id: 31,
+    title: "汉堡定制1",
+    mode: "single",
+    valueType: "object",
+    fieldNames: { value: "value", label: "title" },
+    dataSource: [
+      {
+        id: 1,
+        title: "加倍牛肉",
+        value: "double-meat",
+        ruleConfig: { min: 1, max: 3 }
+      },
+      { id: 2, title: "额外芝士", value: "extra-cheese" }
+    ],
+    item: {
+      variant: "card",
+      selectedIcon: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckOutlined, null)
+    }
+  },
+  {
+    id: 32,
+    title: "汉堡定制2",
+    mode: "single",
+    valueType: "object",
+    fieldNames: { value: "value", label: "title" },
+    dataSource: [
+      {
+        id: 1,
+        title: "加倍牛肉",
+        value: "double-meat",
+        ruleConfig: { min: 1, max: 3 }
+      },
+      { id: 2, title: "额外芝士", value: "extra-cheese" }
+    ],
+    item: {
+      variant: "card",
+      selectedIcon: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckOutlined, null)
+    }
+  },
+  {
+    id: 33,
+    title: "汉堡定制3",
+    mode: "single",
+    valueType: "object",
+    fieldNames: { value: "value", label: "title" },
+    dataSource: [
+      {
+        id: 1,
+        title: "加倍牛肉",
+        value: "double-meat",
+        ruleConfig: { min: 1, max: 3 }
+      },
+      { id: 2, title: "额外芝士", value: "extra-cheese" }
+    ],
+    item: {
+      variant: "card",
+      selectedIcon: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckOutlined, null)
+    }
+  },
+  {
+    id: 34,
+    title: "汉堡定制4",
+    mode: "single",
+    valueType: "object",
+    fieldNames: { value: "value", label: "title" },
+    dataSource: [
+      {
+        id: 1,
+        title: "加倍牛肉",
+        value: "double-meat",
+        ruleConfig: { min: 1, max: 3 }
+      },
+      { id: 2, title: "额外芝士", value: "extra-cheese" }
+    ],
+    item: {
+      variant: "card",
+      selectedIcon: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckOutlined, null)
+    }
+  }
+];
+var linkageRules = [
+  {
+    type: "expr",
+    when: {
+      and: [{ groupId: "1", op: "eq", value: "burger" }]
+    },
+    then: [{ type: "show", groupId: "4" }],
+    stopAfterApply: true
+  },
+  {
+    type: "expr",
+    when: {
+      and: [{ groupId: "1", op: "eq", value: "pizza" }]
+    },
+    then: [{ type: "show", groupId: "5" }],
+    priority: 10
+  }
+];
+var BatchSelectorDemo = () => {
+  const [values1, setValues1] = (0, import_react.useState)({});
+  const [values2, setValues2] = (0, import_react.useState)({});
+  const ref = (0, import_react.useRef)(null);
+  const containerRef = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "0", maxWidth: "900px", margin: "0 auto", height: "100vh", overflow: "auto" }, ref: containerRef }, /* @__PURE__ */ import_react.default.createElement(Title, { level: 2 }, "嵌套条件 + 分支控制（elseThen/stopAfterApply）演示"), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Alert,
+    {
+      message: "说明",
+      description: "当选择汉堡且不为多糖时显示“汉堡定制”（短路）；未命中时显示“默认定制”（不短路，可继续评估后续规则）；当选择披萨且满足（温度为热/烫 或 糖度为少糖）时显示“披萨定制”。未命中时，定制分组默认隐藏。",
+      type: "info",
+      showIcon: true,
+      style: { marginBottom: 16 }
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { title: "BatchSelector" }, /* @__PURE__ */ import_react.default.createElement(
+    import_SelectorGroup.default,
+    {
+      dataSource,
+      linkageRules,
+      allowedValuesPolicy: "strict",
+      value: values1,
+      onChange: (v) => setValues1({ ...v || {} }),
+      customScrollParent: containerRef.current
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginTop: 12 } }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Alert,
+    {
+      message: "实时值",
+      description: /* @__PURE__ */ import_react.default.createElement("pre", { style: { margin: 0, whiteSpace: "pre-wrap" } }, JSON.stringify(values1, null, 2)),
+      type: "success",
+      showIcon: true
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement(Title, { level: 2, style: { marginTop: 32 } }, "联动演示：选项影响另一个分组的可选项"), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Alert,
+    {
+      message: "说明",
+      description: "当选择饮品为 Coffee 时，加料仅允许 Milk/Sugar；选择 Tea 时，加料仅允许 Lemon/Honey。未允许的选项会在 UI 中禁用（soft 模式演示）。",
+      type: "info",
+      showIcon: true,
+      style: { marginBottom: 16 }
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("div", { style: { height: "1000px" } }), (() => {
+    const dataSource2 = [
+      {
+        id: 11,
+        title: "饮品",
+        mode: "single",
+        valueType: "primitive",
+        fieldNames: { value: "value", label: "title" },
+        dataSource: [
+          { id: 1, title: "Coffee", value: "coffee" },
+          { id: 2, title: "Tea", value: "tea" }
+        ]
+      },
+      {
+        id: 12,
+        title: "加料",
+        mode: "single",
+        valueType: "primitive",
+        fieldNames: { value: "value", label: "title" },
+        dataSource: [
+          { id: 1, title: "Milk", value: "milk" },
+          { id: 2, title: "Sugar", value: "sugar" },
+          { id: 3, title: "Lemon", value: "lemon" },
+          { id: 4, title: "Honey", value: "honey" }
+        ],
+        item: {
+          variant: "card"
+        },
+        titleProps: {
+          tip: {
+            visible: true,
+            text: "加料"
+          }
+        }
+      }
+    ];
+    const linkageRules2 = [
+      // 当选择 Coffee 时，仅允许 milk/sugar；未选择或选择 Tea 时不受这条规则影响
+      {
+        type: "expr",
+        when: { and: [{ groupId: "11", op: "eq", value: "coffee" }] },
+        then: [
+          {
+            type: "allowOnly",
+            groupId: "12",
+            values: ["milk", "sugar"],
+            message: "请选择 Milk 或 Sugar",
+            tip: "加料仅允许 Milk/Sugar"
+          }
+        ],
+        priority: 30
+      },
+      // 当选择 Tea 时，仅允许 lemon/honey；未选择或选择 Coffee 时不受这条规则影响
+      {
+        type: "expr",
+        when: { and: [{ groupId: "11", op: "eq", value: "tea" }] },
+        then: [
+          {
+            type: "allowOnly",
+            groupId: "12",
+            values: ["lemon", "honey"],
+            message: "请选择 Lemon 或 Honey",
+            tip: "加料仅允许 Lemon/Honey"
+          }
+        ],
+        priority: 30
+      }
+    ];
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { title: "BatchSelector（选项联动示例）" }, /* @__PURE__ */ import_react.default.createElement(
+      import_SelectorGroup.default,
+      {
+        ref,
+        dataSource: dataSource2,
+        linkageRules: linkageRules2,
+        allowedValuesPolicy: "relaxed",
+        value: values2,
+        onChange: (v) => setValues2({ ...v || {} }),
+        customScrollParent: containerRef.current
+      }
+    ), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => {
+      var _a;
+      return (_a = ref.current) == null ? void 0 : _a.validate();
+    } }, "validate")), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginTop: 12 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Alert,
+      {
+        message: "实时值",
+        description: /* @__PURE__ */ import_react.default.createElement("pre", { style: { margin: 0, whiteSpace: "pre-wrap" } }, JSON.stringify(values2, null, 2)),
+        type: "success",
+        showIcon: true
+      }
+    )));
+  })());
+};
+var BatchSelectorDemo_default = BatchSelectorDemo;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BatchSelectorDemo
+});

package/lib/pro/Selector/Selector.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SelectorProps } from './types';
+import './selector.less';
+declare const Selector: React.ForwardRefExoticComponent<SelectorProps<import("./types").OptionKey> & React.RefAttributes<unknown>>;
+export default Selector;

package/lib/pro/Selector/Selector.js

@@ -0,0 +1,264 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/pro/Selector/Selector.tsx
+var Selector_exports = {};
+__export(Selector_exports, {
+  default: () => Selector_default
+});
+module.exports = __toCommonJS(Selector_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_utils = require("@pisell/utils");
+var import_locales = __toESM(require("./locales"));
+var import_components = require("./components");
+var import_useSelectionController = __toESM(require("./hooks/useSelectionController"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_selector = require("./selector.less");
+var ARow = import_antd.Row;
+var ACol = import_antd.Col;
+var ATag = import_antd.Tag;
+var Selector = (0, import_react.forwardRef)((props, ref) => {
+  var _a, _b, _c;
+  const {
+    disabled,
+    titleProps,
+    mode = "single",
+    valueType = "primitive",
+    variant = "default",
+    grid,
+    renderItem,
+    item: itemConfig,
+    ruleConfig,
+    fieldNames
+  } = props;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(
+    import_locales.default,
+    ((_c = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.storage) == null ? void 0 : _c.get("umi_locale")) || "en"
+  );
+  const { state, actions } = (0, import_useSelectionController.default)(props);
+  const { options, showQuantity, errors, validated } = state;
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    validate: () => {
+      return actions.validate();
+    },
+    getErrors: () => {
+      return errors || [];
+    },
+    reset: () => {
+      return actions.reset();
+    },
+    clear: () => {
+      return actions.clear();
+    }
+  }));
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const renderIndicator = (option, isDefault) => {
+    if (mode === "single") {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Radio,
+        {
+          className: "pisell-selector_radio-trigger",
+          checked: option.selected,
+          disabled: disabled || option.disabled,
+          onChange: (e) => {
+            e.stopPropagation();
+            if (option.selected) {
+              actions.update(option._key, { quantity: 0 });
+            } else {
+              actions.update(option._key, {});
+            }
+          },
+          children: isDefault ? option._label : void 0
+        }
+      );
+    } else {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Checkbox,
+        {
+          className: "pisell-selector_checkbox-trigger",
+          checked: option.selected,
+          disabled: disabled || option.disabled,
+          onChange: (e) => {
+            e.stopPropagation();
+            actions.toggle(option._key);
+          },
+          children: isDefault ? option._label : void 0
+        }
+      );
+    }
+  };
+  const renderQuantitySelector = (option) => {
+    var _a2, _b2;
+    if (valueType === "primitive") return null;
+    if (!showQuantity) return null;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_components.NumericStepper,
+      {
+        min: ((_a2 = option == null ? void 0 : option.ruleConfig) == null ? void 0 : _a2.min) ?? 0,
+        max: ((_b2 = option == null ? void 0 : option.ruleConfig) == null ? void 0 : _b2.max) ?? Number.MAX_SAFE_INTEGER,
+        value: option.quantity,
+        disabled: disabled || option.disabled,
+        onChange: (value) => actions.update(option._key, { quantity: value })
+      }
+    );
+  };
+  const renderOption = (option) => {
+    const { disabled: optionDisabled } = option;
+    const handleClick = () => {
+      if (disabled || optionDisabled) return;
+      actions.toggle(option._key);
+    };
+    if (renderItem) {
+      return renderItem({
+        dataSource: option,
+        actions,
+        trigger: renderIndicator(option),
+        numberSelector: renderQuantitySelector(option),
+        onClick: handleClick
+      });
+    }
+    if (!variant || variant === "default") {
+      return renderIndicator(option, true);
+    }
+    const numberSelector = renderQuantitySelector(option);
+    const trigger = renderIndicator(option);
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_components.CardItem,
+      {
+        ...itemConfig,
+        key: option._key,
+        dataSource: option,
+        selected: option.selected,
+        disabled: disabled || option.disabled,
+        trigger,
+        numberSelector,
+        onClick: handleClick
+      }
+    );
+  };
+  const renderOptions = () => {
+    if (variant === "select" && valueType === "primitive") {
+      const _value = state.values;
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Select,
+        {
+          size: "large",
+          style: { width: "100%" },
+          mode: mode === "multiple" ? "multiple" : void 0,
+          options,
+          fieldNames,
+          value: _value,
+          onChange: (value) => actions.setValue(value),
+          disabled
+        }
+      );
+    }
+    if (grid) {
+      const {
+        columns = 1,
+        align,
+        gutter = 16,
+        justify,
+        wrap,
+        colConfig = {}
+      } = grid;
+      return /* @__PURE__ */ import_react.default.createElement(ARow, { gutter, justify, align, wrap }, options.map((option) => /* @__PURE__ */ import_react.default.createElement(ACol, { key: option._key, span: 24 / columns, ...colConfig }, renderOption(option))));
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 16 } }, options.map(renderOption));
+  };
+  const renderErrorMsg = () => {
+    if (!(errors == null ? void 0 : errors.length)) return null;
+    return /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#D92D20" } }, errors[0].message);
+  };
+  const renderRequiredTag = () => {
+    const { required = false } = ruleConfig || {};
+    if (!required) return null;
+    const style = { borderRadius: 16 };
+    if (errors.find((item) => item.type === "required")) {
+      return /* @__PURE__ */ import_react.default.createElement(ATag, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ExclamationCircleOutlined, null), color: "error", style }, import_utils.locales.getText("pisell2.pro.selector.required-tag"));
+    }
+    if (validated) {
+      return /* @__PURE__ */ import_react.default.createElement(ATag, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleOutlined, null), color: "success", style }, import_utils.locales.getText("pisell2.pro.selector.required-tag"));
+    }
+    return /* @__PURE__ */ import_react.default.createElement(ATag, { style }, import_utils.locales.getText("pisell2.pro.selector.required-tag"));
+  };
+  const renderTip = () => {
+    var _a2, _b2, _c2;
+    if (((_a2 = titleProps == null ? void 0 : titleProps.tip) == null ? void 0 : _a2.visible) === false) return null;
+    let text = (_b2 = titleProps == null ? void 0 : titleProps.tip) == null ? void 0 : _b2.text;
+    if ((ruleConfig == null ? void 0 : ruleConfig.min) || (ruleConfig == null ? void 0 : ruleConfig.max)) {
+      text = import_utils.locales.getText("pisell2.pro.selector.validate.min-max-selection")(
+        ruleConfig == null ? void 0 : ruleConfig.min,
+        ruleConfig == null ? void 0 : ruleConfig.max
+      );
+    }
+    if (!text) {
+      if (mode === "multiple") {
+        text = import_utils.locales.getText("pisell2.pro.selector.mode.multiple");
+      } else {
+        text = import_utils.locales.getText("pisell2.pro.selector.mode.single");
+      }
+    }
+    if (!text) return null;
+    return /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#475467", ...(_c2 = titleProps == null ? void 0 : titleProps.tip) == null ? void 0 : _c2.style } }, "(", text, ")");
+  };
+  const renderTitle = () => {
+    var _a2, _b2, _c2, _d, _e, _f, _g, _h;
+    if ((titleProps == null ? void 0 : titleProps.visible) === false) return null;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          marginBottom: 12,
+          display: "flex",
+          alignItems: "center",
+          ...(titleProps == null ? void 0 : titleProps.style) || {}
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1 } }, ((_a2 = titleProps == null ? void 0 : titleProps.icon) == null ? void 0 : _a2.visible) === false || !((_b2 = titleProps == null ? void 0 : titleProps.icon) == null ? void 0 : _b2.icon) ? null : /* @__PURE__ */ import_react.default.createElement("span", { style: (_c2 = titleProps == null ? void 0 : titleProps.icon) == null ? void 0 : _c2.style }, (_d = titleProps == null ? void 0 : titleProps.icon) == null ? void 0 : _d.icon), ((_e = titleProps == null ? void 0 : titleProps.title) == null ? void 0 : _e.visible) === false || !((_f = titleProps == null ? void 0 : titleProps.title) == null ? void 0 : _f.text) && !props.title ? null : /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          style: {
+            fontSize: 16,
+            fontWeight: 600,
+            ...((_g = titleProps == null ? void 0 : titleProps.title) == null ? void 0 : _g.style) || {}
+          }
+        },
+        ((_h = titleProps == null ? void 0 : titleProps.title) == null ? void 0 : _h.text) ?? props.title
+      ), renderTip(), renderErrorMsg()),
+      renderRequiredTag()
+    );
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { id: `pisell-pro-selector-${props.id}`, style: { width: "100%" } }, renderTitle(), renderOptions());
+});
+var Selector_default = Selector;

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

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