dtable-ui-component 6.0.49 → 6.0.50

package/lib/RowExpandEditor/duration-editor/index.js

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandDurationEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(min-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpandDurationEditor;

package/lib/RowExpandEditor/duration-editor/mb-editor.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _DurationEditor = _interopRequireDefault(require("../../DurationEditor"));
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBDurationEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -54,18 +55,20 @@ class RowExpandMBDurationEditor extends _react.default.Component {
       value,
       isShowEditor
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-row-expand-input-editor-container"
-    }, isShowEditor ? /*#__PURE__*/_react.default.createElement(_DurationEditor.default, {
-      isInModal: true,
-      column: column,
-      value: value,
-      toggleEditor: this.toggleEditor,
-      onCommit: this.onCommit
-    }) : /*#__PURE__*/_react.default.createElement("div", {
-      className: "w-100 h-100",
-      onClick: this.toggleEditor
-    }, (0, _dtableUtils.getDurationDisplayString)(value, column.data)));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "dtable-ui-mobile-row-expand-input-editor-container",
+      children: isShowEditor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DurationEditor.default, {
+        isInModal: true,
+        column: column,
+        value: value,
+        toggleEditor: this.toggleEditor,
+        onCommit: this.onCommit
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "w-100 h-100",
+        onClick: this.toggleEditor,
+        children: (0, _dtableUtils.getDurationDisplayString)(value, column.data)
+      })
+    });
   }
 }
 var _default = exports.default = RowExpandMBDurationEditor;

package/lib/RowExpandEditor/duration-editor/pc-editor.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _constants = require("../../constants");
 var _DurationEditor = _interopRequireDefault(require("../../DurationEditor"));
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCDurationEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -87,19 +88,22 @@ class RowExpandPCDurationEditor extends _react.default.Component {
     if (isEditorFocus) {
       style = Object.assign({}, style, _constants.ROW_EXPAND_FOCUS_STYLE);
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, isShowEditor ? /*#__PURE__*/_react.default.createElement(_DurationEditor.default, {
-      isInModal: isInModal,
-      column: column,
-      value: value,
-      toggleEditor: this.toggleEditor,
-      onCommit: this.onCommit
-    }) : /*#__PURE__*/_react.default.createElement("div", {
-      tabIndex: 0,
-      onFocus: this.toggleEditor,
-      onClick: this.toggleEditor,
-      className: "form-control",
-      style: style
-    }, (0, _dtableUtils.getDurationDisplayString)(value, column.data)));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+      children: isShowEditor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DurationEditor.default, {
+        isInModal: isInModal,
+        column: column,
+        value: value,
+        toggleEditor: this.toggleEditor,
+        onCommit: this.onCommit
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        tabIndex: 0,
+        onFocus: this.toggleEditor,
+        onClick: this.toggleEditor,
+        className: "form-control",
+        style: style,
+        children: (0, _dtableUtils.getDurationDisplayString)(value, column.data)
+      })
+    });
   }
 }
 var _default = exports.default = RowExpandPCDurationEditor;

package/lib/RowExpandEditor/email-editor/index.js

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandEmailEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(min-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpandEmailEditor;

package/lib/RowExpandEditor/email-editor/mb-editor/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBEmailEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -62,23 +63,24 @@ class RowExpandMBEmailEditor extends _react.default.Component {
     const {
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-row-expand-input-editor-container position-relative dtable-ui-mobile-row-expand-url-editor-container"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      type: "text",
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      onCut: this.onCut,
-      onPaste: this.onPaste,
-      onChange: this.onChange,
-      className: "form-control dtable-ui-mobile-row-expand-url-input",
-      value: value,
-      onKeyDown: this.onKeyDown
-    }), value && value.trim() && /*#__PURE__*/_react.default.createElement("span", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-email dtable-ui-mobile-row-expand-jump-link",
-      onClick: this.onOpenEmailLink
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui-mobile-row-expand-input-editor-container position-relative dtable-ui-mobile-row-expand-url-editor-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "text",
+        onFocus: this.onFocus,
+        onBlur: this.onBlur,
+        onCut: this.onCut,
+        onPaste: this.onPaste,
+        onChange: this.onChange,
+        className: "form-control dtable-ui-mobile-row-expand-url-input",
+        value: value,
+        onKeyDown: this.onKeyDown
+      }), value && value.trim() && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-email dtable-ui-mobile-row-expand-jump-link",
+        onClick: this.onOpenEmailLink
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandMBEmailEditor;

package/lib/RowExpandEditor/email-editor/pc-editor/index.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("../../../constants");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCEmailEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -102,24 +103,25 @@ class RowExpandPCEmailEditor extends _react.default.Component {
     let {
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-row-expand-url-editor"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      ref: ref => this.urlInputRef = ref,
-      type: "text",
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      onCut: this.onCut,
-      onPaste: this.onPaste,
-      onChange: this.onChange,
-      className: "form-control dtable-ui-row-expand-url-input",
-      value: value,
-      onKeyDown: this.onKeyDown
-    }), value && value.trim() && /*#__PURE__*/_react.default.createElement("span", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-email dtable-ui-row-expand-jump-link",
-      onClick: this.onOpenEmailLink
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui-row-expand-url-editor",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        ref: ref => this.urlInputRef = ref,
+        type: "text",
+        onFocus: this.onFocus,
+        onBlur: this.onBlur,
+        onCut: this.onCut,
+        onPaste: this.onPaste,
+        onChange: this.onChange,
+        className: "form-control dtable-ui-row-expand-url-input",
+        value: value,
+        onKeyDown: this.onKeyDown
+      }), value && value.trim() && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        "aria-hidden": "true",
+        className: "dtable-font dtable-icon-email dtable-ui-row-expand-jump-link",
+        onClick: this.onOpenEmailLink
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandPCEmailEditor;

package/lib/RowExpandEditor/file-editor/index.js

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandFileEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(min-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpandFileEditor;

package/lib/RowExpandEditor/file-editor/mb-editor/index.js

@@ -11,6 +11,7 @@ var _lang = require("../../../lang");
 var _ImageThumbnail = _interopRequireDefault(require("../../../ImageThumbnail"));
 var _url = require("../../../utils/url");
 var _FileEditor = _interopRequireDefault(require("../../../FileEditor"));
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBFileEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -49,8 +50,7 @@ class RowExpandMBFileEditor extends _react.default.Component {
         const {
           fileIconUrl
         } = (0, _url.getFileThumbnailInfo)(file);
-        return /*#__PURE__*/_react.default.createElement(_ImageThumbnail.default, {
-          key: 'file-' + index,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           src: fileIconUrl,
           name: file.name,
           index: index,
@@ -59,7 +59,7 @@ class RowExpandMBFileEditor extends _react.default.Component {
           deleteTip: (0, _lang.getLocale)('Are_you_sure_you_want_to_delete_this_file'),
           deleteImage: this.deleteFile,
           onClick: this.toggleEditor
-        });
+        }, 'file-' + index);
       });
     };
     const {
@@ -96,19 +96,24 @@ class RowExpandMBFileEditor extends _react.default.Component {
       isShowEditor,
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-row-expand-image position-relative"
-    }, value.length === 0 ? /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-      onClick: this.toggleEditor,
-      text: (0, _lang.getLocale)('Add_files')
-    }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderFiles())), isShowEditor && /*#__PURE__*/_react.default.createElement(_FileEditor.default, {
-      value: value,
-      column: column,
-      config: config,
-      onToggle: this.closeEditor,
-      onCommit: this.onCommit,
-      uploadFile: uploadFile
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-mobile-row-expand-image position-relative",
+        children: value.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
+          onClick: this.toggleEditor,
+          text: (0, _lang.getLocale)('Add_files')
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: this.renderFiles()
+        })
+      }), isShowEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileEditor.default, {
+        value: value,
+        column: column,
+        config: config,
+        onToggle: this.closeEditor,
+        onCommit: this.onCommit,
+        uploadFile: uploadFile
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandMBFileEditor;

package/lib/RowExpandEditor/file-editor/pc-editor/index.js

@@ -13,6 +13,7 @@ var _ImageThumbnail = _interopRequireDefault(require("../../../ImageThumbnail"))
 var _url = require("../../../utils/url");
 var _FileEditor = _interopRequireDefault(require("../../../FileEditor"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCFileEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -114,8 +115,7 @@ class RowExpandPCFileEditor extends _react.default.Component {
         const {
           fileIconUrl
         } = (0, _url.getFileThumbnailInfo)(file);
-        return /*#__PURE__*/_react.default.createElement(_ImageThumbnail.default, {
-          key: 'file-' + index,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           src: fileIconUrl,
           name: file.name,
           index: index,
@@ -123,26 +123,28 @@ class RowExpandPCFileEditor extends _react.default.Component {
           deleteTip: (0, _lang.getLocale)('Are_you_sure_you_want_to_delete_this_file'),
           deleteImage: this.deleteFile,
           onClick: this.onClickFile
-        });
+        }, 'file-' + index);
       });
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-row-expand-image-editor mt-2"
-    }, /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-      isFocus: isEditorFocus,
-      text: (0, _lang.getLocale)('Add_files'),
-      onFocus: this.onFocus,
-      onClick: this.onToggle
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-row-expand-image-container"
-    }, fileArr), this.state.isShowFileEditor && /*#__PURE__*/_react.default.createElement(_FileEditor.default, {
-      value: value,
-      isInModal: true,
-      onToggle: this.onToggle,
-      onCommit: this.onCommit,
-      config: this.props.config,
-      uploadFile: this.props.uploadFile
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui-row-expand-image-editor mt-2",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
+        isFocus: isEditorFocus,
+        text: (0, _lang.getLocale)('Add_files'),
+        onFocus: this.onFocus,
+        onClick: this.onToggle
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-row-expand-image-container",
+        children: fileArr
+      }), this.state.isShowFileEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileEditor.default, {
+        value: value,
+        isInModal: true,
+        onToggle: this.onToggle,
+        onCommit: this.onCommit,
+        config: this.props.config,
+        uploadFile: this.props.uploadFile
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandPCFileEditor;

package/lib/RowExpandEditor/geolocation-editor/index.js

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandGeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(min-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpandGeolocationEditor;

package/lib/RowExpandEditor/geolocation-editor/mb-editor/index.js

@@ -10,6 +10,7 @@ var _dtableUtils = require("dtable-utils");
 var _addBtn = _interopRequireDefault(require("../../add-btn"));
 var _lang = require("../../../lang");
 var _GeolocationEditor = _interopRequireDefault(require("../../../GeolocationEditor"));
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBGeolocationEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -49,7 +50,7 @@ class RowExpandMBGeolocationEditor extends _react.default.Component {
         value
       } = this.state;
       const text = (0, _dtableUtils.isEmptyObject)(value) ? (0, _lang.getLocale)('Edit_Location') : this.getLocationInfo(value);
-      return /*#__PURE__*/_react.default.createElement(_addBtn.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
         onClick: this.openEditor,
         text: text,
         className: "py-4"
@@ -87,14 +88,16 @@ class RowExpandMBGeolocationEditor extends _react.default.Component {
     const {
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderGeoLocation(), this.state.isShowEditor && /*#__PURE__*/_react.default.createElement(_GeolocationEditor.default, {
-      column: column,
-      row: row,
-      value: value,
-      config: config,
-      onCommit: this.onCommit,
-      onToggle: this.closeEditor
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [this.renderGeoLocation(), this.state.isShowEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeolocationEditor.default, {
+        column: column,
+        row: row,
+        value: value,
+        config: config,
+        onCommit: this.onCommit,
+        onToggle: this.closeEditor
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandMBGeolocationEditor;

package/lib/RowExpandEditor/geolocation-editor/pc-editor/index.js

@@ -12,6 +12,7 @@ var _addBtn = _interopRequireDefault(require("../../add-btn"));
 var _lang = require("../../../lang");
 var _GeolocationEditor = _interopRequireDefault(require("../../../GeolocationEditor"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCGeolocationEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -76,17 +77,18 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
       } = this.state;
       if (!(0, _dtableUtils.isEmptyObject)(value)) {
         const displayContent = this.getLocationInfo(value);
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           tabIndex: 0,
           style: isEditorFocus ? _constants.ROW_EXPAND_BTN_FOCUS_STYLE : {},
           onFocus: this.onFocus,
           role: "button",
           ref: ref => this.geoLocationRef = ref,
           className: "dtable-ui-row-expand-geolocation-value",
-          onClick: this.toggleEditor
-        }, displayContent);
+          onClick: this.toggleEditor,
+          children: displayContent
+        });
       }
-      return /*#__PURE__*/_react.default.createElement(_addBtn.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
         ref: this.addBtnRef,
         onFocus: this.onFocus,
         onClick: this.toggleEditor,
@@ -153,20 +155,21 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
     const {
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ref: ref => this.editorContainer = ref,
-      className: "mt-2"
-    }, this.renderGeoLocation(), this.state.isShowEditor && /*#__PURE__*/_react.default.createElement(_GeolocationEditor.default, {
-      ref: ref => this.geoEditor = ref,
-      isInModal: true,
-      column: column,
-      value: value,
-      config: config,
-      onCommit: this.onCommit,
-      onToggle: this.closeEditor,
-      onPressTab: this.props.onPressTab,
-      toggleLargeMap: this.toggleLargeMap
-    }));
+      className: "mt-2",
+      children: [this.renderGeoLocation(), this.state.isShowEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeolocationEditor.default, {
+        ref: ref => this.geoEditor = ref,
+        isInModal: true,
+        column: column,
+        value: value,
+        config: config,
+        onCommit: this.onCommit,
+        onToggle: this.closeEditor,
+        onPressTab: this.props.onPressTab,
+        toggleLargeMap: this.toggleLargeMap
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandPCGeolocationEditor;

package/lib/RowExpandEditor/image-editor/index.js

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandImageEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(min-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpandImageEditor;