给 Each 添加 placehoder

scss/components/_each.scss

@@ -0,0 +1,7 @@
+.#{$ns}Each {
+  &-placeholder {
+    color: $text--muted-color;
+    text-align: center;
+    padding: $gap-sm;
+  }
+}

scss/themes/cxd.scss

@@ -504,6 +504,7 @@ $Satus-icon-width: px2rem(14px);
 @import '../components/spinner';
 @import '../components/button-group';
 @import '../components/dropdown';
+@import '../components/each';
 @import '../components/collapse';
 @import '../components/color';
 @import '../components/condition-builder';

scss/themes/dark.scss

@@ -187,6 +187,7 @@ pre {
 @import '../components/spinner';
 @import '../components/button-group';
 @import '../components/dropdown';
+@import '../components/each';
 @import '../components/collapse';
 @import '../components/color';
 @import '../components/condition-builder';

scss/themes/default.scss

@@ -50,6 +50,7 @@ $Form-input-borderColor: #cfdadd;
 @import '../components/spinner';
 @import '../components/button-group';
 @import '../components/dropdown';
+@import '../components/each';
 @import '../components/collapse';
 @import '../components/color';
 @import '../components/condition-builder';

src/renderers/Each.tsx

@@ -21,6 +21,8 @@ export interface EachSchema extends BaseSchema {
   name?: string;
 
   items?: SchemaCollection;
+
+  placeholder?: string;
 }
 
 export interface EachProps extends RendererProps {
@@ -30,12 +32,23 @@ export interface EachProps extends RendererProps {
 
 export default class Each extends React.Component<EachProps> {
   static propsList: Array<string> = ['name', 'items', 'value'];
-  static defaultProps: Partial<EachProps> = {
-    className: ''
+  static defaultProps = {
+    className: '',
+    placeholder: '暂无内容'
   };
 
   render() {
-    const {data, name, className, render, value, items} = this.props;
+    const {
+      data,
+      name,
+      className,
+      render,
+      value,
+      items,
+      placeholder,
+      classnames: cx,
+      translate: __
+    } = this.props;
 
     const arr =
       typeof value !== 'undefined'
@@ -50,9 +63,9 @@ export default class Each extends React.Component<EachProps> {
         : resolveVariable(name, data);
 
     return (
-      <div className={className}>
-        {Array.isArray(arr) && items
-          ? arr.map((item: any, index: number) =>
+      <div className={cx('Each', className)}>
+        {Array.isArray(arr) && items ? (
+          arr.map((item: any, index: number) =>
             render(`item/${index}`, items, {
               data: createObject(
                 data,
@@ -61,7 +74,11 @@ export default class Each extends React.Component<EachProps> {
               key: index
             })
           )
-          : null}
+        ) : (
+          <div className={cx('Each-placeholder')}>
+            {render('placeholder', __(placeholder))}
+          </div>
+        )}
       </div>
     );
   }