dtable-ui-component 6.0.126-beta.s1 → 6.0.126

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.126-beta.s1",
+  "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"
   }
 }

package/lib/DTableCustomizeSearchInput/index.css

@@ -1,81 +0,0 @@
-
-.seatable-search-input {
-  width: 100%;
-  padding: 6px 10px;
-  min-width: 170px;
-  position: relative;
-  padding: 0;
-  height: 32px;
-  border-bottom: 1px solid var(--bs-border-color);
-}
-
-.seatable-search-input .form-control {
-  height: 100%;
-  border: none;
-  padding: .375rem 1rem;
-  cursor: pointer;
-}
-
-.seatable-search-input-multiple .form-control:focus,
-.seatable-search-input .form-control:focus {
-  outline: none;
-  box-shadow: none;
-}
-
-.seatable-search-input .input-icon-addon {
-  z-index: 1;
-  pointer-events: auto;
-  min-width: 2.75rem !important;
-}
-
-.seatable-search-input .input-icon-addon svg {
-  color: var(--bs-body-secondary-color);
-  cursor: pointer;
-}
-
-.seatable-search-input .none-search-result {
-  height: 100px;
-  width: 100%;
-  padding: 10px;
-  color: var(--bs-body-secondary-color);
-}
-
-
-.seatable-search-input-multiple {
-  width: 100%;
-  padding: 6px 10px;
-  min-width: 170px;
-  position: relative;
-  height: 40px;
-}
-
-.seatable-search-input-multiple .form-control {
-  height: 30px;
-  padding: .375rem 2.5rem .375rem 1rem;
-  cursor: pointer;
-}
-
-.seatable-search-input-multiple .input-icon-addon {
-  z-index: 1;
-  pointer-events: auto;
-  min-width: 2.75rem !important;
-  top: 10px;
-  height: 30px;
-  right: 10px;
-}
-
-.seatable-search-input-multiple .input-icon-addon svg {
-  color: var(--bs-body-secondary-color);
-  cursor: pointer;
-}
-
-.seatable-search-input-multiple .none-search-result {
-  height: 100px;
-  width: 100%;
-  padding: 10px;
-  color: var(--bs-body-secondary-color);
-}
-
-.multiple-selects-editor-list .seatable-search-input-multiple {
-  padding: 10px 10px 0;
-}

package/lib/DTableCustomizeSearchInput/index.js

@@ -1,141 +0,0 @@
-"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"));
-var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
-require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
-class DTableCustomizeSearchInput extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.onCompositionStart = () => {
-      this.isInputtingChinese = true;
-    };
-    this.onChange = e => {
-      this.timer && clearTimeout(this.timer);
-      const {
-        onChange,
-        wait = 100
-      } = this.props;
-      let text = e.target.value;
-      this.setState({
-        searchValue: text || ''
-      }, () => {
-        if (this.isInputtingChinese) return;
-        this.timer = setTimeout(() => {
-          onChange && onChange(this.state.searchValue.trim());
-        }, wait);
-      });
-    };
-    this.onCompositionEnd = e => {
-      this.isInputtingChinese = false;
-      this.onChange(e);
-    };
-    this.clearSearch = e => {
-      e && e.stopPropagation && e.stopPropagation();
-      const {
-        clearValue
-      } = this.props;
-      this.setState({
-        searchValue: ''
-      }, () => {
-        clearValue && clearValue();
-      });
-    };
-    this.setFocus = isSelectAllText => {
-      if (this.inputRef === document.activeElement) return;
-      this.inputRef.focus();
-      if (isSelectAllText) {
-        const txtLength = this.state.searchValue.length;
-        this.inputRef.setSelectionRange(0, txtLength);
-      }
-    };
-    this.renderClear = () => {
-      const {
-        isClearable,
-        clearClassName
-      } = this.props;
-      const {
-        searchValue
-      } = this.state;
-      if (!isClearable || !searchValue) return null;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _classnames.default)('search-text-clear input-icon-addon', clearClassName),
-        style: {
-          fontSize: '12px'
-        },
-        onClick: this.clearSearch,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
-          symbol: "close",
-          color: "var(--bs-icon-secondary-color)"
-        })
-      });
-    };
-    this.state = {
-      searchValue: props.value || ''
-    };
-    this.isInputtingChinese = false;
-    this.timer = null;
-    this.inputRef = null;
-  }
-  componentDidMount() {
-    if (this.props.autoFocus && this.inputRef && this.inputRef !== document.activeElement) {
-      setTimeout(() => {
-        this.inputRef.focus();
-      }, 0);
-    }
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.value !== this.props.value) {
-      this.setState({
-        searchValue: nextProps.value
-      });
-    }
-  }
-  componentWillUnmount() {
-    this.timer && clearTimeout(this.timer);
-    this.timer = null;
-    this.inputRef = null;
-  }
-  render() {
-    const {
-      placeholder,
-      autoFocus,
-      className,
-      onKeyDown,
-      disabled = false,
-      style = {},
-      isClearable,
-      isMultiple = false
-    } = this.props;
-    const {
-      searchValue
-    } = this.state;
-    const inputWidth = isClearable && searchValue && !isMultiple ? 'calc(100% - 40px)' : '100%';
-    style.width = inputWidth;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        type: "text",
-        name: "search-input",
-        value: searchValue,
-        className: (0, _classnames.default)('form-control', className),
-        onChange: this.onChange,
-        autoFocus: autoFocus,
-        placeholder: placeholder,
-        onCompositionStart: this.onCompositionStart,
-        onCompositionEnd: this.onCompositionEnd,
-        onKeyDown: onKeyDown,
-        disabled: disabled,
-        style: style,
-        ref: ref => this.inputRef = ref
-      }), this.renderClear()]
-    });
-  }
-}
-var _default = exports.default = DTableCustomizeSearchInput;

package/lib/DTableCustomizeSelect/select-option-group/KeyCodes.js

@@ -1,109 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const KeyCodes = {
-  Backspace: 8,
-  Tab: 9,
-  Enter: 13,
-  Shift: 16,
-  Ctrl: 17,
-  Alt: 18,
-  PauseBreak: 19,
-  CapsLock: 20,
-  Escape: 27,
-  Esc: 27,
-  Space: 32,
-  PageUp: 33,
-  PageDown: 34,
-  End: 35,
-  Home: 36,
-  LeftArrow: 37,
-  UpArrow: 38,
-  RightArrow: 39,
-  DownArrow: 40,
-  Insert: 45,
-  Delete: 46,
-  0: 48,
-  1: 49,
-  2: 50,
-  3: 51,
-  4: 52,
-  5: 53,
-  6: 54,
-  7: 55,
-  8: 56,
-  9: 57,
-  a: 65,
-  b: 66,
-  c: 67,
-  d: 68,
-  e: 69,
-  f: 70,
-  g: 71,
-  h: 72,
-  i: 73,
-  j: 74,
-  k: 75,
-  l: 76,
-  m: 77,
-  n: 78,
-  o: 79,
-  p: 80,
-  q: 81,
-  r: 82,
-  s: 83,
-  t: 84,
-  u: 85,
-  v: 86,
-  w: 87,
-  x: 88,
-  y: 89,
-  z: 90,
-  LeftWindowKey: 91,
-  RightWindowKey: 92,
-  SelectKey: 93,
-  NumPad0: 96,
-  NumPad1: 97,
-  NumPad2: 98,
-  NumPad3: 99,
-  NumPad4: 100,
-  NumPad5: 101,
-  NumPad6: 102,
-  NumPad7: 103,
-  NumPad8: 104,
-  NumPad9: 105,
-  Multiply: 106,
-  Add: 107,
-  Subtract: 109,
-  DecimalPoint: 110,
-  Divide: 111,
-  F1: 112,
-  F2: 113,
-  F3: 114,
-  F4: 115,
-  F5: 116,
-  F6: 117,
-  F7: 118,
-  F8: 119,
-  F9: 120,
-  F10: 121,
-  F12: 123,
-  NumLock: 144,
-  ScrollLock: 145,
-  SemiColon: 186,
-  EqualSign: 187,
-  Comma: 188,
-  Dash: 189,
-  Period: 190,
-  ForwardSlash: 191,
-  GraveAccent: 192,
-  OpenBracket: 219,
-  BackSlash: 220,
-  CloseBracket: 221,
-  SingleQuote: 222,
-  ChineseInputMethod: 229
-};
-var _default = exports.default = KeyCodes;

package/lib/DTableCustomizeSelect/select-option-group/index.css

@@ -1,134 +0,0 @@
-.seatable-option-group {
-  position: absolute;
-  left: 0;
-  min-height: 60px;
-  max-height: 300px;
-  min-width: 100%;
-  max-width: 15rem;
-  box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.1);
-  background: var(--bs-popover-bg);
-  border: 1px solid rgba(0, 40, 100, 0.12);
-  border-radius: 4px;
-  z-index: 10001;
-  margin-top: 4px;
-}
-
-.seatable-option-group-search {
-  border-bottom: 1px solid var(--bs-border-color);
-  height: 32px;
-}
-
-.seatable-option-group .seatable-option-group-search {
-  width: 100%;
-  min-width: 170px;
-  position: relative;
-  padding: 0;
-}
-
-.seatable-option-group .seatable-option-group-search .form-control {
-  height: 100%;
-  border: none;
-  padding: .375rem 1rem;
-  cursor: pointer;
-}
-
-.seatable-option-group .seatable-option-group-search .form-control:focus {
-  outline: none;
-  box-shadow: none;
-}
-
-.seatable-option-group-search .input-icon-addon,
-.seatable-option-group .seatable-option-group-search .input-icon-addon {
-  z-index: 1;
-  pointer-events: auto;
-  min-width: 2.75rem !important;
-  width: 40px;
-  height: 32px;
-}
-
-.seatable-option-group .seatable-option-group-search .input-icon-addon svg {
-  color: #999;
-  cursor: pointer;
-}
-
-.seatable-option-group .none-search-result {
-  height: 100px;
-  width: 100%;
-  padding: 8px;
-  color: var(--bs-body-secondary-color);
-}
-
-.seatable-option-group .seatable-option-group-content {
-  max-height: 252px;
-  overflow-y: auto;
-  padding: 8px;
-}
-
-.seatable-select-option {
-  position: relative;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  line-height: 24px;
-  padding: 0.25rem 8px;
-  clear: both;
-  font-weight: 400;
-  text-align: inherit;
-  background-color: transparent;
-  border: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  border-radius: 4px;
-  height: 32px;
-}
-
-.seatable-select-option.seatable-select-option-active {
-  cursor: pointer;
-  background-color: rgba(0, 0, 0, 0.04);
-}
-
-.seatable-select-option .select-option-name .multiple-select-option {
-  margin: 0;
-}
-
-.seatable-option-group .dtable-icon-check {
-  color: var(--bs-icon-color);
-}
-
-.select-label {
-  width: 100%;
-}
-
-.seatable-option-group-selector-multiple-select .select-label,
-.seatable-option-group-selector-single-select .select-option-name,
-.seatable-option-group-selector-multiple-select .multiple-option-name {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-}
-
-.seatable-option-group-selector-multiple-select .multiple-check-icon {
-  display: inline-flex;
-  text-align: center;
-  color: var(--bs-icon-color);
-}
-
-.seatable-option-group-selector-multiple-select .multiple-check-icon .dtable-icon-check {
-  font-size: 14px;
-}
-
-.seatable-option-group-selector-single-select .seatable-select-option:hover,
-.seatable-option-group-selector-single-select .seatable-select-option.seatable-select-option-active,
-.seatable-option-group-selector-multiple-select .seatable-select-option:hover,
-.seatable-option-group-selector-multiple-select .seatable-select-option.seatable-select-option-active {
-  background-color: #f5f5f5;
-}
-
-.select-label .header-icon {
-  display: inline-block;
-  padding: 0 .5rem 0 0!important;
-  margin-left: 0 !important;
-}