dtable-ui-component 6.0.49 → 6.0.50

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

@@ -12,6 +12,7 @@ var _CollaboratorEditor = _interopRequireDefault(require("../../../CollaboratorE
 var _lang = require("../../../lang");
 var _CollaboratorItem = _interopRequireDefault(require("../../../CollaboratorItem"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCCollaboratorEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
@@ -107,47 +108,50 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
         value,
         emailCollaboratorMap
       } = this.state;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         tabIndex: 0,
         onFocus: this.onFocus,
         onClick: this.onToggleSelect,
         ref: ref => this.collaboratorContentRef = ref,
         className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-select-editor custom-select', {
           'focus': isEditorFocus
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-row-expand-select-editor-inner",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: value.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "dtable-ui-row-expand-select-options",
+              children: value.map((email, index) => {
+                let collaborator = emailCollaboratorMap[email];
+                if (collaborator) {
+                  const {
+                    email
+                  } = collaborator;
+                  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
+                    collaborator: collaborator,
+                    enableDeleteCollaborator: true,
+                    onDeleteCollaborator: this.removeCollaborator.bind(this, index)
+                  }, email);
+                }
+                collaborator = {
+                  name: (0, _lang.getLocale)('Unknown'),
+                  avatar_url: '',
+                  email: index + ''
+                };
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
+                  className: "dtable-ui-unknown-collaborator",
+                  collaborator: collaborator,
+                  enableDeleteCollaborator: true,
+                  onDeleteCollaborator: this.removeCollaborator.bind(this, index)
+                }, index);
+              })
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+            "aria-hidden": "true",
+            className: "dtable-font dtable-icon-down3"
+          })]
         })
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-row-expand-select-editor-inner"
-      }, /*#__PURE__*/_react.default.createElement("div", null, value.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-row-expand-select-options"
-      }, value.map((email, index) => {
-        let collaborator = emailCollaboratorMap[email];
-        if (collaborator) {
-          const {
-            email
-          } = collaborator;
-          return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
-            key: email,
-            collaborator: collaborator,
-            enableDeleteCollaborator: true,
-            onDeleteCollaborator: this.removeCollaborator.bind(this, index)
-          });
-        }
-        collaborator = {
-          name: (0, _lang.getLocale)('Unknown'),
-          avatar_url: '',
-          email: index + ''
-        };
-        return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
-          key: index,
-          className: "dtable-ui-unknown-collaborator",
-          collaborator: collaborator,
-          enableDeleteCollaborator: true,
-          onDeleteCollaborator: this.removeCollaborator.bind(this, index)
-        });
-      }))), /*#__PURE__*/_react.default.createElement("i", {
-        "aria-hidden": "true",
-        className: "dtable-font dtable-icon-down3"
-      })));
+      });
     };
     const {
       row: _row,
@@ -212,20 +216,21 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
       showCollaboratorSelect,
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "position-relative mt-1 w-100",
-      ref: ref => this.collaboratorSelectRef = ref
-    }, this.renderSelectedCollaborators(), /*#__PURE__*/_react.default.createElement("span", {
-      ref: ref => this.targetRef = ref
-    }), showCollaboratorSelect && /*#__PURE__*/_react.default.createElement(_CollaboratorEditor.default, {
-      target: this.targetRef,
-      isInModal: true,
-      value: value,
-      column: column,
-      collaborators: collaborators,
-      onCommit: this.onChange,
-      onClose: this.closeSelect
-    }));
+      ref: ref => this.collaboratorSelectRef = ref,
+      children: [this.renderSelectedCollaborators(), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        ref: ref => this.targetRef = ref
+      }), showCollaboratorSelect && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorEditor.default, {
+        target: this.targetRef,
+        isInModal: true,
+        value: value,
+        column: column,
+        collaborators: collaborators,
+        onCommit: this.onChange,
+        onClose: this.closeSelect
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandPCCollaboratorEditor;

package/lib/RowExpandEditor/date-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 RowExpandDateEditor = /*#__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 = RowExpandDateEditor;

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

@@ -10,6 +10,7 @@ var _dtableUtils = require("dtable-utils");
 var _DateEditor = _interopRequireDefault(require("../../DateEditor"));
 var _rightAngle = _interopRequireDefault(require("../right-angle"));
 var _columnUtils = require("../../utils/column-utils");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBDateEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -62,21 +63,25 @@ class RowExpandMBDateEditor extends _react.default.Component {
       isShowEditor
     } = this.state;
     const format = (0, _columnUtils.getDateColumnFormat)(column);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "position-relative"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        height: '50px',
-        lineHeight: '50px'
-      },
-      onClick: this.toggleEditor
-    }, value ? (0, _dtableUtils.getDateDisplayString)(value, format) : ''), /*#__PURE__*/_react.default.createElement(_rightAngle.default, null)), isShowEditor && /*#__PURE__*/_react.default.createElement(_DateEditor.default, {
-      value: value,
-      lang: lang,
-      column: column,
-      onCommit: this.onCommit,
-      hideCalendar: this.hideCalendar
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "position-relative",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            height: '50px',
+            lineHeight: '50px'
+          },
+          onClick: this.toggleEditor,
+          children: value ? (0, _dtableUtils.getDateDisplayString)(value, format) : ''
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rightAngle.default, {})]
+      }), isShowEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateEditor.default, {
+        value: value,
+        lang: lang,
+        column: column,
+        onCommit: this.onCommit,
+        hideCalendar: this.hideCalendar
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandMBDateEditor;

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

@@ -11,6 +11,7 @@ var _DateEditor = _interopRequireDefault(require("../../DateEditor"));
 var _utils = require("../../utils/utils");
 var _columnUtils = require("../../utils/column-utils");
 var _constants = require("../../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCDateEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -104,27 +105,29 @@ class RowExpandPCDateEditor extends _react.default.Component {
       isShowEditor
     } = this.state;
     const format = (0, _columnUtils.getDateColumnFormat)(column);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      ref: ref => this.dateSelectRef = ref
-    }, isShowEditor ? /*#__PURE__*/_react.default.createElement(_DateEditor.default, {
-      isInModal: isInModal,
-      value: value,
-      lang: lang,
-      column: column,
-      onCommit: this.onCommit,
-      hideCalendar: this.hideCalendar
-    }) : /*#__PURE__*/_react.default.createElement("div", {
-      tabIndex: 0,
-      onFocus: this.onFocus,
-      onClick: this.toggleEditor,
-      ref: ref => this.dateContainerRef = ref,
-      className: "form-control",
-      style: isEditorFocus ? Object.assign({
-        width: 320
-      }, _constants.ROW_EXPAND_FOCUS_STYLE) : {
-        width: 320
-      }
-    }, value ? (0, _dtableUtils.getDateDisplayString)(value, format) : ''));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: ref => this.dateSelectRef = ref,
+      children: isShowEditor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateEditor.default, {
+        isInModal: isInModal,
+        value: value,
+        lang: lang,
+        column: column,
+        onCommit: this.onCommit,
+        hideCalendar: this.hideCalendar
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        tabIndex: 0,
+        onFocus: this.onFocus,
+        onClick: this.toggleEditor,
+        ref: ref => this.dateContainerRef = ref,
+        className: "form-control",
+        style: isEditorFocus ? Object.assign({
+          width: 320
+        }, _constants.ROW_EXPAND_FOCUS_STYLE) : {
+          width: 320
+        },
+        children: value ? (0, _dtableUtils.getDateDisplayString)(value, format) : ''
+      })
+    });
   }
 }
 var _default = exports.default = RowExpandPCDateEditor;

package/lib/RowExpandEditor/department-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 RowExpandDepartmentEditor = /*#__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 = RowExpandDepartmentEditor;

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

@@ -12,6 +12,7 @@ var _addBtn = _interopRequireDefault(require("../add-btn"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
 var _DepartmentSingleSelectEditor = _interopRequireDefault(require("../../DepartmentSingleSelectEditor"));
 var _lang = require("../../lang");
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandMBDepartmentEditor = _ref => {
   let {
     row,
@@ -39,27 +40,31 @@ const RowExpandMBDepartmentEditor = _ref => {
     setShowEditor(false);
     // eslint-disable-next-line
   }, [row, column]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui dtable-ui-mobile-row-expand-options-editor position-relative",
-    onClick: openEditor
-  }, value ? /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      height: 50,
-      padding: '14px 0'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectFormatter.default, {
-    value: value,
-    departments: departments
-  })) : /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-    text: (0, _lang.getLocale)('Choose_a_department')
-  }), /*#__PURE__*/_react.default.createElement(_rightAngle.default, null)), showEditor && /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectEditor.default, {
-    enableSelectRange: false,
-    column: column,
-    value: value,
-    onCommit: onChange,
-    userDepartmentIdsMap: userDepartmentIdsMap,
-    departments: departments,
-    onClose: closeEditor
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui dtable-ui-mobile-row-expand-options-editor position-relative",
+      onClick: openEditor,
+      children: [value ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          height: 50,
+          padding: '14px 0'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectFormatter.default, {
+          value: value,
+          departments: departments
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
+        text: (0, _lang.getLocale)('Choose_a_department')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rightAngle.default, {})]
+    }), showEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectEditor.default, {
+      enableSelectRange: false,
+      column: column,
+      value: value,
+      onCommit: onChange,
+      userDepartmentIdsMap: userDepartmentIdsMap,
+      departments: departments,
+      onClose: closeEditor
+    })]
+  });
 };
 var _default = exports.default = RowExpandMBDepartmentEditor;

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

@@ -11,6 +11,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
 var _constants = require("../../constants");
 var _DepartmentSingleSelectEditor = _interopRequireDefault(require("../../DepartmentSingleSelectEditor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandPCDepartmentEditor = _ref => {
   let {
     row,
@@ -65,35 +66,40 @@ const RowExpandPCDepartmentEditor = _ref => {
     setShowEditor(false);
     // eslint-disable-next-line
   }, [row, column]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "position-relative w-100",
-    ref: departmentSelectContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    tabIndex: 0,
-    onFocus: onFocus,
-    onClick: onToggleSelect,
-    ref: departmentSelectContent,
-    className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-select-editor', 'custom-select', {
-      'focus': isEditorFocus
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-row-expand-select-editor-inner"
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectFormatter.default, {
-    value: value,
-    departments: departments
-  })), /*#__PURE__*/_react.default.createElement("i", {
-    "aria-hidden": "true",
-    className: "dtable-font dtable-icon-down3"
-  }))), showEditor && /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectEditor.default, {
-    isInModal: true,
-    enableSelectRange: false,
-    target: departmentSelectContent.current,
-    column: column,
-    value: value,
-    onCommit: handleCommit,
-    userDepartmentIdsMap: userDepartmentIdsMap,
-    departments: departments,
-    toggleDepartmentSelect: closeEditor
-  }));
+    ref: departmentSelectContainer,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      tabIndex: 0,
+      onFocus: onFocus,
+      onClick: onToggleSelect,
+      ref: departmentSelectContent,
+      className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-select-editor', 'custom-select', {
+        'focus': isEditorFocus
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-row-expand-select-editor-inner",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectFormatter.default, {
+            value: value,
+            departments: departments
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          "aria-hidden": "true",
+          className: "dtable-font dtable-icon-down3"
+        })]
+      })
+    }), showEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectEditor.default, {
+      isInModal: true,
+      enableSelectRange: false,
+      target: departmentSelectContent.current,
+      column: column,
+      value: value,
+      onCommit: handleCommit,
+      userDepartmentIdsMap: userDepartmentIdsMap,
+      departments: departments,
+      toggleDepartmentSelect: closeEditor
+    })]
+  });
 };
 var _default = exports.default = RowExpandPCDepartmentEditor;

package/lib/RowExpandEditor/digital-sign-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 RowExpandDigitalSignEditor = /*#__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 = RowExpandDigitalSignEditor;

package/lib/RowExpandEditor/digital-sign-editor/mb-editor/index.js

@@ -13,6 +13,7 @@ var _DigitalSignEditor = _interopRequireDefault(require("../../../DigitalSignEdi
 var _lang = require("../../../lang");
 var _url = require("../../../utils/url");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBDigitalSignEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -72,8 +73,7 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
         key
       } = column;
       return signImages.map((src, index) => {
-        return /*#__PURE__*/_react.default.createElement(_ImageThumbnail.default, {
-          key: "sing-image-".concat(key, "-").concat(index),
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
           src: src,
           className: "dtable-ui-mobile-row-expand-img-item",
@@ -81,7 +81,7 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
           onClick: this.toggleEditor,
           deleteImage: this.deleteImage,
           disableImageTooltip: true
-        });
+        }, "sing-image-".concat(key, "-").concat(index));
       });
     };
     this.state = {
@@ -112,19 +112,22 @@ class RowExpandMBDigitalSignEditor extends _react.default.Component {
     } = this.state;
     const signImages = this.getSignImages();
     const signImageExisted = Array.isArray(signImages) && signImages.length > 0;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-row-expand-image position-relative"
-    }, !signImageExisted && /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-      onClick: this.toggleEditor,
-      text: (0, _lang.getLocale)('Edit_signature')
-    }), this.renderSignature(signImages)), isShowEditor && /*#__PURE__*/_react.default.createElement(_DigitalSignEditor.default, {
-      config: config,
-      value: this.getValue(),
-      column: column,
-      onCommitCancel: this.toggleEditor,
-      onCommit: this.onCommit,
-      uploadFile: this.props.uploadFile
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-mobile-row-expand-image position-relative",
+        children: [!signImageExisted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
+          onClick: this.toggleEditor,
+          text: (0, _lang.getLocale)('Edit_signature')
+        }), this.renderSignature(signImages)]
+      }), isShowEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitalSignEditor.default, {
+        config: config,
+        value: this.getValue(),
+        column: column,
+        onCommitCancel: this.toggleEditor,
+        onCommit: this.onCommit,
+        uploadFile: this.props.uploadFile
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandMBDigitalSignEditor;

package/lib/RowExpandEditor/digital-sign-editor/pc-editor/index.js

@@ -15,6 +15,7 @@ var _DigitalSignEditor = _interopRequireDefault(require("../../../DigitalSignEdi
 var _lang = require("../../../lang");
 var _url = require("../../../utils/url");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCDigitalSignEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -112,15 +113,14 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
         key
       } = column;
       return signImages.map((src, index) => {
-        return /*#__PURE__*/_react.default.createElement(_ImageThumbnail.default, {
-          key: "sing-image-".concat(key, "-").concat(index),
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
           src: src,
           column: column,
           onClick: this.setLargeImageIndex,
           deleteImage: this.deleteImage,
           disableImageTooltip: true
-        });
+        }, "sing-image-".concat(key, "-").concat(index));
       });
     };
     this.state = {
@@ -173,36 +173,38 @@ class RowExpandPCDigitalSignEditor extends _react.default.Component {
     } = this.state;
     const signImages = this.getSignImages();
     const signImageExisted = Array.isArray(signImages) && signImages.length > 0;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "position-relative mt-2",
-      ref: ref => this.editorContainer = ref
-    }, !signImageExisted && /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-      onClick: this.toggleEditor,
-      onFocus: this.onFocus,
-      isFocus: isEditorFocus,
-      text: (0, _lang.getLocale)('Edit_signature')
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-row-expand-image-container dtable-ui-row-expand-digital-sign-container"
-    }, this.renderSignature(signImages)), isShowEditor && /*#__PURE__*/_react.default.createElement(_DigitalSignEditor.default, {
-      isInModal: true,
-      config: config,
-      value: this.getValue(),
-      column: column,
-      onCommitCancel: this.toggleEditor,
-      onCommit: this.onCommit,
-      uploadFile: this.props.uploadFile
-    }), largeImageIndex > -1 && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
-      imageItems: signImages,
-      imageIndex: largeImageIndex,
-      wrapperClassName: 'digital-sign-image',
-      closeImagePopup: this.hideLargeImage,
-      moveToPrevImage: this.moveToPrevImage,
-      moveToNextImage: this.moveToNextImage,
-      deleteImage: index => {
-        this.deleteImage(index);
-        this.hideLargeImage();
-      }
-    }));
+      ref: ref => this.editorContainer = ref,
+      children: [!signImageExisted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
+        onClick: this.toggleEditor,
+        onFocus: this.onFocus,
+        isFocus: isEditorFocus,
+        text: (0, _lang.getLocale)('Edit_signature')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-row-expand-image-container dtable-ui-row-expand-digital-sign-container",
+        children: this.renderSignature(signImages)
+      }), isShowEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DigitalSignEditor.default, {
+        isInModal: true,
+        config: config,
+        value: this.getValue(),
+        column: column,
+        onCommitCancel: this.toggleEditor,
+        onCommit: this.onCommit,
+        uploadFile: this.props.uploadFile
+      }), largeImageIndex > -1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagePreviewerLightbox.default, {
+        imageItems: signImages,
+        imageIndex: largeImageIndex,
+        wrapperClassName: 'digital-sign-image',
+        closeImagePopup: this.hideLargeImage,
+        moveToPrevImage: this.moveToPrevImage,
+        moveToNextImage: this.moveToNextImage,
+        deleteImage: index => {
+          this.deleteImage(index);
+          this.hideLargeImage();
+        }
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandPCDigitalSignEditor;