dtable-ui-component 6.0.25-alpha.4 → 6.0.26-beta

package/lib/SelectItem/index.js

@@ -1,41 +1,65 @@
 "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 = _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
-      };
+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
     };
-  }
-  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;
+  }, [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;

package/lib/SingleSelectEditor/index.js

@@ -6,22 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactResponsive = _interopRequireDefault(require("react-responsive"));
-var _selectEditor = require("../select-editor");
+var _selectEditor = _interopRequireDefault(require("../select-editor"));
 const SingleSelectEditor = _ref => {
   let {
     value: oldValue,
     ...props
   } = _ref;
   const value = oldValue ? [oldValue] : [];
-  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, {
+  return /*#__PURE__*/_react.default.createElement(_selectEditor.default, 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,6 +6,7 @@ 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 => {
@@ -15,7 +16,7 @@ const SvgIcon = props => {
     color
   } = props;
   let iconClass = "dtable-ui-multicolor-icon multicolor-icon-".concat(symbol, " ").concat(className || '');
-  if (needScaleIcons.includes(symbol) && window.isMobile) {
+  if (needScaleIcons.includes(symbol) && _constants.isMobile) {
     iconClass += ' scale-icon';
   }
   return /*#__PURE__*/_react.default.createElement("svg", {

package/lib/constants/file.js

@@ -47,6 +47,7 @@ const FILEEXT_ICON_MAP = exports.FILEEXT_ICON_MAP = {
   gif: 'pic',
   bmp: 'pic',
   ico: 'pic',
+  webp: 'pic',
   // folder dir
   folder: 'folder',
   // default

package/lib/constants/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SIMPLE_CELL_FORMULA_RESULTS = exports.SIMPLE_CELL_COLUMNS = exports.ROW_EXPAND_FOCUS_STYLE = exports.ROW_EXPAND_BTN_FOCUS_STYLE = exports.NUMBER_TYPES = exports.LONG_TEXT_LENGTH_LIMIT = exports.LONG_TEXT_EXCEED_LIMIT_SUGGEST = exports.LONG_TEXT_EXCEED_LIMIT_MESSAGE = exports.KeyCodes = exports.FORMAT_REG_EXP_LIST = exports.FILE_EDITOR_STATUS = exports.EVENT_BUS_TYPE = exports.DELETED_OPTION_TIPS = exports.DELETED_OPTION_BACKGROUND_COLOR = exports.DEFAULT_CHECKBOX_MARK_STYLE = exports.DATE_TYPES = exports.ARRAY_FORMAT_COLUMNS = void 0;
+exports.isMobile = exports.SIMPLE_CELL_FORMULA_RESULTS = exports.SIMPLE_CELL_COLUMNS = exports.ROW_EXPAND_FOCUS_STYLE = exports.ROW_EXPAND_BTN_FOCUS_STYLE = exports.NUMBER_TYPES = exports.LONG_TEXT_LENGTH_LIMIT = exports.LONG_TEXT_EXCEED_LIMIT_SUGGEST = exports.LONG_TEXT_EXCEED_LIMIT_MESSAGE = exports.KeyCodes = exports.FORMAT_REG_EXP_LIST = exports.FILE_EDITOR_STATUS = exports.EVENT_BUS_TYPE = exports.DELETED_OPTION_TIPS = exports.DELETED_OPTION_BACKGROUND_COLOR = exports.DEFAULT_CHECKBOX_MARK_STYLE = exports.DATE_TYPES = exports.ARRAY_FORMAT_COLUMNS = void 0;
 var _dtableUtils = require("dtable-utils");
 var _keyCodes = _interopRequireDefault(require("./key-codes"));
 const NUMBER_TYPES = exports.NUMBER_TYPES = {
@@ -53,4 +53,5 @@ const LONG_TEXT_LENGTH_LIMIT = exports.LONG_TEXT_LENGTH_LIMIT = 10 * 10000;
 const FILE_EDITOR_STATUS = exports.FILE_EDITOR_STATUS = {
   PREVIEWER: 'previewer',
   ADDITION: 'addition'
-};
+};
+const isMobile = exports.isMobile = typeof window !== 'undefined' && (window.innerWidth < 768 || navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null);

package/lib/index.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "AutoNumberFormatter", {
     return _AutoNumberFormatter.default;
   }
 });
+Object.defineProperty(exports, "BodyPortal", {
+  enumerable: true,
+  get: function () {
+    return _BodyPortal.default;
+  }
+});
 Object.defineProperty(exports, "ButtonFormatter", {
   enumerable: true,
   get: function () {
@@ -334,6 +340,36 @@ Object.defineProperty(exports, "MTimeFormatter", {
     return _MTimeFormatter.default;
   }
 });
+Object.defineProperty(exports, "MobileFullScreenPage", {
+  enumerable: true,
+  get: function () {
+    return _MobileFullScreenPage.default;
+  }
+});
+Object.defineProperty(exports, "MobileModal", {
+  enumerable: true,
+  get: function () {
+    return _MobileModal.default;
+  }
+});
+Object.defineProperty(exports, "MobileOperationSheet", {
+  enumerable: true,
+  get: function () {
+    return _MobileOperationSheet.default;
+  }
+});
+Object.defineProperty(exports, "MobileSelectorEditor", {
+  enumerable: true,
+  get: function () {
+    return _MobileSelectorEditor.default;
+  }
+});
+Object.defineProperty(exports, "MobileUpload", {
+  enumerable: true,
+  get: function () {
+    return _MobileUpload.default;
+  }
+});
 Object.defineProperty(exports, "ModalPortal", {
   enumerable: true,
   get: function () {
@@ -382,10 +418,16 @@ Object.defineProperty(exports, "RoleStatusEditor", {
     return _RoleStatusEditor.default;
   }
 });
+Object.defineProperty(exports, "RowExpand", {
+  enumerable: true,
+  get: function () {
+    return _RowExpand.default;
+  }
+});
 Object.defineProperty(exports, "RowExpandDialog", {
   enumerable: true,
   get: function () {
-    return _RowExpandDialog.default;
+    return _lg.default;
   }
 });
 Object.defineProperty(exports, "RowExpandEditor", {
@@ -507,11 +549,12 @@ var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("./Departm
 var _SimpleLongTextFormatter = _interopRequireDefault(require("./SimpleLongTextFormatter"));
 var _RowExpandFormatter = _interopRequireDefault(require("./RowExpandFormatter"));
 var _RowExpandEditor = _interopRequireDefault(require("./RowExpandEditor"));
-var _RowExpandDialog = _interopRequireDefault(require("./RowExpandDialog"));
+var _RowExpand = _interopRequireDefault(require("./RowExpand"));
+var _lg = _interopRequireDefault(require("./RowExpand/lg"));
 var _CheckboxEditor = _interopRequireDefault(require("./CheckboxEditor"));
 var _CollaboratorEditor = _interopRequireDefault(require("./CollaboratorEditor"));
 var _DateEditor = _interopRequireDefault(require("./DateEditor"));
-var _DepartmentEditor = _interopRequireDefault(require("./Department-editor"));
+var _DepartmentEditor = _interopRequireDefault(require("./DepartmentEditor"));
 var _DigitalSignEditor = _interopRequireDefault(require("./DigitalSignEditor"));
 var _DurationEditor = _interopRequireDefault(require("./DurationEditor"));
 var _EmailEditor = _interopRequireDefault(require("./EmailEditor"));
@@ -549,4 +592,10 @@ var _DTableRadioGroup = _interopRequireDefault(require("./DTableRadioGroup"));
 var _DTableEmptyTip = _interopRequireDefault(require("./DTableEmptyTip"));
 var _IconButton = _interopRequireDefault(require("./IconButton"));
 var _UploadProgress = _interopRequireDefault(require("./UploadProgress"));
-var _SvgIcon = _interopRequireDefault(require("./SvgIcon"));
+var _SvgIcon = _interopRequireDefault(require("./SvgIcon"));
+var _BodyPortal = _interopRequireDefault(require("./BodyPortal"));
+var _MobileModal = _interopRequireDefault(require("./MobileModal"));
+var _MobileOperationSheet = _interopRequireDefault(require("./MobileOperationSheet"));
+var _MobileUpload = _interopRequireDefault(require("./MobileUpload"));
+var _MobileSelectorEditor = _interopRequireDefault(require("./MobileSelectorEditor"));
+var _MobileFullScreenPage = _interopRequireDefault(require("./MobileFullScreenPage"));

package/lib/locales/zh-CN.json

@@ -92,7 +92,7 @@
   "Select_department": "选择部门",
   "Default": "默认",
   "Custom": "自定义",
-  "Recently_used": "Recently used",
+  "Recently_used": "最近使用",
   "Digital_signature": "数字签名",
   "Please_sign_on_this_panel": "请在此面板上签名",
   "Re-sign": "重新签名",

package/lib/select-editor/index.js

@@ -4,24 +4,22 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "MBSelectEditor", {
-  enumerable: true,
-  get: function () {
-    return _mbSelectEditor.default;
-  }
-});
-Object.defineProperty(exports, "PCSelectEditor", {
-  enumerable: true,
-  get: function () {
-    return _pcSelectEditor.default;
-  }
-});
-Object.defineProperty(exports, "SelectEditorOption", {
-  enumerable: true,
-  get: function () {
-    return _selectEditorOption.default;
-  }
-});
-var _mbSelectEditor = _interopRequireDefault(require("./mb-select-editor"));
-var _pcSelectEditor = _interopRequireDefault(require("./pc-select-editor"));
-var _selectEditorOption = _interopRequireDefault(require("./select-editor-option"));
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactResponsive = _interopRequireDefault(require("react-responsive"));
+var _lg = _interopRequireDefault(require("./lg"));
+var _sm = _interopRequireDefault(require("./sm"));
+const SelectEditor = _ref => {
+  let {
+    size,
+    ...props
+  } = _ref;
+  if (size === 'lg') return /*#__PURE__*/_react.default.createElement(_lg.default, props);
+  if (size === 'sm') return /*#__PURE__*/_react.default.createElement(_sm.default, props);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+    query: "(min-width: 768px)"
+  }, /*#__PURE__*/_react.default.createElement(_lg.default, props)), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
+    query: "(max-width: 768px)"
+  }, /*#__PURE__*/_react.default.createElement(_sm.default, props)));
+};
+var _default = exports.default = SelectEditor;

package/lib/select-editor/{pc-select-editor → lg}/index.css

@@ -8,7 +8,7 @@
   height: 28px;
 }
 
-.dtable-ui-select-editor-container .select-options-container {
+.dtable-ui-select-editor-container .select-mobile-dtable-ui-selector-editor-options-container {
   min-height: 160px;
   max-height: 200px;
   padding: 10px 0;

package/lib/select-editor/{pc-select-editor → lg}/index.js

@@ -12,7 +12,7 @@ var _lang = require("../../lang");
 var _DTableSearchInput = _interopRequireDefault(require("../../DTableSearchInput"));
 var _constants = require("../../constants");
 require("./index.css");
-class PCSelectEditor extends _react.default.Component {
+class Large extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onHotKey = e => {
@@ -45,7 +45,7 @@ class PCSelectEditor extends _react.default.Component {
         option = this.filteredOptions[this.state.highlightIndex];
       }
       if (option) {
-        this.onOptionItemToggle(option);
+        this.onChange(option);
       } else {
         const {
           searchValue
@@ -103,18 +103,18 @@ class PCSelectEditor extends _react.default.Component {
       this.setState({
         searchValue
       });
-      let val = searchValue.toLowerCase();
+      const val = searchValue.toLowerCase();
       this.filteredOptions = val ? options.filter(item => item.name && item.name.toLowerCase().indexOf(val) > -1) : options;
       this.setState({
         highlightIndex: this.filteredOptions.length > 0 ? 0 : -1
       });
     };
     this.onAddNewOption = () => {
-      let name = this.state.searchValue.trim();
+      const name = this.state.searchValue.trim();
       this.props.onAddNewOption(name);
     };
-    this.onOptionItemToggle = item => {
-      this.props.onCommit(item);
+    this.onChange = option => {
+      this.props.onCommit(option);
     };
     this.onMenuMouseEnter = index => {
       this.setState({
@@ -231,7 +231,7 @@ class PCSelectEditor extends _react.default.Component {
       onChange: this.onValueChanged,
       autoFocus: true
     })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "select-options-container",
+      className: "select-mobile-dtable-ui-selector-editor-options-container",
       ref: ref => this.container = ref
     }, this.filteredOptions.length > 0 && this.filteredOptions.map((option, index) => {
       let optionStyle = this.getOptionStyle(option);
@@ -248,7 +248,7 @@ class PCSelectEditor extends _react.default.Component {
         className: (0, _classnames.default)('select-option-item-container', {
           'select-option-item-container-highlight': index === highlightIndex
         }),
-        onMouseDown: this.onOptionItemToggle.bind(this, option),
+        onMouseDown: this.onChange.bind(this, option),
         onMouseEnter: this.onMenuMouseEnter.bind(this, index),
         onMouseLeave: this.onMenuMouseLeave.bind(this, index)
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -287,9 +287,9 @@ class PCSelectEditor extends _react.default.Component {
     return dom;
   }
 }
-PCSelectEditor.defaultProps = {
+Large.defaultProps = {
   options: [],
   value: [],
   valueKey: 'id'
 };
-var _default = exports.default = PCSelectEditor;
+var _default = exports.default = Large;

package/lib/select-editor/sm/index.css

@@ -0,0 +1 @@
+@import url('../../css/mb-cell-editor.css');

package/lib/select-editor/sm/index.js

@@ -0,0 +1,104 @@
+"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 _SelectItem = _interopRequireDefault(require("../../SelectItem"));
+var _MobileSelectorEditor = _interopRequireDefault(require("../../MobileSelectorEditor"));
+var _DTableCommonAddTool = _interopRequireDefault(require("../../DTableCommonAddTool"));
+require("./index.css");
+const {
+  Search,
+  Option,
+  Options,
+  Empty
+} = _MobileSelectorEditor.default;
+class Small extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.onChangeSearch = newValue => {
+      const {
+        searchVal
+      } = this.state;
+      if (searchVal === newValue) return;
+      this.setState({
+        searchVal: newValue
+      });
+    };
+    this.getDisplayOptions = () => {
+      const {
+        options
+      } = this.props;
+      const {
+        searchVal
+      } = this.state;
+      return searchVal ? options.filter(item => item.name.indexOf(searchVal) > -1) : options;
+    };
+    this.onChange = option => {
+      this.props.onCommit(option);
+    };
+    this.onAddNewOption = event => {
+      event.stopPropagation();
+      event.nativeEvent.stopImmediatePropagation();
+      const name = this.state.searchValue.trim();
+      if (name) {
+        this.props.onAddNewOption(name);
+        this.props.onClose && this.props.onClose();
+      }
+    };
+    this.renderOptions = options => {
+      const {
+        value = [],
+        valueKey
+      } = this.props;
+      return options.map(option => {
+        const isSelected = value.includes(option[valueKey]);
+        return /*#__PURE__*/_react.default.createElement(Option, {
+          isSelected: isSelected,
+          onChange: this.onChange.bind(this, option)
+        }, /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
+          option: option
+        }));
+      });
+    };
+    this.state = {
+      searchVal: ''
+    };
+  }
+  render() {
+    const {
+      column,
+      isSupportNewOption,
+      options,
+      onAddNewOption
+    } = this.props;
+    const {
+      searchVal
+    } = this.state;
+    const displayOptions = this.getDisplayOptions();
+    const isShowCreateBtn = isSupportNewOption && onAddNewOption && !!searchVal && !options.find(item => item.name !== searchVal);
+    return /*#__PURE__*/_react.default.createElement(_MobileSelectorEditor.default, {
+      onClose: this.props.onClose,
+      title: column.name,
+      className: "mobile-dtable-ui-select-editor"
+    }, options.length > 10 && /*#__PURE__*/_react.default.createElement(Search, {
+      value: searchVal,
+      placeholder: (0, _lang.getLocale)('Search_option'),
+      onChange: this.onChangeSearch
+    }), /*#__PURE__*/_react.default.createElement(Options, null, displayOptions.length === 0 && /*#__PURE__*/_react.default.createElement(Empty, null, (0, _lang.getLocale)('No_options_available')), displayOptions.length > 0 && this.renderOptions(displayOptions), isShowCreateBtn && /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
+      footerName: (0, _lang.getLocale)('Add_option'),
+      callBack: this.onAddNewOption
+    })));
+  }
+}
+Small.defaultProps = {
+  isShowRemoveIcon: false,
+  isSupportNewOption: false,
+  value: [],
+  valueKey: 'id'
+};
+var _default = exports.default = Small;

package/lib/utils/get-event-transfer.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _constants = require("../constants");
 const HTML = 'text/html';
 const TEXT = 'text/plain';
 // const FILES = 'files';
@@ -36,7 +37,7 @@ function getEventTransfer(event) {
   let html;
   let text;
   let files;
-  if (window.isMobile) {
+  if (_constants.isMobile) {
     if (window.dtableTransfer) {
       text = window.dtableTransfer['TEXT'];
     }

package/lib/utils/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getTrimmedString = exports.getFormulaArrayValue = exports.getEventClassName = exports.getErrorMsg = exports.downloadFiles = exports.downloadFile = exports.debounce = void 0;
 exports.isArrayFormatColumn = isArrayFormatColumn;
-exports.throttle = exports.openUrlLink = exports.isValidUrl = exports.isValidCellValue = exports.isMobile = exports.isMac = exports.isFunction = void 0;
+exports.throttle = exports.openUrlLink = exports.isValidUrl = exports.isValidCellValue = exports.isQQBuiltInBrowser = exports.isMac = exports.isIPhone = exports.isFunction = void 0;
 var _constants = require("../constants");
 var _url = require("./url");
 const debounce = (fn, wait) => {
@@ -34,13 +34,22 @@ const throttle = (func, delay) => {
   };
 };
 exports.throttle = throttle;
-const isMobile = exports.isMobile = typeof window !== 'undefined' && (window.innerWidth < 768 || navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null);
 const isMac = () => {
   const platform = navigator.platform;
   // eslint-disable-next-line eqeqeq
   return platform == 'Mac68K' || platform == 'MacPPC' || platform == 'Macintosh' || platform == 'MacIntel';
 };
 exports.isMac = isMac;
+const isQQBuiltInBrowser = () => {
+  const userAgent = navigator.userAgent.toLowerCase();
+  return userAgent.indexOf(' qq') > -1 && userAgent.indexOf('mqqbrowser') < 0;
+};
+exports.isQQBuiltInBrowser = isQQBuiltInBrowser;
+const isIPhone = () => {
+  const userAgent = navigator.userAgent.toLowerCase();
+  return /iphone/gi.test(userAgent);
+};
+exports.isIPhone = isIPhone;
 const downloadFile = downloadUrl => {
   const downloadFrame = document.getElementById('dtableUiComponentDownloadFrame');
   if (downloadFrame != null) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.25-alpha.4",
+  "version": "6.0.26beta",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "4.0.2",

package/lib/CollaboratorEditor/mb-collaborator-editor/index.css

@@ -1,85 +0,0 @@
-@import url('../../css/mb-cell-editor.css');
-
-@media screen and (max-width: 767.8px) {
-  .dtable-ui-mb-collaborator-editor-body .mb-search-collaborator-items {
-    padding: 8px 16px;
-    margin-top: 20px;
-    border-top: 1px solid #e9e9e9;
-    border-bottom: 1px solid #e9e9e9;
-    background-color: #fff;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-search-collaborator-items > input {
-    outline: none;
-    height: 30px;
-    padding: 0;
-    line-height: 30px;
-    border: none;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-search-collaborator-items > input:focus,
-  .dtable-ui-mb-collaborator-editor-body .mb-search-collaborator-items > input:active {
-    outline: none;
-    box-shadow: none;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborators-container {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    margin-top: 10px;
-    min-height: 0;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborators-container .title {
-    padding: 6px 16px;
-    border-bottom: 1px solid #e9e9e9;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborators-container .content {
-    flex: 1;
-    overflow: auto;
-    display: flex;
-    flex-direction: column;
-    border-bottom: 1px solid #e9e9e9;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .search-result-none {
-    padding: 16px 0 16px 16px;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborator-option-item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: 50px;
-    padding: 10px 10px 10px 16px;
-    font-size: 13px;
-    background-color: #fff;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborator-option-item {
-    border-bottom: 1px solid #e9e9e9;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborator-option-item .mb-collaborator-info {
-    display: flex;
-    align-items: center;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborator-option-item .collaborator-avatar img {
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborator-option-item .collaborator-name {
-    padding: 0 10px;
-    overflow: hidden;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborator-option-item .dtable-font {
-    font-size: 12px;
-    color: #798d99;
-  }
-}