+
{
+ e.stopPropagation();
+ addItem(e);
+ }}
+ />
+
}
+ onClick={addItem}
+ />
+
+ )}
+ >
+ )}
+ {...restProps}
+ />
+ );
+};
+
+export default FieldSelect;
diff --git a/src/FieldSelect/style.ts b/src/FieldSelect/style.ts
new file mode 100644
index 00000000..e4e6427f
--- /dev/null
+++ b/src/FieldSelect/style.ts
@@ -0,0 +1,34 @@
+import { createStyles } from '../theme';
+
+export const useStyle = createStyles(({ token, css, cx }, prefixCls: string) => {
+ return {
+ select: cx(
+ `${prefixCls}`,
+ css({
+ width: '100%',
+ }),
+ ),
+ extra: cx(
+ `${prefixCls}-extra`,
+ css({
+ display: 'flex',
+ alignItems: 'center',
+ padding: `${token.paddingXXS}px ${token.paddingXS}px`,
+ }),
+ ),
+
+ extraInput: cx(
+ `${prefixCls}-extra-input`,
+ css({
+ marginRight: token.marginXXS,
+ }),
+ ),
+
+ extraAction: cx(
+ `${prefixCls}-extra-action`,
+ css({
+ flexShrink: 0,
+ }),
+ ),
+ };
+});
diff --git a/src/FieldTitle/demos/basic.tsx b/src/FieldTitle/demos/basic.tsx
new file mode 100644
index 00000000..0e6eb0e5
--- /dev/null
+++ b/src/FieldTitle/demos/basic.tsx
@@ -0,0 +1,53 @@
+import { ProCard } from '@ant-design/pro-components';
+import { APIFieldType, FieldTitle } from '@ant-design/pro-editor';
+
+const Demo = () => {
+ return (
+