@pisell/private-materials 6.6.2 → 6.7.2

package/lib/plus/webPosLogin/components/UserFooter/index.js

@@ -0,0 +1,91 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/webPosLogin/components/UserFooter/index.tsx
+var UserFooter_exports = {};
+__export(UserFooter_exports, {
+  default: () => UserFooter_default
+});
+module.exports = __toCommonJS(UserFooter_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_index = require("./index.less");
+var DEFAULT_USER_AVATAR = "https://pisell2-dev.s3.cn-north-1.amazonaws.com.cn/static/default-avatar.png";
+var DEFAULT_STORE_ICON = "https://pisell2-dev.s3.cn-north-1.amazonaws.com.cn/static/default-store-icon.png";
+var getStoreName = (store, locale = "en") => {
+  var _a;
+  if (!store) return "";
+  const name = (_a = store == null ? void 0 : store.tenant) == null ? void 0 : _a.name;
+  if (!name) return "";
+  return name[locale] || name.original || "";
+};
+var UserFooter = (0, import_react.memo)((props) => {
+  var _a;
+  const {
+    userInfo,
+    selectedStore,
+    step = "store",
+    locale = "en",
+    onChangeAccount,
+    onChangeStore,
+    isShowChangeStore = false
+  } = props;
+  const userAvatar = (userInfo == null ? void 0 : userInfo.avatar) || DEFAULT_USER_AVATAR;
+  const userName = (userInfo == null ? void 0 : userInfo.name) || "";
+  const storeIcon = ((_a = selectedStore == null ? void 0 : selectedStore.tenant) == null ? void 0 : _a.logo) || DEFAULT_STORE_ICON;
+  const storeName = (0, import_react.useMemo)(
+    () => getStoreName(selectedStore, locale),
+    [selectedStore, locale]
+  );
+  const showStoreInfo = step === "device" && selectedStore && isShowChangeStore;
+  if (!userInfo) return null;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "user-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "user-footer__user" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "user-footer__avatar" }, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Image,
+    {
+      src: userAvatar,
+      alt: userName,
+      preview: false,
+      width: 44,
+      height: 44,
+      fallbackType: "avatar"
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "user-footer__info" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "user-footer__name" }, userName), /* @__PURE__ */ import_react.default.createElement("a", { className: "user-footer__action", onClick: onChangeAccount }, import_utils.locales.getText("webpos-login-change-account")))), showStoreInfo && /* @__PURE__ */ import_react.default.createElement("div", { className: "user-footer__store" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "user-footer__avatar" }, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Image,
+    {
+      src: storeIcon,
+      alt: storeName,
+      preview: false,
+      width: 44,
+      height: 44,
+      fallbackType: "avatar"
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "user-footer__info" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "user-footer__name", title: storeName }, storeName), /* @__PURE__ */ import_react.default.createElement("a", { className: "user-footer__action", onClick: onChangeStore }, import_utils.locales.getText("webpos-login-change-store")))));
+});
+UserFooter.displayName = "UserFooter";
+var UserFooter_default = UserFooter;

package/lib/plus/webPosLogin/components/UserFooter/index.less

@@ -0,0 +1,70 @@
+/**
+ * UserFooter 底部用户信息组件样式
+ */
+.user-footer {
+  display: flex;
+  align-items: center;
+  gap: 32px;
+  padding: 16px 0;
+
+  /* 用户/店铺信息块 */
+  &__user,
+  &__store {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    min-width: 0;
+    flex: 1;
+    max-width: 50%;
+  }
+
+  /* 头像 */
+  &__avatar {
+    flex-shrink: 0;
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    overflow: hidden;
+    background: #f5f5f5;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
+  /* 信息区域 */
+  &__info {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    min-width: 0;
+    flex: 1;
+  }
+
+  /* 名称 */
+  &__name {
+    font-size: 14px;
+    font-weight: 500;
+    color: #1a1a1a;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  /* 操作链接 */
+  &__action {
+    font-size: 13px;
+    font-weight: 400;
+    color: #F04A28;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    white-space: nowrap;
+
+    &:hover {
+      color: #d63d1f;
+      text-decoration: underline;
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+/**
+ * WebPosLogin 组件导出
+ * @description WebPOS 登录流程组件
+ */
+export { default } from './WebPosLogin';
+export { default as WebPosLogin } from './WebPosLogin';
+export { default as BrandPanel } from './components/BrandPanel';
+export { default as LoginPanel } from './components/LoginPanel';
+export { default as SelectStore } from './components/SelectStore';
+export { default as SelectDevice } from './components/SelectDevice';
+export { default as UserFooter } from './components/UserFooter';
+export type { WebPosLoginCptProps, StoreItem, DeviceItem, DeviceClient, UserInfo, BrandConfig, CarouselItem, LoginStep, LocaleType, BrandPanelProps, SelectStoreProps, SelectDeviceProps, UserFooterProps, } from './types';

package/lib/plus/webPosLogin/index.js

@@ -0,0 +1,56 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/webPosLogin/index.tsx
+var webPosLogin_exports = {};
+__export(webPosLogin_exports, {
+  BrandPanel: () => import_BrandPanel.default,
+  LoginPanel: () => import_LoginPanel.default,
+  SelectDevice: () => import_SelectDevice.default,
+  SelectStore: () => import_SelectStore.default,
+  UserFooter: () => import_UserFooter.default,
+  WebPosLogin: () => import_WebPosLogin2.default,
+  default: () => import_WebPosLogin.default
+});
+module.exports = __toCommonJS(webPosLogin_exports);
+var import_WebPosLogin = __toESM(require("./WebPosLogin"));
+var import_WebPosLogin2 = __toESM(require("./WebPosLogin"));
+var import_BrandPanel = __toESM(require("./components/BrandPanel"));
+var import_LoginPanel = __toESM(require("./components/LoginPanel"));
+var import_SelectStore = __toESM(require("./components/SelectStore"));
+var import_SelectDevice = __toESM(require("./components/SelectDevice"));
+var import_UserFooter = __toESM(require("./components/UserFooter"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BrandPanel,
+  LoginPanel,
+  SelectDevice,
+  SelectStore,
+  UserFooter,
+  WebPosLogin
+});

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

@@ -0,0 +1,49 @@
+/**
+ * WebPosLogin 组件国际化文本
+ * @description 支持 en、zh-CN、zh-HK 三种语言
+ */
+declare const _default: {
+    en: {
+        'webpos-login-search': string;
+        'webpos-login-back': string;
+        'webpos-login-last-used': string;
+        'webpos-login-select-store-title': string;
+        'webpos-login-select-store-empty': string;
+        'webpos-login-change-account': string;
+        'webpos-login-store-data-missing': string;
+        'webpos-login-select-device-title': string;
+        'webpos-login-select-device-empty': string;
+        'webpos-login-change-store': string;
+        'webpos-login-device-not-in-use': string;
+        'webpos-login-device-currently-used-by': string;
+    };
+    'zh-CN': {
+        'webpos-login-search': string;
+        'webpos-login-back': string;
+        'webpos-login-last-used': string;
+        'webpos-login-select-store-title': string;
+        'webpos-login-select-store-empty': string;
+        'webpos-login-change-account': string;
+        'webpos-login-store-data-missing': string;
+        'webpos-login-select-device-title': string;
+        'webpos-login-select-device-empty': string;
+        'webpos-login-change-store': string;
+        'webpos-login-device-not-in-use': string;
+        'webpos-login-device-currently-used-by': string;
+    };
+    'zh-HK': {
+        'webpos-login-search': string;
+        'webpos-login-back': string;
+        'webpos-login-last-used': string;
+        'webpos-login-select-store-title': string;
+        'webpos-login-select-store-empty': string;
+        'webpos-login-change-account': string;
+        'webpos-login-store-data-missing': string;
+        'webpos-login-select-device-title': string;
+        'webpos-login-select-device-empty': string;
+        'webpos-login-change-store': string;
+        'webpos-login-device-not-in-use': string;
+        'webpos-login-device-currently-used-by': string;
+    };
+};
+export default _default;

package/lib/plus/webPosLogin/locales.js

@@ -0,0 +1,77 @@
+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/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    /* ========== 通用 ========== */
+    "webpos-login-search": "Search",
+    "webpos-login-back": "Back",
+    "webpos-login-last-used": "Last used",
+    /* ========== 店铺选择 ========== */
+    "webpos-login-select-store-title": "Please Select Your Store",
+    "webpos-login-select-store-empty": "No stores found",
+    "webpos-login-change-account": "Change Account",
+    "webpos-login-store-data-missing": "Store data not available. Please contact support for assistance.",
+    /* ========== 设备选择 ========== */
+    "webpos-login-select-device-title": "Please Select Your Device",
+    "webpos-login-select-device-empty": "No devices found",
+    "webpos-login-change-store": "Change Store",
+    "webpos-login-device-not-in-use": "not in use",
+    "webpos-login-device-currently-used-by": "Currently used by"
+  },
+  "zh-CN": {
+    /* ========== 通用 ========== */
+    "webpos-login-search": "搜索",
+    "webpos-login-back": "返回",
+    "webpos-login-last-used": "上次使用",
+    /* ========== 店铺选择 ========== */
+    "webpos-login-select-store-title": "请选择您的店铺",
+    "webpos-login-select-store-empty": "暂无店铺",
+    "webpos-login-change-account": "切换账号",
+    "webpos-login-store-data-missing": "店铺数据缺失，请联系客服处理。",
+    /* ========== 设备选择 ========== */
+    "webpos-login-select-device-title": "请选择您的设备",
+    "webpos-login-select-device-empty": "暂无设备",
+    "webpos-login-change-store": "切换店铺",
+    "webpos-login-device-not-in-use": "未使用",
+    "webpos-login-device-currently-used-by": "正在被使用"
+  },
+  "zh-HK": {
+    /* ========== 通用 ========== */
+    "webpos-login-search": "搜尋",
+    "webpos-login-back": "返回",
+    "webpos-login-last-used": "上次使用",
+    /* ========== 店铺选择 ========== */
+    "webpos-login-select-store-title": "請選擇您的店鋪",
+    "webpos-login-select-store-empty": "暫無店鋪",
+    "webpos-login-change-account": "切換賬號",
+    "webpos-login-store-data-missing": "店铺数据缺失，请联系客服处理。",
+    /* ========== 设备选择 ========== */
+    "webpos-login-select-device-title": "請選擇您的設備",
+    "webpos-login-select-device-empty": "暫無設備",
+    "webpos-login-change-store": "切換店鋪",
+    "webpos-login-device-not-in-use": "未使用",
+    "webpos-login-device-currently-used-by": "正在被使用"
+  }
+};

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
+});