u

code/base-project/base-vue/packages/ao-design/src/textarea/index.scss

@@ -0,0 +1,38 @@
+@use '../_styles/theme/index' as *;
+@use 'sass:color';
+
+$textarea-prefix: #{$prefix}-textarea;
+
+.#{$textarea-prefix}-wrapper {
+  width: 100%;
+  border: 1px solid #ddd;
+  border-radius: 2px;
+  box-sizing: border-box;
+  position: relative;
+  padding: 0;
+
+  &:hover {
+    border-color: $input-hover-color;
+  }
+
+  &:focus-within {
+    border-color: $input-focus-color;
+    box-shadow: $input-focus-shadow;
+  }
+
+  .#{$textarea-prefix}-inner {
+    width: 100%;
+    min-height: 80px; // 可根据需要
+    padding: 8px; // 内边距
+    border: none; // 去掉默认边框
+    outline: none;
+    resize: vertical;
+    box-sizing: border-box;
+    font-size: 13px;
+    color: #000;
+
+    &::placeholder {
+      color: #999999;
+    }
+  }
+}

code/base-project/base-vue/packages/ao-design/src/textarea/index.tsx

@@ -0,0 +1,19 @@
+import type { PropType } from 'vue'
+import { computed, defineComponent, ref } from 'vue'
+import { getPrefixCls } from '../_utils/getPrefixCls'
+
+export default defineComponent({
+  name: 'Textarea',
+  emits: ['update:modelValue'],
+  setup() {
+    const prefixCls = getPrefixCls('input')
+
+    return () => {
+      return (
+        <div class={`${prefixCls}-wrapper`}>
+          <textarea class={`${prefixCls}-inner`} />
+        </div>
+      )
+    }
+  },
+})