tianheng-ui 0.1.5 → 0.1.7

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 (31) hide show
  1. package/lib/theme-chalk/fonts/th-iconfont.css +2402 -0
  2. package/lib/theme-chalk/fonts/th-iconfont.ttf +0 -0
  3. package/lib/theme-chalk/fonts/th-iconfont.woff +0 -0
  4. package/lib/theme-chalk/fonts/th-iconfont.woff2 +0 -0
  5. package/lib/theme-chalk/styles/feature.scss +13 -1
  6. package/lib/theme-chalk/styles/grid.scss +11 -2
  7. package/lib/theme-chalk/styles/icon.css +3 -1937
  8. package/lib/tianheng-ui.js +8 -8
  9. package/package.json +2 -2
  10. package/packages/Cell/index.vue +1 -1
  11. package/packages/CodeEditor/index.vue +2 -1
  12. package/packages/FormMaking/WidgetConfig.vue +15 -19
  13. package/packages/FormMaking/custom/config.js +4 -4
  14. package/packages/FormMaking/iconfont/{iconfont.css → formMaking-iconfont.css} +5 -5
  15. package/packages/FormMaking/index.js +1 -1
  16. package/packages/FormMaking/making.js +1 -1
  17. package/packages/Grid/index.vue +9 -1
  18. package/packages/GridItem/index.vue +1 -1
  19. package/packages/TableMaking/index.vue +8 -10
  20. package/packages/TableMaking/widgetTable.vue +49 -51
  21. package/lib/theme-chalk/fonts/iconfont.woff2 +0 -0
  22. /package/lib/theme-chalk/fonts/{iconfont.eot → formMaking-iconfont.eot} +0 -0
  23. /package/lib/theme-chalk/fonts/{iconfont.svg → formMaking-iconfont.svg} +0 -0
  24. /package/lib/theme-chalk/fonts/{iconfont.ttf → formMaking-iconfont.ttf} +0 -0
  25. /package/lib/theme-chalk/fonts/{iconfont.woff → formMaking-iconfont.woff} +0 -0
  26. /package/packages/FormMaking/iconfont/{iconfont.eot → formMaking-iconfont.eot} +0 -0
  27. /package/packages/FormMaking/iconfont/{iconfont.js → formMaking-iconfont.js} +0 -0
  28. /package/packages/FormMaking/iconfont/{iconfont.svg → formMaking-iconfont.svg} +0 -0
  29. /package/packages/FormMaking/iconfont/{iconfont.ttf → formMaking-iconfont.ttf} +0 -0
  30. /package/packages/FormMaking/iconfont/{iconfont.woff → formMaking-iconfont.woff} +0 -0
  31. /package/packages/FormMaking/iconfont/{iconfont.woff2 → formMaking-iconfont.woff2} +0 -0
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "tianheng-ui",
3
3
  "description": "A Vue.js project",
4
- "version": "0.1.5",
4
+ "version": "0.1.7",
5
5
  "author": "shu lang <403732931@qq.com>",
6
6
  "license": "MIT",
7
7
  "private": false,
8
8
  "main": "./lib/tianheng-ui.js",
9
9
  "style": "lib/theme-chalk/index.css",
10
10
  "scripts": {
11
- "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot --mode=development",
11
+ "serve": "cross-env NODE_ENV=development webpack-dev-server --open --hot --mode=development",
12
12
  "build": "cross-env NODE_ENV=preview webpack --progress --hide-modules --mode=production",
13
13
  "build:npm": "cross-env NODE_ENV=production webpack --progress --hide-modules --mode=production"
14
14
  },
@@ -51,7 +51,7 @@ export default {
51
51
  selfCellClass() {
52
52
  let className = "th-cell";
53
53
  if (this.customClass) className = `${className} ${this.customClass}`;
54
- if (this.center) className = `${className} th-is_alignItemsCenter`;
54
+ if (this.center) className = `${className} th-is_alignItems_center`;
55
55
  if (this.active)
56
56
  className = `${className} ${this.activeClass || "th-is_active"}`;
57
57
  if (this.hover)
@@ -133,7 +133,8 @@ export default {
133
133
  enableSnippets: true,
134
134
  enableLiveAutocompletion: true,
135
135
  wrap: true,
136
- setShowPrintMargin: false
136
+ setShowPrintMargin: false,
137
+ useWorker: false
137
138
  });
138
139
  // 设置值改变监听
139
140
  this.editor.on("change", () => {
@@ -31,10 +31,14 @@
31
31
  >
32
32
  <div class="list-item-title">Function</div>
33
33
  <div class="list-item-value">{{ item.name }}</div>
34
- <i
35
- class="el-icon-delete"
36
- @click.stop="handleEventDialogDelete(item, index)"
37
- ></i>
34
+ <el-popconfirm
35
+ :title="`是否确定删除方法 ${item.name}`"
36
+ confirm-button-text="删除"
37
+ confirm-button-type="danger"
38
+ @confirm="handleEventDialogDelete(item, index)"
39
+ >
40
+ <i class="el-icon-delete" slot="reference"></i>
41
+ </el-popconfirm>
38
42
  </div>
39
43
  </div>
40
44
  <div class="detail" v-if="eventsDialog.active">
@@ -283,21 +287,13 @@ export default {
283
287
  };
284
288
  },
285
289
  handleEventDialogDelete(item, index) {
286
- this.$confirm(`确定要删除该方法 ${item.name} ?`, "", {
287
- confirmButtonText: "确定",
288
- cancelButtonText: "取消",
289
- type: "warning"
290
- })
291
- .then(() => {
292
- if (
293
- this.eventsDialog.active &&
294
- item.key === this.eventsDialog.active.key
295
- ) {
296
- this.eventsDialog.active = null;
297
- }
298
- this.eventsDialog.eventScript.splice(index, 1);
299
- })
300
- .catch();
290
+ if (
291
+ this.eventsDialog.active &&
292
+ item.key === this.eventsDialog.active.key
293
+ ) {
294
+ this.eventsDialog.active = null;
295
+ }
296
+ this.eventsDialog.eventScript.splice(index, 1);
301
297
  },
302
298
  handleEventsCollapseClick(eventKey) {
303
299
  for (let i = 0; i < this.config.eventScript.length; i++) {
@@ -65,7 +65,7 @@ export const basicComponents = [
65
65
  {
66
66
  name: "单元格",
67
67
  type: "cell",
68
- icon: "icon-ic",
68
+ icon: "th-icon-pic-left",
69
69
  options: {
70
70
  width: "100%",
71
71
  height: "40px",
@@ -339,7 +339,7 @@ export const basicComponents = [
339
339
  {
340
340
  name: "按钮",
341
341
  type: "button",
342
- icon: "icon-ic",
342
+ icon: "th-icon-aim",
343
343
  options: {
344
344
  customClass: "",
345
345
  defaultValue: "Button",
@@ -445,7 +445,7 @@ export const basicComponents = [
445
445
  {
446
446
  name: "图片",
447
447
  type: "image",
448
- icon: "icon-ic",
448
+ icon: "icon-tupian",
449
449
  options: {
450
450
  defaultValue: [
451
451
  {
@@ -708,7 +708,7 @@ export const layoutComponents = [
708
708
  {
709
709
  name: "填充物",
710
710
  type: "filler",
711
- icon: "icon-ic",
711
+ icon: "th-icon-border-outer",
712
712
  options: {
713
713
  defaultValue: "",
714
714
  width: "100%",
@@ -1,10 +1,10 @@
1
1
  @font-face {font-family: "iconfont";
2
- src: url('iconfont.eot?t=1567932943787'); /* IE9 */
3
- src: url('iconfont.eot?t=1567932943787#iefix') format('embedded-opentype'), /* IE6-IE8 */
2
+ src: url('formMaking-iconfont.eot?t=1567932943787'); /* IE9 */
3
+ src: url('formMaking-iconfont.eot?t=1567932943787#iefix') format('embedded-opentype'), /* IE6-IE8 */
4
4
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
5
- url('iconfont.woff?t=1567932943787') format('woff'),
6
- url('iconfont.ttf?t=1567932943787') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
7
- url('iconfont.svg?t=1567932943787#iconfont') format('svg'); /* iOS 4.1- */
5
+ url('formMaking-iconfont.woff?t=1567932943787') format('woff'),
6
+ url('formMaking-iconfont.ttf?t=1567932943787') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
7
+ url('formMaking-iconfont.svg?t=1567932943787#iconfont') format('svg'); /* iOS 4.1- */
8
8
  }
9
9
 
10
10
  .iconfont {
@@ -1,5 +1,5 @@
1
1
  import "normalize.css/normalize.css";
2
- import "./iconfont/iconfont.css";
2
+ import "./iconfont/formMaking-iconfont.css";
3
3
  // import "./styles/cover.scss";
4
4
  import "./styles/index.scss";
5
5
 
@@ -1,5 +1,5 @@
1
1
  import "normalize.css/normalize.css";
2
- import "./iconfont/iconfont.css";
2
+ import "./iconfont/formMaking-iconfont.css";
3
3
  // import "./styles/cover.scss";
4
4
  import "./styles/index.scss";
5
5
  import FormMaking from "./index.vue";
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="th-grid" :class="{ 'th-grid__border': border }">
2
+ <div class="th-grid" :class="seflClass">
3
3
  <slot></slot>
4
4
  </div>
5
5
  </template>
@@ -10,11 +10,19 @@ export default {
10
10
  props: {
11
11
  column: Number | String,
12
12
  position: { type: String, default: "block" },
13
+ shadow: { type: String, default: "always" }, // always / hover / never
13
14
  border: Boolean
14
15
  },
15
16
  data() {
16
17
  return {};
17
18
  },
19
+ computed: {
20
+ seflClass() {
21
+ let className = `${this.shadow}-shadow`;
22
+ if (this.border) className = `${className} th-is_border_top th-is_border_left`;
23
+ return className;
24
+ }
25
+ },
18
26
  mounted() {},
19
27
  methods: {}
20
28
  };
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div
3
3
  class="th-grid-item"
4
- :class="{ 'th-grid-item__border': border }"
4
+ :class="{ 'th-grid-item_border': border }"
5
5
  :style="selfStyle"
6
6
  @click="handleClick"
7
7
  >
@@ -153,23 +153,21 @@ export default {
153
153
  }
154
154
  },
155
155
  handleMoveChange(val) {
156
- const type = val.type;
157
- const data = val.data;
158
- const newIndex = data.newIndex;
159
- const oldIndex = data.oldIndex;
160
- if (type === "search") {
156
+ const newIndex = val.data.newIndex;
157
+ const oldIndex = val.data.oldIndex;
158
+ if (val.type === "search") {
161
159
  let list = this.$refs.configRef.search.fields;
162
- list = this.mobile(list, oldIndex, newIndex);
160
+ list = this.handleMobile(list, oldIndex, newIndex);
163
161
  this.$refs.configRef.search.fields = list;
164
- this.searchFields = this.mobile(this.searchFields, oldIndex, newIndex);
162
+ this.searchFields = this.handleMobile(this.searchFields, oldIndex, newIndex);
165
163
  } else {
166
164
  let list = this.$refs.configRef.table.fields;
167
- list = this.mobile(list, oldIndex, newIndex);
165
+ list = this.handleMobile(list, oldIndex, newIndex);
168
166
  this.$refs.configRef.table.fields = list;
169
- this.tableFields = this.mobile(this.tableFields, oldIndex, newIndex);
167
+ this.tableFields = this.handleMobile(this.tableFields, oldIndex, newIndex);
170
168
  }
171
169
  },
172
- mobile(list, oldIndex, newIndex) {
170
+ handleMobile(list, oldIndex, newIndex) {
173
171
  const item = JSON.parse(JSON.stringify(list[oldIndex]));
174
172
  if (oldIndex < newIndex) {
175
173
  list.splice(newIndex + 1, 0, item);
@@ -1,17 +1,19 @@
1
1
  <template>
2
2
  <div class="widgetTable">
3
3
  <div class="table-title">查询字段</div>
4
- <div class="searchList">
5
- <div class="table-header">
6
- <div>拖动</div>
4
+ <div class="tableList searchList">
5
+ <div class="table-item table-header">
6
+ <div class="table-item-custom">拖动</div>
7
7
  <div>列名</div>
8
8
  <!-- <div>字段</div> -->
9
9
  <div>类型</div>
10
10
  <div>默认值</div>
11
- <div>数据来源</div>
11
+ <!-- <div>数据来源</div> -->
12
+ <div class="table-item-custom"></div>
13
+ <div class="table-item-custom">隐藏</div>
12
14
  </div>
13
15
  <draggable
14
- class="table-content"
16
+ class="search-content"
15
17
  v-model="searchData"
16
18
  v-bind="{
17
19
  group: 'people',
@@ -21,12 +23,8 @@
21
23
  }"
22
24
  @end="handleSearchMoveEnd"
23
25
  >
24
- <div
25
- v-for="item in searchData"
26
- :key="item.key"
27
- class="table-content-item"
28
- >
29
- <div class="drag">
26
+ <div v-for="item in searchData" :key="item.prop" class="table-item">
27
+ <div class="table-item-custom drag">
30
28
  <i class="iconfont icon-drag drag-widget"></i>
31
29
  </div>
32
30
  <div>{{ item.label }}</div>
@@ -52,29 +50,34 @@
52
50
  v-model="item.defaultValue"
53
51
  placeholder="请输入内容"
54
52
  size="mini"
53
+ clearable
55
54
  ></el-input>
56
55
  </div>
57
- <div>
56
+ <!-- <div>
58
57
  <template v-if="item.type === 'select'">
59
58
  <el-button type="text" size="mini" @click="handleStaticData(item)"
60
59
  >静态</el-button
61
60
  >
62
61
  <el-button type="text" size="mini" disabled>远端</el-button>
63
62
  </template>
63
+ </div> -->
64
+ <div class="table-item-custom"></div>
65
+ <div class="table-item-custom">
66
+ <el-checkbox v-model="item.hide"></el-checkbox>
64
67
  </div>
65
68
  </div>
66
69
  </draggable>
67
70
  </div>
68
71
  <div class="table-title">列表字段</div>
69
- <div class="tableList">
70
- <div class="table-header">
72
+ <div class="tableList" style="height: calc(100% - 240px);">
73
+ <div class="table-item table-header">
71
74
  <div class="table-item-custom">拖动</div>
72
75
  <div>列名</div>
73
76
  <!-- <div>字段</div> -->
74
77
  <div>对齐</div>
75
78
  <div>宽度</div>
76
79
  <div class="table-item-custom">排序</div>
77
- <div class="table-item-custom" style="width:50px">隐藏</div>
80
+ <div class="table-item-custom">隐藏</div>
78
81
  </div>
79
82
  <draggable
80
83
  class="table-content"
@@ -87,11 +90,7 @@
87
90
  }"
88
91
  @end="handleTableMoveEnd"
89
92
  >
90
- <div
91
- v-for="item in tableData"
92
- :key="item.prop"
93
- class="table-content-item"
94
- >
93
+ <div v-for="item in tableData" :key="item.prop" class="table-item">
95
94
  <div class="table-item-custom drag">
96
95
  <i class="iconfont icon-drag drag-widget"></i>
97
96
  </div>
@@ -230,42 +229,39 @@ export default {
230
229
  margin: 10px 0;
231
230
  border: 1px solid #dcdfe6;
232
231
  box-sizing: border-box;
233
-
234
- .table-content {
232
+ .search-content {
235
233
  height: 120px;
236
234
  overflow-y: overlay;
237
235
  }
238
236
  }
239
237
  .tableList {
240
238
  margin-top: 10px;
241
- height: calc(100% - 240px);
242
239
  border: 1px solid #dcdfe6;
243
240
 
241
+ .table-header {
242
+ background-color: #f5f7f9;
243
+ div {
244
+ flex: 1;
245
+ padding: 0 10px;
246
+ height: 40px;
247
+ line-height: 40px;
248
+ }
249
+ }
250
+
244
251
  .table-content {
245
252
  height: calc(100% - 40px);
246
253
  overflow-y: overlay;
247
254
  }
248
- .el-input-number--mini {
249
- width: 100%;
250
- }
251
- }
252
255
 
253
- .table-header {
254
- display: flex;
255
- align-items: center;
256
- background-color: #f5f7f9;
257
- div {
258
- flex: 1;
259
- padding: 0 10px;
260
- height: 40px;
261
- line-height: 40px;
262
- }
263
- }
264
- .table-content {
265
- .table-content-item {
256
+ .table-item {
266
257
  display: flex;
267
258
  align-items: center;
268
-
259
+ > div {
260
+ flex: 1;
261
+ height: 40px;
262
+ line-height: 40px;
263
+ padding: 0 10px;
264
+ }
269
265
  .drag {
270
266
  i {
271
267
  font-size: 14px;
@@ -273,19 +269,21 @@ export default {
273
269
  cursor: move;
274
270
  }
275
271
  }
276
- > div {
277
- flex: 1;
278
- height: 40px;
279
- line-height: 40px;
280
- padding: 0 10px;
272
+ .table-item-custom {
273
+ flex: none !important;
274
+ width: 60px !important;
275
+ text-align: center;
281
276
  }
282
277
  }
278
+
279
+ .el-input-number--mini {
280
+ width: 100%;
281
+ }
282
+ .el-select {
283
+ width: 100%;
284
+ }
283
285
  }
284
- .table-item-custom {
285
- flex: none !important;
286
- width: 60px !important;
287
- text-align: center;
288
- }
286
+
289
287
  // .table-content:hover::-webkit-scrollbar-thumb {
290
288
  // background-color: rgba(69, 90, 100, 0.2);
291
289
  // }