@tb-dev/vue 0.3.32 → 0.3.34

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

@@ -1,10 +1,42 @@
 import { InputProps } from './types';
-declare const _default: import('vue').DefineComponent<InputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+import { Option } from '@tb-dev/utils';
+declare function focus(): void;
+declare function blur(): void;
+declare function select(): void;
+declare const _default: import('vue').DefineComponent<InputProps, {
+    inputEl: import('vue').ComputedRef<Option<HTMLInputElement>>;
+    focus: typeof focus;
+    blur: typeof blur;
+    select: typeof select;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string | null) => any;
 }, string, import('vue').PublicProps, Readonly<InputProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
     type: import('vue').InputTypeHTMLAttribute;
     spellcheck: boolean | "true" | "false";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    baseInput: 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>;
 export default _default;

package/dist/index.js

@@ -1,5 +1,5 @@
 import { cva } from 'class-variance-authority';
-import { inject as inject$1, toValue, defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeClass, createElementBlock, Fragment, createVNode, toDisplayString, resolveDynamicComponent, createCommentVNode, normalizeStyle, mergeModels, useModel, createElementVNode, createTextVNode, withDirectives, isRef, vModelText, normalizeProps, guardReactiveProps, useTemplateRef, ref, renderList, createSlots, toRef, effectScope } from 'vue';
+import { inject as inject$1, toValue, defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeClass, createElementBlock, Fragment, createVNode, toDisplayString, resolveDynamicComponent, createCommentVNode, normalizeStyle, mergeModels, useModel, createElementVNode, createTextVNode, withDirectives, isRef, vModelText, useTemplateRef, normalizeProps, guardReactiveProps, ref, renderList, createSlots, toRef, effectScope } from 'vue';
 import { twMerge } from 'tailwind-merge';
 import { clsx } from 'clsx';
 import { unwrap, isNil, toPixel } from '@tb-dev/utils';
@@ -2371,20 +2371,37 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
     type: { default: "text" }
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const baseInput = useTemplateRef("baseInput");
+    const inputEl = computed(() => {
+      return baseInput.value?.$el;
+    });
     const value = computed({
       // eslint-disable-next-line no-undefined
       get: () => props.modelValue ?? void 0,
       set: (it) => emit("update:modelValue", it ?? null)
     });
     const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
+    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(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$1U), mergeProps(_ctx.$attrs, {
+            createVNode(unref(_sfc_main$1U), mergeProps({
+              ref_key: "baseInput",
+              ref: baseInput
+            }, _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.32",
+  "version": "0.3.34",
   "description": "Vue utilities",
   "license": "MIT",
   "type": "module",
@@ -50,7 +50,7 @@
     "tailwindcss": "^4.1.4",
     "tslib": "^2.8.1",
     "typescript": "~5.8.3",
-    "vite": "^6.2.6",
+    "vite": "^6.3.1",
     "vite-plugin-dts": "^4.5.3",
     "vue-tsc": "~2.2.8"
   },