@tb-dev/vue 0.3.34 → 0.3.35

package/dist/components/input/Input.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: import('vue').DefineComponent<InputProps, {
     type: import('vue').InputTypeHTMLAttribute;
     spellcheck: boolean | "true" | "false";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    baseInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+    inputComponent: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         defaultValue?: string | number;
         modelValue?: string | number;
         class?: import('vue').HTMLAttributes["class"];

package/dist/components/input-text/InputText.vue.d.ts

@@ -1,14 +1,76 @@
 import { Option } from '@tb-dev/utils';
 import { InputTextProps } from './types';
 type __VLS_Props = InputTextProps;
+declare function focus(): void;
+declare function blur(): void;
+declare function select(): void;
 type __VLS_PublicProps = {
     modelValue: Option<string>;
 } & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    inputEl: import('vue').ComputedRef<Option<HTMLInputElement>>;
+    focus: typeof focus;
+    blur: typeof blur;
+    select: typeof select;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: Option<string>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Option<string>) => any) | undefined;
 }>, {
     spellcheck: boolean | "true" | "false";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputComponent: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').InputProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+    }>, {
+        inputEl: import('vue').ComputedRef<Option<HTMLInputElement>>;
+        focus: () => void;
+        blur: () => void;
+        select: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string | null) => any;
+    }, import('vue').PublicProps, {
+        type: import('vue').InputTypeHTMLAttribute;
+        spellcheck: boolean | "true" | "false";
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        inputComponent: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            defaultValue?: string | number;
+            modelValue?: string | number;
+            class?: import('vue').HTMLAttributes["class"];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:modelValue": (payload: string | number) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLInputElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            defaultValue?: string | number;
+            modelValue?: string | number;
+            class?: import('vue').HTMLAttributes["class"];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+        }>, {}, {}, {}, {}, {}> | null;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('..').InputProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+    }>, {
+        inputEl: import('vue').ComputedRef<Option<HTMLInputElement>>;
+        focus: () => void;
+        blur: () => void;
+        select: () => void;
+    }, {}, {}, {}, {
+        type: import('vue').InputTypeHTMLAttribute;
+        spellcheck: boolean | "true" | "false";
+    }> | null;
+}, any>;
 export default _default;

package/dist/components/textarea/Textarea.vue.d.ts

@@ -1,5 +1,8 @@
 import { TextareaProps } from './types';
-declare const _default: import('vue').DefineComponent<TextareaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+import { Option } from '@tb-dev/utils';
+declare const _default: import('vue').DefineComponent<TextareaProps, {
+    textareaEl: import('vue').ComputedRef<Option<HTMLTextAreaElement>>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string | null) => any;
 }, string, import('vue').PublicProps, Readonly<TextareaProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
@@ -7,5 +10,28 @@ declare const _default: import('vue').DefineComponent<TextareaProps, {}, {}, {},
     autocomplete: string;
     spellcheck: boolean | "true" | "false";
     autocorrect: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    textareaComponent: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        class?: import('vue').HTMLAttributes["class"];
+        defaultValue?: string | number;
+        modelValue?: string | number;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (payload: string | number) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLTextAreaElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        class?: import('vue').HTMLAttributes["class"];
+        defaultValue?: string | number;
+        modelValue?: string | number;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, {}> | null;
+}, any>;
 export default _default;

package/dist/index.js

@@ -2374,9 +2374,9 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const baseInput = useTemplateRef("baseInput");
+    const inputComponent = useTemplateRef("inputComponent");
     const inputEl = computed(() => {
-      return baseInput.value?.$el;
+      return inputComponent.value?.$el;
     });
     const value = computed({
       // eslint-disable-next-line no-undefined
@@ -2399,8 +2399,8 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
             createVNode(unref(_sfc_main$1U), mergeProps({
-              ref_key: "baseInput",
-              ref: baseInput
+              ref_key: "inputComponent",
+              ref: inputComponent
             }, _ctx.$attrs, {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
@@ -2700,11 +2700,25 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
     const value = useModel(__props, "modelValue");
+    const inputComponent = useTemplateRef("inputComponent");
+    const inputEl = computed(() => inputComponent.value?.inputEl);
+    function focus() {
+      inputEl.value?.focus();
+    }
+    function blur() {
+      inputEl.value?.blur();
+    }
+    function select() {
+      inputEl.value?.select();
+    }
+    __expose({ inputEl, focus, blur, select });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1T), {
+        ref_key: "inputComponent",
+        ref: inputComponent,
         modelValue: value.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
         type: "text",
@@ -6340,9 +6354,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     style: {}
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const textareaComponent = useTemplateRef("textareaComponent");
+    const textareaEl = computed(() => {
+      return textareaComponent.value?.$el;
+    });
     const value = computed({
       // eslint-disable-next-line no-undefined
       get: () => props.modelValue ?? void 0,
@@ -6352,11 +6370,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return props.height ? { height: toPixel(props.height) } : null;
     });
     const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
+    __expose({ textareaEl });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$3), mergeProps(_ctx.$attrs, {
+            createVNode(unref(_sfc_main$3), mergeProps({
+              ref_key: "textareaComponent",
+              ref: textareaComponent
+            }, _ctx.$attrs, {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
               modelModifiers: { trim: true },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue",
-  "version": "0.3.34",
+  "version": "0.3.35",
   "description": "Vue utilities",
   "license": "MIT",
   "type": "module",