dtable-ui-component 4.4.3-2 → 4.4.3-alpha1

package/lib/ImageFormatter/index.js

@@ -1,18 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _imagesLazyLoad = _interopRequireDefault(require("./images-lazy-load"));
-var _utils = require("./utils");
-var _ImagePreviewerLightbox = _interopRequireDefault(require("../ImagePreviewerLightbox"));
-require("./index.css");
-class ImageFormatter extends _react.default.Component {
+import React, { Fragment } from 'react';
+import classnames from 'classnames';
+import ImagesLazyLoad from './images-lazy-load';
+import { getImageThumbnailUrl } from './utils';
+import ImagePreviewerLightbox from '../ImagePreviewerLightbox';
+import './index.css';
+class ImageFormatter extends React.Component {
   constructor(props) {
     super(props);
     this.onImageClick = index => {
@@ -77,7 +69,7 @@ class ImageFormatter extends _react.default.Component {
       containerClassName,
       readOnly
     } = this.props;
-    const className = (0, _classnames.default)('dtable-ui cell-formatter-container image-formatter', containerClassName);
+    const className = classnames('dtable-ui cell-formatter-container image-formatter', containerClassName);
     const {
       isPreviewImage,
       previewImageIndex
@@ -87,24 +79,24 @@ class ImageFormatter extends _react.default.Component {
     }
     if (isSample) {
       let item = value[0];
-      let url = (0, _utils.getImageThumbnailUrl)(item, server);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      let url = getImageThumbnailUrl(item, server);
+      return /*#__PURE__*/React.createElement("div", {
         className: className
-      }, /*#__PURE__*/_react.default.createElement("img", {
+      }, /*#__PURE__*/React.createElement("img", {
         className: "image-item",
         src: url,
         alt: ""
-      }), value.length !== 1 && /*#__PURE__*/_react.default.createElement("span", {
+      }), value.length !== 1 && /*#__PURE__*/React.createElement("span", {
         className: "image-item-count"
       }, "+".concat(value.length)));
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: className
-    }, /*#__PURE__*/_react.default.createElement(_imagesLazyLoad.default, {
+    }, /*#__PURE__*/React.createElement(ImagesLazyLoad, {
       images: value,
       server: server,
       onImageClick: this.onImageClick
-    })), isPreviewImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
+    })), isPreviewImage && /*#__PURE__*/React.createElement(ImagePreviewerLightbox, {
       imageItems: value,
       imageIndex: previewImageIndex,
       closeImagePopup: this.closeImagePopup,
@@ -128,4 +120,4 @@ ImageFormatter.defaultProps = {
   server: '',
   containerClassName: ''
 };
-var _default = exports.default = ImageFormatter;
+export default ImageFormatter;

package/lib/ImageFormatter/utils.js

@@ -1,13 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getImageThumbnailUrl = void 0;
-const getImageThumbnailUrl = (url, server) => {
+export const getImageThumbnailUrl = (url, server) => {
   if (server && url.indexOf(server) > -1) {
     return url.replace('/workspace', '/thumbnail/workspace') + '?size=256';
   }
   return url;
-};
-exports.getImageThumbnailUrl = getImageThumbnailUrl;
+};

package/lib/ImagePreviewerLightbox/index.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactImageLightbox = _interopRequireDefault(require("@seafile/react-image-lightbox"));
-var _utils = require("./utils");
-require("@seafile/react-image-lightbox/style.css");
+import React from 'react';
+import classnames from 'classnames';
+import Lightbox from '@seafile/react-image-lightbox';
+import { checkSVGImage, isInternalImg } from './utils';
+import '@seafile/react-image-lightbox/style.css';
 function ImagePreviewerLightbox(props) {
   const {
     imageItems,
@@ -27,16 +20,16 @@ function ImagePreviewerLightbox(props) {
   const URL = imageItems[imageIndex];
   const imageTitle = URL ? decodeURI(URL.slice(URL.lastIndexOf('/') + 1)) : '';
   // svg image is vectorgraph and can't rotate, external image can't rotate
-  const canRotateImage = onRotateImage && !readOnly && !(0, _utils.checkSVGImage)(URL) && (0, _utils.isInternalImg)(URL, server);
-  const imageTitleEl = /*#__PURE__*/_react.default.createElement("span", {
+  const canRotateImage = onRotateImage && !readOnly && !checkSVGImage(URL) && isInternalImg(URL, server);
+  const imageTitleEl = /*#__PURE__*/React.createElement("span", {
     className: "d-flex"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "text-truncate"
-  }, imageTitle), /*#__PURE__*/_react.default.createElement("span", {
+  }, imageTitle), /*#__PURE__*/React.createElement("span", {
     className: "flex-shrink-0"
   }, "(", imageIndex + 1, "/", imageItemsLength, ")"));
-  return /*#__PURE__*/_react.default.createElement(_reactImageLightbox.default, {
-    wrapperClassName: (0, _classnames.default)('dtable-ui-component', className),
+  return /*#__PURE__*/React.createElement(Lightbox, {
+    wrapperClassName: classnames('dtable-ui-component', className),
     imageTitle: imageTitleEl,
     mainSrc: imageItems[imageIndex],
     nextSrc: imageItems[(imageIndex + 1) % imageItemsLength],
@@ -57,4 +50,4 @@ function ImagePreviewerLightbox(props) {
     } : null
   });
 }
-var _default = exports.default = ImagePreviewerLightbox;
+export default ImagePreviewerLightbox;

package/lib/ImagePreviewerLightbox/utils.js

@@ -1,17 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isInternalImg = exports.checkSVGImage = void 0;
-const isInternalImg = (url, server) => {
+export const isInternalImg = (url, server) => {
   if (!url) return;
   const currentServer = server || window.dtable && window.dtable.server;
   return url.indexOf(currentServer) > -1;
 };
-exports.isInternalImg = isInternalImg;
-const checkSVGImage = url => {
+export const checkSVGImage = url => {
   if (!url) return false;
   return url.substr(-4).toLowerCase() === '.svg';
-};
-exports.checkSVGImage = checkSVGImage;
+};

package/lib/LastModifierFormatter/index.js

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _CollaboratorItem = _interopRequireDefault(require("../CollaboratorItem"));
-var _default_avatar = _interopRequireDefault(require("../assets/images/avatar/default_avatar.png"));
-require("./index.css");
+import React from 'react';
+import classnames from 'classnames';
+import CollaboratorItem from '../CollaboratorItem';
+import DefaultAvatar from '../assets/images/avatar/default_avatar.png';
+import './index.css';
 // there will be there conditions
 // 1 value is not exist, typeof value is array, but it's length is 0
 // 2 value is exist, but can't find in collaborators
 // 3 value is exist, typeof value is a string
 // 4 value is exist, typeof value is array
-class LastModifierFormatter extends _react.default.PureComponent {
+class LastModifierFormatter extends React.PureComponent {
   constructor() {
     super(...arguments);
     this.getCollaborators = () => {
@@ -32,10 +25,10 @@ class LastModifierFormatter extends _react.default.PureComponent {
         if (!collaborator) {
           collaborator = {
             name: item,
-            avatar_url: _default_avatar.default
+            avatar_url: DefaultAvatar
           };
         }
-        return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
+        return /*#__PURE__*/React.createElement(CollaboratorItem, {
           key: index,
           collaborator: collaborator
         });
@@ -47,14 +40,14 @@ class LastModifierFormatter extends _react.default.PureComponent {
       containerClassName,
       value
     } = this.props;
-    const classname = (0, _classnames.default)('dtable-ui cell-formatter-container last-modified-formatter', containerClassName);
+    const classname = classnames('dtable-ui cell-formatter-container last-modified-formatter', containerClassName);
     if (!value || Array.isArray(value) && value.length === 0) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: classname
       });
     }
     const collaborators = this.getCollaborators();
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: classname
     }, collaborators);
   }
@@ -62,4 +55,4 @@ class LastModifierFormatter extends _react.default.PureComponent {
 LastModifierFormatter.defaultProps = {
   value: ''
 };
-var _default = exports.default = LastModifierFormatter;
+export default LastModifierFormatter;

package/lib/LinkEditor/index.js

@@ -1,22 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactResponsive = _interopRequireDefault(require("react-responsive"));
-var _dtableUtils = require("dtable-utils");
-var _lang = require("../lang");
-var _constants = require("../constants");
-var _EditEditorButton = _interopRequireDefault(require("../EditEditorButton"));
-var _linkEditorOption = _interopRequireDefault(require("./link-editor-option"));
-var _pcLinkEditorPopover = _interopRequireDefault(require("./pc-link-editor-popover"));
-var _mbLinkEditorPopover = _interopRequireDefault(require("./mb-link-editor-popover"));
-require("./index.css");
-class LinkEditor extends _react.default.Component {
+import React, { Fragment } from 'react';
+import MediaQuery from 'react-responsive';
+import { getNumberDisplayString, getDateDisplayString } from 'dtable-utils';
+import { getLocale } from '../lang';
+import { CellType } from '../constants';
+import EditEditorButton from '../EditEditorButton';
+import LinkEditorOption from './link-editor-option';
+import PCLinkEditorPopover from './pc-link-editor-popover';
+import MBLinkEditorPopover from './mb-link-editor-popover';
+import './index.css';
+class LinkEditor extends React.Component {
   constructor(props) {
     super(props);
     this.onMouseDown = e => {
@@ -73,16 +65,16 @@ class LinkEditor extends _react.default.Component {
         data
       } = linkedColumn;
       switch (type) {
-        case _constants.CellType.NUMBER:
+        case CellType.NUMBER:
           {
-            return (0, _dtableUtils.getNumberDisplayString)(value, data);
+            return getNumberDisplayString(value, data);
           }
-        case _constants.CellType.DATE:
+        case CellType.DATE:
           {
             let {
               format
             } = data;
-            return (0, _dtableUtils.getDateDisplayString)(value, format);
+            return getDateDisplayString(value, format);
           }
         default:
           return value;
@@ -221,32 +213,32 @@ class LinkEditor extends _react.default.Component {
     let options = this.getAvailableLinkedOptions();
     let selectedOptions = this.formatLinkedValuesToOptions();
     let isShowRemoveIcon = !isReadOnly;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       ref: this.setEditorContainerRef,
       className: "dtable-ui-link-editor"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       ref: this.setEditorRef,
       className: "dtable-ui-link-editor-container",
       onClick: this.onAddOptionToggle
-    }, selectedOptions.length === 0 && /*#__PURE__*/_react.default.createElement(_EditEditorButton.default, {
-      text: (0, _lang.getLocale)('Add_an_option')
+    }, selectedOptions.length === 0 && /*#__PURE__*/React.createElement(EditEditorButton, {
+      text: getLocale('Add_an_option')
     }), selectedOptions.length !== 0 && selectedOptions.map(option => {
-      return /*#__PURE__*/_react.default.createElement(_linkEditorOption.default, {
+      return /*#__PURE__*/React.createElement(LinkEditorOption, {
         key: option.id,
         option: option,
         isShowRemoveIcon: isShowRemoveIcon,
         onDeleteLinkOption: this.onDeleteOption
       });
-    })), isPopoverShow && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+    })), isPopoverShow && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MediaQuery, {
       query: "(min-width: 768px)"
-    }, /*#__PURE__*/_react.default.createElement(_pcLinkEditorPopover.default, {
+    }, /*#__PURE__*/React.createElement(PCLinkEditorPopover, {
       popoverPosition: popoverPosition,
       options: options,
       selectedOptions: selectedOptions,
       onOptionItemToggle: this.onOptionItemToggle
-    })), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+    })), /*#__PURE__*/React.createElement(MediaQuery, {
       query: "(max-width: 767.8px)"
-    }, /*#__PURE__*/_react.default.createElement(_mbLinkEditorPopover.default, {
+    }, /*#__PURE__*/React.createElement(MBLinkEditorPopover, {
       isReadOnly: this.props.isReadOnly,
       value: this.state.newValue,
       column: this.props.column,
@@ -259,4 +251,4 @@ class LinkEditor extends _react.default.Component {
 LinkEditor.defaultProps = {
   isReadOnly: false
 };
-var _default = exports.default = LinkEditor;
+export default LinkEditor;

package/lib/LinkEditor/link-editor-option.js

@@ -1,12 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-class LinkEditorOption extends _react.default.Component {
+import React from 'react';
+class LinkEditorOption extends React.Component {
   constructor() {
     super(...arguments);
     this.onDeleteOption = event => {
@@ -61,21 +54,21 @@ class LinkEditorOption extends _react.default.Component {
     let optionStyle = this.getOptionStyle();
     let optionNameStyle = this.getOptionNameStyle();
     let operationStyle = this.getOperationStyle();
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "dtable-ui link-option-item",
       style: containerStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "option-info",
       style: optionStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "option-name",
       style: optionNameStyle,
       title: option.name
-    }, option.name)), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("div", {
+    }, option.name)), isShowRemoveIcon && /*#__PURE__*/React.createElement("div", {
       className: "option-remove",
       style: operationStyle,
       onClick: this.onDeleteOption
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-fork-number",
       style: {
         fontSize: '12px',
@@ -87,4 +80,4 @@ class LinkEditorOption extends _react.default.Component {
 LinkEditorOption.defaultProps = {
   isShowRemoveIcon: false
 };
-var _default = exports.default = LinkEditorOption;
+export default LinkEditorOption;

package/lib/LinkEditor/mb-link-editor-popover/index.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _lang = require("../../lang");
-var _MBEditorHeader = _interopRequireDefault(require("../../MBEditorHeader"));
-require("./index.css");
-class MBLinkEditorPopover extends _react.default.Component {
+import React from 'react';
+import { getLocale } from '../../lang';
+import MBEditorHeader from '../../MBEditorHeader';
+import './index.css';
+class MBLinkEditorPopover extends React.Component {
   constructor(props) {
     super(props);
     this.handleHistaryBack = e => {
@@ -68,16 +61,16 @@ class MBLinkEditorPopover extends _react.default.Component {
       } = this.props;
       return options.map((option, index) => {
         let isSelect = value.some(item => item === option.id);
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: "mb-link-option-item",
           key: index,
           onMouseDown: this.onSelectOption.bind(this, option)
-        }, /*#__PURE__*/_react.default.createElement("span", {
+        }, /*#__PURE__*/React.createElement("span", {
           className: "mb-option-info"
-        }, /*#__PURE__*/_react.default.createElement("span", {
+        }, /*#__PURE__*/React.createElement("span", {
           className: "option-name",
           title: option.name
-        }, option.name)), isSelect && /*#__PURE__*/_react.default.createElement("i", {
+        }, option.name)), isSelect && /*#__PURE__*/React.createElement("i", {
           className: "mb-option-checked dtable-font dtable-icon-check-mark"
         }));
       });
@@ -104,42 +97,42 @@ class MBLinkEditorPopover extends _react.default.Component {
       searchVal
     } = this.state;
     let filterOptions = this.getFilterOptions();
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       ref: this.setEditorPopover,
       className: "dtable-ui-mb-editor-popover mb-link-editor-popover",
       onClick: this.onContainerClick
-    }, /*#__PURE__*/_react.default.createElement(_MBEditorHeader.default, {
+    }, /*#__PURE__*/React.createElement(MBEditorHeader, {
       title: column.name,
-      leftContent: /*#__PURE__*/_react.default.createElement("i", {
+      leftContent: /*#__PURE__*/React.createElement("i", {
         className: "dtable-font dtable-icon-return"
       }),
-      rightContent: /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Done')),
+      rightContent: /*#__PURE__*/React.createElement("span", null, getLocale('Done')),
       onLeftClick: this.props.onClosePopover,
       onRightClick: this.props.onClosePopover
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "dtable-ui-mb-editor-body dtable-ui-mb-link-editor-body"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "mb-search-link-items"
-    }, /*#__PURE__*/_react.default.createElement("input", {
+    }, /*#__PURE__*/React.createElement("input", {
       className: "form-control",
       type: "text",
-      placeholder: (0, _lang.getLocale)('Find_an_option'),
+      placeholder: getLocale('Find_an_option'),
       value: searchVal,
       onChange: this.onChangeSearch,
       onClick: this.onInputClick
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "mb-link-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "title"
-    }, (0, _lang.getLocale)('Choose_an_option')), /*#__PURE__*/_react.default.createElement("div", {
+    }, getLocale('Choose_an_option')), /*#__PURE__*/React.createElement("div", {
       className: "content"
-    }, filterOptions.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+    }, filterOptions.length === 0 && /*#__PURE__*/React.createElement("div", {
       className: "search-result-none"
-    }, (0, _lang.getLocale)('No_options_available')), filterOptions.length > 0 && this.renderFilteredOptions(filterOptions)))));
+    }, getLocale('No_options_available')), filterOptions.length > 0 && this.renderFilteredOptions(filterOptions)))));
   }
 }
 MBLinkEditorPopover.defaultProps = {
   isReadOnly: false,
   value: []
 };
-var _default = exports.default = MBLinkEditorPopover;
+export default MBLinkEditorPopover;

package/lib/LinkEditor/pc-link-editor-popover/index.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _lang = require("../../lang");
-require("./index.css");
-class PCLinkEditorPopover extends _react.default.Component {
+import React from 'react';
+import { getLocale } from '../../lang';
+import './index.css';
+class PCLinkEditorPopover extends React.Component {
   constructor(props) {
     super(props);
     this.onValueChanged = event => {
@@ -54,44 +47,44 @@ class PCLinkEditorPopover extends _react.default.Component {
     }, {
       position: 'absolute'
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "dtable-ui-editor-popover dtable-ui-link-editor-popover",
       style: popoverStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "link-options-search"
-    }, /*#__PURE__*/_react.default.createElement("input", {
+    }, /*#__PURE__*/React.createElement("input", {
       className: "form-control",
       value: searchValue,
       onChange: this.onValueChanged,
       onClick: this.onInputClick,
-      placeholder: (0, _lang.getLocale)('Find_an_option')
-    })), /*#__PURE__*/_react.default.createElement("div", {
+      placeholder: getLocale('Find_an_option')
+    })), /*#__PURE__*/React.createElement("div", {
       className: "link-options-container"
     }, options.length > 0 && options.map((option, index) => {
       let isSelect = selectedOptions.some(selectedOption => {
         return selectedOption.id === option.id;
       });
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         key: index,
         className: "link-option-item",
         onClick: this.onOptionItemToggle.bind(this, option)
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "option-info"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "option-name",
         title: option.name
-      }, option.name)), /*#__PURE__*/_react.default.createElement("div", {
+      }, option.name)), /*#__PURE__*/React.createElement("div", {
         className: "option-checked"
-      }, isSelect && /*#__PURE__*/_react.default.createElement("i", {
+      }, isSelect && /*#__PURE__*/React.createElement("i", {
         className: "dtable-font dtable-icon-check-mark"
       })));
-    }), options.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+    }), options.length === 0 && /*#__PURE__*/React.createElement("div", {
       className: "link-option-null"
-    }, (0, _lang.getLocale)('No_options_available'))));
+    }, getLocale('No_options_available'))));
   }
 }
 PCLinkEditorPopover.defaultProps = {
   popoverPosition: {},
   options: []
 };
-var _default = exports.default = PCLinkEditorPopover;
+export default PCLinkEditorPopover;

package/lib/LinkFormatter/index.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dtableUtils = require("dtable-utils");
+import React from 'react';
+import classnames from 'classnames';
+import { CellType, getNumberDisplayString, getDateDisplayString } from 'dtable-utils';
 // link value is  get form parant's interface
-class LinkFormatter extends _react.default.Component {
+class LinkFormatter extends React.Component {
   constructor(props) {
     super(props);
     this.getLinkedCellValue = row => {
@@ -54,11 +47,11 @@ class LinkFormatter extends _react.default.Component {
             display_column_key: displayColumnKey
           } = column.data;
           let displayValue = this.getDisplayValue(linkedTable, row, displayColumnKey);
-          return /*#__PURE__*/_react.default.createElement("div", {
+          return /*#__PURE__*/React.createElement("div", {
             key: index,
             className: "link-item",
             onClick: this.expandLinkedTableRow.bind(this, row)
-          }, /*#__PURE__*/_react.default.createElement("div", {
+          }, /*#__PURE__*/React.createElement("div", {
             className: "link-name",
             title: displayValue
           }, displayValue));
@@ -76,16 +69,16 @@ class LinkFormatter extends _react.default.Component {
       } = linkedColumn;
       // todo: improve
       switch (type) {
-        case _dtableUtils.CellType.NUMBER:
+        case CellType.NUMBER:
           {
-            return (0, _dtableUtils.getNumberDisplayString)(value, data);
+            return getNumberDisplayString(value, data);
           }
-        case _dtableUtils.CellType.DATE:
+        case CellType.DATE:
           {
             let {
               format
             } = data;
-            return (0, _dtableUtils.getDateDisplayString)(value, format);
+            return getDateDisplayString(value, format);
           }
         default:
           return value;
@@ -112,9 +105,9 @@ class LinkFormatter extends _react.default.Component {
     const {
       containerClassName
     } = this.props;
-    const classname = (0, _classnames.default)('dtable-ui cell-formatter-container link-formatter', containerClassName);
+    const classname = classnames('dtable-ui cell-formatter-container link-formatter', containerClassName);
     let displayValues = this.getDisplayValues();
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: classname
     }, displayValues);
   }
@@ -126,4 +119,4 @@ LinkFormatter.defaultProps = {
   column: {},
   row: {}
 };
-var _default = exports.default = LinkFormatter;
+export default LinkFormatter;

package/lib/Loading/index.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Loading;
-var _react = _interopRequireDefault(require("react"));
-require("./index.css");
-function Loading() {
-  return /*#__PURE__*/_react.default.createElement("span", {
+import React from 'react';
+import './index.css';
+export default function Loading() {
+  return /*#__PURE__*/React.createElement("span", {
     className: "loading-icon loading-tip"
   });
 }