@polyv/vue-components 1.0.1

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@polyv/vue-components",
+  "version": "1.0.1",
+  "main": "./index.es.js",
+  "types": "./src/index.d.ts",
+  "dependencies": {
+    "@juggle/resize-observer": "^3.4.0",
+    "@just4/dom": "^1.0.0",
+    "@just4/load-script": "^1.2.0",
+    "@just4/ua-info": "^3.0.0",
+    "@polyv/icons-vue": "1.1.0",
+    "@polyv/polyv-ui": "4.10.0-dev-20250904.1",
+    "@popperjs/core": "2.11.4",
+    "async-validator": "4.2.5",
+    "clipboard": "2.0.10",
+    "lodash-es": "4.17.21",
+    "svgaplayerweb": "2.3.2",
+    "vue-types": "5.1.1"
+  },
+  "module": "./index.es.js",
+  "type": "module"
+}

package/src/components/basic-countdown/basic-countdown.vue.d.ts

@@ -0,0 +1,71 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            timeText: {
+                hours: number;
+                hoursText: string;
+                minutes: number;
+                minutesText: string;
+                seconds: number;
+                secondsText: string;
+            };
+            surplusSecond: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    second: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    timestamp: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    hideZeroHour: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    useClock: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    itemClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    colonClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    finishSecond: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    finish: (arg?: void | undefined) => void;
+}, string, Readonly<import('vue').ExtractPropTypes<{
+    second: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    timestamp: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    hideZeroHour: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    useClock: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    itemClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    colonClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    finishSecond: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+}>>, {
+    hideZeroHour: boolean;
+    useClock: boolean;
+    itemClass: string;
+    colonClass: string;
+    finishSecond: number;
+}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

package/src/components/basic-countdown/index.d.ts

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

package/src/components/basic-countdown/use-basic-countdown.d.ts

@@ -0,0 +1,44 @@
+import { VueEmit, VueProps } from '../../vue-utils';
+export declare const basicCountdownProps: () => {
+    /** 秒数 */
+    second: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    /** 时间戳 */
+    timestamp: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    /** 时数为 0 时隐藏 */
+    hideZeroHour: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /** 是否使用倒计时 */
+    useClock: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /** 数字样式 */
+    itemClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    /** 冒号样式 */
+    colonClass: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    /** 完成秒数 */
+    finishSecond: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+};
+export declare const basicCountdownEmit: () => {
+    finish: import('../../vue-utils').EmitFuncType<void>;
+};
+export declare const useBasicCountdown: (options: {
+    props: VueProps<typeof basicCountdownProps>;
+    emit: VueEmit<typeof basicCountdownEmit>;
+}) => {
+    surplusSecond: import('vue').Ref<number>;
+    timeText: import('vue').ComputedRef<{
+        hours: number;
+        hoursText: string;
+        minutes: number;
+        minutesText: string;
+        seconds: number;
+        secondsText: string;
+    }>;
+};

package/src/components/exports.d.ts

@@ -0,0 +1,7 @@
+export * from './basic-countdown';
+export * from './form';
+export * from './icons/map';
+export * from './normal-button';
+export * from './normal-pendant';
+export * from './popup';
+export * from './reward-receive';

package/src/components/form/form-area-picker/form-area-picker.vue.d.ts

@@ -0,0 +1,39 @@
+declare const _default: import('vue').DefineComponent<{
+    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;
+    };
+    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;
+    };
+}, {
+    isFinish: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "picker-text-change": (arg: string[]) => void;
+}, string, Readonly<import('vue').ExtractPropTypes<{
+    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;
+    };
+    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;
+    };
+}>>, {
+    value: string[];
+    validateForm: boolean;
+    placeholder: string;
+    areaPickerText: string[];
+}>;
+export default _default;

package/src/components/form/form-area-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PwcFormAreaPicker } from './form-area-picker.vue';
+export * from './use-form-area-picker';

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

@@ -0,0 +1,50 @@
+import { AreaPickerComponent } from '../../../plugins/polyv-ui/types';
+import { VueEmit, VueProps } from '../../../vue-utils';
+import { ComputedRef } from 'vue';
+export declare const formAreaPickerProps: () => {
+    /** 绑定值 */
+    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;
+    };
+    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: () => {
+    /** 选择器文本变化 */
+    'picker-text-change': import('../../../vue-utils').EmitFuncType<string[]>;
+};
+export interface FormAreaPickerInstance {
+    /** 是否已选择完成 */
+    isFinish: ComputedRef<boolean>;
+}
+export declare const useFormAreaPicker: (options: {
+    AreaPicker: AreaPickerComponent;
+    props: VueProps<typeof formAreaPickerProps>;
+    emit: VueEmit<typeof formAreaPickerEmit>;
+}) => {
+    innerValue: import('vue').Ref<string[]>;
+    isFinish: ComputedRef<boolean>;
+    innerIsFinish: ComputedRef<boolean>;
+    instance: FormAreaPickerInstance;
+    inputValue: ComputedRef<string>;
+    inputPlaceholder: ComputedRef<string>;
+    refreshKey: import('vue').Ref<number>;
+    formItemIsError: ComputedRef<boolean>;
+    blurToValidateItem: () => Promise<void>;
+    focusToRemoveError: () => void;
+    pickerVisible: import('vue').Ref<boolean>;
+    openPicker: () => void;
+    closePicker: () => void;
+    onHiddenPicker: () => void;
+    onShowPicker: () => void;
+    onClickConfirm: () => void;
+};

package/src/components/form/form-checkbox/form-checkbox-group.vue.d.ts

@@ -0,0 +1,27 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    value: import('vue-types').VueTypeValidableDef<any[], import('vue-types/dist/types').ValidatorFunction<any[]>> & {
+        default: () => any[];
+    };
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    value: import('vue-types').VueTypeValidableDef<any[], import('vue-types/dist/types').ValidatorFunction<any[]>> & {
+        default: () => any[];
+    };
+}>>, {
+    value: any[];
+}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

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

@@ -0,0 +1,67 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    circle: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    checked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    value: import('vue-types').VueTypeDef<any>;
+    label: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    showBackground: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    showPrefix: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (arg: boolean) => void;
+    "update:checked": (arg: boolean) => void;
+}, string, Readonly<import('vue').ExtractPropTypes<{
+    circle: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    checked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    value: import('vue-types').VueTypeDef<any>;
+    label: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    showBackground: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    showPrefix: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {
+    label: string;
+    circle: boolean;
+    disabled: boolean;
+    checked: boolean;
+    showBackground: boolean;
+    showPrefix: boolean;
+}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

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

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

package/src/components/form/form-checkbox/type.d.ts

@@ -0,0 +1,8 @@
+import { ComputedRef, InjectionKey } from 'vue';
+export type FormCheckboxValue = any;
+export interface CheckboxGroupInjectData {
+    inGroup: boolean;
+    modelValue?: ComputedRef<FormCheckboxValue[]>;
+    emitInput?: (value: FormCheckboxValue[]) => void;
+}
+export declare const CHECKBOX_GROUP_INJECT_KEY: InjectionKey<CheckboxGroupInjectData>;

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

@@ -0,0 +1,38 @@
+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;
+    };
+    /** 是否选中，支持.sync */
+    checked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    value: import('vue-types').VueTypeDef<any>;
+    label: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    /** 是否显示背景色 */
+    showBackground: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /** 是否禁用 */
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /** 显示前缀 */
+    showPrefix: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+};
+export declare const formCheckboxEmits: () => {
+    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>;
+}) => {
+    isChecked: import('vue').ComputedRef<boolean>;
+    onClickCheckbox: () => void;
+};

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

@@ -0,0 +1,117 @@
+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;
+    };
+    readonly: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    type: 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;
+    };
+    maxlength: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    showWordLimit: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    suffixText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    clearabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    useTextarea: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    rows: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    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;
+    };
+}, {
+    forceUpdate(): void;
+    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;
+}, string, Readonly<import('vue').ExtractPropTypes<{
+    value: import('vue-types').VueTypeDef<import('./use-form-input').InputValueType> & {
+        default: import('./use-form-input').InputValueType;
+    };
+    readonly: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    type: 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;
+    };
+    maxlength: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    showWordLimit: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    suffixText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    clearabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    useTextarea: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    rows: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    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;
+    };
+}>>, {
+    value: import('./use-form-input').InputValueType;
+    type: string;
+    disabled: boolean;
+    validateForm: boolean;
+    readonly: boolean;
+    placeholder: string;
+    maxlength: number;
+    showWordLimit: boolean;
+    suffixText: string;
+    clearabled: boolean;
+    useTextarea: boolean;
+    rows: number;
+}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

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

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

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

@@ -0,0 +1,88 @@
+import { VueEmit, VueProps } from '../../../vue-utils';
+/**
+ * <form-input> 实例
+ */
+export interface FormInputInstance {
+    /** 强制更新 */
+    forceUpdate(): void;
+    /** 聚焦输入框 */
+    focusInput(): void;
+    /** 失焦输入框 */
+    blurInput(): void;
+}
+export type InputValueType = string | number;
+export declare const formInputProps: () => {
+    /** 绑定值 */
+    value: import('vue-types').VueTypeDef<InputValueType> & {
+        default: InputValueType;
+    };
+    /** 只读 */
+    readonly: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /** 禁用输入 */
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /** 输入框原生类型 */
+    type: 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;
+    };
+    /** 最大长度 */
+    maxlength: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    /** 显示字数限制，默认：false */
+    showWordLimit: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /** 尾部文字 */
+    suffixText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    /** 清空，PC 端默认 true，移动端默认 false */
+    clearabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /** 使用 textarea */
+    useTextarea: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /** 行数 */
+    rows: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    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 formInputEmits: () => {
+    /** 失焦 */
+    blur: import('../../../vue-utils').EmitFuncType<InputValueType>;
+    /** 聚焦 */
+    focus: import('../../../vue-utils').EmitFuncType<InputValueType>;
+    /** 回车事件 */
+    enter: import('../../../vue-utils').EmitFuncType<InputValueType>;
+};
+export declare const useFormInput: (options: {
+    props: VueProps<typeof formInputProps>;
+    emit: VueEmit<typeof formInputEmits>;
+    classPrefix: string;
+}) => {
+    modelValue: import('vue').ComputedRef<InputValueType>;
+    inputRef: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | undefined>;
+    inputClassNames: import('vue').ComputedRef<string[]>;
+    isFocus: import('vue').Ref<boolean>;
+    onInputChanged: (event: Event) => void;
+    onInputBlur: () => void;
+    onInputFocus: () => void;
+    onInputEnter: () => void;
+    clearValue: () => void;
+    formInstance: FormInputInstance;
+    wordLimitText: import('vue').ComputedRef<string>;
+};