bhd-components 0.9.3 → 0.9.5
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.
- package/README.md +2 -1
- package/dist/index.esm.es5.development.css +409 -400
- package/dist/index.esm.es5.development.js +395 -107
- package/dist/index.esm.es5.production.css +1 -1
- package/dist/index.esm.es5.production.js +1 -1
- package/dist/vendor.esm.es5.development.js +907 -784
- package/dist/vendor.esm.es5.production.js +2 -2
- package/es2017/bhdDatePicker/index.d.ts +3 -1
- package/es2017/bhdDatePicker/index.js +364 -99
- package/es2017/bhdDatePicker/index.module.less +42 -33
- package/es2017/i18n/en_US.js +13 -1
- package/es2017/i18n/zh_CN.js +13 -1
- package/esm/bhdDatePicker/index.d.ts +3 -1
- package/esm/bhdDatePicker/index.js +366 -102
- package/esm/bhdDatePicker/index.module.less +42 -33
- package/esm/i18n/en_US.js +13 -1
- package/esm/i18n/zh_CN.js +13 -1
- package/package.json +1 -1
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
box-shadow: none;
|
|
19
19
|
background: transparent;
|
|
20
20
|
padding: 0;
|
|
21
|
-
margin-left: -78px;
|
|
21
|
+
// margin-left: -78px;
|
|
22
22
|
cursor: pointer;
|
|
23
23
|
.bhd-picker-input {
|
|
24
24
|
&:nth-child(1) {
|
|
@@ -255,6 +255,7 @@
|
|
|
255
255
|
}
|
|
256
256
|
}
|
|
257
257
|
|
|
258
|
+
|
|
258
259
|
// 多面板
|
|
259
260
|
.bhd-picker-panels {
|
|
260
261
|
& .bhd-picker-panel {
|
|
@@ -280,8 +281,8 @@
|
|
|
280
281
|
line-height: 30px;
|
|
281
282
|
width: 100%;
|
|
282
283
|
display: flex;
|
|
283
|
-
flex-direction: column;
|
|
284
|
-
gap:
|
|
284
|
+
flex-direction: column-reverse;
|
|
285
|
+
gap: 8px;
|
|
285
286
|
|
|
286
287
|
&:not(:last-child) {
|
|
287
288
|
border-bottom: none;
|
|
@@ -311,24 +312,30 @@
|
|
|
311
312
|
color: @color-background-primary-base;
|
|
312
313
|
}
|
|
313
314
|
}
|
|
315
|
+
// & +.bhddatepicker-picker-footer-extra-extend{
|
|
316
|
+
|
|
317
|
+
// }
|
|
314
318
|
}
|
|
315
319
|
|
|
316
|
-
|
|
317
|
-
& .bhddatepicker-picker-footer-extra-extend {
|
|
318
|
-
position: relative;
|
|
320
|
+
.bhd-picker-ranges + .bhddatepicker-picker-footer-extra-extend{
|
|
319
321
|
padding-bottom: 8px;
|
|
320
322
|
&::after {
|
|
321
323
|
content: "";
|
|
322
324
|
width: calc(100% + 100px);
|
|
323
325
|
height: 0px;
|
|
324
326
|
border-bottom: 1px solid @color-background-fillsecondary-Tr;
|
|
325
|
-
// background-color: @color-background-fillsecondary-Tr;
|
|
326
327
|
position: absolute;
|
|
327
328
|
left: -50px;
|
|
328
329
|
bottom: 0;
|
|
329
330
|
}
|
|
330
331
|
}
|
|
331
332
|
|
|
333
|
+
// 自己扩展
|
|
334
|
+
& .bhddatepicker-picker-footer-extra-extend {
|
|
335
|
+
position: relative;
|
|
336
|
+
|
|
337
|
+
}
|
|
338
|
+
|
|
332
339
|
// 今天按钮
|
|
333
340
|
.bhd-picker-today-btn {
|
|
334
341
|
font-size: 14px;
|
|
@@ -382,12 +389,18 @@
|
|
|
382
389
|
}
|
|
383
390
|
|
|
384
391
|
// 隐藏默认的当前
|
|
385
|
-
& > a {
|
|
386
|
-
|
|
387
|
-
}
|
|
392
|
+
// & > a {
|
|
393
|
+
// // display: none;
|
|
394
|
+
// }
|
|
388
395
|
// & > .bhd-picker-ranges {
|
|
389
396
|
// display: none;
|
|
390
397
|
// }
|
|
398
|
+
|
|
399
|
+
& > a.bhd-picker-today-btn {
|
|
400
|
+
position: absolute;
|
|
401
|
+
right: 91px;
|
|
402
|
+
bottom: 20px;
|
|
403
|
+
}
|
|
391
404
|
}
|
|
392
405
|
|
|
393
406
|
// 默认颜色
|
|
@@ -406,6 +419,7 @@
|
|
|
406
419
|
}
|
|
407
420
|
}
|
|
408
421
|
|
|
422
|
+
// 显示时间选择面板时
|
|
409
423
|
&.showTime {
|
|
410
424
|
:global {
|
|
411
425
|
.bhd-picker-footer {
|
|
@@ -442,27 +456,16 @@
|
|
|
442
456
|
}
|
|
443
457
|
}
|
|
444
458
|
}
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
// }
|
|
456
|
-
|
|
457
|
-
// &.hideShow {
|
|
458
|
-
// :global {
|
|
459
|
-
// .bhd-picker-footer {
|
|
460
|
-
// & > a {
|
|
461
|
-
// display: none;
|
|
462
|
-
// }
|
|
463
|
-
// }
|
|
464
|
-
// }
|
|
465
|
-
// }
|
|
459
|
+
//不显示确认按钮时，今天按钮的位置
|
|
460
|
+
&.noNeedConfirm {
|
|
461
|
+
:global {
|
|
462
|
+
.bhd-picker-footer {
|
|
463
|
+
& > a.bhd-picker-today-btn {
|
|
464
|
+
right: 17px;
|
|
465
|
+
}
|
|
466
|
+
}
|
|
467
|
+
}
|
|
468
|
+
}
|
|
466
469
|
}
|
|
467
470
|
|
|
468
471
|
// 单选
|
|
@@ -789,7 +792,7 @@
|
|
|
789
792
|
:global {
|
|
790
793
|
// 隐藏头部点击按钮
|
|
791
794
|
.bhd-picker-header-view > button {
|
|
792
|
-
pointer-events: none;
|
|
795
|
+
// pointer-events: none;
|
|
793
796
|
}
|
|
794
797
|
// 隐藏底部
|
|
795
798
|
.bhd-picker-footer {
|
|
@@ -825,8 +828,14 @@
|
|
|
825
828
|
border: none !important;
|
|
826
829
|
}
|
|
827
830
|
}
|
|
831
|
+
|
|
832
|
+
.bhd-picker-date-panel{
|
|
833
|
+
.bhd-picker-cell-in-view {
|
|
834
|
+
pointer-events: none;
|
|
835
|
+
}
|
|
836
|
+
}
|
|
828
837
|
.bhd-picker-cell-in-view {
|
|
829
|
-
pointer-events: none;
|
|
838
|
+
// pointer-events: none;
|
|
830
839
|
color: @color-text-Secondary-Tr;
|
|
831
840
|
}
|
|
832
841
|
}
|
package/esm/i18n/en_US.js
CHANGED
|
@@ -6,6 +6,18 @@ var en_US = {
|
|
|
6
6
|
Load: "Loading...",
|
|
7
7
|
确定: "OK",
|
|
8
8
|
此刻: "Now",
|
|
9
|
-
今天: "Today"
|
|
9
|
+
今天: "Today",
|
|
10
|
+
一月: "Jan",
|
|
11
|
+
二月: "Feb",
|
|
12
|
+
三月: "Mar",
|
|
13
|
+
四月: "Apr",
|
|
14
|
+
五月: "May",
|
|
15
|
+
六月: "Jun",
|
|
16
|
+
七月: "Jul",
|
|
17
|
+
八月: "Aug",
|
|
18
|
+
九月: "Sep",
|
|
19
|
+
十月: "Oct",
|
|
20
|
+
十一月: "Nov",
|
|
21
|
+
十二月: "Dec"
|
|
10
22
|
};
|
|
11
23
|
export default en_US;
|
package/esm/i18n/zh_CN.js
CHANGED
|
@@ -6,6 +6,18 @@ var zh_CN = {
|
|
|
6
6
|
Load: "正在加载...",
|
|
7
7
|
确定: "确定",
|
|
8
8
|
此刻: "此刻",
|
|
9
|
-
今天: "今天"
|
|
9
|
+
今天: "今天",
|
|
10
|
+
一月: "一月",
|
|
11
|
+
二月: "二月",
|
|
12
|
+
三月: "三月",
|
|
13
|
+
四月: "四月",
|
|
14
|
+
五月: "五月",
|
|
15
|
+
六月: "六月",
|
|
16
|
+
七月: "七月",
|
|
17
|
+
八月: "八月",
|
|
18
|
+
九月: "九月",
|
|
19
|
+
十月: "十月",
|
|
20
|
+
十一月: "十一月",
|
|
21
|
+
十二月: "十二月"
|
|
10
22
|
};
|
|
11
23
|
export default zh_CN;
|