@king-design/intact 3.1.2 → 3.1.4-beta.0

package/styles/global.ts

@@ -9,6 +9,10 @@ const slideDirections = {
     right: 'left center 0',
 };
 
+if (!/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)) {
+    document.body.classList.add('k-customize-scrollbar');
+}
+
 // TODO: update global when theme changed
 injectGlobal`
     html {
@@ -27,25 +31,31 @@ injectGlobal`
     }
 
     // scollbar
-    ::-webkit-scrollbar {
-        width: 10px;
-        height: 10px;
-        background-color: #fff;
-    }
-    ::-webkit-scrollbar-track {
-        background-color: #fff;
-    }
-    ::-webkit-scrollbar-thumb {
-        background-color: #babac0;
-        border-radius: 16px;
-        border: 2px solid #fff;
-        &:hover {
-            background-color: #a0a0a5;
-            // border-width: 1px;
+    .k-customize-scrollbar {
+        &::-webkit-scrollbar,
+        *::-webkit-scrollbar {
+            width: 10px;
+            height: 10px;
+            background-color: #fff;
+        }
+        &::-webkit-scrollbar-track,
+        *::-webkit-scrollbar-track {
+            background-color: #fff;
+        }
+        &::-webkit-scrollbar-thumb,
+        *::-webkit-scrollbar-thumb {
+            background-color: #babac0;
+            border-radius: 16px;
+            border: 2px solid #fff;
+            &:hover {
+                background-color: #a0a0a5;
+                // border-width: 1px;
+            }
+        }
+        &::-webkit-scroll-button,
+        *::-webkit-scroll-button {
+            display: none;
         }
-    }
-    ::-webkit-scroll-button {
-        display: none;
     }
 
     // animation

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

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

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

@@ -1,63 +0,0 @@
-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/select/select.d.ts

@@ -1,33 +0,0 @@
-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/timepicker/panelPicker.d.ts

@@ -1,54 +0,0 @@
-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

@@ -1,28 +0,0 @@
-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;
-    expandAll(): void;
-    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];
-    protected getLabel(): Children;
-    private filter;
-}