tianheng-ui 0.1.39 → 0.1.41

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 (28) hide show
  1. package/lib/theme-chalk/styles/feature.scss +2 -4
  2. package/lib/theme-chalk/styles/variable.scss +2 -0
  3. package/lib/tianheng-ui.js +13 -13
  4. package/package.json +1 -1
  5. package/packages/Dialog/index.vue +1 -4
  6. package/packages/FormMaking/GenerateForm.vue +1 -1
  7. package/packages/FormMaking/GenerateFormItem.vue +4 -5
  8. package/packages/FormMaking/GenerateFormItemH5.vue +2 -2
  9. package/packages/FormMaking/WidgetConfig.vue +83 -81
  10. package/packages/FormMaking/WidgetForm.vue +1 -0
  11. package/packages/FormMaking/WidgetFormItem.vue +8 -16
  12. package/packages/FormMaking/WidgetTools.vue +2 -3
  13. package/packages/FormMaking/custom/config.js +34 -5
  14. package/packages/FormMaking/custom/index.js +1 -1
  15. package/packages/FormMaking/custom/items/list_dev.vue +122 -0
  16. package/packages/FormMaking/custom/items/list_pro.vue +18 -0
  17. package/packages/FormMaking/custom/items/tableH5_pro.vue +4 -5
  18. package/packages/FormMaking/custom/items/upload.vue +1 -1
  19. package/packages/FormMaking/index.vue +6 -2
  20. package/packages/FormMaking/styles/index.scss +18 -18
  21. package/packages/TableMaking/WidgetTools.vue +3 -3
  22. package/packages/TableMaking/custom/items/search/index-h5.vue +13 -2
  23. package/packages/TableMaking/custom/items/search/index-pc.vue +12 -1
  24. package/packages/TableMaking/custom/items/table/index-pc.vue +23 -7
  25. package/packages/TableMaking/generateTable.vue +3 -3
  26. package/packages/TableMaking/widgetConfig.vue +181 -151
  27. package/packages/TableMaking/widgetTable.vue +20 -4
  28. package/packages/FormMaking/FormConfig.vue +0 -190
@@ -0,0 +1,18 @@
1
+ <template>
2
+ <div>
3
+
4
+ </div>
5
+ </template>
6
+
7
+ <script>
8
+ export default {
9
+ data() {
10
+ return {};
11
+ },
12
+ created() {},
13
+ mounted() {},
14
+ methods: {},
15
+ };
16
+ </script>
17
+
18
+ <style lang="scss" scoped></style>
@@ -69,13 +69,12 @@ export default {
69
69
  methods: {
70
70
  handleTableAdd() {
71
71
  let dic = {};
72
- this.widget.options.columns.forEach(item => {
72
+ this.widget.options.columns.map(item => {
73
73
  if (item.type === "grid") {
74
74
  for (let i = 0; i < item.options.columns.length; i++) {
75
- const element = item.options.columns[i];
76
- for (let j = 0; j < element.options.columns.length; j++) {
77
- const element2 = element.options.columns[j];
78
- dic[element2.model] = element2.options.defaultValue;
75
+ const column = item.options.columns[i];
76
+ for (const element of column.list) {
77
+ dic[element.model] = element.options.defaultValue;
79
78
  }
80
79
  }
81
80
  } else {
@@ -75,7 +75,7 @@ export default {
75
75
  this.$message.warning("未知的请求接口,请检查配置信息");
76
76
  return "";
77
77
  }
78
- return `${baseUrl}/api/lc/api/${func.url}`;
78
+ return `${baseUrl}${func.url}`;
79
79
  } else {
80
80
  return this.widget.options.action;
81
81
  }
@@ -55,7 +55,9 @@
55
55
  v-for="(item, index) in getAdvanceComponents"
56
56
  class="fields-label"
57
57
  :class="{
58
- 'no-put': ['table', 'tableH5', 'tabs'].includes(item.type),
58
+ 'no-put': ['table', 'tableH5', 'list', 'tabs'].includes(
59
+ item.type
60
+ ),
59
61
  [item.type]: true
60
62
  }"
61
63
  :key="index"
@@ -212,7 +214,7 @@ export default {
212
214
  },
213
215
  advanceFields: {
214
216
  type: Array,
215
- default: () => ["table", "tableH5", "tabs", "blank"]
217
+ default: () => ["table", "tableH5", "list", "tabs", "blank"]
216
218
  },
217
219
  layoutFields: {
218
220
  type: Array,
@@ -263,6 +265,7 @@ export default {
263
265
  },
264
266
  config(val) {
265
267
  this.setConfig(val);
268
+ this.initApiConfig();
266
269
  },
267
270
  apiOptions(val) {
268
271
  this.initApiConfig();
@@ -314,6 +317,7 @@ export default {
314
317
  this.apiConfig[item.id] = item;
315
318
  });
316
319
  }
320
+ this.formConfig.config.network = this.apiConfig;
317
321
  },
318
322
 
319
323
  handleConfigSelect(value) {
@@ -69,25 +69,25 @@ $primary-background-color: #ecf5ff;
69
69
  // background-color: rgba(69, 90, 100, 0.2);
70
70
  // }
71
71
 
72
- .tableH5 {
73
- min-height: 50px;
74
- border: 1px dashed #ccc;
75
- background: #fff;
76
- white-space: nowrap;
77
- overflow-x: scroll;
78
-
79
- .tableH5-item:nth-child(1) {
80
- display: flex;
72
+ // .tableH5 {
73
+ // min-height: 50px;
74
+ // border: 1px dashed #ccc;
75
+ // background: #fff;
76
+ // white-space: nowrap;
77
+ // overflow-x: scroll;
78
+
79
+ // .tableH5-item:nth-child(1) {
80
+ // display: flex;
81
81
 
82
- .actions {
83
- align-items: center;
84
- justify-content: right;
85
- }
86
- }
87
- .tableH5-item-widget {
88
- width: calc(100% - 5px);
89
- }
90
- }
82
+ // .actions {
83
+ // align-items: center;
84
+ // justify-content: right;
85
+ // }
86
+ // }
87
+ // .tableH5-item-widget {
88
+ // width: calc(100% - 5px);
89
+ // }
90
+ // }
91
91
 
92
92
  .widgetFormItem {
93
93
  min-width: 100px;
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="widgetTools th-sticky_top">
2
+ <div class="widgetTools">
3
3
  <div class="left">
4
4
  <slot> </slot>
5
5
  </div>
@@ -123,7 +123,7 @@
123
123
  <th-dialog
124
124
  v-model="dialog.show"
125
125
  :title="dialogTitles[dialog.action]"
126
- :modal="dialog.action !== 'previewPc'"
126
+ :modal="false"
127
127
  :modal-append-to-body="false"
128
128
  :showFooter="['importJson', 'importTemplate'].includes(dialog.action)"
129
129
  @on-fullscreen="handleDialogFullscreen"
@@ -245,7 +245,7 @@ export default {
245
245
  width: 100%;
246
246
  height: 45px;
247
247
  padding: 0 15px;
248
- z-index: 999;
248
+ border-bottom: solid 1px #e4e7ed;
249
249
 
250
250
  .left {
251
251
  }
@@ -2,9 +2,9 @@
2
2
  <div class="generateTable-search">
3
3
  <el-row :gutter="10">
4
4
  <el-col
5
- v-for="item in options"
5
+ v-for="item in getList"
6
6
  :key="item.prop"
7
- :span="24 / options.length"
7
+ :span="24 / getList.length"
8
8
  >
9
9
  <el-input
10
10
  v-if="item.type === 'input' || item.elType === 'input'"
@@ -81,6 +81,17 @@ export default {
81
81
  data() {
82
82
  return {};
83
83
  },
84
+ computed: {
85
+ getList() {
86
+ if (this.options) {
87
+ const data = this.options.filter(item => {
88
+ return !item.hide;
89
+ });
90
+ return data;
91
+ }
92
+ return [];
93
+ }
94
+ },
84
95
  methods: {
85
96
  doSearch() {
86
97
  this.$emit("search", this.data);
@@ -2,7 +2,7 @@
2
2
  <div class="generateTable-search">
3
3
  <el-form :inline="true" :model="data" size="small">
4
4
  <el-form-item
5
- v-for="item in options"
5
+ v-for="item in getList"
6
6
  :key="item.prop"
7
7
  :label="item.label"
8
8
  >
@@ -95,6 +95,17 @@ export default {
95
95
  data() {
96
96
  return {};
97
97
  },
98
+ computed: {
99
+ getList() {
100
+ if (this.options) {
101
+ const data = this.options.filter(item => {
102
+ return !item.hide;
103
+ });
104
+ return data;
105
+ }
106
+ return [];
107
+ }
108
+ },
98
109
  methods: {
99
110
  doSearch() {
100
111
  this.$emit("search", this.data);
@@ -9,10 +9,10 @@
9
9
  v-loading="config.loading.show"
10
10
  :element-loading-text="config.loading.text"
11
11
  >
12
- <template v-for="item in config.options">
12
+ <template v-for="item in getList">
13
13
  <el-table-column
14
14
  v-if="item.type"
15
- :key="item.prop"
15
+ :key="item.type"
16
16
  :type="item.type"
17
17
  :label="item.label"
18
18
  :width="item.width || 50"
@@ -20,10 +20,10 @@
20
20
  </el-table-column>
21
21
  <el-table-column
22
22
  v-else
23
- :key="item.prop"
24
- :prop="item.prop"
23
+ :key="item.pProp"
24
+ :prop="item.pProp"
25
25
  :label="item.label"
26
- :width="item.width || 180"
26
+ :width="item.width"
27
27
  >
28
28
  <template slot-scope="scope">
29
29
  <slot
@@ -32,7 +32,7 @@
32
32
  :scope="scope"
33
33
  :option="item"
34
34
  />
35
- <span v-else>{{ scope.row[item.prop] }}</span>
35
+ <span v-else>{{ getValue(scope.row, item.pProp) }}</span>
36
36
  </template>
37
37
  </el-table-column>
38
38
  </template>
@@ -54,9 +54,25 @@ export default {
54
54
  data() {
55
55
  return {};
56
56
  },
57
+
58
+ computed: {
59
+ getList() {
60
+ if (this.config.options) {
61
+ const data = this.config.options.filter(item => {
62
+ return !item.hide;
63
+ });
64
+ return data;
65
+ }
66
+ return [];
67
+ }
68
+ },
57
69
  created() {},
58
70
  mounted() {},
59
- methods: {}
71
+ methods: {
72
+ getValue(item, key) {
73
+ return eval(`item.${key}`);
74
+ }
75
+ }
60
76
  };
61
77
  </script>
62
78
 
@@ -393,14 +393,14 @@ export default {
393
393
  }
394
394
 
395
395
  const request = {
396
- url: `api/lc/api/${config.url}`,
396
+ url: config.url,
397
397
  method: config.method,
398
398
  headers: { ...config.headers, actionType }
399
399
  };
400
400
  let params = {};
401
401
  switch (actionType) {
402
402
  case "list":
403
- for (let key of Object.keys(config.params)) {
403
+ for (let key of Object.keys(config.interfaceParameterInputList)) {
404
404
  params[key] = paramsData[key] || this.query[key];
405
405
  }
406
406
  if (this.tableConfig.pageInfo.show) {
@@ -411,7 +411,7 @@ export default {
411
411
  case "add":
412
412
  case "edit":
413
413
  case "delete":
414
- for (let key of Object.keys(config.params)) {
414
+ for (let key of Object.keys(config.interfaceParameterInputList)) {
415
415
  params[key] = paramsData[key];
416
416
  }
417
417
  break;