From 926e3d3423c67674658d27ccfe170d6d86179cce Mon Sep 17 00:00:00 2001
From: liaoxuezhi <liaoxuezhi@baidu.com>
Date: Wed, 15 Jul 2020 00:20:55 +0800
Subject: [PATCH] =?UTF-8?q?ChainedCheckboxes=20=E6=94=AF=E6=8C=81=E9=80=89?=
 =?UTF-8?q?=E9=A1=B9=E7=BA=A7=E5=88=AB=E7=9A=84=20placeholder?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ChainedCheckboxes.tsx | 41 +++++++++++++++++-----------
 1 file changed, 25 insertions(+), 16 deletions(-)

diff --git a/src/components/ChainedCheckboxes.tsx b/src/components/ChainedCheckboxes.tsx
index 15a02089f..99a0513ad 100644
--- a/src/components/ChainedCheckboxes.tsx
+++ b/src/components/ChainedCheckboxes.tsx
@@ -120,7 +120,8 @@ export class ChainedCheckboxes extends BaseCheckboxes<
       placeholder,
       classnames: cx,
       option2value,
-      itemRender
+      itemRender,
+      translate: __
     } = this.props;
 
     this.valueArray = BaseCheckboxes.value2array(value, options, option2value);
@@ -137,18 +138,21 @@ export class ChainedCheckboxes extends BaseCheckboxes<
             body,
             options,
             subTitle,
-            indexes
+            indexes,
+            placeholder
           }: {
             body: Array<React.ReactNode>;
             options: Array<Option> | null;
             subTitle?: string;
             indexes: Array<number>;
+            placeholder?: string;
           },
           selected,
           depth
         ) => {
           let nextOptions: Array<Option> = [];
           let nextSubTitle: string = '';
+          let nextPlaceholder: string = '';
           let nextIndexes = indexes;
 
           body.push(
@@ -158,25 +162,31 @@ export class ChainedCheckboxes extends BaseCheckboxes<
                   {subTitle}
                 </div>
               ) : null}
-              {Array.isArray(options) && options.length
-                ? options.map((option, index) => {
-                    const id = indexes.concat(index).join('-');
+              {Array.isArray(options) && options.length ? (
+                options.map((option, index) => {
+                  const id = indexes.concat(index).join('-');
 
-                    if (id === selected) {
-                      nextSubTitle = option.subTitle;
-                      nextOptions = option.children!;
-                      nextIndexes = indexes.concat(index);
-                    }
+                  if (id === selected) {
+                    nextSubTitle = option.subTitle;
+                    nextOptions = option.children!;
+                    nextIndexes = indexes.concat(index);
+                    nextPlaceholder = option.placeholder;
+                  }
 
-                    return this.renderOption(option, index, depth, id);
-                  })
-                : null}
+                  return this.renderOption(option, index, depth, id);
+                })
+              ) : (
+                <div className={cx('ChainedCheckboxes-placeholder')}>
+                  {__(placeholder)}
+                </div>
+              )}
             </div>
           );
 
           return {
             options: nextOptions,
             subTitle: nextSubTitle,
+            placeholder: nextPlaceholder,
             indexes: nextIndexes,
             body: body
           };
@@ -184,13 +194,12 @@ export class ChainedCheckboxes extends BaseCheckboxes<
         {
           options,
           body,
-          indexes: []
+          indexes: [],
+          placeholder
         }
       );
     }
 
-    const __ = this.props.translate;
-
     return (
       <div className={cx('ChainedCheckboxes', className)}>
         {body && body.length ? (