bkui-vue 0.0.1-beta.158 → 0.0.1-beta.160

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 (52) hide show
  1. package/dist/index.cjs.js +41 -41
  2. package/dist/index.esm.js +1355 -232
  3. package/dist/index.umd.js +41 -41
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/backtop/backtop.css +8 -0
  7. package/lib/backtop/backtop.less +8 -0
  8. package/lib/backtop/backtop.variable.css +8 -0
  9. package/lib/backtop/index.js +1 -1
  10. package/lib/cascader/cascader.css +1 -1
  11. package/lib/cascader/cascader.d.ts +4 -5
  12. package/lib/cascader/cascader.less +1 -1
  13. package/lib/cascader/cascader.variable.css +1 -1
  14. package/lib/cascader/index.d.ts +12 -15
  15. package/lib/cascader/index.js +1 -1
  16. package/lib/components.d.ts +1 -0
  17. package/lib/components.js +1 -1
  18. package/lib/date-picker/date-picker.d.ts +1 -1
  19. package/lib/date-picker/index.d.ts +5 -3
  20. package/lib/date-picker/index.js +1 -1
  21. package/lib/date-picker/interface.d.ts +9 -0
  22. package/lib/date-picker/props.d.ts +39 -0
  23. package/lib/date-picker/time-picker.d.ts +381 -0
  24. package/lib/date-picker/utils.d.ts +22 -1
  25. package/lib/icon/folder.js +1 -0
  26. package/lib/icon/index.js +1 -1
  27. package/lib/input/input.css +1 -1
  28. package/lib/input/input.less +5 -5
  29. package/lib/input/input.variable.css +1 -1
  30. package/lib/link/link.css +12 -12
  31. package/lib/link/link.less +16 -14
  32. package/lib/link/link.variable.css +12 -12
  33. package/lib/popover/index.d.ts +5 -5
  34. package/lib/popover/popover.d.ts +2 -2
  35. package/lib/popover2/index.d.ts +6 -0
  36. package/lib/popover2/index.js +1 -1
  37. package/lib/popover2/popover2.d.ts +2 -0
  38. package/lib/shared/dom.d.ts +1 -0
  39. package/lib/shared/index.js +1 -1
  40. package/lib/steps/index.d.ts +4 -4
  41. package/lib/steps/steps.d.ts +1 -1
  42. package/lib/styles/index.d.ts +1 -0
  43. package/lib/time-picker/index.d.ts +904 -0
  44. package/lib/time-picker/index.js +1 -0
  45. package/lib/time-picker/time-picker.css +215 -0
  46. package/lib/time-picker/time-picker.less +260 -0
  47. package/lib/time-picker/time-picker.variable.css +328 -0
  48. package/lib/upload/index.d.ts +27 -27
  49. package/lib/upload/index.js +1 -1
  50. package/lib/upload/upload.d.ts +7 -7
  51. package/package.json +1 -1
  52. package/lib/icon/funnel.js +0 -1
@@ -0,0 +1 @@
1
+ !function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../date-picker"),require("../shared"));else if("function"==typeof define&&define.amd)define(["../date-picker","../shared"],r);else{var t="object"==typeof exports?r(require("../date-picker"),require("../shared")):r(e["../date-picker"],e["../shared"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r)=>(()=>{"use strict";var t={3082:r=>{r.exports=e},4212:e=>{e.exports=r}},o={};function i(e){var r=o[e];if(void 0!==r)return r.exports;var a=o[e]={exports:{}};return t[e](a,a.exports,i),a.exports}i.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return i.d(r,{a:r}),r},i.d=(e,r)=>{for(var t in r)i.o(r,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},i.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{default:()=>r});var e=i(3082);const r=(0,i(4212).withInstall)(e.TimePicker)})(),a})()));
@@ -0,0 +1,215 @@
1
+ .bk-time-picker-header {
2
+ height: 46px;
3
+ font-size: 14px;
4
+ font-weight: 700;
5
+ line-height: 46px;
6
+ color: #63656e;
7
+ text-align: center;
8
+ border-bottom: 1px solid #dcdee5;
9
+ }
10
+ .bk-time-picker-cells:after {
11
+ position: absolute;
12
+ right: 0;
13
+ left: 0;
14
+ z-index: 1;
15
+ height: 32px;
16
+ padding-top: 6px;
17
+ margin-top: 0;
18
+ color: #3a84ff;
19
+ text-align: left;
20
+ pointer-events: none;
21
+ background-color: rgba(58, 132, 255, 0.16);
22
+ content: '';
23
+ box-sizing: border-box;
24
+ mix-blend-mode: multiply;
25
+ }
26
+ .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before,
27
+ .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):before {
28
+ position: absolute;
29
+ top: 55px;
30
+ left: 85px;
31
+ z-index: 1;
32
+ width: 2px;
33
+ padding-top: 2px;
34
+ background-color: #3a84ff;
35
+ border-radius: 50%;
36
+ content: '';
37
+ }
38
+ .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after,
39
+ .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):after {
40
+ position: absolute;
41
+ top: calc(55px + 5px);
42
+ left: 85px;
43
+ z-index: 1;
44
+ width: 2px;
45
+ padding-top: 2px;
46
+ background-color: #3a84ff;
47
+ border-radius: 50%;
48
+ content: '';
49
+ }
50
+ .bk-time-picker-cells-title-wrapper {
51
+ width: 100%;
52
+ height: 42px;
53
+ line-height: 42px;
54
+ }
55
+ .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title {
56
+ position: relative;
57
+ float: left;
58
+ width: 33.33%;
59
+ font-size: 14px;
60
+ font-weight: 700;
61
+ color: #63656e;
62
+ text-align: center;
63
+ list-style: none;
64
+ }
65
+ .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title.active {
66
+ color: #3a84ff;
67
+ }
68
+ .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before {
69
+ position: absolute;
70
+ top: 55px;
71
+ left: 133px;
72
+ z-index: 1;
73
+ width: 2px;
74
+ padding-top: 2px;
75
+ background-color: #3a84ff;
76
+ border-radius: 50%;
77
+ content: '';
78
+ }
79
+ .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after {
80
+ position: absolute;
81
+ top: calc(55px + 5px);
82
+ left: 133px;
83
+ z-index: 1;
84
+ width: 2px;
85
+ padding-top: 2px;
86
+ background-color: #3a84ff;
87
+ border-radius: 50%;
88
+ content: '';
89
+ }
90
+ .bk-time-picker-cells-list {
91
+ position: relative;
92
+ float: left;
93
+ width: 33.33%;
94
+ max-height: 192px;
95
+ overflow: hidden;
96
+ }
97
+ .bk-time-picker-cells-list:hover {
98
+ overflow-y: auto;
99
+ }
100
+ .bk-time-picker-cells-list:first-child {
101
+ border-radius: 2px 0 0 2px;
102
+ }
103
+ .bk-time-picker-cells-list:last-child {
104
+ border-radius: 0 2px 2px 0;
105
+ }
106
+ .bk-time-picker-cells-list::-webkit-scrollbar {
107
+ width: 0;
108
+ height: 0;
109
+ background-color: rgba(204, 204, 204, 0);
110
+ }
111
+ .bk-time-picker-cells-list::-webkit-scrollbar-thumb {
112
+ width: 0;
113
+ height: 0;
114
+ background-color: transparent;
115
+ }
116
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul {
117
+ width: 100%;
118
+ padding: 0 0 160px 0;
119
+ margin: 0;
120
+ list-style: none;
121
+ }
122
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell {
123
+ position: relative;
124
+ width: 100%;
125
+ height: 32px;
126
+ padding: 0;
127
+ margin: 0;
128
+ font-size: 12px;
129
+ line-height: 32px;
130
+ color: #63656e;
131
+ text-align: center;
132
+ list-style: none;
133
+ cursor: pointer;
134
+ box-sizing: content-box;
135
+ transition: background 0.2s ease-in-out;
136
+ user-select: none;
137
+ }
138
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell:hover {
139
+ color: #3a84ff;
140
+ }
141
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled {
142
+ color: #c4c6cc;
143
+ cursor: not-allowed;
144
+ }
145
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled:hover {
146
+ color: #c4c6cc;
147
+ cursor: not-allowed;
148
+ background-color: #fff;
149
+ }
150
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected,
151
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected:hover {
152
+ color: #3a84ff;
153
+ }
154
+ .bk-time-picker-header {
155
+ height: 46px;
156
+ font-size: 14px;
157
+ font-weight: 700;
158
+ line-height: 46px;
159
+ color: #63656e;
160
+ text-align: center;
161
+ border-bottom: 1px solid #dcdee5;
162
+ }
163
+ .bk-time-picker-with-range .bk-picker-panel-content {
164
+ position: relative;
165
+ float: left;
166
+ }
167
+ .bk-time-picker-with-range .bk-picker-panel-content:after {
168
+ position: absolute;
169
+ top: 45px;
170
+ right: -1px;
171
+ bottom: 0;
172
+ z-index: 1;
173
+ display: block;
174
+ width: 1px;
175
+ background: #e8eaec;
176
+ content: '';
177
+ }
178
+ .bk-time-picker-with-range .bk-picker-panel-content-right {
179
+ float: right;
180
+ }
181
+ .bk-time-picker-with-range .bk-picker-panel-content-right:after {
182
+ right: auto;
183
+ left: 0;
184
+ }
185
+ .bk-time-picker-with-range .bk-time-picker-cells-list:first-child {
186
+ border-radius: 0;
187
+ }
188
+ .bk-time-picker-with-range .bk-time-picker-cells-list:last-child {
189
+ border-radius: 0;
190
+ }
191
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells {
192
+ min-width: 216px;
193
+ }
194
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds {
195
+ min-width: 216px;
196
+ }
197
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list {
198
+ width: 72px;
199
+ }
200
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li {
201
+ padding: 0;
202
+ }
203
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list {
204
+ width: 108px;
205
+ max-height: 200px;
206
+ }
207
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:first-child {
208
+ border-radius: 0;
209
+ }
210
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:last-child {
211
+ border-radius: 0;
212
+ }
213
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list ul {
214
+ padding: 0 0 168px 0;
215
+ }
@@ -0,0 +1,260 @@
1
+ @import '../styles/themes/themes.less';
2
+
3
+ .bk-time-picker-header {
4
+ height: 46px;
5
+ font-size: 14px;
6
+ font-weight: 700;
7
+ line-height: 46px;
8
+ color: #63656e;
9
+ text-align: center;
10
+ border-bottom: 1px solid #dcdee5;
11
+ }
12
+
13
+ .bk-time-picker-cells {
14
+ &:after {
15
+ position: absolute;
16
+ right: 0;
17
+ left: 0;
18
+ z-index: 1;
19
+ height: 32px;
20
+ padding-top: 6px;
21
+ margin-top: 0;
22
+ color: #3a84ff;
23
+ text-align: left;
24
+ pointer-events: none;
25
+ background-color: rgba(58,132,255,.16);
26
+ content: '';
27
+ box-sizing: border-box;
28
+ box-sizing: border-box;
29
+ mix-blend-mode: multiply;
30
+ }
31
+ }
32
+
33
+ .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before,
34
+ .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):before {
35
+ position: absolute;
36
+ top: 55px;
37
+ left: 85px;
38
+ z-index: 1;
39
+ width: 2px;
40
+ padding-top: 2px;
41
+ background-color: #3a84ff;
42
+ border-radius: 50%;
43
+ content: '';
44
+ }
45
+
46
+ .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after,
47
+ .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):after {
48
+ position: absolute;
49
+ top: calc(55px + 5px);
50
+ left: 85px;
51
+ z-index: 1;
52
+ width: 2px;
53
+ padding-top: 2px;
54
+ background-color: #3a84ff;
55
+ border-radius: 50%;
56
+ content: '';
57
+ }
58
+
59
+ .bk-time-picker-cells-title-wrapper {
60
+ width: 100%;
61
+ height: 42px;
62
+ line-height: 42px;
63
+ }
64
+
65
+ .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title {
66
+ position: relative;
67
+ float: left;
68
+ width: 33.33%;
69
+ font-size: 14px;
70
+ font-weight: 700;
71
+ color: #63656e;
72
+ text-align: center;
73
+ list-style: none
74
+ }
75
+
76
+ .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title.active {
77
+ color: #3a84ff;
78
+ }
79
+
80
+ .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before {
81
+ position: absolute;
82
+ top: 55px;
83
+ left: 133px;
84
+ z-index: 1;
85
+ width: 2px;
86
+ padding-top: 2px;
87
+ background-color: #3a84ff;
88
+ border-radius: 50%;
89
+ content: '';
90
+ }
91
+
92
+ .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after {
93
+ position: absolute;
94
+ top: calc(55px + 5px);
95
+ left: 133px;
96
+ z-index: 1;
97
+ width: 2px;
98
+ padding-top: 2px;
99
+ background-color: #3a84ff;
100
+ border-radius: 50%;
101
+ content: '';
102
+ }
103
+
104
+ .bk-time-picker-cells-list {
105
+ position: relative;
106
+ float: left;
107
+ width: 33.33%;
108
+ max-height: 192px;
109
+ overflow: hidden
110
+ }
111
+
112
+ .bk-time-picker-cells-list:hover {
113
+ overflow-y: auto;
114
+ }
115
+
116
+ .bk-time-picker-cells-list:first-child {
117
+ border-radius: 2px 0 0 2px;
118
+ }
119
+
120
+ .bk-time-picker-cells-list:last-child {
121
+ border-radius: 0 2px 2px 0;
122
+ }
123
+
124
+ .bk-time-picker-cells-list::-webkit-scrollbar {
125
+ width: 0;
126
+ height: 0;
127
+ background-color: rgba(204, 204, 204, 0);
128
+ }
129
+
130
+ .bk-time-picker-cells-list::-webkit-scrollbar-thumb {
131
+ width: 0;
132
+ height: 0;
133
+ background-color: transparent;
134
+ }
135
+
136
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul {
137
+ width: 100%;
138
+ padding: 0 0 160px 0;
139
+ margin: 0;
140
+ list-style: none;
141
+ }
142
+
143
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell {
144
+ position: relative;
145
+ width: 100%;
146
+ height: 32px;
147
+ padding: 0;
148
+ margin: 0;
149
+ font-size: 12px;
150
+ line-height: 32px;
151
+ color: #63656e;
152
+ text-align: center;
153
+ list-style: none;
154
+ cursor: pointer;
155
+ box-sizing: content-box;
156
+ box-sizing: content-box;
157
+ transition: background .2s ease-in-out;
158
+ transition: background .2s ease-in-out;
159
+ user-select: none;
160
+ user-select: none;
161
+ user-select: none;
162
+ user-select: none
163
+ }
164
+
165
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell:hover {
166
+ color: #3a84ff;
167
+ }
168
+
169
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled {
170
+ color: #c4c6cc;
171
+ cursor: not-allowed
172
+ }
173
+
174
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled:hover {
175
+ color: #c4c6cc;
176
+ cursor: not-allowed;
177
+ background-color: #fff;
178
+ }
179
+
180
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected,
181
+ .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected:hover {
182
+ color: #3a84ff;
183
+ }
184
+
185
+ .bk-time-picker-header {
186
+ height: 46px;
187
+ font-size: 14px;
188
+ font-weight: 700;
189
+ line-height: 46px;
190
+ color: #63656e;
191
+ text-align: center;
192
+ border-bottom: 1px solid #dcdee5;
193
+ }
194
+
195
+ .bk-time-picker-with-range .bk-picker-panel-content {
196
+ position: relative;
197
+ float: left;
198
+ }
199
+
200
+ .bk-time-picker-with-range .bk-picker-panel-content:after {
201
+ position: absolute;
202
+ top: 45px;
203
+ right: -1px;
204
+ bottom: 0;
205
+ z-index: 1;
206
+ display: block;
207
+ width: 1px;
208
+ background: #e8eaec;
209
+ content: '';
210
+ }
211
+
212
+ .bk-time-picker-with-range .bk-picker-panel-content-right {
213
+ float: right;
214
+ }
215
+
216
+ .bk-time-picker-with-range .bk-picker-panel-content-right:after {
217
+ right: auto;
218
+ left: 0;
219
+ }
220
+
221
+ .bk-time-picker-with-range .bk-time-picker-cells-list:first-child {
222
+ border-radius: 0;
223
+ }
224
+
225
+ .bk-time-picker-with-range .bk-time-picker-cells-list:last-child {
226
+ border-radius: 0;
227
+ }
228
+
229
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells {
230
+ min-width: 216px;
231
+ }
232
+
233
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds {
234
+ min-width: 216px;
235
+ }
236
+
237
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list {
238
+ width: 72px;
239
+ }
240
+
241
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li {
242
+ padding: 0;
243
+ }
244
+
245
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list {
246
+ width: 108px;
247
+ max-height: 200px;
248
+ }
249
+
250
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:first-child {
251
+ border-radius: 0;
252
+ }
253
+
254
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:last-child {
255
+ border-radius: 0;
256
+ }
257
+
258
+ .bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list ul {
259
+ padding: 0 0 168px 0;
260
+ }