子表关联表-导出

+.fr-container {
+  /* Resets */
+  /*
+    This will set table to full width and then
+    all cells will be equal width
+  */
+  /* 1. Fix for Chrome 44 bug.
+    * https://code.google.com/p/chromium/issues/detail?id=506893 */
+  /* Height Percentages - Based off of height of parent */
+  /* Screen Height Percentage */
+  /* String Properties */
+  /* Max Width Percentages */
+  /* Max Width Scale */
+  /* Max Width String Properties */
+}
+.fr-container .outline {
+  outline: 1px solid;
+}
+.fr-container .outline-transparent {
+  outline: 1px solid transparent;
+}
+.fr-container .outline-0 {
+  outline: 0;
+}
+.fr-container .ba {
+  border-style: solid;
+  border-width: 1px;
+}
+.fr-container .bt {
+  border-top-style: solid;
+  border-top-width: 1px;
+}
+.fr-container .br {
+  border-right-style: solid;
+  border-right-width: 1px;
+}
+.fr-container .bb {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.fr-container .bl {
+  border-left-style: solid;
+  border-left-width: 1px;
+}
+.fr-container .bn {
+  border-style: none;
+  border-width: 0;
+}
+.fr-container .br0 {
+  border-radius: 0;
+}
+.fr-container .br1 {
+  border-radius: 0.125rem;
+}
+.fr-container .br2 {
+  border-radius: 0.25rem;
+}
+.fr-container .br3 {
+  border-radius: 0.5rem;
+}
+.fr-container .br4 {
+  border-radius: 1rem;
+}
+.fr-container .br-100 {
+  border-radius: 100%;
+}
+.fr-container .br-pill {
+  border-radius: 9999px;
+}
+.fr-container .br--bottom {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.fr-container .br--top {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.fr-container .br--right {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.fr-container .br--left {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.fr-container .b--dotted {
+  border-style: dotted;
+}
+.fr-container .b--dashed {
+  border-style: dashed;
+}
+.fr-container .b--solid {
+  border-style: solid;
+}
+.fr-container .b--none {
+  border-style: none;
+}
+.fr-container .b--black-10 {
+  border-color: rgba(0, 0, 0, 0.1);
+}
+.fr-container .b--black-20 {
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.fr-container .b--black-30 {
+  border-color: rgba(0, 0, 0, 0.3);
+}
+.fr-container .bw0 {
+  border-width: 0;
+}
+.fr-container .bw1 {
+  border-width: 0.125rem;
+}
+.fr-container .bw2 {
+  border-width: 0.25rem;
+}
+.fr-container .bw3 {
+  border-width: 0.5rem;
+}
+.fr-container .bw4 {
+  border-width: 1rem;
+}
+.fr-container .bw5 {
+  border-width: 2rem;
+}
+.fr-container .bt-0 {
+  border-top-width: 0;
+}
+.fr-container .br-0 {
+  border-right-width: 0;
+}
+.fr-container .bb-0 {
+  border-bottom-width: 0;
+}
+.fr-container .bl-0 {
+  border-left-width: 0;
+}
+.fr-container .shadow-1 {
+  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
+}
+.fr-container .shadow-2 {
+  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
+}
+.fr-container .shadow-3 {
+  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
+}
+.fr-container .shadow-4 {
+  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
+}
+.fr-container .shadow-5 {
+  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
+}
+.fr-container .top-0 {
+  top: 0;
+}
+.fr-container .right-0 {
+  right: 0;
+}
+.fr-container .bottom-0 {
+  bottom: 0;
+}
+.fr-container .left-0 {
+  left: 0;
+}
+.fr-container .top-1 {
+  top: 1rem;
+}
+.fr-container .right-1 {
+  right: 1rem;
+}
+.fr-container .bottom-1 {
+  bottom: 1rem;
+}
+.fr-container .left-1 {
+  left: 1rem;
+}
+.fr-container .top-2 {
+  top: 2rem;
+}
+.fr-container .right-2 {
+  right: 2rem;
+}
+.fr-container .bottom-2 {
+  bottom: 2rem;
+}
+.fr-container .left-2 {
+  left: 2rem;
+}
+.fr-container .top--1 {
+  top: -1rem;
+}
+.fr-container .right--1 {
+  right: -1rem;
+}
+.fr-container .bottom--1 {
+  bottom: -1rem;
+}
+.fr-container .left--1 {
+  left: -1rem;
+}
+.fr-container .top--2 {
+  top: -2rem;
+}
+.fr-container .right--2 {
+  right: -2rem;
+}
+.fr-container .bottom--2 {
+  bottom: -2rem;
+}
+.fr-container .left--2 {
+  left: -2rem;
+}
+.fr-container .absolute--fill {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.fr-container .dn {
+  display: none;
+}
+.fr-container .di {
+  display: inline;
+}
+.fr-container .db {
+  display: block;
+}
+.fr-container .dib {
+  display: inline-block;
+}
+.fr-container .dit {
+  display: inline-table;
+}
+.fr-container .dt {
+  display: table;
+}
+.fr-container .dtc {
+  display: table-cell;
+}
+.fr-container .dt-row {
+  display: table-row;
+}
+.fr-container .dt-row-group {
+  display: table-row-group;
+}
+.fr-container .dt-column {
+  display: table-column;
+}
+.fr-container .dt-column-group {
+  display: table-column-group;
+}
+.fr-container .dt--fixed {
+  table-layout: fixed;
+  width: 100%;
+}
+.fr-container .flex {
+  display: flex;
+}
+.fr-container .inline-flex {
+  display: inline-flex;
+}
+.fr-container .flex-auto {
+  flex: 1 1 auto;
+  min-width: 0;
+  /* 1 */
+  min-height: 0;
+  /* 1 */
+}
+.fr-container .flex-none {
+  flex: none;
+}
+.fr-container .flex-column {
+  flex-direction: column;
+}
+.fr-container .flex-row {
+  flex-direction: row;
+}
+.fr-container .flex-wrap {
+  flex-wrap: wrap;
+}
+.fr-container .flex-nowrap {
+  flex-wrap: nowrap;
+}
+.fr-container .flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+.fr-container .flex-column-reverse {
+  flex-direction: column-reverse;
+}
+.fr-container .flex-row-reverse {
+  flex-direction: row-reverse;
+}
+.fr-container .items-start {
+  align-items: flex-start;
+}
+.fr-container .items-end {
+  align-items: flex-end;
+}
+.fr-container .items-center {
+  align-items: center;
+}
+.fr-container .items-baseline {
+  align-items: baseline;
+}
+.fr-container .items-stretch {
+  align-items: stretch;
+}
+.fr-container .self-start {
+  align-self: flex-start;
+}
+.fr-container .self-end {
+  align-self: flex-end;
+}
+.fr-container .self-center {
+  align-self: center;
+}
+.fr-container .self-baseline {
+  align-self: baseline;
+}
+.fr-container .self-stretch {
+  align-self: stretch;
+}
+.fr-container .justify-start {
+  justify-content: flex-start;
+}
+.fr-container .justify-end {
+  justify-content: flex-end;
+}
+.fr-container .justify-center {
+  justify-content: center;
+}
+.fr-container .justify-between {
+  justify-content: space-between;
+}
+.fr-container .justify-around {
+  justify-content: space-around;
+}
+.fr-container .content-start {
+  align-content: flex-start;
+}
+.fr-container .content-end {
+  align-content: flex-end;
+}
+.fr-container .content-center {
+  align-content: center;
+}
+.fr-container .content-between {
+  align-content: space-between;
+}
+.fr-container .content-around {
+  align-content: space-around;
+}
+.fr-container .content-stretch {
+  align-content: stretch;
+}
+.fr-container .order-0 {
+  order: 0;
+}
+.fr-container .order-1 {
+  order: 1;
+}
+.fr-container .order-2 {
+  order: 2;
+}
+.fr-container .order-3 {
+  order: 3;
+}
+.fr-container .order-4 {
+  order: 4;
+}
+.fr-container .order-5 {
+  order: 5;
+}
+.fr-container .order-6 {
+  order: 6;
+}
+.fr-container .order-7 {
+  order: 7;
+}
+.fr-container .order-8 {
+  order: 8;
+}
+.fr-container .order-last {
+  order: 99999;
+}
+.fr-container .flex-grow-0 {
+  flex-grow: 0;
+}
+.fr-container .flex-grow-1 {
+  flex-grow: 1;
+}
+.fr-container .flex-shrink-0 {
+  flex-shrink: 0;
+}
+.fr-container .flex-shrink-1 {
+  flex-shrink: 1;
+}
+.fr-container .fw1 {
+  font-weight: 100;
+}
+.fr-container .fw2 {
+  font-weight: 200;
+}
+.fr-container .fw3 {
+  font-weight: 300;
+}
+.fr-container .fw4 {
+  font-weight: 400;
+}
+.fr-container .fw5 {
+  font-weight: 500;
+}
+.fr-container .fw6 {
+  font-weight: 600;
+}
+.fr-container .fw7 {
+  font-weight: 700;
+}
+.fr-container .fw8 {
+  font-weight: 800;
+}
+.fr-container .fw9 {
+  font-weight: 900;
+}
+.fr-container .h1 {
+  height: 1rem;
+}
+.fr-container .h2 {
+  height: 2rem;
+}
+.fr-container .h3 {
+  height: 4rem;
+}
+.fr-container .h4 {
+  height: 8rem;
+}
+.fr-container .h5 {
+  height: 16rem;
+}
+.fr-container .h-25 {
+  height: 25%;
+}
+.fr-container .h-50 {
+  height: 50%;
+}
+.fr-container .h-75 {
+  height: 75%;
+}
+.fr-container .h-100 {
+  height: 100%;
+}
+.fr-container .min-h-100 {
+  min-height: 100%;
+}
+.fr-container .vh-25 {
+  height: 25vh;
+}
+.fr-container .vh-50 {
+  height: 50vh;
+}
+.fr-container .vh-75 {
+  height: 75vh;
+}
+.fr-container .vh-100 {
+  height: 100vh;
+}
+.fr-container .min-vh-100 {
+  min-height: 100vh;
+}
+.fr-container .h-auto {
+  height: auto;
+}
+.fr-container .h-inherit {
+  height: inherit;
+}
+.fr-container .tracked {
+  letter-spacing: 0.1em;
+}
+.fr-container .tracked-tight {
+  letter-spacing: -0.05em;
+}
+.fr-container .tracked-mega {
+  letter-spacing: 0.25em;
+}
+.fr-container .lh-solid {
+  line-height: 1;
+}
+.fr-container .lh-title {
+  line-height: 1.25;
+}
+.fr-container .lh-copy {
+  line-height: 1.5;
+}
+.fr-container .mw-100 {
+  max-width: 100%;
+}
+.fr-container .mw1 {
+  max-width: 1rem;
+}
+.fr-container .mw2 {
+  max-width: 2rem;
+}
+.fr-container .mw3 {
+  max-width: 4rem;
+}
+.fr-container .mw4 {
+  max-width: 8rem;
+}
+.fr-container .mw5 {
+  max-width: 16rem;
+}
+.fr-container .mw6 {
+  max-width: 32rem;
+}
+.fr-container .mw7 {
+  max-width: 48rem;
+}
+.fr-container .mw8 {
+  max-width: 64rem;
+}
+.fr-container .mw9 {
+  max-width: 96rem;
+}
+.fr-container .mw-none {
+  max-width: none;
+}
+.fr-container .w1 {
+  width: 1rem;
+}
+.fr-container .w2 {
+  width: 2rem;
+}
+.fr-container .w3 {
+  width: 4rem;
+}
+.fr-container .w4 {
+  width: 8rem;
+}
+.fr-container .w5 {
+  width: 16rem;
+}
+.fr-container .w-10 {
+  width: 10%;
+}
+.fr-container .w-20 {
+  width: 20%;
+}
+.fr-container .w-25 {
+  width: 25%;
+}
+.fr-container .w-30 {
+  width: 30%;
+}
+.fr-container .w-33 {
+  width: 33%;
+}
+.fr-container .w-34 {
+  width: 34%;
+}
+.fr-container .w-40 {
+  width: 40%;
+}
+.fr-container .w-50 {
+  width: 50%;
+}
+.fr-container .w-60 {
+  width: 60%;
+}
+.fr-container .w-70 {
+  width: 70%;
+}
+.fr-container .w-75 {
+  width: 75%;
+}
+.fr-container .w-80 {
+  width: 80%;
+}
+.fr-container .w-90 {
+  width: 90%;
+}
+.fr-container .w-100 {
+  width: 100%;
+}
+.fr-container .w-third {
+  width: calc(100% / 3);
+}
+.fr-container .w-two-thirds {
+  width: calc(100% / 1.5);
+}
+.fr-container .w-auto {
+  width: auto;
+}
+.fr-container .tl {
+  text-align: left;
+}
+.fr-container .tr {
+  text-align: right;
+}
+.fr-container .tc {
+  text-align: center;
+}
+.fr-container .tj {
+  text-align: justify;
+}
+.fr-container .overflow-visible {
+  overflow: visible;
+}
+.fr-container .overflow-hidden {
+  overflow: hidden;
+}
+.fr-container .overflow-scroll {
+  overflow: scroll;
+}
+.fr-container .overflow-auto {
+  overflow: auto;
+}
+.fr-container .overflow-x-visible {
+  overflow-x: visible;
+}
+.fr-container .overflow-x-hidden {
+  overflow-x: hidden;
+}
+.fr-container .overflow-x-scroll {
+  overflow-x: scroll;
+}
+.fr-container .overflow-x-auto {
+  overflow-x: auto;
+}
+.fr-container .overflow-y-visible {
+  overflow-y: visible;
+}
+.fr-container .overflow-y-hidden {
+  overflow-y: hidden;
+}
+.fr-container .overflow-y-scroll {
+  overflow-y: scroll;
+}
+.fr-container .overflow-y-auto {
+  overflow-y: auto;
+}
+.fr-container .static {
+  position: static;
+}
+.fr-container .relative {
+  position: relative;
+}
+.fr-container .absolute {
+  position: absolute;
+}
+.fr-container .fixed {
+  position: fixed;
+}
+.fr-container .o-100 {
+  opacity: 1;
+}
+.fr-container .o-90 {
+  opacity: 0.9;
+}
+.fr-container .o-80 {
+  opacity: 0.8;
+}
+.fr-container .o-70 {
+  opacity: 0.7;
+}
+.fr-container .o-60 {
+  opacity: 0.6;
+}
+.fr-container .o-50 {
+  opacity: 0.5;
+}
+.fr-container .o-40 {
+  opacity: 0.4;
+}
+.fr-container .o-30 {
+  opacity: 0.3;
+}
+.fr-container .o-20 {
+  opacity: 0.2;
+}
+.fr-container .o-10 {
+  opacity: 0.1;
+}
+.fr-container .o-05 {
+  opacity: 0.05;
+}
+.fr-container .o-025 {
+  opacity: 0.025;
+}
+.fr-container .o-0 {
+  opacity: 0;
+}
+.fr-container .pa0 {
+  padding: 0;
+}
+.fr-container .pa1 {
+  padding: 0.25rem;
+}
+.fr-container .pa2 {
+  padding: 0.5rem;
+}
+.fr-container .pa3 {
+  padding: 1rem;
+}
+.fr-container .pa4 {
+  padding: 2rem;
+}
+.fr-container .pa5 {
+  padding: 4rem;
+}
+.fr-container .pa6 {
+  padding: 8rem;
+}
+.fr-container .pa7 {
+  padding: 16rem;
+}
+.fr-container .pl0 {
+  padding-left: 0;
+}
+.fr-container .pl1 {
+  padding-left: 0.25rem;
+}
+.fr-container .pl2 {
+  padding-left: 0.5rem;
+}
+.fr-container .pl3 {
+  padding-left: 1rem;
+}
+.fr-container .pl4 {
+  padding-left: 2rem;
+}
+.fr-container .pl5 {
+  padding-left: 4rem;
+}
+.fr-container .pl6 {
+  padding-left: 8rem;
+}
+.fr-container .pl7 {
+  padding-left: 16rem;
+}
+.fr-container .pr0 {
+  padding-right: 0;
+}
+.fr-container .pr1 {
+  padding-right: 0.25rem;
+}
+.fr-container .pr2 {
+  padding-right: 0.5rem;
+}
+.fr-container .pr3 {
+  padding-right: 1rem;
+}
+.fr-container .pr4 {
+  padding-right: 2rem;
+}
+.fr-container .pr5 {
+  padding-right: 4rem;
+}
+.fr-container .pr6 {
+  padding-right: 8rem;
+}
+.fr-container .pr7 {
+  padding-right: 16rem;
+}
+.fr-container .pb0 {
+  padding-bottom: 0;
+}
+.fr-container .pb1 {
+  padding-bottom: 0.25rem;
+}
+.fr-container .pb2 {
+  padding-bottom: 0.5rem;
+}
+.fr-container .pb3 {
+  padding-bottom: 1rem;
+}
+.fr-container .pb4 {
+  padding-bottom: 2rem;
+}
+.fr-container .pb5 {
+  padding-bottom: 4rem;
+}
+.fr-container .pb6 {
+  padding-bottom: 8rem;
+}
+.fr-container .pb7 {
+  padding-bottom: 16rem;
+}
+.fr-container .pt0 {
+  padding-top: 0;
+}
+.fr-container .pt1 {
+  padding-top: 0.25rem;
+}
+.fr-container .pt2 {
+  padding-top: 0.5rem;
+}
+.fr-container .pt3 {
+  padding-top: 1rem;
+}
+.fr-container .pt4 {
+  padding-top: 2rem;
+}
+.fr-container .pt5 {
+  padding-top: 4rem;
+}
+.fr-container .pt6 {
+  padding-top: 8rem;
+}
+.fr-container .pt7 {
+  padding-top: 16rem;
+}
+.fr-container .pv0 {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.fr-container .pv1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.fr-container .pv2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.fr-container .pv3 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.fr-container .pv4 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+.fr-container .pv5 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+.fr-container .pv6 {
+  padding-top: 8rem;
+  padding-bottom: 8rem;
+}
+.fr-container .pv7 {
+  padding-top: 16rem;
+  padding-bottom: 16rem;
+}
+.fr-container .ph0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+.fr-container .ph1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+.fr-container .ph2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.fr-container .ph3 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.fr-container .ph4 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+.fr-container .ph5 {
+  padding-left: 4rem;
+  padding-right: 4rem;
+}
+.fr-container .ph6 {
+  padding-left: 8rem;
+  padding-right: 8rem;
+}
+.fr-container .ph7 {
+  padding-left: 16rem;
+  padding-right: 16rem;
+}
+.fr-container .ma1 {
+  margin: 0.25rem;
+}
+.fr-container .ma2 {
+  margin: 0.5rem;
+}
+.fr-container .ma3 {
+  margin: 1rem;
+}
+.fr-container .ma4 {
+  margin: 2rem;
+}
+.fr-container .ma5 {
+  margin: 4rem;
+}
+.fr-container .ma6 {
+  margin: 8rem;
+}
+.fr-container .ma7 {
+  margin: 16rem;
+}
+.fr-container .ma0 {
+  margin: 0;
+}
+.fr-container .ml1 {
+  margin-left: 0.25rem;
+}
+.fr-container .ml2 {
+  margin-left: 0.5rem;
+}
+.fr-container .ml3 {
+  margin-left: 1rem;
+}
+.fr-container .ml4 {
+  margin-left: 2rem;
+}
+.fr-container .ml5 {
+  margin-left: 4rem;
+}
+.fr-container .ml6 {
+  margin-left: 8rem;
+}
+.fr-container .ml7 {
+  margin-left: 16rem;
+}
+.fr-container .ml0 {
+  margin-left: 0;
+}
+.fr-container .mr1 {
+  margin-right: 0.25rem;
+}
+.fr-container .mr2 {
+  margin-right: 0.5rem;
+}
+.fr-container .mr3 {
+  margin-right: 1rem;
+}
+.fr-container .mr4 {
+  margin-right: 2rem;
+}
+.fr-container .mr5 {
+  margin-right: 4rem;
+}
+.fr-container .mr6 {
+  margin-right: 8rem;
+}
+.fr-container .mr7 {
+  margin-right: 16rem;
+}
+.fr-container .mr0 {
+  margin-right: 0;
+}
+.fr-container .mb1 {
+  margin-bottom: 0.25rem;
+}
+.fr-container .mb2 {
+  margin-bottom: 0.5rem;
+}
+.fr-container .mb3 {
+  margin-bottom: 1rem;
+}
+.fr-container .mb4 {
+  margin-bottom: 2rem;
+}
+.fr-container .mb5 {
+  margin-bottom: 4rem;
+}
+.fr-container .mb6 {
+  margin-bottom: 8rem;
+}
+.fr-container .mb7 {
+  margin-bottom: 16rem;
+}
+.fr-container .mb0 {
+  margin-bottom: 0;
+}
+.fr-container .mt1 {
+  margin-top: 0.25rem;
+}
+.fr-container .mt2 {
+  margin-top: 0.5rem;
+}
+.fr-container .mt3 {
+  margin-top: 1rem;
+}
+.fr-container .mt4 {
+  margin-top: 2rem;
+}
+.fr-container .mt5 {
+  margin-top: 4rem;
+}
+.fr-container .mt6 {
+  margin-top: 8rem;
+}
+.fr-container .mt7 {
+  margin-top: 16rem;
+}
+.fr-container .mt0 {
+  margin-top: 0;
+}
+.fr-container .mv1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+.fr-container .mv2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.fr-container .mv3 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+.fr-container .mv4 {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+.fr-container .mv5 {
+  margin-top: 4rem;
+  margin-bottom: 4rem;
+}
+.fr-container .mv6 {
+  margin-top: 8rem;
+  margin-bottom: 8rem;
+}
+.fr-container .mv7 {
+  margin-top: 16rem;
+  margin-bottom: 16rem;
+}
+.fr-container .mv0 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.fr-container .mh1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+.fr-container .mh2 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+.fr-container .mh3 {
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+.fr-container .mh4 {
+  margin-left: 2rem;
+  margin-right: 2rem;
+}
+.fr-container .mh5 {
+  margin-left: 4rem;
+  margin-right: 4rem;
+}
+.fr-container .mh6 {
+  margin-left: 8rem;
+  margin-right: 8rem;
+}
+.fr-container .mh7 {
+  margin-left: 16rem;
+  margin-right: 16rem;
+}
+.fr-container .mh0 {
+  margin-left: 0;
+  margin-right: 0;
+}
+.fr-container .debug * {
+  outline: 1px solid gold;
+}
+.fr-container .debug-white * {
+  outline: 1px solid white;
+}
+.fr-container .debug-black * {
+  outline: 1px solid black;
+}
+.fr-container .debug-grid {
+  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left;
+}
+.fr-container .truncate {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.fr-container .bg-white {
+  background-color: #fff;
+}
+.fr-container .pointer:hover {
+  cursor: pointer;
+}
+.fr-container .link {
+  color: #1890ff;
+  font-size: 14px;
+}
+.fr-container .link:hover {
+  color: #40a9ff;
+  font-size: 14px;
+}

+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { forwardRef } from 'react';
+import useForm from './useForm';
+
+var connectForm = function connectForm(Component) {
+  return /*#__PURE__*/forwardRef(function (props, ref) {
+    var form = useForm();
+    return /*#__PURE__*/React.createElement(Component, _extends({
+      ref: ref
+    }, props, {
+      form: form
+    }));
+  });
+};
+
+export default connectForm;

+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import _ArrowDownOutlined from "@ant-design/icons/es/icons/ArrowDownOutlined";
+import _ArrowUpOutlined from "@ant-design/icons/es/icons/ArrowUpOutlined";
+import _CopyOutlined from "@ant-design/icons/es/icons/CopyOutlined";
+import "antd/es/popconfirm/style";
+import _Popconfirm from "antd/es/popconfirm";
+import _DeleteOutlined from "@ant-design/icons/es/icons/DeleteOutlined";
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+/* eslint-disable jsx-a11y/anchor-is-valid */
+import React from 'react';
+import Core from '../../index';
+
+var CardList = function CardList(_ref) {
+  var _ref$displayList = _ref.displayList,
+      displayList = _ref$displayList === void 0 ? [] : _ref$displayList,
+      listData = _ref.listData,
+      changeList = _ref.changeList,
+      schema = _ref.schema,
+      deleteItem = _ref.deleteItem,
+      copyItem = _ref.copyItem,
+      addItem = _ref.addItem,
+      moveItemUp = _ref.moveItemUp,
+      moveItemDown = _ref.moveItemDown,
+      displayType = _ref.displayType,
+      getFieldsProps = _ref.getFieldsProps;
+  var _schema$props = schema.props,
+      props = _schema$props === void 0 ? {} : _schema$props,
+      itemProps = schema.itemProps;
+  var addBtnProps = {
+    type: 'dashed',
+    children: '新增一条'
+  };
+
+  if (props.addBtnProps && _typeof(props.addBtnProps) === 'object') {
+    addBtnProps = _objectSpread(_objectSpread({}, addBtnProps), props.addBtnProps);
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "fr-card-list"
+  }, displayList.map(function (item, idx) {
+    var fieldsProps = getFieldsProps(idx);
+    fieldsProps.displayType = displayType;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "fr-card-item ".concat(displayType === 'row' ? 'fr-card-item-row' : ''),
+      key: idx
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "fr-card-index"
+    }, idx + 1), /*#__PURE__*/React.createElement(Core, fieldsProps), /*#__PURE__*/React.createElement(_Space, {
+      direction: "horizontal",
+      className: "fr-card-toolbar"
+    }, !props.hideDelete && /*#__PURE__*/React.createElement(_Popconfirm, {
+      title: "\u786E\u5B9A\u5220\u9664?",
+      onConfirm: function onConfirm() {
+        return deleteItem(idx);
+      },
+      okText: "\u786E\u5B9A",
+      cancelText: "\u53D6\u6D88"
+    }, /*#__PURE__*/React.createElement(_DeleteOutlined, {
+      style: {
+        fontSize: 17,
+        marginLeft: 8
+      }
+    })), !props.hideAdd && !props.hideCopy && /*#__PURE__*/React.createElement(_CopyOutlined, {
+      style: {
+        fontSize: 16,
+        marginLeft: 8
+      },
+      onClick: function onClick() {
+        return copyItem(idx);
+      }
+    }), !props.hideMove && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ArrowUpOutlined, {
+      style: {
+        fontSize: 16,
+        marginLeft: 4
+      },
+      onClick: function onClick() {
+        return moveItemUp(idx);
+      }
+    }), /*#__PURE__*/React.createElement(_ArrowDownOutlined, {
+      style: {
+        fontSize: 16,
+        marginLeft: 4
+      },
+      onClick: function onClick() {
+        return moveItemDown(idx);
+      }
+    }))));
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: displayList.length > 0 ? 0 : 8
+    }
+  }, !props.hideAdd && /*#__PURE__*/React.createElement(_Button, _extends({
+    onClick: addItem
+  }, addBtnProps)), Array.isArray(props.buttons) ? props.buttons.map(function (item, idx) {
+    var callback = item.callback,
+        text = item.text,
+        html = item.html;
+
+    var onClick = function onClick() {
+      console.log({
+        value: listData,
+        onChange: changeList,
+        schema: schema
+      });
+    };
+
+    if (typeof window[callback] === 'function') {
+      onClick = function onClick() {
+        window[callback]({
+          value: listData,
+          onChange: changeList,
+          schema: schema
+        });
+      };
+    }
+
+    return /*#__PURE__*/React.createElement(_Button, {
+      key: idx.toString(),
+      style: {
+        marginLeft: 8
+      },
+      type: "dashed",
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: html || text
+      }
+    }));
+  }) : null));
+};
+
+export default CardList;

+import "antd/es/table/style";
+import _Table from "antd/es/table";
+import "antd/es/drawer/style";
+import _Drawer from "antd/es/drawer";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import _ArrowDownOutlined from "@ant-design/icons/es/icons/ArrowDownOutlined";
+import _ArrowUpOutlined from "@ant-design/icons/es/icons/ArrowUpOutlined";
+import "antd/es/popconfirm/style";
+import _Popconfirm from "antd/es/popconfirm";
+var _excluded = ["buttons"],
+    _excluded2 = ["pagination"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+/* eslint-disable jsx-a11y/anchor-is-valid */
+import React, { useRef } from 'react';
+import Core from '../../index';
+import { useSet } from '../../../hooks';
+import { getDataPath, getKeyFromPath, getDisplayValue } from '../../../utils';
+import ErrorMessage from '../../RenderField/ErrorMessage';
+var FIELD_LENGTH = 170;
+
+var DrawerList = function DrawerList(_ref) {
+  var _extends2;
+
+  var _ref$displayList = _ref.displayList,
+      displayList = _ref$displayList === void 0 ? [] : _ref$displayList,
+      dataPath = _ref.dataPath,
+      children = _ref.children,
+      deleteItem = _ref.deleteItem,
+      addItem = _ref.addItem,
+      moveItemDown = _ref.moveItemDown,
+      moveItemUp = _ref.moveItemUp,
+      flatten = _ref.flatten,
+      errorFields = _ref.errorFields,
+      getFieldsProps = _ref.getFieldsProps,
+      schema = _ref.schema,
+      changeList = _ref.changeList,
+      listData = _ref.listData;
+  var _schema$props = schema.props,
+      props = _schema$props === void 0 ? {} : _schema$props,
+      _schema$itemProps = schema.itemProps,
+      itemProps = _schema$itemProps === void 0 ? {} : _schema$itemProps;
+
+  var buttons = itemProps.buttons,
+      columnProps = _objectWithoutProperties(itemProps, _excluded);
+
+  var _props$pagination = props.pagination,
+      pagination = _props$pagination === void 0 ? {} : _props$pagination,
+      rest = _objectWithoutProperties(props, _excluded2);
+
+  var paginationConfig = pagination && _objectSpread({
+    size: 'small',
+    hideOnSinglePage: true
+  }, pagination);
+
+  var currentIndex = useRef(-1);
+
+  var _useSet = useSet({
+    showDrawer: false
+  }),
+      _useSet2 = _slicedToArray(_useSet, 2),
+      state = _useSet2[0],
+      setState = _useSet2[1];
+
+  var showDrawer = state.showDrawer;
+  var dataSource = displayList.map(function (item, index) {
+    return _objectSpread(_objectSpread({}, item), {}, {
+      $idx: index
+    });
+  });
+  var columns = children.map(function (child) {
+    var item = flatten[child];
+    var schema = item && item.schema || {};
+
+    var _dataIndex = getKeyFromPath(child);
+
+    return _objectSpread({
+      dataIndex: _dataIndex,
+      title: schema.required ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+        className: "fr-label-required"
+      }, " *"), /*#__PURE__*/React.createElement("span", null, schema.title)) : schema.title,
+      width: FIELD_LENGTH,
+      render: function render(value, record) {
+        var childPath = getDataPath(child, [record.$idx]);
+        var errorObj = errorFields.find(function (item) {
+          return item.name == childPath;
+        }) || {}; //TODO: 万一error在更深的层，这个办法是find不到的，会展示那一行没有提示。可以整一行加一个红线的方式处理
+
+        return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, getDisplayValue(value, schema)), errorObj.error && /*#__PURE__*/React.createElement(ErrorMessage, {
+          message: errorObj.error,
+          schema: schema
+        }));
+      }
+    }, columnProps);
+  });
+  columns.push({
+    title: '操作',
+    key: '$action',
+    fixed: 'right',
+    width: 120,
+    render: function render(value, record, idx) {
+      var index = value && value.$idx || 0;
+      return /*#__PURE__*/React.createElement(_Space, null, /*#__PURE__*/React.createElement("a", {
+        onClick: function onClick() {
+          return openDrawer(index);
+        }
+      }, "\u7F16\u8F91"), !props.hideDelete && /*#__PURE__*/React.createElement(_Popconfirm, {
+        title: "\u786E\u5B9A\u5220\u9664?",
+        onConfirm: function onConfirm() {
+          return deleteItem(index);
+        },
+        okText: "\u786E\u5B9A",
+        cancelText: "\u53D6\u6D88"
+      }, /*#__PURE__*/React.createElement("a", null, "\u5220\u9664")), !props.hideMove && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ArrowUpOutlined, {
+        style: {
+          color: '#1890ff',
+          fontSize: 16,
+          marginLeft: 4
+        },
+        onClick: function onClick() {
+          return moveItemUp(idx);
+        }
+      }), /*#__PURE__*/React.createElement(_ArrowDownOutlined, {
+        style: {
+          color: '#1890ff',
+          fontSize: 16,
+          marginLeft: 4
+        },
+        onClick: function onClick() {
+          return moveItemDown(idx);
+        }
+      })));
+    }
+  });
+  var fieldsProps = getFieldsProps(currentIndex.current);
+
+  var openDrawer = function openDrawer(index) {
+    currentIndex.current = index;
+    setState({
+      showDrawer: true
+    });
+  };
+
+  var closeDrawer = function closeDrawer() {
+    currentIndex.current = -1;
+    setState({
+      showDrawer: false
+    });
+  };
+
+  var handleAdd = function handleAdd() {
+    var newIndex = addItem();
+    openDrawer(newIndex);
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "w-100 mb2 tr"
+  }, !props.hideAdd && /*#__PURE__*/React.createElement(_Button, {
+    type: "primary",
+    size: "small",
+    onClick: handleAdd
+  }, "\u65B0\u589E"), Array.isArray(props.buttons) ? props.buttons.map(function (item, idx) {
+    var callback = item.callback,
+        text = item.text,
+        html = item.html;
+
+    var onClick = function onClick() {
+      console.log({
+        value: listData,
+        onChange: changeList,
+        schema: schema
+      });
+    };
+
+    if (typeof window[callback] === 'function') {
+      onClick = function onClick() {
+        window[callback]({
+          value: listData,
+          onChange: changeList,
+          schema: schema
+        });
+      };
+    }
+
+    return /*#__PURE__*/React.createElement(_Button, {
+      key: idx.toString(),
+      style: {
+        marginLeft: 8
+      },
+      size: "small",
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: html || text
+      }
+    }));
+  }) : null), /*#__PURE__*/React.createElement(_Drawer, {
+    width: "600",
+    title: "\u7F16\u8F91",
+    placement: "right",
+    onClose: closeDrawer,
+    visible: showDrawer,
+    destroyOnClose: true // 必须要加，currentIndex不是一个state，Core不会重新渲染就跪了
+
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "fr-container"
+  }, /*#__PURE__*/React.createElement(Core, fieldsProps))), /*#__PURE__*/React.createElement(_Table, _extends((_extends2 = {
+    size: "small",
+    scroll: {
+      x: 'max-content'
+    },
+    columns: columns,
+    dataSource: dataSource,
+    rowClassName: function rowClassName(record, idx) {
+      var index = record && record.$idx;
+      var hasError = errorFields.find(function (item) {
+        return item.name.indexOf("".concat(dataPath, "[").concat(index, "]")) > -1;
+      });
+      return hasError ? 'fr-row-error' : '';
+    },
+    rowKey: "$idx"
+  }, _defineProperty(_extends2, "size", "small"), _defineProperty(_extends2, "pagination", paginationConfig), _extends2), rest)));
+};
+
+export default DrawerList;

+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import _ArrowDownOutlined from "@ant-design/icons/es/icons/ArrowDownOutlined";
+import _ArrowUpOutlined from "@ant-design/icons/es/icons/ArrowUpOutlined";
+import _CopyOutlined from "@ant-design/icons/es/icons/CopyOutlined";
+import "antd/es/popconfirm/style";
+import _Popconfirm from "antd/es/popconfirm";
+import _DeleteOutlined from "@ant-design/icons/es/icons/DeleteOutlined";
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+import React from 'react';
+import Core from '../../index';
+
+var SimpleList = function SimpleList(_ref) {
+  var schema = _ref.schema,
+      _ref$displayList = _ref.displayList,
+      displayList = _ref$displayList === void 0 ? [] : _ref$displayList,
+      listData = _ref.listData,
+      changeList = _ref.changeList,
+      deleteItem = _ref.deleteItem,
+      addItem = _ref.addItem,
+      copyItem = _ref.copyItem,
+      moveItemUp = _ref.moveItemUp,
+      moveItemDown = _ref.moveItemDown,
+      getFieldsProps = _ref.getFieldsProps;
+  var _schema$props = schema.props,
+      props = _schema$props === void 0 ? {} : _schema$props,
+      itemProps = schema.itemProps;
+  var addBtnProps = {
+    type: 'dashed',
+    children: '新增一条'
+  };
+
+  if (props.addBtnProps && _typeof(props.addBtnProps) === 'object') {
+    addBtnProps = _objectSpread(_objectSpread({}, addBtnProps), props.addBtnProps);
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "fr-list-1"
+  }, displayList.map(function (item, idx) {
+    var fieldsProps = getFieldsProps(idx);
+    fieldsProps.displayType = 'inline';
+
+    if (props.hideTitle) {
+      fieldsProps.hideTitle = true;
+    }
+
+    return /*#__PURE__*/React.createElement("div", {
+      key: idx,
+      style: {
+        display: 'flex'
+      }
+    }, /*#__PURE__*/React.createElement(Core, fieldsProps), /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginTop: 6
+      }
+    }, !props.hideDelete && /*#__PURE__*/React.createElement(_Popconfirm, {
+      title: "\u786E\u5B9A\u5220\u9664?",
+      onConfirm: function onConfirm() {
+        return deleteItem(idx);
+      },
+      okText: "\u786E\u5B9A",
+      cancelText: "\u53D6\u6D88"
+    }, /*#__PURE__*/React.createElement(_DeleteOutlined, {
+      style: {
+        fontSize: 17,
+        marginLeft: 8
+      }
+    })), !props.hideAdd && !props.hideCopy && /*#__PURE__*/React.createElement(_CopyOutlined, {
+      style: {
+        fontSize: 15,
+        marginLeft: 8
+      },
+      onClick: function onClick() {
+        return copyItem(idx);
+      }
+    }), !props.hideMove && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ArrowUpOutlined, {
+      style: {
+        fontSize: 16,
+        marginLeft: 8
+      },
+      onClick: function onClick() {
+        return moveItemUp(idx);
+      }
+    }), /*#__PURE__*/React.createElement(_ArrowDownOutlined, {
+      style: {
+        fontSize: 16,
+        marginLeft: 8
+      },
+      onClick: function onClick() {
+        return moveItemDown(idx);
+      }
+    }))));
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: displayList.length > 0 ? 0 : 8
+    }
+  }, !props.hideAdd && /*#__PURE__*/React.createElement(_Button, _extends({
+    onClick: addItem
+  }, addBtnProps)), Array.isArray(props.buttons) ? props.buttons.map(function (item, idx) {
+    var callback = item.callback,
+        text = item.text,
+        html = item.html;
+
+    var onClick = function onClick() {
+      console.log({
+        value: listData,
+        onChange: changeList,
+        schema: schema
+      });
+    };
+
+    if (typeof window[callback] === 'function') {
+      onClick = function onClick() {
+        window[callback]({
+          value: listData,
+          onChange: changeList,
+          schema: schema
+        });
+      };
+    }
+
+    return /*#__PURE__*/React.createElement(_Button, {
+      key: idx.toString(),
+      style: {
+        marginLeft: 8
+      },
+      type: "dashed",
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: html || text
+      }
+    }));
+  }) : null));
+};
+
+export default SimpleList;

+import "antd/es/table/style";
+import _Table from "antd/es/table";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import _ArrowDownOutlined from "@ant-design/icons/es/icons/ArrowDownOutlined";
+import _ArrowUpOutlined from "@ant-design/icons/es/icons/ArrowUpOutlined";
+import "antd/es/popconfirm/style";
+import _Popconfirm from "antd/es/popconfirm";
+var _excluded = ["buttons"],
+    _excluded2 = ["pagination"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+/* eslint-disable jsx-a11y/anchor-is-valid */
+import React from 'react';
+import Core from '../../index';
+// import ArrowDown from '../../../components/ArrowDown';
+var FIELD_LENGTH = 170;
+
+var TableList = function TableList(_ref) {
+  var _ref$displayList = _ref.displayList,
+      displayList = _ref$displayList === void 0 ? [] : _ref$displayList,
+      dataIndex = _ref.dataIndex,
+      children = _ref.children,
+      deleteItem = _ref.deleteItem,
+      copyItem = _ref.copyItem,
+      addItem = _ref.addItem,
+      moveItemUp = _ref.moveItemUp,
+      moveItemDown = _ref.moveItemDown,
+      flatten = _ref.flatten,
+      schema = _ref.schema,
+      listData = _ref.listData,
+      changeList = _ref.changeList;
+  var _schema$props = schema.props,
+      props = _schema$props === void 0 ? {} : _schema$props,
+      _schema$itemProps = schema.itemProps,
+      itemProps = _schema$itemProps === void 0 ? {} : _schema$itemProps;
+
+  var buttons = itemProps.buttons,
+      columnProps = _objectWithoutProperties(itemProps, _excluded);
+
+  var _props$pagination = props.pagination,
+      pagination = _props$pagination === void 0 ? {} : _props$pagination,
+      rest = _objectWithoutProperties(props, _excluded2);
+
+  var paginationConfig = pagination && _objectSpread({
+    size: 'small',
+    hideOnSinglePage: true
+  }, pagination);
+
+  var dataSource = displayList.map(function (item, idx) {
+    return {
+      index: idx
+    };
+  });
+  var columns = children.map(function (child) {
+    var item = flatten[child];
+    var schema = item && item.schema || {};
+    return _objectSpread({
+      dataIndex: child,
+      title: schema.required ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+        className: "fr-label-required"
+      }, " *"), /*#__PURE__*/React.createElement("span", null, schema.title)) : schema.title,
+      width: FIELD_LENGTH,
+      render: function render(value, record, index) {
+        // Check: record.index 似乎是antd自己会给的，不错哦
+        var childIndex = [].concat(_toConsumableArray(dataIndex), [record.index]);
+        return /*#__PURE__*/React.createElement(Core, {
+          hideTitle: true,
+          displayType: "inline",
+          key: index.toString(),
+          id: child,
+          dataIndex: childIndex
+        });
+      }
+    }, columnProps);
+  });
+
+  if (!props.hideDelete || !props.hideAdd || !props.hideCopy || !props.hideMove) {
+    columns.push({
+      title: '操作',
+      key: '$action',
+      fixed: 'right',
+      width: 120,
+      render: function render(value, record, idx) {
+        return /*#__PURE__*/React.createElement(_Space, null, !props.hideAdd && !props.hideCopy && /*#__PURE__*/React.createElement("a", {
+          onClick: function onClick() {
+            return copyItem(idx);
+          }
+        }, "\u590D\u5236"), !props.hideDelete && /*#__PURE__*/React.createElement(_Popconfirm, {
+          title: "\u786E\u5B9A\u5220\u9664?",
+          onConfirm: function onConfirm() {
+            return deleteItem(idx);
+          },
+          okText: "\u786E\u5B9A",
+          cancelText: "\u53D6\u6D88"
+        }, /*#__PURE__*/React.createElement("a", null, "\u5220\u9664")), !props.hideMove && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ArrowUpOutlined, {
+          style: {
+            color: '#1890ff',
+            fontSize: 16,
+            marginLeft: 4
+          },
+          onClick: function onClick() {
+            return moveItemUp(idx);
+          }
+        }), /*#__PURE__*/React.createElement(_ArrowDownOutlined, {
+          style: {
+            color: '#1890ff',
+            fontSize: 16,
+            marginLeft: 4
+          },
+          onClick: function onClick() {
+            return moveItemDown(idx);
+          }
+        })));
+      }
+    });
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "w-100 mb2 tr"
+  }, !props.hideAdd && /*#__PURE__*/React.createElement(_Button, {
+    type: "primary",
+    size: "small",
+    onClick: addItem
+  }, "\u65B0\u589E"), Array.isArray(props.buttons) ? props.buttons.map(function (item, idx) {
+    var callback = item.callback,
+        text = item.text,
+        html = item.html;
+
+    var onClick = function onClick() {
+      console.log({
+        value: listData,
+        onChange: changeList,
+        schema: schema
+      });
+    };
+
+    if (typeof window[callback] === 'function') {
+      onClick = function onClick() {
+        window[callback]({
+          value: listData,
+          onChange: changeList,
+          schema: schema
+        });
+      };
+    }
+
+    return /*#__PURE__*/React.createElement(_Button, {
+      key: idx.toString(),
+      style: {
+        marginLeft: 8
+      },
+      size: "small",
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: html || text
+      }
+    }));
+  }) : null), /*#__PURE__*/React.createElement(_Table, _extends({
+    scroll: {
+      x: 'max-content'
+    },
+    columns: columns,
+    dataSource: dataSource,
+    rowKey: "index",
+    size: "small",
+    pagination: paginationConfig
+  }, rest)));
+};
+
+export default TableList;

+import "antd/es/table/style";
+import _Table from "antd/es/table";
+import "antd/es/alert/style";
+import _Alert from "antd/es/alert";
+import "antd/es/message/style";
+import _message from "antd/es/message";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import _SearchOutlined from "@ant-design/icons/es/icons/SearchOutlined";
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import _ExclamationCircleOutlined from "@ant-design/icons/es/icons/ExclamationCircleOutlined";
+import _SelectOutlined from "@ant-design/icons/es/icons/SelectOutlined";
+import _ExpandAltOutlined from "@ant-design/icons/es/icons/ExpandAltOutlined";
+import _EditOutlined from "@ant-design/icons/es/icons/EditOutlined";
+import _EyeOutlined from "@ant-design/icons/es/icons/EyeOutlined";
+import _CopyOutlined from "@ant-design/icons/es/icons/CopyOutlined";
+import _PlusOutlined from "@ant-design/icons/es/icons/PlusOutlined";
+import _DeleteOutlined from "@ant-design/icons/es/icons/DeleteOutlined";
+import _ImportOutlined from "@ant-design/icons/es/icons/ImportOutlined";
+import _ExportOutlined from "@ant-design/icons/es/icons/ExportOutlined";
+import "antd/es/modal/style";
+import _Modal from "antd/es/modal";
+var _excluded = ["scrollY", "summary", "batchKey", "bar", "line", "searchKey", "rowSelection"];
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+/* eslint-disable jsx-a11y/anchor-is-valid */
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import Core from '../../index';
+var confirm = _Modal.confirm;
+import { useVT } from 'virtualizedtableforantd4';
+var BUTTON_ICONS_MAP = {
+  ExportOutlined: /*#__PURE__*/React.createElement(_ExportOutlined, null),
+  ImportOutlined: /*#__PURE__*/React.createElement(_ImportOutlined, null),
+  DeleteOutlined: /*#__PURE__*/React.createElement(_DeleteOutlined, null),
+  PlusOutlined: /*#__PURE__*/React.createElement(_PlusOutlined, null),
+  CopyOutlined: /*#__PURE__*/React.createElement(_CopyOutlined, null),
+  EyeOutlined: /*#__PURE__*/React.createElement(_EyeOutlined, null),
+  EditOutlined: /*#__PURE__*/React.createElement(_EditOutlined, null),
+  remove: /*#__PURE__*/React.createElement(_ExpandAltOutlined, null),
+  SelectOutlined: /*#__PURE__*/React.createElement(_SelectOutlined, null)
+};
+var FIELD_LENGTH = 170;
+var EXPORT_STATUS = {
+  // 执行中
+  PROCESSING: 'info',
+  // 成功
+  SUCCESS: 'success',
+  // 失败
+  FAIL: 'error'
+};
+
+var VirtualList = function VirtualList(_ref) {
+  var _line$buttons;
+
+  var _ref$displayList = _ref.displayList,
+      displayList = _ref$displayList === void 0 ? [] : _ref$displayList,
+      dataIndex = _ref.dataIndex,
+      children = _ref.children,
+      deleteItem = _ref.deleteItem,
+      batchDelete = _ref.batchDelete,
+      addItem = _ref.addItem,
+      moveItemUp = _ref.moveItemUp,
+      moveItemDown = _ref.moveItemDown,
+      flatten = _ref.flatten,
+      schema = _ref.schema,
+      listData = _ref.listData,
+      changeList = _ref.changeList,
+      copyItem = _ref.copyItem;
+  var _schema$props = schema.props,
+      props = _schema$props === void 0 ? {} : _schema$props,
+      _schema$itemProps = schema.itemProps,
+      itemProps = _schema$itemProps === void 0 ? {} : _schema$itemProps,
+      fieldName = schema.fieldName,
+      _schema$qxProps = schema.qxProps,
+      qxProps = _schema$qxProps === void 0 ? {} : _schema$qxProps,
+      subformMode = schema.subformMode;
+
+  var _props$scrollY = props.scrollY,
+      scrollY = _props$scrollY === void 0 ? 600 : _props$scrollY,
+      _summary = props.summary,
+      batchKey = props.batchKey,
+      _props$bar = props.bar,
+      bar = _props$bar === void 0 ? {} : _props$bar,
+      _props$line = props.line,
+      line = _props$line === void 0 ? {} : _props$line,
+      searchKey = props.searchKey,
+      rowSelection = props.rowSelection,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _useVT = useVT(function () {
+    return {
+      scroll: {
+        y: scrollY
+      }
+    };
+  }, []),
+      _useVT2 = _slicedToArray(_useVT, 2),
+      vt = _useVT2[0],
+      set_components = _useVT2[1];
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      keyWord = _useState2[0],
+      setKeyWord = _useState2[1];
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selectedRowKeys = _useState4[0],
+      setSelectedRowKeys = _useState4[1];
+
+  var _useState5 = useState(),
+      _useState6 = _slicedToArray(_useState5, 2),
+      exportProgressData = _useState6[0],
+      setProgressData = _useState6[1];
+
+  var _useState7 = useState(),
+      _useState8 = _slicedToArray(_useState7, 2),
+      intervalName = _useState8[0],
+      setIntervalName = _useState8[1];
+
+  var exportTaskId = useRef('');
+  var newRowSelection = useMemo(function () {
+    var _bar$buttons;
+
+    var _rowSelection = _.cloneDeep(rowSelection); // 根据是否含有批量操作按钮，渲染表格是否可选择
+
+
+    var selectable = false;
+
+    if (((_bar$buttons = bar.buttons) === null || _bar$buttons === void 0 ? void 0 : _bar$buttons.findIndex(function (item) {
+      return item.code === 'DELETE';
+    })) > -1) {
+      selectable = true;
+    }
+
+    if (_rowSelection && selectable) {
+      _rowSelection.onChange = function (_selectedRowKeys) {
+        setSelectedRowKeys(_selectedRowKeys);
+      };
+
+      _rowSelection.selectedRowKeys = selectedRowKeys;
+    }
+
+    return _rowSelection;
+  }, [rowSelection, selectedRowKeys, bar]);
+  useEffect(function () {
+    displayList.forEach(function (item, index) {
+      item._index = index;
+    });
+  }, [displayList]);
+  var _disdisplayList = [];
+
+  if (props.originWidget === 'relSelector') {
+    displayList.forEach(function (item) {
+      if (!item.hasOwnProperty('$auth') || item.$auth) {
+        _disdisplayList.push(item);
+      }
+    });
+  } else {
+    _disdisplayList = displayList;
+  }
+
+  var selectedIds = useMemo(function () {
+    var _selectedIds = [];
+    displayList.forEach(function (item) {
+      if (selectedRowKeys.includes(item._index)) {
+        _selectedIds.push(item.id);
+      }
+    });
+    return _selectedIds;
+  }, [selectedRowKeys, displayList]);
+  var dataSource = (keyWord.length ? _disdisplayList.filter(function (item) {
+    var _item$searchKey;
+
+    return ((_item$searchKey = item[searchKey]) === null || _item$searchKey === void 0 ? void 0 : _item$searchKey.indexOf(keyWord)) > -1;
+  }) : _disdisplayList).map(function (item, idx) {
+    return _objectSpread({
+      index: item._index || idx
+    }, item);
+  });
+  var pagination = useMemo(function () {
+    return {
+      total: dataSource.length,
+      position: ['bottomRight'],
+      pageSize: 10,
+      showTotal: function showTotal(total) {
+        return "\u5171".concat(total, "\u6761\u8BB0\u5F55");
+      },
+      defaultCurrent: 1,
+      size: 'default'
+    };
+  }, [dataSource]);
+  var barButtons = useMemo(function () {
+    var _barButtons = _.cloneDeep(bar.buttons || []); // 选择、新增位置提前
+
+
+    ['ADD', 'SELECT'].forEach(function (code) {
+      var _index = _barButtons.findIndex(function (item) {
+        return item.code === code;
+      });
+
+      if (_index > -1) {
+        var btn = _barButtons.splice(_index, 1);
+
+        _barButtons.unshift.apply(_barButtons, _toConsumableArray(btn));
+      }
+    }); // 关联表的导入、导出不可用，先隐藏 TODO
+
+    if (props.originWidget === 'relSelector') {
+      ['IMPORT', 'EXPORT'].forEach(function (code) {
+        var _index = _barButtons.findIndex(function (item) {
+          return item.code === code;
+        });
+
+        if (_index > -1) {
+          _barButtons.splice(_index, 1);
+        }
+      });
+    } // 子表默认可以新增，删掉ADD按钮
+
+
+    if (props.originWidget === 'subform') {
+      var _index = _barButtons.findIndex(function (item) {
+        return item.code === 'ADD';
+      });
+
+      if (_index > -1) {
+        _barButtons.splice(_index, 1);
+      }
+    }
+
+    if (batchKey) {
+      _barButtons.push({
+        code: 'BATCH_ADD',
+        batch: true,
+        action: 'SYS',
+        name: '批量新增'
+      });
+    }
+
+    if (subformMode) {
+      _barButtons.push({
+        code: 'subformEdit',
+        icon: 'EditOutlined',
+        batch: true,
+        action: 'SYS',
+        name: '子表编辑'
+      });
+    }
+
+    return _barButtons;
+  }, [props]);
+  var columns = children.map(function (child) {
+    var item = flatten[child];
+    var schema = item && item.schema || {};
+    return {
+      dataIndex: child,
+      width: schema.width ? Number(schema.width) || FIELD_LENGTH : FIELD_LENGTH,
+      align: schema.align || 'left',
+      fixed: schema.fixed,
+      title: /*#__PURE__*/React.createElement("div", {
+        style: {
+          width: (parseInt(schema.width) || FIELD_LENGTH) + "px"
+        }
+      }, schema.required ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+        className: "fr-label-required"
+      }, " *"), /*#__PURE__*/React.createElement("span", null, schema.title)) : schema.title),
+      render: function render(value, record, index) {
+        // Check: record.index 似乎是antd自己会给的，不错哦
+        var childIndex = [].concat(_toConsumableArray(dataIndex), [record.index]);
+        return /*#__PURE__*/React.createElement(Core, {
+          hideTitle: true,
+          displayType: "inline",
+          key: index.toString(),
+          id: child,
+          dataIndex: childIndex
+        });
+      }
+    };
+  });
+
+  var handleAuth = function handleAuth(record, code) {
+    switch (code) {
+      case 'VIEW':
+        return !record.VIEW_flag_;
+
+      case 'DELETE':
+        return !record.DELETE_flag_;
+
+      case 'EDIT':
+        return !record.EDIT_flag_;
+    }
+  };
+
+  var handleState = function handleState(record, code, originWidget) {
+    if (originWidget === 'subform') {
+      return '';
+    } else {
+      switch (code) {
+        case 'VIEW':
+          return record.VIEW_flag_ === true ? '' : 'none';
+
+        case 'DELETE':
+          return record.DELETE_flag_ === true ? '' : 'none';
+
+        case 'EDIT':
+          return record.EDIT_flag_ === true ? '' : 'none';
+      }
+    }
+  };
+
+  if (!props.hideDelete && ((_line$buttons = line.buttons) === null || _line$buttons === void 0 ? void 0 : _line$buttons.length) || Array.isArray(itemProps.buttons) || props.removeable) {
+    var top = line.top,
+        _line$style = line.style,
+        style = _line$style === void 0 ? 'ICON' : _line$style,
+        fixed = line.fixed,
+        buttons = line.buttons;
+    var action = {
+      title: '操作',
+      key: '$action',
+      fixed: fixed ? top ? 'left' : 'right' : props.originWidget === 'subform' ? 'right' : false,
+      align: 'center',
+      width: ((buttons || []).length + (props.removeable ? 1 : 0)) * (style === 'ICON' ? 32 : style === 'TEXT' ? 36 : 57) + 16,
+      render: function render(value, record, idx) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, Array.isArray(itemProps.buttons) ? itemProps.buttons.map(function (item, idx) {
+          var callback = item.callback,
+              text = item.text,
+              html = item.html;
+
+          var onClick = function onClick() {};
+
+          if (typeof window[callback] === 'function') {
+            onClick = function onClick() {
+              window[callback]({
+                value: listData,
+                onChange: changeList,
+                schema: schema
+              });
+            };
+          }
+
+          return /*#__PURE__*/React.createElement("a", {
+            key: idx.toString(),
+            style: {
+              marginLeft: 8
+            },
+            size: "small",
+            onClick: onClick
+          }, /*#__PURE__*/React.createElement("span", {
+            dangerouslySetInnerHTML: {
+              __html: html || text
+            }
+          }));
+        }) : null, Array.isArray(line.buttons) ? line.buttons.map(function (item) {
+          var name = item.name,
+              code = item.code,
+              needConfirm = item.needConfirm,
+              confirmContent = item.confirmContent,
+              icon = item.icon;
+          return /*#__PURE__*/React.createElement(_Tooltip, {
+            title: name
+          }, /*#__PURE__*/React.createElement(_Button, _extends({
+            key: code,
+            style: {
+              marginLeft: 8,
+              display: "".concat(handleState(record, code, props.originWidget))
+            }
+          }, item, {
+            icon: icon && style !== 'TEXT' ? BUTTON_ICONS_MAP[icon] : null,
+            type: 'link',
+            size: 'small' // disabled={props.originWidget === 'subform' ? false : handleAuth(record, code)}
+            ,
+            onClick: function onClick() {
+              if (needConfirm && confirmContent) {
+                confirm({
+                  title: confirmContent,
+                  icon: /*#__PURE__*/React.createElement(_ExclamationCircleOutlined, null),
+                  okText: '确认',
+                  okType: 'danger',
+                  cancelText: '取消',
+                  onOk: function onOk() {
+                    if (code === 'DELETE' && props.originWidget === 'subform') {
+                      deleteItem(idx);
+                    } else if (code === 'COPY') {
+                      copyItem(idx);
+                    } else if (item.action === 'CUSTOM') {
+                      props.handleCustom(item, record, schema.$id);
+                    } else {
+                      props.handleLineBtnClick(code, record, schema.$id, line.action);
+                    }
+                  },
+                  onCancel: function onCancel() {}
+                });
+              } else {
+                if (code === 'DELETE' && props.originWidget === 'subform') {
+                  deleteItem(idx);
+                } else if (code === 'COPY') {
+                  copyItem(idx);
+                } else if (item.action === 'CUSTOM') {
+                  props.handleCustom(item, record, schema.$id);
+                } else {
+                  props.handleLineBtnClick(code, record, schema.$id, line.action);
+                }
+              }
+            }
+          }), style !== 'ICON' ? name : null)); // }
+        }) : null, props.removeable ? /*#__PURE__*/React.createElement(_Tooltip, {
+          title: '移除'
+        }, /*#__PURE__*/React.createElement(_Button, {
+          key: 'remove',
+          style: {
+            marginLeft: 8
+          },
+          icon: style !== 'TEXT' ? BUTTON_ICONS_MAP['remove'] : null,
+          type: 'link',
+          size: 'small',
+          onClick: function onClick() {
+            if (props.removeContent) {
+              confirm({
+                title: props.removeContent,
+                icon: /*#__PURE__*/React.createElement(_ExclamationCircleOutlined, null),
+                okText: '确认',
+                okType: 'danger',
+                cancelText: '取消',
+                onOk: function onOk() {
+                  deleteItem(idx);
+                },
+                onCancel: function onCancel() {}
+              });
+            } else {
+              deleteItem(idx);
+            }
+          }
+        }, style !== 'ICON' ? '移除' : null)) : null);
+      }
+    };
+
+    if (top) {
+      columns.unshift(action);
+    } else {
+      columns.push(action);
+    }
+  }
+
+  var handleExport = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var appCode, funCode, fieldName, result;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              setProgressData({
+                "percent": 0,
+                "status": "PROCESSING"
+              });
+              appCode = qxProps.appCode, funCode = qxProps.funCode, fieldName = qxProps.fieldName;
+              _context.next = 4;
+              return props.exportChild(appCode, funCode, fieldName);
+
+            case 4:
+              result = _context.sent;
+              exportTaskId.current = result.taskId || '';
+
+              if (result.downloadUrl) {
+                setTimeout(function () {
+                  exportData(result.taskId);
+                }, 5000);
+              }
+
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function handleExport() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var exportData = function exportData(taskId) {
+    // const {appCode, funCode, viewCode} = qxProps
+    // taskType: UPLOAD || EXPORT
+    props.exportProgress(taskId || exportTaskId.current).then(function (res) {
+      setProgressData(res || null);
+    });
+  };
+
+  useEffect(function () {
+    if (exportProgressData) {
+      if (exportProgressData.status === 'PROCESSING' && !intervalName) {
+        setIntervalName(setInterval(function () {
+          return exportData();
+        }, 1000 * 10));
+        return;
+      }
+
+      if (exportProgressData.status !== 'PROCESSING' && intervalName) {
+        clearInterval(intervalName);
+        return;
+      }
+    }
+
+    return function () {
+      if (intervalName) {
+        setTimeout(function () {
+          clearInterval(intervalName);
+        }, 1000 * 60 * 10);
+      }
+    };
+  }, [exportProgressData]);
+
+  var handleCloseExport = function handleCloseExport(taskId) {
+    var appCode = qxProps.appCode,
+        funCode = qxProps.funCode,
+        viewCode = qxProps.viewCode;
+    props.closeExport(appCode, funCode, viewCode, {
+      taskId: taskId
+    }).then(function (res) {
+      setProgressData(null);
+
+      if (intervalName) {
+        clearInterval(intervalName);
+      }
+    });
+  };
+
+  var getExportMessage = function getExportMessage() {
+    if (exportProgressData.status === 'SUCCESS') {
+      return /*#__PURE__*/React.createElement("div", null, "\u5BFC\u51FA\u6210\u529F\uFF0C\u70B9\u51FB", /*#__PURE__*/React.createElement(_Button, {
+        onClick: function onClick() {
+          return handleDownload(exportProgressData.downloadUrl, '导出文件.xlsx', props.REQUEST);
+        },
+        type: 'link'
+      }, "\u4E0B\u8F7D\u6587\u4EF6"), /*#__PURE__*/React.createElement(_Button, {
+        style: {
+          float: "right"
+        },
+        onClick: function onClick() {
+          return handleCloseExport(exportProgressData.taskId);
+        },
+        type: 'link'
+      }, "\u3010\u5173\u95ED\u63D0\u9192\u3011"));
+    }
+
+    return /*#__PURE__*/React.createElement("div", null, "\u5BFC\u51FA\u8FDB\u884C\u4E2D\uFF0C\u8BF7\u7A0D\u540E......", /*#__PURE__*/React.createElement(_Button, {
+      onClick: function onClick() {
+        return exportData();
+      },
+      type: 'link'
+    }, "\u5237\u65B0"), /*#__PURE__*/React.createElement(_Button, {
+      style: {
+        float: "right"
+      },
+      onClick: function onClick() {
+        return handleCloseExport(exportProgressData.taskId);
+      },
+      type: 'link'
+    }, "\u3010\u5173\u95ED\u63D0\u9192\u3011"));
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: 'qx-virtual-searchLine',
+    style: {
+      flexDirection: searchKey ? 'row' : 'row-reverse'
+    }
+  }, searchKey ? /*#__PURE__*/React.createElement(_Input, {
+    style: {
+      width: '200px'
+    },
+    allowClear: true,
+    size: 'small',
+    placeholder: "\u8BF7\u8F93\u5165\u641C\u7D22\u6761\u4EF6",
+    prefix: /*#__PURE__*/React.createElement(_SearchOutlined, {
+      style: {
+        color: '#666'
+      }
+    }),
+    onChange: function onChange(e) {
+      var _e$target;
+
+      setKeyWord(((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) || '');
+    }
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement("div", null, barButtons.map(function (item) {
+    var name = item.name,
+        code = item.code,
+        needConfirm = item.needConfirm,
+        confirmContent = item.confirmContent,
+        icon = item.icon,
+        action = item.action;
+    return /*#__PURE__*/React.createElement(_Button, _extends({
+      key: code,
+      style: {
+        marginLeft: 8
+      }
+    }, item, {
+      icon: icon ? BUTTON_ICONS_MAP[icon] : null,
+      onClick: function onClick() {
+        if (code === 'DELETE') {
+          if (!selectedRowKeys.length) {
+            return _message.warning('请选择数据');
+          }
+
+          if (needConfirm && confirmContent) {
+            confirm({
+              title: '批量删除确认',
+              icon: /*#__PURE__*/React.createElement(_ExclamationCircleOutlined, null),
+              content: confirmContent,
+              okText: '确认',
+              okType: 'danger',
+              cancelText: '取消',
+              onOk: function onOk() {
+                if (props.originWidget === 'subform') {
+                  batchDelete(selectedRowKeys);
+                  setSelectedRowKeys([]);
+                } else {
+                  props.handleBarBtnClick(code, fieldName, batchKey, selectedRowKeys, schema.$id, selectedIds);
+                }
+              },
+              onCancel: function onCancel() {}
+            });
+          } else {
+            if (props.originWidget === 'subform') {
+              batchDelete(selectedRowKeys);
+              setSelectedRowKeys([]);
+            } else {
+              props.handleBarBtnClick(code, fieldName, batchKey, selectedRowKeys, schema.$id, selectedIds);
+            }
+          }
+        } else if (code === 'EXPORT') {
+          handleExport();
+        } else if (code === 'SELECT') {
+          props.openRelSelect(schema.$id);
+        } else if (code === 'ADD') {
+          props.handleRelAdd(schema.$id);
+        } else if (code === 'subformEdit') {
+          props.handleBatchEdit(fieldName, schema.$id, selectedIds);
+        } else if (action === 'CUSTOM') {
+          props.handleCustom(item, selectedIds, schema.$id);
+        } else {
+          props.handleBarBtnClick(code, fieldName, batchKey, selectedRowKeys, schema.$id, selectedIds);
+        }
+      }
+    }), name); // }
+  })), Array.isArray(props.buttons) ? props.buttons.map(function (item, idx) {
+    var callback = item.callback,
+        text = item.text,
+        html = item.html;
+
+    var onClick = function onClick() {};
+
+    if (typeof window[callback] === 'function') {
+      onClick = function onClick() {
+        window[callback]({
+          value: listData,
+          onChange: changeList,
+          schema: schema
+        });
+      };
+    } else {
+      if (typeof callback === 'function') {
+        callback({
+          value: listData,
+          onChange: changeList,
+          schema: schema
+        });
+      }
+    }
+
+    return /*#__PURE__*/React.createElement(_Button, {
+      key: idx.toString(),
+      style: {
+        marginLeft: 8
+      },
+      size: "small",
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: html || text
+      }
+    }));
+  }) : null), exportProgressData ? /*#__PURE__*/React.createElement(_Alert, {
+    style: {
+      marginBottom: '12px'
+    },
+    message: getExportMessage(),
+    type: EXPORT_STATUS[exportProgressData.status] || 'info',
+    showIcon: true,
+    onClose: function onClose() {
+      handleCloseExport(exportProgressData.taskId);
+    }
+  }) : null, /*#__PURE__*/React.createElement(_Table, _extends({
+    className: 'qx-virtualList',
+    rowKey: "index",
+    scroll: {
+      y: scrollY,
+      x: '100%'
+    },
+    components: vt,
+    size: "small",
+    columns: columns,
+    dataSource: dataSource,
+    pagination: props.originWidget === 'subform' ? false : pagination,
+    style: {
+      marginBottom: 25
+    },
+    rowSelection: newRowSelection,
+    summary: function summary() {
+      if (!_summary) {
+        return null;
+      }
+
+      return _summary(listData);
+    }
+  }, rest)), !props.hideAdd && props.originWidget === 'subform' && /*#__PURE__*/React.createElement(_Button, {
+    type: "link",
+    icon: /*#__PURE__*/React.createElement(_PlusOutlined, null),
+    onClick: addItem
+  }, "\u65B0\u589E"));
+};
+/**
+ * 文件下载。依赖HTML页面
+ *
+ * @param url  下载URL
+ * @param name 指定的文件名（包括扩展名）
+ * @param request
+ */
+
+
+function handleDownload(_x, _x2, _x3) {
+  return _handleDownload.apply(this, arguments);
+}
+
+function _handleDownload() {
+  _handleDownload = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(url, name, request) {
+    var isDownload,
+        link,
+        blob,
+        downloadUrl,
+        _args2 = arguments;
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            // eslint-disable-next-line prefer-rest-params
+            isDownload = _args2[2];
+
+            if (isDownload === null || Boolean(isDownload)) {
+              _message.warning('即将开始下载，请勿重复点击。');
+            }
+
+            link = document.createElement('a');
+            link.href = url;
+            link.download = name;
+            link.target = '_blank';
+            document.body.appendChild(link); //TODO 文件过大时，看不到下载进度
+
+            _context2.next = 9;
+            return request.get(url, {
+              autoShowError: true
+            });
+
+          case 9:
+            blob = _context2.sent;
+
+            if (blob !== null) {
+              downloadUrl = URL.createObjectURL(blob);
+              link.href = downloadUrl;
+              link.click();
+              document.body.removeChild(link);
+              URL.revokeObjectURL(downloadUrl);
+            }
+
+          case 11:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _handleDownload.apply(this, arguments);
+}
+
+export default VirtualList;

+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+/* eslint-disable jsx-a11y/anchor-is-valid */
+import React from 'react';
+import { get } from 'lodash-es';
+import { useStore, useTools } from '../../../hooks';
+import { getDataPath, getKeyFromPath, getDisplayValue } from '../../../utils'; // import ArrowDown from '../../../components/ArrowDown';
+
+import "./list.css";
+import SimpleList from './SimpleList';
+import CardList from './CardList';
+import TableList from './TableList';
+import DrawerList from './DrawerList';
+import VirtualList from './VirtualList';
+
+var RenderList = function RenderList(_ref) {
+  var parentId = _ref.parentId,
+      _ref$schema = _ref.schema,
+      schema = _ref$schema === void 0 ? {} : _ref$schema,
+      _ref$dataIndex = _ref.dataIndex,
+      dataIndex = _ref$dataIndex === void 0 ? [] : _ref$dataIndex,
+      _ref$children = _ref.children,
+      children = _ref$children === void 0 ? [] : _ref$children,
+      errorFields = _ref.errorFields,
+      displayType = _ref.displayType;
+
+  var _useStore = useStore(),
+      formData = _useStore.formData,
+      flatten = _useStore.flatten;
+
+  var _useTools = useTools(),
+      onItemChange = _useTools.onItemChange,
+      removeTouched = _useTools.removeTouched;
+
+  var renderWidget = 'list';
+
+  try {
+    renderWidget = schema.widget;
+  } catch (error) {} // 计算 list对应的formData
+
+
+  var dataPath = getDataPath(parentId, dataIndex);
+  var listData;
+
+  if (typeof dataPath === 'string') {
+    // TODO: listData会有不少“窟窿”，submit 的时候，listData 需要补齐 or filter
+    listData = get(formData, dataPath);
+  }
+
+  var displayList = Array.isArray(listData) ? listData : [];
+
+  var changeList = function changeList(newList) {
+    onItemChange(dataPath, newList);
+  };
+
+  var addItem = function addItem() {
+    var newList = [].concat(_toConsumableArray(displayList), [{}]);
+    var newIndex = newList.length - 1;
+    onItemChange(dataPath, newList);
+    return newIndex;
+  };
+
+  var copyItem = function copyItem(idx) {
+    var newItem = displayList[idx];
+    delete newItem.id;
+    var newList = [].concat(_toConsumableArray(displayList.slice(0, idx)), [newItem], _toConsumableArray(displayList.slice(idx)));
+    onItemChange(dataPath, JSON.parse(JSON.stringify(newList)));
+  };
+
+  var deleteItem = function deleteItem(idx) {
+    // TODO: 删除元素的时候，也需要delete相对于的校验信息（errorFields）
+    // remark: 删除时，不存在的item需要补齐，用null
+    var newList = displayList.filter(function (item, kdx) {
+      return kdx !== idx;
+    });
+    onItemChange(dataPath, newList);
+    removeTouched("".concat(dataPath, "[").concat(idx, "]"));
+  }; // 批量删除的方法
+
+
+  var batchDelete = function batchDelete(ids) {
+    var newList = displayList.filter(function (item, kdx) {
+      return !ids.includes(kdx);
+    });
+    onItemChange(dataPath, newList);
+    (ids || []).forEach(function (id) {
+      removeTouched("".concat(dataPath, "[").concat(id, "]"));
+    });
+  }; //TODO1: 上线翻页要正确！！现在是错的
+
+
+  var moveItemUp = function moveItemUp(idx) {
+    if (idx === 0) return;
+    var currentItem = displayList[idx];
+    var itemAbove = displayList[idx - 1];
+    var newList = displayList;
+    newList[idx] = itemAbove;
+    newList[idx - 1] = currentItem;
+    onItemChange(dataPath, newList); // TODO: 这块懒了，之后要处理一下
+
+    removeTouched("".concat(dataPath, "[").concat(idx, "]"));
+  };
+
+  var moveItemDown = function moveItemDown(idx) {
+    if (idx >= displayList.length - 1) return;
+    var currentItem = displayList[idx];
+    var itemBelow = displayList[idx + 1];
+    var newList = displayList;
+    newList[idx] = itemBelow;
+    newList[idx + 1] = currentItem;
+    onItemChange(dataPath, newList); // TODO: 这块懒了，之后要处理一下
+
+    removeTouched("".concat(dataPath, "[").concat(idx, "]"));
+  };
+
+  var itemSchema = {
+    type: 'object',
+    // properties: (schema.items && schema.items.properties) || {},
+    properties: {},
+    props: schema.props || {},
+    $id: schema.$id
+  };
+  var itemFlatten = {
+    schema: itemSchema,
+    children: children
+  };
+
+  var getFieldsProps = function getFieldsProps(idx, extraProps) {
+    return _objectSpread({
+      _item: itemFlatten,
+      dataIndex: [].concat(_toConsumableArray(dataIndex), [idx])
+    }, extraProps);
+  };
+
+  var displayProps = {
+    displayList: displayList,
+    changeList: changeList,
+    schema: schema,
+    dataPath: dataPath,
+    dataIndex: dataIndex,
+    children: children,
+    deleteItem: deleteItem,
+    batchDelete: batchDelete,
+    addItem: addItem,
+    copyItem: copyItem,
+    moveItemDown: moveItemDown,
+    moveItemUp: moveItemUp,
+    listData: listData,
+    flatten: flatten,
+    errorFields: errorFields,
+    displayType: displayType,
+    getFieldsProps: getFieldsProps
+  };
+
+  switch (renderWidget) {
+    case 'list0':
+    case 'cardList':
+      return /*#__PURE__*/React.createElement(CardList, displayProps);
+
+    case 'list1':
+    case 'simpleList':
+      return /*#__PURE__*/React.createElement(SimpleList, displayProps);
+
+    case 'list2':
+    case 'tableList':
+      return /*#__PURE__*/React.createElement(TableList, displayProps);
+
+    case 'list3':
+    case 'drawerList':
+      return /*#__PURE__*/React.createElement(DrawerList, displayProps);
+
+    case 'list4':
+    case 'virtualList':
+      return /*#__PURE__*/React.createElement(VirtualList, displayProps);
+
+    default:
+      return /*#__PURE__*/React.createElement(CardList, displayProps);
+  }
+};
+
+export default RenderList;

+.fr-container .fr-card-item {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  padding: 10px 12px 4px 12px;
+  margin-bottom: 8px;
+  position: relative;
+  display: flex;
+}
+.fr-container .fr-card-item-row {
+  padding-top: 34px;
+}
+.fr-container .fr-card-index {
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding-left: 4px;
+  padding-right: 6px;
+  border-bottom-right-radius: 8px;
+  border-top-left-radius: 3px;
+  background-color: rgba(0, 0, 0, 0.36);
+  font-size: 8px;
+  color: #fff;
+}
+.fr-container .fr-card-toolbar {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  display: flex;
+}
+.qx-virtual-searchLine {
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 10px;
+}
+.qx-virtual-searchLine .ant-input-affix-wrapper-sm {
+  padding: 4px 7px;
+}
+.qx-virtualList .ant-btn-sm {
+  padding: 0;
+}
+.qx-virtualList .qx-fr-input--readonly {
+  background: none;
+}
+.qx-virtualList .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  border: none;
+}
+.qx-virtualList .ant-pagination-total-text {
+  line-height: 32px;
+}

+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import Core from '../index';
+
+var RenderObject = function RenderObject(_ref) {
+  var _ref$children = _ref.children,
+      children = _ref$children === void 0 ? [] : _ref$children,
+      _ref$dataIndex = _ref.dataIndex,
+      dataIndex = _ref$dataIndex === void 0 ? [] : _ref$dataIndex,
+      displayType = _ref.displayType,
+      hideTitle = _ref.hideTitle;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children.map(function (child, i) {
+    var FRProps = {
+      displayType: displayType,
+      id: child,
+      dataIndex: dataIndex,
+      hideTitle: hideTitle
+    };
+    return /*#__PURE__*/React.createElement(Core, _extends({
+      key: i.toString()
+    }, FRProps));
+  }));
+};
+
+export default RenderObject;

+.fr-container .error-message {
+  color: #ff4d4f;
+  min-height: 24px;
+  font-size: 14px;
+  line-height: 1.5715;
+  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+}

+import React from 'react';
+import { translateMessage } from '../../utils';
+import "./ErrorMessage.css";
+
+var ErrorMessage = function ErrorMessage(_ref) {
+  var message = _ref.message,
+      schema = _ref.schema,
+      softHidden = _ref.softHidden,
+      hardHidden = _ref.hardHidden;
+  var msg = '';
+  if (typeof message === 'string') msg = message;
+
+  if (Array.isArray(message)) {
+    msg = message[0] || '';
+  }
+
+  msg = translateMessage(msg, schema);
+  if (hardHidden) return /*#__PURE__*/React.createElement("div", {
+    className: "error-message"
+  });
+  return !msg && softHidden ? null : /*#__PURE__*/React.createElement("div", {
+    className: "error-message"
+  }, msg);
+};
+
+export default ErrorMessage;

+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { Suspense } from 'react';
+import { getWidgetName, extraSchemaList } from '../../mapping';
+import { useTools, useStore } from '../../hooks';
+import { transformProps } from '../../createWidget';
+import { isObjType, isListType, isObject } from '../../utils';
+
+var ErrorSchema = function ErrorSchema(schema) {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      color: 'red'
+    }
+  }, "schema\u672A\u5339\u914D\u5230\u5C55\u793A\u7EC4\u4EF6\uFF1A"), /*#__PURE__*/React.createElement("div", null, JSON.stringify(schema)));
+};
+
+var ExtendedWidget = function ExtendedWidget(_ref) {
+  var schema = _ref.schema,
+      onChange = _ref.onChange,
+      value = _ref.value,
+      dependValues = _ref.dependValues,
+      children = _ref.children,
+      onItemChange = _ref.onItemChange,
+      formData = _ref.formData,
+      getValue = _ref.getValue,
+      readOnly = _ref.readOnly,
+      dataPath = _ref.dataPath,
+      disabled = _ref.disabled,
+      dataIndex = _ref.dataIndex;
+
+  var _useTools = useTools(),
+      widgets = _useTools.widgets,
+      mapping = _useTools.mapping,
+      setValueByPath = _useTools.setValueByPath,
+      getSchemaByPath = _useTools.getSchemaByPath,
+      setSchemaByPath = _useTools.setSchemaByPath,
+      setSchema = _useTools.setSchema,
+      setValues = _useTools.setValues,
+      getValues = _useTools.getValues,
+      resetFields = _useTools.resetFields,
+      setErrorFields = _useTools.setErrorFields,
+      removeErrorField = _useTools.removeErrorField;
+
+  var _useStore = useStore(),
+      globalProps = _useStore.globalProps; // if (isObjType(schema)) {
+  //   return <Map value={value} onChange={onChange} children={children} />;
+  // }
+  // if (isListType(schema)) {
+  //   return 'haha';
+  // }
+  // return <Input value={value} onChange={e => onChange(e.target.value)} />;
+  // TODO: calc widget, better way?
+  // let widgetName = useMemo(() => getWidgetName(schema, mapping), [
+  //   JSON.stringify(schema),
+  // ]);
+
+
+  var widgetName = getWidgetName(schema, mapping);
+  var customName = schema.widget || schema['ui:widget'];
+
+  if (customName && widgets[customName]) {
+    widgetName = customName;
+  }
+
+  var readOnlyName = schema.readOnlyWidget || 'html';
+
+  if (readOnly && !isObjType(schema) && !isListType(schema)) {
+    widgetName = readOnlyName;
+  }
+
+  if (!widgetName) {
+    widgetName = 'input';
+    return /*#__PURE__*/React.createElement(ErrorSchema, {
+      schema: schema
+    });
+  }
+
+  var Widget = widgets[widgetName];
+  var extraSchema = extraSchemaList[widgetName];
+
+  var widgetProps = _objectSpread(_objectSpread({
+    schema: _objectSpread(_objectSpread({}, schema), extraSchema),
+    onChange: onChange,
+    value: value,
+    children: children,
+    disabled: disabled,
+    readOnly: readOnly
+  }, schema.props), globalProps);
+
+  if (schema.type === 'string' && typeof schema.max === 'number') {
+    widgetProps.maxLength = schema.max;
+  }
+
+  ['title', 'placeholder', 'disabled', 'format'].forEach(function (key) {
+    if (schema[key]) {
+      widgetProps[key] = schema[key];
+    }
+  });
+
+  if (schema.props) {
+    widgetProps = _objectSpread(_objectSpread({}, widgetProps), schema.props);
+  }
+
+  Object.keys(schema).forEach(function (key) {
+    if (typeof key === 'string' && key.toLowerCase().indexOf('props') > -1 && key.length > 5) {
+      widgetProps[key] = schema[key];
+    }
+  }); // 支持 addonAfter 为自定义组件的情况
+
+  if (isObject(widgetProps.addonAfter) && widgetProps.addonAfter.widget) {
+    var AddonAfterWidget = widgets[widgetProps.addonAfter.widget];
+    widgetProps.addonAfter = /*#__PURE__*/React.createElement(AddonAfterWidget, schema);
+  }
+
+  var hideSelf = function hideSelf() {
+    var hidden = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    setSchemaByPath(schema.$id, {
+      hidden: hidden
+    });
+  }; // 避免传组件不接受的props，按情况传多余的props
+
+
+  widgetProps.addons = {
+    dependValues: dependValues,
+    onItemChange: onItemChange,
+    getValue: getValue,
+    formData: formData,
+    dataPath: dataPath,
+    dataIndex: dataIndex,
+    setValueByPath: setValueByPath,
+    setValue: setValueByPath,
+    getSchemaByPath: getSchemaByPath,
+    setSchemaByPath: setSchemaByPath,
+    setSchema: setSchema,
+    setValues: setValues,
+    getValues: getValues,
+    resetFields: resetFields,
+    setErrorFields: setErrorFields,
+    removeErrorField: removeErrorField,
+    hideSelf: hideSelf
+  };
+  var finalProps = transformProps(widgetProps);
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", null)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "fr-item-wrapper"
+  }, /*#__PURE__*/React.createElement(Widget, finalProps)));
+};
+
+var areEqual = function areEqual(prev, current) {
+  if (prev.schema && prev.schema.$id === '#') {
+    return false;
+  }
+
+  if (prev.readOnly !== current.readOnly) {
+    return false;
+  }
+
+  if (prev.disabled !== current.disabled) {
+    return false;
+  }
+
+  if (JSON.stringify(prev.dependValues) !== JSON.stringify(current.dependValues)) {
+    return false;
+  }
+
+  if (isObjType(prev.schema) && isObjType(current.schema)) {
+    return false;
+  }
+
+  if (JSON.stringify(prev.value) === JSON.stringify(current.value) && JSON.stringify(prev.schema) === JSON.stringify(current.schema)) {
+    return true;
+  }
+
+  return false;
+};
+
+export default /*#__PURE__*/React.memo(ExtendedWidget, areEqual);

+.fr-container .fr-form-item-extra {
+  clear: both;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+  line-height: 1.5715;
+  min-height: 24px;
+}

+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+import React from 'react';
+import { useTools } from '../../hooks';
+import "./Extra.css";
+
+var Extra = function Extra(_ref) {
+  var schema = _ref.schema;
+  var extra = schema.extra;
+
+  var _useTools = useTools(),
+      widgets = _useTools.widgets;
+
+  if (!extra) return null; // widget 这个api也可以不对外
+
+  var widgetName = extra.widget;
+  var Widget = widgets[widgetName];
+  if (Widget) return /*#__PURE__*/React.createElement(Widget, {
+    schema: schema
+  });
+  var __html = '';
+
+  if (typeof extra === 'string') {
+    __html = extra;
+  } // 内部BU使用的口子，这个api不对外，也没有必要
+
+
+  if (_typeof(extra) === 'object' && extra.text) {
+    __html = extra.text;
+  }
+
+  return __html && /*#__PURE__*/React.createElement("div", {
+    className: "fr-form-item-extra",
+    dangerouslySetInnerHTML: {
+      __html: __html
+    }
+  });
+};
+
+export default Extra;

+import React from 'react';
+import { useStore2 } from '../../hooks';
+import { isCheckBoxType } from '../../utils';
+
+var Description = function Description(_ref) {
+  var displayType = _ref.displayType,
+      schema = _ref.schema;
+  var description = schema.description,
+      descType = schema.descType;
+  if (!description) return null;
+
+  switch (displayType) {
+    case 'row':
+      return /*#__PURE__*/React.createElement("span", {
+        className: "fr-tooltip-toggle",
+        "aria-label": description
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "fr-tooltip-icon"
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "fr-tooltip-container"
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "fr-tooltip-triangle"
+      }), description));
+
+    case 'inline':
+      return null;
+
+    default:
+      if (descType === 'icon') {
+        return /*#__PURE__*/React.createElement("span", {
+          className: "fr-tooltip-toggle",
+          "aria-label": description
+        }, /*#__PURE__*/React.createElement("i", {
+          className: "fr-tooltip-icon"
+        }), /*#__PURE__*/React.createElement("div", {
+          className: "fr-tooltip-container"
+        }, /*#__PURE__*/React.createElement("i", {
+          className: "fr-tooltip-triangle"
+        }), description));
+      }
+
+      return /*#__PURE__*/React.createElement("span", {
+        className: "fr-desc ml2"
+      }, "( ".concat(description, " )"));
+  }
+};
+
+var Title = function Title(_ref2) {
+  var labelClass = _ref2.labelClass,
+      labelStyle = _ref2.labelStyle,
+      schema = _ref2.schema,
+      displayType = _ref2.displayType;
+
+  var _useStore = useStore2(),
+      globalDisplayType = _useStore.displayType,
+      readOnly = _useStore.readOnly;
+
+  var title = schema.title,
+      required = schema.required,
+      type = schema.type;
+  var isObjType = type === 'object';
+
+  var _displayType = schema.displayType || displayType || globalDisplayType || 'column';
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: labelClass,
+    style: labelStyle
+  }, title ? /*#__PURE__*/React.createElement("label", {
+    className: "fr-label-title ".concat(isCheckBoxType(schema, readOnly) || _displayType === 'column' ? 'no-colon' : '') // checkbox不带冒号
+    ,
+    title: title
+  }, required === true && /*#__PURE__*/React.createElement("span", {
+    className: "fr-label-required"
+  }, " *"), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(isObjType ? 'b' : '', " ").concat(_displayType === 'column' ? 'flex-none' : '')
+  }, /*#__PURE__*/React.createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: title
+    }
+  })), /*#__PURE__*/React.createElement(Description, {
+    schema: schema,
+    displayType: _displayType
+  })) : null);
+};
+
+export default Title;

+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { useEffect, useRef } from 'react';
+import { useStore, useStore2, useTools } from '../../hooks';
+import useDebouncedCallback from '../../useDebounce';
+import { getValueByPath, isCheckBoxType, isObjType } from '../../utils';
+import ErrorMessage from './ErrorMessage';
+import Extra from './Extra';
+import FieldTitle from './Title';
+import ExtendedWidget from './ExtendedWidget'; // TODO: 之后不要直接用get，收口到一个内部方法getValue，便于全局 ctrl + f 查找
+
+var RenderField = function RenderField(props) {
+  var $id = props.$id,
+      dataIndex = props.dataIndex,
+      dataPath = props.dataPath,
+      _value = props._value,
+      dependValues = props.dependValues,
+      _schema = props._schema,
+      labelClass = props.labelClass,
+      labelStyle = props.labelStyle,
+      _contentClass = props.contentClass,
+      children = props.children,
+      _props$errorFields = props.errorFields,
+      errorFields = _props$errorFields === void 0 ? [] : _props$errorFields,
+      hideTitle = props.hideTitle,
+      displayType = props.displayType;
+
+  var _useStore = useStore(),
+      formData = _useStore.formData;
+
+  var _useStore2 = useStore2(),
+      debounceInput = _useStore2.debounceInput,
+      readOnly = _useStore2.readOnly,
+      disabled = _useStore2.disabled,
+      showValidate = _useStore2.showValidate;
+
+  var _useTools = useTools(),
+      onValuesChange = _useTools.onValuesChange,
+      onItemChange = _useTools.onItemChange,
+      setEditing = _useTools.setEditing,
+      touchKey = _useTools.touchKey;
+
+  var formDataRef = useRef();
+  formDataRef.current = formData; // console.log('<renderField>', $id);
+
+  var errObj = errorFields.find(function (err) {
+    return err.name === dataPath;
+  });
+  var errorMessage = errObj && errObj.error; // 是一个list
+
+  var hasError = Array.isArray(errorMessage) && errorMessage.length > 0; // 补上这个class，会自动让下面所有的展示ui变红！
+
+  var contentClass = hasError && showValidate ? _contentClass + ' ant-form-item-has-error' : _contentClass;
+  var contentStyle = {};
+  var debouncedSetEditing = useDebouncedCallback(setEditing, 350);
+
+  var _readOnly = readOnly !== undefined ? readOnly : _schema.readOnly;
+
+  var _disabled = disabled !== undefined ? disabled : _schema.disabled; // TODO: 优化一下，只有touch还是false的时候，setTouched
+
+
+  var onChange = function onChange(value) {
+    // 动过的key，算被touch了, 这里之后要考虑动的来源
+    touchKey(dataPath); // 开始编辑，节流
+
+    if (debounceInput) {
+      setEditing(true);
+      debouncedSetEditing(false);
+    }
+
+    if (typeof dataPath === 'string') {
+      onItemChange(dataPath, value);
+    } // 先不暴露给外部，这个api
+
+
+    if (typeof onValuesChange === 'function') {
+      onValuesChange(_defineProperty({}, dataPath, value), formDataRef.current);
+    }
+  };
+
+  var titleProps = {
+    labelClass: labelClass,
+    labelStyle: labelStyle,
+    schema: _schema,
+    displayType: displayType
+  };
+  var messageProps = {
+    message: errorMessage,
+    schema: _schema,
+    displayType: displayType,
+    softHidden: displayType === 'inline',
+    // 这个是如果没有校验信息时，展示与否
+    hardHidden: showValidate === false || _readOnly === true // 这个是强制的展示与否
+
+  };
+  var placeholderTitleProps = {
+    className: labelClass,
+    style: labelStyle
+  };
+
+  var _showTitle = !hideTitle && typeof _schema.title === 'string'; // TODO: 这块最好能判断上一层是list1，
+
+
+  if (hideTitle && _schema.title) {
+    _schema.placeholder = _schema.placeholder || _schema.title;
+  }
+
+  var _getValue = function _getValue(path) {
+    return getValueByPath(formData, path);
+  };
+
+  var widgetProps = {
+    $id: $id,
+    schema: _schema,
+    readOnly: _readOnly,
+    disabled: _disabled,
+    onChange: onChange,
+    getValue: _getValue,
+    formData: formData,
+    value: _value,
+    dependValues: dependValues,
+    onItemChange: onItemChange,
+    dataIndex: dataIndex,
+    dataPath: dataPath,
+    children: children
+  }; // if (_schema && _schema.default !== undefined) {
+  //   widgetProps.value = _schema.default;
+  // }
+  // checkbox必须单独处理，布局太不同了
+
+  if (isCheckBoxType(_schema, _readOnly)) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, _showTitle && /*#__PURE__*/React.createElement("div", placeholderTitleProps), /*#__PURE__*/React.createElement("div", {
+      className: contentClass,
+      style: contentStyle
+    }, /*#__PURE__*/React.createElement(ExtendedWidget, widgetProps), /*#__PURE__*/React.createElement(Extra, widgetProps), /*#__PURE__*/React.createElement(ErrorMessage, messageProps)));
+  }
+
+  var titleElement = /*#__PURE__*/React.createElement(FieldTitle, titleProps);
+
+  if (isObjType(_schema)) {
+    titleElement = /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex'
+      }
+    }, titleElement, /*#__PURE__*/React.createElement(ErrorMessage, messageProps));
+    return /*#__PURE__*/React.createElement("div", {
+      className: contentClass,
+      style: contentStyle
+    }, /*#__PURE__*/React.createElement(ExtendedWidget, _extends({}, widgetProps, {
+      message: errorMessage,
+      title: _showTitle ? titleElement : undefined
+    })), /*#__PURE__*/React.createElement(Extra, widgetProps));
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _showTitle && titleElement, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(contentClass, " ").concat(hideTitle ? 'fr-content-no-title' : ''),
+    style: contentStyle
+  }, /*#__PURE__*/React.createElement(ExtendedWidget, widgetProps), /*#__PURE__*/React.createElement(Extra, widgetProps), /*#__PURE__*/React.createElement(ErrorMessage, messageProps)));
+};
+
+export default RenderField;

+var _excluded = ["id", "_item", "dataIndex", "hideTitle", "hideValidation", "debugCss"],
+    _excluded2 = ["id", "item", "dataIndex", "dataPath", "hideTitle", "hideValidation", "debugCss", "schema", "_value", "dependValues", "displayType", "column", "labelWidth", "readOnly", "errorFields", "effectiveLabelWidth"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React, { useRef } from 'react';
+import RenderList from './RenderChildren/RenderList';
+import RenderObject from './RenderChildren/RenderObject';
+import RenderField from './RenderField';
+import { useStore, useStore2 } from '../hooks';
+import { isLooselyNumber, isCssLength, getParentProps, getParentPath, isListType, isCheckBoxType, isObjType, getValueByPath, getDataPath, parseRootValueInSchema, clone } from '../utils';
+
+var Core = function Core(_ref) {
+  var _ref$id = _ref.id,
+      id = _ref$id === void 0 ? '#' : _ref$id,
+      _item = _ref._item,
+      _ref$dataIndex = _ref.dataIndex,
+      dataIndex = _ref$dataIndex === void 0 ? [] : _ref$dataIndex,
+      _ref$hideTitle = _ref.hideTitle,
+      hideTitle = _ref$hideTitle === void 0 ? false : _ref$hideTitle,
+      _ref$hideValidation = _ref.hideValidation,
+      hideValidation = _ref$hideValidation === void 0 ? false : _ref$hideValidation,
+      debugCss = _ref.debugCss,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  // console.log('<Core>', id);
+  var snapShot = useRef();
+
+  var _useStore = useStore(),
+      flatten = _useStore.flatten,
+      errorFields = _useStore.errorFields,
+      isEditing = _useStore.isEditing,
+      formData = _useStore.formData,
+      allTouched = _useStore.allTouched;
+
+  var _useStore2 = useStore2(),
+      displayType = _useStore2.displayType,
+      column = _useStore2.column,
+      labelWidth = _useStore2.labelWidth,
+      readOnly = _useStore2.readOnly;
+
+  var item = _item ? _item : flatten[id];
+  if (!item) return null;
+  var dataPath = getDataPath(id, dataIndex);
+  var parentPath = getParentPath(dataPath);
+
+  var _value = getValueByPath(formData, dataPath);
+
+  var schema = clone(item.schema);
+  var dependencies = schema.dependencies;
+  var dependValues = [];
+  var rootValue;
+
+  try {
+    if (Array.isArray(dependencies)) {
+      dependencies.forEach(function (item) {
+        var itemPath = getDataPath(item, dataIndex);
+        var result = getValueByPath(formData, itemPath);
+        dependValues.push(result);
+      });
+    }
+  } catch (error) {
+    console.error("dependencies \u8BA1\u7B97\u62A5\u9519\uFF0C".concat(dependencies));
+  }
+
+  try {
+    rootValue = getValueByPath(formData, parentPath);
+  } catch (error) {} // 节流部分逻辑，编辑时不执行
+
+
+  if (isEditing && snapShot.current) {
+    schema = snapShot.current;
+  } else {
+    if (JSON.stringify(schema).indexOf('rootValue') > -1) {
+      schema = parseRootValueInSchema(schema, rootValue);
+    }
+
+    snapShot.current = schema;
+  } // 真正有效的label宽度需要从现在所在item开始一直往上回溯（设计成了继承关系），找到的第一个有值的 ui:labelWidth
+
+
+  var effectiveLabelWidth = getParentProps('labelWidth', id, flatten) || labelWidth;
+
+  var dataProps = _objectSpread({
+    id: id,
+    item: item,
+    // 如果直接传了item，就不用id去取item, 暂时是内部属性，不外用
+    dataIndex: dataIndex,
+    // 数据来源是数组的第几个index，上层每有一个list，就push一个index
+    dataPath: dataPath,
+    _value: _value,
+    dependValues: dependValues,
+    hideTitle: hideTitle,
+    hideValidation: hideValidation,
+    debugCss: debugCss,
+    schema: schema,
+    displayType: displayType,
+    column: column,
+    labelWidth: labelWidth,
+    readOnly: readOnly,
+    errorFields: errorFields,
+    effectiveLabelWidth: effectiveLabelWidth,
+    allTouched: allTouched
+  }, rest);
+
+  return /*#__PURE__*/React.createElement(CoreRender, dataProps);
+};
+
+var CoreRender = function CoreRender(_ref2) {
+  var id = _ref2.id,
+      item = _ref2.item,
+      dataIndex = _ref2.dataIndex,
+      dataPath = _ref2.dataPath,
+      hideTitle = _ref2.hideTitle,
+      hideValidation = _ref2.hideValidation,
+      debugCss = _ref2.debugCss,
+      schema = _ref2.schema,
+      _value = _ref2._value,
+      dependValues = _ref2.dependValues,
+      displayType = _ref2.displayType,
+      column = _ref2.column,
+      labelWidth = _ref2.labelWidth,
+      readOnly = _ref2.readOnly,
+      errorFields = _ref2.errorFields,
+      effectiveLabelWidth = _ref2.effectiveLabelWidth,
+      rest = _objectWithoutProperties(_ref2, _excluded2);
+
+  // if (schema.hidden) {
+  //   return null;
+  // }
+  // 样式的逻辑全放在这层
+  // displayType 一层层网上找值
+  var _displayType = schema.displayType || rest.displayType || displayType || 'column';
+
+  var isList = isListType(schema);
+  var isObj = isObjType(schema);
+  var isComplex = isObj || isList;
+  var isCheckBox = isCheckBoxType(schema, readOnly);
+  var width = schema.width || schema['ui:width'];
+  var containerClass = "fr-field ".concat(_displayType === 'inline' ? '' : 'w-100', " flex");
+  var labelClass = "fr-label";
+  var contentClass = "fr-content";
+
+  if (typeof schema.className === 'string') {
+    containerClass += ' ' + schema.className;
+  } // common classNames dispite row or column
+
+
+  switch (schema.type) {
+    case 'object':
+      if (isObj) {
+        if (schema.title) {
+          labelClass += ' fr-label-object';
+        }
+
+        containerClass += ' fr-field-object';
+      }
+
+      break;
+
+    case 'array':
+      // list 有两种展示形式！
+      if (isList) {
+        if (schema.title) {
+          labelClass += ' fr-label-list';
+        }
+
+        containerClass += ' fr-field-column';
+      }
+
+      break;
+
+    case 'boolean':
+      if (isCheckBox) {
+        contentClass += ' fr-content-column'; // checkbox高度短，需要居中对齐
+
+        containerClass += " flex ".concat(_displayType === 'column' ? 'flex-column' : '');
+      }
+
+      break;
+
+    default:
+  } // column specific className
+
+
+  if (!isComplex && !isCheckBox) {
+    if (_displayType === 'column') {
+      containerClass += ' flex-column';
+      labelClass += ' fr-label-column';
+      contentClass += ' fr-content-column';
+
+      switch (schema.type) {
+        case 'object':
+          break;
+
+        case 'array':
+          if (schema.title && !schema.enum) {// labelClass += ' b mb2';
+          }
+
+          break;
+
+        case 'boolean':
+          break;
+
+        default:
+      }
+    } else if (_displayType === 'row') {
+      // row specific className
+      containerClass += '';
+      labelClass += ' fr-label-row';
+      contentClass += ' fr-content-row';
+
+      if (!isObj && !isCheckBox) {
+        labelClass += ' flex-shrink-0 fr-label-row';
+        contentClass += ' flex-grow-1 relative';
+      }
+    }
+  } // style part
+
+
+  var columnStyle = {};
+
+  if (schema.hidden) {
+    columnStyle.display = 'none';
+  } // if (!isComplex) {
+  // }
+
+
+  if (!isObj) {
+    if (width) {
+      columnStyle.width = width;
+      columnStyle.paddingRight = 8;
+    } else if (column > 1) {
+      columnStyle.width = "calc(100% /".concat(column, ")");
+      columnStyle.paddingRight = 8;
+    }
+  }
+
+  var _labelWidth = isLooselyNumber(effectiveLabelWidth) ? Number(effectiveLabelWidth) : isCssLength(effectiveLabelWidth) ? effectiveLabelWidth : 110; // 默认是 110px 的长度
+
+
+  var labelStyle = {
+    width: _labelWidth
+  };
+
+  if (isComplex || _displayType === 'column') {
+    labelStyle = {
+      flexGrow: 1
+    };
+  }
+
+  if (_displayType === 'inline') {
+    labelStyle = {
+      marginTop: 5,
+      paddingLeft: 12
+    };
+    labelClass = '';
+    contentClass += ' fr-content-inline';
+
+    if (containerClass.indexOf('fr-field-object') === -1) {
+      containerClass += ' fr-field-inline';
+    }
+  }
+
+  var hasChildren = item.children && item.children.length > 0;
+  var fieldProps = {
+    $id: id,
+    dataIndex: dataIndex,
+    dataPath: dataPath,
+    _value: _value,
+    dependValues: dependValues,
+    _schema: schema,
+    labelClass: labelClass,
+    labelStyle: labelStyle,
+    contentClass: contentClass,
+    errorFields: errorFields,
+    // 层级间可使用的字段
+    displayType: _displayType,
+    hideTitle: hideTitle,
+    hideValidation: hideValidation
+  };
+  var objChildren = /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-wrap"
+  }, /*#__PURE__*/React.createElement(RenderObject, {
+    dataIndex: dataIndex,
+    errorFields: errorFields,
+    displayType: _displayType,
+    hideTitle: hideTitle
+  }, item.children));
+  var listChildren = /*#__PURE__*/React.createElement(RenderList, {
+    parentId: id,
+    schema: schema,
+    dataIndex: dataIndex,
+    errorFields: errorFields,
+    displayType: _displayType,
+    hideTitle: hideTitle
+  }, item.children); // 计算 children
+
+  var _children = null;
+
+  if (hasChildren) {
+    if (isObj) {
+      _children = objChildren;
+    } else if (isList) {
+      _children = listChildren;
+    }
+  } else if (isCheckBox) {
+    _children = schema.title;
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: columnStyle,
+    className: "".concat(containerClass, " ").concat(debugCss ? 'debug' : '')
+  }, /*#__PURE__*/React.createElement(RenderField, fieldProps, _children));
+};
+
+var areEqual = function areEqual(prev, current) {
+  if (prev.allTouched !== current.allTouched) {
+    return false;
+  }
+
+  if (prev.displayType !== current.displayType) {
+    return false;
+  }
+
+  if (prev.column !== current.column) {
+    return false;
+  }
+
+  if (prev.labelWidth !== current.labelWidth) {
+    return false;
+  }
+
+  if (JSON.stringify(prev.dependValues) !== JSON.stringify(current.dependValues)) {
+    return false;
+  }
+
+  if (JSON.stringify(prev._value) === JSON.stringify(current._value) && JSON.stringify(prev.schema) === JSON.stringify(current.schema) && JSON.stringify(prev.errorFields) === JSON.stringify(current.errorFields)) {
+    return true;
+  }
+
+  return false;
+};
+
+var MCore = /*#__PURE__*/React.memo(CoreRender, areEqual);
+export default Core;

+var _excluded = ["schema"],
+    _excluded2 = ["onChange", "value", "defaultValue", "schema", "readOnly"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from "react";
+import { defaultGetValueFromEvent } from './utils';
+export var createWidget = function createWidget(mapProps, extraSchema) {
+  return function (Component) {
+    return function (props) {
+      var schema = props.schema,
+          rest = _objectWithoutProperties(props, _excluded);
+
+      var _schema = _objectSpread(_objectSpread({}, schema), extraSchema);
+
+      var propsMap = typeof mapProps === 'function' ? mapProps(_objectSpread({
+        schema: _schema
+      }, rest)) : {};
+
+      var _props = _objectSpread(_objectSpread({
+        schema: _schema
+      }, rest), propsMap);
+
+      var finalProps = transformProps(_props);
+      return /*#__PURE__*/React.createElement(Component, finalProps);
+    };
+  };
+};
+export var transformProps = function transformProps(props) {
+  var onChange = props.onChange,
+      value = props.value,
+      defaultValue = props.defaultValue,
+      ownSchema = props.schema,
+      readOnly = props.readOnly,
+      rest = _objectWithoutProperties(props, _excluded2);
+
+  var schema = _objectSpread({}, ownSchema);
+
+  var _ref = schema || {},
+      trigger = _ref.trigger,
+      valuePropName = _ref.valuePropName;
+
+  var controlProps = {};
+  var _valuePropName = 'value';
+
+  var _value = value === undefined ? defaultValue : value;
+
+  if (valuePropName && typeof valuePropName === 'string') {
+    _valuePropName = valuePropName;
+    controlProps[valuePropName] = _value;
+  } else {
+    controlProps.value = _value;
+  }
+
+  var _onChange = function _onChange() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var newValue = defaultGetValueFromEvent.apply(void 0, [_valuePropName].concat(args));
+    onChange(newValue);
+  };
+
+  if (trigger && typeof trigger === 'string') {
+    controlProps[trigger] = _onChange;
+  } else {
+    controlProps.onChange = _onChange;
+  }
+
+  var usefulPropsFromSchema = {
+    disabled: schema.disabled || schema['ui:disabled'],
+    readOnly: schema.readOnly || schema['ui:readonly'] || readOnly,
+    hidden: schema.hidden || schema['ui:hidden']
+  };
+
+  var _props = _objectSpread(_objectSpread(_objectSpread({}, controlProps), {}, {
+    schema: schema
+  }, usefulPropsFromSchema), rest);
+
+  return _props;
+};

+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { useReducer, useContext, useRef, useEffect, useState, createContext } from 'react';
+export var Ctx = /*#__PURE__*/createContext(function () {});
+export var StoreCtx = /*#__PURE__*/createContext({});
+export var Store2Ctx = /*#__PURE__*/createContext({});
+export var useTools = function useTools() {
+  return useContext(Ctx);
+};
+export var useStore = function useStore() {
+  return useContext(StoreCtx);
+};
+export var useStore2 = function useStore2() {
+  return useContext(Store2Ctx);
+};
+export var useSet = function useSet(initState) {
+  var _useReducer = useReducer(function (state, newState) {
+    var action = newState;
+
+    if (typeof newState === 'function') {
+      action = action(state);
+    }
+
+    if (newState.action && newState.payload) {
+      action = newState.payload;
+
+      if (typeof action === 'function') {
+        action = action(state);
+      }
+    }
+
+    var result = _objectSpread(_objectSpread({}, state), action); // console.group(newState.action || 'action'); // TODO: give it a name
+    // console.log('%cState:', 'color: #9E9E9E; font-weight: 700;', state);
+    // console.log('%cAction:', 'color: #00A7F7; font-weight: 700;', action);
+    // console.log('%cNext:', 'color: #47B04B; font-weight: 700;', result);
+    // console.groupEnd();
+
+
+    // console.group(newState.action || 'action'); // TODO: give it a name
+    // console.log('%cState:', 'color: #9E9E9E; font-weight: 700;', state);
+    // console.log('%cAction:', 'color: #00A7F7; font-weight: 700;', action);
+    // console.log('%cNext:', 'color: #47B04B; font-weight: 700;', result);
+    // console.groupEnd();
+    return result;
+  }, initState),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      state = _useReducer2[0],
+      setState = _useReducer2[1];
+
+  return [state, setState];
+};
+export function useInterval(callback, delay, start) {
+  var savedCallback = useRef();
+  useEffect(function () {
+    savedCallback.current = callback;
+  }, [callback]);
+  var id = useRef();
+  useEffect(function () {
+    if (!start) {
+      return;
+    }
+
+    function tick() {
+      savedCallback && savedCallback.current && savedCallback.current();
+    }
+
+    tick();
+
+    if (delay !== null) {
+      id.current = setInterval(tick, delay);
+      return function () {
+        return clearInterval(id.current);
+      };
+    }
+  }, [delay, start]);
+  return function () {
+    return clearInterval(id.current);
+  };
+}
+export function usePrevious(value) {
+  // The ref object is a generic container whose current property is mutable ...
+  // ... and can hold any value, similar to an instance property on a class
+  var ref = useRef(); // Store current value in ref
+
+  useEffect(function () {
+    ref.current = value;
+  }, [value]); // Only re-run if value changes
+  // Return previous value (happens before update in useEffect above)
+
+  return ref.current;
+}
+export var useShowOnce = function useShowOnce(localKey) {
+  // 从 localStorage 读取 key 值
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      show = _useState2[0],
+      setShow = _useState2[1];
+
+  var localStr;
+
+  try {
+    localStr = localStorage.getItem(localKey);
+  } catch (error) {}
+
+  if (!localStr) {
+    setShow(true);
+    localStorage.setItem(localKey, JSON.stringify(true));
+  }
+
+  return show;
+};
+export var useModal = function useModal() {
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      show = _useState4[0],
+      setShow = _useState4[1];
+
+  var toggle = function toggle() {
+    return setShow(!show);
+  };
+
+  return [show, toggle];
+};
+export var useWindowState = function useWindowState(initState) {
+  var _useState5 = useState(initState),
+      _useState6 = _slicedToArray(_useState5, 2),
+      state = _useState6[0],
+      setState = _useState6[1];
+
+  return [state, setState];
+};
+export var useStorageState = function useStorageState() {
+  var initState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var searchKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'SAVES';
+
+  var readSearchFromStorage = function readSearchFromStorage() {
+    var searchStr = localStorage.getItem(searchKey);
+
+    if (searchStr) {
+      try {
+        return JSON.parse(searchStr);
+      } catch (error) {
+        return initState;
+      }
+    }
+
+    return initState;
+  };
+
+  var _useState7 = useState(readSearchFromStorage()),
+      _useState8 = _slicedToArray(_useState7, 2),
+      data = _useState8[0],
+      setData = _useState8[1];
+
+  var setSearchWithStorage = function setSearchWithStorage(search) {
+    setData(search);
+    localStorage.setItem(searchKey, JSON.stringify(search));
+  };
+
+  return [data, setSearchWithStorage];
+};

+/*
+  用于原有样式的覆盖
+ */
+.fr-container {
+  /* Row */
+  /* 自定义类 */
+  /* 组件内部样式*/
+  /* 其他样式 */
+}
+.fr-container .fr-field {
+  font-size: 14px;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  line-height: 1.5715;
+  margin-bottom: 0;
+}
+.fr-container .fr-field-column {
+  flex-direction: column;
+}
+.fr-container .fr-field-object {
+  flex-direction: column;
+}
+.fr-container .fr-field-inline {
+  margin-bottom: 12px;
+}
+.fr-container .fr-item-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  min-height: 32px;
+}
+.fr-container .ant-table-cell .fr-field {
+  margin-bottom: 0;
+}
+.fr-container .fr-collapse-object {
+  margin-bottom: 8px;
+  overflow: hidden;
+  background: #f7f7f7;
+  border-radius: 2px;
+}
+.fr-container .fr-collapse-object .ant-collapse-header {
+  padding-bottom: 4px !important;
+  padding-top: 4px !important;
+}
+.fr-container .fr-collapse-object .ant-collapse-content-box {
+  padding: 8px 8px 4px 8px !important;
+}
+.fr-container .fr-collapse-object .ant-collapse-arrow {
+  padding-top: 5px !important;
+}
+.fr-container .fr-label {
+  display: block;
+}
+.fr-container .fr-label-row {
+  text-align: right;
+  flex-shrink: 0;
+  margin-top: 5px;
+}
+.fr-container .fr-label-column {
+  margin-bottom: 4px;
+}
+.fr-container .fr-label-title {
+  display: inline-flex;
+  color: #333;
+  font-size: 14px;
+  min-height: 22px;
+  /* ""的标签页占位 */
+  line-height: 22px;
+}
+.fr-container .fr-label-required {
+  margin: 1px 4px 0 0;
+  color: #f5222d;
+  font-size: 14px;
+  font-family: SimSun, sans-serif;
+}
+.fr-container .fr-label-title::after {
+  content: ':';
+  position: relative;
+  top: -0.5px;
+  margin: 0 10px 0 2px;
+}
+.fr-container .fr-label-title.no-colon::after {
+  content: '';
+  margin: 0;
+}
+.fr-container .fr-label-object .fr-label-title {
+  font-size: 16px;
+  color: #222;
+}
+.fr-container .fr-label-list {
+  margin-bottom: 5px;
+}
+.fr-container .fr-content {
+  width: 100%;
+}
+.fr-container .fr-list-1 .fr-content {
+  min-width: 140px;
+}
+.fr-container .fr-list-1 .fr-content-row {
+  flex: 1;
+  position: relative;
+}
+.fr-container .fr-list-1 .fr-content.fr-content-inline {
+  width: unset;
+}
+.fr-container .fr-list-1 .fr-content.fr-content-inline.fr-content-no-title {
+  margin-right: 8px;
+}
+.fr-container .fr-desc {
+  /* margin-top: 3px; */
+  font-size: 12px;
+  word-break: break-all;
+  color: #888;
+}
+.fr-container .fr-validate {
+  margin-left: 12px;
+  font-size: 12px;
+  word-break: break-all;
+  color: #f5222d;
+}
+.fr-container .fr-validate-row {
+  margin: 3px 0 0 0;
+}
+.fr-container .fr-field-row .fr-tooltip-icon {
+  margin: 3px 2px 0 0;
+}
+.fr-container .hover-b--black-20:hover {
+  border-color: rgba(0, 0, 0, 0.3);
+}
+.fr-container .pt44 {
+  padding-top: 46px;
+}
+.fr-container .pv12 {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+.fr-container .fr-move-icon {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding-top: 2px;
+  padding-right: 10px;
+  font-size: 24px;
+  font-weight: 300;
+}
+.fr-container .fr-move-icon:hover {
+  cursor: move;
+}
+.fr-container .fr-color-picker {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: #666;
+}
+.fr-container .fr-color-picker .rc-color-picker-trigger {
+  margin-right: 12px;
+  height: 32px;
+  width: 60px;
+  border: 1px solid #e5e5e5;
+}
+.fr-container .fr-color-picker > p {
+  margin: 0;
+  font-size: 14px;
+  line-height: 28px;
+}
+.fr-container .fr-color-picker .rc-color-picker-wrap {
+  display: flex;
+}
+.fr-container .next-input,
+.fr-container .next-number-picker {
+  width: 100%;
+}
+.fr-container .upload-img {
+  max-width: 200px;
+  max-height: 200px;
+  margin-right: 24px;
+}
+.fr-container .fr-preview-image {
+  width: 160px;
+}
+.fr-container .fr-preview {
+  position: relative;
+  cursor: pointer;
+}
+.fr-container .fr-upload-mod,
+.fr-container .fr-upload-file {
+  display: flex;
+}
+.fr-container .fr-upload-mod {
+  align-items: center;
+}
+.fr-container .fr-upload-mod .fr-upload-preview {
+  margin: 0 12px;
+}
+.fr-container .fr-upload-file .ant-upload-list-item {
+  margin: 5px 0 0 8px;
+}
+.fr-container .fr-upload-file .ant-upload-list-item-name {
+  margin-right: 6px;
+}
+.fr-container .fr-upload-file .ant-upload-list-item-info {
+  cursor: pointer;
+}
+.fr-container .fr-upload-file .next-upload-list-text .next-upload-list-item-done,
+.fr-container .fr-upload-file .next-upload-list-text .next-upload-list-item .next-icon {
+  height: 28px;
+  line-height: 28px;
+  margin-left: 12px;
+}
+.fr-container .fr-upload-file .next-upload-list-item-name-wrap {
+  margin-top: -4px;
+}
+.fr-container .fr-sort-help-class {
+  background: #fff;
+}
+.fr-container .fold-icon.fold-icon-active {
+  transform: rotate(0deg);
+}
+.fr-container .fold-icon {
+  transform: rotate(-90deg);
+  transition: transform 0.24s;
+  cursor: pointer;
+  position: relative;
+}
+.fr-container .fold-icon::after {
+  content: '';
+  position: absolute;
+  top: -20px;
+  right: -10px;
+  bottom: -5px;
+  left: -20px;
+}
+.fr-container .fr-tooltip-toggle {
+  cursor: pointer;
+  position: relative;
+}
+.fr-container .fr-tooltip-toggle:hover .fr-tooltip-container {
+  opacity: 1;
+  visibility: visible;
+}
+.fr-container .fr-tooltip-icon {
+  height: 14px;
+  width: 14px;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEnUlEQVR42u1bS0iUURT+zd4Y9KDosSihNhYUaBE9YKpFDKKOOmOLahtJ2SoxA2fUdUoQJK5qU0ib6LlxUYJpkY0LE3tQZkU7y7A0e1jnA4Of8pz//5373/+BF44Oc+/c853v3nOf5xpup0QiMZ9kD8mxeDzeTHKXPveSvKXP3+j/GP1/h++QhzIoW1ZWthu/NYKYysvLN5EhKZJ7ZMQEye8ZyjjJfZIk6vS10YWFhcvI4FoC2wfwLkkf6aiBLt8YHovFNhCoFnRlgNQkY9BJbrLeS9uzqFueYAzXJV9ITgKLVsvBPCnuAAifSIe23kBd7zApHHUI8D3JBfptFUlialbYSJIDweep7+Iog7L4jUMdn4HNzeksmxRcdgColyRZWlq6NQOd21AH6rKrFxiBVanxxcXFS6jSdpsAHtLYUODC1FqAum0S0Q7Mqlp+ESlO2zD8DUmJBhcsgS4bJDwBdhUKb1ko+kll6qLR6AJDU4IuuAZ0W2C7kWnrJy1a/QONvjsNjxLp32VjsEzO1OcOkoJJoeJuGuBWGB4nYCCcD4RGmiSJOm35PIup7kokEplr+CQBCzAJeEeJqC22V3jE2IBQWVd+fv48w2cJmAhbp4C7H7bZaf1KoZJBbET8vCEDRgF/pdXGZim1/ifGl344WtTIJJ//B+ggts+K6t4BrAwBH2GjNKo2CuxVqzJeGLDqFemoFnQ0sq0vDHyP4D+KwI1ILqZqpyqsGmFjznStX8tNIzQlbjYUJasVnCo9wAzsjE1npyPgFQPqJvKDRYC8ioWt/200BFD7FRMwIu0nFBNwgNMFm80Fz0mAFIOqVz4IyoS/ZvQ1mQv1MYBqkO8GCSDXTDRjvAoCznAHrH/X0qu4FqE99Voj2AkErOPsg+3w/wqmwDMjHAkkPGdsPITMBqb7t4SFANjCjTkgoI0ZJY+Hwnp5f9MGdtIMOxF35n1ZXDrG38fYmDa48zWcs4eFANxesUtv+jPMZC4PCwE4NWL0DRvcehkHjyEhACdGCxl9vwBwggEyxw0wXhCAOANG34TsAi4k37kA/RliMnND1ANyGX1DGAMe89Og+uSjaRDSAwKucgeIYSEAcQzc8T4ISDGZrSFygVaml6dAQILJfBEiAl4yy/0KZK6WtsMBJwD+v0bcDk/tlp4yveB0cAmQj8hhs7lQE1NoIAQEPGdsazZ3k+3SoahOAvQfisoDBeR2QAmArjvcsbi2i5FMQ+Ay0Jvn6GIE10VWV2MBIiALmKWrMfFylJsRgkIAsAp1NojX47hCZn74HdfjficAAzp3PY6rf9g4GyBhw3/6Axoi0yW48IDtcQwBRVIUOHaQfguSAiYpvB42Od1Cxiz8s5tkpdfGAwOwSFhhy0xXUnV+DpSEbmCwwFiXKcPXbYTKpnSHykIndFsYf01JsDRJTxCDpUGU7nB5SKcfwuWLiooWK38wQXLJwcOFtIoHE/Bh5v6SE2DMdvNN4BE3nszQ93szfTJDclTbU7lAP5pSGIxY5eWzOdL/lXrkKW6Fp7M3XPTi4SR0zz6dnX087fOEq2k8hTc/nydJm57Pj3v5fP4PSqRR6oYkTaUAAAAASUVORK5CYII=');
+  background-size: cover;
+  display: block;
+  margin: 4px 0 0 4px;
+}
+.fr-container .fr-tooltip-container {
+  position: absolute;
+  width: 160px;
+  white-space: initial !important;
+  top: -4px;
+  left: 0;
+  bottom: unset;
+  transform: translateY(-100%);
+  text-align: left;
+  background: #2b222a;
+  padding: 4px;
+  margin-left: -69px;
+  border-radius: 4px;
+  color: #efefef;
+  font-size: 13px;
+  cursor: auto;
+  z-index: 99999;
+  transition: all 0.5s ease;
+  opacity: 0;
+  visibility: hidden;
+  word-wrap: break-word;
+}
+.fr-container .fr-tooltip-triangle {
+  position: absolute;
+  left: 50%;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid #2b222a;
+  transition: all 0.5s ease;
+  content: ' ';
+  font-size: 0;
+  line-height: 0;
+  margin-left: -5px;
+  width: 0;
+  bottom: -5px;
+}
+.fr-container .fr-tooltip-toggle::before,
+.fr-container .fr-tooltip-toggle::after {
+  color: #efefef;
+  font-size: 13px;
+  opacity: 0;
+  pointer-events: none;
+  text-align: center;
+}
+.fr-container .fr-tooltip-toggle:focus::before,
+.fr-container .fr-tooltip-toggle:focus::after,
+.fr-container .fr-tooltip-toggle:hover::before,
+.fr-container .fr-tooltip-toggle:hover::after {
+  opacity: 1;
+  transition: all 0.75s ease;
+}
+.fr-container .fr-slider {
+  display: flex;
+  width: 100%;
+  align-items: center;
+}
+.fr-container .fr-map {
+  display: flex;
+  flex-wrap: wrap;
+}
+.fr-container .fr-arrow-icon {
+  cursor: pointer;
+}
+.fr-container .fr-row-error {
+  background-color: rgba(255, 77, 79, 0.2);
+}
+.fr-container .fr-theme-card-wrap {
+  background-color: #fff;
+  padding: 36px 40px;
+  margin-bottom: 24px;
+  border-radius: 4px;
+  display: flex;
+  justify-content: space-between;
+}
+.fr-container .fr-theme-card-wrap .fr-theme-card-title {
+  font-size: 16px;
+  margin-bottom: 16px;
+}

+import * as React from 'react';
+export interface Error {
+  /** 错误的数据路径 */
+  name: string;
+  /** 错误的内容 */
+  error: string[];
+}
+export interface FormParams {
+  formData?: any;
+  onChange?: (data: any) => void;
+  onValidate?: (valid: any) => void;
+  showValidate?: boolean;
+  /** 数据分析接口，表单展示完成渲染时触发 */
+  logOnMount?: (stats: any) => void;
+  /** 数据分析接口，表单提交成功时触发，获得本次表单填写的总时长 */
+  logOnSubmit?: (stats: any) => void;
+}
+
+export interface ValidateParams {
+  formData: any;
+  schema: any;
+  error: Error[];
+  [k: string]: any;
+}
+export interface FormInstance {
+  formData: any;
+  schema: any;
+  flatten: any;
+  touchedKeys: string[];
+  touchKey: (key: string) => void;
+  onItemChange: (path: string, value: any) => void;
+  setValueByPath: (path: string, value: any) => void;
+  getSchemaByPath: (path: string) => object;
+  setSchemaByPath: (path: string, value: any) => void;
+  setSchema: (settings: any) => void;
+  setValues: (formData: any) => void;
+  getValues: () => any;
+  resetFields: () => void;
+  submit: () => Promise<void> | Promise<any[]>;
+  submitData: any;
+  errorFields: Error[];
+  isValidating: boolean;
+  outsideValidating: boolean;
+  isSubmitting: boolean;
+  endValidating: () => void;
+  endSubmitting: () => void;
+  setErrorFields: (error: Error[]) => void;
+  removeErrorField: (path: string) => void;
+  removeTouched: (path: string) => void;
+  changeTouchedKeys: (pathArray: string[]) => void;
+  isEditing: boolean;
+  setEditing: (status: boolean) => void;
+  syncStuff: (args: any) => void;
+  /** 折中升级方案中使用到，正常用不到 */
+  init: () => void;
+  /** 数据分析接口，表单展示完成渲染时触发 */
+  logOnMount?: (any) => void;
+  /** 数据分析接口，表单提交成功时触发，获得本次表单填写的总时长 */
+  logOnSubmit?: (any) => void;
+}
+
+export type WatchProperties = {
+  [path: string]:
+    | {
+        handler: (value: any) => void;
+        immediate?: boolean;
+      }
+    | ((value: any) => void);
+};
+
+export interface FRProps {
+  /** 表单 id */
+  id?: string | number;
+  /** 表单顶层的className */
+  className?: string;
+  /** 表单顶层的样式 */
+  style?: any;
+  /** 表单 schema */
+  schema: any;
+  /** form单例 */
+  form: FormInstance;
+  /** 组件和schema的映射规则 */
+  mapping?: any;
+  /** 自定义组件 */
+  widgets?: any;
+  /** 表单提交前钩子 */
+  displayType?: string;
+  /** 只读模式 */
+  readOnly?: boolean;
+  /** 禁用模式 */
+  disabled?: boolean;
+  /** 标签宽度 */
+  labelWidth?: string | number;
+  /** antd的全局config */
+  configProvider?: any;
+  theme?: string | number;
+  /** 覆盖默认的校验信息 */
+  validateMessages?: any;
+  /** 显示当前表单内部状态 */
+  debug?: boolean;
+  /** 显示css布局提示线 */
+  debugCss?: boolean;
+  locale?: string;
+  column?: number;
+  debounceInput?: boolean;
+  size?: string;
+  // 数据会作为 beforeFinish 的第四个参数传入
+  config?: any;
+  // 类似于 vuejs 的 watch 的用法，监控值的变化，触发 callback
+  watch?: WatchProperties;
+  /** 对象组件是否折叠（全局的控制） */
+  allCollapsed?: boolean;
+  /** 表单的全局共享属性 */
+  globalProps?: any;
+  /** 表单首次加载钩子 */
+  onMount?: () => void;
+  /** 表单提交前钩子 */
+  beforeFinish?: (params: ValidateParams) => Error[] | Promise<Error[]>;
+  /** 表单提交后钩子 */
+  onFinish?: (formData: any, error: Error[]) => void;
+  /** 时时与外部更新同步的钩子 */
+  onValuesChange?: (changedValues: any, formData: any) => void;
+  /** 隐藏的数据是否去掉，默认不去掉（false） */
+  removeHiddenData?: boolean;
+}
+
+declare const FR: React.FC<FRProps>;
+
+export declare function useForm(params?: FormParams): FormInstance;
+
+export type ConnectedForm<T> = T & {
+  form: FormInstance;
+};
+
+export declare function connectForm<T extends {} = any>(
+  component: React.ComponentType<ConnectedForm<T>>
+): React.ComponentType<T>;
+
+export default FR;