@king-design/vue 2.1.4 → 2.1.6

package/components/timepicker/panelPicker.d.ts

@@ -0,0 +1,54 @@
+import { TypeDefs } from 'intact-vue-next';
+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';
+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;
+        getShowString: (value: dayjs.Dayjs) => string;
+        getValueString: (value: dayjs.Dayjs) => string;
+    };
+    disabled: {
+        isDisabled: (value: dayjs.Dayjs, type?: dayjs.OpUnitType) => boolean;
+        isDisabledConfirm: () => boolean;
+        maxDate: State<dayjs.Dayjs | null>;
+        minDate: State<dayjs.Dayjs | null>;
+        isDisabledTime: (value: dayjs.Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => boolean;
+        isDisabledTimeByStep: (value: string, flag: import("../datepicker/usePanel").PanelFlags) => 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;
+        value: State<import("../datepicker/basepicker").StateValue>;
+        setValue: (v: import("../datepicker/basepicker").StateValueItem, fromInput: boolean) => void;
+        getDayjsValue: () => import("../datepicker/basepicker").DayjsValue;
+        onChangeTime: (date: dayjs.Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => void;
+        onChangeTimeByStep: (v: string, flag: import("../datepicker/usePanel").PanelFlags) => void;
+    };
+    step: {
+        options: State<{
+            value: string;
+            label: string;
+        }[] | null>;
+    };
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
+    protected getLabel(): string | string[];
+}

package/components/timepicker/panelPicker.js

@@ -13,12 +13,16 @@ import { useStep } from './useStep';
 import { typeDefs } from './constants';
 export var PanelPicker = /*#__PURE__*/function (_BasePicker) {
   _inheritsLoose(PanelPicker, _BasePicker);
+
   function PanelPicker() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _BasePicker.call.apply(_BasePicker, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.formats = useFormats();
     _this.disabled = useDisabled(_this.formats);
@@ -27,17 +31,22 @@ export var PanelPicker = /*#__PURE__*/function (_BasePicker) {
     _this.step = useStep(_this.disabled, _this.formats);
     return _this;
   }
+
   var _proto = PanelPicker.prototype;
+
   _proto.getPlaceholder = function getPlaceholder() {
     var _this$get = this.get(),
-      placeholder = _this$get.placeholder,
-      range = _this$get.range;
+        placeholder = _this$get.placeholder,
+        range = _this$get.range;
+
     if (!isNullOrUndefined(placeholder)) return placeholder;
     return range ? _$('开始时间 ~ 结束时间') : _$('请选择时间');
   };
+
   _proto.getLabel = function getLabel() {
     return this.value.format();
   };
+
   return PanelPicker;
 }(BasePicker);
 PanelPicker.template = template;

package/components/timepicker/panelPicker.vdt.js

@@ -16,19 +16,22 @@ var _$tmp1 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    className = _this$get.className,
-    range = _this$get.range,
-    multiple = _this$get.multiple;
+      className = _this$get.className,
+      range = _this$get.range,
+      multiple = _this$get.multiple;
+
   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;
+      value = _this$value.value.value,
+      onConfirm = _this$value.onConfirm,
+      onChangeTime = _this$value.onChangeTime,
+      onChangeTimeByStep = _this$value.onChangeTimeByStep,
+      getTimeValue = _this$value.getTimeValue;
   var lastValue = last(value);
   var classNameObj = (_classNameObj = {
     'k-time-content': true,
@@ -36,12 +39,13 @@ export default function ($props, $blocks, $__proto__) {
   }, _classNameObj[className] = className, _classNameObj[makePanelStyles()] = true, _classNameObj);
   var options = this.step.options.value;
   var _this$disabled = this.disabled,
-    isDisabledTime = _this$disabled.isDisabledTime,
-    isDisabledTimeByStep = _this$disabled.isDisabledTimeByStep,
-    isDisabledConfirm = _this$disabled.isDisabledConfirm;
+      isDisabledTime = _this$disabled.isDisabledTime,
+      isDisabledTimeByStep = _this$disabled.isDisabledTimeByStep,
+      isDisabledConfirm = _this$disabled.isDisabledConfirm;
   var _this$formats = this.formats,
-    getValueFormat = _this$formats.getValueFormat,
-    getValueString = _this$formats.getValueString;
+      getValueFormat = _this$formats.getValueFormat,
+      getValueString = _this$formats.getValueString;
+
   var generatePanel = function generatePanel(flag) {
     var timeValue = getTimeValue(flag);
     return _$ce(2, 'div', [range ? _$ce(2, 'div', flag === PanelFlags.Start ? _$('开始时间') : _$('结束时间'), 0, 'k-timepicker-title') : undefined, !options ? _$cc(DatepickerTime, {
@@ -63,9 +67,11 @@ export default function ($props, $blocks, $__proto__) {
       }
     }), 2, 'k-datepicker-time')], 0, 'k-datepicker-calendar-wrapper');
   };
+
   return _$su.call($this, _$tmp0, function ($blocks) {
     var _$blocks = {},
-      __$blocks = _$ex({}, $blocks);
+        __$blocks = _$ex({}, $blocks);
+
     return (_$blocks['base-menu'] = function ($super) {
       return _$cc(DropdownMenu, {
         'className': _$cn(classNameObj),
@@ -79,17 +85,21 @@ export default function ($props, $blocks, $__proto__) {
       });
     }, __$blocks['base-menu'] = function ($super, data) {
       var block = $blocks['base-menu'];
+
       var callBlock = function callBlock() {
         return _$blocks['base-menu'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }), (_$blocks['suffix'] = function ($super) {
       return _$cc(Icon, _$tmp1);
     }, __$blocks['suffix'] = function ($super, data) {
       var block = $blocks['suffix'];
+
       var callBlock = function callBlock() {
         return _$blocks['suffix'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }), __$blocks;
   }.call($this, $blocks), $__proto__);

package/components/timepicker/selectPicker.js

@@ -8,18 +8,23 @@ import { useDisabled } from '../datepicker/useDisabled';
 import { useStep } from './useStep';
 export var SelectPicker = /*#__PURE__*/function (_Component) {
   _inheritsLoose(SelectPicker, _Component);
+
   function SelectPicker() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.formats = useFormats();
     _this.disabled = useDisabled(_this.formats);
     _this.step = useStep(_this.disabled, _this.formats);
     return _this;
   }
+
   return SelectPicker;
 }(Component);
 SelectPicker.template = template;

package/components/timepicker/selectPicker.vdt.js

@@ -12,11 +12,13 @@ export default function ($props, $blocks, $__proto__) {
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    className = _this$get.className,
-    value = _this$get.value,
-    placeholder = _this$get.placeholder,
-    rest = _objectWithoutPropertiesLoose(_this$get, _excluded);
+      className = _this$get.className,
+      value = _this$get.value,
+      placeholder = _this$get.placeholder,
+      rest = _objectWithoutPropertiesLoose(_this$get, _excluded);
+
   var options = this.step.options.value;
   return _$cc(Select, _extends({}, rest, {
     'placeholder': placeholder || _$('请选择时间'),
@@ -30,14 +32,17 @@ export default function ($props, $blocks, $__proto__) {
     }, $this),
     '$blocks': function ($blocks) {
       var _$blocks = {},
-        __$blocks = _$ex({}, $blocks);
+          __$blocks = _$ex({}, $blocks);
+
       return (_$blocks['suffix'] = function ($super) {
         return _$cc(Icon, _$tmp0);
       }, __$blocks['suffix'] = function ($super, data) {
         var block = $blocks['suffix'];
+
         var callBlock = function callBlock() {
           return _$blocks['suffix'].call($this, $super, data);
         };
+
         return block ? block.call($this, callBlock, data) : callBlock();
       }), __$blocks;
     }.call($this, _$em),

package/components/timepicker/styles.js

@@ -7,6 +7,7 @@ var defaults = {
   get border() {
     return datepicker.border;
   },
+
   padding: "16px",
   scrollHeight: "160px",
   // range

package/components/timepicker/useDisabled.js

@@ -4,11 +4,13 @@ var _excluded = ["isDisabledTime"];
 import { useDisabled as useDisabledBase } from '../datepicker/useDisabled';
 export function useDisabled(formats) {
   var _useDisabledBase = useDisabledBase(formats),
-    isDisabledTime = _useDisabledBase.isDisabledTime,
-    rest = _objectWithoutPropertiesLoose(_useDisabledBase, _excluded);
+      isDisabledTime = _useDisabledBase.isDisabledTime,
+      rest = _objectWithoutPropertiesLoose(_useDisabledBase, _excluded);
+
   function isDisabledTimeByStep(value, flag) {
     return isDisabledTime(formats.createDateByValueFormat(value), flag);
   }
+
   return _extends({
     isDisabledTime: isDisabledTime,
     isDisabledTimeByStep: isDisabledTimeByStep

package/components/timepicker/useFormats.js

@@ -3,30 +3,39 @@ import dayjs from '../datepicker/dayjs';
 import { YEAR_FORMAT, TIME_FORMAT, PREFIX } from './constants';
 export function useFormats() {
   var instance = useInstance();
+
   function getValueFormat() {
     var _instance$get = instance.get(),
-      format = _instance$get.format,
-      valueFormat = _instance$get.valueFormat;
+        format = _instance$get.format,
+        valueFormat = _instance$get.valueFormat;
+
     return valueFormat || format || TIME_FORMAT;
   }
+
   function getShowFormat() {
     var _instance$get2 = instance.get(),
-      format = _instance$get2.format,
-      showFormat = _instance$get2.showFormat;
+        format = _instance$get2.format,
+        showFormat = _instance$get2.showFormat;
+
     return showFormat || format || TIME_FORMAT;
   }
+
   function createDateByValueFormat(value) {
     return dayjs(PREFIX + value, YEAR_FORMAT + getValueFormat());
   }
+
   function createDateByShowFormat(value) {
     return dayjs(PREFIX + value, YEAR_FORMAT + getShowFormat(), true); // strict parsing 
   }
+
   function getShowString(value) {
     return value.format(getShowFormat());
   }
+
   function getValueString(value) {
     return value.format(getValueFormat());
   }
+
   return {
     getValueFormat: getValueFormat,
     getShowFormat: getShowFormat,

package/components/timepicker/useStep.d.ts

@@ -1,6 +1,6 @@
 import type { useDisabled } from '../datepicker/useDisabled';
 import type { useFormats } from './useFormats';
-type Option = {
+declare type Option = {
     value: string;
     label: string;
 };

package/components/timepicker/useStep.js

@@ -5,26 +5,30 @@ import { NOW_START, NOW_END } from './constants';
 import { useReceive } from '../../hooks/useReceive';
 export function useStep(_ref, _ref2) {
   var maxDate = _ref.maxDate,
-    minDate = _ref.minDate;
+      minDate = _ref.minDate;
   var getValueString = _ref2.getValueString,
-    getShowString = _ref2.getShowString;
+      getShowString = _ref2.getShowString;
   var instance = useInstance();
   var options = useState(null);
   useReceive(['step', 'min', 'max'], generateOptions);
+
   function generateOptions() {
     var _instance$get = instance.get(),
-      step = _instance$get.step;
+        step = _instance$get.step;
+
     if (step) {
       var data = [];
       var maxValue = maxDate.value || NOW_END;
       var stepValue = parseTime(step);
       var value = minDate.value || NOW_START;
+
       var push = function push(value) {
         data.push({
           value: getValueString(value),
           label: getShowString(value)
         });
       };
+
       for (;; value = value.add(stepValue, 'second')) {
         if (value <= maxValue) {
           push(value);
@@ -38,21 +42,26 @@ export function useStep(_ref, _ref2) {
           break;
         }
       }
+
       options.set(data);
     } else {
       options.set(null);
     }
   }
+
   function parseTime(time) {
     var _context;
+
     var _time$split$map = _mapInstanceProperty(_context = time.split(':')).call(_context, function (item) {
-        return parseInt(item, 10);
-      }),
-      hours = _time$split$map[0],
-      minutes = _time$split$map[1],
-      seconds = _time$split$map[2];
+      return parseInt(item, 10);
+    }),
+        hours = _time$split$map[0],
+        minutes = _time$split$map[1],
+        seconds = _time$split$map[2];
+
     return (hours * 60 + (minutes || 0)) * 60 + (seconds || 0);
   }
+
   return {
     options: options
   };

package/components/timepicker/useValue.js

@@ -8,35 +8,40 @@ import { useValue as useValueBase } from '../datepicker/basepicker';
 import { NOW_START, NOW_END } from './constants';
 export function useValue(formats, disabled, panel) {
   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();
-      setValue(v, true);
-    }, function () {
-      return 'second';
-    }, function (dayjsValue, value) {
-      value.set(_sliceInstanceProperty(dayjsValue).call(dayjsValue, 0));
-    }),
-    value = _useValueBase.value,
-    getDayjsValue = _useValueBase.getDayjsValue,
-    setValue = _useValueBase.setValue,
-    onChangeTime = _useValueBase.onChangeTime,
-    rest = _objectWithoutPropertiesLoose(_useValueBase, _excluded);
+    return false;
+  }, function (v) {
+    // pop the last value when input
+    // because it is a placeholder date
+    value.value.pop();
+    setValue(v, true);
+  }, function () {
+    return 'second';
+  }, function (dayjsValue, value) {
+    value.set(_sliceInstanceProperty(dayjsValue).call(dayjsValue, 0));
+  }),
+      value = _useValueBase.value,
+      getDayjsValue = _useValueBase.getDayjsValue,
+      setValue = _useValueBase.setValue,
+      onChangeTime = _useValueBase.onChangeTime,
+      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);
   }
+
   return _extends({
     value: value,
     setValue: setValue,

package/components/tip/index.js

@@ -3,9 +3,11 @@ import template from './index.vdt';
 import { Tag } from '../tag/base';
 export var Tip = /*#__PURE__*/function (_Tag) {
   _inheritsLoose(Tip, _Tag);
+
   function Tip() {
     return _Tag.apply(this, arguments) || this;
   }
+
   return Tip;
 }(Tag);
 Tip.template = template;

package/components/tip/index.vdt.js

@@ -4,16 +4,19 @@ import { Icon } from '../icon';
 import { makeStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
+
   var _this$get = this.get(),
-    children = _this$get.children,
-    closable = _this$get.closable,
-    type = _this$get.type,
-    disabled = _this$get.disabled;
+      children = _this$get.children,
+      closable = _this$get.closable,
+      type = _this$get.type,
+      disabled = _this$get.disabled;
+
   var classNameObj = (_classNameObj = {
     'k-tip': true
   }, _classNameObj[makeStyles()] = true, _classNameObj);
@@ -22,22 +25,27 @@ export default function ($props, $blocks, $__proto__) {
     'name': 'k-fade'
   }, function ($blocks) {
     var _$blocks = {},
-      __$blocks = _$ex({}, $blocks);
+        __$blocks = _$ex({}, $blocks);
+
     return (_$blocks['body'] = function ($super) {
       return _$ce(2, 'div', [$blocks.title ? _$ce(2, 'div', (_$blocks['title'] = function ($super) {
         return null;
       }, __$blocks['title'] = function ($super, data) {
         var block = $blocks['title'];
+
         var callBlock = function callBlock() {
           return _$blocks['title'].call($this, $super, data);
         };
+
         return block ? block.call($this, callBlock, data) : callBlock();
       }, __$blocks['title'](_$no)), 0, 'k-tip-title') : undefined, children], 0, 'k-tip-wrapper');
     }, __$blocks['body'] = function ($super, data) {
       var block = $blocks['body'];
+
       var callBlock = function callBlock() {
         return _$blocks['body'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }), (_$blocks['_close'] = function ($super) {
       return closable ? _$cc(Button, {
@@ -54,17 +62,21 @@ export default function ($props, $blocks, $__proto__) {
           });
         }, __$blocks['close'] = function ($super, data) {
           var block = $blocks['close'];
+
           var callBlock = function callBlock() {
             return _$blocks['close'].call($this, $super, data);
           };
+
           return block ? block.call($this, callBlock, data) : callBlock();
         }, __$blocks['close'](_$no))
       }) : undefined;
     }, __$blocks['_close'] = function ($super, data) {
       var block = $blocks['_close'];
+
       var callBlock = function callBlock() {
         return _$blocks['_close'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }), __$blocks;
   }.call($this, $blocks), $__proto__);

package/components/tip/styles.js

@@ -7,12 +7,15 @@ var defaults = {
     fontSize: '14px',
     gap: '8px'
   },
+
   get color() {
     return theme.color.text;
   },
+
   get padding() {
     return "6px " + theme.default.padding;
   }
+
 };
 var tip;
 setDefault(function () {

package/components/tooltip/content.js

@@ -8,74 +8,102 @@ import { useArrow } from './useArrow';
 import { tooltip as tooltipTheme } from './styles';
 export var TooltipContent = /*#__PURE__*/function (_DropdownMenu) {
   _inheritsLoose(TooltipContent, _DropdownMenu);
+
   function TooltipContent() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _DropdownMenu.call.apply(_DropdownMenu, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.isEmptyChildren = true;
     _this.arrow = useArrow();
     return _this;
   }
+
   var _proto = TooltipContent.prototype;
+
   _proto.init = function init() {
     var _this2 = this;
+
     _DropdownMenu.prototype.init.call(this);
+
     this.on('$receive:children', function (vNodes) {
       _this2.isEmptyChildren = isEmptyChildren(vNodes);
     });
   };
+
   _proto.onEnter = function onEnter(elem) {
     // fix the width, https://github.com/ksc-fe/kpc/issues/873
     var maxWidth = parseInt(tooltipTheme.maxWidth);
     var width = elem.offsetWidth;
+
     if (width === maxWidth) {
       elem.style.width = width + "px";
     }
+
     this.dropdown.position();
   };
+
   _proto.onAfterLeave = function onAfterLeave(elem) {
     // remove the position after leave, https://github.com/ksc-fe/kpc/issues/873
     var style = elem.style;
     style.left = style.top = style.width = '';
   };
+
   _proto.onMouseEnter = function onMouseEnter(e) {
     var dropdown = this.dropdown;
+
     if (dropdown.get('hoverable')) {
       dropdown.show();
     }
+
     dropdown.trigger('mouseenter', e);
   };
+
   _proto.ok = function ok() {
     var dropdown = this.dropdown;
     dropdown.hide(true);
     dropdown.trigger('ok');
   };
+
   _proto.cancel = function cancel() {
     var dropdown = this.dropdown;
     dropdown.hide(true);
     dropdown.trigger('cancel');
   };
+
   return TooltipContent;
 }(DropdownMenu);
 TooltipContent.template = template;
+
 __decorate([bind], TooltipContent.prototype, "onEnter", null);
+
 __decorate([bind], TooltipContent.prototype, "onAfterLeave", null);
+
 __decorate([bind], TooltipContent.prototype, "onMouseEnter", null);
+
 __decorate([bind], TooltipContent.prototype, "ok", null);
+
 __decorate([bind], TooltipContent.prototype, "cancel", null);
+
 function isEmptyChildren(vNodes) {
   if (!vNodes) return true;
+
   if (Array.isArray(vNodes)) {
     return vNodes.every(function (vNode) {
       return isEmptyChildren(vNode);
     });
   }
+
   if (vNodes.type === 1) {
     return !vNodes.children;
   }
+
   return false;
 }
+
 ;