feat: manually mirror opencoze's code from bytedance

Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf

frontend/packages/data/memory/database-v2-base/src/components/singleline-select/index.module.less

@@ -0,0 +1,54 @@
+.select-wrapper {
+  width: 100%;
+
+  // semi 原有的 disable 样式不满足需求，需要更明显的文字颜色
+  :global {
+    // .semi-select-disabled .semi-select-selection {
+    //   color: rgba(29, 28, 35, 100%);
+    // }
+
+    .semi-select-disabled .semi-select-arrow {
+      color: rgba(29, 28, 35, 60%);
+    }
+  }
+
+  span {
+    width: 100%;
+  }
+
+}
+
+.error-wrapper {
+  :global {
+    .semi-select {
+      border: 1px solid @error-red;
+    }
+  }
+}
+
+.error-content {
+  height: 20px;
+}
+
+.error-float {
+  position: absolute;
+  width: 100%;
+}
+
+.error-text {
+  position: absolute;
+  padding-top: 2px;
+  font-size: 12px;
+  color: @error-red;
+}
+
+
+.selected-option {
+  :global {
+    .semi-select-option-selected {
+      .semi-select-option-icon {
+        color: #4D53E8
+      }
+    }
+  }
+}

frontend/packages/data/memory/database-v2-base/src/components/singleline-select/index.tsx

@@ -0,0 +1,73 @@
+/*
+ * 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 classnames from 'classnames';
+import {
+  Select,
+  type SelectProps,
+  type InputProps,
+} from '@coze-arch/coze-design';
+
+import s from './index.module.less';
+
+export interface SLSelectRefType {
+  triggerFocus?: () => void;
+}
+
+export type SLSelectProps = InputProps & {
+  value: SelectProps['value'];
+  handleChange?: (v: SelectProps['value']) => void;
+  errorMsg?: string;
+  errorMsgFloat?: boolean;
+  selectProps?: SelectProps & {
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    'data-dtestid'?: string;
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    'data-testid'?: string;
+  };
+};
+
+export const SLSelect: React.FC<SLSelectProps> = props => {
+  const { errorMsg, errorMsgFloat } = props;
+  return (
+    <div
+      className={classnames({
+        [s['select-wrapper']]: true,
+        [s['error-wrapper']]: Boolean(errorMsg),
+      })}
+    >
+      <Select
+        {...props.selectProps}
+        style={{ width: '100%' }}
+        value={props.value}
+        onChange={v => {
+          props?.handleChange?.(v);
+        }}
+        dropdownClassName={s['selected-option']}
+      />
+      {errorMsg ? (
+        <div
+          className={classnames({
+            [s['error-content']]: true,
+            [s['error-float']]: Boolean(errorMsgFloat),
+          })}
+        >
+          <div className={s['error-text']}>{errorMsg}</div>
+        </div>
+      ) : null}
+    </div>
+  );
+};