vue2-client 1.3.8 → 1.3.9
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 +1 -1
- package/package.json +1 -1
- package/src/base-client/components/common/AddressSearchCombobox/AddressSearchCombobox.vue +3 -3
- package/src/base-client/components/common/CustomColumnsDrawer/index.md +46 -46
- package/src/base-client/components/common/JSONToTree/jsontotree.vue +275 -275
- package/src/base-client/components/system/LogDetailsView/LogDetailsView.vue +376 -372
- package/src/base-client/components/ticket/TicketDetailsView/TicketDetailsView.vue +13 -12
- package/src/base-client/components/ticket/TicketDetailsView/index.md +29 -29
- package/src/base-client/components/ticket/TicketDetailsView/part/TicketDetailsFlow.vue +260 -260
- package/src/base-client/components/ticket/TicketSubmitSuccessView/index.md +29 -29
- package/src/base-client/plugins/AppData.js +4 -6
- package/src/base-client/plugins/GetLoginInfoService.js +252 -252
- package/src/base-client/plugins/PagedList.js +3 -3
- package/src/base-client/plugins/i18n-extend.js +32 -32
- package/src/components/Ellipsis/index.md +38 -38
- package/src/components/NumberInfo/index.md +43 -43
- package/src/components/STable/README.md +341 -341
- package/src/components/Trend/index.md +45 -45
- package/src/components/checkbox/ColorCheckbox.vue +157 -157
- package/src/components/checkbox/ImgCheckbox.vue +163 -163
- package/src/components/exception/ExceptionPage.vue +70 -70
- package/src/components/form/FormRow.vue +52 -52
- package/src/components/menu/SideMenu.vue +62 -62
- package/src/components/menu/menu.js +273 -273
- package/src/components/setting/Setting.vue +235 -235
- package/src/components/table/advance/ActionColumns.vue +158 -158
- package/src/components/table/advance/SearchArea.vue +355 -355
- package/src/components/tool/AStepItem.vue +60 -60
- package/src/components/tool/AvatarList.vue +68 -69
- package/src/components/tool/Drawer.vue +142 -142
- package/src/components/transition/PageToggleTransition.vue +97 -97
- package/src/config/replacer/resolve.config.js +67 -67
- package/src/layouts/AdminLayout.vue +174 -174
- package/src/layouts/header/AdminHeader.vue +3 -3
- package/src/layouts/header/HeaderSearch.vue +67 -67
- package/src/layouts/header/InstitutionDetail.vue +181 -0
- package/src/layouts/tabs/TabsHead.vue +190 -190
- package/src/layouts/tabs/TabsView.vue +379 -379
- package/src/mock/goods/index.js +108 -108
- package/src/pages/report/ReportTable.js +124 -125
- package/src/theme/default/nprogress.less +76 -76
- package/src/utils/colors.js +103 -103
- package/src/utils/excel/Blob.js +53 -54
- package/src/utils/excel/Export2Excel.js +4 -4
- package/src/utils/formatter.js +68 -68
- package/src/utils/i18n.js +1 -1
- package/src/utils/routerUtil.js +3 -3
- package/src/utils/theme-color-replacer-extend.js +3 -3
- package/src/utils/themeUtil.js +100 -102
- package/src/utils/util.js +2 -2
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
# Ellipsis 文本自动省略号
|
|
2
|
-
|
|
3
|
-
文本过长自动处理省略号,支持按照文本长度和最大行数两种方式截取。
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
引用方式:
|
|
8
|
-
|
|
9
|
-
```javascript
|
|
10
|
-
import Ellipsis from '@vue2-client/components/Ellipsis'
|
|
11
|
-
|
|
12
|
-
export default {
|
|
13
|
-
components: {
|
|
14
|
-
Ellipsis
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
## 代码演示 [demo](https://pro.loacg.com/test/home)
|
|
22
|
-
|
|
23
|
-
```html
|
|
24
|
-
<ellipsis :length="100" tooltip>
|
|
25
|
-
There were injuries alleged in three cases in 2015, and a
|
|
26
|
-
fourth incident in September, according to the safety recall report. After meeting with US regulators in October, the firm decided to issue a voluntary recall.
|
|
27
|
-
</ellipsis>
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
## API
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
参数
|
|
36
|
-
|
|
37
|
-
tooltip | 移动到文本展示完整内容的提示
|
|
38
|
-
length
|
|
1
|
+
# Ellipsis 文本自动省略号
|
|
2
|
+
|
|
3
|
+
文本过长自动处理省略号,支持按照文本长度和最大行数两种方式截取。
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
引用方式:
|
|
8
|
+
|
|
9
|
+
```javascript
|
|
10
|
+
import Ellipsis from '@vue2-client/components/Ellipsis'
|
|
11
|
+
|
|
12
|
+
export default {
|
|
13
|
+
components: {
|
|
14
|
+
Ellipsis
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
## 代码演示 [demo](https://pro.loacg.com/test/home)
|
|
22
|
+
|
|
23
|
+
```html
|
|
24
|
+
<ellipsis :length="100" tooltip>
|
|
25
|
+
There were injuries alleged in three cases in 2015, and a
|
|
26
|
+
fourth incident in September, according to the safety recall report. After meeting with US regulators in October, the firm decided to issue a voluntary recall.
|
|
27
|
+
</ellipsis>
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
## API
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
| 参数 | 说明 | 类型 | 默认值 |
|
|
36
|
+
|---------|--------------------------|---------|-----|
|
|
37
|
+
| tooltip | 移动到文本展示完整内容的提示 | boolean | - |
|
|
38
|
+
| length | 在按照长度截取下的文本最大字符数,超过则截取省略 | number | - |
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
# NumberInfo 数据文本
|
|
2
|
-
|
|
3
|
-
常用在数据卡片中,用于突出展示某个业务数据。
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
引用方式:
|
|
8
|
-
|
|
9
|
-
```javascript
|
|
10
|
-
import NumberInfo from '@vue2-client/components/NumberInfo'
|
|
11
|
-
|
|
12
|
-
export default {
|
|
13
|
-
components: {
|
|
14
|
-
NumberInfo
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
## 代码演示 [demo](https://pro.loacg.com/test/home)
|
|
22
|
-
|
|
23
|
-
```html
|
|
24
|
-
<number-info
|
|
25
|
-
:sub-title="() => { return 'Visits this week' }"
|
|
26
|
-
:total="12321"
|
|
27
|
-
status="up"
|
|
28
|
-
:sub-total="17.1"></number-info>
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
## API
|
|
34
|
-
|
|
35
|
-
参数
|
|
36
|
-
|
|
37
|
-
title
|
|
38
|
-
subTitle | 子标题
|
|
39
|
-
total
|
|
40
|
-
subTotal | 子总量
|
|
41
|
-
status
|
|
42
|
-
theme
|
|
43
|
-
gap |
|
|
1
|
+
# NumberInfo 数据文本
|
|
2
|
+
|
|
3
|
+
常用在数据卡片中,用于突出展示某个业务数据。
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
引用方式:
|
|
8
|
+
|
|
9
|
+
```javascript
|
|
10
|
+
import NumberInfo from '@vue2-client/components/NumberInfo'
|
|
11
|
+
|
|
12
|
+
export default {
|
|
13
|
+
components: {
|
|
14
|
+
NumberInfo
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
## 代码演示 [demo](https://pro.loacg.com/test/home)
|
|
22
|
+
|
|
23
|
+
```html
|
|
24
|
+
<number-info
|
|
25
|
+
:sub-title="() => { return 'Visits this week' }"
|
|
26
|
+
:total="12321"
|
|
27
|
+
status="up"
|
|
28
|
+
:sub-total="17.1"></number-info>
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
## API
|
|
34
|
+
|
|
35
|
+
| 参数 | 说明 | 类型 | 默认值 |
|
|
36
|
+
|----------|------------------|------------|---------|
|
|
37
|
+
| title | 标题 | ReactNode\ | string | -
|
|
38
|
+
| subTitle | 子标题 | ReactNode\ | string | -
|
|
39
|
+
| total | 总量 | ReactNode\ | string | -
|
|
40
|
+
| subTotal | 子总量 | ReactNode\ | string | -
|
|
41
|
+
| status | 增加状态 | 'up \ | down' | -
|
|
42
|
+
| theme | 状态样式 | string | 'light' |
|
|
43
|
+
| gap | 设置数字和描述之间的间距(像素) | number | 8 |
|