dtable-ui-component 6.0.29-beta10 → 6.0.29-beta2

package/lib/RowExpandEditor/{single-select-editor/pc-editor → RowExpandSingleSelectorEditor}/index.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _dtableUtils = require("dtable-utils");
+var _constants = require("../../constants");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("../../../constants");
-var _SingleSelectEditor = _interopRequireDefault(require("../../../SingleSelectEditor"));
-var _lang = require("../../../lang");
-var _objectUtils = _interopRequireDefault(require("../../../utils/object-utils"));
+var _SingleSelectEditor = _interopRequireDefault(require("../../SingleSelectEditor"));
+var _lang = require("../../lang");
+var _objectUtils = _interopRequireDefault(require("../../utils/object-utils"));
 require("./index.css");
-class RowExpandPCSingleSelectEditor extends _react.default.Component {
+class RowExpandSingleSelectEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.getOptions = props => {
@@ -43,15 +43,15 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
       return options;
     };
     this.onKeyDown = e => {
-      if (e.keyCode === _constants.KeyCodes.Enter && this.props.isEditorFocus && !this.state.isShowEditor) {
+      if (e.keyCode === _constants.KeyCodes.Enter && this.props.isEditorFocus && !this.state.showSelectPopover) {
         this.setState({
-          isShowEditor: true
+          showSelectPopover: true
         });
       }
     };
     this.toggleSingleSelect = value => {
       this.setState({
-        isShowEditor: value
+        showSelectPopover: value
       }, () => {
         var _this$selectRef;
         if (value) return;
@@ -64,7 +64,7 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
     };
     this.hideDropDownMenu = event => {
       if (!event.target) return;
-      if (!this.ref.contains(event.target) && this.state.isShowEditor) {
+      if (!this.ref.contains(event.target) && this.state.showSelectPopover) {
         const singleSelectEditor = document.getElementsByClassName('dtable-ui-select-editor-container')[0];
         if (singleSelectEditor && singleSelectEditor.contains(event.target)) return;
         this.toggleSingleSelect(false);
@@ -134,7 +134,7 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
     };
     this.state = {
       value: _props.value,
-      isShowEditor: false
+      showSelectPopover: false
     };
     this.key = _props.valueKey === 'name' ? 'name' : 'id';
     this.options = this.getOptions(_props);
@@ -154,16 +154,16 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
       this.options = this.getOptions(nextProps);
       this.setState({
         value,
-        isShowEditor: false
+        showSelectPopover: false
       });
     }
   }
   componentDidUpdate(prevProps, prevState) {
-    if (this.state.isShowEditor !== prevState.isShowEditor) {
-      if (this.state.isShowEditor === true && this.props.onEditorOpen) {
+    if (this.state.showSelectPopover !== prevState.showSelectPopover) {
+      if (this.state.showSelectPopover === true && this.props.onEditorOpen) {
         this.props.onEditorOpen();
       }
-      if (this.state.isShowEditor === false && this.props.onEditorClose) {
+      if (this.state.showSelectPopover === false && this.props.onEditorClose) {
         this.props.onEditorClose();
       }
     }
@@ -180,7 +180,7 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
       classNamePrefix
     } = this.props;
     const {
-      isShowEditor,
+      showSelectPopover,
       value
     } = this.state;
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -188,7 +188,7 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
       ref: ref => this.ref = ref
     }, this.renderOption(), /*#__PURE__*/_react.default.createElement("span", {
       ref: ref => this.targetRef = ref
-    }), isShowEditor && /*#__PURE__*/_react.default.createElement(_SingleSelectEditor.default, {
+    }), showSelectPopover && /*#__PURE__*/_react.default.createElement(_SingleSelectEditor.default, {
       isInModal: true,
       options: this.options,
       column: column,
@@ -203,4 +203,4 @@ class RowExpandPCSingleSelectEditor extends _react.default.Component {
     }));
   }
 }
-var _default = exports.default = RowExpandPCSingleSelectEditor;
+var _default = exports.default = RowExpandSingleSelectEditor;

package/lib/RowExpandEditor/{text-editor/pc-editor → RowExpandTextEditor}/index.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
-var _TextEditor = _interopRequireDefault(require("../../../TextEditor"));
-var _columnUtils = require("../../../utils/column-utils");
-var _cell = require("../../../utils/cell");
-var _constants = require("../../../constants");
-var _lang = require("../../../lang");
+var _TextEditor = _interopRequireDefault(require("../../TextEditor"));
+var _columnUtils = require("../../utils/column-utils");
+var _cell = require("../../utils/cell");
+var _constants = require("../../constants");
+var _lang = require("../../lang");
 require("./index.css");
-class RowExpandPCTextEditor extends _react.default.Component {
+class RowExpandSimpleText extends _react.default.Component {
   constructor(props) {
     super(props);
     this.setEditorRef = ref => {
@@ -133,4 +133,4 @@ class RowExpandPCTextEditor extends _react.default.Component {
     }), inconformityFormat && /*#__PURE__*/_react.default.createElement(_reactstrap.FormFeedback, null, _lang.getLocale.get('Input_does_not_meet_specifications')));
   }
 }
-var _default = exports.default = RowExpandPCTextEditor;
+var _default = exports.default = RowExpandSimpleText;

package/lib/RowExpandEditor/{url-editor/pc-editor → RowExpandUrlEditor}/index.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _toaster = _interopRequireDefault(require("../../../toaster"));
-var _utils = require("../../../utils/utils");
-var _constants = require("../../../constants");
-var _lang = require("../../../lang");
+var _toaster = _interopRequireDefault(require("../../toaster"));
+var _utils = require("../../utils/utils");
+var _constants = require("../../constants");
+var _lang = require("../../lang");
 require("./index.css");
-class RowExpandPCUrlEditor extends _react.default.Component {
+class RowExpandUrlEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.focusInput = () => {
@@ -127,4 +127,4 @@ class RowExpandPCUrlEditor extends _react.default.Component {
     }));
   }
 }
-var _default = exports.default = RowExpandPCUrlEditor;
+var _default = exports.default = RowExpandUrlEditor;

package/lib/RowExpandEditor/constants.js

@@ -6,39 +6,39 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CELL_EDITOR_MAP = void 0;
 var _dtableUtils = require("dtable-utils");
-var _textEditor = _interopRequireDefault(require("./text-editor"));
-var _singleSelectEditor = _interopRequireDefault(require("./single-select-editor"));
-var _multipleSelectEditor = _interopRequireDefault(require("./multiple-select-editor"));
-var _urlEditor = _interopRequireDefault(require("./url-editor"));
-var _numberEditor = _interopRequireDefault(require("./number-editor"));
-var _dateEditor = _interopRequireDefault(require("./date-editor"));
-var _longTextEditor = _interopRequireDefault(require("./long-text-editor"));
-var _checkboxEditor = _interopRequireDefault(require("./checkbox-editor"));
-var _emailEditor = _interopRequireDefault(require("./email-editor"));
-var _durationEditor = _interopRequireDefault(require("./duration-editor"));
-var _rateEditor = _interopRequireDefault(require("./rate-editor"));
-var _collaboratorEditor = _interopRequireDefault(require("./collaborator-editor"));
-var _departmentEditor = _interopRequireDefault(require("./department-editor"));
-var _imageEditor = _interopRequireDefault(require("./image-editor"));
-var _fileEditor = _interopRequireDefault(require("./file-editor"));
-var _digitalSignEditor = _interopRequireDefault(require("./digital-sign-editor"));
-var _geolocationEditor = _interopRequireDefault(require("./geolocation-editor"));
+var _RowExpandTextEditor = _interopRequireDefault(require("./RowExpandTextEditor"));
+var _RowExpandSingleSelectorEditor = _interopRequireDefault(require("./RowExpandSingleSelectorEditor"));
+var _RowExpandMultipleSelectEditor = _interopRequireDefault(require("./RowExpandMultipleSelectEditor"));
+var _RowExpandUrlEditor = _interopRequireDefault(require("./RowExpandUrlEditor"));
+var _RowExpandNumberEditor = _interopRequireDefault(require("./RowExpandNumberEditor"));
+var _RowExpandDateEditor = _interopRequireDefault(require("./RowExpandDateEditor"));
+var _RowExpandLongTextEditor = _interopRequireDefault(require("./RowExpandLongTextEditor"));
+var _RowExpandCheckboxEditor = _interopRequireDefault(require("./RowExpandCheckboxEditor"));
+var _RowExpandEmailEditor = _interopRequireDefault(require("./RowExpandEmailEditor"));
+var _RowExpandDurationEditor = _interopRequireDefault(require("./RowExpandDurationEditor"));
+var _RowExpandRateEditor = _interopRequireDefault(require("./RowExpandRateEditor"));
+var _RowExpandCollaboratorEditor = _interopRequireDefault(require("./RowExpandCollaboratorEditor"));
+var _RowExpandDepartmentEditor = _interopRequireDefault(require("./RowExpandDepartmentEditor"));
+var _RowExpandImageEditor = _interopRequireDefault(require("./RowExpandImageEditor"));
+var _RowExpandFileEditor = _interopRequireDefault(require("./RowExpandFileEditor"));
+var _RowExpandDigitalSignEditor = _interopRequireDefault(require("./RowExpandDigitalSignEditor"));
+var _RowExpandGeolocationEditor = _interopRequireDefault(require("./RowExpandGeolocationEditor"));
 const CELL_EDITOR_MAP = exports.CELL_EDITOR_MAP = {
-  [_dtableUtils.CellType.TEXT]: _textEditor.default,
-  [_dtableUtils.CellType.SINGLE_SELECT]: _singleSelectEditor.default,
-  [_dtableUtils.CellType.MULTIPLE_SELECT]: _multipleSelectEditor.default,
-  [_dtableUtils.CellType.NUMBER]: _numberEditor.default,
-  [_dtableUtils.CellType.DATE]: _dateEditor.default,
-  [_dtableUtils.CellType.URL]: _urlEditor.default,
-  [_dtableUtils.CellType.LONG_TEXT]: _longTextEditor.default,
-  [_dtableUtils.CellType.CHECKBOX]: _checkboxEditor.default,
-  [_dtableUtils.CellType.EMAIL]: _emailEditor.default,
-  [_dtableUtils.CellType.DURATION]: _durationEditor.default,
-  [_dtableUtils.CellType.RATE]: _rateEditor.default,
-  [_dtableUtils.CellType.COLLABORATOR]: _collaboratorEditor.default,
-  [_dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT]: _departmentEditor.default,
-  [_dtableUtils.CellType.IMAGE]: _imageEditor.default,
-  [_dtableUtils.CellType.FILE]: _fileEditor.default,
-  [_dtableUtils.CellType.DIGITAL_SIGN]: _digitalSignEditor.default,
-  [_dtableUtils.CellType.GEOLOCATION]: _geolocationEditor.default
+  [_dtableUtils.CellType.TEXT]: _RowExpandTextEditor.default,
+  [_dtableUtils.CellType.SINGLE_SELECT]: _RowExpandSingleSelectorEditor.default,
+  [_dtableUtils.CellType.MULTIPLE_SELECT]: _RowExpandMultipleSelectEditor.default,
+  [_dtableUtils.CellType.NUMBER]: _RowExpandNumberEditor.default,
+  [_dtableUtils.CellType.DATE]: _RowExpandDateEditor.default,
+  [_dtableUtils.CellType.URL]: _RowExpandUrlEditor.default,
+  [_dtableUtils.CellType.LONG_TEXT]: _RowExpandLongTextEditor.default,
+  [_dtableUtils.CellType.CHECKBOX]: _RowExpandCheckboxEditor.default,
+  [_dtableUtils.CellType.EMAIL]: _RowExpandEmailEditor.default,
+  [_dtableUtils.CellType.DURATION]: _RowExpandDurationEditor.default,
+  [_dtableUtils.CellType.RATE]: _RowExpandRateEditor.default,
+  [_dtableUtils.CellType.COLLABORATOR]: _RowExpandCollaboratorEditor.default,
+  [_dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT]: _RowExpandDepartmentEditor.default,
+  [_dtableUtils.CellType.IMAGE]: _RowExpandImageEditor.default,
+  [_dtableUtils.CellType.FILE]: _RowExpandFileEditor.default,
+  [_dtableUtils.CellType.DIGITAL_SIGN]: _RowExpandDigitalSignEditor.default,
+  [_dtableUtils.CellType.GEOLOCATION]: _RowExpandGeolocationEditor.default
 };

package/lib/RowExpandFormatter/{department-formatter/pc-formatter.js → RowExpandDepartmentFormatter/index.js}

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../../DepartmentSingleSelectFormatter"));
-function RowExpandPCDepartmentFormatter(_ref) {
+function RowExpandDepartmentFormatter(_ref) {
   let {
     value,
     departments
@@ -24,4 +24,4 @@ function RowExpandPCDepartmentFormatter(_ref) {
     departments: departments
   }))));
 }
-var _default = exports.default = RowExpandPCDepartmentFormatter;
+var _default = exports.default = RowExpandDepartmentFormatter;

package/lib/RowExpandFormatter/{email-formatter → RowExpandEmailFormatter}/index.css

@@ -1,13 +1,13 @@
 @import url('../../css/cell-formatter.css');
 
-.dtable-ui-row-expand-formatter .dtable-ui.email-formatter .email-formatter-value,
-.dtable-ui-row-expand-formatter .dtable-ui.url-formatter .url-formatter-value {
+.dtable-row-expand-formatter .dtable-ui.email-formatter .email-formatter-value,
+.dtable-row-expand-formatter .dtable-ui.url-formatter .url-formatter-value {
   text-decoration: underline;
   width: 95%;
   display: inline-flex;
 }
 
-.dtable-ui-row-expand-formatter .dtable-ui .row-expand-jump-link {
+.dtable-row-expand-formatter .dtable-ui .row-expand-jump-link {
   display: inline-flex;
   align-items: center;
   font-size: 14px;
@@ -24,7 +24,7 @@
   box-shadow: 0 0 1px;
 }
 
-.dtable-ui-row-expand-formatter .dtable-ui .row-expand-jump-link:hover {
+.dtable-row-expand-formatter .dtable-ui .row-expand-jump-link:hover {
   background: #eee;
   border: 1px solid #c9c9c9;
 }

package/lib/RowExpandFormatter/RowExpandRateFormatter/index.css

@@ -0,0 +1,5 @@
+@import url('../../css/cell-formatter.css');
+
+.dtable-ui.dtable-row-expand-formatter .dtable-rate-formatter .dtable-icon-rate {
+  padding-right: 5px;
+}

package/lib/RowExpandFormatter/constants.js

@@ -22,15 +22,15 @@ var _MTimeFormatter = _interopRequireDefault(require("../MTimeFormatter"));
 var _AutoNumberFormatter = _interopRequireDefault(require("../AutoNumberFormatter"));
 var _DurationFormatter = _interopRequireDefault(require("../DurationFormatter"));
 var _ButtonFormatter = _interopRequireDefault(require("../ButtonFormatter"));
+var _RowExpandUrlFormatter = _interopRequireDefault(require("./RowExpandUrlFormatter"));
+var _RowExpandEmailFormatter = _interopRequireDefault(require("./RowExpandEmailFormatter"));
+var _RowExpandRateFormatter = _interopRequireDefault(require("./RowExpandRateFormatter"));
+var _RowExpandImageFormatter = _interopRequireDefault(require("./RowExpandImageFormatter"));
+var _RowExpandFileFormatter = _interopRequireDefault(require("./RowExpandFileFormatter"));
+var _RowExpandLinkFormatter = _interopRequireDefault(require("./RowExpandLinkFormatter"));
+var _RowExpandFormulaFormatter = _interopRequireDefault(require("./RowExpandFormulaFormatter"));
 var _DigitalSignFormatter = _interopRequireDefault(require("../DigitalSignFormatter"));
-var _urlFormatter = _interopRequireDefault(require("./url-formatter"));
-var _emailFormatter = _interopRequireDefault(require("./email-formatter"));
-var _rateFormatter = _interopRequireDefault(require("./rate-formatter"));
-var _imageFormatter = _interopRequireDefault(require("./image-formatter"));
-var _fileFormatter = _interopRequireDefault(require("./file-formatter"));
-var _linkFormatter = _interopRequireDefault(require("./link-formatter"));
-var _formulaFormatter = _interopRequireDefault(require("./formula-formatter"));
-var _departmentFormatter = _interopRequireDefault(require("./department-formatter"));
+var _RowExpandDepartmentFormatter = _interopRequireDefault(require("./RowExpandDepartmentFormatter"));
 const DEFAULT_FORMATTER = exports.DEFAULT_FORMATTER = {
   [_dtableUtils.CellType.TEXT]: _TextFormatter.default,
   [_dtableUtils.CellType.NUMBER]: _NumberFormatter.default,
@@ -48,14 +48,14 @@ const DEFAULT_FORMATTER = exports.DEFAULT_FORMATTER = {
   [_dtableUtils.CellType.AUTO_NUMBER]: _AutoNumberFormatter.default,
   [_dtableUtils.CellType.DURATION]: _DurationFormatter.default,
   [_dtableUtils.CellType.BUTTON]: _ButtonFormatter.default,
-  [_dtableUtils.CellType.URL]: _urlFormatter.default,
-  [_dtableUtils.CellType.EMAIL]: _emailFormatter.default,
-  [_dtableUtils.CellType.RATE]: _rateFormatter.default,
-  [_dtableUtils.CellType.IMAGE]: _imageFormatter.default,
-  [_dtableUtils.CellType.FILE]: _fileFormatter.default,
-  [_dtableUtils.CellType.LINK]: _linkFormatter.default,
-  [_dtableUtils.CellType.FORMULA]: _formulaFormatter.default,
-  [_dtableUtils.CellType.LINK_FORMULA]: _formulaFormatter.default,
+  [_dtableUtils.CellType.URL]: _RowExpandUrlFormatter.default,
+  [_dtableUtils.CellType.EMAIL]: _RowExpandEmailFormatter.default,
+  [_dtableUtils.CellType.RATE]: _RowExpandRateFormatter.default,
+  [_dtableUtils.CellType.IMAGE]: _RowExpandImageFormatter.default,
+  [_dtableUtils.CellType.FILE]: _RowExpandFileFormatter.default,
+  [_dtableUtils.CellType.LINK]: _RowExpandLinkFormatter.default,
+  [_dtableUtils.CellType.FORMULA]: _RowExpandFormulaFormatter.default,
+  [_dtableUtils.CellType.LINK_FORMULA]: _RowExpandFormulaFormatter.default,
   [_dtableUtils.CellType.DIGITAL_SIGN]: _DigitalSignFormatter.default,
-  [_dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT]: _departmentFormatter.default
+  [_dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT]: _RowExpandDepartmentFormatter.default
 };

package/lib/RowExpandFormatter/index.css

@@ -1,9 +1,9 @@
-.dtable-ui.dtable-ui-row-expand-formatter {
+.dtable-ui.dtable-row-expand-formatter {
   width: 100%;
   max-width: 100%;
 }
 
-.dtable-ui.dtable-ui-row-expand-formatter .row-cell-empty {
+.dtable-ui.dtable-row-expand-formatter .row-cell-empty {
   height: 8px;
   width: 20px;
   background-color: #f1f1f1;
@@ -11,14 +11,14 @@
   display: inline-block;
 }
 
-.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.collaborator-item {
+.dtable-ui.dtable-row-expand-formatter .dtable-ui.collaborator-item {
   margin: 5px 10px 5px 0;
 }
 
-.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.formula-formatter,
-.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.text-formatter,
-.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.url-formatter,
-.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.email-formatter {
+.dtable-ui.dtable-row-expand-formatter .dtable-ui.formula-formatter,
+.dtable-ui.dtable-row-expand-formatter .dtable-ui.text-formatter,
+.dtable-ui.dtable-row-expand-formatter .dtable-ui.url-formatter,
+.dtable-ui.dtable-row-expand-formatter .dtable-ui.email-formatter {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -27,11 +27,11 @@
   width: 100%;
 }
 
-.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.multiple-select-formatter .dtable-ui.select-item {
+.dtable-ui.dtable-row-expand-formatter .dtable-ui.multiple-select-formatter .dtable-ui.select-item {
   margin: 5px 0;
 }
 
-.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.geolocation-formatter {
+.dtable-ui.dtable-row-expand-formatter .dtable-ui.geolocation-formatter {
   width: fit-content;
   min-width: 80px;
   max-width: 100%;
@@ -45,19 +45,19 @@
   text-align: center;
 }
 
-.dtable-ui.dtable-ui-row-expand-formatter .form-control {
+.dtable-ui.dtable-row-expand-formatter .form-control {
   background-color: #f8f9fa;
   padding: 0 10px;
   height: fit-content;
   min-height: 2.375rem;
 }
 
-.dtable-ui.dtable-ui-row-expand-formatter .ctime-formatter-container,
-.dtable-ui.dtable-ui-row-expand-formatter .mtime-formatter-container {
+.dtable-ui.dtable-row-expand-formatter .ctime-formatter-container,
+.dtable-ui.dtable-row-expand-formatter .mtime-formatter-container {
   padding: 0.375rem 0.75rem;
 }
 
-.dtable-ui.dtable-ui-row-expand-formatter .checkbox-formatter-container {
+.dtable-ui.dtable-row-expand-formatter .checkbox-formatter-container {
   width: 24px;
   height: 24px;
   border: 2px solid #e0e0e0;
@@ -66,11 +66,11 @@
   justify-content: center;
 }
 
-.dtable-ui.dtable-ui-row-expand-formatter .checkbox-formatter-container .cell-formatter-container {
+.dtable-ui.dtable-row-expand-formatter .checkbox-formatter-container .cell-formatter-container {
   line-height: inherit;
 }
 
-.dtable-ui.dtable-ui-row-expand-formatter .button-formatter {
+.dtable-ui.dtable-row-expand-formatter .button-formatter {
   text-align: center;
   height: 26px;
   line-height: 14px;
@@ -91,7 +91,7 @@
   letter-spacing: .03em;
 }
 
-.dtable-ui.dtable-ui-row-expand-formatter .longtext-formatter-container {
+.dtable-ui.dtable-row-expand-formatter .longtext-formatter-container {
   border: 1px solid rgba(0, 40, 100, 0.12);
   border-radius: 3px;
   padding: 0.375rem 0.75rem;
@@ -99,13 +99,13 @@
   background-color: #fff;
 }
 
-.dtable-ui.dtable-ui-row-expand-formatter .dtable-ui-geolocation-formatter-container {
+.dtable-ui.dtable-row-expand-formatter .dtable-ui-geolocation-formatter-container {
   margin-top: 0.5rem;
   display: flex;
   align-items: center;
 }
 
-.dtable-ui.dtable-ui-row-expand-formatter .dtable-link-formatter {
+.dtable-ui.dtable-row-expand-formatter .dtable-link-formatter {
   padding-top: 8px;
 }
 
@@ -134,18 +134,3 @@
   align-items: center;
   justify-content: space-between;
 }
-
-.mobile-dtable-row-expand-rate-formatter .dtable-ui-row-expand-rate-formatter .dtable-font {
-  font-size: 24px;
-  margin-right: 0.25rem;
-}
-
-.mobile-dtable-row-expand-formula-formatter .dtable-ui-row-expand-formula-formatter.text-right {
-  text-align: left !important;
-}
-
-.mobile-dtable-row-expand-link-formula-formatter .dtable-ui.formula-formatter.multiple {
-  height: auto;
-  display: flex;
-  flex-wrap: wrap;
-}

package/lib/RowExpandFormatter/index.js

@@ -382,7 +382,7 @@ class RowExpandFormatter extends _react.default.Component {
       className
     } = this.props;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-formatter', className)
+      className: (0, _classnames.default)('dtable-ui dtable-row-expand-formatter', className)
     }, this.renderFormatter());
   }
 }

package/lib/SelectItem/index.js

@@ -1,65 +1,41 @@
 "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"));
-const SelectItem = _ref => {
-  let {
-    option,
-    fontSize,
-    className,
-    isShowRemove,
-    onRemove
-  } = _ref;
-  const style = (0, _react.useMemo)(() => {
-    return {
-      display: 'flex',
-      alignItems: 'center',
-      padding: '0px 10px',
-      marginRight: 8,
-      height: 20,
-      lineHeight: '20px',
-      textAlign: 'center',
-      borderRadius: 10,
-      width: 'min-content',
-      maxWidth: 300,
-      margin: '5px 10px 5px 0',
-      fontSize: fontSize || 13,
-      backgroundColor: option.color,
-      color: option.textColor || null
+var _react = _interopRequireDefault(require("react"));
+class SelectItem extends _react.default.PureComponent {
+  constructor() {
+    super(...arguments);
+    this.getStyle = (option, fontSize) => {
+      return {
+        display: 'inline-block',
+        padding: '0px 10px',
+        marginRight: '8px',
+        height: '20px',
+        lineHeight: '20px',
+        textAlign: 'center',
+        borderRadius: '10px',
+        maxWidth: '250px',
+        fontSize: fontSize ? "".concat(fontSize, "px") : '13px',
+        backgroundColor: option.color,
+        color: option.textColor || null
+      };
     };
-  }, [option, fontSize]);
-  const opBtnStyle = (0, _react.useMemo)(() => {
-    const textColor = option.textColor || null;
-    return {
-      cursor: 'pointer',
-      color: textColor === '#FFFFFF' ? '#FFFFFF' : '#909090',
-      marginLeft: 5
-    };
-  }, [option]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('dtable-ui dtable-ui-select-item', className),
-    style: style
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-select-item-name text-truncate",
-    title: option.name
-  }, option.name), isShowRemove && /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-select-item-operation-btn",
-    style: opBtnStyle,
-    onClick: onRemove
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "dtable-font dtable-icon-fork-number",
-    style: {
-      fontSize: '12px',
-      transform: 'scale(0.8)',
-      display: 'inline-block',
-      lineHeight: '12px'
-    }
-  })));
-};
-var _default = exports.default = SelectItem;
+  }
+  render() {
+    let {
+      option,
+      fontSize
+    } = this.props;
+    const style = this.getStyle(option, fontSize);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "dtable-ui select-item text-truncate",
+      style: style,
+      title: option.name
+    }, option.name);
+  }
+}
+exports.default = SelectItem;

package/lib/SingleSelectEditor/index.js

@@ -1,22 +1,27 @@
 "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 _selectEditor = _interopRequireDefault(require("../select-editor"));
-const SingleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+var _react = _interopRequireDefault(require("react"));
+var _reactResponsive = _interopRequireDefault(require("react-responsive"));
+var _selectEditor = require("../select-editor");
+const SingleSelectEditor = _ref => {
   let {
     value: oldValue,
     ...props
   } = _ref;
   const value = oldValue ? [oldValue] : [];
-  return /*#__PURE__*/_react.default.createElement(_selectEditor.default, Object.assign({}, props, {
-    value: value,
-    ref: ref
-  }));
-});
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+    query: "(min-width: 768px)"
+  }, /*#__PURE__*/_react.default.createElement(_selectEditor.PCSelectEditor, Object.assign({}, props, {
+    value: value
+  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+    query: "(max-width: 767.8px)"
+  }, /*#__PURE__*/_react.default.createElement(_selectEditor.MBSelectEditor, Object.assign({}, props, {
+    value: value
+  }))));
+};
 var _default = exports.default = SingleSelectEditor;

package/lib/SvgIcon/index.js

@@ -6,25 +6,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _constants = require("../constants");
 require("./index.css");
-const needScaleIcons = ['check', 'dot', 'cross'];
-const SvgIcon = props => {
-  const {
+const iconComponents = {};
+const requireContext = require.context('../assets/icons', false, /\.svg$/);
+requireContext.keys().forEach(path => {
+  const iconName = path.replace(/^\.\/(.*?)\.svg$/, '$1').toLowerCase();
+  iconComponents[iconName] = requireContext(path).default;
+});
+const SvgIcon = _ref => {
+  let {
     className,
     symbol,
     color
-  } = props;
-  let iconClass = "dtable-ui-multicolor-icon multicolor-icon-".concat(symbol, " ").concat(className || '');
-  if (needScaleIcons.includes(symbol) && _constants.isMobile) {
-    iconClass += ' scale-icon';
-  }
-  return /*#__PURE__*/_react.default.createElement("svg", {
+  } = _ref;
+  if (!symbol) return null;
+  const iconClass = "dtable-ui-multicolor-icon multicolor-icon-".concat(symbol, " ").concat(className || '');
+  const props = {
     className: iconClass,
-    "aria-hidden": "true"
-  }, /*#__PURE__*/_react.default.createElement("use", {
-    fill: color,
-    xlinkHref: "#".concat(symbol)
-  }));
+    style: {
+      fill: color
+    },
+    ariaHidden: 'true'
+  };
+  const IconComponent = iconComponents[symbol];
+  if (!IconComponent) return null;
+  return /*#__PURE__*/_react.default.createElement(IconComponent, props);
 };
 var _default = exports.default = SvgIcon;