@vyr/element-plus-browser 0.0.1

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 (43) hide show
  1. package/package.json +26 -0
  2. package/src/common/event.ts +9 -0
  3. package/src/common/index.ts +2 -0
  4. package/src/common/provider.ts +14 -0
  5. package/src/index.ts +3 -0
  6. package/src/locale/Language.ts +10 -0
  7. package/src/locale/LanguageProvider.ts +427 -0
  8. package/src/locale/index.ts +2 -0
  9. package/src/option/Button.ts +38 -0
  10. package/src/option/Column.ts +19 -0
  11. package/src/option/Dialog.ts +10 -0
  12. package/src/option/Form.ts +16 -0
  13. package/src/option/Input.ts +18 -0
  14. package/src/option/Menu.ts +31 -0
  15. package/src/option/Row.ts +19 -0
  16. package/src/option/index.ts +7 -0
  17. package/src/preset/ElTable.ts +425 -0
  18. package/src/preset/index.ts +14 -0
  19. package/src/service/global/index.ts +1 -0
  20. package/src/service/global/scripts/index.ts +60 -0
  21. package/src/service/index.ts +53 -0
  22. package/src/service/inspector/ElButton.vue +98 -0
  23. package/src/service/inspector/ElCascader.vue +98 -0
  24. package/src/service/inspector/ElCheckbox.vue +91 -0
  25. package/src/service/inspector/ElCol.vue +32 -0
  26. package/src/service/inspector/ElDatePicker.vue +92 -0
  27. package/src/service/inspector/ElDialog.vue +33 -0
  28. package/src/service/inspector/ElForm.vue +44 -0
  29. package/src/service/inspector/ElInput.vue +134 -0
  30. package/src/service/inspector/ElInputNumber.vue +78 -0
  31. package/src/service/inspector/ElMenu.vue +60 -0
  32. package/src/service/inspector/ElMenuItem.vue +46 -0
  33. package/src/service/inspector/ElPagination.vue +103 -0
  34. package/src/service/inspector/ElRadio.vue +91 -0
  35. package/src/service/inspector/ElRow.vue +36 -0
  36. package/src/service/inspector/ElSelect.vue +98 -0
  37. package/src/service/inspector/ElSubMenu.vue +32 -0
  38. package/src/service/inspector/ElSwitch.vue +58 -0
  39. package/src/service/inspector/ElTable.vue +47 -0
  40. package/src/service/inspector/ElTableColumn.vue +107 -0
  41. package/src/service/inspector/VueViewer.vue +65 -0
  42. package/src/service/inspector/index.ts +23 -0
  43. package/src/shims-vue.d.ts +10 -0
package/src/service/inspector/ElMenuItem.vue ADDED
@@ -0,0 +1,46 @@
1
+ <template>
2
+ <vyr-row>
3
+ <vyr-label :label="language.get('inspector.ElMenuItem.label')">
4
+ <vyr-col>
5
+ <vyr-input v-model="descriptor.label" trigger="blur"></vyr-input>
6
+ </vyr-col>
7
+ </vyr-label>
8
+ </vyr-row>
9
+ <vyr-row>
10
+ <vyr-label :label="language.get('inspector.ElMenuItem.icon')">
11
+ <vyr-col>
12
+ <vyr-input v-model="descriptor.icon" trigger="blur"></vyr-input>
13
+ </vyr-col>
14
+ </vyr-label>
15
+ </vyr-row>
16
+ <vyr-row>
17
+ <vyr-label :label="language.get('inspector.ElMenuItem.content')">
18
+ <vyr-col>
19
+ <vyr-select v-model="descriptor.content" :data="datasetOptions"></vyr-select>
20
+ </vyr-col>
21
+ </vyr-label>
22
+ </vyr-row>
23
+ </template>
24
+
25
+
26
+ <script lang="ts" setup>
27
+ import { computed } from 'vue';
28
+ import { DraggableService, runtime } from '@vyr/runtime';
29
+ import { VyrRow, VyrCol, VyrLabel, VyrInput, VyrSelect } from '@vyr/design';
30
+ import { option } from '@vyr/builtin'
31
+ import { ElMenuItemDescriptor } from '@vyr/element-plus';
32
+ import { language } from '../../locale'
33
+ import { useDescriptor } from '../../common'
34
+
35
+ const descriptor = useDescriptor<ElMenuItemDescriptor>()
36
+
37
+ const draggableService = runtime.get<DraggableService>('draggable')
38
+ const draggable = draggableService.get(draggableService.key.inspector)
39
+
40
+ const datasetOptions = computed(() => {
41
+ const { datasets } = option.Preset.getSelectOptions()
42
+ return datasets
43
+ })
44
+ </script>
45
+
46
+ <style lang="less" scoped></style>
package/src/service/inspector/ElPagination.vue ADDED
@@ -0,0 +1,103 @@
1
+ <template>
2
+ <vyr-row>
3
+ <vyr-label :label="language.get('inspector.ElPagination.total')">
4
+ <vyr-col>
5
+ <vyr-input-number v-model="descriptor.total" :min="0" :step="1"></vyr-input-number>
6
+ </vyr-col>
7
+ </vyr-label>
8
+ </vyr-row>
9
+ <vyr-row>
10
+ <vyr-label :label="language.get('inspector.ElPagination.currentPage')">
11
+ <vyr-col>
12
+ <vyr-input-number v-model="descriptor.currentPage" :min="0" :step="1"></vyr-input-number>
13
+ </vyr-col>
14
+ </vyr-label>
15
+ </vyr-row>
16
+ <vyr-row>
17
+ <vyr-label :label="language.get('inspector.ElPagination.pageSize')">
18
+ <vyr-col>
19
+ <vyr-input-number v-model="descriptor.pageSize" :min="0" :step="1"></vyr-input-number>
20
+ </vyr-col>
21
+ </vyr-label>
22
+ </vyr-row>
23
+ <vyr-row>
24
+ <vyr-label :label="language.get('inspector.ElPagination.pageSizes')">
25
+ <vyr-col>
26
+ <vyr-input v-model="descriptor.pageSizes"></vyr-input>
27
+ </vyr-col>
28
+ </vyr-label>
29
+ </vyr-row>
30
+ <vyr-row>
31
+ <vyr-label :label="language.get('inspector.ElPagination.background')">
32
+ <vyr-col>
33
+ <vyr-select v-model="descriptor.background" :data="option.stateOptions"></vyr-select>
34
+ </vyr-col>
35
+ </vyr-label>
36
+ </vyr-row>
37
+ <vyr-row>
38
+ <vyr-label :label="language.get('inspector.ElPagination.layoutSizes')">
39
+ <vyr-col>
40
+ <vyr-select v-model="descriptor.layoutSizes" :data="option.stateOptions"></vyr-select>
41
+ </vyr-col>
42
+ </vyr-label>
43
+ </vyr-row>
44
+ <vyr-row>
45
+ <vyr-label :label="language.get('inspector.ElPagination.layoutPrev')">
46
+ <vyr-col>
47
+ <vyr-select v-model="descriptor.layoutPrev" :data="option.stateOptions"></vyr-select>
48
+ </vyr-col>
49
+ </vyr-label>
50
+ </vyr-row>
51
+ <vyr-row>
52
+ <vyr-label :label="language.get('inspector.ElPagination.layoutPager')">
53
+ <vyr-col>
54
+ <vyr-select v-model="descriptor.layoutPager" :data="option.stateOptions"></vyr-select>
55
+ </vyr-col>
56
+ </vyr-label>
57
+ </vyr-row>
58
+ <vyr-row>
59
+ <vyr-label :label="language.get('inspector.ElPagination.layoutNext')">
60
+ <vyr-col>
61
+ <vyr-select v-model="descriptor.layoutNext" :data="option.stateOptions"></vyr-select>
62
+ </vyr-col>
63
+ </vyr-label>
64
+ </vyr-row>
65
+ <vyr-row>
66
+ <vyr-label :label="language.get('inspector.ElPagination.layoutJumper')">
67
+ <vyr-col>
68
+ <vyr-select v-model="descriptor.layoutJumper" :data="option.stateOptions"></vyr-select>
69
+ </vyr-col>
70
+ </vyr-label>
71
+ </vyr-row>
72
+ <vyr-row>
73
+ <vyr-label :label="language.get('inspector.ElPagination.layoutArrow')">
74
+ <vyr-col>
75
+ <vyr-select v-model="descriptor.layoutArrow" :data="option.stateOptions"></vyr-select>
76
+ </vyr-col>
77
+ </vyr-label>
78
+ </vyr-row>
79
+ <vyr-row>
80
+ <vyr-label :label="language.get('inspector.ElPagination.layoutTotal')">
81
+ <vyr-col>
82
+ <vyr-select v-model="descriptor.layoutTotal" :data="option.stateOptions"></vyr-select>
83
+ </vyr-col>
84
+ </vyr-label>
85
+ </vyr-row>
86
+ </template>
87
+
88
+
89
+ <script lang="ts" setup>
90
+ import { DraggableService, runtime } from '@vyr/runtime';
91
+ import { VyrRow, VyrCol, VyrLabel, VyrInputNumber, VyrInput, VyrSelect } from '@vyr/design';
92
+ import { option } from '@vyr/builtin'
93
+ import { ElPaginationDescriptor } from '@vyr/element-plus';
94
+ import { language } from '../../locale'
95
+ import { useDescriptor } from '../../common'
96
+
97
+ const descriptor = useDescriptor<ElPaginationDescriptor>()
98
+
99
+ const draggableService = runtime.get<DraggableService>('draggable')
100
+ const draggable = draggableService.get(draggableService.key.inspector)
101
+ </script>
102
+
103
+ <style lang="less" scoped></style>
package/src/service/inspector/ElRadio.vue ADDED
@@ -0,0 +1,91 @@
1
+ <template>
2
+ <vyr-row>
3
+ <vyr-label :label="language.get('inspector.ElFormItem.modelValue')">
4
+ <vyr-col>
5
+ <vyr-input v-model="descriptor.modelValue" :clearable="true" trigger="blur"></vyr-input>
6
+ </vyr-col>
7
+ </vyr-label>
8
+ </vyr-row>
9
+ <vyr-row>
10
+ <vyr-label :label="language.get('inspector.ElFormItem.columnName')">
11
+ <vyr-col>
12
+ <vyr-input v-model="descriptor.columnName" :clearable="true" trigger="blur"></vyr-input>
13
+ </vyr-col>
14
+ </vyr-label>
15
+ </vyr-row>
16
+ <vyr-row>
17
+ <vyr-label :label="language.get('inspector.ElFormItem.columnComment')">
18
+ <vyr-col>
19
+ <vyr-input v-model="descriptor.columnComment" :clearable="true" trigger="blur"></vyr-input>
20
+ </vyr-col>
21
+ </vyr-label>
22
+ </vyr-row>
23
+ <vyr-row>
24
+ <vyr-label :label="language.get('inspector.ElFormItem.columnType')">
25
+ <vyr-col>
26
+ <vyr-input v-model="descriptor.columnType" :clearable="true" trigger="blur"></vyr-input>
27
+ </vyr-col>
28
+ </vyr-label>
29
+ </vyr-row>
30
+ <vyr-row>
31
+ <vyr-label :label="language.get('inspector.ElFormItem.options')">
32
+ <vyr-col>
33
+ <vyr-input v-model="descriptor.options" :clearable="true" :draggable="draggable" trigger="blur"
34
+ dragkey="options"></vyr-input>
35
+ </vyr-col>
36
+ </vyr-label>
37
+ </vyr-row>
38
+ <vyr-row>
39
+ <vyr-label :label="language.get('inspector.ElFormItem.label')">
40
+ <vyr-col>
41
+ <vyr-input v-model="descriptor.label" :clearable="true" trigger="blur"></vyr-input>
42
+ </vyr-col>
43
+ </vyr-label>
44
+ </vyr-row>
45
+ <vyr-row>
46
+ <vyr-label :label="language.get('inspector.ElFormItem.value')">
47
+ <vyr-col>
48
+ <vyr-input v-model="descriptor.value" :clearable="true" trigger="blur"></vyr-input>
49
+ </vyr-col>
50
+ </vyr-label>
51
+ </vyr-row>
52
+ <vyr-row>
53
+ <vyr-label :label="language.get('inspector.ElFormItem.disabled')">
54
+ <vyr-col>
55
+ <vyr-select v-model="descriptor.disabled" :data="Input.switchOptions"></vyr-select>
56
+ </vyr-col>
57
+ </vyr-label>
58
+ </vyr-row>
59
+ <vyr-row>
60
+ <vyr-label :label="language.get('inspector.ElFormItem.border')">
61
+ <vyr-col>
62
+ <vyr-select v-model="descriptor.border" :data="Input.switchOptions"></vyr-select>
63
+ </vyr-col>
64
+ </vyr-label>
65
+ </vyr-row>
66
+ <vyr-row>
67
+ <vyr-label :label="language.get('inspector.ElFormItem.required')">
68
+ <vyr-col>
69
+ <vyr-select v-model="descriptor.required" :data="Input.switchOptions"></vyr-select>
70
+ </vyr-col>
71
+ </vyr-label>
72
+ </vyr-row>
73
+ </template>
74
+
75
+
76
+ <script lang="ts" setup>
77
+ import { computed } from 'vue';
78
+ import { DraggableService, runtime } from '@vyr/runtime';
79
+ import { ElRadioDescriptor } from '@vyr/element-plus'
80
+ import { VyrInput, VyrRow, VyrCol, VyrLabel, VyrSelect } from '@vyr/design';
81
+ import { language } from '../../locale'
82
+ import { useDescriptor } from '../../common'
83
+ import { Input } from '../../option'
84
+
85
+ const descriptor = useDescriptor<ElRadioDescriptor>()
86
+
87
+ const draggableService = runtime.get<DraggableService>('draggable')
88
+ const draggable = computed(() => draggableService.get(draggableService.key.inspector))
89
+ </script>
90
+
91
+ <style lang="less" scoped></style>
package/src/service/inspector/ElRow.vue ADDED
@@ -0,0 +1,36 @@
1
+ <template>
2
+ <vyr-row>
3
+ <vyr-label :label="language.get('inspector.ElRow.gutter')">
4
+ <vyr-col>
5
+ <vyr-input-number v-model="descriptor.gutter" :min="0" :step="1" :max="24"></vyr-input-number>
6
+ </vyr-col>
7
+ </vyr-label>
8
+ </vyr-row>
9
+ <vyr-row>
10
+ <vyr-label :label="language.get('inspector.ElRow.justify')">
11
+ <vyr-col>
12
+ <vyr-select :data="Row.justifyOptions" v-model="descriptor.justify" :clearable="true"></vyr-select>
13
+ </vyr-col>
14
+ </vyr-label>
15
+ </vyr-row>
16
+ <vyr-row>
17
+ <vyr-label :label="language.get('inspector.ElRow.align')">
18
+ <vyr-col>
19
+ <vyr-select :data="Row.alignOptions" v-model="descriptor.align" :clearable="true"></vyr-select>
20
+ </vyr-col>
21
+ </vyr-label>
22
+ </vyr-row>
23
+ </template>
24
+
25
+
26
+ <script lang="ts" setup>
27
+ import { VyrRow, VyrCol, VyrLabel, VyrInputNumber, VyrSelect } from '@vyr/design';
28
+ import { ElRowDescriptor } from '@vyr/element-plus';
29
+ import { language } from '../../locale'
30
+ import { Row } from '../../option';
31
+ import { useDescriptor } from '../../common';
32
+
33
+ const descriptor = useDescriptor<ElRowDescriptor>()
34
+ </script>
35
+
36
+ <style lang="less" scoped></style>
package/src/service/inspector/ElSelect.vue ADDED
@@ -0,0 +1,98 @@
1
+ <template>
2
+ <vyr-row>
3
+ <vyr-label :label="language.get('inspector.ElFormItem.placeholder')">
4
+ <vyr-col>
5
+ <vyr-input v-model="descriptor.placeholder" :clearable="true" trigger="blur"></vyr-input>
6
+ </vyr-col>
7
+ </vyr-label>
8
+ </vyr-row>
9
+ <vyr-row>
10
+ <vyr-label :label="language.get('inspector.ElFormItem.modelValue')">
11
+ <vyr-col>
12
+ <vyr-input v-model="descriptor.modelValue" :clearable="true" trigger="blur"></vyr-input>
13
+ </vyr-col>
14
+ </vyr-label>
15
+ </vyr-row>
16
+ <vyr-row>
17
+ <vyr-label :label="language.get('inspector.ElFormItem.columnName')">
18
+ <vyr-col>
19
+ <vyr-input v-model="descriptor.columnName" :clearable="true" trigger="blur"></vyr-input>
20
+ </vyr-col>
21
+ </vyr-label>
22
+ </vyr-row>
23
+ <vyr-row>
24
+ <vyr-label :label="language.get('inspector.ElFormItem.columnComment')">
25
+ <vyr-col>
26
+ <vyr-input v-model="descriptor.columnComment" :clearable="true" trigger="blur"></vyr-input>
27
+ </vyr-col>
28
+ </vyr-label>
29
+ </vyr-row>
30
+ <vyr-row>
31
+ <vyr-label :label="language.get('inspector.ElFormItem.columnType')">
32
+ <vyr-col>
33
+ <vyr-input v-model="descriptor.columnType" :clearable="true" trigger="blur"></vyr-input>
34
+ </vyr-col>
35
+ </vyr-label>
36
+ </vyr-row>
37
+ <vyr-row>
38
+ <vyr-label :label="language.get('inspector.ElFormItem.options')">
39
+ <vyr-col>
40
+ <vyr-input v-model="descriptor.options" :clearable="true" :draggable="draggable" trigger="blur"
41
+ dragkey="options"></vyr-input>
42
+ </vyr-col>
43
+ </vyr-label>
44
+ </vyr-row>
45
+ <vyr-row>
46
+ <vyr-label :label="language.get('inspector.ElFormItem.label')">
47
+ <vyr-col>
48
+ <vyr-input v-model="descriptor.label" :clearable="true" trigger="blur"></vyr-input>
49
+ </vyr-col>
50
+ </vyr-label>
51
+ </vyr-row>
52
+ <vyr-row>
53
+ <vyr-label :label="language.get('inspector.ElFormItem.value')">
54
+ <vyr-col>
55
+ <vyr-input v-model="descriptor.value" :clearable="true" trigger="blur"></vyr-input>
56
+ </vyr-col>
57
+ </vyr-label>
58
+ </vyr-row>
59
+ <vyr-row>
60
+ <vyr-label :label="language.get('inspector.ElFormItem.disabled')">
61
+ <vyr-col>
62
+ <vyr-select v-model="descriptor.disabled" :data="Input.switchOptions"></vyr-select>
63
+ </vyr-col>
64
+ </vyr-label>
65
+ </vyr-row>
66
+ <vyr-row>
67
+ <vyr-label :label="language.get('inspector.ElFormItem.clearable')">
68
+ <vyr-col>
69
+ <vyr-select v-model="descriptor.clearable" :data="Input.switchOptions"></vyr-select>
70
+ </vyr-col>
71
+ </vyr-label>
72
+ </vyr-row>
73
+ <vyr-row>
74
+ <vyr-label :label="language.get('inspector.ElFormItem.required')">
75
+ <vyr-col>
76
+ <vyr-select v-model="descriptor.required" :data="Input.switchOptions"></vyr-select>
77
+ </vyr-col>
78
+ </vyr-label>
79
+ </vyr-row>
80
+ </template>
81
+
82
+
83
+ <script lang="ts" setup>
84
+ import { computed } from 'vue';
85
+ import { DraggableService, runtime } from '@vyr/runtime';
86
+ import { ElSelectDescriptor } from '@vyr/element-plus'
87
+ import { VyrInput, VyrRow, VyrCol, VyrLabel, VyrSelect } from '@vyr/design';
88
+ import { language } from '../../locale'
89
+ import { useDescriptor } from '../../common'
90
+ import { Input } from '../../option'
91
+
92
+ const descriptor = useDescriptor<ElSelectDescriptor>()
93
+
94
+ const draggableService = runtime.get<DraggableService>('draggable')
95
+ const draggable = computed(() => draggableService.get(draggableService.key.inspector))
96
+ </script>
97
+
98
+ <style lang="less" scoped></style>
package/src/service/inspector/ElSubMenu.vue ADDED
@@ -0,0 +1,32 @@
1
+ <template>
2
+ <vyr-row>
3
+ <vyr-label :label="language.get('inspector.ElSubMenu.label')">
4
+ <vyr-col>
5
+ <vyr-input v-model="descriptor.label" trigger="blur"></vyr-input>
6
+ </vyr-col>
7
+ </vyr-label>
8
+ </vyr-row>
9
+ <vyr-row>
10
+ <vyr-label :label="language.get('inspector.ElSubMenu.icon')">
11
+ <vyr-col>
12
+ <vyr-input v-model="descriptor.icon" trigger="blur"></vyr-input>
13
+ </vyr-col>
14
+ </vyr-label>
15
+ </vyr-row>
16
+ </template>
17
+
18
+
19
+ <script lang="ts" setup>
20
+ import { DraggableService, runtime } from '@vyr/runtime';
21
+ import { VyrRow, VyrCol, VyrLabel, VyrInput } from '@vyr/design';
22
+ import { ElSubMenuDescriptor } from '@vyr/element-plus';
23
+ import { language } from '../../locale'
24
+ import { useDescriptor } from '../../common'
25
+
26
+ const descriptor = useDescriptor<ElSubMenuDescriptor>()
27
+
28
+ const draggableService = runtime.get<DraggableService>('draggable')
29
+ const draggable = draggableService.get(draggableService.key.inspector)
30
+ </script>
31
+
32
+ <style lang="less" scoped></style>
package/src/service/inspector/ElSwitch.vue ADDED
@@ -0,0 +1,58 @@
1
+ <template>
2
+ <vyr-row>
3
+ <vyr-label :label="language.get('inspector.ElFormItem.modelValue')">
4
+ <vyr-col>
5
+ <vyr-select v-model="descriptor.modelValue" :data="option.booleanOptions">
6
+ </vyr-select>
7
+ </vyr-col>
8
+ </vyr-label>
9
+ </vyr-row>
10
+ <vyr-row>
11
+ <vyr-label :label="language.get('inspector.ElFormItem.columnName')">
12
+ <vyr-col>
13
+ <vyr-input v-model="descriptor.columnName" :clearable="true" trigger="blur"></vyr-input>
14
+ </vyr-col>
15
+ </vyr-label>
16
+ </vyr-row>
17
+ <vyr-row>
18
+ <vyr-label :label="language.get('inspector.ElFormItem.columnComment')">
19
+ <vyr-col>
20
+ <vyr-input v-model="descriptor.columnComment" :clearable="true" trigger="blur"></vyr-input>
21
+ </vyr-col>
22
+ </vyr-label>
23
+ </vyr-row>
24
+ <vyr-row>
25
+ <vyr-label :label="language.get('inspector.ElFormItem.columnType')">
26
+ <vyr-col>
27
+ <vyr-input v-model="descriptor.columnType" :clearable="true" trigger="blur"></vyr-input>
28
+ </vyr-col>
29
+ </vyr-label>
30
+ </vyr-row>
31
+ <vyr-row>
32
+ <vyr-label :label="language.get('inspector.ElFormItem.disabled')">
33
+ <vyr-col>
34
+ <vyr-select v-model="descriptor.disabled" :data="Input.switchOptions"></vyr-select>
35
+ </vyr-col>
36
+ </vyr-label>
37
+ </vyr-row>
38
+ <vyr-row>
39
+ <vyr-label :label="language.get('inspector.ElFormItem.loading')">
40
+ <vyr-col>
41
+ <vyr-select v-model="descriptor.loading" :data="Input.switchOptions"></vyr-select>
42
+ </vyr-col>
43
+ </vyr-label>
44
+ </vyr-row>
45
+ </template>
46
+
47
+ <script lang="ts" setup>
48
+ import { ElSwitchDescriptor } from '@vyr/element-plus'
49
+ import { VyrInput, VyrRow, VyrCol, VyrLabel, VyrSelect } from '@vyr/design';
50
+ import { option } from '@vyr/builtin'
51
+ import { language } from '../../locale'
52
+ import { useDescriptor } from '../../common'
53
+ import { Input } from '../../option'
54
+
55
+ const descriptor = useDescriptor<ElSwitchDescriptor>()
56
+ </script>
57
+
58
+ <style lang="less" scoped></style>
package/src/service/inspector/ElTable.vue ADDED
@@ -0,0 +1,47 @@
1
+ <template>
2
+ <vyr-row>
3
+ <vyr-label :label="language.get('inspector.ElTable.border')">
4
+ <vyr-col>
5
+ <vyr-select v-model="descriptor.border" :data="option.stateOptions"></vyr-select>
6
+ </vyr-col>
7
+ </vyr-label>
8
+ </vyr-row>
9
+ <vyr-row>
10
+ <vyr-label :label="language.get('inspector.ElTable.stripe')">
11
+ <vyr-col>
12
+ <vyr-select v-model="descriptor.stripe" :data="option.stateOptions"></vyr-select>
13
+ </vyr-col>
14
+ </vyr-label>
15
+ </vyr-row>
16
+ <vyr-row>
17
+ <vyr-label :label="language.get('inspector.ElTable.showHeader')">
18
+ <vyr-col>
19
+ <vyr-select v-model="descriptor.showHeader" :data="option.stateOptions"></vyr-select>
20
+ </vyr-col>
21
+ </vyr-label>
22
+ </vyr-row>
23
+ <vyr-row>
24
+ <vyr-label :label="language.get('inspector.ElTable.fit')">
25
+ <vyr-col>
26
+ <vyr-select v-model="descriptor.fit" :data="option.stateOptions"></vyr-select>
27
+ </vyr-col>
28
+ </vyr-label>
29
+ </vyr-row>
30
+ </template>
31
+
32
+
33
+ <script lang="ts" setup>
34
+ import { DraggableService, runtime } from '@vyr/runtime';
35
+ import { VyrRow, VyrCol, VyrLabel, VyrSelect } from '@vyr/design';
36
+ import { ElTableDescriptor } from '@vyr/element-plus';
37
+ import { option } from '@vyr/builtin';
38
+ import { language } from '../../locale'
39
+ import { useDescriptor } from '../../common'
40
+
41
+ const descriptor = useDescriptor<ElTableDescriptor>()
42
+ const draggableService = runtime.get<DraggableService>('draggable')
43
+ const draggable = draggableService.get(draggableService.key.inspector)
44
+
45
+ </script>
46
+
47
+ <style lang="less" scoped></style>
package/src/service/inspector/ElTableColumn.vue ADDED
@@ -0,0 +1,107 @@
1
+ <template>
2
+ <vyr-row>
3
+ <vyr-label :label="language.get('inspector.ElTableColumn.columnName')">
4
+ <vyr-col>
5
+ <vyr-input v-model="descriptor.columnName" :clearable="true" trigger="blur"></vyr-input>
6
+ </vyr-col>
7
+ </vyr-label>
8
+ </vyr-row>
9
+ <vyr-row>
10
+ <vyr-label :label="language.get('inspector.ElTableColumn.columnComment')">
11
+ <vyr-col>
12
+ <vyr-input v-model="descriptor.columnComment" :clearable="true" trigger="blur"></vyr-input>
13
+ </vyr-col>
14
+ </vyr-label>
15
+ </vyr-row>
16
+ <vyr-row>
17
+ <vyr-label :label="language.get('inspector.ElTableColumn.columnWidth')">
18
+ <vyr-col>
19
+ <vyr-input v-model="descriptor.columnWidth" :clearable="true" trigger="blur"></vyr-input>
20
+ </vyr-col>
21
+ </vyr-label>
22
+ </vyr-row>
23
+ <vyr-row>
24
+ <vyr-label :label="language.get('inspector.ElTableColumn.columnType')">
25
+ <vyr-col>
26
+ <vyr-select v-model="descriptor.columnType" :data="Column.typeOptions"></vyr-select>
27
+ </vyr-col>
28
+ </vyr-label>
29
+ </vyr-row>
30
+ <vyr-row>
31
+ <vyr-label :label="language.get('inspector.ElTableColumn.columnFixed')">
32
+ <vyr-col>
33
+ <vyr-select v-model="descriptor.columnFixed" :data="Column.fixedOptions"></vyr-select>
34
+ </vyr-col>
35
+ </vyr-label>
36
+ </vyr-row>
37
+ <vyr-row>
38
+ <vyr-label :label="language.get('inspector.ElTableColumn.columnAlign')">
39
+ <vyr-col>
40
+ <vyr-select v-model="descriptor.columnAlign" :data="option.Style.textAlignOptions"></vyr-select>
41
+ </vyr-col>
42
+ </vyr-label>
43
+ </vyr-row>
44
+ <vyr-row>
45
+ <vyr-label :label="language.get('inspector.ElTableColumn.columnTooltip')">
46
+ <vyr-col>
47
+ <vyr-select v-model="descriptor.columnTooltip" :data="option.stateOptions"></vyr-select>
48
+ </vyr-col>
49
+ </vyr-label>
50
+ </vyr-row>
51
+ <vyr-row>
52
+ <vyr-label :label="language.get('inspector.ElTableColumn.formattingScript')">
53
+ <vyr-col>
54
+ <vyr-select v-model="descriptor.formattingScript" :data="dataService.scripts" :clearable="true"
55
+ :searchable="true"></vyr-select>
56
+ </vyr-col>
57
+ </vyr-label>
58
+ </vyr-row>
59
+ <vyr-row>
60
+ <vyr-label :label="language.get('inspector.ElTableColumn.formattingDataset')">
61
+ <vyr-col>
62
+ <vyr-input v-model="descriptor.formattingDataset" :clearable="true" dragkey="formattingDataset"
63
+ :draggable="draggable" trigger="blur"></vyr-input>
64
+ </vyr-col>
65
+ </vyr-label>
66
+ </vyr-row>
67
+ <vyr-row>
68
+ <vyr-label :label="language.get('inspector.ElTableColumn.formattingLabel')">
69
+ <vyr-col>
70
+ <vyr-input v-model="descriptor.formattingLabel" :clearable="true" trigger="blur"></vyr-input>
71
+ </vyr-col>
72
+ </vyr-label>
73
+ </vyr-row>
74
+ <vyr-row>
75
+ <vyr-label :label="language.get('inspector.ElTableColumn.formattingValue')">
76
+ <vyr-col>
77
+ <vyr-input v-model="descriptor.formattingValue" :clearable="true" trigger="blur"></vyr-input>
78
+ </vyr-col>
79
+ </vyr-label>
80
+ </vyr-row>
81
+ <vyr-row>
82
+ <vyr-label :label="language.get('inspector.ElTableColumn.formattingSeparator')">
83
+ <vyr-col>
84
+ <vyr-input v-model="descriptor.formattingSeparator" :clearable="true" trigger="blur"></vyr-input>
85
+ </vyr-col>
86
+ </vyr-label>
87
+ </vyr-row>
88
+ </template>
89
+
90
+
91
+ <script lang="ts" setup>
92
+ import { DataService, DraggableService, runtime } from '@vyr/runtime';
93
+ import { VyrInput, VyrRow, VyrCol, VyrLabel, VyrSelect } from '@vyr/design';
94
+ import { ElTableColumnDescriptor } from '@vyr/element-plus';
95
+ import { option } from '@vyr/builtin';
96
+ import { language } from '../../locale'
97
+ import { useDescriptor } from '../../common'
98
+ import { Column } from '../../option'
99
+
100
+ const descriptor = useDescriptor<ElTableColumnDescriptor>()
101
+
102
+ const dataService = runtime.get<DataService>('data')
103
+ const draggableService = runtime.get<DraggableService>('draggable')
104
+ const draggable = draggableService.get(draggableService.key.inspector)
105
+ </script>
106
+
107
+ <style lang="less" scoped></style>