xrk-components 0.3.2 → 0.3.5

package/lib/packages/base/date-picker/index.d.ts

@@ -0,0 +1,40 @@
+import { Component, DefineComponent } from 'vue';
+export declare type BaseDatePickerProps = {
+    modelValue?: string | Date | Array<Date | string>;
+    readonly?: boolean;
+    disabled?: boolean;
+    size?: 'large' | 'default' | 'small';
+    editable?: boolean;
+    clearable?: boolean;
+    placeholder?: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    type?: 'year' | 'month' | 'date' | 'dates' | 'datetime' | 'week' | 'datetimerange' | 'daterange' | 'monthrange';
+    format?: string;
+    popperClass?: string;
+    rangeSeparator?: string;
+    defaultValue?: Date;
+    defaultTime?: Array<Date>;
+    valueFormat?: string;
+    unlinkPanels?: boolean;
+    prefixIcon?: string | Component;
+    clearIcon?: string | Component;
+    validateEvent?: boolean;
+    /**
+     * 一个用来判断该日期是否被禁用的函数，接受一个 Date 对象作为参数。 应该返回一个 Boolean 值。
+     */
+    disabledDate?: (date: Date, startDt: Date | null) => boolean;
+    /**
+     * 设置快捷选项，需要传入数组对象
+     */
+    shortcuts?: Array<{
+        text: string;
+        value: Date | (() => void);
+    }>;
+    cellClassName?: (date: Date) => string;
+    teleported?: boolean;
+    onChange?: (activeValue: any) => void;
+    onVisibleChange?: (visibility: boolean) => void;
+    onCalendarChange?: (val: [Date, Date | null]) => void;
+};
+export declare const BaseDatePicker: DefineComponent<BaseDatePickerProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseDatePickerProps>, {}>;

package/lib/packages/base/dialog/dialog.d.ts

@@ -0,0 +1,223 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    destroyOnClose: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    beforeClose: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    beforeCancel: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    beforeConfirm: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    customClass: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    content: {
+        type: StringConstructor;
+        required: false;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    titleRender: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    contentRender: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    footerRender: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    confirmBtnConfig: {
+        type: null;
+        required: false;
+        default: () => {
+            show: boolean;
+            content: string;
+        };
+    };
+    cancelBtnConfig: {
+        type: null;
+        required: false;
+        default: () => {
+            show: boolean;
+            content: string;
+            plain: boolean;
+        };
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "close")[], "update:modelValue" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    destroyOnClose: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    beforeClose: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    beforeCancel: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    beforeConfirm: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    customClass: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    content: {
+        type: StringConstructor;
+        required: false;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    titleRender: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    contentRender: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    footerRender: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    confirmBtnConfig: {
+        type: null;
+        required: false;
+        default: () => {
+            show: boolean;
+            content: string;
+        };
+    };
+    cancelBtnConfig: {
+        type: null;
+        required: false;
+        default: () => {
+            show: boolean;
+            content: string;
+            plain: boolean;
+        };
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: boolean;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
+    appendToBody: boolean;
+    destroyOnClose: boolean;
+    center: boolean;
+    showClose: boolean;
+    customClass: string;
+    width: string | number;
+    title: string;
+    showFooter: boolean;
+    confirmBtnConfig: any;
+    cancelBtnConfig: any;
+}>;
+export default _default;

package/lib/packages/base/dialog/index.d.ts

@@ -0,0 +1,31 @@
+import { Component, DefineComponent } from 'vue';
+import { BaseButtonProps } from '../button';
+export declare type BaseDialogProps = {
+    modelValue?: boolean;
+    closeOnClickModal?: boolean;
+    closeOnPressEscape?: boolean;
+    appendToBody?: boolean;
+    destroyOnClose?: boolean;
+    center?: boolean;
+    showClose?: boolean;
+    beforeClose?: (done: Function) => Promise<void> | void;
+    beforeCancel?: (done: Function) => Promise<void> | void;
+    beforeConfirm?: (done: Function) => Promise<void> | void;
+    customClass?: string;
+    width?: string | number;
+    title?: string;
+    content?: string;
+    showFooter?: boolean;
+    titleRender?: (done: Function) => Component;
+    contentRender?: (done: Function) => Component;
+    footerRender?: (done: Function) => Component;
+    confirmBtnConfig?: DialogBtnConfigProps;
+    cancelBtnConfig?: DialogBtnConfigProps;
+    onClose?: () => Promise<void> | void;
+};
+export interface DialogBtnConfigProps extends BaseButtonProps {
+    show?: boolean;
+    content?: string;
+}
+export declare const BaseDialog: DefineComponent<BaseDialogProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseDialogProps>, {}>;
+export declare const createDialog: (config?: BaseDialogProps) => void;

package/lib/packages/base/form/form-item.d.ts

@@ -0,0 +1,87 @@
+declare const _default: import("vue").DefineComponent<{
+    prop: {
+        type: null;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    labelWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    rules: {
+        type: null;
+        required: false;
+    };
+    error: {
+        type: StringConstructor;
+        required: false;
+    };
+    showMessage: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    prop: {
+        type: null;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    labelWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    rules: {
+        type: null;
+        required: false;
+    };
+    error: {
+        type: StringConstructor;
+        required: false;
+    };
+    showMessage: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+}>>, {
+    labelWidth: string | number;
+    required: boolean;
+    showMessage: boolean;
+    inlineMessage: boolean;
+}>;
+export default _default;

package/lib/packages/base/form/form.d.ts

@@ -0,0 +1,128 @@
+declare const _default: import("vue").DefineComponent<{
+    model: {
+        type: null;
+        required: true;
+    };
+    rules: {
+        type: null;
+        required: false;
+    };
+    inline: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    labelPosition: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    labelWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    labelSuffix: {
+        type: StringConstructor;
+        required: false;
+    };
+    hideRequiredAsterisk: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    showMessage: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    statusIcon: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    validateOnRuleChange: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    model: {
+        type: null;
+        required: true;
+    };
+    rules: {
+        type: null;
+        required: false;
+    };
+    inline: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    labelPosition: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    labelWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    labelSuffix: {
+        type: StringConstructor;
+        required: false;
+    };
+    hideRequiredAsterisk: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    showMessage: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    statusIcon: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    validateOnRuleChange: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>>, {
+    inline: boolean;
+    labelPosition: string;
+    labelWidth: string | number;
+    hideRequiredAsterisk: boolean;
+    showMessage: boolean;
+    inlineMessage: boolean;
+    statusIcon: boolean;
+    validateOnRuleChange: boolean;
+    disabled: boolean;
+}>;
+export default _default;

package/lib/packages/base/form/index.d.ts

@@ -0,0 +1,30 @@
+import { FormItemRule, FormRules } from 'element-plus';
+import { DefineComponent } from 'vue';
+export declare type BaseFormProps = {
+    model: Record<string, any>;
+    rules?: FormRules;
+    inline?: boolean;
+    labelPosition?: 'left' | 'right' | 'top';
+    labelWidth?: string | number | 'auto';
+    labelSuffix?: string;
+    hideRequiredAsterisk?: boolean;
+    showMessage?: boolean;
+    inlineMessage?: boolean;
+    statusIcon?: boolean;
+    validateOnRuleChange?: boolean;
+    size?: 'large' | 'default' | 'small';
+    disabled?: boolean;
+};
+export declare type BaseFormItemProps = {
+    prop: string | Array<string>;
+    label?: string;
+    labelWidth?: string | number | 'auto';
+    required?: boolean;
+    rules?: FormItemRule | Array<FormItemRule>;
+    error?: string;
+    showMessage?: boolean;
+    inlineMessage?: boolean;
+    size?: 'large' | 'default' | 'small';
+};
+export declare const BaseFormItem: DefineComponent<BaseFormItemProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseFormItemProps>, {}>;
+export declare const BaseForm: DefineComponent<BaseFormProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseFormProps>, {}>;

package/lib/packages/base/input/index.d.ts

@@ -0,0 +1,50 @@
+import { Component, CSSProperties, DefineComponent } from 'vue';
+export interface BaseInputProps {
+    modelValue?: string | number;
+    type?: 'text' | 'textarea' | 'password' | 'number';
+    maxlength?: string | number;
+    minlength?: string | number;
+    showWordLimit?: boolean;
+    placeholder?: string;
+    clearable?: boolean;
+    formatter?: (value: string | number) => string;
+    parser?: (value: string) => string;
+    showPassword?: boolean;
+    disabled?: boolean;
+    size?: 'large' | 'default' | 'small';
+    prefixIcon?: string | Component;
+    suffixIcon?: string | Component;
+    rows?: number;
+    autosize?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+    autocomplete?: string;
+    name?: string;
+    readonly?: boolean;
+    max?: number;
+    min?: number;
+    step?: number;
+    resize?: 'none' | 'both' | 'horizontal' | 'vertical';
+    autofocus?: boolean;
+    form?: string;
+    label?: string;
+    tabindex?: string | number;
+    validateEvent?: boolean;
+    inputStyle?: CSSProperties;
+    /**
+     * 输入时处理输入值
+     */
+    inputRewrite?: (value: string | number) => string | Promise<string>;
+    /**
+     * 发生改变时处理输入值
+     */
+    changeRewrite?: (value: string | number) => string | Promise<string>;
+    onBlur?: (events: Event) => void;
+    onFocus?: (events: Event) => void;
+    onKeyup?: (events: Event) => void;
+    onChange?: (value?: string | number | KeyboardEvent) => void;
+    onInput?: (value?: string | number | KeyboardEvent) => void;
+    onClear?: () => void;
+}
+export declare const BaseInput: DefineComponent<BaseInputProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseInputProps>, {}>;