From 363e0d51d58e837924d23c2514072d1eb70013f4 Mon Sep 17 00:00:00 2001
From: xzdry <dry@xzdry.net>
Date: Tue, 31 May 2022 11:30:12 +0800
Subject: [PATCH 1/3] feat(Select): add filter by text

---
 packages/arco-lib/src/components/Select.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/arco-lib/src/components/Select.tsx b/packages/arco-lib/src/components/Select.tsx
index b2b2d3e3..19366f89 100644
--- a/packages/arco-lib/src/components/Select.tsx
+++ b/packages/arco-lib/src/components/Select.tsx
@@ -104,6 +104,10 @@ export const Select = implementRuntimeComponent({
       value={value}
       {...cProps}
       showSearch={showSearch}
+      filterOption={(inputValue, option) =>
+        option.props.value.toLowerCase().indexOf(inputValue.toLowerCase()) >= 0 ||
+        option.props.children.toLowerCase().indexOf(inputValue.toLowerCase()) >= 0
+      }
       dropdownRender={menu => {
         return (
           <div className={css(customStyle?.dropdownRenderWrap)}>

From f7edb197095fee4391da67369d3fbda61a20dba9 Mon Sep 17 00:00:00 2001
From: xzdry <dry@xzdry.net>
Date: Tue, 31 May 2022 11:40:40 +0800
Subject: [PATCH 2/3] fix(ArrayTable): fix the problem of length exceeding the
 table

---
 packages/editor-sdk/src/components/Form/ArrayTable.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/editor-sdk/src/components/Form/ArrayTable.tsx b/packages/editor-sdk/src/components/Form/ArrayTable.tsx
index 94a1c984..ff496c4d 100644
--- a/packages/editor-sdk/src/components/Form/ArrayTable.tsx
+++ b/packages/editor-sdk/src/components/Form/ArrayTable.tsx
@@ -24,6 +24,12 @@ const TableRowStyle = css`
     padding-bottom: var(--chakra-space-1);
     border-bottom-width: 1px;
     border-color: var(--chakra-colors-gray-100);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+  & > th:last-child {
+    width: 76px;
   }
 `;
 
@@ -99,7 +105,7 @@ export const ArrayTable: React.FC<ArrayTableProps> = props => {
 
   return (
     <div className={TableWrapperStyle}>
-      <Table size="sm">
+      <Table size="sm" sx={{ tableLayout: 'fixed' }}>
         <Thead>
           <Tr className={TableRowStyle}>
             <Th width="24px" />
@@ -109,7 +115,7 @@ export const ArrayTable: React.FC<ArrayTableProps> = props => {
 
               return <Th key={key}>{title}</Th>;
             })}
-            <Th key="button" display="flex" justifyContent="end">
+            <Th key="button">
               <IconButton
                 aria-label="add"
                 icon={<AddIcon />}

From fd703681253c44625b0a97d91df216c64195601e Mon Sep 17 00:00:00 2001
From: xzdry <dry@xzdry.net>
Date: Tue, 31 May 2022 11:49:44 +0800
Subject: [PATCH 3/3] feat(PreviewModal): fix the length of the component in
 the PreviewModal exceeds the modal

---
 packages/editor/src/components/GeneralModal.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/editor/src/components/GeneralModal.tsx b/packages/editor/src/components/GeneralModal.tsx
index 272987de..a7cc5d5a 100644
--- a/packages/editor/src/components/GeneralModal.tsx
+++ b/packages/editor/src/components/GeneralModal.tsx
@@ -12,9 +12,10 @@ export const GeneralModal: React.FC<{
   onClose: () => void;
   title: string;
   size?: string;
-}> = ({ title, onClose, size = 'full', children }) => {
+  scrollBehavior?: 'inside' | 'outside';
+}> = ({ title, onClose, size = 'full', children, scrollBehavior = 'inside' }) => {
   return (
-    <Modal onClose={onClose} size={size} isOpen>
+    <Modal onClose={onClose} scrollBehavior={scrollBehavior} size={size} isOpen>
       <ModalOverlay />
       <ModalContent>
         <ModalHeader>{title}</ModalHeader>