@tmagic/tdesign-vue-next-adapter 1.7.0-beta.0 → 1.7.0-beta.1

package/dist/tmagic-tdesign-vue-next-adapter.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, createBlock, openBlock, unref, createSlots, withCtx, renderSlot, computed, createElementBlock, createVNode, createElementVNode, useTemplateRef, h } from 'vue';
+import { defineComponent, ref, watch, createBlock, openBlock, unref, createSlots, withCtx, renderSlot, computed, createElementBlock, useTemplateRef, createVNode, createElementVNode, h } from 'vue';
 import { Checkbox, DateRangePicker, DatePicker, Dialog, Textarea, InputAdornment, Input, Popconfirm, Radio, RadioButton, Table, Tabs, LoadingDirective, Upload, Tooltip, TimePicker, Tag, TabPanel, Switch, Steps, StepItem, Select, Row, RadioGroup, Pagination, OptionGroup, Option, InputNumber, FormItem, Form, Dropdown, DropdownItem, Drawer, Divider, ColorPicker, CollapsePanel, Collapse, Col, CheckboxGroup, Cascader, Card, Button, Badge, MessagePlugin, DialogPlugin } from 'tdesign-vue-next';
 
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
@@ -212,32 +212,55 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     placeholder: {},
     rows: {},
     type: {},
-    size: {},
-    row: {}
+    size: {}
   },
-  emits: ["change", "input", "update:modelValue"],
+  emits: ["change", "input", "blur", "focus", "update:modelValue"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
+    const textareaRef = useTemplateRef("textarea");
+    watch(
+      [textareaRef, () => props.rows],
+      ([val, rows]) => {
+        if (val && rows) {
+          const el = val.$el.querySelector("textarea");
+          if (el) {
+            el.rows = rows;
+          }
+        }
+      },
+      { immediate: true }
+    );
     const changeHandler = (...args) => {
       emit("change", ...args);
     };
     const inputHandler = (...args) => {
       emit("input", ...args);
     };
+    const blurHandler = (...args) => {
+      emit("blur", ...args);
+    };
+    const focusHandler = (...args) => {
+      emit("focus", ...args);
+    };
     const updateModelValue = (...args) => {
       emit("update:modelValue", ...args);
     };
     return (_ctx, _cache) => {
       return __props.type === "textarea" ? (openBlock(), createBlock(unref(Textarea), {
         key: 0,
+        ref: "textarea",
         modelValue: __props.modelValue,
         size: __props.size === "default" ? "medium" : __props.size,
         disabled: __props.disabled,
         placeholder: __props.placeholder,
-        row: __props.row,
+        rows: __props.rows,
         onKeypress: inputHandler,
-        onChange: changeHandler
-      }, null, 8, ["modelValue", "size", "disabled", "placeholder", "row"])) : (openBlock(), createBlock(
+        onChange: changeHandler,
+        onBlur: blurHandler,
+        onFocus: focusHandler,
+        "onUpdate:modelValue": updateModelValue
+      }, null, 8, ["modelValue", "size", "disabled", "placeholder", "rows"])) : (openBlock(), createBlock(
         unref(InputAdornment),
         { key: 1 },
         createSlots({
@@ -250,6 +273,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               placeholder: __props.placeholder,
               onKeypress: inputHandler,
               onChange: changeHandler,
+              onBlur: blurHandler,
+              onFocus: focusHandler,
               "onUpdate:modelValue": updateModelValue
             }, createSlots({
               _: 2

package/dist/tmagic-tdesign-vue-next-adapter.umd.cjs

@@ -215,32 +215,55 @@
       placeholder: {},
       rows: {},
       type: {},
-      size: {},
-      row: {}
+      size: {}
     },
-    emits: ["change", "input", "update:modelValue"],
+    emits: ["change", "input", "blur", "focus", "update:modelValue"],
     setup(__props, { emit: __emit }) {
+      const props = __props;
       const emit = __emit;
+      const textareaRef = vue.useTemplateRef("textarea");
+      vue.watch(
+        [textareaRef, () => props.rows],
+        ([val, rows]) => {
+          if (val && rows) {
+            const el = val.$el.querySelector("textarea");
+            if (el) {
+              el.rows = rows;
+            }
+          }
+        },
+        { immediate: true }
+      );
       const changeHandler = (...args) => {
         emit("change", ...args);
       };
       const inputHandler = (...args) => {
         emit("input", ...args);
       };
+      const blurHandler = (...args) => {
+        emit("blur", ...args);
+      };
+      const focusHandler = (...args) => {
+        emit("focus", ...args);
+      };
       const updateModelValue = (...args) => {
         emit("update:modelValue", ...args);
       };
       return (_ctx, _cache) => {
         return __props.type === "textarea" ? (vue.openBlock(), vue.createBlock(vue.unref(tdesignVueNext.Textarea), {
           key: 0,
+          ref: "textarea",
           modelValue: __props.modelValue,
           size: __props.size === "default" ? "medium" : __props.size,
           disabled: __props.disabled,
           placeholder: __props.placeholder,
-          row: __props.row,
+          rows: __props.rows,
           onKeypress: inputHandler,
-          onChange: changeHandler
-        }, null, 8, ["modelValue", "size", "disabled", "placeholder", "row"])) : (vue.openBlock(), vue.createBlock(
+          onChange: changeHandler,
+          onBlur: blurHandler,
+          onFocus: focusHandler,
+          "onUpdate:modelValue": updateModelValue
+        }, null, 8, ["modelValue", "size", "disabled", "placeholder", "rows"])) : (vue.openBlock(), vue.createBlock(
           vue.unref(tdesignVueNext.InputAdornment),
           { key: 1 },
           vue.createSlots({
@@ -253,6 +276,8 @@
                 placeholder: __props.placeholder,
                 onKeypress: inputHandler,
                 onChange: changeHandler,
+                onBlur: blurHandler,
+                onFocus: focusHandler,
                 "onUpdate:modelValue": updateModelValue
               }, vue.createSlots({
                 _: 2

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.7.0-beta.0",
+  "version": "1.7.0-beta.1",
   "name": "@tmagic/tdesign-vue-next-adapter",
   "type": "module",
   "main": "dist/tmagic-tdesign-vue-next-adapter.umd.cjs",
@@ -38,7 +38,7 @@
     "tdesign-vue-next": "^1.17.1",
     "vue": "^3.5.22",
     "typescript": "^5.9.3",
-    "@tmagic/design": "1.7.0-beta.0"
+    "@tmagic/design": "1.7.0-beta.1"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/src/Input.vue

@@ -1,13 +1,17 @@
 <template>
   <TTextarea
     v-if="type === 'textarea'"
+    ref="textarea"
     :modelValue="modelValue"
     :size="size === 'default' ? 'medium' : size"
     :disabled="disabled"
     :placeholder="placeholder"
-    :row="row"
+    :rows="rows"
     @keypress="inputHandler"
     @change="changeHandler"
+    @blur="blurHandler"
+    @focus="focusHandler"
+    @update:modelValue="updateModelValue"
   ></TTextarea>
   <TInputAdornment v-else>
     <template #prepend v-if="$slots.prepend">
@@ -24,6 +28,8 @@
       :placeholder="placeholder"
       @keypress="inputHandler"
       @change="changeHandler"
+      @blur="blurHandler"
+      @focus="focusHandler"
       @update:modelValue="updateModelValue"
     >
       <template #prefix-icon v-if="$slots.prefix">
@@ -37,6 +43,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useTemplateRef, watch } from 'vue';
 import { Input as TInput, InputAdornment as TInputAdornment, Textarea as TTextarea } from 'tdesign-vue-next';
 
 import type { InputProps } from '@tmagic/design';
@@ -45,13 +52,28 @@ defineOptions({
   name: 'TTDesignAdapterInput',
 });
 
-defineProps<
+const props = defineProps<
   InputProps & {
     modelValue: string;
   }
 >();
 
-const emit = defineEmits(['change', 'input', 'update:modelValue']);
+const emit = defineEmits(['change', 'input', 'blur', 'focus', 'update:modelValue']);
+
+const textareaRef = useTemplateRef('textarea');
+
+watch(
+  [textareaRef, () => props.rows],
+  ([val, rows]) => {
+    if (val && rows) {
+      const el = val.$el.querySelector('textarea');
+      if (el) {
+        el.rows = rows;
+      }
+    }
+  },
+  { immediate: true },
+);
 
 const changeHandler = (...args: any[]) => {
   emit('change', ...args);
@@ -61,6 +83,14 @@ const inputHandler = (...args: any[]) => {
   emit('input', ...args);
 };
 
+const blurHandler = (...args: any[]) => {
+  emit('blur', ...args);
+};
+
+const focusHandler = (...args: any[]) => {
+  emit('focus', ...args);
+};
+
 const updateModelValue = (...args: any[]) => {
   emit('update:modelValue', ...args);
 };