xt-element-ui 1.3.3 → 1.4.0

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 (124) hide show
  1. package/CHANGELOG.md +72 -72
  2. package/LICENSE +21 -21
  3. package/README.md +240 -240
  4. package/docs/README.md +100 -100
  5. package/docs/components/base/xt-button.md +114 -114
  6. package/docs/components/base/xt-card-item.md +104 -104
  7. package/docs/components/base/xt-card.md +108 -108
  8. package/docs/components/base/xt-config-provider.md +199 -199
  9. package/docs/components/base/xt-flex-box.md +115 -115
  10. package/docs/components/base/xt-grid-box.md +302 -302
  11. package/docs/components/base/xt-input.md +150 -150
  12. package/docs/components/base/xt-map-provider.md +23 -23
  13. package/docs/components/base/xt-map.md +331 -331
  14. package/docs/components/base/xt-step-price.md +165 -165
  15. package/docs/components/base/xt-text.md +212 -212
  16. package/docs/components/base/xt-time.md +165 -165
  17. package/docs/components/extend/ex-bar.md +67 -67
  18. package/docs/components/extend/ex-button.md +62 -62
  19. package/docs/components/extend/ex-card.md +86 -86
  20. package/docs/components/extend/ex-chart.md +463 -463
  21. package/docs/components/extend/ex-icon.md +189 -189
  22. package/docs/components/extend/ex-line.md +70 -70
  23. package/docs/components/extend/ex-multi.md +155 -155
  24. package/docs/components/extend/ex-pie.md +69 -69
  25. package/docs/components/extend/ex-select-tree.md +210 -210
  26. package/docs/components/extend/ex-table.md +590 -590
  27. package/docs/components/extend/ex-upload.md +134 -134
  28. package/docs/components/utils/size.md +147 -147
  29. package/docs/components/utils/theme.md +182 -182
  30. package/lib/index.common.js +4575 -4186
  31. package/lib/index.css +1 -1
  32. package/lib/index.umd.js +4475 -4085
  33. package/lib/index.umd.min.js +5 -5
  34. package/package.json +80 -81
  35. package/src/components/ex-button/index.js +7 -7
  36. package/src/components/ex-button/index.vue +66 -66
  37. package/src/components/ex-button/style/index.scss +67 -67
  38. package/src/components/ex-card/index.js +7 -7
  39. package/src/components/ex-card/index.vue +68 -68
  40. package/src/components/ex-card/style/index.scss +73 -73
  41. package/src/components/ex-chart/index.js +7 -7
  42. package/src/components/ex-chart/index.vue +136 -136
  43. package/src/components/ex-chart/theme/dark.js +4 -1
  44. package/src/components/ex-date-picker/index.js +7 -7
  45. package/src/components/ex-icon/index.js +7 -7
  46. package/src/components/ex-icon/index.vue +168 -168
  47. package/src/components/ex-icon/style/index.scss +7 -7
  48. package/src/components/ex-page/index.js +7 -7
  49. package/src/components/ex-select-tree/index.js +7 -7
  50. package/src/components/ex-table/ExTableCell.vue +22 -22
  51. package/src/components/ex-table/index.js +7 -7
  52. package/src/components/ex-table/virtualScrollData.js +35 -35
  53. package/src/components/ex-upload/index.js +7 -7
  54. package/src/components/index.scss +49 -40
  55. package/src/components/xt-badge/index.js +7 -0
  56. package/src/components/xt-badge/index.vue +71 -0
  57. package/src/components/xt-badge/style/index.scss +88 -0
  58. package/src/components/xt-button/index.js +7 -7
  59. package/src/components/xt-button/index.vue +97 -97
  60. package/src/components/xt-card/index.js +7 -7
  61. package/src/components/xt-card/style/index.scss +48 -48
  62. package/src/components/xt-card-item/index.js +7 -7
  63. package/src/components/xt-card-item/index.vue +5 -5
  64. package/src/components/xt-card-item/style/index copy.scss +71 -71
  65. package/src/components/xt-card-item/style/index.scss +82 -82
  66. package/src/components/xt-config-provider/index.js +7 -7
  67. package/src/components/xt-config-provider/index.vue +362 -362
  68. package/src/components/xt-config-provider/style/index.scss +11 -11
  69. package/src/components/xt-flex-box/index.js +7 -7
  70. package/src/components/xt-flex-box/style/index.scss +81 -81
  71. package/src/components/xt-grid-box/index.js +7 -7
  72. package/src/components/xt-grid-box/style/index.scss +92 -92
  73. package/src/components/xt-grid-item/index.js +7 -7
  74. package/src/components/xt-grid-item/index.vue +106 -106
  75. package/src/components/xt-input/index.js +7 -7
  76. package/src/components/xt-input/index.vue +66 -66
  77. package/src/components/xt-input/style/index.scss +84 -84
  78. package/src/components/xt-map/adapters/amap.js +235 -235
  79. package/src/components/xt-map/adapters/baidu.js +254 -254
  80. package/src/components/xt-map/adapters/base.js +267 -267
  81. package/src/components/xt-map/adapters/index.js +29 -29
  82. package/src/components/xt-map/adapters/tianditu.js +242 -242
  83. package/src/components/xt-map/config/xt-map-config.js +197 -197
  84. package/src/components/xt-map/index.js +8 -8
  85. package/src/components/xt-map/index.vue +351 -351
  86. package/src/components/xt-map/loaders/script-loader.js +114 -114
  87. package/src/components/xt-map/provider.vue +200 -200
  88. package/src/components/xt-map/style/index.scss +77 -77
  89. package/src/components/xt-map-provider/index.js +8 -8
  90. package/src/components/xt-progress/index.js +7 -0
  91. package/src/components/xt-progress/index.vue +103 -0
  92. package/src/components/xt-progress/style/index.scss +119 -0
  93. package/src/components/xt-step-price/index.js +10 -10
  94. package/src/components/xt-step-price/index.vue +272 -272
  95. package/src/components/xt-step-price/style/index.scss +123 -123
  96. package/src/components/xt-step-price-item/index.js +7 -7
  97. package/src/components/xt-step-price-item/index.vue +187 -187
  98. package/src/components/xt-tabs/TabPane.vue +36 -0
  99. package/src/components/xt-tabs/index.js +10 -0
  100. package/src/components/xt-tabs/index.vue +113 -0
  101. package/src/components/xt-tabs/style/index.scss +197 -0
  102. package/src/components/xt-text/index.js +7 -7
  103. package/src/components/xt-text/index.vue +16 -2
  104. package/src/components/xt-text/style/index.scss +110 -92
  105. package/src/components/xt-time/index.js +7 -7
  106. package/src/components/xt-time/index.vue +313 -313
  107. package/src/components/xt-time/style/index.scss +23 -23
  108. package/src/config/element-registry.js +135 -135
  109. package/src/index.js +169 -178
  110. package/src/styles/css-variables.scss +257 -257
  111. package/src/styles/theme/background.scss +5 -5
  112. package/src/styles/theme/border-radius.scss +3 -3
  113. package/src/styles/theme/borders.scss +3 -3
  114. package/src/styles/theme/colors.scss +101 -101
  115. package/src/styles/theme/component-variables.scss +69 -69
  116. package/src/styles/theme/dark-variables.scss +28 -28
  117. package/src/styles/theme/font.scss +12 -12
  118. package/src/styles/theme/index.scss +11 -11
  119. package/src/styles/theme/shadows.scss +2 -2
  120. package/src/styles/theme/spacing.scss +4 -4
  121. package/src/styles/theme/transitions.scss +2 -2
  122. package/src/styles/theme/typography.scss +4 -4
  123. package/src/styles/variables-export.scss +85 -85
  124. package/src/utils/index.js +191 -202
@@ -1,86 +1,86 @@
1
- ## ExCard 卡片
2
-
3
- 基于 ElementUI 卡片封装,支持多种阴影模式和字体大小配置。
4
-
5
- ## 基础用法
6
-
7
- ::: demo 基础用法
8
- ```vue
9
- <template>
10
- <ex-card title="卡片标题">
11
- <p>这是卡片内容</p>
12
- </ex-card>
13
- </template>
14
- ```
15
- :::
16
-
17
- ## 阴影模式
18
-
19
- 支持三种阴影模式:`always`、`hover`、`never`
20
-
21
- ::: demo 阴影模式
22
- ```vue
23
- <template>
24
- <div>
25
- <ex-card shadow="always">始终显示阴影</ex-card>
26
- <ex-card shadow="hover">悬停时显示阴影</ex-card>
27
- <ex-card shadow="never">不显示阴影</ex-card>
28
- </div>
29
- </template>
30
- ```
31
- :::
32
-
33
- ## 字体大小
34
-
35
- 支持三种尺寸:`small`、`medium`、`large`
36
-
37
- ::: demo 字体大小
38
- ```vue
39
- <template>
40
- <div>
41
- <ex-card size="small" title="小卡片">
42
- <p>小尺寸卡片内容</p>
43
- </ex-card>
44
- <ex-card size="medium" title="中卡片">
45
- <p>中等尺寸卡片内容</p>
46
- </ex-card>
47
- <ex-card size="large" title="大卡片">
48
- <p>大尺寸卡片内容</p>
49
- </ex-card>
50
- </div>
51
- </template>
52
- ```
53
- :::
54
-
55
- ## 继承 ConfigProvider 配置
56
-
57
- 当 ExCard 被包裹在 XtConfigProvider 中时,会自动继承字体大小配置。
58
-
59
- ::: demo 继承配置
60
- ```vue
61
- <template>
62
- <xt-config-provider size="large">
63
- <ex-card title="卡片标题">
64
- <p>自动继承大字体配置</p>
65
- </ex-card>
66
- </xt-config-provider>
67
- </template>
68
- ```
69
- :::
70
-
71
- ## Attributes
72
-
73
- | 参数 | 说明 | 类型 | 可选值 | 默认值 |
74
- |------|------|------|--------|--------|
75
- | title | 卡片标题 | string | — | — |
76
- | shadow | 阴影显示模式 | string | always/hover/never | always |
77
- | bordered | 是否显示边框 | boolean | — | true |
78
- | size | 卡片尺寸 | string | small/medium/large | — |
79
- | body-class | 卡片 body 的类名 | string | — | — |
80
-
81
- ## Slots
82
-
83
- | 名称 | 说明 |
84
- |------|------|
85
- | — | 卡片内容 |
86
- | header | 卡片头部内容(优先级高于 title 属性) |
1
+ ## ExCard 卡片
2
+
3
+ 基于 ElementUI 卡片封装,支持多种阴影模式和字体大小配置。
4
+
5
+ ## 基础用法
6
+
7
+ ::: demo 基础用法
8
+ ```vue
9
+ <template>
10
+ <ex-card title="卡片标题">
11
+ <p>这是卡片内容</p>
12
+ </ex-card>
13
+ </template>
14
+ ```
15
+ :::
16
+
17
+ ## 阴影模式
18
+
19
+ 支持三种阴影模式:`always`、`hover`、`never`
20
+
21
+ ::: demo 阴影模式
22
+ ```vue
23
+ <template>
24
+ <div>
25
+ <ex-card shadow="always">始终显示阴影</ex-card>
26
+ <ex-card shadow="hover">悬停时显示阴影</ex-card>
27
+ <ex-card shadow="never">不显示阴影</ex-card>
28
+ </div>
29
+ </template>
30
+ ```
31
+ :::
32
+
33
+ ## 字体大小
34
+
35
+ 支持三种尺寸:`small`、`medium`、`large`
36
+
37
+ ::: demo 字体大小
38
+ ```vue
39
+ <template>
40
+ <div>
41
+ <ex-card size="small" title="小卡片">
42
+ <p>小尺寸卡片内容</p>
43
+ </ex-card>
44
+ <ex-card size="medium" title="中卡片">
45
+ <p>中等尺寸卡片内容</p>
46
+ </ex-card>
47
+ <ex-card size="large" title="大卡片">
48
+ <p>大尺寸卡片内容</p>
49
+ </ex-card>
50
+ </div>
51
+ </template>
52
+ ```
53
+ :::
54
+
55
+ ## 继承 ConfigProvider 配置
56
+
57
+ 当 ExCard 被包裹在 XtConfigProvider 中时,会自动继承字体大小配置。
58
+
59
+ ::: demo 继承配置
60
+ ```vue
61
+ <template>
62
+ <xt-config-provider size="large">
63
+ <ex-card title="卡片标题">
64
+ <p>自动继承大字体配置</p>
65
+ </ex-card>
66
+ </xt-config-provider>
67
+ </template>
68
+ ```
69
+ :::
70
+
71
+ ## Attributes
72
+
73
+ | 参数 | 说明 | 类型 | 可选值 | 默认值 |
74
+ |------|------|------|--------|--------|
75
+ | title | 卡片标题 | string | — | — |
76
+ | shadow | 阴影显示模式 | string | always/hover/never | always |
77
+ | bordered | 是否显示边框 | boolean | — | true |
78
+ | size | 卡片尺寸 | string | small/medium/large | — |
79
+ | body-class | 卡片 body 的类名 | string | — | — |
80
+
81
+ ## Slots
82
+
83
+ | 名称 | 说明 |
84
+ |------|------|
85
+ | — | 卡片内容 |
86
+ | header | 卡片头部内容(优先级高于 title 属性) |