feat(react-settings-form): add exclude inherit in BoxStyleSetter/BoxS…

…hadowStyleSetter (#133)
alibaba · Nov 19, 2021 · d717ebe · d717ebe
1 parent a66bace
commit d717ebe
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 9 deletions.
diff --git a/packages/react-settings-form/src/components/BoxShadowStyleSetter/index.tsx b/packages/react-settings-form/src/components/BoxShadowStyleSetter/index.tsx
@@ -46,16 +46,28 @@ export const BoxShadowStyleSetter: React.FC<IBoxShadowStyleSetterProps> =
         <FoldItem.Extra>
           <InputItems width="50%">
             <InputItems.Item icon="AxisX">
-              <SizeInput exclude={['auto']} {...createBoxShadowConnector(0)} />
+              <SizeInput
+                exclude={['inherit', 'auto']}
+                {...createBoxShadowConnector(0)}
+              />
             </InputItems.Item>
             <InputItems.Item icon="AxisY">
-              <SizeInput exclude={['auto']} {...createBoxShadowConnector(1)} />
+              <SizeInput
+                exclude={['inherit', 'auto']}
+                {...createBoxShadowConnector(1)}
+              />
             </InputItems.Item>
             <InputItems.Item icon="Blur">
-              <SizeInput exclude={['auto']} {...createBoxShadowConnector(2)} />
+              <SizeInput
+                exclude={['inherit', 'auto']}
+                {...createBoxShadowConnector(2)}
+              />
             </InputItems.Item>
             <InputItems.Item icon="Shadow">
-              <SizeInput exclude={['auto']} {...createBoxShadowConnector(3)} />
+              <SizeInput
+                exclude={['inherit', 'auto']}
+                {...createBoxShadowConnector(3)}
+              />
             </InputItems.Item>
           </InputItems>
         </FoldItem.Extra>

diff --git a/packages/react-settings-form/src/components/BoxStyleSetter/index.tsx b/packages/react-settings-form/src/components/BoxStyleSetter/index.tsx
@@ -68,33 +68,33 @@ export const BoxStyleSetter: React.FC<IMarginStyleSetterProps> = observer(
         <FoldItem.Base>
           <SizeInput
             {...createPositionHandler('all', props)}
-            exclude={['auto']}
+            exclude={['inherit', 'auto']}
           />
         </FoldItem.Base>
         <FoldItem.Extra>
           <InputItems width="50%">
             <InputItems.Item icon={props.labels[0]}>
               <SizeInput
                 {...createPositionHandler('top', props)}
-                exclude={['auto']}
+                exclude={['inherit', 'auto']}
               />
             </InputItems.Item>
             <InputItems.Item icon={props.labels[1]}>
               <SizeInput
                 {...createPositionHandler('right', props)}
-                exclude={['auto']}
+                exclude={['inherit', 'auto']}
               />
             </InputItems.Item>
             <InputItems.Item icon={props.labels[2]}>
               <SizeInput
                 {...createPositionHandler('bottom', props)}
-                exclude={['auto']}
+                exclude={['inherit', 'auto']}
               />
             </InputItems.Item>
             <InputItems.Item icon={props.labels[3]}>
               <SizeInput
                 {...createPositionHandler('left', props)}
-                exclude={['auto']}
+                exclude={['inherit', 'auto']}
               />
             </InputItems.Item>
           </InputItems>