dtable-ui-component 6.0.53 → 6.0.55-beta.1

package/lib/TextareaItem/index.js

@@ -35,7 +35,7 @@ class TextareaItem extends React.Component {
     this.reAlignHeight = () => {
       const textareaDom = this.textareaRef;
       textareaDom.style.height = ''; // 字数减少时能自动减小高度
-      textareaDom.style.height = "".concat(textareaDom.scrollHeight, "px");
+      textareaDom.style.height = `${textareaDom.scrollHeight}px`;
     };
     this.onChange = e => {
       const value = e.target.value;
@@ -158,20 +158,20 @@ class TextareaItem extends React.Component {
       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,
-      ["".concat(prefixCls, "-item-single-line")]: this.props.rows === 1 && !autoHeight,
-      ["".concat(prefixCls, "-error")]: error,
-      ["".concat(prefixCls, "-focus")]: focus,
-      ["".concat(prefixCls, "-has-count")]: hasCount
+    const wrapCls = (0, _classnames.default)(className, `${prefixListCls}-item`, `${prefixCls}-item`, {
+      [`${prefixCls}-disabled`]: disabled,
+      [`${prefixCls}-item-single-line`]: this.props.rows === 1 && !autoHeight,
+      [`${prefixCls}-error`]: error,
+      [`${prefixCls}-focus`]: focus,
+      [`${prefixCls}-has-count`]: hasCount
     });
-    const labelCls = (0, _classnames.default)("".concat(prefixCls, "-label"), {
-      ["".concat(prefixCls, "-label-2")]: labelNumber === 2,
-      ["".concat(prefixCls, "-label-3")]: labelNumber === 3,
-      ["".concat(prefixCls, "-label-4")]: labelNumber === 4,
-      ["".concat(prefixCls, "-label-5")]: labelNumber === 5,
-      ["".concat(prefixCls, "-label-6")]: labelNumber === 6,
-      ["".concat(prefixCls, "-label-7")]: labelNumber === 7
+    const labelCls = (0, _classnames.default)(`${prefixCls}-label`, {
+      [`${prefixCls}-label-2`]: labelNumber === 2,
+      [`${prefixCls}-label-3`]: labelNumber === 3,
+      [`${prefixCls}-label-4`]: labelNumber === 4,
+      [`${prefixCls}-label-5`]: labelNumber === 5,
+      [`${prefixCls}-label-6`]: labelNumber === 6,
+      [`${prefixCls}-label-7`]: labelNumber === 7
     });
     const characterLength = countSymbols(value);
     const lengthCtrlProps = {};
@@ -191,7 +191,7 @@ class TextareaItem extends React.Component {
         className: labelCls,
         children: title
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-control"),
+        className: `${prefixCls}-control`,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
           ref: el => this.textareaRef = el,
           ...lengthCtrlProps,
@@ -204,16 +204,16 @@ class TextareaItem extends React.Component {
           style: style
         })
       }), clear && editable && value && characterLength > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-        activeClassName: "".concat(prefixCls, "-clear-active"),
+        activeClassName: `${prefixCls}-clear-active`,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-clear"),
+          className: `${prefixCls}-clear`,
           onClick: this.clearInput
         })
       }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-error-extra"),
+        className: `${prefixCls}-error-extra`,
         onClick: this.onErrorClick
       }), hasCount && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        className: "".concat(prefixCls, "-count"),
+        className: `${prefixCls}-count`,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: value ? characterLength : 0
         }), "/", count]

package/lib/Toast/index.js

@@ -27,8 +27,8 @@ function getMessageInstance(mask, callback) {
     // clear rmc-notification default style
     transitionName: 'am-fade',
     className: (0, _classnames.default)({
-      ["".concat(prefixCls, "-mask")]: mask,
-      ["".concat(prefixCls, "-nomask")]: !mask
+      [`${prefixCls}-mask`]: mask,
+      [`${prefixCls}-nomask`]: !mask
     })
   }, notification => callback && callback(notification));
 }
@@ -63,18 +63,18 @@ function notice(content, type) {
       duration,
       style: {},
       content: iconType ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "".concat(prefixCls, "-text ").concat(prefixCls, "-text-icon"),
+        className: `${prefixCls}-text ${prefixCls}-text-icon`,
         role: "alert",
         "aria-live": "assertive",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
           type: iconType,
           size: "lg"
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "".concat(prefixCls, "-text-info"),
+          className: `${prefixCls}-text-info`,
           children: content
         })]
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "".concat(prefixCls, "-text"),
+        className: `${prefixCls}-text`,
         role: "alert",
         "aria-live": "assertive",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/assets/icons/telephone.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>telephone</title>
+<g id="telephone">
+	<path id="路径" class="st0" d="M24.2,31C11.4,31,1.1,20.7,1.1,7.9C1.1,4.1,4.2,1,7.9,1c0.7,0,1.7,0.1,2.2,0.4
+		c0.4,0.2,0.9,0.6,1,1.1l2.1,9c0.1,0.5,0,1.1-0.3,1.4c-0.2,0.2-0.5,0.3-2.2,1.2c1.5,3.2,4,5.8,7.3,7.3c0.9-1.9,1-1.9,1.2-2.1
+		c0.4-0.4,0.8-0.5,1.4-0.4c5.7,1.3,8.7,2,9,2.1c0.5,0.1,0.8,0.5,1,0.9c0.2,0.5,0.4,1.5,0.4,2.2C31,28,27.9,31,24.2,31z"/>
+</g>
+</svg>

package/lib/index.js

@@ -100,6 +100,12 @@ Object.defineProperty(exports, "DTableColorPicker", {
     return _DTableColorPicker.default;
   }
 });
+Object.defineProperty(exports, "DTableColumnIcon", {
+  enumerable: true,
+  get: function () {
+    return _DTableColumnIcon.default;
+  }
+});
 Object.defineProperty(exports, "DTableCommonAddTool", {
   enumerable: true,
   get: function () {
@@ -142,6 +148,12 @@ Object.defineProperty(exports, "DTableGroupSelect", {
     return _index.default;
   }
 });
+Object.defineProperty(exports, "DTableIcon", {
+  enumerable: true,
+  get: function () {
+    return _DTableIcon.default;
+  }
+});
 Object.defineProperty(exports, "DTableModalHeader", {
   enumerable: true,
   get: function () {
@@ -550,12 +562,6 @@ Object.defineProperty(exports, "SingleSelectFormatter", {
     return _SingleSelectFormatter.default;
   }
 });
-Object.defineProperty(exports, "SvgIcon", {
-  enumerable: true,
-  get: function () {
-    return _SvgIcon.default;
-  }
-});
 Object.defineProperty(exports, "TabBar", {
   enumerable: true,
   get: function () {
@@ -695,7 +701,8 @@ 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 _DTableIcon = _interopRequireDefault(require("./DTableIcon"));
+var _DTableColumnIcon = _interopRequireDefault(require("./DTableColumnIcon"));
 var _AsyncUserSelect = _interopRequireDefault(require("./AsyncUserSelect"));
 var _ActionSheet = _interopRequireDefault(require("./ActionSheet"));
 var _ActivityIndicator = _interopRequireDefault(require("./ActivityIndicator"));

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

@@ -221,7 +221,7 @@ class PCSelectEditor extends _react.default.Component {
     let maxWidth = isInModal ? 250 : (column === null || column === void 0 ? void 0 : column.width) > 200 ? column.width - 62 : 138;
     const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)('dtable-ui-editor-container dtable-ui-select-editor-container', className, {
-        ["".concat(classNamePrefix, "-select-editor-container")]: classNamePrefix
+        [`${classNamePrefix}-select-editor-container`]: classNamePrefix
       }),
       ref: ref => this.ref = ref,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -292,7 +292,7 @@ class PCSelectEditor extends _react.default.Component {
           hideArrow: true,
           fade: false,
           className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-select-editor-popover', {
-            ["".concat(classNamePrefix, "-select-editor-popover")]: classNamePrefix
+            [`${classNamePrefix}-select-editor-popover`]: classNamePrefix
           }),
           children: dom
         })

package/lib/toaster/alert.js

@@ -32,7 +32,7 @@ class Alert extends _react.default.PureComponent {
     } = this.props;
     const iconClass = this.getIconClass(intent);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "dtable-toast-alert-container ".concat(intent || 'success'),
+      className: `dtable-toast-alert-container ${intent || 'success'}`,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "toast-alert-icon",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {

package/lib/toaster/toast.js

@@ -84,7 +84,7 @@ class Toast extends _react.default.PureComponent {
       onExited: this.props.onRemove,
       children: state => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         "data-state": state,
-        className: "dtable-toast-container ".concat(state),
+        className: `dtable-toast-container ${state}`,
         onMouseEnter: this.handleMouseEnter,
         onMouseLeave: this.handleMouseLeave,
         style: {

package/lib/toaster/toastManager.js

@@ -38,7 +38,7 @@ class ToastManager extends _react.default.PureComponent {
     };
     this.createToastInstance = (title, settings) => {
       const uniqueId = ++ToastManager.idCounter;
-      const id = hasCustomId(settings) ? "".concat(settings.id, "-").concat(uniqueId) : uniqueId;
+      const id = hasCustomId(settings) ? `${settings.id}-${uniqueId}` : uniqueId;
       let hasCloseButton = settings.hasCloseButton || true;
       let duration = settings.duration || 2;
       if (settings.hasCloseButton !== undefined) {

package/lib/toaster/toaster.js

@@ -63,11 +63,14 @@ class Toaster {
       });
     };
     if (!isBrowser) return;
-    const container = document.createElement('div');
-    container.setAttribute('data-evergreen-toaster-container', '');
-    document.body.appendChild(container);
+    let container = document.querySelector('[data-evergreen-toaster-container]');
+    if (!container) {
+      container = document.createElement('div');
+      container.setAttribute('data-evergreen-toaster-container', '');
+      document.body.appendChild(container);
+    }
     const root = (0, _client.createRoot)(container);
-    root.render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_toastManager.default, {
+    root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_toastManager.default, {
       bindNotify: this._bindNotify,
       bindGetToasts: this._bindGetToasts,
       bindCloseAll: this._bindCloseAll

package/lib/utils/class.js

@@ -11,14 +11,14 @@ function hasClass(node, className) {
     return node.classList.contains(className);
   }
   const originClass = node.className;
-  return " ".concat(originClass, " ").indexOf(" ".concat(className, " ")) > -1;
+  return ` ${originClass} `.indexOf(` ${className} `) > -1;
 }
 function addClass(node, className) {
   if (node.classList) {
     node.classList.add(className);
   } else {
     if (!hasClass(node, className)) {
-      node.className = "".concat(node.className, " ").concat(className);
+      node.className = `${node.className} ${className}`;
     }
   }
 }
@@ -28,7 +28,7 @@ function removeClass(node, className) {
   } else {
     if (hasClass(node, className)) {
       const originClass = node.className;
-      node.className = " ".concat(originClass, " ").replace(" ".concat(className, " "), '');
+      node.className = ` ${originClass} `.replace(` ${className} `, '');
     }
   }
 }

package/lib/utils/object-utils.js

@@ -17,7 +17,7 @@ class ObjectUtils {
   }
   static isObjectChanged(source, comparison) {
     if (!this.iterable(source)) {
-      throw new Error("source should be a Object or Array , but got ".concat(this.getDataType(source)));
+      throw new Error(`source should be a Object or Array , but got ${this.getDataType(source)}`);
     }
     if (this.getDataType(source) !== this.getDataType(comparison)) {
       return true;

package/lib/utils/url.js

@@ -80,9 +80,9 @@ const generateCurrentBaseImageThumbnailUrl = _ref => {
   } = _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);
-  if (url.indexOf('?') > -1) return "".concat(url, "&size=").concat(size);
-  return "".concat(url, "?size=").concat(size);
+  let url = `${validServer}/thumbnail/workspace/${workspaceID}/asset/${dtableUuid}${partUrl}`;
+  if (url.indexOf('?') > -1) return `${url}&size=${size}`;
+  return `${url}?size=${size}`;
 };
 exports.generateCurrentBaseImageThumbnailUrl = generateCurrentBaseImageThumbnailUrl;
 const generateCurrentBaseImageUrl = _ref2 => {
@@ -96,7 +96,7 @@ const generateCurrentBaseImageUrl = _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 || '';
-  return "".concat(validServer, "/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(partUrl);
+  return `${validServer}/workspace/${workspaceID}/asset/${dtableUuid}${partUrl}`;
 };
 exports.generateCurrentBaseImageUrl = generateCurrentBaseImageUrl;
 const getImageThumbnailUrl = function (url) {

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.53",
+  "version": "6.0.55-beta.1",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "4.0.2",
-    "@seafile/seafile-calendar": "0.0.31",
+    "@seafile/seafile-calendar": "~0.0.32",
     "@seafile/seafile-editor": "~2.0.14",
     "classnames": "~2.5.*",
     "dayjs": "1.10.7",
-    "dtable-utils": "~5.0.22",
+    "dtable-utils": "~5.0.26-beta.1",
     "is-hotkey": "0.2.0",
     "rc-checkbox": "3.5.0",
     "react-color": "2.19.3",
@@ -67,32 +67,21 @@
   "devDependencies": {
     "@babel/cli": "7.22.15",
     "@babel/core": "^7.16.0",
-    "@babel/eslint-parser": "^7.16.3",
     "@babel/plugin-proposal-private-property-in-object": "7.21.11",
     "@babel/plugin-transform-runtime": "7.22.10",
-    "@babel/polyfill": "^7.10.1",
-    "@babel/preset-env": "^7.9.5",
     "@babel/runtime": "7.27.6",
-    "@cfaester/enzyme-adapter-react-18": "0.8.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
-    "@storybook/addon-actions": "8.6.12",
-    "@storybook/addon-controls": "8.6.12",
-    "@storybook/addon-docs": "8.6.12",
-    "@storybook/addon-essentials": "8.6.12",
-    "@storybook/addon-interactions": "8.6.12",
-    "@storybook/addon-links": "8.6.12",
-    "@storybook/addon-onboarding": "8.6.12",
-    "@storybook/blocks": "8.6.12",
-    "@storybook/preset-create-react-app": "8.6.12",
-    "@storybook/react": "8.6.12",
-    "@storybook/react-webpack5": "8.6.12",
-    "@storybook/test": "8.6.12",
+    "@storybook/addon-docs": "^9.1.0",
+    "@storybook/addon-onboarding": "^9.1.0",
+    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
+    "@storybook/react-webpack5": "^9.1.0",
     "@svgr/webpack": "8.1.0",
-    "@testing-library/jest-dom": "5.17.0",
-    "@testing-library/react": "^11.1.0",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^14.3.1",
     "@testing-library/user-event": "13.5.0",
     "@types/jest": "^29.5.10",
     "autoprefixer": "10.4.5",
+    "babel-eslint": "10.0.1",
     "babel-jest": "^27.4.2",
     "babel-loader": "^8.2.3",
     "babel-plugin-import": "^1.13.6",
@@ -107,17 +96,13 @@
     "css-minimizer-webpack-plugin": "^3.2.0",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
-    "enzyme": "^3.11.0",
     "eslint": "^8.3.0",
     "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-storybook": "0.8.0",
+    "eslint-plugin-storybook": "^9.1.0",
     "eslint-webpack-plugin": "^3.1.1",
     "file-loader": "^6.2.0",
     "fs-extra": "^10.0.0",
     "html-webpack-plugin": "^5.5.0",
-    "i18next": "22.4.9",
-    "i18next-browser-languagedetector": "7.0.1",
-    "i18next-xhr-backend": "3.2.2",
     "identity-obj-proxy": "3.0.0",
     "jest": "^27.4.3",
     "jest-resolve": "^27.4.2",
@@ -127,7 +112,7 @@
     "mini-css-extract-plugin": "^2.4.5",
     "node-polyfill-webpack-plugin": "2.0.1",
     "path-browserify": "^1.0.1",
-    "postcss": "^8.4.31",
+    "postcss": "^8.5.3",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-loader": "^6.2.1",
     "postcss-normalize": "^10.0.1",
@@ -138,15 +123,14 @@
     "react-app-polyfill": "^3.0.0",
     "react-dev-utils": "^12.0.1",
     "react-dom": "18.3.1",
-    "react-element-to-jsx-string": "15.0.0",
-    "react-i18next": "12.1.4",
+    "react-i18next": "^15.5.2",
     "react-refresh": "^0.11.0",
     "resolve": "^1.20.0",
     "resolve-url-loader": "^5.0.0",
     "sass-loader": "^12.3.0",
     "semver": "^7.3.5",
     "source-map-loader": "^3.0.0",
-    "storybook": "8.6.12",
+    "storybook": "^9.1.0",
     "style-loader": "^3.3.1",
     "tailwindcss": "^3.0.2",
     "terser-webpack-plugin": "^5.2.5",

package/lib/SvgIcon/index.js

@@ -1,38 +0,0 @@
-"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"));
-require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
-const iconComponents = {};
-const requireContext = require.context('../assets/icons', false, /\.svg$/);
-requireContext.keys().forEach(path => {
-  const iconName = path.replace(/^\.\/(.*?)\.svg$/, '$1').toLowerCase();
-  iconComponents[iconName] = requireContext(path).default;
-});
-const SvgIcon = _ref => {
-  let {
-    className,
-    symbol,
-    color
-  } = _ref;
-  if (!symbol) return null;
-  const iconClass = "dtable-ui-multicolor-icon multicolor-icon-".concat(symbol, " ").concat(className || '');
-  const props = {
-    className: iconClass,
-    style: {
-      fill: color
-    },
-    ariaHidden: 'true'
-  };
-  const IconComponent = iconComponents[symbol];
-  if (!IconComponent) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
-    ...props
-  });
-};
-var _default = exports.default = SvgIcon;