@pisell/private-materials 6.7.1 → 6.7.3

package/lib/plus/webPosLogin/service.d.ts

@@ -0,0 +1,44 @@
+import { StoreItem } from './types';
+interface IGetDeviceListParams {
+    type: string;
+    with: string[];
+}
+/**
+ * 获取设备列表
+ * @param params 查询参数
+ * @returns Promise<{list: any[], count: number}> 设备列表和总数
+ */
+export declare const getDeviceList: (parmas: IGetDeviceListParams) => Promise<any[]>;
+/**
+ * 选择店铺
+ * @param shopId 店铺ID
+ * @returns Promise<any> 选择店铺结果
+ */
+export declare const selectShop: (shopId: string) => Promise<any>;
+/**
+ * 获取租户详情
+ * @param deviceId 设备ID
+ * @returns Promise<any> 租户详情
+ */
+export declare const getTenantDetail: () => Promise<any>;
+/**
+ * 获取租户列表
+ * @returns Promise<any> 租户列表
+ */
+export declare const getTenant: () => Promise<StoreItem[]>;
+/**
+ * 选择设备
+ * @param deviceNumber 设备编号
+ * @returns Promise<any> 设备详情
+ */
+export declare const selectDevice: (params: Record<string, any>) => Promise<any>;
+/**
+ * 解除设备绑定
+ * @param deviceNumber 设备编号
+ * @returns Promise<any> 解除设备绑定结果
+ */
+export declare const dissociateDevice: (params: {
+    number: string;
+    dissociateDeviceNumber: string;
+}) => Promise<any>;
+export {};

package/lib/plus/webPosLogin/service.js

@@ -0,0 +1,94 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/webPosLogin/service.ts
+var service_exports = {};
+__export(service_exports, {
+  dissociateDevice: () => dissociateDevice,
+  getDeviceList: () => getDeviceList,
+  getTenant: () => getTenant,
+  getTenantDetail: () => getTenantDetail,
+  selectDevice: () => selectDevice,
+  selectShop: () => selectShop
+});
+module.exports = __toCommonJS(service_exports);
+var import_utils = require("../../utils");
+var getDeviceList = async (parmas) => {
+  try {
+    const { data } = await import_utils.request.getRequest().get(
+      `/shop/device/select`,
+      parmas,
+      {
+        cache: {
+          mode: "remote_local",
+          type: "indexDB"
+        }
+      }
+    );
+    return data || [];
+  } catch (error) {
+    console.error(error);
+    return [];
+  }
+};
+var selectShop = async (shopId) => {
+  const { data } = await import_utils.request.getRequest().get(
+    `/shop/account/choose-shop/${shopId}`,
+    {},
+    {
+      cache: {
+        mode: "remote_local",
+        type: "indexDB"
+      }
+    }
+  );
+  return data;
+};
+var getTenantDetail = async () => {
+  const { data } = await import_utils.request.getRequest().get(`/tenant/core`, {}, {
+    prefix: false
+  });
+  return data;
+};
+var getTenant = async () => {
+  const { data } = await import_utils.request.getRequest().get(`/account/auth/tenant`, {}, {
+    prefix: false
+  });
+  return data;
+};
+var selectDevice = async (params) => {
+  const { deviceNumber, ...rest } = params;
+  const { data } = await import_utils.request.getRequest().post(`/shop/device/${deviceNumber}/allocate`, rest);
+  return data;
+};
+var dissociateDevice = async (params) => {
+  const { number, dissociateDeviceNumber } = params;
+  const { data } = await import_utils.request.getRequest().post(`/shop/device/${dissociateDeviceNumber}/deactivate`, {
+    number
+  });
+  return data;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  dissociateDevice,
+  getDeviceList,
+  getTenant,
+  getTenantDetail,
+  selectDevice,
+  selectShop
+});

package/lib/plus/webPosLogin/types.d.ts

@@ -0,0 +1,286 @@
+/**
+ * WebPosLogin 组件类型定义
+ * @description WebPOS 登录流程组件，包含登录、店铺选择、设备选择三个步骤
+ */
+/// <reference types="react" />
+/**
+ * 店铺数据结构
+ * @description 从租户列表接口返回的店铺信息
+ */
+export interface StoreItem {
+    /** 店铺ID */
+    id: number;
+    /** 租户ID */
+    tenant_id: number;
+    /** 账户ID */
+    account_id: number;
+    /** 类型 */
+    type: string;
+    /** 昵称 */
+    nickname: string;
+    /** 状态 */
+    status: string;
+    /** 创建时间 */
+    created_at?: string;
+    /** 更新时间 */
+    updated_at?: string;
+    /** 租户详情 */
+    tenant: {
+        /** 租户ID */
+        id: number;
+        /** 父租户ID */
+        tenant_id?: number;
+        /** 账户ID */
+        account_id?: number;
+        /** 类型 */
+        type?: string;
+        /** 名称（多语言） */
+        name: {
+            en?: string | null;
+            'zh-CN'?: string | null;
+            'zh-HK'?: string | null;
+            original: string;
+        };
+        /** Logo图片 */
+        logo?: string;
+        /** 图标 */
+        icon?: string;
+        /** Favicon */
+        favicon?: string;
+        /** 默认域名 */
+        default_domain: string;
+        /** 私有域名 */
+        private_domain?: string | null;
+        /** 货币代码 */
+        currency_code?: string | null;
+        /** 国家代码 */
+        country_code?: string | null;
+        /** 语言 */
+        locale?: string;
+        /** 时区 */
+        timezone?: string;
+        /** 状态 */
+        status?: string;
+    };
+}
+/**
+ * 设备客户端信息
+ * @description 设备绑定的客户端详情
+ */
+export interface DeviceClient {
+    /** 客户端ID */
+    id: number;
+    /** 店铺ID */
+    shop_id: number;
+    /** 设备ID */
+    device_id: number;
+    /** 客户端编号 */
+    number: string;
+    /** 客户端名称 */
+    name: string;
+    /** 客户端类型 */
+    type: string;
+    /** 设备型号 */
+    model?: string;
+    /** 系统版本 */
+    version?: string;
+    /** 设备详细数据 */
+    data?: {
+        battery?: {
+            is_charging?: boolean;
+            visible_percent?: string;
+        };
+        hardware?: {
+            country?: string;
+            datetime?: string;
+            language?: string;
+            timezone?: string;
+        };
+        application?: {
+            name?: string;
+            type?: string;
+            version?: string;
+            language?: string;
+            bundle_id?: string;
+        };
+        connectivity?: {
+            ip?: string;
+            type?: string;
+            wifi_details?: any[];
+        };
+    };
+    /** 最后刷新时间 */
+    refreshed_at?: string;
+    /** 创建时间 */
+    created_at?: string;
+    /** 更新时间 */
+    updated_at?: string;
+}
+/**
+ * 设备数据结构
+ * @description 从设备列表接口返回的设备信息
+ */
+export interface DeviceItem {
+    /** 设备ID */
+    id: number;
+    /** 店铺ID */
+    shop_id: number;
+    /** 设备类型 */
+    type: string;
+    /** 设备编号 */
+    number: string;
+    /** 设备名称 */
+    name: string;
+    /** 设备描述 */
+    description?: string;
+    /** 设备设置 */
+    setting?: any[];
+    /** 创建时间 */
+    created_at?: string;
+    /** 更新时间 */
+    updated_at?: string;
+    /** 绑定的客户端信息（null 表示未被使用） */
+    client?: DeviceClient | null;
+}
+/**
+ * 用户信息
+ * @description 当前登录用户的基本信息
+ */
+export interface UserInfo {
+    /** 用户名称 */
+    name: string;
+    /** 用户头像 */
+    avatar?: string;
+}
+/**
+ * 品牌区轮播项
+ * @description 左侧品牌区的轮播内容配置
+ */
+export interface CarouselItem {
+    /** 内容类型：图片或视频 */
+    type: 'image' | 'video';
+    /** 资源URL */
+    url: string;
+}
+/**
+ * 品牌区配置
+ * @description 左侧品牌展示区域的配置
+ */
+export interface BrandConfig {
+    /** 轮播内容列表（图片/视频） */
+    carouselItems?: CarouselItem[];
+    /** 默认Logo（当无轮播时显示） */
+    logo?: string;
+    /** 品牌标语 */
+    slogan?: string;
+}
+/**
+ * 登录流程步骤
+ */
+export declare type LoginStep = 'login' | 'store' | 'device';
+/**
+ * 支持的语言类型
+ */
+export declare type LocaleType = 'en' | 'zh-CN' | 'zh-HK';
+/**
+ * WebPosLogin 主组件 Props
+ * @description WebPOS 登录组件的所有配置项
+ */
+export interface WebPosLoginCptProps {
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 背景图片URL */
+    backgroundImage?: string;
+    /** 品牌区配置 */
+    brandConfig?: BrandConfig;
+    /** 当前步骤：login-登录 | store-店铺选择 | device-设备选择 */
+    step?: LoginStep;
+    /** 是否显示返回按钮（默认 true） */
+    showBackButton?: boolean;
+    /** 店铺列表数据 */
+    storeList?: StoreItem[];
+    /** 设备列表数据 */
+    deviceList?: DeviceItem[];
+    /** 当前用户信息 */
+    userInfo?: UserInfo;
+    /** 当前选中的店铺 */
+    selectedStore?: StoreItem;
+    /** 上次使用的店铺ID（用于显示 Last used 标签） */
+    lastUsedStoreId?: number;
+    /** 上次使用的设备ID（用于显示 Last used 标签） */
+    lastUsedDeviceId?: number;
+    /** 语言设置 */
+    locale?: LocaleType;
+    /** 加载状态 */
+    loading?: boolean;
+    /** 登录配置 */
+    loginConfig?: any;
+    /** 店铺选择回调 */
+    onStoreSelect?: (store: StoreItem) => void;
+    /** 设备选择回调 */
+    onDeviceSelect?: (device: DeviceItem) => void;
+    /** 切换账号回调 */
+    onChangeAccount?: () => void;
+    /** 切换店铺回调 */
+    onChangeStore?: () => void;
+    /** 返回上一步回调 */
+    onBack?: () => void;
+    /** 登录成功回调 */
+    onLoginSuccess?: (data: any) => void;
+}
+/**
+ * BrandPanel 品牌区组件 Props
+ */
+export interface BrandPanelProps {
+    /** 品牌配置 */
+    config?: BrandConfig;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * SelectStore 店铺选择组件 Props
+ */
+export interface SelectStoreProps {
+    /** 店铺列表 */
+    storeList?: StoreItem[];
+    /** 语言 */
+    locale?: LocaleType;
+    /** 加载状态 */
+    loading?: boolean;
+    /** 上次使用的店铺ID */
+    lastUsedStoreId?: number;
+    /** 选择店铺回调 */
+    onSelect?: (store: StoreItem) => void;
+}
+/**
+ * SelectDevice 设备选择组件 Props
+ */
+export interface SelectDeviceProps {
+    /** 设备列表 */
+    deviceList?: DeviceItem[];
+    /** 语言 */
+    locale?: LocaleType;
+    /** 加载状态 */
+    loading?: boolean;
+    /** 选择设备回调 */
+    onSelect?: (device: DeviceItem) => void;
+}
+/**
+ * UserFooter 底部用户信息组件 Props
+ */
+export interface UserFooterProps {
+    /** 用户信息 */
+    userInfo?: UserInfo;
+    /** 当前选中的店铺 */
+    selectedStore?: StoreItem;
+    /** 当前步骤 */
+    step?: LoginStep;
+    /** 语言 */
+    locale?: LocaleType;
+    /** 切换账号回调 */
+    onChangeAccount?: () => void;
+    /** 切换店铺回调 */
+    onChangeStore?: () => void;
+}

package/lib/plus/webPosLogin/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/webPosLogin/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/pro/Login2.0/Login2.js

@@ -1030,17 +1030,27 @@ var Login2 = ({
         ),
         showPasswordField && /* @__PURE__ */ import_react.default.createElement("div", { className: "login2-form-footer" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "remember_me", valuePropName: "checked", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_materials.Checkbox, { defaultChecked: rememberMe }, import_utils.locales.getText("pisell-login2-remember-me"))), /* @__PURE__ */ import_react.default.createElement("a", { className: "login2-link", onClick: handleForgotPasswordClick }, import_utils.locales.getText("pisell-login2-forgot-password"))),
         /* @__PURE__ */ import_react.default.createElement(
-          import_materials.Button,
+          import_antd.ConfigProvider,
           {
-            type: "primary",
-            size: "large",
-            block: true,
-            htmlType: "button",
-            loading,
-            onClick: handleFormSubmit,
-            className: "login2-submit-button"
+            theme: {
+              token: {
+                colorPrimary: (ui == null ? void 0 : ui.themeColor) || "#7F56D9"
+              }
+            }
           },
-          isPasswordStep ? import_utils.locales.getText("pisell-login2-login-button") : isEmail ? import_utils.locales.getText("pisell-login2-continue-with-email") : import_utils.locales.getText("pisell-login2-continue-with-phone")
+          /* @__PURE__ */ import_react.default.createElement(
+            import_materials.Button,
+            {
+              type: "primary",
+              size: "large",
+              block: true,
+              htmlType: "button",
+              loading,
+              onClick: handleFormSubmit,
+              className: "login2-submit-button"
+            },
+            isPasswordStep ? import_utils.locales.getText("pisell-login2-login-button") : isEmail ? import_utils.locales.getText("pisell-login2-continue-with-email") : import_utils.locales.getText("pisell-login2-continue-with-phone")
+          )
         ),
         showPasswordField && /* @__PURE__ */ import_react.default.createElement(
           import_materials.Button,

package/lib/pro/Login2.0/index.less

@@ -325,18 +325,6 @@
       font-weight: 600;
       color: #ffffff;
 
-      &:hover:not(:disabled) {
-        background: #6941c6;
-        border-color: #6941c6;
-      }
-
-      &:focus {
-        background: var(--theme-color, #7f56d9);
-        border-color: var(--theme-color, #7f56d9);
-        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),
-          0px 0px 0px 4px rgba(127, 86, 217, 0.1);
-      }
-
       &:disabled {
         background: #f2f4f7;
         border-color: #f2f4f7;

package/lowcode/web-pos-login/meta.ts

@@ -0,0 +1,71 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+import loginMeta from '../login2/meta';
+
+const BookingAddonsMeta: ComponentMetadata = {
+  componentName: 'WebPosLogin',
+  title: 'WebPosLogin',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/private-materials',
+    version: '1.1.558',
+    exportName: 'WebPosLogin',
+    main: 'src/index.ts',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    props: [
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'step | 登录流程步骤',
+            'zh-CN': 'step | 登录流程步骤',
+          },
+        },
+        name: 'step',
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: true,
+          props: {},
+        },
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'backgroundImage | 背景图片',
+            'zh-CN': 'backgroundImage | 背景图片',
+          },
+        },
+        name: 'backgroundImage',
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: true,
+          props: {},
+        },
+      },
+      ...loginMeta.configure?.props || [],
+    ],
+    supports: {},
+    component: {},
+  },
+};
+const snippets: Snippet[] = [
+  {
+    title: 'WebPosLogin',
+    screenshot: '',
+    schema: {
+      componentName: 'WebPosLogin',
+      props: {},
+    },
+  },
+];
+
+export default {
+  ...BookingAddonsMeta,
+  snippets,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.7.1",
+  "version": "6.7.3",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -61,10 +61,10 @@
     "styled-components": "^6.0.0-rc.3",
     "@react-spring/web": "^9.6.1",
     "@use-gesture/react": "^10.3.1",
-    "@pisell/utils": "3.0.2",
     "@pisell/icon": "0.0.11",
-    "@pisell/materials": "6.7.1",
-    "@pisell/date-picker": "3.0.7"
+    "@pisell/utils": "3.0.2",
+    "@pisell/date-picker": "3.0.7",
+    "@pisell/materials": "6.7.1"
   },
   "peerDependencies": {
     "react": "^18.0.0",