tianheng-ui 0.1.0 → 0.1.2
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 +9 -18
- package/lib/039af9192b9bb277966ceb4e4ce29c41.js +16 -0
- package/lib/2d84c80112a372bc149cad3464e90fa3.js +1617 -0
- package/lib/5977b934a4c6b480790864ea01303173.js +10834 -0
- package/lib/7745f3e776488705a38e62f85adad54d.js +16 -0
- package/lib/de8dee841ffdaaede3a2254deef30376.js +15395 -0
- package/lib/e78eab250e7f8ccac3d918dfdb06ca10.js +8904 -0
- package/lib/theme-chalk/fonts/PingFang.ttf +0 -0
- package/lib/theme-chalk/fonts/bpmn.eot +0 -0
- package/lib/theme-chalk/fonts/bpmn.svg +224 -0
- package/lib/theme-chalk/fonts/bpmn.ttf +0 -0
- package/lib/theme-chalk/fonts/bpmn.woff +0 -0
- package/lib/theme-chalk/fonts/bpmn.woff2 +0 -0
- package/lib/theme-chalk/fonts/fontawesome-webfont.eot +0 -0
- package/lib/theme-chalk/fonts/fontawesome-webfont.svg +2671 -0
- package/lib/theme-chalk/fonts/fontawesome-webfont.ttf +0 -0
- package/lib/theme-chalk/fonts/fontawesome-webfont.woff +0 -0
- package/lib/theme-chalk/fonts/fontawesome-webfont.woff2 +0 -0
- package/lib/theme-chalk/fonts/iconfont.eot +0 -0
- package/lib/theme-chalk/fonts/iconfont.svg +155 -0
- package/lib/theme-chalk/fonts/iconfont.ttf +0 -0
- package/lib/theme-chalk/fonts/iconfont.woff +0 -0
- package/lib/theme-chalk/fonts/iconfont.woff2 +0 -0
- package/lib/theme-chalk/images/notData.png +0 -0
- package/lib/theme-chalk/index.scss +31 -0
- package/lib/theme-chalk/js/Log.js +99 -0
- package/lib/theme-chalk/js/axios.js +86 -0
- package/lib/theme-chalk/js/store/getters.js +5 -0
- package/lib/theme-chalk/js/store/modules/makingForm.js +21 -0
- package/lib/theme-chalk/js/store/store.js +26 -0
- package/lib/theme-chalk/styles/button.scss +501 -0
- package/lib/theme-chalk/styles/card.scss +29 -0
- package/lib/theme-chalk/styles/cell.scss +54 -0
- package/lib/theme-chalk/styles/codeEditor.scss +9 -0
- package/lib/theme-chalk/styles/col.scss +151 -0
- package/lib/theme-chalk/styles/dialog.scss +56 -0
- package/lib/theme-chalk/styles/empty.scss +22 -0
- package/lib/theme-chalk/styles/feature.scss +46 -0
- package/lib/theme-chalk/styles/font.css +7 -0
- package/lib/theme-chalk/styles/grid.scss +41 -0
- package/lib/theme-chalk/styles/icon.css +1944 -0
- package/lib/theme-chalk/styles/imagePreview.scss +113 -0
- package/lib/theme-chalk/styles/img.scss +35 -0
- package/lib/theme-chalk/styles/reset.scss +17 -0
- package/lib/theme-chalk/styles/root.css +64 -0
- package/lib/theme-chalk/styles/row.scss +23 -0
- package/lib/theme-chalk/styles/upload.scss +744 -0
- package/lib/theme-chalk/styles/variable.scss +80 -0
- package/lib/tianheng-ui.js +116 -0
- package/package.json +86 -48
- package/packages/Button/index.js +8 -0
- package/packages/Button/index.vue +80 -0
- package/packages/Card/index.js +8 -0
- package/packages/Card/index.vue +37 -0
- package/packages/Cell/index.js +8 -0
- package/packages/Cell/index.vue +68 -0
- package/packages/CodeEditor/index.js +8 -0
- package/packages/CodeEditor/index.vue +177 -0
- package/packages/Col/index.js +8 -0
- package/packages/Col/index.vue +43 -0
- package/packages/Dialog/index.js +8 -0
- package/packages/Dialog/index.vue +129 -0
- package/packages/Empty/index.js +8 -0
- package/packages/Empty/index.vue +35 -0
- package/packages/FormMaking/FormConfig.vue +60 -0
- package/packages/FormMaking/GenerateForm.vue +308 -0
- package/packages/FormMaking/GenerateFormItem.vue +887 -0
- package/packages/FormMaking/GenerateFormItemH5.vue +825 -0
- package/packages/FormMaking/Upload/index.vue +572 -0
- package/packages/FormMaking/WidgetConfig.vue +472 -0
- package/packages/FormMaking/WidgetForm.vue +159 -0
- package/packages/FormMaking/WidgetFormItem.vue +187 -0
- package/packages/FormMaking/custom/config.js +762 -0
- package/packages/FormMaking/custom/configs/alliance.vue +0 -0
- package/packages/FormMaking/custom/configs/blank.vue +54 -0
- package/packages/FormMaking/custom/configs/button.vue +172 -0
- package/packages/FormMaking/custom/configs/cascader.vue +175 -0
- package/packages/FormMaking/custom/configs/cell.vue +81 -0
- package/packages/FormMaking/custom/configs/checkbox.vue +234 -0
- package/packages/FormMaking/custom/configs/color.vue +137 -0
- package/packages/FormMaking/custom/configs/date.vue +158 -0
- package/packages/FormMaking/custom/configs/divider.vue +61 -0
- package/packages/FormMaking/custom/configs/editor.vue +71 -0
- package/packages/FormMaking/custom/configs/filler.vue +57 -0
- package/packages/FormMaking/custom/configs/grid.vue +103 -0
- package/packages/FormMaking/custom/configs/image.vue +138 -0
- package/packages/FormMaking/custom/configs/input.vue +176 -0
- package/packages/FormMaking/custom/configs/number.vue +140 -0
- package/packages/FormMaking/custom/configs/radio.vue +211 -0
- package/packages/FormMaking/custom/configs/rate.vue +109 -0
- package/packages/FormMaking/custom/configs/select.vue +305 -0
- package/packages/FormMaking/custom/configs/slider.vue +142 -0
- package/packages/FormMaking/custom/configs/switch.vue +130 -0
- package/packages/FormMaking/custom/configs/table.vue +105 -0
- package/packages/FormMaking/custom/configs/table_h5.vue +102 -0
- package/packages/FormMaking/custom/configs/tabs.vue +175 -0
- package/packages/FormMaking/custom/configs/text.vue +71 -0
- package/packages/FormMaking/custom/configs/textarea.vue +167 -0
- package/packages/FormMaking/custom/configs/time.vue +153 -0
- package/packages/FormMaking/custom/configs/upload.vue +155 -0
- package/packages/FormMaking/custom/index.js +32 -0
- package/packages/FormMaking/custom/items/alliance.vue +132 -0
- package/packages/FormMaking/custom/items/blank.vue +16 -0
- package/packages/FormMaking/custom/items/button.vue +27 -0
- package/packages/FormMaking/custom/items/cascader.vue +29 -0
- package/packages/FormMaking/custom/items/cell.vue +18 -0
- package/packages/FormMaking/custom/items/checkbox.vue +46 -0
- package/packages/FormMaking/custom/items/color.vue +19 -0
- package/packages/FormMaking/custom/items/date.vue +29 -0
- package/packages/FormMaking/custom/items/divider.vue +14 -0
- package/packages/FormMaking/custom/items/editor.vue +22 -0
- package/packages/FormMaking/custom/items/filler.vue +17 -0
- package/packages/FormMaking/custom/items/grid.vue +130 -0
- package/packages/FormMaking/custom/items/image.vue +70 -0
- package/packages/FormMaking/custom/items/input.vue +33 -0
- package/packages/FormMaking/custom/items/login.vue +13 -0
- package/packages/FormMaking/custom/items/number.vue +24 -0
- package/packages/FormMaking/custom/items/radio.vue +44 -0
- package/packages/FormMaking/custom/items/rate.vue +20 -0
- package/packages/FormMaking/custom/items/select.vue +32 -0
- package/packages/FormMaking/custom/items/slider.vue +34 -0
- package/packages/FormMaking/custom/items/switch.vue +22 -0
- package/packages/FormMaking/custom/items/table.vue +106 -0
- package/packages/FormMaking/custom/items/table_h5.vue +126 -0
- package/packages/FormMaking/custom/items/tabs.vue +145 -0
- package/packages/FormMaking/custom/items/text.vue +18 -0
- package/packages/FormMaking/custom/items/textarea.vue +37 -0
- package/packages/FormMaking/custom/items/time.vue +32 -0
- package/packages/FormMaking/custom/items/upload.vue +102 -0
- package/packages/FormMaking/custom/mixins/index.js +61 -0
- package/packages/FormMaking/custom/register.js +18 -0
- package/packages/FormMaking/generate.js +5 -0
- package/packages/FormMaking/iconfont/demo.css +539 -0
- package/packages/FormMaking/iconfont/demo_index.html +1159 -0
- package/packages/FormMaking/iconfont/iconfont.css +189 -0
- package/packages/FormMaking/iconfont/iconfont.eot +0 -0
- package/packages/FormMaking/iconfont/iconfont.js +1 -0
- package/packages/FormMaking/iconfont/iconfont.svg +155 -0
- package/packages/FormMaking/iconfont/iconfont.ttf +0 -0
- package/packages/FormMaking/iconfont/iconfont.woff +0 -0
- package/packages/FormMaking/iconfont/iconfont.woff2 +0 -0
- package/packages/FormMaking/index.js +33 -0
- package/packages/FormMaking/index.vue +807 -0
- package/packages/FormMaking/lang/en-US.js +187 -0
- package/packages/FormMaking/lang/zh-CN.js +187 -0
- package/packages/FormMaking/making.js +9 -0
- package/packages/FormMaking/styles/cover.scss +41 -0
- package/packages/FormMaking/styles/index.scss +785 -0
- package/packages/FormMaking/util/generateCode.js +163 -0
- package/packages/FormMaking/util/index.js +33 -0
- package/packages/FormMaking/util/request.js +28 -0
- package/packages/Grid/index.js +8 -0
- package/packages/Grid/index.vue +21 -0
- package/packages/GridItem/index.js +8 -0
- package/packages/GridItem/index.vue +69 -0
- package/packages/Icons/index.js +8 -0
- package/packages/Icons/index.vue +377 -0
- package/packages/Image/index.js +8 -0
- package/packages/Image/index.vue +146 -0
- package/packages/ImagePreview/index.js +8 -0
- package/packages/ImagePreview/index.vue +386 -0
- package/packages/Row/index.js +8 -0
- package/packages/Row/index.vue +33 -0
- package/packages/Table/action.js +8 -0
- package/packages/Table/action.vue +168 -0
- package/packages/Table/column.vue +63 -0
- package/packages/Table/index.js +8 -0
- package/packages/Table/index.vue +327 -0
- package/packages/Table/search.js +8 -0
- package/packages/Table/search.vue +163 -0
- package/packages/Table/tools.js +8 -0
- package/packages/Table/tools.vue +49 -0
- package/packages/TableMaking/custom/configs/fieldSearch.vue +17 -0
- package/packages/TableMaking/custom/configs/fieldTable.vue +15 -0
- package/packages/TableMaking/custom/items/search/index.vue +158 -0
- package/packages/TableMaking/custom/items/tools/index.vue +49 -0
- package/packages/TableMaking/generate.js +5 -0
- package/packages/TableMaking/generateTable.vue +560 -0
- package/packages/TableMaking/index.vue +229 -0
- package/packages/TableMaking/making.js +5 -0
- package/packages/TableMaking/util/index.js +433 -0
- package/packages/TableMaking/widgetConfig.vue +390 -0
- package/packages/TableMaking/widgetTable.vue +305 -0
- package/packages/Upload/ajax.js +85 -0
- package/packages/Upload/index.js +8 -0
- package/packages/Upload/index.vue +325 -0
- package/packages/Upload/upload-dragger.vue +70 -0
- package/packages/Upload/upload-list.vue +121 -0
- package/packages/Upload/upload.vue +193 -0
- package/packages/VueEditor/index.js +8 -0
- package/packages/VueEditor/index.vue +38 -0
- package/packages/Workflow/Log.js +99 -0
- package/packages/Workflow/designer/ProcessDesigner.vue +628 -0
- package/packages/Workflow/designer/index.js +7 -0
- package/packages/Workflow/designer/plugins/content-pad/contentPadProvider.js +390 -0
- package/packages/Workflow/designer/plugins/content-pad/index.js +6 -0
- package/packages/Workflow/designer/plugins/defaultEmpty.js +24 -0
- package/packages/Workflow/designer/plugins/descriptor/activitiDescriptor.json +1071 -0
- package/packages/Workflow/designer/plugins/descriptor/camundaDescriptor.json +1087 -0
- package/packages/Workflow/designer/plugins/descriptor/flowableDescriptor.json +1215 -0
- package/packages/Workflow/designer/plugins/extension-moddle/activiti/activitiExtension.js +74 -0
- package/packages/Workflow/designer/plugins/extension-moddle/activiti/index.js +9 -0
- package/packages/Workflow/designer/plugins/extension-moddle/camunda/extension.js +148 -0
- package/packages/Workflow/designer/plugins/extension-moddle/camunda/index.js +6 -0
- package/packages/Workflow/designer/plugins/extension-moddle/flowable/flowableExtension.js +74 -0
- package/packages/Workflow/designer/plugins/extension-moddle/flowable/index.js +9 -0
- package/packages/Workflow/designer/plugins/palette/CustomPalette.js +156 -0
- package/packages/Workflow/designer/plugins/palette/index.js +6 -0
- package/packages/Workflow/designer/plugins/palette/paletteProvider.js +160 -0
- package/packages/Workflow/designer/plugins/translate/customTranslate.js +41 -0
- package/packages/Workflow/designer/plugins/translate/zh.js +238 -0
- package/packages/Workflow/highlight/index.js +5 -0
- package/packages/Workflow/index.js +34 -0
- package/packages/Workflow/index.vue +399 -0
- package/packages/Workflow/modules/auto-place/CustomAutoPlace.js +81 -0
- package/packages/Workflow/modules/auto-place/index.js +6 -0
- package/packages/Workflow/modules/custom-renderer/CustomRenderer.js +17 -0
- package/packages/Workflow/modules/custom-renderer/index.js +6 -0
- package/packages/Workflow/modules/rules/CustomRules.js +16 -0
- package/packages/Workflow/modules/rules/index.js +6 -0
- package/packages/Workflow/palette/ProcessPalette.vue +106 -0
- package/packages/Workflow/palette/index.js +7 -0
- package/packages/Workflow/penal/PropertiesPanel.vue +245 -0
- package/packages/Workflow/penal/base/ElementBaseInfo.vue +80 -0
- package/packages/Workflow/penal/flow-condition/FlowCondition.vue +142 -0
- package/packages/Workflow/penal/form/ElementForm.vue +367 -0
- package/packages/Workflow/penal/index.js +7 -0
- package/packages/Workflow/penal/listeners/ElementListeners.vue +299 -0
- package/packages/Workflow/penal/listeners/UserTaskListeners.vue +322 -0
- package/packages/Workflow/penal/listeners/template.js +178 -0
- package/packages/Workflow/penal/listeners/utilSelf.js +64 -0
- package/packages/Workflow/penal/multi-instance/ElementMultiInstance.vue +200 -0
- package/packages/Workflow/penal/other/ElementOtherConfig.vue +59 -0
- package/packages/Workflow/penal/properties/ElementProperties.vue +135 -0
- package/packages/Workflow/penal/signal-message/SignalAndMessage.vue +104 -0
- package/packages/Workflow/penal/task/ElementTask.vue +73 -0
- package/packages/Workflow/penal/task/task-components/ReceiveTask.vue +97 -0
- package/packages/Workflow/penal/task/task-components/ScriptTask.vue +85 -0
- package/packages/Workflow/penal/task/task-components/UserTask.vue +535 -0
- package/packages/Workflow/theme/element-variables.scss +70 -0
- package/packages/Workflow/theme/index.scss +2 -0
- package/packages/Workflow/theme/process-designer.scss +157 -0
- package/packages/Workflow/theme/process-panel.scss +107 -0
- package/packages/Workflow/translations.js +25 -0
- package/packages/Workflow/utils.js +71 -0
- package/packages/index.js +160 -0
- package/babel.config.js +0 -15
- package/index.js +0 -11
- package/public/favicon.ico +0 -0
- package/public/index.html +0 -17
- package/src/App.vue +0 -28
- package/src/assets/logo.png +0 -0
- package/src/components/HelloWorld.vue +0 -58
- package/src/main.js +0 -8
@@ -0,0 +1,163 @@
|
|
1
|
+
function findRemoteFunc(list, funcList, tokenFuncList, blankList) {
|
2
|
+
for (let i = 0; i < list.length; i++) {
|
3
|
+
if (list[i].type == "grid") {
|
4
|
+
list[i].columns.forEach(item => {
|
5
|
+
findRemoteFunc(item.list, funcList, tokenFuncList, blankList);
|
6
|
+
});
|
7
|
+
} else if (list[i].type == "tabs") {
|
8
|
+
list[i].tabs.forEach(item => {
|
9
|
+
findRemoteFunc(item.list, funcList, tokenFuncList, blankList);
|
10
|
+
});
|
11
|
+
} else if (list[i].type == "table") {
|
12
|
+
// list[i].tabs.forEach(item => {
|
13
|
+
findRemoteFunc(list[i].list, funcList, tokenFuncList, blankList);
|
14
|
+
// })
|
15
|
+
} else {
|
16
|
+
if (list[i].type == "blank") {
|
17
|
+
if (list[i].model) {
|
18
|
+
blankList.push({
|
19
|
+
name: list[i].model,
|
20
|
+
label: list[i].name
|
21
|
+
});
|
22
|
+
}
|
23
|
+
} else if (list[i].type == "upload") {
|
24
|
+
if (list[i].options.tokenFunc) {
|
25
|
+
tokenFuncList.push({
|
26
|
+
func: list[i].options.tokenFunc,
|
27
|
+
label: list[i].name,
|
28
|
+
model: list[i].model
|
29
|
+
});
|
30
|
+
}
|
31
|
+
} else {
|
32
|
+
if (list[i].options.remote && list[i].options.remoteFunc) {
|
33
|
+
funcList.push({
|
34
|
+
func: list[i].options.remoteFunc,
|
35
|
+
label: list[i].name,
|
36
|
+
model: list[i].model
|
37
|
+
});
|
38
|
+
}
|
39
|
+
}
|
40
|
+
}
|
41
|
+
}
|
42
|
+
}
|
43
|
+
|
44
|
+
export default function(data, type = "vue") {
|
45
|
+
const funcList = [];
|
46
|
+
|
47
|
+
const tokenFuncList = [];
|
48
|
+
|
49
|
+
const blankList = [];
|
50
|
+
|
51
|
+
findRemoteFunc(JSON.parse(data).list, funcList, tokenFuncList, blankList);
|
52
|
+
|
53
|
+
let funcTemplate = "";
|
54
|
+
|
55
|
+
let blankTemplate = "";
|
56
|
+
|
57
|
+
for (let i = 0; i < funcList.length; i++) {
|
58
|
+
funcTemplate += `
|
59
|
+
${funcList[i].func} (resolve) {
|
60
|
+
// ${funcList[i].label} ${funcList[i].model}
|
61
|
+
// Call callback function once get the data from remote server
|
62
|
+
// resolve(data)
|
63
|
+
},
|
64
|
+
`;
|
65
|
+
}
|
66
|
+
|
67
|
+
for (let i = 0; i < tokenFuncList.length; i++) {
|
68
|
+
funcTemplate += `
|
69
|
+
${tokenFuncList[i].func} (resolve) {
|
70
|
+
// ${tokenFuncList[i].label} ${tokenFuncList[i].model}
|
71
|
+
// Call callback function once get the token
|
72
|
+
// resolve(token)
|
73
|
+
},
|
74
|
+
`;
|
75
|
+
}
|
76
|
+
|
77
|
+
for (let i = 0; i < blankList.length; i++) {
|
78
|
+
blankTemplate += `
|
79
|
+
<template slot="${blankList[i].name}" slot-scope="scope">
|
80
|
+
<!-- ${blankList[i].label} -->
|
81
|
+
<!-- use v-model="scope.model.${blankList[i].name}" to bind data -->
|
82
|
+
</template>
|
83
|
+
`;
|
84
|
+
}
|
85
|
+
|
86
|
+
if (type == "vue") {
|
87
|
+
return `
|
88
|
+
<template>
|
89
|
+
<div>
|
90
|
+
<th-generate-form :data="jsonData" :remote="remoteFuncs" :value="editData" ref="generateForm">
|
91
|
+
${blankTemplate}
|
92
|
+
</th-generate-form>
|
93
|
+
<el-button type="primary" @click="handleSubmit">提交</el-button>
|
94
|
+
</div>
|
95
|
+
</template>
|
96
|
+
|
97
|
+
<script>
|
98
|
+
export default {
|
99
|
+
data () {
|
100
|
+
return {
|
101
|
+
jsonData: ${data},
|
102
|
+
editData: {},
|
103
|
+
remoteFuncs: {
|
104
|
+
${funcTemplate}
|
105
|
+
}
|
106
|
+
}
|
107
|
+
},
|
108
|
+
methods: {
|
109
|
+
handleSubmit () {
|
110
|
+
this.$refs.generateForm.getData().then(data => {
|
111
|
+
// data check success
|
112
|
+
// data - form data
|
113
|
+
}).catch(e => {
|
114
|
+
// data check failed
|
115
|
+
})
|
116
|
+
}
|
117
|
+
}
|
118
|
+
}
|
119
|
+
</script>`;
|
120
|
+
} else {
|
121
|
+
return `<!DOCTYPE html>
|
122
|
+
<html>
|
123
|
+
<head>
|
124
|
+
<meta charset="UTF-8">
|
125
|
+
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
|
126
|
+
<link rel="stylesheet" href="https://unpkg.com/form-making/dist/FormMaking.css">
|
127
|
+
</head>
|
128
|
+
<body>
|
129
|
+
<div id="app">
|
130
|
+
<th-generate-form :data="jsonData" :remote="remoteFuncs" :value="editData" ref="generateForm">
|
131
|
+
${blankTemplate}
|
132
|
+
</th-generate-form>
|
133
|
+
<el-button type="primary" @click="handleSubmit">提交</el-button>
|
134
|
+
</div>
|
135
|
+
<script src="https://unpkg.com/vue/dist/vue.js"></script>
|
136
|
+
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
|
137
|
+
<script src="https://unpkg.com/form-making/dist/FormMaking.umd.js"></script>
|
138
|
+
<script>
|
139
|
+
new Vue({
|
140
|
+
el: '#app',
|
141
|
+
data: {
|
142
|
+
jsonData: ${data},
|
143
|
+
editData: {},
|
144
|
+
remoteFuncs: {
|
145
|
+
${funcTemplate}
|
146
|
+
}
|
147
|
+
},
|
148
|
+
methods: {
|
149
|
+
handleSubmit () {
|
150
|
+
this.$refs.generateForm.getData().then(data => {
|
151
|
+
// data check success
|
152
|
+
// data - form data
|
153
|
+
}).catch(e => {
|
154
|
+
// data check failed
|
155
|
+
})
|
156
|
+
}
|
157
|
+
}
|
158
|
+
})
|
159
|
+
</script>
|
160
|
+
</body>
|
161
|
+
</html>`;
|
162
|
+
}
|
163
|
+
}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
export const loadJs = (url) => {
|
2
|
+
return new Promise((resolve, reject) => {
|
3
|
+
const script = document.createElement('script')
|
4
|
+
script.src = url
|
5
|
+
script.type = 'text/javascript'
|
6
|
+
document.body.appendChild(script)
|
7
|
+
script.onload = () => {
|
8
|
+
resolve()
|
9
|
+
}
|
10
|
+
})
|
11
|
+
}
|
12
|
+
|
13
|
+
export const loadCss = (url) => {
|
14
|
+
return new Promise((resolve, reject) => {
|
15
|
+
const link = document.createElement('link')
|
16
|
+
link.rel = 'stylesheet'
|
17
|
+
link.href = url
|
18
|
+
document.head.appendChild(link)
|
19
|
+
link.onload = () => {
|
20
|
+
resolve()
|
21
|
+
}
|
22
|
+
})
|
23
|
+
}
|
24
|
+
|
25
|
+
export const generateUUID = () => {
|
26
|
+
var d = new Date().getTime();
|
27
|
+
var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
|
28
|
+
var r = (d + Math.random()*16)%16 | 0;
|
29
|
+
d = Math.floor(d/16);
|
30
|
+
return (c=='x' ? r : (r&0x7|0x8)).toString(16);
|
31
|
+
});
|
32
|
+
return uuid;
|
33
|
+
}
|
@@ -0,0 +1,28 @@
|
|
1
|
+
import axios from 'axios'
|
2
|
+
|
3
|
+
const request = axios.create({
|
4
|
+
withCredentials: false
|
5
|
+
})
|
6
|
+
|
7
|
+
request.interceptors.request.use(
|
8
|
+
config => {
|
9
|
+
return config
|
10
|
+
},
|
11
|
+
error => {
|
12
|
+
console.log('error', error)
|
13
|
+
return Promise.reject(new Error(error).message)
|
14
|
+
}
|
15
|
+
)
|
16
|
+
|
17
|
+
request.interceptors.response.use(
|
18
|
+
response => {
|
19
|
+
console.log('.....', response)
|
20
|
+
return response.data
|
21
|
+
},
|
22
|
+
error => {
|
23
|
+
console.log('error', error)
|
24
|
+
return Promise.reject(new Error(error).message)
|
25
|
+
}
|
26
|
+
)
|
27
|
+
|
28
|
+
export default request
|
@@ -0,0 +1,21 @@
|
|
1
|
+
<template>
|
2
|
+
<div class="th-grid" :class="{ 'th-grid__border': border }">
|
3
|
+
<slot></slot>
|
4
|
+
</div>
|
5
|
+
</template>
|
6
|
+
|
7
|
+
<script>
|
8
|
+
export default {
|
9
|
+
name: "ThGrid",
|
10
|
+
props: {
|
11
|
+
column: Number | String,
|
12
|
+
position: { type: String, default: "block" },
|
13
|
+
border: Boolean
|
14
|
+
},
|
15
|
+
data() {
|
16
|
+
return {};
|
17
|
+
},
|
18
|
+
mounted() {},
|
19
|
+
methods: {}
|
20
|
+
};
|
21
|
+
</script>
|
@@ -0,0 +1,69 @@
|
|
1
|
+
<template>
|
2
|
+
<div
|
3
|
+
class="th-grid-item"
|
4
|
+
:class="{ 'th-grid-item__border': border }"
|
5
|
+
:style="selfStyle"
|
6
|
+
@click="handleClick"
|
7
|
+
>
|
8
|
+
<slot v-if="$slots.default"></slot>
|
9
|
+
<div
|
10
|
+
v-else
|
11
|
+
class="th-grid-item-content"
|
12
|
+
:class="`th-grid-item-content_${position}`"
|
13
|
+
>
|
14
|
+
<slot v-if="$slots.icon" name="icon"></slot>
|
15
|
+
<i v-else-if="isIcon" :class="['th-icon', icon]"></i>
|
16
|
+
<img v-else class="th-grid-item-img" src="" alt="" />
|
17
|
+
<slot v-if="$slots.title" name="title"></slot>
|
18
|
+
<p v-else class="th-grid-item-title">{{ title }}</p>
|
19
|
+
</div>
|
20
|
+
</div>
|
21
|
+
</template>
|
22
|
+
|
23
|
+
<script>
|
24
|
+
export default {
|
25
|
+
name: "ThGridItem",
|
26
|
+
props: {
|
27
|
+
title: String,
|
28
|
+
icon: String
|
29
|
+
},
|
30
|
+
data() {
|
31
|
+
return {
|
32
|
+
position: "",
|
33
|
+
border: false
|
34
|
+
};
|
35
|
+
},
|
36
|
+
computed: {
|
37
|
+
isIcon() {
|
38
|
+
if (this.icon && this.icon.substring(0, 4) === "http") return false;
|
39
|
+
else return true;
|
40
|
+
},
|
41
|
+
selfStyle() {
|
42
|
+
let parent = this.$parent;
|
43
|
+
while (parent && parent.$options.name !== "ThGrid") {
|
44
|
+
parent = parent.$parent;
|
45
|
+
}
|
46
|
+
|
47
|
+
let column = 0;
|
48
|
+
if (parent) {
|
49
|
+
column = parent.column;
|
50
|
+
this.position = parent.position;
|
51
|
+
this.border = parent.border;
|
52
|
+
}
|
53
|
+
|
54
|
+
const style = {};
|
55
|
+
if (column) {
|
56
|
+
style.flex = "none";
|
57
|
+
style.flexBasis = `${100 / column}%`;
|
58
|
+
}
|
59
|
+
return style;
|
60
|
+
}
|
61
|
+
},
|
62
|
+
mounted() {},
|
63
|
+
methods: {
|
64
|
+
handleClick() {
|
65
|
+
this.$emit("on-click");
|
66
|
+
}
|
67
|
+
}
|
68
|
+
};
|
69
|
+
</script>
|