@pisell/private-materials 6.8.11 → 6.8.13

package/es/pro/Cards/components/SKUCard/index.less

@@ -0,0 +1,102 @@
+.pisell-pro-cards-sku-card {
+  display: flex;
+  padding: 8px;
+  align-items: center;
+  gap: 16px;
+  border-radius: 8px;
+  border: 1px solid #d0d5dd;
+  background: #ffffff;
+  cursor: pointer;
+  width: 100%;
+
+  &-with-image {
+    min-height: 80px;
+  }
+
+  &-no-image {
+    min-height: 56px;
+  }
+
+  &-active {
+    border: 1px solid #7f56d9;
+    background: #fcfaff;
+  }
+
+  &-disabled {
+    border: 1px solid #d0d5dd;
+    background: #f9fafb;
+    cursor: not-allowed;
+  }
+
+  &-content {
+    align-self: stretch;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: space-between;
+    flex: 1;
+  }
+
+  &-image-container {
+    position: relative;
+    width: 96px;
+    // 跟随右边 content 高度变动
+    align-self: stretch;
+    border-radius: 8px;
+    overflow: hidden;
+  }
+
+  &-image {
+    // 绝对定位填充容器，不会撑开容器高度
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  &-image-default {
+    // 绝对定位填充容器，不会撑开容器高度
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #98a2b3;
+    font-size: 18px;
+    font-weight: 400;
+    background: #d9d9d9;
+  }
+
+  &-title {
+    // 默认全部展示，可换行
+    color: #1b1b1b;
+    font-size: 14px;
+    font-weight: 600;
+    word-break: break-word;
+  }
+
+  &-subtitle {
+    // 默认展示两行
+    display: -webkit-box;
+    line-clamp: 2;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    color: #777777;
+    text-overflow: ellipsis;
+    font-size: 12px;
+    font-weight: 500;
+    word-break: break-word;
+  }
+
+  &-price {
+    color: #dc6803;
+    font-size: 14px;
+    font-weight: 600;
+  }
+}

package/es/pro/Cards/index.d.ts

@@ -0,0 +1 @@
+export { default as SKUCard } from './components/SKUCard';

package/es/pro/Cards/index.js

@@ -0,0 +1 @@
+export { default as SKUCard } from "./components/SKUCard";

package/es/pro/Login2.0/components/ForgotPasswordFlow.d.ts

@@ -1,11 +1,4 @@
-/**
- * 忘记密码流程组件
- * 包含三个步骤：
- * 1. 确认邮箱 (ConfirmEmail)
- * 2. 输入验证码 (CodeInput)
- * 3. 设置新密码 (SetPassword)
- */
-import React from 'react';
+/// <reference types="react" />
 import { PhoneValueObject } from './PhoneInput';
 export interface ForgotPasswordFlowProps {
     /** 初始账号（可选，如果用户在登录页已输入） */
@@ -34,5 +27,5 @@ export interface ForgotPasswordFlowProps {
         currency_code: string;
     }>;
 }
-declare function ForgotPasswordFlow({ initialEmail, accountType, onSendCode, onVerifyCode, onResetPassword, onSendResetLink, onBack, loading, countdown, countries, }: ForgotPasswordFlowProps): React.JSX.Element | null;
+declare function ForgotPasswordFlow({ initialEmail, accountType, onSendCode, onVerifyCode, onResetPassword, onSendResetLink, onBack, loading, countdown, countries, }: ForgotPasswordFlowProps): JSX.Element | null;
 export default ForgotPasswordFlow;

package/es/pro/Login2.0/components/LoginCodeInput.d.ts

@@ -1,8 +1,4 @@
-/**
- * 登录验证码输入组件
- * 复用 Register2 的 CodeInput 样式和逻辑
- */
-import React from 'react';
+/// <reference types="react" />
 export interface LoginCodeInputProps {
     /** 账号（邮箱或手机号） */
     account: string;
@@ -27,5 +23,5 @@ export interface LoginCodeInputProps {
     /** 当用户输入时清除错误的回调 */
     onClearError?: () => void;
 }
-declare function LoginCodeInput({ account, accountType, codeLength, onSubmit, onResend, onBack, countdown, loading, submitButtonText, error, onClearError, }: LoginCodeInputProps): React.JSX.Element;
+declare function LoginCodeInput({ account, accountType, codeLength, onSubmit, onResend, onBack, countdown, loading, submitButtonText, error, onClearError, }: LoginCodeInputProps): JSX.Element;
 export default LoginCodeInput;

package/es/pro/Login2.0/components/PhoneInput.d.ts

@@ -49,5 +49,5 @@ export interface PhoneInputProps {
  * 支持国际区号选择和手机号输入
  * 值格式：+区号+手机号，例如：+8613800138000 或 +15551234567
  */
-declare function PhoneInput({ value, onChange, placeholder, onKeyDown, size, disabled, className, countries, defaultCountry, valueFormat, }: PhoneInputProps): React.JSX.Element;
+declare function PhoneInput({ value, onChange, placeholder, onKeyDown, size, disabled, className, countries, defaultCountry, valueFormat, }: PhoneInputProps): JSX.Element;
 export default PhoneInput;

package/es/pro/Login2.0/steps/CodeInput.d.ts

@@ -1,8 +1,4 @@
-/**
- * 验证码输入页面（对应图3）
- * 支持邮箱和手机号两种账号类型
- */
-import React from 'react';
+/// <reference types="react" />
 import type { RegisterFlowData } from '../shared/registerFlow';
 export interface CodeInputProps {
     /** 流程数据 */
@@ -24,5 +20,5 @@ export interface CodeInputProps {
     /** 当用户输入时清除错误的回调 */
     onClearError?: () => void;
 }
-declare function CodeInput({ flowData, codeLength, onSubmit, onResend, onBack, countdown, loading, error, onClearError, }: CodeInputProps): React.JSX.Element;
+declare function CodeInput({ flowData, codeLength, onSubmit, onResend, onBack, countdown, loading, error, onClearError, }: CodeInputProps): JSX.Element;
 export default CodeInput;

package/es/pro/Login2.0/steps/EmailLinkAlreadyUsed.d.ts

@@ -1,10 +1,7 @@
-/**
- * 邮件链接已使用页面 - 对应图3
- */
-import React from 'react';
+/// <reference types="react" />
 export interface EmailLinkAlreadyUsedProps {
     /** 跳转到登录页回调 */
     onGoToLogin?: () => void;
 }
-declare function EmailLinkAlreadyUsed({ onGoToLogin }: EmailLinkAlreadyUsedProps): React.JSX.Element;
+declare function EmailLinkAlreadyUsed({ onGoToLogin }: EmailLinkAlreadyUsedProps): JSX.Element;
 export default EmailLinkAlreadyUsed;

package/es/pro/Login2.0/steps/EmailLinkExpired.d.ts

@@ -1,12 +1,9 @@
-/**
- * 邮件链接已过期页面 - 对应图2
- */
-import React from 'react';
+/// <reference types="react" />
 export interface EmailLinkExpiredProps {
     /** 返回注册页回调 */
     onBackToRegistration?: () => void;
     /** 跳转到登录页回调 */
     onGoToLogin?: () => void;
 }
-declare function EmailLinkExpired({ onBackToRegistration, onGoToLogin }: EmailLinkExpiredProps): React.JSX.Element;
+declare function EmailLinkExpired({ onBackToRegistration, onGoToLogin }: EmailLinkExpiredProps): JSX.Element;
 export default EmailLinkExpired;

package/es/pro/Login2.0/steps/SetPassword.d.ts

@@ -1,7 +1,4 @@
-/**
- * 设置密码页面（对应图5）
- */
-import React from 'react';
+/// <reference types="react" />
 import type { RegisterFlowData } from '../shared/registerFlow';
 import { PasswordRuleConfig } from '../hooks/usePasswordValidationRules';
 export interface SetPasswordProps {
@@ -18,5 +15,5 @@ export interface SetPasswordProps {
     /** 场景类型：create 表示注册场景，reset 表示修改密码场景 */
     scenario?: 'create' | 'reset';
 }
-declare function SetPassword({ flowData, onSubmit, onBack, loading, passwordRules, scenario, }: SetPasswordProps): React.JSX.Element;
+declare function SetPassword({ flowData, onSubmit, onBack, loading, passwordRules, scenario, }: SetPasswordProps): JSX.Element;
 export default SetPassword;

package/es/pro/{Selector/components/NumericStepper → NumericStepper}/index.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import * as React from 'react';
-import { useState, useCallback, useEffect } from 'react';
+import { useMemo, useState, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import "./index.less";
 
@@ -25,7 +25,7 @@ var NumericStepper = function NumericStepper(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     onChange = _ref.onChange,
     className = _ref.className,
-    style = _ref.style,
+    styles = _ref.styles,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'middle' : _ref$size,
     _ref$shape = _ref.shape,
@@ -80,19 +80,36 @@ var NumericStepper = function NumericStepper(_ref) {
   // 增加数值
   var handleIncrease = useCallback(function () {
     if (disabled) return;
+
+    // 如果当前值小于 min，直接增加到 min
+    if (currentValue < min) {
+      handleValueChange(min);
+      return;
+    }
     var newValue = currentValue + step;
     if (newValue <= max) {
       handleValueChange(newValue);
     }
-  }, [currentValue, step, max, disabled, handleValueChange]);
+  }, [currentValue, step, min, max, disabled, handleValueChange]);
 
-  // 直接输入处理 - 只更新显示值，不立即触发onChange
+  // 直接输入处理 - 如果值在有效范围内直接触发 onChange，否则只更新显示值
   var handleInputChange = useCallback(function (e) {
     var inputValue = e.target.value;
     setInputDisplayValue(inputValue);
-  }, []);
 
-  // 处理输入值的通用逻辑
+    // 检查输入值是否为有效数字且在范围内
+    var trimmedValue = inputValue.trim();
+    if (trimmedValue !== '') {
+      var numValue = parseFloat(trimmedValue);
+      if (!isNaN(numValue) && numValue >= min && numValue <= max) {
+        // 值在有效范围内，直接触发 onChange
+        handleValueChange(numValue);
+      }
+    }
+  }, [min, max, handleValueChange]);
+
+  // 处理输入值的通用逻辑（blur/enter 时调用）
+  // 只有当值不在有效范围内时才修正并触发 onChange
   var processInputValue = useCallback(function (inputValue) {
     var trimmedValue = inputValue.trim();
     if (trimmedValue === '') {
@@ -102,11 +119,17 @@ var NumericStepper = function NumericStepper(_ref) {
     }
     var numValue = parseFloat(trimmedValue);
     if (!isNaN(numValue)) {
-      // 确保值在有效范围内
-      var clampedValue = Math.max(min, Math.min(max, numValue));
-      handleValueChange(clampedValue);
-      // 立即更新显示值为修正后的值
-      setInputDisplayValue(clampedValue.toString());
+      // 检查值是否在有效范围内
+      if (numValue >= min && numValue <= max) {
+        // 值在有效范围内，已经在 handleInputChange 中触发过 onChange
+        // 只需要格式化显示值（比如去除前导零等）
+        setInputDisplayValue(numValue.toString());
+      } else {
+        // 值不在有效范围内，需要修正并触发 onChange
+        var clampedValue = Math.max(min, Math.min(max, numValue));
+        handleValueChange(clampedValue);
+        setInputDisplayValue(clampedValue.toString());
+      }
     } else {
       // 如果输入无效，恢复到当前值
       setInputDisplayValue(currentValue.toString());
@@ -122,29 +145,33 @@ var NumericStepper = function NumericStepper(_ref) {
   var handleInputKeyDown = useCallback(function (e) {
     if (e.key === 'Enter') {
       e.preventDefault();
-      processInputValue(e.currentTarget.value);
-      e.currentTarget.blur(); // 移除焦点
+      // 只调用 blur，由 handleInputBlur 统一处理，避免触发两次 onChange
+      e.currentTarget.blur();
     } else if (e.key === 'Escape') {
       e.preventDefault();
       setInputDisplayValue(currentValue.toString());
-      e.currentTarget.blur(); // 移除焦点
+      e.currentTarget.blur();
     }
-  }, [processInputValue, currentValue]);
+  }, [currentValue]);
 
   // 判断按钮是否应该禁用
   var isDecreaseDisabled = disabled || currentValue <= min;
   var isIncreaseDisabled = disabled || currentValue >= max;
+  var outOfRange = useMemo(function () {
+    return currentValue < min || currentValue > max;
+  }, [currentValue, min, max]);
   var stepperClasses = classNames('numeric-stepper', "numeric-stepper-".concat(size), "numeric-stepper-".concat(shape), {
     'numeric-stepper-disabled': disabled,
     'numeric-stepper-with-input': showInput,
-    'numeric-stepper-simple': currentValue === 0 || currentValue === undefined
+    'numeric-stepper-simple': currentValue === 0 || currentValue === undefined,
+    'numeric-stepper-out-of-range': outOfRange
   }, className);
 
   // 是否为简单模式（数字为0或undefined时只显示加号）
   var isSimpleMode = currentValue === 0 || currentValue === undefined;
   return /*#__PURE__*/React.createElement("div", {
     className: stepperClasses,
-    style: style,
+    style: styles === null || styles === void 0 ? void 0 : styles.container,
     onClick: function onClick(e) {
       return e.stopPropagation();
     }
@@ -167,7 +194,7 @@ var NumericStepper = function NumericStepper(_ref) {
     strokeLinecap: "round"
   }))), !isSimpleMode && (showInput ? /*#__PURE__*/React.createElement("input", {
     type: "text",
-    className: "numeric-stepper-input",
+    className: classNames('numeric-stepper-input'),
     value: inputDisplayValue,
     onChange: handleInputChange,
     onBlur: handleInputBlur,
@@ -175,7 +202,7 @@ var NumericStepper = function NumericStepper(_ref) {
     disabled: disabled,
     placeholder: currentValue.toString()
   }) : /*#__PURE__*/React.createElement("span", {
-    className: "numeric-stepper-display"
+    className: classNames('numeric-stepper-display')
   }, currentValue)), /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: classNames('numeric-stepper-button', 'numeric-stepper-plus', {

package/{lib/pro/Selector/components → es/pro}/NumericStepper/index.less

@@ -85,8 +85,6 @@
     max-width: 56px;
     padding: 0 4px;
     overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
 
     &::-webkit-outer-spin-button,
     &::-webkit-inner-spin-button {
@@ -119,8 +117,6 @@
     color: #101828;
     text-align: center;
     overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
   }
 
   // 尺寸变体
@@ -148,8 +144,6 @@
       padding: 0 2px;
       text-align: center;
       overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
     }
   }
 
@@ -177,8 +171,6 @@
       padding: 0 4px;
       text-align: center;
       overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
     }
   }
 
@@ -211,6 +203,13 @@
     }
   }
 
+  &-out-of-range {
+    .numeric-stepper-input,
+    .numeric-stepper-display {
+      color: #ff4d4f;
+    }
+  }
+
   // 禁用状态下的特殊样式
   &-disabled {
     .numeric-stepper-input,