xt-element-ui 2.2.2 → 2.2.4

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 (153) hide show
  1. package/README.md +140 -192
  2. package/docs/README.md +162 -81
  3. package/docs/components/base/theme.md +248 -0
  4. package/docs/components/base/xt-button.md +11 -4
  5. package/docs/components/base/xt-card.md +5 -11
  6. package/docs/components/base/xt-config-provider.md +2 -0
  7. package/docs/components/base/xt-flow.md +404 -0
  8. package/docs/components/base/xt-list.md +1 -1
  9. package/docs/components/base/xt-multi.md +5 -5
  10. package/docs/components/base/xt-scroll-arrow.md +87 -1
  11. package/docs/components/base/xt-scroll.md +237 -0
  12. package/docs/components/business/xt-chart.md +1 -0
  13. package/docs/components/utils/config.md +18 -4
  14. package/docs/components/utils/theme.md +280 -183
  15. package/lib/index.common.1.js +4 -26
  16. package/lib/index.common.2.js +1 -1
  17. package/lib/index.common.js +4577 -109925
  18. package/lib/index.css +1 -1
  19. package/lib/index.umd.1.js +4 -26
  20. package/lib/index.umd.2.js +1 -1
  21. package/lib/index.umd.js +4583 -109930
  22. package/lib/index.umd.min.1.js +1 -1
  23. package/lib/index.umd.min.js +1 -1
  24. package/lib/theme/element-overrides.css +607 -0
  25. package/lib/theme/element-vars.css +280 -0
  26. package/lib/xt-badge/xt-badge.common.js +1 -1
  27. package/lib/xt-badge/xt-badge.css +1 -1
  28. package/lib/xt-badge/xt-badge.umd.js +1 -1
  29. package/lib/xt-button/xt-button.common.js +13 -8
  30. package/lib/xt-button/xt-button.css +1 -1
  31. package/lib/xt-button/xt-button.umd.js +13 -8
  32. package/lib/xt-button/xt-button.umd.min.js +1 -1
  33. package/lib/xt-card/xt-card.common.js +5 -5
  34. package/lib/xt-card/xt-card.umd.js +5 -5
  35. package/lib/xt-card/xt-card.umd.min.js +1 -1
  36. package/lib/xt-card-item/xt-card-item.common.js +4 -4
  37. package/lib/xt-card-item/xt-card-item.umd.js +4 -4
  38. package/lib/xt-card-item/xt-card-item.umd.min.js +1 -1
  39. package/lib/xt-chart/xt-chart.common.js +1969 -108924
  40. package/lib/xt-chart/xt-chart.css +1 -1
  41. package/lib/xt-chart/xt-chart.umd.js +1975 -108929
  42. package/lib/xt-chart/xt-chart.umd.min.js +1 -1
  43. package/lib/xt-config-provider/xt-config-provider.common.js +561 -107504
  44. package/lib/xt-config-provider/xt-config-provider.css +1 -1
  45. package/lib/xt-config-provider/xt-config-provider.umd.js +567 -107509
  46. package/lib/xt-config-provider/xt-config-provider.umd.min.js +1 -1
  47. package/lib/xt-date-picker/xt-date-picker.common.1.js +4 -26
  48. package/lib/xt-date-picker/xt-date-picker.common.2.js +1 -1
  49. package/lib/xt-date-picker/xt-date-picker.common.js +1 -47
  50. package/lib/xt-date-picker/xt-date-picker.css +1 -1
  51. package/lib/xt-date-picker/xt-date-picker.umd.1.js +4 -26
  52. package/lib/xt-date-picker/xt-date-picker.umd.2.js +1 -1
  53. package/lib/xt-date-picker/xt-date-picker.umd.js +1 -47
  54. package/lib/xt-date-picker/xt-date-picker.umd.min.1.js +1 -1
  55. package/lib/xt-date-picker/xt-date-picker.umd.min.js +1 -1
  56. package/lib/xt-flex-box/xt-flex-box.common.js +1 -1
  57. package/lib/xt-flex-box/xt-flex-box.umd.js +1 -1
  58. package/lib/xt-flow/demo.html +10 -0
  59. package/lib/xt-flow/index.js +1 -0
  60. package/lib/xt-flow/xt-flow.common.js +638 -0
  61. package/lib/xt-flow/xt-flow.css +1 -0
  62. package/lib/xt-flow/xt-flow.umd.js +648 -0
  63. package/lib/xt-flow/xt-flow.umd.min.js +1 -0
  64. package/lib/xt-form-schema/xt-form-schema.common.js +1 -1
  65. package/lib/xt-form-schema/xt-form-schema.umd.js +1 -1
  66. package/lib/xt-grid-box/xt-grid-box.common.js +1 -1
  67. package/lib/xt-grid-box/xt-grid-box.umd.js +1 -1
  68. package/lib/xt-grid-item/xt-grid-item.common.js +1 -1
  69. package/lib/xt-grid-item/xt-grid-item.umd.js +1 -1
  70. package/lib/xt-icon/xt-icon.common.js +1 -1
  71. package/lib/xt-icon/xt-icon.umd.js +1 -1
  72. package/lib/xt-input/xt-input.common.js +1 -1
  73. package/lib/xt-input/xt-input.umd.js +1 -1
  74. package/lib/xt-list/xt-list.common.js +457 -118
  75. package/lib/xt-list/xt-list.css +1 -1
  76. package/lib/xt-list/xt-list.umd.js +457 -118
  77. package/lib/xt-list/xt-list.umd.min.js +1 -1
  78. package/lib/xt-map/xt-map.common.js +1 -1
  79. package/lib/xt-map/xt-map.umd.js +1 -1
  80. package/lib/xt-map-provider/xt-map-provider.common.js +1 -1
  81. package/lib/xt-map-provider/xt-map-provider.umd.js +1 -1
  82. package/lib/xt-page/xt-page.common.js +1 -1
  83. package/lib/xt-page/xt-page.umd.js +1 -1
  84. package/lib/xt-progress/xt-progress.common.js +1 -1
  85. package/lib/xt-progress/xt-progress.umd.js +1 -1
  86. package/lib/xt-scroll/demo.html +10 -0
  87. package/lib/xt-scroll/index.js +1 -0
  88. package/lib/xt-scroll/xt-scroll.common.js +551 -0
  89. package/lib/xt-scroll/xt-scroll.css +1 -0
  90. package/lib/xt-scroll/xt-scroll.umd.js +561 -0
  91. package/lib/xt-scroll/xt-scroll.umd.min.js +1 -0
  92. package/lib/xt-scroll-arrow/xt-scroll-arrow.common.js +591 -170
  93. package/lib/xt-scroll-arrow/xt-scroll-arrow.css +1 -1
  94. package/lib/xt-scroll-arrow/xt-scroll-arrow.umd.js +591 -170
  95. package/lib/xt-scroll-arrow/xt-scroll-arrow.umd.min.js +1 -1
  96. package/lib/xt-select-tree/xt-select-tree.common.js +1 -1
  97. package/lib/xt-select-tree/xt-select-tree.umd.js +1 -1
  98. package/lib/xt-step-price/xt-step-price.common.js +2 -2
  99. package/lib/xt-step-price/xt-step-price.umd.js +2 -2
  100. package/lib/xt-step-price-item/xt-step-price-item.common.js +1 -1
  101. package/lib/xt-step-price-item/xt-step-price-item.umd.js +1 -1
  102. package/lib/xt-tab-pane/xt-tab-pane.common.js +1 -1
  103. package/lib/xt-tab-pane/xt-tab-pane.umd.js +1 -1
  104. package/lib/xt-table/xt-table.common.js +2 -2
  105. package/lib/xt-table/xt-table.umd.js +2 -2
  106. package/lib/xt-tabs/xt-tabs.common.js +1 -1
  107. package/lib/xt-tabs/xt-tabs.umd.js +1 -1
  108. package/lib/xt-text/xt-text.common.js +1 -1
  109. package/lib/xt-text/xt-text.css +1 -1
  110. package/lib/xt-text/xt-text.umd.js +1 -1
  111. package/lib/xt-time/xt-time.common.js +1 -1
  112. package/lib/xt-time/xt-time.umd.js +1 -1
  113. package/lib/xt-transfer-tree/xt-transfer-tree.common.js +1 -1
  114. package/lib/xt-transfer-tree/xt-transfer-tree.umd.js +1 -1
  115. package/lib/xt-upload/xt-upload.common.js +11 -11
  116. package/lib/xt-upload/xt-upload.umd.js +12 -12
  117. package/lib/xt-upload/xt-upload.umd.min.js +1 -1
  118. package/package.json +6 -5
  119. package/src/components/index.scss +7 -1
  120. package/src/components/theme/element-overrides.css +607 -0
  121. package/src/components/theme/element-vars.css +280 -0
  122. package/src/components/theme/iframe-injector.js +502 -0
  123. package/src/components/theme/index.js +64 -0
  124. package/src/components/xt-badge/style/index.scss +6 -6
  125. package/src/components/xt-button/index.vue +11 -6
  126. package/src/components/xt-button/style/index.scss +7 -5
  127. package/src/components/xt-card/index.vue +3 -3
  128. package/src/components/xt-card-item/index.vue +2 -2
  129. package/src/components/xt-chart/XtMulti.vue +8 -18
  130. package/src/components/xt-chart/XtPie.vue +1 -0
  131. package/src/components/xt-chart/utils.js +84 -50
  132. package/src/components/xt-config-provider/index.vue +56 -54
  133. package/src/components/xt-config-provider/style/index.scss +0 -11
  134. package/src/components/xt-date-picker/component/RangeDate.vue +1 -29
  135. package/src/components/xt-date-picker/style/index.scss +79 -54
  136. package/src/components/xt-flow/flowable-parser.js +244 -0
  137. package/src/components/xt-flow/index.js +8 -0
  138. package/src/components/xt-flow/index.vue +226 -0
  139. package/src/components/xt-flow/style/index.scss +359 -0
  140. package/src/components/xt-list/index.vue +23 -12
  141. package/src/components/xt-scroll/index.js +9 -0
  142. package/src/components/xt-scroll/index.vue +363 -0
  143. package/src/components/xt-scroll/style/index.scss +107 -0
  144. package/src/components/xt-scroll-arrow/index.vue +200 -83
  145. package/src/components/xt-scroll-arrow/style/index.scss +16 -5
  146. package/src/components/xt-text/style/index.scss +6 -6
  147. package/src/index.js +15 -13
  148. package/src/styles/css-variables.scss +73 -1
  149. package/src/utils/color.js +105 -0
  150. package/src/utils/index.js +456 -468
  151. package/src/utils/theme-vars.js +134 -0
  152. package/lib/css/1.87a493be.css +0 -1
  153. package/lib/xt-date-picker/css/1.87a493be.css +0 -1
@@ -0,0 +1,280 @@
1
+ /* ============================================================
2
+ * XT-Element-UI 主题 CSS 变量定义
3
+ * 用于注入到子系统 iframe 的 <head> 中
4
+ *
5
+ * 设计原则:
6
+ * 1. 定义 Element UI 所需的全部 CSS 变量(--el-*)
7
+ * 2. 亮色主题为默认值(:root)
8
+ * 3. 暗色主题通过 [data-theme="dark"] 切换
9
+ * 4. 子系统无需任何改造,变量注入即生效
10
+ * ============================================================ */
11
+
12
+ /* ==================== 亮色主题(默认) ==================== */
13
+ :root {
14
+ /* 基础色 */
15
+ --el-color-white: #ffffff;
16
+ --el-color-black: #000000;
17
+
18
+ /* 主色 RGB */
19
+ --el-color-primary-rgb: 24, 144, 255;
20
+ --el-color-success-rgb: 103, 194, 58;
21
+ --el-color-warning-rgb: 230, 162, 60;
22
+ --el-color-danger-rgb: 245, 108, 108;
23
+ --el-color-error-rgb: 245, 108, 108;
24
+ --el-color-info-rgb: 144, 147, 153;
25
+
26
+ /* 主色 */
27
+ --el-color-primary: #1890ff;
28
+ --el-color-primary-light-3: #5db1ff;
29
+ --el-color-primary-light-5: #8cc8ff;
30
+ --el-color-primary-light-7: #badeff;
31
+ --el-color-primary-light-8: #d1e9ff;
32
+ --el-color-primary-light-9: #e8f4ff;
33
+ --el-color-primary-dark-2: #1373cc;
34
+
35
+ /* 成功色 */
36
+ --el-color-success: #67c23a;
37
+ --el-color-success-light-3: #95d475;
38
+ --el-color-success-light-5: #b3e19d;
39
+ --el-color-success-light-7: #d1edc4;
40
+ --el-color-success-light-8: #e1f3d8;
41
+ --el-color-success-light-9: #f0f9eb;
42
+ --el-color-success-dark-2: #529b2e;
43
+
44
+ /* 警告色 */
45
+ --el-color-warning: #e6a23c;
46
+ --el-color-warning-light-3: #eebe77;
47
+ --el-color-warning-light-5: #f3d19e;
48
+ --el-color-warning-light-7: #f8e3c5;
49
+ --el-color-warning-light-8: #faecd8;
50
+ --el-color-warning-light-9: #fdf6ec;
51
+ --el-color-warning-dark-2: #b88230;
52
+
53
+ /* 危险色 */
54
+ --el-color-danger: #f56c6c;
55
+ --el-color-danger-light-3: #f89898;
56
+ --el-color-danger-light-5: #fab6b6;
57
+ --el-color-danger-light-7: #fcd3d3;
58
+ --el-color-danger-light-8: #fde2e2;
59
+ --el-color-danger-light-9: #fef0f0;
60
+ --el-color-danger-dark-2: #c45656;
61
+
62
+ /* 错误色 */
63
+ --el-color-error: #f56c6c;
64
+ --el-color-error-light-3: #f89898;
65
+ --el-color-error-light-5: #fab6b6;
66
+ --el-color-error-light-7: #fcd3d3;
67
+ --el-color-error-light-8: #fde2e2;
68
+ --el-color-error-light-9: #fef0f0;
69
+ --el-color-error-dark-2: #c45656;
70
+
71
+ /* 信息色 */
72
+ --el-color-info: #909399;
73
+ --el-color-info-light-3: #b1b3b8;
74
+ --el-color-info-light-5: #c8c9cc;
75
+ --el-color-info-light-7: #dedfe0;
76
+ --el-color-info-light-8: #e9e9eb;
77
+ --el-color-info-light-9: #f4f4f5;
78
+ --el-color-info-dark-2: #73767a;
79
+
80
+ /* 背景色 */
81
+ --el-bg-color: #ffffff;
82
+ --el-bg-color-page: #f2f3f5;
83
+ --el-bg-color-overlay: #ffffff;
84
+ --el-bg-color-block: #ffffff;
85
+
86
+ /* 文字色 */
87
+ --el-text-color-primary: #303133;
88
+ --el-text-color-regular: #606266;
89
+ --el-text-color-secondary: #909399;
90
+ --el-text-color-placeholder: #a8abb2;
91
+ --el-text-color-disabled: #c0c4cc;
92
+
93
+ /* 边框色 */
94
+ --el-border-color: #dcdfe6;
95
+ --el-border-color-light: #e4e7ed;
96
+ --el-border-color-lighter: #ebeef5;
97
+ --el-border-color-extra-light: #f2f6fc;
98
+ --el-border-color-dark: #d4d7de;
99
+ --el-border-color-darker: #cdd0d6;
100
+
101
+ /* 填充色 */
102
+ --el-fill-color: #f0f2f5;
103
+ --el-fill-color-light: #f5f7fa;
104
+ --el-fill-color-lighter: #fafafa;
105
+ --el-fill-color-extra-light: #fafcff;
106
+ --el-fill-color-dark: #ebedf0;
107
+ --el-fill-color-darker: #e6e8eb;
108
+ --el-fill-color-blank: #ffffff;
109
+
110
+ /* 阴影 */
111
+ --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
112
+ --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);
113
+ --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
114
+ --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
115
+
116
+ /* 禁用状态 */
117
+ --el-disabled-bg-color: var(--el-fill-color-light);
118
+ --el-disabled-text-color: var(--el-text-color-placeholder);
119
+ --el-disabled-border-color: var(--el-border-color-light);
120
+
121
+ /* 遮罩 */
122
+ --el-overlay-color: rgba(0, 0, 0, .8);
123
+ --el-overlay-color-light: rgba(0, 0, 0, .7);
124
+ --el-overlay-color-lighter: rgba(0, 0, 0, .5);
125
+ --el-mask-color: rgba(255, 255, 255, .9);
126
+ --el-mask-color-extra-light: rgba(255, 255, 255, .3);
127
+
128
+ /* 边框 */
129
+ --el-border-width: 1px;
130
+ --el-border-style: solid;
131
+ --el-border-color-hover: var(--el-text-color-disabled);
132
+ --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
133
+
134
+ /* 字体 */
135
+ --el-font-size-extra-large: 20px;
136
+ --el-font-size-large: 18px;
137
+ --el-font-size-medium: 16px;
138
+ --el-font-size-base: 14px;
139
+ --el-font-size-small: 13px;
140
+ --el-font-size-extra-small: 12px;
141
+ --el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
142
+ --el-font-weight-primary: 500;
143
+
144
+ /* 圆角 */
145
+ --el-border-radius-base: 4px;
146
+ --el-border-radius-small: 2px;
147
+ --el-border-radius-round: 20px;
148
+ --el-border-radius-circle: 100%;
149
+
150
+ /* 过渡 */
151
+ --el-transition-duration: .3s;
152
+ --el-transition-duration-fast: .2s;
153
+ --el-transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);
154
+ --el-transition-fast-bezier: cubic-bezier(.23, 1, .32, 1);
155
+ --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
156
+ --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-fast-bezier);
157
+ --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-fast-bezier);
158
+ --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
159
+ --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
160
+ --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
161
+ --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
162
+
163
+ /* 组件尺寸 */
164
+ --el-component-size-large: 40px;
165
+ --el-component-size: 32px;
166
+ --el-component-size-small: 24px;
167
+
168
+ /* 间距 */
169
+ --el-spacing-xs: 8px;
170
+ --el-spacing-sm: 12px;
171
+ --el-spacing-md: 16px;
172
+ --el-spacing-lg: 24px;
173
+ --el-spacing-xl: 32px;
174
+
175
+ /* 层级 */
176
+ --el-index-normal: 1;
177
+ --el-index-top: 1000;
178
+ --el-index-popper: 2000;
179
+ }
180
+
181
+ /* ==================== 暗色主题 ==================== */
182
+ :root[data-theme="dark"],
183
+ [data-theme="dark"],
184
+ html.dark {
185
+ color-scheme: dark;
186
+
187
+ /* 主色 - 暗色下稍亮 */
188
+ --el-color-primary: #409eff;
189
+ --el-color-primary-light-3: #3375b9;
190
+ --el-color-primary-light-5: #2a598a;
191
+ --el-color-primary-light-7: #213d5b;
192
+ --el-color-primary-light-8: #1d3043;
193
+ --el-color-primary-light-9: #18222b;
194
+ --el-color-primary-dark-2: #66b1ff;
195
+
196
+ /* 成功色 */
197
+ --el-color-success: #67c23a;
198
+ --el-color-success-light-3: #4e8e2f;
199
+ --el-color-success-light-5: #3e6b27;
200
+ --el-color-success-light-7: #2d481f;
201
+ --el-color-success-light-8: #25371c;
202
+ --el-color-success-light-9: #1c2518;
203
+ --el-color-success-dark-2: #85ce61;
204
+
205
+ /* 警告色 */
206
+ --el-color-warning: #e6a23c;
207
+ --el-color-warning-light-3: #a77730;
208
+ --el-color-warning-light-5: #7d5b28;
209
+ --el-color-warning-light-7: #533f20;
210
+ --el-color-warning-light-8: #3e301c;
211
+ --el-color-warning-light-9: #292218;
212
+ --el-color-warning-dark-2: #ebb563;
213
+
214
+ /* 危险色 */
215
+ --el-color-danger: #f56c6c;
216
+ --el-color-danger-light-3: #b25252;
217
+ --el-color-danger-light-5: #854040;
218
+ --el-color-danger-light-7: #582e2e;
219
+ --el-color-danger-light-8: #412626;
220
+ --el-color-danger-light-9: #2a1d1d;
221
+ --el-color-danger-dark-2: #f78989;
222
+
223
+ /* 错误色 */
224
+ --el-color-error: #f56c6c;
225
+ --el-color-error-light-3: #b25252;
226
+ --el-color-error-light-5: #854040;
227
+ --el-color-error-light-7: #582e2e;
228
+ --el-color-error-light-8: #412626;
229
+ --el-color-error-light-9: #2a1d1d;
230
+ --el-color-error-dark-2: #f78989;
231
+
232
+ /* 信息色 */
233
+ --el-color-info: #909399;
234
+ --el-color-info-light-3: #6b6d71;
235
+ --el-color-info-light-5: #525457;
236
+ --el-color-info-light-7: #393a3c;
237
+ --el-color-info-light-8: #2d2d2f;
238
+ --el-color-info-light-9: #202121;
239
+ --el-color-info-dark-2: #a6a9ad;
240
+
241
+ /* 背景色 */
242
+ --el-bg-color: #141414;
243
+ --el-bg-color-page: #0a0a0a;
244
+ --el-bg-color-overlay: #1d1e1f;
245
+ --el-bg-color-block: #141414;
246
+
247
+ /* 文字色 */
248
+ --el-text-color-primary: #E5EAF3;
249
+ --el-text-color-regular: #CFD3DC;
250
+ --el-text-color-secondary: #A3A6AD;
251
+ --el-text-color-placeholder: #8D9095;
252
+ --el-text-color-disabled: #6C6E72;
253
+
254
+ /* 边框色 */
255
+ --el-border-color: #4C4D4F;
256
+ --el-border-color-light: #414243;
257
+ --el-border-color-lighter: #363637;
258
+ --el-border-color-extra-light: #2B2B2C;
259
+ --el-border-color-dark: #58585B;
260
+ --el-border-color-darker: #636466;
261
+
262
+ /* 填充色 */
263
+ --el-fill-color: #303030;
264
+ --el-fill-color-light: #262727;
265
+ --el-fill-color-lighter: #1D1D1D;
266
+ --el-fill-color-extra-light: #191919;
267
+ --el-fill-color-dark: #39393A;
268
+ --el-fill-color-darker: #424243;
269
+ --el-fill-color-blank: #141414;
270
+
271
+ /* 阴影 */
272
+ --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72);
273
+ --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);
274
+ --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);
275
+ --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;
276
+
277
+ /* 遮罩 */
278
+ --el-mask-color: rgba(0, 0, 0, .8);
279
+ --el-mask-color-extra-light: rgba(0, 0, 0, .3);
280
+ }