@pisell/private-materials 3.4.58 → 3.4.60

package/lib/pro/pisellNumberSelector/index.less

@@ -0,0 +1,235 @@
+.pisell-number-selector-new {
+  width: 150px;
+  display: inline-flex;
+  align-items: center;
+  background: #fff!important;
+  border: 1px solid #d9d9d9;
+  border-radius: 24px;
+  padding: 0;
+  user-select: none;
+  gap: 0;
+  overflow: hidden;
+  align-self: flex-start;
+
+  &-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    outline: none;
+    padding: 0;
+    font-size: 20px;
+    font-weight: 600;
+    color: #666;
+
+    &:hover:not(:disabled) {
+      background: #e6f7ff;
+      color: #1890ff;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+      
+      &:hover {
+        background: transparent !important;
+        color: #666 !important;
+      }
+    }
+  }
+
+  &-minus {
+    border-radius: 24px 0 0 24px;
+  }
+
+  &-plus {
+    border-radius: 0 24px 24px 0;
+  }
+
+  &-number {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #fff;
+    font-weight: 600;
+    color: #000;
+    min-width: 48px;
+    height: 48px;
+    font-size: 16px;
+    text-align: center;
+    border: none;
+    outline: none;
+    font-family: inherit;
+
+    // 支持 virtual-keyboard-input
+    .virtual-keyboard-input-wrap {
+      border: none;
+      background: transparent;
+      width: 100%;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      
+      .virtual-keyboard-input {
+        background: transparent;
+        border: none;
+        padding: 0;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .virtual-keyboard-input-delete {
+        display: none; // 隐藏删除按钮
+      }
+    }
+
+    &-clickable {
+      cursor: pointer;
+      transition: all 0.2s ease;
+
+      &:hover {
+        color: #333;
+      }
+
+      &:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+
+        &:hover {
+          color: #000 !important;
+        }
+      }
+    }
+  }
+
+  // 不同尺寸
+  &-small {
+    padding: 2px;
+    border-radius: 18px;
+
+    .pisell-number-selector-btn {
+      width: 24px;
+      height: 24px;
+      background: #F9FAFB;
+    }
+
+    .pisell-number-selector-number {
+      padding: 0 8px;
+      font-size: 12px;
+      min-width: 28px;
+      height: 24px;
+    }
+  }
+
+  &-middle {
+    padding: 0;
+    border-radius: 24px;
+
+    .pisell-number-selector-btn {
+      width: 48px;
+      height: 48px;
+    }
+
+    .pisell-number-selector-number {
+      padding: 0;
+      font-size: 16px;
+      min-width: 48px;
+      height: 48px;
+    }
+  }
+
+  &-large {
+    padding: 6px;
+    border-radius: 28px;
+
+    .pisell-number-selector-btn {
+      width: 40px;
+      height: 40px;
+    }
+
+    .pisell-number-selector-number {
+      padding: 0 20px;
+      font-size: 18px;
+      min-width: 64px;
+      height: 40px;
+    }
+  }
+
+  // 禁用状态
+  &-disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+
+    .pisell-number-selector-number {
+      &-clickable {
+        cursor: not-allowed;
+
+        &:hover {
+          color: #000 !important;
+        }
+      }
+    }
+  }
+}
+
+// Popover 相关样式
+.pisell-number-selector-popover {
+  .ant-popover-inner {
+    border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  }
+
+  .virtual-keyboard-input-delete-icon {
+    font-size: 16px;
+    color: #000;
+  }
+}
+
+// 分离式样式
+.pisell-number-selector-separation {
+  background: transparent !important;
+  border: none;
+  
+  .pisell-number-selector-btn {
+    background: #7F56D9;
+    border: 1px solid #7F56D9;
+    border-radius: 50%; // 圆形按钮
+    color: #fff;
+    
+    &:hover:not(:disabled) {
+      background: #6A46C8; // 稍暗的紫色作为悬停状态
+      border-color: #6A46C8;
+      color: #fff;
+    }
+    
+    &:disabled {
+      background: #D1D5DB;
+      border-color: #D1D5DB;
+      color: #9CA3AF;
+      
+      &:hover {
+        background: #D1D5DB !important;
+        border-color: #D1D5DB !important;
+        color: #9CA3AF !important;
+      }
+    }
+  }
+  
+  .pisell-number-selector-minus,
+  .pisell-number-selector-plus {
+    border-radius: 50%; // 保持圆形
+  }
+  
+  .pisell-number-selector-number {
+    background: transparent;
+    border: none;
+    color: #000;
+  }
+}

package/lib/pro/pisellPaymentList/example.d.ts

@@ -4,17 +4,17 @@
  * 这个文件演示了如何使用 PisellPaymentList 和 PisellPaymentListItem 组件
  * 包括如何通过 Context 访问父组件配置
  */
-import React from 'react';
-export declare const BasicExample: () => React.JSX.Element;
-export declare const ChildrenExample: () => React.JSX.Element;
-export declare const CustomItemExample: () => React.JSX.Element;
-export declare const MethodConfigExample: () => React.JSX.Element;
-export declare const FullFeatureExample: () => React.JSX.Element;
+/// <reference types="react" />
+export declare const BasicExample: () => JSX.Element;
+export declare const ChildrenExample: () => JSX.Element;
+export declare const CustomItemExample: () => JSX.Element;
+export declare const MethodConfigExample: () => JSX.Element;
+export declare const FullFeatureExample: () => JSX.Element;
 declare const _default: {
-    BasicExample: () => React.JSX.Element;
-    ChildrenExample: () => React.JSX.Element;
-    CustomItemExample: () => React.JSX.Element;
-    MethodConfigExample: () => React.JSX.Element;
-    FullFeatureExample: () => React.JSX.Element;
+    BasicExample: () => JSX.Element;
+    ChildrenExample: () => JSX.Element;
+    CustomItemExample: () => JSX.Element;
+    MethodConfigExample: () => JSX.Element;
+    FullFeatureExample: () => JSX.Element;
 };
 export default _default;

package/lib/test/setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

package/lib/test/setup.js

@@ -0,0 +1,94 @@
+// src/test/setup.ts
+var import_vitest = require("@testing-library/jest-dom/vitest");
+var import_vitest2 = require("vitest");
+import_vitest2.vi.mock("antd", async () => {
+  const actual = await import_vitest2.vi.importActual("antd");
+  return {
+    ...actual,
+    message: {
+      success: import_vitest2.vi.fn(),
+      error: import_vitest2.vi.fn(),
+      warning: import_vitest2.vi.fn(),
+      info: import_vitest2.vi.fn()
+    }
+  };
+});
+import_vitest2.vi.mock("@pisell/utils", () => ({
+  locales: {
+    init: import_vitest2.vi.fn(),
+    getLocale: () => "zh-CN",
+    getText: (key, ...args) => {
+      const mockTexts = {
+        "pisell-login2-check-email-title": "请检查您的邮箱",
+        "pisell-login2-check-phone-title": "请检查您的手机",
+        "pisell-login2-check-email-desc": "我们已向您的邮箱发送了验证码",
+        "pisell-login2-check-phone-desc": "我们已向您的手机发送了验证码",
+        "pisell-login2-no-email-received": "没有收到邮件？",
+        "pisell-login2-no-message-received": "没有收到短信？",
+        "pisell-login2-login-button": "登录",
+        "pisell-login2-back": "返回",
+        "pisell-login2-resend": "重新发送",
+        // Selector 组件相关
+        "pisell2.pro.selector.mode.single": "单选",
+        "pisell2.pro.selector.mode.multiple": "多选",
+        "pisell2.pro.selector.validate.required-msg": "请选择",
+        "pisell2.pro.selector.validate.requireOneOf-msg": "该组必须选择指定集合之一",
+        "pisell2.pro.selector.required-tag": "必选",
+        "pisell2.pro.selector.validate.min-selection": (min) => `至少选择 ${min} 个选项`,
+        "pisell2.pro.selector.validate.max-selection": (max) => `最多选择 ${max} 个选项`,
+        "pisell2.pro.selector.tip.min-max-selection": (min, max) => {
+          const _minText = `至少选择 ${min} 个选项`;
+          const _maxText = `最多选择 ${max} 个选项`;
+          return `${_minText}, ${_maxText}`;
+        }
+      };
+      const text = mockTexts[key];
+      if (typeof text === "function") {
+        return text(...args);
+      }
+      return text || key;
+    }
+  }
+}));
+import_vitest2.vi.mock("../../hooks/useEngineContext", () => ({
+  default: () => ({
+    engine: {
+      get: import_vitest2.vi.fn(),
+      set: import_vitest2.vi.fn()
+    }
+  }),
+  usePisellOS: () => ({
+    engine: {
+      get: import_vitest2.vi.fn(),
+      set: import_vitest2.vi.fn()
+    }
+  })
+}));
+import_vitest2.vi.mock("@pisell/materials", () => ({
+  Iconfont: ({ name, ...props }) => {
+    const React = require("react");
+    return React.createElement("span", { "data-testid": `icon-${name}`, ...props });
+  }
+}));
+import_vitest2.vi.mock("*.less", () => ({}));
+import_vitest2.vi.mock("classnames", () => ({
+  default: (...args) => args.filter(Boolean).join(" ")
+}));
+global.ResizeObserver = import_vitest2.vi.fn().mockImplementation(() => ({
+  observe: import_vitest2.vi.fn(),
+  unobserve: import_vitest2.vi.fn(),
+  disconnect: import_vitest2.vi.fn()
+}));
+Object.defineProperty(window, "matchMedia", {
+  writable: true,
+  value: import_vitest2.vi.fn().mockImplementation((query) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: import_vitest2.vi.fn(),
+    removeListener: import_vitest2.vi.fn(),
+    addEventListener: import_vitest2.vi.fn(),
+    removeEventListener: import_vitest2.vi.fn(),
+    dispatchEvent: import_vitest2.vi.fn()
+  }))
+});

package/lowcode/kiosk-sku-detail/meta.ts

@@ -0,0 +1,264 @@
+
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const KioskSkuDetailMeta: ComponentMetadata = {
+  "componentName": "KioskSkuDetail",
+  "title": "KioskSkuDetail",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@pisell/private-materials",
+    "version": "3.4.58",
+    "exportName": "KioskSkuDetail",
+    "main": "src/index.ts",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "productId",
+            "zh-CN": "商品 id（可选：目"
+          },
+          "tip": "productId | 商品 id（可选：目前默认从 URL 读取，props 仅作为兜底以兼容老用法）"
+        },
+        "name": "productId",
+        "description": "商品 id（可选：目前默认从 URL 读取，props 仅作为兜底以兼容老用法）",
+        "setter": {
+          "componentName": "MixedSetter",
+          "props": {
+            "setters": [
+              {
+                "componentName": "ObjectSetter",
+                "props": {
+                  "config": {
+                    "extraSetter": {
+                      "componentName": "MixedSetter",
+                      "isRequired": false,
+                      "props": {}
+                    }
+                  }
+                },
+                "isRequired": false,
+                "initialValue": {}
+              },
+              {
+                "componentName": "StringSetter",
+                "isRequired": false,
+                "initialValue": ""
+              },
+              {
+                "componentName": "NumberSetter",
+                "isRequired": false,
+                "initialValue": 0
+              }
+            ]
+          }
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "scheduleDate",
+            "zh-CN": "可选：用于商品报价的"
+          },
+          "tip": "scheduleDate | 可选：用于商品报价的日期（预约类商品）"
+        },
+        "name": "scheduleDate",
+        "description": "可选：用于商品报价的日期（预约类商品）",
+        "setter": {
+          "componentName": "MixedSetter",
+          "props": {
+            "setters": [
+              {
+                "componentName": "ObjectSetter",
+                "props": {
+                  "config": {
+                    "extraSetter": {
+                      "componentName": "MixedSetter",
+                      "isRequired": false,
+                      "props": {}
+                    }
+                  }
+                },
+                "isRequired": false,
+                "initialValue": {}
+              },
+              {
+                "componentName": "StringSetter",
+                "isRequired": false,
+                "initialValue": ""
+              }
+            ]
+          }
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "className",
+            "zh-CN": "自定义类名"
+          },
+          "tip": "className | 自定义类名"
+        },
+        "name": "className",
+        "description": "自定义类名",
+        "setter": {
+          "componentName": "MixedSetter",
+          "props": {
+            "setters": [
+              {
+                "componentName": "ObjectSetter",
+                "props": {
+                  "config": {
+                    "extraSetter": {
+                      "componentName": "MixedSetter",
+                      "isRequired": false,
+                      "props": {}
+                    }
+                  }
+                },
+                "isRequired": false,
+                "initialValue": {}
+              },
+              {
+                "componentName": "StringSetter",
+                "isRequired": false,
+                "initialValue": ""
+              }
+            ]
+          }
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "style",
+            "zh-CN": "自定义样式"
+          },
+          "tip": "style | 自定义样式"
+        },
+        "name": "style",
+        "description": "自定义样式",
+        "setter": {
+          "componentName": "MixedSetter",
+          "props": {
+            "setters": [
+              {
+                "componentName": "ObjectSetter",
+                "props": {
+                  "config": {
+                    "extraSetter": {
+                      "componentName": "MixedSetter",
+                      "isRequired": false,
+                      "props": {}
+                    }
+                  }
+                },
+                "isRequired": false,
+                "initialValue": {}
+              }
+            ]
+          }
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "onBack",
+            "zh-CN": "返回"
+          },
+          "tip": "onBack | 返回"
+        },
+        "name": "onBack",
+        "description": "返回",
+        "setter": {
+          "componentName": "MixedSetter",
+          "props": {
+            "setters": [
+              {
+                "componentName": "ObjectSetter",
+                "props": {
+                  "config": {
+                    "extraSetter": {
+                      "componentName": "MixedSetter",
+                      "isRequired": false,
+                      "props": {}
+                    }
+                  }
+                },
+                "isRequired": false,
+                "initialValue": {}
+              },
+              {
+                "componentName": "FunctionSetter",
+                "isRequired": false
+              }
+            ]
+          }
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "onAddToCart",
+            "zh-CN": "加入购物车"
+          },
+          "tip": "onAddToCart | 加入购物车"
+        },
+        "name": "onAddToCart",
+        "description": "加入购物车",
+        "setter": {
+          "componentName": "MixedSetter",
+          "props": {
+            "setters": [
+              {
+                "componentName": "ObjectSetter",
+                "props": {
+                  "config": {
+                    "extraSetter": {
+                      "componentName": "MixedSetter",
+                      "isRequired": false,
+                      "props": {}
+                    }
+                  }
+                },
+                "isRequired": false,
+                "initialValue": {}
+              },
+              {
+                "componentName": "FunctionSetter"
+              }
+            ]
+          }
+        }
+      }
+    ],
+    "supports": {},
+    "component": {}
+  }
+};
+const snippets: Snippet[] = [
+  {
+    "title": "KioskSkuDetail",
+    "screenshot": "",
+    "schema": {
+      "componentName": "KioskSkuDetail",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...KioskSkuDetailMeta,
+  snippets
+};