@xiaohaih/json-form-vant 0.0.1

package/components/signature/instance.vue

@@ -0,0 +1,161 @@
+<template>
+    <VanSignature
+        v-if="!(globalDisabled || disabled || globalReadonly || readonly)"
+        ref="signatureRef"
+        v-bind="signatureProps" v-on="signatureOn"
+        @end="end" @submit="change" @clear="clear"
+    >
+        <template v-for="(item, slotName) of signatureSlots" :key="slotName" #[hyphenate(slotName)]="row">
+            <component :is="getNode(item)" v-bind="slotProps" v-bind.prop="row" />
+        </template>
+    </VanSignature>
+    <img v-else-if="imgSrc" :src="imgSrc" style="padding: var(--van-signature-padding);">
+    <i v-else />
+</template>
+
+<script lang="ts">
+import { getNode, hyphenate, usePlain } from '@xiaohaih/json-form-core';
+import type { SignatureInstance } from 'vant';
+import { Field as VanField, Signature as VanSignature } from 'vant';
+import type { SlotsType } from 'vue';
+import { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, ref, useTemplateRef, watch } from 'vue';
+import { useCommonSetup } from '../use';
+import type { SignatureSlots, SubmitOption } from './types';
+import { signatureEmitsPrivate as emits, signaturePropsPrivate as props } from './types';
+
+const ratio = typeof window !== 'undefined' ? window.devicePixelRatio : 1;
+function getSize(canvas: HTMLCanvasElement) {
+    return { width: canvas.offsetWidth * ratio, height: canvas.offsetHeight * ratio };
+}
+/**
+ * 绘制图片到 canvas 上
+ * @param {object} opt - 绘制选项
+ * @param {HTMLCanvasElement} opt.canvas - 待渲染的画布
+ * @param {string} opt.src - 图片来源
+ * @param {CanvasRenderingContext2D} [opt.ctx] - 画布上下文，若未提供则使用 canvas.getContext('2d') 获取
+ * @param {() => boolean} [opt.allowPaint] - 是否允许绘制, 默认为 true
+ */
+function drawImage(opt: {
+    /** 待渲染的画布 */
+    canvas: HTMLCanvasElement | undefined;
+    src: string | undefined;
+    ctx?: CanvasRenderingContext2D | null;
+    allowPaint?: () => boolean;
+}) {
+    const canvas = opt.canvas;
+    if (!(canvas && opt.src)) return;
+    const ctx = opt.ctx || canvas.getContext('2d');
+    if (!ctx) return;
+    const img = new Image();
+    img.onload = () => {
+        if (opt.allowPaint?.() === false) return;
+        const { width, height } = getSize(canvas);
+        ctx.clearRect(0, 0, width, height);
+        ctx.drawImage(img, 0, 0, width / ratio, height / ratio);
+    };
+    img.src = opt.src;
+}
+/** 释放 blob */
+function revokeBlob(value: any) {
+    typeof value === 'string' && value.slice(0, 5) === 'blob:' && URL.revokeObjectURL(value);
+}
+
+/**
+ * @file 纯签名组件
+ */
+export default defineComponent({
+    name: 'HSignaturePure',
+    components: { VanField, VanSignature },
+    inheritAttrs: false,
+    props,
+    emits,
+    slots: Object as SlotsType<SignatureSlots>,
+    setup(props, ctx) {
+        const signatureRef = useTemplateRef<SignatureInstance>('signatureRef');
+        const plain = usePlain(props);
+        plain.on('reset', () => reset);
+        /** 将当前值转为图片地址 */
+        const imgSrc = computed(() => props.format(plain.checked.value));
+        watch(imgSrc, (value, oldValue) => oldValue && revokeBlob(oldValue));
+        onBeforeUnmount(() => imgSrc.value && revokeBlob(imgSrc.value));
+        /** 是否由用户触发 */
+        const isUserChange = ref(false);
+        /** 覆盖值更改事件 */
+        function change(value: SubmitOption) {
+            isUserChange.value = true;
+            plain.change(props.valueFormat(value));
+            nextTick(() => isUserChange.value = false);
+        }
+        onMounted(() => updateCanvasContent(imgSrc.value));
+        watch(imgSrc, updateCanvasContent);
+        /** 更新画布内容 */
+        function updateCanvasContent(val: string | undefined) {
+            if (isUserChange.value) return;
+            // 当图片地址变化且非用户触发时, 说明外部值发生了变化, 此时需要重新绘制图片
+            drawImage({
+                ...getCanvas(),
+                src: val,
+                allowPaint: () => val === imgSrc.value,
+            });
+        }
+        const { slotProps } = useCommonSetup(props, ctx, plain);
+        const isResetting = ref(false);
+        /** 清空事件 */
+        function clear() {
+            if (isResetting.value) return;
+            plain.change(undefined);
+        }
+        /** 重置事件 */
+        function reset() {
+            if (!signatureRef.value) return;
+            let _src = imgSrc.value;
+            if (signatureRef.value.clear) {
+                isResetting.value = true;
+                nextTick(() => isResetting.value = false);
+                signatureRef.value.clear();
+            }
+            // 兼容低版本的 VanSignature 组件，低版本没有 clear 方法
+            else {
+                const { canvas, ctx } = getCanvas();
+                if (!(canvas && ctx)) return;
+                const { width, height } = getSize(canvas);
+                ctx.clearRect(0, 0, width, height);
+                ctx.closePath();
+                const bgColor = props.signatureProps?.backgroundColor;
+                if (bgColor) {
+                    ctx.fillStyle = bgColor;
+                    ctx.fillRect(0, 0, width, height);
+                }
+            }
+            // 重置后, 如果图片值未改变则无法触发 watch 回调, 需要主动重新绘制
+            nextTick(() => _src === imgSrc.value && updateCanvasContent(_src));
+        }
+        /** 获取画布 */
+        function getCanvas() {
+            const canvas = signatureRef.value?.$el?.getElementsByTagName('canvas')[0] as HTMLCanvasElement | undefined;
+            const ctx = canvas?.getContext('2d');
+            return { canvas, ctx };
+        }
+        /** 签名结束事件 */
+        function end() {
+            props.submitAtEnd && signatureRef.value?.submit?.();
+        }
+        ctx.emit('load', plain);
+
+        return {
+            hyphenate,
+            getNode,
+            ...plain,
+            change,
+            slotProps,
+            signatureRef,
+            imgSrc,
+            clear,
+            end,
+        };
+    },
+});
+</script>
+
+<style lang="scss" scoped>
+</style>

package/components/signature/types.ts

@@ -0,0 +1,79 @@
+import type { emits2obj, PlainProps } from '@xiaohaih/json-form-core';
+import { emits2props, plainProps } from '@xiaohaih/json-form-core';
+import { Field as VanField, Signature as VanSignature } from 'vant';
+import type { ExtractPublicPropTypes, PropType } from 'vue';
+import type { ComponentProps } from 'vue-component-type-helpers';
+import type { CommonProps, CommonSlots, CommonSlotsProps, ComponentType } from '../share';
+import { commonProps } from '../share';
+
+/** 组件传参 - 私有 */
+export function signaturePropsGeneric<Query extends Record<string, any>, OptionQuery extends Record<string, any>>() {
+    return {
+        ...commonProps as CommonProps<Query, OptionQuery>,
+        ...plainProps as PlainProps<Query, OptionQuery>,
+        /** 是否渲染 VanField 组件 */
+        renderField: { type: Boolean as PropType<boolean>, default: true },
+        /** VanSignature 组件的属性 */
+        signatureProps: { type: Object as PropType<Partial<ComponentProps<typeof VanSignature>>> },
+        /** VanSignature 组件的事件 - 兼容 vue2 版本 */
+        signatureOn: { type: Object as PropType<Partial<ReturnType<typeof emits2obj<NonNullable<typeof VanSignature.emits>>>>>, default: () => ({}) },
+        /** VanSignature 组件的插槽 */
+        signatureSlots: { type: Object as PropType<{
+            /** 自定义提示文案 */
+            tips?: ComponentType<CommonSlotsProps<any, any>>;
+        }> },
+        /**
+         * 是否在结束签名时触发一次提交事件
+         * @tips 该属性需要 vant 版本大等于 4.8.6 才支持
+         */
+        submitAtEnd: { type: Boolean, default: true },
+        /** 对提交的数据进行处理 - 与 format 配合使用 */
+        valueFormat: { type: Function as PropType<(option: SubmitOption) => any | Promise<any>>, default: (v: SubmitOption) => v },
+        /** 当需要作为图片回显时的处理函数 - 与 format 配合使用 */
+        format: { type: Function as PropType<(option: unknown) => string>, default: signatureFormat },
+    } as const;
+}
+/** 组件传参 - 私有 */
+export const signaturePropsPrivate = signaturePropsGeneric();
+/** 组件传参 - 外部调用 */
+export const signatureProps = {
+    ...VanField.props as unknown as {},
+    ...signaturePropsPrivate,
+};
+export type SignatureProps<Query extends Record<string, any>, OptionQuery extends Record<string, any>> = ExtractPublicPropTypes<ReturnType<typeof signaturePropsGeneric<Query, OptionQuery>>>;
+
+/** 组件事件 - 私有 */
+export function signatureEmitsGeneric<T>() {
+    return {
+        /** 组件加载后触发 - 供可选渲染 VanField 使用 */
+        load: (params: any) => true,
+    };
+}
+/** 组件事件 - 私有 */
+export const signatureEmitsPrivate = signatureEmitsGeneric();
+/** 组件事件 - 外部调用 */
+export const signatureEmits = {
+    ...VanField.emits,
+    ...signatureEmitsPrivate,
+};
+
+export type SignatureEmits<T> = ReturnType<typeof signatureEmitsGeneric<T>>;
+
+export interface SignatureSlots extends CommonSlots<any> {
+}
+
+/** 提交时的参数 */
+export interface SubmitOption {
+    /** base64 */
+    image: string;
+    /**  */
+    canvas: string;
+}
+
+/** 格式化回显图片时的参数 */
+export function signatureFormat(option: SubmitOption | string | Blob) {
+    if (!option) return '';
+    if (typeof option === 'string') return option;
+    if (option instanceof Blob) return URL.createObjectURL(option);
+    return option.image;
+}

package/components/slider/index.ts

@@ -0,0 +1,6 @@
+import type { ComponentExposed } from 'vue-component-type-helpers';
+import HSlider from './index.vue';
+
+export { HSlider };
+export type HSliderInstance = ComponentExposed<typeof HSlider>;
+export * from './types';

package/components/slider/index.vue

@@ -0,0 +1,63 @@
+<template>
+    <VanField
+        v-if="!hide"
+        :name="field"
+        :model-value="(checked as number)"
+        :disabled="globalDisabled || disabled"
+        :readonly="globalReadonly || readonly"
+        v-bind="$attrs"
+    >
+        <template #input>
+            <VanSlider
+                :disabled="globalDisabled || disabled"
+                :readonly="globalReadonly || readonly"
+                :model-value="(checked as number)"
+                v-bind="sliderProps" v-on="sliderOn"
+                @update:model-value="change"
+            >
+                <template v-for="(item, slotName) of sliderSlots" :key="slotName" #[hyphenate(slotName)]="row">
+                    <component :is="getNode(item)" v-bind="slotProps" v-bind.prop="row" />
+                </template>
+            </VanSlider>
+        </template>
+        <template v-for="(item, slotName) of slots" :key="slotName" #[hyphenate(slotName)]="row">
+            <component :is="getNode(item)" v-bind="slotProps" v-bind.prop="row" />
+        </template>
+    </VanField>
+</template>
+
+<script lang="ts">
+import { getNode, hyphenate, usePlain } from '@xiaohaih/json-form-core';
+import { Field as VanField, Slider as VanSlider } from 'vant';
+import type { SlotsType } from 'vue';
+import { defineComponent } from 'vue';
+import { useCommonSetup } from '../use';
+import type { SliderSlots } from './types';
+import { sliderEmitsPrivate as emits, sliderPropsPrivate as props } from './types';
+
+/**
+ * @file 滑块
+ */
+export default defineComponent({
+    name: 'HSlider',
+    components: { VanField, VanSlider },
+    inheritAttrs: false,
+    props,
+    emits,
+    slots: Object as SlotsType<SliderSlots>,
+    setup(props, ctx) {
+        const plain = usePlain(props);
+        const { slotProps } = useCommonSetup(props, ctx, plain);
+
+        return {
+            hyphenate,
+            getNode,
+            ...plain,
+            slotProps,
+        };
+    },
+});
+</script>
+
+<style lang="scss" scoped>
+</style>

package/components/slider/types.ts

@@ -0,0 +1,53 @@
+import type { emits2obj, PlainProps } from '@xiaohaih/json-form-core';
+import { emits2props, plainProps } from '@xiaohaih/json-form-core';
+import { Field as VanField, Slider as VanSlider } from 'vant';
+import type { ExtractPublicPropTypes, PropType } from 'vue';
+import type { ComponentProps } from 'vue-component-type-helpers';
+import type { CommonProps, CommonSlots, CommonSlotsProps, ComponentType } from '../share';
+import { commonProps } from '../share';
+
+/** 组件传参 - 私有 */
+export function sliderPropsGeneric<Query extends Record<string, any>, OptionQuery extends Record<string, any>>() {
+    return {
+        ...commonProps as CommonProps<Query, OptionQuery>,
+        ...plainProps as PlainProps<Query, OptionQuery>,
+        /** VanSlider 组件的属性 */
+        sliderProps: { type: Object as PropType<Partial<ComponentProps<typeof VanSlider>>> },
+        /** VanSlider 组件的事件 - 兼容 vue2 版本 */
+        sliderOn: { type: Object as PropType<Partial<ReturnType<typeof emits2obj<NonNullable<typeof VanSlider.emits>>>>>, default: () => ({}) },
+        /** VanSlider 组件的插槽 */
+        sliderSlots: { type: Object as PropType<{
+            /** 自定义滑块按钮 */
+            button?: ComponentType<CommonSlotsProps<any, any>>;
+            /** 自定义左侧滑块按钮(双滑块模式下) */
+            leftButton?: ComponentType<CommonSlotsProps<any, any>>;
+            /** 自定义右侧滑块按钮(双滑块模式下) */
+            rightButton?: ComponentType<CommonSlotsProps<any, any>>;
+        }> },
+    } as const;
+}
+/** 组件传参 - 私有 */
+export const sliderPropsPrivate = sliderPropsGeneric();
+/** 组件传参 - 外部调用 */
+export const sliderProps = {
+    ...VanField.props as unknown as {},
+    ...sliderPropsPrivate,
+};
+export type SliderProps<Query extends Record<string, any>, OptionQuery extends Record<string, any>> = ExtractPublicPropTypes<ReturnType<typeof sliderPropsGeneric<Query, OptionQuery>>>;
+
+/** 组件事件 - 私有 */
+export function sliderEmitsGeneric<T>() {
+    return {};
+}
+/** 组件事件 - 私有 */
+export const sliderEmitsPrivate = sliderEmitsGeneric();
+/** 组件事件 - 外部调用 */
+export const sliderEmits = {
+    ...VanField.emits,
+    ...sliderEmitsPrivate,
+};
+
+export type SliderEmits<T> = ReturnType<typeof sliderEmitsGeneric<T>>;
+
+export interface SliderSlots extends CommonSlots<any> {
+}

package/components/stepper/index.ts

@@ -0,0 +1,6 @@
+import type { ComponentExposed } from 'vue-component-type-helpers';
+import HStepper from './index.vue';
+
+export { HStepper };
+export type HStepperInstance = ComponentExposed<typeof HStepper>;
+export * from './types';

package/components/stepper/index.vue

@@ -0,0 +1,62 @@
+<template>
+    <VanField
+        v-if="!hide"
+        :name="field"
+        :model-value="checked"
+        :disabled="globalDisabled || disabled"
+        :readonly="globalReadonly || readonly"
+        v-bind="$attrs"
+    >
+        <template #input>
+            <VanStepper
+                :disabled="globalDisabled || disabled || globalReadonly || readonly"
+                :model-value="(checked as number)"
+                v-bind="stepperProps" v-on="stepperOn"
+                @update:model-value="change"
+            >
+                <template v-for="(item, slotName) of stepperSlots" :key="slotName" #[hyphenate(slotName)]="row">
+                    <component :is="getNode(item)" v-bind="slotProps" v-bind.prop="row" />
+                </template>
+            </VanStepper>
+        </template>
+        <template v-for="(item, slotName) of slots" :key="slotName" #[hyphenate(slotName)]="row">
+            <component :is="getNode(item)" v-bind="slotProps" v-bind.prop="row" />
+        </template>
+    </VanField>
+</template>
+
+<script lang="ts">
+import { getNode, hyphenate, usePlain } from '@xiaohaih/json-form-core';
+import { Field as VanField, Stepper as VanStepper } from 'vant';
+import type { SlotsType } from 'vue';
+import { defineComponent } from 'vue';
+import { useCommonSetup } from '../use';
+import type { StepperSlots } from './types';
+import { stepperEmitsPrivate as emits, stepperPropsPrivate as props } from './types';
+
+/**
+ * @file 步进器
+ */
+export default defineComponent({
+    name: 'HStepper',
+    components: { VanField, VanStepper },
+    inheritAttrs: false,
+    props,
+    emits,
+    slots: Object as SlotsType<StepperSlots>,
+    setup(props, ctx) {
+        const plain = usePlain(props);
+        const { slotProps } = useCommonSetup(props, ctx, plain);
+
+        return {
+            hyphenate,
+            getNode,
+            ...plain,
+            slotProps,
+        };
+    },
+});
+</script>
+
+<style lang="scss" scoped>
+</style>

package/components/stepper/types.ts

@@ -0,0 +1,47 @@
+import type { emits2obj, PlainProps } from '@xiaohaih/json-form-core';
+import { emits2props, plainProps } from '@xiaohaih/json-form-core';
+import { Field as VanField, Stepper as VanStepper } from 'vant';
+import type { ExtractPublicPropTypes, PropType } from 'vue';
+import type { ComponentProps } from 'vue-component-type-helpers';
+import type { CommonProps, CommonSlots, CommonSlotsProps, ComponentType } from '../share';
+import { commonProps } from '../share';
+
+/** 组件传参 - 私有 */
+export function stepperPropsGeneric<Query extends Record<string, any>, OptionQuery extends Record<string, any>>() {
+    return {
+        ...commonProps as CommonProps<Query, OptionQuery>,
+        ...plainProps as PlainProps<Query, OptionQuery>,
+        /** VanStepper 组件的属性 */
+        stepperProps: { type: Object as PropType<Partial<ComponentProps<typeof VanStepper>>> },
+        /** VanStepper 组件的事件 - 兼容 vue2 版本 */
+        stepperOn: { type: Object as PropType<Partial<ReturnType<typeof emits2obj<NonNullable<typeof VanStepper.emits>>>>>, default: () => ({}) },
+        /** VanStepper 组件的插槽 */
+        stepperSlots: { type: Object as PropType<{
+        }> },
+    } as const;
+}
+/** 组件传参 - 私有 */
+export const stepperPropsPrivate = stepperPropsGeneric();
+/** 组件传参 - 外部调用 */
+export const stepperProps = {
+    ...VanField.props as unknown as {},
+    ...stepperPropsPrivate,
+};
+export type StepperProps<Query extends Record<string, any>, OptionQuery extends Record<string, any>> = ExtractPublicPropTypes<ReturnType<typeof stepperPropsGeneric<Query, OptionQuery>>>;
+
+/** 组件事件 - 私有 */
+export function stepperEmitsGeneric<T>() {
+    return {};
+}
+/** 组件事件 - 私有 */
+export const stepperEmitsPrivate = stepperEmitsGeneric();
+/** 组件事件 - 外部调用 */
+export const stepperEmits = {
+    ...VanField.emits,
+    ...stepperEmitsPrivate,
+};
+
+export type StepperEmits<T> = ReturnType<typeof stepperEmitsGeneric<T>>;
+
+export interface StepperSlots extends CommonSlots<any> {
+}

package/components/switch/index.ts

@@ -0,0 +1,6 @@
+import type { ComponentExposed } from 'vue-component-type-helpers';
+import HSwitch from './index.vue';
+
+export { HSwitch };
+export type HSwitchInstance = ComponentExposed<typeof HSwitch>;
+export * from './types';

package/components/switch/index.vue

@@ -0,0 +1,61 @@
+<template>
+    <VanField
+        v-if="!hide"
+        :name="field"
+        :disabled="globalDisabled || disabled"
+        :readonly="globalReadonly || readonly"
+        v-bind="$attrs"
+    >
+        <template #input>
+            <VanSwitch
+                :disabled="globalDisabled || disabled || globalReadonly || readonly"
+                :model-value="checked"
+                v-bind="switchProps" v-on="switchOn"
+                @update:model-value="change"
+            >
+                <template v-for="(item, slotName) of switchSlots" :key="slotName" #[hyphenate(slotName)]="row">
+                    <component :is="getNode(item)" v-bind="slotProps" v-bind.prop="row" />
+                </template>
+            </VanSwitch>
+        </template>
+        <template v-for="(item, slotName) of slots" :key="slotName" #[hyphenate(slotName)]="row">
+            <component :is="getNode(item)" v-bind="slotProps" v-bind.prop="row" />
+        </template>
+    </VanField>
+</template>
+
+<script lang="ts">
+import { getNode, hyphenate, usePlain } from '@xiaohaih/json-form-core';
+import { Field as VanField, Switch as VanSwitch } from 'vant';
+import type { SlotsType } from 'vue';
+import { defineComponent } from 'vue';
+import { useCommonSetup } from '../use';
+import type { SwitchSlots } from './types';
+import { switchEmitsPrivate as emits, switchPropsPrivate as props } from './types';
+
+/**
+ * @file 开关
+ */
+export default defineComponent({
+    name: 'HSwitch',
+    components: { VanField, VanSwitch },
+    inheritAttrs: false,
+    props,
+    emits,
+    slots: Object as SlotsType<SwitchSlots>,
+    setup(props, ctx) {
+        const plain = usePlain(props);
+        const { slotProps } = useCommonSetup(props, ctx, plain);
+
+        return {
+            hyphenate,
+            getNode,
+            ...plain,
+            slotProps,
+        };
+    },
+});
+</script>
+
+<style lang="scss" scoped>
+</style>

package/components/switch/types.ts

@@ -0,0 +1,51 @@
+import type { emits2obj, PlainProps } from '@xiaohaih/json-form-core';
+import { emits2props, plainProps } from '@xiaohaih/json-form-core';
+import { Field as VanField, Switch as VanSwitch } from 'vant';
+import type { ExtractPublicPropTypes, PropType } from 'vue';
+import type { ComponentProps } from 'vue-component-type-helpers';
+import type { CommonProps, CommonSlots, CommonSlotsProps, ComponentType } from '../share';
+import { commonProps } from '../share';
+
+/** 组件传参 - 私有 */
+export function switchPropsGeneric<Query extends Record<string, any>, OptionQuery extends Record<string, any>>() {
+    return {
+        ...commonProps as CommonProps<Query, OptionQuery>,
+        ...plainProps as PlainProps<Query, OptionQuery>,
+        /** VanSwitch 组件的属性 */
+        switchProps: { type: Object as PropType<Partial<ComponentProps<typeof VanSwitch>>> },
+        /** VanSwitch 组件的事件 - 兼容 vue2 版本 */
+        switchOn: { type: Object as PropType<Partial<ReturnType<typeof emits2obj<NonNullable<typeof VanSwitch.emits>>>>>, default: () => ({}) },
+        /** VanSwitch 组件的插槽 */
+        switchSlots: { type: Object as PropType<{
+            /** 自定义按钮的内容 */
+            node?: ComponentType<CommonSlotsProps<any, any>>;
+            /** 自定义开关的背景内容 */
+            background?: ComponentType<CommonSlotsProps<any, any>>;
+        }> },
+    } as const;
+}
+/** 组件传参 - 私有 */
+export const switchPropsPrivate = switchPropsGeneric();
+/** 组件传参 - 外部调用 */
+export const switchProps = {
+    ...VanField.props as unknown as {},
+    ...switchPropsPrivate,
+};
+export type SwitchProps<Query extends Record<string, any>, OptionQuery extends Record<string, any>> = ExtractPublicPropTypes<ReturnType<typeof switchPropsGeneric<Query, OptionQuery>>>;
+
+/** 组件事件 - 私有 */
+export function switchEmitsGeneric<T>() {
+    return {};
+}
+/** 组件事件 - 私有 */
+export const switchEmitsPrivate = switchEmitsGeneric();
+/** 组件事件 - 外部调用 */
+export const switchEmits = {
+    ...VanField.emits,
+    ...switchEmitsPrivate,
+};
+
+export type SwitchEmits<T> = ReturnType<typeof switchEmitsGeneric<T>>;
+
+export interface SwitchSlots extends CommonSlots<any> {
+}

package/components/time-picker/index.ts

@@ -0,0 +1,6 @@
+import type { ComponentExposed } from 'vue-component-type-helpers';
+import HTimePicker from './index.vue';
+
+export { HTimePicker };
+export type HTimePickerInstance = ComponentExposed<typeof HTimePicker>;
+export * from './types';