dtable-ui-component 6.0.29-beta9 → 6.0.30

package/lib/GeolocationEditor/{pc-editor/map-selection-editor → map-selection-editor}/large-editor/index.js

@@ -8,12 +8,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _dtableUtils = require("dtable-utils");
-var _toaster = _interopRequireDefault(require("../../../../toaster"));
-var _Loading = _interopRequireDefault(require("../../../../Loading"));
-var _constants = require("../../../../constants");
-var _cell = require("../../../../utils/cell");
-var _mapEditorUtils = require("../../../map-editor-utils");
-var _lang = require("../../../../lang");
+var _toaster = _interopRequireDefault(require("../../../toaster"));
+var _Loading = _interopRequireDefault(require("../../../Loading"));
+var _constants = require("../../../constants");
+var _cell = require("../../../utils/cell");
+var _mapEditorUtils = require("../../map-editor-utils");
+var _lang = require("../../../lang");
 require("./index.css");
 class LargeMapSelectionEditorDialog extends _react.default.Component {
   constructor(props) {
@@ -413,7 +413,7 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
     })))), /*#__PURE__*/_react.default.createElement("div", {
       className: this.readOnly ? 'geolocation-map-read-only-container' : 'geolocation-map-container-large'
     }, this.mapType && isLoading && /*#__PURE__*/_react.default.createElement(_Loading.default, null), !this.mapType && /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-map-editor-error-message d-flex justify-content-center mt-9"
+      className: "error-message d-flex justify-content-center mt-9"
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "alert-danger"
     }, (0, _lang.getLocale)('The_map_plugin_is_not_properly_configured_contact_the_administrator'))), !isLoading && this.mapType && /*#__PURE__*/_react.default.createElement("div", {

package/lib/GeolocationEditor/{pc-editor/province-city-editor.js → province-city-editor.js}

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
-var _DTableCustomFooter = _interopRequireDefault(require("../../DTableCustomFooter"));
+var _DTableCustomFooter = _interopRequireDefault(require("../DTableCustomFooter"));
 var _selectorList = _interopRequireDefault(require("./selector-list"));
 var _selectorHeaderItem = _interopRequireDefault(require("./selector-header-item"));
-var _Loading = _interopRequireDefault(require("../../Loading"));
+var _Loading = _interopRequireDefault(require("../Loading"));
 var _parseGeolocation = _interopRequireDefault(require("./parse-geolocation"));
-var _constants = require("../../constants");
-var _lang = require("../../lang");
+var _constants = require("../constants");
+var _lang = require("../lang");
 class ProvinceCityEditor extends _react.Component {
   constructor(props) {
     super(props);
@@ -50,6 +50,21 @@ class ProvinceCityEditor extends _react.Component {
         selectedItem: 'city'
       };
     };
+    this.getLocationData = () => {
+      const {
+        mediaUrl
+      } = window.dtable;
+
+      // get locations from server
+      return fetch("".concat(mediaUrl, "geo-data/cn-location.json")).then(res => {
+        return res.json();
+      }).catch(() => {
+        // get locations from local
+        return fetch('./geo-data/cn-location.json').then(res => {
+          return res.json();
+        });
+      });
+    };
     this.onToggleSelector = () => {
       this.setState({
         isShowSelector: !this.state.isShowSelector,
@@ -159,8 +174,24 @@ class ProvinceCityEditor extends _react.Component {
     this.isComposing = false;
   }
   componentDidMount() {
-    this.props.getData().then(data => {
-      this.locations = data;
+    if (!window.app.location) {
+      this.getLocationData().then(data => {
+        this.locations = data;
+        window.app.location = data;
+        const {
+          selectedProvince,
+          selectedCity,
+          selectedItem
+        } = this.initLocationSelecting(this.value);
+        this.setState({
+          isLoadingData: false,
+          selectedProvince,
+          selectedCity,
+          selectedItem
+        });
+      });
+    } else {
+      this.locations = window.app.location;
       const {
         selectedProvince,
         selectedCity,
@@ -172,7 +203,7 @@ class ProvinceCityEditor extends _react.Component {
         selectedCity,
         selectedItem
       });
-    });
+    }
   }
   render() {
     const {

package/lib/GeolocationEditor/{pc-editor/province-editor.js → province-editor.js}

@@ -7,13 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _DTableSearchInput = _interopRequireDefault(require("../../DTableSearchInput"));
-var _constants = require("../../constants");
-var _Loading = _interopRequireDefault(require("../../Loading"));
-var _lang = require("../../lang");
+var _DTableSearchInput = _interopRequireDefault(require("../DTableSearchInput"));
+var _constants = require("../constants");
+var _Loading = _interopRequireDefault(require("../Loading"));
+var _lang = require("../lang");
 class ProvinceEditor extends _react.Component {
   constructor(props) {
     super(props);
+    this.getLocationData = () => {
+      // mediaUrl
+      const {
+        mediaUrl
+      } = window.dtable;
+      // get locations from server
+      return fetch("".concat(mediaUrl, "geo-data/cn-location.json")).then(res => {
+        return res.json();
+      }).catch(() => {
+        // get locations from local
+        return fetch('./geo-data/cn-location.json').then(res => {
+          return res.json();
+        });
+      });
+    };
     this.onHotKey = e => {
       if (e.keyCode === _constants.KeyCodes.Enter) {
         this.onEnter(e);
@@ -164,13 +179,22 @@ class ProvinceEditor extends _react.Component {
     this.itemHeight = 30;
   }
   componentDidMount() {
-    this.props.getData().then(data => {
-      this.locations = data;
+    if (!window.app.location) {
+      this.getLocationData().then(data => {
+        this.locations = data;
+        window.app.location = data;
+        this.filteredProvince = this.locations.children;
+        this.setState({
+          isLoadingData: false
+        });
+      });
+    } else {
+      this.locations = window.app.location;
       this.filteredProvince = this.locations.children;
       this.setState({
         isLoadingData: false
       });
-    });
+    }
     document.addEventListener('keydown', this.onHotKey, true);
   }
   componentWillUnmount() {

package/lib/GeolocationEditor/{pc-editor/selector-header-item.js → selector-header-item.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _lang = require("../../lang");
+var _lang = require("../lang");
 class SelectorHeaderItem extends _react.default.Component {
   render() {
     const {

package/lib/Icon/index.css

@@ -0,0 +1,50 @@
+.am-icon {
+  fill: currentColor;
+  background-size: cover;
+  width: 22px;
+  height: 22px;
+}
+
+.am-icon-xxs {
+  width: 15px;
+  height: 15px;
+}
+
+.am-icon-xs {
+  width: 18px;
+  height: 18px;
+}
+
+.am-icon-sm {
+  width: 21px;
+  height: 21px;
+}
+
+.am-icon-md {
+  width: 22px;
+  height: 22px;
+}
+
+.am-icon-lg {
+  width: 36px;
+  height: 36px;
+}
+
+.am-icon-loading {
+  -webkit-animation: cirle-anim 1s linear infinite;
+  animation: cirle-anim 1s linear infinite;
+}
+
+@-webkit-keyframes cirle-anim {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes cirle-anim {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}

package/lib/Icon/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var React = _interopRequireWildcard(require("react"));
+var _loadSprite = _interopRequireDefault(require("./load-sprite"));
+require("./index.css");
+class Icon extends React.Component {
+  componentDidMount() {
+    (0, _loadSprite.default)();
+  }
+  render() {
+    const {
+      type,
+      className,
+      size,
+      ...restProps
+    } = this.props;
+    const cls = (0, _classnames.default)(className, 'am-icon', "am-icon-".concat(type), "am-icon-".concat(size));
+    return /*#__PURE__*/React.createElement("svg", Object.assign({
+      className: cls
+    }, restProps), /*#__PURE__*/React.createElement("use", {
+      xlinkHref: "#".concat(type)
+    }));
+  }
+}
+exports.default = Icon;
+Icon.defaultProps = {
+  size: 'md'
+};

package/lib/Icon/load-sprite.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* tslint:disable:max-line-length */
+// inspried by https://github.com/kisenka/svg-sprite-loader/blob/master/runtime/browser-sprite.js
+// Much simplified, do make sure run this after document ready
+const svgSprite = contents => "\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n    id=\"__ANTD_MOBILE_SVG_SPRITE_NODE__\"\n    style=\"display:none;overflow:hidden;width:0;height:0\"\n  >\n    <defs>\n      ".concat(contents, "\n    </defs>\n  </svg>\n");
+
+// both minified by https://github.com/svg/svgo
+const icons = {
+  check: '<svg viewBox="0 0 44 44"><path fill-rule="evenodd" d="M34.538 8L38 11.518 17.808 32 8 22.033l3.462-3.518 6.346 6.45z"/></svg>',
+  'check-circle': '<svg viewBox="0 0 48 48"><path d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24zM13.1 23.2l-2.2 2.1 10 9.9L38.1 15l-2.2-2-15.2 17.8-7.6-7.6z" fill-rule="evenodd"/></svg>',
+  'check-circle-o': '<svg viewBox="0 0 48 48"><g fill-rule="evenodd"><path d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24zm0-3c11.598 0 21-9.402 21-21S35.598 3 24 3 3 12.402 3 24s9.402 21 21 21z"/><path d="M12.2 23.2L10 25.3l10 9.9L37.2 15 35 13 19.8 30.8z"/></g></svg>',
+  cross: '<svg viewBox="0 0 44 44"><path fill-rule="evenodd" d="M24.008 21.852l8.97-8.968L31.092 11l-8.97 8.968L13.157 11l-1.884 1.884 8.968 8.968-9.24 9.24 1.884 1.885 9.24-9.24 9.24 9.24 1.885-1.884-9.24-9.24z"/></svg>',
+  'cross-circle': '<svg viewBox="0 0 48 48"><g fill-rule="evenodd"><path d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24zm0-3c11.598 0 21-9.402 21-21S35.598 3 24 3 3 12.402 3 24s9.402 21 21 21z"/><path d="M24.34 22.22l-7.775-7.775a1.5 1.5 0 1 0-2.12 2.12l7.773 7.775-7.774 7.775a1.5 1.5 0 1 0 2.12 2.12l7.775-7.773 7.774 7.774a1.5 1.5 0 1 0 2.12-2.12L26.46 24.34l7.774-7.774a1.5 1.5 0 1 0-2.12-2.12l-7.776 7.773z"/></g></svg>',
+  'cross-circle-o': '<svg viewBox="0 0 48 48"><path d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24zm.353-25.77l-7.593-7.593c-.797-.8-1.538-.822-2.263-.207-.724.614-.56 1.617-.124 2.067l7.852 7.847-7.72 7.723c-.727.728-.56 1.646-.066 2.177.493.532 1.553.683 2.31-.174l7.588-7.584 7.644 7.623c.796.798 1.608.724 2.21.145.605-.58.72-1.442-.074-2.24l-7.657-7.67 7.545-7.52c.81-.697.9-1.76.297-2.34-.92-.885-1.85-.338-2.264.078l-7.685 7.667z" fill-rule="evenodd"/></svg>',
+  // Todo: simplify direction to 2, use css transform
+  left: '<svg viewBox="0 0 44 44"><defs><path id="a" d="M-129-845h24v24h-24z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><g clip-path="url(#b)"><defs><path id="c" d="M-903-949H947V996H-903z"/></defs></g><path d="M16.247 21.4L28.48 9.165l2.12 2.12-10.117 10.12L30.6 31.524l-2.12 2.12-12.233-12.232.007-.006z"/></svg>',
+  right: '<svg viewBox="0 0 44 44"><defs><path id="a" d="M-129-845h24v24h-24z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><g clip-path="url(#b)"><defs><path id="c" d="M-903-949H947V996H-903z"/></defs></g><path d="M30.6 21.4L18.37 9.165l-2.12 2.12 10.117 10.12-10.118 10.118 2.12 2.12 12.234-12.232-.005-.006z"/></svg>',
+  down: '<svg viewBox="0 0 44 44"><path d="M22.355 28.237l-11.483-10.9c-.607-.576-1.714-.396-2.48.41l.674-.71c-.763.802-.73 2.07-.282 2.496l11.37 10.793-.04.04 2.088 2.195L23.3 31.52l12.308-11.682c.447-.425.48-1.694-.282-2.496l.674.71c-.766-.806-1.873-.986-2.48-.41L22.355 28.237z" fill-rule="evenodd"/></svg>',
+  up: '<svg viewBox="0 0 44 44"><path fill="none" d="M-1-1h46v46H-1z"/><defs><path id="a" d="M-129-845h24v24h-24z"/></defs><clipPath id="b"><use xlink:href="#a"/></clipPath><g clip-path="url(#b)"><defs><path id="c" d="M-903-949H947V996H-903z"/></defs></g><path d="M23.417 14.23L11.184 26.46l2.12 2.12 10.12-10.117 10.118 10.118 2.12-2.12L23.43 14.228l-.006.005z"/></svg>',
+  loading: '<svg viewBox="0 -2 59.75 60.25"><path fill="#ccc" d="M29.69-.527C14.044-.527 1.36 12.158 1.36 27.806S14.043 56.14 29.69 56.14c15.65 0 28.334-12.686 28.334-28.334S45.34-.527 29.69-.527zm.185 53.75c-14.037 0-25.417-11.38-25.417-25.417S15.838 2.39 29.875 2.39s25.417 11.38 25.417 25.417-11.38 25.416-25.417 25.416z"/><path fill="none" stroke="#108ee9" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10" d="M56.587 29.766c.37-7.438-1.658-14.7-6.393-19.552"/></svg>',
+  search: '<svg viewBox="0 0 44 44"><path d="M32.98 29.255l8.915 8.293L39.603 40l-8.86-8.242a15.952 15.952 0 0 1-10.753 4.147C11.16 35.905 4 28.763 4 19.952 4 11.142 11.16 4 19.99 4s15.99 7.142 15.99 15.952c0 3.472-1.112 6.685-3 9.303zm.05-9.21c0 7.123-5.7 12.918-12.88 12.918-7.176 0-13.015-5.795-13.015-12.918 0-7.12 5.84-12.917 13.017-12.917 7.178 0 12.88 5.797 12.88 12.917z" fill-rule="evenodd"/></svg>',
+  ellipsis: '<svg viewBox="0 0 44 44"><circle cx="21.888" cy="22" r="4.045"/><circle cx="5.913" cy="22" r="4.045"/><circle cx="37.863" cy="22" r="4.045"/></svg>',
+  'ellipsis-circle': '<svg viewBox="0 0 44 44"><g fill-rule="evenodd"><path d="M22.13.11C10.05.11.255 9.902.255 21.983S10.05 43.86 22.13 43.86s21.875-9.795 21.875-21.876S34.21.11 22.13.11zm0 40.7c-10.396 0-18.825-8.43-18.825-18.826S11.735 3.16 22.13 3.16c10.396 0 18.825 8.428 18.825 18.824S32.525 40.81 22.13 40.81z"/><circle cx="21.888" cy="22.701" r="2.445"/><circle cx="12.23" cy="22.701" r="2.445"/><circle cx="31.546" cy="22.701" r="2.445"/></g></svg>',
+  'exclamation-circle': '<svg viewBox="0 0 64 64"><path d="M59.58 40.89L41.193 9.11C39.135 5.382 35.723 3 31.387 3c-3.11 0-6.52 2.382-8.58 6.11L4.42 40.89c-2.788 4.635-3.126 8.81-1.225 12.22C5.015 56.208 7.572 58 13 58h36.773c5.428 0 9.21-1.792 11.03-4.89 1.9-3.41 1.565-7.583-1.224-12.22zm-2.452 11c-.635 1.694-3.802 2.443-7.354 2.443H13c-3.59 0-5.493-.75-6.13-2.444-1.71-2.41-1.374-5.263 0-8.557l18.387-31.777c2.116-3.168 4.394-4.89 6.13-4.89 2.96 0 5.238 1.722 7.354 4.89l18.387 31.777c1.374 3.294 1.713 6.146 0 8.556zm-25.74-33c-.405 0-1.227.835-1.227 2.443v15.89c0 1.608.823 2.444 1.227 2.444 1.628 0 2.452-.836 2.452-2.445v-15.89c0-1.607-.825-2.443-2.453-2.443zm0 23.22c-.405 0-1.227.79-1.227 1.223v2.445c0 .434.823 1.222 1.227 1.222 1.628 0 2.452-.788 2.452-1.222v-2.445c0-.434-.825-1.222-2.453-1.222z" fill-rule="evenodd"/></svg>',
+  'info-circle': '<svg viewBox="0 0 44 44"><circle cx="13.828" cy="19.63" r="1.938"/><circle cx="21.767" cy="19.63" r="1.938"/><circle cx="29.767" cy="19.63" r="1.938"/><path d="M22.102 4.16c-9.918 0-17.958 7.147-17.958 15.962 0 4.935 2.522 9.345 6.48 12.273v5.667l.04.012a2.627 2.627 0 1 0 4.5 1.455h.002l5.026-3.54c.628.06 1.265.094 1.91.094 9.92 0 17.96-7.146 17.96-15.96C40.06 11.306 32.02 4.16 22.1 4.16zm-.04 29.902c-.902 0-1.78-.08-2.642-.207l-5.882 4.234c-.024.024-.055.04-.083.06l-.008.005a.51.51 0 0 1-.284.095.525.525 0 0 1-.525-.525l.005-6.375c-3.91-2.516-6.456-6.544-6.456-11.1 0-7.628 7.107-13.812 15.875-13.812s15.875 6.184 15.875 13.812-7.107 13.812-15.875 13.812z"/></svg>',
+  'question-circle': '<svg viewBox="0 0 44 44"><g fill-rule="evenodd"><path d="M21.186 3c-10.853 0-19.36 8.506-19.36 19.358C1.827 32.494 10.334 41 21.187 41c10.133 0 18.64-8.506 18.64-18.642C39.827 11.506 31.32 3 21.187 3m15.64 19c0 8.823-7.178 16-16 16s-16-7.177-16-16 7.178-16 16-16 16 7.177 16 16z"/><path d="M22.827 31.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m4-15.48c0 .957-.203 1.822-.61 2.593-.427.792-1.117 1.612-2.073 2.457-.867.734-1.453 1.435-1.754 2.096-.302.7-.453 1.693-.453 2.98a.828.828 0 0 1-.823.854.828.828 0 0 1-.584-.22.877.877 0 0 1-.24-.635c0-1.305.168-2.38.506-3.227.336-.883.93-1.682 1.78-2.4 1.01-.883 1.71-1.692 2.1-2.428.336-.645.503-1.38.503-2.21-.02-.935-.3-1.7-.85-2.288-.655-.717-1.62-1.075-2.897-1.075-1.506 0-2.596.535-3.27 1.6-.46.754-.688 1.645-.688 2.677a.92.92 0 0 1-.266.66.747.747 0 0 1-.56.25.73.73 0 0 1-.584-.194c-.16-.164-.24-.393-.24-.69 0-1.82.585-3.272 1.755-4.357C18.645 11.486 19.928 11 21.434 11h.293c1.452 0 2.638.414 3.56 1.24 1.028.903 1.54 2.163 1.54 3.78z"/></g></svg>',
+  voice: '<svg viewBox="0 0 38 33"><g fill-rule="evenodd"><path d="M17.838 28.8c-.564-.468-1.192-.983-1.836-1.496-4.244-3.385-5.294-3.67-6.006-3.67-.014 0-.027.005-.04.005-.015 0-.028-.006-.042-.006H3.562c-.734 0-.903-.203-.903-.928v-12.62c0-.49.057-.8.66-.8H9.1c.694 0 1.76-.28 6.4-3.63.83-.596 1.638-1.196 2.337-1.722V28.8zM19.682.19c-.463-.22-1.014-.158-1.417.157-.02.016-1.983 1.552-4.152 3.125C10.34 6.21 9.243 6.664 9.02 6.737H3.676c-.027 0-.053.003-.08.004H1.183c-.608 0-1.1.487-1.1 1.086V25.14c0 .598.492 1.084 1.1 1.084h8.71c.22.08 1.257.55 4.605 3.24 1.947 1.562 3.694 3.088 3.712 3.103.25.22.568.333.89.333.186 0 .373-.038.55-.116.48-.213.79-.684.79-1.204V1.38c0-.506-.294-.968-.758-1.19z" mask="url(#mask-2)"/><path d="M31.42 16.475c0-3.363-1.854-6.297-4.606-7.876-.125-.067-.42-.193-.625-.193-.613 0-1.11.488-1.11 1.09 0 .404.22.764.55.952 2.13 1.19 3.566 3.44 3.566 6.024 0 2.627-1.486 4.913-3.677 6.087-.32.19-.53.54-.53.935 0 .602.495 1.09 1.106 1.09.26.002.568-.15.568-.15 2.835-1.556 4.754-4.538 4.754-7.96" mask="url(#mask-4)"/><path d="M30.14 3.057c-.205-.122-.41-.22-.658-.22-.608 0-1.1.485-1.1 1.084 0 .434.26.78.627.978 4.042 2.323 6.76 6.636 6.76 11.578 0 4.938-2.715 9.248-6.754 11.572-.354.19-.66.55-.66.993 0 .6.494 1.085 1.102 1.085.243 0 .438-.092.65-.213 4.692-2.695 7.848-7.7 7.848-13.435 0-5.723-3.142-10.718-7.817-13.418" mask="url(#mask-6)"/></g></svg>',
+  plus: '<svg viewBox="0 0 30 30"><path d="M14 14H0v2h14v14h2V16h14v-2H16V0h-2v14z" fill-rule="evenodd"/></svg>',
+  minus: '<svg viewBox="0 0 30 2"><path d="M0 0h30v2H0z" fill-rule="evenodd"/></svg>',
+  dislike: '<svg viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path d="M36 72c19.882 0 36-16.118 36-36S55.882 0 36 0 0 16.118 0 36s16.118 36 36 36zm0-2c18.778 0 34-15.222 34-34S54.778 2 36 2 2 17.222 2 36s15.222 34 34 34z" fill="#FFF"/><path fill="#FFF" d="M47 22h2v6h-2zm-24 0h2v6h-2z"/><path d="M21 51s4.6-7 15-7 15 7 15 7" stroke="#FFF" stroke-width="2"/></g></svg>',
+  fail: '<svg viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path d="M36 72c19.882 0 36-16.118 36-36S55.882 0 36 0 0 16.118 0 36s16.118 36 36 36zm0-2c18.778 0 34-15.222 34-34S54.778 2 36 2 2 17.222 2 36s15.222 34 34 34z" fill="#FFF"/><path d="M22 22l28.304 28.304m-28.304 0L50.304 22" stroke="#FFF" stroke-width="2"/></g></svg>',
+  success: '<svg viewBox="0 0 72 72"><g fill="none" fill-rule="evenodd"><path d="M36 72c19.882 0 36-16.118 36-36S55.882 0 36 0 0 16.118 0 36s16.118 36 36 36zm0-2c18.778 0 34-15.222 34-34S54.778 2 36 2 2 17.222 2 36s15.222 34 34 34z" fill="#FFF"/><path stroke="#FFF" stroke-width="2" d="M19 34.54l11.545 11.923L52.815 24"/></g></svg>'
+};
+const renderSvgSprite = () => {
+  const symbols = Object.keys(icons).map(iconName => {
+    const svgContent = icons[iconName].split('svg')[1];
+    return "<symbol id=".concat(iconName).concat(svgContent, "symbol>");
+  }).join('');
+  return svgSprite(symbols);
+};
+const loadSprite = () => {
+  if (!document) {
+    return;
+  }
+  const existing = document.getElementById('__ANTD_MOBILE_SVG_SPRITE_NODE__');
+  const mountNode = document.body;
+  if (!existing) {
+    mountNode.insertAdjacentHTML('afterbegin', renderSvgSprite());
+  }
+};
+var _default = exports.default = loadSprite;

package/lib/ImageEditor/{pc-editor/addition-previewer → addition-previewer}/image-link/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
-var _lang = require("../../../../lang");
+var _lang = require("../../../lang");
 require("./index.css");
 class ImageLink extends _react.default.Component {
   constructor(props) {

package/lib/ImageEditor/{pc-editor/addition-previewer → addition-previewer}/index.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _localImageAddition = _interopRequireDefault(require("./local-image-addition"));
 var _imageLink = _interopRequireDefault(require("./image-link"));
-var _lang = require("../../../lang");
+var _lang = require("../../lang");
 require("./index.css");
 class AdditionPreviewer extends _react.default.Component {
   constructor(props) {

package/lib/ImageEditor/{pc-editor/addition-previewer → addition-previewer}/local-image-addition/index.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
-var _UploadProgress = _interopRequireDefault(require("../../../../UploadProgress"));
-var _url = require("../../../../utils/url");
-var _FileUploader = _interopRequireDefault(require("../../../../FileUploader"));
-var _lang = require("../../../../lang");
+var _UploadProgress = _interopRequireDefault(require("../../../UploadProgress"));
+var _url = require("../../../utils/url");
+var _FileUploader = _interopRequireDefault(require("../../../FileUploader"));
+var _lang = require("../../../lang");
 require("./index.css");
 class LocalImageAddition extends _react.default.Component {
   constructor(props) {

package/lib/ImageEditor/images-previewer/image-preview/index.js

@@ -85,7 +85,7 @@ class ImagePreviewer extends _react.default.Component {
     };
     this.canDownLoad = props.canDownLoad;
     const offsetWidth = document.body.offsetWidth;
-    this.containerSize = offsetWidth < 768 ? (offsetWidth - 55) / 2 + 'px' : (offsetWidth - 80) / 3 + 'px';
+    this.containerSize = offsetWidth < 767.8 ? (offsetWidth - 55) / 2 + 'px' : (offsetWidth - 80) / 3 + 'px';
     this.position = {};
     const {
       mediaUrl
@@ -122,7 +122,7 @@ class ImagePreviewer extends _react.default.Component {
       imageItemUrl
     } = this.props;
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      style: _constants.isMobile ? {
+      style: window.isMobile ? {
         width: this.containerSize,
         height: this.containerSize
       } : {},
@@ -134,7 +134,7 @@ class ImagePreviewer extends _react.default.Component {
     }, /*#__PURE__*/_react.default.createElement("img", {
       src: this.state.imageThumbnailUrl,
       alt: ""
-    }), enterImageItemIndex === itemIndex && this.renderImageIcons()), !_constants.isMobile && enterImageItemIndex === itemIndex && /*#__PURE__*/_react.default.createElement(_reactstrap.Tooltip, {
+    }), enterImageItemIndex === itemIndex && this.renderImageIcons()), enterImageItemIndex === itemIndex && /*#__PURE__*/_react.default.createElement(_reactstrap.Tooltip, {
       placement: "bottom",
       isOpen: this.state.isTooltipOpen,
       toggle: this.toggle,

package/lib/ImageEditor/images-previewer/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
 var _ImagePreviewerLightbox = _interopRequireDefault(require("../../ImagePreviewerLightbox"));
 var _imagePreview = _interopRequireDefault(require("./image-preview"));
 var _DTableCommonAddTool = _interopRequireDefault(require("../../DTableCommonAddTool"));
@@ -91,13 +90,13 @@ class ImagesPreviewer extends _react.default.Component {
     };
   }
   componentDidMount() {
-    if (_constants.isMobile) {
+    if (window.isMobile) {
       window.history.pushState(null, null, '#');
       window.addEventListener('popstate', this.handleHistoryBack, false);
     }
   }
   componentWillUnmount() {
-    if (_constants.isMobile) {
+    if (window.isMobile) {
       window.removeEventListener('popstate', this.handleHistoryBack, false);
     }
   }
@@ -106,13 +105,9 @@ class ImagesPreviewer extends _react.default.Component {
       value
     } = this.props;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('dtable-ui-image-previewer-container', {
-        'mt-0': value.length === 0 && _constants.isMobile
-      })
+      className: "dtable-ui-image-previewer-container"
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('dtable-ui-image-previewer-wrapper', {
-        'd-none': value.length === 0 && _constants.isMobile
-      })
+      className: "dtable-ui-image-previewer-wrapper ".concat(value.length === 0 && window.isMobile ? 'd-none' : '')
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "dtable-ui-image-previewer-content"
     }, value.length > 0 && value.map((imageItemUrl, index) => {

package/lib/ImageEditor/index.css

@@ -1,25 +1,24 @@
-.dtable-ui-file-open-external-browser {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-height: 0;
+.dtable-ui-image-editor-dialog {
+  max-width: 620px;
+}
+
+.dtable-ui-image-editor-modal {
+  width: 620px;
+  max-height: 620px;
   overflow: hidden;
 }
 
-.dtable-ui-file-open-external-browser .seatable-tip-danger {
-  margin: 16px;
-  text-align: center;
+.dtable-ui-image-editor-container {
+  width: 100%;
+  background-color: #fff;
 }
 
-.dtable-ui-file-open-external-browser .image-container {
-  flex: 1;
+.dtable-ui-image-addition-container {
   display: flex;
-  justify-content: center;
-  align-items: flex-start;
-  margin: 0 10px;
+  flex-direction: row;
 }
 
-.dtable-ui-file-open-external-browser img {
-  width: 75%;
-}
+.dtable-ui-image-editor-dialog .dtable-icon-return {
+  color: #666666;
+  font-size: 14px;
+}