@opentiny/vue-renderless 3.10.7 → 3.11.0

package/types/progress.type.d.mts

@@ -0,0 +1,216 @@
+import { ExtractPropTypes } from 'vue';
+import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.mjs';
+
+declare const $constants: {
+    PROGRESS_TYPE: {
+        LINE: string;
+        CIRCLE: string;
+        DASHBOARD: string;
+    };
+    PROGRESS_SIZE: {
+        SMALL: string;
+        MEDIUM: string;
+        LARGE: string;
+    };
+    PROGRESS_SIZE_WIDTH: {
+        SMALL: number;
+        MEDIUM: number;
+        LARGE: number;
+    };
+    PROGRESS_STATUS: {
+        SUCCESS: string;
+        EXCEPTION: string;
+        WARNING: string;
+    };
+    STATUS_TO_COLOR: {
+        success: string;
+        exception: string;
+        warning: string;
+    };
+    STATUS_DEFAULT_COLOR: string;
+    ICON_CIRCLE_WARNING: string;
+    ICON_CIRCLE_SUCCESS: string;
+    ICON_CIRCLE_EXCEPTION: string;
+    ICON_SUCCESS: string;
+    ICON_EXCEPTION: string;
+    ICON_WARNING: string;
+    TEXT_XS: number;
+    TEXT_SM: number;
+    WIDTH_RATE_TWO: number;
+    WIDTH_RATE_THREE: number;
+    WIDTH_RATE_SIX: number;
+    DEFAULT_STROKE_WIDTH: number;
+    REL_STROKE_WIDTH: number;
+    DEFAULT_WIDTH: number;
+    STROKE_WIDTH_RATE: number;
+};
+declare const progressProps: {
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            PROGRESS_TYPE: {
+                LINE: string;
+                CIRCLE: string;
+                DASHBOARD: string;
+            };
+            PROGRESS_SIZE: {
+                SMALL: string;
+                MEDIUM: string;
+                LARGE: string;
+            };
+            PROGRESS_SIZE_WIDTH: {
+                SMALL: number;
+                MEDIUM: number;
+                LARGE: number;
+            };
+            PROGRESS_STATUS: {
+                SUCCESS: string;
+                EXCEPTION: string;
+                WARNING: string;
+            };
+            STATUS_TO_COLOR: {
+                success: string;
+                exception: string;
+                warning: string;
+            };
+            STATUS_DEFAULT_COLOR: string;
+            ICON_CIRCLE_WARNING: string;
+            ICON_CIRCLE_SUCCESS: string;
+            ICON_CIRCLE_EXCEPTION: string;
+            ICON_SUCCESS: string;
+            ICON_EXCEPTION: string;
+            ICON_WARNING: string;
+            TEXT_XS: number;
+            TEXT_SM: number;
+            WIDTH_RATE_TWO: number;
+            WIDTH_RATE_THREE: number;
+            WIDTH_RATE_SIX: number;
+            DEFAULT_STROKE_WIDTH: number;
+            REL_STROKE_WIDTH: number;
+            DEFAULT_WIDTH: number;
+            STROKE_WIDTH_RATE: number;
+        };
+    };
+    color: {
+        type: (ArrayConstructor | StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    info: StringConstructor;
+    format: FunctionConstructor;
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+        required: boolean;
+        validator: (val: number) => boolean;
+    };
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    status: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    textInside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
+
+type IProgressProps = ExtractPropTypes<typeof progressProps>;
+interface IProgressState {
+    percentTextSize: number;
+    rate: number;
+    radius: number;
+    stroke: string;
+    content: string;
+    barStyle: object;
+    trackPath: string;
+    perimeter: number;
+    iconClass: string;
+    iconStyle: object;
+    circleStyle: object;
+    trailPathStyle: object;
+    circlePathStyle: object;
+    progressTextSize: number;
+    strokeDashoffset: string;
+    strokeWidth: number;
+    width: number;
+    relativeStrokeWidth: number;
+}
+interface IProgressColorItem {
+    color: string;
+    progress: number;
+}
+interface IProgressIconStyle<T> {
+    width: T;
+    height: T;
+}
+interface IProgressPathStyle {
+    strokeDasharray: string;
+    strokeDashoffset: string;
+    transition?: string;
+}
+interface IProgressBarStyle {
+    width: string;
+    backgroundColor: string;
+}
+interface IProgressApi {
+    state: IProgressState;
+    customAppearHook: (el: HTMLElement) => void;
+    computedContent: () => string;
+    getColorArray: () => IProgressColorItem[];
+    computedRate: () => number;
+    computedPerimeter: () => number;
+    computedRadius: () => number;
+    computedTrackPath: () => string;
+    computedIconClass: () => string;
+    computedIconStyle: () => IProgressIconStyle<number> | object;
+    computedCircleStyle: () => IProgressIconStyle<string> | object;
+    computedCirclePathStyle: () => IProgressPathStyle;
+    computedStrokeDashoffset: () => string;
+    computedTrailPathStyle: () => IProgressPathStyle;
+    computedRelativeStrokeWidth: () => number;
+    computedProgressTextSize: () => number;
+    customAfterAppearHook: (el: HTMLElement) => void;
+    customBeforeAppearHook: (el: HTMLElement) => void;
+    getLevelColor: (p: number) => string;
+    computedBarStyle: () => IProgressBarStyle;
+    getCurrentColor: (p: number) => string;
+    computedStroke: () => string;
+}
+type IProgressConstants = typeof $constants;
+type IProgressRenderlessParamUtils = ISharedRenderlessParamUtils<IProgressConstants> & {
+    constants: IProgressConstants;
+};
+type IProgressRenderlessParams = ISharedRenderlessFunctionParams<IProgressConstants> & {
+    state: IProgressState;
+    props: IProgressProps;
+    api: IProgressApi;
+};
+
+export { IProgressApi, IProgressBarStyle, IProgressColorItem, IProgressConstants, IProgressIconStyle, IProgressPathStyle, IProgressProps, IProgressRenderlessParamUtils, IProgressRenderlessParams, IProgressState };

package/types/pull-refresh.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/query-builder.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/radio-button.type.d.mts

@@ -0,0 +1,90 @@
+import { StyleValue, ExtractPropTypes } from 'vue';
+import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.mjs';
+import { IRadioGroupProps } from './radio-group.type.mjs';
+
+declare const $constants: {
+    RADIO_GROUP: string;
+};
+declare const radioButtonProps: {
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            RADIO_GROUP: string;
+        };
+    };
+    name: StringConstructor;
+    text: StringConstructor;
+    events: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    label: {};
+    disabled: BooleanConstructor;
+    tipContent: StringConstructor;
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
+
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+declare const handleChange: ({ constants, nextTick, dispatch, state }: Pick<IRadioButtonRenderlessParams, 'constants' | 'nextTick' | 'dispatch' | 'state'>) => () => void;
+declare const getValue: (state: IRadioButtonRenderlessParams['state']) => () => IRadioGroupProps['modelValue'];
+declare const setValue: ({ state }: Pick<IRadioButtonRenderlessParams, 'state'>) => (val: IRadioGroupProps['modelValue']) => void;
+declare const getGroup: ({ constants, parent: $parent }: Pick<IRadioButtonRenderlessParams, 'constants' | 'parent'>) => () => IRadioButtonState['radioGroup'] | null;
+declare const getStyle: (state: IRadioButtonRenderlessParams['state']) => () => {
+    backgroundColor: any;
+    borderColor: any;
+    boxShadow: string;
+    color: any;
+};
+declare const toggleEvents: ({ refs, props }: Pick<IRadioButtonRenderlessParams, 'refs' | 'props'>) => (isUnBind?: boolean) => void;
+declare const keydownHandle: ({ state, props }: Pick<IRadioButtonRenderlessParams, 'state' | 'props'>) => () => void;
+declare const handleFocus: (state: IRadioButtonRenderlessParams['state']) => () => boolean;
+declare const handleBlur: (state: IRadioButtonRenderlessParams['state']) => () => boolean;
+
+interface IRadioButtonState {
+    focus: boolean;
+    value: IRadioButtonProps['label'];
+    radioGroup: ISharedRenderlessFunctionParams<IRadioButtonConstants>['parent'] | null;
+    activeStyle: StyleValue;
+    size: string;
+    isDisabled: boolean;
+    tabIndex: number;
+    showTips: boolean;
+    tipContent: string | undefined;
+}
+type IRadioButtonProps = ExtractPropTypes<typeof radioButtonProps>;
+type IRadioButtonConstants = typeof $constants;
+type IRadioButtonRenderlessParams = ISharedRenderlessFunctionParams<IRadioButtonConstants> & {
+    state: IRadioButtonState;
+    props: IRadioButtonProps;
+};
+interface IRadioButtonApi {
+    state: IRadioButtonState;
+    handleChange: ReturnType<typeof handleChange>;
+    getValue: ReturnType<typeof getValue>;
+    setValue: ReturnType<typeof setValue>;
+    getGroup: ReturnType<typeof getGroup>;
+    getStyle: ReturnType<typeof getStyle>;
+    toggleEvents: ReturnType<typeof toggleEvents>;
+    keydownHandle: ReturnType<typeof keydownHandle>;
+    handleFocus: ReturnType<typeof handleFocus>;
+    handleBlur: ReturnType<typeof handleBlur>;
+}
+type IRadioButtonRenderlessParamUtils = ISharedRenderlessParamUtils<IRadioButtonConstants>;
+
+export { IRadioButtonApi, IRadioButtonConstants, IRadioButtonProps, IRadioButtonRenderlessParamUtils, IRadioButtonRenderlessParams, IRadioButtonState };

package/types/radio-group.type.d.mts

@@ -0,0 +1,67 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.mjs';
+
+declare const radioGroupProps: {
+    modelValue: {};
+    size: {
+        type: PropType<"medium" | "small" | "mini">;
+        default: string;
+    };
+    fill: StringConstructor;
+    textColor: StringConstructor;
+    disabled: BooleanConstructor;
+    vertical: BooleanConstructor;
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    showTips: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
+
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+declare const handleKeydown: (parent: IRadioGroupRenderlessParams['parent']) => (event: KeyboardEvent) => void;
+declare const mounted: (parent: IRadioGroupRenderlessParams['parent']) => () => void;
+
+interface IRadioGroupState {
+    radioGroupSize: IRadioGroupProps['size'];
+    tag: string;
+    activeStyle: string | undefined;
+}
+type IRadioGroupProps = ExtractPropTypes<typeof radioGroupProps>;
+type IRadioGroupRenderlessParams = ISharedRenderlessFunctionParams<never> & {
+    state: IRadioGroupState;
+    props: IRadioGroupProps;
+};
+interface IRadioGroupApi {
+    state: IRadioGroupState;
+    dispatch: ISharedRenderlessParamUtils<never>['dispatch'];
+    onMounted: ReturnType<typeof mounted>;
+    handleKeydown: ReturnType<typeof handleKeydown>;
+}
+type IRadioGroupRenderlessParamUtils = ISharedRenderlessParamUtils<never>;
+
+export { IRadioGroupApi, IRadioGroupProps, IRadioGroupRenderlessParamUtils, IRadioGroupRenderlessParams, IRadioGroupState };

package/types/radio.type.d.mts

@@ -0,0 +1,103 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.mjs';
+
+declare const $constants: {
+    RADIO_GROUP: string;
+};
+declare const radioProps: {
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            RADIO_GROUP: string;
+        };
+    };
+    modelValue: {};
+    label: {};
+    disabled: BooleanConstructor;
+    name: StringConstructor;
+    border: BooleanConstructor;
+    size: {
+        type: PropType<"medium" | "small" | "mini">;
+        default: string;
+    };
+    text: StringConstructor;
+    events: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    tabindex: {
+        type: StringConstructor;
+        default: string;
+    };
+    displayOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
+
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+declare const handleChange: ({ constants, dispatch, emit, state, nextTick }: Pick<IRadioRenderlessParams, 'constants' | 'dispatch' | 'emit' | 'state' | 'nextTick'>) => () => void;
+declare const isGroup: ({ constants, parent: $parent, state }: Pick<IRadioRenderlessParams, 'constants' | 'parent' | 'state'>) => () => boolean;
+declare const radioSize: ({ props, state }: Pick<IRadioRenderlessParams, 'props' | 'state'>) => () => IRadioState['radioSize'];
+declare const isDisabled: ({ props, state }: Pick<IRadioRenderlessParams, 'props' | 'state'>) => () => boolean;
+declare const isDisplayOnly: ({ props }: Pick<IRadioRenderlessParams, 'props'>) => () => boolean;
+declare const tabIndex: ({ props, state }: Pick<IRadioRenderlessParams, 'props' | 'state'>) => () => number;
+declare const getModel: ({ props, state }: Pick<IRadioRenderlessParams, 'props' | 'state'>) => () => IRadioState['model'];
+declare const setModel: ({ constants, dispatch, emit, props, refs, state }: Pick<IRadioRenderlessParams, 'constants' | 'dispatch' | 'emit' | 'props' | 'refs' | 'state'>) => (val: IRadioState['model']) => void;
+declare const dispatchDisplayedValue: ({ state, dispatch, api }: Pick<IRadioRenderlessParams, 'state' | 'dispatch' | 'api'>) => () => void;
+declare const getDisplayedValue: ({ vm, state, props }: Pick<IRadioRenderlessParams, 'vm' | 'props' | 'state'>) => () => string;
+
+type IRadioProps = ExtractPropTypes<typeof radioProps>;
+type IRadioConstants = typeof $constants;
+interface IRadioState {
+    vertical: boolean;
+    size: IRadioProps['size'];
+    focus: boolean;
+    radioGroup: ISharedRenderlessParamUtils<IRadioConstants>['parent'] | null;
+    isGroup: boolean;
+    radioSize: IRadioProps['size'];
+    isDisabled: boolean;
+    isDisplayOnly: boolean;
+    tabIndex: number;
+    formDisabled: boolean;
+    model: string;
+}
+type IRadioRenderlessParams = ISharedRenderlessFunctionParams<IRadioConstants> & {
+    state: IRadioState;
+    props: IRadioProps;
+    type: string;
+    api: IRadioApi;
+};
+interface IRadioApi {
+    state: IRadioState;
+    handleChange: ReturnType<typeof handleChange>;
+    isGroup: ReturnType<typeof isGroup>;
+    radioSize: ReturnType<typeof radioSize>;
+    isDisabled: ReturnType<typeof isDisabled>;
+    isDisplayOnly: ReturnType<typeof isDisplayOnly>;
+    tabIndex: ReturnType<typeof tabIndex>;
+    getModel: ReturnType<typeof getModel>;
+    setModel: ReturnType<typeof setModel>;
+    dispatchDisplayedValue: ReturnType<typeof dispatchDisplayedValue>;
+    getDisplayedValue: ReturnType<typeof getDisplayedValue>;
+}
+type IRadioRenderlessParamUtils = ISharedRenderlessParamUtils<IRadioConstants>;
+
+export { IRadioApi, IRadioConstants, IRadioProps, IRadioRenderlessParamUtils, IRadioRenderlessParams, IRadioState };

package/types/rate.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/record.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/recycle-scroller.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/river.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/roles.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/row.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/scroll-text.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/scrollbar.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/search.type.d.mts

@@ -0,0 +1,40 @@
+import { ExtractPropTypes } from 'vue';
+import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.mjs';
+
+interface ISearchState {
+    show: boolean;
+    focus: boolean;
+    hovering: boolean;
+    collapse: boolean;
+    currentValue: string;
+    searchValue: object;
+    types: string[];
+    showClear: boolean;
+}
+type ISearchProps = ExtractPropTypes<typeof ISearchProps>;
+type ISearchRenderlessParams = ISharedRenderlessFunctionParams<never> & {
+    state: ISearchState;
+    props: ISearchProps;
+    api: ISearchApi;
+};
+interface ISearchValue {
+    text: string;
+    value: number;
+}
+interface ISearchApi {
+    state: ISearchState;
+    changeKey: (key: ISearchValue) => void;
+    handleChange: (event: Event) => void;
+    showSelector: () => void;
+    searchClick: (event: Event) => void;
+    clickOutside: (event: Event) => void;
+    emitInput: (...args: [string, ISearchValue]) => void;
+    setDefaultType: (searchTypes: ISearchValue[]) => ISearchValue;
+    formatSearchTypes: (searchTypes: ISearchValue[]) => ISearchValue[];
+    clear: (event: Event) => void;
+    handleInput: (event: Event) => void;
+    searchEnterKey: () => void;
+}
+type ISearchRenderlessParamUtils = ISharedRenderlessParamUtils<never>;
+
+export { ISearchApi, ISearchProps, ISearchRenderlessParamUtils, ISearchRenderlessParams, ISearchState, ISearchValue };

package/types/select-dropdown.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/select-mobile.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/select-view.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/select.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/types/selected-box.type.d.mts

@@ -0,0 +1,2 @@
+
+export { }