@polyv/vue-components 1.0.1 → 1.1.0

package/src/components/form/{form-area-picker/use-form-area-picker.d.ts → area-picker/use-area-picker.d.ts}

@@ -1,40 +1,53 @@
 import { AreaPickerComponent } from '../../../plugins/polyv-ui/types';
 import { VueEmit, VueProps } from '../../../vue-utils';
 import { ComputedRef } from 'vue';
-export declare const formAreaPickerProps: () => {
-    /** 绑定值 */
+export declare const areaPickerProps: () => {
+    /**
+     * 绑定值，支持 v-model
+     * @propType string[]
+     */
     value: import('vue-types').VueTypeValidableDef<string[], import('vue-types/dist/types').ValidatorFunction<string[]>> & {
         default: () => string[];
     };
-    areaPickerText: import('vue-types').VueTypeValidableDef<string[], import('vue-types/dist/types').ValidatorFunction<string[]>> & {
-        default: () => string[];
-    };
-    /** 占位文本 */
+    /**
+     * 占位文本
+     */
     placeholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
     };
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
     size: import('vue-types').VueTypeValidableDef<import('..').FormSize, import('vue-types/dist/types').ValidatorFunction<import('..').FormSize>>;
     validateForm: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
 };
-export declare const formAreaPickerEmit: () => {
-    /** 选择器文本变化 */
+export declare const areaPickerEmit: () => {
+    /**
+     * 选择器文本变化
+     * @cbName 选择的文本
+     * @cbType string[]
+     */
     'picker-text-change': import('../../../vue-utils').EmitFuncType<string[]>;
 };
-export interface FormAreaPickerInstance {
+export interface AreaPickerInstance {
     /** 是否已选择完成 */
     isFinish: ComputedRef<boolean>;
 }
-export declare const useFormAreaPicker: (options: {
+export declare const useAreaPicker: (options: {
     AreaPicker: AreaPickerComponent;
-    props: VueProps<typeof formAreaPickerProps>;
-    emit: VueEmit<typeof formAreaPickerEmit>;
+    props: VueProps<typeof areaPickerProps>;
+    emit: VueEmit<typeof areaPickerEmit>;
 }) => {
     innerValue: import('vue').Ref<string[]>;
     isFinish: ComputedRef<boolean>;
     innerIsFinish: ComputedRef<boolean>;
-    instance: FormAreaPickerInstance;
+    instance: AreaPickerInstance;
     inputValue: ComputedRef<string>;
     inputPlaceholder: ComputedRef<string>;
     refreshKey: import('vue').Ref<number>;

package/src/components/form/checkbox/index.d.ts

@@ -0,0 +1,4 @@
+export { default as PwcCheckbox } from './checkbox.vue';
+export { default as PwcCheckboxGroup } from './checkbox-group.vue';
+export * from './type';
+export * from './use-checkbox';

package/src/components/form/{form-checkbox/use-form-checkbox.d.ts → checkbox/use-checkbox.d.ts}

@@ -1,37 +1,72 @@
 import { VueEmit, VueProps } from '../../../vue-utils';
-export declare const formCheckboxProps: () => {
-    /** 使用圆形样式 */
-    circle: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
-        default: boolean;
+export declare const checkboxGroupProps: () => {
+    /**
+     * 复选框组绑定值，支持 v-model
+     * @propType FormCheckboxValue[]
+     */
+    value: import('vue-types').VueTypeValidableDef<any[], import('vue-types/dist/types').ValidatorFunction<any[]>> & {
+        default: () => any[];
     };
-    /** 是否选中，支持.sync */
+};
+export declare const checkboxProps: () => {
+    /**
+     * 是否选中，支持.sync
+     * @default false
+     */
     checked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    /**
+     * 使用圆形样式
+     * @default false
+     */
+    circle: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 复选框值
+     * @propType FormCheckboxValue
+     */
     value: import('vue-types').VueTypeDef<any>;
+    /**
+     * 复选框标签
+     */
     label: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
     };
-    /** 是否显示背景色 */
+    /**
+     * 是否显示背景色
+     * @default false
+     */
     showBackground: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    /** 是否禁用 */
+    /**
+     * 是否禁用
+     * @default false
+     */
     disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    /** 显示前缀 */
+    /**
+     * 是否显示复选框前缀
+     * @default true
+     */
     showPrefix: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
 };
-export declare const formCheckboxEmits: () => {
+export declare const checkboxEmits: () => {
+    /**
+     * 复选框切换
+     * @cbName 开关值
+     */
     change: import('../../../vue-utils').EmitFuncType<boolean>;
     "update:checked": import('../../../vue-utils').EmitFuncType<boolean>;
 };
-export declare const useFormCheckbox: (options: {
-    props: VueProps<typeof formCheckboxProps>;
-    emit: VueEmit<typeof formCheckboxEmits>;
+export declare const useCheckbox: (options: {
+    props: VueProps<typeof checkboxProps>;
+    emit: VueEmit<typeof checkboxEmits>;
 }) => {
     isChecked: import('vue').ComputedRef<boolean>;
     onClickCheckbox: () => void;

package/src/components/form/form-item/use-form-item.d.ts

@@ -2,25 +2,46 @@ import { VueProps } from '../../../vue-utils';
 import { ComputedRef, InjectionKey } from 'vue';
 import { FormValidateOptions } from '../types';
 export declare const formItemProps: () => {
-    /** 该节点属于表单数据中的哪个字段 */
+    /**
+     * 表单字段
+     */
     formField: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
-    /** 节点标签 */
+    /**
+     * 节点标签
+     */
     label: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
-    /** 表单标题宽度 */
+    /**
+     * 表单标题宽度
+     */
     labelWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
-    /** 表单标题高度 */
+    /**
+     * 表单标题高度
+     */
     labelHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
-    /** 表单输入框内容宽度 */
+    /**
+     * 表单输入框内容宽度
+     */
     contentWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
-    /** 是否显示异常信息 */
+    /**
+     * 是否显示异常信息
+     * @default true
+     */
     showErrorMessage: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    /** 节点异常信息 */
+    /**
+     * 节点异常信息
+     */
     errorMessage: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
-    /** label 模式 */
+    /**
+     * label 模式
+     * @propType FormItemLabelModel
+     */
     labelModel: import('vue-types').VueTypeDef<"header" | "inline">;
-    /** 是否显示必填星号 */
+    /**
+     * 是否显示必填星号
+     * @default false
+     */
     required: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };

package/src/components/form/form-submit-button/form-submit-button.vue.d.ts

@@ -5,14 +5,14 @@ declare const _default: import('vue').DefineComponent<{
     debounceSubmit: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    type: import('vue-types').VueTypeValidableDef<import('../../normal-button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../normal-button').ButtonType>> & {
-        default: import('../../normal-button').ButtonType;
+    type: import('vue-types').VueTypeValidableDef<import('../../button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonType>> & {
+        default: import('../../button').ButtonType;
     };
     disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    size: import('vue-types').VueTypeValidableDef<import('../../normal-button').ButtonSize, import('vue-types/dist/types').ValidatorFunction<import('../../normal-button').ButtonSize>> & {
-        default: import('../../normal-button').ButtonSize;
+    size: import('vue-types').VueTypeValidableDef<import('../../button').ButtonSize, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonSize>> & {
+        default: import('../../button').ButtonSize;
     };
     outline: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
@@ -30,14 +30,14 @@ declare const _default: import('vue').DefineComponent<{
     debounceSubmit: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    type: import('vue-types').VueTypeValidableDef<import('../../normal-button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../normal-button').ButtonType>> & {
-        default: import('../../normal-button').ButtonType;
+    type: import('vue-types').VueTypeValidableDef<import('../../button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonType>> & {
+        default: import('../../button').ButtonType;
     };
     disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    size: import('vue-types').VueTypeValidableDef<import('../../normal-button').ButtonSize, import('vue-types/dist/types').ValidatorFunction<import('../../normal-button').ButtonSize>> & {
-        default: import('../../normal-button').ButtonSize;
+    size: import('vue-types').VueTypeValidableDef<import('../../button').ButtonSize, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonSize>> & {
+        default: import('../../button').ButtonSize;
     };
     outline: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
@@ -49,13 +49,13 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
 }>>, {
-    type: import('../../normal-button').ButtonType;
+    type: import('../../button').ButtonType;
     text: string;
-    square: boolean;
-    block: boolean;
-    size: import('../../normal-button').ButtonSize;
-    outline: boolean;
     disabled: boolean;
+    size: import('../../button').ButtonSize;
+    outline: boolean;
+    block: boolean;
+    square: boolean;
     debounceSubmit: boolean;
 }>;
 export default _default;

package/src/components/form/form-submit-button/use-form-submit-button.d.ts

@@ -1,20 +1,27 @@
 import { VueProps } from '../../../vue-utils';
 export declare const formSubmitButtonProps: () => {
+    /**
+     * 按钮文本
+     * @default '提交'
+     */
     text: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
     };
-    /** 防抖提交，默认：false */
+    /**
+     * 防抖提交
+     * @default false
+     */
     debounceSubmit: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    type: import('vue-types').VueTypeValidableDef<import('../../normal-button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../normal-button').ButtonType>> & {
-        default: import('../../normal-button').ButtonType;
+    type: import('vue-types').VueTypeValidableDef<import('../../button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonType>> & {
+        default: import('../../button').ButtonType;
     };
     disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    size: import('vue-types').VueTypeValidableDef<import('../../normal-button').ButtonSize, import('vue-types/dist/types').ValidatorFunction<import('../../normal-button').ButtonSize>> & {
-        default: import('../../normal-button').ButtonSize;
+    size: import('vue-types').VueTypeValidableDef<import('../../button').ButtonSize, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonSize>> & {
+        default: import('../../button').ButtonSize;
     };
     outline: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;

package/src/components/form/form-wrap/form-wrap.vue.d.ts

@@ -30,6 +30,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     debug: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    size: import('vue-types').VueTypeValidableDef<import('..').FormSize, import('vue-types/dist/types').ValidatorFunction<import('..').FormSize>>;
 }, {
     validateCurrentForm: (validateOptions?: import('..').FormValidateOptions) => Promise<void>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -57,6 +58,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     debug: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    size: import('vue-types').VueTypeValidableDef<import('..').FormSize, import('vue-types/dist/types').ValidatorFunction<import('..').FormSize>>;
 }>>, {
     formData: {
         [key: string]: any;

package/src/components/form/form-wrap/use-form-wrap.d.ts

@@ -2,9 +2,13 @@ import { UniversalParams } from '../../../interface';
 import { ValidatorRules } from '../../../plugins/async-validator';
 import { VueEmit, VueProps } from '../../../vue-utils';
 import { ComputedRef, InjectionKey, Ref } from 'vue';
-import { FormValidateOptions } from '../types';
+import { FormSize, FormValidateOptions } from '../types';
 export declare const formWrapProps: () => {
-    /** 绑定的表单对象 */
+    /**
+     * 绑定的表单对象
+     * @propType UniversalParams
+     * @default {}
+     */
     formData: import('vue-types').VueTypeValidableDef<{
         [key: string]: any;
     }, import('vue-types/dist/types').ValidatorFunction<{
@@ -14,33 +18,68 @@ export declare const formWrapProps: () => {
             [key: string]: any;
         };
     };
-    /** 验证规则 */
+    /**
+     * 验证规则
+     * @propType ValidatorRules
+     * @default {}
+     */
     formRules: import('vue-types').VueTypeValidableDef<ValidatorRules, import('vue-types/dist/types').ValidatorFunction<ValidatorRules>> & {
         default: () => ValidatorRules;
     };
-    /** 表单标题宽度 */
+    /**
+     * 表单标题宽度
+     * @default 0
+     */
     labelWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
-    /** 表单标题高度 */
+    /**
+     * 表单标题高度
+     * @default 0
+     */
     labelHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
-    /** 表单输入框内容宽度 */
+    /**
+     * 表单输入框内容宽度
+     * @default 0
+     */
     contentWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
-    /** 表单提交方法 */
+    /**
+     * 表单提交方法
+     * @propType (formData: UniversalParams) => Promise<void>
+     * @default () => {}
+     */
     submitAction: import('vue-types').VueTypeValidableDef<(...args: any[]) => any, import('vue-types/dist/types').ValidatorFunction<(...args: any[]) => any>>;
-    /** label 模式，默认：inline */
+    /**
+     * label 模式
+     * @propType FormItemLabelModel
+     * @default header
+     */
     labelModel: import('vue-types').VueTypeDef<"header" | "inline"> & {
         default: "header" | "inline";
     };
-    /** 是否开启 debug 打印，默认：false */
+    /**
+     * 是否开启 debug 打印
+     * @default false
+     */
     debug: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    /**
+     * 表单尺寸
+     */
+    size: import('vue-types').VueTypeValidableDef<FormSize, import('vue-types/dist/types').ValidatorFunction<FormSize>>;
 };
 export declare const formWrapEmits: () => {
+    /**
+     * 表单提交事件
+     * @cbName 表单数据
+     * @cbType UniversalParams
+     */
     'submit-form': import('../../../vue-utils').EmitFuncType<UniversalParams>;
 };
 export type FormWrapProps = VueProps<typeof formWrapProps>;
 /** <form-wrap> 注入类型 */
 export interface FormWrapInjectData {
+    /** 表单尺寸 */
+    size: ComputedRef<FormSize | undefined>;
     /** 是否正在提交 */
     isSubmiting: Ref<boolean>;
     /** debug */

package/src/components/form/hooks/use-form-common.d.ts

@@ -1,9 +1,15 @@
 import { VueProps } from '../../../vue-utils';
 import { FormSize } from '../types';
 export declare const formCommonProps: () => {
-    /** 尺寸 */
+    /**
+     * 尺寸
+     * @default FormSize.Default
+     */
     size: import('vue-types').VueTypeValidableDef<FormSize, import('vue-types/dist/types').ValidatorFunction<FormSize>>;
-    /** 是否进行表单验证 */
+    /**
+     * 是否进行表单验证
+     * @default true
+     */
     validateForm: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
@@ -14,6 +20,11 @@ export declare const useFormCommon: (options: {
 }) => {
     commonClassNames: import('vue').ComputedRef<string[]>;
 };
+export declare const useFormSize: (options: {
+    props: VueProps<typeof formCommonProps>;
+}) => {
+    size: import('vue').ComputedRef<FormSize | undefined>;
+};
 /** 表单组件下的验证状态 hook */
 export declare const useFormCommonValidate: (options: {
     props: VueProps<typeof formCommonProps>;

package/src/components/form/index.d.ts

@@ -1,9 +1,9 @@
-export * from './form-area-picker';
-export * from './form-checkbox';
-export * from './form-input';
+export * from './area-picker';
+export * from './checkbox';
 export * from './form-item';
-export * from './form-protocol';
-export * from './form-radio';
 export * from './form-submit-button';
 export * from './form-wrap';
+export * from './input';
+export * from './protocol';
+export * from './radio';
 export * from './types';

package/src/components/form/input/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PwcInput } from './input.vue';
+export * from './use-input';

package/src/components/form/{form-input/form-input.vue.d.ts → input/input.vue.d.ts}

@@ -1,18 +1,6 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
-    };
-    refs: {
-        inputRef: HTMLTextAreaElement;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    value: import('vue-types').VueTypeDef<import('./use-form-input').InputValueType> & {
-        default: import('./use-form-input').InputValueType;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    value: import('vue-types').VueTypeDef<import('./use-input').InputValueType> & {
+        default: import('./use-input').InputValueType;
     };
     readonly: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
@@ -32,6 +20,9 @@ declare const __VLS_component: import('vue').DefineComponent<{
     showWordLimit: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    prefixText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
     suffixText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
     };
@@ -53,12 +44,12 @@ declare const __VLS_component: import('vue').DefineComponent<{
     focusInput(): void;
     blurInput(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    blur: (arg: import('./use-form-input').InputValueType) => void;
-    focus: (arg: import('./use-form-input').InputValueType) => void;
-    enter: (arg: import('./use-form-input').InputValueType) => void;
+    focus: (arg: import('./use-input').InputValueType) => void;
+    blur: (arg: import('./use-input').InputValueType) => void;
+    enter: (arg: import('./use-input').InputValueType) => void;
 }, string, Readonly<import('vue').ExtractPropTypes<{
-    value: import('vue-types').VueTypeDef<import('./use-form-input').InputValueType> & {
-        default: import('./use-form-input').InputValueType;
+    value: import('vue-types').VueTypeDef<import('./use-input').InputValueType> & {
+        default: import('./use-input').InputValueType;
     };
     readonly: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
@@ -78,6 +69,9 @@ declare const __VLS_component: import('vue').DefineComponent<{
     showWordLimit: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    prefixText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
     suffixText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
         default: string;
     };
@@ -95,7 +89,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
         default: boolean;
     };
 }>>, {
-    value: import('./use-form-input').InputValueType;
+    value: import('./use-input').InputValueType;
     type: string;
     disabled: boolean;
     validateForm: boolean;
@@ -103,12 +97,15 @@ declare const __VLS_component: import('vue').DefineComponent<{
     placeholder: string;
     maxlength: number;
     showWordLimit: boolean;
+    prefixText: string;
     suffixText: string;
     clearabled: boolean;
     useTextarea: boolean;
     rows: number;
+}>, {
+    prefix?(_: {}): any;
+    suffix?(_: {}): any;
 }>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {