@ebiz/designer-components 0.0.57 → 0.0.59

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 (199) hide show
  1. package/README.md +29 -29
  2. package/dist/designer-components.css +1 -1
  3. package/dist/index.mjs +4822 -4822
  4. package/package.json +1 -1
  5. package/src/App.vue +26 -26
  6. package/src/apiService/SIMPLE_DATA_SERVICE.md +284 -284
  7. package/src/apiService/mockDataService.js +115 -115
  8. package/src/apiService/simpleDataService.js +297 -297
  9. package/src/assets/base.css +86 -86
  10. package/src/assets/logo.svg +1 -1
  11. package/src/components/Button.vue +149 -149
  12. package/src/components/DataContainer.vue +40 -40
  13. package/src/components/EbizApproval.vue +332 -338
  14. package/src/components/EbizAutoForm.vue +596 -596
  15. package/src/components/EbizAvatar.vue +115 -115
  16. package/src/components/EbizCheckbox.vue +93 -93
  17. package/src/components/EbizCheckboxGroup.vue +69 -69
  18. package/src/components/EbizDepartmentSelector.vue +144 -144
  19. package/src/components/EbizDescriptions.vue +340 -340
  20. package/src/components/EbizDescriptionsItem.vue +47 -47
  21. package/src/components/EbizDetailBlock.vue +81 -81
  22. package/src/components/EbizDialog.vue +260 -260
  23. package/src/components/EbizDiv.vue +32 -32
  24. package/src/components/EbizDivider.vue +96 -96
  25. package/src/components/EbizEmployeeInfo.vue +138 -138
  26. package/src/components/EbizEmployeeSelector.vue +1093 -1086
  27. package/src/components/EbizFileUpload.vue +238 -238
  28. package/src/components/EbizMap.vue +541 -541
  29. package/src/components/EbizOkrTree.vue +99 -99
  30. package/src/components/EbizPageHeader.vue +95 -95
  31. package/src/components/EbizPagination.vue +162 -162
  32. package/src/components/EbizPopconfirm.vue +47 -47
  33. package/src/components/EbizRadio.vue +86 -86
  34. package/src/components/EbizRadioGroup.vue +83 -83
  35. package/src/components/EbizRemoteSelect.vue +232 -232
  36. package/src/components/EbizRouteBreadcrumb.vue +46 -46
  37. package/src/components/EbizSelect.vue +85 -85
  38. package/src/components/EbizSpace.vue +100 -100
  39. package/src/components/EbizStatistic.vue +149 -149
  40. package/src/components/EbizStatsCard.vue +113 -113
  41. package/src/components/EbizSwiper.vue +113 -113
  42. package/src/components/EbizSwiperItem.vue +13 -13
  43. package/src/components/EbizSwitch.vue +85 -85
  44. package/src/components/EbizTabHeader.vue +132 -132
  45. package/src/components/EbizTabPanel.vue +22 -22
  46. package/src/components/EbizTable.vue +469 -469
  47. package/src/components/EbizTableColumn.vue +116 -116
  48. package/src/components/EbizTableSort.vue +179 -179
  49. package/src/components/EbizTabs.vue +142 -142
  50. package/src/components/EbizTdesignButtonDialog.vue +332 -332
  51. package/src/components/EbizTdesignLoading.vue +107 -107
  52. package/src/components/EbizTimePicker.vue +143 -143
  53. package/src/components/EbizTitle.vue +91 -91
  54. package/src/components/EbizTree.vue +152 -152
  55. package/src/components/EbizTreeMergeTable.vue +1414 -1414
  56. package/src/components/EbizTreeSelector.vue +418 -418
  57. package/src/components/EbizVxeTable.vue +290 -290
  58. package/src/components/Form.vue +28 -28
  59. package/src/components/Home.vue +7 -7
  60. package/src/components/MyComponent.vue +39 -39
  61. package/src/components/Table.vue +45 -45
  62. package/src/components/TdesignAlert.vue +115 -115
  63. package/src/components/TdesignButton.vue +135 -135
  64. package/src/components/TdesignCalendar/index.vue +145 -145
  65. package/src/components/TdesignCard.vue +195 -195
  66. package/src/components/TdesignCol.vue +101 -101
  67. package/src/components/TdesignCollapse.vue +142 -142
  68. package/src/components/TdesignCollapsePanel.vue +79 -79
  69. package/src/components/TdesignDatePicker.vue +124 -124
  70. package/src/components/TdesignDescriptions.vue +74 -74
  71. package/src/components/TdesignDescriptionsItem.vue +50 -50
  72. package/src/components/TdesignDialog.vue +225 -225
  73. package/src/components/TdesignForm.vue +138 -138
  74. package/src/components/TdesignFormItem.vue +105 -105
  75. package/src/components/TdesignGrid.vue +55 -55
  76. package/src/components/TdesignIcon.vue +67 -67
  77. package/src/components/TdesignImage.vue +162 -162
  78. package/src/components/TdesignImageViewer.vue +200 -200
  79. package/src/components/TdesignInput.vue +242 -242
  80. package/src/components/TdesignSelect.vue +444 -444
  81. package/src/components/TdesignTag.vue +117 -117
  82. package/src/components/TdesignTextarea.vue +142 -142
  83. package/src/components/TdesignTimeline.vue +58 -58
  84. package/src/components/TdesignTimelineItem.vue +71 -71
  85. package/src/components/TdesignUpload.vue +388 -388
  86. package/src/components/TdesignWatermark.vue +107 -107
  87. package/src/components/ebiz-form/components/cascader.vue +61 -61
  88. package/src/components/ebiz-form/components/checkbox.vue +37 -37
  89. package/src/components/ebiz-form/components/city.vue +137 -137
  90. package/src/components/ebiz-form/components/date-panel.vue +52 -52
  91. package/src/components/ebiz-form/components/date-range-panel.vue +52 -52
  92. package/src/components/ebiz-form/components/date-range.vue +56 -56
  93. package/src/components/ebiz-form/components/date.vue +52 -52
  94. package/src/components/ebiz-form/components/editor-multi-language.vue +47 -47
  95. package/src/components/ebiz-form/components/editor.vue +78 -78
  96. package/src/components/ebiz-form/components/file-multi-language.vue +52 -52
  97. package/src/components/ebiz-form/components/file.vue +149 -149
  98. package/src/components/ebiz-form/components/images-multi-language.vue +52 -52
  99. package/src/components/ebiz-form/components/images.vue +129 -129
  100. package/src/components/ebiz-form/components/img-multi-language.vue +51 -51
  101. package/src/components/ebiz-form/components/img.vue +129 -129
  102. package/src/components/ebiz-form/components/number.vue +50 -50
  103. package/src/components/ebiz-form/components/radio.vue +28 -28
  104. package/src/components/ebiz-form/components/select.vue +119 -119
  105. package/src/components/ebiz-form/components/switch.vue +23 -23
  106. package/src/components/ebiz-form/components/text-multi-language.vue +47 -47
  107. package/src/components/ebiz-form/components/text.vue +52 -52
  108. package/src/components/ebiz-form/components/textarea-multi-language.vue +48 -48
  109. package/src/components/ebiz-form/components/textarea.vue +29 -29
  110. package/src/components/ebiz-form/components/video-multi-language.vue +51 -51
  111. package/src/components/ebiz-form/components/video.vue +97 -97
  112. package/src/components/ebiz-form/index.vue +157 -157
  113. package/src/components/examples/PopconfirmExample.vue +149 -149
  114. package/src/components/icons/IconCommunity.vue +7 -7
  115. package/src/components/icons/IconDocumentation.vue +7 -7
  116. package/src/components/icons/IconEcosystem.vue +7 -7
  117. package/src/components/icons/IconSupport.vue +7 -7
  118. package/src/components/icons/IconTooling.vue +19 -19
  119. package/src/components/senior/EbizSData/index.vue +260 -260
  120. package/src/components/senior/EbizSDialog/index.vue +713 -712
  121. package/src/components/senior/EbizSForm/README.md +157 -157
  122. package/src/components/senior/EbizSForm/index.vue +668 -668
  123. package/src/components/senior/EbizSForm/item.vue +522 -522
  124. package/src/components/senior/EbizSForm/mItems/DateTimePicker.vue +51 -51
  125. package/src/components/senior/EbizSForm/mItems/Picker.vue +63 -63
  126. package/src/index.js +218 -218
  127. package/src/main.js +55 -55
  128. package/src/router/index.js +374 -374
  129. package/src/utils/formatCode.js +24 -24
  130. package/src/utils/generateImportStatement.js +52 -52
  131. package/src/utils/hasJsx.js +25 -25
  132. package/src/utils/index.js +166 -166
  133. package/src/utils/mergeOptions.js +29 -29
  134. package/src/utils/parseRequiredBlocks.js +18 -18
  135. package/src/utils/upload.ts +126 -126
  136. package/src/utils/vue-sfc-validator.js +155 -155
  137. package/src/views/Button.vue +23 -23
  138. package/src/views/CheckboxDemo.vue +104 -104
  139. package/src/views/DataContainer.vue +19 -19
  140. package/src/views/DialogDemo.vue +125 -125
  141. package/src/views/EbizApprovalDemo.vue +76 -76
  142. package/src/views/EbizAutoFormDemo.vue +129 -129
  143. package/src/views/EbizAvatar.vue +223 -223
  144. package/src/views/EbizDepartmentSelectorDemo.vue +169 -169
  145. package/src/views/EbizDetailBlockDemo.vue +30 -30
  146. package/src/views/EbizEmployeeInfo.vue +249 -249
  147. package/src/views/EbizEmployeeSelector.vue +83 -83
  148. package/src/views/EbizMap.vue +201 -201
  149. package/src/views/EbizRadioDemo.vue +151 -151
  150. package/src/views/EbizSDataDemo.vue +136 -136
  151. package/src/views/EbizSDialogDemo.vue +301 -301
  152. package/src/views/EbizSForm/index.vue +359 -359
  153. package/src/views/EbizSFormDemo.vue +420 -420
  154. package/src/views/EbizSpace.vue +185 -185
  155. package/src/views/EbizSwiper.vue +157 -157
  156. package/src/views/EbizTdesignButtonDialogExample.vue +437 -437
  157. package/src/views/Form.vue +19 -19
  158. package/src/views/GridDemo.vue +238 -238
  159. package/src/views/Home.vue +146 -146
  160. package/src/views/Mindmap.vue +17 -17
  161. package/src/views/MyComponent.vue +19 -19
  162. package/src/views/OkrTree.vue +19 -19
  163. package/src/views/PageHeaderDemo.vue +104 -104
  164. package/src/views/PaginationDemo.vue +96 -96
  165. package/src/views/PermissionBoxDemo.vue +85 -85
  166. package/src/views/PopconfirmDemo.vue +80 -80
  167. package/src/views/RemoteSelect.vue +350 -350
  168. package/src/views/StatisticDemo.vue +190 -190
  169. package/src/views/SwitchDemo.vue +79 -79
  170. package/src/views/Table.vue +19 -19
  171. package/src/views/TableDemo.vue +334 -334
  172. package/src/views/TableSortDemo.vue +143 -143
  173. package/src/views/TableView.vue +68 -68
  174. package/src/views/TabsDemo.vue +282 -282
  175. package/src/views/TagDemo.vue +101 -101
  176. package/src/views/TdesignAlert.vue +98 -98
  177. package/src/views/TdesignButton.vue +190 -190
  178. package/src/views/TdesignCalendar.vue +94 -94
  179. package/src/views/TdesignCard.vue +296 -296
  180. package/src/views/TdesignCollapse.vue +293 -293
  181. package/src/views/TdesignDatePicker.vue +187 -187
  182. package/src/views/TdesignDescriptions.vue +101 -101
  183. package/src/views/TdesignForm.vue +248 -248
  184. package/src/views/TdesignIcon.vue +203 -203
  185. package/src/views/TdesignImage.vue +215 -215
  186. package/src/views/TdesignImageViewer.vue +198 -198
  187. package/src/views/TdesignInput.vue +252 -252
  188. package/src/views/TdesignSelect.vue +473 -473
  189. package/src/views/TdesignSwiper.vue +157 -157
  190. package/src/views/TextareaDemo.vue +93 -93
  191. package/src/views/TimePickerDemo.vue +146 -146
  192. package/src/views/TimelineDemo.vue +160 -160
  193. package/src/views/Title.vue +19 -19
  194. package/src/views/TreeDemo.vue +254 -254
  195. package/src/views/TreeMergeTableDemo.vue +239 -239
  196. package/src/views/TreeSelectorDemo.vue +245 -245
  197. package/src/views/UploadDemo.vue +121 -121
  198. package/src/views/VxeTableDemo.vue +279 -279
  199. package/src/views/WatermarkDemo.vue +85 -85
@@ -1,119 +1,119 @@
1
- <template>
2
- <div>
3
- <t-select
4
- v-model="value"
5
- :multiple="item.multiple"
6
- :disabled="item.disabled"
7
- :remote="item.remote"
8
- :placeholder="item.placeholder"
9
- :filterable="item.filterable"
10
- :multiple-limit="item.multipleLimit"
11
- :clearable="item.clearable || true"
12
- :autoWidth="item.autoWidth"
13
- :autofocus="item.autofocus"
14
- :borderless="item.borderless"
15
- :collapsedItems="item.collapsedItems"
16
- :creatable="item.creatable"
17
- :empty="item.empty"
18
- :filter="item.filter"
19
- :keys="item.keys"
20
- :label="item.subLabel || ''"
21
- :loading="item.loading"
22
- :loadingText="item.loadingText"
23
- :max="item.max"
24
- :minCollapsedNum="item.minCollapsedNum"
25
- :panelBottomContent="item.panelBottomContent"
26
- :panelTopContent="item.panelTopContent"
27
- :popupProps="item.popupProps"
28
- :prefixIcon="item.prefixIcon"
29
- :readonly="item.readonly"
30
- :reserveKeyword="item.reserveKeyword"
31
- :scroll="item.scroll"
32
- :selectInputProps="item.selectInputProps"
33
- :showArrow="item.showArrow"
34
- :size="item.size"
35
- :status="item.status"
36
- :suffix="item.suffix"
37
- :suffixIcon="item.suffixIcon"
38
- :tagInputProps="item.tagInputProps"
39
- :tagProps="item.tagProps"
40
- :tips="item.tips"
41
- :valueDisplay="item.valueDisplay"
42
- :valueType="item.valueType"
43
- @search="remoteMethod"
44
- >
45
- <t-option
46
- v-for="o in (item.remote ? options : item.options)"
47
- :key="o.value"
48
- :label="o.label"
49
- :value="o.value"
50
- :checkAll="o.checkAll"
51
- :content="o.content"
52
- clearable
53
- :disabled="o.disabled"
54
- >
55
- <div v-if="$slots.default">
56
- <slot></slot>
57
- </div>
58
- </t-option>
59
- </t-select>
60
- </div>
61
- </template>
62
- <script setup lang="ts">
63
- import {request} from "@/utils/request"
64
- import {onMounted, ref} from "vue";
65
-
66
- const value = defineModel<any>()
67
- const props = defineProps(['item'])
68
-
69
- const emit = defineEmits(['input'])
70
- const options = ref([])
71
-
72
- const onInputEvent = (val: any) => {
73
- emit('input', val)
74
- }
75
-
76
- const remoteMethod = (query: string) => {
77
- if (props.item.onSearch) {
78
- props.item.onSearch(query).then((data: Array<any>) => {
79
- options.value = data
80
- })
81
- } else if (props.item.remoteUrl == 'user') {
82
- request.get({
83
- url: '/user/search',
84
- params: {
85
- keyword: query,
86
- value: value.value,
87
- }
88
- }).then(res => {
89
- let userList = [];
90
- for (let user of res.userDTOList.records) {
91
- userList.push({
92
- value: user.id,
93
- label: user.nickname,
94
- })
95
- }
96
- options.value = userList;
97
- })
98
- } else {
99
- request.get({
100
- url: props.item.remoteUrl,
101
- params: {
102
- keyword: query
103
- }
104
- }).then(res => {
105
- if (props.item.render) {
106
- options.value = props.item.render(res)
107
- } else {
108
- options.value = res
109
- }
110
- })
111
- }
112
- }
113
-
114
- onMounted(() => {
115
- if (props.item.remoteUrl !== null && props.item.remoteUrl !== undefined && props.item.remoteUrl !== '') {
116
- remoteMethod(props.item.value);
117
- }
118
- })
119
- </script>
1
+ <template>
2
+ <div>
3
+ <t-select
4
+ v-model="value"
5
+ :multiple="item.multiple"
6
+ :disabled="item.disabled"
7
+ :remote="item.remote"
8
+ :placeholder="item.placeholder"
9
+ :filterable="item.filterable"
10
+ :multiple-limit="item.multipleLimit"
11
+ :clearable="item.clearable || true"
12
+ :autoWidth="item.autoWidth"
13
+ :autofocus="item.autofocus"
14
+ :borderless="item.borderless"
15
+ :collapsedItems="item.collapsedItems"
16
+ :creatable="item.creatable"
17
+ :empty="item.empty"
18
+ :filter="item.filter"
19
+ :keys="item.keys"
20
+ :label="item.subLabel || ''"
21
+ :loading="item.loading"
22
+ :loadingText="item.loadingText"
23
+ :max="item.max"
24
+ :minCollapsedNum="item.minCollapsedNum"
25
+ :panelBottomContent="item.panelBottomContent"
26
+ :panelTopContent="item.panelTopContent"
27
+ :popupProps="item.popupProps"
28
+ :prefixIcon="item.prefixIcon"
29
+ :readonly="item.readonly"
30
+ :reserveKeyword="item.reserveKeyword"
31
+ :scroll="item.scroll"
32
+ :selectInputProps="item.selectInputProps"
33
+ :showArrow="item.showArrow"
34
+ :size="item.size"
35
+ :status="item.status"
36
+ :suffix="item.suffix"
37
+ :suffixIcon="item.suffixIcon"
38
+ :tagInputProps="item.tagInputProps"
39
+ :tagProps="item.tagProps"
40
+ :tips="item.tips"
41
+ :valueDisplay="item.valueDisplay"
42
+ :valueType="item.valueType"
43
+ @search="remoteMethod"
44
+ >
45
+ <t-option
46
+ v-for="o in (item.remote ? options : item.options)"
47
+ :key="o.value"
48
+ :label="o.label"
49
+ :value="o.value"
50
+ :checkAll="o.checkAll"
51
+ :content="o.content"
52
+ clearable
53
+ :disabled="o.disabled"
54
+ >
55
+ <div v-if="$slots.default">
56
+ <slot></slot>
57
+ </div>
58
+ </t-option>
59
+ </t-select>
60
+ </div>
61
+ </template>
62
+ <script setup lang="ts">
63
+ import {request} from "@/utils/request"
64
+ import {onMounted, ref} from "vue";
65
+
66
+ const value = defineModel<any>()
67
+ const props = defineProps(['item'])
68
+
69
+ const emit = defineEmits(['input'])
70
+ const options = ref([])
71
+
72
+ const onInputEvent = (val: any) => {
73
+ emit('input', val)
74
+ }
75
+
76
+ const remoteMethod = (query: string) => {
77
+ if (props.item.onSearch) {
78
+ props.item.onSearch(query).then((data: Array<any>) => {
79
+ options.value = data
80
+ })
81
+ } else if (props.item.remoteUrl == 'user') {
82
+ request.get({
83
+ url: '/user/search',
84
+ params: {
85
+ keyword: query,
86
+ value: value.value,
87
+ }
88
+ }).then(res => {
89
+ let userList = [];
90
+ for (let user of res.userDTOList.records) {
91
+ userList.push({
92
+ value: user.id,
93
+ label: user.nickname,
94
+ })
95
+ }
96
+ options.value = userList;
97
+ })
98
+ } else {
99
+ request.get({
100
+ url: props.item.remoteUrl,
101
+ params: {
102
+ keyword: query
103
+ }
104
+ }).then(res => {
105
+ if (props.item.render) {
106
+ options.value = props.item.render(res)
107
+ } else {
108
+ options.value = res
109
+ }
110
+ })
111
+ }
112
+ }
113
+
114
+ onMounted(() => {
115
+ if (props.item.remoteUrl !== null && props.item.remoteUrl !== undefined && props.item.remoteUrl !== '') {
116
+ remoteMethod(props.item.value);
117
+ }
118
+ })
119
+ </script>
@@ -1,23 +1,23 @@
1
- <template>
2
- <div>
3
- <t-switch
4
- v-model="value"
5
- :disabled="item.disabled"
6
- :label="item.subLabel"
7
- :loading="item.loading"
8
- :size="item.size"
9
- @change="onInputEvent">
10
- <template v-slot:label="currentValue">{{ currentValue.value ? item.activeText : item.inactiveText }}</template>
11
- </t-switch>
12
- </div>
13
- </template>
14
- <script setup lang="ts">
15
- const value = defineModel<any>()
16
- defineProps(['item'])
17
-
18
- const emit = defineEmits(['input'])
19
-
20
- const onInputEvent = (val: any) => {
21
- emit('input',val)
22
- }
23
- </script>
1
+ <template>
2
+ <div>
3
+ <t-switch
4
+ v-model="value"
5
+ :disabled="item.disabled"
6
+ :label="item.subLabel"
7
+ :loading="item.loading"
8
+ :size="item.size"
9
+ @change="onInputEvent">
10
+ <template v-slot:label="currentValue">{{ currentValue.value ? item.activeText : item.inactiveText }}</template>
11
+ </t-switch>
12
+ </div>
13
+ </template>
14
+ <script setup lang="ts">
15
+ const value = defineModel<any>()
16
+ defineProps(['item'])
17
+
18
+ const emit = defineEmits(['input'])
19
+
20
+ const onInputEvent = (val: any) => {
21
+ emit('input',val)
22
+ }
23
+ </script>
@@ -1,47 +1,47 @@
1
- <template>
2
- <div style="display: flex">
3
- <div style="flex: 1;">
4
- <form-text v-model="value.default" :item="item"></form-text>
5
- </div>
6
- <div v-if="item.multiLanguage" style="margin-left: 0px;">
7
- <t-button @click="showMultiLanguageSetting" size="small" theme="primary" variant="text">{{
8
- $t("form.multiLanguageSetting") }}</t-button>
9
- </div>
10
-
11
- <t-dialog v-model:visible="multiSettingVisible" :header="item.label" width="800px" :confirm-btn="null"
12
- cancel-btn="关闭">
13
- <div>
14
- <div v-for="(language, index) in languages" style="margin-bottom: 10px; width: 100%;">
15
- <t-form-item :key="index" :label="language.name" label-width="150px">
16
- <div style="width: 100%">
17
- <form-text v-model="value[language.key]" :item="item"></form-text>
18
- </div>
19
- </t-form-item>
20
- </div>
21
- </div>
22
- </t-dialog>
23
- </div>
24
- </template>
25
-
26
- <script setup>
27
- import { ref } from "vue"
28
- import FormText from "./text.vue";
29
- const value = defineModel()
30
- defineProps(['item'])
31
-
32
- const emit = defineEmits(['input', 'blue', 'change', 'clear', 'click'])
33
- const multiSettingVisible = ref(false);
34
- // import {getLanguageList} from "../../../../api/language"
35
- const languages = []
36
-
37
- // 显示多语言设置
38
- const showMultiLanguageSetting = () => {
39
- multiSettingVisible.value = true
40
- }
41
-
42
- const onEvent = (event, val) => {
43
- emit(event, val)
44
- }
45
- </script>
46
-
47
- <style lang="less" scoped></style>
1
+ <template>
2
+ <div style="display: flex">
3
+ <div style="flex: 1;">
4
+ <form-text v-model="value.default" :item="item"></form-text>
5
+ </div>
6
+ <div v-if="item.multiLanguage" style="margin-left: 0px;">
7
+ <t-button @click="showMultiLanguageSetting" size="small" theme="primary" variant="text">{{
8
+ $t("form.multiLanguageSetting") }}</t-button>
9
+ </div>
10
+
11
+ <t-dialog v-model:visible="multiSettingVisible" :header="item.label" width="800px" :confirm-btn="null"
12
+ cancel-btn="关闭">
13
+ <div>
14
+ <div v-for="(language, index) in languages" style="margin-bottom: 10px; width: 100%;">
15
+ <t-form-item :key="index" :label="language.name" label-width="150px">
16
+ <div style="width: 100%">
17
+ <form-text v-model="value[language.key]" :item="item"></form-text>
18
+ </div>
19
+ </t-form-item>
20
+ </div>
21
+ </div>
22
+ </t-dialog>
23
+ </div>
24
+ </template>
25
+
26
+ <script setup>
27
+ import { ref } from "vue"
28
+ import FormText from "./text.vue";
29
+ const value = defineModel()
30
+ defineProps(['item'])
31
+
32
+ const emit = defineEmits(['input', 'blue', 'change', 'clear', 'click'])
33
+ const multiSettingVisible = ref(false);
34
+ // import {getLanguageList} from "../../../../api/language"
35
+ const languages = []
36
+
37
+ // 显示多语言设置
38
+ const showMultiLanguageSetting = () => {
39
+ multiSettingVisible.value = true
40
+ }
41
+
42
+ const onEvent = (event, val) => {
43
+ emit(event, val)
44
+ }
45
+ </script>
46
+
47
+ <style lang="less" scoped></style>
@@ -1,52 +1,52 @@
1
- <template>
2
- <div>
3
- <t-input
4
- v-model="value"
5
- :type="item.subtype"
6
- :placeholder="item.placeholder"
7
- :disabled="item.disabled"
8
- :readonly="item.readonly"
9
- :maxlength="item.maxlength"
10
- :show-password="item.showPassword"
11
- :label="item.subLabel"
12
- :suffix="item.suffix"
13
- :align="item.align"
14
- :allow-input-over-max="item.allowInputOverMax"
15
- :auto-width="item.autoWidth"
16
- :autocomplete="item.autocomplete"
17
- :autofocus="item.autofocus"
18
- :borderless="item.borderless"
19
- :clearable="item.clearable"
20
- :format="item.format"
21
- :input-class="item.inputClass"
22
- :maxcharacter="item.maxcharacter"
23
- :prefix-icon="item.prefixIcon"
24
- :show-clear-icon-on-empty="item.showClearIconOnEmpty"
25
- :showLimitNumber="item.showLimitNumber"
26
- :size="item.size"
27
- :spellCheck="item.spellCheck"
28
- :status="item.status"
29
- :suffixIcon="item.suffixIcon"
30
- :tips="item.tips"
31
- style="width: 100%"
32
- @blur="(e) => { onEvent('blur', e); }"
33
- @change="(e) => { onEvent('change', e); }"
34
- @clear="(e) => { onEvent('clear', e); }"
35
- @click="(e) => { onEvent('click', e); }"
36
- />
37
- </div>
38
- </template>
39
-
40
- <script setup>
41
-
42
- const value = defineModel()
43
- defineProps(['item'])
44
-
45
- const emit = defineEmits(['input', 'blue', 'change', 'clear', 'click'])
46
-
47
- const onEvent = (event, val) => {
48
- emit(event, val)
49
- }
50
- </script>
51
-
52
- <style lang="less" scoped></style>
1
+ <template>
2
+ <div>
3
+ <t-input
4
+ v-model="value"
5
+ :type="item.subtype"
6
+ :placeholder="item.placeholder"
7
+ :disabled="item.disabled"
8
+ :readonly="item.readonly"
9
+ :maxlength="item.maxlength"
10
+ :show-password="item.showPassword"
11
+ :label="item.subLabel"
12
+ :suffix="item.suffix"
13
+ :align="item.align"
14
+ :allow-input-over-max="item.allowInputOverMax"
15
+ :auto-width="item.autoWidth"
16
+ :autocomplete="item.autocomplete"
17
+ :autofocus="item.autofocus"
18
+ :borderless="item.borderless"
19
+ :clearable="item.clearable"
20
+ :format="item.format"
21
+ :input-class="item.inputClass"
22
+ :maxcharacter="item.maxcharacter"
23
+ :prefix-icon="item.prefixIcon"
24
+ :show-clear-icon-on-empty="item.showClearIconOnEmpty"
25
+ :showLimitNumber="item.showLimitNumber"
26
+ :size="item.size"
27
+ :spellCheck="item.spellCheck"
28
+ :status="item.status"
29
+ :suffixIcon="item.suffixIcon"
30
+ :tips="item.tips"
31
+ style="width: 100%"
32
+ @blur="(e) => { onEvent('blur', e); }"
33
+ @change="(e) => { onEvent('change', e); }"
34
+ @clear="(e) => { onEvent('clear', e); }"
35
+ @click="(e) => { onEvent('click', e); }"
36
+ />
37
+ </div>
38
+ </template>
39
+
40
+ <script setup>
41
+
42
+ const value = defineModel()
43
+ defineProps(['item'])
44
+
45
+ const emit = defineEmits(['input', 'blue', 'change', 'clear', 'click'])
46
+
47
+ const onEvent = (event, val) => {
48
+ emit(event, val)
49
+ }
50
+ </script>
51
+
52
+ <style lang="less" scoped></style>
@@ -1,48 +1,48 @@
1
- <template>
2
- <div style="display: flex;">
3
- <div style="flex: 1;">
4
- <form-textarea v-model="value.default" v-bind:item="item" @input="handleChange" />
5
- </div>
6
- <div v-if="item.multiLanguage" style="margin-left: 0px;">
7
- <t-button @click="showMultiLanguageSetting" size="small" theme="primary" variant="text">{{
8
- $t("form.multiLanguageSetting") }}</t-button>
9
- </div>
10
-
11
- <t-dialog v-model:visible="multiSettingVisible" :header="item.label" width="800px" :confirm-btn="null"
12
- cancel-btn="关闭">
13
- <div>
14
- <div v-for="(language, index) in languages" style="margin-bottom: 10px; width: 100%;">
15
- <t-form-item :key="index" :label="language.name" label-width="150px">
16
- <div style="width: 100%;">
17
- <form-textarea v-model="value[language.key]" v-bind:item="item" @input="handleChange" />
18
- </div>
19
- </t-form-item>
20
- </div>
21
- </div>
22
- </t-dialog>
23
-
24
- </div>
25
- </template>
26
- <script setup lang="ts">
27
- import FormTextarea from "./textarea.vue";
28
- import { ref } from "vue";
29
- const value = defineModel<any>()
30
- defineProps(['item'])
31
-
32
- const emit = defineEmits(['input'])
33
- const multiSettingVisible = ref(false);
34
- // import {getLanguageList} from "../../../../api/language"
35
- const languages = []
36
-
37
- // 显示多语言设置
38
- const showMultiLanguageSetting = () => {
39
- multiSettingVisible.value = true
40
- }
41
-
42
- const handleChange = (value: any, option: any) => {
43
- emit('input', { value });
44
- }
45
- const onInputEvent = (val: any) => {
46
- emit('input', val)
47
- }
48
- </script>
1
+ <template>
2
+ <div style="display: flex;">
3
+ <div style="flex: 1;">
4
+ <form-textarea v-model="value.default" v-bind:item="item" @input="handleChange" />
5
+ </div>
6
+ <div v-if="item.multiLanguage" style="margin-left: 0px;">
7
+ <t-button @click="showMultiLanguageSetting" size="small" theme="primary" variant="text">{{
8
+ $t("form.multiLanguageSetting") }}</t-button>
9
+ </div>
10
+
11
+ <t-dialog v-model:visible="multiSettingVisible" :header="item.label" width="800px" :confirm-btn="null"
12
+ cancel-btn="关闭">
13
+ <div>
14
+ <div v-for="(language, index) in languages" style="margin-bottom: 10px; width: 100%;">
15
+ <t-form-item :key="index" :label="language.name" label-width="150px">
16
+ <div style="width: 100%;">
17
+ <form-textarea v-model="value[language.key]" v-bind:item="item" @input="handleChange" />
18
+ </div>
19
+ </t-form-item>
20
+ </div>
21
+ </div>
22
+ </t-dialog>
23
+
24
+ </div>
25
+ </template>
26
+ <script setup lang="ts">
27
+ import FormTextarea from "./textarea.vue";
28
+ import { ref } from "vue";
29
+ const value = defineModel<any>()
30
+ defineProps(['item'])
31
+
32
+ const emit = defineEmits(['input'])
33
+ const multiSettingVisible = ref(false);
34
+ // import {getLanguageList} from "../../../../api/language"
35
+ const languages = []
36
+
37
+ // 显示多语言设置
38
+ const showMultiLanguageSetting = () => {
39
+ multiSettingVisible.value = true
40
+ }
41
+
42
+ const handleChange = (value: any, option: any) => {
43
+ emit('input', { value });
44
+ }
45
+ const onInputEvent = (val: any) => {
46
+ emit('input', val)
47
+ }
48
+ </script>
@@ -1,29 +1,29 @@
1
- <template>
2
- <div>
3
- <t-textarea
4
- v-model="value"
5
- :placeholder="item.placeholder"
6
- :disabled="item.disable"
7
- :readonly="item.readonly"
8
- :autosize="item.autosize || false"
9
- :maxlength="item.maxlength"
10
- :allowInputOverMax="item.allowInputOverMax"
11
- :autofocus="item.autofocus"
12
- :maxcharacter="item.maxcharacter"
13
- :status="item.status"
14
- :tips="item.tips"
15
- @change="onInputEvent"
16
- />
17
- </div>
18
- </template>
19
- <script setup lang="ts">
20
- import EBizTips from './tips.vue';
21
- const value = defineModel<any>()
22
- defineProps(['item'])
23
-
24
- const emit = defineEmits(['input'])
25
-
26
- const onInputEvent = (val: any) => {
27
- emit('input',val)
28
- }
29
- </script>
1
+ <template>
2
+ <div>
3
+ <t-textarea
4
+ v-model="value"
5
+ :placeholder="item.placeholder"
6
+ :disabled="item.disable"
7
+ :readonly="item.readonly"
8
+ :autosize="item.autosize || false"
9
+ :maxlength="item.maxlength"
10
+ :allowInputOverMax="item.allowInputOverMax"
11
+ :autofocus="item.autofocus"
12
+ :maxcharacter="item.maxcharacter"
13
+ :status="item.status"
14
+ :tips="item.tips"
15
+ @change="onInputEvent"
16
+ />
17
+ </div>
18
+ </template>
19
+ <script setup lang="ts">
20
+ import EBizTips from './tips.vue';
21
+ const value = defineModel<any>()
22
+ defineProps(['item'])
23
+
24
+ const emit = defineEmits(['input'])
25
+
26
+ const onInputEvent = (val: any) => {
27
+ emit('input',val)
28
+ }
29
+ </script>