@pisell/private-materials 6.3.58 → 6.3.60

package/dist/lib/pro/Selector/components/Card/index.js

@@ -1,85 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-require("./index.less");
-
-//#region src/pro/Selector/components/Card/index.tsx
-const stopPropagation = (e) => {
-	e.stopPropagation();
-};
-const Card = ({ variant = "outlined", layout = "horizontal", actions, actionsPosition = "right", corner, children, selected = false, disabled = false, hoverable = false, onClick, styles, selectedType = "outlined", className, style }) => {
-	const styleProps = {
-		selected,
-		disabled,
-		hoverable,
-		variant,
-		layout
-	};
-	const containerStyle = (0, react.useMemo)(() => {
-		if (!styles?.container) return style;
-		return {
-			...typeof styles.container === "function" ? styles.container(styleProps) : styles.container,
-			...style
-		};
-	}, [
-		styles?.container,
-		style,
-		styleProps
-	]);
-	const contentStyle = (0, react.useMemo)(() => {
-		if (!styles?.content) return void 0;
-		return typeof styles.content === "function" ? styles.content(styleProps) : styles.content;
-	}, [styles?.content, styleProps]);
-	const actionsStyle = (0, react.useMemo)(() => {
-		if (!styles?.actions) return void 0;
-		return typeof styles.actions === "function" ? styles.actions(styleProps) : styles.actions;
-	}, [styles?.actions, styleProps]);
-	const cornerStyle = (0, react.useMemo)(() => {
-		if (!styles?.corner) return void 0;
-		return typeof styles.corner === "function" ? styles.corner(styleProps) : styles.corner;
-	}, [styles?.corner, styleProps]);
-	const renderActions = () => {
-		if (!actions) return null;
-		if ((Array.isArray(actions) ? actions.filter(Boolean) : [actions]).length === 0) return null;
-		return /* @__PURE__ */ react.default.createElement("ul", {
-			className: "pisell-pro-card_actions",
-			style: actionsStyle
-		}, actions.map((action, index) => /* @__PURE__ */ react.default.createElement("li", {
-			key: index,
-			className: "pisell-pro-card_actions-item"
-		}, /* @__PURE__ */ react.default.createElement("span", { onClick: stopPropagation }, action))));
-	};
-	const renderCorner = () => {
-		if (!corner || layout !== "vertical") return null;
-		return /* @__PURE__ */ react.default.createElement("div", {
-			className: "pisell-pro-card_corner",
-			style: cornerStyle,
-			onClick: stopPropagation
-		}, corner);
-	};
-	const handleClick = (e) => {
-		if (disabled) return;
-		onClick?.(e);
-	};
-	return /* @__PURE__ */ react.default.createElement("div", {
-		className: (0, classnames.default)("pisell-pro-card", `pisell-pro-card-${variant}`, `pisell-pro-card-${layout}`, {
-			"pisell-pro-card-selected": selected,
-			[`pisell-pro-card-selected-${selectedType}`]: selected && selectedType !== "none",
-			"pisell-pro-card-disabled": disabled,
-			"pisell-pro-card-hoverable": hoverable && !disabled,
-			"pisell-pro-card-clickable": onClick && !disabled,
-			[`pisell-pro-card-actions-${actionsPosition}`]: layout === "horizontal" && actions
-		}, className),
-		style: containerStyle,
-		onClick: handleClick
-	}, layout === "horizontal" && actionsPosition === "left" && renderActions(), /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-pro-card_content",
-		style: contentStyle
-	}, children), (layout === "vertical" || actionsPosition === "right") && renderActions(), renderCorner());
-};
-var Card_default = Card;
-
-//#endregion
-exports.default = Card_default;

package/dist/lib/pro/Selector/components/Indicator/index.js

@@ -1,75 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-require("./index.less");
-
-//#region src/pro/Selector/components/Indicator/index.tsx
-const sizeMap = {
-	small: 20,
-	middle: 24,
-	large: 28
-};
-const Indicator = (props) => {
-	const { mode = "single", variant = "outlined", disabled = false, className, styles = {}, children, size = "middle", onChange, defaultChecked, checked: checkedProp } = props;
-	const [internalChecked, setInternalChecked] = (0, react.useState)(defaultChecked || false);
-	(0, react.useEffect)(() => {
-		if (checkedProp !== void 0) setInternalChecked(checkedProp);
-	}, [checkedProp]);
-	const isControlled = checkedProp !== void 0;
-	const checked = isControlled ? checkedProp : internalChecked;
-	const prefixCls = "pisell-pro-indicator";
-	const classes = (0, classnames.default)(prefixCls, `${prefixCls}-${mode}`, `${prefixCls}-${variant}`, {
-		[`${prefixCls}-checked`]: checked,
-		[`${prefixCls}-disabled`]: disabled
-	}, className);
-	const indicatorStyle = (0, react.useMemo)(() => {
-		const sizeValue = sizeMap[size] || Number(size);
-		return {
-			width: sizeValue,
-			height: sizeValue,
-			...styles.indicator
-		};
-	}, [size, styles.indicator]);
-	const handleInputChange = (e) => {
-		if (disabled) return;
-		if (!isControlled) setInternalChecked(e.target.checked);
-		onChange?.(e);
-	};
-	const renderCheckIcon = () => {
-		const iconSize = (sizeMap[size] || Number(size)) * .6;
-		const strokeWidth = iconSize * .15;
-		return /* @__PURE__ */ react.default.createElement("svg", {
-			className: `${prefixCls}-check-icon`,
-			width: iconSize,
-			height: iconSize * .76,
-			viewBox: "0 0 17 13",
-			fill: "none",
-			xmlns: "http://www.w3.org/2000/svg"
-		}, /* @__PURE__ */ react.default.createElement("path", {
-			d: "M14.8814 1.44043L5.64141 10.6804L1.44141 6.48043",
-			stroke: "currentColor",
-			strokeWidth,
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		}));
-	};
-	return /* @__PURE__ */ react.default.createElement("label", {
-		className: classes,
-		style: styles.container
-	}, /* @__PURE__ */ react.default.createElement("input", {
-		type: mode === "single" ? "radio" : "checkbox",
-		className: `${prefixCls}-input`,
-		checked: !!checked,
-		disabled,
-		onChange: handleInputChange
-	}), /* @__PURE__ */ react.default.createElement("div", {
-		className: `${prefixCls}-inner`,
-		style: indicatorStyle
-	}, checked && /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, mode === "single" && variant === "outlined" ? /* @__PURE__ */ react.default.createElement("div", { className: `${prefixCls}-dot` }) : renderCheckIcon())), children && /* @__PURE__ */ react.default.createElement("span", { className: `${prefixCls}-content` }, children));
-};
-var Indicator_default = Indicator;
-
-//#endregion
-exports.default = Indicator_default;

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

@@ -1,276 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/pro/Selector/components/IntersectionObserver.tsx
-/**
-* IntersectionObserver 组件
-* 用于监听一组 DOM 元素的可见性状态，并获取第一个可见元素的索引。
-* @example
-* function App() {
-*   return (
-*     <IntersectionObserverProvider
-*       onFirstVisibleIndexChange={(index) => {
-*         console.log('第一个可见元素的索引:', index);
-*       }}
-*       rootMargin="0px 0px -10% 0px" // 自定义根边距
-*     >
-*       <ScrollContainer>
-*         {items.map((item, index) => (
-*           <IntersectionItem key={item.id} index={index}>
-*             <ItemComponent data={item} />
-*           </IntersectionItem>
-*         ))}
-*       </ScrollContainer>
-*     </IntersectionObserverProvider>
-*   );
-* }
-*/
-/**
-* 简易 useMemoizedFn hook
-*/
-function useMemoizedFn(fn) {
-	const fnRef = (0, react.useRef)(fn);
-	const memoizedFn = (0, react.useRef)();
-	fnRef.current = fn;
-	if (!memoizedFn.current) memoizedFn.current = ((...args) => {
-		return fnRef.current(...args);
-	});
-	return memoizedFn.current;
-}
-/**
-* IntersectionObserver 上下文
-*/
-const IntersectionObserverContext = (0, react.createContext)({
-	initialized: false,
-	registerElement: () => {},
-	unregisterElement: () => {},
-	registerElements: () => {},
-	clearAll: () => {},
-	firstVisibleIndex: -1
-});
-const IntersectionObserverProvider = ({ children, root = null, rootMargin = "0px", threshold = 0, onFirstVisibleIndexChange, disabled = false }) => {
-	const [initialized, setInitialized] = (0, react.useState)(false);
-	const [firstVisibleIndex, setFirstVisibleIndex] = (0, react.useState)(-1);
-	const observerRef = (0, react.useRef)(null);
-	const elementsMapRef = (0, react.useRef)(/* @__PURE__ */ new Map());
-	const pendingRegistrationsRef = (0, react.useRef)([]);
-	const firstVisibleIndexRef = (0, react.useRef)(-1);
-	const onFirstVisibleIndexChangeRef = (0, react.useRef)(onFirstVisibleIndexChange);
-	(0, react.useEffect)(() => {
-		onFirstVisibleIndexChangeRef.current = onFirstVisibleIndexChange;
-	});
-	(0, react.useEffect)(() => {
-		firstVisibleIndexRef.current = firstVisibleIndex;
-	});
-	/**
-	* 计算第一个可见元素的索引
-	*/
-	const calculateFirstVisibleIndex = (0, react.useCallback)(() => {
-		let minIndex = -1;
-		elementsMapRef.current.forEach((elementInfo) => {
-			if (elementInfo.isVisible) {
-				if (minIndex === -1 || elementInfo.index < minIndex) minIndex = elementInfo.index;
-			}
-		});
-		return minIndex;
-	}, []);
-	/**
-	* 更新第一个可见元素索引
-	*/
-	const updateFirstVisibleIndex = useMemoizedFn(() => {
-		const newIndex = calculateFirstVisibleIndex();
-		if (newIndex !== firstVisibleIndexRef.current) {
-			setFirstVisibleIndex(newIndex);
-			onFirstVisibleIndexChangeRef.current?.(newIndex);
-		}
-	});
-	/**
-	* 创建 IntersectionObserver 实例
-	*/
-	const observerOptions = (0, react.useMemo)(() => ({
-		root,
-		rootMargin,
-		threshold
-	}), [
-		root,
-		rootMargin,
-		threshold
-	]);
-	const createObserver = (0, react.useCallback)(() => {
-		if (disabled) return null;
-		if (typeof window === "undefined" || !window.IntersectionObserver) {
-			console.warn("IntersectionObserver is not supported in this browser");
-			return null;
-		}
-		return new IntersectionObserver((entries) => {
-			let hasChanged = false;
-			entries.forEach((entry) => {
-				const elementInfo = elementsMapRef.current.get(entry.target);
-				if (elementInfo) {
-					const wasVisible = elementInfo.isVisible;
-					const isVisible = entry.isIntersecting;
-					if (wasVisible !== isVisible) {
-						elementInfo.isVisible = isVisible;
-						hasChanged = true;
-					}
-				}
-			});
-			if (hasChanged) updateFirstVisibleIndex();
-		}, observerOptions);
-	}, [observerOptions, disabled]);
-	/**
-	* 实际执行注册逻辑
-	*/
-	const doRegisterElement = (0, react.useCallback)((element, index) => {
-		if (!observerRef.current || !element) return false;
-		if (elementsMapRef.current.has(element)) {
-			const elementInfo$1 = elementsMapRef.current.get(element);
-			if (elementInfo$1.index !== index) elementInfo$1.index = index;
-			return true;
-		}
-		const elementInfo = {
-			element,
-			index,
-			isVisible: false
-		};
-		elementsMapRef.current.set(element, elementInfo);
-		observerRef.current.observe(element);
-		return true;
-	}, []);
-	/**
-	* 处理待注册队列中的元素
-	*/
-	const processPendingRegistrations = useMemoizedFn(() => {
-		const pending = pendingRegistrationsRef.current;
-		pendingRegistrationsRef.current = [];
-		pending.forEach(({ element, index }) => {
-			doRegisterElement(element, index);
-		});
-	});
-	/**
-	* 注册元素
-	*/
-	const registerElement = (0, react.useCallback)((element, index) => {
-		if (!element) return;
-		if (observerRef.current) {
-			doRegisterElement(element, index);
-			return;
-		}
-		const existingIndex = pendingRegistrationsRef.current.findIndex((item) => item.element === element);
-		if (existingIndex === -1) pendingRegistrationsRef.current.push({
-			element,
-			index
-		});
-		else pendingRegistrationsRef.current[existingIndex].index = index;
-	}, [doRegisterElement]);
-	/**
-	* 注销元素
-	*/
-	const unregisterElement = (0, react.useCallback)((element) => {
-		if (!element) return;
-		const pendingIndex = pendingRegistrationsRef.current.findIndex((item) => item.element === element);
-		if (pendingIndex !== -1) pendingRegistrationsRef.current.splice(pendingIndex, 1);
-		if (observerRef.current && elementsMapRef.current.has(element)) {
-			elementsMapRef.current.delete(element);
-			observerRef.current.unobserve(element);
-			updateFirstVisibleIndex();
-		}
-	}, []);
-	/**
-	* 批量注册元素
-	*/
-	const registerElements = (0, react.useCallback)((elements) => {
-		elements.forEach(({ element, index }) => {
-			registerElement(element, index);
-		});
-	}, [registerElement]);
-	/**
-	* 清除所有注册的元素
-	*/
-	const clearAll = (0, react.useCallback)(() => {
-		pendingRegistrationsRef.current = [];
-		if (observerRef.current) elementsMapRef.current.forEach((_, element) => {
-			observerRef.current.unobserve(element);
-		});
-		elementsMapRef.current.clear();
-		updateFirstVisibleIndex();
-	}, []);
-	/**
-	* 初始化 IntersectionObserver
-	*/
-	(0, react.useEffect)(() => {
-		const observer = createObserver();
-		if (observer) {
-			observerRef.current = observer;
-			processPendingRegistrations();
-			setInitialized(true);
-		}
-		return () => {
-			if (observerRef.current) {
-				observerRef.current.disconnect();
-				observerRef.current = null;
-			}
-			elementsMapRef.current.clear();
-			pendingRegistrationsRef.current = [];
-			setInitialized(false);
-			setFirstVisibleIndex(-1);
-		};
-	}, [createObserver]);
-	const contextValue = (0, react.useMemo)(() => ({
-		initialized,
-		registerElement,
-		unregisterElement,
-		registerElements,
-		clearAll,
-		firstVisibleIndex
-	}), [
-		initialized,
-		registerElement,
-		unregisterElement,
-		registerElements,
-		clearAll,
-		firstVisibleIndex
-	]);
-	return /* @__PURE__ */ react.default.createElement(IntersectionObserverContext.Provider, { value: contextValue }, children);
-};
-/**
-* 使用 IntersectionObserver 的 Hook
-* @returns {Object} 包含注册元素函数和第一个可见元素索引的对象
-*/
-const useIntersectionObserver = () => {
-	const context = (0, react.useContext)(IntersectionObserverContext);
-	if (!context) throw new Error("useIntersectionObserver must be used within IntersectionObserverProvider");
-	return context;
-};
-/**
-* IntersectionItem 组件
-* 自动注册元素到 IntersectionObserver 中
-*/
-const IntersectionItem = ({ index, children, className, style }) => {
-	const elementRef = (0, react.useRef)(null);
-	const { initialized, registerElement, unregisterElement } = useIntersectionObserver();
-	(0, react.useEffect)(() => {
-		const element = elementRef.current;
-		if (initialized && element) {
-			registerElement(element, index);
-			return () => {
-				unregisterElement(element);
-			};
-		}
-	}, [
-		initialized,
-		index,
-		registerElement,
-		unregisterElement
-	]);
-	return /* @__PURE__ */ react.default.createElement("div", {
-		ref: elementRef,
-		className,
-		style
-	}, children);
-};
-
-//#endregion
-exports.IntersectionItem = IntersectionItem;
-exports.IntersectionObserverProvider = IntersectionObserverProvider;

package/dist/lib/pro/Selector/components/LayoutContainer/index.js

@@ -1,61 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let antd = require("antd");
-
-//#region src/pro/Selector/components/LayoutContainer/index.tsx
-const ARow = antd.Row;
-const ACol = antd.Col;
-/**
-* 统一的布局容器组件
-* 根据配置的 layoutType 自动选择合适的布局方式
-*/
-function LayoutContainer({ config, children }) {
-	if (!config) return /* @__PURE__ */ react.default.createElement("div", { style: {
-		display: "flex",
-		flexDirection: "column",
-		gap: 16
-	} }, children);
-	const { type = "flex", gutter = [16, 16] } = config;
-	const [gutterH = 16, gutterV = 16] = Array.isArray(gutter) ? gutter : [gutter, gutter];
-	if (type === "flex") {
-		const { direction = "row", wrap = true } = config;
-		const flexDirection = direction === "column" ? "column" : "row";
-		return /* @__PURE__ */ react.default.createElement("div", { style: {
-			display: "flex",
-			flexDirection,
-			flexWrap: wrap === false ? "nowrap" : "wrap",
-			gap: `${gutterV}px ${gutterH}px`
-		} }, children);
-	}
-	if (type === "grid") {
-		const { baseWidth = "209px" } = config;
-		if (!baseWidth) {
-			console.warn("Grid layout requires baseWidth");
-			return /* @__PURE__ */ react.default.createElement("div", null, children);
-		}
-		return /* @__PURE__ */ react.default.createElement("div", { style: {
-			display: "grid",
-			gridTemplateColumns: `repeat(auto-fit, minmax(min(${baseWidth}, 100%), 1fr))`,
-			gap: `${gutterV}px ${gutterH}px`
-		} }, children);
-	}
-	if (type === "antdGrid") {
-		const { columns = 1, align, justify, wrap, colConfig = {} } = config;
-		return /* @__PURE__ */ react.default.createElement(ARow, {
-			gutter,
-			justify,
-			align,
-			wrap
-		}, children.map((child, index) => /* @__PURE__ */ react.default.createElement(ACol, {
-			key: index,
-			span: 24 / columns,
-			...colConfig
-		}, child)));
-	}
-	return /* @__PURE__ */ react.default.createElement("div", null, children);
-}
-var LayoutContainer_default = LayoutContainer;
-
-//#endregion
-exports.default = LayoutContainer_default;

package/dist/lib/pro/Selector/components/Media/index.js

@@ -1,169 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-require("./index.less");
-
-//#region src/pro/Selector/components/Media/index.tsx
-const clamp = (value, min, max) => {
-	return Math.max(min, Math.min(value, max));
-};
-const stopPropagation = (e) => {
-	e.stopPropagation();
-};
-const Media = ({ cover, label, extra, indicator, showIndicator = true, coverType = "auto", shape, size = "large", selected = false, disabled = false, onClick, styles, className, style }) => {
-	const styleProps = {
-		selected,
-		disabled,
-		shape,
-		size
-	};
-	const fontSize = (0, react.useMemo)(() => {
-		if (typeof size === "number") return clamp(size * .2, 12, 48);
-	}, [size]);
-	const coverStyle = (0, react.useMemo)(() => {
-		const baseStyle = {};
-		if (typeof size === "number") {
-			baseStyle.width = size;
-			baseStyle.height = size;
-			baseStyle.fontSize = fontSize;
-		}
-		if (!styles?.cover) return baseStyle;
-		const customStyle = typeof styles.cover === "function" ? styles.cover(styleProps) : styles.cover;
-		return {
-			...baseStyle,
-			...customStyle
-		};
-	}, [
-		size,
-		fontSize,
-		styles?.cover,
-		styleProps
-	]);
-	const containerStyle = (0, react.useMemo)(() => {
-		if (!styles?.container) return style;
-		return {
-			...typeof styles.container === "function" ? styles.container(styleProps) : styles.container,
-			...style
-		};
-	}, [
-		styles?.container,
-		style,
-		styleProps
-	]);
-	const labelStyle = (0, react.useMemo)(() => {
-		const baseStyle = {};
-		if (fontSize) baseStyle.fontSize = fontSize;
-		if (!styles?.label) return baseStyle;
-		const customStyle = typeof styles.label === "function" ? styles.label(styleProps) : styles.label;
-		return {
-			...baseStyle,
-			...customStyle
-		};
-	}, [
-		fontSize,
-		styles?.label,
-		styleProps
-	]);
-	const extraStyle = (0, react.useMemo)(() => {
-		if (!styles?.extra) return void 0;
-		return typeof styles.extra === "function" ? styles.extra(styleProps) : styles.extra;
-	}, [styles?.extra, styleProps]);
-	const indicatorSize = (0, react.useMemo)(() => {
-		if (typeof size === "number") return Math.round(size * .3);
-		return size === "large" ? "middle" : "small";
-	}, [size]);
-	const indicatorStyle = (0, react.useMemo)(() => {
-		if (!styles?.indicator) return void 0;
-		return typeof styles.indicator === "function" ? styles.indicator(styleProps) : styles.indicator;
-	}, [styles?.indicator, styleProps]);
-	const getTextContent = () => {
-		if (typeof label === "string" && label) return label[0].toUpperCase();
-		return "";
-	};
-	const renderPlaceholderLogo = () => {
-		return /* @__PURE__ */ react.default.createElement("svg", {
-			className: "pisell-selector_media-placeholder",
-			viewBox: "0 0 1024 1024",
-			width: "60%",
-			height: "60%"
-		}, /* @__PURE__ */ react.default.createElement("path", {
-			d: "M512 85.333333c235.648 0 426.666667 191.018667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512 276.352 85.333333 512 85.333333z m0 85.333334C323.477333 170.666667 170.666667 323.477333 170.666667 512s152.810667 341.333333 341.333333 341.333333 341.333333-152.810667 341.333333-341.333333S700.522667 170.666667 512 170.666667z m0 128a85.333333 85.333333 0 1 1 0 170.666666 85.333333 85.333333 0 0 1 0-170.666666z m0 256c94.293333 0 170.666667 76.373333 170.666667 170.666666a42.666667 42.666667 0 0 1-85.333334 0 85.333333 85.333333 0 0 0-170.666666 0 42.666667 42.666667 0 0 1-85.333334 0c0-94.293333 76.373333-170.666667 170.666667-170.666666z",
-			fill: "currentColor"
-		}));
-	};
-	const renderCover = () => {
-		if (coverType === "image") {
-			if (typeof cover === "string" && cover) return /* @__PURE__ */ react.default.createElement("img", {
-				src: cover,
-				alt: typeof label === "string" ? label : ""
-			});
-			if (react.default.isValidElement(cover)) return cover;
-			return renderPlaceholderLogo();
-		}
-		if (coverType === "text") {
-			const text$1 = getTextContent();
-			if (text$1) return /* @__PURE__ */ react.default.createElement("span", { className: "pisell-selector_media-text" }, text$1);
-			return renderPlaceholderLogo();
-		}
-		if (typeof cover === "string" && cover) return /* @__PURE__ */ react.default.createElement("img", {
-			src: cover,
-			alt: typeof label === "string" ? label : ""
-		});
-		if (react.default.isValidElement(cover)) return cover;
-		const text = getTextContent();
-		if (text) return /* @__PURE__ */ react.default.createElement("span", { className: "pisell-selector_media-text" }, text);
-		return renderPlaceholderLogo();
-	};
-	const renderIndicator = () => {
-		if (!showIndicator || !indicator || !selected) return null;
-		if (react.default.isValidElement(indicator)) {
-			const clonedIndicator = react.default.cloneElement(indicator, {
-				size: indicatorSize,
-				variant: "filled"
-			});
-			return /* @__PURE__ */ react.default.createElement("div", {
-				className: "pisell-selector_media-indicator-wrapper",
-				style: indicatorStyle,
-				onClick: stopPropagation
-			}, clonedIndicator);
-		}
-		return /* @__PURE__ */ react.default.createElement("div", {
-			className: "pisell-selector_media-indicator-wrapper",
-			style: indicatorStyle,
-			onClick: stopPropagation
-		}, indicator);
-	};
-	const handleClick = (e) => {
-		if (disabled) return;
-		onClick?.(e);
-	};
-	return /* @__PURE__ */ react.default.createElement("div", {
-		className: (0, classnames.default)("pisell-selector_media-item", {
-			[`pisell-selector_media-item-${size}`]: [
-				"small",
-				"middle",
-				"large"
-			].includes(size),
-			"pisell-selector_media-item-disabled": disabled,
-			"pisell-selector_media-item-selected": selected
-		}, className),
-		style: containerStyle,
-		onClick: handleClick
-	}, /* @__PURE__ */ react.default.createElement("div", {
-		className: (0, classnames.default)("pisell-selector_media-cover", `pisell-selector_media-cover-${shape}`),
-		style: coverStyle
-	}, renderCover(), renderIndicator()), label && /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-selector_media-label",
-		style: labelStyle
-	}, label), extra && /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-selector_media-extra",
-		style: extraStyle,
-		onClick: stopPropagation
-	}, extra));
-};
-var Media_default = Media;
-
-//#endregion
-exports.default = Media_default;

package/dist/lib/pro/Selector/docs/selector.$tab-design.md

@@ -1,7 +0,0 @@
----
-title: 设计文档
-order: 1
-category: pro
----
-
-# 设计文档