dtable-ui-component 6.0.25 → 6.0.26-beta

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

@@ -0,0 +1,104 @@
+"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 _lang = require("../../lang");
+var _SelectItem = _interopRequireDefault(require("../../SelectItem"));
+var _MobileSelectorEditor = _interopRequireDefault(require("../../MobileSelectorEditor"));
+var _DTableCommonAddTool = _interopRequireDefault(require("../../DTableCommonAddTool"));
+require("./index.css");
+const {
+  Search,
+  Option,
+  Options,
+  Empty
+} = _MobileSelectorEditor.default;
+class Small extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.onChangeSearch = newValue => {
+      const {
+        searchVal
+      } = this.state;
+      if (searchVal === newValue) return;
+      this.setState({
+        searchVal: newValue
+      });
+    };
+    this.getDisplayOptions = () => {
+      const {
+        options
+      } = this.props;
+      const {
+        searchVal
+      } = this.state;
+      return searchVal ? options.filter(item => item.name.indexOf(searchVal) > -1) : options;
+    };
+    this.onChange = option => {
+      this.props.onCommit(option);
+    };
+    this.onAddNewOption = event => {
+      event.stopPropagation();
+      event.nativeEvent.stopImmediatePropagation();
+      const name = this.state.searchValue.trim();
+      if (name) {
+        this.props.onAddNewOption(name);
+        this.props.onClose && this.props.onClose();
+      }
+    };
+    this.renderOptions = options => {
+      const {
+        value = [],
+        valueKey
+      } = this.props;
+      return options.map(option => {
+        const isSelected = value.includes(option[valueKey]);
+        return /*#__PURE__*/_react.default.createElement(Option, {
+          isSelected: isSelected,
+          onChange: this.onChange.bind(this, option)
+        }, /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
+          option: option
+        }));
+      });
+    };
+    this.state = {
+      searchVal: ''
+    };
+  }
+  render() {
+    const {
+      column,
+      isSupportNewOption,
+      options,
+      onAddNewOption
+    } = this.props;
+    const {
+      searchVal
+    } = this.state;
+    const displayOptions = this.getDisplayOptions();
+    const isShowCreateBtn = isSupportNewOption && onAddNewOption && !!searchVal && !options.find(item => item.name !== searchVal);
+    return /*#__PURE__*/_react.default.createElement(_MobileSelectorEditor.default, {
+      onClose: this.props.onClose,
+      title: column.name,
+      className: "mobile-dtable-ui-select-editor"
+    }, options.length > 10 && /*#__PURE__*/_react.default.createElement(Search, {
+      value: searchVal,
+      placeholder: (0, _lang.getLocale)('Search_option'),
+      onChange: this.onChangeSearch
+    }), /*#__PURE__*/_react.default.createElement(Options, null, displayOptions.length === 0 && /*#__PURE__*/_react.default.createElement(Empty, null, (0, _lang.getLocale)('No_options_available')), displayOptions.length > 0 && this.renderOptions(displayOptions), isShowCreateBtn && /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
+      footerName: (0, _lang.getLocale)('Add_option'),
+      callBack: this.onAddNewOption
+    })));
+  }
+}
+Small.defaultProps = {
+  isShowRemoveIcon: false,
+  isSupportNewOption: false,
+  value: [],
+  valueKey: 'id'
+};
+var _default = exports.default = Small;

package/lib/utils/get-event-transfer.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _constants = require("../constants");
 const HTML = 'text/html';
 const TEXT = 'text/plain';
 // const FILES = 'files';
@@ -36,7 +37,7 @@ function getEventTransfer(event) {
   let html;
   let text;
   let files;
-  if (window.isMobile) {
+  if (_constants.isMobile) {
     if (window.dtableTransfer) {
       text = window.dtableTransfer['TEXT'];
     }

package/lib/utils/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getTrimmedString = exports.getFormulaArrayValue = exports.getEventClassName = exports.getErrorMsg = exports.downloadFiles = exports.downloadFile = exports.debounce = void 0;
 exports.isArrayFormatColumn = isArrayFormatColumn;
-exports.throttle = exports.openUrlLink = exports.isValidUrl = exports.isValidCellValue = exports.isMobile = exports.isMac = exports.isFunction = void 0;
+exports.throttle = exports.openUrlLink = exports.isValidUrl = exports.isValidCellValue = exports.isQQBuiltInBrowser = exports.isMac = exports.isIPhone = exports.isFunction = void 0;
 var _constants = require("../constants");
 var _url = require("./url");
 const debounce = (fn, wait) => {
@@ -34,13 +34,22 @@ const throttle = (func, delay) => {
   };
 };
 exports.throttle = throttle;
-const isMobile = exports.isMobile = typeof window !== 'undefined' && (window.innerWidth < 768 || navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null);
 const isMac = () => {
   const platform = navigator.platform;
   // eslint-disable-next-line eqeqeq
   return platform == 'Mac68K' || platform == 'MacPPC' || platform == 'Macintosh' || platform == 'MacIntel';
 };
 exports.isMac = isMac;
+const isQQBuiltInBrowser = () => {
+  const userAgent = navigator.userAgent.toLowerCase();
+  return userAgent.indexOf(' qq') > -1 && userAgent.indexOf('mqqbrowser') < 0;
+};
+exports.isQQBuiltInBrowser = isQQBuiltInBrowser;
+const isIPhone = () => {
+  const userAgent = navigator.userAgent.toLowerCase();
+  return /iphone/gi.test(userAgent);
+};
+exports.isIPhone = isIPhone;
 const downloadFile = downloadUrl => {
   const downloadFrame = document.getElementById('dtableUiComponentDownloadFrame');
   if (downloadFrame != null) {

package/package.json

@@ -1,31 +1,22 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.25",
+  "version": "6.0.26beta",
   "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",
     "is-hotkey": "0.2.0",
-    "rc-checkbox": "3.5.0",
     "react-color": "2.19.3",
     "react-responsive": "10.0.0",
     "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());
-  }
-};