@pisell/private-materials 6.7.1 → 6.7.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/build/lowcode/assets-daily.json +11 -11
  2. package/build/lowcode/assets-dev.json +2 -2
  3. package/build/lowcode/assets-prod.json +11 -11
  4. package/build/lowcode/index.js +1 -1
  5. package/build/lowcode/meta.js +2 -2
  6. package/build/lowcode/preview.js +7 -7
  7. package/build/lowcode/render/default/view.css +1 -1
  8. package/build/lowcode/render/default/view.js +2 -2
  9. package/build/lowcode/view.css +1 -1
  10. package/build/lowcode/view.js +2 -2
  11. package/es/index.d.ts +1 -0
  12. package/es/index.js +2 -1
  13. package/es/plus/webPosLogin/WebPosLogin.d.ts +11 -0
  14. package/es/plus/webPosLogin/WebPosLogin.js +551 -0
  15. package/es/plus/webPosLogin/WebPosLoginCpt.d.ts +9 -0
  16. package/es/plus/webPosLogin/WebPosLoginCpt.js +170 -0
  17. package/es/plus/webPosLogin/WebPosLoginCpt.less +170 -0
  18. package/es/plus/webPosLogin/components/BrandPanel/index.d.ts +9 -0
  19. package/es/plus/webPosLogin/components/BrandPanel/index.js +52 -0
  20. package/es/plus/webPosLogin/components/BrandPanel/index.less +58 -0
  21. package/es/plus/webPosLogin/components/LoginPanel/index.d.ts +21 -0
  22. package/es/plus/webPosLogin/components/LoginPanel/index.js +73 -0
  23. package/es/plus/webPosLogin/components/LoginPanel/index.less +43 -0
  24. package/es/plus/webPosLogin/components/SelectDevice/index.d.ts +28 -0
  25. package/es/plus/webPosLogin/components/SelectDevice/index.js +258 -0
  26. package/es/plus/webPosLogin/components/SelectDevice/index.less +167 -0
  27. package/es/plus/webPosLogin/components/SelectStore/index.d.ts +24 -0
  28. package/es/plus/webPosLogin/components/SelectStore/index.js +198 -0
  29. package/es/plus/webPosLogin/components/SelectStore/index.less +157 -0
  30. package/es/plus/webPosLogin/components/UserFooter/index.d.ts +28 -0
  31. package/es/plus/webPosLogin/components/UserFooter/index.js +110 -0
  32. package/es/plus/webPosLogin/components/UserFooter/index.less +70 -0
  33. package/es/plus/webPosLogin/index.d.ts +12 -0
  34. package/es/plus/webPosLogin/index.js +15 -0
  35. package/es/plus/webPosLogin/locales.d.ts +49 -0
  36. package/es/plus/webPosLogin/locales.js +57 -0
  37. package/es/plus/webPosLogin/service.d.ts +44 -0
  38. package/es/plus/webPosLogin/service.js +198 -0
  39. package/es/plus/webPosLogin/types.d.ts +286 -0
  40. package/es/plus/webPosLogin/types.js +1 -0
  41. package/es/pro/Login2.0/Login2.js +9 -3
  42. package/es/pro/Login2.0/index.less +0 -12
  43. package/lib/index.d.ts +1 -0
  44. package/lib/index.js +3 -0
  45. package/lib/plus/webPosLogin/WebPosLogin.d.ts +11 -0
  46. package/lib/plus/webPosLogin/WebPosLogin.js +331 -0
  47. package/lib/plus/webPosLogin/WebPosLoginCpt.d.ts +9 -0
  48. package/lib/plus/webPosLogin/WebPosLoginCpt.js +170 -0
  49. package/lib/plus/webPosLogin/WebPosLoginCpt.less +170 -0
  50. package/lib/plus/webPosLogin/components/BrandPanel/index.d.ts +9 -0
  51. package/lib/plus/webPosLogin/components/BrandPanel/index.js +63 -0
  52. package/lib/plus/webPosLogin/components/BrandPanel/index.less +58 -0
  53. package/lib/plus/webPosLogin/components/LoginPanel/index.d.ts +21 -0
  54. package/lib/plus/webPosLogin/components/LoginPanel/index.js +98 -0
  55. package/lib/plus/webPosLogin/components/LoginPanel/index.less +43 -0
  56. package/lib/plus/webPosLogin/components/SelectDevice/index.d.ts +28 -0
  57. package/lib/plus/webPosLogin/components/SelectDevice/index.js +158 -0
  58. package/lib/plus/webPosLogin/components/SelectDevice/index.less +167 -0
  59. package/lib/plus/webPosLogin/components/SelectStore/index.d.ts +24 -0
  60. package/lib/plus/webPosLogin/components/SelectStore/index.js +123 -0
  61. package/lib/plus/webPosLogin/components/SelectStore/index.less +157 -0
  62. package/lib/plus/webPosLogin/components/UserFooter/index.d.ts +28 -0
  63. package/lib/plus/webPosLogin/components/UserFooter/index.js +91 -0
  64. package/lib/plus/webPosLogin/components/UserFooter/index.less +70 -0
  65. package/lib/plus/webPosLogin/index.d.ts +12 -0
  66. package/lib/plus/webPosLogin/index.js +56 -0
  67. package/lib/plus/webPosLogin/locales.d.ts +49 -0
  68. package/lib/plus/webPosLogin/locales.js +77 -0
  69. package/lib/plus/webPosLogin/service.d.ts +44 -0
  70. package/lib/plus/webPosLogin/service.js +94 -0
  71. package/lib/plus/webPosLogin/types.d.ts +286 -0
  72. package/lib/plus/webPosLogin/types.js +17 -0
  73. package/lib/pro/Login2.0/Login2.js +19 -9
  74. package/lib/pro/Login2.0/index.less +0 -12
  75. package/lowcode/web-pos-login/meta.ts +71 -0
  76. package/package.json +4 -4
@@ -0,0 +1,123 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
+ // If the importer is in node compatibility mode or this is not an ESM
21
+ // file that has been converted to a CommonJS file using a Babel-
22
+ // compatible transform (i.e. "__esModule" has not been set), then set
23
+ // "default" to the CommonJS "module.exports" for node compatibility.
24
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
+ mod
26
+ ));
27
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
+
29
+ // src/plus/webPosLogin/components/SelectStore/index.tsx
30
+ var SelectStore_exports = {};
31
+ __export(SelectStore_exports, {
32
+ default: () => SelectStore_default
33
+ });
34
+ module.exports = __toCommonJS(SelectStore_exports);
35
+ var import_react = __toESM(require("react"));
36
+ var import_antd = require("antd");
37
+ var import_icons = require("@ant-design/icons");
38
+ var import_materials = require("@pisell/materials");
39
+ var import_utils = require("@pisell/utils");
40
+ var import_index = require("./index.less");
41
+ var DEFAULT_STORE_ICON = "https://pisell2-dev.s3.cn-north-1.amazonaws.com.cn/static/default-store-icon.png";
42
+ var getStoreName = (store, locale = "en") => {
43
+ var _a;
44
+ const name = (_a = store == null ? void 0 : store.tenant) == null ? void 0 : _a.name;
45
+ if (!name) return "";
46
+ return name[locale] || name.original || "";
47
+ };
48
+ var matchStore = (store, keyword, locale) => {
49
+ var _a;
50
+ if (!keyword.trim()) return true;
51
+ const lowerKeyword = keyword.toLowerCase();
52
+ const name = (_a = store == null ? void 0 : store.tenant) == null ? void 0 : _a.name;
53
+ const searchFields = [
54
+ name == null ? void 0 : name.en,
55
+ name == null ? void 0 : name["zh-CN"],
56
+ name == null ? void 0 : name["zh-HK"],
57
+ name == null ? void 0 : name.original,
58
+ store == null ? void 0 : store.nickname
59
+ ].filter(Boolean);
60
+ return searchFields.some(
61
+ (field) => field == null ? void 0 : field.toLowerCase().includes(lowerKeyword)
62
+ );
63
+ };
64
+ var SelectStore = (0, import_react.memo)((props) => {
65
+ const {
66
+ storeList = [],
67
+ locale = "en",
68
+ loading = false,
69
+ lastUsedStoreId,
70
+ onSelect
71
+ } = props;
72
+ const [searchKeyword, setSearchKeyword] = (0, import_react.useState)("");
73
+ const [selectingId, setSelectingId] = (0, import_react.useState)(null);
74
+ const filteredStoreList = (0, import_react.useMemo)(() => {
75
+ if (!searchKeyword.trim()) return storeList;
76
+ return storeList.filter((store) => matchStore(store, searchKeyword, locale));
77
+ }, [storeList, searchKeyword, locale]);
78
+ const handleSearchChange = (0, import_react.useCallback)((e) => {
79
+ setSearchKeyword(e.target.value);
80
+ }, []);
81
+ const handleSelectStore = (0, import_react.useCallback)(async (store) => {
82
+ if (selectingId) return;
83
+ setSelectingId(store.id);
84
+ await (onSelect == null ? void 0 : onSelect(store));
85
+ setSelectingId(null);
86
+ }, [selectingId, onSelect]);
87
+ const renderStoreItem = (store) => {
88
+ var _a;
89
+ const isLastUsed = lastUsedStoreId === store.id;
90
+ const isSelecting = selectingId === store.id;
91
+ const storeName = getStoreName(store, locale);
92
+ const storeIcon = ((_a = store == null ? void 0 : store.tenant) == null ? void 0 : _a.logo) || DEFAULT_STORE_ICON;
93
+ return /* @__PURE__ */ import_react.default.createElement(
94
+ "div",
95
+ {
96
+ key: store.id,
97
+ className: `select-store__item ${isSelecting ? "select-store__item--selecting" : ""}`,
98
+ onClick: () => handleSelectStore(store)
99
+ },
100
+ /* @__PURE__ */ import_react.default.createElement("div", { className: "select-store__item-icon" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Image, { width: 48, height: 48, src: storeIcon, alt: storeName, fallbackType: "image", preview: false })),
101
+ /* @__PURE__ */ import_react.default.createElement("div", { className: "select-store__item-content" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "select-store__item-name" }, storeName)),
102
+ /* @__PURE__ */ import_react.default.createElement("div", { className: "select-store__item-extra" }, isSelecting ? /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { size: "small" }) : isLastUsed ? /* @__PURE__ */ import_react.default.createElement("span", { className: "select-store__item-tag" }, import_utils.locales.getText("webpos-login-last-used")) : null)
103
+ );
104
+ };
105
+ return /* @__PURE__ */ import_react.default.createElement("div", { className: "select-store" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "select-store__search" }, /* @__PURE__ */ import_react.default.createElement(
106
+ import_materials.PisellInput,
107
+ {
108
+ placeholder: import_utils.locales.getText("webpos-login-search"),
109
+ prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, { style: { color: "#999" } }),
110
+ value: searchKeyword,
111
+ onChange: handleSearchChange,
112
+ allowClear: true,
113
+ size: "large"
114
+ }
115
+ )), /* @__PURE__ */ import_react.default.createElement("div", { className: "select-store__list" }, loading ? /* @__PURE__ */ import_react.default.createElement("div", { className: "select-store__loading" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { size: "large" })) : filteredStoreList.length === 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "select-store__empty" }, /* @__PURE__ */ import_react.default.createElement(
116
+ import_materials.PisellEmpty,
117
+ {
118
+ description: import_utils.locales.getText("webpos-login-select-store-empty")
119
+ }
120
+ )) : filteredStoreList.map(renderStoreItem)));
121
+ });
122
+ SelectStore.displayName = "SelectStore";
123
+ var SelectStore_default = SelectStore;
@@ -0,0 +1,157 @@
1
+ /**
2
+ * SelectStore 店铺选择组件样式
3
+ */
4
+ .select-store {
5
+ display: flex;
6
+ flex-direction: column;
7
+ height: 100%;
8
+ overflow: hidden;
9
+
10
+ /* 搜索框区域 */
11
+ &__search {
12
+ flex-shrink: 0;
13
+ padding: 0 0 16px 0;
14
+
15
+ .ant-input-affix-wrapper {
16
+ border-radius: 8px;
17
+ border: 1px solid #e5e5e5;
18
+ background: #fff;
19
+ height: 48px;
20
+
21
+ &:hover,
22
+ &:focus,
23
+ &.ant-input-affix-wrapper-focused {
24
+ border-color: #F04A28;
25
+ box-shadow: 0 0 0 2px rgba(240, 74, 40, 0.1);
26
+ }
27
+
28
+ .ant-input {
29
+ font-size: 15px;
30
+ }
31
+ }
32
+ }
33
+
34
+ /* 店铺列表区域 */
35
+ &__list {
36
+ flex: 1;
37
+ overflow-y: auto;
38
+ overflow-x: hidden;
39
+ padding-right: 4px;
40
+
41
+ /* 自定义滚动条 */
42
+ &::-webkit-scrollbar {
43
+ width: 6px;
44
+ }
45
+
46
+ &::-webkit-scrollbar-track {
47
+ background: transparent;
48
+ }
49
+
50
+ &::-webkit-scrollbar-thumb {
51
+ background: #ddd;
52
+ border-radius: 3px;
53
+
54
+ &:hover {
55
+ background: #ccc;
56
+ }
57
+ }
58
+ }
59
+
60
+ /* 加载状态 */
61
+ &__loading {
62
+ display: flex;
63
+ align-items: center;
64
+ justify-content: center;
65
+ height: 200px;
66
+ }
67
+
68
+ /* 空状态 */
69
+ &__empty {
70
+ display: flex;
71
+ align-items: center;
72
+ justify-content: center;
73
+ height: 200px;
74
+ }
75
+
76
+ /* 店铺列表项 */
77
+ &__item {
78
+ display: flex;
79
+ align-items: center;
80
+ gap: 16px;
81
+ padding: 16px;
82
+ margin-bottom: 8px;
83
+ background: #fff;
84
+ border: 1px solid #eee;
85
+ border-radius: 12px;
86
+ cursor: pointer;
87
+ transition: all 0.2s ease;
88
+
89
+ &:hover {
90
+ border-color: #F04A28;
91
+ box-shadow: 0 2px 8px rgba(240, 74, 40, 0.1);
92
+ }
93
+
94
+ &:active {
95
+ transform: scale(0.99);
96
+ }
97
+
98
+ /* 选中状态 */
99
+ &--selecting {
100
+ opacity: 0.7;
101
+ pointer-events: none;
102
+ }
103
+
104
+ /* 店铺图标 */
105
+ &-icon {
106
+ flex-shrink: 0;
107
+ width: 48px;
108
+ height: 48px;
109
+ border-radius: 50%;
110
+ overflow: hidden;
111
+ background: #f5f5f5;
112
+
113
+ img {
114
+ width: 100%;
115
+ height: 100%;
116
+ object-fit: cover;
117
+ }
118
+ }
119
+
120
+ /* 店铺内容 */
121
+ &-content {
122
+ flex: 1;
123
+ min-width: 0;
124
+ }
125
+
126
+ /* 店铺名称 */
127
+ &-name {
128
+ display: block;
129
+ font-size: 15px;
130
+ font-weight: 500;
131
+ color: #1a1a1a;
132
+ white-space: nowrap;
133
+ overflow: hidden;
134
+ text-overflow: ellipsis;
135
+ }
136
+
137
+ /* 额外信息区域 */
138
+ &-extra {
139
+ flex-shrink: 0;
140
+ display: flex;
141
+ align-items: center;
142
+ }
143
+
144
+ /* Last used 标签 */
145
+ &-tag {
146
+ display: inline-flex;
147
+ align-items: center;
148
+ padding: 4px 12px;
149
+ font-size: 12px;
150
+ font-weight: 500;
151
+ color: #fff;
152
+ background: #F04A28;
153
+ border-radius: 4px;
154
+ white-space: nowrap;
155
+ }
156
+ }
157
+ }
@@ -0,0 +1,28 @@
1
+ import React from 'react';
2
+ import { UserInfo, StoreItem, LoginStep, LocaleType } from '../../types';
3
+ import './index.less';
4
+ /**
5
+ * UserFooter 组件 Props
6
+ */
7
+ export interface UserFooterProps {
8
+ /** 是否显示切换店铺 */
9
+ isShowChangeStore?: boolean;
10
+ /** 用户信息 */
11
+ userInfo?: UserInfo;
12
+ /** 当前选中的店铺 */
13
+ selectedStore?: StoreItem;
14
+ /** 当前步骤 */
15
+ step?: LoginStep;
16
+ /** 语言 */
17
+ locale?: LocaleType;
18
+ /** 切换账号回调 */
19
+ onChangeAccount?: () => void;
20
+ /** 切换店铺回调 */
21
+ onChangeStore?: () => void;
22
+ }
23
+ /**
24
+ * UserFooter 底部用户信息组件
25
+ * @description 展示当前用户和店铺信息,支持切换账号和切换店铺
26
+ */
27
+ declare const UserFooter: React.FC<UserFooterProps>;
28
+ export default UserFooter;
@@ -0,0 +1,91 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
+ // If the importer is in node compatibility mode or this is not an ESM
21
+ // file that has been converted to a CommonJS file using a Babel-
22
+ // compatible transform (i.e. "__esModule" has not been set), then set
23
+ // "default" to the CommonJS "module.exports" for node compatibility.
24
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
+ mod
26
+ ));
27
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
+
29
+ // src/plus/webPosLogin/components/UserFooter/index.tsx
30
+ var UserFooter_exports = {};
31
+ __export(UserFooter_exports, {
32
+ default: () => UserFooter_default
33
+ });
34
+ module.exports = __toCommonJS(UserFooter_exports);
35
+ var import_react = __toESM(require("react"));
36
+ var import_utils = require("@pisell/utils");
37
+ var import_materials = require("@pisell/materials");
38
+ var import_index = require("./index.less");
39
+ var DEFAULT_USER_AVATAR = "https://pisell2-dev.s3.cn-north-1.amazonaws.com.cn/static/default-avatar.png";
40
+ var DEFAULT_STORE_ICON = "https://pisell2-dev.s3.cn-north-1.amazonaws.com.cn/static/default-store-icon.png";
41
+ var getStoreName = (store, locale = "en") => {
42
+ var _a;
43
+ if (!store) return "";
44
+ const name = (_a = store == null ? void 0 : store.tenant) == null ? void 0 : _a.name;
45
+ if (!name) return "";
46
+ return name[locale] || name.original || "";
47
+ };
48
+ var UserFooter = (0, import_react.memo)((props) => {
49
+ var _a;
50
+ const {
51
+ userInfo,
52
+ selectedStore,
53
+ step = "store",
54
+ locale = "en",
55
+ onChangeAccount,
56
+ onChangeStore,
57
+ isShowChangeStore = false
58
+ } = props;
59
+ const userAvatar = (userInfo == null ? void 0 : userInfo.avatar) || DEFAULT_USER_AVATAR;
60
+ const userName = (userInfo == null ? void 0 : userInfo.name) || "";
61
+ const storeIcon = ((_a = selectedStore == null ? void 0 : selectedStore.tenant) == null ? void 0 : _a.logo) || DEFAULT_STORE_ICON;
62
+ const storeName = (0, import_react.useMemo)(
63
+ () => getStoreName(selectedStore, locale),
64
+ [selectedStore, locale]
65
+ );
66
+ const showStoreInfo = step === "device" && selectedStore && isShowChangeStore;
67
+ if (!userInfo) return null;
68
+ 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(
69
+ import_materials.Image,
70
+ {
71
+ src: userAvatar,
72
+ alt: userName,
73
+ preview: false,
74
+ width: 44,
75
+ height: 44,
76
+ fallbackType: "avatar"
77
+ }
78
+ )), /* @__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(
79
+ import_materials.Image,
80
+ {
81
+ src: storeIcon,
82
+ alt: storeName,
83
+ preview: false,
84
+ width: 44,
85
+ height: 44,
86
+ fallbackType: "avatar"
87
+ }
88
+ )), /* @__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")))));
89
+ });
90
+ UserFooter.displayName = "UserFooter";
91
+ var UserFooter_default = UserFooter;
@@ -0,0 +1,70 @@
1
+ /**
2
+ * UserFooter 底部用户信息组件样式
3
+ */
4
+ .user-footer {
5
+ display: flex;
6
+ align-items: center;
7
+ gap: 32px;
8
+ padding: 16px 0;
9
+
10
+ /* 用户/店铺信息块 */
11
+ &__user,
12
+ &__store {
13
+ display: flex;
14
+ align-items: center;
15
+ gap: 12px;
16
+ min-width: 0;
17
+ flex: 1;
18
+ max-width: 50%;
19
+ }
20
+
21
+ /* 头像 */
22
+ &__avatar {
23
+ flex-shrink: 0;
24
+ width: 44px;
25
+ height: 44px;
26
+ border-radius: 50%;
27
+ overflow: hidden;
28
+ background: #f5f5f5;
29
+
30
+ img {
31
+ width: 100%;
32
+ height: 100%;
33
+ object-fit: cover;
34
+ }
35
+ }
36
+
37
+ /* 信息区域 */
38
+ &__info {
39
+ display: flex;
40
+ flex-direction: column;
41
+ gap: 2px;
42
+ min-width: 0;
43
+ flex: 1;
44
+ }
45
+
46
+ /* 名称 */
47
+ &__name {
48
+ font-size: 14px;
49
+ font-weight: 500;
50
+ color: #1a1a1a;
51
+ white-space: nowrap;
52
+ overflow: hidden;
53
+ text-overflow: ellipsis;
54
+ }
55
+
56
+ /* 操作链接 */
57
+ &__action {
58
+ font-size: 13px;
59
+ font-weight: 400;
60
+ color: #F04A28;
61
+ cursor: pointer;
62
+ transition: all 0.2s ease;
63
+ white-space: nowrap;
64
+
65
+ &:hover {
66
+ color: #d63d1f;
67
+ text-decoration: underline;
68
+ }
69
+ }
70
+ }
@@ -0,0 +1,12 @@
1
+ /**
2
+ * WebPosLogin 组件导出
3
+ * @description WebPOS 登录流程组件
4
+ */
5
+ export { default } from './WebPosLogin';
6
+ export { default as WebPosLogin } from './WebPosLogin';
7
+ export { default as BrandPanel } from './components/BrandPanel';
8
+ export { default as LoginPanel } from './components/LoginPanel';
9
+ export { default as SelectStore } from './components/SelectStore';
10
+ export { default as SelectDevice } from './components/SelectDevice';
11
+ export { default as UserFooter } from './components/UserFooter';
12
+ export type { WebPosLoginCptProps, StoreItem, DeviceItem, DeviceClient, UserInfo, BrandConfig, CarouselItem, LoginStep, LocaleType, BrandPanelProps, SelectStoreProps, SelectDeviceProps, UserFooterProps, } from './types';
@@ -0,0 +1,56 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
+ // If the importer is in node compatibility mode or this is not an ESM
21
+ // file that has been converted to a CommonJS file using a Babel-
22
+ // compatible transform (i.e. "__esModule" has not been set), then set
23
+ // "default" to the CommonJS "module.exports" for node compatibility.
24
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
+ mod
26
+ ));
27
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
+
29
+ // src/plus/webPosLogin/index.tsx
30
+ var webPosLogin_exports = {};
31
+ __export(webPosLogin_exports, {
32
+ BrandPanel: () => import_BrandPanel.default,
33
+ LoginPanel: () => import_LoginPanel.default,
34
+ SelectDevice: () => import_SelectDevice.default,
35
+ SelectStore: () => import_SelectStore.default,
36
+ UserFooter: () => import_UserFooter.default,
37
+ WebPosLogin: () => import_WebPosLogin2.default,
38
+ default: () => import_WebPosLogin.default
39
+ });
40
+ module.exports = __toCommonJS(webPosLogin_exports);
41
+ var import_WebPosLogin = __toESM(require("./WebPosLogin"));
42
+ var import_WebPosLogin2 = __toESM(require("./WebPosLogin"));
43
+ var import_BrandPanel = __toESM(require("./components/BrandPanel"));
44
+ var import_LoginPanel = __toESM(require("./components/LoginPanel"));
45
+ var import_SelectStore = __toESM(require("./components/SelectStore"));
46
+ var import_SelectDevice = __toESM(require("./components/SelectDevice"));
47
+ var import_UserFooter = __toESM(require("./components/UserFooter"));
48
+ // Annotate the CommonJS export names for ESM import in node:
49
+ 0 && (module.exports = {
50
+ BrandPanel,
51
+ LoginPanel,
52
+ SelectDevice,
53
+ SelectStore,
54
+ UserFooter,
55
+ WebPosLogin
56
+ });
@@ -0,0 +1,49 @@
1
+ /**
2
+ * WebPosLogin 组件国际化文本
3
+ * @description 支持 en、zh-CN、zh-HK 三种语言
4
+ */
5
+ declare const _default: {
6
+ en: {
7
+ 'webpos-login-search': string;
8
+ 'webpos-login-back': string;
9
+ 'webpos-login-last-used': string;
10
+ 'webpos-login-select-store-title': string;
11
+ 'webpos-login-select-store-empty': string;
12
+ 'webpos-login-change-account': string;
13
+ 'webpos-login-store-data-missing': string;
14
+ 'webpos-login-select-device-title': string;
15
+ 'webpos-login-select-device-empty': string;
16
+ 'webpos-login-change-store': string;
17
+ 'webpos-login-device-not-in-use': string;
18
+ 'webpos-login-device-currently-used-by': string;
19
+ };
20
+ 'zh-CN': {
21
+ 'webpos-login-search': string;
22
+ 'webpos-login-back': string;
23
+ 'webpos-login-last-used': string;
24
+ 'webpos-login-select-store-title': string;
25
+ 'webpos-login-select-store-empty': string;
26
+ 'webpos-login-change-account': string;
27
+ 'webpos-login-store-data-missing': string;
28
+ 'webpos-login-select-device-title': string;
29
+ 'webpos-login-select-device-empty': string;
30
+ 'webpos-login-change-store': string;
31
+ 'webpos-login-device-not-in-use': string;
32
+ 'webpos-login-device-currently-used-by': string;
33
+ };
34
+ 'zh-HK': {
35
+ 'webpos-login-search': string;
36
+ 'webpos-login-back': string;
37
+ 'webpos-login-last-used': string;
38
+ 'webpos-login-select-store-title': string;
39
+ 'webpos-login-select-store-empty': string;
40
+ 'webpos-login-change-account': string;
41
+ 'webpos-login-store-data-missing': string;
42
+ 'webpos-login-select-device-title': string;
43
+ 'webpos-login-select-device-empty': string;
44
+ 'webpos-login-change-store': string;
45
+ 'webpos-login-device-not-in-use': string;
46
+ 'webpos-login-device-currently-used-by': string;
47
+ };
48
+ };
49
+ export default _default;
@@ -0,0 +1,77 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: true });
8
+ };
9
+ var __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from === "object" || typeof from === "function") {
11
+ for (let key of __getOwnPropNames(from))
12
+ if (!__hasOwnProp.call(to, key) && key !== except)
13
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
+ }
15
+ return to;
16
+ };
17
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
+
19
+ // src/plus/webPosLogin/locales.ts
20
+ var locales_exports = {};
21
+ __export(locales_exports, {
22
+ default: () => locales_default
23
+ });
24
+ module.exports = __toCommonJS(locales_exports);
25
+ var locales_default = {
26
+ en: {
27
+ /* ========== 通用 ========== */
28
+ "webpos-login-search": "Search",
29
+ "webpos-login-back": "Back",
30
+ "webpos-login-last-used": "Last used",
31
+ /* ========== 店铺选择 ========== */
32
+ "webpos-login-select-store-title": "Please Select Your Store",
33
+ "webpos-login-select-store-empty": "No stores found",
34
+ "webpos-login-change-account": "Change Account",
35
+ "webpos-login-store-data-missing": "Store data not available. Please contact support for assistance.",
36
+ /* ========== 设备选择 ========== */
37
+ "webpos-login-select-device-title": "Please Select Your Device",
38
+ "webpos-login-select-device-empty": "No devices found",
39
+ "webpos-login-change-store": "Change Store",
40
+ "webpos-login-device-not-in-use": "not in use",
41
+ "webpos-login-device-currently-used-by": "Currently used by"
42
+ },
43
+ "zh-CN": {
44
+ /* ========== 通用 ========== */
45
+ "webpos-login-search": "搜索",
46
+ "webpos-login-back": "返回",
47
+ "webpos-login-last-used": "上次使用",
48
+ /* ========== 店铺选择 ========== */
49
+ "webpos-login-select-store-title": "请选择您的店铺",
50
+ "webpos-login-select-store-empty": "暂无店铺",
51
+ "webpos-login-change-account": "切换账号",
52
+ "webpos-login-store-data-missing": "店铺数据缺失,请联系客服处理。",
53
+ /* ========== 设备选择 ========== */
54
+ "webpos-login-select-device-title": "请选择您的设备",
55
+ "webpos-login-select-device-empty": "暂无设备",
56
+ "webpos-login-change-store": "切换店铺",
57
+ "webpos-login-device-not-in-use": "未使用",
58
+ "webpos-login-device-currently-used-by": "正在被使用"
59
+ },
60
+ "zh-HK": {
61
+ /* ========== 通用 ========== */
62
+ "webpos-login-search": "搜尋",
63
+ "webpos-login-back": "返回",
64
+ "webpos-login-last-used": "上次使用",
65
+ /* ========== 店铺选择 ========== */
66
+ "webpos-login-select-store-title": "請選擇您的店鋪",
67
+ "webpos-login-select-store-empty": "暫無店鋪",
68
+ "webpos-login-change-account": "切換賬號",
69
+ "webpos-login-store-data-missing": "店铺数据缺失,请联系客服处理。",
70
+ /* ========== 设备选择 ========== */
71
+ "webpos-login-select-device-title": "請選擇您的設備",
72
+ "webpos-login-select-device-empty": "暫無設備",
73
+ "webpos-login-change-store": "切換店鋪",
74
+ "webpos-login-device-not-in-use": "未使用",
75
+ "webpos-login-device-currently-used-by": "正在被使用"
76
+ }
77
+ };