@king-design/intact 2.0.3 → 2.0.6

package/components/dialog/demos/block.md

@@ -50,10 +50,12 @@ import {Button, Dialog} from 'kpc';
     <Button @click="show = true" type="primary">Show Dialog</Button>
     <Button @click="show1 = true" type="primary">Show No Footer Dialog</Button>
     <Dialog v-model="show">
-        <div class="k-title" slot="header">
-            <i class="ion-person"></i>
-            Custom Header
-        </div>
+        <template slot="header">
+            <div class="k-title">
+                <i class="ion-person"></i>
+                Custom Header
+            </div>
+        </template>
 
         Dialog Body 
 
@@ -65,7 +67,9 @@ import {Button, Dialog} from 'kpc';
     </Dialog>
     <Dialog v-model="show1" title="No Footer">
         <template slot="body">body</template>
-        <div slot="footer-wrapper"></div>
+        <template slot="footer-wrapper">
+            <div></div>
+        </template>
     </Dialog>
 </div>
 ```

package/components/dialog/index.md

@@ -101,6 +101,7 @@ export type Container = string | ((parentDom: Element, anchor: Node | null) => E
 | size | 弹窗尺寸 | `"large"` | `"default"` | `"small"` | `"mini"` | `"default"` |
 | hideIcon | 是否隐藏提示图标 | `boolean` | `false` |
 | hideFooter | 是否隐藏底部按钮 | `boolean` | `false` |
+| ref | 传入一个函数，组件会调用该函数，将当前`Dialog`实例传入 | `(i: Dialog) => void` | `undefined` |
 
 其中`Promise`对象会在点击“确定”按钮时`resolve()`，在点击“取消”按钮时`reject()`，你可以在`then()`
 中书写用户点击不同按钮的逻辑

package/components/dialog/index.ts

@@ -15,11 +15,11 @@ export class BaseDialog<
     public useAsComponent = false;
 
     constructor(
-        props: Props<P, BaseDialog> | null | undefined = null as unknown as P,
-        $vNode: VNodeComponentClass = null as unknown as VNodeComponentClass,
+        props: Props<P, BaseDialog> | null | undefined = null,
+        $vNode: VNodeComponentClass = createVNode(BaseDialog),
         $SVG: boolean = false,
         $mountedQueue: Function[] = [],
-        $senior: ComponentClass | null = null
+        $senior: ComponentClass | null = null,
     ) {
         super(props, $vNode, $SVG, $mountedQueue, $senior);
     }
@@ -27,11 +27,12 @@ export class BaseDialog<
     init() {
         super.init();
 
-        usePosition(this.dialogRef);
-
-        if (this.$vNode) {
+        // @ts-ignore
+        if (this.$vNode.tag !== BaseDialog) {
             this.useAsComponent = true;
         }
+
+        usePosition(this.dialogRef);
     }
 
     public show() {
@@ -50,7 +51,7 @@ export class BaseDialog<
             // use as intance
             const mountedQueue = this.$mountedQueue;
             this.$init(null); 
-            const vNode = this.$vNode = createVNode(BaseDialog) as VNodeComponentClass<any>;
+            const vNode = this.$vNode;
             vNode.children = this;
             this.$render(null, vNode, document.body, null, mountedQueue);
             callAll(mountedQueue);

package/components/dialog/staticMethods.ts

@@ -7,6 +7,7 @@ export interface AlertDialogProps extends DialogProps {
     type?: 'success' | 'warning' | 'error' | 'confirm' 
     hideIcon?: boolean
     hideFooter?: boolean
+    ref?: (i: Dialog) => void
 }
 
 export type StaticMethod = (options?: AlertDialogProps) => Promise<void>
@@ -24,9 +25,12 @@ export function addStaticMethods(Component: typeof Dialog) {
     }
 
     function show(options: AlertDialogProps = {}) {
+        const dialog = new AlertDialog(options);
+        dialog.show();
+
+        if (options.ref) options.ref(dialog);
+
         return new Promise<void>((resolve, reject) => {
-            const dialog = new AlertDialog(options, null as unknown as VNodeComponentClass<any>, false, [], null);
-            dialog.show();
             dialog.on('ok', () => {
                 resolve();
             });

package/components/table/cell.ts

@@ -39,6 +39,10 @@ export class TableCell extends Component<TableCellProps> {
                 isSame = false;
                 break;
             }
+            if (key === 'props' && nextProps.props.$blocks) {
+                isSame = false;
+                break;
+            }
         }
 
         if (!isSame) {

package/components/table/index.spec.ts

@@ -521,58 +521,42 @@ describe('Table', () => {
         expect(instance.get('checkedKeys')).to.eql([3, 4, 1, 2]);
     });
 
-    // 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', async() => {
+        const update = sinon.spy();
+        class Test extends Component {
+            static template = `<div>test</div>`;
+            beforeUpdate() {
+                update();
+            }
+        }
+        class Demo extends Component<{data: any[], checkedKeys: number[]}> {
+            static template = `
+                const {Table, TableColumn, Test} = this;
+                <Table data={this.get('data')} ref="table">
+                    <TableColumn key="a">
+                        <b:template>
+                            <Test />
+                        </b:template>
+                    </TableColumn>
+                </Table>
+            `;
+            static defaults() {
+                return {
+                    data: [
+                        {a: 1},
+                        {a: 2},
+                    ],
+                };
+            }
+            private Table = Table;
+            private TableColumn = TableColumn;
+            private Test = Test;
+        }
+       
+        const [instance, element] = mount(Demo);
+        element.querySelector<HTMLElement>('tbody tr')!.click();
+
+        await wait();
+        expect(update.callCount).to.eql(1);
+    });
 });

package/components/table/useChecked.ts

@@ -202,7 +202,7 @@ export function useChecked(
     instance.on('$change:data', updateAllCheckedStatus);
 
     instance.on('clickRow', (data: any, index: number, key: TableRowKey) => {
-        if (instance.get('rowCheckable')) {
+        if (instance.get('rowCheckable') && instance.get('checkType') !== 'none') {
             toggleChecked(key, index);
         }
     });

package/es/components/cascader/index.d.ts

@@ -0,0 +1,34 @@
+import { TypeDefs } from 'intact';
+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/es/components/datepicker/index.d.ts

@@ -0,0 +1,63 @@
+import { TypeDefs } from 'intact';
+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/es/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/es/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/es/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/es/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/es/components/select/select.d.ts

@@ -0,0 +1,33 @@
+import { Children, TypeDefs } from 'intact';
+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/es/components/steps/context.d.ts

@@ -1,4 +1,4 @@
 export declare const context: {
-    Provider: import("vdt").ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("vdt").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    Provider: import("misstime").ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import("misstime").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
 };

package/es/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/es/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/es/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/es/components/timepicker/panelPicker.d.ts

@@ -0,0 +1,54 @@
+import { TypeDefs } from 'intact';
+import { BasePicker } from '../datepicker/basepicker';
+import dayjs from '../datepicker/dayjs';
+import { State } from '../../hooks/useState';
+import { PanelTypes } from '../datepicker/usePanel';
+import { TimepickerProps, TimepickerEvents, TimepickerBlocks } from './constants';
+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/es/components/treeSelect/index.d.ts

@@ -0,0 +1,27 @@
+import { TypeDefs, Children, Key } from 'intact';
+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/es/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,4 +57,4 @@ 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";

package/es/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,5 +59,5 @@ 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 */

package/es/packages/kpc-react/__tests__/index.js

@@ -73,7 +73,7 @@ describe('React Demos', function () {
               return wait(100);
 
             case 3:
-              // FIXME: I don't why the width of `autoWidth` input is an unexpected value
+              // FIXME: I don't know why the width of `autoWidth` input is an unexpected value
               // while we run test on Github Actions.
               innerHTML = element.innerHTML.replace(/(\<input.*?style="width: )(?:.*?)(px;")/g, '$1$2');
               expect(innerHTML).to.matchSnapshot();

package/es/site/data/components/menu/demos/collapse/react.d.ts

@@ -3,7 +3,7 @@ import { MenuProps } from '@king-design/react';
 interface Props extends MenuProps {
 }
 export default class Demo extends React.Component<{}, Props> {
-    state: MenuProps<import("vdt").Key>;
+    state: MenuProps<import("misstime").Key>;
     private __test;
     setTheme(theme?: string): void;
     render(): JSX.Element;

package/es/site/data/components/menu/demos/size/react.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import './index.styl';
 import type { MenuProps } from '@king-design/react';
 export default class Demo extends React.Component {
-    state: MenuProps<import("vdt").Key>;
+    state: MenuProps<import("misstime").Key>;
     render(): JSX.Element;
 }

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.3
+ * @king-design v2.0.6
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -62,6 +62,6 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
 
-export const version = '2.0.3';
+export const version = '2.0.6';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "2.0.3",
+  "version": "2.0.6",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "scripts": {
@@ -8,6 +8,7 @@
     "snapshots": "cross-env UPDATE=1 npm run test",
     "test:all": "lerna exec -- npm run test",
     "test:react": "lerna exec --scope @king-design/react -- npm run test",
+    "test:vue": "lerna exec --scope @king-design/vue -- npm run test",
     "snapshots:all": "lerna exec -- npm run snapshots",
     "cover": "cross-env UPDATE=2 npm run test",
     "start": "node server.js",
@@ -30,7 +31,8 @@
     "prelease-patch": "lerna version prepatch --preid beta --force-publish && npm run _publish -- --tag=beta",
     "prelease-minor": "lerna version preminor --preid beta --force-publish && npm run _publish -- --tag=beta",
     "prelease-major": "lerna version premajor --preid beta --force-publish && npm run _publish -- --tag=beta",
-    "upload:resources": "gulp upload:resources"
+    "upload:resources": "gulp upload:resources",
+    "update:deps": "lerna exec -- yarn"
   },
   "repository": {
     "type": "git",
@@ -114,7 +116,7 @@
     "highlight.js": "^10.4.1",
     "history": "^5.0.0",
     "html-webpack-plugin": "5.3.1",
-    "intact-react": "^3.0.3",
+    "intact-react": "^3.0.6",
     "istanbul-instrumenter-loader": "^3.0.0",
     "js-yaml": "^4.1.0",
     "karma": "^6.3.2",
@@ -176,7 +178,7 @@
     "dayjs": "^1.10.7",
     "downloadjs": "^1.4.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.5",
+    "intact": "^3.0.6",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",