@pisell/private-materials 6.6.10 → 6.6.12

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/components/Media/index.less

@@ -1,124 +0,0 @@
-.pisell-selector_media-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  cursor: pointer;
-  width: min-content;
-}
-
-.pisell-selector_media-cover {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid #98a2b3;
-  overflow: visible;
-  box-sizing: border-box;
-  user-select: none;
-
-  &-circle {
-    border-radius: 50%;
-    border-width: 2px;
-  }
-
-  &-square {
-    border-radius: 8px;
-  }
-
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    display: block;
-    border-radius: inherit;
-    overflow: hidden;
-  }
-}
-
-.pisell-selector_media-text {
-  font-weight: 600;
-  color: #1d2129;
-  user-select: none;
-}
-
-.pisell-selector_media-placeholder {
-  color: #98a2b3;
-  opacity: 0.6;
-}
-
-.pisell-selector_media-label {
-  font-size: 14px;
-  color: #1d2129;
-  font-weight: 400;
-}
-
-.pisell-selector_media-indicator-wrapper {
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 2;
-  line-height: 1;
-}
-
-.pisell-selector_media-label {
-  margin-top: 10px;
-  font-size: 14px;
-  color: #1d2129;
-  text-align: center;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-}
-
-.pisell-selector_media-extra {
-  margin-top: 10px;
-}
-
-// Sizes
-.pisell-selector_media-item {
-  &-selected {
-    .pisell-selector_media-cover {
-      border-width: 2px;
-      border-color: #7f56d9;
-    }
-
-    .pisell-selector_media-label {
-      font-weight: 600;
-    }
-  }
-
-  &-disabled {
-    cursor: not-allowed;
-
-    .pisell-selector_media-cover {
-      border-color: #98a2b3;
-      color: #98a2b3;
-    }
-
-    .pisell-selector_media-label {
-      color: #98a2b3;
-    }
-  }
-
-  &-small {
-    .pisell-selector_media-cover {
-      width: 48px;
-      height: 48px;
-    }
-  }
-
-  &-middle {
-    .pisell-selector_media-cover {
-      width: 64px;
-      height: 64px;
-    }
-  }
-
-  &-large {
-    .pisell-selector_media-cover {
-      width: 80px;
-      height: 80px;
-    }
-  }
-}

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

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