diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
index a67119a3ef..feecc9f890 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.js.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -18,6 +18,24 @@ exports[`ConfigProvider components Alert configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Alert configProvider componentDisabled 1`] = `
+<div
+  class="config-alert config-alert-success config-alert-no-icon"
+  data-show="true"
+  role="alert"
+>
+  <div
+    class="config-alert-content"
+  >
+    <div
+      class="config-alert-message"
+    >
+      Bamboo is Little Light
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Alert configProvider componentSize large 1`] = `
 <div
   class="config-alert config-alert-success config-alert-no-icon"
@@ -144,6 +162,42 @@ exports[`ConfigProvider components Anchor configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Anchor configProvider componentDisabled 1`] = `
+<div>
+  <div
+    class=""
+  >
+    <div
+      class="config-anchor-wrapper"
+      style="max-height:100vh"
+    >
+      <div
+        class="config-anchor"
+      >
+        <div
+          class="config-anchor-ink"
+        >
+          <span
+            class="config-anchor-ink-ball"
+          />
+        </div>
+        <div
+          class="config-anchor-link"
+        >
+          <a
+            class="config-anchor-link-title"
+            href="#bamboo"
+            title="Little Light"
+          >
+            Little Light
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Anchor configProvider componentSize large 1`] = `
 <div>
   <div
@@ -354,6 +408,38 @@ exports[`ConfigProvider components AutoComplete configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components AutoComplete configProvider componentDisabled 1`] = `
+<div
+  class="config-select config-select-auto-complete config-select-single config-select-disabled config-select-show-search"
+>
+  <div
+    class="config-select-selector"
+  >
+    <span
+      class="config-select-selection-search"
+    >
+      <input
+        aria-activedescendant="undefined_list_0"
+        aria-autocomplete="list"
+        aria-controls="undefined_list"
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        aria-owns="undefined_list"
+        autocomplete="off"
+        class="config-select-selection-search-input"
+        disabled=""
+        role="combobox"
+        type="search"
+        value=""
+      />
+    </span>
+    <span
+      class="config-select-selection-placeholder"
+    />
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components AutoComplete configProvider componentSize large 1`] = `
 <div
   class="config-select config-select-lg config-select-auto-complete config-select-single config-select-show-search"
@@ -515,6 +601,17 @@ exports[`ConfigProvider components Avatar configProvider 1`] = `
 </span>
 `;
 
+exports[`ConfigProvider components Avatar configProvider componentDisabled 1`] = `
+<span
+  class="config-avatar config-avatar-circle"
+>
+  <span
+    class="config-avatar-string"
+    style="opacity:0"
+  />
+</span>
+`;
+
 exports[`ConfigProvider components Avatar configProvider componentSize large 1`] = `
 <span
   class="config-avatar config-avatar-circle"
@@ -604,6 +701,40 @@ exports[`ConfigProvider components BackTop configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components BackTop configProvider componentDisabled 1`] = `
+<div
+  class="config-back-top"
+>
+  <div
+    class="config-back-top-content"
+  >
+    <div
+      class="config-back-top-icon"
+    >
+      <span
+        aria-label="vertical-align-top"
+        class="anticon anticon-vertical-align-top"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="vertical-align-top"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z"
+          />
+        </svg>
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components BackTop configProvider componentSize large 1`] = `
 <div
   class="config-back-top"
@@ -809,6 +940,41 @@ exports[`ConfigProvider components Badge configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Badge configProvider componentDisabled 1`] = `
+<div>
+  <span
+    class="config-badge"
+  >
+    <span />
+    <sup
+      class="config-scroll-number config-badge-count"
+      data-show="true"
+      title="5"
+    >
+      <span
+        class="config-scroll-number-only"
+        style="transition:none"
+      >
+        <span
+          class="config-scroll-number-only-unit current"
+        >
+          5
+        </span>
+      </span>
+    </sup>
+  </span>
+  <span
+    class="config-badge"
+  >
+    <span />
+    <sup
+      class="config-scroll-number config-badge-dot"
+      data-show="true"
+    />
+  </span>
+</div>
+`;
+
 exports[`ConfigProvider components Badge configProvider componentSize large 1`] = `
 <div>
   <span
@@ -1017,6 +1183,39 @@ exports[`ConfigProvider components Breadcrumb configProvider 1`] = `
 </nav>
 `;
 
+exports[`ConfigProvider components Breadcrumb configProvider componentDisabled 1`] = `
+<nav
+  class="config-breadcrumb"
+>
+  <ol>
+    <li>
+      <span
+        class="config-breadcrumb-link"
+      >
+        Bamboo
+      </span>
+      <span
+        class="config-breadcrumb-separator"
+      >
+        /
+      </span>
+    </li>
+    <li>
+      <span
+        class="config-breadcrumb-link"
+      >
+        Light
+      </span>
+      <span
+        class="config-breadcrumb-separator"
+      >
+        /
+      </span>
+    </li>
+  </ol>
+</nav>
+`;
+
 exports[`ConfigProvider components Breadcrumb configProvider componentSize large 1`] = `
 <nav
   class="config-breadcrumb"
@@ -1215,6 +1414,42 @@ exports[`ConfigProvider components Button configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Button configProvider componentDisabled 1`] = `
+<div>
+  <button
+    class="config-btn config-btn-default"
+    disabled=""
+    type="button"
+  >
+    <span>
+      Bamboo
+    </span>
+  </button>
+  <div
+    class="config-btn-group"
+  >
+    <button
+      class="config-btn config-btn-default"
+      disabled=""
+      type="button"
+    >
+      <span>
+        Little
+      </span>
+    </button>
+    <button
+      class="config-btn config-btn-default"
+      disabled=""
+      type="button"
+    >
+      <span>
+        Light
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Button configProvider componentSize large 1`] = `
 <div>
   <button
@@ -2665,6 +2900,1301 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Calendar configProvider componentDisabled 1`] = `
+<div>
+  <div
+    class="config-picker-calendar config-picker-calendar-full"
+  >
+    <div
+      class="config-picker-calendar-header"
+    >
+      <div
+        class="config-select config-picker-calendar-year-select config-select-single config-select-show-arrow config-select-disabled"
+      >
+        <div
+          class="config-select-selector"
+        >
+          <span
+            class="config-select-selection-search"
+          >
+            <input
+              aria-activedescendant="undefined_list_0"
+              aria-autocomplete="list"
+              aria-controls="undefined_list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-owns="undefined_list"
+              autocomplete="off"
+              class="config-select-selection-search-input"
+              disabled=""
+              readonly=""
+              role="combobox"
+              style="opacity:0"
+              type="search"
+              unselectable="on"
+              value=""
+            />
+          </span>
+          <span
+            class="config-select-selection-item"
+            title="2000"
+          >
+            2000
+          </span>
+        </div>
+        <span
+          aria-hidden="true"
+          class="config-select-arrow"
+          style="user-select:none;-webkit-user-select:none"
+          unselectable="on"
+        >
+          <span
+            aria-label="down"
+            class="anticon anticon-down config-select-suffix"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="down"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+      <div
+        class="config-select config-picker-calendar-month-select config-select-single config-select-show-arrow config-select-disabled"
+      >
+        <div
+          class="config-select-selector"
+        >
+          <span
+            class="config-select-selection-search"
+          >
+            <input
+              aria-activedescendant="undefined_list_0"
+              aria-autocomplete="list"
+              aria-controls="undefined_list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-owns="undefined_list"
+              autocomplete="off"
+              class="config-select-selection-search-input"
+              disabled=""
+              readonly=""
+              role="combobox"
+              style="opacity:0"
+              type="search"
+              unselectable="on"
+              value=""
+            />
+          </span>
+          <span
+            class="config-select-selection-item"
+            title="Sep"
+          >
+            Sep
+          </span>
+        </div>
+        <span
+          aria-hidden="true"
+          class="config-select-arrow"
+          style="user-select:none;-webkit-user-select:none"
+          unselectable="on"
+        >
+          <span
+            aria-label="down"
+            class="anticon anticon-down config-select-suffix"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="down"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+      <div
+        class="config-radio-group config-radio-group-outline config-picker-calendar-mode-switch"
+      >
+        <label
+          class="config-radio-button-wrapper config-radio-button-wrapper-checked config-radio-button-wrapper-disabled"
+        >
+          <span
+            class="config-radio-button config-radio-button-checked config-radio-button-disabled"
+          >
+            <input
+              checked=""
+              class="config-radio-button-input"
+              disabled=""
+              type="radio"
+              value="month"
+            />
+            <span
+              class="config-radio-button-inner"
+            />
+          </span>
+          <span>
+            Month
+          </span>
+        </label>
+        <label
+          class="config-radio-button-wrapper config-radio-button-wrapper-disabled"
+        >
+          <span
+            class="config-radio-button config-radio-button-disabled"
+          >
+            <input
+              class="config-radio-button-input"
+              disabled=""
+              type="radio"
+              value="year"
+            />
+            <span
+              class="config-radio-button-inner"
+            />
+          </span>
+          <span>
+            Year
+          </span>
+        </label>
+      </div>
+    </div>
+    <div
+      class="config-picker-panel"
+      tabindex="0"
+    >
+      <div
+        class="config-picker-date-panel"
+      >
+        <div
+          class="config-picker-body"
+        >
+          <table
+            class="config-picker-content"
+          >
+            <thead>
+              <tr>
+                <th>
+                  Su
+                </th>
+                <th>
+                  Mo
+                </th>
+                <th>
+                  Tu
+                </th>
+                <th>
+                  We
+                </th>
+                <th>
+                  Th
+                </th>
+                <th>
+                  Fr
+                </th>
+                <th>
+                  Sa
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td
+                  class="config-picker-cell"
+                  title="2000-08-27"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      27
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell"
+                  title="2000-08-28"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      28
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell"
+                  title="2000-08-29"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      29
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell"
+                  title="2000-08-30"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      30
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-end"
+                  title="2000-08-31"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      31
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-start config-picker-cell-in-view"
+                  title="2000-09-01"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      01
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-02"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      02
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
+                  title="2000-09-03"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      03
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-04"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      04
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-05"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      05
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-06"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      06
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-07"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      07
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-08"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      08
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-09"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      09
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-10"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      10
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-11"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      11
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-12"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      12
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-13"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      13
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-14"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      14
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-15"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      15
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-16"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      16
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-17"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      17
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-18"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      18
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-19"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      19
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-20"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      20
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-21"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      21
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-22"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      22
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-23"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      23
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-24"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      24
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-25"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      25
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-26"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      26
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-27"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      27
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-28"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      28
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-09-29"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      29
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-end config-picker-cell-in-view"
+                  title="2000-09-30"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      30
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="config-picker-cell config-picker-cell-start"
+                  title="2000-10-01"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      01
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell"
+                  title="2000-10-02"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      02
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell"
+                  title="2000-10-03"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      03
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell"
+                  title="2000-10-04"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      04
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell"
+                  title="2000-10-05"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      05
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell"
+                  title="2000-10-06"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      06
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell"
+                  title="2000-10-07"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      07
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="config-picker-calendar config-picker-calendar-full"
+  >
+    <div
+      class="config-picker-calendar-header"
+    >
+      <div
+        class="config-select config-picker-calendar-year-select config-select-single config-select-show-arrow config-select-disabled"
+      >
+        <div
+          class="config-select-selector"
+        >
+          <span
+            class="config-select-selection-search"
+          >
+            <input
+              aria-activedescendant="undefined_list_0"
+              aria-autocomplete="list"
+              aria-controls="undefined_list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-owns="undefined_list"
+              autocomplete="off"
+              class="config-select-selection-search-input"
+              disabled=""
+              readonly=""
+              role="combobox"
+              style="opacity:0"
+              type="search"
+              unselectable="on"
+              value=""
+            />
+          </span>
+          <span
+            class="config-select-selection-item"
+            title="2000"
+          >
+            2000
+          </span>
+        </div>
+        <span
+          aria-hidden="true"
+          class="config-select-arrow"
+          style="user-select:none;-webkit-user-select:none"
+          unselectable="on"
+        >
+          <span
+            aria-label="down"
+            class="anticon anticon-down config-select-suffix"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="down"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+      <div
+        class="config-radio-group config-radio-group-outline config-picker-calendar-mode-switch"
+      >
+        <label
+          class="config-radio-button-wrapper config-radio-button-wrapper-disabled"
+        >
+          <span
+            class="config-radio-button config-radio-button-disabled"
+          >
+            <input
+              class="config-radio-button-input"
+              disabled=""
+              type="radio"
+              value="month"
+            />
+            <span
+              class="config-radio-button-inner"
+            />
+          </span>
+          <span>
+            Month
+          </span>
+        </label>
+        <label
+          class="config-radio-button-wrapper config-radio-button-wrapper-checked config-radio-button-wrapper-disabled"
+        >
+          <span
+            class="config-radio-button config-radio-button-checked config-radio-button-disabled"
+          >
+            <input
+              checked=""
+              class="config-radio-button-input"
+              disabled=""
+              type="radio"
+              value="year"
+            />
+            <span
+              class="config-radio-button-inner"
+            />
+          </span>
+          <span>
+            Year
+          </span>
+        </label>
+      </div>
+    </div>
+    <div
+      class="config-picker-panel"
+      tabindex="0"
+    >
+      <div
+        class="config-picker-month-panel"
+      >
+        <div
+          class="config-picker-body"
+        >
+          <table
+            class="config-picker-content"
+          >
+            <tbody>
+              <tr>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-01"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      Jan
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-02"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      Feb
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-03"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      Mar
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-04"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      Apr
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-05"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      May
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-06"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      Jun
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-07"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      Jul
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-08"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      Aug
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
+                  title="2000-09"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      Sep
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-10"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      Oct
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-11"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      Nov
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+                <td
+                  class="config-picker-cell config-picker-cell-in-view"
+                  title="2000-12"
+                >
+                  <div
+                    class="config-picker-cell-inner config-picker-calendar-date"
+                  >
+                    <div
+                      class="config-picker-calendar-date-value"
+                    >
+                      Dec
+                    </div>
+                    <div
+                      class="config-picker-calendar-date-content"
+                    />
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Calendar configProvider componentSize large 1`] = `
 <div>
   <div
@@ -9108,6 +10638,24 @@ exports[`ConfigProvider components Card configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Card configProvider componentDisabled 1`] = `
+<div
+  class="config-card config-card-bordered config-card-contain-grid"
+>
+  <div
+    class="config-card-body"
+  >
+    <div
+      class="config-card-grid config-card-grid-hoverable"
+    >
+      <div
+        class="config-card-meta"
+      />
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Card configProvider componentSize large 1`] = `
 <div
   class="config-card config-card-bordered config-card-contain-grid config-card-large"
@@ -9328,6 +10876,136 @@ exports[`ConfigProvider components Carousel configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Carousel configProvider componentDisabled 1`] = `
+<div
+  class="config-carousel"
+>
+  <div
+    class="slick-slider slick-initialized"
+    dir="ltr"
+  >
+    <div
+      class="slick-list"
+    >
+      <div
+        class="slick-track"
+        style="width:500%;left:-100%"
+      >
+        <div
+          aria-hidden="true"
+          class="slick-slide slick-cloned"
+          data-index="-1"
+          style="width:20%"
+          tabindex="-1"
+        >
+          <div>
+            <div
+              style="width:100%;display:inline-block"
+              tabindex="-1"
+            >
+              <h3>
+                Light
+              </h3>
+            </div>
+          </div>
+        </div>
+        <div
+          aria-hidden="false"
+          class="slick-slide slick-active slick-current"
+          data-index="0"
+          style="outline:none;width:20%"
+          tabindex="-1"
+        >
+          <div>
+            <div
+              style="width:100%;display:inline-block"
+              tabindex="-1"
+            >
+              <h3>
+                Bamboo
+              </h3>
+            </div>
+          </div>
+        </div>
+        <div
+          aria-hidden="true"
+          class="slick-slide"
+          data-index="1"
+          style="outline:none;width:20%"
+          tabindex="-1"
+        >
+          <div>
+            <div
+              style="width:100%;display:inline-block"
+              tabindex="-1"
+            >
+              <h3>
+                Light
+              </h3>
+            </div>
+          </div>
+        </div>
+        <div
+          aria-hidden="true"
+          class="slick-slide slick-cloned"
+          data-index="2"
+          style="width:20%"
+          tabindex="-1"
+        >
+          <div>
+            <div
+              style="width:100%;display:inline-block"
+              tabindex="-1"
+            >
+              <h3>
+                Bamboo
+              </h3>
+            </div>
+          </div>
+        </div>
+        <div
+          aria-hidden="true"
+          class="slick-slide slick-cloned"
+          data-index="3"
+          style="width:20%"
+          tabindex="-1"
+        >
+          <div>
+            <div
+              style="width:100%;display:inline-block"
+              tabindex="-1"
+            >
+              <h3>
+                Light
+              </h3>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <ul
+      class="slick-dots slick-dots-bottom"
+      style="display:block"
+    >
+      <li
+        class="slick-active"
+      >
+        <button>
+          1
+        </button>
+      </li>
+      <li
+        class=""
+      >
+        <button>
+          2
+        </button>
+      </li>
+    </ul>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Carousel configProvider componentSize large 1`] = `
 <div
   class="config-carousel"
@@ -10033,6 +11711,63 @@ exports[`ConfigProvider components Cascader configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Cascader configProvider componentDisabled 1`] = `
+<div
+  class="config-select config-cascader config-select-single config-select-allow-clear config-select-show-arrow config-select-disabled config-select-show-search"
+>
+  <div
+    class="config-select-selector"
+  >
+    <span
+      class="config-select-selection-search"
+    >
+      <input
+        aria-autocomplete="list"
+        aria-controls="undefined_list"
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        aria-owns="undefined_list"
+        autocomplete="off"
+        class="config-select-selection-search-input"
+        disabled=""
+        role="combobox"
+        type="search"
+        value=""
+      />
+    </span>
+    <span
+      class="config-select-selection-placeholder"
+    />
+  </div>
+  <span
+    aria-hidden="true"
+    class="config-select-arrow"
+    style="user-select:none;-webkit-user-select:none"
+    unselectable="on"
+  >
+    <span
+      aria-label="down"
+      class="anticon anticon-down config-select-suffix"
+      role="img"
+    >
+      <svg
+        aria-hidden="true"
+        data-icon="down"
+        fill="currentColor"
+        focusable="false"
+        height="1em"
+        viewBox="64 64 896 896"
+        width="1em"
+      >
+        <path
+          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+        />
+      </svg>
+    </span>
+  </span>
+</div>
+`;
+
 exports[`ConfigProvider components Cascader configProvider componentSize large 1`] = `
 <div
   class="config-select config-cascader config-select-lg config-select-single config-select-allow-clear config-select-show-arrow config-select-show-search"
@@ -10333,6 +12068,31 @@ exports[`ConfigProvider components Checkbox configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Checkbox configProvider componentDisabled 1`] = `
+<div
+  class="config-checkbox-group"
+>
+  <label
+    class="config-checkbox-wrapper"
+  >
+    <span
+      class="config-checkbox"
+    >
+      <input
+        class="config-checkbox-input"
+        type="checkbox"
+      />
+      <span
+        class="config-checkbox-inner"
+      />
+    </span>
+    <span>
+      Bamboo
+    </span>
+  </label>
+</div>
+`;
+
 exports[`ConfigProvider components Checkbox configProvider componentSize large 1`] = `
 <div
   class="config-checkbox-group"
@@ -10498,6 +12258,46 @@ exports[`ConfigProvider components Collapse configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Collapse configProvider componentDisabled 1`] = `
+<div
+  class="config-collapse config-collapse-icon-position-left"
+>
+  <div
+    class="config-collapse-item"
+  >
+    <div
+      aria-expanded="false"
+      class="config-collapse-header"
+      role="button"
+      tabindex="0"
+    >
+      <div>
+        <span
+          aria-label="right"
+          class="anticon anticon-right config-collapse-arrow"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="right"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
+            />
+          </svg>
+        </span>
+      </div>
+      Bamboo
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Collapse configProvider componentSize large 1`] = `
 <div
   class="config-collapse config-collapse-icon-position-left"
@@ -10739,6 +12539,47 @@ exports[`ConfigProvider components Comment configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Comment configProvider componentDisabled 1`] = `
+<div
+  class="config-comment"
+>
+  <div
+    class="config-comment-inner"
+  >
+    <div
+      class="config-comment-content"
+    >
+      <div
+        class="config-comment-content-detail"
+      >
+        Bamboo
+      </div>
+    </div>
+  </div>
+  <div
+    class="config-comment-nested"
+  >
+    <div
+      class="config-comment"
+    >
+      <div
+        class="config-comment-inner"
+      >
+        <div
+          class="config-comment-content"
+        >
+          <div
+            class="config-comment-content-detail"
+          >
+            Light
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Comment configProvider componentSize large 1`] = `
 <div
   class="config-comment"
@@ -10988,6 +12829,51 @@ exports[`ConfigProvider components DatePicker DatePicker configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components DatePicker DatePicker configProvider componentDisabled 1`] = `
+<div>
+  <div
+    class="config-picker config-picker-disabled"
+  >
+    <div
+      class="config-picker-input"
+    >
+      <input
+        autocomplete="off"
+        disabled=""
+        placeholder="Select date"
+        readonly=""
+        size="12"
+        title=""
+        value=""
+      />
+      <span
+        class="config-picker-suffix"
+      >
+        <span
+          aria-label="calendar"
+          class="anticon anticon-calendar"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="calendar"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
+            />
+          </svg>
+        </span>
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components DatePicker DatePicker configProvider componentSize large 1`] = `
 <div>
   <div
@@ -11252,6 +13138,51 @@ exports[`ConfigProvider components DatePicker MonthPicker configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components DatePicker MonthPicker configProvider componentDisabled 1`] = `
+<div>
+  <div
+    class="config-picker config-picker-disabled"
+  >
+    <div
+      class="config-picker-input"
+    >
+      <input
+        autocomplete="off"
+        disabled=""
+        placeholder="Select month"
+        readonly=""
+        size="12"
+        title=""
+        value=""
+      />
+      <span
+        class="config-picker-suffix"
+      >
+        <span
+          aria-label="calendar"
+          class="anticon anticon-calendar"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="calendar"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
+            />
+          </svg>
+        </span>
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components DatePicker MonthPicker configProvider componentSize large 1`] = `
 <div>
   <div
@@ -11558,6 +13489,94 @@ exports[`ConfigProvider components DatePicker RangePicker configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components DatePicker RangePicker configProvider componentDisabled 1`] = `
+<div>
+  <div
+    class="config-picker config-picker-range config-picker-disabled"
+  >
+    <div
+      class="config-picker-input config-picker-input-active"
+    >
+      <input
+        autocomplete="off"
+        disabled=""
+        placeholder="Start date"
+        readonly=""
+        size="12"
+        value=""
+      />
+    </div>
+    <div
+      class="config-picker-range-separator"
+    >
+      <span
+        aria-label="to"
+        class="config-picker-separator"
+      >
+        <span
+          aria-label="swap-right"
+          class="anticon anticon-swap-right"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="swap-right"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="0 0 1024 1024"
+            width="1em"
+          >
+            <path
+              d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
+            />
+          </svg>
+        </span>
+      </span>
+    </div>
+    <div
+      class="config-picker-input"
+    >
+      <input
+        autocomplete="off"
+        disabled=""
+        placeholder="End date"
+        readonly=""
+        size="12"
+        value=""
+      />
+    </div>
+    <div
+      class="config-picker-active-bar"
+      style="left:0;width:0;position:absolute"
+    />
+    <span
+      class="config-picker-suffix"
+    >
+      <span
+        aria-label="calendar"
+        class="anticon anticon-calendar"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="calendar"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
+          />
+        </svg>
+      </span>
+    </span>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components DatePicker RangePicker configProvider componentSize large 1`] = `
 <div>
   <div
@@ -12032,6 +14051,51 @@ exports[`ConfigProvider components DatePicker WeekPicker configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components DatePicker WeekPicker configProvider componentDisabled 1`] = `
+<div>
+  <div
+    class="config-picker config-picker-disabled"
+  >
+    <div
+      class="config-picker-input"
+    >
+      <input
+        autocomplete="off"
+        disabled=""
+        placeholder="Select week"
+        readonly=""
+        size="12"
+        title=""
+        value=""
+      />
+      <span
+        class="config-picker-suffix"
+      >
+        <span
+          aria-label="calendar"
+          class="anticon anticon-calendar"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="calendar"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
+            />
+          </svg>
+        </span>
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components DatePicker WeekPicker configProvider componentSize large 1`] = `
 <div>
   <div
@@ -12259,6 +14323,13 @@ exports[`ConfigProvider components Divider configProvider 1`] = `
 />
 `;
 
+exports[`ConfigProvider components Divider configProvider componentDisabled 1`] = `
+<div
+  class="config-divider config-divider-horizontal"
+  role="separator"
+/>
+`;
+
 exports[`ConfigProvider components Divider configProvider componentSize large 1`] = `
 <div
   class="config-divider config-divider-horizontal"
@@ -12358,6 +14429,70 @@ exports[`ConfigProvider components Drawer configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Drawer configProvider componentDisabled 1`] = `
+<div
+  class=""
+>
+  <div
+    class="config-drawer config-drawer-right"
+    tabindex="-1"
+  >
+    <div
+      class="config-drawer-mask"
+    />
+    <div
+      class="config-drawer-content-wrapper"
+      style="transform:translateX(100%);-ms-transform:translateX(100%);width:378px"
+    >
+      <div
+        class="config-drawer-content"
+      >
+        <div
+          class="config-drawer-wrapper-body"
+        >
+          <div
+            class="config-drawer-header config-drawer-header-close-only"
+          >
+            <div
+              class="config-drawer-header-title"
+            >
+              <button
+                aria-label="Close"
+                class="config-drawer-close"
+                type="button"
+              >
+                <span
+                  aria-label="close"
+                  class="anticon anticon-close"
+                  role="img"
+                >
+                  <svg
+                    aria-hidden="true"
+                    data-icon="close"
+                    fill="currentColor"
+                    focusable="false"
+                    height="1em"
+                    viewBox="64 64 896 896"
+                    width="1em"
+                  >
+                    <path
+                      d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </div>
+          </div>
+          <div
+            class="config-drawer-body"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Drawer configProvider componentSize large 1`] = `
 <div
   class=""
@@ -12717,6 +14852,47 @@ exports[`ConfigProvider components Dropdown configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Dropdown configProvider componentDisabled 1`] = `
+<div
+  class="config-btn-group config-dropdown-button"
+>
+  <button
+    class="config-btn config-btn-default"
+    disabled=""
+    type="button"
+  >
+    <span>
+      Light
+    </span>
+  </button>
+  <button
+    class="config-btn config-btn-default config-btn-icon-only config-dropdown-trigger"
+    disabled=""
+    type="button"
+  >
+    <span
+      aria-label="ellipsis"
+      class="anticon anticon-ellipsis"
+      role="img"
+    >
+      <svg
+        aria-hidden="true"
+        data-icon="ellipsis"
+        fill="currentColor"
+        focusable="false"
+        height="1em"
+        viewBox="64 64 896 896"
+        width="1em"
+      >
+        <path
+          d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
+        />
+      </svg>
+    </span>
+  </button>
+</div>
+`;
+
 exports[`ConfigProvider components Dropdown configProvider componentSize large 1`] = `
 <div
   class="config-btn-group config-dropdown-button"
@@ -12987,6 +15163,81 @@ exports[`ConfigProvider components Empty configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Empty configProvider componentDisabled 1`] = `
+<div
+  class="config-empty"
+>
+  <div
+    class="config-empty-image"
+  >
+    <svg
+      class="config-empty-img-default"
+      height="152"
+      viewBox="0 0 184 152"
+      width="184"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g
+        fill="none"
+        fill-rule="evenodd"
+      >
+        <g
+          transform="translate(24 31.67)"
+        >
+          <ellipse
+            class="config-empty-img-default-ellipse"
+            cx="67.797"
+            cy="106.89"
+            rx="67.797"
+            ry="12.668"
+          />
+          <path
+            class="config-empty-img-default-path-1"
+            d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
+          />
+          <path
+            class="config-empty-img-default-path-2"
+            d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
+            transform="translate(13.56)"
+          />
+          <path
+            class="config-empty-img-default-path-3"
+            d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
+          />
+          <path
+            class="config-empty-img-default-path-4"
+            d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
+          />
+        </g>
+        <path
+          class="config-empty-img-default-path-5"
+          d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
+        />
+        <g
+          class="config-empty-img-default-g"
+          transform="translate(149.65 15.383)"
+        >
+          <ellipse
+            cx="20.654"
+            cy="3.167"
+            rx="2.849"
+            ry="2.815"
+          />
+          <path
+            d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
+          />
+        </g>
+      </g>
+    </svg>
+  </div>
+  <div
+    class="config-empty-description"
+  >
+    No Data
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Empty configProvider componentSize large 1`] = `
 <div
   class="config-empty"
@@ -13400,6 +15651,45 @@ exports[`ConfigProvider components Form configProvider 1`] = `
 </form>
 `;
 
+exports[`ConfigProvider components Form configProvider componentDisabled 1`] = `
+<form
+  class="config-form config-form-horizontal"
+>
+  <div
+    class="config-row config-form-item config-form-item-with-help config-form-item-has-error"
+  >
+    <div
+      class="config-col config-form-item-control"
+    >
+      <div
+        class="config-form-item-control-input"
+      >
+        <div
+          class="config-form-item-control-input-content"
+        >
+          <input
+            class="config-input config-input-disabled config-input-status-error"
+            disabled=""
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+      <div
+        class="config-form-item-explain config-form-item-explain-connected"
+      >
+        <div
+          class="config-form-item-explain-error"
+          role="alert"
+        >
+          Bamboo is Light
+        </div>
+      </div>
+    </div>
+  </div>
+</form>
+`;
+
 exports[`ConfigProvider components Form configProvider componentSize large 1`] = `
 <form
   class="config-form config-form-horizontal config-form-large"
@@ -13600,6 +15890,16 @@ exports[`ConfigProvider components Grid configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Grid configProvider componentDisabled 1`] = `
+<div
+  class="config-row"
+>
+  <div
+    class="config-col config-col-1"
+  />
+</div>
+`;
+
 exports[`ConfigProvider components Grid configProvider componentSize large 1`] = `
 <div
   class="config-row"
@@ -13745,6 +16045,106 @@ exports[`ConfigProvider components Input configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Input configProvider componentDisabled 1`] = `
+<div>
+  <span
+    class="config-input-group"
+  >
+    <input
+      class="config-input config-input-disabled"
+      disabled=""
+      type="text"
+      value=""
+    />
+    <span
+      class="config-input-group-wrapper config-input-search"
+    >
+      <span
+        class="config-input-wrapper config-input-group"
+      >
+        <input
+          class="config-input config-input-disabled"
+          disabled=""
+          type="text"
+          value=""
+        />
+        <span
+          class="config-input-group-addon"
+        >
+          <button
+            class="config-btn config-btn-default config-btn-icon-only config-input-search-button"
+            disabled=""
+            type="button"
+          >
+            <span
+              aria-label="search"
+              class="anticon anticon-search"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="search"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
+      </span>
+    </span>
+  </span>
+  <span
+    class="config-input-affix-wrapper config-input-affix-wrapper-disabled config-input-password"
+  >
+    <input
+      action="click"
+      class="config-input config-input-disabled"
+      disabled=""
+      type="password"
+      value=""
+    />
+    <span
+      class="config-input-suffix"
+    >
+      <span
+        aria-label="eye-invisible"
+        class="anticon anticon-eye-invisible config-input-password-icon"
+        role="img"
+        tabindex="-1"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="eye-invisible"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
+          />
+          <path
+            d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
+          />
+        </svg>
+      </span>
+    </span>
+  </span>
+  <textarea
+    class="config-input config-input-disabled"
+    disabled=""
+  />
+</div>
+`;
+
 exports[`ConfigProvider components Input configProvider componentSize large 1`] = `
 <div>
   <span
@@ -14296,6 +16696,83 @@ exports[`ConfigProvider components InputNumber configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components InputNumber configProvider componentDisabled 1`] = `
+<div
+  class="config-input-number config-input-number-disabled"
+>
+  <div
+    class="config-input-number-handler-wrap"
+  >
+    <span
+      aria-disabled="false"
+      aria-label="Increase Value"
+      class="config-input-number-handler config-input-number-handler-up"
+      role="button"
+      unselectable="on"
+    >
+      <span
+        aria-label="up"
+        class="anticon anticon-up config-input-number-handler-up-inner"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="up"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
+          />
+        </svg>
+      </span>
+    </span>
+    <span
+      aria-disabled="false"
+      aria-label="Decrease Value"
+      class="config-input-number-handler config-input-number-handler-down"
+      role="button"
+      unselectable="on"
+    >
+      <span
+        aria-label="down"
+        class="anticon anticon-down config-input-number-handler-down-inner"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="down"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+          />
+        </svg>
+      </span>
+    </span>
+  </div>
+  <div
+    class="config-input-number-input-wrap"
+  >
+    <input
+      autocomplete="off"
+      class="config-input-number-input"
+      disabled=""
+      role="spinbutton"
+      step="1"
+      value=""
+    />
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components InputNumber configProvider componentSize large 1`] = `
 <div
   class="config-input-number config-input-number-lg"
@@ -14704,6 +17181,34 @@ exports[`ConfigProvider components Layout configProvider 1`] = `
 </section>
 `;
 
+exports[`ConfigProvider components Layout configProvider componentDisabled 1`] = `
+<section
+  class="config-layout"
+>
+  <aside
+    class="config-layout-sider config-layout-sider-dark"
+    style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
+  >
+    <div
+      class="config-layout-sider-children"
+    />
+  </aside>
+  <section
+    class="config-layout"
+  >
+    <header
+      class="config-layout-header"
+    />
+    <main
+      class="config-layout-content"
+    />
+    <footer
+      class="config-layout-footer"
+    />
+  </section>
+</section>
+`;
+
 exports[`ConfigProvider components Layout configProvider componentSize large 1`] = `
 <section
   class="config-layout"
@@ -14896,6 +17401,58 @@ exports[`ConfigProvider components List configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components List configProvider componentDisabled 1`] = `
+<div
+  class="config-list config-list-split"
+>
+  <div
+    class="config-spin-nested-loading"
+  >
+    <div
+      class="config-spin-container"
+    >
+      <ul
+        class="config-list-items"
+      >
+        <li
+          class="config-list-item"
+        >
+          <div
+            class="config-list-item-meta"
+          >
+            <div
+              class="config-list-item-meta-avatar"
+            >
+              <span
+                class="config-avatar config-avatar-circle config-avatar-image"
+              >
+                <img
+                  src="https://joeschmoe.io/api/v1/random"
+                />
+              </span>
+            </div>
+            <div
+              class="config-list-item-meta-content"
+            >
+              <h4
+                class="config-list-item-meta-title"
+              >
+                Ant Design
+              </h4>
+              <div
+                class="config-list-item-meta-description"
+              >
+                Ant Design, a design language for background applications, is refined by Ant UED Team
+              </div>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components List configProvider componentSize large 1`] = `
 <div
   class="config-list config-list-split"
@@ -15225,6 +17782,75 @@ Array [
 ]
 `;
 
+exports[`ConfigProvider components Menu configProvider componentDisabled 1`] = `
+Array [
+  <ul
+    class="config-menu config-menu-root config-menu-inline config-menu-light"
+    data-menu-list="true"
+    role="menu"
+    tabindex="0"
+  >
+    <li
+      class="config-menu-submenu config-menu-submenu-inline config-menu-submenu-open"
+      role="none"
+    >
+      <div
+        aria-expanded="true"
+        aria-haspopup="true"
+        class="config-menu-submenu-title"
+        role="menuitem"
+        style="padding-left:24px"
+        tabindex="-1"
+      >
+        <span
+          class="config-menu-title-content"
+        >
+          bamboo
+        </span>
+        <i
+          class="config-menu-submenu-arrow"
+        />
+      </div>
+      <ul
+        class="config-menu config-menu-sub config-menu-inline"
+        data-menu-list="true"
+      >
+        <li
+          class="config-menu-item-group"
+        >
+          <div
+            class="config-menu-item-group-title"
+            title="Item 1"
+          >
+            Item 1
+          </div>
+          <ul
+            class="config-menu-item-group-list"
+          >
+            <li
+              class="config-menu-item config-menu-item-only-child"
+              role="menuitem"
+              style="padding-left:48px"
+              tabindex="-1"
+            >
+              <span
+                class="config-menu-title-content"
+              >
+                Light
+              </span>
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </li>
+  </ul>,
+  <div
+    aria-hidden="true"
+    style="display:none"
+  />,
+]
+`;
+
 exports[`ConfigProvider components Menu configProvider componentSize large 1`] = `
 Array [
   <ul
@@ -15664,6 +18290,100 @@ exports[`ConfigProvider components Modal configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Modal configProvider componentDisabled 1`] = `
+<div>
+  <div
+    class="config-modal-root"
+  >
+    <div
+      class="config-modal-mask"
+    />
+    <div
+      class="config-modal-wrap"
+      tabindex="-1"
+    >
+      <div
+        aria-modal="true"
+        class="config-modal"
+        role="dialog"
+        style="width:520px"
+      >
+        <div
+          aria-hidden="true"
+          style="width:0;height:0;overflow:hidden;outline:none"
+          tabindex="0"
+        />
+        <div
+          class="config-modal-content"
+        >
+          <button
+            aria-label="Close"
+            class="config-modal-close"
+            type="button"
+          >
+            <span
+              class="config-modal-close-x"
+            >
+              <span
+                aria-label="close"
+                class="anticon anticon-close config-modal-close-icon"
+                role="img"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="close"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                  />
+                </svg>
+              </span>
+            </span>
+          </button>
+          <div
+            class="config-modal-body"
+          >
+            Bamboo is Little Light
+          </div>
+          <div
+            class="config-modal-footer"
+          >
+            <button
+              class="config-btn config-btn-default"
+              disabled=""
+              type="button"
+            >
+              <span>
+                Cancel
+              </span>
+            </button>
+            <button
+              class="config-btn config-btn-primary"
+              disabled=""
+              type="button"
+            >
+              <span>
+                OK
+              </span>
+            </button>
+          </div>
+        </div>
+        <div
+          aria-hidden="true"
+          style="width:0;height:0;overflow:hidden;outline:none"
+          tabindex="0"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Modal configProvider componentSize large 1`] = `
 <div>
   <div
@@ -16147,6 +18867,29 @@ exports[`ConfigProvider components PageHeader configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components PageHeader configProvider componentDisabled 1`] = `
+<div>
+  <div
+    class="config-page-header config-page-header-ghost"
+  >
+    <div
+      class="config-page-header-heading"
+    >
+      <div
+        class="config-page-header-heading-left"
+      >
+        <span
+          class="config-page-header-heading-title"
+          title="pageHeader"
+        >
+          pageHeader
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components PageHeader configProvider componentSize large 1`] = `
 <div>
   <div
@@ -16559,6 +19302,305 @@ exports[`ConfigProvider components Pagination configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Pagination configProvider componentDisabled 1`] = `
+<div>
+  <ul
+    class="config-pagination"
+    unselectable="unselectable"
+  >
+    <li
+      aria-disabled="true"
+      class="config-pagination-prev config-pagination-disabled"
+      title="Previous Page"
+    >
+      <button
+        class="config-pagination-item-link"
+        disabled=""
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          aria-label="left"
+          class="anticon anticon-left"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="left"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
+            />
+          </svg>
+        </span>
+      </button>
+    </li>
+    <li
+      class="config-pagination-item config-pagination-item-1 config-pagination-item-disabled"
+      tabindex="0"
+      title="1"
+    >
+      <a
+        rel="nofollow"
+      >
+        1
+      </a>
+    </li>
+    <li
+      aria-disabled="true"
+      class="config-pagination-next config-pagination-disabled"
+      title="Next Page"
+    >
+      <button
+        class="config-pagination-item-link"
+        disabled=""
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          aria-label="right"
+          class="anticon anticon-right"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="right"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
+            />
+          </svg>
+        </span>
+      </button>
+    </li>
+    <li
+      class="config-pagination-options"
+    >
+      <div
+        aria-label="Page Size"
+        class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-disabled"
+      >
+        <div
+          class="config-select-selector"
+        >
+          <span
+            class="config-select-selection-search"
+          >
+            <input
+              aria-activedescendant="undefined_list_0"
+              aria-autocomplete="list"
+              aria-controls="undefined_list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-label="Page Size"
+              aria-owns="undefined_list"
+              autocomplete="off"
+              class="config-select-selection-search-input"
+              disabled=""
+              readonly=""
+              role="combobox"
+              style="opacity:0"
+              type="search"
+              unselectable="on"
+              value=""
+            />
+          </span>
+          <span
+            class="config-select-selection-item"
+            title="10 / page"
+          >
+            10 / page
+          </span>
+        </div>
+        <span
+          aria-hidden="true"
+          class="config-select-arrow"
+          style="user-select:none;-webkit-user-select:none"
+          unselectable="on"
+        >
+          <span
+            aria-label="down"
+            class="anticon anticon-down config-select-suffix"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="down"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+    </li>
+  </ul>
+  <ul
+    class="config-pagination mini"
+    unselectable="unselectable"
+  >
+    <li
+      aria-disabled="true"
+      class="config-pagination-prev config-pagination-disabled"
+      title="Previous Page"
+    >
+      <button
+        class="config-pagination-item-link"
+        disabled=""
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          aria-label="left"
+          class="anticon anticon-left"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="left"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
+            />
+          </svg>
+        </span>
+      </button>
+    </li>
+    <li
+      class="config-pagination-item config-pagination-item-1 config-pagination-item-disabled"
+      tabindex="0"
+      title="1"
+    >
+      <a
+        rel="nofollow"
+      >
+        1
+      </a>
+    </li>
+    <li
+      aria-disabled="true"
+      class="config-pagination-next config-pagination-disabled"
+      title="Next Page"
+    >
+      <button
+        class="config-pagination-item-link"
+        disabled=""
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          aria-label="right"
+          class="anticon anticon-right"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="right"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
+            />
+          </svg>
+        </span>
+      </button>
+    </li>
+    <li
+      class="config-pagination-options"
+    >
+      <div
+        aria-label="Page Size"
+        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow config-select-disabled"
+      >
+        <div
+          class="config-select-selector"
+        >
+          <span
+            class="config-select-selection-search"
+          >
+            <input
+              aria-activedescendant="undefined_list_0"
+              aria-autocomplete="list"
+              aria-controls="undefined_list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              aria-label="Page Size"
+              aria-owns="undefined_list"
+              autocomplete="off"
+              class="config-select-selection-search-input"
+              disabled=""
+              readonly=""
+              role="combobox"
+              style="opacity:0"
+              type="search"
+              unselectable="on"
+              value=""
+            />
+          </span>
+          <span
+            class="config-select-selection-item"
+            title="10 / page"
+          >
+            10 / page
+          </span>
+        </div>
+        <span
+          aria-hidden="true"
+          class="config-select-arrow"
+          style="user-select:none;-webkit-user-select:none"
+          unselectable="on"
+        >
+          <span
+            aria-label="down"
+            class="anticon anticon-down config-select-suffix"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="down"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+    </li>
+  </ul>
+</div>
+`;
+
 exports[`ConfigProvider components Pagination configProvider componentSize large 1`] = `
 <div>
   <ul
@@ -18127,6 +21169,91 @@ exports[`ConfigProvider components Popconfirm configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Popconfirm configProvider componentDisabled 1`] = `
+<div>
+  <span
+    class="config-popover-open"
+  >
+    Bamboo
+  </span>
+  <div>
+    <div
+      class="config-popover config-popconfirm"
+      style="opacity:0"
+    >
+      <div
+        class="config-popover-content"
+      >
+        <div
+          class="config-popover-arrow"
+        >
+          <span
+            class="config-popover-arrow-content"
+          />
+        </div>
+        <div
+          class="config-popover-inner"
+          role="tooltip"
+        >
+          <div
+            class="config-popover-inner-content"
+          >
+            <div
+              class="config-popover-message"
+            >
+              <span
+                aria-label="exclamation-circle"
+                class="anticon anticon-exclamation-circle"
+                role="img"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="exclamation-circle"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
+                  />
+                </svg>
+              </span>
+              <div
+                class="config-popover-message-title"
+              />
+            </div>
+            <div
+              class="config-popover-buttons"
+            >
+              <button
+                class="config-btn config-btn-default config-btn-sm"
+                disabled=""
+                type="button"
+              >
+                <span>
+                  Cancel
+                </span>
+              </button>
+              <button
+                class="config-btn config-btn-primary config-btn-sm"
+                disabled=""
+                type="button"
+              >
+                <span>
+                  OK
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Popconfirm configProvider componentSize large 1`] = `
 <div>
   <span
@@ -18574,6 +21701,38 @@ exports[`ConfigProvider components Popover configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Popover configProvider componentDisabled 1`] = `
+<div>
+  <span
+    class="config-popover-open"
+  >
+    Light
+  </span>
+  <div>
+    <div
+      class="config-popover"
+      style="opacity:0"
+    >
+      <div
+        class="config-popover-content"
+      >
+        <div
+          class="config-popover-arrow"
+        >
+          <span
+            class="config-popover-arrow-content"
+          />
+        </div>
+        <div
+          class="config-popover-inner"
+          role="tooltip"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Popover configProvider componentSize large 1`] = `
 <div>
   <span
@@ -18759,6 +21918,31 @@ exports[`ConfigProvider components Progress configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Progress configProvider componentDisabled 1`] = `
+<div
+  class="config-progress config-progress-line config-progress-status-normal config-progress-show-info config-progress-default"
+>
+  <div
+    class="config-progress-outer"
+  >
+    <div
+      class="config-progress-inner"
+    >
+      <div
+        class="config-progress-bg"
+        style="width:0%;height:8px"
+      />
+    </div>
+  </div>
+  <span
+    class="config-progress-text"
+    title="0%"
+  >
+    0%
+  </span>
+</div>
+`;
+
 exports[`ConfigProvider components Progress configProvider componentSize large 1`] = `
 <div
   class="config-progress config-progress-line config-progress-status-normal config-progress-show-info config-progress-default"
@@ -18935,6 +22119,59 @@ exports[`ConfigProvider components Radio configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Radio configProvider componentDisabled 1`] = `
+<div>
+  <div
+    class="config-radio-group config-radio-group-outline"
+  >
+    <label
+      class="config-radio-wrapper config-radio-wrapper-checked config-radio-wrapper-disabled"
+    >
+      <span
+        class="config-radio config-radio-checked config-radio-disabled"
+      >
+        <input
+          checked=""
+          class="config-radio-input"
+          disabled=""
+          type="radio"
+        />
+        <span
+          class="config-radio-inner"
+        />
+      </span>
+      <span>
+        Bamboo
+      </span>
+    </label>
+  </div>
+  <div
+    class="config-radio-group config-radio-group-outline"
+  >
+    <label
+      class="config-radio-button-wrapper config-radio-button-wrapper-checked config-radio-button-wrapper-disabled"
+    >
+      <span
+        class="config-radio-button config-radio-button-checked config-radio-button-disabled"
+      >
+        <input
+          checked=""
+          class="config-radio-button-input"
+          disabled=""
+          type="radio"
+        />
+        <span
+          class="config-radio-button-inner"
+        />
+      </span>
+      <span>
+        Light
+      </span>
+    </label>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Radio configProvider componentSize large 1`] = `
 <div>
   <div
@@ -19489,6 +22726,305 @@ exports[`ConfigProvider components Rate configProvider 1`] = `
 </ul>
 `;
 
+exports[`ConfigProvider components Rate configProvider componentDisabled 1`] = `
+<ul
+  class="config-rate"
+  role="radiogroup"
+  tabindex="0"
+>
+  <li
+    class="config-rate-star config-rate-star-zero"
+  >
+    <div
+      aria-checked="false"
+      aria-posinset="1"
+      aria-setsize="5"
+      role="radio"
+      tabindex="0"
+    >
+      <div
+        class="config-rate-star-first"
+      >
+        <span
+          aria-label="star"
+          class="anticon anticon-star"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="star"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
+            />
+          </svg>
+        </span>
+      </div>
+      <div
+        class="config-rate-star-second"
+      >
+        <span
+          aria-label="star"
+          class="anticon anticon-star"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="star"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    class="config-rate-star config-rate-star-zero"
+  >
+    <div
+      aria-checked="false"
+      aria-posinset="2"
+      aria-setsize="5"
+      role="radio"
+      tabindex="0"
+    >
+      <div
+        class="config-rate-star-first"
+      >
+        <span
+          aria-label="star"
+          class="anticon anticon-star"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="star"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
+            />
+          </svg>
+        </span>
+      </div>
+      <div
+        class="config-rate-star-second"
+      >
+        <span
+          aria-label="star"
+          class="anticon anticon-star"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="star"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    class="config-rate-star config-rate-star-zero"
+  >
+    <div
+      aria-checked="false"
+      aria-posinset="3"
+      aria-setsize="5"
+      role="radio"
+      tabindex="0"
+    >
+      <div
+        class="config-rate-star-first"
+      >
+        <span
+          aria-label="star"
+          class="anticon anticon-star"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="star"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
+            />
+          </svg>
+        </span>
+      </div>
+      <div
+        class="config-rate-star-second"
+      >
+        <span
+          aria-label="star"
+          class="anticon anticon-star"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="star"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    class="config-rate-star config-rate-star-zero"
+  >
+    <div
+      aria-checked="false"
+      aria-posinset="4"
+      aria-setsize="5"
+      role="radio"
+      tabindex="0"
+    >
+      <div
+        class="config-rate-star-first"
+      >
+        <span
+          aria-label="star"
+          class="anticon anticon-star"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="star"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
+            />
+          </svg>
+        </span>
+      </div>
+      <div
+        class="config-rate-star-second"
+      >
+        <span
+          aria-label="star"
+          class="anticon anticon-star"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="star"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+  </li>
+  <li
+    class="config-rate-star config-rate-star-zero"
+  >
+    <div
+      aria-checked="false"
+      aria-posinset="5"
+      aria-setsize="5"
+      role="radio"
+      tabindex="0"
+    >
+      <div
+        class="config-rate-star-first"
+      >
+        <span
+          aria-label="star"
+          class="anticon anticon-star"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="star"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
+            />
+          </svg>
+        </span>
+      </div>
+      <div
+        class="config-rate-star-second"
+      >
+        <span
+          aria-label="star"
+          class="anticon anticon-star"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="star"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+  </li>
+</ul>
+`;
+
 exports[`ConfigProvider components Rate configProvider componentSize large 1`] = `
 <ul
   class="config-rate"
@@ -21112,6 +24648,67 @@ exports[`ConfigProvider components Select configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Select configProvider componentDisabled 1`] = `
+<div
+  class="config-select config-select-single config-select-show-arrow config-select-disabled"
+>
+  <div
+    class="config-select-selector"
+  >
+    <span
+      class="config-select-selection-search"
+    >
+      <input
+        aria-activedescendant="undefined_list_0"
+        aria-autocomplete="list"
+        aria-controls="undefined_list"
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        aria-owns="undefined_list"
+        autocomplete="off"
+        class="config-select-selection-search-input"
+        disabled=""
+        readonly=""
+        role="combobox"
+        style="opacity:0"
+        type="search"
+        unselectable="on"
+        value=""
+      />
+    </span>
+    <span
+      class="config-select-selection-placeholder"
+    />
+  </div>
+  <span
+    aria-hidden="true"
+    class="config-select-arrow"
+    style="user-select:none;-webkit-user-select:none"
+    unselectable="on"
+  >
+    <span
+      aria-label="down"
+      class="anticon anticon-down config-select-suffix"
+      role="img"
+    >
+      <svg
+        aria-hidden="true"
+        data-icon="down"
+        fill="currentColor"
+        focusable="false"
+        height="1em"
+        viewBox="64 64 896 896"
+        width="1em"
+      >
+        <path
+          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+        />
+      </svg>
+    </span>
+  </span>
+</div>
+`;
+
 exports[`ConfigProvider components Select configProvider componentSize large 1`] = `
 <div
   class="config-select config-select-lg config-select-single config-select-show-arrow config-select-open"
@@ -21780,6 +25377,34 @@ exports[`ConfigProvider components Skeleton configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Skeleton configProvider componentDisabled 1`] = `
+<div
+  class="config-skeleton config-skeleton-with-avatar"
+>
+  <div
+    class="config-skeleton-header"
+  >
+    <span
+      class="config-skeleton-avatar config-skeleton-avatar-lg config-skeleton-avatar-circle"
+    />
+  </div>
+  <div
+    class="config-skeleton-content"
+  >
+    <h3
+      class="config-skeleton-title"
+      style="width:50%"
+    />
+    <ul
+      class="config-skeleton-paragraph"
+    >
+      <li />
+      <li />
+    </ul>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Skeleton configProvider componentSize large 1`] = `
 <div
   class="config-skeleton config-skeleton-with-avatar"
@@ -21971,6 +25596,57 @@ exports[`ConfigProvider components Slider configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Slider configProvider componentDisabled 1`] = `
+<div
+  class="config-slider config-slider-horizontal"
+>
+  <div
+    class="config-slider-rail"
+  />
+  <div
+    class="config-slider-track"
+    style="left:0%;width:0%"
+  />
+  <div
+    class="config-slider-step"
+  />
+  <div
+    aria-disabled="false"
+    aria-valuemax="100"
+    aria-valuemin="0"
+    aria-valuenow="0"
+    class="config-slider-handle config-tooltip-open"
+    role="slider"
+    style="left:0%;transform:translateX(-50%)"
+    tabindex="0"
+  />
+  <div>
+    <div
+      class="config-tooltip config-slider-tooltip"
+      style="opacity:0"
+    >
+      <div
+        class="config-tooltip-content"
+      >
+        <div
+          class="config-tooltip-arrow"
+        >
+          <span
+            class="config-tooltip-arrow-content"
+          />
+        </div>
+        <div
+          class="config-tooltip-inner"
+          role="tooltip"
+        >
+          0
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Slider configProvider componentSize large 1`] = `
 <div
   class="config-slider config-slider-horizontal"
@@ -22251,6 +25927,31 @@ exports[`ConfigProvider components Spin configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Spin configProvider componentDisabled 1`] = `
+<div
+  aria-busy="true"
+  aria-live="polite"
+  class="config-spin config-spin-spinning"
+>
+  <span
+    class="config-spin-dot config-spin-dot-spin"
+  >
+    <i
+      class="config-spin-dot-item"
+    />
+    <i
+      class="config-spin-dot-item"
+    />
+    <i
+      class="config-spin-dot-item"
+    />
+    <i
+      class="config-spin-dot-item"
+    />
+  </span>
+</div>
+`;
+
 exports[`ConfigProvider components Spin configProvider componentSize large 1`] = `
 <div
   aria-busy="true"
@@ -22396,6 +26097,26 @@ exports[`ConfigProvider components Statistic configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Statistic configProvider componentDisabled 1`] = `
+<div
+  class="config-statistic"
+>
+  <div
+    class="config-statistic-content"
+  >
+    <span
+      class="config-statistic-content-value"
+    >
+      <span
+        class="config-statistic-content-value-int"
+      >
+        0
+      </span>
+    </span>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Statistic configProvider componentSize large 1`] = `
 <div
   class="config-statistic"
@@ -22537,6 +26258,47 @@ exports[`ConfigProvider components Steps configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Steps configProvider componentDisabled 1`] = `
+<div
+  class="config-steps config-steps-horizontal config-steps-label-horizontal"
+>
+  <div
+    class="config-steps-item config-steps-item-process config-steps-item-active"
+  >
+    <div
+      class="config-steps-item-container"
+    >
+      <div
+        class="config-steps-item-tail"
+      />
+      <div
+        class="config-steps-item-icon"
+      >
+        <span
+          class="config-steps-icon"
+        >
+          1
+        </span>
+      </div>
+      <div
+        class="config-steps-item-content"
+      >
+        <div
+          class="config-steps-item-title"
+        >
+          Bamboo
+        </div>
+        <div
+          class="config-steps-item-description"
+        >
+          Little Light
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Steps configProvider componentSize large 1`] = `
 <div
   class="config-steps config-steps-horizontal config-steps-label-horizontal"
@@ -22758,6 +26520,23 @@ exports[`ConfigProvider components Switch configProvider 1`] = `
 </button>
 `;
 
+exports[`ConfigProvider components Switch configProvider componentDisabled 1`] = `
+<button
+  aria-checked="false"
+  class="config-switch config-switch-disabled"
+  disabled=""
+  role="switch"
+  type="button"
+>
+  <div
+    class="config-switch-handle"
+  />
+  <span
+    class="config-switch-inner"
+  />
+</button>
+`;
+
 exports[`ConfigProvider components Switch configProvider componentSize large 1`] = `
 <button
   aria-checked="false"
@@ -23119,6 +26898,288 @@ exports[`ConfigProvider components Table configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Table configProvider componentDisabled 1`] = `
+<div
+  class="config-table-wrapper"
+>
+  <div
+    class="config-spin-nested-loading"
+  >
+    <div
+      class="config-spin-container"
+    >
+      <div
+        class="config-table config-table-empty"
+      >
+        <div
+          class="config-table-container"
+        >
+          <div
+            class="config-table-content"
+          >
+            <table
+              style="table-layout:auto"
+            >
+              <colgroup />
+              <thead
+                class="config-table-thead"
+              >
+                <tr>
+                  <th
+                    class="config-table-cell config-table-column-has-sorters"
+                    tabindex="0"
+                  >
+                    <div
+                      class="config-table-filter-column"
+                    >
+                      <span
+                        class="config-table-column-title"
+                      >
+                        <div
+                          class="config-table-column-sorters"
+                        >
+                          <span
+                            class="config-table-column-title"
+                          >
+                            Name
+                          </span>
+                          <span
+                            class="config-table-column-sorter config-table-column-sorter-full"
+                          >
+                            <span
+                              class="config-table-column-sorter-inner"
+                            >
+                              <span
+                                aria-label="caret-up"
+                                class="anticon anticon-caret-up config-table-column-sorter-up"
+                                role="img"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="caret-up"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="0 0 1024 1024"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
+                                  />
+                                </svg>
+                              </span>
+                              <span
+                                aria-label="caret-down"
+                                class="anticon anticon-caret-down config-table-column-sorter-down"
+                                role="img"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="caret-down"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="0 0 1024 1024"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                          </span>
+                        </div>
+                      </span>
+                      <span
+                        class="config-dropdown-trigger config-table-filter-trigger config-dropdown-open"
+                        role="button"
+                        tabindex="-1"
+                      >
+                        <span
+                          aria-label="filter"
+                          class="anticon anticon-filter"
+                          role="img"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            data-icon="filter"
+                            fill="currentColor"
+                            focusable="false"
+                            height="1em"
+                            viewBox="64 64 896 896"
+                            width="1em"
+                          >
+                            <path
+                              d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
+                            />
+                          </svg>
+                        </span>
+                      </span>
+                      <div>
+                        <div
+                          class="config-dropdown"
+                          style="opacity:0"
+                        >
+                          <div
+                            class="config-table-filter-dropdown"
+                          >
+                            <ul
+                              class="config-dropdown-menu config-dropdown-menu-root config-dropdown-menu-vertical config-dropdown-menu-light"
+                              data-menu-list="true"
+                              role="menu"
+                              tabindex="0"
+                            >
+                              <li
+                                class="config-dropdown-menu-item"
+                                role="menuitem"
+                                tabindex="-1"
+                              >
+                                <span
+                                  class="config-dropdown-menu-title-content"
+                                >
+                                  <label
+                                    class="config-checkbox-wrapper"
+                                  >
+                                    <span
+                                      class="config-checkbox"
+                                    >
+                                      <input
+                                        class="config-checkbox-input"
+                                        type="checkbox"
+                                      />
+                                      <span
+                                        class="config-checkbox-inner"
+                                      />
+                                    </span>
+                                  </label>
+                                  <span>
+                                    Joe
+                                  </span>
+                                </span>
+                              </li>
+                              <li
+                                class="config-dropdown-menu-submenu config-dropdown-menu-submenu-vertical"
+                                role="none"
+                              >
+                                <div
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  class="config-dropdown-menu-submenu-title"
+                                  role="menuitem"
+                                  tabindex="-1"
+                                >
+                                  <span
+                                    class="config-dropdown-menu-title-content"
+                                  >
+                                    Submenu
+                                  </span>
+                                  <i
+                                    class="config-dropdown-menu-submenu-arrow"
+                                  />
+                                </div>
+                              </li>
+                            </ul>
+                            <div
+                              aria-hidden="true"
+                              style="display:none"
+                            />
+                            <div
+                              class="config-table-filter-dropdown-btns"
+                            >
+                              <button
+                                class="config-btn config-btn-link config-btn-sm"
+                                disabled=""
+                                type="button"
+                              >
+                                <span>
+                                  Reset
+                                </span>
+                              </button>
+                              <button
+                                class="config-btn config-btn-primary config-btn-sm"
+                                disabled=""
+                                type="button"
+                              >
+                                <span>
+                                  OK
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="config-table-tbody"
+              >
+                <tr
+                  class="config-table-placeholder"
+                >
+                  <td
+                    class="config-table-cell"
+                  >
+                    <div
+                      class="config-empty config-empty-normal"
+                    >
+                      <div
+                        class="config-empty-image"
+                      >
+                        <svg
+                          class="config-empty-img-simple"
+                          height="41"
+                          viewBox="0 0 64 41"
+                          width="64"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <g
+                            fill="none"
+                            fill-rule="evenodd"
+                            transform="translate(0 1)"
+                          >
+                            <ellipse
+                              class="config-empty-img-simple-ellipse"
+                              cx="32"
+                              cy="33"
+                              rx="32"
+                              ry="7"
+                            />
+                            <g
+                              class="config-empty-img-simple-g"
+                              fill-rule="nonzero"
+                            >
+                              <path
+                                d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
+                              />
+                              <path
+                                class="config-empty-img-simple-path"
+                                d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
+                              />
+                            </g>
+                          </g>
+                        </svg>
+                      </div>
+                      <div
+                        class="config-empty-description"
+                      >
+                        No Data
+                      </div>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Table configProvider componentSize large 1`] = `
 <div
   class="config-table-wrapper"
@@ -24609,6 +28670,91 @@ exports[`ConfigProvider components Tabs configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Tabs configProvider componentDisabled 1`] = `
+<div
+  class="config-tabs config-tabs-top"
+>
+  <div
+    class="config-tabs-nav"
+    role="tablist"
+  >
+    <div
+      class="config-tabs-nav-wrap"
+    >
+      <div
+        class="config-tabs-nav-list"
+        style="transform:translate(0px, 0px)"
+      >
+        <div
+          class="config-tabs-tab config-tabs-tab-active"
+        >
+          <div
+            aria-selected="true"
+            class="config-tabs-tab-btn"
+            role="tab"
+            tabindex="0"
+          >
+            Bamboo
+          </div>
+        </div>
+        <div
+          class="config-tabs-ink-bar config-tabs-ink-bar-animated"
+        />
+      </div>
+    </div>
+    <div
+      class="config-tabs-nav-operations config-tabs-nav-operations-hidden"
+    >
+      <button
+        aria-controls="null-more-popup"
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        aria-hidden="true"
+        class="config-tabs-nav-more"
+        id="null-more"
+        style="visibility:hidden;order:1"
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          aria-label="ellipsis"
+          class="anticon anticon-ellipsis"
+          role="img"
+        >
+          <svg
+            aria-hidden="true"
+            data-icon="ellipsis"
+            fill="currentColor"
+            focusable="false"
+            height="1em"
+            viewBox="64 64 896 896"
+            width="1em"
+          >
+            <path
+              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
+            />
+          </svg>
+        </span>
+      </button>
+    </div>
+  </div>
+  <div
+    class="config-tabs-content-holder"
+  >
+    <div
+      class="config-tabs-content config-tabs-content-top"
+    >
+      <div
+        aria-hidden="false"
+        class="config-tabs-tabpane config-tabs-tabpane-active"
+        role="tabpanel"
+        tabindex="0"
+      />
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Tabs configProvider componentSize large 1`] = `
 <div
   class="config-tabs config-tabs-top config-tabs-large"
@@ -25049,6 +29195,21 @@ exports[`ConfigProvider components Tags configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Tags configProvider componentDisabled 1`] = `
+<div>
+  <span
+    class="config-tag"
+  >
+    Bamboo
+  </span>
+  <span
+    class="config-tag config-tag-checkable"
+  >
+    Light
+  </span>
+</div>
+`;
+
 exports[`ConfigProvider components Tags configProvider componentSize large 1`] = `
 <div>
   <span
@@ -26535,6 +30696,52 @@ Array [
 ]
 `;
 
+exports[`ConfigProvider components TimePicker configProvider componentDisabled 1`] = `
+<div
+  class="config-picker config-picker-disabled"
+>
+  <div
+    class="config-picker-input"
+  >
+    <input
+      autocomplete="off"
+      disabled=""
+      placeholder="Select time"
+      readonly=""
+      size="10"
+      title=""
+      value=""
+    />
+    <span
+      class="config-picker-suffix"
+    >
+      <span
+        aria-label="clock-circle"
+        class="anticon anticon-clock-circle"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="clock-circle"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+          />
+          <path
+            d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
+          />
+        </svg>
+      </span>
+    </span>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components TimePicker configProvider componentSize large 1`] = `
 Array [
   <div
@@ -33612,6 +37819,28 @@ exports[`ConfigProvider components Timeline configProvider 1`] = `
 </ul>
 `;
 
+exports[`ConfigProvider components Timeline configProvider componentDisabled 1`] = `
+<ul
+  class="config-timeline"
+>
+  <li
+    class="config-timeline-item config-timeline-item-last"
+  >
+    <div
+      class="config-timeline-item-tail"
+    />
+    <div
+      class="config-timeline-item-head config-timeline-item-head-blue"
+    />
+    <div
+      class="config-timeline-item-content"
+    >
+      Bamboo
+    </div>
+  </li>
+</ul>
+`;
+
 exports[`ConfigProvider components Timeline configProvider componentSize large 1`] = `
 <ul
   class="config-timeline"
@@ -33756,6 +37985,40 @@ Array [
 ]
 `;
 
+exports[`ConfigProvider components Tooltip configProvider componentDisabled 1`] = `
+Array [
+  <span
+    class="config-tooltip-open"
+  >
+    Light
+  </span>,
+  <div>
+    <div
+      class="config-tooltip"
+      style="opacity:0"
+    >
+      <div
+        class="config-tooltip-content"
+      >
+        <div
+          class="config-tooltip-arrow"
+        >
+          <span
+            class="config-tooltip-arrow-content"
+          />
+        </div>
+        <div
+          class="config-tooltip-inner"
+          role="tooltip"
+        >
+          Bamboo
+        </div>
+      </div>
+    </div>
+  </div>,
+]
+`;
+
 exports[`ConfigProvider components Tooltip configProvider componentSize large 1`] = `
 Array [
   <span
@@ -34195,6 +38458,275 @@ exports[`ConfigProvider components Transfer configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Transfer configProvider componentDisabled 1`] = `
+<div
+  class="config-transfer"
+>
+  <div
+    class="config-transfer-list"
+  >
+    <div
+      class="config-transfer-list-header"
+    >
+      <label
+        class="config-checkbox-wrapper config-transfer-list-checkbox"
+      >
+        <span
+          class="config-checkbox"
+        >
+          <input
+            class="config-checkbox-input"
+            type="checkbox"
+          />
+          <span
+            class="config-checkbox-inner"
+          />
+        </span>
+      </label>
+      <span
+        aria-label="down"
+        class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="down"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+          />
+        </svg>
+      </span>
+      <span
+        class="config-transfer-list-header-selected"
+      >
+        0 item
+      </span>
+      <span
+        class="config-transfer-list-header-title"
+      />
+    </div>
+    <div
+      class="config-transfer-list-body"
+    >
+      <div
+        class="config-transfer-list-body-not-found"
+      >
+        <div
+          class="config-empty config-empty-normal config-empty-small"
+        >
+          <div
+            class="config-empty-image"
+          >
+            <svg
+              class="config-empty-img-simple"
+              height="41"
+              viewBox="0 0 64 41"
+              width="64"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <g
+                fill="none"
+                fill-rule="evenodd"
+                transform="translate(0 1)"
+              >
+                <ellipse
+                  class="config-empty-img-simple-ellipse"
+                  cx="32"
+                  cy="33"
+                  rx="32"
+                  ry="7"
+                />
+                <g
+                  class="config-empty-img-simple-g"
+                  fill-rule="nonzero"
+                >
+                  <path
+                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
+                  />
+                  <path
+                    class="config-empty-img-simple-path"
+                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+          <div
+            class="config-empty-description"
+          >
+            No Data
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="config-transfer-operation"
+  >
+    <button
+      class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
+      disabled=""
+      type="button"
+    >
+      <span
+        aria-label="right"
+        class="anticon anticon-right"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="right"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
+          />
+        </svg>
+      </span>
+    </button>
+    <button
+      class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
+      disabled=""
+      type="button"
+    >
+      <span
+        aria-label="left"
+        class="anticon anticon-left"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="left"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
+          />
+        </svg>
+      </span>
+    </button>
+  </div>
+  <div
+    class="config-transfer-list"
+  >
+    <div
+      class="config-transfer-list-header"
+    >
+      <label
+        class="config-checkbox-wrapper config-transfer-list-checkbox"
+      >
+        <span
+          class="config-checkbox"
+        >
+          <input
+            class="config-checkbox-input"
+            type="checkbox"
+          />
+          <span
+            class="config-checkbox-inner"
+          />
+        </span>
+      </label>
+      <span
+        aria-label="down"
+        class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="down"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <path
+            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+          />
+        </svg>
+      </span>
+      <span
+        class="config-transfer-list-header-selected"
+      >
+        0 item
+      </span>
+      <span
+        class="config-transfer-list-header-title"
+      />
+    </div>
+    <div
+      class="config-transfer-list-body"
+    >
+      <div
+        class="config-transfer-list-body-not-found"
+      >
+        <div
+          class="config-empty config-empty-normal config-empty-small"
+        >
+          <div
+            class="config-empty-image"
+          >
+            <svg
+              class="config-empty-img-simple"
+              height="41"
+              viewBox="0 0 64 41"
+              width="64"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <g
+                fill="none"
+                fill-rule="evenodd"
+                transform="translate(0 1)"
+              >
+                <ellipse
+                  class="config-empty-img-simple-ellipse"
+                  cx="32"
+                  cy="33"
+                  rx="32"
+                  ry="7"
+                />
+                <g
+                  class="config-empty-img-simple-g"
+                  fill-rule="nonzero"
+                >
+                  <path
+                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
+                  />
+                  <path
+                    class="config-empty-img-simple-path"
+                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+          <div
+            class="config-empty-description"
+          >
+            No Data
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Transfer configProvider componentSize large 1`] = `
 <div
   class="config-transfer"
@@ -35698,6 +40230,164 @@ exports[`ConfigProvider components Tree configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components Tree configProvider componentDisabled 1`] = `
+<div>
+  <div
+    class="config-tree config-tree-icon-hide"
+    role="tree"
+  >
+    <div>
+      <input
+        aria-label="for screen reader"
+        style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
+        tabindex="0"
+        value=""
+      />
+    </div>
+    <div
+      aria-hidden="true"
+      class="config-tree-treenode"
+      style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
+    >
+      <div
+        class="config-tree-indent"
+      >
+        <div
+          class="config-tree-indent-unit"
+        />
+      </div>
+    </div>
+    <div
+      class="config-tree-list"
+      style="position:relative"
+    >
+      <div
+        class="config-tree-list-holder"
+      >
+        <div>
+          <div
+            class="config-tree-list-holder-inner"
+            style="display:flex;flex-direction:column"
+          >
+            <div
+              aria-grabbed="false"
+              class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
+              draggable="false"
+            >
+              <span
+                aria-hidden="true"
+                class="config-tree-indent"
+              />
+              <span
+                class="config-tree-switcher config-tree-switcher-noop"
+              />
+              <span
+                class="config-tree-node-content-wrapper config-tree-node-content-wrapper-normal"
+                title="bamboo"
+              >
+                <span
+                  class="config-tree-title"
+                >
+                  bamboo
+                </span>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="config-tree config-tree-block-node config-tree-directory"
+    role="tree"
+  >
+    <div>
+      <input
+        aria-label="for screen reader"
+        style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
+        tabindex="0"
+        value=""
+      />
+    </div>
+    <div
+      aria-hidden="true"
+      class="config-tree-treenode"
+      style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
+    >
+      <div
+        class="config-tree-indent"
+      >
+        <div
+          class="config-tree-indent-unit"
+        />
+      </div>
+    </div>
+    <div
+      class="config-tree-list"
+      style="position:relative"
+    >
+      <div
+        class="config-tree-list-holder"
+      >
+        <div>
+          <div
+            class="config-tree-list-holder-inner"
+            style="display:flex;flex-direction:column"
+          >
+            <div
+              aria-grabbed="false"
+              class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
+              draggable="false"
+            >
+              <span
+                aria-hidden="true"
+                class="config-tree-indent"
+              />
+              <span
+                class="config-tree-switcher config-tree-switcher-noop"
+              />
+              <span
+                class="config-tree-node-content-wrapper config-tree-node-content-wrapper-normal"
+                title="bamboo"
+              >
+                <span
+                  class="config-tree-iconEle config-tree-icon__customize"
+                >
+                  <span
+                    aria-label="folder"
+                    class="anticon anticon-folder"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="folder"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M880 298.4H521L403.7 186.2a8.15 8.15 0 00-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z"
+                      />
+                    </svg>
+                  </span>
+                </span>
+                <span
+                  class="config-tree-title"
+                >
+                  bamboo
+                </span>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ConfigProvider components Tree configProvider componentSize large 1`] = `
 <div>
   <div
@@ -36624,6 +41314,66 @@ exports[`ConfigProvider components TreeSelect configProvider 1`] = `
 </div>
 `;
 
+exports[`ConfigProvider components TreeSelect configProvider componentDisabled 1`] = `
+<div
+  class="config-select config-tree-select config-select-single config-select-show-arrow config-select-disabled"
+>
+  <div
+    class="config-select-selector"
+  >
+    <span
+      class="config-select-selection-search"
+    >
+      <input
+        aria-autocomplete="list"
+        aria-controls="undefined_list"
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        aria-owns="undefined_list"
+        autocomplete="off"
+        class="config-select-selection-search-input"
+        disabled=""
+        readonly=""
+        role="combobox"
+        style="opacity:0"
+        type="search"
+        unselectable="on"
+        value=""
+      />
+    </span>
+    <span
+      class="config-select-selection-placeholder"
+    />
+  </div>
+  <span
+    aria-hidden="true"
+    class="config-select-arrow"
+    style="user-select:none;-webkit-user-select:none"
+    unselectable="on"
+  >
+    <span
+      aria-label="down"
+      class="anticon anticon-down config-select-suffix"
+      role="img"
+    >
+      <svg
+        aria-hidden="true"
+        data-icon="down"
+        fill="currentColor"
+        focusable="false"
+        height="1em"
+        viewBox="64 64 896 896"
+        width="1em"
+      >
+        <path
+          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+        />
+      </svg>
+    </span>
+  </span>
+</div>
+`;
+
 exports[`ConfigProvider components TreeSelect configProvider componentSize large 1`] = `
 <div
   class="config-select config-tree-select config-select-lg config-select-single config-select-show-arrow config-select-open"
@@ -37406,6 +42156,109 @@ exports[`ConfigProvider components Upload configProvider 1`] = `
 </span>
 `;
 
+exports[`ConfigProvider components Upload configProvider componentDisabled 1`] = `
+<span
+  class=""
+>
+  <div
+    class="config-upload config-upload-select config-upload-select-text"
+  >
+    <span
+      class="config-upload"
+      role="button"
+      tabindex="0"
+    >
+      <input
+        accept=""
+        style="display:none"
+        type="file"
+      />
+      <span />
+    </span>
+  </div>
+  <div
+    class="config-upload-list config-upload-list-text"
+  >
+    <div
+      class="config-upload-list-text-container"
+    >
+      <div
+        class="config-upload-list-item config-upload-list-item-done config-upload-list-item-list-type-text"
+      >
+        <div
+          class="config-upload-list-item-info"
+        >
+          <span
+            class="config-upload-span"
+          >
+            <div
+              class="config-upload-text-icon"
+            >
+              <span
+                aria-label="paper-clip"
+                class="anticon anticon-paper-clip"
+                role="img"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="paper-clip"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+                  />
+                </svg>
+              </span>
+            </div>
+            <span
+              class="config-upload-list-item-name"
+              title="xxx.png"
+            >
+              xxx.png
+            </span>
+            <span
+              class="config-upload-list-item-card-actions"
+            >
+              <button
+                class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-card-actions-btn"
+                disabled=""
+                title="Remove file"
+                type="button"
+              >
+                <span
+                  aria-label="delete"
+                  class="anticon anticon-delete"
+                  role="img"
+                  tabindex="-1"
+                >
+                  <svg
+                    aria-hidden="true"
+                    data-icon="delete"
+                    fill="currentColor"
+                    focusable="false"
+                    height="1em"
+                    viewBox="64 64 896 896"
+                    width="1em"
+                  >
+                    <path
+                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                    />
+                  </svg>
+                </span>
+              </button>
+            </span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</span>
+`;
+
 exports[`ConfigProvider components Upload configProvider componentSize large 1`] = `
 <span
   class=""
diff --git a/components/config-provider/__tests__/components.test.js b/components/config-provider/__tests__/components.test.js
index 0a8ef2fa77..fd34b92771 100644
--- a/components/config-provider/__tests__/components.test.js
+++ b/components/config-provider/__tests__/components.test.js
@@ -1,6 +1,6 @@
-import React from 'react';
 import { render } from 'enzyme';
 import moment from 'moment';
+import React from 'react';
 import ConfigProvider from '..';
 import Alert from '../../alert';
 import Anchor from '../../anchor';
@@ -23,15 +23,15 @@ import Drawer from '../../drawer';
 import Dropdown from '../../dropdown';
 import Empty from '../../empty';
 import Form from '../../form';
-import { Row, Col } from '../../grid';
+import { Col, Row } from '../../grid';
 import Input from '../../input';
 import InputNumber from '../../input-number';
 import Layout from '../../layout';
 import List from '../../list';
 import Menu from '../../menu';
 import Modal from '../../modal';
-import Pagination from '../../pagination';
 import PageHeader from '../../page-header';
+import Pagination from '../../pagination';
 import Popconfirm from '../../popconfirm';
 import Popover from '../../popover';
 import Progress from '../../progress';
@@ -102,6 +102,16 @@ describe('ConfigProvider', () => {
           ).toMatchSnapshot();
         });
 
+        it('configProvider componentDisabled', () => {
+          expect(
+            render(
+              <ConfigProvider componentDisabled prefixCls="config">
+                {renderComponent({})}
+              </ConfigProvider>,
+            ),
+          ).toMatchSnapshot();
+        });
+
         it('configProvider virtual and dropdownMatchSelectWidth', () => {
           expect(
             render(
diff --git a/components/config-provider/index.en-US.md b/components/config-provider/index.en-US.md
index 3b8e578784..c13d279f20 100644
--- a/components/config-provider/index.en-US.md
+++ b/components/config-provider/index.en-US.md
@@ -39,6 +39,7 @@ Some components use dynamic style to support wave effect. You can config `csp` p
 | Property | Description | Type | Default | Version |
 | --- | --- | --- | --- | --- |
 | autoInsertSpaceInButton | Set false to remove space between 2 chinese characters on Button | boolean | true |  |
+| componentDisabled | Config antd component `disabled` | boolean | - |  |
 | componentSize | Config antd component size | `small` \| `middle` \| `large` | - |  |
 | csp | Set [Content Security Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP) config | { nonce: string } | - |  |
 | direction | Set direction of layout. See [demo](#components-config-provider-demo-direction) | `ltr` \| `rtl` | `ltr` |  |
diff --git a/components/config-provider/index.tsx b/components/config-provider/index.tsx
index a66a36b964..15ed37d86d 100644
--- a/components/config-provider/index.tsx
+++ b/components/config-provider/index.tsx
@@ -1,27 +1,28 @@
-import * as React from 'react';
 import IconContext from '@ant-design/icons/lib/components/Context';
 import { FormProvider as RcFormProvider } from 'rc-field-form';
 import type { ValidateMessages } from 'rc-field-form/lib/interface';
 import useMemo from 'rc-util/lib/hooks/useMemo';
-import { RenderEmptyHandler } from './defaultRenderEmpty';
+import * as React from 'react';
+import type { RequiredMark } from '../form/Form';
 import type { Locale } from '../locale-provider';
 import LocaleProvider, { ANT_MARK } from '../locale-provider';
 import LocaleReceiver from '../locale-provider/LocaleReceiver';
+import defaultLocale from '../locale/default';
+import message from '../message';
+import notification from '../notification';
 import type { Theme } from './context';
 import {
   ConfigConsumer,
+  ConfigConsumerProps,
   ConfigContext,
   CSPConfig,
   DirectionType,
-  ConfigConsumerProps,
 } from './context';
+import { registerTheme } from './cssVariables';
+import { RenderEmptyHandler } from './defaultRenderEmpty';
+import { DisabledContextProvider } from './DisabledContext';
 import type { SizeType } from './SizeContext';
 import SizeContext, { SizeContextProvider } from './SizeContext';
-import message from '../message';
-import notification from '../notification';
-import type { RequiredMark } from '../form/Form';
-import { registerTheme } from './cssVariables';
-import defaultLocale from '../locale/default';
 
 export {
   RenderEmptyHandler,
@@ -76,6 +77,7 @@ export interface ConfigProviderProps {
     ghost: boolean;
   };
   componentSize?: SizeType;
+  componentDisabled?: boolean;
   direction?: DirectionType;
   space?: {
     size?: SizeType | number;
@@ -161,6 +163,7 @@ const ProviderChildren: React.FC<ProviderChildrenProps> = props => {
     legacyLocale,
     parentContext,
     iconPrefixCls,
+    componentDisabled,
   } = props;
 
   const getPrefixCls = React.useCallback(
@@ -250,6 +253,12 @@ const ProviderChildren: React.FC<ProviderChildrenProps> = props => {
     childNode = <SizeContextProvider size={componentSize}>{childNode}</SizeContextProvider>;
   }
 
+  if (componentDisabled !== undefined) {
+    childNode = (
+      <DisabledContextProvider disabled={componentDisabled}>{childNode}</DisabledContextProvider>
+    );
+  }
+
   return <ConfigContext.Provider value={memoedConfig}>{childNode}</ConfigContext.Provider>;
 };
 
diff --git a/components/config-provider/index.zh-CN.md b/components/config-provider/index.zh-CN.md
index f5efcda6d7..d202a4e6ec 100644
--- a/components/config-provider/index.zh-CN.md
+++ b/components/config-provider/index.zh-CN.md
@@ -40,6 +40,7 @@ export default () => (
 | 参数 | 说明 | 类型 | 默认值 | 版本 |
 | --- | --- | --- | --- | --- |
 | autoInsertSpaceInButton | 设置为 `false` 时，移除按钮中 2 个汉字之间的空格 | boolean | true |  |
+| componentDisabled | 设置 antd 组件禁用状态 | boolean | - |  |
 | componentSize | 设置 antd 组件大小 | `small` \| `middle` \| `large` | - |  |
 | csp | 设置 [Content Security Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP) 配置 | { nonce: string } | - |  |
 | direction | 设置文本展示方向。 [示例](#components-config-provider-demo-direction) | `ltr` \| `rtl` | `ltr` |  |