dtable-ui-component 0.1.75-beta1 → 0.1.75-beta10

package/{es/components/cell-editor-popover/mb-select-editor-popover.js → lib/select-editor/mb-select-editor-popover/index.js}

@@ -5,18 +5,19 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Fragment } from 'react';
 import { getLocale } from '../../lang';
-import SelectEditorOption from '../common/select-editor-option';
-import MBEditorHeader from '../common/mobile/mb-editor-header';
+import SelectEditorOption from '../select-editor-option';
+import MBEditorHeader from '../../MBEditorHeader';
+import './index.css';
 
-var MBSingleSelectPopover = /*#__PURE__*/function (_React$Component) {
-  _inherits(MBSingleSelectPopover, _React$Component);
+var MBSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
+  _inherits(MBSelectEditorPopover, _React$Component);
 
-  var _super = _createSuper(MBSingleSelectPopover);
+  var _super = _createSuper(MBSelectEditorPopover);
 
-  function MBSingleSelectPopover(props) {
+  function MBSelectEditorPopover(props) {
     var _this;
 
-    _classCallCheck(this, MBSingleSelectPopover);
+    _classCallCheck(this, MBSelectEditorPopover);
 
     _this = _super.call(this, props);
 
@@ -128,7 +129,7 @@ var MBSingleSelectPopover = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(MBSingleSelectPopover, [{
+  _createClass(MBSelectEditorPopover, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       history.pushState(null, null, '#'); // eslint-disable-line
@@ -218,13 +219,13 @@ var MBSingleSelectPopover = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 
-  return MBSingleSelectPopover;
+  return MBSelectEditorPopover;
 }(React.Component);
 
-MBSingleSelectPopover.defaultProps = {
+MBSelectEditorPopover.defaultProps = {
   isReadOnly: false,
   isShowRemoveIcon: false,
   isSupportNewOption: false,
   value: []
 };
-export default MBSingleSelectPopover;
+export default MBSelectEditorPopover;

package/lib/select-editor/pc-select-editor-popover/index.css

@@ -0,0 +1,72 @@
+@import url('../../css/cell-editor.css');
+
+.dtable-ui-select-editor-popover .select-options-search {
+  padding: 10px 10px 0 10px;
+}
+
+.dtable-ui-select-editor-popover .select-options-search input {
+  height: 28px;
+}
+
+.dtable-ui-select-editor-popover .select-options-container {
+  min-height: 160px;
+  max-height: 200px;
+  margin: 10px 0;
+  padding: 0 10px;
+  overflow: auto;
+}
+
+/* option item */
+.dtable-ui-select-editor-popover .select-option-item {
+  display: flex;
+  height: 30px;
+  padding-left: 12px;
+  font-size: 14px;
+  line-height: 30px;
+  margin-left: 10px;
+  cursor: pointer;
+}
+
+.dtable-ui-select-editor-popover .select-option-item:hover {
+  background-color: #f5f5f5;
+}
+
+.dtable-ui-select-editor-popover .option-info {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+
+.dtable-ui-select-editor-popover .option-checked {
+  width: 20px;
+  text-align: center;
+}
+
+.dtable-ui-select-editor-popover .option-checked .dtable-font {
+  font-size: 12px;
+  color: #798d99;
+}
+
+.dtable-ui-select-editor-popover .select-options-add {
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+  height: 30px;
+  border-top: 1px solid #ccc;
+}
+
+.dtable-ui-select-editor-popover .select-options-add .dtable-font {
+  margin-right: 5px;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.dtable-ui-select-editor-popover .select-options-add > span {
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  color: #212529;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/{es/components/cell-editor-popover/pc-select-editor-popover.js → lib/select-editor/pc-select-editor-popover/index.js}

@@ -5,6 +5,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { getLocale } from '../../lang';
+import './index.css';
 
 var PCSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
   _inherits(PCSelectEditorPopover, _React$Component);

package/lib/utils/editor-utils.js

@@ -1,8 +1,3 @@
-"use strict";
-
-exports.__esModule = true;
-exports.initDateEditorLanguage = exports.getSelectOptionItem = void 0;
-
 var zhCN = require('@seafile/seafile-calendar/lib/locale/zh_CN');
 
 var zhTW = require('@seafile/seafile-calendar/lib/locale/zh_TW');
@@ -19,7 +14,7 @@ var plPL = require('@seafile/seafile-calendar/lib/locale/pl_PL');
 
 var csCZ = require('@seafile/seafile-calendar/lib/locale/cs_CZ');
 
-var initDateEditorLanguage = function initDateEditorLanguage(lang) {
+export var initDateEditorLanguage = function initDateEditorLanguage(lang) {
   var language;
 
   switch (lang) {
@@ -69,13 +64,8 @@ var initDateEditorLanguage = function initDateEditorLanguage(lang) {
 
   return language;
 };
-
-exports.initDateEditorLanguage = initDateEditorLanguage;
-
-var getSelectOptionItem = function getSelectOptionItem(options, optionId) {
+export var getSelectOptionItem = function getSelectOptionItem(options, optionId) {
   return options.find(function (option) {
     return option.id === optionId;
   });
-};
-
-exports.getSelectOptionItem = getSelectOptionItem;
+};

package/lib/utils/number-precision.js

@@ -1,16 +1,4 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-exports.digitLength = digitLength;
-exports.divide = divide;
-exports.enableBoundaryChecking = enableBoundaryChecking;
-exports.float2Fixed = float2Fixed;
-exports.minus = minus;
-exports.plus = plus;
-exports.round = round;
-exports.strip = strip;
-exports.times = times;
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 
 /**
  * @desc Solve the problem of floating calculation, avoid multiple digits after the decimal point and loss of calculation accuracy.
@@ -21,11 +9,8 @@ exports.times = times;
  * Correct wrong data
  * strip(0.09999999999999998)=0.1
  */
-function strip(num, precision) {
-  if (precision === void 0) {
-    precision = 12;
-  }
-
+function strip(num) {
+  var precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 12;
   return +parseFloat(num.toPrecision(precision));
 }
 /**
@@ -63,7 +48,8 @@ function float2Fixed(num) {
 function checkBoundary(num) {
   if (_boundaryCheckingState) {
     if (num > Number.MAX_SAFE_INTEGER || num < Number.MIN_SAFE_INTEGER) {
-      console.warn(num + " is beyond boundary when transfer to integer, the results may not be accurate");
+      // eslint-disable-next-line no-console
+      console.warn("".concat(num, " is beyond boundary when transfer to integer, the results may not be accurate"));
     }
   }
 }
@@ -78,7 +64,7 @@ function times(num1, num2) {
   }
 
   if (others.length > 0) {
-    return times.apply(void 0, [times(num1, num2), others[0]].concat(others.slice(1)));
+    return times.apply(void 0, [times(num1, num2), others[0]].concat(_toConsumableArray(others.slice(1))));
   }
 
   var num1Changed = float2Fixed(num1);
@@ -99,7 +85,7 @@ function plus(num1, num2) {
   }
 
   if (others.length > 0) {
-    return plus.apply(void 0, [plus(num1, num2), others[0]].concat(others.slice(1)));
+    return plus.apply(void 0, [plus(num1, num2), others[0]].concat(_toConsumableArray(others.slice(1))));
   }
 
   var baseNum = Math.pow(10, Math.max(digitLength(num1), digitLength(num2)));
@@ -116,7 +102,7 @@ function minus(num1, num2) {
   }
 
   if (others.length > 0) {
-    return minus.apply(void 0, [minus(num1, num2), others[0]].concat(others.slice(1)));
+    return minus.apply(void 0, [minus(num1, num2), others[0]].concat(_toConsumableArray(others.slice(1))));
   }
 
   var baseNum = Math.pow(10, Math.max(digitLength(num1), digitLength(num2)));
@@ -133,7 +119,7 @@ function divide(num1, num2) {
   }
 
   if (others.length > 0) {
-    return divide.apply(void 0, [divide(num1, num2), others[0]].concat(others.slice(1)));
+    return divide.apply(void 0, [divide(num1, num2), others[0]].concat(_toConsumableArray(others.slice(1))));
   }
 
   var num1Changed = float2Fixed(num1);
@@ -159,15 +145,13 @@ var _boundaryCheckingState = true;
  * @param flag Mark switch, true is on, false is off, default is true
  */
 
-function enableBoundaryChecking(flag) {
-  if (flag === void 0) {
-    flag = true;
-  }
-
+function enableBoundaryChecking() {
+  var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   _boundaryCheckingState = flag;
 }
 
-var _default = {
+export { strip, plus, minus, times, divide, round, digitLength, float2Fixed, enableBoundaryChecking };
+export default {
   strip: strip,
   plus: plus,
   minus: minus,
@@ -177,5 +161,4 @@ var _default = {
   digitLength: digitLength,
   float2Fixed: float2Fixed,
   enableBoundaryChecking: enableBoundaryChecking
-};
-exports.default = _default;
+};

package/lib/utils/utils.js

@@ -1,104 +1,11 @@
-"use strict";
-
-exports.__esModule = true;
-exports.throttle = exports.isInternalImg = exports.isFunction = exports.getImageThumbnailUrl = exports.getFileIconUrl = exports.debounce = exports.checkSVGImage = void 0;
-var FILEEXT_ICON_MAP = {
-  // text file
-  md: "txt.png",
-  txt: "txt.png",
-  // pdf file
-  pdf: "pdf.png",
-  // document file
-  doc: "word.png",
-  docx: "word.png",
-  odt: "word.png",
-  fodt: "word.png",
-  ppt: "ppt.png",
-  pptx: "ppt.png",
-  odp: "ppt.png",
-  fodp: "ppt.png",
-  xls: "excel.png",
-  xlsx: "excel.png",
-  ods: "excel.png",
-  fods: "excel.png",
-  // video
-  mp4: "video.png",
-  ogv: "video.png",
-  webm: "video.png",
-  mov: "video.png",
-  flv: "video.png",
-  wmv: "video.png",
-  rmvb: "video.png",
-  // music file
-  mp3: "music.png",
-  oga: "music.png",
-  ogg: "music.png",
-  flac: "music.png",
-  aac: "music.png",
-  ac3: "music.png",
-  wma: "music.png",
-  // image file
-  jpg: "pic.png",
-  jpeg: "pic.png",
-  png: "pic.png",
-  svg: "pic.png",
-  gif: "pic.png",
-  bmp: "pic.png",
-  ico: "pic.png",
-  // folder dir
-  folder: "folder-192.png",
-  // default
-  default: "file.png"
-};
-
-var getFileIconUrl = function getFileIconUrl(filename, direntType) {
-  if (direntType === "dir") {
-    var _iconUrl = "assets/images/folder/" + FILEEXT_ICON_MAP["folder"];
-
-    return _iconUrl;
-  }
-
-  var iconUrl = "";
-
-  if (filename.lastIndexOf(".") === -1) {
-    iconUrl = "assets/images/file/192/" + FILEEXT_ICON_MAP["default"];
-    return iconUrl;
-  }
-
-  var file_ext = filename.substr(filename.lastIndexOf(".") + 1).toLowerCase();
-
-  if (FILEEXT_ICON_MAP[file_ext]) {
-    iconUrl = "assets/images/file/192/" + FILEEXT_ICON_MAP[file_ext];
-  } else {
-    iconUrl = "assets/images/file/192/" + FILEEXT_ICON_MAP["default"];
-  }
-
-  return iconUrl;
-};
-
-exports.getFileIconUrl = getFileIconUrl;
-
-var getImageThumbnailUrl = function getImageThumbnailUrl(url, server) {
-  if (server && url.indexOf(server) > -1) {
-    return url.replace("/workspace", "/thumbnail/workspace") + "?size=256";
-  }
-
-  return url;
-};
-
-exports.getImageThumbnailUrl = getImageThumbnailUrl;
-
-var debounce = function debounce(fn, wait) {
+export var debounce = function debounce(fn, wait) {
   var timeout = null;
   return function () {
     if (timeout !== null) clearTimeout(timeout);
     timeout = setTimeout(fn, wait);
   };
 };
-
-exports.debounce = debounce;
-
-var throttle = function throttle(func, delay) {
+export var throttle = function throttle(func, delay) {
   var timer = null;
   var startTime = Date.now();
   return function () {
@@ -115,27 +22,4 @@ var throttle = function throttle(func, delay) {
       timer = setTimeout(func, remaining);
     }
   };
-};
-
-exports.throttle = throttle;
-
-var isFunction = function isFunction(functionToCheck) {
-  var getType = {};
-  return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
-};
-
-exports.isFunction = isFunction;
-
-var isInternalImg = function isInternalImg(url) {
-  if (!url) return;
-  return url.indexOf(window.dtable.server) > -1;
-};
-
-exports.isInternalImg = isInternalImg;
-
-var checkSVGImage = function checkSVGImage(url) {
-  if (!url) return false;
-  return url.substr(-4).toLowerCase() === '.svg';
-};
-
-exports.checkSVGImage = checkSVGImage;
+};