dtable-ui-component 6.0.24-beta.5 → 6.0.24-beta1

package/lib/BodyPortal/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 _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _utils = require("../utils/utils");
+class BodyPortal extends _react.default.Component {
+  componentWillUnmount() {
+    if (this.defaultNode) {
+      document.body.removeChild(this.defaultNode);
+    }
+    this.defaultNode = null;
+  }
+  render() {
+    if (!_utils.canUseDOM) {
+      return null;
+    }
+    if (!this.props.node && !this.defaultNode) {
+      this.defaultNode = document.createElement('div');
+      document.body.appendChild(this.defaultNode);
+    }
+    return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.props.node || this.defaultNode);
+  }
+}
+var _default = exports.default = BodyPortal;

package/lib/DateEditor/mb-date-editor-popover/index.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _datePicker = _interopRequireDefault(require("antd-mobile/lib/date-picker"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _seafileCalendar = _interopRequireDefault(require("@seafile/seafile-calendar"));
 var SeaDatePicker = _interopRequireWildcard(require("@seafile/seafile-calendar/lib/Picker"));
-var _DatePicker = _interopRequireDefault(require("../../DatePicker"));
 var _lang = require("../../lang");
 var _editorUtils = require("../../utils/editor-utils");
 var _MBEditorHeader = _interopRequireDefault(require("../../MBEditorHeader"));
@@ -197,7 +197,7 @@ class DateEditorPopover extends _react.default.PureComponent {
       className: "mb-date-editor-input"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "date-input"
-    }, /*#__PURE__*/_react.default.createElement(_DatePicker.default, {
+    }, /*#__PURE__*/_react.default.createElement(_datePicker.default, {
       mode: "date",
       locale: (0, _editorUtils.initDateEditorLanguage)(lang),
       value: this.state.value,
@@ -206,7 +206,7 @@ class DateEditorPopover extends _react.default.PureComponent {
       className: "date-input-day"
     }, datePickerValue && datePickerValue.format(leftFormat)))), showHourAndMinute && /*#__PURE__*/_react.default.createElement("div", {
       className: "date-input"
-    }, /*#__PURE__*/_react.default.createElement(_DatePicker.default, {
+    }, /*#__PURE__*/_react.default.createElement(_datePicker.default, {
       mode: "time",
       locale: (0, _editorUtils.initDateEditorLanguage)(lang),
       value: this.state.value,

package/lib/index.js

@@ -4,22 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ActionSheet", {
-  enumerable: true,
-  get: function () {
-    return _ActionSheet.default;
-  }
-});
-Object.defineProperty(exports, "ActivityIndicator", {
+Object.defineProperty(exports, "AutoNumberFormatter", {
   enumerable: true,
   get: function () {
-    return _ActivityIndicator.default;
+    return _AutoNumberFormatter.default;
   }
 });
-Object.defineProperty(exports, "AutoNumberFormatter", {
+Object.defineProperty(exports, "BodyPortal", {
   enumerable: true,
   get: function () {
-    return _AutoNumberFormatter.default;
+    return _BodyPortal.default;
   }
 });
 Object.defineProperty(exports, "ButtonFormatter", {
@@ -190,12 +184,6 @@ Object.defineProperty(exports, "DateFormatter", {
     return _DateFormatter.default;
   }
 });
-Object.defineProperty(exports, "DatePicker", {
-  enumerable: true,
-  get: function () {
-    return _DatePicker.default;
-  }
-});
 Object.defineProperty(exports, "DepartmentEditor", {
   enumerable: true,
   get: function () {
@@ -226,12 +214,6 @@ Object.defineProperty(exports, "DigitalSignFormatter", {
     return _DigitalSignFormatter.default;
   }
 });
-Object.defineProperty(exports, "Drawer", {
-  enumerable: true,
-  get: function () {
-    return _Drawer.default;
-  }
-});
 Object.defineProperty(exports, "DurationEditor", {
   enumerable: true,
   get: function () {
@@ -298,12 +280,6 @@ Object.defineProperty(exports, "GeolocationFormatter", {
     return _GeolocationFormatter.default;
   }
 });
-Object.defineProperty(exports, "Icon", {
-  enumerable: true,
-  get: function () {
-    return _Icon.default;
-  }
-});
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
   get: function () {
@@ -328,12 +304,6 @@ Object.defineProperty(exports, "ImagePreviewerLightbox", {
     return _ImagePreviewerLightbox.default;
   }
 });
-Object.defineProperty(exports, "InputItem", {
-  enumerable: true,
-  get: function () {
-    return _InputItem.default;
-  }
-});
 Object.defineProperty(exports, "LastModifierFormatter", {
   enumerable: true,
   get: function () {
@@ -352,12 +322,6 @@ Object.defineProperty(exports, "LinkFormatter", {
     return _LinkFormatter.default;
   }
 });
-Object.defineProperty(exports, "List", {
-  enumerable: true,
-  get: function () {
-    return _List.default;
-  }
-});
 Object.defineProperty(exports, "Loading", {
   enumerable: true,
   get: function () {
@@ -376,12 +340,6 @@ Object.defineProperty(exports, "MTimeFormatter", {
     return _MTimeFormatter.default;
   }
 });
-Object.defineProperty(exports, "Modal", {
-  enumerable: true,
-  get: function () {
-    return _Modal.default;
-  }
-});
 Object.defineProperty(exports, "ModalPortal", {
   enumerable: true,
   get: function () {
@@ -418,24 +376,6 @@ Object.defineProperty(exports, "NumberFormatter", {
     return _NumberFormatter.default;
   }
 });
-Object.defineProperty(exports, "Picker", {
-  enumerable: true,
-  get: function () {
-    return _Picker.default;
-  }
-});
-Object.defineProperty(exports, "Popover", {
-  enumerable: true,
-  get: function () {
-    return _Popover.default;
-  }
-});
-Object.defineProperty(exports, "Progress", {
-  enumerable: true,
-  get: function () {
-    return _Progress.default;
-  }
-});
 Object.defineProperty(exports, "RateFormatter", {
   enumerable: true,
   get: function () {
@@ -496,12 +436,6 @@ Object.defineProperty(exports, "SvgIcon", {
     return _SvgIcon.default;
   }
 });
-Object.defineProperty(exports, "TabBar", {
-  enumerable: true,
-  get: function () {
-    return _TabBar.default;
-  }
-});
 Object.defineProperty(exports, "TextEditor", {
   enumerable: true,
   get: function () {
@@ -514,18 +448,6 @@ Object.defineProperty(exports, "TextFormatter", {
     return _TextFormatter.default;
   }
 });
-Object.defineProperty(exports, "TextareaItem", {
-  enumerable: true,
-  get: function () {
-    return _TextareaItem.default;
-  }
-});
-Object.defineProperty(exports, "Toast", {
-  enumerable: true,
-  get: function () {
-    return _Toast.default;
-  }
-});
 Object.defineProperty(exports, "UploadProgress", {
   enumerable: true,
   get: function () {
@@ -634,17 +556,4 @@ var _DTableEmptyTip = _interopRequireDefault(require("./DTableEmptyTip"));
 var _IconButton = _interopRequireDefault(require("./IconButton"));
 var _UploadProgress = _interopRequireDefault(require("./UploadProgress"));
 var _SvgIcon = _interopRequireDefault(require("./SvgIcon"));
-var _ActionSheet = _interopRequireDefault(require("./ActionSheet"));
-var _ActivityIndicator = _interopRequireDefault(require("./ActivityIndicator"));
-var _DatePicker = _interopRequireDefault(require("./DatePicker"));
-var _Drawer = _interopRequireDefault(require("./Drawer"));
-var _Icon = _interopRequireDefault(require("./Icon"));
-var _InputItem = _interopRequireDefault(require("./InputItem"));
-var _List = _interopRequireDefault(require("./List"));
-var _Modal = _interopRequireDefault(require("./Modal"));
-var _Picker = _interopRequireDefault(require("./Picker"));
-var _Popover = _interopRequireDefault(require("./Popover"));
-var _Progress = _interopRequireDefault(require("./Progress"));
-var _TabBar = _interopRequireDefault(require("./TabBar"));
-var _TextareaItem = _interopRequireDefault(require("./TextareaItem"));
-var _Toast = _interopRequireDefault(require("./Toast"));
+var _BodyPortal = _interopRequireDefault(require("./BodyPortal"));

package/lib/utils/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTrimmedString = exports.getFormulaArrayValue = exports.getEventClassName = exports.getErrorMsg = exports.downloadFiles = exports.downloadFile = exports.debounce = void 0;
+exports.getTrimmedString = exports.getFormulaArrayValue = exports.getEventClassName = exports.getErrorMsg = exports.downloadFiles = exports.downloadFile = exports.debounce = exports.canUseDOM = void 0;
 exports.isArrayFormatColumn = isArrayFormatColumn;
 exports.throttle = exports.openUrlLink = exports.isValidUrl = exports.isValidCellValue = exports.isMobile = exports.isMac = exports.isFunction = void 0;
 var _constants = require("../constants");
@@ -170,4 +170,5 @@ const getFormulaArrayValue = value => {
     });
   }).filter(item => isValidCellValue(item));
 };
-exports.getFormulaArrayValue = getFormulaArrayValue;
+exports.getFormulaArrayValue = getFormulaArrayValue;
+const canUseDOM = exports.canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.24-beta.5",
+  "version": "6.0.24-beta1",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "4.0.2",
     "@seafile/seafile-calendar": "0.0.24",
     "@seafile/seafile-editor": "~2.0.6",
+    "antd-mobile": "2.3.1",
     "classnames": "2.3.2",
     "dayjs": "1.10.7",
     "dtable-utils": "~5.0.19",
@@ -15,16 +16,7 @@
     "react-select": "5.10.0",
     "react-sweet-progress": "^1.1.2",
     "react-transition-group": "4.4.5",
-    "reactstrap": "9.2.3",
-    "rmc-cascader": "5.0.3",
-    "rmc-date-picker": "6.0.10",
-    "rmc-dialog": "1.1.1",
-    "rmc-drawer": "0.4.11",
-    "rmc-feedback": "2.0.0",
-    "rmc-notification": "1.0.0",
-    "rmc-picker": "5.0.10",
-    "rmc-tabs": "1.2.29",
-    "rmc-tooltip": "1.0.1"
+    "reactstrap": "9.2.3"
   },
   "scripts": {
     "lint": "./node_modules/.bin/eslint ./src/ --fix",

package/lib/ActionSheet/index.js

@@ -1,194 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var React = _interopRequireWildcard(require("react"));
-var ReactDOM = _interopRequireWildcard(require("react-dom"));
-var _rmcDialog = _interopRequireDefault(require("rmc-dialog"));
-var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
-var _getDataAttr = _interopRequireDefault(require("../_util/getDataAttr"));
-var _Badge = _interopRequireDefault(require("../Badge"));
-require("./style/index.css");
-/* tslint:disable:jsx-no-multiline-js */
-
-const NORMAL = 'NORMAL';
-const SHARE = 'SHARE';
-// tslint:disable-next-line:no-empty
-function noop() {}
-const queue = [];
-function createActionSheet(flag, config, callback) {
-  const props = {
-    prefixCls: 'am-action-sheet',
-    cancelButtonText: '取消',
-    ...config
-  };
-  const {
-    prefixCls,
-    className,
-    transitionName,
-    maskTransitionName,
-    maskClosable = true
-  } = props;
-  const div = document.createElement('div');
-  document.body.appendChild(div);
-  queue.push(close);
-  function close() {
-    if (div) {
-      ReactDOM.unmountComponentAtNode(div);
-      if (div.parentNode) {
-        div.parentNode.removeChild(div);
-      }
-      const index = queue.indexOf(close);
-      if (index !== -1) {
-        queue.splice(index, 1);
-      }
-    }
-  }
-  function cb(index) {
-    let rowIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    const res = callback(index, rowIndex);
-    if (res && res.then) {
-      res.then(() => {
-        close();
-      });
-    } else {
-      close();
-    }
-  }
-  const {
-    title,
-    message,
-    options,
-    destructiveButtonIndex,
-    cancelButtonIndex,
-    cancelButtonText,
-    badges = []
-  } = props;
-  const titleMsg = [title ? /*#__PURE__*/React.createElement("h3", {
-    key: "0",
-    className: "".concat(prefixCls, "-title")
-  }, title) : null, message ? /*#__PURE__*/React.createElement("div", {
-    key: "1",
-    className: "".concat(prefixCls, "-message")
-  }, message) : null];
-  let children = null;
-  let mode = 'normal';
-  switch (flag) {
-    case NORMAL:
-      mode = 'normal';
-      const normalOptions = options;
-      const badgesMap = {};
-      if (badges && badges.length > 0) {
-        badges.forEach(element => {
-          if (element.index >= 0) {
-            badgesMap[element.index] = /*#__PURE__*/React.createElement(_Badge.default, element);
-          }
-        });
-      }
-      children = /*#__PURE__*/React.createElement("div", (0, _getDataAttr.default)(props), titleMsg, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-button-list"),
-        role: "group"
-      }, normalOptions.map((item, index) => {
-        const itemProps = {
-          className: (0, _classnames.default)("".concat(prefixCls, "-button-list-item"), {
-            ["".concat(prefixCls, "-destructive-button")]: destructiveButtonIndex === index,
-            ["".concat(prefixCls, "-cancel-button")]: cancelButtonIndex === index
-          }),
-          onClick: () => cb(index),
-          role: 'button'
-        };
-        let bContent = /*#__PURE__*/React.createElement("div", itemProps, item);
-        // 仅在设置徽标的情况下修改dom结构
-        if (badgesMap[index]) {
-          bContent = /*#__PURE__*/React.createElement("div", Object.assign({}, itemProps, {
-            className: "".concat(itemProps.className, " ").concat(prefixCls, "-button-list-badge")
-          }), /*#__PURE__*/React.createElement("span", {
-            className: "".concat(prefixCls, "-button-list-item-content")
-          }, item), badgesMap[index]);
-        }
-        let bItem = /*#__PURE__*/React.createElement(_rmcFeedback.default, {
-          key: index,
-          activeClassName: "".concat(prefixCls, "-button-list-item-active")
-        }, bContent);
-        if (cancelButtonIndex === index || destructiveButtonIndex === index) {
-          bItem = /*#__PURE__*/React.createElement(_rmcFeedback.default, {
-            key: index,
-            activeClassName: "".concat(prefixCls, "-button-list-item-active")
-          }, /*#__PURE__*/React.createElement("div", itemProps, item, cancelButtonIndex === index ? /*#__PURE__*/React.createElement("span", {
-            className: "".concat(prefixCls, "-cancel-button-mask")
-          }) : null));
-        }
-        return bItem;
-      })));
-      break;
-    case SHARE:
-      mode = 'share';
-      const multipleLine = options.length && Array.isArray(options[0]) || false;
-      const createList = function (item, index) {
-        let rowIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-        return /*#__PURE__*/React.createElement("div", {
-          className: "".concat(prefixCls, "-share-list-item"),
-          role: "button",
-          key: index,
-          onClick: () => cb(index, rowIndex)
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "".concat(prefixCls, "-share-list-item-icon")
-        }, item.icon), /*#__PURE__*/React.createElement("div", {
-          className: "".concat(prefixCls, "-share-list-item-title")
-        }, item.title));
-      };
-      children = /*#__PURE__*/React.createElement("div", (0, _getDataAttr.default)(props), titleMsg, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-share")
-      }, multipleLine ? options.map((item, index) => /*#__PURE__*/React.createElement("div", {
-        key: index,
-        className: "".concat(prefixCls, "-share-list")
-      }, item.map((ii, ind) => createList(ii, ind, index)))) : /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-share-list")
-      }, options.map((item, index) => createList(item, index))), /*#__PURE__*/React.createElement(_rmcFeedback.default, {
-        activeClassName: "".concat(prefixCls, "-share-cancel-button-active")
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-share-cancel-button"),
-        role: "button",
-        onClick: () => cb(-1)
-      }, cancelButtonText))));
-      break;
-    default:
-      break;
-  }
-  const rootCls = (0, _classnames.default)("".concat(prefixCls, "-").concat(mode), className);
-  ReactDOM.render( /*#__PURE__*/React.createElement(_rmcDialog.default, {
-    visible: true,
-    title: "",
-    footer: "",
-    prefixCls: prefixCls,
-    className: rootCls,
-    transitionName: transitionName || 'am-slide-up',
-    maskTransitionName: maskTransitionName || 'am-fade',
-    onClose: () => cb(cancelButtonIndex || -1),
-    maskClosable: maskClosable,
-    wrapProps: props.wrapProps || {}
-  }, children), div);
-  return {
-    close
-  };
-}
-
-// eslint-disable-next-line import/no-anonymous-default-export
-var _default = exports.default = {
-  showActionSheetWithOptions(config) {
-    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
-    createActionSheet(NORMAL, config, callback);
-  },
-  showShareActionSheetWithOptions(config) {
-    let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
-    createActionSheet(SHARE, config, callback);
-  },
-  close() {
-    queue.forEach(q => q());
-  }
-};