bkui-vue 2.0.1-beta.7 → 2.0.1-beta.70.search.1
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/dist/index.cjs.js +71 -71
- package/dist/index.esm.js +19703 -20587
- package/dist/index.umd.js +71 -71
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/cascader/cascader.css +3 -3
- package/lib/cascader/cascader.less +3 -3
- package/lib/cascader/cascader.variable.css +3 -3
- package/lib/cascader/index.js +4 -4
- package/lib/collapse/collapse.css +0 -11
- package/lib/collapse/collapse.d.ts +0 -11
- package/lib/collapse/collapse.less +1 -15
- package/lib/collapse/collapse.variable.css +0 -11
- package/lib/collapse/index.d.ts +0 -23
- package/lib/collapse/index.js +1 -9
- package/lib/collapse/props.d.ts +0 -8
- package/lib/color-picker/color-picker.css +3 -3
- package/lib/color-picker/color-picker.less +3 -3
- package/lib/color-picker/color-picker.variable.css +3 -3
- package/lib/color-picker/index.js +1 -1
- package/lib/components.d.ts +0 -1
- package/lib/components.js +0 -1
- package/lib/date-picker/base/year-table.d.ts +2 -2
- package/lib/date-picker/index.js +36 -111
- package/lib/date-picker/interface.d.ts +1 -1
- package/lib/date-picker/panel/date-range.d.ts +63 -1
- package/lib/date-picker/utils.d.ts +0 -4
- package/lib/dialog/dialog.css +84 -135
- package/lib/dialog/dialog.d.ts +132 -38
- package/lib/dialog/dialog.less +76 -9
- package/lib/dialog/dialog.variable.css +84 -135
- package/lib/dialog/index.d.ts +311 -96
- package/lib/dialog/index.js +221 -197
- package/lib/dialog/props.d.ts +47 -10
- package/lib/info-box/index.d.ts +2 -2
- package/lib/info-box/index.js +173 -328
- package/lib/info-box/info-box.css +7 -63
- package/lib/info-box/info-box.d.ts +16 -18
- package/lib/info-box/info-box.less +14 -76
- package/lib/info-box/info-box.variable.css +7 -63
- package/lib/input/index.js +1 -2
- package/lib/modal/hooks.d.ts +1 -1
- package/lib/modal/index.d.ts +345 -29
- package/lib/modal/index.js +703 -218
- package/lib/modal/modal.css +32 -131
- package/lib/modal/modal.d.ts +132 -11
- package/lib/modal/modal.less +29 -83
- package/lib/modal/modal.variable.css +32 -131
- package/lib/modal/props.mixin.d.ts +52 -4
- package/lib/overflow-title/index.js +52 -46
- package/lib/radio/index.d.ts +0 -29
- package/lib/radio/index.js +16 -34
- package/lib/radio/radio-button.d.ts +0 -10
- package/lib/radio/radio-group.d.ts +0 -10
- package/lib/radio/radio.d.ts +0 -10
- package/lib/rate/rate.css +0 -27
- package/lib/rate/rate.less +0 -33
- package/lib/rate/rate.variable.css +0 -27
- package/lib/rate/star.css +27 -0
- package/lib/rate/star.less +34 -0
- package/lib/{scrollbar/scrollbar.variable.css → rate/star.variable.css} +19 -67
- package/lib/search-select/index.d.ts +58 -78
- package/lib/search-select/index.js +311 -211
- package/lib/search-select/input.d.ts +6 -5
- package/lib/search-select/menu.d.ts +1 -1
- package/lib/search-select/search-select.d.ts +19 -43
- package/lib/search-select/selected.d.ts +12 -10
- package/lib/search-select/utils.d.ts +6 -6
- package/lib/select/index.d.ts +19 -0
- package/lib/select/index.js +21 -8
- package/lib/select/select.css +2 -1
- package/lib/select/select.d.ts +9 -0
- package/lib/select/select.less +2 -1
- package/lib/select/select.variable.css +2 -1
- package/lib/shared/index.d.ts +1 -0
- package/lib/shared/index.js +48 -4
- package/lib/shared/mask.d.ts +11 -0
- package/lib/sideslider/index.d.ts +218 -42
- package/lib/sideslider/index.js +40 -65
- package/lib/sideslider/sideslider.css +86 -17
- package/lib/sideslider/sideslider.d.ts +104 -20
- package/lib/sideslider/sideslider.less +107 -27
- package/lib/sideslider/sideslider.variable.css +86 -17
- package/lib/slider/index.d.ts +0 -19
- package/lib/slider/index.js +5 -45
- package/lib/slider/slider.css +0 -14
- package/lib/slider/slider.d.ts +0 -9
- package/lib/slider/slider.less +0 -15
- package/lib/slider/slider.variable.css +0 -14
- package/lib/styles/index.d.ts +1 -0
- package/lib/table/components/table-cell.d.ts +2 -3
- package/lib/table/components/table-column.d.ts +119 -3
- package/lib/table/const.d.ts +4 -4
- package/lib/table/index.d.ts +107 -26
- package/lib/table/index.js +578 -17818
- package/lib/table/plugins/head-filter.css +4 -8
- package/lib/table/plugins/head-filter.less +3 -6
- package/lib/table/plugins/head-filter.variable.css +4 -8
- package/lib/table/plugins/use-active-columns.d.ts +2 -2
- package/lib/table/plugins/use-fixed-column.d.ts +1 -1
- package/lib/table/plugins/use-pagination.d.ts +1 -3
- package/lib/table/props.d.ts +4 -12
- package/lib/table/table.css +46 -106
- package/lib/table/table.d.ts +0 -11
- package/lib/table/table.less +58 -43
- package/lib/table/table.variable.css +46 -106
- package/lib/table/use-attributes.d.ts +1 -2
- package/lib/table/use-column.d.ts +10 -9
- package/lib/table/use-common.d.ts +1 -1
- package/lib/table/use-render.d.ts +1 -1
- package/lib/table-column/index.d.ts +299 -9
- package/lib/table-column/index.js +283 -25
- package/lib/transfer/index.js +14 -16
- package/lib/transfer/transfer.css +9 -9
- package/lib/transfer/transfer.less +3 -3
- package/lib/transfer/transfer.variable.css +9 -9
- package/lib/tree/constant.d.ts +1 -3
- package/lib/tree/index.d.ts +0 -44
- package/lib/tree/index.js +35 -17554
- package/lib/tree/props.d.ts +0 -18
- package/lib/tree/tree.css +2 -76
- package/lib/tree/tree.d.ts +2 -28
- package/lib/tree/tree.less +1 -1
- package/lib/tree/tree.variable.css +2 -76
- package/lib/tree/use-node-attribute.d.ts +0 -9
- package/lib/tree/util.d.ts +1 -1
- package/lib/upload/index.js +9 -16
- package/lib/upload/upload.type.d.ts +1 -1
- package/lib/virtual-render/index.d.ts +0 -27
- package/lib/virtual-render/index.js +80 -295
- package/lib/virtual-render/props.d.ts +0 -16
- package/lib/virtual-render/use-fix-top.d.ts +7 -2
- package/lib/virtual-render/v-virtual-render.d.ts +1 -2
- package/lib/virtual-render/virtual-render.css +2 -76
- package/lib/virtual-render/virtual-render.d.ts +0 -13
- package/lib/virtual-render/virtual-render.less +3 -3
- package/lib/virtual-render/virtual-render.variable.css +2 -76
- package/package.json +1 -1
- package/lib/info-box/render-component.d.ts +0 -4
- package/lib/modal/mask.d.ts +0 -6
- package/lib/scrollbar/index.d.ts +0 -15
- package/lib/scrollbar/index.js +0 -18763
- package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +0 -2
- package/lib/scrollbar/scrollbar-core/helpers.d.ts +0 -5
- package/lib/scrollbar/scrollbar-core/index.d.ts +0 -241
- package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +0 -5
- package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +0 -1
- package/lib/scrollbar/scrollbar.css +0 -75
- package/lib/scrollbar/scrollbar.less +0 -94
- package/lib/table/plugins/use-column-template.d.ts +0 -7
- package/lib/table/plugins/use-shift-key.d.ts +0 -13
- package/lib/tree/use-intersection-observer.d.ts +0 -27
- package/lib/virtual-render/use-scrollbar.d.ts +0 -24
package/lib/date-picker/index.js
CHANGED
@@ -1099,10 +1099,6 @@ var typeValueResolver = {
|
|
1099
1099
|
return src_fecha.parse(text, format || 'yyyy-MM-dd');
|
1100
1100
|
}
|
1101
1101
|
},
|
1102
|
-
yearrange: {
|
1103
|
-
formatter: rangeFormatter,
|
1104
|
-
parser: rangeParser
|
1105
|
-
},
|
1106
1102
|
multiple: {
|
1107
1103
|
formatter: function formatter(value, format) {
|
1108
1104
|
return value.filter(Boolean).map(function (date) {
|
@@ -1197,7 +1193,6 @@ var DEFAULT_FORMATS = {
|
|
1197
1193
|
month: 'yyyy-MM',
|
1198
1194
|
monthrange: 'yyyy-MM',
|
1199
1195
|
year: 'yyyy',
|
1200
|
-
yearrange: 'yyyy',
|
1201
1196
|
datetime: 'yyyy-MM-dd HH:mm:ss',
|
1202
1197
|
time: 'HH:mm:ss',
|
1203
1198
|
timerange: 'HH:mm:ss',
|
@@ -1368,15 +1363,7 @@ var isInRange = function isInRange(time, a, b) {
|
|
1368
1363
|
if (!a || !b) {
|
1369
1364
|
return false;
|
1370
1365
|
}
|
1371
|
-
var _sort = [a, b].sort(
|
1372
|
-
if (x - y > 0) {
|
1373
|
-
return 1;
|
1374
|
-
}
|
1375
|
-
if (x - y < 0) {
|
1376
|
-
return -1;
|
1377
|
-
}
|
1378
|
-
return 0;
|
1379
|
-
}),
|
1366
|
+
var _sort = [a, b].sort(),
|
1380
1367
|
_sort2 = _slicedToArray(_sort, 2),
|
1381
1368
|
start = _sort2[0],
|
1382
1369
|
end = _sort2[1];
|
@@ -1683,8 +1670,6 @@ var monthTableProps = {
|
|
1683
1670
|
maxDay = _dates$value$map2[1];
|
1684
1671
|
var rangeStart = props.rangeState.from && clearHours(props.rangeState.from);
|
1685
1672
|
var rangeEnd = props.rangeState.to && clearHours(props.rangeState.to);
|
1686
|
-
var now = new Date();
|
1687
|
-
var currentMonth = clearHours(new Date(now.getFullYear(), now.getMonth(), 1));
|
1688
1673
|
for (var i = 0; i < 12; i++) {
|
1689
1674
|
var cell = JSON.parse(JSON.stringify(cellTmpl));
|
1690
1675
|
cell.date = new Date(tableYear, i, 1);
|
@@ -1697,7 +1682,6 @@ var monthTableProps = {
|
|
1697
1682
|
cell.start = isRange && time === minDay;
|
1698
1683
|
cell.end = isRange && time === maxDay;
|
1699
1684
|
cell.focused = day === focusedDate;
|
1700
|
-
cell.isCurrentMonth = day === currentMonth;
|
1701
1685
|
cells.push(cell);
|
1702
1686
|
}
|
1703
1687
|
return cells;
|
@@ -1708,7 +1692,7 @@ var monthTableProps = {
|
|
1708
1692
|
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
1709
1693
|
resolveClassName = _usePrefix.resolveClassName;
|
1710
1694
|
var getCellCls = function getCellCls(cell) {
|
1711
|
-
return [resolveClassName('date-picker-cells-cell'), _defineProperty(_defineProperty(_defineProperty(
|
1695
|
+
return [resolveClassName('date-picker-cells-cell'), _defineProperty(_defineProperty(_defineProperty({}, resolveClassName('date-picker-cells-cell-selected'), cell.selected), resolveClassName('date-picker-cells-cell-disabled'), cell.disabled), resolveClassName('date-picker-cells-cell-range'), cell.range && !cell.start && !cell.end) // resolveClassName('date-picker-cells-cell'),
|
1712
1696
|
// {
|
1713
1697
|
// [resolveClassName('date-picker-cells-cell-today')]: cell.type === 'today',
|
1714
1698
|
// [resolveClassName('date-picker-cells-cell-range')]: cell.range && !cell.start && !cell.end,
|
@@ -1761,7 +1745,6 @@ var monthTableProps = {
|
|
1761
1745
|
;// CONCATENATED MODULE: ../../packages/date-picker/src/base/year-table.tsx
|
1762
1746
|
|
1763
1747
|
|
1764
|
-
|
1765
1748
|
/*
|
1766
1749
|
* Tencent is pleased to support the open source community by making
|
1767
1750
|
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
|
@@ -1834,7 +1817,7 @@ var yearTableProps = {
|
|
1834
1817
|
/* harmony default export */ const year_table = ((0,external_vue_namespaceObject.defineComponent)({
|
1835
1818
|
name: 'YearTable',
|
1836
1819
|
props: yearTableProps,
|
1837
|
-
emits: ['pick', 'pick-click', '
|
1820
|
+
emits: ['pick', 'pick-click', 'change-range'],
|
1838
1821
|
setup: function setup(props, _ref) {
|
1839
1822
|
var emit = _ref.emit;
|
1840
1823
|
var dates = (0,external_vue_namespaceObject.computed)(function () {
|
@@ -1844,7 +1827,6 @@ var yearTableProps = {
|
|
1844
1827
|
var rangeSelecting = selectionMode === 'range' && rangeState.selecting;
|
1845
1828
|
return rangeSelecting ? [rangeState.from] : modelValue;
|
1846
1829
|
});
|
1847
|
-
var isRange = props.selectionMode === 'range';
|
1848
1830
|
var startYear = (0,external_vue_namespaceObject.computed)(function () {
|
1849
1831
|
return Math.floor(props.tableDate.getFullYear() / 10) * 10;
|
1850
1832
|
});
|
@@ -1859,25 +1841,13 @@ var yearTableProps = {
|
|
1859
1841
|
return clearHours(new Date(date.getFullYear(), 0, 1));
|
1860
1842
|
});
|
1861
1843
|
var focusedDate = clearHours(new Date(props.focusedDate.getFullYear(), 0, 1));
|
1862
|
-
var currentYear = clearHours(new Date(new Date().getFullYear(), 0, 1));
|
1863
|
-
var _dates$value$map = dates.value.map(clearHours),
|
1864
|
-
_dates$value$map2 = _slicedToArray(_dates$value$map, 2),
|
1865
|
-
minDay = _dates$value$map2[0],
|
1866
|
-
maxDay = _dates$value$map2[1];
|
1867
|
-
var rangeStart = props.rangeState.from && clearHours(props.rangeState.from);
|
1868
|
-
var rangeEnd = props.rangeState.to && clearHours(props.rangeState.to);
|
1869
1844
|
for (var i = 0; i < 10; i++) {
|
1870
1845
|
var cell = JSON.parse(JSON.stringify(cellTmpl));
|
1871
1846
|
cell.date = new Date(startYear.value + i, 0, 1);
|
1872
|
-
cell.disabled = typeof props.disabledDate === 'function' && props.disabledDate(cell.date);
|
1847
|
+
cell.disabled = typeof props.disabledDate === 'function' && props.disabledDate(cell.date) && props.selectionMode === 'year';
|
1873
1848
|
var day = clearHours(cell.date);
|
1874
|
-
var time = cell.date && clearHours(cell.date);
|
1875
|
-
cell.range = isRange && isInRange(time, rangeStart, rangeEnd);
|
1876
|
-
cell.start = isRange && time === minDay;
|
1877
|
-
cell.end = isRange && time === maxDay;
|
1878
1849
|
cell.selected = selectedDays.includes(day);
|
1879
1850
|
cell.focused = day === focusedDate;
|
1880
|
-
cell.isCurrent = day === currentYear;
|
1881
1851
|
cells.push(cell);
|
1882
1852
|
}
|
1883
1853
|
return cells;
|
@@ -1885,7 +1855,7 @@ var yearTableProps = {
|
|
1885
1855
|
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
1886
1856
|
resolveClassName = _usePrefix.resolveClassName;
|
1887
1857
|
var getCellCls = function getCellCls(cell) {
|
1888
|
-
return [resolveClassName('date-picker-cells-cell'), _defineProperty(_defineProperty(_defineProperty(
|
1858
|
+
return [resolveClassName('date-picker-cells-cell'), _defineProperty(_defineProperty(_defineProperty({}, resolveClassName('date-picker-cells-cell-selected'), cell.selected), resolveClassName('date-picker-cells-cell-disabled'), cell.disabled), resolveClassName('date-picker-cells-cell-range'), cell.range && !cell.start && !cell.end)];
|
1889
1859
|
};
|
1890
1860
|
var handleClick = function handleClick(cell) {
|
1891
1861
|
if (cell.disabled || cell.type === 'weekLabel') {
|
@@ -1903,7 +1873,7 @@ var yearTableProps = {
|
|
1903
1873
|
return;
|
1904
1874
|
}
|
1905
1875
|
var newDate = cell.date;
|
1906
|
-
emit('
|
1876
|
+
emit('change-range', newDate);
|
1907
1877
|
};
|
1908
1878
|
return {
|
1909
1879
|
cells: cells,
|
@@ -1972,7 +1942,7 @@ var datePickerProps = {
|
|
1972
1942
|
type: String,
|
1973
1943
|
"default": 'date',
|
1974
1944
|
validator: function validator(value) {
|
1975
|
-
var validList = ['year', '
|
1945
|
+
var validList = ['year', 'month', 'monthrange', 'date', 'daterange', 'datetime', 'datetimerange', 'time', 'timerange'];
|
1976
1946
|
if (validList.indexOf(value) < 0) {
|
1977
1947
|
console.error("type property is not valid: '".concat(value, "'"));
|
1978
1948
|
return false;
|
@@ -3549,7 +3519,6 @@ function date_range_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
|
|
3549
3519
|
|
3550
3520
|
|
3551
3521
|
|
3552
|
-
|
3553
3522
|
// import MonthTable from '../base/month-table';
|
3554
3523
|
// import YearTable from '../base/year-table';
|
3555
3524
|
var dateRangePanelProps = {
|
@@ -3560,7 +3529,7 @@ var dateRangePanelProps = {
|
|
3560
3529
|
type: String,
|
3561
3530
|
"default": 'date',
|
3562
3531
|
validator: function validator(value) {
|
3563
|
-
var validList = ['year', '
|
3532
|
+
var validList = ['year', 'month', 'monthrange', 'date', 'daterange', 'datetime', 'datetimerange', 'time', 'timerange'];
|
3564
3533
|
if (validList.indexOf(value) < 0) {
|
3565
3534
|
console.error("type property is not valid: '".concat(value, "'"));
|
3566
3535
|
return false;
|
@@ -3648,14 +3617,7 @@ var dateRangePanelProps = {
|
|
3648
3617
|
minDate = _props$modelValue$map2[0],
|
3649
3618
|
maxDate = _props$modelValue$map2[1];
|
3650
3619
|
var leftPanelDate = props.startDate ? props.startDate : minDate;
|
3651
|
-
var rightPanelDate;
|
3652
|
-
if (props.type === 'monthrange') {
|
3653
|
-
rightPanelDate = new Date(leftPanelDate.getFullYear() + 1, leftPanelDate.getMonth(), 1);
|
3654
|
-
} else if (props.type === 'yearrange') {
|
3655
|
-
rightPanelDate = new Date(leftPanelDate.getFullYear() + 10, leftPanelDate.getMonth(), 1);
|
3656
|
-
} else {
|
3657
|
-
rightPanelDate = new Date(leftPanelDate.getFullYear(), leftPanelDate.getMonth() + 1, 1);
|
3658
|
-
}
|
3620
|
+
var rightPanelDate = props.type === 'monthrange' ? new Date(leftPanelDate.getFullYear() + 1, leftPanelDate.getMonth(), 1) : new Date(leftPanelDate.getFullYear(), leftPanelDate.getMonth() + 1, 1);
|
3659
3621
|
var state = (0,external_vue_namespaceObject.reactive)({
|
3660
3622
|
currentView: props.selectionMode || 'date',
|
3661
3623
|
leftPickerTable: "".concat(props.selectionMode, "-table"),
|
@@ -3711,13 +3673,11 @@ var dateRangePanelProps = {
|
|
3711
3673
|
}
|
3712
3674
|
if (props.splitPanels) {
|
3713
3675
|
var otherPanel = panel === 'left' ? 'right' : 'left';
|
3714
|
-
if (panel === 'left' &&
|
3715
|
-
|
3716
|
-
changePanelDate(otherPanel, type, state.currentView === 'year' ? 10 : 1);
|
3676
|
+
if (panel === 'left' && state.leftPanelDate >= state.rightPanelDate) {
|
3677
|
+
changePanelDate(otherPanel, type, 1);
|
3717
3678
|
}
|
3718
|
-
if (panel === 'right' &&
|
3719
|
-
|
3720
|
-
changePanelDate(otherPanel, type, state.currentView === 'year' ? -10 : -1);
|
3679
|
+
if (panel === 'right' && state.rightPanelDate <= state.leftPanelDate) {
|
3680
|
+
changePanelDate(otherPanel, type, -1);
|
3721
3681
|
}
|
3722
3682
|
} else {
|
3723
3683
|
var _otherPanel = panel === 'left' ? 'right' : 'left';
|
@@ -3885,15 +3845,7 @@ var dateRangePanelProps = {
|
|
3885
3845
|
};
|
3886
3846
|
function setPanelDates(leftPanelDate) {
|
3887
3847
|
state.leftPanelDate = leftPanelDate;
|
3888
|
-
|
3889
|
-
var rightPanelDate;
|
3890
|
-
if (props.type === 'monthrange') {
|
3891
|
-
rightPanelDate = new Date(leftPanelDate.getFullYear() + 1, leftPanelDate.getMonth(), 1);
|
3892
|
-
} else if (props.type === 'yearrange') {
|
3893
|
-
rightPanelDate = new Date(leftPanelDate.getFullYear() + 10, leftPanelDate.getMonth(), 1);
|
3894
|
-
} else {
|
3895
|
-
rightPanelDate = new Date(leftPanelDate.getFullYear(), leftPanelDate.getMonth() + 1, 1);
|
3896
|
-
}
|
3848
|
+
var rightPanelDate = new Date(leftPanelDate.getFullYear(), leftPanelDate.getMonth() + 1, 1);
|
3897
3849
|
var splitRightPanelDate = state.dates[1] ? state.dates[1].getTime() : state.dates[1];
|
3898
3850
|
state.rightPanelDate = props.splitPanels ? new Date(Math.max(splitRightPanelDate, rightPanelDate.getTime())) : rightPanelDate;
|
3899
3851
|
}
|
@@ -4104,12 +4056,12 @@ var dateRangePanelProps = {
|
|
4104
4056
|
"onClick": function onClick() {
|
4105
4057
|
return _this.leftDatePanelLabel.labels[0].handler;
|
4106
4058
|
}
|
4107
|
-
}, [this.
|
4059
|
+
}, [this.leftDatePanelLabel.labels[0].label]), [[external_vue_namespaceObject.vShow, this.leftShowLabelFirst]]), this.leftDatePanelView === 'date' ? " ".concat(this.leftDatePanelLabel.separator, " ") : ' ', (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("span", {
|
4108
4060
|
"class": this.resolveClassName('date-picker-header-label'),
|
4109
4061
|
"onClick": function onClick() {
|
4110
4062
|
return _this.leftDatePanelLabel.labels[1].handler;
|
4111
4063
|
}
|
4112
|
-
}, [this.leftDatePanelLabel.labels[1].label]), [[external_vue_namespaceObject.vShow, this.leftShowLabelSecond]])]) : '', this.splitPanels || this.leftPickerTable !== 'date-table' && this.leftPickerTable !== 'month-table'
|
4064
|
+
}, [this.leftDatePanelLabel.labels[1].label]), [[external_vue_namespaceObject.vShow, this.leftShowLabelSecond]])]) : '', this.splitPanels || this.leftPickerTable !== 'date-table' && this.leftPickerTable !== 'month-table' ? (0,external_vue_namespaceObject.createVNode)("span", {
|
4113
4065
|
"class": iconBtnCls('next', '-double'),
|
4114
4066
|
"onClick": function onClick() {
|
4115
4067
|
return _this.nextYear('left');
|
@@ -4155,17 +4107,6 @@ var dateRangePanelProps = {
|
|
4155
4107
|
"onChangeRange": _this.handleChangeRange,
|
4156
4108
|
"onPick": _this.panelPickerHandlers.left
|
4157
4109
|
}, null);
|
4158
|
-
case 'year-table':
|
4159
|
-
return (0,external_vue_namespaceObject.createVNode)(year_table, {
|
4160
|
-
"selectionMode": "range",
|
4161
|
-
"tableDate": _this.leftPanelDate,
|
4162
|
-
"disabledDate": _this.disabledDate,
|
4163
|
-
"rangeState": _this.rangeState,
|
4164
|
-
"modelValue": _this.preSelecting.left ? [_this.dates[0]] : _this.dates,
|
4165
|
-
"focusedDate": _this.focusedDate,
|
4166
|
-
"onChangeRange": _this.handleChangeRange,
|
4167
|
-
"onPick": _this.panelPickerHandlers.left
|
4168
|
-
}, null);
|
4169
4110
|
default:
|
4170
4111
|
return null;
|
4171
4112
|
}
|
@@ -4174,7 +4115,7 @@ var dateRangePanelProps = {
|
|
4174
4115
|
"style": "width: 261px;"
|
4175
4116
|
}, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
|
4176
4117
|
"class": this.resolveClassName('date-picker-header')
|
4177
|
-
}, [this.splitPanels || this.rightPickerTable !== 'date-table' && this.rightPickerTable !== 'month-table'
|
4118
|
+
}, [this.splitPanels || this.rightPickerTable !== 'date-table' && this.rightPickerTable !== 'month-table' ? (0,external_vue_namespaceObject.createVNode)("span", {
|
4178
4119
|
"class": iconBtnCls('prev', '-double'),
|
4179
4120
|
"onClick": function onClick() {
|
4180
4121
|
return _this.prevYear('right');
|
@@ -4201,7 +4142,7 @@ var dateRangePanelProps = {
|
|
4201
4142
|
"onClick": function onClick() {
|
4202
4143
|
return _this.rightDatePanelLabel.labels[0].handler;
|
4203
4144
|
}
|
4204
|
-
}, [this.
|
4145
|
+
}, [this.rightDatePanelLabel.labels[0].label]), [[external_vue_namespaceObject.vShow, this.rightShowLabelFirst]]), this.rightDatePanelView === 'date' ? " ".concat(this.rightDatePanelLabel.separator, " ") : ' ', (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("span", {
|
4205
4146
|
"class": this.resolveClassName('date-picker-header-label'),
|
4206
4147
|
"onClick": function onClick() {
|
4207
4148
|
return _this.rightDatePanelLabel.labels[1].handler;
|
@@ -4264,17 +4205,6 @@ var dateRangePanelProps = {
|
|
4264
4205
|
"onChangeRange": _this.handleChangeRange,
|
4265
4206
|
"onPick": _this.panelPickerHandlers.right
|
4266
4207
|
}, null);
|
4267
|
-
case 'year-table':
|
4268
|
-
return (0,external_vue_namespaceObject.createVNode)(year_table, {
|
4269
|
-
"selectionMode": "range",
|
4270
|
-
"tableDate": _this.rightPanelDate,
|
4271
|
-
"disabledDate": _this.disabledDate,
|
4272
|
-
"rangeState": _this.rangeState,
|
4273
|
-
"modelValue": _this.preSelecting.right ? [_this.dates[_this.dates.length - 1]] : _this.dates,
|
4274
|
-
"focusedDate": _this.focusedDate,
|
4275
|
-
"onChangeRange": _this.handleChangeRange,
|
4276
|
-
"onPick": _this.panelPickerHandlers.right
|
4277
|
-
}, null);
|
4278
4208
|
default:
|
4279
4209
|
return null;
|
4280
4210
|
}
|
@@ -4406,10 +4336,6 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
|
|
4406
4336
|
if (_type.match(/^month/)) {
|
4407
4337
|
type = 'month';
|
4408
4338
|
}
|
4409
|
-
// 增加了 yearrange
|
4410
|
-
if (_type.match(/^year/)) {
|
4411
|
-
type = 'year';
|
4412
|
-
}
|
4413
4339
|
// return ['year', 'month', 'date', 'time'].indexOf(type) > -1 && type;
|
4414
4340
|
state.selectionMode = ['year', 'month', 'date', 'time'].indexOf(type) > -1 && type;
|
4415
4341
|
return state.selectionMode;
|
@@ -4441,7 +4367,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
|
|
4441
4367
|
}) : formatDate(publicVModelValue.value, props.type, props.multiple, props.format);
|
4442
4368
|
});
|
4443
4369
|
var panel = (0,external_vue_namespaceObject.computed)(function () {
|
4444
|
-
var isRange = props.type === 'daterange' || props.type === 'datetimerange' || props.type === 'monthrange'
|
4370
|
+
var isRange = props.type === 'daterange' || props.type === 'datetimerange' || props.type === 'monthrange';
|
4445
4371
|
return isRange ? 'DateRangePanel' : 'DatePanel';
|
4446
4372
|
});
|
4447
4373
|
var opened = (0,external_vue_namespaceObject.computed)(function () {
|
@@ -5208,9 +5134,10 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
|
|
5208
5134
|
return panel.value === 'RangeTimePickerPanel' ? props.allowCrossDay : false;
|
5209
5135
|
});
|
5210
5136
|
var inputRef = (0,external_vue_namespaceObject.ref)(null);
|
5211
|
-
|
5212
|
-
|
5213
|
-
|
5137
|
+
var inputFocus = function inputFocus() {
|
5138
|
+
var _inputRef$value;
|
5139
|
+
inputRef === null || inputRef === void 0 || (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
|
5140
|
+
};
|
5214
5141
|
var _getCurrentInstance = (0,external_vue_namespaceObject.getCurrentInstance)(),
|
5215
5142
|
proxy = _getCurrentInstance.proxy;
|
5216
5143
|
var pickerDropdownRef = (0,external_vue_namespaceObject.ref)(null);
|
@@ -5278,14 +5205,12 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
|
|
5278
5205
|
state.visible = props.open;
|
5279
5206
|
}
|
5280
5207
|
// this.$on('focus-input', () => this.focus())
|
5281
|
-
|
5282
|
-
|
5283
|
-
|
5284
|
-
|
5285
|
-
|
5286
|
-
|
5287
|
-
panelDate: state.focusedDate,
|
5288
|
-
parentName: proxy.$options.name
|
5208
|
+
(0,external_vue_namespaceObject.provide)(datePickerKey, {
|
5209
|
+
props: props,
|
5210
|
+
focus: function focus() {
|
5211
|
+
return inputFocus();
|
5212
|
+
}
|
5213
|
+
});
|
5289
5214
|
});
|
5290
5215
|
var pickerPanelRef = (0,external_vue_namespaceObject.ref)(null);
|
5291
5216
|
var handleClose = function handleClose(e) {
|
@@ -5313,9 +5238,9 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
|
|
5313
5238
|
state.disableClickOutSide = false;
|
5314
5239
|
};
|
5315
5240
|
var handleIconClick = function handleIconClick() {
|
5316
|
-
var _inputRef$
|
5317
|
-
inputRef === null || inputRef === void 0 || (_inputRef$
|
5318
|
-
inputRef === null || inputRef === void 0 || (_inputRef$
|
5241
|
+
var _inputRef$value2, _inputRef$value3;
|
5242
|
+
inputRef === null || inputRef === void 0 || (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.focus();
|
5243
|
+
inputRef === null || inputRef === void 0 || (_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 || _inputRef$value3.click();
|
5319
5244
|
};
|
5320
5245
|
var handleInputMouseenter = function handleInputMouseenter() {
|
5321
5246
|
if (props.readonly || props.disabled) {
|
@@ -5341,8 +5266,8 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
|
|
5341
5266
|
emit('change', publicStringValue.value, type);
|
5342
5267
|
// this.dispatch('bk-form-item', 'form-change');
|
5343
5268
|
if (props.type.indexOf('time') < 0) {
|
5344
|
-
var _inputRef$
|
5345
|
-
inputRef === null || inputRef === void 0 || (_inputRef$
|
5269
|
+
var _inputRef$value4;
|
5270
|
+
inputRef === null || inputRef === void 0 || (_inputRef$value4 = inputRef.value) === null || _inputRef$value4 === void 0 || _inputRef$value4.blur();
|
5346
5271
|
}
|
5347
5272
|
});
|
5348
5273
|
};
|
@@ -5492,14 +5417,14 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
|
|
5492
5417
|
}
|
5493
5418
|
};
|
5494
5419
|
var onPickSuccess = function onPickSuccess() {
|
5495
|
-
var _inputRef$
|
5420
|
+
var _inputRef$value5;
|
5496
5421
|
state.visible = false;
|
5497
5422
|
// 点击 shortcuts 会关闭弹层时,如果不在 nextTick 里触发 pick-success,那么会导致触发 pick-success 的时候,
|
5498
5423
|
// v-model 的值还是之前的值
|
5499
5424
|
(0,external_vue_namespaceObject.nextTick)(function () {
|
5500
5425
|
emit('pick-success');
|
5501
5426
|
});
|
5502
|
-
inputRef === null || inputRef === void 0 || (_inputRef$
|
5427
|
+
inputRef === null || inputRef === void 0 || (_inputRef$value5 = inputRef.value) === null || _inputRef$value5 === void 0 || _inputRef$value5.blur();
|
5503
5428
|
reset();
|
5504
5429
|
};
|
5505
5430
|
var onPick = function onPick(_dates) {
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import type { ComputedPlacement } from '@popperjs/core';
|
2
2
|
import type { DatePickerProps } from './props';
|
3
3
|
export type DatePickerPlacementType = ComputedPlacement;
|
4
|
-
export type DatePickerTypeType = 'year' | '
|
4
|
+
export type DatePickerTypeType = 'year' | 'month' | 'monthrange' | 'date' | 'daterange' | 'datetime' | 'datetimerange';
|
5
5
|
export type TimePickerTypeType = 'time' | 'timerange';
|
6
6
|
export type PickerTypeType = DatePickerTypeType | TimePickerTypeType;
|
7
7
|
export interface IDatePickerShortcut {
|
@@ -191,7 +191,69 @@ declare const _default: import("vue").DefineComponent<{
|
|
191
191
|
leftPickerTable: import("vue").Ref<string>;
|
192
192
|
rightPickerTable: import("vue").Ref<string>;
|
193
193
|
leftPanelDate: import("vue").Ref<any>;
|
194
|
-
rightPanelDate: import("vue").Ref<
|
194
|
+
rightPanelDate: import("vue").Ref<{
|
195
|
+
toString: () => string;
|
196
|
+
toDateString: () => string;
|
197
|
+
toTimeString: () => string;
|
198
|
+
toLocaleString: {
|
199
|
+
(): string;
|
200
|
+
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
|
201
|
+
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
|
202
|
+
};
|
203
|
+
toLocaleDateString: {
|
204
|
+
(): string;
|
205
|
+
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
|
206
|
+
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
|
207
|
+
};
|
208
|
+
toLocaleTimeString: {
|
209
|
+
(): string;
|
210
|
+
(locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
|
211
|
+
(locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
|
212
|
+
};
|
213
|
+
valueOf: () => number;
|
214
|
+
getTime: () => number;
|
215
|
+
getFullYear: () => number;
|
216
|
+
getUTCFullYear: () => number;
|
217
|
+
getMonth: () => number;
|
218
|
+
getUTCMonth: () => number;
|
219
|
+
getDate: () => number;
|
220
|
+
getUTCDate: () => number;
|
221
|
+
getDay: () => number;
|
222
|
+
getUTCDay: () => number;
|
223
|
+
getHours: () => number;
|
224
|
+
getUTCHours: () => number;
|
225
|
+
getMinutes: () => number;
|
226
|
+
getUTCMinutes: () => number;
|
227
|
+
getSeconds: () => number;
|
228
|
+
getUTCSeconds: () => number;
|
229
|
+
getMilliseconds: () => number;
|
230
|
+
getUTCMilliseconds: () => number;
|
231
|
+
getTimezoneOffset: () => number;
|
232
|
+
setTime: (time: number) => number;
|
233
|
+
setMilliseconds: (ms: number) => number;
|
234
|
+
setUTCMilliseconds: (ms: number) => number;
|
235
|
+
setSeconds: (sec: number, ms?: number) => number;
|
236
|
+
setUTCSeconds: (sec: number, ms?: number) => number;
|
237
|
+
setMinutes: (min: number, sec?: number, ms?: number) => number;
|
238
|
+
setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
|
239
|
+
setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
|
240
|
+
setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
|
241
|
+
setDate: (date: number) => number;
|
242
|
+
setUTCDate: (date: number) => number;
|
243
|
+
setMonth: (month: number, date?: number) => number;
|
244
|
+
setUTCMonth: (month: number, date?: number) => number;
|
245
|
+
setFullYear: (year: number, month?: number, date?: number) => number;
|
246
|
+
setUTCFullYear: (year: number, month?: number, date?: number) => number;
|
247
|
+
toUTCString: () => string;
|
248
|
+
toISOString: () => string;
|
249
|
+
toJSON: (key?: any) => string;
|
250
|
+
[Symbol.toPrimitive]: {
|
251
|
+
(hint: "default"): string;
|
252
|
+
(hint: "string"): string;
|
253
|
+
(hint: "number"): number;
|
254
|
+
(hint: string): string | number;
|
255
|
+
};
|
256
|
+
}>;
|
195
257
|
rangeState: import("vue").Ref<{
|
196
258
|
from: any;
|
197
259
|
to: any;
|
@@ -42,10 +42,6 @@ export declare const typeValueResolver: {
|
|
42
42
|
formatter: (value: any, format: any) => string;
|
43
43
|
parser: (text: any, format: any) => any;
|
44
44
|
};
|
45
|
-
yearrange: {
|
46
|
-
formatter: (value: any, format: any) => string;
|
47
|
-
parser: (text: any, format: any) => any[];
|
48
|
-
};
|
49
45
|
multiple: {
|
50
46
|
formatter(value: any, format: any): any;
|
51
47
|
parser(v: any, format: any): any;
|