x-next 0.0.0-alpha.60 → 0.0.0-alpha.62

package/README.md

@@ -27,51 +27,43 @@ app.mount('#app')
 ### 目前已完成的组件
 
 ```
-XButton: (typeof import('x-next'))['Button']
-XDialog: (typeof import('x-next'))['Dialog']
-XMessage: (typeof import('x-next'))['Message']
-XMessageBox: (typeof import('x-next'))['MessageBox']
-XNotification: (typeof import('x-next'))['Notification']
-XSpace: (typeof import('x-next'))['Space']
-XPopconfirm: (typeof import('x-next'))['Popconfirm']
-XTrendChart: (typeof import('x-next'))['TrendChart']
-XTimeline: (typeof import('x-next'))['Timeline']
-XTimelineItem: (typeof import('x-next'))['TimelineItem']
-XPopup: (typeof import('x-next'))['Popup']
-XScrollbar: (typeof import('x-next'))['Scrollbar']
-XDrawer: (typeof import('x-next'))['Drawer']
-XTag: (typeof import('x-next'))['Tag']
-XTooltip: (typeof import('x-next'))['Tooltip']
-XImage: (typeof import('x-next'))['Image']
-XImagePreview: (typeof import('x-next'))['ImagePreview']
-XImagePreviewGroup: (typeof import('x-next'))['ImagePreviewGroup']
-XImagePreviewAction: (typeof import('x-next'))['ImagePreviewAction']
-XTabPane: (typeof import('x-next'))['TabPane']
-XTabs: (typeof import('x-next'))['Tabs']
-XButtonGroup: (typeof import('x-next'))['ButtonGroup']
-XDropdown: (typeof import('x-next'))['Dropdown']
-XDropdownButton: (typeof import('x-next'))['DropdownButton']
-XEmpty: (typeof import('x-next'))['Empty']
-XDropdownOption: (typeof import('x-next'))['DropdownOption']
-XDropdownGroup: (typeof import('x-next'))['DropdownGroup']
-XDropdownSubmenu: (typeof import('x-next'))['DropdownSubmenu']
-XInput: (typeof import('x-next'))['Input']
-XInputGroup: (typeof import('x-next'))['InputGroup']
-XInputPassword: (typeof import('x-next'))['InputPassword']
-XInputSearch: (typeof import('x-next'))['InputSearch']
-XCol: (typeof import('x-next'))['Col']
-XGrid: (typeof import('x-next'))['Grid']
-XGridItem: (typeof import('x-next'))['GridItem']
-XRow: (typeof import('x-next'))['Row']
-XForm: (typeof import('x-next'))['Form']
-XFormItem: (typeof import('x-next'))['FormItem']
-XNetwork: (typeof import('x-next'))['Network']
-XStep: (typeof import('x-next'))['Step']
-XSteps: (typeof import('x-next'))['Steps']
-XCheckbox: (typeof import('x-next'))['Checkbox']
-XCheckboxGroup: (typeof import('x-next'))['CheckboxGroup']
-XSwitch: (typeof import('x-next'))['Switch']
-XRadio: (typeof import('x-next'))['Radio']
-XRadioGroup: (typeof import('x-next'))['RadioGroup']
-XSpin: (typeof import('x-next'))['Spin']
+XButton: (typeof import('x-next'))['Button'];
+XDialog: (typeof import('x-next'))['Dialog'];
+XMessage: (typeof import('x-next'))['Message'];
+XMessageBox: (typeof import('x-next'))['MessageBox'];
+XNotification: (typeof import('x-next'))['Notification'];
+XSpace: (typeof import('x-next'))['Space'];
+XPopconfirm: (typeof import('x-next'))['Popconfirm'];
+XTrendChart: (typeof import('x-next'))['TrendChart'];
+XTimeline: (typeof import('x-next'))['Timeline'];
+XTimelineItem: (typeof import('x-next'))['TimelineItem'];
+XPopup: (typeof import('x-next'))['Popup'];
+XScrollbar: (typeof import('x-next'))['Scrollbar'];
+XDrawer: (typeof import('x-next'))['Drawer'];
+XTag: (typeof import('x-next'))['Tag'];
+XTooltip: (typeof import('x-next'))['Tooltip'];
+XImage: (typeof import('x-next'))['Image'];
+XImagePreview: (typeof import('x-next'))['ImagePreview'];
+XImagePreviewGroup: (typeof import('x-next'))['ImagePreviewGroup'];
+XImagePreviewAction: (typeof import('x-next'))['ImagePreviewAction'];
+XTabPane: (typeof import('x-next'))['TabPane'];
+XTabs: (typeof import('x-next'))['Tabs'];
+XButtonGroup: (typeof import('x-next'))['ButtonGroup'];
+XDropdown: (typeof import('x-next'))['Dropdown'];
+XDropdownButton: (typeof import('x-next'))['DropdownButton'];
+XEmpty: (typeof import('x-next'))['Empty'];
+XDropdownOption: (typeof import('x-next'))['DropdownOption'];
+XDropdownGroup: (typeof import('x-next'))['DropdownGroup'];
+XDropdownSubmenu: (typeof import('x-next'))['DropdownSubmenu'];
+XInput: (typeof import('x-next'))['Input'];
+XInputGroup: (typeof import('x-next'))['InputGroup'];
+XInputPassword: (typeof import('x-next'))['InputPassword'];
+XInputSearch: (typeof import('x-next'))['InputSearch'];
+XCol: (typeof import('x-next'))['Col'];
+XGrid: (typeof import('x-next'))['Grid'];
+XGridItem: (typeof import('x-next'))['GridItem'];
+XRow: (typeof import('x-next'))['Row'];
+XForm: (typeof import('x-next'))['Form'];
+XFormItem: (typeof import('x-next'))['FormItem'];
+XNetwork: (typeof import('x-next'))['Network'];
 ```

package/dist/_hooks/_types.d.ts

@@ -3,6 +3,7 @@ export interface SlotChildren {
     value?: VNode[];
 }
 type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+export type EmitFn<T> = (event: T, ...args: any[]) => void;
 export type EmitFn2<Options = Record<string, any>, Event extends keyof Options = keyof Options> = UnionToIntersection<{
     [key in Event]: Options[key] extends (...args: infer Args) => any ? (event: key, ...args: Args) => void : (event: key, ...args: any[]) => void;
 }[Event]>;

package/dist/_hooks/use-component-ref.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPublicInstance } from 'vue';
+export declare const useComponentRef: (name: string) => {
+    componentRef: import('vue').Ref<HTMLElement | ComponentPublicInstance | undefined, HTMLElement | ComponentPublicInstance | undefined>;
+    elementRef: import('vue').Ref<any, any>;
+};

package/dist/_hooks/use-input.d.ts

@@ -0,0 +1,24 @@
+import { Ref } from 'vue';
+import { EmitFn } from './_types';
+import { FormItemEventHandler } from '../components/form/interface';
+export declare const useInput: ({ defaultValue, modelValue, emit, eventName, updateEventName, eventHandlers, }: {
+    defaultValue?: Ref<string>;
+    modelValue?: Ref<string>;
+    emit: EmitFn<any>;
+    eventName?: string;
+    updateEventName?: string;
+    eventHandlers?: Ref<FormItemEventHandler>;
+}) => {
+    inputRef: Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    _value: Ref<string, string>;
+    _focused: Ref<boolean, boolean>;
+    isComposition: Ref<boolean, boolean>;
+    compositionValue: Ref<string, string>;
+    computedValue: import('vue').ComputedRef<string>;
+    handleInput: (ev: Event) => void;
+    handleComposition: (ev: CompositionEvent) => void;
+    handleFocus: (ev: FocusEvent) => void;
+    handleBlur: (ev: FocusEvent) => void;
+    handleKeyDown: (ev: KeyboardEvent) => void;
+    handleMousedown: (ev: MouseEvent) => void;
+};

package/dist/_hooks/use-scrollbar.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from 'vue';
+import { ScrollbarProps } from '../components/scrollbar-v2/interface';
+export declare const useScrollbar: (scrollbar: Ref<ScrollbarProps | boolean>) => {
+    displayScrollbar: import('vue').ComputedRef<boolean>;
+    scrollbarProps: import('vue').ComputedRef<ScrollbarProps | undefined>;
+};

package/dist/_utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare function debounce(callback: (...args: any[]) => void, delay: number): (...args: any[]) => void;

package/dist/_utils/dom.d.ts

@@ -14,3 +14,16 @@ export interface Size {
     width: number;
 }
 export declare const getDocumentSize: () => Size;
+/**
+ * Get the relative distance between two DOMs
+ * @param target
+ * @param relative
+ */
+export declare const getRelativeRect: (target: HTMLElement, relative: HTMLElement) => {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+    width: number;
+    height: number;
+};

package/dist/components/_components/input-label/input-label.d.ts

@@ -0,0 +1,56 @@
+import { PropType } from 'vue';
+import { Size } from '../../../_utils/constant';
+import { SelectViewValue } from '../select-view/interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: PropType<SelectViewValue>;
+    inputValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    enabledInput: BooleanConstructor;
+    formatLabel: PropType<(data?: SelectViewValue) => string>;
+    placeholder: StringConstructor;
+    retainInputValue: BooleanConstructor;
+    disabled: BooleanConstructor;
+    baseCls: StringConstructor;
+    size: PropType<Size>;
+    error: BooleanConstructor;
+    focused: BooleanConstructor;
+    uninjectFormItemContext: BooleanConstructor;
+}>, {
+    inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    render: () => any;
+}, {}, {}, {
+    focus(): void;
+    blur(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "blur" | "update:inputValue" | "inputValueChange")[], "focus" | "blur" | "update:inputValue" | "inputValueChange", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: PropType<SelectViewValue>;
+    inputValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    enabledInput: BooleanConstructor;
+    formatLabel: PropType<(data?: SelectViewValue) => string>;
+    placeholder: StringConstructor;
+    retainInputValue: BooleanConstructor;
+    disabled: BooleanConstructor;
+    baseCls: StringConstructor;
+    size: PropType<Size>;
+    error: BooleanConstructor;
+    focused: BooleanConstructor;
+    uninjectFormItemContext: BooleanConstructor;
+}>> & Readonly<{
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    "onUpdate:inputValue"?: ((...args: any[]) => any) | undefined;
+    onInputValueChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    error: boolean;
+    disabled: boolean;
+    inputValue: string;
+    focused: boolean;
+    uninjectFormItemContext: boolean;
+    retainInputValue: boolean;
+    enabledInput: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/_components/select-view/interface.d.ts

@@ -0,0 +1,6 @@
+import { TagData } from '../../form-input-tag/interface';
+export interface SelectViewValue extends TagData {
+    value: string | number;
+    label: string;
+    closable: boolean;
+}

package/dist/components/_components/select-view/select-view.d.ts

@@ -0,0 +1,148 @@
+import { PropType } from 'vue';
+import { Data } from '../../../_utils/types';
+import { Size } from '../../../_utils/constant';
+import { SelectViewValue } from './interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<SelectViewValue[]>;
+        required: true;
+    };
+    inputValue: StringConstructor;
+    placeholder: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    opened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<Size>;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowSearch: {
+        type: BooleanConstructor;
+        default: (props: Data) => boolean;
+    };
+    maxTagCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tagNowrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    retainInputValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    inputRef: import('vue').ComputedRef<HTMLInputElement>;
+    handleFocus: (ev: FocusEvent) => void;
+    handleBlur: (ev: FocusEvent) => void;
+    render: () => any;
+}, {}, {}, {
+    focus(): void;
+    blur(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "clear" | "blur" | "remove")[], "focus" | "clear" | "blur" | "remove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<SelectViewValue[]>;
+        required: true;
+    };
+    inputValue: StringConstructor;
+    placeholder: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    opened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<Size>;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowSearch: {
+        type: BooleanConstructor;
+        default: (props: Data) => boolean;
+    };
+    maxTagCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tagNowrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    retainInputValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
+}>, {
+    error: boolean;
+    disabled: boolean;
+    loading: boolean;
+    multiple: boolean;
+    opened: boolean;
+    allowClear: boolean;
+    bordered: boolean;
+    maxTagCount: number;
+    retainInputValue: boolean;
+    tagNowrap: boolean;
+    allowCreate: boolean;
+    allowSearch: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;