@citruslime/ui 2.1.3 → 2.1.4-beta.1

package/dist/components/header/menu/cl-ui-header-menu.d.ts

@@ -1,54 +1,49 @@
-import type { DefineComponent, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType as __PropType } from 'vue';
 declare const _sfc_main: DefineComponent<{
     username: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     group: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     image: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     isOpen: {
-        type: BooleanConstructor;
+        type: __PropType<boolean>;
         required: true;
     };
-}, {
-    emit: (event: 'update:is-open', value: boolean) => void;
-    props: any;
-    headerMenuElement: Ref<any>;
-    clickAway: () => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:is-open"[], "update:is-open", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:is-open"[], "update:is-open", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     username: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     group: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     image: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     isOpen: {
-        type: BooleanConstructor;
+        type: __PropType<boolean>;
         required: true;
     };
 }>> & {
     "onUpdate:is-open"?: ((...args: any[]) => any) | undefined;
 }, {
-    group: string;
-    username: string;
-    image: string;
+    username: string | undefined;
+    group: string | undefined;
+    image: string | undefined;
 }>;
 export default _sfc_main;

package/dist/components/input/cl-ui-input.d.ts

@@ -1,522 +1,269 @@
-import type { NumberFormat } from '../../utils';
-import type { RemoveIndexSignature, NumberFormatOptions, LocaleMessage } from '@intlify/core-base';
-import type { ComposerNumberFormatting, IntlNumberFormat, ComposerTranslation, VueMessageType, LocaleMessageValue } from 'vue-i18n';
-import type { DefineComponent, Ref, ComputedOptions, MethodOptions, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, WritableComputedRef, ExtractPropTypes, ComputedRef } from 'vue';
-import { clUiCalendar } from '../calendar';
-import { clUiSlider } from '../slider';
-import type { InputValueType } from './types';
-import { isInputButton, isInputCalendarSupportedDate, isInputText, getInputTypeAsCalendarType, convertFromEvent } from './utils';
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType as __PropType } from 'vue';
+import type { InputValidationState, InputValueType } from './types';
 declare const _sfc_main: DefineComponent<{
     inputType: {
-        type: null;
+        type: __PropType<"number" | "search" | "date" | "datetime" | "button" | "checkbox" | "color" | "email" | "file" | "password" | "radio" | "range" | "reset" | "submit" | "tel" | "text" | "time" | "url">;
         required: true;
         default: string;
     };
     modelValue: {
-        type: null;
+        type: __PropType<InputValueType>;
         required: false;
         default: undefined;
     };
     label: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     isRequired: {
-        type: BooleanConstructor;
+        type: __PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
     customValidationFunction: {
-        type: FunctionConstructor;
+        type: __PropType<((_name: string, _value: InputValueType) => InputValidationState) | undefined>;
         required: false;
         default: undefined;
     };
     onInputFunction: {
-        type: FunctionConstructor;
+        type: __PropType<((_value: InputValueType) => InputValueType) | undefined>;
         required: false;
         default: undefined;
     };
     min: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: __PropType<string | number | undefined>;
         required: false;
         default: number;
     };
     max: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: __PropType<string | number | undefined>;
         required: false;
         default: number;
     };
     step: {
-        type: NumberConstructor;
+        type: __PropType<number | undefined>;
         required: false;
         default: number;
     };
     validateImmediately: {
-        type: BooleanConstructor;
+        type: __PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
     validateOn: {
-        type: StringConstructor;
+        type: __PropType<"disabled" | "input" | "change" | undefined>;
         required: false;
         default: string;
     };
     externalErrors: {
-        type: ArrayConstructor;
+        type: __PropType<string[] | undefined>;
         required: false;
         default: () => never[];
     };
     disabled: {
-        type: BooleanConstructor;
+        type: __PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
     requiredText: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     placeholderText: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     fileExtensions: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     group: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     showLabel: {
-        type: BooleanConstructor;
+        type: __PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
     showArrows: {
-        type: BooleanConstructor;
+        type: __PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
     autocomplete: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     highlightWhenValid: {
-        type: BooleanConstructor;
+        type: __PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
     messageWhenValid: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     inputSpecificClasses: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
 }, {
-    props: any;
-    emit: {
-        (e: 'update:model-value', value: InputValueType): void;
-        (e: 'click', event: MouseEvent): void;
-        (e: 'focus'): void;
-        (e: 'input', event: {
-            target: EventTarget | typeof clUiCalendar | typeof clUiSlider | null;
-        }, value: InputValueType): void;
-        (e: 'change', event: Event, value: InputValueType): void;
-        (e: 'validated', isValid: boolean, value: InputValueType): void;
-    };
-    inputElement: Ref<HTMLInputElement | DefineComponent<unknown, object, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<unknown>, {}> | DefineComponent<{
-        value: {
-            type: NumberConstructor;
-            required: true;
-        };
-        min: {
-            type: NumberConstructor;
-            required: true;
-        };
-        max: {
-            type: NumberConstructor;
-            required: true;
-        };
-        step: {
-            type: NumberConstructor;
-            required: false;
-            default: number;
-        };
-        enforceStep: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        showNumericInput: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-    }, {
-        props: any;
-        emit: (event: "update:value", ...args: any[]) => void;
-        n: ComposerNumberFormatting<{
-            [x: string]: IntlNumberFormat;
-        }, string, RemoveIndexSignature<{
-            [x: string]: NumberFormatOptions;
-        }>, never, string | number, string | number>;
-        t: ComposerTranslation<{
-            [x: string]: LocaleMessage<VueMessageType>;
-        }, string, RemoveIndexSignature<{
-            [x: string]: LocaleMessageValue<VueMessageType>;
-        }>, never, string, string>;
-        debounce: (event: Function, ...eventArgs: unknown[]) => void;
-        numericInputValue: Ref<number>;
-        sliderRef: Ref<HTMLInputElement | undefined>;
-        currentValue: WritableComputedRef<number>;
-        colour: ComputedRef<string>;
-        percentage: ComputedRef<number>;
-        validProps: ComputedRef<boolean>;
-        updateCurrentValue: (target: EventTarget | null, forceUpdate: Function) => void;
-        readonly NumberFormat: typeof NumberFormat;
-    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-        'update:value': null;
-    }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-        value: {
-            type: NumberConstructor;
-            required: true;
-        };
-        min: {
-            type: NumberConstructor;
-            required: true;
-        };
-        max: {
-            type: NumberConstructor;
-            required: true;
-        };
-        step: {
-            type: NumberConstructor;
-            required: false;
-            default: number;
-        };
-        enforceStep: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        showNumericInput: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-    }>> & {
-        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    }, {
-        disabled: boolean;
-        step: number;
-        enforceStep: boolean;
-        showNumericInput: boolean;
-    }> | null>;
-    focused: Ref<boolean>;
-    lostFocus: Ref<boolean>;
-    showRequiredAsterisk: ComputedRef<boolean>;
-    placeholder: ComputedRef<string>;
-    dateFlaggedAsOutOfRange: Ref<boolean>;
-    t: ComposerTranslation<{
-        [x: string]: LocaleMessage<VueMessageType>;
-    }, string, RemoveIndexSignature<{
-        [x: string]: LocaleMessageValue<VueMessageType>;
-    }>, never, string, string>;
-    currentKey: Ref<number>;
-    currentValue: WritableComputedRef<InputValueType>;
-    currentDateValue: WritableComputedRef<Date>;
-    minAsString: ComputedRef<string | undefined>;
-    maxAsString: ComputedRef<string | undefined>;
-    minAsNumber: ComputedRef<number>;
-    maxAsNumber: ComputedRef<number>;
-    validMessage: ComputedRef<string>;
-    isValid: Ref<boolean>;
-    internalErrors: Ref<string[]>;
-    errors: ComputedRef<string>;
-    updateDateValue: (value: Date | null) => Promise<void>;
-    onValueChanged: (value: InputValueType, forceValidation: boolean) => Promise<void>;
-    validateValue: (value: InputValueType) => Promise<void>;
-    getStyle: () => string;
-    emitClickIfButton: (event: MouseEvent) => void;
-    incrementNumericValue: () => void;
-    decrementNumericValue: () => void;
-    toggleFocus: (focus: boolean) => void;
-    onLostFocus: () => void;
-    forceUpdate: () => void;
-    onMouseWheel: (wheelEvent: WheelEvent) => void;
-    getShowAsteriskOrRequired: () => boolean;
-    onDateOutOfRange: () => void;
-    onChange: (event: Event) => Promise<void>;
-    readonly clUiCalendar: DefineComponent<unknown, object, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<unknown>, {}>;
-    readonly clUiSlider: DefineComponent<{
-        value: {
-            type: NumberConstructor;
-            required: true;
-        };
-        min: {
-            type: NumberConstructor;
-            required: true;
-        };
-        max: {
-            type: NumberConstructor;
-            required: true;
-        };
-        step: {
-            type: NumberConstructor;
-            required: false;
-            default: number;
-        };
-        enforceStep: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        showNumericInput: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-    }, {
-        props: any;
-        emit: (event: "update:value", ...args: any[]) => void;
-        n: ComposerNumberFormatting<{
-            [x: string]: IntlNumberFormat;
-        }, string, RemoveIndexSignature<{
-            [x: string]: NumberFormatOptions;
-        }>, never, string | number, string | number>;
-        t: ComposerTranslation<{
-            [x: string]: LocaleMessage<VueMessageType>;
-        }, string, RemoveIndexSignature<{
-            [x: string]: LocaleMessageValue<VueMessageType>;
-        }>, never, string, string>;
-        debounce: (event: Function, ...eventArgs: unknown[]) => void;
-        numericInputValue: Ref<number>;
-        sliderRef: Ref<HTMLInputElement | undefined>;
-        currentValue: WritableComputedRef<number>;
-        colour: ComputedRef<string>;
-        percentage: ComputedRef<number>;
-        validProps: ComputedRef<boolean>;
-        updateCurrentValue: (target: EventTarget | null, forceUpdate: Function) => void;
-        readonly NumberFormat: typeof NumberFormat;
-    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-        'update:value': null;
-    }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-        value: {
-            type: NumberConstructor;
-            required: true;
-        };
-        min: {
-            type: NumberConstructor;
-            required: true;
-        };
-        max: {
-            type: NumberConstructor;
-            required: true;
-        };
-        step: {
-            type: NumberConstructor;
-            required: false;
-            default: number;
-        };
-        enforceStep: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        showNumericInput: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-    }>> & {
-        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    }, {
-        disabled: boolean;
-        step: number;
-        enforceStep: boolean;
-        showNumericInput: boolean;
-    }>;
-    readonly isInputButton: typeof isInputButton;
-    readonly isInputCalendarSupportedDate: typeof isInputCalendarSupportedDate;
-    readonly isInputText: typeof isInputText;
-    readonly getInputTypeAsCalendarType: typeof getInputTypeAsCalendarType;
-    readonly convertFromEvent: typeof convertFromEvent;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "input" | "update:model-value" | "click" | "change" | "validated")[], "focus" | "input" | "update:model-value" | "click" | "change" | "validated", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    focus(): void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "input" | "change" | "update:model-value" | "click" | "validated")[], "focus" | "input" | "change" | "update:model-value" | "click" | "validated", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     inputType: {
-        type: null;
+        type: __PropType<"number" | "search" | "date" | "datetime" | "button" | "checkbox" | "color" | "email" | "file" | "password" | "radio" | "range" | "reset" | "submit" | "tel" | "text" | "time" | "url">;
         required: true;
         default: string;
     };
     modelValue: {
-        type: null;
+        type: __PropType<InputValueType>;
         required: false;
         default: undefined;
     };
     label: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     isRequired: {
-        type: BooleanConstructor;
+        type: __PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
     customValidationFunction: {
-        type: FunctionConstructor;
+        type: __PropType<((_name: string, _value: InputValueType) => InputValidationState) | undefined>;
         required: false;
         default: undefined;
     };
     onInputFunction: {
-        type: FunctionConstructor;
+        type: __PropType<((_value: InputValueType) => InputValueType) | undefined>;
         required: false;
         default: undefined;
     };
     min: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: __PropType<string | number | undefined>;
         required: false;
         default: number;
     };
     max: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: __PropType<string | number | undefined>;
         required: false;
         default: number;
     };
     step: {
-        type: NumberConstructor;
+        type: __PropType<number | undefined>;
         required: false;
         default: number;
     };
     validateImmediately: {
-        type: BooleanConstructor;
+        type: __PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
     validateOn: {
-        type: StringConstructor;
+        type: __PropType<"disabled" | "input" | "change" | undefined>;
         required: false;
         default: string;
     };
     externalErrors: {
-        type: ArrayConstructor;
+        type: __PropType<string[] | undefined>;
         required: false;
         default: () => never[];
     };
     disabled: {
-        type: BooleanConstructor;
+        type: __PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
     requiredText: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     placeholderText: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     fileExtensions: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     group: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     showLabel: {
-        type: BooleanConstructor;
+        type: __PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
     showArrows: {
-        type: BooleanConstructor;
+        type: __PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
     autocomplete: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     highlightWhenValid: {
-        type: BooleanConstructor;
+        type: __PropType<boolean | undefined>;
         required: false;
         default: boolean;
     };
     messageWhenValid: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
     inputSpecificClasses: {
-        type: StringConstructor;
+        type: __PropType<string | undefined>;
         required: false;
         default: string;
     };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
     onValidated?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
-    inputType: any;
-    modelValue: any;
-    label: string;
-    isRequired: boolean;
-    customValidationFunction: Function;
-    onInputFunction: Function;
-    min: string | number;
-    max: string | number;
-    step: number;
-    validateImmediately: boolean;
-    validateOn: string;
-    externalErrors: unknown[];
-    requiredText: string;
-    placeholderText: string;
-    fileExtensions: string;
-    group: string;
-    showLabel: boolean;
-    showArrows: boolean;
-    autocomplete: string;
-    highlightWhenValid: boolean;
-    messageWhenValid: string;
-    inputSpecificClasses: string;
+    disabled: boolean | undefined;
+    group: string | undefined;
+    inputType: "number" | "search" | "date" | "datetime" | "button" | "checkbox" | "color" | "email" | "file" | "password" | "radio" | "range" | "reset" | "submit" | "tel" | "text" | "time" | "url";
+    modelValue: InputValueType;
+    label: string | undefined;
+    isRequired: boolean | undefined;
+    customValidationFunction: ((_name: string, _value: InputValueType) => InputValidationState) | undefined;
+    onInputFunction: ((_value: InputValueType) => InputValueType) | undefined;
+    min: string | number | undefined;
+    max: string | number | undefined;
+    step: number | undefined;
+    validateImmediately: boolean | undefined;
+    validateOn: "disabled" | "input" | "change" | undefined;
+    externalErrors: string[] | undefined;
+    requiredText: string | undefined;
+    placeholderText: string | undefined;
+    fileExtensions: string | undefined;
+    showLabel: boolean | undefined;
+    showArrows: boolean | undefined;
+    autocomplete: string | undefined;
+    highlightWhenValid: boolean | undefined;
+    messageWhenValid: string | undefined;
+    inputSpecificClasses: string | undefined;
 }>;
 export default _sfc_main;