dtable-ui-component 6.0.95-beta.2 → 6.0.96

package/lib/CheckboxEditor/mb-editor.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _SvgIcon = _interopRequireDefault(require("../SvgIcon"));
+var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
 var _constants = require("../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 class MBCheckboxEditor extends _react.Component {
@@ -52,15 +52,7 @@ class MBCheckboxEditor extends _react.Component {
       const className = (0, _classnames.default)('dtable-ui-checkbox-check-mark', {
         'dtable-ui-checkbox-check-svg': !(symbol !== null && symbol !== void 0 && symbol.startsWith('dtable-icon'))
       });
-      if (symbol.startsWith('dtable-icon')) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: `dtable-font ${symbol} ${className || ''}`,
-          style: {
-            color
-          }
-        });
-      }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
         className: className,
         symbol: symbol,
         color: color

package/lib/CheckboxEditor/pc-editor.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _SvgIcon = _interopRequireDefault(require("../SvgIcon"));
+var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
 var _constants = require("../constants");
 var _jsxRuntime = require("react/jsx-runtime");
 class PCCheckboxEditor extends _react.Component {
@@ -65,15 +65,7 @@ class PCCheckboxEditor extends _react.Component {
       const className = (0, _classnames.default)('dtable-ui-checkbox-check-mark', {
         'dtable-ui-checkbox-check-svg': !(symbol !== null && symbol !== void 0 && symbol.startsWith('dtable-icon'))
       });
-      if (symbol.startsWith('dtable-icon')) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: `dtable-font ${symbol} ${className || ''}`,
-          style: {
-            color
-          }
-        });
-      }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
         className: className,
         symbol: symbol,
         color: color

package/lib/CheckboxFormatter/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _SvgIcon = _interopRequireDefault(require("../SvgIcon"));
+var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
 var _constants = require("../constants");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -15,20 +15,11 @@ class CheckboxFormatter extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
     this.renderIcon = (symbol, color) => {
-      let className = 'dtable-ui-checkbox-check-mark';
-      if (symbol.startsWith('dtable-icon')) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: `dtable-font ${symbol} ${className || ''}`,
-          style: {
-            color
-          }
-        });
-      }
-      className = (0, _classnames.default)(className, {
+      const className = (0, _classnames.default)('dtable-ui-checkbox-check-mark', {
         'dtable-ui-checkbox-check-svg': !(symbol !== null && symbol !== void 0 && symbol.startsWith('dtable-icon')),
-        'scale-icon': _constants.isMobile
+        'scale-icon-150': _constants.isMobile
       });
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
         className: className,
         symbol: symbol,
         color: color

package/lib/DTableColumnIcon/index.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _dtableUtils = require("dtable-utils");
+var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+const COLUMNS_ICON_CONFIG = {
+  [_dtableUtils.CellType.DEFAULT]: 'dtable-font dtable-icon-single-line-text',
+  [_dtableUtils.CellType.TEXT]: 'dtable-font dtable-icon-single-line-text',
+  [_dtableUtils.CellType.STRING]: 'dtable-font dtable-icon-single-line-text',
+  [_dtableUtils.CellType.NUMBER]: 'dtable-font dtable-icon-number',
+  [_dtableUtils.CellType.CHECKBOX]: 'dtable-font dtable-icon-check-square-solid',
+  [_dtableUtils.CellType.DATE]: 'dtable-font dtable-icon-calendar-alt-solid',
+  [_dtableUtils.CellType.SINGLE_SELECT]: 'dtable-font dtable-icon-single-election',
+  [_dtableUtils.CellType.LONG_TEXT]: 'dtable-font dtable-icon-long-text',
+  [_dtableUtils.CellType.IMAGE]: 'dtable-font dtable-icon-picture',
+  [_dtableUtils.CellType.FILE]: 'dtable-font dtable-icon-file-alt-solid',
+  [_dtableUtils.CellType.MULTIPLE_SELECT]: 'dtable-font dtable-icon-multiple-selection',
+  [_dtableUtils.CellType.COLLABORATOR]: 'dtable-font dtable-icon-collaborator',
+  [_dtableUtils.CellType.LINK]: 'dtable-font dtable-icon-link-other-record',
+  [_dtableUtils.CellType.FORMULA]: 'dtable-font dtable-icon-formula',
+  [_dtableUtils.CellType.LINK_FORMULA]: 'dtable-font dtable-icon-link-formulas',
+  [_dtableUtils.CellType.CREATOR]: 'dtable-font dtable-icon-creator',
+  [_dtableUtils.CellType.CTIME]: 'dtable-font dtable-icon-creation-time',
+  [_dtableUtils.CellType.LAST_MODIFIER]: 'dtable-font dtable-icon-creator',
+  [_dtableUtils.CellType.MTIME]: 'dtable-font dtable-icon-creation-time',
+  [_dtableUtils.CellType.GEOLOCATION]: 'dtable-font dtable-icon-location',
+  [_dtableUtils.CellType.AUTO_NUMBER]: 'dtable-font dtable-icon-autonumber',
+  [_dtableUtils.CellType.URL]: 'dtable-font dtable-icon-url',
+  [_dtableUtils.CellType.EMAIL]: 'dtable-font dtable-icon-email',
+  [_dtableUtils.CellType.DURATION]: 'dtable-font dtable-icon-duration',
+  [_dtableUtils.CellType.BUTTON]: 'dtable-font dtable-icon-button',
+  [_dtableUtils.CellType.RATE]: 'dtable-font dtable-icon-rate',
+  [_dtableUtils.CellType.DIGITAL_SIGN]: 'dtable-font dtable-icon-handwritten-signature',
+  [_dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT]: 'dtable-font dtable-icon-department-single-selection'
+};
+const COLUMN_DISPLAY_TYPE_ICON_CONFIG = {
+  [_dtableUtils.CellType.TEXT]: {
+    [_dtableUtils.TEXT_DISPLAY_TYPE_MAP.PHONE]: 'telephone'
+  }
+};
+const DTableColumnIcon = _ref => {
+  let {
+    column,
+    color,
+    className,
+    ariaHidden = false,
+    getSvg
+  } = _ref;
+  const columnType = column === null || column === void 0 ? void 0 : column.type;
+  if (!columnType) return null;
+  const columnDisplayType = (0, _dtableUtils.getColumnDisplayType)(column);
+  let symbol = null;
+  let displayTypeIconConfig = COLUMN_DISPLAY_TYPE_ICON_CONFIG[columnType];
+  if (displayTypeIconConfig && columnDisplayType) {
+    symbol = displayTypeIconConfig[columnDisplayType];
+  }
+  if (!symbol) {
+    symbol = COLUMNS_ICON_CONFIG[columnType];
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
+    className: (0, _classnames.default)('dtable-column-icon', className),
+    symbol: symbol,
+    color: color,
+    ariaHidden: ariaHidden,
+    getSvg: getSvg
+  });
+};
+var _default = exports.default = DTableColumnIcon;

package/lib/DTableFiltersPopover/utils/filter-item-utils.js

@@ -1,19 +1,19 @@
 "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 _dtableUtils = require("dtable-utils");
+var _DTableColumnIcon = _interopRequireDefault(require("../../DTableColumnIcon"));
 var _lang = require("../../lang");
 var _jsxRuntime = require("react/jsx-runtime");
 class FilterItemUtils {
   static generatorColumnOption(column) {
     if (!column) return null;
     const {
-      type,
       name
     } = column;
     return {
@@ -23,8 +23,8 @@ class FilterItemUtils {
       label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "filter-header-icon",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-            className: _dtableUtils.COLUMNS_ICON_CONFIG[type]
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableColumnIcon.default, {
+            column: column
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "select-option-name",

package/lib/DTableFiltersPopover/utils/index.js

@@ -133,17 +133,22 @@ const getColumnOptions = column => {
   }
   if (type === _dtableUtils.CellType.LINK) {
     const {
-      array_type
+      array_type,
+      array_data
     } = data || {};
     if (array_type === _dtableUtils.FORMULA_RESULT_TYPE.BOOL) {
-      return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.CHECKBOX];
+      return (0, _dtableUtils.getColumnFilterOptions)({
+        type: _dtableUtils.CellType.CHECKBOX
+      });
     }
     if (array_type === _dtableUtils.FORMULA_RESULT_TYPE.STRING) {
-      return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.TEXT];
+      return (0, _dtableUtils.getColumnFilterOptions)({
+        type: _dtableUtils.CellType.TEXT
+      });
     }
-    return getFilterOptionsByArrayType(array_type);
+    return getFilterOptionsByArrayType(array_type, array_data);
   }
-  return _dtableUtils.FILTER_COLUMN_OPTIONS[type] || {};
+  return (0, _dtableUtils.getColumnFilterOptions)(column);
 };
 exports.getColumnOptions = getColumnOptions;
 const getFormulaColumnFilterOptions = column => {
@@ -152,23 +157,32 @@ const getFormulaColumnFilterOptions = column => {
   } = column;
   const {
     result_type,
-    array_type
+    array_type,
+    array_data
   } = data || {};
   if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.BOOL) {
-    return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.CHECKBOX];
+    return (0, _dtableUtils.getColumnFilterOptions)({
+      type: _dtableUtils.CellType.CHECKBOX
+    });
   }
   if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.STRING) {
-    return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.TEXT];
+    return (0, _dtableUtils.getColumnFilterOptions)({
+      type: _dtableUtils.CellType.TEXT
+    });
   }
   if ([_dtableUtils.FORMULA_RESULT_TYPE.NUMBER, _dtableUtils.FORMULA_RESULT_TYPE.DATE].includes(result_type)) {
-    return _dtableUtils.FILTER_COLUMN_OPTIONS[result_type];
+    return (0, _dtableUtils.getColumnFilterOptions)({
+      type: result_type
+    });
   }
   if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY) {
-    return getFilterOptionsByArrayType(array_type);
+    return getFilterOptionsByArrayType(array_type, array_data);
   }
-  return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.TEXT];
+  return (0, _dtableUtils.getColumnFilterOptions)({
+    type: _dtableUtils.CellType.TEXT
+  });
 };
-const getFilterOptionsByArrayType = array_type => {
+const getFilterOptionsByArrayType = (array_type, array_data) => {
   if (!array_type) {
     return {};
   }
@@ -187,10 +201,21 @@ const getFilterOptionsByArrayType = array_type => {
 
   // only support: is
   if (checkType === _dtableUtils.CellType.CHECKBOX || checkType === _dtableUtils.CellType.BOOL) {
-    return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.CHECKBOX];
+    return (0, _dtableUtils.getColumnFilterOptions)({
+      type: _dtableUtils.CellType.CHECKBOX
+    });
   }
-  let filterOptions = _dtableUtils.FILTER_COLUMN_OPTIONS[checkType] || _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.TEXT];
-  let {
+  const filterOptions = (0, _dtableUtils.checkColumnHasFilterOptions)({
+    type: checkType,
+    data: array_data
+  }) ? (0, _dtableUtils.getColumnFilterOptions)({
+    type: checkType,
+    data: array_data
+  }) : (0, _dtableUtils.getColumnFilterOptions)({
+    type: _dtableUtils.CellType.TEXT,
+    data: array_data
+  });
+  const {
     filterPredicateList
   } = filterOptions;
   if (filterPredicateList && !filterPredicateList.includes(_dtableUtils.FILTER_PREDICATE_TYPE.EMPTY)) {
@@ -393,8 +418,8 @@ exports.generateDefaultUser = generateDefaultUser;
 const getDefaultFilter = columns => {
   if (!columns) return null;
   let defaultColumn = columns[0];
-  if (!_dtableUtils.FILTER_COLUMN_OPTIONS[defaultColumn.type]) {
-    defaultColumn = columns.find(c => _dtableUtils.FILTER_COLUMN_OPTIONS[c.type]);
+  if (!(0, _dtableUtils.checkColumnHasFilterOptions)(defaultColumn)) {
+    defaultColumn = columns.find(c => (0, _dtableUtils.checkColumnHasFilterOptions)(c));
   }
   if (!defaultColumn) return null;
   return getFilterByColumn(defaultColumn);
@@ -433,9 +458,12 @@ const getFilterColumns = columns => {
       type
     } = column;
     if (data && (type === _dtableUtils.CellType.LINK || _dtableUtils.FORMULA_COLUMN_TYPES_MAP[type] && data.result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY)) {
-      return Object.prototype.hasOwnProperty.call(_dtableUtils.FILTER_COLUMN_OPTIONS, data.array_type);
+      return (0, _dtableUtils.checkColumnHasFilterOptions)({
+        type: data.array_type,
+        data: data.array_data
+      });
     }
-    return Object.prototype.hasOwnProperty.call(_dtableUtils.FILTER_COLUMN_OPTIONS, type);
+    return (0, _dtableUtils.checkColumnHasFilterOptions)(column);
   });
 };
 exports.getFilterColumns = getFilterColumns;
@@ -702,17 +730,22 @@ const getFilterConfigOptions = column => {
   }
   if (type === _dtableUtils.CellType.LINK) {
     const {
-      array_type
+      array_type,
+      array_data
     } = data || {};
     if (array_type === _dtableUtils.FORMULA_RESULT_TYPE.BOOL) {
-      return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.CHECKBOX];
+      return (0, _dtableUtils.getColumnFilterOptions)({
+        type: _dtableUtils.CellType.CHECKBOX
+      });
     }
     if (array_type === _dtableUtils.FORMULA_RESULT_TYPE.STRING) {
-      return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.TEXT];
+      return (0, _dtableUtils.getColumnFilterOptions)({
+        type: _dtableUtils.CellType.TEXT
+      });
     }
-    return getFilterOptionsByArrayType(array_type);
+    return getFilterOptionsByArrayType(array_type, array_data);
   }
-  return _dtableUtils.FILTER_COLUMN_OPTIONS[type] || {};
+  return (0, _dtableUtils.getColumnFilterOptions)(column) || {};
 };
 exports.getFilterConfigOptions = getFilterConfigOptions;
 const getMultipleSelectUpdatedFilterTerm = (filterTerm, option) => {

package/lib/DTableFiltersPopover/widgets/filter-list/index.css

@@ -416,13 +416,15 @@
   margin-left: -0.3125rem;
 }
 
-.filter-header-icon .dtable-font {
+.filter-header-icon .dtable-font,
+.filter-header-icon .multicolor-icon {
   font-size: 14px;
   color: #aaa;
   cursor: default;
 }
 
-.option.option-active .filter-header-icon .dtable-font {
+.option.option-active .filter-header-icon .dtable-font,
+.option.option-active .filter-header-icon .multicolor-icon {
   color: #fff;
 }
 

package/lib/{SvgIcon → DTableIcon}/index.css

@@ -1,10 +1,10 @@
-.dtable-ui-multicolor-icon {
+.multicolor-icon {
   width: 1em;
   height: 1em;
   fill: currentColor;
   overflow: hidden;
 }
 
-.dtable-ui-multicolor-icon.scale-icon {
+.multicolor-icon.scale-icon-150 {
   transform: scale(1.5);
 }

package/lib/DTableIcon/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _svgIcon = _interopRequireDefault(require("./svg-icon"));
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+const DTableIcon = _ref => {
+  let {
+    className,
+    symbol,
+    color,
+    ariaHidden = false,
+    getSvg
+  } = _ref;
+  if (!symbol) return null;
+  if (symbol.includes('dtable-icon')) {
+    let customProps = {};
+    if (ariaHidden) {
+      customProps['aria-hidden'] = ariaHidden;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+      className: (0, _classnames.default)(symbol, className, {
+        'dtable-font': !symbol.includes('dtable-font')
+      }),
+      style: {
+        color
+      },
+      ...customProps
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgIcon.default, {
+    symbol: symbol,
+    color: color,
+    className: className,
+    ariaHidden: ariaHidden,
+    getSvg: getSvg
+  });
+};
+var _default = exports.default = DTableIcon;

package/lib/DTableIcon/svg-icon.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+let svgIconComponents = null;
+const loadSvgIconComponents = () => {
+  // load svg icons from ui-components
+  const requireContext = require.context('../assets/icons', false, /\.svg$/);
+  let iconComponents = {};
+  requireContext.keys().forEach(path => {
+    const iconName = path.replace(/^\.\/(.*?)\.svg$/, '$1').toLowerCase();
+    iconComponents[iconName] = requireContext(path).default;
+  });
+  return iconComponents;
+};
+const getSvgIconComponents = () => {
+  if (!svgIconComponents) {
+    svgIconComponents = loadSvgIconComponents();
+  }
+  return svgIconComponents;
+};
+const SvgIcon = _ref => {
+  let {
+    className,
+    symbol,
+    color,
+    ariaHidden,
+    getSvg
+  } = _ref;
+  if (!symbol) return null;
+  let props = {
+    style: {
+      fill: color
+    }
+  };
+  if (ariaHidden) {
+    props['aria-hidden'] = ariaHidden;
+  }
+  const iconComponents = getSvgIconComponents();
+  let IconComponent = iconComponents[symbol];
+  if (!IconComponent && getSvg) {
+    // try to get svg icon from other modules
+    IconComponent = getSvg(symbol);
+  }
+  if (!IconComponent) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+    className: (0, _classnames.default)('multicolor-icon', className, `multicolor-icon-${symbol}`),
+    ...props
+  });
+};
+var _default = exports.default = SvgIcon;

package/lib/DTableSelect/utils.js

@@ -121,6 +121,9 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
       },
       '.header-icon .dtable-font': {
         color: '#aaa'
+      },
+      '.header-icon .multicolor-icon': {
+        color: '#aaa'
       }
     };
   },

package/lib/DTableSwitch/index.css

@@ -26,7 +26,8 @@
   color: #212529;
 }
 
-.dtable-switch.sm .custom-switch .dtable-font {
+.dtable-switch.sm .custom-switch .dtable-font,
+.dtable-switch.sm .custom-switch .multicolor-icon {
   -webkit-transform: scale(.8);
   transform: scale(.8);
   display: inline-block;

package/lib/FieldDisplaySetting/field-item.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _dtableUtils = require("dtable-utils");
 var _DTableSwitch = _interopRequireDefault(require("../DTableSwitch"));
+var _DTableColumnIcon = _interopRequireDefault(require("../DTableColumnIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
 function FieldItem(_ref) {
   let {
@@ -63,10 +63,17 @@ function FieldItem(_ref) {
     onMoveField(droppedColumnKey, field.key);
   };
   const placeholder = () => {
+    const {
+      type,
+      data
+    } = field;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "field-switch",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-        className: `dtable-font ${_dtableUtils.COLUMNS_ICON_CONFIG[field.type]}`
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableColumnIcon.default, {
+        column: {
+          type,
+          data
+        }
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: field.name
       })]

package/lib/PhoneNumberLink/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+const PhoneNumberLink = _ref => {
+  let {
+    phoneNumber,
+    className
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+    className: (0, _classnames.default)(className),
+    href: `tel:${typeof phoneNumber === 'string' ? phoneNumber.trim() : ''}`,
+    tabIndex: 0,
+    "aria-label": "",
+    target: "_blank",
+    rel: "noopener noreferrer",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
+      className: "jump-link-icon",
+      symbol: "telephone"
+    })
+  });
+};
+var _default = exports.default = PhoneNumberLink;

package/lib/RowExpandDialog/column-content/index.css

@@ -10,13 +10,15 @@
   width: 24px;
 }
 
-.dtable-ui-header-icon .dtable-font {
+.dtable-ui-header-icon .dtable-font,
+.dtable-ui-header-icon .multicolor-icon {
   font-size: 14px;
   color: #aaa;
   cursor: default;
 }
 
-.dtable-ui-row-expand-column-content .dtable-ui-row-expand-column-content-info .dtable-ui-header-icon .dtable-font {
+.dtable-ui-row-expand-column-content .dtable-ui-row-expand-column-content-info .dtable-ui-header-icon .dtable-font,
+.dtable-ui-row-expand-column-content .dtable-ui-row-expand-column-content-info .dtable-ui-header-icon .multicolor-icon {
   color: #212529a6;
 }
 

package/lib/RowExpandDialog/column-content/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -7,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
+var _DTableColumnIcon = _interopRequireDefault(require("../../DTableColumnIcon"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const ColumnContent = _ref => {
@@ -18,7 +19,6 @@ const ColumnContent = _ref => {
   const descriptionRef = (0, _react.useRef)(null);
   const {
     name,
-    type,
     key,
     description
   } = column;
@@ -30,8 +30,8 @@ const ColumnContent = _ref => {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "dtable-ui-header-icon",
         id: `header-icon-${key}`,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: _dtableUtils.COLUMNS_ICON_CONFIG[type]
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableColumnIcon.default, {
+          column: column
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "dtable-ui-row-expand-column-name",

package/lib/RowExpandFormatter/constants.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DEFAULT_FORMATTER = void 0;
 var _dtableUtils = require("dtable-utils");
-var _TextFormatter = _interopRequireDefault(require("../TextFormatter"));
+var _text = _interopRequireDefault(require("./text"));
 var _NumberFormatter = _interopRequireDefault(require("../NumberFormatter"));
 var _CheckboxFormatter = _interopRequireDefault(require("../CheckboxFormatter"));
 var _DateFormatter = _interopRequireDefault(require("../DateFormatter"));
@@ -32,7 +32,7 @@ var _linkFormatter = _interopRequireDefault(require("./link-formatter"));
 var _formulaFormatter = _interopRequireDefault(require("./formula-formatter"));
 var _departmentFormatter = _interopRequireDefault(require("./department-formatter"));
 const DEFAULT_FORMATTER = exports.DEFAULT_FORMATTER = {
-  [_dtableUtils.CellType.TEXT]: _TextFormatter.default,
+  [_dtableUtils.CellType.TEXT]: _text.default,
   [_dtableUtils.CellType.NUMBER]: _NumberFormatter.default,
   [_dtableUtils.CellType.CHECKBOX]: _CheckboxFormatter.default,
   [_dtableUtils.CellType.DATE]: _DateFormatter.default,

package/lib/RowExpandFormatter/email-formatter/index.css

@@ -1,30 +1,2 @@
 @import url('../../css/cell-formatter.css');
-
-.dtable-ui-row-expand-formatter .dtable-ui.email-formatter .email-formatter-value,
-.dtable-ui-row-expand-formatter .dtable-ui.url-formatter .url-formatter-value {
-  text-decoration: underline;
-  width: 95%;
-  display: inline-flex;
-}
-
-.dtable-ui-row-expand-formatter .dtable-ui .row-expand-jump-link {
-  display: inline-flex;
-  align-items: center;
-  font-size: 14px;
-  height: 22px;
-  position: absolute;
-  top: 8px;
-  right: 22px;
-  border: 1px solid #eee;
-  padding: 0 4px;
-  color: #999;
-  border-radius: 2px;
-  background: #fff;
-  cursor: pointer;
-  box-shadow: 0 0 1px;
-}
-
-.dtable-ui-row-expand-formatter .dtable-ui .row-expand-jump-link:hover {
-  background: #eee;
-  border: 1px solid #c9c9c9;
-}
+@import url('../../css/row-expand.css');

package/lib/RowExpandFormatter/email-formatter/index.js

@@ -26,14 +26,14 @@ class RowExpandEmailFormatter extends _react.default.Component {
       containerClassName,
       value
     } = this.props;
-    let classname = (0, _classnames.default)('dtable-ui cell-formatter-container email-formatter', containerClassName);
+    let classname = (0, _classnames.default)('dtable-ui cell-formatter-container email-formatter row-expand-jump-link-container', containerClassName);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classname,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "email-formatter-value text-truncate",
+        className: "email-formatter-value row-expand-jump-link-value text-truncate",
         children: value
       }), (0, _editorUtils.getTrimmedString)(value) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "dtable-font dtable-icon-email row-expand-jump-link",
+        className: "dtable-font dtable-icon-email row-expand-jump-link-btn",
         onClick: this.onOpenEmailLink
       })]
     });

package/lib/RowExpandFormatter/formula-formatter/index.css

@@ -0,0 +1,2 @@
+@import url('../../css/cell-formatter.css');
+@import url('../../css/row-expand.css');

package/lib/RowExpandFormatter/formula-formatter/index.js

@@ -10,12 +10,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
 var _baseFormatterConfig = _interopRequireDefault(require("../../formatterConfig/base-formatter-config"));
 var _TextFormatter = _interopRequireDefault(require("../../TextFormatter"));
+var _PhoneNumberLink = _interopRequireDefault(require("../../PhoneNumberLink"));
 var _utils = require("../../FormulaFormatter/utils");
 var _utils2 = require("../../utils/utils");
 var _cellValueValidator = _interopRequireDefault(require("../../FormulaFormatter/cell-value-validator"));
 var _toaster = _interopRequireDefault(require("../../toaster"));
 var _lang = require("../../lang");
 require("../../FormulaFormatter/index.css");
+require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandFormulaFormatter extends _react.default.Component {
   constructor() {
@@ -61,13 +63,6 @@ class RowExpandFormulaFormatter extends _react.default.Component {
           width: '320px'
         };
       }
-      const columnType = (0, _dtableUtils.getColumnType)(column);
-      if ([_dtableUtils.CellType.URL, _dtableUtils.CellType.EMAIL].includes(columnType)) {
-        style = {
-          ...style,
-          position: 'relative'
-        };
-      }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "d-flex align-items-center form-control disabled h-auto",
         style: style,
@@ -125,6 +120,11 @@ class RowExpandFormulaFormatter extends _react.default.Component {
         formulaEmail = cellValue[0];
         formulaEmail = formulaEmail ? formulaEmail.trim() : '';
       }
+      let formulaPhoneNumber = '';
+      if ((0, _dtableUtils.checkIsDisplayAsPhoneNumberColumn)(column)) {
+        formulaPhoneNumber = cellValue[0];
+        formulaPhoneNumber = formulaPhoneNumber ? formulaPhoneNumber.trim() : '';
+      }
       return this.renderBorder(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui formula-formatter multiple",
         children: cellValue.map((v, index) => {
@@ -133,16 +133,19 @@ class RowExpandFormulaFormatter extends _react.default.Component {
             className: (0, _classnames.default)('formula-formatter-content-item', {
               'simple-cell-formatter': (0, _utils.isSimpleCellFormatter)(array_type)
             }, {
-              'formula-url-formatter-column': formulaUrl || formulaEmail
+              'row-expand-jump-link-container': !!(formulaUrl || formulaEmail || formulaPhoneNumber)
             }),
-            children: [formulaUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: [!!formulaUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               "aria-hidden": "true",
-              className: "dtable-font dtable-icon-url formula-url-link",
+              className: "dtable-font dtable-icon-url formula-url-link row-expand-jump-link-btn",
               onClick: this.onOpenUrlLink.bind(this, formulaUrl)
-            }), formulaEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            }), !!formulaEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               "aria-hidden": "true",
-              className: "dtable-font dtable-icon-email formula-email-link",
+              className: "dtable-font dtable-icon-email formula-email-link row-expand-jump-link-btn",
               onClick: this.onOpenEmailLink.bind(this, formulaEmail)
+            }), !!formulaPhoneNumber && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PhoneNumberLink.default, {
+              phoneNumber: formulaPhoneNumber,
+              className: "row-expand-jump-link-btn"
             }), this.createColumnFormatter(Formatter, formatterProps)]
           }, `formula-formatter-content-item-${index}`);
         })

package/lib/RowExpandFormatter/index.css

@@ -25,6 +25,7 @@
   height: 2.375rem;
   line-height: 2.375rem;
   width: 100%;
+  text-decoration: none;
 }
 
 .dtable-ui.dtable-ui-row-expand-formatter .dtable-ui.multiple-select-formatter .dtable-ui.select-item {
@@ -46,6 +47,7 @@
 }
 
 .dtable-ui.dtable-ui-row-expand-formatter .form-control {
+  position: relative;
   background-color: #f8f9fa;
   padding: 0 10px;
   height: fit-content;

package/lib/RowExpandFormatter/index.js

@@ -77,6 +77,7 @@ class RowExpandFormatter extends _react.default.Component {
               className: "form-control d-flex align-items-center w-100",
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
                 value: cellValue,
+                column: column,
                 containerClassName: containerClassName
               })
             });

package/lib/RowExpandFormatter/text/index.css

@@ -0,0 +1,2 @@
+@import url('../../css/cell-formatter.css');
+@import url('../../css/row-expand.css');

package/lib/RowExpandFormatter/text/index.js

@@ -0,0 +1,49 @@
+"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"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _dtableUtils = require("dtable-utils");
+var _PhoneNumberLink = _interopRequireDefault(require("../../PhoneNumberLink"));
+var _editorUtils = require("../../utils/editor-utils");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+class TextFormatter extends _react.default.Component {
+  constructor() {
+    super(...arguments);
+    this.getFormattedValue = val => {
+      if (typeof val === 'object') {
+        return null;
+      }
+      if (Object.prototype.toString.call(val) === '[object Boolean]') {
+        return val + '';
+      }
+      return val;
+    };
+  }
+  render() {
+    const {
+      containerClassName,
+      value,
+      column
+    } = this.props;
+    const classname = (0, _classnames.default)('dtable-ui cell-formatter-container row-expand-jump-link-container text-formatter', containerClassName);
+    const formattedValue = this.getFormattedValue(value);
+    const isDisplayAsAsPhoneNumber = column ? (0, _dtableUtils.checkIsDisplayAsPhoneNumberColumn)(column) : false;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classname,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "text-formatter-value row-expand-jump-link-value text-truncate",
+        children: formattedValue
+      }), isDisplayAsAsPhoneNumber && !!(0, _editorUtils.getTrimmedString)(value) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PhoneNumberLink.default, {
+        phoneNumber: value,
+        className: "row-expand-jump-link-btn"
+      })]
+    });
+  }
+}
+var _default = exports.default = TextFormatter;

package/lib/RowExpandFormatter/url-formatter/index.css

@@ -1 +1,2 @@
 @import url('../../css/cell-formatter.css');
+@import url('../../css/row-expand.css');

package/lib/RowExpandFormatter/url-formatter/index.js

@@ -39,14 +39,14 @@ class UrlFormatter extends _react.default.Component {
       containerClassName,
       value
     } = this.props;
-    let classname = (0, _classnames.default)('dtable-ui cell-formatter-container url-formatter', containerClassName);
+    const classname = (0, _classnames.default)('dtable-ui cell-formatter-container url-formatter row-expand-jump-link-container', containerClassName);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classname,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "url-formatter-value text-truncate",
+        className: "url-formatter-value row-expand-jump-link-value text-truncate",
         children: value
       }), (0, _editorUtils.getTrimmedString)(value) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "dtable-font dtable-icon-url row-expand-jump-link",
+        className: "dtable-font dtable-icon-url row-expand-jump-link-btn",
         onClick: this.onOpenUrlLink
       })]
     });

package/lib/RowExpandView/body/index.css

@@ -151,6 +151,10 @@
   right: 0;
 }
 
+.dtable-ui-row-expand-formatter .dtable-ui .row-expand-jump-link .jump-link-icon {
+  color: #999;
+}
+
 .dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-formatter .dtable-ui.url-formatter .url-formatter-value,
 .dtable-ui-mobile-row-expand-body .dtable-ui-row-expand-formatter .dtable-ui.email-formatter .email-formatter-value {
   width: calc(100% - 40px);

package/lib/SelectOptionGroup/index.css

@@ -59,15 +59,18 @@
 }
 
 .option:hover .header-icon .dtable-font,
+.option:hover .header-icon .multicolor-icon,
 .option.option-active .select-option-name {
   color: #fff;
 }
 
-.option.option-active .header-icon .dtable-font {
+.option.option-active .header-icon .dtable-font,
+.option.option-active .header-icon .multicolor-icon {
   color: #fff;
 }
 
-.option:not(.option-active):hover .header-icon .dtable-font {
+.option:not(.option-active):hover .header-icon .dtable-font,
+.option:not(.option-active):hover .header-icon .multicolor-icon {
   color: #aaa;
 }
 

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/css/row-expand.css

@@ -0,0 +1,27 @@
+.dtable-ui-row-expand-formatter .dtable-ui .row-expand-jump-link-value {
+  text-decoration: underline;
+  width: 95%;
+  display: inline-flex;
+}
+
+.dtable-ui-row-expand-formatter .dtable-ui .row-expand-jump-link-btn {
+  display: inline-flex;
+  align-items: center;
+  font-size: 14px;
+  height: 22px;
+  position: absolute;
+  top: 8px;
+  right: 9px;
+  border: 1px solid #eee;
+  padding: 0 4px;
+  color: #999;
+  border-radius: 2px;
+  background: #fff;
+  cursor: pointer;
+  box-shadow: 0 0 1px;
+}
+
+.dtable-ui-row-expand-formatter .dtable-ui .row-expand-jump-link:hover {
+  background: #eee;
+  border: 1px solid #c9c9c9;
+}

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 () {
@@ -460,6 +472,12 @@ Object.defineProperty(exports, "NumberFormatter", {
     return _NumberFormatter.default;
   }
 });
+Object.defineProperty(exports, "PhoneNumberLink", {
+  enumerable: true,
+  get: function () {
+    return _PhoneNumberLink.default;
+  }
+});
 Object.defineProperty(exports, "Picker", {
   enumerable: true,
   get: function () {
@@ -550,12 +568,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 +707,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"));
@@ -713,6 +726,7 @@ var _TabBar = _interopRequireDefault(require("./TabBar"));
 var _TextareaItem = _interopRequireDefault(require("./TextareaItem"));
 var _Toast = _interopRequireDefault(require("./Toast"));
 var _BodyPortal = _interopRequireDefault(require("./BodyPortal"));
+var _PhoneNumberLink = _interopRequireDefault(require("./PhoneNumberLink"));
 var _MobileModal = _interopRequireDefault(require("./MobileModal"));
 var _MobileOperationSheet = _interopRequireDefault(require("./MobileOperationSheet"));
 var _MobileUpload = _interopRequireDefault(require("./MobileUpload"));

package/lib/toaster/toaster.js

@@ -20,8 +20,6 @@ class Toaster {
   constructor() {
     var _this = this;
     this._bindNotify = handler => {
-      // 在绑定通知处理器时，确保只有一个容器
-      this._ensureSingleContainer();
       this.notifyHandler = handler;
     };
     this._bindGetToasts = handler => {
@@ -65,14 +63,6 @@ class Toaster {
       });
     };
     if (!isBrowser) return;
-
-    // 单例模式：如果已经存在实例，直接返回
-    if (Toaster.instance) {
-      return Toaster.instance;
-    }
-
-    // 清理可能存在的旧容器
-    this._cleanupOldContainers();
     const container = document.createElement('div');
     container.setAttribute('data-evergreen-toaster-container', '');
     document.body.appendChild(container);
@@ -82,33 +72,6 @@ class Toaster {
       bindGetToasts: this._bindGetToasts,
       bindCloseAll: this._bindCloseAll
     }));
-
-    // 保存实例引用
-    Toaster.instance = this;
-  }
-
-  // 清理旧的 toaster 容器
-  _cleanupOldContainers() {
-    const oldContainers = document.querySelectorAll('[data-evergreen-toaster-container]');
-    oldContainers.forEach(container => {
-      if (container.parentNode) {
-        container.parentNode.removeChild(container);
-      }
-    });
-  }
-  // 确保 DOM 中只有一个 toaster 容器
-  _ensureSingleContainer() {
-    const containers = document.querySelectorAll('[data-evergreen-toaster-container]');
-    if (containers.length > 1) {
-      // 保留第一个容器（我们的实例），删除其他的
-      for (let i = 1; i < containers.length; i++) {
-        const container = containers[i];
-        if (container.parentNode) {
-          container.parentNode.removeChild(container);
-        }
-      }
-    }
   }
 }
-exports.default = Toaster;
-Toaster.instance = null;
+exports.default = Toaster;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.95-beta.2",
+  "version": "6.0.96",
   "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",
     "is-hotkey": "0.2.0",
     "rc-checkbox": "3.5.0",
     "react-color": "2.19.3",

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-${symbol} ${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;