fix: fix修复 LSliderVerify 响应式

llq0802 · Dec 29, 2023 · f196a35 · f196a35
1 parent 2e38d64
commit f196a35
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 5 deletions.
diff --git a/src/QueryForm/demos/Demo5.tsx b/src/QueryForm/demos/Demo5.tsx
@@ -10,8 +10,8 @@ const Demo1 = () => {
           xs: 24,
           sm: 24,
           md: 12,
-          lg: 6,
-          xl: 8,
+          lg: 12,
+          xl: 12,
           xxl: 8,
         }}
         form={form}

diff --git a/src/QueryForm/demos/Demo6.tsx b/src/QueryForm/demos/Demo6.tsx
@@ -1,3 +1,4 @@
+import { Button, Space } from 'antd';
 import { LForm, LFormItemInput, LQueryForm } from 'lighting-design';
 
 const Demo1 = () => {
@@ -11,8 +12,18 @@ const Demo1 = () => {
         onFinish={async (values) => {
           console.log('onFinish-values ', values);
         }}
+        submitter={{
+          render(dom) {
+            return (
+              <Space>
+                <Button type="primary">新增</Button>
+                {dom}
+              </Space>
+            );
+          },
+        }}
       >
-        <LFormItemInput name="inpu1" required label="输入框1" />
+        <LFormItemInput name="input1" required label="输入框1" />
         <LFormItemInput name="input2" required label="输入框2" />
       </LQueryForm>
     </>

diff --git a/src/QueryForm/index.tsx b/src/QueryForm/index.tsx
@@ -31,7 +31,13 @@ const Collapse: FC<CollapseProps> = memo(({ collapsed, onToggle }) => {
     <Link
       onClick={handleCollapse}
       className={`${prefixCls}-collapse`}
-      style={{ whiteSpace: 'nowrap', color: token?.colorPrimary }}
+      style={{
+        whiteSpace: 'nowrap',
+        color: token?.colorPrimary,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+      }}
     >
       {collapsed ? '展开' : '收起'}
       <DownOutlined
@@ -103,7 +109,7 @@ const defualtColSpan = {
 const submitterColStyle: CSSProperties = {
   display: 'flex',
   flex: '1',
-  flexWrap: 'nowrap',
+  flexWrap: 'wrap',
 };
 
 function LQueryForm(props: LQueryFormProps) {
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,8 +10,8 @@ const Demo1 = () => { @@
               xs: 24,
               sm: 24,
               md: 12,
-              lg: 6,
-              xl: 8,
+              lg: 12,
+              xl: 12,
               xxl: 8,
             }}
             form={form}
@@ Expand Down @@