dtable-ui-component 6.0.24 → 6.0.26

package/lib/ActivityIndicator/index.js

@@ -0,0 +1,76 @@
+"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"));
+require("./index.css");
+/* tslint:disable:jsx-no-multiline-js */
+
+class ActivityIndicator extends React.Component {
+  render() {
+    const {
+      prefixCls,
+      className,
+      animating,
+      toast,
+      size,
+      text
+    } = this.props;
+    const wrapClass = (0, _classnames.default)(prefixCls, className, {
+      ["".concat(prefixCls, "-lg")]: size === 'large',
+      ["".concat(prefixCls, "-sm")]: size === 'small',
+      ["".concat(prefixCls, "-toast")]: !!toast
+    });
+    const spinnerClass = (0, _classnames.default)("".concat(prefixCls, "-spinner"), {
+      ["".concat(prefixCls, "-spinner-lg")]: !!toast || size === 'large'
+    });
+    if (animating) {
+      if (toast) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: wrapClass
+        }, text ? /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefixCls, "-content")
+        }, /*#__PURE__*/React.createElement("span", {
+          className: spinnerClass,
+          "aria-hidden": "true"
+        }), /*#__PURE__*/React.createElement("span", {
+          className: "".concat(prefixCls, "-toast")
+        }, text)) : /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefixCls, "-content")
+        }, /*#__PURE__*/React.createElement("span", {
+          className: spinnerClass,
+          "aria-label": "Loading"
+        })));
+      } else {
+        return text ? /*#__PURE__*/React.createElement("div", {
+          className: wrapClass
+        }, /*#__PURE__*/React.createElement("span", {
+          className: spinnerClass,
+          "aria-hidden": "true"
+        }), /*#__PURE__*/React.createElement("span", {
+          className: "".concat(prefixCls, "-tip")
+        }, text)) : /*#__PURE__*/React.createElement("div", {
+          className: wrapClass
+        }, /*#__PURE__*/React.createElement("span", {
+          className: spinnerClass,
+          "aria-label": "loading"
+        }));
+      }
+    } else {
+      return null;
+    }
+  }
+}
+exports.default = ActivityIndicator;
+ActivityIndicator.defaultProps = {
+  prefixCls: 'am-activity-indicator',
+  animating: true,
+  size: 'small',
+  panelColor: 'rgba(34,34,34,0.6)',
+  toast: false
+};

package/lib/Badge/index.css

@@ -0,0 +1,96 @@
+.am-badge {
+  position: relative;
+  display: inline-block;
+  line-height: 1;
+  vertical-align: middle;
+}
+
+.am-badge-text {
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  position: absolute;
+  top: -6px;
+  height: 18px;
+  line-height: 18px;
+  min-width: 9px;
+  border-radius: 12px;
+  padding: 0 5px;
+  text-align: center;
+  font-size: 12px;
+  color: #fff;
+  background-color: #ff5b05;
+  white-space: nowrap;
+  -webkit-transform: translateX(-45%);
+  -ms-transform: translateX(-45%);
+  transform: translateX(-45%);
+  -webkit-transform-origin: -10% center;
+  -ms-transform-origin: -10% center;
+  transform-origin: -10% center;
+  z-index: 10;
+  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", SimSun, sans-serif;
+}
+
+.am-badge-text a {
+  color: #fff;
+}
+
+.am-badge-text p {
+  margin: 0;
+  padding: 0;
+}
+
+.am-badge-hot .am-badge-text {
+  background-color: #f96268;
+}
+
+.am-badge-dot {
+  position: absolute;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+  -webkit-transform-origin: 0 center;
+  -ms-transform-origin: 0 center;
+  transform-origin: 0 center;
+  top: -4px;
+  height: 8px;
+  width: 8px;
+  border-radius: 100%;
+  background: #ff5b05;
+  z-index: 10;
+}
+
+.am-badge-dot-large {
+  height: 16px;
+  width: 16px;
+}
+
+.am-badge-not-a-wrapper .am-badge-text,
+.am-badge-not-a-wrapper .am-badge-dot {
+  top: auto;
+  display: block;
+  position: relative;
+  -webkit-transform: translateX(0);
+  -ms-transform: translateX(0);
+  transform: translateX(0);
+}
+
+.am-badge-corner {
+  width: 80px;
+  padding: 8px;
+  position: absolute;
+  right: -32px;
+  top: 8px;
+  background-color: #ff5b05;
+  color: #fff;
+  white-space: nowrap;
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+  text-align: center;
+  font-size: 15px;
+}
+
+.am-badge-corner-wrapper {
+  overflow: hidden;
+}

package/lib/Badge/index.js

@@ -0,0 +1,65 @@
+"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"));
+require("./index.css");
+class Badge extends React.Component {
+  render() {
+    // tslint:disable:prefer-const
+    let {
+      className,
+      prefixCls,
+      children,
+      text,
+      size,
+      overflowCount,
+      dot,
+      corner,
+      hot,
+      ...restProps
+    } = this.props;
+    // eslint-disable-next-line no-self-assign
+    overflowCount = overflowCount;
+    text = typeof text === 'number' && text > overflowCount ? "".concat(overflowCount, "+") : text;
+
+    // dot mode don't need text
+    if (dot) {
+      text = '';
+    }
+    const scrollNumberCls = (0, _classnames.default)({
+      ["".concat(prefixCls, "-dot")]: dot,
+      ["".concat(prefixCls, "-dot-large")]: dot && size === 'large',
+      ["".concat(prefixCls, "-text")]: !dot && !corner,
+      ["".concat(prefixCls, "-corner")]: corner,
+      ["".concat(prefixCls, "-corner-large")]: corner && size === 'large'
+    });
+    const badgeCls = (0, _classnames.default)(prefixCls, className, {
+      ["".concat(prefixCls, "-not-a-wrapper")]: !children,
+      ["".concat(prefixCls, "-corner-wrapper")]: corner,
+      ["".concat(prefixCls, "-hot")]: !!hot,
+      ["".concat(prefixCls, "-corner-wrapper-large")]: corner && size === 'large'
+    });
+    return /*#__PURE__*/React.createElement("span", {
+      className: badgeCls
+    }, children, (text || dot) &&
+    /*#__PURE__*/
+    // tslint:disable-next-line:jsx-no-multiline-js
+    React.createElement("sup", Object.assign({
+      className: scrollNumberCls
+    }, restProps), text));
+  }
+}
+exports.default = Badge;
+Badge.defaultProps = {
+  prefixCls: 'am-badge',
+  size: 'small',
+  overflowCount: 99,
+  dot: false,
+  corner: false
+};

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/DatePicker/index.js

@@ -0,0 +1,120 @@
+"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

@@ -0,0 +1,14 @@
+"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

@@ -0,0 +1,14 @@
+"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

@@ -0,0 +1,14 @@
+"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

@@ -0,0 +1,14 @@
+"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
+};