@pisell/private-materials 6.6.9 → 6.6.11

package/dist/lib/plus/saasRegister/types.js

@@ -1,42 +0,0 @@
-
-//#region src/plus/saasRegister/types.ts
-let SRStepStatus = /* @__PURE__ */ function(SRStepStatus$1) {
-	/** 邮箱已被注册 */
-	SRStepStatus$1["FAILED_EMAIL_REGISTERED"] = "failed_email_registered";
-	/** 链接过期 */
-	SRStepStatus$1["FAILED_LINK_EXPIRED"] = "failed_link_expired";
-	/** 链接无效 */
-	SRStepStatus$1["FAILED_LINK_INVALID"] = "failed_link_invalid";
-	/** 链接中邮箱已被注册 */
-	SRStepStatus$1["FAILED_LINK_EMAIL_REGISTERED"] = "failed_link_email_registered";
-	return SRStepStatus$1;
-}({});
-let SRStepKey = /* @__PURE__ */ function(SRStepKey$1) {
-	/** 输入邮箱 */
-	SRStepKey$1["ENTRY_EMAIL"] = "entry_email";
-	/** 邮箱等待验证 */
-	SRStepKey$1["WAIT_VERIFY_EMAIL"] = "wait_verify_email";
-	/** 邮箱验证中 */
-	SRStepKey$1["VERIFYING_EMAIL"] = "verifying_email";
-	/** 录入信息 */
-	SRStepKey$1["ENTRY_INFO"] = "entry_info";
-	/** 验证失败 */
-	SRStepKey$1["VERIFY_FAILED"] = "verify_failed";
-	return SRStepKey$1;
-}({});
-let SRVerifyCode = /* @__PURE__ */ function(SRVerifyCode$1) {
-	/** 成功 */
-	SRVerifyCode$1[SRVerifyCode$1["SUCCESS"] = 200] = "SUCCESS";
-	/** 链接已过期 */
-	SRVerifyCode$1[SRVerifyCode$1["LINK_EXPIRED"] = 601e3] = "LINK_EXPIRED";
-	/** 邮箱已被注册 */
-	SRVerifyCode$1[SRVerifyCode$1["EMAIL_REGISTERED"] = 601001] = "EMAIL_REGISTERED";
-	/** 链接无效 */
-	SRVerifyCode$1[SRVerifyCode$1["LINK_INVALID"] = 601002] = "LINK_INVALID";
-	return SRVerifyCode$1;
-}({});
-
-//#endregion
-exports.SRStepKey = SRStepKey;
-exports.SRStepStatus = SRStepStatus;
-exports.SRVerifyCode = SRVerifyCode;

package/dist/lib/pro/NumericStepper/index.js

@@ -1,166 +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/NumericStepper/index.tsx
-const NumericStepper = ({ value, defaultValue = 0, min = 0, max = Infinity, step = 1, disabled = false, onChange, className, styles, size = "middle", shape = "round", showInput = false, minusIcon, plusIcon }) => {
-	const [internalValue, setInternalValue] = (0, react.useState)(value !== void 0 ? value : defaultValue);
-	const [inputDisplayValue, setInputDisplayValue] = (0, react.useState)("");
-	const currentValue = value !== void 0 ? value : internalValue;
-	(0, react.useEffect)(() => {
-		if (value !== void 0) setInternalValue(value);
-	}, [value]);
-	(0, react.useEffect)(() => {
-		setInputDisplayValue(currentValue.toString());
-	}, [currentValue]);
-	const handleValueChange = (0, react.useCallback)((newValue) => {
-		const clampedValue = Math.max(min, Math.min(max, newValue));
-		if (value === void 0) setInternalValue(clampedValue);
-		onChange?.(clampedValue);
-	}, [
-		min,
-		max,
-		value,
-		onChange
-	]);
-	const handleDecrease = (0, react.useCallback)(() => {
-		if (disabled) return;
-		const newValue = currentValue - step;
-		if (newValue >= min) handleValueChange(newValue);
-	}, [
-		currentValue,
-		step,
-		min,
-		disabled,
-		handleValueChange
-	]);
-	const handleIncrease = (0, react.useCallback)(() => {
-		if (disabled) return;
-		if (currentValue < min) {
-			handleValueChange(min);
-			return;
-		}
-		const newValue = currentValue + step;
-		if (newValue <= max) handleValueChange(newValue);
-	}, [
-		currentValue,
-		step,
-		min,
-		max,
-		disabled,
-		handleValueChange
-	]);
-	const handleInputChange = (0, react.useCallback)((e) => {
-		const inputValue = e.target.value;
-		setInputDisplayValue(inputValue);
-		const trimmedValue = inputValue.trim();
-		if (trimmedValue !== "") {
-			const numValue = parseFloat(trimmedValue);
-			if (!isNaN(numValue) && numValue >= min && numValue <= max) handleValueChange(numValue);
-		}
-	}, [
-		min,
-		max,
-		handleValueChange
-	]);
-	const processInputValue = (0, react.useCallback)((inputValue) => {
-		const trimmedValue = inputValue.trim();
-		if (trimmedValue === "") {
-			setInputDisplayValue(currentValue.toString());
-			return;
-		}
-		const numValue = parseFloat(trimmedValue);
-		if (!isNaN(numValue)) if (numValue >= min && numValue <= max) setInputDisplayValue(numValue.toString());
-		else {
-			const clampedValue = Math.max(min, Math.min(max, numValue));
-			handleValueChange(clampedValue);
-			setInputDisplayValue(clampedValue.toString());
-		}
-		else setInputDisplayValue(currentValue.toString());
-	}, [
-		min,
-		max,
-		currentValue,
-		handleValueChange
-	]);
-	const handleInputBlur = (0, react.useCallback)((e) => {
-		processInputValue(e.target.value);
-	}, [processInputValue]);
-	const handleInputKeyDown = (0, react.useCallback)((e) => {
-		if (e.key === "Enter") {
-			e.preventDefault();
-			e.currentTarget.blur();
-		} else if (e.key === "Escape") {
-			e.preventDefault();
-			setInputDisplayValue(currentValue.toString());
-			e.currentTarget.blur();
-		}
-	}, [currentValue]);
-	const isDecreaseDisabled = disabled || currentValue <= min;
-	const isIncreaseDisabled = disabled || currentValue >= max;
-	const outOfRange = (0, react.useMemo)(() => {
-		return currentValue < min || currentValue > max;
-	}, [
-		currentValue,
-		min,
-		max
-	]);
-	const stepperClasses = (0, classnames.default)("numeric-stepper", `numeric-stepper-${size}`, `numeric-stepper-${shape}`, {
-		"numeric-stepper-disabled": disabled,
-		"numeric-stepper-with-input": showInput,
-		"numeric-stepper-simple": currentValue === 0 || currentValue === void 0,
-		"numeric-stepper-out-of-range": outOfRange
-	}, className);
-	const isSimpleMode = currentValue === 0 || currentValue === void 0;
-	return /* @__PURE__ */ react.createElement("div", {
-		className: stepperClasses,
-		style: styles?.container,
-		onClick: (e) => e.stopPropagation()
-	}, !isSimpleMode && /* @__PURE__ */ react.createElement("button", {
-		type: "button",
-		className: (0, classnames.default)("numeric-stepper-button", "numeric-stepper-minus", { "numeric-stepper-button-disabled": isDecreaseDisabled }),
-		disabled: isDecreaseDisabled,
-		onClick: handleDecrease
-	}, minusIcon || /* @__PURE__ */ react.createElement("svg", {
-		width: "16",
-		height: "16",
-		viewBox: "0 0 16 16",
-		fill: "none"
-	}, /* @__PURE__ */ react.createElement("path", {
-		d: "M3 8h10",
-		stroke: "currentColor",
-		strokeWidth: "1.5",
-		strokeLinecap: "round"
-	}))), !isSimpleMode && (showInput ? /* @__PURE__ */ react.createElement("input", {
-		type: "text",
-		className: (0, classnames.default)("numeric-stepper-input"),
-		value: inputDisplayValue,
-		onChange: handleInputChange,
-		onBlur: handleInputBlur,
-		onKeyDown: handleInputKeyDown,
-		disabled,
-		placeholder: currentValue.toString()
-	}) : /* @__PURE__ */ react.createElement("span", { className: (0, classnames.default)("numeric-stepper-display") }, currentValue)), /* @__PURE__ */ react.createElement("button", {
-		type: "button",
-		className: (0, classnames.default)("numeric-stepper-button", "numeric-stepper-plus", { "numeric-stepper-button-disabled": isIncreaseDisabled }),
-		disabled: isIncreaseDisabled,
-		onClick: handleIncrease
-	}, plusIcon || /* @__PURE__ */ react.createElement("svg", {
-		width: "16",
-		height: "16",
-		viewBox: "0 0 16 16",
-		fill: "none"
-	}, /* @__PURE__ */ react.createElement("path", {
-		d: "M8 3v10M3 8h10",
-		stroke: "currentColor",
-		strokeWidth: "1.5",
-		strokeLinecap: "round"
-	}))));
-};
-var NumericStepper_default = NumericStepper;
-
-//#endregion
-exports.default = NumericStepper_default;

package/dist/lib/pro/NumericStepper/index.less

@@ -1,220 +0,0 @@
-.numeric-stepper {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  transition: all 0.2s ease-in-out;
-
-  &-disabled {
-    cursor: not-allowed;
-  }
-
-  // 简单模式样式（只显示加号按钮）
-  &-simple {
-    gap: 0;
-  }
-
-  // 按钮样式
-  &-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 32px;
-    height: 32px;
-    border: none;
-    background-color: #7f56d9;
-    cursor: pointer;
-    color: #ffffff;
-    transition: all 0.2s ease-in-out;
-
-    &:hover {
-      background-color: #6b46c1;
-    }
-
-    &:active {
-      background-color: #553c9a;
-      transform: scale(0.95);
-    }
-
-    &:focus {
-      outline: none;
-      box-shadow: 0 0 0 2px rgba(127, 86, 217, 0.3);
-    }
-
-    &-disabled {
-      cursor: not-allowed;
-      background-color: #d0d5dd !important;
-
-      &:hover {
-        background-color: #d0d5dd !important;
-        transform: none;
-      }
-    }
-
-    svg {
-      width: 16px;
-      height: 16px;
-      stroke: currentColor;
-    }
-  }
-
-  // 按钮形状样式
-  &-round {
-    .numeric-stepper-button {
-      border-radius: 50%;
-    }
-  }
-
-  &-square {
-    .numeric-stepper-button {
-      border-radius: 12px;
-    }
-  }
-
-  // 输入框样式
-  &-input {
-    border: none;
-    outline: none;
-    text-align: center;
-    font-size: 16px;
-    font-weight: 600;
-    line-height: 1.5;
-    color: #101828;
-    background: transparent;
-    width: 30px;
-    height: 30px;
-    max-width: 56px;
-    padding: 0 4px;
-    overflow: hidden;
-
-    &::-webkit-outer-spin-button,
-    &::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-
-    &[type='number'] {
-      -moz-appearance: textfield;
-    }
-
-    &:disabled {
-      color: #9ca3af;
-      cursor: not-allowed;
-    }
-  }
-
-  // 显示区域样式（当不显示输入框时）
-  &-display {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 30px;
-    height: 30px;
-    max-width: 56px;
-    padding: 0 4px;
-    font-size: 16px;
-    font-weight: 600;
-    line-height: 1.5;
-    color: #101828;
-    text-align: center;
-    overflow: hidden;
-  }
-
-  // 尺寸变体
-  &-small {
-    gap: 8px;
-
-    .numeric-stepper-button {
-      width: 24px;
-      height: 24px;
-
-      svg {
-        width: 12px;
-        height: 12px;
-      }
-    }
-
-    .numeric-stepper-input,
-    .numeric-stepper-display {
-      width: 24px;
-      height: 24px;
-      max-width: 40px;
-      font-size: 14px;
-      font-weight: 600;
-      color: #101828;
-      padding: 0 2px;
-      text-align: center;
-      overflow: hidden;
-    }
-  }
-
-  &-middle {
-    gap: 8px;
-
-    .numeric-stepper-button {
-      width: 32px;
-      height: 32px;
-
-      svg {
-        width: 16px;
-        height: 16px;
-      }
-    }
-
-    .numeric-stepper-input,
-    .numeric-stepper-display {
-      width: 30px;
-      height: 30px;
-      max-width: 56px;
-      font-size: 16px;
-      font-weight: 600;
-      color: #101828;
-      padding: 0 4px;
-      text-align: center;
-      overflow: hidden;
-    }
-  }
-
-  &-large {
-    gap: 10px;
-
-    .numeric-stepper-button {
-      width: 40px;
-      height: 40px;
-
-      svg {
-        width: 20px;
-        height: 20px;
-      }
-    }
-
-    .numeric-stepper-input,
-    .numeric-stepper-display {
-      width: 36px;
-      height: 36px;
-      max-width: 64px;
-      font-size: 18px;
-      font-weight: 600;
-      color: #101828;
-      padding: 0 6px;
-      text-align: center;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-
-  &-out-of-range {
-    .numeric-stepper-input,
-    .numeric-stepper-display {
-      color: #ff4d4f;
-    }
-  }
-
-  // 禁用状态下的特殊样式
-  &-disabled {
-    .numeric-stepper-input,
-    .numeric-stepper-display {
-      color: #9ca3af;
-    }
-  }
-}

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

@@ -1,17 +0,0 @@
-import { OptionItem } from "./types.js";
-import React from "react";
-
-//#region src/pro/Selector/Item.d.ts
-interface IItemProps {
-  actions: any;
-  dataSource: OptionItem;
-  indicator: React.ReactNode;
-  numberSelector: React.ReactNode;
-  optionItemValue?: any;
-  quantityInfo: any;
-  values: any;
-  children?: React.ReactNode;
-}
-declare const Item: (props: IItemProps) => JSX.Element;
-//#endregion
-export { Item };

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

@@ -1,56 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
-const require_index = require('./components/Card/index.js');
-const require_index$1 = require('./components/Media/index.js');
-const require_usePresetItemProps = require('./hooks/usePresetItemProps.js');
-const require_Selector = require('./Selector.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/pro/Selector/Item.tsx
-const Item = (props) => {
-	const { actions, dataSource, indicator, numberSelector, optionItemValue, quantityInfo, values, children } = props;
-	const { disabled, mode, variant, itemProps, preset, itemLayout } = (0, react.useContext)(require_Selector.SelectorContext);
-	const { mediaProps, cardProps } = require_usePresetItemProps.default({
-		variant,
-		itemLayout,
-		preset,
-		itemProps,
-		indicator,
-		numberSelector,
-		mode,
-		disabled: disabled || dataSource.disabled,
-		selected: dataSource.selected
-	});
-	const handleClick = () => {
-		if (disabled || dataSource.disabled) return;
-		if (mode === "multiple") actions.toggle(dataSource._key);
-		else actions.update(dataSource._key, { quantity: 1 });
-	};
-	if (variant === "media") return /* @__PURE__ */ react.default.createElement(require_index$1.default, {
-		...mediaProps,
-		cover: dataSource.cover,
-		label: dataSource._label,
-		extra: numberSelector,
-		indicator,
-		selected: dataSource.selected,
-		disabled: disabled || dataSource.disabled,
-		onClick: handleClick
-	});
-	const renderChildren = () => {
-		if (typeof cardProps?.renderContent === "function") return cardProps?.renderContent?.({ dataSource });
-		if ("design" === props.__designMode) {
-			if (children == null || Array.isArray(children) && !children.length) return /* @__PURE__ */ react.default.createElement("div", { className: "lc-container-placeholder" }, "拖拽组件或模板到这里");
-		}
-		return children ? children : /* @__PURE__ */ react.default.createElement("span", null, dataSource._label);
-	};
-	return /* @__PURE__ */ react.default.createElement(require_index.default, {
-		...cardProps,
-		selected: dataSource.selected,
-		disabled: disabled || dataSource.disabled,
-		onClick: handleClick
-	}, renderChildren());
-};
-var Item_default = Item;
-
-//#endregion
-exports.default = Item_default;

package/dist/lib/pro/Selector/STORYBOOK.md

@@ -1,203 +0,0 @@
-# Storybook 测试指南 - Selector 组件
-
-## 快速开始
-
-### 1. 启动 Storybook
-
-在 `packages/private-materials` 目录下运行：
-
-```bash
-pnpm storybook
-```
-
-或者
-
-```bash
-npm run storybook
-```
-
-Storybook 将在 `http://localhost:6006` 启动。
-
-### 2. 查看 Selector 组件
-
-在 Storybook 左侧菜单中找到：
-- **Pro Components** > **Selector**
-
-## Stories 说明
-
-### 基础功能
-
-- **Default**: 默认单选模式 - 原始值类型
-- **Multiple**: 多选模式 - 原始值数组
-- **SingleWithQuantity**: 单选 + 数量 - 对象值类型
-- **MultipleWithQuantity**: 多选 + 数量 - 卡片样式
-
-### 布局
-
-- **GridLayout2Columns**: 网格布局 - 2列
-- **GridLayout3Columns**: 网格布局 - 3列
-
-### 校验
-
-- **WithValidation**: 校验规则 - 必选、最小/最大数量
-  - 支持必选（required）
-  - 支持最小/最大选择数量（min/max）
-  - 支持手动校验和获取错误信息
-
-### 互斥组
-
-- **MutexGroups**: 互斥组示例
-  - 选项1、2、3属于互斥组1，只能选一个
-  - 选项4、5、6属于互斥组2，只能选一个
-
-### 状态
-
-- **Disabled**: 禁用状态
-  - 支持单个选项禁用
-  - 支持整个组件禁用
-
-### 样式变体
-
-- **SelectVariant**: Select 变体 - 下拉选择（单选）
-- **SelectVariantMultiple**: Select 变体 - 多选下拉
-- **CardVariants**: 卡片样式变体 - 不同选中态
-  - 默认选中态（default）
-  - 填充选中态（filled）
-  - 角标选中态（cornered）
-
-### 自定义
-
-- **CustomIcon**: 自定义选中图标
-- **CustomRender**: 自定义渲染内容
-
-### 分组组件
-
-- **SelectorGroupBasic**: SelectorGroup 基础示例
-  - 多个选择器组
-  - 每个组独立配置
-  - 标签页导航
-
-- **SelectorGroupWithLinkage**: SelectorGroup 联动规则示例
-  - 选择主菜后显示对应的定制选项
-  - 汉堡 → 显示"汉堡定制"分组
-  - 披萨 → 显示"披萨定制"分组
-
-## 交互测试
-
-在 Storybook 中，你可以：
-
-1. **手动测试交互**
-   - 点击选择器项
-   - 调整数量
-   - 验证校验规则
-   - 测试互斥组行为
-
-2. **查看状态变化**
-   - 在控制台查看 `onChange` 回调的输出
-   - 查看组件值的 JSON 展示
-
-3. **测试不同配置**
-   - 使用 Storybook 的 Controls 面板调整 props
-   - 切换不同的 mode、valueType、variant 等
-
-4. **调试样式**
-   - 使用浏览器开发者工具检查样式
-   - 测试不同屏幕尺寸
-
-## 控件面板
-
-Storybook 提供了交互式控件面板，你可以调整：
-
-- **mode**: 选择模式（single/multiple）
-- **valueType**: 值类型（primitive/object）
-- **variant**: 样式变体（default/card/select）
-- **disabled**: 是否禁用
-
-## 快捷键
-
-在 Storybook 界面中：
-
-- `A` - 切换到画布视图
-- `D` - 切换到文档视图
-- `S` - 搜索
-- `?` - 查看所有快捷键
-
-## 测试用例映射
-
-每个 Story 对应测试计划中的测试用例：
-
-| Story | 对应测试用例 |
-|-------|-------------|
-| Default | TC-B-001: 基础单选功能 |
-| Multiple | TC-B-002: 基础多选功能 |
-| SingleWithQuantity | TC-B-003: 单选 + 数量 |
-| MultipleWithQuantity | TC-B-004: 多选 + 数量 |
-| GridLayout2Columns | TC-L-001: 网格布局 2列 |
-| GridLayout3Columns | TC-L-002: 网格布局 3列 |
-| WithValidation | TC-V-001 ~ TC-V-005 |
-| MutexGroups | TC-R-001: 互斥组功能 |
-| Disabled | TC-U-001 ~ TC-U-003 |
-| SelectVariant | TC-A-001: Select 变体 |
-| CardVariants | TC-A-002: 卡片样式变体 |
-| SelectorGroupBasic | TC-G-001: 基础分组 |
-| SelectorGroupWithLinkage | TC-G-002: 联动规则 |
-
-## 注意事项
-
-1. **Storybook 主要用于视觉测试和交互验证**
-   - 不是单元测试的替代品
-   - 需要配合 Vitest 进行自动化测试
-
-2. **数据持久化**
-   - Storybook 中的状态不会持久化
-   - 刷新页面会重置状态
-
-3. **浏览器兼容性**
-   - 在不同浏览器中测试以确保兼容性
-   - 检查响应式布局
-
-4. **性能测试**
-   - 在大量选项的情况下测试性能
-   - 检查渲染时间和交互响应
-
-## 扩展 Stories
-
-要添加新的 Story，在 `Selector.stories.tsx` 中添加：
-
-```typescript
-export const MyNewStory: Story = {
-  args: {
-    // 配置...
-  },
-  render: (args: any) => {
-    // 渲染逻辑...
-  },
-};
-```
-
-## 故障排除
-
-### Storybook 无法启动
-
-1. 检查依赖是否安装：`pnpm install`
-2. 检查端口 6006 是否被占用
-3. 清除缓存：删除 `.storybook` 相关缓存文件
-
-### 组件不显示
-
-1. 检查导入路径是否正确
-2. 检查样式文件是否正确加载
-3. 查看浏览器控制台错误信息
-
-### 类型错误
-
-1. 确保 `@storybook/react` 版本兼容
-2. 检查 TypeScript 配置
-3. 查看 Storybook 配置文件
-
-## 参考文档
-
-- [Storybook 官方文档](https://storybook.js.org/)
-- [Selector 组件开发文档](./docs/selector.$tab-dev.md)
-- [Selector 组件测试计划](./TEST_PLAN.md)
-