feat: manually mirror opencoze's code from bytedance

Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf

frontend/packages/data/common/utils/src/components/text-area/index.module.less

@@ -0,0 +1,21 @@
+/* stylelint-disable declaration-no-important */
+
+div.field {
+  padding-bottom: 24px !important;
+
+  &:has(:global(.semi-form-field-error-message)) {
+    padding-bottom: 0 !important;
+  }
+
+  :global {
+    .semi-form-field-error-message {
+      margin-top: 4px;
+      line-height: 20px;
+    }
+
+    .semi-input-textarea-counter {
+      padding-right: 5px!important;
+      padding-left: 5px;
+    }
+  }
+}

frontend/packages/data/common/utils/src/components/text-area/index.tsx

@@ -0,0 +1,35 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import { forwardRef } from 'react';
+
+import cs from 'classnames';
+import { TextArea, withField } from '@coze-arch/coze-design';
+
+import s from './index.module.less';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const TextAreaInner: any = withField(TextArea, {});
+export const CozeFormTextArea: typeof TextAreaInner = forwardRef(
+  // @ts-expect-error -- to fix
+  ({ fieldClassName, ...props }, ref) => (
+    <TextAreaInner
+      ref={ref}
+      {...props}
+      fieldClassName={cs(fieldClassName, s.field)}
+    />
+  ),
+);