@king-design/intact 3.6.0-beta.0 → 3.6.0

package/es/components/timepicker/panelPicker.d.ts

@@ -2,47 +2,49 @@ import { TypeDefs } from 'intact';
 import { BasePicker } from '../datepicker/basepicker';
 import dayjs from '../datepicker/dayjs';
 import { State } from '../../hooks/useState';
-import { PanelTypes } from '../datepicker/usePanel';
 import { TimepickerProps, TimepickerEvents, TimepickerBlocks } from './constants';
+import { StateValueItem } from '../datepicker/useValueBase';
 export declare class PanelPicker<Multipe extends boolean = false, Range extends boolean = false> extends BasePicker<TimepickerProps<Multipe, Range>, TimepickerEvents, TimepickerBlocks> {
     static template: string | import("intact").Template<any>;
     static typeDefs: Required<TypeDefs<TimepickerProps<boolean, boolean>>>;
     formats: {
         getValueFormat: () => string;
         getShowFormat: () => string;
-        createDateByValueFormat: (value: import("../datepicker/basepicker").Value) => dayjs.Dayjs;
-        createDateByShowFormat: (value: import("../datepicker/basepicker").Value) => dayjs.Dayjs;
+        createDateByValueFormat: (value: import("../datepicker/useValueBase").Value) => dayjs.Dayjs;
+        createDateByShowFormat: (value: import("../datepicker/useValueBase").Value) => dayjs.Dayjs;
         getShowString: (value: dayjs.Dayjs) => string;
         getValueString: (value: dayjs.Dayjs) => string;
     };
+    defaultValue: {
+        get: () => StateValueItem;
+    };
     disabled: {
         isDisabled: (value: dayjs.Dayjs, type?: "h" | "s" | "y" | "date" | "month" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "D" | "M" | "m" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q") => boolean;
-        isDisabledConfirm: () => boolean;
         maxDate: State<dayjs.Dayjs | null>;
         minDate: State<dayjs.Dayjs | null>;
-        isDisabledTime: (value: dayjs.Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => boolean;
+        isDisabledTime: (value: dayjs.Dayjs) => boolean;
         isDisabledTimeByStep: (value: string, flag: import("../datepicker/usePanel").PanelFlags) => boolean;
+        isDisabledConfirm: () => boolean;
+        isDisabledValue: (value: StateValueItem) => boolean;
     };
     panel: {
-        startPanel: State<PanelTypes>;
-        endPanel: State<PanelTypes>;
-        changePanel: (type: PanelTypes, flag?: import("../datepicker/usePanel").PanelFlags) => void;
-        getPanel: (flag: import("../datepicker/usePanel").PanelFlags) => State<PanelTypes>;
-        reset: () => void;
         startRef: import("intact").RefObject<import("../datepicker/calendar").DatepickerCalendar>;
         endRef: import("intact").RefObject<import("../datepicker/calendar").DatepickerCalendar>;
     };
     value: {
         format: () => string | string[];
-        onConfirm: () => void;
-        getTimeValue: (flag: import("../datepicker/usePanel").PanelFlags) => dayjs.Dayjs | null | undefined;
-        convertToDayjs: (v: import("../datepicker/basepicker").Value | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value] | import("../datepicker/basepicker").Value[] | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value][] | null | undefined) => import("../datepicker/basepicker").DayjsValue;
+        formatSingleValue: (value: StateValueItem) => string;
+        convertToDayjs: (v: import("../datepicker/useValueBase").Value | [import("../datepicker/useValueBase").Value, import("../datepicker/useValueBase").Value] | import("../datepicker/useValueBase").Value[] | [import("../datepicker/useValueBase").Value, import("../datepicker/useValueBase").Value][] | null | undefined) => import("../datepicker/useValueBase").DayjsValue;
+        unique: () => void;
         setMoment: () => void;
-        value: State<import("../datepicker/basepicker").StateValue>;
-        setValue: (v: import("../datepicker/basepicker").StateValueItem, fromInput: boolean) => void;
-        getDayjsValue: () => import("../datepicker/basepicker").DayjsValue;
+        updateValue: () => void;
+        allValuesUpdatedInMultipleMode: () => boolean | undefined;
+        value: State<import("../datepicker/useValueBase").StateValue>;
+        setValue: (v: StateValueItem, fromInput: boolean) => void;
+        getDayjsValue: () => import("../datepicker/useValueBase").DayjsValue;
         onChangeTime: (date: dayjs.Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => void;
         onChangeTimeByStep: (v: string, flag: import("../datepicker/usePanel").PanelFlags) => void;
+        getTimeValue: (flag: import("../datepicker/usePanel").PanelFlags) => dayjs.Dayjs | null | undefined;
     };
     step: {
         options: State<{
@@ -50,6 +52,9 @@ export declare class PanelPicker<Multipe extends boolean = false, Range extends
             label: string;
         }[] | null>;
     };
+    confirm: {
+        onConfirm: () => void;
+    };
     protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
     protected getLabel(): string | string[];
 }

package/es/components/timepicker/panelPicker.js

@@ -8,9 +8,10 @@ import { useFormats } from './useFormats';
 import { useValue } from './useValue';
 import { useDisabled } from './useDisabled';
 import { usePanel } from '../datepicker/usePanel';
-import { PanelTypes } from '../datepicker/usePanel';
 import { useStep } from './useStep';
 import { typeDefs } from './constants';
+import { useConfirm } from './useConfirm';
+import { useDefaultValue } from './useDefaultValue';
 export var PanelPicker = /*#__PURE__*/function (_BasePicker) {
   _inheritsLoose(PanelPicker, _BasePicker);
   function PanelPicker() {
@@ -21,10 +22,12 @@ export var PanelPicker = /*#__PURE__*/function (_BasePicker) {
     }
     _this = _BasePicker.call.apply(_BasePicker, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.formats = useFormats();
-    _this.disabled = useDisabled(_this.formats);
-    _this.panel = usePanel(PanelTypes.Time);
-    _this.value = useValue(_this.formats, _this.disabled, _this.panel);
+    _this.defaultValue = useDefaultValue();
+    _this.disabled = useDisabled(_this.formats, _this.defaultValue);
+    _this.panel = usePanel();
+    _this.value = useValue(_this.formats, _this.disabled, _this.panel, _this.defaultValue);
     _this.step = useStep(_this.disabled, _this.formats);
+    _this.confirm = useConfirm(_this.value, _this.formats.getValueString, _this.defaultValue);
     return _this;
   }
   var _proto = PanelPicker.prototype;

package/es/components/timepicker/panelPicker.vdt.js

@@ -8,6 +8,7 @@ import { Button } from '../button';
 import { PanelFlags } from '../datepicker/usePanel';
 import { last } from '../datepicker/helpers';
 import { ScrollSelect } from '../scrollSelect';
+import { makeStyles as makeStylesInheritDatepicker } from '../datepicker/styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
   $blocks || ($blocks = {});
@@ -21,13 +22,13 @@ export default function ($props, $blocks, $__proto__) {
     max = _this$get.max;
   var _this$value = this.value,
     value = _this$value.value.value,
-    onConfirm = _this$value.onConfirm,
     onChangeTime = _this$value.onChangeTime,
     onChangeTimeByStep = _this$value.onChangeTimeByStep,
     getTimeValue = _this$value.getTimeValue,
     setMoment = _this$value.setMoment;
   var lastValue = last(value);
   var k = this.config.k;
+  var onConfirm = this.confirm.onConfirm;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-time-content"] = true, _classNameObj[k + "-range"] = range, _classNameObj[className] = className, _classNameObj[makePanelStyles(k)] = true, _classNameObj);
   var options = this.step.options.value;
   var _this$disabled = this.disabled,
@@ -59,25 +60,20 @@ export default function ($props, $blocks, $__proto__) {
     }), 2, _$cn(k + "-datepicker-time"))], 0, _$cn(k + "-datepicker-calendar-wrapper"));
   };
   return _$su.call($this, {
-    'className': _$cn(k + "-timepicker")
+    'className': _$cn(k + "-timepicker " + makeStylesInheritDatepicker(k))
   }, function ($blocks) {
     var _$blocks = {},
       __$blocks = _$ex({}, $blocks);
     return (_$blocks['base-menu'] = function ($super) {
       return _$cc(DropdownMenu, {
         'className': _$cn(classNameObj),
-        'children': _$ce(2, 'div', [_$ce(2, 'div', [generatePanel(PanelFlags.Start), _$ct('\n                    '), range ? generatePanel(PanelFlags.End) : null], 0, _$cn(k + "-datepicker-calendars")), _$ce(2, 'div', [!range && !multiple && !max && !min ? _$cc(Button, {
-          'type': 'link',
-          'size': 'small',
-          'ev-click': setMoment,
-          'children': _$('此刻')
-        }) : undefined, _$cc(Button, {
+        'children': _$ce(2, 'div', [_$ce(2, 'div', [generatePanel(PanelFlags.Start), _$ct('\n                    '), range ? generatePanel(PanelFlags.End) : null], 0, _$cn(k + "-datepicker-calendars")), _$ce(2, 'div', _$cc(Button, {
           'type': 'primary',
           'size': 'small',
           'disabled': isDisabledConfirm(),
           'ev-click': onConfirm,
           'children': _$('确定')
-        })], 0, _$cn(k + "-datepicker-footer"))], 4, _$cn(k + "-datepicker-wrapper"))
+        }), 2, _$cn(k + "-datepicker-footer"))], 4, _$cn(k + "-datepicker-wrapper"))
       });
     }, __$blocks['base-menu'] = function ($super, data) {
       var block = $blocks['base-menu'];

package/es/components/timepicker/selectPicker.d.ts

@@ -6,15 +6,16 @@ export declare class SelectPicker extends Component<TimepickerProps, TimepickerE
     formats: {
         getValueFormat: () => string;
         getShowFormat: () => string;
-        createDateByValueFormat: (value: import("../datepicker/basepicker").Value) => import("dayjs").Dayjs;
-        createDateByShowFormat: (value: import("../datepicker/basepicker").Value) => import("dayjs").Dayjs;
+        createDateByValueFormat: (value: import("../datepicker/useValueBase").Value) => import("dayjs").Dayjs;
+        createDateByShowFormat: (value: import("../datepicker/useValueBase").Value) => import("dayjs").Dayjs;
         getShowString: (value: import("dayjs").Dayjs) => string;
         getValueString: (value: import("dayjs").Dayjs) => string;
     };
     disabled: {
         isDisabled: (value: import("dayjs").Dayjs, type?: "h" | "s" | "y" | "date" | "month" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "D" | "M" | "m" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q") => boolean;
-        isDisabledTime: (value: import("dayjs").Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => boolean;
+        isDisabledTime: (value: import("dayjs").Dayjs) => boolean;
         isDisabledConfirm: () => boolean;
+        isDisabledValue: (value: import("../datepicker/useValueBase").StateValueItem) => boolean;
         maxDate: import("../../hooks/useState").State<import("dayjs").Dayjs | null>;
         minDate: import("../../hooks/useState").State<import("dayjs").Dayjs | null>;
     };

package/es/components/timepicker/styles.js

@@ -26,5 +26,5 @@ setDefault(function () {
   makePanelStyles == null || makePanelStyles.clearCache();
 });
 export var makePanelStyles = cache(function makePanelStyles(k) {
-  return cx(makePanelStylesBase(k), /*#__PURE__*/css("&.", k, "-time-content{.", k, "-datepicker-time{padding:", timepicker.padding, ";}.", k, "-scroll-select{height:", timepicker.scrollHeight, ";}}&.", k, "-range{.", k, "-datepicker-time{width:auto;}.", k, "-scroll-select{height:", timepicker.range.scrollHeight, ";}.", k, "-datepicker-calendar-wrapper{padding:", timepicker.range.padding, ";width:", timepicker.range.width, ";border:none;}.", k, "-timepicker-title{text-align:center;margin-bottom:", timepicker.range.titleGap, ";}}"));
+  return cx(makePanelStylesBase(k), /*#__PURE__*/css("&.", k, "-time-content{.", k, "-datepicker-time{padding:", timepicker.padding, ";}.", k, "-scroll-select{height:", timepicker.scrollHeight, ";}}&.", k, "-range{.", k, "-datepicker-time{width:auto;border:", timepicker.border, ";}.", k, "-scroll-select{height:", timepicker.range.scrollHeight, ";}.", k, "-datepicker-calendar-wrapper{padding:", timepicker.range.padding, ";width:", timepicker.range.width, ";border:none;}.", k, "-timepicker-title{text-align:center;margin-bottom:", timepicker.range.titleGap, ";}}"));
 });

package/es/components/timepicker/useConfirm.d.ts

@@ -0,0 +1,6 @@
+import type { useFormats } from './useFormats';
+import { useValue } from './useValue';
+import type { useDefaultValue } from './useDefaultValue';
+export declare function useConfirm(value: ReturnType<typeof useValue>, getValueString: ReturnType<typeof useFormats>['getValueString'], defaultValue: ReturnType<typeof useDefaultValue>): {
+    onConfirm: () => void;
+};

package/es/components/timepicker/useConfirm.js

@@ -0,0 +1,19 @@
+import { useInstance } from 'intact';
+export function useConfirm(value, getValueString, defaultValue) {
+  var instance = useInstance();
+  function onConfirm() {
+    var _instance$get = instance.get(),
+      multiple = _instance$get.multiple;
+    // if we click confirm button directly, set the value to placeholder values
+    value.setValue(defaultValue.get(), false);
+    if (!multiple) {
+      instance.hide();
+    } else {
+      value.unique();
+    }
+    value.updateValue();
+  }
+  return {
+    onConfirm: onConfirm
+  };
+}

package/es/components/timepicker/useDefaultValue.d.ts

@@ -0,0 +1,4 @@
+import { StateValueItem } from '../datepicker/useValueBase';
+export declare function useDefaultValue(): {
+    get: () => StateValueItem;
+};

package/es/components/timepicker/useDefaultValue.js

@@ -0,0 +1,27 @@
+import _Object$assign from "@babel/runtime-corejs3/core-js/object/assign";
+import { useInstance } from 'intact';
+import { last } from '../datepicker/helpers';
+import { NOW_START, NOW_END } from './constants';
+import { isArray } from 'intact-shared';
+export function useDefaultValue() {
+  var instance = useInstance();
+  function get() {
+    var _value = instance.value.value.value;
+    var lastValue = last(_value);
+    var _instance$get = instance.get(),
+      range = _instance$get.range;
+    if (range) {
+      // consider the second last value to maintain consistency
+      var penulimate = getPenulimate(_value);
+      return _Object$assign([NOW_START, NOW_END], penulimate, lastValue);
+    }
+    return lastValue || NOW_START;
+  }
+  return {
+    get: get
+  };
+}
+function getPenulimate(value) {
+  if (!isArray(value)) return;
+  return value[value.length - 2];
+}

package/es/components/timepicker/useDisabled.d.ts

@@ -1,10 +1,13 @@
 import type { useFormats } from './useFormats';
 import { PanelFlags } from '../datepicker/usePanel';
-export declare function useDisabled(formats: ReturnType<typeof useFormats>): {
+import { StateValueItem } from '../datepicker/useValueBase';
+import type { useDefaultValue } from './useDefaultValue';
+export declare function useDisabled(formats: ReturnType<typeof useFormats>, defaultValue: ReturnType<typeof useDefaultValue>): {
     isDisabled: (value: import("dayjs").Dayjs, type?: "h" | "s" | "y" | "date" | "month" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "D" | "M" | "m" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q") => boolean;
-    isDisabledConfirm: () => boolean;
     maxDate: import("../../hooks/useState").State<import("dayjs").Dayjs | null>;
     minDate: import("../../hooks/useState").State<import("dayjs").Dayjs | null>;
-    isDisabledTime: (value: import("dayjs").Dayjs, flag: PanelFlags) => boolean;
+    isDisabledTime: (value: import("dayjs").Dayjs) => boolean;
     isDisabledTimeByStep: (value: string, flag: PanelFlags) => boolean;
+    isDisabledConfirm: () => boolean;
+    isDisabledValue: (value: StateValueItem) => boolean;
 };

package/es/components/timepicker/useDisabled.js

@@ -1,16 +1,25 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["isDisabledTime"];
+var _excluded = ["isDisabledTime", "isDisabledConfirm", "isDisabledValue"];
+import { useInstance } from 'intact';
 import { useDisabled as useDisabledBase } from '../datepicker/useDisabled';
-export function useDisabled(formats) {
+export function useDisabled(formats, defaultValue) {
+  var instance = useInstance();
   var _useDisabledBase = useDisabledBase(formats),
     isDisabledTime = _useDisabledBase.isDisabledTime,
+    isDisabledConfirmBase = _useDisabledBase.isDisabledConfirm,
+    isDisabledValue = _useDisabledBase.isDisabledValue,
     rest = _objectWithoutPropertiesLoose(_useDisabledBase, _excluded);
   function isDisabledTimeByStep(value, flag) {
-    return isDisabledTime(formats.createDateByValueFormat(value), flag);
+    return isDisabledTime(formats.createDateByValueFormat(value));
+  }
+  function isDisabledConfirm() {
+    return isDisabledValue(defaultValue.get());
   }
   return _extends({
     isDisabledTime: isDisabledTime,
-    isDisabledTimeByStep: isDisabledTimeByStep
+    isDisabledTimeByStep: isDisabledTimeByStep,
+    isDisabledConfirm: isDisabledConfirm,
+    isDisabledValue: isDisabledValue
   }, rest);
 }

package/es/components/timepicker/useFormats.d.ts

@@ -1,7 +1,7 @@
 import { Component } from 'intact';
 import dayjs, { Dayjs } from '../datepicker/dayjs';
 import type { TimepickerProps } from './';
-import type { Value } from '../datepicker/basepicker';
+import type { Value } from '../datepicker/useValueBase';
 export declare function useFormats<T extends Component<TimepickerProps>>(): {
     getValueFormat: () => string;
     getShowFormat: () => string;

package/es/components/timepicker/useValue.d.ts

@@ -1,17 +1,22 @@
 import type { useFormats } from './useFormats';
-import { StateValueItem } from '../datepicker/basepicker';
+import { StateValueItem, DayjsValue } from '../datepicker/useValueBase';
 import type { useDisabled } from '../datepicker/useDisabled';
 import type { usePanel } from '../datepicker/usePanel';
 import { PanelFlags } from '../datepicker/usePanel';
-export declare function useValue(formats: ReturnType<typeof useFormats>, disabled: ReturnType<typeof useDisabled>, panel: ReturnType<typeof usePanel>): {
+import type Dayjs from 'dayjs';
+import type { useDefaultValue } from './useDefaultValue';
+export declare function useValue(formats: ReturnType<typeof useFormats>, disabled: ReturnType<typeof useDisabled>, panel: ReturnType<typeof usePanel>, defaultValue: ReturnType<typeof useDefaultValue>): {
     format: () => string | string[];
-    onConfirm: () => void;
-    getTimeValue: (flag: PanelFlags) => import("dayjs").Dayjs | null | undefined;
-    convertToDayjs: (v: import("../datepicker/basepicker").Value | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value] | import("../datepicker/basepicker").Value[] | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value][] | null | undefined) => import("../datepicker/basepicker").DayjsValue;
+    formatSingleValue: (value: StateValueItem) => string;
+    convertToDayjs: (v: import("../datepicker/useValueBase").Value | [import("../datepicker/useValueBase").Value, import("../datepicker/useValueBase").Value] | import("../datepicker/useValueBase").Value[] | [import("../datepicker/useValueBase").Value, import("../datepicker/useValueBase").Value][] | null | undefined) => DayjsValue;
+    unique: () => void;
     setMoment: () => void;
-    value: import("../../hooks/useState").State<import("../datepicker/basepicker").StateValue>;
+    updateValue: () => void;
+    allValuesUpdatedInMultipleMode: () => boolean | undefined;
+    value: import("../../hooks/useState").State<import("../datepicker/useValueBase").StateValue>;
     setValue: (v: StateValueItem, fromInput: boolean) => void;
-    getDayjsValue: () => import("../datepicker/basepicker").DayjsValue;
-    onChangeTime: (date: import("dayjs").Dayjs, flag: PanelFlags) => void;
+    getDayjsValue: () => DayjsValue;
+    onChangeTime: (date: Dayjs.Dayjs, flag: PanelFlags) => void;
     onChangeTimeByStep: (v: string, flag: PanelFlags) => void;
+    getTimeValue: (flag: PanelFlags) => Dayjs.Dayjs | null | undefined;
 };

package/es/components/timepicker/useValue.js

@@ -1,19 +1,17 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["value", "getDayjsValue", "setValue", "onChangeTime"];
+var _excluded = ["value", "getDayjsValue", "setValue", "onChangeTime", "getTimeValue"];
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
 import { useInstance } from 'intact';
-import { last } from '../utils';
-import { useValue as useValueBase } from '../datepicker/basepicker';
-import { NOW_START, NOW_END } from './constants';
-export function useValue(formats, disabled, panel) {
+import { useValueBase } from '../datepicker/useValueBase';
+export function useValue(formats, disabled, panel, defaultValue) {
   var instance = useInstance();
   var _useValueBase = useValueBase(formats, disabled, panel, function (v) {
       return false;
     }, function (v) {
       // pop the last value when input
       // because it is a placeholder date
-      value.value.pop();
+      // value.value.pop(); // no placeholder any more 
       setValue(v, true);
     }, function () {
       return 'second';
@@ -24,24 +22,25 @@ export function useValue(formats, disabled, panel) {
     getDayjsValue = _useValueBase.getDayjsValue,
     setValue = _useValueBase.setValue,
     onChangeTime = _useValueBase.onChangeTime,
+    getTimeValueBase = _useValueBase.getTimeValue,
     rest = _objectWithoutPropertiesLoose(_useValueBase, _excluded);
-  setValue(getPlaceholderDates(), false);
-  instance.watch('value', function (value) {
-    var dayjsValue = getDayjsValue();
-    setValue(last(dayjsValue) || getPlaceholderDates(), false);
-  });
-  function getPlaceholderDates() {
-    return instance.get('range') ? [NOW_START, NOW_END] : NOW_START;
-  }
   function onChangeTimeByStep(v, flag) {
     var date = formats.createDateByValueFormat(v);
     onChangeTime(date, flag);
   }
+  function getTimeValue(flag) {
+    var value = defaultValue.get();
+    if (instance.get('range')) {
+      return value[flag];
+    }
+    return value;
+  }
   return _extends({
     value: value,
     setValue: setValue,
     getDayjsValue: getDayjsValue,
     onChangeTime: onChangeTime,
-    onChangeTimeByStep: onChangeTimeByStep
+    onChangeTimeByStep: onChangeTimeByStep,
+    getTimeValue: getTimeValue
   }, rest);
 }

package/es/components/tour/index.spec.js

@@ -285,7 +285,7 @@ describe('Tour', function () {
           buttons = element.querySelectorAll('.k-btn');
           startBtn = _findInstanceProperty(_context14 = _Array$from(buttons)).call(_context14, function (btn) {
             var _btn$textContent7;
-            return (_btn$textContent7 = btn.textContent) == null ? void 0 : _includesInstanceProperty(_btn$textContent7).call(_btn$textContent7, '启动引导');
+            return (_btn$textContent7 = btn.textContent) == null ? void 0 : _includesInstanceProperty(_btn$textContent7).call(_btn$textContent7, '开始自定义按钮引导');
           });
           startBtn.click();
           _context15.next = 6;

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.6.0-beta.0
+ * @king-design v3.6.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -66,4 +66,4 @@ export * from './components/upload';
 export * from './components/view';
 export * from './components/virtualList';
 export * from './components/wave';
-export declare const version = "3.6.0-beta.0";
+export declare const version = "3.6.0";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.6.0-beta.0
+ * @king-design v3.6.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -67,5 +67,5 @@ export * from './components/upload';
 export * from './components/view';
 export * from './components/virtualList';
 export * from './components/wave';
-export var version = '3.6.0-beta.0';
+export var version = '3.6.0';
 /* generate end */

package/es/site/data/components/datepicker/demos/multiple/index.d.ts

@@ -6,6 +6,7 @@ interface Props {
     year?: string[];
     month?: string[];
     dateRange?: [string, string][];
+    datetimeRange?: [string, string][];
 }
 export default class extends Component<Props> {
     static template: string | import("intact").Template<any>;

package/es/site/data/components/datepicker/demos/multiple/index.js

@@ -13,7 +13,8 @@ var default_1 = /*#__PURE__*/function (_Component) {
       datetime: [],
       year: [],
       month: [],
-      dateRange: []
+      dateRange: [],
+      datetimeRange: []
     };
   };
   return default_1;

package/es/site/data/components/datepicker/demos/multiple/react.d.ts

@@ -5,6 +5,7 @@ interface Props {
     year?: string[];
     month?: string[];
     dateRange?: [string, string][];
+    datetimeRange?: [string, string][];
 }
 export default class Demo extends React.Component<{}, Props> {
     state: Props;

package/es/site/data/components/datepicker/demos/multiple/react.js

@@ -17,7 +17,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       datetime: [],
       year: [],
       month: [],
-      dateRange: []
+      dateRange: [],
+      datetimeRange: []
     };
     return _this;
   }
@@ -69,7 +70,17 @@ var Demo = /*#__PURE__*/function (_React$Component) {
           dateRange: dateRange
         });
       }
-    }), "You selected: ", _JSON$stringify(this.state.dateRange), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null));
+    }), "You selected: ", _JSON$stringify(this.state.dateRange), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Datepicker, {
+      multiple: true,
+      range: true,
+      type: "datetime",
+      value: this.state.datetimeRange,
+      onChangeValue: function onChangeValue(datetimeRange) {
+        return _this2.setState({
+          datetimeRange: datetimeRange
+        });
+      }
+    }), "You selected: ", _JSON$stringify(this.state.datetimeRange), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null));
   };
   return Demo;
 }(React.Component);

package/es/site/data/components/datepicker/demos/yearMonth/index.d.ts

@@ -4,8 +4,6 @@ import './index.styl';
 interface Props {
     year?: string | null;
     month?: string | null;
-    week?: string | null;
-    quarter?: string | null;
 }
 export default class extends Component<Props> {
     static template: string | import("intact").Template<any>;

package/es/site/data/components/datepicker/demos/yearMonth/index.js

@@ -11,9 +11,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
   default_1.defaults = function defaults() {
     return {
       year: null,
-      month: null,
-      week: null,
-      quarter: null
+      month: null
     };
   };
   return default_1;

package/es/site/data/components/datepicker/demos/yearMonth/react.d.ts

@@ -3,8 +3,6 @@ import './index.styl';
 interface Props {
     year?: string | null;
     month?: string | null;
-    week?: string | null;
-    quarter?: string | null;
 }
 export default class Demo extends React.Component<{}, Props> {
     state: Props;

package/es/site/data/components/datepicker/demos/yearMonth/react.js

@@ -14,9 +14,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
       year: null,
-      month: null,
-      week: null,
-      quarter: null
+      month: null
     };
     return _this;
   }
@@ -40,24 +38,6 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         });
       },
       clearable: true
-    }), /*#__PURE__*/React.createElement(Datepicker, {
-      type: "week",
-      value: this.state.week,
-      onChangeValue: function onChangeValue(week) {
-        return _this2.setState({
-          week: week
-        });
-      },
-      clearable: true
-    }), /*#__PURE__*/React.createElement(Datepicker, {
-      type: "quarter",
-      value: this.state.quarter,
-      onChangeValue: function onChangeValue(quarter) {
-        return _this2.setState({
-          quarter: quarter
-        });
-      },
-      clearable: true
     }));
   };
   return Demo;

package/es/site/data/components/select/demos/creatable/react.js

@@ -86,7 +86,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       filterable: true,
       multiple: true,
       creatable: true,
-      keepKeywords: true,
+      keepKeywords: false,
       style: {
         "marginRight": "10px"
       }
@@ -104,7 +104,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       value: "Saturday"
     }, "\u661F\u671F\u516D"), /*#__PURE__*/React.createElement(Option, {
       value: "Sunday"
-    }, "\u661F\u671F\u5929")), "Day with keepKeywords: ", _JSON$stringify(this.state.dayWithKeywords));
+    }, "\u661F\u671F\u5929")), "Day with keepKeywords=false: ", _JSON$stringify(this.state.dayWithKeywords));
   };
   return Demo;
 }(React.Component);

package/es/site/data/components/select/demos/searchable/index.js

@@ -11,7 +11,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
   default_1.defaults = function defaults() {
     return {
       day: null,
-      days: ['Tuesday']
+      days: []
     };
   };
   return default_1;

package/es/site/data/components/select/demos/searchable/react.js

@@ -14,7 +14,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
       day: null,
-      days: ['Tuesday']
+      days: []
     };
     return _this;
   }