@pisell/private-materials 6.6.10 → 6.6.11

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

@@ -1,162 +0,0 @@
-/* Card组件样式 */
-.pisell-pro-card {
-  position: relative;
-  display: flex;
-  border-radius: 8px;
-  transition: all 0.2s;
-  box-sizing: border-box;
-  overflow: hidden;
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
-
-  /* 变体样式 */
-  &-outlined {
-    border: 1px solid #d0d5dd;
-  }
-
-  &-borderless {
-    border: 1px solid transparent;
-    box-shadow: none;
-    outline: none;
-  }
-
-  /* 布局样式 */
-  &-vertical {
-    flex-direction: column;
-    border-radius: 12px;
-
-    .pisell-pro-card_content {
-      flex: 1;
-    }
-
-    .pisell-pro-card_actions {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin: 0;
-    }
-
-    .pisell-pro-card_actions-item {
-      margin: 20px 0;
-    }
-  }
-
-  &-horizontal {
-    flex-direction: row;
-    align-items: center;
-    gap: 10px;
-
-    .pisell-pro-card_content {
-      flex: 1;
-      font-size: 16px;
-    }
-
-    .pisell-pro-card_actions {
-      display: flex;
-      align-items: center;
-      margin: 0;
-      padding: 0;
-    }
-
-    .pisell-pro-card_actions-item {
-      margin: 0;
-    }
-  }
-
-  /* 可悬停效果 */
-  &-hoverable:not(&-disabled):hover {
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
-  }
-
-  /* 可点击样式 */
-  &-clickable:not(&-disabled) {
-    cursor: pointer;
-  }
-
-  /* 禁用状态 */
-  &-disabled {
-    cursor: not-allowed;
-    color: #98a2b3;
-    background-color: #f9fafb;
-
-    &:hover {
-      box-shadow: none;
-      transform: none;
-    }
-  }
-
-  /* 选中状态 - outlined类型 */
-  &-selected&-selected-outlined {
-    &.pisell-pro-card-outlined {
-      border-color: #7f56d9;
-      background-color: #f9f5ff;
-    }
-
-    &.pisell-pro-card-borderless {
-      border-color: #7f56d9;
-    }
-    .pisell-pro-card_content {
-      color: #7f56d9;
-    }
-  }
-
-  /* 选中状态 - outlined-bold类型（加粗边框，使用 outline 实现不影响布局） */
-  &-selected&-selected-outlined-bold {
-    &.pisell-pro-card-outlined {
-      border-color: #7f56d9;
-      background-color: #f9f5ff;
-      outline: 2px solid #7f56d9;
-      outline-offset: -2px;
-    }
-
-    &.pisell-pro-card-borderless {
-      border-color: #7f56d9;
-      outline: 2px solid #7f56d9;
-      outline-offset: -2px;
-    }
-    .pisell-pro-card_content {
-      color: #7f56d9;
-    }
-  }
-
-  /* 选中状态 - filled类型 */
-  &-selected&-selected-filled {
-    &.pisell-pro-card-outlined,
-    &.pisell-pro-card-borderless {
-      background-color: #7f56d9;
-      color: #ffffff;
-      border-color: #7f56d9;
-
-      .pisell-pro-card_content {
-        color: #ffffff;
-      }
-    }
-  }
-}
-
-/* 操作区域 */
-.pisell-pro-card_actions {
-  flex-shrink: 0;
-
-  &-item {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    flex: 1;
-  }
-}
-
-/* 角标区域 */
-.pisell-pro-card_corner {
-  position: absolute;
-  top: 12px;
-  right: 12px;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-/* 禁用状态下的角标 */
-.pisell-pro-card-disabled .pisell-pro-card_corner {
-  opacity: 0.5;
-}

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

@@ -1,114 +0,0 @@
-.pisell-pro-indicator {
-  display: inline-flex;
-  align-items: center;
-  vertical-align: middle;
-  cursor: pointer;
-  user-select: none;
-  font-size: 14px;
-  line-height: 1.5;
-  position: relative;
-
-  &-input {
-    position: absolute;
-    opacity: 0;
-    width: 0;
-    height: 0;
-    margin: 0;
-    padding: 0;
-    z-index: -1;
-    pointer-events: none;
-  }
-
-  &-inner {
-    position: relative;
-    box-sizing: border-box;
-    border: 1px solid #d0d5dd;
-    background-color: #ffffff;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    width: 24px;
-    height: 24px;
-
-    svg {
-      color: inherit;
-    }
-  }
-
-  &-content {
-    margin-left: 10px;
-    word-break: break-word;
-  }
-
-  &-single &-inner {
-    border-radius: 50%;
-    border-width: 1.2px;
-  }
-
-  &-multiple &-inner {
-    border-radius: 6px;
-    border-width: 1.4px;
-  }
-
-  &-single.pisell-pro-indicator-outlined.pisell-pro-indicator-checked &-inner {
-    border-color: #7f56d9;
-    background-color: #ffffff;
-  }
-
-  &-single.pisell-pro-indicator-outlined &-dot {
-    width: 45%;
-    height: 45%;
-    background-color: #7f56d9;
-    border-radius: 50%;
-  }
-
-  &-single.pisell-pro-indicator-filled.pisell-pro-indicator-checked &-inner {
-    border-color: #7f56d9;
-    background-color: #7f56d9;
-  }
-
-  &-single.pisell-pro-indicator-filled &-check-icon {
-    color: #ffffff;
-  }
-
-  &-multiple.pisell-pro-indicator-outlined.pisell-pro-indicator-checked &-inner {
-    border-color: #7f56d9;
-    background-color: #ffffff;
-  }
-
-  &-multiple.pisell-pro-indicator-outlined &-check-icon {
-    color: #7f56d9;
-  }
-
-  &-multiple.pisell-pro-indicator-filled.pisell-pro-indicator-checked &-inner {
-    border-color: #7f56d9;
-    background-color: #7f56d9;
-  }
-
-  &-multiple.pisell-pro-indicator-filled &-check-icon {
-    color: #ffffff;
-  }
-
-  &-check-icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &-disabled {
-    cursor: not-allowed;
-    color: #98a2b3;
-  }
-
-  &-disabled.pisell-pro-indicator-outlined &-inner {
-    border-color: #eaecf0 !important;
-    background-color: #f9fafb !important;
-    color: #98a2b3 !important;
-  }
-
-  &-disabled.pisell-pro-indicator-filled &-inner {
-    border-color: #eaecf0 !important;
-    background-color: #eaecf0 !important;
-  }
-}

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;