@blueking/ediatable 0.0.1-beta.8 → 0.0.1-beta.9

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 (11) hide show
  1. package/README.md +11 -17
  2. package/package.json +1 -1
  3. package/typings/components/head-column.vue.d.ts +1 -1
  4. package/vue2/index.es.min.js +1085 -917
  5. package/vue2/index.iife.min.js +1085 -4174
  6. package/vue2/index.umd.min.js +1085 -4175
  7. package/vue2/vue2.css +151 -128
  8. package/vue3/index.es.min.js +1785 -1618
  9. package/vue3/index.iife.min.js +1085 -4174
  10. package/vue3/index.umd.min.js +1798 -1606
  11. package/vue3/vue3.css +68 -44
package/vue3/vue3.css CHANGED
@@ -35,13 +35,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
35
35
  .icon-plus-fill:before {
36
36
  content: "\e102";
37
37
  }
38
- .bk-ediatable-head-column .title-memo {
39
- border-bottom: 1px dashed #979ba5;
40
- }
41
- .bk-ediatable-head-column.is-required {
42
- position: relative;
43
- }
44
- .bk-ediatable-head-column.is-required::after {
38
+ .bk-ediatable-head-column .is-required::after {
45
39
  position: absolute;
46
40
  top: 0;
47
41
  margin-left: 4px;
@@ -76,20 +70,38 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
76
70
  background: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent);
77
71
  content: '';
78
72
  }
73
+ .bk-ediatable-head-column .title-memo {
74
+ border-bottom: 1px dashed #979ba5;
75
+ }
79
76
  .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}.bk-ediatable {
80
77
  position: relative;
81
78
  width: 100%;
82
- overflow-x: auto;
79
+ margin-bottom: -8px;
80
+ overflow-x: scroll;
83
81
  }
84
82
  .bk-ediatable::-webkit-scrollbar {
85
- width: 4px;
86
- height: 4px;
83
+ width: 8px;
84
+ height: 8px;
85
+ background: transparent;
87
86
  }
88
87
  .bk-ediatable::-webkit-scrollbar-thumb {
89
- background: #ddd;
88
+ background: transparent;
89
+ }
90
+ .bk-ediatable:hover::-webkit-scrollbar {
91
+ width: 8px;
92
+ height: 8px;
93
+ }
94
+ .bk-ediatable:hover::-webkit-scrollbar-thumb {
95
+ background: #dcdee5;
90
96
  border-radius: 20px;
91
97
  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
92
98
  }
99
+ .bk-ediatable:hover::-webkit-scrollbar-thumb:hover {
100
+ background: #979ba5;
101
+ }
102
+ .bk-ediatable.scrollbar-exists:hover::-webkit-scrollbar {
103
+ background: #f0f1f5;
104
+ }
93
105
  .bk-ediatable table {
94
106
  width: 100%;
95
107
  font-size: 12px;
@@ -113,6 +125,19 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
113
125
  line-height: 0;
114
126
  color: #313238;
115
127
  background: #f0f1f5;
128
+ position: relative;
129
+ }
130
+ .bk-ediatable table th.poiner-right::after {
131
+ content: '';
132
+ position: absolute;
133
+ top: 0;
134
+ bottom: 0;
135
+ right: -3px;
136
+ width: 6px;
137
+ background-color: #3785ff;
138
+ transform: translateX(1px);
139
+ pointer-events: none;
140
+ z-index: 1;
116
141
  }
117
142
  .bk-ediatable table th .th-cell {
118
143
  display: inline-block;
@@ -128,8 +153,38 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
128
153
  top: 0;
129
154
  bottom: 0;
130
155
  display: none;
131
- width: 1px;
132
- background: #dfe0e5;
156
+ width: 2px;
157
+ background: #3c96ff;
158
+ }
159
+ .bk-ediatable .bk-ediatable-right-fixed-column {
160
+ position: sticky;
161
+ right: 1px;
162
+ z-index: 1;
163
+ background-color: #fff;
164
+ }
165
+ .bk-ediatable .bk-ediatable-right-fixed-column::before {
166
+ position: absolute;
167
+ top: 0;
168
+ left: -10px;
169
+ width: 10px;
170
+ height: 100%;
171
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.12), transparent);
172
+ content: '';
173
+ }
174
+ .bk-ediatable .bk-ediatable-left-fixed-column {
175
+ position: sticky;
176
+ left: 1px;
177
+ z-index: 1;
178
+ background-color: #fff;
179
+ }
180
+ .bk-ediatable .bk-ediatable-left-fixed-column::before {
181
+ position: absolute;
182
+ top: 0;
183
+ right: -10px;
184
+ width: 10px;
185
+ height: 100%;
186
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent);
187
+ content: '';
133
188
  }
134
189
  .db-svg-icon {
135
190
  width: 1em;
@@ -259,36 +314,6 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
259
314
  .bk-ediatable-input .blur-dispaly-main {
260
315
  padding: 0 16px;
261
316
  }
262
- .bk-ediatable-right-fixed-column {
263
- position: sticky;
264
- right: 1px;
265
- z-index: 1;
266
- background-color: #fff;
267
- }
268
- .bk-ediatable-right-fixed-column::before {
269
- position: absolute;
270
- top: 0;
271
- left: -10px;
272
- width: 10px;
273
- height: 100%;
274
- background: linear-gradient(to left, rgba(0, 0, 0, 0.12), transparent);
275
- content: '';
276
- }
277
- .bk-ediatable-left-fixed-column {
278
- position: sticky;
279
- left: 1px;
280
- z-index: 1;
281
- background-color: #fff;
282
- }
283
- .bk-ediatable-left-fixed-column::before {
284
- position: absolute;
285
- top: 0;
286
- right: -10px;
287
- width: 10px;
288
- height: 100%;
289
- background: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent);
290
- content: '';
291
- }
292
317
  .bk-ediatable-operation {
293
318
  display: flex;
294
319
  height: 42px;
@@ -362,7 +387,6 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
362
387
  top: 0;
363
388
  right: 0;
364
389
  bottom: 0;
365
- z-index: 99;
366
390
  display: flex;
367
391
  padding-right: 6px;
368
392
  font-size: 14px;