tianheng-ui 0.1.69 → 0.1.71

Sign up to get free protection for your applications and to get access to all the features.
Files changed (33) hide show
  1. package/lib/theme-chalk/styles/dialog.scss +56 -40
  2. package/lib/theme-chalk/styles/feature.scss +7 -0
  3. package/lib/tianheng-ui.js +12 -12
  4. package/package.json +1 -1
  5. package/packages/Dialog/index.vue +18 -9
  6. package/packages/FormMaking/GenerateForm.vue +27 -42
  7. package/packages/FormMaking/GenerateFormItem.vue +10 -26
  8. package/packages/FormMaking/WidgetFormItem.vue +9 -7
  9. package/packages/FormMaking/WidgetGuide.vue +86 -0
  10. package/packages/FormMaking/WidgetSelect.vue +2 -2
  11. package/packages/FormMaking/WidgetTools.vue +10 -6
  12. package/packages/FormMaking/custom/config.js +2 -31
  13. package/packages/FormMaking/custom/configs/list.vue +11 -12
  14. package/packages/FormMaking/custom/configs/radio.vue +2 -5
  15. package/packages/FormMaking/custom/configs/table.vue +12 -9
  16. package/packages/FormMaking/custom/configs/tabs.vue +69 -55
  17. package/packages/FormMaking/custom/index.js +1 -1
  18. package/packages/FormMaking/custom/items/grid_dev.vue +5 -8
  19. package/packages/FormMaking/custom/items/list_dev.vue +19 -23
  20. package/packages/FormMaking/custom/items/list_pro.vue +16 -14
  21. package/packages/FormMaking/custom/items/table_dev.vue +13 -12
  22. package/packages/FormMaking/custom/items/table_pro.vue +5 -5
  23. package/packages/FormMaking/custom/items/tabs_dev.vue +4 -7
  24. package/packages/FormMaking/custom/items/tabs_pro.vue +7 -9
  25. package/packages/FormMaking/index.vue +62 -76
  26. package/packages/FormMaking/styles/index.scss +1 -1
  27. package/packages/Icons/index.js +886 -1
  28. package/packages/Icons/index.vue +53 -306
  29. package/packages/TableMaking/index.vue +18 -3
  30. package/packages/TableMaking/widgetGuide.vue +122 -58
  31. package/packages/FormMaking/custom/configs/tableH5.vue +0 -98
  32. package/packages/FormMaking/custom/items/tableH5_dev.vue +0 -112
  33. package/packages/FormMaking/custom/items/tableH5_pro.vue +0 -119
package/lib/theme-chalk/styles/dialog.scss CHANGED
@@ -1,56 +1,72 @@
1
1
  .th-dialog {
2
- .el-dialog__header {
3
- padding: 0 !important;
4
- }
5
- .el-dialog__body {
6
- padding: 15px 50px !important;
7
- height: 470px;
8
- overflow-y: overlay;
9
- box-sizing: border-box;
2
+ .el-dialog {
3
+ height: 520px;
4
+ .el-dialog__header {
5
+ height: 50px;
6
+ line-height: 50px;
7
+ padding: 0 20px !important;
8
+ background-color: $background-color-base;
9
+ border-bottom: 1px solid $border-color-base;
10
+ box-sizing: border-box;
11
+ }
12
+ .el-dialog__body {
13
+ padding: 15px 20px !important;
14
+ height: calc(100% - 100px);
15
+ overflow-y: overlay;
16
+ box-sizing: border-box;
17
+ }
18
+ .el-dialog__footer {
19
+ display: flex;
20
+ align-items: center;
21
+ justify-content: flex-end;
22
+ padding: 0 15px !important;
23
+ height: 50px;
24
+ line-height: 50px;
25
+ border-top: 1px solid $border-color-base;
26
+ }
10
27
  }
11
- .el-dialog__footer {
12
- display: flex;
13
- align-items: center;
14
- justify-content: flex-end;
15
- padding: 0 15px !important;
16
- height: 60px;
17
- line-height: 60px;
18
- border-top: 1px solid $border-color-base;
28
+
29
+ .is-fullscreen {
30
+ width: 100% !important;
31
+ height: 100% !important;
19
32
  }
20
33
 
21
- .th-dialog__header {
22
- display: flex;
23
- align-items: center;
24
- height: 50px;
25
- line-height: 50px;
26
- background-color: $background-color-base;
27
- border-bottom: 1px solid $border-color-base;
28
- box-sizing: border-box;
29
- .th-dialog__title {
30
- flex: 1;
31
- padding: 0 15px;
34
+ .th-dialog_header {
35
+ position: relative;
36
+ .th-dialog_title {
32
37
  font-size: $font-size-md;
33
38
  }
34
- .th-dialog__action {
35
- display: flex;
36
- .th-dialog__action_item {
37
- width: 40px;
38
- height: 50px;
39
- line-height: 50px;
39
+ .th-dialog_title__center {
40
+ text-align: center;
41
+ }
42
+ .th-dialog_action {
43
+ position: absolute;
44
+ top: 0;
45
+ right: 0;
46
+ .fullscreen:hover {
47
+ color: $color-parimary;
48
+ }
49
+ .close:hover {
50
+ color: $color-danger;
51
+ }
52
+ .th-dialog_action_item {
53
+ width: 30px;
54
+ height: 30px;
55
+ margin-right: 5px;
56
+ line-height: 30px;
40
57
  text-align: center;
41
58
  transition: $transition;
42
59
  cursor: pointer;
43
60
  }
44
- .th-dialog__action_item:hover {
45
- color: $color-parimary;
61
+ .th-dialog_action_item:last-child {
62
+ margin-right: 0;
46
63
  }
47
64
  }
48
65
  }
66
+ }
49
67
 
50
- .is-fullscreen {
51
- width: 100%;
52
- .el-dialog__body {
53
- height: calc(100% - 110px);
54
- }
68
+ .th-dialog_hideFooter {
69
+ .el-dialog__body {
70
+ height: calc(100% - 50px) !important;
55
71
  }
56
72
  }
package/lib/theme-chalk/styles/feature.scss CHANGED
@@ -76,6 +76,13 @@
76
76
  border-bottom: solid 1px #e4e7ed;
77
77
  }
78
78
 
79
+ .th-animation_button__hover:hover {
80
+ background-color: $background-color-active;
81
+ border-radius: 50%;
82
+ box-shadow: $box-shadow;
83
+ transform: rotate(180deg);
84
+ }
85
+
79
86
  [v-cloak] {
80
87
  display: none;
81
88
  }