fix(next): fix space item empty style (#3149)

packages/next/docs/components/Space.md

@@ -50,6 +50,16 @@ export default () => (
             name="lastName"
             x-decorator="FormItem"
             x-component="Input"
+            x-visible="{{$values.firstName === '123'}}"
+            required
+          />
+          <SchemaField.String
+            name="kk"
+            x-decorator="FormItem"
+            x-component="Input"
+            x-decorator-props={{
+              addonAfter: 'Unit',
+            }}
             required
           />
         </SchemaField.Void>

packages/next/src/space/main.scss

@@ -0,0 +1,8 @@
+@import '~@alifd/next/lib/core/index-noreset.scss';
+@import '~@alifd/next/lib/form/scss/variable.scss';
+
+$space-prefix-cls: '#{$css-prefix}space';
+
+.#{$space-prefix-cls}-item:empty {
+  display: none !important;
+}

packages/next/src/space/style.ts

@@ -1 +1,2 @@
 import '@alifd/next/lib/box/style'
+import './main.scss'

packages/next/src/style.ts

@@ -14,3 +14,4 @@ import './form/main.scss'
 import './preview-text/main.scss'
 import './select-table/main.scss'
 import './upload/main.scss'
+import './space/main.scss'