bhd-components 0.9.4 → 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 +407 -399
- package/dist/index.esm.es5.development.js +294 -89
- 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 +2 -2
- package/dist/vendor.esm.es5.production.js +2 -2
- package/es2017/bhdDatePicker/index.d.ts +3 -1
- package/es2017/bhdDatePicker/index.js +291 -86
- package/es2017/bhdDatePicker/index.module.less +37 -13
- package/esm/bhdDatePicker/index.d.ts +3 -1
- package/esm/bhdDatePicker/index.js +293 -89
- package/esm/bhdDatePicker/index.module.less +37 -13
- 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) {
|
|
@@ -281,8 +281,8 @@
|
|
|
281
281
|
line-height: 30px;
|
|
282
282
|
width: 100%;
|
|
283
283
|
display: flex;
|
|
284
|
-
flex-direction: column;
|
|
285
|
-
gap:
|
|
284
|
+
flex-direction: column-reverse;
|
|
285
|
+
gap: 8px;
|
|
286
286
|
|
|
287
287
|
&:not(:last-child) {
|
|
288
288
|
border-bottom: none;
|
|
@@ -312,24 +312,30 @@
|
|
|
312
312
|
color: @color-background-primary-base;
|
|
313
313
|
}
|
|
314
314
|
}
|
|
315
|
+
// & +.bhddatepicker-picker-footer-extra-extend{
|
|
316
|
+
|
|
317
|
+
// }
|
|
315
318
|
}
|
|
316
319
|
|
|
317
|
-
|
|
318
|
-
& .bhddatepicker-picker-footer-extra-extend {
|
|
319
|
-
position: relative;
|
|
320
|
+
.bhd-picker-ranges + .bhddatepicker-picker-footer-extra-extend{
|
|
320
321
|
padding-bottom: 8px;
|
|
321
322
|
&::after {
|
|
322
323
|
content: "";
|
|
323
324
|
width: calc(100% + 100px);
|
|
324
325
|
height: 0px;
|
|
325
326
|
border-bottom: 1px solid @color-background-fillsecondary-Tr;
|
|
326
|
-
// background-color: @color-background-fillsecondary-Tr;
|
|
327
327
|
position: absolute;
|
|
328
328
|
left: -50px;
|
|
329
329
|
bottom: 0;
|
|
330
330
|
}
|
|
331
331
|
}
|
|
332
332
|
|
|
333
|
+
// 自己扩展
|
|
334
|
+
& .bhddatepicker-picker-footer-extra-extend {
|
|
335
|
+
position: relative;
|
|
336
|
+
|
|
337
|
+
}
|
|
338
|
+
|
|
333
339
|
// 今天按钮
|
|
334
340
|
.bhd-picker-today-btn {
|
|
335
341
|
font-size: 14px;
|
|
@@ -383,16 +389,17 @@
|
|
|
383
389
|
}
|
|
384
390
|
|
|
385
391
|
// 隐藏默认的当前
|
|
386
|
-
& > a {
|
|
387
|
-
|
|
388
|
-
}
|
|
392
|
+
// & > a {
|
|
393
|
+
// // display: none;
|
|
394
|
+
// }
|
|
389
395
|
// & > .bhd-picker-ranges {
|
|
390
396
|
// display: none;
|
|
391
397
|
// }
|
|
392
|
-
|
|
398
|
+
|
|
393
399
|
& > a.bhd-picker-today-btn {
|
|
394
400
|
position: absolute;
|
|
395
401
|
right: 91px;
|
|
402
|
+
bottom: 20px;
|
|
396
403
|
}
|
|
397
404
|
}
|
|
398
405
|
|
|
@@ -412,6 +419,7 @@
|
|
|
412
419
|
}
|
|
413
420
|
}
|
|
414
421
|
|
|
422
|
+
// 显示时间选择面板时
|
|
415
423
|
&.showTime {
|
|
416
424
|
:global {
|
|
417
425
|
.bhd-picker-footer {
|
|
@@ -448,6 +456,16 @@
|
|
|
448
456
|
}
|
|
449
457
|
}
|
|
450
458
|
}
|
|
459
|
+
//不显示确认按钮时，今天按钮的位置
|
|
460
|
+
&.noNeedConfirm {
|
|
461
|
+
:global {
|
|
462
|
+
.bhd-picker-footer {
|
|
463
|
+
& > a.bhd-picker-today-btn {
|
|
464
|
+
right: 17px;
|
|
465
|
+
}
|
|
466
|
+
}
|
|
467
|
+
}
|
|
468
|
+
}
|
|
451
469
|
}
|
|
452
470
|
|
|
453
471
|
// 单选
|
|
@@ -774,7 +792,7 @@
|
|
|
774
792
|
:global {
|
|
775
793
|
// 隐藏头部点击按钮
|
|
776
794
|
.bhd-picker-header-view > button {
|
|
777
|
-
pointer-events: none;
|
|
795
|
+
// pointer-events: none;
|
|
778
796
|
}
|
|
779
797
|
// 隐藏底部
|
|
780
798
|
.bhd-picker-footer {
|
|
@@ -810,8 +828,14 @@
|
|
|
810
828
|
border: none !important;
|
|
811
829
|
}
|
|
812
830
|
}
|
|
831
|
+
|
|
832
|
+
.bhd-picker-date-panel{
|
|
833
|
+
.bhd-picker-cell-in-view {
|
|
834
|
+
pointer-events: none;
|
|
835
|
+
}
|
|
836
|
+
}
|
|
813
837
|
.bhd-picker-cell-in-view {
|
|
814
|
-
pointer-events: none;
|
|
838
|
+
// pointer-events: none;
|
|
815
839
|
color: @color-text-Secondary-Tr;
|
|
816
840
|
}
|
|
817
841
|
}
|
|
@@ -10,6 +10,8 @@ interface BhdDatePickerProps {
|
|
|
10
10
|
useType?: string;
|
|
11
11
|
extraItems?: BhdDateExtraPicker[];
|
|
12
12
|
extraReadonly?: boolean;
|
|
13
|
+
dropdownClassName?: string;
|
|
14
|
+
needConfirm?: boolean;
|
|
13
15
|
}
|
|
14
|
-
declare const BhdDatePicker:
|
|
16
|
+
declare const BhdDatePicker: React.ForwardRefExoticComponent<Omit<BhdDatePickerProps, "ref"> & React.RefAttributes<unknown>>;
|
|
15
17
|
export default BhdDatePicker;
|