dtable-ui-component 6.0.126 → 7.0.0-xia.1

package/lib/TextareaItem/index.js

@@ -50,7 +50,9 @@ class TextareaItem extends React.Component {
           value
         });
       }
-      const onChange = this.props.onChange;
+      const {
+        onChange
+      } = this.props;
       if (onChange) {
         onChange(value);
       }
@@ -134,25 +136,30 @@ class TextareaItem extends React.Component {
   }
   render() {
     const _this$props = this.props,
-      prefixCls = _this$props.prefixCls,
-      prefixListCls = _this$props.prefixListCls,
-      editable = _this$props.editable,
-      style = _this$props.style,
-      clear = _this$props.clear,
-      children = _this$props.children,
-      error = _this$props.error,
-      className = _this$props.className,
-      count = _this$props.count,
-      labelNumber = _this$props.labelNumber,
-      title = _this$props.title,
-      onErrorClick = _this$props.onErrorClick,
-      autoHeight = _this$props.autoHeight,
-      defaultValue = _this$props.defaultValue,
+      {
+        prefixCls,
+        prefixListCls,
+        editable,
+        style,
+        clear,
+        children,
+        error,
+        className,
+        count,
+        labelNumber,
+        title,
+        onErrorClick,
+        autoHeight,
+        defaultValue
+      } = _this$props,
       otherProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-    const disabled = otherProps.disabled;
-    const _this$state = this.state,
-      value = _this$state.value,
-      focus = _this$state.focus;
+    const {
+      disabled
+    } = otherProps;
+    const {
+      value,
+      focus
+    } = this.state;
     const hasCount = count > 0 && this.props.rows > 1;
     const wrapCls = (0, _classnames.default)(className, "".concat(prefixListCls, "-item"), "".concat(prefixCls, "-item"), {
       ["".concat(prefixCls, "-disabled")]: disabled,

package/lib/Toast/index.js

@@ -124,9 +124,10 @@ const Toast = {
   },
   config() {
     let conf = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const _conf$duration = conf.duration,
-      duration = _conf$duration === void 0 ? SHORT : _conf$duration,
-      mask = conf.mask;
+    const {
+      duration = SHORT,
+      mask
+    } = conf;
     config.duration = duration;
     if (mask === false) {
       config.mask = false;

package/lib/UrlFormatter/index.js

@@ -11,9 +11,10 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class UrlFormatter extends _react.default.Component {
   render() {
-    const _this$props = this.props,
-      containerClassName = _this$props.containerClassName,
-      value = _this$props.value;
+    const {
+      containerClassName,
+      value
+    } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container url-formatter', containerClassName);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       title: value,

package/lib/common/editor-base.js

@@ -15,17 +15,22 @@ class EditorBase extends _react.default.Component {
   }
   getValue() {
     const updated = {};
-    const column = this.props.column;
-    const type = column.type,
-      key = column.key,
-      data = column.data;
+    const {
+      column
+    } = this.props;
+    const {
+      type,
+      key,
+      data
+    } = column;
     let value = this.getInputNode().value;
     if (type === _dtableUtils.CellType.TEXT) {
       value = value ? value.trim() : '';
     } else if (type === _dtableUtils.CellType.NUMBER) {
-      let _ref = data || {},
-        precision = _ref.precision,
-        enable_precision = _ref.enable_precision;
+      let {
+        precision,
+        enable_precision
+      } = data || {};
       if (enable_precision && (0, _dtableUtils.isNumber)(value)) {
         value = Number(value.toFixed(precision));
       }

package/lib/hooks/common-hooks.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.useClickOutside = void 0;
 var _react = require("react");
 const useClickOutside = (_ref, deps) => {
-  let currDOM = _ref.currDOM,
-    onClickOutside = _ref.onClickOutside;
+  let {
+    currDOM,
+    onClickOutside
+  } = _ref;
   (0, _react.useEffect)(() => {
     const onMousedown = event => {
       if (currDOM && event && currDOM.contains(event.target)) {

package/lib/select-editor/index.js

@@ -15,7 +15,9 @@ var _mbEditor = _interopRequireDefault(require("./mb-editor"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["isMobile"];
 const SelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let isMobile = _ref.isMobile,
+  let {
+      isMobile
+    } = _ref,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     ref: ref

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

@@ -12,23 +12,31 @@ var _MobileSelector = _interopRequireDefault(require("../../MobileSelector"));
 var _DTableCommonAddTool = _interopRequireDefault(require("../../DTableCommonAddTool"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const Search = _MobileSelector.default.Search,
-  Option = _MobileSelector.default.Option,
-  Options = _MobileSelector.default.Options,
-  Empty = _MobileSelector.default.Empty;
+const {
+  Search,
+  Option,
+  Options,
+  Empty
+} = _MobileSelector.default;
 class MBSelectEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onChangeSearch = newValue => {
-      const searchVal = this.state.searchVal;
+      const {
+        searchVal
+      } = this.state;
       if (searchVal === newValue) return;
       this.setState({
         searchVal: newValue
       });
     };
     this.getDisplayOptions = () => {
-      const options = this.props.options;
-      const searchVal = this.state.searchVal;
+      const {
+        options
+      } = this.props;
+      const {
+        searchVal
+      } = this.state;
       return searchVal ? options.filter(item => item.name.indexOf(searchVal) > -1) : options;
     };
     this.onChange = option => {
@@ -44,10 +52,10 @@ class MBSelectEditor extends _react.default.Component {
       }
     };
     this.renderOptions = options => {
-      const _this$props = this.props,
-        _this$props$value = _this$props.value,
-        value = _this$props$value === void 0 ? [] : _this$props$value,
-        valueKey = _this$props.valueKey;
+      const {
+        value = [],
+        valueKey
+      } = this.props;
       return options.map(option => {
         const isSelected = value.includes(option[valueKey]);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(Option, {
@@ -64,12 +72,15 @@ class MBSelectEditor extends _react.default.Component {
     };
   }
   render() {
-    const _this$props2 = this.props,
-      column = _this$props2.column,
-      isSupportNewOption = _this$props2.isSupportNewOption,
-      options = _this$props2.options,
-      onAddNewOption = _this$props2.onAddNewOption;
-    const searchVal = this.state.searchVal;
+    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__*/(0, _jsxRuntime.jsxs)(_MobileSelector.default, {

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

@@ -38,7 +38,9 @@ class PCSelectEditor extends _react.default.Component {
     this.onEnter = e => {
       e.preventDefault();
       let option;
-      const isSupportNewOption = this.props.isSupportNewOption;
+      const {
+        isSupportNewOption
+      } = this.props;
       if (this.filteredOptions.length === 1) {
         option = this.filteredOptions[0];
       } else if (this.state.highlightIndex > -1) {
@@ -47,7 +49,9 @@ class PCSelectEditor extends _react.default.Component {
       if (option) {
         this.onChange(option);
       } else {
-        const searchValue = this.state.searchValue;
+        const {
+          searchValue
+        } = this.state;
         if (searchValue && isSupportNewOption && this.filteredOptions.length === 0) {
           e.stopPropagation();
           this.onAddNewOption();
@@ -57,10 +61,11 @@ class PCSelectEditor extends _react.default.Component {
     this.onUpArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let _this$state = this.state,
-        highlightIndex = _this$state.highlightIndex,
-        maxItemNum = _this$state.maxItemNum,
-        itemHeight = _this$state.itemHeight;
+      let {
+        highlightIndex,
+        maxItemNum,
+        itemHeight
+      } = this.state;
       if (highlightIndex > 0) {
         this.setState({
           highlightIndex: highlightIndex - 1
@@ -74,10 +79,11 @@ class PCSelectEditor extends _react.default.Component {
     this.onDownArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let _this$state2 = this.state,
-        highlightIndex = _this$state2.highlightIndex,
-        maxItemNum = _this$state2.maxItemNum,
-        itemHeight = _this$state2.itemHeight;
+      let {
+        highlightIndex,
+        maxItemNum,
+        itemHeight
+      } = this.state;
       if (highlightIndex < this.filteredOptions.length - 1) {
         this.setState({
           highlightIndex: highlightIndex + 1
@@ -89,8 +95,12 @@ class PCSelectEditor extends _react.default.Component {
       }
     };
     this.onValueChanged = searchValue => {
-      const oldSearchVal = this.state.searchValue;
-      const options = this.props.options;
+      const {
+        searchValue: oldSearchVal
+      } = this.state;
+      const {
+        options
+      } = this.props;
       if (oldSearchVal === searchValue) return;
       this.setState({
         searchValue
@@ -123,7 +133,9 @@ class PCSelectEditor extends _react.default.Component {
       }, 300);
     };
     this.getOptionStyle = option => {
-      const optionWidth = this.props.optionWidth;
+      const {
+        optionWidth
+      } = this.props;
       const textColor = option.textColor || null;
       return {
         display: 'inline-block',
@@ -167,8 +179,9 @@ class PCSelectEditor extends _react.default.Component {
         this.ref.style.top = '-200px';
       }
     }
-    const _this$ref$getBounding = this.ref.getBoundingClientRect(),
-      bottom = _this$ref$getBounding.bottom;
+    const {
+      bottom
+    } = this.ref.getBoundingClientRect();
     if (bottom > window.innerHeight) {
       this.ref.style.top = parseInt(this.ref.style.top) - bottom + window.innerHeight + 'px';
     }
@@ -188,18 +201,20 @@ class PCSelectEditor extends _react.default.Component {
     }
   }
   render() {
-    const _this$props = this.props,
-      isInModal = _this$props.isInModal,
-      className = _this$props.className,
-      value = _this$props.value,
-      column = _this$props.column,
-      valueKey = _this$props.valueKey,
-      isSupportNewOption = _this$props.isSupportNewOption,
-      target = _this$props.target,
-      classNamePrefix = _this$props.classNamePrefix;
-    const _this$state3 = this.state,
-      searchValue = _this$state3.searchValue,
-      highlightIndex = _this$state3.highlightIndex;
+    const {
+      isInModal,
+      className,
+      value,
+      column,
+      valueKey,
+      isSupportNewOption,
+      target,
+      classNamePrefix
+    } = this.props;
+    const {
+      searchValue,
+      highlightIndex
+    } = this.state;
 
     // maxWidth = single-selects-container's width - single-selects-container's padding-left and padding-right - single-select-container's padding-left - single-select-check-icon's width - The gap between the single-select-check-icon and single-select-name or scroll's width
     // maxWidth = column.width > 200 ? column.width - 20 - 12 - 20 - 10 : 200 - 20 - 12 - 20 - 10

package/lib/toaster/alert.js

@@ -23,12 +23,13 @@ class Alert extends _react.default.PureComponent {
     }
   }
   render() {
-    const _this$props = this.props,
-      intent = _this$props.intent,
-      title = _this$props.title,
-      children = _this$props.children,
-      isRemovable = _this$props.isRemovable,
-      onRemove = _this$props.onRemove;
+    const {
+      intent,
+      title,
+      children,
+      isRemovable,
+      onRemove
+    } = this.props;
     const iconClass = this.getIconClass(intent);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-toast-alert-container ".concat(intent || 'success'),

package/lib/toaster/toast.js

@@ -52,8 +52,9 @@ class Toast extends _react.default.PureComponent {
     this.onRef = ref => {
       if (ref === null) return;
       setTimeout(() => {
-        const _ref$getBoundingClien = ref.getBoundingClientRect(),
-          height = _ref$getBoundingClien.height;
+        const {
+          height
+        } = ref.getBoundingClientRect();
         this.containerRef.current.style.height = height + 'px';
       }, 1);
     };

package/lib/toaster/toastManager.js

@@ -97,8 +97,10 @@ class ToastManager extends _react.default.PureComponent {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "dtable-toast-manager",
       children: this.state.toasts.map(_ref => {
-        let id = _ref.id,
-          description = _ref.description,
+        let {
+            id,
+            description
+          } = _ref,
           props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toast.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
           onRemove: () => this.removeToast(id)

package/lib/utils/cell.js

@@ -7,9 +7,10 @@ exports.isValidPosition = exports.isLongTextValueExceedLimit = exports.checkValu
 var _constants = require("../constants");
 var _utils = require("./utils");
 const checkValueConformityFormat = (columnData, value) => {
-  const _ref = columnData || {},
-    format_specification_value = _ref.format_specification_value,
-    format_check_type = _ref.format_check_type;
+  const {
+    format_specification_value,
+    format_check_type
+  } = columnData || {};
   let isMatched = false;
   if (format_check_type !== 'custom_format') {
     const reg = _constants.FORMAT_REG_EXP_LIST[format_check_type];
@@ -22,9 +23,10 @@ const checkValueConformityFormat = (columnData, value) => {
 };
 exports.checkValueConformityFormat = checkValueConformityFormat;
 const checkNumberValidation = (columnData, value) => {
-  const _ref2 = columnData || {},
-    format_max_value = _ref2.format_max_value,
-    format_min_value = _ref2.format_min_value;
+  const {
+    format_max_value,
+    format_min_value
+  } = columnData || {};
   const num = parseFloat(value);
   if (isNaN(num) || !num && num !== 0) {
     return false;
@@ -41,8 +43,9 @@ exports.checkNumberValidation = checkNumberValidation;
 const isLongTextValueExceedLimit = value => {
   if (!value) return false;
   if (typeof value === 'string') return value.length >= _constants.LONG_TEXT_LENGTH_LIMIT;
-  const _ref3 = value || {},
-    text = _ref3.text;
+  const {
+    text
+  } = value || {};
   return text ? text.length >= _constants.LONG_TEXT_LENGTH_LIMIT : false;
 };
 exports.isLongTextValueExceedLimit = isLongTextValueExceedLimit;

package/lib/utils/column-utils.js

@@ -9,9 +9,12 @@ exports.isEnableCheckFormat = void 0;
 var _dtableUtils = require("dtable-utils");
 const isEnableCheckFormat = column => {
   if (!column) return false;
-  const data = column.data;
-  const _ref = data || {},
-    enable_check_format = _ref.enable_check_format;
+  const {
+    data
+  } = column;
+  const {
+    enable_check_format
+  } = data || {};
   if (enable_check_format) return true;
   return false;
 };
@@ -23,12 +26,15 @@ const getDateColumnFormat = column => {
 };
 exports.getDateColumnFormat = getDateColumnFormat;
 function isCheckboxColumn(column) {
-  let type = column.type,
-    data = column.data;
+  let {
+    type,
+    data
+  } = column;
   if (_dtableUtils.FORMULA_COLUMN_TYPES_MAP[type]) {
-    const _ref2 = data || {},
-      result_type = _ref2.result_type,
-      array_type = _ref2.array_type;
+    const {
+      result_type,
+      array_type
+    } = data || {};
     if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY) {
       return array_type === _dtableUtils.CellType.CHECKBOX;
     }

package/lib/utils/departments.js

@@ -11,7 +11,9 @@ const searchDepartments = (departments, searchValue) => {
   const validDepartments = Array.isArray(departments) ? departments : [];
   if (!validSearchValue) return validDepartments;
   return validDepartments.filter(department => {
-    const name = department.name;
+    const {
+      name
+    } = department;
     if (!name) return false;
     return name.toString().toLowerCase().indexOf(validSearchValue) > -1;
   });

package/lib/utils/url.js

@@ -71,11 +71,13 @@ const needUseThumbnailImage = url => {
 exports.needUseThumbnailImage = needUseThumbnailImage;
 const generateCurrentBaseImageThumbnailUrl = _ref => {
   var _window2;
-  let server = _ref.server,
-    workspaceID = _ref.workspaceID,
-    dtableUuid = _ref.dtableUuid,
-    partUrl = _ref.partUrl,
-    size = _ref.size;
+  let {
+    server,
+    workspaceID,
+    dtableUuid,
+    partUrl,
+    size
+  } = _ref;
   const validServer = server || ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.dtable) && window.dtable.server || '';
   if (!partUrl || typeof partUrl !== 'string') return '';
   let url = "".concat(validServer, "/thumbnail/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(partUrl);
@@ -85,10 +87,12 @@ const generateCurrentBaseImageThumbnailUrl = _ref => {
 exports.generateCurrentBaseImageThumbnailUrl = generateCurrentBaseImageThumbnailUrl;
 const generateCurrentBaseImageUrl = _ref2 => {
   var _window3;
-  let server = _ref2.server,
-    workspaceID = _ref2.workspaceID,
-    dtableUuid = _ref2.dtableUuid,
-    partUrl = _ref2.partUrl;
+  let {
+    server,
+    workspaceID,
+    dtableUuid,
+    partUrl
+  } = _ref2;
   if (!partUrl || typeof partUrl !== 'string') return '';
   if (partUrl.startsWith('http')) return partUrl;
   const validServer = server || ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.dtable) && window.dtable.server || '';
@@ -96,12 +100,12 @@ const generateCurrentBaseImageUrl = _ref2 => {
 };
 exports.generateCurrentBaseImageUrl = generateCurrentBaseImageUrl;
 const getImageThumbnailUrl = function (url) {
-  let _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    server = _ref3.server,
-    dtableUuid = _ref3.dtableUuid,
-    workspaceID = _ref3.workspaceID,
-    _ref3$size = _ref3.size,
-    size = _ref3$size === void 0 ? 256 : _ref3$size;
+  let {
+    server,
+    dtableUuid,
+    workspaceID,
+    size = 256
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!url || typeof url !== 'string') return '';
   if (server && dtableUuid && isCustomAssetUrl(url)) {
     const assetUuid = url.slice(url.lastIndexOf('/') + 1, url.lastIndexOf('.'));
@@ -145,9 +149,9 @@ const imageCheck = filename => {
 };
 exports.imageCheck = imageCheck;
 const isInternalURL = function (url) {
-  let _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    _ref4$server = _ref4.server,
-    server = _ref4$server === void 0 ? '' : _ref4$server;
+  let {
+    server = ''
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!url || typeof url !== 'string') return false;
   return server && url.indexOf(server) > -1;
 };
@@ -156,8 +160,10 @@ const getValidFileImageUrls = files => {
   if (!Array.isArray(files)) return [];
   return files.map(file => {
     if (typeof file !== 'object') return null;
-    const url = file.url,
-      name = file.name;
+    const {
+      url,
+      name
+    } = file;
     if (!url || url.indexOf('/asset') < 0) return null;
     return imageCheck(name) ? url : null;
   }).filter(Boolean);
@@ -182,10 +188,11 @@ const getFileIconUrl = (filename, direntType) => {
 };
 exports.getFileIconUrl = getFileIconUrl;
 const getFileThumbnailInfo = function (file) {
-  let _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    server = _ref5.server,
-    dtableUuid = _ref5.dtableUuid,
-    workspaceID = _ref5.workspaceID;
+  let {
+    server,
+    dtableUuid,
+    workspaceID
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const defaultIcon = _file.FILEEXT_ICON_MAP['default'];
   const defaultIconUrl = _file.FILEEXT_ICON_URL_MAP[defaultIcon];
   if (!file || !file.name) return {

package/lib/utils/utils.js

@@ -163,12 +163,16 @@ const getFormulaArrayValue = value => {
       return item;
     }
     if (!Object.prototype.hasOwnProperty.call(item, 'display_value')) return item;
-    const display_value = item.display_value;
+    const {
+      display_value
+    } = item;
     if (!Array.isArray(display_value) || display_value.length === 0) return display_value;
     return display_value.map(i => {
       if (Object.prototype.toString.call(i) === '[object Object]') {
         if (!Object.prototype.hasOwnProperty.call(i, 'display_value')) return i;
-        const display_value = i.display_value;
+        const {
+          display_value
+        } = i;
         return display_value;
       }
       return i;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.126",
+  "version": "7.0.0xia.1",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "5.0.9",