@cloudbase/weda-ui 3.4.1 → 3.4.3

package/dist/web/components/table/ImportFileModal/index.css

@@ -0,0 +1,263 @@
+.weda-import-csv-file-modal .wedatea2td-step {
+  display: flex;
+  justify-content: center;
+}
+.weda-import-csv-file-modal .wedatea2td-step .wedatea2td-step__num {
+  width: 1.85714rem;
+}
+.weda-import-csv-file-modal .wedatea2td-form-upload__file {
+  display: none;
+}
+.weda-import-csv-file-modal
+  .wedatea2td-form-upload__intro.wedatea2td-text-weak {
+  display: none;
+}
+.weda-import-csv-file-modal .wedatea2td-text__upload-drag {
+  width: 100%;
+}
+.weda-import-csv-file-modal
+  .wedatea2td-form-upload__inner
+  .wedatea2td-status.size-s.upload-file
+  .wedatea2td-icon-status-blank {
+  background-image: url('https://qcloudimg.tencent-cloud.cn/raw/695f8a66b7f2f9b598a1e03245cad3e4.svg');
+}
+.weda-import-csv-file-modal
+  .wedatea2td-form-upload__inner
+  .wedatea2td-status.size-s.csv-file
+  .wedatea2td-icon-status-blank {
+  background-image: url('https://qcloudimg.tencent-cloud.cn/raw/3099614d431ec629d36aefa3fe79a798.svg');
+}
+.weda-import-csv-file-modal
+  .wedatea2td-form__controls.is-validating
+  .wedatea2td-icon-valid {
+  display: none;
+}
+.weda-import-csv-file-modal
+  .wedatea2td-form__controls.is-success
+  .wedatea2td-icon-valid {
+  display: none;
+}
+.weda-import-csv-file-modal
+  .wedatea2td-form__controls.is-error
+  .wedatea2td-icon-valid {
+  display: none;
+}
+.weda-import-csv-file-modal
+  .wedatea2td-form__controls.is-error
+  .wedatea2td-form__help-text {
+  text-align: left;
+}
+.weda-import-csv-file-modal .modal-section {
+  height: 50vh;
+  margin-top: 2.28571rem;
+  text-align: center;
+  overflow: auto;
+}
+.weda-import-csv-file-modal .modal-upload-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.weda-import-csv-file-modal .modal-upload-wrap .wedatea2td-form-upload-drag {
+  width: 100%;
+}
+.weda-import-csv-file-modal
+  .modal-upload-wrap
+  .wedatea2td-form-upload-drag
+  .wedatea2td-form-upload__inner {
+  width: 100%;
+  height: 17.85714rem;
+}
+.weda-import-csv-file-modal
+  .modal-upload-wrap
+  .wedatea2td-form-upload__info
+  .wedatea2td-form-upload__btn {
+  position: unset;
+}
+.weda-import-csv-file-modal .modal-upload-wrap .modal-upload-text-wrap {
+  flex: 1;
+  text-align: left;
+  padding-top: 1.78571rem;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.57143rem;
+  color: rgba(0, 0, 0, 0.4);
+  font-family: 'PingFang SC';
+  font-style: normal;
+  border-bottom: 0.07143rem solid #e7e7e7;
+}
+.weda-import-csv-file-modal .modal-upload-wrap .modal-upload-text-wrap ul {
+  list-style: disc;
+  margin-left: 1.14286rem;
+}
+.weda-import-csv-file-modal .modal-upload-wrap .modal-upload-text-wrap span {
+  color: #0052d9;
+  cursor: pointer;
+}
+.weda-import-csv-file-modal .file-json-map-wrap {
+  height: 100%;
+  border: 0.07143rem solid #e7e7e7;
+  padding: 0 1.78571rem;
+  padding-bottom: 1.78571rem;
+  border-radius: 0.21429rem;
+  display: flex;
+  flex-direction: column;
+}
+.weda-import-csv-file-modal .file-json-map-wrap .file-json-map-container {
+  overflow: auto;
+  flex: 1;
+  padding-bottom: 1.14286rem;
+}
+.weda-import-csv-file-modal .file-json-map-wrap .file-json-map-header {
+  margin: 1.78571rem 0;
+  display: flex;
+  justify-content: space-between;
+}
+.weda-import-csv-file-modal .file-json-map-wrap .file-json-map-header p {
+  font-family: 'PingFang SC';
+  font-style: normal;
+  font-weight: 500;
+  width: 45%;
+  text-align: left;
+  margin-right: 1.78571rem;
+}
+.weda-import-csv-file-modal .file-json-map-wrap .file-json-map-content {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  text-align: left;
+  align-items: center;
+}
+.weda-import-csv-file-modal
+  .file-json-map-wrap
+  .file-json-map-content
+  .wedatea2td-dropdown {
+  width: 45%;
+  margin-top: 1.14286rem;
+}
+.weda-import-csv-file-modal .file-json-map-wrap .file-json-map-content .arrow {
+  display: inline-block;
+  margin-top: 1.07143rem;
+  margin-right: 0.85714rem;
+  width: 2.14286rem;
+  height: 1.07143rem;
+  background-position-x: center;
+  background-image: url('https://qcloudimg.tencent-cloud.cn/raw/6ad92ac3dbbff908a8eac5df78f2a81b.svg');
+  background-repeat: no-repeat;
+}
+.weda-import-csv-file-modal
+  .file-json-map-wrap
+  .file-json-map-content
+  .table-field {
+  width: 45%;
+  padding: 0 0.71429rem;
+  background: #f1f2f5;
+  border-radius: 0.21429rem;
+  display: inline-block;
+  height: 2.28571rem;
+  line-height: 2.14286rem;
+  margin-top: 1.14286rem;
+  margin-right: 1.78571rem;
+}
+.weda-import-csv-file-modal
+  .file-json-map-wrap
+  .file-json-map-content:first-child
+  .table-field {
+  margin-top: 0;
+}
+.weda-import-csv-file-modal
+  .file-json-map-wrap
+  .file-json-map-content:first-child
+  .arrow {
+  margin-top: 0;
+}
+.weda-import-csv-file-modal
+  .file-json-map-wrap
+  .file-json-map-content:first-child
+  .wedatea2td-dropdown {
+  margin-top: 0;
+}
+.weda-import-csv-file-modal .import-file-result-wrap {
+  height: 100%;
+}
+.weda-import-csv-file-modal .import-file-result-wrap .error-tip {
+  position: relative;
+  height: 6rem;
+  background: #f9d7d9;
+  border-radius: 0.21429rem;
+  padding: 1.14286rem 1.78571rem;
+  text-align: left;
+}
+.weda-import-csv-file-modal
+  .import-file-result-wrap
+  .error-tip
+  .wedatea2td-icon {
+  position: absolute;
+}
+.weda-import-csv-file-modal .import-file-result-wrap .error-tip p {
+  padding-left: 1.78571rem;
+}
+.weda-import-csv-file-modal .import-file-result-wrap .error-tip span {
+  padding-left: 1.78571rem;
+  display: block;
+  color: rgba(0, 0, 0, 0.6);
+}
+.weda-import-csv-file-modal .import-file-result-wrap .error-container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.weda-import-csv-file-modal .import-file-result-wrap .error-content {
+  padding: 1.14286rem 1.78571rem 0 1.78571rem;
+  height: 100%;
+  flex: 1;
+  overflow: auto;
+  border: 0.07143rem solid #e7e7e7;
+  border-radius: 0.21429rem;
+  margin-top: 1.14286rem;
+  text-align: left;
+}
+.weda-import-csv-file-modal
+  .import-file-result-wrap
+  .error-content
+  .wedatea2td-list
+  li {
+  margin-top: 1.14286rem;
+}
+.weda-import-csv-file-modal
+  .import-file-result-wrap
+  .error-content
+  .wedatea2td-list
+  li:first-child {
+  margin-top: 0;
+}
+.weda-import-csv-file-modal .import-file-result-wrap .status-wrap {
+  height: 100%;
+  border: 0.07143rem solid #e7e7e7;
+  border-radius: 0.21429rem;
+}
+.weda-import-csv-file-modal
+  .import-file-result-wrap
+  .status-wrap
+  .wedatea2td-status {
+  height: 100%;
+}
+.weda-import-csv-file-modal
+  .import-file-result-wrap
+  .status-wrap.loading
+  .wedatea2td-icon-status-blank {
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-image: url('https://qcloudimg.tencent-cloud.cn/raw/2b306effd254c6b7e30a81832c9e6949.svg');
+}
+.weda-import-csv-file-modal
+  .import-file-result-wrap
+  .status-wrap.success
+  .wedatea2td-icon-status-blank {
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-image: url('https://qcloudimg.tencent-cloud.cn/raw/81526faf0b633c90188426018a7f6870.svg');
+}
+
+/*# sourceURL=webpack://./src/web/components/table/ImportFileModal/index.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy90YWJsZS9JbXBvcnRGaWxlTW9kYWwvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsYUFBYTtFQUNiLHVCQUF1QjtBQUN6QjtBQUNBO0VBQ0UsaUJBQWlCO0FBQ25CO0FBQ0E7RUFDRSxhQUFhO0FBQ2Y7QUFDQTs7RUFFRSxhQUFhO0FBQ2Y7QUFDQTtFQUNFLFdBQVc7QUFDYjtBQUNBOzs7O0VBSUUsb0dBQW9HO0FBQ3RHO0FBQ0E7Ozs7RUFJRSxvR0FBb0c7QUFDdEc7QUFDQTs7O0VBR0UsYUFBYTtBQUNmO0FBQ0E7OztFQUdFLGFBQWE7QUFDZjtBQUNBOzs7RUFHRSxhQUFhO0FBQ2Y7QUFDQTs7O0VBR0UsZ0JBQWdCO0FBQ2xCO0FBQ0E7RUFDRSxZQUFZO0VBQ1osc0JBQXNCO0VBQ3RCLGtCQUFrQjtFQUNsQixjQUFjO0FBQ2hCO0FBQ0E7RUFDRSxZQUFZO0VBQ1osYUFBYTtFQUNiLHNCQUFzQjtBQUN4QjtBQUNBO0VBQ0UsV0FBVztBQUNiO0FBQ0E7Ozs7RUFJRSxXQUFXO0VBQ1gsbUJBQW1CO0FBQ3JCO0FBQ0E7Ozs7RUFJRSxlQUFlO0FBQ2pCO0FBQ0E7RUFDRSxPQUFPO0VBQ1AsZ0JBQWdCO0VBQ2hCLHVCQUF1QjtFQUN2QixnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLHVCQUF1QjtFQUN2Qix5QkFBeUI7RUFDekIsMEJBQTBCO0VBQzFCLGtCQUFrQjtFQUNsQix1Q0FBdUM7QUFDekM7QUFDQTtFQUNFLGdCQUFnQjtFQUNoQix1QkFBdUI7QUFDekI7QUFDQTtFQUNFLGNBQWM7RUFDZCxlQUFlO0FBQ2pCO0FBQ0E7RUFDRSxZQUFZO0VBQ1osZ0NBQWdDO0VBQ2hDLHFCQUFxQjtFQUNyQiwwQkFBMEI7RUFDMUIseUJBQXlCO0VBQ3pCLGFBQWE7RUFDYixzQkFBc0I7QUFDeEI7QUFDQTtFQUNFLGNBQWM7RUFDZCxPQUFPO0VBQ1AsMEJBQTBCO0FBQzVCO0FBQ0E7RUFDRSxvQkFBb0I7RUFDcEIsYUFBYTtFQUNiLDhCQUE4QjtBQUNoQztBQUNBO0VBQ0UsMEJBQTBCO0VBQzFCLGtCQUFrQjtFQUNsQixnQkFBZ0I7RUFDaEIsVUFBVTtFQUNWLGdCQUFnQjtFQUNoQix3QkFBd0I7QUFDMUI7QUFDQTtFQUNFLFdBQVc7RUFDWCxhQUFhO0VBQ2IsOEJBQThCO0VBQzlCLGdCQUFnQjtFQUNoQixtQkFBbUI7QUFDckI7QUFDQTs7OztFQUlFLFVBQVU7RUFDVixzQkFBc0I7QUFDeEI7QUFDQTtFQUNFLHFCQUFxQjtFQUNyQixzQkFBc0I7RUFDdEIsd0JBQXdCO0VBQ3hCLGlCQUFpQjtFQUNqQixrQkFBa0I7RUFDbEIsNkJBQTZCO0VBQzdCLG9HQUFvRztFQUNwRyw0QkFBNEI7QUFDOUI7QUFDQTs7OztFQUlFLFVBQVU7RUFDVixxQkFBcUI7RUFDckIsbUJBQW1CO0VBQ25CLHlCQUF5QjtFQUN6QixxQkFBcUI7RUFDckIsa0JBQWtCO0VBQ2xCLHVCQUF1QjtFQUN2QixzQkFBc0I7RUFDdEIsd0JBQXdCO0FBQzFCO0FBQ0E7Ozs7RUFJRSxhQUFhO0FBQ2Y7QUFDQTs7OztFQUlFLGFBQWE7QUFDZjtBQUNBOzs7O0VBSUUsYUFBYTtBQUNmO0FBQ0E7RUFDRSxZQUFZO0FBQ2Q7QUFDQTtFQUNFLGtCQUFrQjtFQUNsQixZQUFZO0VBQ1osbUJBQW1CO0VBQ25CLHlCQUF5QjtFQUN6Qiw4QkFBOEI7RUFDOUIsZ0JBQWdCO0FBQ2xCO0FBQ0E7Ozs7RUFJRSxrQkFBa0I7QUFDcEI7QUFDQTtFQUNFLHdCQUF3QjtBQUMxQjtBQUNBO0VBQ0Usd0JBQXdCO0VBQ3hCLGNBQWM7RUFDZCx5QkFBeUI7QUFDM0I7QUFDQTtFQUNFLGFBQWE7RUFDYixzQkFBc0I7RUFDdEIsWUFBWTtBQUNkO0FBQ0E7RUFDRSwyQ0FBMkM7RUFDM0MsWUFBWTtFQUNaLE9BQU87RUFDUCxjQUFjO0VBQ2QsZ0NBQWdDO0VBQ2hDLHlCQUF5QjtFQUN6QixzQkFBc0I7RUFDdEIsZ0JBQWdCO0FBQ2xCO0FBQ0E7Ozs7O0VBS0Usc0JBQXNCO0FBQ3hCO0FBQ0E7Ozs7O0VBS0UsYUFBYTtBQUNmO0FBQ0E7RUFDRSxZQUFZO0VBQ1osZ0NBQWdDO0VBQ2hDLHlCQUF5QjtBQUMzQjtBQUNBOzs7O0VBSUUsWUFBWTtBQUNkO0FBQ0E7Ozs7RUFJRSxzQkFBc0I7RUFDdEIsNEJBQTRCO0VBQzVCLG9HQUFvRztBQUN0RztBQUNBOzs7O0VBSUUsc0JBQXNCO0VBQ3RCLDRCQUE0QjtFQUM1QixvR0FBb0c7QUFDdEciLCJzb3VyY2VzQ29udGVudCI6WyIud2VkYS1pbXBvcnQtY3N2LWZpbGUtbW9kYWwgLndlZGF0ZWEydGQtc3RlcCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsIC53ZWRhdGVhMnRkLXN0ZXAgLndlZGF0ZWEydGQtc3RlcF9fbnVtIHtcbiAgd2lkdGg6IDEuODU3MTRyZW07XG59XG4ud2VkYS1pbXBvcnQtY3N2LWZpbGUtbW9kYWwgLndlZGF0ZWEydGQtZm9ybS11cGxvYWRfX2ZpbGUge1xuICBkaXNwbGF5OiBub25lO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsXG4gIC53ZWRhdGVhMnRkLWZvcm0tdXBsb2FkX19pbnRyby53ZWRhdGVhMnRkLXRleHQtd2VhayB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4ud2VkYS1pbXBvcnQtY3N2LWZpbGUtbW9kYWwgLndlZGF0ZWEydGQtdGV4dF9fdXBsb2FkLWRyYWcge1xuICB3aWR0aDogMTAwJTtcbn1cbi53ZWRhLWltcG9ydC1jc3YtZmlsZS1tb2RhbFxuICAud2VkYXRlYTJ0ZC1mb3JtLXVwbG9hZF9faW5uZXJcbiAgLndlZGF0ZWEydGQtc3RhdHVzLnNpemUtcy51cGxvYWQtZmlsZVxuICAud2VkYXRlYTJ0ZC1pY29uLXN0YXR1cy1ibGFuayB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnaHR0cHM6Ly9xY2xvdWRpbWcudGVuY2VudC1jbG91ZC5jbi9yYXcvNjk1ZjhhNjZiN2YyZjliNTk4YTFlMDMyNDVjYWQzZTQuc3ZnJyk7XG59XG4ud2VkYS1pbXBvcnQtY3N2LWZpbGUtbW9kYWxcbiAgLndlZGF0ZWEydGQtZm9ybS11cGxvYWRfX2lubmVyXG4gIC53ZWRhdGVhMnRkLXN0YXR1cy5zaXplLXMuY3N2LWZpbGVcbiAgLndlZGF0ZWEydGQtaWNvbi1zdGF0dXMtYmxhbmsge1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJ2h0dHBzOi8vcWNsb3VkaW1nLnRlbmNlbnQtY2xvdWQuY24vcmF3LzMwOTk2MTRkNDMxZWM2MjlkMzZhZWZhM2ZlNzlhNzk4LnN2ZycpO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsXG4gIC53ZWRhdGVhMnRkLWZvcm1fX2NvbnRyb2xzLmlzLXZhbGlkYXRpbmdcbiAgLndlZGF0ZWEydGQtaWNvbi12YWxpZCB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4ud2VkYS1pbXBvcnQtY3N2LWZpbGUtbW9kYWxcbiAgLndlZGF0ZWEydGQtZm9ybV9fY29udHJvbHMuaXMtc3VjY2Vzc1xuICAud2VkYXRlYTJ0ZC1pY29uLXZhbGlkIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi53ZWRhLWltcG9ydC1jc3YtZmlsZS1tb2RhbFxuICAud2VkYXRlYTJ0ZC1mb3JtX19jb250cm9scy5pcy1lcnJvclxuICAud2VkYXRlYTJ0ZC1pY29uLXZhbGlkIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi53ZWRhLWltcG9ydC1jc3YtZmlsZS1tb2RhbFxuICAud2VkYXRlYTJ0ZC1mb3JtX19jb250cm9scy5pcy1lcnJvclxuICAud2VkYXRlYTJ0ZC1mb3JtX19oZWxwLXRleHQge1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsIC5tb2RhbC1zZWN0aW9uIHtcbiAgaGVpZ2h0OiA1MHZoO1xuICBtYXJnaW4tdG9wOiAyLjI4NTcxcmVtO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIG92ZXJmbG93OiBhdXRvO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsIC5tb2RhbC11cGxvYWQtd3JhcCB7XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cbi53ZWRhLWltcG9ydC1jc3YtZmlsZS1tb2RhbCAubW9kYWwtdXBsb2FkLXdyYXAgLndlZGF0ZWEydGQtZm9ybS11cGxvYWQtZHJhZyB7XG4gIHdpZHRoOiAxMDAlO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsXG4gIC5tb2RhbC11cGxvYWQtd3JhcFxuICAud2VkYXRlYTJ0ZC1mb3JtLXVwbG9hZC1kcmFnXG4gIC53ZWRhdGVhMnRkLWZvcm0tdXBsb2FkX19pbm5lciB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDE3Ljg1NzE0cmVtO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsXG4gIC5tb2RhbC11cGxvYWQtd3JhcFxuICAud2VkYXRlYTJ0ZC1mb3JtLXVwbG9hZF9faW5mb1xuICAud2VkYXRlYTJ0ZC1mb3JtLXVwbG9hZF9fYnRuIHtcbiAgcG9zaXRpb246IHVuc2V0O1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsIC5tb2RhbC11cGxvYWQtd3JhcCAubW9kYWwtdXBsb2FkLXRleHQtd3JhcCB7XG4gIGZsZXg6IDE7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHBhZGRpbmctdG9wOiAxLjc4NTcxcmVtO1xuICBmb250LXdlaWdodDogNDAwO1xuICBmb250LXNpemU6IDFyZW07XG4gIGxpbmUtaGVpZ2h0OiAxLjU3MTQzcmVtO1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjQpO1xuICBmb250LWZhbWlseTogJ1BpbmdGYW5nIFNDJztcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBib3JkZXItYm90dG9tOiAwLjA3MTQzcmVtIHNvbGlkICNlN2U3ZTc7XG59XG4ud2VkYS1pbXBvcnQtY3N2LWZpbGUtbW9kYWwgLm1vZGFsLXVwbG9hZC13cmFwIC5tb2RhbC11cGxvYWQtdGV4dC13cmFwIHVsIHtcbiAgbGlzdC1zdHlsZTogZGlzYztcbiAgbWFyZ2luLWxlZnQ6IDEuMTQyODZyZW07XG59XG4ud2VkYS1pbXBvcnQtY3N2LWZpbGUtbW9kYWwgLm1vZGFsLXVwbG9hZC13cmFwIC5tb2RhbC11cGxvYWQtdGV4dC13cmFwIHNwYW4ge1xuICBjb2xvcjogIzAwNTJkOTtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsIC5maWxlLWpzb24tbWFwLXdyYXAge1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlcjogMC4wNzE0M3JlbSBzb2xpZCAjZTdlN2U3O1xuICBwYWRkaW5nOiAwIDEuNzg1NzFyZW07XG4gIHBhZGRpbmctYm90dG9tOiAxLjc4NTcxcmVtO1xuICBib3JkZXItcmFkaXVzOiAwLjIxNDI5cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsIC5maWxlLWpzb24tbWFwLXdyYXAgLmZpbGUtanNvbi1tYXAtY29udGFpbmVyIHtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIGZsZXg6IDE7XG4gIHBhZGRpbmctYm90dG9tOiAxLjE0Mjg2cmVtO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsIC5maWxlLWpzb24tbWFwLXdyYXAgLmZpbGUtanNvbi1tYXAtaGVhZGVyIHtcbiAgbWFyZ2luOiAxLjc4NTcxcmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cbi53ZWRhLWltcG9ydC1jc3YtZmlsZS1tb2RhbCAuZmlsZS1qc29uLW1hcC13cmFwIC5maWxlLWpzb24tbWFwLWhlYWRlciBwIHtcbiAgZm9udC1mYW1pbHk6ICdQaW5nRmFuZyBTQyc7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgd2lkdGg6IDQ1JTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgbWFyZ2luLXJpZ2h0OiAxLjc4NTcxcmVtO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsIC5maWxlLWpzb24tbWFwLXdyYXAgLmZpbGUtanNvbi1tYXAtY29udGVudCB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4ud2VkYS1pbXBvcnQtY3N2LWZpbGUtbW9kYWxcbiAgLmZpbGUtanNvbi1tYXAtd3JhcFxuICAuZmlsZS1qc29uLW1hcC1jb250ZW50XG4gIC53ZWRhdGVhMnRkLWRyb3Bkb3duIHtcbiAgd2lkdGg6IDQ1JTtcbiAgbWFyZ2luLXRvcDogMS4xNDI4NnJlbTtcbn1cbi53ZWRhLWltcG9ydC1jc3YtZmlsZS1tb2RhbCAuZmlsZS1qc29uLW1hcC13cmFwIC5maWxlLWpzb24tbWFwLWNvbnRlbnQgLmFycm93IHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW4tdG9wOiAxLjA3MTQzcmVtO1xuICBtYXJnaW4tcmlnaHQ6IDAuODU3MTRyZW07XG4gIHdpZHRoOiAyLjE0Mjg2cmVtO1xuICBoZWlnaHQ6IDEuMDcxNDNyZW07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJ2h0dHBzOi8vcWNsb3VkaW1nLnRlbmNlbnQtY2xvdWQuY24vcmF3LzZhZDkyYWMzZGJiZmY5MDhhOGVhYzVkZjc4ZjJhODFiLnN2ZycpO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsXG4gIC5maWxlLWpzb24tbWFwLXdyYXBcbiAgLmZpbGUtanNvbi1tYXAtY29udGVudFxuICAudGFibGUtZmllbGQge1xuICB3aWR0aDogNDUlO1xuICBwYWRkaW5nOiAwIDAuNzE0MjlyZW07XG4gIGJhY2tncm91bmQ6ICNmMWYyZjU7XG4gIGJvcmRlci1yYWRpdXM6IDAuMjE0MjlyZW07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgaGVpZ2h0OiAyLjI4NTcxcmVtO1xuICBsaW5lLWhlaWdodDogMi4xNDI4NnJlbTtcbiAgbWFyZ2luLXRvcDogMS4xNDI4NnJlbTtcbiAgbWFyZ2luLXJpZ2h0OiAxLjc4NTcxcmVtO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsXG4gIC5maWxlLWpzb24tbWFwLXdyYXBcbiAgLmZpbGUtanNvbi1tYXAtY29udGVudDpmaXJzdC1jaGlsZFxuICAudGFibGUtZmllbGQge1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsXG4gIC5maWxlLWpzb24tbWFwLXdyYXBcbiAgLmZpbGUtanNvbi1tYXAtY29udGVudDpmaXJzdC1jaGlsZFxuICAuYXJyb3cge1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsXG4gIC5maWxlLWpzb24tbWFwLXdyYXBcbiAgLmZpbGUtanNvbi1tYXAtY29udGVudDpmaXJzdC1jaGlsZFxuICAud2VkYXRlYTJ0ZC1kcm9wZG93biB7XG4gIG1hcmdpbi10b3A6IDA7XG59XG4ud2VkYS1pbXBvcnQtY3N2LWZpbGUtbW9kYWwgLmltcG9ydC1maWxlLXJlc3VsdC13cmFwIHtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsIC5pbXBvcnQtZmlsZS1yZXN1bHQtd3JhcCAuZXJyb3ItdGlwIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDZyZW07XG4gIGJhY2tncm91bmQ6ICNmOWQ3ZDk7XG4gIGJvcmRlci1yYWRpdXM6IDAuMjE0MjlyZW07XG4gIHBhZGRpbmc6IDEuMTQyODZyZW0gMS43ODU3MXJlbTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cbi53ZWRhLWltcG9ydC1jc3YtZmlsZS1tb2RhbFxuICAuaW1wb3J0LWZpbGUtcmVzdWx0LXdyYXBcbiAgLmVycm9yLXRpcFxuICAud2VkYXRlYTJ0ZC1pY29uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsIC5pbXBvcnQtZmlsZS1yZXN1bHQtd3JhcCAuZXJyb3ItdGlwIHAge1xuICBwYWRkaW5nLWxlZnQ6IDEuNzg1NzFyZW07XG59XG4ud2VkYS1pbXBvcnQtY3N2LWZpbGUtbW9kYWwgLmltcG9ydC1maWxlLXJlc3VsdC13cmFwIC5lcnJvci10aXAgc3BhbiB7XG4gIHBhZGRpbmctbGVmdDogMS43ODU3MXJlbTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNik7XG59XG4ud2VkYS1pbXBvcnQtY3N2LWZpbGUtbW9kYWwgLmltcG9ydC1maWxlLXJlc3VsdC13cmFwIC5lcnJvci1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4ud2VkYS1pbXBvcnQtY3N2LWZpbGUtbW9kYWwgLmltcG9ydC1maWxlLXJlc3VsdC13cmFwIC5lcnJvci1jb250ZW50IHtcbiAgcGFkZGluZzogMS4xNDI4NnJlbSAxLjc4NTcxcmVtIDAgMS43ODU3MXJlbTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBmbGV4OiAxO1xuICBvdmVyZmxvdzogYXV0bztcbiAgYm9yZGVyOiAwLjA3MTQzcmVtIHNvbGlkICNlN2U3ZTc7XG4gIGJvcmRlci1yYWRpdXM6IDAuMjE0MjlyZW07XG4gIG1hcmdpbi10b3A6IDEuMTQyODZyZW07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG4ud2VkYS1pbXBvcnQtY3N2LWZpbGUtbW9kYWxcbiAgLmltcG9ydC1maWxlLXJlc3VsdC13cmFwXG4gIC5lcnJvci1jb250ZW50XG4gIC53ZWRhdGVhMnRkLWxpc3RcbiAgbGkge1xuICBtYXJnaW4tdG9wOiAxLjE0Mjg2cmVtO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsXG4gIC5pbXBvcnQtZmlsZS1yZXN1bHQtd3JhcFxuICAuZXJyb3ItY29udGVudFxuICAud2VkYXRlYTJ0ZC1saXN0XG4gIGxpOmZpcnN0LWNoaWxkIHtcbiAgbWFyZ2luLXRvcDogMDtcbn1cbi53ZWRhLWltcG9ydC1jc3YtZmlsZS1tb2RhbCAuaW1wb3J0LWZpbGUtcmVzdWx0LXdyYXAgLnN0YXR1cy13cmFwIHtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDAuMDcxNDNyZW0gc29saWQgI2U3ZTdlNztcbiAgYm9yZGVyLXJhZGl1czogMC4yMTQyOXJlbTtcbn1cbi53ZWRhLWltcG9ydC1jc3YtZmlsZS1tb2RhbFxuICAuaW1wb3J0LWZpbGUtcmVzdWx0LXdyYXBcbiAgLnN0YXR1cy13cmFwXG4gIC53ZWRhdGVhMnRkLXN0YXR1cyB7XG4gIGhlaWdodDogMTAwJTtcbn1cbi53ZWRhLWltcG9ydC1jc3YtZmlsZS1tb2RhbFxuICAuaW1wb3J0LWZpbGUtcmVzdWx0LXdyYXBcbiAgLnN0YXR1cy13cmFwLmxvYWRpbmdcbiAgLndlZGF0ZWEydGQtaWNvbi1zdGF0dXMtYmxhbmsge1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJ2h0dHBzOi8vcWNsb3VkaW1nLnRlbmNlbnQtY2xvdWQuY24vcmF3LzJiMzA2ZWZmZDI1NGM2YjdlMzBhODE4MzJjOWU2OTQ5LnN2ZycpO1xufVxuLndlZGEtaW1wb3J0LWNzdi1maWxlLW1vZGFsXG4gIC5pbXBvcnQtZmlsZS1yZXN1bHQtd3JhcFxuICAuc3RhdHVzLXdyYXAuc3VjY2Vzc1xuICAud2VkYXRlYTJ0ZC1pY29uLXN0YXR1cy1ibGFuayB7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnaHR0cHM6Ly9xY2xvdWRpbWcudGVuY2VudC1jbG91ZC5jbi9yYXcvODE1MjZmYWYwYjYzM2M5MDE4ODQyNjAxOGE3ZjY4NzAuc3ZnJyk7XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */

package/dist/web/components/table/ImportFileModal/index.js

@@ -0,0 +1,310 @@
+import React, { useState } from 'react';
+import { Modal, Button, Stepper, Upload, Form, Text, Dropdown, List, Status, Icon, } from 'tea-component';
+import { exportData, getXlsxFileToJson } from '../../../utils/file';
+import { filterInvalidFormValue } from '../../../utils/platform';
+import csvTemplate from './csvTemplate.json';
+import { validateHandle, fieldsValidateTypeGenetate, formatTableDate, } from './validate';
+import { submitFormatter } from './submitFormatter';
+import { useEnumContext } from '../../../utils/hooks/context';
+import './index.css';
+// 下载模版
+const getCSVTemplate = (fields, datasourceTitle) => {
+    const header = [];
+    const row = [];
+    fields.forEach((i) => {
+        var _a;
+        const value = (_a = csvTemplate.find((j) => j.type === i.type && j.format === i.format)) === null || _a === void 0 ? void 0 : _a.value;
+        header.push(i.title);
+        row.push(value || '');
+    });
+    exportData([header, row], 'xlsx', `_${datasourceTitle}_导入模版`);
+};
+// 上传csv文件
+const UploadCSVFile = ({ parseFile, fields, datasourceTitle, setDisableNext, setFile, file, }) => {
+    const [status, setStatus] = useState(null);
+    function handleStart(file) {
+        setFile(file);
+        setStatus('validating');
+        getXlsxFileToJson(file, ({ xlsxToJsonResult, headers }) => {
+            parseFile({ fileJson: xlsxToJsonResult, fileHeader: headers });
+        });
+    }
+    function handleSuccess() {
+        setStatus('success');
+    }
+    function handleError() {
+        setStatus('error');
+    }
+    function beforeUpload(file, fileList, isAccepted) {
+        if (!isAccepted) {
+            setStatus('error');
+        }
+        return isAccepted;
+    }
+    return (React.createElement("div", { className: "modal-upload-wrap" },
+        React.createElement(Form.Control, { status: status, message: status === 'error'
+                ? '文件大小不符合规则，请上传xlsx文件，要求文件大小2M以内，不能超过1000行、15列'
+                : '' },
+            React.createElement(Upload, { method: "get", send: (file) => file, accept: ".xlsx", maxSize: 1024 * 1024 * 2, onStart: handleStart, onSuccess: handleSuccess, onError: handleError, beforeUpload: beforeUpload }, ({ open, isDragging }) => (React.createElement(Upload.Dragger, { filename: file && file.name, button: React.createElement(Status, { className: "csv-file", icon: 'blank', size: 's', description: file && file.name, operation: React.createElement(React.Fragment, null,
+                        React.createElement("a", { onClick: open }, "\u91CD\u65B0\u4E0A\u4F20"),
+                        "\u00A0/\u00A0",
+                        React.createElement("a", { onClick: () => {
+                                setFile(null);
+                                setDisableNext(true);
+                            } }, "\u5220\u9664")) }) }, isDragging ? ('释放鼠标') : (React.createElement(Status, { className: "upload-file", icon: 'blank', size: 's', operation: React.createElement(React.Fragment, null,
+                    React.createElement("a", { onClick: open }, "\u70B9\u51FB\u4E0A\u4F20"),
+                    " /",
+                    ' ',
+                    React.createElement(Text, { theme: "weak" }, "\u62D6\u62FD\u5230\u6B64\u533A\u57DF")) })))))),
+        React.createElement("div", { className: "modal-upload-text-wrap" },
+            React.createElement("ul", null,
+                React.createElement("li", null,
+                    "\u8BF7\u4E0B\u8F7D\u4F7F\u7528",
+                    React.createElement("span", { onClick: () => {
+                            getCSVTemplate(fields, datasourceTitle);
+                        } }, "\u00A0 \u5BFC\u5165\u6A21\u7248"),
+                    "\uFF0C\u5E76\u6309\u7167\u793A\u4F8B\u586B\u5199\u6570\u636E\uFF0C\u4EE5\u4FDD\u8BC1\u6570\u636E\u5BFC\u5165\u987A\u5229"),
+                React.createElement("li", null, "\u652F\u6301xlsx\u7C7B\u578B\u6587\u4EF6\uFF0C\u8981\u6C42\u6587\u4EF6\u5927\u5C0F2M\u4EE5\u5185\uFF0C\u4E0D\u80FD\u8D85\u8FC71000\u884C\u300115\u5217"),
+                React.createElement("li", null, "\u6682\u4E0D\u652F\u6301\u6570\u7EC4\u3001\u5BF9\u8C61\u3001\u5730\u7406\u4F4D\u7F6E\u7C7B\u578B\u6570\u636E\u7684\u5BFC\u5165"),
+                React.createElement("li", null, "\u5BFC\u5165\u540E\u4F1A\u89E6\u53D1\u76F8\u5173\u7684\u6EE1\u8DB3\u6761\u4EF6\u7684\u5DE5\u4F5C\u6D41")))));
+};
+// 字段映射
+const FileTitleDropdown = ({ fileHeader, fileItem, upddateFileJsonMap }) => {
+    const [currentItem, setCurrentItem] = useState(fileItem === null || fileItem === void 0 ? void 0 : fileItem.fileTitle);
+    return (React.createElement(Dropdown, { clearable: true, trigger: "click", appearance: "button", style: { marginRight: 10 }, button: currentItem, onClear: () => {
+            setCurrentItem(null);
+            upddateFileJsonMap(null);
+        } },
+        React.createElement(List, { type: "option" }, fileHeader.map((i, index) => (React.createElement(List.Item, { key: index, onClick: () => {
+                setCurrentItem(i);
+                upddateFileJsonMap(i);
+            } }, i))))));
+};
+// 提交前完成校验和格式转换
+const beforeDataBatchCreate = (fileJson, fileJsonMap, enumOptions, cb) => {
+    let cbAction = { type: 'validateError', res: [] };
+    // 提交数据
+    const result = [];
+    // 错误报告
+    const errorMessage = [];
+    // 去除空字段，隐藏计算字段
+    const trimFields = fileJsonMap.filter((field) => {
+        var _a;
+        return field &&
+            typeof field === 'object' &&
+            ((_a = Object.keys(field)) === null || _a === void 0 ? void 0 : _a.length) &&
+            field.format !== 'function';
+    });
+    const fileJsonValidateMap = fieldsValidateTypeGenetate(fileJsonMap);
+    fileJson === null || fileJson === void 0 ? void 0 : fileJson.forEach((i, index) => {
+        let item = {};
+        // eslint-disable-next-line prefer-const
+        for (let [key, value] of Object.entries(i)) {
+            const field = fileJsonValidateMap.find((j) => j.fileTitle === key);
+            // 过滤出映射调整后需要导入的数据,进一步完成校验和提交值转换
+            if (field) {
+                // 校验前，对时间格式进行转换
+                value = formatTableDate(value, field);
+                // 调用校验方法
+                const { status, message } = validateHandle(value, field);
+                if (!status) {
+                    errorMessage.push({
+                        key,
+                        value,
+                        index,
+                        message,
+                    });
+                }
+                const { name, validateType } = field;
+                // 新增场景下，存在该值则提交
+                if (value && name) {
+                    item[name] = value;
+                    // 格式化提交的数据;
+                    if (submitFormatter[validateType]) {
+                        item[name] = submitFormatter[validateType](value, field, enumOptions);
+                    }
+                }
+            }
+        }
+        item = filterInvalidFormValue(item, trimFields);
+        result.push(item);
+    });
+    cbAction = !(errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.length)
+        ? { type: 'callApi', res: result }
+        : { type: 'validateError', res: errorMessage };
+    if (cb) {
+        cb(cbAction);
+    }
+};
+// 提交前校验是否存在重复字段
+const repeatabilityCheck = (fileJsonMap) => {
+    let repeatList = [];
+    const fileTitleList = [];
+    fileJsonMap.forEach((i) => {
+        if (!fileTitleList.includes(i.fileTitle)) {
+            fileTitleList.push(i.fileTitle);
+        }
+        else {
+            repeatList.push(i.fileTitle);
+            repeatList = [...new Set(repeatList)];
+        }
+    });
+    return repeatList;
+};
+/**
+ * 菜单导航配置弹窗
+ */
+export function ImportFileModal({ onCancel, visible, fields, dataBatchCreate, datasourceTitle, }) {
+    const [file, setFile] = useState(null);
+    const [fileJson, setFileJson] = useState(null);
+    const [fileHeader, setFileHeader] = useState([]);
+    const [fileJsonMap, setFileJsonMap] = useState([]);
+    const [validateResult, setValidateResult] = useState([]);
+    const [disableNext, setDisableNext] = useState(true);
+    const [status, setStatus] = useState(null);
+    const [errorMessage, setErrorMessage] = useState([]);
+    const { enumOptions } = useEnumContext();
+    const importFileHandle = () => {
+        // 导入文件
+        beforeDataBatchCreate(fileJson, fileJsonMap, enumOptions, ({ type, res }) => {
+            if (type === 'validateError') {
+                setStatus('validateError');
+                setValidateResult(res);
+            }
+            else {
+                // 批量上传
+                setStatus('loading');
+                dataBatchCreate(res, (result) => {
+                    var _a;
+                    setStatus(result.type);
+                    if (result === null || result === void 0 ? void 0 : result.message) {
+                        const message = [];
+                        (_a = result === null || result === void 0 ? void 0 : result.message.split('。')) === null || _a === void 0 ? void 0 : _a.forEach((i) => {
+                            var _a;
+                            (_a = i === null || i === void 0 ? void 0 : i.split(';')) === null || _a === void 0 ? void 0 : _a.forEach((j) => {
+                                message.push(j);
+                            });
+                        });
+                        setErrorMessage(message.length ? message : result.message);
+                    }
+                });
+            }
+        });
+    };
+    const steps = [
+        {
+            id: 'uploadFile',
+            label: '选择文件',
+            component: (React.createElement(UploadCSVFile, { file: file, setFile: setFile, datasourceTitle: datasourceTitle, fields: fields, parseFile: ({ fileJson, fileHeader }) => {
+                    setFileHeader(fileHeader);
+                    setFileJson(fileJson);
+                    const fileJsonMapList = fields.map((i) => {
+                        const item = { ...i };
+                        item.fileTitle = fileHeader.find((j) => j === item.title);
+                        return item;
+                    });
+                    setFileJsonMap(fileJsonMapList);
+                    setDisableNext(false);
+                }, setDisableNext: setDisableNext })),
+        },
+        {
+            id: 'fieldMap',
+            label: '映射字段',
+            component: (React.createElement("div", { className: "file-json-map-wrap" },
+                React.createElement("div", { className: "file-json-map-header" },
+                    React.createElement("p", null, "\u6587\u6863\u5B57\u6BB5"),
+                    React.createElement("span", { className: "arrow" }),
+                    React.createElement("p", null, "\u8868\u683C\u5B57\u6BB5")),
+                React.createElement("div", { className: "file-json-map-container" }, fileJsonMap.map((i, index) => (React.createElement("div", { className: "file-json-map-content", key: index },
+                    React.createElement(FileTitleDropdown, { fileHeader: fileHeader, fileItem: i, upddateFileJsonMap: (fileTitle) => {
+                            const list = fileJsonMap.map((j) => {
+                                const item = { ...j };
+                                if (i.title === j.title) {
+                                    item.fileTitle = fileTitle;
+                                }
+                                return item;
+                            });
+                            setFileJsonMap(list);
+                        } }),
+                    React.createElement("span", { className: "arrow" }),
+                    React.createElement("span", { className: "table-field" }, i.title))))))),
+            nextAction: () => {
+                setCurrent(next ? next.id : null);
+            },
+        },
+        {
+            id: 'importFile',
+            label: '导入文件',
+            component: (React.createElement("div", { className: "import-file-result-wrap" },
+                status === 'validateError' && (React.createElement("div", { className: "error-container" },
+                    React.createElement("div", { className: "error-tip" },
+                        React.createElement(Icon, { type: "error", size: "s" }),
+                        React.createElement("p", null, "\u6570\u636E\u683C\u5F0F\u6821\u9A8C\u672A\u901A\u8FC7"),
+                        React.createElement("span", null, "\u8BF7\u6839\u636E\u4E0B\u5217\u9519\u8BEF\u539F\u56E0\u4FEE\u6539\u5BFC\u5165\u6587\u4EF6")),
+                    React.createElement("div", { className: "error-content" },
+                        React.createElement(List, null, validateResult.map((i, index) => (React.createElement(List.Item, { key: index },
+                            "\u7B2C",
+                            i.index + 1,
+                            "\u884C\u201C",
+                            i.key,
+                            "\u201D\u6570\u636E:",
+                            i.message))))))),
+                status === 'error' && (React.createElement("div", { className: "error-container" },
+                    React.createElement("div", { className: "error-tip" },
+                        React.createElement(Icon, { type: "error", size: "s" }),
+                        React.createElement("p", null, "\u6570\u636E\u5BFC\u5165\u5931\u8D25"),
+                        React.createElement("span", null, "\u8BF7\u6839\u636E\u4E0B\u5217\u5931\u8D25\u539F\u56E0\u4FEE\u6539\u5BFC\u5165\u6587\u4EF6")),
+                    React.createElement("div", { className: "error-content" },
+                        React.createElement(List, null, Array.isArray(errorMessage)
+                            ? errorMessage === null || errorMessage === void 0 ? void 0 : errorMessage.map((i, index) => (React.createElement(List.Item, { key: index }, i)))
+                            : errorMessage)))),
+                status !== 'validateError' && status !== 'error' && (React.createElement("div", { className: `status-wrap ${status}` },
+                    React.createElement(Status, { icon: 'blank', size: 's', description: status === 'success'
+                            ? '数据导入成功'
+                            : '数据导入中，请稍后...' }))))),
+            nextAction: () => {
+                const repeatList = repeatabilityCheck(fileJsonMap);
+                if (repeatList.length) {
+                    let text = repeatList.reduce((res, i) => `${res}、${i}`);
+                    text = text ? text === null || text === void 0 ? void 0 : text.replace('null', '空') : '空';
+                    const modal = Modal.show({
+                        size: 's',
+                        children: (React.createElement(React.Fragment, null,
+                            React.createElement(Modal.Body, null,
+                                React.createElement(Modal.Message, { icon: "warning", message: "\u6587\u6863\u5B57\u6BB5\u91CD\u590D\u6620\u5C04", description: `文档的「${text}」字段被映射到多个表格字段，是否确认导入` })),
+                            React.createElement(Modal.Footer, null,
+                                React.createElement(Button, { onClick: () => {
+                                        modal.destroy();
+                                    } }, "\u53D6\u6D88"),
+                                React.createElement(Button, { type: "primary", onClick: async () => {
+                                        modal.destroy();
+                                        importFileHandle();
+                                        setCurrent(next ? next.id : null);
+                                    } }, "\u786E\u8BA4\u5BFC\u5165")))),
+                        onClose: () => modal.destroy(),
+                    });
+                }
+                else {
+                    importFileHandle();
+                    setCurrent(next ? next.id : null);
+                }
+            },
+        },
+    ];
+    const [current, setCurrent] = useState('uploadFile');
+    const currentIndex = current ? steps.findIndex((x) => x.id === current) : -1;
+    const next = current && steps[currentIndex + 1];
+    const prev = current ? steps[currentIndex - 1] : steps[steps.length - 1];
+    return (React.createElement(Modal, { caption: "\u5BFC\u5165\u6570\u636E", visible: visible, onClose: onCancel, size: 'l', className: `weda-import-csv-file-modal ${current === 'importFile' && 'none-border'}` },
+        React.createElement(Modal.Body, null,
+            React.createElement("div", null,
+                React.createElement(Stepper, { steps: steps, current: current }),
+                React.createElement("section", { className: "modal-section" }, steps[currentIndex] && steps[currentIndex].component))),
+        React.createElement(Modal.Footer, null, current !== 'importFile' && (React.createElement(React.Fragment, null,
+            React.createElement(Button, { disabled: !prev, onClick: () => setCurrent(prev.id) }, "\u4E0A\u4E00\u6B65"),
+            React.createElement(Button, { type: "primary", disabled: (!next && !current) || disableNext, onClick: () => {
+                    if (next.nextAction) {
+                        next.nextAction();
+                    }
+                }, style: { marginLeft: 10 } }, next ? '下一步' : '开始导入'))))));
+}

package/dist/web/components/table/ImportFileModal/submitFormatter.js

@@ -0,0 +1,32 @@
+import { formatDateToNumber } from '../../../utils/date';
+/**
+ * 提交前formatter
+ */
+export const submitFormatter = {
+    date: (value) => formatDateToNumber('date', value),
+    datetime: (value) => formatDateToNumber('datetime', value),
+    time: (value) => formatDateToNumber('time', value),
+    boolean: (value) => value === '是',
+    number: (value) => Number(value),
+    // 地区存字符串
+    xAreaCode: (value) => {
+        if (Array.isArray(value)) {
+            return value === null || value === void 0 ? void 0 : value.reduce((res, i) => `${res},${i}`);
+        }
+        return value;
+    },
+    // 枚举
+    xEnum: (text, field, enumOptions) => {
+        var _a;
+        if (field && field['x-option-name']) {
+            const isMulti = field['x-multi-select'];
+            const optionName = field['x-option-name'];
+            const options = enumOptions === null || enumOptions === void 0 ? void 0 : enumOptions[optionName];
+            const getTextByValue = (text) => { var _a; return ((_a = options === null || options === void 0 ? void 0 : options.find((item) => (item === null || item === void 0 ? void 0 : item.text) === text)) === null || _a === void 0 ? void 0 : _a.value) || text; };
+            if (isMulti) {
+                return (_a = text === null || text === void 0 ? void 0 : text.map((v) => getTextByValue(v))) === null || _a === void 0 ? void 0 : _a.join();
+            }
+            return getTextByValue(text);
+        }
+    },
+};