@king-design/vue 2.0.3 → 2.0.6

package/__tests__/__snapshots__/Vue Next Demos.md

@@ -515,7 +515,7 @@
 ####   `Form custom`
 
 ```
-"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-1frgjei\" model=\"descriptions[0]\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div><template slot=\"append\"></template></div></div><div class=\"k-form-item css-1frgjei\" model=\"descriptions[1]\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div><template slot=\"append\"></template></div></div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">添加</button></div></div></form>"
+"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-1frgjei\" model=\"descriptions[0]\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">删除</button></div></div><div class=\"k-form-item css-1frgjei\" model=\"descriptions[1]\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">删除</button></div></div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">添加</button></div></div></form>"
 ```
 
 ####   `Form label`
@@ -1033,6 +1033,38 @@
 "<div><div class=\"k-select k-large css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select k-small css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select k-mini css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div>"
 ```
 
+## `skeleton`
+
+####   `Skeleton animate`
+
+```
+"<div><div class=\"k-skeleton k-animated css-19gzphz\"><div class=\"k-skeleton-avator-box\"><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-avator\"></div></div><div class=\"k-skeleton-items\"><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div></div></div></div></div>"
+```
+
+####   `Skeleton avator`
+
+```
+"<div><div class=\"k-skeleton css-19gzphz\"><div class=\"k-skeleton-avator-box\"><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-avator\"></div></div><div class=\"k-skeleton-items\"><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div></div></div></div></div>"
+```
+
+####   `Skeleton basic`
+
+```
+"<div><div class=\"k-skeleton css-19gzphz\"><div class=\"k-skeleton-items\"><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div></div></div></div>"
+```
+
+####   `Skeleton custom`
+
+```
+"<div><div class=\"k-skeleton k-animated css-19gzphz\"><div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-image\"><svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z\"></path></svg></div></div><div style=\"display: flex; justify-content: space-between; width: 200px; margin-top: 20px;\"><div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-button\" style=\"height: 16px;\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-button\" style=\"height: 16px; margin-top: 8px;\"></div></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-button\"></div></div></div></div></div></div>"
+```
+
+####   `Skeleton rows`
+
+```
+"<div><div class=\"k-skeleton css-19gzphz\"><div class=\"k-skeleton-items\"><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div><div class=\"k-skeleton-item css-lk4fv2\"><div class=\"k-skeleton-item-box skeleton-item-text\"></div></div></div></div></div>"
+```
+
 ## `slider`
 
 ####   `Slider basic`
@@ -1694,7 +1726,7 @@
 ####   `Tree filterable`
 
 ```
-"<div><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter keywords to filter node.\" type=\"text\"></div></div><div class=\"k-tree k-line k-selectable css-192otbj\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-1.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-1.1.1</div></div></div></div></div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.2</div></div></div></div></div><div class=\"k-tree-node k-expanded k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div><div class=\"k-tree\"><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.2.1</div></div></div></div></div></div></div></div></div>"
+"<div><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter keywords to filter node.\" type=\"text\"></div></div><div class=\"k-tree k-line k-selectable css-192otbj\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.2</div></div></div></div></div><div class=\"k-tree-node k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div></div></div></div></div></div>"
 ```
 
 ####   `Tree loading`

package/__tests__/components/dialog.spec.ts

@@ -0,0 +1,36 @@
+import {createApp, render} from 'vue';
+import {mount, unmount, dispatchEvent, getElement, wait} from '@/test/utils';
+import {Dialog} from '../../';
+
+describe('Dialog', () => {
+    it('call static method', async () => {
+        const container = document.createElement('div');
+        document.body.appendChild(container);
+        const vue = createApp({
+            template: `
+                <div @click="test">click</div>
+            `,
+            methods: {
+                test() {
+                    Dialog.success({
+                        content: 'test',
+                        ref: i => this.dialog = i,
+                    });
+                },
+                close() {
+                    this.dialog.close();
+                }
+            }
+        }).mount(container);
+
+        (vue.$el as HTMLElement).click();
+        await wait();
+        expect(getElement('.k-dialog')).to.be.exist;
+
+        (vue as any).close();
+        await wait(500);
+
+        render(null, container);
+        document.body.removeChild(container);
+    });
+});

package/components/cascader/index.d.ts

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

@@ -15,7 +15,7 @@ export var BaseDialog = /*#__PURE__*/function (_BaseDialog2) {
     }
 
     if ($vNode === void 0) {
-      $vNode = null;
+      $vNode = createVNode(BaseDialog);
     }
 
     if ($SVG === void 0) {
@@ -38,13 +38,14 @@ export var BaseDialog = /*#__PURE__*/function (_BaseDialog2) {
   var _proto = BaseDialog.prototype;
 
   _proto.init = function init() {
-    _BaseDialog2.prototype.init.call(this);
+    _BaseDialog2.prototype.init.call(this); // @ts-ignore
 
-    usePosition(this.dialogRef);
 
-    if (this.$vNode) {
+    if (this.$vNode.tag !== BaseDialog) {
       this.useAsComponent = true;
     }
+
+    usePosition(this.dialogRef);
   };
 
   _proto.show = function show() {
@@ -68,7 +69,7 @@ export var BaseDialog = /*#__PURE__*/function (_BaseDialog2) {
 
       _this2.$init(null);
 
-      var vNode = _this2.$vNode = createVNode(BaseDialog);
+      var vNode = _this2.$vNode;
       vNode.children = _this2;
 
       _this2.$render(null, vNode, document.body, null, mountedQueue);

package/components/dialog/staticMethods.d.ts

@@ -5,6 +5,7 @@ export interface AlertDialogProps extends DialogProps {
     type?: 'success' | 'warning' | 'error' | 'confirm';
     hideIcon?: boolean;
     hideFooter?: boolean;
+    ref?: (i: Dialog) => void;
 }
 export declare type StaticMethod = (options?: AlertDialogProps) => Promise<void>;
 export declare function addStaticMethods(Component: typeof Dialog): void;

package/components/dialog/staticMethods.js

@@ -29,9 +29,10 @@ export function addStaticMethods(Component) {
       options = {};
     }
 
+    var dialog = new AlertDialog(options);
+    dialog.show();
+    if (options.ref) options.ref(dialog);
     return new _Promise(function (resolve, reject) {
-      var dialog = new AlertDialog(options, null, false, [], null);
-      dialog.show();
       dialog.on('ok', function () {
         resolve();
       });

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").Template<any>;
+    static typeDefs: Required<TypeDefs<SelectProps<string, boolean>>>;
+    static defaults: () => Partial<SelectProps<string, boolean>>;
+    filterable: {
+        getCreatedVNode: (children: (string | number | import("intact").VNode<import("intact").VNodeTag>)[]) => import("intact").VNode<typeof Option> | undefined;
+        filter: (children: Children) => Children;
+    };
+    label: {
+        getLabel: () => Children;
+        activeIndices: import("intact").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,4 +1,4 @@
 export declare const context: {
-    Provider: import("vdt").ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("vdt").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    Provider: import("misstime").ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import("misstime").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
 };

package/components/table/cell.js

@@ -20,6 +20,11 @@ export var TableCell = /*#__PURE__*/function (_Component) {
         isSame = false;
         break;
       }
+
+      if (key === 'props' && nextProps.props.$blocks) {
+        isSame = false;
+        break;
+      }
     }
 
     if (!isSame) {

package/components/table/index.spec.js

@@ -988,56 +988,80 @@ describe('Table', function () {
         }
       }
     }, _callee21);
-  }))); // it('should render dropdown in header of fixed table correctly in Vue', async () => {
-  // const Demo = {
-  // template: `
-  // <Table :data="data" style="width: 800px;">
-  // <TableColumn key="a" width="300" fixed="left" />
-  // <TableColumn key="b" width="300">
-  // <template slot="title">
-  // <Dropdown trigger="click" :container="dom => dom.parentElement.closest('.k-table')">
-  // <Icon class="ion-ios-arrow-down" style="margin-left: 100px;" />
-  // <DropdownMenu>
-  // <DropdownItem>1</DropdownItem>
-  // <DropdownItem>2</DropdownItem>
-  // <DropdownItem>3</DropdownItem>
-  // </DropdownMenu>
-  // </Dropdown>
-  // </template>
-  // </TableColumn>
-  // <TableColumn key="c" width="300" fixed="right" />
-  // </Table>
-  // `,
-  // components: {
-  // Table,
-  // TableColumn,
-  // Dropdown,
-  // DropdownMenu,
-  // DropdownItem,
-  // Icon,
-  // },
-  // data() {
-  // return {
-  // data: [
-  // {a: 1, b: 1, c: 1},
-  // {a: 2, b: 2, c: 2},
-  // ],
-  // };
-  // }
-  // };
-  // const container = document.createElement('div');
-  // document.body.appendChild(container);
-  // const app = new Vue({
-  // render: h => h('Demo'),
-  // components: {
-  // Demo
-  // }
-  // }).$mount(container);
-  // // should show the first dropdown menu
-  // app.$el.querySelector('.k-icon').click();
-  // const dropdownMenu = app.$el.querySelectorAll('.k-dropdown-menu')[0];
-  // expect(dropdownMenu.style.display).to.eql('');
-  // app.$destroy();
-  // document.body.removeChild(app.$el);
-  // });
+  })));
+  it('should update children in TableCell', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee22() {
+    var update, Test, Demo, _mount24, instance, element;
+
+    return _regeneratorRuntime.wrap(function _callee22$(_context25) {
+      while (1) {
+        switch (_context25.prev = _context25.next) {
+          case 0:
+            update = sinon.spy();
+
+            Test = /*#__PURE__*/function (_Component3) {
+              _inheritsLoose(Test, _Component3);
+
+              function Test() {
+                return _Component3.apply(this, arguments) || this;
+              }
+
+              var _proto = Test.prototype;
+
+              _proto.beforeUpdate = function beforeUpdate() {
+                update();
+              };
+
+              return Test;
+            }(Component);
+
+            Test.template = "<div>test</div>";
+
+            Demo = /*#__PURE__*/function (_Component4) {
+              _inheritsLoose(Demo, _Component4);
+
+              function Demo() {
+                var _context24;
+
+                var _this3;
+
+                for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                  args[_key3] = arguments[_key3];
+                }
+
+                _this3 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context24 = [this]).call(_context24, args)) || this;
+                _this3.Table = Table;
+                _this3.TableColumn = TableColumn;
+                _this3.Test = Test;
+                return _this3;
+              }
+
+              Demo.defaults = function defaults() {
+                return {
+                  data: [{
+                    a: 1
+                  }, {
+                    a: 2
+                  }]
+                };
+              };
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const {Table, TableColumn, Test} = this;\n                <Table data={this.get('data')} ref=\"table\">\n                    <TableColumn key=\"a\">\n                        <b:template>\n                            <Test />\n                        </b:template>\n                    </TableColumn>\n                </Table>\n            ";
+            _mount24 = mount(Demo), instance = _mount24[0], element = _mount24[1];
+            element.querySelector('tbody tr').click();
+            _context25.next = 9;
+            return wait();
+
+          case 9:
+            expect(update.callCount).to.eql(1);
+
+          case 10:
+          case "end":
+            return _context25.stop();
+        }
+      }
+    }, _callee22);
+  })));
 });

package/components/table/useChecked.js

@@ -211,7 +211,7 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
 
   instance.on('$change:data', updateAllCheckedStatus);
   instance.on('clickRow', function (data, index, key) {
-    if (instance.get('rowCheckable')) {
+    if (instance.get('rowCheckable') && instance.get('checkType') !== 'none') {
       toggleChecked(key, index);
     }
   });

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/treeSelect/index.d.ts

@@ -0,0 +1,27 @@
+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").Template<any>;
+    static typeDefs: Required<TypeDefs<TreeSelectProps<Key, boolean, boolean>>>;
+    static defaults: () => Partial<TreeSelectProps<Key, boolean, boolean>>;
+    private value;
+    init(): void;
+    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];
+    protected getLabel(): Children;
+    private filter;
+}

package/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.3
+ * @king-design v2.0.6
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -57,7 +57,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "2.0.3";
+export declare const version = "2.0.6";
 
 
 export {normalize} from 'intact-vue-next';

package/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.3
+ * @king-design v2.0.6
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -59,7 +59,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '2.0.3';
+export var version = '2.0.6';
 /* generate end */
 
 export {normalize} from 'intact-vue-next';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/vue",
-  "version": "2.0.3",
+  "version": "2.0.6",
   "description": "King-Design UI components for Vue3.0.",
   "keywords": [
     "component",
@@ -38,7 +38,7 @@
     "dayjs": "^1.10.7",
     "downloadjs": "^1.4.7",
     "enquire.js": "^2.1.6",
-    "intact-vue-next": "^3.0.5",
+    "intact-vue-next": "^3.0.6",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",