eoss-ui 0.7.73 → 0.7.74

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 (166) hide show
  1. package/lib/calogin.js +233 -233
  2. package/lib/eoss-ui.common.js +650 -2348
  3. package/lib/index.js +1 -1
  4. package/lib/main.js +320 -2014
  5. package/lib/qr-code.js +13 -13
  6. package/lib/theme-chalk/index.css +1 -1
  7. package/lib/theme-chalk/login.css +1 -1
  8. package/lib/theme-chalk/main.css +1 -1
  9. package/lib/theme-chalk/simplicity-top.css +1 -1
  10. package/package.json +1 -1
  11. package/packages/button/index.js +5 -5
  12. package/packages/button/src/main.vue +418 -418
  13. package/packages/button-group/index.js +5 -5
  14. package/packages/calendar/index.js +5 -5
  15. package/packages/calogin/index.js +5 -5
  16. package/packages/calogin/src/plugin.js +915 -915
  17. package/packages/card/index.js +5 -5
  18. package/packages/card/src/main.vue +156 -156
  19. package/packages/cascader/index.js +5 -5
  20. package/packages/cascader/src/main.vue +168 -168
  21. package/packages/checkbox-group/index.js +5 -5
  22. package/packages/checkbox-group/src/main.vue +333 -333
  23. package/packages/clients/index.js +5 -5
  24. package/packages/data-table/index.js +5 -5
  25. package/packages/data-table/src/children.vue +39 -39
  26. package/packages/data-table/src/sizer.vue +195 -195
  27. package/packages/data-table-form/index.js +5 -5
  28. package/packages/data-table-form/src/checkbox.vue +101 -101
  29. package/packages/data-table-form/src/colgroup.vue +17 -17
  30. package/packages/data-table-form/src/main.vue +181 -181
  31. package/packages/data-table-form/src/radio.vue +65 -65
  32. package/packages/data-table-form/src/table.vue +233 -233
  33. package/packages/data-table-form/src/tbody.vue +336 -336
  34. package/packages/data-table-form/src/thead.vue +68 -68
  35. package/packages/date-picker/index.js +5 -5
  36. package/packages/date-picker/src/main.vue +236 -236
  37. package/packages/dialog/index.js +5 -5
  38. package/packages/enable-drag/index.js +5 -5
  39. package/packages/enterprise/index.js +5 -5
  40. package/packages/enterprise/src/main.vue +66 -66
  41. package/packages/error-page/index.js +5 -5
  42. package/packages/error-page/src/main.vue +44 -44
  43. package/packages/flow/index.js +5 -5
  44. package/packages/flow/src/component/TimeLimit.vue +190 -190
  45. package/packages/flow/src/table.vue +58 -58
  46. package/packages/flow-group/index.js +5 -5
  47. package/packages/flow-list/index.js +5 -5
  48. package/packages/form/index.js +5 -5
  49. package/packages/handle-user/index.js +5 -5
  50. package/packages/handler/index.js +5 -5
  51. package/packages/icon/index.js +5 -5
  52. package/packages/icons/index.js +5 -5
  53. package/packages/icons/src/main.vue +81 -81
  54. package/packages/input/index.js +5 -5
  55. package/packages/input/src/main.vue +356 -356
  56. package/packages/input-number/index.js +5 -5
  57. package/packages/input-number/src/main.vue +106 -106
  58. package/packages/label/index.js +5 -5
  59. package/packages/label/src/main.vue +457 -457
  60. package/packages/layout/index.js +5 -5
  61. package/packages/layout/src/item.vue +152 -152
  62. package/packages/layout/src/main.vue +31 -31
  63. package/packages/login/index.js +5 -5
  64. package/packages/main/index.js +5 -5
  65. package/packages/main/src/default/index.vue +1 -0
  66. package/packages/main/src/default/message.vue +249 -249
  67. package/packages/main/src/default/notice.vue +157 -157
  68. package/packages/main/src/simplicity/index.vue +1 -0
  69. package/packages/main/src/simplicity/lists.vue +84 -84
  70. package/packages/main/src/simplicity/router-page.vue +45 -45
  71. package/packages/main/src/simplicityTop/handler.vue +5 -0
  72. package/packages/main/src/simplicityTop/index.vue +145 -281
  73. package/packages/menu/index.js +5 -5
  74. package/packages/nav/index.js +5 -5
  75. package/packages/notify/index.js +5 -5
  76. package/packages/notify/src/main.vue +538 -538
  77. package/packages/page/index.js +5 -5
  78. package/packages/page/src/main.vue +167 -167
  79. package/packages/pagination/index.js +5 -5
  80. package/packages/pagination/src/main.vue +96 -96
  81. package/packages/player/index.js +5 -5
  82. package/packages/player/src/main.vue +194 -194
  83. package/packages/qr-code/index.js +5 -5
  84. package/packages/qr-code/src/main.vue +170 -170
  85. package/packages/radio-group/index.js +6 -6
  86. package/packages/radio-group/src/main.vue +319 -319
  87. package/packages/retrial-auth/index.js +5 -5
  88. package/packages/retrial-auth/src/main.vue +280 -280
  89. package/packages/select/index.js +5 -5
  90. package/packages/select-ganged/index.js +5 -5
  91. package/packages/select-ganged/src/main.vue +724 -724
  92. package/packages/selector/index.js +5 -5
  93. package/packages/selector-panel/index.js +5 -5
  94. package/packages/selector-panel/src/tree.vue +129 -129
  95. package/packages/sizer/index.js +5 -5
  96. package/packages/sizer/src/main.vue +254 -254
  97. package/packages/steps/index.js +5 -5
  98. package/packages/steps/src/main.vue +181 -181
  99. package/packages/switch/index.js +5 -5
  100. package/packages/table-form/index.js +5 -5
  101. package/packages/tabs/index.js +5 -5
  102. package/packages/tabs/src/main.vue +788 -788
  103. package/packages/tabs-panel/index.js +5 -5
  104. package/packages/tabs-panel/src/main.vue +29 -29
  105. package/packages/theme-chalk/lib/index.css +1 -1
  106. package/packages/theme-chalk/lib/login.css +1 -1
  107. package/packages/theme-chalk/lib/main.css +1 -1
  108. package/packages/theme-chalk/lib/simplicity-top.css +1 -1
  109. package/packages/theme-chalk/src/base.scss +261 -261
  110. package/packages/theme-chalk/src/button-group.scss +176 -176
  111. package/packages/theme-chalk/src/button.scss +24 -24
  112. package/packages/theme-chalk/src/calendar.scss +113 -113
  113. package/packages/theme-chalk/src/card.scss +99 -99
  114. package/packages/theme-chalk/src/checkbox-group.scss +8 -8
  115. package/packages/theme-chalk/src/clients.scss +87 -87
  116. package/packages/theme-chalk/src/data-table-form.scss +67 -67
  117. package/packages/theme-chalk/src/date-picker.scss +7 -7
  118. package/packages/theme-chalk/src/dialog.scss +77 -77
  119. package/packages/theme-chalk/src/enable-drag.scss +181 -181
  120. package/packages/theme-chalk/src/enterprise.scss +5 -5
  121. package/packages/theme-chalk/src/error-page.scss +18 -18
  122. package/packages/theme-chalk/src/flow-group.scss +110 -110
  123. package/packages/theme-chalk/src/flow-list.scss +39 -39
  124. package/packages/theme-chalk/src/handle-user.scss +40 -40
  125. package/packages/theme-chalk/src/icons.scss +99 -99
  126. package/packages/theme-chalk/src/input.scss +9 -9
  127. package/packages/theme-chalk/src/label.scss +24 -24
  128. package/packages/theme-chalk/src/layout.scss +46 -46
  129. package/packages/theme-chalk/src/mixins/color.scss +117 -117
  130. package/packages/theme-chalk/src/nav.scss +111 -111
  131. package/packages/theme-chalk/src/page.scss +3 -3
  132. package/packages/theme-chalk/src/pagination.scss +29 -29
  133. package/packages/theme-chalk/src/player.scss +9 -9
  134. package/packages/theme-chalk/src/qr-code.scss +17 -17
  135. package/packages/theme-chalk/src/radio-group.scss +9 -9
  136. package/packages/theme-chalk/src/retrial-auth.scss +38 -38
  137. package/packages/theme-chalk/src/select-ganged.scss +8 -8
  138. package/packages/theme-chalk/src/select.scss +8 -8
  139. package/packages/theme-chalk/src/selector-panel.scss +204 -204
  140. package/packages/theme-chalk/src/simplicity-top.scss +14 -0
  141. package/packages/theme-chalk/src/sizer.scss +36 -36
  142. package/packages/theme-chalk/src/steps.scss +88 -88
  143. package/packages/theme-chalk/src/switch.scss +3 -3
  144. package/packages/theme-chalk/src/table-form.scss +1 -1
  145. package/packages/theme-chalk/src/tabs.scss +87 -87
  146. package/packages/theme-chalk/src/tips.scss +7 -7
  147. package/packages/theme-chalk/src/toolbar.scss +179 -179
  148. package/packages/theme-chalk/src/tree-group.scss +72 -72
  149. package/packages/theme-chalk/src/wxlogin.scss +3 -3
  150. package/packages/tips/index.js +5 -5
  151. package/packages/toolbar/index.js +5 -5
  152. package/packages/tree/index.js +5 -5
  153. package/packages/tree-group/index.js +5 -5
  154. package/packages/upload/index.js +5 -5
  155. package/packages/upload/src/picture.js +15 -15
  156. package/packages/wujie/index.js +5 -5
  157. package/packages/wujie/src/main.vue +145 -145
  158. package/packages/wxlogin/index.js +5 -5
  159. package/packages/wxlogin/src/main.vue +128 -128
  160. package/src/config/image.js +2 -2
  161. package/src/index.js +1 -1
  162. package/src/utils/bus.js +3 -3
  163. package/src/utils/date-util.js +312 -312
  164. package/src/utils/http.js +50 -50
  165. package/src/utils/store.js +21 -21
  166. package/src/utils/webSocket.js +107 -107
@@ -1,67 +1,67 @@
1
- @import './common/var.scss';
2
- .es-data-table-form {
3
- min-width: 100%;
4
- border-color: $--table-border-color;
5
- background-color: #fff;
6
- font-size: 14px;
7
- table-layout: fixed;
8
- th,
9
- td {
10
- padding: 6px;
11
- line-height: 28px;
12
- &.numbers {
13
- text-align: center;
14
- }
15
- .cell {
16
- min-height: 28px;
17
- &.is-textarea {
18
- line-height: 20px;
19
- }
20
- &.es-required::before {
21
- content: '*';
22
- color: #f56c6c;
23
- }
24
- }
25
- .es-input-box {
26
- position: relative;
27
- .es-select-multiple {
28
- height: auto;
29
- min-height: 40px;
30
- line-height: 1;
31
- padding: 4px 6px 4px 0;
32
- .el-tag {
33
- margin: 2px 0 2px 6px;
34
- }
35
- }
36
- }
37
- }
38
- .es-data-form-head {
39
- background-color: $--table-header-background-color;
40
- }
41
- &.es-data-form-full {
42
- height: 100%;
43
- .es-data-form {
44
- height: 100%;
45
- &.es-data-form-haspage {
46
- .es-scrollbar {
47
- height: calc(100% - 46px);
48
- }
49
- }
50
- }
51
- }
52
- }
53
- .es-data-form {
54
- position: relative;
55
- .es-table-page {
56
- height: 46px;
57
- text-align: center;
58
- border: $--table-border;
59
- padding: 8px 12px;
60
- margin-top: -1px;
61
- background-color: $--table-page-background-color;
62
- }
63
- .es-data-table-form-handle {
64
- position: fixed;
65
- opacity: 0;
66
- }
67
- }
1
+ @import './common/var.scss';
2
+ .es-data-table-form {
3
+ min-width: 100%;
4
+ border-color: $--table-border-color;
5
+ background-color: #fff;
6
+ font-size: 14px;
7
+ table-layout: fixed;
8
+ th,
9
+ td {
10
+ padding: 6px;
11
+ line-height: 28px;
12
+ &.numbers {
13
+ text-align: center;
14
+ }
15
+ .cell {
16
+ min-height: 28px;
17
+ &.is-textarea {
18
+ line-height: 20px;
19
+ }
20
+ &.es-required::before {
21
+ content: '*';
22
+ color: #f56c6c;
23
+ }
24
+ }
25
+ .es-input-box {
26
+ position: relative;
27
+ .es-select-multiple {
28
+ height: auto;
29
+ min-height: 40px;
30
+ line-height: 1;
31
+ padding: 4px 6px 4px 0;
32
+ .el-tag {
33
+ margin: 2px 0 2px 6px;
34
+ }
35
+ }
36
+ }
37
+ }
38
+ .es-data-form-head {
39
+ background-color: $--table-header-background-color;
40
+ }
41
+ &.es-data-form-full {
42
+ height: 100%;
43
+ .es-data-form {
44
+ height: 100%;
45
+ &.es-data-form-haspage {
46
+ .es-scrollbar {
47
+ height: calc(100% - 46px);
48
+ }
49
+ }
50
+ }
51
+ }
52
+ }
53
+ .es-data-form {
54
+ position: relative;
55
+ .es-table-page {
56
+ height: 46px;
57
+ text-align: center;
58
+ border: $--table-border;
59
+ padding: 8px 12px;
60
+ margin-top: -1px;
61
+ background-color: $--table-page-background-color;
62
+ }
63
+ .es-data-table-form-handle {
64
+ position: fixed;
65
+ opacity: 0;
66
+ }
67
+ }
@@ -1,8 +1,8 @@
1
- .es-date-picker{
2
- &.el-input,&.es-date-picker-range{
3
- width: 100%;
4
- }
5
- .el-range-input{
6
- flex: 1;
7
- }
1
+ .es-date-picker{
2
+ &.el-input,&.es-date-picker-range{
3
+ width: 100%;
4
+ }
5
+ .el-range-input{
6
+ flex: 1;
7
+ }
8
8
  }
@@ -1,77 +1,77 @@
1
- @import './common/var.scss';
2
- .es-dialog {
3
- overflow: hidden;
4
- .el-dialog {
5
- padding-top: 45px;
6
- overflow: hidden;
7
- position: relative;
8
- }
9
- .el-dialog__header {
10
- padding: 12px 20px 8px;
11
- background-color: $--dialog-header-background-color;
12
- font-size: 14px !important;
13
- border-bottom: $--border-base;
14
- position: absolute;
15
- left: 0;
16
- top: 0;
17
- right: 0;
18
- .el-dialog__title {
19
- font-size: 14px !important;
20
- }
21
- }
22
- .el-dialog__headerbtn {
23
- font-size: 18px;
24
- height: 20px;
25
- right: 16px;
26
- top: 12px;
27
- }
28
- .el-dialog__body {
29
- padding: 8px;
30
- height: 100%;
31
- background-color: #fff;
32
- .es-flow-group,
33
- .es-tabs {
34
- border: 1px solid #d1d1d1;
35
- box-shadow: none;
36
- }
37
- .es-flow-group {
38
- .es-tabs {
39
- border: 0;
40
- }
41
- }
42
- }
43
- &.is-middle {
44
- .el-dialog {
45
- position: absolute;
46
- }
47
- }
48
- .es-form {
49
- .es-form-button {
50
- text-align: right;
51
- }
52
- }
53
- &.es-title-hide {
54
- .el-dialog {
55
- padding-top: 0;
56
- }
57
- .el-dialog__header {
58
- height: 45px;
59
- border-color: transparent;
60
- background-color: transparent;
61
- z-index: 3;
62
- }
63
- .el-dialog__body {
64
- padding: 0;
65
- background-color: transparent;
66
- }
67
- }
68
- &.es-dialog-plus {
69
- .el-dialog {
70
- border-radius: 9px;
71
- }
72
- .el-dialog__header,
73
- .el-dialog__body {
74
- background-color: #f2f2f2;
75
- }
76
- }
77
- }
1
+ @import './common/var.scss';
2
+ .es-dialog {
3
+ overflow: hidden;
4
+ .el-dialog {
5
+ padding-top: 45px;
6
+ overflow: hidden;
7
+ position: relative;
8
+ }
9
+ .el-dialog__header {
10
+ padding: 12px 20px 8px;
11
+ background-color: $--dialog-header-background-color;
12
+ font-size: 14px !important;
13
+ border-bottom: $--border-base;
14
+ position: absolute;
15
+ left: 0;
16
+ top: 0;
17
+ right: 0;
18
+ .el-dialog__title {
19
+ font-size: 14px !important;
20
+ }
21
+ }
22
+ .el-dialog__headerbtn {
23
+ font-size: 18px;
24
+ height: 20px;
25
+ right: 16px;
26
+ top: 12px;
27
+ }
28
+ .el-dialog__body {
29
+ padding: 8px;
30
+ height: 100%;
31
+ background-color: #fff;
32
+ .es-flow-group,
33
+ .es-tabs {
34
+ border: 1px solid #d1d1d1;
35
+ box-shadow: none;
36
+ }
37
+ .es-flow-group {
38
+ .es-tabs {
39
+ border: 0;
40
+ }
41
+ }
42
+ }
43
+ &.is-middle {
44
+ .el-dialog {
45
+ position: absolute;
46
+ }
47
+ }
48
+ .es-form {
49
+ .es-form-button {
50
+ text-align: right;
51
+ }
52
+ }
53
+ &.es-title-hide {
54
+ .el-dialog {
55
+ padding-top: 0;
56
+ }
57
+ .el-dialog__header {
58
+ height: 45px;
59
+ border-color: transparent;
60
+ background-color: transparent;
61
+ z-index: 3;
62
+ }
63
+ .el-dialog__body {
64
+ padding: 0;
65
+ background-color: transparent;
66
+ }
67
+ }
68
+ &.es-dialog-plus {
69
+ .el-dialog {
70
+ border-radius: 9px;
71
+ }
72
+ .el-dialog__header,
73
+ .el-dialog__body {
74
+ background-color: #f2f2f2;
75
+ }
76
+ }
77
+ }
@@ -1,181 +1,181 @@
1
- @import './common/var.scss';
2
-
3
- @keyframes show-icon-left {
4
- from {
5
- transform: translateX(-100px);
6
- opacity: 0.3;
7
- }
8
- to {
9
- transform: translateX(0);
10
- opacity: 1;
11
- }
12
- }
13
- @keyframes hide-icon-left {
14
- from {
15
- transform: translateX(0);
16
- opacity: 1;
17
- }
18
- to {
19
- transform: translateX(-100px);
20
- opacity: 0.3;
21
- }
22
- }
23
- @keyframes show-icon-rigt {
24
- from {
25
- transform: translateX(100px);
26
- opacity: 0.3;
27
- }
28
- to {
29
- transform: translateX(0);
30
- opacity: 1;
31
- }
32
- }
33
- @keyframes hide-icon-right {
34
- from {
35
- transform: translateX(0);
36
- opacity: 1;
37
- }
38
- to {
39
- transform: translateX(100px);
40
- opacity: 0.3;
41
- }
42
- }
43
- @keyframes show-icon-top {
44
- from {
45
- transform: translateY(-100px);
46
- opacity: 0.3;
47
- }
48
- to {
49
- transform: translateY(0);
50
- opacity: 1;
51
- }
52
- }
53
- @keyframes hide-icon-top {
54
- from {
55
- transform: translateX(0);
56
- opacity: 1;
57
- }
58
- to {
59
- transform: translateX(-100px);
60
- opacity: 0.3;
61
- }
62
- }
63
- @keyframes show-icon-bottom {
64
- from {
65
- transform: translateY(100px);
66
- opacity: 0.3;
67
- }
68
- to {
69
- transform: translateY(0);
70
- opacity: 1;
71
- }
72
- }
73
- @keyframes hide-icon-bottm {
74
- from {
75
- transform: translateY(0);
76
- opacity: 1;
77
- }
78
- to {
79
- transform: translateY(100px);
80
- opacity: 0.3;
81
- }
82
- }
83
- .es-enable-drag {
84
- position: fixed;
85
- width: auto;
86
- z-index: 9999;
87
- cursor: pointer;
88
- user-select: none;
89
- .es-enable-drag-enter-button {
90
- width: 50px;
91
- height: 50px;
92
- border-radius: 50%;
93
- padding: 10px;
94
- cursor: move;
95
- line-height: 30px;
96
- text-align: center;
97
- .es-enable-drag-enter-icon {
98
- font-size: 28px;
99
- }
100
- }
101
- .es-enable-drag-small-icon-box {
102
- background-color: #fff;
103
- border: 1px solid $--color-primary;
104
- border-radius: 10px;
105
- .es-enable-drag-small-icon {
106
- display: flex;
107
- font-size: 12px;
108
- padding: 0 4px;
109
- &::before {
110
- content: attr(data-content);
111
- display: block;
112
- width: 30px;
113
- height: 16px;
114
- text-align: center;
115
- line-height: 16px;
116
- color: #fff;
117
- font-weight: bold;
118
- border-radius: 8px;
119
- background-color: $--color-primary;
120
- position: relative;
121
- }
122
- &.es-left,
123
- &.es-right {
124
- flex-direction: column;
125
- padding: 4px 0;
126
- text-align: center;
127
- &::before {
128
- width: 16px;
129
- height: 30px;
130
- line-height: 30px;
131
- top: -5px;
132
- }
133
- }
134
- &.es-top,
135
- &.es-bottom {
136
- line-height: 16px;
137
- &::before {
138
- left: -5px;
139
- text-align: center;
140
- }
141
- }
142
- }
143
- .es-enable-drag-small-tri {
144
- font-size: 14px;
145
- color: $--color-primary;
146
- }
147
- }
148
- .animation-transform {
149
- transition: all 0.2s;
150
- }
151
- .show-animation-left {
152
- animation: show-icon-left 0.2s forwards;
153
- }
154
- .hide-animation-left {
155
- animation: hide-icon-left 0.2s forwards;
156
- }
157
- .show-animation-right {
158
- animation: show-icon-right 0.2s forwards;
159
- }
160
- .hide-animation-right {
161
- animation: hide-icon-right 0.2s forwards;
162
- }
163
- .show-animation-top {
164
- animation: show-icon-top 0.2s forwards;
165
- }
166
- .hide-animation-top {
167
- animation: hide-icon-top 0.2s forwards;
168
- }
169
- .show-animation-bottom {
170
- animation: show-icon-bottom 0.2s forwards;
171
- }
172
- .hide-animation-bottom {
173
- animation: hide-icon-bottom 0.2s forwards;
174
- }
175
- .es-enable-drag-mask {
176
- position: absolute;
177
- z-index: 1;
178
- top: 0;
179
- left: 0;
180
- }
181
- }
1
+ @import './common/var.scss';
2
+
3
+ @keyframes show-icon-left {
4
+ from {
5
+ transform: translateX(-100px);
6
+ opacity: 0.3;
7
+ }
8
+ to {
9
+ transform: translateX(0);
10
+ opacity: 1;
11
+ }
12
+ }
13
+ @keyframes hide-icon-left {
14
+ from {
15
+ transform: translateX(0);
16
+ opacity: 1;
17
+ }
18
+ to {
19
+ transform: translateX(-100px);
20
+ opacity: 0.3;
21
+ }
22
+ }
23
+ @keyframes show-icon-rigt {
24
+ from {
25
+ transform: translateX(100px);
26
+ opacity: 0.3;
27
+ }
28
+ to {
29
+ transform: translateX(0);
30
+ opacity: 1;
31
+ }
32
+ }
33
+ @keyframes hide-icon-right {
34
+ from {
35
+ transform: translateX(0);
36
+ opacity: 1;
37
+ }
38
+ to {
39
+ transform: translateX(100px);
40
+ opacity: 0.3;
41
+ }
42
+ }
43
+ @keyframes show-icon-top {
44
+ from {
45
+ transform: translateY(-100px);
46
+ opacity: 0.3;
47
+ }
48
+ to {
49
+ transform: translateY(0);
50
+ opacity: 1;
51
+ }
52
+ }
53
+ @keyframes hide-icon-top {
54
+ from {
55
+ transform: translateX(0);
56
+ opacity: 1;
57
+ }
58
+ to {
59
+ transform: translateX(-100px);
60
+ opacity: 0.3;
61
+ }
62
+ }
63
+ @keyframes show-icon-bottom {
64
+ from {
65
+ transform: translateY(100px);
66
+ opacity: 0.3;
67
+ }
68
+ to {
69
+ transform: translateY(0);
70
+ opacity: 1;
71
+ }
72
+ }
73
+ @keyframes hide-icon-bottm {
74
+ from {
75
+ transform: translateY(0);
76
+ opacity: 1;
77
+ }
78
+ to {
79
+ transform: translateY(100px);
80
+ opacity: 0.3;
81
+ }
82
+ }
83
+ .es-enable-drag {
84
+ position: fixed;
85
+ width: auto;
86
+ z-index: 9999;
87
+ cursor: pointer;
88
+ user-select: none;
89
+ .es-enable-drag-enter-button {
90
+ width: 50px;
91
+ height: 50px;
92
+ border-radius: 50%;
93
+ padding: 10px;
94
+ cursor: move;
95
+ line-height: 30px;
96
+ text-align: center;
97
+ .es-enable-drag-enter-icon {
98
+ font-size: 28px;
99
+ }
100
+ }
101
+ .es-enable-drag-small-icon-box {
102
+ background-color: #fff;
103
+ border: 1px solid $--color-primary;
104
+ border-radius: 10px;
105
+ .es-enable-drag-small-icon {
106
+ display: flex;
107
+ font-size: 12px;
108
+ padding: 0 4px;
109
+ &::before {
110
+ content: attr(data-content);
111
+ display: block;
112
+ width: 30px;
113
+ height: 16px;
114
+ text-align: center;
115
+ line-height: 16px;
116
+ color: #fff;
117
+ font-weight: bold;
118
+ border-radius: 8px;
119
+ background-color: $--color-primary;
120
+ position: relative;
121
+ }
122
+ &.es-left,
123
+ &.es-right {
124
+ flex-direction: column;
125
+ padding: 4px 0;
126
+ text-align: center;
127
+ &::before {
128
+ width: 16px;
129
+ height: 30px;
130
+ line-height: 30px;
131
+ top: -5px;
132
+ }
133
+ }
134
+ &.es-top,
135
+ &.es-bottom {
136
+ line-height: 16px;
137
+ &::before {
138
+ left: -5px;
139
+ text-align: center;
140
+ }
141
+ }
142
+ }
143
+ .es-enable-drag-small-tri {
144
+ font-size: 14px;
145
+ color: $--color-primary;
146
+ }
147
+ }
148
+ .animation-transform {
149
+ transition: all 0.2s;
150
+ }
151
+ .show-animation-left {
152
+ animation: show-icon-left 0.2s forwards;
153
+ }
154
+ .hide-animation-left {
155
+ animation: hide-icon-left 0.2s forwards;
156
+ }
157
+ .show-animation-right {
158
+ animation: show-icon-right 0.2s forwards;
159
+ }
160
+ .hide-animation-right {
161
+ animation: hide-icon-right 0.2s forwards;
162
+ }
163
+ .show-animation-top {
164
+ animation: show-icon-top 0.2s forwards;
165
+ }
166
+ .hide-animation-top {
167
+ animation: hide-icon-top 0.2s forwards;
168
+ }
169
+ .show-animation-bottom {
170
+ animation: show-icon-bottom 0.2s forwards;
171
+ }
172
+ .hide-animation-bottom {
173
+ animation: hide-icon-bottom 0.2s forwards;
174
+ }
175
+ .es-enable-drag-mask {
176
+ position: absolute;
177
+ z-index: 1;
178
+ top: 0;
179
+ left: 0;
180
+ }
181
+ }
@@ -1,5 +1,5 @@
1
- .es-enterprise {
2
- & > * {
3
- width: 100%;
4
- }
5
- }
1
+ .es-enterprise {
2
+ & > * {
3
+ width: 100%;
4
+ }
5
+ }