@netang/quasar 0.0.55 → 0.0.57

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 (61) hide show
  1. package/_docs/docs/.vuepress/client.js +0 -31
  2. package/_docs/docs/.vuepress/configs/sidebar/zh.js +21 -0
  3. package/_docs/docs/components/column-title.md +10 -0
  4. package/_docs/docs/components/data.md +21 -0
  5. package/_docs/docs/components/dialog.md +23 -0
  6. package/_docs/docs/components/dragger.md +26 -0
  7. package/_docs/docs/components/editor-code.md +16 -0
  8. package/_docs/docs/components/empty.md +11 -0
  9. package/_docs/docs/components/field-date.md +16 -0
  10. package/_docs/docs/components/field-table.md +57 -63
  11. package/_docs/docs/components/field-text.md +57 -0
  12. package/_docs/docs/components/field-tree.md +20 -0
  13. package/_docs/docs/components/input-number.md +21 -0
  14. package/_docs/docs/components/render.md +12 -0
  15. package/_docs/docs/components/search-item.md +10 -0
  16. package/_docs/docs/components/search.md +12 -0
  17. package/_docs/docs/components/select.md +11 -0
  18. package/_docs/docs/components/splitter.md +15 -0
  19. package/_docs/docs/components/table-splitter.md +20 -0
  20. package/_docs/docs/components/table.md +25 -0
  21. package/_docs/docs/components/thumbnail.md +11 -0
  22. package/_docs/docs/components/toolbar.md +9 -0
  23. package/_docs/docs/components/uploader-query.md +19 -0
  24. package/_docs/docs/components/uploader.md +16 -0
  25. package/_docs/docs/components/value-format.md +26 -0
  26. package/_docs/package.json +11 -17
  27. package/components/dialog/index.vue +6 -6
  28. package/components/dragger/index.vue +1 -1
  29. package/components/editor-code/index.vue +1 -1
  30. package/components/field-date/index.vue +24 -15
  31. package/components/field-table/index.vue +6 -6
  32. package/components/field-tree/index.vue +5 -6
  33. package/components/input-number/index.vue +6 -6
  34. package/components/search/index.vue +3 -7
  35. package/components/table/index.vue +2 -2
  36. package/components/table-splitter/index.vue +4 -0
  37. package/components/thumbnail/index.vue +1 -1
  38. package/components/toolbar/index.vue +1 -3
  39. package/components/value-format/index.vue +2 -2
  40. package/package.json +1 -1
  41. package/sass/common.scss +0 -2
  42. package/utils/{auth.js → $auth.js} +2 -2
  43. package/utils/{form.js → $form.js} +2 -2
  44. package/utils/{power.js → $power.js} +5 -4
  45. package/utils/{rule.js → $rule.js} +2 -2
  46. package/utils/{ruleValid.js → $ruleValid.js} +2 -2
  47. package/utils/{search.js → $search.js} +2 -2
  48. package/utils/{table.js → $table.js} +9 -9
  49. package/utils/{tree.js → $tree.js} +2 -2
  50. package/utils/config.js +20 -16
  51. package/utils/getData.js +3 -8
  52. package/utils/getFile.js +8 -4
  53. package/utils/getImage.js +9 -3
  54. package/utils/index.js +18 -16
  55. package/utils/uploader/qiniu.js +3 -9
  56. package/utils/uploader.js +3 -2
  57. package/utils/useAuth.js +1 -5
  58. package/utils/useRouter.js +7 -7
  59. package/_docs/docs/.vuepress/components/test.vue +0 -23
  60. package/components/dialog-table/index.vue +0 -94
  61. package/package2.json +0 -30
@@ -1,39 +1,8 @@
1
1
  import { defineClientConfig } from '@vuepress/client'
2
2
 
3
- // quasar
4
- import { Quasar, Dialog, Notify, Loading } from 'quasar'
5
- import lang from 'quasar/lang/zh-CN.js'
6
- import '@quasar/extras/material-icons/material-icons.css'
7
- import "quasar/src/css/variables.sass";
8
- import "quasar/dist/quasar.sass";
9
- lang.date.firstDayOfWeek = 1
10
- lang.table.recordsPerPage = ''
11
-
12
- import MyComponent from './components/test.vue'
13
3
 
14
4
  export default defineClientConfig({
15
5
  enhance({ app }) {
16
6
 
17
- // quasar
18
- app.use(Quasar, {
19
- // 配置
20
- config: {
21
-
22
- },
23
- // 插件
24
- plugins: {
25
- // 对话框
26
- Dialog,
27
- // 通知
28
- Notify,
29
- // 加载
30
- Loading,
31
- },
32
- // 语言
33
- lang,
34
- })
35
-
36
-
37
- app.component('test', MyComponent)
38
7
  },
39
8
  })
@@ -3,8 +3,29 @@ export const sidebarZh = {
3
3
  {
4
4
  text: 'Components 组件',
5
5
  children: [
6
+ '/components/column-title',
7
+ '/components/data',
8
+ '/components/dialog',
9
+ '/components/empty',
10
+ '/components/dragger',
11
+ '/components/editor-code',
12
+ '/components/field-date',
6
13
  '/components/field-table',
14
+ '/components/field-text',
7
15
  '/components/field-tree',
16
+ '/components/input-number',
17
+ '/components/render',
18
+ '/components/search',
19
+ '/components/search-item',
20
+ '/components/select',
21
+ '/components/splitter',
22
+ '/components/table',
23
+ '/components/table-splitter',
24
+ '/components/thumbnail',
25
+ '/components/toolbar',
26
+ '/components/uploader',
27
+ '/components/uploader-query',
28
+ '/components/value-format',
8
29
  ],
9
30
  }
10
31
  ],
@@ -0,0 +1,10 @@
1
+ # ColumnTitle 栏目标题
2
+
3
+ ::: tip
4
+ 栏目标题
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |---------|------|---------------------|-----|-----|
9
+ | label | 标签 | `String` / `Number` | - | - |
10
+ | tooltip | 提示信息 | `String` / `Number` | - | - |
@@ -0,0 +1,21 @@
1
+ # Data 数据插槽
2
+
3
+ ::: tip
4
+ 数据插槽
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |------|-----|-----|-----|-----|
9
+ | data | 数据 | - | - | - |
10
+
11
+ ### Data 插槽
12
+
13
+ | 插槽名 | 说明 |
14
+ |---------|------|
15
+ | default | 默认插槽 |
16
+
17
+ ### Data `default` 插槽 对外暴露的方法
18
+
19
+ | 属性名 | 说明 | 类型 | 示例 |
20
+ |------|-----|-----|-----|
21
+ | data | 数据 | - | - |
@@ -0,0 +1,23 @@
1
+ # Dialog 对话框
2
+
3
+ ::: tip
4
+ 继承 `<q-dialog>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/dialog) [英文文档](https://quasar.dev/vue-components/dialog)
6
+ :::
7
+
8
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
9
+ |-----------------|----------|---------------------|-----|-------|
10
+ | value / v-model | 绑定值(必填) | - | - | - |
11
+ | name | 组件标识 | `String` | - | - |
12
+ | route | 路由组件路径 | `String` | - | - |
13
+ | props | 组件传参 | `Object` | - | - |
14
+ | title | 标题 | `String` | - | - |
15
+ | close | 是否显示关闭按钮 | `Boolean` | - | true |
16
+ | cancel | 是否显示取消按钮 | `Boolean` | - | false |
17
+ | bottom | 是否显示底部 | `Boolean` | - | true |
18
+ | on-confirm | 点击确定方法 | `Function` | - | - |
19
+ | width | 宽度 | `String` / `Number` | - | 50% |
20
+ | height | 高度 | `String` / `Number` | - | 80% |
21
+ | min-width | 最小宽度 | `String` / `Number` | - | 600px |
22
+ | fullscreen | 是否全屏 | `Boolean` | - | false |
23
+ | page-container | 是否是页面容器 | `Boolean` | - | true |
@@ -0,0 +1,26 @@
1
+ # Dragger 拖拽
2
+
3
+ ::: tip
4
+ 拖拽
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |-----------------|---------|-----------|-----|------|
9
+ | value / v-model | 绑定值(必填) | `Array` | - | - |
10
+ | drag | 是否开启拖拽 | `Boolean` | - | true |
11
+
12
+ ### Dragger 插槽
13
+
14
+ | 插槽名 | 说明 |
15
+ |--------------------------|------|
16
+ | default | 默认插槽 |
17
+
18
+ ### Dragger `default` 插槽 对外暴露的方法
19
+
20
+ | 属性名 | 说明 | 类型 | 示例 |
21
+ |-----------|--------|------------|-----|
22
+ | mousedown | 鼠标按下 | `Function` | - |
23
+ | fromIndex | 拖拽原始索引 | `Number` | - |
24
+ | dragStart | 拖拽开始 | `Function` | - |
25
+ | dragEnter | 拖拽进入 | `Function` | - |
26
+ | dragEnd | 拖拽结束 | `Function` | - |
@@ -0,0 +1,16 @@
1
+ # EditorCode 代码编辑器
2
+
3
+ ::: tip
4
+ 代码编辑器
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |-----------------|----------|---------------------|-----|-------|
9
+ | value / v-model | 绑定值(必填) | - | - | - |
10
+ | width | 宽度 | `String` / `Number` | - | 100% |
11
+ | height | 高度 | `String` / `Number` | - | - |
12
+ | language | 脚本语言 | `String` | - | - |
13
+ | readonly | 是否只读 | `Boolean` | - | false |
14
+ | minimap | 是否显示代码视图 | `Boolean` | - | false |
15
+ | tab-size | tab 长度 | `Number` | - | 4 |
16
+ | theme | 主题 | `String` | - | vs |
@@ -0,0 +1,11 @@
1
+ # Empty 空状态
2
+
3
+ ::: tip
4
+ 空状态
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |-------------|------|---------------------|-----|------|
9
+ | icon | 图标 | `String` | - | info |
10
+ | icon-size | 图标大小 | `String` / `Number` | - | 70 |
11
+ | description | 描述文字 | `String` | - | - |
@@ -0,0 +1,16 @@
1
+ # FieldDate 下拉选择日期
2
+
3
+ ::: tip
4
+ 继承 `<q-field>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
6
+ :::
7
+
8
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
9
+ |-------------------|------------|---------------------|--------------------------------------------------------------------------------|-------|
10
+ | value / v-model | 绑定值(必填) | - | - | - |
11
+ | end / v-model:end | 结束值 | `String` / `Number` | `year` / `month` / `day` / `time` / `datetime` / `daterange` / `datetimerange` | day |
12
+ | is-end-date | 是否截止日期 | `Boolean` | - | false |
13
+ | show-second | 是否显示秒 | `Boolean` | - | false |
14
+ | format | 显示在输入框中的格式 | `String` | - | label |
15
+ | value-format | 绑定值的格式 | `String` | - | X |
16
+ | placeholder | 占位符 | `String` | - | - |
@@ -1,63 +1,57 @@
1
- # FieldTable 下拉表格
2
-
3
- ::: tip
4
- 继承 `<q-field>` 所有特性
5
- [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
6
- :::
7
-
8
- 123
9
-
10
- <test />
11
-
12
- 456
13
-
14
- ## FieldTable API
15
-
16
- ### FieldTable 属性
17
-
18
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
19
- |--------------------------|-------------|---------------------|------------------------------------------|-----------------|
20
- | value / v-model | 绑定值 | - | - | - |
21
- | value-key | 值字段 | `String` | - | - |
22
- | label-key | 标签字段 | `String` | - | - |
23
- | value-type | 值类型 | `String` | `string` / `stringArray` / `objectArray` | objectArray |
24
- | value-separator | 值分隔符 | `String` | - | , |
25
- | path | 表格请求路径 | `String` | - | - |
26
- | query | 请求参数 | `object` | - | - |
27
- | data | 附加请求数据 | `object` | - | - |
28
- | no-default-load-selected | 初始不加载已选数据 | `Boolean` | - | false |
29
- | no-update-load-selected | 更新值时不加载已选数据 | `Boolean` | - | false |
30
- | format-label | 格式化显示标签 | `Function` | - | - |
31
- | show-keys | 下拉表格显示的字段数组 | `Array` | - | `[ 值字段, 标签字段 ]` |
32
- | hide-search-keys | 隐藏搜索字段数组 | `Array` | - | - |
33
- | filter-key | 默认筛选字段 | `Array` | - | `标签字段` |
34
- | filter | 是否开启筛选 | `Boolean` | - | false |
35
- | table-props | 表格声明属性 | `Object` | - | - |
36
- | dialog-props | 对话框声明属性 | `Object` | - | - |
37
- | no-dialog | 关闭对话框 | `Boolean` | - | false |
38
- | columns | 表格列数据 | `Array` | - | - |
39
- | rows | 行数据 | `Array` | - | - |
40
- | multiple | 是否多选 | `Boolean` | - | false |
41
- | collapse-tags | 多选模式下是否折叠标签 | `Boolean` | - | false |
42
- | placeholder | 占位符 | `String` | - | - |
43
- | clearable | 是否可清除 | `Boolean` | - | false |
44
- | disable | 是否禁用 | `Boolean` | - | false |
45
- | readonly | 是否只读 | `Boolean` | - | false |
46
- | input-debounce | 输入防抖(毫秒) | `Number` / `String` | - | 500 |
47
-
48
-
49
- ### FieldTable 插槽
50
-
51
- | 插槽名 | 说明 |
52
- |--------------------------|------------------------------------------|
53
- | default | 自定义默认内容(如果存在,则会隐藏下拉表格,并提供接口自定义实现) |
54
-
55
- ### FieldTable `default` 默认插槽 对外暴露的方法
56
-
57
- | 属性名 | 说明 | 类型 | 示例 |
58
- |--------------------------|--|----------|-----|
59
- | showValue | 显示的已选值 | `String` | - |
60
- | selected | 已选数据 | `Array` | `[ { id: 1, ... }, { id: 2, ... } ]` |
61
- | onRemove | 删除已选 | `Function` | `onRemove(index)` |
62
- | onShowDialog | 显示对话框 | `Function` | - |
63
- | onClear | 清空已选数据 | `Function` | - |
1
+ # FieldTable 下拉表格
2
+
3
+ ::: tip
4
+ 继承 `<q-field>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
6
+ :::
7
+
8
+ ## FieldTable API
9
+
10
+ ### FieldTable 属性
11
+
12
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
13
+ |--------------------------|-------------|---------------------|------------------------------------------|-----------------|
14
+ | value / v-model | 绑定值 | - | - | - |
15
+ | value-key | 值字段 | `String` | - | - |
16
+ | label-key | 标签字段 | `String` | - | - |
17
+ | value-type | 值类型 | `String` | `string` / `stringArray` / `objectArray` | objectArray |
18
+ | value-separator | 值分隔符 | `String` | - | , |
19
+ | path | 表格请求路径 | `String` | - | - |
20
+ | query | 请求参数 | `object` | - | - |
21
+ | data | 附加请求数据 | `object` | - | - |
22
+ | no-default-load-selected | 初始不加载已选数据 | `Boolean` | - | false |
23
+ | no-update-load-selected | 更新值时不加载已选数据 | `Boolean` | - | false |
24
+ | format-label | 格式化显示标签 | `Function` | - | - |
25
+ | show-keys | 下拉表格显示的字段数组 | `Array` | - | `[ 值字段, 标签字段 ]` |
26
+ | hide-search-keys | 隐藏搜索字段数组 | `Array` | - | - |
27
+ | filter-key | 默认筛选字段 | `Array` | - | `标签字段` |
28
+ | filter | 是否开启筛选 | `Boolean` | - | false |
29
+ | table-props | 表格声明属性 | `Object` | - | - |
30
+ | dialog-props | 对话框声明属性 | `Object` | - | - |
31
+ | no-dialog | 关闭对话框 | `Boolean` | - | false |
32
+ | columns | 表格列数据 | `Array` | - | - |
33
+ | rows | 行数据 | `Array` | - | - |
34
+ | multiple | 是否多选 | `Boolean` | - | false |
35
+ | collapse-tags | 多选模式下是否折叠标签 | `Boolean` | - | false |
36
+ | placeholder | 占位符 | `String` | - | - |
37
+ | clearable | 是否可清除 | `Boolean` | - | false |
38
+ | disable | 是否禁用 | `Boolean` | - | false |
39
+ | readonly | 是否只读 | `Boolean` | - | false |
40
+ | input-debounce | 输入防抖(毫秒) | `Number` / `String` | - | 500 |
41
+
42
+
43
+ ### FieldTable 插槽
44
+
45
+ | 插槽名 | 说明 |
46
+ |--------------------------|------------------------------------------|
47
+ | default | 自定义默认内容(如果存在,则会隐藏下拉表格,并提供接口自定义实现) |
48
+
49
+ ### FieldTable `default` 插槽 对外暴露的方法
50
+
51
+ | 属性名 | 说明 | 类型 | 示例 |
52
+ |--------------------------|--|----------|-----|
53
+ | showValue | 显示的已选值 | `String` | - |
54
+ | selected | 已选数据 | `Array` | `[ { id: 1, ... }, { id: 2, ... } ]` |
55
+ | onRemove | 删除已选 | `Function` | `onRemove(index)` |
56
+ | onShowDialog | 显示对话框 | `Function` | - |
57
+ | onClear | 清空已选数据 | `Function` | - |
@@ -0,0 +1,57 @@
1
+ # FieldTable 下拉表格
2
+
3
+ ::: tip
4
+ 继承 `<q-field>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
6
+ :::
7
+
8
+ ## FieldTable API
9
+
10
+ ### FieldTable 属性
11
+
12
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
13
+ |--------------------------|-------------|---------------------|------------------------------------------|-----------------|
14
+ | value / v-model | 绑定值 | - | - | - |
15
+ | value-key | 值字段 | `String` | - | - |
16
+ | label-key | 标签字段 | `String` | - | - |
17
+ | value-type | 值类型 | `String` | `string` / `stringArray` / `objectArray` | objectArray |
18
+ | value-separator | 值分隔符 | `String` | - | , |
19
+ | path | 表格请求路径 | `String` | - | - |
20
+ | query | 请求参数 | `object` | - | - |
21
+ | data | 附加请求数据 | `object` | - | - |
22
+ | no-default-load-selected | 初始不加载已选数据 | `Boolean` | - | false |
23
+ | no-update-load-selected | 更新值时不加载已选数据 | `Boolean` | - | false |
24
+ | format-label | 格式化显示标签 | `Function` | - | - |
25
+ | show-keys | 下拉表格显示的字段数组 | `Array` | - | `[ 值字段, 标签字段 ]` |
26
+ | hide-search-keys | 隐藏搜索字段数组 | `Array` | - | - |
27
+ | filter-key | 默认筛选字段 | `Array` | - | `标签字段` |
28
+ | filter | 是否开启筛选 | `Boolean` | - | false |
29
+ | table-props | 表格声明属性 | `Object` | - | - |
30
+ | dialog-props | 对话框声明属性 | `Object` | - | - |
31
+ | no-dialog | 关闭对话框 | `Boolean` | - | false |
32
+ | columns | 表格列数据 | `Array` | - | - |
33
+ | rows | 行数据 | `Array` | - | - |
34
+ | multiple | 是否多选 | `Boolean` | - | false |
35
+ | collapse-tags | 多选模式下是否折叠标签 | `Boolean` | - | false |
36
+ | placeholder | 占位符 | `String` | - | - |
37
+ | clearable | 是否可清除 | `Boolean` | - | false |
38
+ | disable | 是否禁用 | `Boolean` | - | false |
39
+ | readonly | 是否只读 | `Boolean` | - | false |
40
+ | input-debounce | 输入防抖(毫秒) | `Number` / `String` | - | 500 |
41
+
42
+
43
+ ### FieldTable 插槽
44
+
45
+ | 插槽名 | 说明 |
46
+ |--------------------------|------------------------------------------|
47
+ | default | 自定义默认内容(如果存在,则会隐藏下拉表格,并提供接口自定义实现) |
48
+
49
+ ### FieldTable `default` 插槽 对外暴露的方法
50
+
51
+ | 属性名 | 说明 | 类型 | 示例 |
52
+ |--------------------------|--|----------|-----|
53
+ | showValue | 显示的已选值 | `String` | - |
54
+ | selected | 已选数据 | `Array` | `[ { id: 1, ... }, { id: 2, ... } ]` |
55
+ | onRemove | 删除已选 | `Function` | `onRemove(index)` |
56
+ | onShowDialog | 显示对话框 | `Function` | - |
57
+ | onClear | 清空已选数据 | `Function` | - |
@@ -1 +1,21 @@
1
1
  # FieldTree 下拉树
2
+
3
+ ::: tip
4
+ 继承 `<q-field>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/field) [英文文档](https://quasar.dev/vue-components/field)
6
+ :::
7
+
8
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
9
+ |-----------------------------|---------------------------------------|-----------|-----|-------|
10
+ | value / v-model | 绑定值(必填) | - | - | - |
11
+ | expanded / v-model:expanded | 树展开节点 | `Array` | - | - |
12
+ | nodes | 节点数组 | `String` | - | - |
13
+ | node-key | 唯一的节点键值(必填) | `String` | - | id |
14
+ | label-key | 标签字段 | `String` | - | label |
15
+ | strict | 是否可选任意一级(true:可选任意一级, false: 仅能选叶子节点) | `Boolean` | - | false |
16
+ | multiple | 是否多选 | `Boolean` | - | false |
17
+ | accordion | 手风琴模式 | `Boolean` | - | false |
18
+ | show-all-levels | 是否显示选中值的完整路径 | `Boolean` | - | true |
19
+ | filter | 是否开启筛选 | `Boolean` | - | false |
20
+ | collapse-tags | 是否折叠标签(多选模式有效) | `Boolean` | - | false |
21
+ | placeholder | 占位符 | `String` | - | - |
@@ -0,0 +1,21 @@
1
+ # InputNumber 数字输入框
2
+
3
+ ::: tip
4
+ 继承 `<q-input>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/input) [英文文档](https://quasar.dev/vue-components/input)
6
+ :::
7
+
8
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
9
+ |-----------------|---------------------------------------------------------------|---------------------|-----|----------------------|
10
+ | value / v-model | 绑定值(必填) | - | - | - |
11
+ | min | 最小值 | `Number` / `String` | - | 0 |
12
+ | max | 最大值 | `Number` / `String` | - | 0 |
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
+ | round-mode | 精度舍入模式 [BigNumber文档](https://mikemcl.github.io/bignumber.js/#constructor-properties) | `Number` | - | BigNumber.ROUND_DOWN |
@@ -0,0 +1,12 @@
1
+ # Render 页面渲染
2
+
3
+ ::: tip
4
+ 用于渲染组件或路由页面
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |-------|------|----------|-----|-------|
9
+ | name | 组件标识 | `String` | - | - |
10
+ | path | 路由路径 | `String` | - | - |
11
+ | query | 参数 | `Object` | - | false |
12
+ | props | 组件传参 | `Object` | - | false |
@@ -0,0 +1,10 @@
1
+ # Search 搜索元素
2
+
3
+ ::: tip
4
+ 搜索元素组件
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |-----------------|---------|----------|-----|-----|
9
+ | value / v-model | 绑定值(必填) | - | - | - |
10
+ | data | 数据 | `Object` | - | - |
@@ -0,0 +1,12 @@
1
+ # Search 搜索
2
+
3
+ ::: tip
4
+ 搜索组件
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |-----------------|---------|------------|-----|-----|
9
+ | value / v-model | 绑定值(必填) | - | - | - |
10
+ | options | 参数 | `Array` | - | - |
11
+ | onSearch | 搜索 | `Function` | - | - |
12
+ | onReset | 重置 | `Function` | - | - |
@@ -0,0 +1,11 @@
1
+ # Select 选择框
2
+
3
+ ::: tip
4
+ 继承 `<q-select>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/select) [英文文档](https://quasar.dev/vue-components/select)
6
+ :::
7
+
8
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
9
+ |-------------|-----|-----------|-----|-------|
10
+ | placeholder | 占位符 | `String` | - | - |
11
+ | filter | 筛选 | `Boolean` | - | false |
@@ -0,0 +1,15 @@
1
+ # Splitter 拆分器
2
+
3
+ ::: tip
4
+ 继承 `<q-splitter>` 所有特性
5
+ [中文文档](http://www.quasarchs.com/vue-components/splitter) [英文文档](https://quasar.dev/vue-components/splitter)
6
+ :::
7
+
8
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
9
+ |-------------------------|----------------------------------------------|----------------------|-----|-------|
10
+ | value / v-model | 绑定值(必填) | - | - | - |
11
+ | before / v-model:before | 显示前置插槽(如果非双向绑定,如 :before 并不会影响内部值变化,仅做初始值使用) | `Boolean` | - | true |
12
+ | after / v-model:after | 显示后置插槽(如果非双向绑定,如 :after 并不会影响内部值变化,仅做初始值使用) | `Boolean` | - | true |
13
+ | hide-before-in-mobile | 手机模式隐藏前置插槽 | `Boolean` | - | false |
14
+ | hide-after-in-mobile | 手机模式隐藏后插槽 | `Boolean` | - | false |
15
+ | cache | 是否开启缓存(如果为字符串, 则为缓存名) | `Boolean` / `String` | - | false |
@@ -0,0 +1,20 @@
1
+ # TableSplitter 表格拆分器
2
+
3
+ ::: tip
4
+ 继承 [n-table]() 所有特性
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |-----------------------|---------------------------------------------|----------------------|-----|----------|
9
+ | value / v-model | 绑定值(必填) | - | - | - |
10
+ | reverse | 反转插槽 | `Boolean` | - | false |
11
+ | unit | 模型的 CSS 单位 | `String` | - | % |
12
+ | limits | 两个值的数组,表示两个面板的最小和最大分割大小 | `Array` | - | - |
13
+ | horizontal | 是否水平拆分 | `Boolean` | - | false |
14
+ | after / v-model:after | 显示后置插槽(如果非双向绑定,如 :after 并不会影响内部值变化,仅做初始值使用) | `Boolean` | - | true |
15
+ | hide-after-in-mobile | 手机模式隐藏后插槽 | `Boolean` | - | false |
16
+ | cache | 是否开启缓存(如果为字符串, 则为缓存名) | `Boolean` / `String` | - | false |
17
+ | tooltip | 工具提示 | `String` | - | 是否显示详情 |
18
+ | renderPath | 渲染组件路径(必填) | `String` | - | - |
19
+ | renderDescription | 渲染空状态描述 | `String` | - | 没有找到任何数据 |
20
+ | noRendPageName | 不需要加载渲染页面标识参数 | `Boolean` | - | false |
@@ -0,0 +1,25 @@
1
+ # Table 表格
2
+
3
+ ::: tip
4
+ 复合型表格组件
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |------------------------|------------|------------|------------------|-------|
9
+ | url | 表格请求地址 | `String` | - | - |
10
+ | table-props | 表格声明属性 | `Object` | - | - |
11
+ | tree-props | 树声明属性 | `Object` | - | - |
12
+ | tree-node-key | 树节点唯一键值 | `String` | - | id |
13
+ | tree-label-key | 树标签键值 | `String` | - | title |
14
+ | tree-nodes | 树节点列表 | `Array` | - | [] |
15
+ | tree-node-click | 树节点点击 | `Function` | - | - |
16
+ | tree-select-first-node | 是否选中第一个树节点 | `Boolean` | - | true |
17
+ | tree-filter | 显示树筛选 | `Boolean` | - | false |
18
+ | tree-side | 树位置 | `String` | `left` / `right` | left |
19
+ | no-search | 不显示搜索 | `Boolean` | - | false |
20
+ | search-side | 搜索位置 | `String` | `left` / `right` | right |
21
+ | dense | 紧凑模式 | `Boolean` | - | true |
22
+ | hide-left-drawer | 隐藏左边侧滑菜单 | `Boolean` | - | false |
23
+ | left-drawer-props | 左边侧滑菜单声明属性 | `Object` | - | - |
24
+ | hide-right-drawer | 隐藏右边侧滑菜单 | `Boolean` | - | false |
25
+ | right-drawer-props | 右边侧滑菜单声明属性 | `Object` | - | - |
@@ -0,0 +1,11 @@
1
+ # Thumbnail 缩略图
2
+
3
+ ::: tip
4
+ 缩略图
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |---------|----------|-------------------------------|-----|-------|
9
+ | src | 图片地址 | `String` / `Array` / `Object` | - | - |
10
+ | size | 图片尺寸 | `Number` | - | 40 |
11
+ | preview | 是否点击放大预览 | `Boolean` | - | false |
@@ -0,0 +1,9 @@
1
+ # Toolbar 工具栏
2
+
3
+ ::: tip
4
+ 工具栏
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |--------|---------|-----------|-----|-------|
9
+ | header | 是否头部工具栏 | `Boolean` | - | false |
@@ -0,0 +1,19 @@
1
+ # Uploader 上传器队列
2
+
3
+ ::: tip
4
+ 上传器队列
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |-------------------------|-------------|-----------|---------------------|-------|
9
+ | button-type | 按钮类型 | `String` | `square` / `button` | - |
10
+ | button-text | 按钮文字 | `String` | - | - |
11
+ | button-props | 按钮声明属性 | `Object` | - | - |
12
+ | size | 图片/按钮/文件 尺寸 | `Number` | - | - |
13
+ | drag | 是否开启拖拽 | `Boolean` | - | true |
14
+ | no-button | 是否隐藏按钮 | `Boolean` | - | false |
15
+ | no-preview | 是否隐藏预览按钮 | `Boolean` | - | false |
16
+ | no-edit | 是否隐藏修改按钮 | `Boolean` | - | false |
17
+ | no-delete | 是否隐藏删除按钮 | `Boolean` | - | false |
18
+ | auto-show-square-button | 自动显示方块按钮 | `Boolean` | - | false |
19
+ | right-square-button | 方块按钮在右边显示 | `Boolean` | - | false |
@@ -0,0 +1,16 @@
1
+ # Uploader 上传器
2
+
3
+ ::: tip
4
+ 上传器
5
+ :::
6
+
7
+ | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
8
+ |-----------------|--------------------------------------|-----------|--------------------------------------|-------|
9
+ | value / v-model | 绑定值(必填) | - | - | - |
10
+ | type | 上传文件类型 | `String` | `file` / `image` / `video` / `audio` | - |
11
+ | count | 上传文件数量(0 为不限) | `Number` | - | 0 |
12
+ | max-size | 单个文件的最大大小(单位:MB) | `Number` | - | - |
13
+ | exts | 单个文件的限制后缀 | `Array` | - | - |
14
+ | value-array | true:值格式为数组 / false:值格式为字符串 | `Boolean` | - | false |
15
+ | load-info | 是否初始加载文件信息(仅图片有效, 其他类型自动会加载文件信息) | `Boolean` | - | false |
16
+ | confirm | 单文件上传提示(true:提示上传替换 / false:不提示直接替换) | `Boolean` | - | false |