bkui-vue 2.0.1-beta.5 → 2.0.1-beta.50.select.1

package/lib/collapse/collapse.css

@@ -20,7 +20,6 @@
   line-height: 46px;
   color: #63656e;
   text-overflow: ellipsis;
-  background: #fff;
   cursor: pointer;
 }
 .bk-collapse-header .bk-collapse-title {
@@ -84,13 +83,3 @@
 .bk-collapse-icon-left .bk-collapse-icon {
   left: 13px;
 }
-.bk-collapse-block .bk-collapse-item {
-  margin-bottom: 10px;
-}
-.bk-collapse-block .bk-collapse-item .bk-collapse-header {
-  background: #F0F1F5;
-  border-radius: 2px;
-}
-.bk-collapse-block .bk-collapse-item:last-child {
-  margin-bottom: 0;
-}

package/lib/collapse/collapse.d.ts

@@ -48,11 +48,6 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    useBlockTheme: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "after-leave" | "before-enter" | "item-click")[], "update:modelValue" | "after-leave" | "before-enter" | "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -105,11 +100,6 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    useBlockTheme: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
 }>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
     "onAfter-leave"?: (...args: any[]) => any;
@@ -126,6 +116,5 @@ declare const _default: import("vue").DefineComponent<{
     headerIcon: string;
     useCardTheme: boolean;
     headerIconAlign: string;
-    useBlockTheme: boolean;
 }, {}>;
 export default _default;

package/lib/collapse/collapse.less

@@ -25,7 +25,6 @@
   line-height: 46px;
   color: #63656e;
   text-overflow: ellipsis;
-  background: #fff;
   cursor: pointer;
 
   .@{bk-prefix}-collapse-title {
@@ -117,17 +116,4 @@
   .@{bk-prefix}-collapse-icon {
     left: 13px;
   }
-}
-
-.@{bk-prefix}-collapse-block {
-  .@{bk-prefix}-collapse-item {
-    margin-bottom: 10px;
-    .@{bk-prefix}-collapse-header {
-      background: #F0F1F5;
-      border-radius: 2px;
-    }
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-}
+}

package/lib/collapse/collapse.variable.css

@@ -149,7 +149,6 @@
   line-height: 46px;
   color: #63656e;
   text-overflow: ellipsis;
-  background: #fff;
   cursor: pointer;
 }
 .bk-collapse-header .bk-collapse-title {
@@ -213,13 +212,3 @@
 .bk-collapse-icon-left .bk-collapse-icon {
   left: 13px;
 }
-.bk-collapse-block .bk-collapse-item {
-  margin-bottom: 10px;
-}
-.bk-collapse-block .bk-collapse-item .bk-collapse-header {
-  background: #F0F1F5;
-  border-radius: 2px;
-}
-.bk-collapse-block .bk-collapse-item:last-child {
-  margin-bottom: 0;
-}

package/lib/collapse/index.d.ts

@@ -53,11 +53,6 @@ declare const BkCollapse: {
         } & {
             default: string;
         };
-        useBlockTheme: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
     }>> & {
         "onUpdate:modelValue"?: (...args: any[]) => any;
         "onAfter-leave"?: (...args: any[]) => any;
@@ -115,11 +110,6 @@ declare const BkCollapse: {
         } & {
             default: string;
         };
-        useBlockTheme: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
     }>> & {
         "onUpdate:modelValue"?: (...args: any[]) => any;
         "onAfter-leave"?: (...args: any[]) => any;
@@ -136,7 +126,6 @@ declare const BkCollapse: {
         headerIcon: string;
         useCardTheme: boolean;
         headerIconAlign: string;
-        useBlockTheme: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -194,11 +183,6 @@ declare const BkCollapse: {
         } & {
             default: string;
         };
-        useBlockTheme: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
     }>> & {
         "onUpdate:modelValue"?: (...args: any[]) => any;
         "onAfter-leave"?: (...args: any[]) => any;
@@ -217,7 +201,6 @@ declare const BkCollapse: {
         headerIcon: string;
         useCardTheme: boolean;
         headerIconAlign: string;
-        useBlockTheme: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -272,11 +255,6 @@ declare const BkCollapse: {
     } & {
         default: string;
     };
-    useBlockTheme: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
 }>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
     "onAfter-leave"?: (...args: any[]) => any;
@@ -295,7 +273,6 @@ declare const BkCollapse: {
     headerIcon: string;
     useCardTheme: boolean;
     headerIconAlign: string;
-    useBlockTheme: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     CollapsePanel: import("vue").DefineComponent<{
         itemClick: {

package/lib/collapse/index.js

@@ -214,11 +214,7 @@ var propsCollapse = {
   /**
    * 图标位置
    */
-  headerIconAlign: shared_namespaceObject.PropTypes.string.def('left'),
-  /**
-   * 是否使用色块样式
-   */
-  useBlockTheme: shared_namespaceObject.PropTypes.bool.def(false)
+  headerIconAlign: shared_namespaceObject.PropTypes.string.def('left')
 };
 var CollapsePanelEventProps = {
   itemClick: {
@@ -490,10 +486,6 @@ function collapse_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
     if (props.useCardTheme) {
       className += " ".concat(resolveClassName('collapse-card'));
     }
-    // 色块样式
-    if (props.useBlockTheme) {
-      className += " ".concat(resolveClassName('collapse-block'));
-    }
     // 图标位置
     if (props.headerIconAlign === 'left') {
       className += " ".concat(resolveClassName('collapse-icon-left'));

package/lib/collapse/props.d.ts

@@ -83,14 +83,6 @@ export declare const propsCollapse: {
     } & {
         default: string;
     };
-    /**
-     * 是否使用色块样式
-     */
-    useBlockTheme: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
 };
 export declare const CollapsePanelEventProps: {
     itemClick: {

package/lib/components.d.ts

@@ -62,4 +62,3 @@ export { default as OverflowTitle } from './overflow-title';
 export { default as $bkPopover } from './plugin-popover';
 export { default as ConfigProvider } from './config-provider';
 export { default as PopConfirm } from './pop-confirm';
-export { default as scrollbar } from './scrollbar';

package/lib/components.js

@@ -84,4 +84,3 @@ export { default as OverflowTitle } from './overflow-title';
 export { default as $bkPopover } from './plugin-popover';
 export { default as ConfigProvider } from './config-provider';
 export { default as PopConfirm } from './pop-confirm';
-export { default as scrollbar } from './scrollbar';

package/lib/date-picker/base/year-table.d.ts

@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{
     handleClick: (cell: any) => void;
     handleMouseMove: (cell: any) => void;
     resolveClassName: (cls: string) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pick" | "pick-click" | "changeRange")[], "pick" | "pick-click" | "changeRange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("pick" | "pick-click" | "change-range")[], "pick" | "pick-click" | "change-range", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly tableDate: {
         readonly type: DateConstructor;
         readonly required: true;
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onPick?: (...args: any[]) => any;
     "onPick-click"?: (...args: any[]) => any;
-    onChangeRange?: (...args: any[]) => any;
+    "onChange-range"?: (...args: any[]) => any;
 }, {
     readonly rangeState: Record<string, any>;
     readonly cellClass: Function;

package/lib/date-picker/index.js

@@ -1099,10 +1099,6 @@ var typeValueResolver = {
       return src_fecha.parse(text, format || 'yyyy-MM-dd');
     }
   },
-  yearrange: {
-    formatter: rangeFormatter,
-    parser: rangeParser
-  },
   multiple: {
     formatter: function formatter(value, format) {
       return value.filter(Boolean).map(function (date) {
@@ -1197,7 +1193,6 @@ var DEFAULT_FORMATS = {
   month: 'yyyy-MM',
   monthrange: 'yyyy-MM',
   year: 'yyyy',
-  yearrange: 'yyyy',
   datetime: 'yyyy-MM-dd HH:mm:ss',
   time: 'HH:mm:ss',
   timerange: 'HH:mm:ss',
@@ -1368,15 +1363,7 @@ var isInRange = function isInRange(time, a, b) {
   if (!a || !b) {
     return false;
   }
-  var _sort = [a, b].sort(function (x, y) {
-      if (x - y > 0) {
-        return 1;
-      }
-      if (x - y < 0) {
-        return -1;
-      }
-      return 0;
-    }),
+  var _sort = [a, b].sort(),
     _sort2 = _slicedToArray(_sort, 2),
     start = _sort2[0],
     end = _sort2[1];
@@ -1683,8 +1670,6 @@ var monthTableProps = {
         maxDay = _dates$value$map2[1];
       var rangeStart = props.rangeState.from && clearHours(props.rangeState.from);
       var rangeEnd = props.rangeState.to && clearHours(props.rangeState.to);
-      var now = new Date();
-      var currentMonth = clearHours(new Date(now.getFullYear(), now.getMonth(), 1));
       for (var i = 0; i < 12; i++) {
         var cell = JSON.parse(JSON.stringify(cellTmpl));
         cell.date = new Date(tableYear, i, 1);
@@ -1697,7 +1682,6 @@ var monthTableProps = {
         cell.start = isRange && time === minDay;
         cell.end = isRange && time === maxDay;
         cell.focused = day === focusedDate;
-        cell.isCurrentMonth = day === currentMonth;
         cells.push(cell);
       }
       return cells;
@@ -1708,7 +1692,7 @@ var monthTableProps = {
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var getCellCls = function getCellCls(cell) {
-      return [resolveClassName('date-picker-cells-cell'), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, resolveClassName('date-picker-cells-cell-selected'), cell.selected), resolveClassName('date-picker-cells-cell-disabled'), cell.disabled), resolveClassName('date-picker-cells-cell-today'), cell.isCurrentMonth), resolveClassName('date-picker-cells-cell-range'), cell.range && !cell.start && !cell.end) // resolveClassName('date-picker-cells-cell'),
+      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'),
       // {
       //   [resolveClassName('date-picker-cells-cell-today')]: cell.type === 'today',
       //   [resolveClassName('date-picker-cells-cell-range')]: cell.range && !cell.start && !cell.end,
@@ -1761,7 +1745,6 @@ var monthTableProps = {
 ;// CONCATENATED MODULE: ../../packages/date-picker/src/base/year-table.tsx
 
 
-
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -1834,7 +1817,7 @@ var yearTableProps = {
 /* harmony default export */ const year_table = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'YearTable',
   props: yearTableProps,
-  emits: ['pick', 'pick-click', 'changeRange'],
+  emits: ['pick', 'pick-click', 'change-range'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
     var dates = (0,external_vue_namespaceObject.computed)(function () {
@@ -1844,7 +1827,6 @@ var yearTableProps = {
       var rangeSelecting = selectionMode === 'range' && rangeState.selecting;
       return rangeSelecting ? [rangeState.from] : modelValue;
     });
-    var isRange = props.selectionMode === 'range';
     var startYear = (0,external_vue_namespaceObject.computed)(function () {
       return Math.floor(props.tableDate.getFullYear() / 10) * 10;
     });
@@ -1859,25 +1841,13 @@ var yearTableProps = {
         return clearHours(new Date(date.getFullYear(), 0, 1));
       });
       var focusedDate = clearHours(new Date(props.focusedDate.getFullYear(), 0, 1));
-      var currentYear = clearHours(new Date(new Date().getFullYear(), 0, 1));
-      var _dates$value$map = dates.value.map(clearHours),
-        _dates$value$map2 = _slicedToArray(_dates$value$map, 2),
-        minDay = _dates$value$map2[0],
-        maxDay = _dates$value$map2[1];
-      var rangeStart = props.rangeState.from && clearHours(props.rangeState.from);
-      var rangeEnd = props.rangeState.to && clearHours(props.rangeState.to);
       for (var i = 0; i < 10; i++) {
         var cell = JSON.parse(JSON.stringify(cellTmpl));
         cell.date = new Date(startYear.value + i, 0, 1);
-        cell.disabled = typeof props.disabledDate === 'function' && props.disabledDate(cell.date);
+        cell.disabled = typeof props.disabledDate === 'function' && props.disabledDate(cell.date) && props.selectionMode === 'year';
         var day = clearHours(cell.date);
-        var time = cell.date && clearHours(cell.date);
-        cell.range = isRange && isInRange(time, rangeStart, rangeEnd);
-        cell.start = isRange && time === minDay;
-        cell.end = isRange && time === maxDay;
         cell.selected = selectedDays.includes(day);
         cell.focused = day === focusedDate;
-        cell.isCurrent = day === currentYear;
         cells.push(cell);
       }
       return cells;
@@ -1885,7 +1855,7 @@ var yearTableProps = {
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var getCellCls = function getCellCls(cell) {
-      return [resolveClassName('date-picker-cells-cell'), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, resolveClassName('date-picker-cells-cell-selected'), cell.selected), resolveClassName('date-picker-cells-cell-disabled'), cell.disabled), resolveClassName('date-picker-cells-cell-today'), cell.isCurrent), resolveClassName('date-picker-cells-cell-range'), cell.range && !cell.start && !cell.end)];
+      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)];
     };
     var handleClick = function handleClick(cell) {
       if (cell.disabled || cell.type === 'weekLabel') {
@@ -1903,7 +1873,7 @@ var yearTableProps = {
         return;
       }
       var newDate = cell.date;
-      emit('changeRange', newDate);
+      emit('change-range', newDate);
     };
     return {
       cells: cells,
@@ -1972,7 +1942,7 @@ var datePickerProps = {
     type: String,
     "default": 'date',
     validator: function validator(value) {
-      var validList = ['year', 'yearrange', 'month', 'monthrange', 'date', 'daterange', 'datetime', 'datetimerange', 'time', 'timerange'];
+      var validList = ['year', 'month', 'monthrange', 'date', 'daterange', 'datetime', 'datetimerange', 'time', 'timerange'];
       if (validList.indexOf(value) < 0) {
         console.error("type property is not valid: '".concat(value, "'"));
         return false;
@@ -3549,7 +3519,6 @@ function date_range_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
 
 
 
-
 // import MonthTable from '../base/month-table';
 // import YearTable from '../base/year-table';
 var dateRangePanelProps = {
@@ -3560,7 +3529,7 @@ var dateRangePanelProps = {
     type: String,
     "default": 'date',
     validator: function validator(value) {
-      var validList = ['year', 'yearrange', 'month', 'monthrange', 'date', 'daterange', 'datetime', 'datetimerange', 'time', 'timerange'];
+      var validList = ['year', 'month', 'monthrange', 'date', 'daterange', 'datetime', 'datetimerange', 'time', 'timerange'];
       if (validList.indexOf(value) < 0) {
         console.error("type property is not valid: '".concat(value, "'"));
         return false;
@@ -3648,14 +3617,7 @@ var dateRangePanelProps = {
       minDate = _props$modelValue$map2[0],
       maxDate = _props$modelValue$map2[1];
     var leftPanelDate = props.startDate ? props.startDate : minDate;
-    var rightPanelDate;
-    if (props.type === 'monthrange') {
-      rightPanelDate = new Date(leftPanelDate.getFullYear() + 1, leftPanelDate.getMonth(), 1);
-    } else if (props.type === 'yearrange') {
-      rightPanelDate = new Date(leftPanelDate.getFullYear() + 10, leftPanelDate.getMonth(), 1);
-    } else {
-      rightPanelDate = new Date(leftPanelDate.getFullYear(), leftPanelDate.getMonth() + 1, 1);
-    }
+    var rightPanelDate = props.type === 'monthrange' ? new Date(leftPanelDate.getFullYear() + 1, leftPanelDate.getMonth(), 1) : new Date(leftPanelDate.getFullYear(), leftPanelDate.getMonth() + 1, 1);
     var state = (0,external_vue_namespaceObject.reactive)({
       currentView: props.selectionMode || 'date',
       leftPickerTable: "".concat(props.selectionMode, "-table"),
@@ -3711,13 +3673,11 @@ var dateRangePanelProps = {
       }
       if (props.splitPanels) {
         var otherPanel = panel === 'left' ? 'right' : 'left';
-        if (panel === 'left' && (state.leftPanelDate >= state.rightPanelDate || Math.floor(state.leftPanelDate.getFullYear() / 10) * 10 === Math.floor(state.rightPanelDate.getFullYear() / 10) * 10)) {
-          // changePanelDate(otherPanel, type, 1);
-          changePanelDate(otherPanel, type, state.currentView === 'year' ? 10 : 1);
+        if (panel === 'left' && state.leftPanelDate >= state.rightPanelDate) {
+          changePanelDate(otherPanel, type, 1);
         }
-        if (panel === 'right' && (state.rightPanelDate <= state.leftPanelDate || Math.floor(state.leftPanelDate.getFullYear() / 10) * 10 === Math.floor(state.rightPanelDate.getFullYear() / 10) * 10)) {
-          // changePanelDate(otherPanel, type, -1);
-          changePanelDate(otherPanel, type, state.currentView === 'year' ? -10 : -1);
+        if (panel === 'right' && state.rightPanelDate <= state.leftPanelDate) {
+          changePanelDate(otherPanel, type, -1);
         }
       } else {
         var _otherPanel = panel === 'left' ? 'right' : 'left';
@@ -3885,15 +3845,7 @@ var dateRangePanelProps = {
     };
     function setPanelDates(leftPanelDate) {
       state.leftPanelDate = leftPanelDate;
-      // const rightPanelDate = new Date(leftPanelDate.getFullYear(), leftPanelDate.getMonth() + 1, 1);
-      var rightPanelDate;
-      if (props.type === 'monthrange') {
-        rightPanelDate = new Date(leftPanelDate.getFullYear() + 1, leftPanelDate.getMonth(), 1);
-      } else if (props.type === 'yearrange') {
-        rightPanelDate = new Date(leftPanelDate.getFullYear() + 10, leftPanelDate.getMonth(), 1);
-      } else {
-        rightPanelDate = new Date(leftPanelDate.getFullYear(), leftPanelDate.getMonth() + 1, 1);
-      }
+      var rightPanelDate = new Date(leftPanelDate.getFullYear(), leftPanelDate.getMonth() + 1, 1);
       var splitRightPanelDate = state.dates[1] ? state.dates[1].getTime() : state.dates[1];
       state.rightPanelDate = props.splitPanels ? new Date(Math.max(splitRightPanelDate, rightPanelDate.getTime())) : rightPanelDate;
     }
@@ -4104,12 +4056,12 @@ var dateRangePanelProps = {
       "onClick": function onClick() {
         return _this.leftDatePanelLabel.labels[0].handler;
       }
-    }, [this.type === 'yearrange' ? "".concat(Math.floor(this.leftDatePanelLabel.labels[0].label / 10) * 10, " - ").concat(Math.ceil(this.leftDatePanelLabel.labels[0].label / 10) * 10 - 1) : 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", {
+    }, [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", {
       "class": this.resolveClassName('date-picker-header-label'),
       "onClick": function onClick() {
         return _this.leftDatePanelLabel.labels[1].handler;
       }
-    }, [this.leftDatePanelLabel.labels[1].label]), [[external_vue_namespaceObject.vShow, this.leftShowLabelSecond]])]) : '', this.splitPanels || this.leftPickerTable !== 'date-table' && this.leftPickerTable !== 'month-table' && this.leftPickerTable !== 'year-table' ? (0,external_vue_namespaceObject.createVNode)("span", {
+    }, [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", {
       "class": iconBtnCls('next', '-double'),
       "onClick": function onClick() {
         return _this.nextYear('left');
@@ -4155,17 +4107,6 @@ var dateRangePanelProps = {
             "onChangeRange": _this.handleChangeRange,
             "onPick": _this.panelPickerHandlers.left
           }, null);
-        case 'year-table':
-          return (0,external_vue_namespaceObject.createVNode)(year_table, {
-            "selectionMode": "range",
-            "tableDate": _this.leftPanelDate,
-            "disabledDate": _this.disabledDate,
-            "rangeState": _this.rangeState,
-            "modelValue": _this.preSelecting.left ? [_this.dates[0]] : _this.dates,
-            "focusedDate": _this.focusedDate,
-            "onChangeRange": _this.handleChangeRange,
-            "onPick": _this.panelPickerHandlers.left
-          }, null);
         default:
           return null;
       }
@@ -4174,7 +4115,7 @@ var dateRangePanelProps = {
       "style": "width: 261px;"
     }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
       "class": this.resolveClassName('date-picker-header')
-    }, [this.splitPanels || this.rightPickerTable !== 'date-table' && this.rightPickerTable !== 'month-table' && this.rightPickerTable !== 'year-table' ? (0,external_vue_namespaceObject.createVNode)("span", {
+    }, [this.splitPanels || this.rightPickerTable !== 'date-table' && this.rightPickerTable !== 'month-table' ? (0,external_vue_namespaceObject.createVNode)("span", {
       "class": iconBtnCls('prev', '-double'),
       "onClick": function onClick() {
         return _this.prevYear('right');
@@ -4201,7 +4142,7 @@ var dateRangePanelProps = {
       "onClick": function onClick() {
         return _this.rightDatePanelLabel.labels[0].handler;
       }
-    }, [this.type === 'yearrange' ? "".concat(Math.floor(this.rightDatePanelLabel.labels[0].label / 10) * 10, " - ").concat(Math.ceil(this.rightDatePanelLabel.labels[0].label / 10) * 10 - 1) : 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", {
+    }, [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", {
       "class": this.resolveClassName('date-picker-header-label'),
       "onClick": function onClick() {
         return _this.rightDatePanelLabel.labels[1].handler;
@@ -4264,17 +4205,6 @@ var dateRangePanelProps = {
             "onChangeRange": _this.handleChangeRange,
             "onPick": _this.panelPickerHandlers.right
           }, null);
-        case 'year-table':
-          return (0,external_vue_namespaceObject.createVNode)(year_table, {
-            "selectionMode": "range",
-            "tableDate": _this.rightPanelDate,
-            "disabledDate": _this.disabledDate,
-            "rangeState": _this.rangeState,
-            "modelValue": _this.preSelecting.right ? [_this.dates[_this.dates.length - 1]] : _this.dates,
-            "focusedDate": _this.focusedDate,
-            "onChangeRange": _this.handleChangeRange,
-            "onPick": _this.panelPickerHandlers.right
-          }, null);
         default:
           return null;
       }
@@ -4406,10 +4336,6 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       if (_type.match(/^month/)) {
         type = 'month';
       }
-      // 增加了 yearrange
-      if (_type.match(/^year/)) {
-        type = 'year';
-      }
       // return ['year', 'month', 'date', 'time'].indexOf(type) > -1 && type;
       state.selectionMode = ['year', 'month', 'date', 'time'].indexOf(type) > -1 && type;
       return state.selectionMode;
@@ -4441,7 +4367,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       }) : formatDate(publicVModelValue.value, props.type, props.multiple, props.format);
     });
     var panel = (0,external_vue_namespaceObject.computed)(function () {
-      var isRange = props.type === 'daterange' || props.type === 'datetimerange' || props.type === 'monthrange' || props.type === 'yearrange';
+      var isRange = props.type === 'daterange' || props.type === 'datetimerange' || props.type === 'monthrange';
       return isRange ? 'DateRangePanel' : 'DatePanel';
     });
     var opened = (0,external_vue_namespaceObject.computed)(function () {

package/lib/date-picker/interface.d.ts

@@ -1,7 +1,7 @@
 import type { ComputedPlacement } from '@popperjs/core';
 import type { DatePickerProps } from './props';
 export type DatePickerPlacementType = ComputedPlacement;
-export type DatePickerTypeType = 'year' | 'yearrange' | 'month' | 'monthrange' | 'date' | 'daterange' | 'datetime' | 'datetimerange';
+export type DatePickerTypeType = 'year' | 'month' | 'monthrange' | 'date' | 'daterange' | 'datetime' | 'datetimerange';
 export type TimePickerTypeType = 'time' | 'timerange';
 export type PickerTypeType = DatePickerTypeType | TimePickerTypeType;
 export interface IDatePickerShortcut {

package/lib/date-picker/panel/date-range.d.ts

@@ -191,7 +191,69 @@ declare const _default: import("vue").DefineComponent<{
     leftPickerTable: import("vue").Ref<string>;
     rightPickerTable: import("vue").Ref<string>;
     leftPanelDate: import("vue").Ref<any>;
-    rightPanelDate: import("vue").Ref<any>;
+    rightPanelDate: import("vue").Ref<{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number) => number;
+        setUTCSeconds: (sec: number, ms?: number) => number;
+        setMinutes: (min: number, sec?: number, ms?: number) => number;
+        setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
+        setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number) => number;
+        setUTCMonth: (month: number, date?: number) => number;
+        setFullYear: (year: number, month?: number, date?: number) => number;
+        setUTCFullYear: (year: number, month?: number, date?: number) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    }>;
     rangeState: import("vue").Ref<{
         from: any;
         to: any;

package/lib/date-picker/utils.d.ts

@@ -42,10 +42,6 @@ export declare const typeValueResolver: {
         formatter: (value: any, format: any) => string;
         parser: (text: any, format: any) => any;
     };
-    yearrange: {
-        formatter: (value: any, format: any) => string;
-        parser: (text: any, format: any) => any[];
-    };
     multiple: {
         formatter(value: any, format: any): any;
         parser(v: any, format: any): any;