@mc-markets/ui 1.0.51 → 1.0.53

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 (37) hide show
  1. package/dist/images/empty/404.png +0 -0
  2. package/dist/images/empty/billing.png +0 -0
  3. package/dist/images/empty/cart.png +0 -0
  4. package/dist/images/empty/comments.png +0 -0
  5. package/dist/images/empty/dashboard.png +0 -0
  6. package/dist/images/empty/files.png +0 -0
  7. package/dist/images/empty/inbox.png +0 -0
  8. package/dist/images/empty/location.png +0 -0
  9. package/dist/images/empty/network.png +0 -0
  10. package/dist/images/empty/notifications.png +0 -0
  11. package/dist/images/empty/orders.png +0 -0
  12. package/dist/images/empty/records.png +0 -0
  13. package/dist/images/empty/session.png +0 -0
  14. package/dist/images/empty/subscription.png +0 -0
  15. package/dist/images/empty/todo.png +0 -0
  16. package/dist/images/empty/wishlist.png +0 -0
  17. package/dist/index.js +3285 -3263
  18. package/dist/index.js.css +1 -1
  19. package/package.json +1 -1
  20. package/packages/styles/components/button.scss +101 -0
  21. package/packages/styles/images/empty/404.png +0 -0
  22. package/packages/styles/images/empty/billing.png +0 -0
  23. package/packages/styles/images/empty/cart.png +0 -0
  24. package/packages/styles/images/empty/comments.png +0 -0
  25. package/packages/styles/images/empty/dashboard.png +0 -0
  26. package/packages/styles/images/empty/files.png +0 -0
  27. package/packages/styles/images/empty/inbox.png +0 -0
  28. package/packages/styles/images/empty/location.png +0 -0
  29. package/packages/styles/images/empty/network.png +0 -0
  30. package/packages/styles/images/empty/notifications.png +0 -0
  31. package/packages/styles/images/empty/orders.png +0 -0
  32. package/packages/styles/images/empty/records.png +0 -0
  33. package/packages/styles/images/empty/session.png +0 -0
  34. package/packages/styles/images/empty/subscription.png +0 -0
  35. package/packages/styles/images/empty/todo.png +0 -0
  36. package/packages/styles/images/empty/wishlist.png +0 -0
  37. package/packages/styles/index.scss +2 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mc-markets/ui",
3
3
  "private": false,
4
- "version": "1.0.51",
4
+ "version": "1.0.53",
5
5
  "type": "module",
6
6
  "author": "chenyu",
7
7
  "description": "Vue 3 组件库，基于 Element Plus 的自定义组件",
package/packages/styles/components/button.scss ADDED
@@ -0,0 +1,101 @@
1
+ .el-button {
2
+ --el-button-font-weight: 600;
3
+ --el-button-border-color: var(--bg-tertiary-hover);
4
+ --el-button-bg-color: var(--bg-tertiary-hover);
5
+ --el-button-text-color: var(--text-primary);
6
+ --el-button-disabled-text-color: var(--text-quaternary);
7
+ --el-button-disabled-bg-color: color-mix(
8
+ in srgb,
9
+ var(--bg-tertiary-hover) 50%,
10
+ transparent
11
+ );
12
+ --el-button-disabled-border-color: var(--el-button-disabled-bg-color);
13
+ --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
14
+ --el-button-hover-text-color: var(--text-primary);
15
+ --el-button-hover-bg-color: var(--bg-tertiary);
16
+ --el-button-hover-border-color: var(--bg-tertiary);
17
+ --el-button-active-text-color: var(--text-primary);
18
+ --el-button-active-border-color: var(--bg-tertiary);
19
+ --el-button-active-bg-color: var(--bg-tertiary);
20
+ --el-button-outline-color: var(--bg-tertiary);
21
+ --el-button-hover-link-text-color: var(--text-brand);
22
+ --el-button-active-color: var(--text-primary);
23
+ height: 40px;
24
+ padding: 8px 16px;
25
+
26
+ &.is-plain {
27
+ --el-button-hover-text-color: var(--text-primary);
28
+ --el-button-hover-bg-color: var(--bg-brand-secondary);
29
+ --el-button-hover-border-color: var(--border-brand-hover);
30
+
31
+ border-color: var(--border-brand);
32
+ background-color: transparent;
33
+
34
+ &.is-disabled {
35
+ background-color: transparent;
36
+ border-color: color-mix(in srgb, var(--bg-brand) 50%, transparent);
37
+ }
38
+ }
39
+
40
+ &.el-button--large {
41
+ height: 48px;
42
+ padding: 12px 20px;
43
+ }
44
+ &.el-button--small {
45
+ height: 32px;
46
+ padding: 5px 12px;
47
+ }
48
+
49
+ &.el-button--text {
50
+ height: 20px;
51
+ padding: 0;
52
+ line-height: 20px;
53
+ }
54
+
55
+ &.el-button--primary {
56
+ --el-button-text-color: var(--text-quaternary);
57
+ --el-button-outline-color: var(--text-quaternary);
58
+ --el-button-active-color: var(--bg-brand-hover);
59
+ --el-button-hover-text-color: var(--text-quaternary);
60
+ --el-button-hover-link-text-color: var(--text-quaternary);
61
+ --el-button-hover-bg-color: var(--bg-brand-hover);
62
+ --el-button-hover-border-color: var(--bg-brand-hover);
63
+ --el-button-active-text-color: var(--text-quaternary);
64
+ --el-button-active-bg-color: var(--bg-brand-hover);
65
+ --el-button-active-border-color: var(--bg-brand-hover);
66
+ --el-button-disabled-text-color: var(--text-quaternary);
67
+ --el-button-disabled-bg-color: color-mix(
68
+ in srgb,
69
+ var(--bg-brand) 50%,
70
+ transparent
71
+ );
72
+ --el-button-disabled-border-color: color-mix(
73
+ in srgb,
74
+ var(--bg-brand) 50%,
75
+ transparent
76
+ );
77
+
78
+ background-color: var(--bg-brand);
79
+ border-color: var(--bg-brand);
80
+
81
+ &.is-disabled {
82
+ --el-button-disabled-text-color: var(--text-quaternary);
83
+ background-color: color-mix(in srgb, var(--bg-brand) 50%, transparent);
84
+ border-color: transparent;
85
+ }
86
+ }
87
+
88
+ &.is-circle {
89
+ width: 40px;
90
+ }
91
+
92
+ &:hover {
93
+ color: var(--el-button-hover-text-color);
94
+ border-color: var(--el-button-hover-border-color);
95
+ background-color: var(--el-button-hover-bg-color);
96
+ }
97
+
98
+ [class*="el-icon"] + span {
99
+ margin-left: 5px;
100
+ }
101
+ }
package/packages/styles/index.scss CHANGED
@@ -84,8 +84,9 @@
84
84
  @use './variables/typography-desktop.css';
85
85
 
86
86
  // 导入组件样式
87
- // @use './components/select.scss';
87
+ @use './components/select.scss';
88
88
  @use './components/checkbox.scss';
89
+ @use './components/button.scss';
89
90
 
90
91
 
91
92
  html.dark{