xt-element-ui 1.3.2 → 1.3.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.
- package/CHANGELOG.md +72 -72
- package/LICENSE +21 -21
- package/README.md +240 -240
- package/docs/README.md +100 -100
- package/docs/components/base/xt-button.md +114 -114
- package/docs/components/base/xt-card-item.md +104 -104
- package/docs/components/base/xt-card.md +108 -108
- package/docs/components/base/xt-config-provider.md +199 -199
- package/docs/components/base/xt-flex-box.md +115 -115
- package/docs/components/base/xt-grid-box.md +302 -302
- package/docs/components/base/xt-input.md +150 -150
- package/docs/components/base/xt-map-provider.md +23 -0
- package/docs/components/base/xt-map.md +331 -331
- package/docs/components/base/xt-step-price.md +165 -165
- package/docs/components/base/xt-text.md +212 -212
- package/docs/components/base/xt-time.md +165 -165
- package/docs/components/extend/ex-bar.md +67 -67
- package/docs/components/extend/ex-button.md +62 -62
- package/docs/components/extend/ex-card.md +86 -86
- package/docs/components/extend/ex-chart.md +463 -463
- package/docs/components/extend/ex-icon.md +189 -189
- package/docs/components/extend/ex-line.md +70 -70
- package/docs/components/extend/ex-multi.md +155 -155
- package/docs/components/extend/ex-pie.md +69 -69
- package/docs/components/extend/ex-select-tree.md +210 -210
- package/docs/components/extend/ex-table.md +590 -590
- package/docs/components/extend/ex-upload.md +134 -134
- package/docs/components/utils/size.md +147 -147
- package/docs/components/utils/theme.md +182 -182
- package/lib/index.common.js +4131 -4162
- package/lib/index.css +1 -1
- package/lib/index.umd.js +4099 -4129
- package/lib/index.umd.min.js +3 -3
- package/package.json +80 -81
- package/src/components/ex-button/index.js +7 -7
- package/src/components/ex-button/index.vue +66 -66
- package/src/components/ex-button/style/index.scss +67 -67
- package/src/components/ex-card/index.js +7 -7
- package/src/components/ex-card/index.vue +68 -68
- package/src/components/ex-card/style/index.scss +73 -73
- package/src/components/ex-chart/index.js +7 -7
- package/src/components/ex-chart/index.vue +136 -136
- package/src/components/ex-date-picker/index.js +7 -7
- package/src/components/ex-icon/index.js +7 -7
- package/src/components/ex-icon/index.vue +168 -168
- package/src/components/ex-icon/style/index.scss +7 -7
- package/src/components/ex-page/index.js +7 -7
- package/src/components/ex-select-tree/index.js +7 -7
- package/src/components/ex-table/ExTableCell.vue +22 -22
- package/src/components/ex-table/index.js +7 -7
- package/src/components/ex-table/virtualScrollData.js +35 -35
- package/src/components/ex-upload/index.js +7 -7
- package/src/components/index.scss +39 -39
- package/src/components/xt-button/index.js +7 -7
- package/src/components/xt-button/index.vue +97 -97
- package/src/components/xt-card/index.js +7 -7
- package/src/components/xt-card/style/index.scss +48 -48
- package/src/components/xt-card-item/index.js +7 -7
- package/src/components/xt-card-item/style/index copy.scss +71 -71
- package/src/components/xt-card-item/style/index.scss +82 -82
- package/src/components/xt-config-provider/index.js +7 -7
- package/src/components/xt-config-provider/index.vue +362 -362
- package/src/components/xt-config-provider/style/index.scss +11 -11
- package/src/components/xt-flex-box/index.js +7 -7
- package/src/components/xt-flex-box/style/index.scss +81 -81
- package/src/components/xt-grid-box/index.js +7 -7
- package/src/components/xt-grid-box/style/index.scss +92 -92
- package/src/components/xt-grid-item/index.js +7 -7
- package/src/components/xt-grid-item/index.vue +106 -106
- package/src/components/xt-input/index.js +7 -7
- package/src/components/xt-input/index.vue +66 -66
- package/src/components/xt-input/style/index.scss +84 -84
- package/src/components/xt-map/adapters/amap.js +235 -235
- package/src/components/xt-map/adapters/baidu.js +254 -254
- package/src/components/xt-map/adapters/base.js +267 -267
- package/src/components/xt-map/adapters/index.js +29 -29
- package/src/components/xt-map/adapters/tianditu.js +242 -242
- package/src/components/xt-map/config/xt-map-config.js +197 -197
- package/src/components/xt-map/index.js +8 -30
- package/src/components/xt-map/index.vue +351 -351
- package/src/components/xt-map/loaders/script-loader.js +114 -114
- package/src/components/xt-map/provider.vue +200 -200
- package/src/components/xt-map/style/index.scss +77 -77
- package/src/components/xt-map-provider/index.js +8 -0
- package/src/components/xt-step-price/index.js +10 -10
- package/src/components/xt-step-price/index.vue +272 -272
- package/src/components/xt-step-price/style/index.scss +123 -123
- package/src/components/xt-step-price-item/index.js +7 -7
- package/src/components/xt-step-price-item/index.vue +187 -187
- package/src/components/xt-text/index.js +7 -7
- package/src/components/xt-text/index.vue +1 -1
- package/src/components/xt-text/style/index.scss +92 -92
- package/src/components/xt-time/index.js +7 -7
- package/src/components/xt-time/index.vue +313 -313
- package/src/components/xt-time/style/index.scss +23 -23
- package/src/config/element-registry.js +135 -135
- package/src/index.js +162 -178
- package/src/styles/css-variables.scss +257 -257
- package/src/styles/theme/background.scss +5 -5
- package/src/styles/theme/border-radius.scss +3 -3
- package/src/styles/theme/borders.scss +3 -3
- package/src/styles/theme/colors.scss +101 -101
- package/src/styles/theme/component-variables.scss +69 -69
- package/src/styles/theme/dark-variables.scss +28 -28
- package/src/styles/theme/font.scss +12 -12
- package/src/styles/theme/index.scss +11 -11
- package/src/styles/theme/shadows.scss +2 -2
- package/src/styles/theme/spacing.scss +4 -4
- package/src/styles/theme/transitions.scss +2 -2
- package/src/styles/theme/typography.scss +4 -4
- package/src/styles/variables-export.scss +85 -85
- 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 属性) |
|