dtable-ui-component 6.0.25 → 6.0.26-beta

package/lib/CollaboratorEditor/mb-collaborator-editor/index.css

@@ -1,85 +0,0 @@
-@import url('../../css/mb-cell-editor.css');
-
-@media screen and (max-width: 767.8px) {
-  .dtable-ui-mb-collaborator-editor-body .mb-search-collaborator-items {
-    padding: 8px 16px;
-    margin-top: 20px;
-    border-top: 1px solid #e9e9e9;
-    border-bottom: 1px solid #e9e9e9;
-    background-color: #fff;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-search-collaborator-items > input {
-    outline: none;
-    height: 30px;
-    padding: 0;
-    line-height: 30px;
-    border: none;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-search-collaborator-items > input:focus,
-  .dtable-ui-mb-collaborator-editor-body .mb-search-collaborator-items > input:active {
-    outline: none;
-    box-shadow: none;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborators-container {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    margin-top: 10px;
-    min-height: 0;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborators-container .title {
-    padding: 6px 16px;
-    border-bottom: 1px solid #e9e9e9;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborators-container .content {
-    flex: 1;
-    overflow: auto;
-    display: flex;
-    flex-direction: column;
-    border-bottom: 1px solid #e9e9e9;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .search-result-none {
-    padding: 16px 0 16px 16px;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborator-option-item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: 50px;
-    padding: 10px 10px 10px 16px;
-    font-size: 13px;
-    background-color: #fff;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborator-option-item {
-    border-bottom: 1px solid #e9e9e9;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborator-option-item .mb-collaborator-info {
-    display: flex;
-    align-items: center;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborator-option-item .collaborator-avatar img {
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborator-option-item .collaborator-name {
-    padding: 0 10px;
-    overflow: hidden;
-  }
-
-  .dtable-ui-mb-collaborator-editor-body .mb-collaborator-option-item .dtable-font {
-    font-size: 12px;
-    color: #798d99;
-  }
-}

package/lib/CollaboratorEditor/mb-collaborator-editor/index.js

@@ -1,148 +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"));
-var _dtableUtils = require("dtable-utils");
-var _MBEditorHeader = _interopRequireDefault(require("../../MBEditorHeader"));
-var _DTableSearchInput = _interopRequireDefault(require("../../DTableSearchInput"));
-var _lang = require("../../lang");
-require("./index.css");
-class MBCollaboratorEditor extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.handleHistoryBack = e => {
-      e.preventDefault();
-      this.props.onClosePopover();
-    };
-    this.onContainerClick = event => {
-      if (this.editorPopover && this.editorPopover.contains(event.target)) {
-        event.stopPropagation();
-        event.nativeEvent.stopImmediatePropagation();
-        return false;
-      }
-    };
-    this.onChangeSearch = newValue => {
-      let {
-        searchVal
-      } = this.state;
-      if (searchVal === newValue) return;
-      this.setState({
-        searchVal: newValue
-      });
-    };
-    this.getSelectedCollaborators = () => {
-      let {
-        value,
-        collaborators
-      } = this.props;
-      if (!Array.isArray(value)) {
-        return [];
-      }
-      return collaborators.filter(collaborator => {
-        return value.indexOf(collaborator.email) > -1;
-      });
-    };
-    this.getFilteredCollaborators = () => {
-      let {
-        collaborators
-      } = this.props;
-      let {
-        searchVal
-      } = this.state;
-      return searchVal ? (0, _dtableUtils.searchCollaborators)(collaborators, searchVal) : collaborators;
-    };
-    this.onCollaboratorClick = collaborator => {
-      this.props.onCommit(collaborator);
-    };
-    this.onRemoveCollaborator = collaborator => {
-      this.props.onCommit(collaborator);
-    };
-    this.renderFilteredCollaborators = collaborators => {
-      let {
-        value = []
-      } = this.props;
-      return collaborators.map((collaborator, index) => {
-        const isSelected = value.includes(collaborator.email);
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "mb-collaborator-option-item",
-          key: index,
-          onMouseDown: this.onCollaboratorClick.bind(this, collaborator)
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "mb-collaborator-info"
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "collaborator-avatar"
-        }, /*#__PURE__*/_react.default.createElement("img", {
-          src: collaborator.avatar_url,
-          width: "24",
-          height: "24",
-          alt: "avatar"
-        })), /*#__PURE__*/_react.default.createElement("span", {
-          className: "collaborator-name"
-        }, collaborator.name)), isSelected && /*#__PURE__*/_react.default.createElement("i", {
-          className: "mb-collaborator-checked dtable-font dtable-icon-check-mark"
-        }));
-      });
-    };
-    this.setEditorPopover = editorPopover => {
-      this.editorPopover = editorPopover;
-    };
-    this.state = {
-      searchVal: ''
-    };
-  }
-  componentDidMount() {
-    history.pushState(null, null, '#'); // eslint-disable-line
-    window.addEventListener('popstate', this.handleHistoryBack, false);
-  }
-  componentWillUnmount() {
-    window.removeEventListener('popstate', this.handleHistoryBack, false);
-  }
-  render() {
-    const {
-      column
-    } = this.props;
-    const {
-      searchVal
-    } = this.state;
-    let filteredCollaborators = this.getFilteredCollaborators();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      ref: this.setEditorPopover,
-      className: "dtable-ui-mb-editor-popover mb-collaborator-editor-popover",
-      onClick: this.onContainerClick
-    }, /*#__PURE__*/_react.default.createElement(_MBEditorHeader.default, {
-      title: column.name,
-      leftContent: /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-return"
-      }),
-      rightContent: /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Done')),
-      onLeftClick: this.props.onClose,
-      onRightClick: this.props.onClose
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mb-editor-body dtable-ui-mb-collaborator-editor-body"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "mb-search-collaborator-items"
-    }, /*#__PURE__*/_react.default.createElement(_DTableSearchInput.default, {
-      autoFocus: true,
-      value: searchVal,
-      placeholder: (0, _lang.getLocale)('Search_collaborator'),
-      onChange: this.onChangeSearch
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "mb-collaborators-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "title"
-    }, (0, _lang.getLocale)('Choose_a_collaborator')), /*#__PURE__*/_react.default.createElement("div", {
-      className: "content"
-    }, filteredCollaborators.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
-      className: "search-result-none"
-    }, (0, _lang.getLocale)('No_collaborators_available')), filteredCollaborators.length > 0 && this.renderFilteredCollaborators(filteredCollaborators)))));
-  }
-}
-MBCollaboratorEditor.defaultProps = {
-  isReadOnly: false,
-  value: []
-};
-var _default = exports.default = MBCollaboratorEditor;

package/lib/DateEditor/mb-date-editor-popover/custom-rc-calendar.css

@@ -1,118 +0,0 @@
-.dtable-ui.mb-date-editor-picker .rc-calendar-date {
-  width: 28px;
-  height: 30px;
-  border-radius: 50%;
-  font-size: 14px;
-  line-height: 30px;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar-date-panel {
-  width: 100%;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-selected-day .rc-calendar-date {
-  background-color: #FcEcD9;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-date:hover,
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-year-panel-year:hover,
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
-  background-color: #FcEcD9;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-selected-date .rc-calendar-date,
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-selected-date .rc-calendar-date:hover,
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year,
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
-  background-color: #f09f3f;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-next-year-btn:not([href]):not([tabindex]),
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-prev-year-btn:not([href]):not([tabindex]),
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-next-month-btn:not([href]):not([tabindex]),
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-prev-month-btn:not([href]):not([tabindex]) {
-  color: #999;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-next-year-btn:not([href]):not([tabindex]):hover,
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-prev-year-btn:not([href]):not([tabindex]):hover,
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-next-month-btn:not([href]):not([tabindex]):hover,
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-prev-month-btn:not([href]):not([tabindex]):hover {
-  color: #666;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-today .rc-calendar-date {
-  border: none;
-  position: relative;  
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-today .rc-calendar-date::after {
-  content: '';
-  background: #f09f3f;
-  position: absolute;
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  left: 45%;
-  bottom: 0%;
-  display: inline-block;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar .rdg-editor-container input.editor-main[readonly] {
-  background-color: #fff;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar-time-picker {
-  z-index: 1;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar-right-panel-body ul li.highlight {
-  margin: 0;
-  border: none;
-  background-color: #fff;
-  font-size: 12px;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar {
-  box-shadow: none;
-  border-radius: 0px;
-  border: 1px solid #e9e9e9;
-  border-left: none;
-  border-right: none;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar-date {
-  font-size: 14px;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar-date-panel {
-  width: 100%;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar-body {
-  height: 22rem;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar-table tr {
-  height: 3rem;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar-prev-month-btn,
-.dtable-ui.mb-date-editor-picker .rc-calendar-next-month-btn,
-.dtable-ui.mb-date-editor-picker .rc-calendar-prev-year-btn,
-.dtable-ui.mb-date-editor-picker .rc-calendar-next-year-btn {
-  font-size: 30px;
-  width: 50px;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar-header {
-  border-bottom: none;
-  margin-top: 0.5rem;
-}
-
-.dtable-ui.mb-date-editor-picker .rc-calendar-year-select,
-.dtable-ui.mb-date-editor-picker .rc-calendar-month-select,
-.dtable-ui.mb-date-editor-picker .rc-calendar-day-select {
-  font-size: 16px;
-  padding: 5px;
-}

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

@@ -1,45 +0,0 @@
-@import url('./custom-rc-calendar.css');
-@import url('../../css/mb-cell-editor.css');
-
-@media screen and (max-width: 767.8px) {
-  .dtable-ui-mb-date-editor-body .mb-date-editor-input {
-    display: flex;
-    border-top: 1px solid #e9e9e9;
-    border-bottom: 1px solid #e9e9e9;
-  }
-
-  .dtable-ui-mb-date-editor-body .mb-date-editor-input .date-input {
-    flex: 1;
-    background-color: #fff;
-  }
-  
-  .dtable-ui-mb-date-editor-body .mb-date-editor-input .date-input .date-input-day {
-    background-color: #f5f5f5;
-    border: 1px solid #e9e9e9;
-    margin: 10px;
-    padding: 3px 5px;
-    border-radius: 3px;
-  }
-
-  .dtable-ui-mb-date-editor-body .dtable-ui.mb-date-editor-picker {
-    display: block;
-    position: relative;
-    margin-top: 20px;
-    line-height: 1.5;
-    box-sizing: border-box;
-  }
-
-  .dtable-ui-mb-date-editor-body .mb-date-editor-clear {
-    padding: 10px 0;
-    margin-top: 20px;
-    border-bottom: 1px solid #e9e9e9;
-    border-top: 1px solid #e9e9e9;
-    text-align: center;
-    color: #d27053;
-    background-color: #fff;
-  }
-
-  .dtable-ui .am-picker-popup-header .am-picker-popup-item {
-    color: #E5A252;
-  }
-}

package/lib/DatePicker/index.js

@@ -1,120 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-var React = _interopRequireWildcard(require("react"));
-var _DatePicker2 = _interopRequireDefault(require("rmc-date-picker/lib/DatePicker"));
-var _Popup = _interopRequireDefault(require("rmc-date-picker/lib/Popup"));
-var _getLocale = require("../_util/getLocale");
-var _utils = require("./utils");
-require("./style/index.css");
-/* tslint:disable:jsx-no-multiline-js */
-
-class DatePicker extends React.Component {
-  constructor() {
-    super(...arguments);
-    this.setScrollValue = v => {
-      this.scrollValue = v;
-    };
-    this.onOk = v => {
-      if (this.scrollValue !== undefined) {
-        v = this.scrollValue;
-      }
-      if (this.props.onChange) {
-        this.props.onChange(v);
-      }
-      if (this.props.onOk) {
-        this.props.onOk(v);
-      }
-    };
-    this.onVisibleChange = visible => {
-      this.scrollValue = undefined;
-      if (this.props.onVisibleChange) {
-        this.props.onVisibleChange(visible);
-      }
-    };
-    this.fixOnOk = picker => {
-      if (picker) {
-        picker.onOk = this.onOk;
-      }
-    };
-  }
-  render() {
-    // tslint:disable-next-line:no-this-assignment
-    const {
-      props,
-      context
-    } = this;
-    const {
-      children,
-      value,
-      popupPrefixCls
-    } = props;
-    const locale = (0, _getLocale.getComponentLocale)(props, context, 'DatePicker', () => require('./locale/zh_CN'));
-    const {
-      okText,
-      dismissText,
-      extra,
-      DatePickerLocale
-    } = locale;
-    /**
-     * 注意:
-     * 受控 表示 通过设置 value 属性、组件的最终状态跟 value 设置值一致。
-     * 默认不设置 value 或 只设置 defaultValue 表示非受控。
-     *
-     * DatePickerView 对外通过 value “只支持 受控” 模式（可以使用 defaultDate 支持 非受控 模式，但不对外）
-     * PickerView 对外通过 value “只支持 受控” 模式
-     *
-     * DatePicker / Picker 对外只有 value 属性 (没有 defaultValue)，
-     * 其中 List 展示部分 “只支持 受控” 模式，
-     * 弹出的 选择器部分 会随外部 value 改变而变、同时能自由滚动
-     * （即不会因为传入的 value 不变而不能滚动 (不像原生 input 的受控行为)）
-     *
-     */
-    const datePicker = /*#__PURE__*/React.createElement(_DatePicker2.default, {
-      minuteStep: props.minuteStep,
-      locale: DatePickerLocale,
-      minDate: props.minDate,
-      maxDate: props.maxDate,
-      mode: props.mode,
-      pickerPrefixCls: props.pickerPrefixCls,
-      prefixCls: props.prefixCls,
-      defaultDate: value || new Date(),
-      use12Hours: props.use12Hours,
-      onValueChange: props.onValueChange,
-      onScrollChange: this.setScrollValue
-    });
-    return /*#__PURE__*/React.createElement(_Popup.default, Object.assign({
-      datePicker: datePicker,
-      WrapComponent: 'div',
-      transitionName: 'am-slide-up',
-      maskTransitionName: 'am-fade'
-    }, props, {
-      prefixCls: popupPrefixCls,
-      date: value || new Date(),
-      dismissText: this.props.dismissText || dismissText,
-      okText: this.props.okText || okText,
-      ref: this.fixOnOk,
-      onVisibleChange: this.onVisibleChange
-    }), children && /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.cloneElement(children, {
-      extra: value ? (0, _utils.formatFn)(this, value) : this.props.extra || extra
-    }));
-  }
-}
-DatePicker.defaultProps = {
-  mode: 'datetime',
-  prefixCls: 'am-picker',
-  pickerPrefixCls: 'am-picker-col',
-  popupPrefixCls: 'am-picker-popup',
-  minuteStep: 1,
-  use12Hours: false
-};
-DatePicker.contextTypes = {
-  antLocale: PropTypes.object
-};
-var _default = exports.default = DatePicker;

package/lib/DatePicker/locale/en_US.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _en_US = _interopRequireDefault(require("rmc-date-picker/lib/locale/en_US"));
-var _default = exports.default = {
-  okText: 'OK',
-  dismissText: 'Cancel',
-  extra: 'please select',
-  DatePickerLocale: _en_US.default
-};

package/lib/DatePicker/locale/ru_RU.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _en_US = _interopRequireDefault(require("rmc-date-picker/lib/locale/en_US"));
-var _default = exports.default = {
-  okText: 'Ок',
-  dismissText: 'Отмена',
-  extra: '',
-  DatePickerLocale: _en_US.default
-};

package/lib/DatePicker/locale/sv_SE.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _en_US = _interopRequireDefault(require("rmc-date-picker/lib/locale/en_US"));
-var _default = exports.default = {
-  okText: 'Ok',
-  dismissText: 'Avbryt',
-  extra: 'vänligen välj',
-  DatePickerLocale: _en_US.default
-};

package/lib/DatePicker/locale/zh_CN.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _zh_CN = _interopRequireDefault(require("rmc-date-picker/lib/locale/zh_CN"));
-var _default = exports.default = {
-  okText: '确定',
-  dismissText: '取消',
-  extra: '请选择',
-  DatePickerLocale: _zh_CN.default
-};