@tb-dev/vue 0.3.33 → 0.3.34

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

@@ -1,7 +1,13 @@
 import { InputProps } from './types';
+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<{
@@ -10,7 +16,7 @@ declare const _default: import('vue').DefineComponent<InputProps, {
     type: import('vue').InputTypeHTMLAttribute;
     spellcheck: boolean | "true" | "false";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    inputEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+    baseInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         defaultValue?: string | number;
         modelValue?: string | number;
         class?: import('vue').HTMLAttributes["class"];

package/dist/index.js

@@ -2374,7 +2374,10 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const inputEl = useTemplateRef("inputEl");
+    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,
@@ -2382,16 +2385,22 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
     });
     const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
     function focus() {
-      inputEl.value?.$el?.focus();
+      inputEl.value?.focus();
+    }
+    function blur() {
+      inputEl.value?.blur();
+    }
+    function select() {
+      inputEl.value?.select();
     }
-    __expose({ focus });
+    __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({
-              ref_key: "inputEl",
-              ref: inputEl
+              ref_key: "baseInput",
+              ref: baseInput
             }, _ctx.$attrs, {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),

package/package.json

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