dtable-ui-component 6.0.125 → 6.0.126

package/lib/TextareaItem/index.js

@@ -50,9 +50,7 @@ class TextareaItem extends React.Component {
           value
         });
       }
-      const {
-        onChange
-      } = this.props;
+      const onChange = this.props.onChange;
       if (onChange) {
         onChange(value);
       }
@@ -136,30 +134,25 @@ class TextareaItem extends React.Component {
   }
   render() {
     const _this$props = this.props,
-      {
-        prefixCls,
-        prefixListCls,
-        editable,
-        style,
-        clear,
-        children,
-        error,
-        className,
-        count,
-        labelNumber,
-        title,
-        onErrorClick,
-        autoHeight,
-        defaultValue
-      } = _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,
       otherProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-    const {
-      disabled
-    } = otherProps;
-    const {
-      value,
-      focus
-    } = this.state;
+    const disabled = otherProps.disabled;
+    const _this$state = this.state,
+      value = _this$state.value,
+      focus = _this$state.focus;
     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,10 +124,9 @@ const Toast = {
   },
   config() {
     let conf = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const {
-      duration = SHORT,
-      mask
-    } = conf;
+    const _conf$duration = conf.duration,
+      duration = _conf$duration === void 0 ? SHORT : _conf$duration,
+      mask = conf.mask;
     config.duration = duration;
     if (mask === false) {
       config.mask = false;

package/lib/UrlFormatter/index.js

@@ -11,10 +11,9 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class UrlFormatter extends _react.default.Component {
   render() {
-    const {
-      containerClassName,
-      value
-    } = this.props;
+    const _this$props = this.props,
+      containerClassName = _this$props.containerClassName,
+      value = _this$props.value;
     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,22 +15,17 @@ class EditorBase extends _react.default.Component {
   }
   getValue() {
     const updated = {};
-    const {
-      column
-    } = this.props;
-    const {
-      type,
-      key,
-      data
-    } = column;
+    const column = this.props.column;
+    const type = column.type,
+      key = column.key,
+      data = column.data;
     let value = this.getInputNode().value;
     if (type === _dtableUtils.CellType.TEXT) {
       value = value ? value.trim() : '';
     } else if (type === _dtableUtils.CellType.NUMBER) {
-      let {
-        precision,
-        enable_precision
-      } = data || {};
+      let _ref = data || {},
+        precision = _ref.precision,
+        enable_precision = _ref.enable_precision;
       if (enable_precision && (0, _dtableUtils.isNumber)(value)) {
         value = Number(value.toFixed(precision));
       }

package/lib/hooks/common-hooks.js

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

package/lib/select-editor/index.js

@@ -15,9 +15,7 @@ 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,
+  let isMobile = _ref.isMobile,
     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,31 +12,23 @@ var _MobileSelector = _interopRequireDefault(require("../../MobileSelector"));
 var _DTableCommonAddTool = _interopRequireDefault(require("../../DTableCommonAddTool"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const {
-  Search,
-  Option,
-  Options,
-  Empty
-} = _MobileSelector.default;
+const Search = _MobileSelector.default.Search,
+  Option = _MobileSelector.default.Option,
+  Options = _MobileSelector.default.Options,
+  Empty = _MobileSelector.default.Empty;
 class MBSelectEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onChangeSearch = newValue => {
-      const {
-        searchVal
-      } = this.state;
+      const searchVal = this.state.searchVal;
       if (searchVal === newValue) return;
       this.setState({
         searchVal: newValue
       });
     };
     this.getDisplayOptions = () => {
-      const {
-        options
-      } = this.props;
-      const {
-        searchVal
-      } = this.state;
+      const options = this.props.options;
+      const searchVal = this.state.searchVal;
       return searchVal ? options.filter(item => item.name.indexOf(searchVal) > -1) : options;
     };
     this.onChange = option => {
@@ -52,10 +44,10 @@ class MBSelectEditor extends _react.default.Component {
       }
     };
     this.renderOptions = options => {
-      const {
-        value = [],
-        valueKey
-      } = this.props;
+      const _this$props = this.props,
+        _this$props$value = _this$props.value,
+        value = _this$props$value === void 0 ? [] : _this$props$value,
+        valueKey = _this$props.valueKey;
       return options.map(option => {
         const isSelected = value.includes(option[valueKey]);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(Option, {
@@ -72,15 +64,12 @@ class MBSelectEditor extends _react.default.Component {
     };
   }
   render() {
-    const {
-      column,
-      isSupportNewOption,
-      options,
-      onAddNewOption
-    } = this.props;
-    const {
-      searchVal
-    } = this.state;
+    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 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,9 +38,7 @@ class PCSelectEditor extends _react.default.Component {
     this.onEnter = e => {
       e.preventDefault();
       let option;
-      const {
-        isSupportNewOption
-      } = this.props;
+      const isSupportNewOption = this.props.isSupportNewOption;
       if (this.filteredOptions.length === 1) {
         option = this.filteredOptions[0];
       } else if (this.state.highlightIndex > -1) {
@@ -49,9 +47,7 @@ class PCSelectEditor extends _react.default.Component {
       if (option) {
         this.onChange(option);
       } else {
-        const {
-          searchValue
-        } = this.state;
+        const searchValue = this.state.searchValue;
         if (searchValue && isSupportNewOption && this.filteredOptions.length === 0) {
           e.stopPropagation();
           this.onAddNewOption();
@@ -61,11 +57,10 @@ class PCSelectEditor extends _react.default.Component {
     this.onUpArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let {
-        highlightIndex,
-        maxItemNum,
-        itemHeight
-      } = this.state;
+      let _this$state = this.state,
+        highlightIndex = _this$state.highlightIndex,
+        maxItemNum = _this$state.maxItemNum,
+        itemHeight = _this$state.itemHeight;
       if (highlightIndex > 0) {
         this.setState({
           highlightIndex: highlightIndex - 1
@@ -79,11 +74,10 @@ class PCSelectEditor extends _react.default.Component {
     this.onDownArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let {
-        highlightIndex,
-        maxItemNum,
-        itemHeight
-      } = this.state;
+      let _this$state2 = this.state,
+        highlightIndex = _this$state2.highlightIndex,
+        maxItemNum = _this$state2.maxItemNum,
+        itemHeight = _this$state2.itemHeight;
       if (highlightIndex < this.filteredOptions.length - 1) {
         this.setState({
           highlightIndex: highlightIndex + 1
@@ -95,12 +89,8 @@ class PCSelectEditor extends _react.default.Component {
       }
     };
     this.onValueChanged = searchValue => {
-      const {
-        searchValue: oldSearchVal
-      } = this.state;
-      const {
-        options
-      } = this.props;
+      const oldSearchVal = this.state.searchValue;
+      const options = this.props.options;
       if (oldSearchVal === searchValue) return;
       this.setState({
         searchValue
@@ -133,9 +123,7 @@ class PCSelectEditor extends _react.default.Component {
       }, 300);
     };
     this.getOptionStyle = option => {
-      const {
-        optionWidth
-      } = this.props;
+      const optionWidth = this.props.optionWidth;
       const textColor = option.textColor || null;
       return {
         display: 'inline-block',
@@ -179,9 +167,8 @@ class PCSelectEditor extends _react.default.Component {
         this.ref.style.top = '-200px';
       }
     }
-    const {
-      bottom
-    } = this.ref.getBoundingClientRect();
+    const _this$ref$getBounding = this.ref.getBoundingClientRect(),
+      bottom = _this$ref$getBounding.bottom;
     if (bottom > window.innerHeight) {
       this.ref.style.top = parseInt(this.ref.style.top) - bottom + window.innerHeight + 'px';
     }
@@ -201,20 +188,18 @@ class PCSelectEditor extends _react.default.Component {
     }
   }
   render() {
-    const {
-      isInModal,
-      className,
-      value,
-      column,
-      valueKey,
-      isSupportNewOption,
-      target,
-      classNamePrefix
-    } = this.props;
-    const {
-      searchValue,
-      highlightIndex
-    } = this.state;
+    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;
 
     // 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,13 +23,12 @@ class Alert extends _react.default.PureComponent {
     }
   }
   render() {
-    const {
-      intent,
-      title,
-      children,
-      isRemovable,
-      onRemove
-    } = this.props;
+    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 iconClass = this.getIconClass(intent);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-toast-alert-container ".concat(intent || 'success'),

package/lib/toaster/toast.js

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

package/lib/toaster/toastManager.js

@@ -97,10 +97,8 @@ class ToastManager extends _react.default.PureComponent {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "dtable-toast-manager",
       children: this.state.toasts.map(_ref => {
-        let {
-            id,
-            description
-          } = _ref,
+        let id = _ref.id,
+          description = _ref.description,
           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,10 +7,9 @@ exports.isValidPosition = exports.isLongTextValueExceedLimit = exports.checkValu
 var _constants = require("../constants");
 var _utils = require("./utils");
 const checkValueConformityFormat = (columnData, value) => {
-  const {
-    format_specification_value,
-    format_check_type
-  } = columnData || {};
+  const _ref = columnData || {},
+    format_specification_value = _ref.format_specification_value,
+    format_check_type = _ref.format_check_type;
   let isMatched = false;
   if (format_check_type !== 'custom_format') {
     const reg = _constants.FORMAT_REG_EXP_LIST[format_check_type];
@@ -23,10 +22,9 @@ const checkValueConformityFormat = (columnData, value) => {
 };
 exports.checkValueConformityFormat = checkValueConformityFormat;
 const checkNumberValidation = (columnData, value) => {
-  const {
-    format_max_value,
-    format_min_value
-  } = columnData || {};
+  const _ref2 = columnData || {},
+    format_max_value = _ref2.format_max_value,
+    format_min_value = _ref2.format_min_value;
   const num = parseFloat(value);
   if (isNaN(num) || !num && num !== 0) {
     return false;
@@ -43,9 +41,8 @@ exports.checkNumberValidation = checkNumberValidation;
 const isLongTextValueExceedLimit = value => {
   if (!value) return false;
   if (typeof value === 'string') return value.length >= _constants.LONG_TEXT_LENGTH_LIMIT;
-  const {
-    text
-  } = value || {};
+  const _ref3 = value || {},
+    text = _ref3.text;
   return text ? text.length >= _constants.LONG_TEXT_LENGTH_LIMIT : false;
 };
 exports.isLongTextValueExceedLimit = isLongTextValueExceedLimit;

package/lib/utils/column-utils.js

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

package/lib/utils/departments.js

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

package/lib/utils/url.js

@@ -71,13 +71,11 @@ const needUseThumbnailImage = url => {
 exports.needUseThumbnailImage = needUseThumbnailImage;
 const generateCurrentBaseImageThumbnailUrl = _ref => {
   var _window2;
-  let {
-    server,
-    workspaceID,
-    dtableUuid,
-    partUrl,
-    size
-  } = _ref;
+  let server = _ref.server,
+    workspaceID = _ref.workspaceID,
+    dtableUuid = _ref.dtableUuid,
+    partUrl = _ref.partUrl,
+    size = _ref.size;
   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);
@@ -87,12 +85,10 @@ const generateCurrentBaseImageThumbnailUrl = _ref => {
 exports.generateCurrentBaseImageThumbnailUrl = generateCurrentBaseImageThumbnailUrl;
 const generateCurrentBaseImageUrl = _ref2 => {
   var _window3;
-  let {
-    server,
-    workspaceID,
-    dtableUuid,
-    partUrl
-  } = _ref2;
+  let server = _ref2.server,
+    workspaceID = _ref2.workspaceID,
+    dtableUuid = _ref2.dtableUuid,
+    partUrl = _ref2.partUrl;
   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 || '';
@@ -100,12 +96,12 @@ const generateCurrentBaseImageUrl = _ref2 => {
 };
 exports.generateCurrentBaseImageUrl = generateCurrentBaseImageUrl;
 const getImageThumbnailUrl = function (url) {
-  let {
-    server,
-    dtableUuid,
-    workspaceID,
-    size = 256
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  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;
   if (!url || typeof url !== 'string') return '';
   if (server && dtableUuid && isCustomAssetUrl(url)) {
     const assetUuid = url.slice(url.lastIndexOf('/') + 1, url.lastIndexOf('.'));
@@ -149,9 +145,9 @@ const imageCheck = filename => {
 };
 exports.imageCheck = imageCheck;
 const isInternalURL = function (url) {
-  let {
-    server = ''
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _ref4$server = _ref4.server,
+    server = _ref4$server === void 0 ? '' : _ref4$server;
   if (!url || typeof url !== 'string') return false;
   return server && url.indexOf(server) > -1;
 };
@@ -160,10 +156,8 @@ const getValidFileImageUrls = files => {
   if (!Array.isArray(files)) return [];
   return files.map(file => {
     if (typeof file !== 'object') return null;
-    const {
-      url,
-      name
-    } = file;
+    const url = file.url,
+      name = file.name;
     if (!url || url.indexOf('/asset') < 0) return null;
     return imageCheck(name) ? url : null;
   }).filter(Boolean);
@@ -188,11 +182,10 @@ const getFileIconUrl = (filename, direntType) => {
 };
 exports.getFileIconUrl = getFileIconUrl;
 const getFileThumbnailInfo = function (file) {
-  let {
-    server,
-    dtableUuid,
-    workspaceID
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    server = _ref5.server,
+    dtableUuid = _ref5.dtableUuid,
+    workspaceID = _ref5.workspaceID;
   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,16 +163,12 @@ const getFormulaArrayValue = value => {
       return item;
     }
     if (!Object.prototype.hasOwnProperty.call(item, 'display_value')) return item;
-    const {
-      display_value
-    } = item;
+    const display_value = item.display_value;
     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;
+        const display_value = i.display_value;
         return display_value;
       }
       return i;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.125",
+  "version": "6.0.126",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "5.0.9",
@@ -66,15 +66,15 @@
   },
   "devDependencies": {
     "@babel/cli": "7.22.15",
-    "@babel/core": "^7.16.0",
+    "@babel/core": "^7.29.6",
     "@babel/plugin-proposal-private-property-in-object": "7.21.11",
     "@babel/plugin-transform-runtime": "7.22.10",
     "@babel/runtime": "7.27.6",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
-    "@storybook/addon-docs": "^9.1.0",
-    "@storybook/addon-onboarding": "^9.1.0",
+    "@storybook/addon-docs": "^10.4.6",
+    "@storybook/addon-onboarding": "^10.4.6",
     "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
-    "@storybook/react-webpack5": "^9.1.0",
+    "@storybook/react-webpack5": "^10.4.6",
     "@svgr/webpack": "8.1.0",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.3.1",
@@ -97,7 +97,7 @@
     "dotenv-expand": "^5.1.0",
     "eslint": "^8.3.0",
     "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-storybook": "^9.1.0",
+    "eslint-plugin-storybook": "^10.4.6",
     "eslint-webpack-plugin": "^3.1.1",
     "file-loader": "^6.2.0",
     "fs-extra": "^10.0.0",
@@ -131,12 +131,12 @@
     "sass-loader": "^12.3.0",
     "semver": "^7.3.5",
     "source-map-loader": "^3.0.0",
-    "storybook": "^9.1.19",
+    "storybook": "^10.4.6",
     "style-loader": "^3.3.1",
     "terser-webpack-plugin": "^5.2.5",
     "url-loader": "^4.1.1",
     "webpack": "^5.105.4",
-    "webpack-dev-server": "^5.2.4",
+    "webpack-dev-server": "^5.2.5",
     "worker-loader": "3.0.8"
   }
 }