tianheng-ui 0.1.10 → 0.1.12
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/lib/theme-chalk/styles/reset.scss +0 -2
- package/lib/tianheng-ui.js +13 -14
- package/package.json +1 -1
- package/packages/FormMaking/GenerateForm.vue +16 -11
- package/packages/FormMaking/GenerateFormItem.vue +73 -581
- package/packages/FormMaking/GenerateFormItemH5.vue +6 -6
- package/packages/FormMaking/Upload/index.vue +0 -1
- package/packages/FormMaking/WidgetConfig.vue +100 -77
- package/packages/FormMaking/WidgetForm.vue +7 -48
- package/packages/FormMaking/WidgetFormItem.vue +41 -65
- package/packages/FormMaking/WidgetSelect.vue +160 -0
- package/packages/FormMaking/WidgetTools.vue +538 -0
- package/packages/FormMaking/config/index.js +6 -0
- package/packages/FormMaking/custom/config.js +119 -87
- package/packages/FormMaking/custom/configs/button.vue +24 -25
- package/packages/FormMaking/custom/configs/cascader.vue +7 -7
- package/packages/FormMaking/custom/configs/checkbox.vue +23 -22
- package/packages/FormMaking/custom/configs/color.vue +3 -3
- package/packages/FormMaking/custom/configs/date.vue +3 -3
- package/packages/FormMaking/custom/configs/grid.vue +4 -4
- package/packages/FormMaking/custom/configs/input.vue +138 -31
- package/packages/FormMaking/custom/configs/number.vue +5 -5
- package/packages/FormMaking/custom/configs/radio.vue +23 -19
- package/packages/FormMaking/custom/configs/rate.vue +3 -3
- package/packages/FormMaking/custom/configs/select.vue +25 -20
- package/packages/FormMaking/custom/configs/slider.vue +3 -3
- package/packages/FormMaking/custom/configs/switch.vue +3 -3
- package/packages/FormMaking/custom/configs/table.vue +2 -2
- package/packages/FormMaking/custom/configs/{table_h5.vue → tableH5.vue} +2 -2
- package/packages/FormMaking/custom/configs/tabs.vue +18 -23
- package/packages/FormMaking/custom/configs/textarea.vue +124 -22
- package/packages/FormMaking/custom/configs/time.vue +3 -3
- package/packages/FormMaking/custom/configs/upload.vue +5 -5
- package/packages/FormMaking/custom/index.js +2 -4
- package/packages/FormMaking/custom/items/alliance.vue +30 -29
- package/packages/FormMaking/custom/items/blank_pro.vue +14 -0
- package/packages/FormMaking/custom/items/button.vue +36 -1
- package/packages/FormMaking/custom/items/cascader.vue +6 -2
- package/packages/FormMaking/custom/items/cell.vue +0 -2
- package/packages/FormMaking/custom/items/checkbox.vue +18 -8
- package/packages/FormMaking/custom/items/color.vue +1 -1
- package/packages/FormMaking/custom/items/date.vue +1 -1
- package/packages/FormMaking/custom/items/editor.vue +1 -1
- package/packages/FormMaking/custom/items/{grid.vue → grid_dev.vue} +16 -47
- package/packages/FormMaking/custom/items/grid_pro.vue +45 -0
- package/packages/FormMaking/custom/items/image.vue +0 -28
- package/packages/FormMaking/custom/items/input.vue +15 -9
- package/packages/FormMaking/custom/items/number.vue +4 -4
- package/packages/FormMaking/custom/items/radio.vue +17 -7
- package/packages/FormMaking/custom/items/rate.vue +1 -1
- package/packages/FormMaking/custom/items/select.vue +12 -6
- package/packages/FormMaking/custom/items/slider.vue +1 -1
- package/packages/FormMaking/custom/items/switch.vue +1 -1
- package/packages/FormMaking/custom/items/{table_h5.vue → tableH5_dev.vue} +44 -49
- package/packages/FormMaking/custom/items/tableH5_pro.vue +113 -0
- package/packages/FormMaking/custom/items/{table.vue → table_dev.vue} +21 -41
- package/packages/FormMaking/custom/items/table_pro.vue +114 -0
- package/packages/FormMaking/custom/items/tabs_dev.vue +101 -0
- package/packages/FormMaking/custom/items/tabs_pro.vue +50 -0
- package/packages/FormMaking/custom/items/text.vue +1 -1
- package/packages/FormMaking/custom/items/textarea.vue +4 -13
- package/packages/FormMaking/custom/items/time.vue +3 -3
- package/packages/FormMaking/custom/items/upload.vue +15 -14
- package/packages/FormMaking/custom/mixins/index.js +28 -6
- package/packages/FormMaking/custom/register.js +22 -11
- package/packages/FormMaking/index.vue +95 -468
- package/packages/FormMaking/styles/index.scss +235 -242
- package/packages/FormMaking/util/generateCode.js +3 -3
- package/packages/FormMaking/util/index.js +33 -23
- package/packages/FormMaking/util/request.js +9 -12
- package/packages/FormMaking/custom/items/tabs.vue +0 -145
- /package/packages/FormMaking/custom/items/{blank.vue → blank_dev.vue} +0 -0
package/package.json
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
<div v-if="formJson.config">
|
3
3
|
<el-form
|
4
4
|
class="generateForm"
|
5
|
-
:class="{
|
5
|
+
:class="{ isHideLabel: formJson.config.hideLabel }"
|
6
6
|
:style="{ width: formWidth }"
|
7
7
|
:label-suffix="formJson.config.labelSuffix"
|
8
8
|
:size="formJson.config.size"
|
@@ -22,6 +22,7 @@
|
|
22
22
|
:prop="item.type === 'grid' ? '' : item.model"
|
23
23
|
:componentsData="componentsData"
|
24
24
|
@input-change="onInputChange"
|
25
|
+
@button-submit="handleButtonSubmit"
|
25
26
|
>
|
26
27
|
<template v-for="name in slotKeys" :slot="name">
|
27
28
|
<slot :name="name" />
|
@@ -132,6 +133,7 @@ export default {
|
|
132
133
|
}
|
133
134
|
},
|
134
135
|
created() {
|
136
|
+
localStorage.setItem("_TH_OauthConfig", JSON.stringify(this.oauthConfig));
|
135
137
|
this.axios = Axios.init(this.oauthConfig);
|
136
138
|
this.generateModle(this.formJson.list);
|
137
139
|
},
|
@@ -141,19 +143,19 @@ export default {
|
|
141
143
|
if (!genList) return;
|
142
144
|
genList.map(item => {
|
143
145
|
if (item.type === "grid") {
|
144
|
-
item.columns.forEach(item => {
|
146
|
+
item.options.columns.forEach(item => {
|
145
147
|
this.generateModle(item.list, modelObj);
|
146
148
|
});
|
147
149
|
} else if (item.type === "tabs") {
|
148
150
|
if (modelObj) {
|
149
151
|
this.$set(modelObj, item.model, {});
|
150
|
-
item.
|
152
|
+
item.options.columns.forEach(item2 => {
|
151
153
|
this.$set(modelObj[item.model], item2.value, {});
|
152
154
|
this.generateModle(item2.list, modelObj[item.model][item2.value]);
|
153
155
|
});
|
154
156
|
} else {
|
155
157
|
this.$set(this.models, item.model, {});
|
156
|
-
item.
|
158
|
+
item.options.columns.forEach(item2 => {
|
157
159
|
this.$set(this.models[item.model], item2.value, {});
|
158
160
|
this.generateModle(
|
159
161
|
item2.list,
|
@@ -161,21 +163,21 @@ export default {
|
|
161
163
|
);
|
162
164
|
});
|
163
165
|
}
|
164
|
-
} else if (item.type === "table" || item.type === "
|
166
|
+
} else if (item.type === "table" || item.type === "tableH5") {
|
165
167
|
if (modelObj) {
|
166
168
|
this.$set(
|
167
169
|
modelObj,
|
168
170
|
item.model,
|
169
171
|
JSON.parse(item.options.defaultValue || "[]")
|
170
172
|
);
|
171
|
-
this.generateModle(item.
|
173
|
+
this.generateModle(item.options.columns, modelObj[item.model]);
|
172
174
|
} else {
|
173
175
|
this.$set(
|
174
176
|
this.models,
|
175
177
|
item.model,
|
176
178
|
JSON.parse(item.options.defaultValue || "[]")
|
177
179
|
);
|
178
|
-
this.generateModle(item.
|
180
|
+
this.generateModle(item.options.columns, this.models[item.model]);
|
179
181
|
}
|
180
182
|
} else if (modelObj) {
|
181
183
|
if (!modelObj[item.model]) {
|
@@ -213,8 +215,8 @@ export default {
|
|
213
215
|
generateRules(item) {
|
214
216
|
if (!item.rules) item.rules = [];
|
215
217
|
item.rules.forEach(rule => {
|
216
|
-
if (rule.
|
217
|
-
rule.pattern = new RegExp(rule.
|
218
|
+
if (rule.patternStr) {
|
219
|
+
rule.pattern = new RegExp(rule.patternStr);
|
218
220
|
}
|
219
221
|
});
|
220
222
|
this.hendleRemoteData(item);
|
@@ -225,7 +227,7 @@ export default {
|
|
225
227
|
|
226
228
|
const remoteFunc = item.options.remoteFunc;
|
227
229
|
this.axios({
|
228
|
-
url: remoteFunc.
|
230
|
+
url: remoteFunc.url,
|
229
231
|
method: remoteFunc.method,
|
230
232
|
headers: remoteFunc.headers,
|
231
233
|
data: { ...remoteFunc.params }
|
@@ -240,6 +242,9 @@ export default {
|
|
240
242
|
});
|
241
243
|
});
|
242
244
|
},
|
245
|
+
handleButtonSubmit(val){
|
246
|
+
this.$emit("button-submit", val);
|
247
|
+
},
|
243
248
|
getData() {
|
244
249
|
return new Promise((resolve, reject) => {
|
245
250
|
this.$refs.generateForm.validate(valid => {
|
@@ -277,7 +282,7 @@ export default {
|
|
277
282
|
}
|
278
283
|
}
|
279
284
|
|
280
|
-
.
|
285
|
+
.isHideLabel {
|
281
286
|
.el-form-item__label {
|
282
287
|
display: none;
|
283
288
|
}
|