@king-design/react 3.1.5 → 3.1.6

package/__tests__/components/drawer.spec.tsx

@@ -10,10 +10,10 @@ describe('Drawer', () => {
         container = document.createElement('div');
         document.body.appendChild(container);
     });
-    // afterEach(() => {
-        // ReactDOM.unmountComponentAtNode(container);
-        // document.body.removeChild(container);
-    // });
+    afterEach(() => {
+        ReactDOM.unmountComponentAtNode(container);
+        document.body.removeChild(container);
+    });
 
     it('should render react element correctly', async () => {
         class Test extends Component {

package/components/cascader/index.d.ts

@@ -0,0 +1,45 @@
+import { TypeDefs } from 'intact-react';
+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 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-react').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-react').Children[];
+    protected getLabel(): import('intact-react').Children;
+    protected hasValue(): any;
+}

package/components/datepicker/index.d.ts

@@ -0,0 +1,63 @@
+import { TypeDefs } from 'intact-react';
+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-react').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-react').RefObject<import("./calendar").DatepickerCalendar>;
+        endRef: import('intact-react').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-react').Children[];
+    protected getLabel(): string | string[];
+    protected clear(e: MouseEvent): void;
+    private setByShortcut;
+}

package/components/datepicker/index.spec.js

@@ -801,22 +801,27 @@ describe('Datepicker', function () {
             first = calendar1.querySelectorAll('.k-calendar-item')[17];
             second = calendar2.querySelectorAll('.k-calendar-item')[17];
             first.click();
+            // should stay at date panel
+            _context21.next = 12;
+            return wait();
+          case 12:
+            expect(calendar1.querySelector('.k-days')).be.exist;
             second.click();
-            _context21.next = 13;
+            _context21.next = 16;
             return wait();
-          case 13:
+          case 16:
             dispatchEvent(calendar1.querySelector('.k-scroll-select-wrapper .k-active').nextElementSibling, 'click');
             dispatchEvent(calendar2.querySelector('.k-scroll-select-wrapper .k-active').previousElementSibling, 'click');
             content.querySelector('.k-datepicker-footer .k-btn').click();
-            _context21.next = 18;
+            _context21.next = 21;
             return wait();
-          case 18:
+          case 21:
             value2 = instance.get('time');
             expect(value2).have.lengthOf(2);
             expect(_mapInstanceProperty(value2).call(value2, function (item) {
               return item.split(' ')[1];
             })).eql(['01:00:00', '22:59:59']);
-          case 21:
+          case 24:
           case "end":
             return _context21.stop();
         }

package/components/datepicker/useValue.js

@@ -61,7 +61,15 @@ export function useValue(formats, disabled, panel) {
     }
     setValue(_value, false);
     if (type === 'datetime') {
-      panel.changePanel(PanelTypes.Time, flag);
+      if (range) {
+        // only change to time panel after selected start and end date
+        if (_value.length === 2) {
+          panel.changePanel(PanelTypes.Time, PanelFlags.Start);
+          panel.changePanel(PanelTypes.Time, PanelFlags.End);
+        }
+      } else {
+        panel.changePanel(PanelTypes.Time, flag);
+      }
     } else if (!multiple && (!range || _value.length === 2)) {
       instance.hide();
     }

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

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

package/components/timepicker/panelPicker.d.ts

@@ -0,0 +1,54 @@
+import { TypeDefs } from 'intact-react';
+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-react').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-react').RefObject<import("../datepicker/calendar").DatepickerCalendar>;
+        endRef: import('intact-react').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-react').Children[];
+    protected getLabel(): string | string[];
+}

package/components/treeSelect/index.d.ts

@@ -0,0 +1,28 @@
+import { TypeDefs, Children, Key } from 'intact-react';
+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-react').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/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.5
+ * @king-design v3.1.6
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -60,7 +60,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "3.1.5";
+export declare const version = "3.1.6";
 
 
 export {normalize} from 'intact-react';

package/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.5
+ * @king-design v3.1.6
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -61,7 +61,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '3.1.5';
+export var version = '3.1.6';
 /* generate end */
 
 export {normalize} from 'intact-react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/react",
-  "version": "3.1.5",
+  "version": "3.1.6",
   "description": "King-Design UI components for React.",
   "keywords": [
     "component",
@@ -36,7 +36,7 @@
     "@emotion/css": "^11.5.0",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
-    "intact-react": "3.0.28",
+    "intact-react": "3.0.29",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",