@pisell/private-materials 6.3.58 → 6.3.60

package/dist/lib/pro/Selector/Selector.js

@@ -1,216 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
-const require_useEngineContext = require('../../hooks/useEngineContext.js');
-const require_locales = require('./locales.js');
-const require_index = require('./components/Indicator/index.js');
-const require_index$1 = require('./components/LayoutContainer/index.js');
-const require_index$2 = require('../NumericStepper/index.js');
-const require_useSelectionController = require('./hooks/useSelectionController.js');
-const require_usePresetProps = require('./hooks/usePresetProps.js');
-const require_Item = require('./Item.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let antd = require("antd");
-let __pisell_utils = require("@pisell/utils");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let __ant_design_icons = require("@ant-design/icons");
-require("./selector.less");
-
-//#region src/pro/Selector/Selector.tsx
-const ATag = antd.Tag;
-const SelectorContext = react.default.createContext({
-	disabled: false,
-	mode: "single",
-	itemLayout: "horizontal",
-	valueType: "primitive",
-	variant: "default",
-	itemProps: {},
-	preset: {}
-});
-const Selector = (0, react.forwardRef)((props, ref) => {
-	const { disabled, fieldNames, layout, indicatorProps, itemProps, itemLayout = "horizontal", mode = "single", preset = {}, renderItem, ruleConfig, valueType = "primitive", variant = "default" } = props;
-	const context = require_useEngineContext.default();
-	__pisell_utils.locales.init(require_locales.default, context?.appHelper?.utils?.storage?.get("umi_locale") || "en");
-	const { state, actions } = require_useSelectionController.default(props);
-	const { options, errors, validated, quantityInfo } = state;
-	const { showQuantity, remainingCount } = quantityInfo;
-	const headerProps = props.headerProps || props.titleProps || {};
-	const presetConfig = require_usePresetProps.default({
-		mode,
-		preset,
-		itemLayout,
-		variant,
-		layout,
-		indicatorProps
-	});
-	const finalLayout = presetConfig.layout;
-	const finalIndicatorProps = presetConfig.indicatorProps;
-	(0, react.useImperativeHandle)(ref, () => ({
-		validate: actions.validate,
-		reset: actions.reset,
-		clear: actions.clear,
-		getErrors: () => {
-			return errors || [];
-		}
-	}));
-	(0, react.useEffect)(() => {
-		document.body.id = "body";
-	}, [actions]);
-	const renderIndicator = (option, isDefault) => {
-		const { show = true, render, ...rest } = finalIndicatorProps || {};
-		if (finalIndicatorProps?.show === false) return null;
-		if (react.default.isValidElement(finalIndicatorProps?.render)) return finalIndicatorProps?.render;
-		if (typeof finalIndicatorProps?.render === "function") return finalIndicatorProps?.render?.({
-			option,
-			selected: option.selected,
-			disabled: disabled || option.disabled,
-			actions,
-			...rest
-		});
-		return /* @__PURE__ */ react.default.createElement(require_index.default, {
-			...rest,
-			mode,
-			checked: option.selected,
-			disabled: disabled || option.disabled,
-			onChange: (e) => {
-				if (e.target.checked) actions.update(option._key, { quantity: 1 });
-				else actions.update(option._key, { quantity: 0 });
-			},
-			children: isDefault ? option._label : void 0
-		});
-	};
-	const renderQuantitySelector = (option) => {
-		if (valueType === "primitive") return null;
-		if (props.showStepper === false) return null;
-		if ((props.showStepper === "auto" || props.showStepper === void 0) && !showQuantity) return null;
-		const configMax = option?.ruleConfig?.max ?? Number.MAX_SAFE_INTEGER;
-		const effectiveMax = remainingCount !== void 0 ? Math.min(remainingCount + (option.quantity || 0), configMax) : configMax;
-		return /* @__PURE__ */ react.default.createElement(require_index$2.default, {
-			...props.stepperProps || {},
-			min: option?.ruleConfig?.min ?? 0,
-			max: effectiveMax,
-			value: option.quantity,
-			disabled: disabled || option.disabled,
-			onChange: (value) => {
-				actions.update(option._key, { quantity: value });
-			},
-			showInput: true
-		});
-	};
-	const renderOption = (option) => {
-		const optionItemValue = Array.isArray(state.values) ? state.values.find((item) => item?.value === option._key) : state.values;
-		if (react.default.isValidElement(renderItem)) return renderItem;
-		if (typeof renderItem === "function") return renderItem({
-			dataSource: option,
-			actions,
-			optionItemValue,
-			indicator: renderIndicator(option),
-			numberSelector: renderQuantitySelector(option),
-			values: state.values,
-			quantityInfo
-		});
-		const numberSelector = renderQuantitySelector(option);
-		const indicator = renderIndicator(option);
-		return /* @__PURE__ */ react.default.createElement(require_Item.default, {
-			key: option._key,
-			dataSource: option,
-			actions,
-			indicator,
-			numberSelector,
-			optionItemValue,
-			quantityInfo,
-			values: state.values
-		});
-	};
-	const renderOptions = () => {
-		if (variant === "select") {
-			const _value = state.values;
-			const _maxCount = ruleConfig?.max;
-			return /* @__PURE__ */ react.default.createElement(antd.Select, {
-				size: "large",
-				style: { width: "100%" },
-				mode: mode === "multiple" ? "multiple" : void 0,
-				options,
-				fieldNames,
-				value: _value,
-				onChange: (value) => actions.setValue(value),
-				disabled,
-				maxTagCount: _maxCount
-			});
-		}
-		return /* @__PURE__ */ react.default.createElement(require_index$1.default, { config: finalLayout }, options.map(renderOption));
-	};
-	const renderErrorMsg = () => {
-		if (!errors?.length) return null;
-		const error = errors[errors.length - 1];
-		return /* @__PURE__ */ react.default.createElement("div", { style: { color: "#D92D20" } }, error?.message);
-	};
-	const renderRequiredTag = () => {
-		const { required = false } = ruleConfig || {};
-		if (!required) return null;
-		const style = { borderRadius: 16 };
-		if (errors.find((item) => item.type === "required")) return /* @__PURE__ */ react.default.createElement(ATag, {
-			icon: /* @__PURE__ */ react.default.createElement(__ant_design_icons.ExclamationCircleOutlined, null),
-			color: "error",
-			style
-		}, __pisell_utils.locales.getText("pisell2.pro.selector.required-tag"));
-		if (validated) return /* @__PURE__ */ react.default.createElement(ATag, {
-			icon: /* @__PURE__ */ react.default.createElement(__ant_design_icons.CheckCircleOutlined, null),
-			color: "success",
-			style
-		}, __pisell_utils.locales.getText("pisell2.pro.selector.required-tag"));
-		return /* @__PURE__ */ react.default.createElement(ATag, { style }, __pisell_utils.locales.getText("pisell2.pro.selector.required-tag"));
-	};
-	const renderTip = () => {
-		if (headerProps?.tip?.visible === false) return null;
-		let text = headerProps?.tip?.text;
-		if (ruleConfig?.min || ruleConfig?.max) text = __pisell_utils.locales.getText("pisell2.pro.selector.tip.min-max-selection")(ruleConfig?.min, ruleConfig?.max);
-		if (!text) if (mode === "multiple") text = __pisell_utils.locales.getText("pisell2.pro.selector.mode.multiple");
-		else text = __pisell_utils.locales.getText("pisell2.pro.selector.mode.single");
-		if (!text) return null;
-		return /* @__PURE__ */ react.default.createElement("span", {
-			className: "pisell-pro-selector-tip",
-			style: { ...headerProps?.tip?.style || {} }
-		}, "(", text, ")");
-	};
-	const renderHeader = () => {
-		if (headerProps?.visible === false) return null;
-		const _extraContent = headerProps?.renderExtra ? headerProps?.renderExtra({
-			dataSource: options,
-			values: state.values
-		}) : null;
-		return /* @__PURE__ */ react.default.createElement("div", {
-			className: "pisell-pro-selector_header",
-			style: { ...headerProps?.style || {} }
-		}, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-pro-selector_header-content-wrapper" }, /* @__PURE__ */ react.default.createElement("div", {
-			className: "pisell-pro-selector_header-content",
-			style: {
-				display: "flex",
-				alignItems: "center",
-				gap: 8,
-				flex: 1
-			}
-		}, headerProps?.icon?.visible === false || !headerProps?.icon?.icon ? null : /* @__PURE__ */ react.default.createElement("span", { style: headerProps?.icon?.style }, headerProps?.icon?.icon), headerProps?.title?.visible === false || !headerProps?.title?.text && !props.title ? null : /* @__PURE__ */ react.default.createElement("span", {
-			className: "pisell-pro-selector_header-content-title",
-			style: { ...headerProps?.title?.style || {} }
-		}, headerProps?.title?.text ?? props.title), renderRequiredTag()), renderTip()), _extraContent);
-	};
-	return /* @__PURE__ */ react.default.createElement("div", {
-		id: `pisell-pro-selector-${props.id}`,
-		className: (0, classnames.default)("pisell-pro-selector", props.className),
-		style: props.style
-	}, renderHeader(), renderErrorMsg(), /* @__PURE__ */ react.default.createElement(SelectorContext.Provider, { value: {
-		mode,
-		disabled,
-		valueType,
-		variant,
-		itemLayout,
-		itemProps,
-		preset
-	} }, renderOptions()));
-});
-var Selector_default = Selector;
-
-//#endregion
-exports.SelectorContext = SelectorContext;
-exports.default = Selector_default;

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

@@ -1,14 +0,0 @@
-import { SelectionValue, SelectorGroupProps } from "./types.js";
-import React from "react";
-import "./selectorGroup.less";
-
-//#region src/pro/Selector/SelectorGroup.d.ts
-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>>;
-//#endregion
-export { SelectorGroup };

package/dist/lib/pro/Selector/SelectorGroup.js

@@ -1,407 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
-const require_lodash$1 = require('../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js');
-const require_useEngineContext = require('../../hooks/useEngineContext.js');
-const require_CategorySkeleton = require('../../plus/productSelect/CategoryTabs/CategorySkeleton.js');
-const require_index = require('../../plus/productSelect/CategoryTabs/index.js');
-const require_utils = require('../../plus/productSelect/utils.js');
-const require_locales = require('./locales.js');
-const require_Selector = require('./Selector.js');
-const require_index$1 = require('./utils/index.js');
-const require_IntersectionObserver = require('./components/IntersectionObserver.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-require("./selectorGroup.less");
-
-//#region src/pro/Selector/SelectorGroup.tsx
-var import_lodash = require_lodash$1.default;
-const DEFAULT_DATASOURCE = [];
-const SelectorGroup = (0, react.forwardRef)((props, ref) => {
-	const context = require_useEngineContext.default();
-	__pisell_utils.locales.init(require_locales.default, context?.appHelper?.utils?.storage?.get("umi_locale") || "en");
-	const { linkageRules, allowedValuesPolicy = "strict", preserve: preserveDefault = false, style } = props;
-	const [activeIndex, setActiveIndex] = (0, react.useState)(-1);
-	const isManualChangeIndexRef = (0, react.useRef)(false);
-	const containerRef = (0, react.useRef)(null);
-	const _uniqueId = (0, react.useRef)(require_index$1.generateSimpleUUID().substring(0, 8)).current;
-	const groupRefs = (0, react.useRef)({});
-	const reducer = (state$1, action) => {
-		switch (action.type) {
-			case "commit": return action.payload;
-			case "patch": return {
-				...state$1,
-				...action.payload
-			};
-			default: return state$1;
-		}
-	};
-	const [state, dispatch] = (0, react.useReducer)(reducer, {
-		values: {},
-		visibleGroups: {},
-		optionEffects: {}
-	});
-	(0, react.useEffect)(() => {
-		const initial = (props?.value ?? props?.defaultValue) || {};
-		if (initial && typeof initial === "object") applyValues({ ...initial });
-	}, []);
-	const normalizedRules = (0, react.useMemo)(() => require_index$1.normalizeRules(linkageRules), [(0, react.useMemo)(() => {
-		try {
-			return JSON.stringify(linkageRules ?? null);
-		} catch {
-			return String(linkageRules);
-		}
-	}, [linkageRules])]);
-	const autoHiddenGroups = (0, react.useMemo)(() => require_index$1.computeAutoHiddenGroups(normalizedRules), [normalizedRules]);
-	const dataSource = (0, react.useMemo)(() => {
-		if (Array.isArray(props.dataSource)) return props.dataSource.filter((item) => !!item && item.id !== void 0);
-		return DEFAULT_DATASOURCE;
-	}, [props.dataSource]);
-	const stateRef = (0, react.useRef)(state);
-	const dataSourceRef = (0, react.useRef)(dataSource);
-	(0, react.useEffect)(() => {
-		stateRef.current = state;
-	}, [state]);
-	(0, react.useEffect)(() => {
-		dataSourceRef.current = dataSource;
-	}, [dataSource]);
-	const hasInitializedVisibilityRef = (0, react.useRef)(false);
-	(0, react.useEffect)(() => {
-		if (!hasInitializedVisibilityRef.current && (!state.visibleGroups || Object.keys(state.visibleGroups).length === 0)) {
-			const initVisible = {};
-			(dataSource || []).forEach((group) => {
-				const gid = String(group.id ?? "");
-				initVisible[gid] = autoHiddenGroups.has(gid) ? false : true;
-			});
-			hasInitializedVisibilityRef.current = true;
-			dispatch({
-				type: "patch",
-				payload: { visibleGroups: initVisible }
-			});
-		}
-	}, [dataSource, autoHiddenGroups]);
-	const lastEmittedRef = (0, react.useRef)(null);
-	const applyValues = (0, react.useCallback)((nextValues, visibleOverride) => {
-		const maskValues = (vals, visibleMap) => {
-			const out = { ...vals || {} };
-			(dataSource || []).forEach((group) => {
-				const gid = String(group.id ?? "");
-				const preserve = typeof group.preserve === "boolean" ? group.preserve : preserveDefault;
-				if (visibleMap[gid] === false && preserve === false) out[gid] = void 0;
-			});
-			return out;
-		};
-		const { visibleGroups: newVisible, optionEffects: newEffects } = require_index$1.computeEffects(dataSource, normalizedRules, maskValues(nextValues, visibleOverride || state.visibleGroups));
-		let finalValues = nextValues;
-		let finalVisible = newVisible;
-		let finalEffects = newEffects;
-		if (allowedValuesPolicy === "strict") {
-			const pruned = require_index$1.pruneValuesByAllowOnly(nextValues, newEffects);
-			if (!(0, import_lodash.isEqual)(pruned, nextValues)) {
-				finalValues = pruned;
-				const recomputed = require_index$1.computeEffects(dataSource, normalizedRules, maskValues(finalValues, newVisible));
-				finalVisible = recomputed.visibleGroups;
-				finalEffects = recomputed.optionEffects;
-			}
-		}
-		if (!((0, import_lodash.isEqual)(state.values, finalValues) && (0, import_lodash.isEqual)(state.visibleGroups, finalVisible) && (0, import_lodash.isEqual)(state.optionEffects, finalEffects))) dispatch({
-			type: "commit",
-			payload: {
-				values: { ...finalValues || {} },
-				visibleGroups: finalVisible,
-				optionEffects: finalEffects
-			}
-		});
-		if (typeof props?.onChange === "function") {
-			const out = {};
-			(dataSource || []).forEach((group) => {
-				const gid = String(group.id ?? "");
-				const preserve = typeof group.preserve === "boolean" ? group.preserve : preserveDefault;
-				if (finalVisible[gid] === false && preserve === false) return;
-				const v = finalValues[gid];
-				if (v !== void 0) out[gid] = v;
-			});
-			if (!(0, import_lodash.isEqual)(lastEmittedRef.current, out)) {
-				lastEmittedRef.current = out;
-				props.onChange(out);
-			}
-		}
-	}, [
-		dataSource,
-		normalizedRules,
-		allowedValuesPolicy,
-		preserveDefault,
-		state.visibleGroups,
-		state.values,
-		state.optionEffects,
-		props?.onChange
-	]);
-	const getValuesInternal = (0, react.useCallback)((includeHidden, visibleOverride) => {
-		if (includeHidden) return { ...state.values || {} };
-		const visibleMap = visibleOverride || state.visibleGroups;
-		const result = {};
-		(dataSource || []).forEach((group) => {
-			const gid = String(group.id ?? "");
-			const preserve = typeof group.preserve === "boolean" ? group.preserve : preserveDefault;
-			if (visibleMap[gid] === false && preserve === false) return;
-			const v = state.values[gid];
-			if (v !== void 0) result[gid] = v;
-		});
-		return result;
-	}, [
-		dataSource,
-		state.visibleGroups,
-		preserveDefault,
-		state.values
-	]);
-	(0, react.useEffect)(() => {
-		applyValues({ ...state.values || {} });
-	}, [
-		dataSource,
-		normalizedRules,
-		allowedValuesPolicy
-	]);
-	(0, react.useEffect)(() => {
-		const external = props?.value;
-		if (external && typeof external === "object") {
-			const prev = state.values || {};
-			const next = external || {};
-			if (!(0, import_lodash.isEqual)(prev, next)) applyValues({ ...next });
-		}
-	}, [props?.value]);
-	const handleGroupChange = (0, react.useCallback)((groupId, v) => {
-		applyValues({
-			...state.values || {},
-			[groupId]: v
-		});
-	}, [state.values, applyValues]);
-	const _categories = (0, react.useMemo)(() => {
-		return dataSource.filter((item) => state.visibleGroups[String(item.id ?? "")] !== false).map((item) => {
-			return {
-				...item,
-				key: String(item.id ?? ""),
-				label: item.title
-			};
-		});
-	}, [dataSource, state.visibleGroups]);
-	const debounceIndicator = (0, react.useCallback)((delay) => {
-		isManualChangeIndexRef.current = true;
-		const timeoutId = setTimeout(() => {
-			isManualChangeIndexRef.current = false;
-		}, delay);
-		return () => clearTimeout(timeoutId);
-	}, []);
-	const switchCategory = (0, react.useCallback)((key) => {
-		setActiveIndex(_categories.findIndex((item) => item.key === key));
-		debounceIndicator(300);
-		const categoryIndex = dataSource.findIndex((item) => String(item.id) === key);
-		let _scrollParent = null;
-		if (typeof props.customScrollParent === "string") _scrollParent = document.querySelector(props.customScrollParent);
-		else _scrollParent = props.customScrollParent || containerRef.current;
-		if (!_scrollParent || !containerRef.current) return;
-		const target = document.getElementById(`pisell-pro-selector-${key}`);
-		if (!target) return;
-		const batchSelectorWrapper = document.querySelector(`.pisell-batch-selector-${_uniqueId}`);
-		const tabsHeight = document.getElementById(`pisell-batch-selector-${_uniqueId}_tabs`)?.offsetHeight || 0;
-		const extraOffset = 0;
-		if (categoryIndex === 0) {
-			if (batchSelectorWrapper) {
-				const wrapperOffsetTop = require_utils.getOffsetTopRelativeToScrollContainer(batchSelectorWrapper, _scrollParent);
-				_scrollParent.scrollTop = wrapperOffsetTop - extraOffset;
-			}
-			return;
-		} else {
-			const listOffsetTop = require_utils.getOffsetTopRelativeToScrollContainer(target, _scrollParent);
-			_scrollParent.scrollTop = listOffsetTop - tabsHeight - extraOffset;
-		}
-	}, [
-		_categories,
-		dataSource,
-		debounceIndicator,
-		props.customScrollParent,
-		_uniqueId
-	]);
-	(0, react.useImperativeHandle)(ref, () => ({
-		getValues: (includeHidden) => getValuesInternal(includeHidden),
-		setValues: (values) => {
-			applyValues({ ...values || {} });
-		},
-		validate: async () => {
-			const currentDataSource = dataSourceRef.current || [];
-			const currentVisibleGroups = stateRef.current.visibleGroups;
-			const validateGroup = async (ds) => {
-				const gid = String(ds.id ?? "");
-				const successResult = {
-					gid,
-					ok: true,
-					errors: []
-				};
-				if (currentVisibleGroups[gid] === false) return successResult;
-				const inst = groupRefs.current[gid];
-				if (!inst?.validate) return successResult;
-				try {
-					await inst.validate();
-					return successResult;
-				} catch (errors) {
-					return {
-						gid,
-						ok: false,
-						errors: Array.isArray(errors) ? errors : errors ? [errors] : []
-					};
-				}
-			};
-			const results = await Promise.all(currentDataSource.map(validateGroup));
-			const errorsByGroup = {};
-			let firstErrorGID;
-			for (const result of results) if (!result.ok && result.errors.length > 0) {
-				errorsByGroup[result.gid] = result.errors;
-				if (!firstErrorGID) firstErrorGID = result.gid;
-			}
-			if (Object.keys(errorsByGroup).length > 0) {
-				if (props.scrollToFirstError !== false && firstErrorGID) switchCategory(firstErrorGID);
-				return Promise.reject(errorsByGroup);
-			}
-			return Promise.resolve({});
-		},
-		reset: () => {
-			applyValues({ ...props?.defaultValue || {} });
-			Object.keys(groupRefs.current).forEach((gid) => {
-				groupRefs.current[gid]?.reset?.();
-			});
-		},
-		clear: () => {
-			applyValues({});
-			Object.keys(groupRefs.current).forEach((gid) => {
-				groupRefs.current[gid]?.clear?.();
-			});
-		}
-	}), [
-		getValuesInternal,
-		applyValues,
-		props.scrollToFirstError,
-		props?.defaultValue,
-		switchCategory
-	]);
-	const patchedDataSourceMap = (0, react.useMemo)(() => {
-		const map = {};
-		(dataSource || []).forEach((group) => {
-			const gid = String(group.id ?? "");
-			const fieldValue = group?.fieldNames?.value || "value";
-			const effects = state.optionEffects[gid];
-			map[gid] = (Array.isArray(group.dataSource) ? group.dataSource : []).map((opt) => {
-				const val = opt[fieldValue];
-				return effects?.allowOnly && !effects.allowOnly.has(val) ? {
-					...opt,
-					disabled: true
-				} : opt;
-			});
-		});
-		return map;
-	}, [dataSource, state.optionEffects]);
-	const validationMaps = (0, react.useMemo)(() => {
-		const titleTipMap = {};
-		const customValidatorMap = {};
-		(dataSource || []).forEach((group) => {
-			const gid = String(group.id ?? "");
-			const req = state.optionEffects[gid]?.requireOneOf;
-			if (req) {
-				const currentSel = require_index$1.getSelectedSet(state.values?.[gid]);
-				titleTipMap[gid] = [...req.values].some((v) => currentSel.has(v)) ? void 0 : req.tip || __pisell_utils.locales.getText("pisell2.pro.selector.validate.requireOneOf-msg");
-				customValidatorMap[gid] = async (value) => {
-					const sel = require_index$1.getSelectedSet(value);
-					if (![...req.values].some((v) => sel.has(v))) throw {
-						type: "requireOneOf",
-						message: req.message || __pisell_utils.locales.getText("pisell2.pro.selector.validate.requireOneOf-msg")
-					};
-				};
-			} else {
-				titleTipMap[gid] = void 0;
-				customValidatorMap[gid] = void 0;
-			}
-		});
-		return {
-			titleTipMap,
-			customValidatorMap
-		};
-	}, [
-		dataSource,
-		state.optionEffects,
-		state.values
-	]);
-	const activeKey = (0, react.useMemo)(() => {
-		return _categories[activeIndex]?.key;
-	}, [activeIndex, _categories]);
-	const renderTabs = () => {
-		if (props.tabProps?.visible === false) return null;
-		if ((props.dataSource || []).length <= 1) return null;
-		return /* @__PURE__ */ react.default.createElement(require_index.default, {
-			activeKey: activeKey ? String(activeKey) : "",
-			items: _categories,
-			onChange: switchCategory,
-			loading: props.loading,
-			skeleton: /* @__PURE__ */ react.default.createElement(require_CategorySkeleton.default, null),
-			id: `pisell-batch-selector-${_uniqueId}_tabs`
-		});
-	};
-	const _content = (0, react.useMemo)(() => {
-		return /* @__PURE__ */ react.default.createElement("div", { className: `pisell-batch-selector__content` }, dataSource.filter((item) => state.visibleGroups[String(item.id ?? "")] !== false).map((item, index) => {
-			const gid = String(item.id ?? "");
-			const headerProps = item.headerProps || item.titleProps || {};
-			return /* @__PURE__ */ react.default.createElement(require_IntersectionObserver.IntersectionItem, {
-				key: gid,
-				index
-			}, /* @__PURE__ */ react.default.createElement(require_Selector.default, {
-				...item,
-				ref: (el) => {
-					if (el) groupRefs.current[gid] = el;
-					else delete groupRefs.current[gid];
-				},
-				value: state.values?.[gid],
-				onChange: (v) => {
-					handleGroupChange(gid, v);
-					item.onChange?.(v);
-				},
-				ruleConfig: {
-					...item.ruleConfig,
-					customValidator: validationMaps.customValidatorMap[gid]
-				},
-				dataSource: patchedDataSourceMap[gid],
-				headerProps: {
-					...headerProps,
-					...validationMaps.titleTipMap[gid] === void 0 ? {} : { tip: {
-						...headerProps?.tip || {},
-						text: validationMaps.titleTipMap[gid],
-						visible: headerProps?.tip?.visible ?? true
-					} }
-				}
-			}));
-		}));
-	}, [
-		dataSource,
-		state.visibleGroups,
-		state.values,
-		patchedDataSourceMap,
-		validationMaps,
-		groupRefs,
-		handleGroupChange
-	]);
-	return /* @__PURE__ */ react.default.createElement("div", {
-		className: (0, classnames.default)("pisell-batch-selector", `pisell-batch-selector-${_uniqueId}`),
-		ref: containerRef,
-		style
-	}, renderTabs(), /* @__PURE__ */ react.default.createElement(require_IntersectionObserver.IntersectionObserverProvider, {
-		rootMargin: "-70px 0px 0px 0px",
-		disabled: props.tabProps?.visible === false,
-		onFirstVisibleIndexChange: (index) => {
-			if (!isManualChangeIndexRef.current) {
-				if (index === -1 || index === activeIndex) return;
-				setActiveIndex(index);
-			}
-		}
-	}, _content));
-});
-var SelectorGroup_default = SelectorGroup;
-
-//#endregion
-exports.default = SelectorGroup_default;