@king-design/vue 3.1.4-beta.0 → 3.1.4-beta.2

package/components/button/index.vdt.js

@@ -31,11 +31,10 @@ export default function ($props, $blocks, $__proto__) {
       name = _this$get.name,
       ghost = _this$get.ghost;
 
-  var checked = this.isChecked();
-  if (!this.config) debugger;
   var _this$config = this.config,
       cls = _this$config.cls,
       k = _this$config.k;
+  var checked = this.isChecked();
 
   var isIcon = function isIcon(child) {
     return child.tag === Icon || child.className && child.className.indexOf('icon') > -1;

package/components/button/styles.js

@@ -264,13 +264,13 @@ export var makeButtonStyles = cache(function makeButtonStyles(k, iconSide) {
   }), ";.", k, "-icon-loading{margin-left:-1em;}}}"), ";"));
 });
 export var makeButtonGroupStyles = cache(function makeButtonGroupStyles(k) {
-  return /*#__PURE__*/css("display:inline-flex;align-items:center;flex-wrap:wrap;vertical-align:middle;.", k, "-btn{margin:0;vertical-align:middle;&:hover,&:focus,&.", k, "-active{z-index:1;position:relative;}}&.", k, "-fluid{width:100%;}&:not(.", k, "-vertical){>.", k, "-btn{", _mapInstanceProperty(types).call(types, function (type) {
+  return /*#__PURE__*/css("display:inline-flex;align-items:center;flex-wrap:wrap;vertical-align:middle;.", k, "-btn{margin:0;vertical-align:middle;&:hover,&:focus,&.", k, "-active{z-index:1;position:relative;}}&.", k, "-fluid{width:100%;}&:not(.", k, "-vertical):not(.", k, "-seperate){>.", k, "-btn{", _mapInstanceProperty(types).call(types, function (type) {
     if (type === 'active') return;
     var borderColor = button.group[type].borderColor;
     return /*#__PURE__*/css("&.", k, "-", type, ":not(:first-child){border-left-color:", borderColor, ";}&.", k, "-", type, ":not(:last-child){border-right-color:", borderColor, ";}");
-  }), ";&:not(:first-child){margin-left:-1px;&:not(:last-child){border-radius:0;}}&:not(:only-child):first-child{border-top-right-radius:0;border-bottom-right-radius:0;}&:not(:only-child):last-child{border-top-left-radius:0;border-bottom-left-radius:0;}}&.", k, "-fluid{display:flex;>.", k, "-btn{flex:1;}}}&.", k, "-vertical{flex-direction:column;>.", k, "-btn{", _mapInstanceProperty(types).call(types, function (type) {
+  }), ";&:not(:first-child){margin-left:-1px;&:not(:last-child){border-radius:0;}}&:not(:only-child):first-child{border-top-right-radius:0;border-bottom-right-radius:0;}&:not(:only-child):last-child{border-top-left-radius:0;border-bottom-left-radius:0;}}&.", k, "-fluid{display:flex;>.", k, "-btn{flex:1;}}}&.", k, "-vertical:not(.", k, "-seperate){flex-direction:column;>.", k, "-btn{", _mapInstanceProperty(types).call(types, function (type) {
     if (type === 'active') return;
     var borderColor = button.group[type].borderColor;
     return /*#__PURE__*/css("&.", k, "-", type, ":not(:first-child){border-top-color:", borderColor, ";}&.", k, "-", type, ":not(:last-child){border-bottom-color:", borderColor, ";}");
-  }), ";&:not(.", k, "-btn-icon){width:100%;}&:not(:first-child){margin-top:-1px;&:not(:last-child){border-radius:0;}}&:not(:only-child):first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;}&:not(:only-child):last-child{border-top-left-radius:0;border-top-right-radius:0;}}}&.", k, "-seperate{gap:8px;>.", k, "-btn{border-radius:", button.borderRadius, "!important;}}");
+  }), ";&:not(.", k, "-btn-icon){width:100%;}&:not(:first-child){margin-top:-1px;&:not(:last-child){border-radius:0;}}&:not(:only-child):first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;}&:not(:only-child):last-child{border-top-left-radius:0;border-top-right-radius:0;}}}&.", k, "-seperate{gap:8px;}");
 });

package/components/card/index.d.ts

@@ -1,8 +1,10 @@
 import { Component, VNode, TypeDefs } from 'intact-vue-next';
 export * from './column';
+import { Sizes } from '../types';
 export interface CardProps {
     title?: string | VNode;
     type?: 'shadow' | 'border' | 'none';
+    size?: Sizes;
 }
 export interface CardEvents {
 }

package/components/card/index.js

@@ -6,12 +6,14 @@ export * from './column';
 import { useConfigContext } from '../config';
 var typeDefs = {
   title: [String, VNode],
-  type: ['shadow', 'border', 'none']
+  type: ['shadow', 'border', 'none'],
+  size: String
 };
 
 var defaults = function defaults() {
   return {
-    type: 'shadow'
+    type: 'shadow',
+    size: 'default'
   };
 };
 

package/components/card/index.vdt.js

@@ -16,7 +16,8 @@ export default function ($props, $blocks, $__proto__) {
       children = _this$get.children,
       className = _this$get.className,
       title = _this$get.title,
-      type = _this$get.type;
+      type = _this$get.type,
+      size = _this$get.size;
 
   var k = this.config.k;
   var hasHeader = $blocks.header || $blocks.title || title || $blocks.extra;
@@ -33,7 +34,7 @@ export default function ($props, $blocks, $__proto__) {
     }
   }
 
-  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-card"] = true, _classNameObj[k + "-shadow"] = type === 'shadow', _classNameObj[k + "-border"] = type === 'border', _classNameObj[k + "-none"] = type === 'none', _classNameObj[k + "-no-header"] = !hasHeader, _classNameObj[k + "-card-grid"] = hasColumn, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-card"] = true, _classNameObj[k + "-shadow"] = type === 'shadow', _classNameObj[k + "-border"] = type === 'border', _classNameObj[k + "-none"] = type === 'none', _classNameObj[k + "-no-header"] = !hasHeader, _classNameObj[k + "-card-grid"] = hasColumn, _classNameObj[k + "-" + size] = size !== 'default', _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this)), [hasHeader ? _$ce(2, 'div', (_$blocks['header'] = function ($super) {

package/components/card/styles.js

@@ -1,3 +1,4 @@
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
@@ -5,7 +6,7 @@ import '../../styles/global';
 import { cache } from '../utils';
 var defaults = {
   border: '1px solid #e5e5e5',
-  padding: '16px',
+  padding: '24px',
 
   get boxShadow() {
     return theme.boxShadow;
@@ -17,7 +18,19 @@ var defaults = {
 
   headerHeight: '48px',
   headerFontSize: '14px',
-  bgColor: '#fff'
+  bgColor: '#fff',
+  large: {
+    padding: '32px',
+    headerHeight: '48px'
+  },
+  small: {
+    padding: '16px',
+    headerHeight: '48px'
+  },
+  mini: {
+    padding: '8px',
+    headerHeight: '32px'
+  }
 };
 var card;
 setDefault(function () {
@@ -26,6 +39,12 @@ setDefault(function () {
   }).card;
   makeStyles == null ? void 0 : makeStyles.clearCache();
 });
+var sizes = ['large', 'small', 'mini'];
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("border-radius:", card.borderRadius, ";background:", card.bgColor, ";.", k, "-card-header{height:", card.headerHeight, ";line-height:", card.headerHeight, ";padding:0 ", card.padding, ";}.", k, "-card-title{font-size:", card.headerFontSize, ";display:inline-block;}.", k, "-card-extra{float:right;height:100%;display:flex;align-items:center;}.", k, "-card-body{padding:0 ", card.padding, " ", card.padding, ";}&.", k, "-shadow{box-shadow:", card.boxShadow, ";}&.", k, "-none{box-shadow:none;}&.", k, "-border{border:", card.border, ";.", k, "-card-header{border-bottom:", card.border, ";}.", k, "-card-body{padding-top:", card.padding, ";}}&.", k, "-no-header{.", k, "-card-body{padding-top:", card.padding, ";}}&.", k, "-card-grid{.", k, "-card-body{display:flex;padding:0;}&.", k, "-border{.", k, "-card-column:not(:last-of-type){border-right:", card.border, ";}}}.", k, "-card-column{display:flex;align-items:center;padding:", card.padding, ";&.", k, "-fluid{flex:1;}&.", k, "-center{justify-content:center;}}");
+  return /*#__PURE__*/css("border-radius:", card.borderRadius, ";background:", card.bgColor, ";.", k, "-card-header{height:", card.headerHeight, ";padding:0 ", card.padding, ";display:flex;align-items:center;}.", k, "-card-title{font-size:", card.headerFontSize, ";flex:1;}.", k, "-card-extra{display:flex;align-items:center;}.", k, "-card-body{padding:0 ", card.padding, " ", card.padding, ";}&.", k, "-shadow{box-shadow:", card.boxShadow, ";}&.", k, "-none{box-shadow:none;}&.", k, "-border{border:", card.border, ";.", k, "-card-header{border-bottom:", card.border, ";}.", k, "-card-body{padding-top:", card.padding, ";}}&.", k, "-no-header{.", k, "-card-body{padding-top:", card.padding, ";}}&.", k, "-card-grid{.", k, "-card-body{display:flex;padding:0;}&.", k, "-border{.", k, "-card-column:not(:last-of-type){border-right:", card.border, ";}}}.", k, "-card-column{display:flex;align-items:center;padding:", card.padding, ";&.", k, "-fluid{flex:1;}&.", k, "-center{justify-content:center;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
+    var _card$size = card[size],
+        padding = _card$size.padding,
+        headerHeight = _card$size.headerHeight;
+    return /*#__PURE__*/css("&.", k, "-", size, "{.", k, "-card-header{padding:0 ", padding, ";height:", headerHeight, ";}.", k, "-card-body{padding:0 ", padding, " ", padding, ";}&.", k, "-border,&.", k, "-no-header{.", k, "-card-body{padding-top:", padding, ";}}.", k, "-card-column{padding:", padding, ";}}");
+  }), ";");
 });

package/components/carousel/useAutoplay.js

@@ -1,7 +1,7 @@
 import { useInstance, onBeforeUnmount } from 'intact-vue-next';
 export function useAutoplay(next) {
   var instance = useInstance();
-  var timer;
+  var timer = null;
   var ms;
   instance.on('$receive:autoplay', function (v) {
     if (v === true) {
@@ -24,7 +24,10 @@ export function useAutoplay(next) {
   }
 
   function stop() {
-    window.clearTimeout(timer);
+    if (timer) {
+      window.clearTimeout(timer);
+      timer = null;
+    }
   }
 
   onBeforeUnmount(stop);

package/components/cascader/index.d.ts

@@ -0,0 +1,45 @@
+import { TypeDefs } from 'intact-vue-next';
+import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from '../select/base';
+export interface CascaderProps<V = any, Multipe extends boolean = boolean, Data extends BaseCascaderData = CascaderData<V>> extends BaseSelectProps<V[], Multipe> {
+    data?: Data[];
+    trigger?: 'click' | 'hover';
+    changeOnSelect?: boolean;
+    format?: (labels: string[]) => string;
+    loadData?: (data: Data) => any;
+    filter?: (keywords: string, data: Data) => boolean;
+    fields?: CascaderFields<Data>;
+}
+export declare type CascaderFields<Data> = {
+    value?: keyof Data;
+    label?: keyof Data;
+    children?: keyof Data;
+    disabled?: keyof Data;
+};
+export interface BaseCascaderData {
+    loaded?: boolean;
+    [key: string]: any;
+}
+export interface CascaderData<V> extends BaseCascaderData {
+    value: V;
+    label: string;
+    children?: CascaderData<V>[];
+    disabled?: boolean;
+}
+export interface CascaderEvents extends BaseSelectEvents {
+}
+export interface CascaderBlocks<V> extends BaseSelectBlocks<V> {
+}
+export declare class Cascader<V = any, Multipe extends boolean = false, Data extends BaseCascaderData = CascaderData<V>> extends BaseSelect<CascaderProps<V, Multipe, Data>, CascaderEvents, CascaderBlocks<V>> {
+    static template: string | import('intact-vue-next').Template<any>;
+    static typeDefs: Required<TypeDefs<CascaderProps<any, boolean, CascaderData<any>>>>;
+    static defaults: () => Partial<CascaderProps<any, boolean, CascaderData<any>>>;
+    private fields;
+    private value;
+    private label;
+    private load;
+    private filterable;
+    private positionObj;
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import('intact-vue-next').Children[];
+    protected getLabel(): import('intact-vue-next').Children;
+    protected hasValue(): any;
+}

package/components/datepicker/index.d.ts

@@ -0,0 +1,63 @@
+import { TypeDefs } from 'intact-vue-next';
+import dayjs from './dayjs';
+import { State } from '../../hooks/useState';
+import { Shortcut } from './shortcuts';
+import { BasePicker, BasePickerProps, BasePickerEvents, BasePickerBlocks, Value } from './basepicker';
+export * as shortcuts from './shortcuts';
+export interface DatepickerProps<V extends Value = Value, M extends boolean = boolean, R extends boolean = boolean> extends BasePickerProps<V extends string ? V : V | string, M, R> {
+    type?: 'date' | 'datetime' | 'year' | 'month';
+    shortcuts?: Shortcut[];
+}
+export interface DatepickerEvents extends BasePickerEvents {
+}
+export interface DatepickerBlocks<V extends Value = Value, R extends boolean = boolean> extends BasePickerBlocks<V, R> {
+}
+export declare class Datepicker<V extends Value = Value, M extends boolean = false, R extends boolean = false> extends BasePicker<DatepickerProps<V, M, R>, DatepickerEvents, DatepickerBlocks<V, R>> {
+    static template: string | import('intact-vue-next').Template<any>;
+    static typeDefs: Required<TypeDefs<DatepickerProps<Value, boolean, boolean>>>;
+    static defaults: () => Partial<DatepickerProps<Value, boolean, boolean>>;
+    formats: {
+        getValueFormat: () => string;
+        getShowFormat: () => string;
+        createDateByValueFormat: (value: Value) => dayjs.Dayjs;
+        createDateByShowFormat: (value: string) => dayjs.Dayjs;
+        getShowString: (value: dayjs.Dayjs) => string;
+        getValueString: (value: dayjs.Dayjs) => string;
+    };
+    disabled: {
+        isDisabled: (value: dayjs.Dayjs, type?: dayjs.OpUnitType) => boolean;
+        isDisabledTime: (value: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => boolean;
+        isDisabledConfirm: () => boolean;
+        maxDate: State<dayjs.Dayjs | null>;
+        minDate: State<dayjs.Dayjs | null>;
+    };
+    panel: {
+        startPanel: State<import("./usePanel").PanelTypes>;
+        endPanel: State<import("./usePanel").PanelTypes>;
+        changePanel: (type: import("./usePanel").PanelTypes, flag?: import("./usePanel").PanelFlags) => void;
+        getPanel: (flag: import("./usePanel").PanelFlags) => State<import("./usePanel").PanelTypes>;
+        reset: () => void;
+        startRef: import('intact-vue-next').RefObject<import("./calendar").DatepickerCalendar>;
+        endRef: import('intact-vue-next').RefObject<import("./calendar").DatepickerCalendar>;
+    };
+    focusDate: {
+        focusDate: State<dayjs.Dayjs | null>;
+        reset: () => void;
+    };
+    value: {
+        format: () => string | string[];
+        onConfirm: () => void;
+        onChangeTime: (date: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => void;
+        getTimeValue: (flag: import("./usePanel").PanelFlags) => dayjs.Dayjs | null | undefined;
+        convertToDayjs: (v: Value | [Value, Value] | Value[] | [Value, Value][] | null | undefined) => import("./basepicker").DayjsValue;
+        getDayjsValue: () => import("./basepicker").DayjsValue;
+        value: State<import("./basepicker").StateValue>;
+        setValue: (v: import("./basepicker").StateValueItem, fromInput: boolean) => void;
+        onChangeDate: (v: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => void;
+    };
+    init(): void;
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import('intact-vue-next').Children[];
+    protected getLabel(): string | string[];
+    protected clear(e: MouseEvent): void;
+    private setByShortcut;
+}

package/components/diagram/index.d.ts

@@ -10,7 +10,7 @@ export * from './shapes/rectangle';
 export * from './shapes/square';
 export * from './shapes/text';
 export * from './shapes/line';
-declare const DDiamond: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DTriangle: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCylinder: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCloud: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>;
+declare const DDiamond: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DTriangle: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCylinder: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCloud: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>;
 export { DDiamond, DTriangle, DCylinder, DCloud };
 export * from './layouts/layout';
 export * from './layouts/circle';

package/components/dropdown/dropdown.js

@@ -3,7 +3,7 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
 import { __decorate } from "tslib";
-import { Component, createVNode as h, provide, inject, findDomFromVNode, nextTick } from 'intact-vue-next';
+import { Component, createVNode as h, directClone, provide, inject, findDomFromVNode, nextTick } from 'intact-vue-next';
 import { bind, getRestProps } from '../utils';
 import { noop } from 'intact-shared';
 import { cx } from '@emotion/css';
@@ -227,6 +227,12 @@ Dropdown.template = function () {
   var _children = children,
       trigger = _children[0],
       menu = _children[1];
+  /**
+   * In vue-legacy, if the menu is TooltipContent, the menu will be InUsed when update,
+   * so we clone it here, #954
+   */
+
+  menu = directClone(menu);
   var props = this.initEventCallbacks();
 
   var _this$get = this.get(),

package/components/dropdown/usePosition.js

@@ -39,7 +39,6 @@ export function usePosition() {
     var pos = instance.get('position');
 
     switch (pos) {
-      case 'left':
       case 'left':
         pos = {
           my: 'right-10 center',

package/components/icon/styles.js

@@ -39,7 +39,7 @@ export var sizes = ['large', 'small', 'mini'];
 export var makeStyles = cache(function makeStyles(k, color) {
   // create the global icon styles
   makeIconStyles(k);
-  return /*#__PURE__*/css("color:", icon.color, ";font-size:", icon.fontSize.default, ";line-height:1;", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  return /*#__PURE__*/css("color:", icon.color, ";font-size:", icon.fontSize.default, ";line-height:1;font-weight:normal;", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var fontSize = icon.fontSize[size];
     return /*#__PURE__*/css("&.", k, "-", size, "{font-size:", fontSize, ";}");
   }), " ", _mapInstanceProperty(colors).call(colors, function (color) {

package/components/input/styles.js

@@ -135,7 +135,7 @@ setDefault(function () {
 export var makeStyles = cache(function makeStyles(k) {
   var _context;
 
-  return /*#__PURE__*/css("display:inline-block;width:", input.width, ";color:", input.color, ";vertical-align:middle;.", k, "-input-wrapper{display:inline-flex;align-items:center;width:100%;position:relative;border:", input.border, ";background-color:", input.bgColor, ";transition:border ", input.transition, ",background ", input.transition, ",box-shadow ", input.transition, ";border-radius:", input.borderRadius, ";&:hover{border:", input.hoverBorder, ";z-index:1;}}&.", k, "-focus .", k, "-input-wrapper{border:", input.focusBorder, ";z-index:1;}.", k, "-input-inner{flex:1;outline:none;color:inherit;font-size:inherit;border:none;background:transparent;padding:0;width:0;&::placeholder{color:", input.placeholderColor, ";}}&.", k, "-fluid{width:100%;}.", k, "-input-prefix,.", k, "-input-suffix{display:flex;align-items:center;gap:", input.clearIconGap, ";color:", theme.color.lightBlack, ";position:relative;}.", k, "-input-prefix{margin-right:", input.clearIconGap, ";}.", k, "-input-suffix{margin-left:", input.clearIconGap, ";}.", k, "-input-clear{opacity:0;transition:opacity ", input.transition, ";pointer-events:none;color:", input.clearIconColor, ";}&:hover .", k, "-input-clear.", k, "-input-show{opacity:1;pointer-events:all;}.", k, "-input-show-password{color:", input.clearIconColor, ";}&.", k, "-stack-clear{.", k, "-input-clear{position:absolute;z-index:1;right:0;&.", k, "-input-show+*{transition:opacity ", input.transition, ";}}&:hover{.", k, "-input-clear.", k, "-input-show+*{opacity:0;}}}&.", k, "-group{display:inline-flex;.", k, "-input-wrapper{border-radius:0;flex:1;}.", k, "-input-wrapper:first-child{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}.", k, "-input-wrapper:last-child{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}.", k, "-input-prepend,.", k, "-input-append{display:inline-flex;align-items:center;background-color:", input.groupBgColor, ";border:", input.border, ";white-space:nowrap;.", k, "-btn{margin:-1px;&.", k, "-none:hover{background:transparent;}}.", k, "-select{margin:-1px;text-align:left;}}.", k, "-input-prepend{&,.", k, "-btn,.", k, "-select{z-index:1;border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}}.", k, "-input-append{&,.", k, "-btn,.", k, "-select{z-index:1;border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}.", k, "-input-padding{padding:0 ", input.groupPaddingGap, ";}.", k, "-input-prepend{border-right:none;}.", k, "-input-append{border-left:none;}&.", k, "-flat{color:", _flatInstanceProperty(input).color, ";.", k, "-input-wrapper{border:none;background:", _flatInstanceProperty(input).bgColor, ";}}&.", k, "-disabled{color:", input.disabledColor, ";cursor:not-allowed;.", k, "-input-wrapper{border-color:", input.disabledBorderColor, ";background:", input.disabledBgColor, ";}.", k, "-input-inner{cursor:not-allowed;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  return /*#__PURE__*/css("display:inline-block;width:", input.width, ";color:", input.color, ";vertical-align:middle;.", k, "-input-wrapper{display:inline-flex;align-items:center;width:100%;position:relative;border:", input.border, ";background-color:", input.bgColor, ";transition:border ", input.transition, ",background ", input.transition, ",box-shadow ", input.transition, ";border-radius:", input.borderRadius, ";&:hover{border:", input.hoverBorder, ";z-index:1;}}&.", k, "-focus .", k, "-input-wrapper{border:", input.focusBorder, ";z-index:1;}.", k, "-input-inner{flex:1;outline:none;color:inherit;font-size:inherit;border:none;background:transparent;padding:0;width:0;max-width:100%;&::placeholder{color:", input.placeholderColor, ";}}&.", k, "-fluid{width:100%;}.", k, "-input-prefix,.", k, "-input-suffix{display:flex;align-items:center;gap:", input.clearIconGap, ";color:", theme.color.lightBlack, ";position:relative;}.", k, "-input-prefix{margin-right:", input.clearIconGap, ";}.", k, "-input-suffix{margin-left:", input.clearIconGap, ";}.", k, "-input-clear{opacity:0;transition:opacity ", input.transition, ";pointer-events:none;color:", input.clearIconColor, ";}&:hover .", k, "-input-clear.", k, "-input-show{opacity:1;pointer-events:all;}.", k, "-input-show-password{color:", input.clearIconColor, ";}&.", k, "-stack-clear{.", k, "-input-clear{position:absolute;z-index:1;right:0;&.", k, "-input-show+*{transition:opacity ", input.transition, ";}}&:hover{.", k, "-input-clear.", k, "-input-show+*{opacity:0;}}}&.", k, "-group{display:inline-flex;.", k, "-input-wrapper{border-radius:0;flex:1;}.", k, "-input-wrapper:first-child{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}.", k, "-input-wrapper:last-child{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}.", k, "-input-prepend,.", k, "-input-append{display:inline-flex;align-items:center;background-color:", input.groupBgColor, ";border:", input.border, ";white-space:nowrap;.", k, "-btn{margin:-1px;&.", k, "-none:hover{background:transparent;}}.", k, "-select{margin:-1px;text-align:left;}}.", k, "-input-prepend{&,.", k, "-btn,.", k, "-select{z-index:1;border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}}.", k, "-input-append{&,.", k, "-btn,.", k, "-select{z-index:1;border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}.", k, "-input-padding{padding:0 ", input.groupPaddingGap, ";}.", k, "-input-prepend{border-right:none;}.", k, "-input-append{border-left:none;}&.", k, "-flat{color:", _flatInstanceProperty(input).color, ";.", k, "-input-wrapper{border:none;background:", _flatInstanceProperty(input).bgColor, ";}}&.", k, "-disabled{color:", input.disabledColor, ";cursor:not-allowed;.", k, "-input-wrapper{border-color:", input.disabledBorderColor, ";background:", input.disabledBgColor, ";}.", k, "-input-inner{cursor:not-allowed;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var styles = input[size];
     var sizeClassName = /*#__PURE__*/css("font-size:", styles.fontSize, ";.", k, "-input-wrapper{height:", styles.height, ";padding:0 ", styles.paddingGap, ";}");
     if (size === 'default') return sizeClassName;

package/components/select/select.d.ts

@@ -0,0 +1,33 @@
+import { Children, TypeDefs } from 'intact-vue-next';
+import { Option } from './option';
+import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from './base';
+export interface SelectProps<T = string, Multipe extends boolean = boolean> extends BaseSelectProps<T, Multipe> {
+    filter?: (keywords: string, props: any) => boolean;
+    searchable?: boolean;
+    creatable?: boolean;
+    labelMap?: Map<any, Children>;
+    card?: boolean;
+    autoDisableArrow?: boolean;
+}
+export interface SelectEvents extends BaseSelectEvents {
+}
+export interface SelectBlocks<T> extends BaseSelectBlocks<T> {
+    menu: null;
+}
+export declare class Select<T = string, Multipe extends boolean = false> extends BaseSelect<SelectProps<T, Multipe>, SelectEvents, SelectBlocks<T>> {
+    static template: string | import('intact-vue-next').Template<any>;
+    static typeDefs: Required<TypeDefs<SelectProps<string, boolean>>>;
+    static defaults: () => Partial<SelectProps<string, boolean>>;
+    filterable: {
+        getCreatedVNode: (children: (string | number | import('intact-vue-next').VNode<import('intact-vue-next').VNodeTag>)[]) => import('intact-vue-next').VNode<typeof Option> | undefined;
+        filter: (children: Children) => Children;
+    };
+    label: {
+        getLabel: () => Children;
+        activeIndices: import('intact-vue-next').NonNullableRefObject<number[]>;
+    };
+    init(): void;
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];
+    protected getLabel(): Children;
+    private getAllShowedValues;
+}

package/components/steps/context.d.ts

@@ -1,5 +1,5 @@
 export declare const context: {
-    Provider: import("vdt").ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("vdt").ComponentConstructor<import('intact-vue-next').Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
-    useContext: () => import("vdt").RefObject<any>;
+    Provider: import("misstime").ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import("misstime").ComponentConstructor<import('intact-vue-next').Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    useContext: () => import("misstime").RefObject<any>;
 };

package/components/table/exportTable.js

@@ -78,7 +78,7 @@ function pushTextContext(rows, dom, content) {
 export function download(content, filename) {
   if (navigator.msSaveBlob) {
     // IE10+
-    var blob = new Blob([content], {
+    var blob = new Blob(["\uFEFF" + content], {
       type: 'text/csv;charset=utf-8'
     });
     navigator.msSaveBlob(blob, filename);
@@ -86,7 +86,10 @@ export function download(content, filename) {
     var link = document.createElement('a');
 
     if ('download' in link) {
-      var _blob = new Blob([content], {
+      /**
+       * should add \uFEFF, otherwise it will be error codes in MSExcel
+       */
+      var _blob = new Blob(["\uFEFF" + content], {
         type: 'text/csv;charset=utf-8'
       });
 

package/components/table/table.js

@@ -18,7 +18,7 @@ import { useExpandable } from './useExpandable';
 import { useSelected } from './useSelected';
 import { useTree } from './useTree';
 import { Tooltip } from '../tooltip/tooltip';
-import { useRestRowStatus } from './useRestRowStatus';
+import { useResetRowStatus } from './useResetRowStatus';
 import { exportTable as _exportTable } from './exportTable';
 import { useResizable } from './useResizable';
 import { useDraggable } from './useDraggable';
@@ -117,7 +117,7 @@ export var Table = /*#__PURE__*/function (_Component) {
     _this.sortable = useSortable();
     _this.expandable = useExpandable();
     _this.selected = useSelected();
-    _this.resetRowStatus = useRestRowStatus(_this.disableRow.getAllKeys);
+    _this.resetRowStatus = useResetRowStatus(_this.disableRow.getAllKeys);
     _this.draggable = useDraggable(_this.pagination.data);
     _this.stickyScrollbar = useStickyScrollbar(_this.stickyHeader.elementRef, _this.scroll, _this.width.tableRef, _this.fixedColumns.setScrollPosition);
     _this.config = useConfigContext();

package/components/table/useFixedColumns.js

@@ -89,7 +89,7 @@ export function useFixedColumns(getColumns, _ref, widthMap) {
   function updateScrollPositionOnResize() {
     var scrollDom = scrollRef.value;
 
-    if (scrollDom.scrollWidth - scrollDom.offsetWidth <= 0) {
+    if (!hasFixed.value || scrollDom.scrollWidth - scrollDom.offsetWidth <= 0) {
       scrollPosition.set(null);
     } else {
       setScrollPosition(scrollRef.value.scrollLeft);

package/components/table/{useRestRowStatus.d.ts → useResetRowStatus.d.ts}

@@ -1,4 +1,4 @@
 import type { TableRowKey } from './table';
-export declare function useRestRowStatus(getAllKeys: () => TableRowKey[]): {
+export declare function useResetRowStatus(getAllKeys: () => TableRowKey[]): {
     onRowBeforeUnmount: (key: TableRowKey) => void;
 };

package/components/table/{useRestRowStatus.js → useResetRowStatus.js}

@@ -2,7 +2,7 @@ import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/i
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
 import { useInstance, onBeforeUnmount, onUpdated } from 'intact-vue-next';
 import { addOrRemove } from './useChecked';
-export function useRestRowStatus(getAllKeys) {
+export function useResetRowStatus(getAllKeys) {
   var instance = useInstance();
   var allUnmountedRows = [];
   var willUnmounted = false;

package/components/tabs/tab.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'intact-vue-next';
+import { Component, TypeDefs } from 'intact-vue-next';
 export interface TabProps {
     value?: any;
     disabled?: boolean;
@@ -10,6 +10,7 @@ export interface TabEvents {
 }
 export declare class Tab extends Component<TabProps, TabEvents> {
     static template: string | import('intact-vue-next').Template<any>;
+    static typeDefs: Required<TypeDefs<TabProps>>;
     private tabs;
     private config;
     private onClick;

package/components/tabs/tab.js

@@ -49,6 +49,7 @@ export var Tab = /*#__PURE__*/function (_Component) {
   return Tab;
 }(Component);
 Tab.template = template;
+Tab.typeDefs = typeDefs;
 
 __decorate([bind], Tab.prototype, "onClick", null);
 

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-vue-next').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-vue-next').RefObject<import("../datepicker/calendar").DatepickerCalendar>;
+        endRef: import('intact-vue-next').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-vue-next').Children[];
+    protected getLabel(): string | string[];
+}

package/components/treeSelect/index.d.ts

@@ -0,0 +1,28 @@
+import { TypeDefs, Children, Key } from 'intact-vue-next';
+import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from '../select/base';
+import { TreeProps } from '../tree';
+import type { DataItem } from '../tree/useNodes';
+export interface TreeSelectProps<K extends Key = Key, Multipe extends boolean = boolean, Checkbox extends boolean = boolean> extends BaseSelectProps<K, Multipe, Checkbox extends true ? K[] : K | null> {
+    data?: TreeProps<K>['data'];
+    uncorrelated?: boolean;
+    load?: TreeProps<K>['load'];
+    showLine?: boolean;
+    defaultExpandAll?: boolean;
+    checkbox?: Checkbox;
+    filter?: (keywords: string, data: DataItem<K>) => boolean;
+}
+export interface TreeSelectEvents extends BaseSelectEvents {
+}
+export interface TreeSelectBlocks<K> extends BaseSelectBlocks<K> {
+}
+export declare class TreeSelect<K extends Key = Key, Checkbox extends boolean = false, Multipe extends boolean = Checkbox extends true ? true : false> extends BaseSelect<TreeSelectProps<K, Multipe, Checkbox>, TreeSelectEvents, TreeSelectBlocks<K>> {
+    static template: string | import('intact-vue-next').Template<any>;
+    static typeDefs: Required<TypeDefs<TreeSelectProps<Key, boolean, boolean>>>;
+    static defaults: () => Partial<TreeSelectProps<Key, boolean, boolean>>;
+    private value;
+    init(): void;
+    expandAll(): void;
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];
+    protected getLabel(): Children;
+    private filter;
+}

package/components/wave/index.js

@@ -35,7 +35,7 @@ export var Wave = /*#__PURE__*/function (_Component) {
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.instance = null;
     _this.className = void 0;
-    _this.timer = 0;
+    _this.timer = null;
     _this.config = useConfigContext();
     return _this;
   }
@@ -95,7 +95,11 @@ export var Wave = /*#__PURE__*/function (_Component) {
     if (!node) return;
     node.classList.remove(this.className);
     node.removeEventListener('animationend', this.resetAnimation);
-    clearTimeout(this.timer);
+
+    if (this.timer) {
+      clearTimeout(this.timer);
+      this.timer = null;
+    }
   };
 
   return Wave;

package/hooks/useDelayClose.js

@@ -1,7 +1,7 @@
 import { onMounted, useInstance, onUnmounted } from 'intact-vue-next';
 export function useDelayClose(close, duration) {
   var instance = useInstance();
-  var timer;
+  var timer = null;
 
   function delayClose() {
     if (duration) {
@@ -11,7 +11,7 @@ export function useDelayClose(close, duration) {
 
   function onMouseEnter(e) {
     instance.trigger('mouseenter', e);
-    clearTimeout(timer);
+    clear();
   }
 
   function onMouseLeave(e) {
@@ -20,14 +20,19 @@ export function useDelayClose(close, duration) {
     // so we must detect the $unmounted status here
 
     if (instance.$unmounted) return;
-    clearTimeout(timer);
+    clear();
     delayClose();
   }
 
+  function clear() {
+    if (timer) {
+      clearTimeout(timer);
+      timer = null;
+    }
+  }
+
   onMounted(delayClose);
-  onUnmounted(function () {
-    clearTimeout(timer);
-  });
+  onUnmounted(clear);
   return {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave