子表关联表-导出

-.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;