tianheng-ui 0.1.81 → 0.1.84
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/README.md +72 -15
- package/lib/theme-chalk/fonts/formMaking-iconfont.svg +155 -155
- package/lib/theme-chalk/fonts/th-iconfont.css +2402 -2402
- package/lib/theme-chalk/js/axios.js +87 -87
- package/lib/tianheng-ui.js +13 -13
- package/package.json +87 -86
- package/packages/CodeEditor/index.vue +3 -2
- package/packages/FormMaking/GenerateForm.vue +392 -392
- package/packages/FormMaking/Upload/index.vue +571 -571
- package/packages/FormMaking/WidgetFooter.vue +16 -0
- package/packages/FormMaking/WidgetForm.vue +145 -146
- package/packages/FormMaking/WidgetTools.vue +21 -16
- package/packages/FormMaking/custom/config.js +120 -2
- package/packages/FormMaking/custom/configs/number.vue +0 -5
- package/packages/FormMaking/custom/configs/page-table.vue +146 -0
- package/packages/FormMaking/custom/index.js +1 -1
- package/packages/FormMaking/custom/items/page-table.vue +250 -0
- package/packages/FormMaking/custom/register.js +43 -43
- package/packages/FormMaking/iconfont/demo.css +539 -539
- package/packages/FormMaking/iconfont/demo_index.html +1159 -1159
- package/packages/FormMaking/iconfont/formMaking-iconfont.css +189 -189
- package/packages/FormMaking/iconfont/formMaking-iconfont.svg +155 -155
- package/packages/FormMaking/index.js +33 -33
- package/packages/FormMaking/index.vue +6 -1
- package/packages/FormMaking/lang/en-US.js +187 -187
- package/packages/FormMaking/lang/zh-CN.js +187 -187
- package/packages/FormMaking/network/axios.js +88 -88
- package/packages/FormMaking/styles/index.scss +216 -216
- package/packages/FormMaking/util/generateCode.js +427 -157
- package/packages/FormMaking/util/index.js +98 -98
- package/packages/TableMaking/network/axios.js +88 -88
- package/packages/TableMaking/widgetConfig.vue +1 -1
@@ -1,33 +1,33 @@
|
|
1
|
-
import "normalize.css/normalize.css";
|
2
|
-
import "./iconfont/formMaking-iconfont.css";
|
3
|
-
// import "./styles/cover.scss";
|
4
|
-
import "./styles/index.scss";
|
5
|
-
|
6
|
-
import FormMaking from "./index.vue";
|
7
|
-
FormMaking.install = function(Vue) {
|
8
|
-
Vue.component(FormMaking.name, FormMaking);
|
9
|
-
};
|
10
|
-
|
11
|
-
import FormGenerate from "./GenerateForm.vue";
|
12
|
-
FormGenerate.install = function(Vue) {
|
13
|
-
Vue.component(FormGenerate.name, FormGenerate);
|
14
|
-
};
|
15
|
-
|
16
|
-
const components = [FormMaking, FormGenerate];
|
17
|
-
const install = function(Vue) {
|
18
|
-
components.forEach(component => {
|
19
|
-
Vue.component(component.name, component);
|
20
|
-
});
|
21
|
-
};
|
22
|
-
|
23
|
-
if (typeof window !== "undefined" && window.Vue) {
|
24
|
-
install(window.Vue);
|
25
|
-
}
|
26
|
-
|
27
|
-
export { install, FormMaking, FormGenerate };
|
28
|
-
|
29
|
-
export default {
|
30
|
-
install,
|
31
|
-
FormMaking,
|
32
|
-
FormGenerate
|
33
|
-
};
|
1
|
+
import "normalize.css/normalize.css";
|
2
|
+
import "./iconfont/formMaking-iconfont.css";
|
3
|
+
// import "./styles/cover.scss";
|
4
|
+
import "./styles/index.scss";
|
5
|
+
|
6
|
+
import FormMaking from "./index.vue";
|
7
|
+
FormMaking.install = function(Vue) {
|
8
|
+
Vue.component(FormMaking.name, FormMaking);
|
9
|
+
};
|
10
|
+
|
11
|
+
import FormGenerate from "./GenerateForm.vue";
|
12
|
+
FormGenerate.install = function(Vue) {
|
13
|
+
Vue.component(FormGenerate.name, FormGenerate);
|
14
|
+
};
|
15
|
+
|
16
|
+
const components = [FormMaking, FormGenerate];
|
17
|
+
const install = function(Vue) {
|
18
|
+
components.forEach(component => {
|
19
|
+
Vue.component(component.name, component);
|
20
|
+
});
|
21
|
+
};
|
22
|
+
|
23
|
+
if (typeof window !== "undefined" && window.Vue) {
|
24
|
+
install(window.Vue);
|
25
|
+
}
|
26
|
+
|
27
|
+
export { install, FormMaking, FormGenerate };
|
28
|
+
|
29
|
+
export default {
|
30
|
+
install,
|
31
|
+
FormMaking,
|
32
|
+
FormGenerate
|
33
|
+
};
|
@@ -125,6 +125,9 @@
|
|
125
125
|
ref="widgetForm"
|
126
126
|
>
|
127
127
|
</widget-form>
|
128
|
+
<widget-footer>
|
129
|
+
<slot name="footer"></slot>
|
130
|
+
</widget-footer>
|
128
131
|
</div>
|
129
132
|
|
130
133
|
<!-- 右侧配置区 -->
|
@@ -155,6 +158,7 @@ import Draggable from "vuedraggable";
|
|
155
158
|
import WidgetConfig from "./WidgetConfig";
|
156
159
|
import WidgetTools from "./WidgetTools";
|
157
160
|
import WidgetForm from "./WidgetForm";
|
161
|
+
import WidgetFooter from "./WidgetFooter";
|
158
162
|
import GenerateForm from "./GenerateForm";
|
159
163
|
import WidgetGuide from "./WidgetGuide.vue";
|
160
164
|
import {
|
@@ -175,6 +179,7 @@ export default {
|
|
175
179
|
WidgetConfig,
|
176
180
|
WidgetTools,
|
177
181
|
WidgetForm,
|
182
|
+
WidgetFooter,
|
178
183
|
GenerateForm,
|
179
184
|
WidgetGuide
|
180
185
|
},
|
@@ -232,7 +237,7 @@ export default {
|
|
232
237
|
},
|
233
238
|
businessFields: {
|
234
239
|
type: Array,
|
235
|
-
default: () => ["blank", "descriptions", "workflow"]
|
240
|
+
default: () => ["blank", "descriptions", "workflow", "page-table"]
|
236
241
|
},
|
237
242
|
guide: Boolean
|
238
243
|
},
|
@@ -1,187 +1,187 @@
|
|
1
|
-
export default {
|
2
|
-
fm: {
|
3
|
-
components: {
|
4
|
-
fields: {
|
5
|
-
input: 'Input',
|
6
|
-
textarea: 'Textarea',
|
7
|
-
number: 'Number',
|
8
|
-
radio: 'Radio',
|
9
|
-
checkbox: 'Checkbox',
|
10
|
-
time: 'Time',
|
11
|
-
date: 'Date',
|
12
|
-
rate: 'Rate',
|
13
|
-
color: 'Color',
|
14
|
-
select: 'Select',
|
15
|
-
switch: 'Switch',
|
16
|
-
slider: 'Slider',
|
17
|
-
text: 'Text',
|
18
|
-
blank: 'Custom',
|
19
|
-
fileupload: 'File',
|
20
|
-
upload: 'Image',
|
21
|
-
editor: 'Editor',
|
22
|
-
cascader: 'Cascader',
|
23
|
-
table: 'Sub-table',
|
24
|
-
grid: 'Grid',
|
25
|
-
tabs: 'Tabs',
|
26
|
-
divider: 'Divider'
|
27
|
-
},
|
28
|
-
basic: {
|
29
|
-
title: 'Basic Component',
|
30
|
-
},
|
31
|
-
advance: {
|
32
|
-
title: 'Advance Component',
|
33
|
-
},
|
34
|
-
layout: {
|
35
|
-
title: 'Layout',
|
36
|
-
}
|
37
|
-
},
|
38
|
-
description: {
|
39
|
-
containerEmpty: 'You can drag and drop the item from the left to add components',
|
40
|
-
configEmpty: 'Please add a component',
|
41
|
-
tableEmpty: 'You can drag and drop the item from the left to add components',
|
42
|
-
uploadJsonInfo: 'There is the format of JSON below,you can overwrite it with you own JSON code'
|
43
|
-
},
|
44
|
-
message: {
|
45
|
-
copySuccess: 'Copy Successed',
|
46
|
-
validError: 'Form data validation failed'
|
47
|
-
},
|
48
|
-
actions: {
|
49
|
-
import: 'Import JSON',
|
50
|
-
clear: 'Clear',
|
51
|
-
preview: 'Preview',
|
52
|
-
json: 'Generate JSON',
|
53
|
-
code: 'Generate Code',
|
54
|
-
getData: 'Get Data',
|
55
|
-
reset: 'Reset',
|
56
|
-
copyData: 'Copy Data',
|
57
|
-
cancel: 'Cancel',
|
58
|
-
confirm: 'Confirm',
|
59
|
-
addOption: 'Add Option',
|
60
|
-
addColumn: 'Add Column',
|
61
|
-
addTab: 'Add Tab',
|
62
|
-
upload: 'Upload',
|
63
|
-
add: 'Add'
|
64
|
-
},
|
65
|
-
config: {
|
66
|
-
form: {
|
67
|
-
title: 'Form Attribute',
|
68
|
-
labelPosition: {
|
69
|
-
title: 'Label Position',
|
70
|
-
left: 'Left',
|
71
|
-
right: 'Right',
|
72
|
-
top: 'Top'
|
73
|
-
},
|
74
|
-
labelWidth: 'Label Width',
|
75
|
-
size: 'Size',
|
76
|
-
customClass: 'Custom Class'
|
77
|
-
},
|
78
|
-
widget: {
|
79
|
-
title: 'Component Attribute',
|
80
|
-
model: 'ID',
|
81
|
-
name: 'Name',
|
82
|
-
width: 'Width',
|
83
|
-
height: 'Height',
|
84
|
-
size: 'Size',
|
85
|
-
labelWidth: 'Label Width',
|
86
|
-
custom: 'Custom',
|
87
|
-
placeholder: 'Placeholder',
|
88
|
-
layout: 'Layout',
|
89
|
-
block: 'Block',
|
90
|
-
inline: 'Inline',
|
91
|
-
contentPosition: 'Content Position',
|
92
|
-
left: 'Left',
|
93
|
-
right: 'Right',
|
94
|
-
center: 'Center',
|
95
|
-
showInput: 'Display Input Box',
|
96
|
-
min: 'Minimum',
|
97
|
-
max: 'Maximum',
|
98
|
-
step: 'Step',
|
99
|
-
multiple: 'Multiple',
|
100
|
-
filterable: 'Searchable',
|
101
|
-
allowHalf: 'Allow Half',
|
102
|
-
showAlpha: 'Support transparency options',
|
103
|
-
showLabel: 'Show lable',
|
104
|
-
option: 'Option',
|
105
|
-
staticData: 'Static Data',
|
106
|
-
remoteData: 'Remote Date',
|
107
|
-
remoteFunc: 'Remote Function',
|
108
|
-
value: 'Value',
|
109
|
-
label: 'Label',
|
110
|
-
childrenOption: 'Sub-Option',
|
111
|
-
defaultValue: 'Default Value',
|
112
|
-
showType: 'Display type',
|
113
|
-
isRange: 'Range Time',
|
114
|
-
isTimestamp: 'Get time stamp',
|
115
|
-
startPlaceholder: 'Placeholder of start time',
|
116
|
-
endPlaceholder: 'Placeholder of end time',
|
117
|
-
format: 'Format',
|
118
|
-
limit: 'Maximum Upload Count',
|
119
|
-
isQiniu: 'Upload with Qiniu Cloud',
|
120
|
-
tokenFunc: 'A funchtin to get Qiniu Uptoken',
|
121
|
-
imageAction: 'Picture upload address',
|
122
|
-
tip: 'Text Prompt',
|
123
|
-
action: 'Upload Address',
|
124
|
-
defaultType: 'Data Type',
|
125
|
-
string: 'String',
|
126
|
-
object: 'Object',
|
127
|
-
array: 'Array',
|
128
|
-
number: 'Number',
|
129
|
-
boolean: 'Boolean',
|
130
|
-
integer: 'Integer',
|
131
|
-
float: 'Float',
|
132
|
-
url: 'URL',
|
133
|
-
email: 'E-mail',
|
134
|
-
hex: 'Hexadecimal',
|
135
|
-
gutter: 'Grid Spacing',
|
136
|
-
columnOption: 'Column Configuration',
|
137
|
-
span: 'Grid spans',
|
138
|
-
justify: 'Horizontal Arrangement',
|
139
|
-
justifyStart: 'Start',
|
140
|
-
justifyEnd: 'End',
|
141
|
-
justifyCenter: 'Center',
|
142
|
-
justifySpaceAround: 'Space Around',
|
143
|
-
justifySpaceBetween: 'Space Between',
|
144
|
-
align: 'Vertical Arrangement',
|
145
|
-
alignTop: 'Top',
|
146
|
-
alignMiddle: 'Middle',
|
147
|
-
alignBottom: 'Bottom',
|
148
|
-
type: 'Type',
|
149
|
-
default: 'Default',
|
150
|
-
card: 'Tabs',
|
151
|
-
borderCard: 'Border-Card',
|
152
|
-
tabPosition: 'Tab Position',
|
153
|
-
top: 'Top',
|
154
|
-
bottom: 'Bottom',
|
155
|
-
tabOption: 'Label Configuration',
|
156
|
-
tabName: 'Tab Name',
|
157
|
-
customClass: 'Custom Class',
|
158
|
-
attribute: 'Attribute Action',
|
159
|
-
dataBind: 'Data Binding',
|
160
|
-
hidden: 'Hidden',
|
161
|
-
readonly: 'Read Only',
|
162
|
-
disabled: 'Disabled',
|
163
|
-
editable: 'Text box is editable',
|
164
|
-
clearable: 'Display Clear Button',
|
165
|
-
arrowControl: 'Use the arrow for time selection',
|
166
|
-
isDelete: 'Deletable',
|
167
|
-
isEdit: 'Editable',
|
168
|
-
showPassword: 'Display Password',
|
169
|
-
validate: 'Validation',
|
170
|
-
required: 'Required',
|
171
|
-
patternPlaceholder: 'Fill in the regular expressions',
|
172
|
-
newOption: 'New Option',
|
173
|
-
tab: 'Tab',
|
174
|
-
validatorRequired: 'Required',
|
175
|
-
validatorType: 'Invaild format',
|
176
|
-
validatorPattern: 'Unmatched pattern',
|
177
|
-
showWordLimit: 'Show word limit',
|
178
|
-
maxlength: 'Max length',
|
179
|
-
}
|
180
|
-
},
|
181
|
-
upload: {
|
182
|
-
preview: 'preview',
|
183
|
-
edit: 'replace',
|
184
|
-
delete: 'delete'
|
185
|
-
}
|
186
|
-
}
|
187
|
-
}
|
1
|
+
export default {
|
2
|
+
fm: {
|
3
|
+
components: {
|
4
|
+
fields: {
|
5
|
+
input: 'Input',
|
6
|
+
textarea: 'Textarea',
|
7
|
+
number: 'Number',
|
8
|
+
radio: 'Radio',
|
9
|
+
checkbox: 'Checkbox',
|
10
|
+
time: 'Time',
|
11
|
+
date: 'Date',
|
12
|
+
rate: 'Rate',
|
13
|
+
color: 'Color',
|
14
|
+
select: 'Select',
|
15
|
+
switch: 'Switch',
|
16
|
+
slider: 'Slider',
|
17
|
+
text: 'Text',
|
18
|
+
blank: 'Custom',
|
19
|
+
fileupload: 'File',
|
20
|
+
upload: 'Image',
|
21
|
+
editor: 'Editor',
|
22
|
+
cascader: 'Cascader',
|
23
|
+
table: 'Sub-table',
|
24
|
+
grid: 'Grid',
|
25
|
+
tabs: 'Tabs',
|
26
|
+
divider: 'Divider'
|
27
|
+
},
|
28
|
+
basic: {
|
29
|
+
title: 'Basic Component',
|
30
|
+
},
|
31
|
+
advance: {
|
32
|
+
title: 'Advance Component',
|
33
|
+
},
|
34
|
+
layout: {
|
35
|
+
title: 'Layout',
|
36
|
+
}
|
37
|
+
},
|
38
|
+
description: {
|
39
|
+
containerEmpty: 'You can drag and drop the item from the left to add components',
|
40
|
+
configEmpty: 'Please add a component',
|
41
|
+
tableEmpty: 'You can drag and drop the item from the left to add components',
|
42
|
+
uploadJsonInfo: 'There is the format of JSON below,you can overwrite it with you own JSON code'
|
43
|
+
},
|
44
|
+
message: {
|
45
|
+
copySuccess: 'Copy Successed',
|
46
|
+
validError: 'Form data validation failed'
|
47
|
+
},
|
48
|
+
actions: {
|
49
|
+
import: 'Import JSON',
|
50
|
+
clear: 'Clear',
|
51
|
+
preview: 'Preview',
|
52
|
+
json: 'Generate JSON',
|
53
|
+
code: 'Generate Code',
|
54
|
+
getData: 'Get Data',
|
55
|
+
reset: 'Reset',
|
56
|
+
copyData: 'Copy Data',
|
57
|
+
cancel: 'Cancel',
|
58
|
+
confirm: 'Confirm',
|
59
|
+
addOption: 'Add Option',
|
60
|
+
addColumn: 'Add Column',
|
61
|
+
addTab: 'Add Tab',
|
62
|
+
upload: 'Upload',
|
63
|
+
add: 'Add'
|
64
|
+
},
|
65
|
+
config: {
|
66
|
+
form: {
|
67
|
+
title: 'Form Attribute',
|
68
|
+
labelPosition: {
|
69
|
+
title: 'Label Position',
|
70
|
+
left: 'Left',
|
71
|
+
right: 'Right',
|
72
|
+
top: 'Top'
|
73
|
+
},
|
74
|
+
labelWidth: 'Label Width',
|
75
|
+
size: 'Size',
|
76
|
+
customClass: 'Custom Class'
|
77
|
+
},
|
78
|
+
widget: {
|
79
|
+
title: 'Component Attribute',
|
80
|
+
model: 'ID',
|
81
|
+
name: 'Name',
|
82
|
+
width: 'Width',
|
83
|
+
height: 'Height',
|
84
|
+
size: 'Size',
|
85
|
+
labelWidth: 'Label Width',
|
86
|
+
custom: 'Custom',
|
87
|
+
placeholder: 'Placeholder',
|
88
|
+
layout: 'Layout',
|
89
|
+
block: 'Block',
|
90
|
+
inline: 'Inline',
|
91
|
+
contentPosition: 'Content Position',
|
92
|
+
left: 'Left',
|
93
|
+
right: 'Right',
|
94
|
+
center: 'Center',
|
95
|
+
showInput: 'Display Input Box',
|
96
|
+
min: 'Minimum',
|
97
|
+
max: 'Maximum',
|
98
|
+
step: 'Step',
|
99
|
+
multiple: 'Multiple',
|
100
|
+
filterable: 'Searchable',
|
101
|
+
allowHalf: 'Allow Half',
|
102
|
+
showAlpha: 'Support transparency options',
|
103
|
+
showLabel: 'Show lable',
|
104
|
+
option: 'Option',
|
105
|
+
staticData: 'Static Data',
|
106
|
+
remoteData: 'Remote Date',
|
107
|
+
remoteFunc: 'Remote Function',
|
108
|
+
value: 'Value',
|
109
|
+
label: 'Label',
|
110
|
+
childrenOption: 'Sub-Option',
|
111
|
+
defaultValue: 'Default Value',
|
112
|
+
showType: 'Display type',
|
113
|
+
isRange: 'Range Time',
|
114
|
+
isTimestamp: 'Get time stamp',
|
115
|
+
startPlaceholder: 'Placeholder of start time',
|
116
|
+
endPlaceholder: 'Placeholder of end time',
|
117
|
+
format: 'Format',
|
118
|
+
limit: 'Maximum Upload Count',
|
119
|
+
isQiniu: 'Upload with Qiniu Cloud',
|
120
|
+
tokenFunc: 'A funchtin to get Qiniu Uptoken',
|
121
|
+
imageAction: 'Picture upload address',
|
122
|
+
tip: 'Text Prompt',
|
123
|
+
action: 'Upload Address',
|
124
|
+
defaultType: 'Data Type',
|
125
|
+
string: 'String',
|
126
|
+
object: 'Object',
|
127
|
+
array: 'Array',
|
128
|
+
number: 'Number',
|
129
|
+
boolean: 'Boolean',
|
130
|
+
integer: 'Integer',
|
131
|
+
float: 'Float',
|
132
|
+
url: 'URL',
|
133
|
+
email: 'E-mail',
|
134
|
+
hex: 'Hexadecimal',
|
135
|
+
gutter: 'Grid Spacing',
|
136
|
+
columnOption: 'Column Configuration',
|
137
|
+
span: 'Grid spans',
|
138
|
+
justify: 'Horizontal Arrangement',
|
139
|
+
justifyStart: 'Start',
|
140
|
+
justifyEnd: 'End',
|
141
|
+
justifyCenter: 'Center',
|
142
|
+
justifySpaceAround: 'Space Around',
|
143
|
+
justifySpaceBetween: 'Space Between',
|
144
|
+
align: 'Vertical Arrangement',
|
145
|
+
alignTop: 'Top',
|
146
|
+
alignMiddle: 'Middle',
|
147
|
+
alignBottom: 'Bottom',
|
148
|
+
type: 'Type',
|
149
|
+
default: 'Default',
|
150
|
+
card: 'Tabs',
|
151
|
+
borderCard: 'Border-Card',
|
152
|
+
tabPosition: 'Tab Position',
|
153
|
+
top: 'Top',
|
154
|
+
bottom: 'Bottom',
|
155
|
+
tabOption: 'Label Configuration',
|
156
|
+
tabName: 'Tab Name',
|
157
|
+
customClass: 'Custom Class',
|
158
|
+
attribute: 'Attribute Action',
|
159
|
+
dataBind: 'Data Binding',
|
160
|
+
hidden: 'Hidden',
|
161
|
+
readonly: 'Read Only',
|
162
|
+
disabled: 'Disabled',
|
163
|
+
editable: 'Text box is editable',
|
164
|
+
clearable: 'Display Clear Button',
|
165
|
+
arrowControl: 'Use the arrow for time selection',
|
166
|
+
isDelete: 'Deletable',
|
167
|
+
isEdit: 'Editable',
|
168
|
+
showPassword: 'Display Password',
|
169
|
+
validate: 'Validation',
|
170
|
+
required: 'Required',
|
171
|
+
patternPlaceholder: 'Fill in the regular expressions',
|
172
|
+
newOption: 'New Option',
|
173
|
+
tab: 'Tab',
|
174
|
+
validatorRequired: 'Required',
|
175
|
+
validatorType: 'Invaild format',
|
176
|
+
validatorPattern: 'Unmatched pattern',
|
177
|
+
showWordLimit: 'Show word limit',
|
178
|
+
maxlength: 'Max length',
|
179
|
+
}
|
180
|
+
},
|
181
|
+
upload: {
|
182
|
+
preview: 'preview',
|
183
|
+
edit: 'replace',
|
184
|
+
delete: 'delete'
|
185
|
+
}
|
186
|
+
}
|
187
|
+
}
|