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

package/es/components/datepicker/index.js

@@ -15,21 +15,22 @@ import { useFormats } from './useFormats';
 import { usePanel } from './usePanel';
 import { useFocusDate } from './useFocusDate';
 import { useKeyboards } from './useKeyboards';
-import { usePosition } from './usePosition';
-import { useMergeRange } from './useMergeRange';
+import { useHighlight } from './useHighlight';
+// import {useMergeRange} from './useMergeRange';
 import { BasePicker } from './basepicker';
+import { useConfirm } from './useConfirm';
 import * as _shortcuts from './shortcuts';
 export { _shortcuts as shortcuts };
 export { dayjs };
 var typeDefs = _extends({}, BasePicker.typeDefs, {
   type: ['date', 'datetime', 'year', 'month', 'week', 'quarter'],
-  shortcuts: Array,
-  isMerge: Boolean
+  shortcuts: Array
+  // isMerge: Boolean
 });
 var defaults = function defaults() {
   return _extends({}, BasePicker.defaults(), {
-    type: 'date',
-    isMerge: false
+    type: 'date'
+    // isMerge: false
   });
 };
 export var Datepicker = /*#__PURE__*/function (_BasePicker) {
@@ -42,12 +43,17 @@ export var Datepicker = /*#__PURE__*/function (_BasePicker) {
     }
     _this = _BasePicker.call.apply(_BasePicker, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.formats = useFormats();
-    _this.disabled = useDisabled(_this.formats);
+    _this.disabled = useDisabled(_this.formats, function () {
+      return _this.highlight.position;
+    });
     _this.panel = usePanel();
     _this.focusDate = useFocusDate();
-    _this.value = useValue(_this.formats, _this.disabled, _this.panel);
-    _this.activePosition = usePosition();
-    _this.mergeRange = useMergeRange(_this.formats);
+    _this.value = useValue(_this.formats, _this.disabled, _this.panel, function () {
+      return _this.highlight.position;
+    });
+    _this.highlight = useHighlight(_this.value.value, _this.formats.getShowString, _this.input.keywords);
+    // public mergeRange = useMergeRange(this.formats);
+    _this.confirm = useConfirm(_this.highlight, _this.value, _this.formats.getValueString);
     return _this;
   }
   var _proto = Datepicker.prototype;
@@ -55,7 +61,6 @@ export var Datepicker = /*#__PURE__*/function (_BasePicker) {
     _BasePicker.prototype.init.call(this);
     provide(DATEPICKER, this);
     useKeyboards(this.panel.startRef, this.focusDate.focusDate);
-    this.activePosition.setupEventListeners();
   };
   _proto.getPlaceholder = function getPlaceholder() {
     var _this$get = this.get(),
@@ -67,40 +72,26 @@ export var Datepicker = /*#__PURE__*/function (_BasePicker) {
       case 'datetime':
         return range ? _$('开始时间 ~ 结束时间') : _$('请选择日期和时间');
       case 'year':
-        return _$('请选择年份');
+        return range ? _$('开始年份 ~ 结束年份') : _$('请选择年份');
       case 'month':
-        return _$('请选择月份');
+        return range ? _$('开始月份 ~ 结束月份') : _$('请选择月份');
       case 'week':
-        return _$('请选择周');
+        return range ? _$('开始周 ~ 结束周') : _$('请选择周');
       case 'quarter':
-        return _$('请选择季度');
+        return range ? _$('开始季度 ~ 结束季度') : _$('请选择季度');
       default:
         return range ? _$('开始日期 ~ 结束日期') : _$('请选择日期');
     }
   };
   _proto.getLabel = function getLabel() {
-    var _this$get2 = this.get(),
-      multiple = _this$get2.multiple;
-    if (multiple) {
-      var results = this.value.format();
-      var dayjsValue = this.value.getDayjsValue();
-      return this.mergeRange.formatMultipleValues(dayjsValue, results);
-    }
     return this.value.format();
   };
-  _proto.clear = function clear(e) {
-    _BasePicker.prototype.clear.call(this, e);
-    if (this.get('type') === 'datetime') {
-      // reset the state to let user re-select
-      this.panel.reset();
-    }
-  };
   _proto.setByShortcut = function setByShortcut(shortcut) {
     var _this$value = this.value,
       setValue = _this$value.setValue,
       convertToDayjs = _this$value.convertToDayjs;
-    var _this$get3 = this.get(),
-      multiple = _this$get3.multiple;
+    var _this$get2 = this.get(),
+      multiple = _this$get2.multiple;
     setValue(convertToDayjs(shortcut.value())[0], true);
     if (!multiple) {
       this.hide();
@@ -111,5 +102,4 @@ export var Datepicker = /*#__PURE__*/function (_BasePicker) {
 Datepicker.template = template;
 Datepicker.typeDefs = typeDefs;
 Datepicker.defaults = defaults;
-__decorate([bind], Datepicker.prototype, "clear", null);
 __decorate([bind], Datepicker.prototype, "setByShortcut", null);