amis/__tests__/renderers/__snapshots__/calendar.test.tsx.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Renderer:calendar 1`] = `
<div>
  <div
    class="cxd-Page"
  >
    <div
      class="cxd-Page-content"
    >
      <div
        class="cxd-Page-main"
      >
        <div
          class="cxd-Page-body"
        >
          <div
            class="cxd-Form-item cxd-Form-item--normal"
            data-role="form-item"
          >
            <div
              class="cxd-DateControl cxd-Form-control"
            >
              <div
                class="cxd-DateCalendar cxd-ScheduleCalendar"
              >
                <div
                  class="rdt rdtStatic rdtOpen"
                >
                  <div
                    class="rdtPicker rdtPickerDate"
                  >
                    <div
                      class=""
                    >
                      <table
                        class=""
                      >
                        <thead>
                          <tr>
                            <th
                              colspan="7"
                            >
                              <div
                                class="rdtHeader"
                              >
                                <a
                                  class="rdtPrev"
                                >
                                  «
                                </a>
                                <a
                                  class="rdtPrev"
                                >
                                  ‹
                                </a>
                                <div
                                  class="rdtCenter"
                                >
                                  <a
                                    class="rdtSwitch"
                                  >
                                    2021年
                                  </a>
                                  <a
                                    class="rdtSwitch"
                                  >
                                    12月
                                  </a>
                                </div>
                                <a
                                  class="rdtNext"
                                >
                                  ›
                                </a>
                                <a
                                  class="rdtNext"
                                >
                                  »
                                </a>
                              </div>
                            </th>
                          </tr>
                          <tr>
                            <th
                              class="dow"
                            >
                              一
                            </th>
                            <th
                              class="dow"
                            >
                              二
                            </th>
                            <th
                              class="dow"
                            >
                              三
                            </th>
                            <th
                              class="dow"
                            >
                              四
                            </th>
                            <th
                              class="dow"
                            >
                              五
                            </th>
                            <th
                              class="dow"
                            >
                              六
                            </th>
                            <th
                              class="dow"
                            >
                              日
                            </th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td
                              class="rdtDay rdtOld"
                              data-value="29"
                            >
                              29
                            </td>
                            <td
                              class="rdtDay rdtOld"
                              data-value="30"
                            >
                              30
                            </td>
                            <td
                              class="rdtDay rdtActive"
                              data-value="1"
                            >
                              1
                            </td>
                            <td
                              class="rdtDay"
                              data-value="2"
                            >
                              2
                            </td>
                            <td
                              class="rdtDay"
                              data-value="3"
                            >
                              3
                            </td>
                            <td
                              class="rdtDay"
                              data-value="4"
                            >
                              4
                            </td>
                            <td
                              class="rdtDay"
                              data-value="5"
                            >
                              5
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay"
                              data-value="6"
                            >
                              6
                            </td>
                            <td
                              class="rdtDay"
                              data-value="7"
                            >
                              7
                            </td>
                            <td
                              class="rdtDay"
                              data-value="8"
                            >
                              8
                            </td>
                            <td
                              class="rdtDay"
                              data-value="9"
                            >
                              9
                            </td>
                            <td
                              class="rdtDay"
                              data-value="10"
                            >
                              10
                            </td>
                            <td
                              class="rdtDay"
                              data-value="11"
                            >
                              11
                              <span
                                class="cxd-ScheduleCalendar-icon bg-warning"
                              />
                            </td>
                            <td
                              class="rdtDay"
                              data-value="12"
                            >
                              12
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay"
                              data-value="13"
                            >
                              13
                            </td>
                            <td
                              class="rdtDay"
                              data-value="14"
                            >
                              14
                            </td>
                            <td
                              class="rdtDay"
                              data-value="15"
                            >
                              15
                            </td>
                            <td
                              class="rdtDay"
                              data-value="16"
                            >
                              16
                            </td>
                            <td
                              class="rdtDay"
                              data-value="17"
                            >
                              17
                            </td>
                            <td
                              class="rdtDay"
                              data-value="18"
                            >
                              18
                            </td>
                            <td
                              class="rdtDay"
                              data-value="19"
                            >
                              19
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay"
                              data-value="20"
                            >
                              20
                            </td>
                            <td
                              class="rdtDay"
                              data-value="21"
                            >
                              21
                              <span
                                class="cxd-ScheduleCalendar-icon bg-danger"
                              />
                            </td>
                            <td
                              class="rdtDay"
                              data-value="22"
                            >
                              22
                              <span
                                class="cxd-ScheduleCalendar-icon bg-danger"
                              />
                            </td>
                            <td
                              class="rdtDay"
                              data-value="23"
                            >
                              23
                            </td>
                            <td
                              class="rdtDay"
                              data-value="24"
                            >
                              24
                            </td>
                            <td
                              class="rdtDay"
                              data-value="25"
                            >
                              25
                            </td>
                            <td
                              class="rdtDay"
                              data-value="26"
                            >
                              26
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay"
                              data-value="27"
                            >
                              27
                            </td>
                            <td
                              class="rdtDay"
                              data-value="28"
                            >
                              28
                            </td>
                            <td
                              class="rdtDay"
                              data-value="29"
                            >
                              29
                            </td>
                            <td
                              class="rdtDay"
                              data-value="30"
                            >
                              30
                            </td>
                            <td
                              class="rdtDay"
                              data-value="31"
                            >
                              31
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="1"
                            >
                              1
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="2"
                            >
                              2
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay rdtNew"
                              data-value="3"
                            >
                              3
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="4"
                            >
                              4
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="5"
                            >
                              5
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="6"
                            >
                              6
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="7"
                            >
                              7
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="8"
                            >
                              8
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="9"
                            >
                              9
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <table />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`Renderer:calendar largeMode 1`] = `
<div>
  <div
    class="cxd-Page"
  >
    <div
      class="cxd-Page-content"
    >
      <div
        class="cxd-Page-main"
      >
        <div
          class="cxd-Page-body"
        >
          <div
            class="cxd-Form-item cxd-Form-item--normal"
            data-role="form-item"
          >
            <div
              class="cxd-DateControl cxd-Form-control"
            >
              <div
                class="cxd-DateCalendar cxd-ScheduleCalendar cxd-ScheduleCalendar-large"
              >
                <div
                  class="rdt rdtStatic rdtOpen"
                >
                  <div
                    class="rdtPicker rdtPickerDate"
                  >
                    <div
                      class=""
                    >
                      <table
                        class=""
                      >
                        <thead>
                          <tr>
                            <th
                              colspan="7"
                            >
                              <div
                                class="rdtHeader"
                              >
                                <a
                                  class="rdtPrev"
                                >
                                  «
                                </a>
                                <a
                                  class="rdtPrev"
                                >
                                  ‹
                                </a>
                                <div
                                  class="rdtCenter"
                                >
                                  <a
                                    class="rdtSwitch"
                                  >
                                    2021年
                                  </a>
                                  <a
                                    class="rdtSwitch"
                                  >
                                    12月
                                  </a>
                                </div>
                                <a
                                  class="rdtNext"
                                >
                                  ›
                                </a>
                                <a
                                  class="rdtNext"
                                >
                                  »
                                </a>
                              </div>
                            </th>
                          </tr>
                          <tr>
                            <th
                              class="dow"
                            >
                              一
                            </th>
                            <th
                              class="dow"
                            >
                              二
                            </th>
                            <th
                              class="dow"
                            >
                              三
                            </th>
                            <th
                              class="dow"
                            >
                              四
                            </th>
                            <th
                              class="dow"
                            >
                              五
                            </th>
                            <th
                              class="dow"
                            >
                              六
                            </th>
                            <th
                              class="dow"
                            >
                              日
                            </th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td
                              class="rdtDay rdtOld"
                              data-value="29"
                            >
                              29
                            </td>
                            <td
                              class="rdtDay rdtOld"
                              data-value="30"
                            >
                              30
                            </td>
                            <td
                              class="rdtDay rdtActive"
                              data-value="1"
                            >
                              1
                            </td>
                            <td
                              class="rdtDay"
                              data-value="2"
                            >
                              2
                            </td>
                            <td
                              class="rdtDay"
                              data-value="3"
                            >
                              3
                            </td>
                            <td
                              class="rdtDay"
                              data-value="4"
                            >
                              4
                            </td>
                            <td
                              class="rdtDay"
                              data-value="5"
                            >
                              5
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay"
                              data-value="6"
                            >
                              6
                            </td>
                            <td
                              class="rdtDay"
                              data-value="7"
                            >
                              7
                            </td>
                            <td
                              class="rdtDay"
                              data-value="8"
                            >
                              8
                            </td>
                            <td
                              class="rdtDay"
                              data-value="9"
                            >
                              9
                            </td>
                            <td
                              class="rdtDay"
                              data-value="10"
                            >
                              10
                            </td>
                            <td
                              class="rdtDay"
                              data-value="11"
                            >
                              <div
                                class="cxd-ScheduleCalendar-large-day-wrap"
                              >
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-header"
                                >
                                  11
                                </div>
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-content bg-warning"
                                  style="width: 100%;"
                                >
                                  <div
                                    class="cxd-ScheduleCalendar-text-overflow"
                                  >
                                    这是一个日程1
                                  </div>
                                </div>
                              </div>
                            </td>
                            <td
                              class="rdtDay"
                              data-value="12"
                            >
                              <div
                                class="cxd-ScheduleCalendar-large-day-wrap"
                              >
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-header"
                                >
                                  12
                                </div>
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-content bg-danger"
                                  style="width: 100%;"
                                >
                                  <div
                                    class="cxd-ScheduleCalendar-text-overflow"
                                  >
                                    这是一个日程2
                                  </div>
                                </div>
                              </div>
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay"
                              data-value="13"
                            >
                              <div
                                class="cxd-ScheduleCalendar-large-day-wrap"
                              >
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-header"
                                >
                                  13
                                </div>
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-content bg-danger"
                                  style="width: 100%;"
                                >
                                  <div
                                    class="cxd-ScheduleCalendar-text-overflow"
                                  >
                                    这是一个日程2
                                  </div>
                                </div>
                              </div>
                            </td>
                            <td
                              class="rdtDay"
                              data-value="14"
                            >
                              14
                            </td>
                            <td
                              class="rdtDay"
                              data-value="15"
                            >
                              15
                            </td>
                            <td
                              class="rdtDay"
                              data-value="16"
                            >
                              16
                            </td>
                            <td
                              class="rdtDay"
                              data-value="17"
                            >
                              17
                            </td>
                            <td
                              class="rdtDay"
                              data-value="18"
                            >
                              18
                            </td>
                            <td
                              class="rdtDay"
                              data-value="19"
                            >
                              19
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay"
                              data-value="20"
                            >
                              <div
                                class="cxd-ScheduleCalendar-large-day-wrap"
                              >
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-header"
                                >
                                  20
                                </div>
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-content bg-success"
                                  style="width: 200%;"
                                >
                                  <div
                                    class="cxd-ScheduleCalendar-text-overflow"
                                  >
                                    这是一个日程3
                                  </div>
                                </div>
                              </div>
                            </td>
                            <td
                              class="rdtDay"
                              data-value="21"
                            >
                              <div
                                class="cxd-ScheduleCalendar-large-day-wrap"
                              >
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-header"
                                >
                                  21
                                </div>
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-content bg-transparent"
                                  style="width: 100%;"
                                >
                                  <div
                                    class="cxd-ScheduleCalendar-text-overflow"
                                  />
                                </div>
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-content bg-info"
                                  style="width: 200%;"
                                >
                                  <div
                                    class="cxd-ScheduleCalendar-text-overflow"
                                  >
                                    这是一个日程4
                                  </div>
                                </div>
                              </div>
                            </td>
                            <td
                              class="rdtDay"
                              data-value="22"
                            >
                              <div
                                class="cxd-ScheduleCalendar-large-day-wrap"
                              >
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-header"
                                >
                                  22
                                </div>
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-content bg-secondary"
                                  style="width: 200%;"
                                >
                                  <div
                                    class="cxd-ScheduleCalendar-text-overflow"
                                  >
                                    这是一个日程5
                                  </div>
                                </div>
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-content bg-transparent"
                                  style="width: 100%;"
                                >
                                  <div
                                    class="cxd-ScheduleCalendar-text-overflow"
                                  />
                                </div>
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-content bg-warning"
                                  style="width: 100%;"
                                >
                                  <div
                                    class="cxd-ScheduleCalendar-text-overflow"
                                  >
                                    这是一个日程6
                                  </div>
                                </div>
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-footer"
                                >
                                  1
                                   
                                  more
                                </div>
                              </div>
                            </td>
                            <td
                              class="rdtDay"
                              data-value="23"
                            >
                              <div
                                class="cxd-ScheduleCalendar-large-day-wrap"
                              >
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-header"
                                >
                                  23
                                </div>
                                <div
                                  class="cxd-ScheduleCalendar-large-schedule-content bg-transparent"
                                  style="width: 100%;"
                                >
                                  <div
                                    class="cxd-ScheduleCalendar-text-overflow"
                                  />
                                </div>
                              </div>
                            </td>
                            <td
                              class="rdtDay"
                              data-value="24"
                            >
                              24
                            </td>
                            <td
                              class="rdtDay"
                              data-value="25"
                            >
                              25
                            </td>
                            <td
                              class="rdtDay"
                              data-value="26"
                            >
                              26
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay"
                              data-value="27"
                            >
                              27
                            </td>
                            <td
                              class="rdtDay"
                              data-value="28"
                            >
                              28
                            </td>
                            <td
                              class="rdtDay"
                              data-value="29"
                            >
                              29
                            </td>
                            <td
                              class="rdtDay"
                              data-value="30"
                            >
                              30
                            </td>
                            <td
                              class="rdtDay"
                              data-value="31"
                            >
                              31
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="1"
                            >
                              1
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="2"
                            >
                              2
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay rdtNew"
                              data-value="3"
                            >
                              3
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="4"
                            >
                              4
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="5"
                            >
                              5
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="6"
                            >
                              6
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="7"
                            >
                              7
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="8"
                            >
                              8
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="9"
                            >
                              9
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <table />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`Renderer:calendar scheduleAction 1`] = `
<div>
  <div
    class="cxd-Page"
  >
    <div
      class="cxd-Page-content"
    >
      <div
        class="cxd-Page-main"
      >
        <div
          class="cxd-Page-body"
        >
          <div
            class="cxd-Form-item cxd-Form-item--normal"
            data-role="form-item"
          >
            <div
              class="cxd-DateControl cxd-Form-control"
            >
              <div
                class="cxd-DateCalendar cxd-ScheduleCalendar"
              >
                <div
                  class="rdt rdtStatic rdtOpen"
                >
                  <div
                    class="rdtPicker rdtPickerDate"
                  >
                    <div
                      class=""
                    >
                      <table
                        class=""
                      >
                        <thead>
                          <tr>
                            <th
                              colspan="7"
                            >
                              <div
                                class="rdtHeader"
                              >
                                <a
                                  class="rdtPrev"
                                >
                                  «
                                </a>
                                <a
                                  class="rdtPrev"
                                >
                                  ‹
                                </a>
                                <div
                                  class="rdtCenter"
                                >
                                  <a
                                    class="rdtSwitch"
                                  >
                                    2021年
                                  </a>
                                  <a
                                    class="rdtSwitch"
                                  >
                                    12月
                                  </a>
                                </div>
                                <a
                                  class="rdtNext"
                                >
                                  ›
                                </a>
                                <a
                                  class="rdtNext"
                                >
                                  »
                                </a>
                              </div>
                            </th>
                          </tr>
                          <tr>
                            <th
                              class="dow"
                            >
                              一
                            </th>
                            <th
                              class="dow"
                            >
                              二
                            </th>
                            <th
                              class="dow"
                            >
                              三
                            </th>
                            <th
                              class="dow"
                            >
                              四
                            </th>
                            <th
                              class="dow"
                            >
                              五
                            </th>
                            <th
                              class="dow"
                            >
                              六
                            </th>
                            <th
                              class="dow"
                            >
                              日
                            </th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td
                              class="rdtDay rdtOld"
                              data-value="29"
                            >
                              29
                            </td>
                            <td
                              class="rdtDay rdtOld"
                              data-value="30"
                            >
                              30
                            </td>
                            <td
                              class="rdtDay rdtActive"
                              data-value="1"
                            >
                              1
                            </td>
                            <td
                              class="rdtDay"
                              data-value="2"
                            >
                              2
                            </td>
                            <td
                              class="rdtDay"
                              data-value="3"
                            >
                              3
                            </td>
                            <td
                              class="rdtDay"
                              data-value="4"
                            >
                              4
                            </td>
                            <td
                              class="rdtDay"
                              data-value="5"
                            >
                              5
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay"
                              data-value="6"
                            >
                              6
                            </td>
                            <td
                              class="rdtDay"
                              data-value="7"
                            >
                              7
                            </td>
                            <td
                              class="rdtDay"
                              data-value="8"
                            >
                              8
                            </td>
                            <td
                              class="rdtDay"
                              data-value="9"
                            >
                              9
                            </td>
                            <td
                              class="rdtDay"
                              data-value="10"
                            >
                              10
                            </td>
                            <td
                              class="rdtDay"
                              data-value="11"
                            >
                              11
                              <span
                                class="cxd-ScheduleCalendar-icon bg-warning"
                              />
                            </td>
                            <td
                              class="rdtDay"
                              data-value="12"
                            >
                              12
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay"
                              data-value="13"
                            >
                              13
                            </td>
                            <td
                              class="rdtDay"
                              data-value="14"
                            >
                              14
                            </td>
                            <td
                              class="rdtDay"
                              data-value="15"
                            >
                              15
                            </td>
                            <td
                              class="rdtDay"
                              data-value="16"
                            >
                              16
                            </td>
                            <td
                              class="rdtDay"
                              data-value="17"
                            >
                              17
                            </td>
                            <td
                              class="rdtDay"
                              data-value="18"
                            >
                              18
                            </td>
                            <td
                              class="rdtDay"
                              data-value="19"
                            >
                              19
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay"
                              data-value="20"
                            >
                              20
                            </td>
                            <td
                              class="rdtDay"
                              data-value="21"
                            >
                              21
                              <span
                                class="cxd-ScheduleCalendar-icon bg-danger"
                              />
                            </td>
                            <td
                              class="rdtDay"
                              data-value="22"
                            >
                              22
                              <span
                                class="cxd-ScheduleCalendar-icon bg-danger"
                              />
                            </td>
                            <td
                              class="rdtDay"
                              data-value="23"
                            >
                              23
                            </td>
                            <td
                              class="rdtDay"
                              data-value="24"
                            >
                              24
                            </td>
                            <td
                              class="rdtDay"
                              data-value="25"
                            >
                              25
                            </td>
                            <td
                              class="rdtDay"
                              data-value="26"
                            >
                              26
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay"
                              data-value="27"
                            >
                              27
                            </td>
                            <td
                              class="rdtDay"
                              data-value="28"
                            >
                              28
                            </td>
                            <td
                              class="rdtDay"
                              data-value="29"
                            >
                              29
                            </td>
                            <td
                              class="rdtDay"
                              data-value="30"
                            >
                              30
                            </td>
                            <td
                              class="rdtDay"
                              data-value="31"
                            >
                              31
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="1"
                            >
                              1
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="2"
                            >
                              2
                            </td>
                          </tr>
                          <tr>
                            <td
                              class="rdtDay rdtNew"
                              data-value="3"
                            >
                              3
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="4"
                            >
                              4
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="5"
                            >
                              5
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="6"
                            >
                              6
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="7"
                            >
                              7
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="8"
                            >
                              8
                            </td>
                            <td
                              class="rdtDay rdtNew"
                              data-value="9"
                            >
                              9
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <table />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;