@netang/quasar 0.0.96 → 0.0.98
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/_docs/docs/components/dialog.md +35 -1
- package/_docs/docs/components/empty.md +7 -5
- package/_docs/docs/components/img.md +21 -17
- package/_docs/docs/components/input-number.md +13 -13
- package/_docs/docs/components/thumbnail.md +10 -3
- package/_docs/docs/utils/table.md +10 -11
- package/components/column-title/index.vue +6 -4
- package/components/img/index.vue +2 -3
- package/components/table-column-fixed/index.vue +1 -1
- package/package.json +1 -1
- package/sass/quasar/field.scss +21 -0
- package/utils/getData.js +1 -1
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
|-----------------|----------|---------------------|-----|-------|
|
|
12
12
|
| value / v-model | 绑定值（必填） | - | - | - |
|
|
13
13
|
| name | 组件标识 | `String` | - | - |
|
|
14
|
-
|
|
|
14
|
+
| path | 路由组件路径 | `String` | - | - |
|
|
15
|
+
| query | 路由组件参数 | `Object` | - | - |
|
|
15
16
|
| props | 组件传参 | `Object` | - | - |
|
|
16
17
|
| title | 标题 | `String` | - | - |
|
|
17
18
|
| close | 是否显示关闭按钮 | `Boolean` | - | true |
|
|
@@ -23,3 +24,36 @@
|
|
|
23
24
|
| min-width | 最小宽度 | `String` / `Number` | - | 600px |
|
|
24
25
|
| fullscreen | 是否全屏 | `Boolean` | - | false |
|
|
25
26
|
| page-container | 是否是页面容器 | `Boolean` | - | true |
|
|
27
|
+
|
|
28
|
+
- on-confirm
|
|
29
|
+
|
|
30
|
+
示例
|
|
31
|
+
|
|
32
|
+
```javascript
|
|
33
|
+
// 创建对话框
|
|
34
|
+
$n.dialog.create({
|
|
35
|
+
// 组件标识
|
|
36
|
+
name: 'packageAddSku',
|
|
37
|
+
// 标题
|
|
38
|
+
title: '添加商品',
|
|
39
|
+
// 宽
|
|
40
|
+
width: '80%',
|
|
41
|
+
// 点击确认执行
|
|
42
|
+
async onConfirm(data, hide) {
|
|
43
|
+
if (! data) {
|
|
44
|
+
// 轻提示
|
|
45
|
+
$n.toast({
|
|
46
|
+
message: '请选择数据',
|
|
47
|
+
})
|
|
48
|
+
|
|
49
|
+
setTimeout(()=>{
|
|
50
|
+
// 手动关闭对话框
|
|
51
|
+
hide()
|
|
52
|
+
}, 2000)
|
|
53
|
+
|
|
54
|
+
// 返回 false 则不自动关闭对话框
|
|
55
|
+
return false
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
})
|
|
59
|
+
```
|
|
@@ -4,8 +4,10 @@
|
|
|
4
4
|
空状态
|
|
5
5
|
:::
|
|
6
6
|
|
|
7
|
-
| 属性名
|
|
8
|
-
|
|
9
|
-
| icon
|
|
10
|
-
| icon-size
|
|
11
|
-
|
|
|
7
|
+
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|
|
8
|
+
|------------------|------|---------------------|-----|----------------------------|
|
|
9
|
+
| icon | 图标 | `String` | - | info |
|
|
10
|
+
| icon-size | 图标大小 | `String` / `Number` | - | 70 |
|
|
11
|
+
| descriptionClass | 描述类名 | `String` | - | text-subtitle1 text-grey-7 |
|
|
12
|
+
| description | 描述文字 | `String` | - | - |
|
|
13
|
+
| fit | 撑满全屏 | `Boolean` | - | false |
|
|
@@ -1,21 +1,25 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Img 图片
|
|
2
2
|
|
|
3
3
|
::: tip
|
|
4
|
-
继承 `<q-
|
|
5
|
-
[中文文档](http://www.quasarchs.com/vue-components/
|
|
4
|
+
继承 `<q-img>` 所有特性
|
|
5
|
+
[中文文档](http://www.quasarchs.com/vue-components/img) [英文文档](https://quasar.dev/vue-components/img)
|
|
6
6
|
:::
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
|
19
|
-
|
|
20
|
-
|
|
|
21
|
-
|
|
|
8
|
+
示例
|
|
9
|
+
|
|
10
|
+
```javascript
|
|
11
|
+
<n-img
|
|
12
|
+
src="..."
|
|
13
|
+
/>
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
新增属性
|
|
17
|
+
|
|
18
|
+
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|
|
19
|
+
|-----------------|-----------------------------|---------------------|-----|-------|
|
|
20
|
+
| round | 是否为圆形 | `Boolean` | - | false |
|
|
21
|
+
| rounded | 是否为圆角 | `Boolean` | - | false |
|
|
22
|
+
| error-size | 错误尺寸（发生错误后如果没有定义宽高，则此参数为宽高） | `String` / `Number` | - | 70 |
|
|
23
|
+
| error-icon-size | 错误图标大小 | `Number` | - | md |
|
|
24
|
+
| error-icon | 错误图标 | `String` | - | image |
|
|
25
|
+
| preview | 是否点击放大预览 | `Boolean` | - | false |
|
|
@@ -5,17 +5,17 @@
|
|
|
5
5
|
[中文文档](http://www.quasarchs.com/vue-components/input) [英文文档](https://quasar.dev/vue-components/input)
|
|
6
6
|
:::
|
|
7
7
|
|
|
8
|
-
| 属性名 | 说明
|
|
9
|
-
|
|
10
|
-
| value / v-model | 绑定值（必填）
|
|
11
|
-
| min | 最小值
|
|
12
|
-
| max | 最大值
|
|
13
|
-
| step | 步长, 每次点击时改变的值(默认为 1, centToYuan开启后默认为 100)
|
|
14
|
-
| decimal-length | 小数位数(默认为 0, centToYuan开启后默认为 2)
|
|
15
|
-
| disable-minus | 是否禁用减少按钮
|
|
16
|
-
| disable-plus | 是否禁用增加按钮
|
|
17
|
-
| controls | 是否使用控制按钮
|
|
18
|
-
| center | 居中显示
|
|
19
|
-
| no-empty | 不允许输入的值为空
|
|
20
|
-
| cent-to-yuan | 是否为人民币的分转元
|
|
8
|
+
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|
|
9
|
+
|-----------------|--------------------------------------------------------------------------------------|---------------------|-----|----------------------|
|
|
10
|
+
| value / v-model | 绑定值（必填） | - | - | - |
|
|
11
|
+
| min | 最小值 | `Number` / `String` | - | 0 |
|
|
12
|
+
| max | 最大值 | `Number` / `String` | - | Infinity |
|
|
13
|
+
| step | 步长, 每次点击时改变的值(默认为 1, centToYuan开启后默认为 100) | `Number` / `String` | - | 1 |
|
|
14
|
+
| decimal-length | 小数位数(默认为 0, centToYuan开启后默认为 2) | `Boolean` | - | 0 |
|
|
15
|
+
| disable-minus | 是否禁用减少按钮 | `Boolean` | - | false |
|
|
16
|
+
| disable-plus | 是否禁用增加按钮 | `Boolean` | - | false |
|
|
17
|
+
| controls | 是否使用控制按钮 | `Boolean` | - | false |
|
|
18
|
+
| center | 居中显示 | `Boolean` | - | false |
|
|
19
|
+
| no-empty | 不允许输入的值为空 | `Boolean` | - | false |
|
|
20
|
+
| cent-to-yuan | 是否为人民币的分转元 | `Boolean` | - | false |
|
|
21
21
|
| round-mode | 精度舍入模式 [BigNumber文档](https://mikemcl.github.io/bignumber.js/#constructor-properties) | `Number` | - | BigNumber.ROUND_DOWN |
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
# Thumbnail 缩略图
|
|
2
2
|
|
|
3
3
|
::: tip
|
|
4
|
-
|
|
4
|
+
继承 [`<n-img>`](./img.md) 所有特性
|
|
5
5
|
:::
|
|
6
6
|
|
|
7
7
|
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|
|
8
8
|
|---------|----------|-------------------------------|-----|-------|
|
|
9
|
-
| src | 图片地址 | `String` / `Array` / `Object` | - | - |
|
|
10
9
|
| size | 图片尺寸 | `Number` | - | 40 |
|
|
11
|
-
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
示例
|
|
13
|
+
|
|
14
|
+
```javascript
|
|
15
|
+
<n-thumbnail
|
|
16
|
+
src="..."
|
|
17
|
+
/>
|
|
18
|
+
```
|
|
@@ -63,25 +63,24 @@ $table.create(options: Object): Object
|
|
|
63
63
|
格式化表格按钮
|
|
64
64
|
|
|
65
65
|
```javascript
|
|
66
|
+
import http from '@netang/utils/http'
|
|
67
|
+
|
|
66
68
|
// 创建表格实例
|
|
67
69
|
const $table = $n.$table.create({
|
|
68
70
|
|
|
69
71
|
// 自定义请求方法
|
|
70
|
-
async request({
|
|
71
|
-
return await
|
|
72
|
-
url: '...',
|
|
73
|
-
data,
|
|
74
|
-
})
|
|
72
|
+
async request({ httpOptions, props, rows, selected }) {
|
|
73
|
+
return await http(httpOptions)
|
|
75
74
|
},
|
|
76
75
|
})
|
|
77
76
|
```
|
|
78
77
|
|
|
79
|
-
| 参数名
|
|
80
|
-
|
|
81
|
-
|
|
|
82
|
-
| props
|
|
83
|
-
| rows
|
|
84
|
-
| selected
|
|
78
|
+
| 参数名 | 说明 | 类型 | 示例 |
|
|
79
|
+
|-------------|-----------|----------|-----|
|
|
80
|
+
| httpOptions | http 请求参数 | `Object` | - |
|
|
81
|
+
| props | 表格声明属性 | `Array` | - |
|
|
82
|
+
| rows | 表格行数据 | `Array` | - |
|
|
83
|
+
| selected | 表格已选数据 | `Array` | - |
|
|
85
84
|
|
|
86
85
|
#### formatRow
|
|
87
86
|
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="full-width">
|
|
3
|
-
|
|
3
|
+
|
|
4
|
+
<q-chip
|
|
5
|
+
square
|
|
4
6
|
:label="label"
|
|
5
|
-
|
|
6
|
-
|
|
7
|
+
:clickable="false"
|
|
8
|
+
:ripple="false"
|
|
7
9
|
>
|
|
8
10
|
<!-- 提示信息 -->
|
|
9
11
|
<q-tooltip anchor="center right" self="center left" v-if="tooltip">{{tooltip}}</q-tooltip>
|
|
10
|
-
</q-
|
|
12
|
+
</q-chip>
|
|
11
13
|
|
|
12
14
|
<!-- 插槽 -->
|
|
13
15
|
<slot />
|
package/components/img/index.vue
CHANGED
|
@@ -69,7 +69,6 @@
|
|
|
69
69
|
<script>
|
|
70
70
|
import { computed } from 'vue'
|
|
71
71
|
|
|
72
|
-
import $n_get from 'lodash/get'
|
|
73
72
|
import $n_px from '@netang/utils/px'
|
|
74
73
|
|
|
75
74
|
import $n_getImage from '../../utils/getImage'
|
|
@@ -103,7 +102,7 @@ export default {
|
|
|
103
102
|
rounded: Boolean,
|
|
104
103
|
// 加载旋转器尺寸
|
|
105
104
|
spinnerSize: [ String, Number ],
|
|
106
|
-
// 错误尺寸
|
|
105
|
+
// 错误尺寸(发生错误后如果没有定义宽高, 则此参数为宽高)
|
|
107
106
|
errorSize: {
|
|
108
107
|
type: [ String, Number ],
|
|
109
108
|
default: 70,
|
|
@@ -125,7 +124,7 @@ export default {
|
|
|
125
124
|
/**
|
|
126
125
|
* 组合式
|
|
127
126
|
*/
|
|
128
|
-
setup(props
|
|
127
|
+
setup(props) {
|
|
129
128
|
|
|
130
129
|
// ==========【计算属性】==========================================================================================
|
|
131
130
|
|
package/package.json
CHANGED
package/sass/quasar/field.scss
CHANGED
|
@@ -154,6 +154,22 @@
|
|
|
154
154
|
&.q-textarea.q-field--labeled .q-field__control-container {
|
|
155
155
|
padding-top: 5px;
|
|
156
156
|
}
|
|
157
|
+
|
|
158
|
+
// 底部
|
|
159
|
+
.q-field__bottom {
|
|
160
|
+
position: absolute;
|
|
161
|
+
padding: 0;
|
|
162
|
+
|
|
163
|
+
.q-field__messages {
|
|
164
|
+
position: absolute;
|
|
165
|
+
top: -8px;
|
|
166
|
+
right: 5px;
|
|
167
|
+
line-height: 16px;
|
|
168
|
+
padding: 0 6px;
|
|
169
|
+
border-radius: 6px;
|
|
170
|
+
background-color: #ffffff;
|
|
171
|
+
}
|
|
172
|
+
}
|
|
157
173
|
}
|
|
158
174
|
|
|
159
175
|
&--labeled {
|
|
@@ -189,6 +205,11 @@
|
|
|
189
205
|
.q-field__input {
|
|
190
206
|
z-index: 2;
|
|
191
207
|
}
|
|
208
|
+
|
|
209
|
+
// 底部
|
|
210
|
+
&--with-bottom {
|
|
211
|
+
padding-bottom: 0;
|
|
212
|
+
}
|
|
192
213
|
}
|
|
193
214
|
|
|
194
215
|
&.q-field--auto-height.q-field--labeled .q-field__control-container {
|
package/utils/getData.js
CHANGED
|
@@ -15,7 +15,7 @@ import $n_config from './config'
|
|
|
15
15
|
* @param refValue 请求成功后设置值
|
|
16
16
|
* @returns
|
|
17
17
|
*/
|
|
18
|
-
export default async function getData(url, pageStatus, emptyDescription, refValue) {
|
|
18
|
+
export default async function getData(url, pageStatus = null, emptyDescription = null, refValue = null) {
|
|
19
19
|
|
|
20
20
|
const warn = $n_isNil(pageStatus) || ! isRef(pageStatus)
|
|
21
21
|
|