dtable-ui-component 6.0.24 → 6.0.26

package/lib/Popover/style/index.css

@@ -0,0 +1,229 @@
+.am-popover {
+  position: absolute;
+  z-index: 1999;
+}
+
+.am-popover-hidden {
+  display: none;
+}
+
+.am-popover-mask {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+  height: 100%;
+  z-index: 999;
+}
+
+.am-popover-mask-hidden {
+  display: none;
+}
+
+.am-popover-arrow {
+  position: absolute;
+  width: 7px;
+  height: 7px;
+  border-radius: 1PX;
+  background-color: #fff;
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+  z-index: 0;
+  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
+}
+
+.am-popover-placement-top .am-popover-arrow,
+.am-popover-placement-topLeft .am-popover-arrow,
+.am-popover-placement-topRight .am-popover-arrow {
+  -webkit-transform: rotate(225deg);
+  -ms-transform: rotate(225deg);
+  transform: rotate(225deg);
+  bottom: -3.5px;
+}
+
+.am-popover-placement-top .am-popover-arrow {
+  left: 50%;
+}
+
+.am-popover-placement-topLeft .am-popover-arrow {
+  left: 8px;
+}
+
+.am-popover-placement-topRight .am-popover-arrow {
+  right: 8px;
+}
+
+.am-popover-placement-right .am-popover-arrow,
+.am-popover-placement-rightTop .am-popover-arrow,
+.am-popover-placement-rightBottom .am-popover-arrow {
+  -webkit-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  left: -3.5px;
+}
+
+.am-popover-placement-right .am-popover-arrow {
+  top: 50%;
+}
+
+.am-popover-placement-rightTop .am-popover-arrow {
+  top: 8px;
+}
+
+.am-popover-placement-rightBottom .am-popover-arrow {
+  bottom: 8px;
+}
+
+.am-popover-placement-left .am-popover-arrow,
+.am-popover-placement-leftTop .am-popover-arrow,
+.am-popover-placement-leftBottom .am-popover-arrow {
+  -webkit-transform: rotate(135deg);
+  -ms-transform: rotate(135deg);
+  transform: rotate(135deg);
+  right: -3.5px;
+}
+
+.am-popover-placement-left .am-popover-arrow {
+  top: 50%;
+}
+
+.am-popover-placement-leftTop .am-popover-arrow {
+  top: 8px;
+}
+
+.am-popover-placement-leftBottom .am-popover-arrow {
+  bottom: 8px;
+}
+
+.am-popover-placement-bottom .am-popover-arrow,
+.am-popover-placement-bottomLeft .am-popover-arrow,
+.am-popover-placement-bottomRight .am-popover-arrow {
+  top: -3.5px;
+}
+
+.am-popover-placement-bottom .am-popover-arrow {
+  left: 50%;
+}
+
+.am-popover-placement-bottomLeft .am-popover-arrow {
+  left: 8px;
+}
+
+.am-popover-placement-bottomRight .am-popover-arrow {
+  right: 8px;
+}
+
+.am-popover-inner {
+  font-size: 15px;
+  color: #000;
+  background-color: #fff;
+  border-radius: 3px;
+  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.21);
+  overflow: hidden;
+}
+
+.am-popover-inner-wrapper {
+  position: relative;
+  background-color: #fff;
+}
+
+.am-popover .am-popover-item {
+  padding: 0 8px;
+}
+
+.am-popover .am-popover-item-container {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  height: 39px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0 8px;
+}
+
+.am-popover .am-popover-item:not(:first-child) .am-popover-item-container {
+  border-top: 1PX solid #ddd;
+}
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+  html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container {
+    border-top: none;
+  }
+
+  html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container::before {
+    content: '';
+    position: absolute;
+    background-color: #ddd;
+    display: block;
+    z-index: 1;
+    top: 0;
+    right: auto;
+    bottom: auto;
+    left: 0;
+    width: 100%;
+    height: 1PX;
+    -webkit-transform-origin: 50% 50%;
+    -ms-transform-origin: 50% 50%;
+    transform-origin: 50% 50%;
+    -webkit-transform: scaleY(0.5);
+    -ms-transform: scaleY(0.5);
+    transform: scaleY(0.5);
+  }
+}
+
+@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
+  html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container::before {
+    -webkit-transform: scaleY(0.33);
+    -ms-transform: scaleY(0.33);
+    transform: scaleY(0.33);
+  }
+}
+
+.am-popover .am-popover-item.am-popover-item-active .am-popover-item-container {
+  border-top: 0;
+}
+
+.am-popover .am-popover-item.am-popover-item-active .am-popover-item-container:before {
+  display: none !important;
+}
+
+.am-popover .am-popover-item.am-popover-item-active+.am-popover-item .am-popover-item-container {
+  border-top: 0;
+}
+
+.am-popover .am-popover-item.am-popover-item-active+.am-popover-item .am-popover-item-container:before {
+  display: none !important;
+}
+
+.am-popover .am-popover-item.am-popover-item-active {
+  background-color: #ddd;
+}
+
+.am-popover .am-popover-item.am-popover-item-active.am-popover-item-fix-active-arrow {
+  position: relative;
+}
+
+.am-popover .am-popover-item.am-popover-item-disabled {
+  color: #bbb;
+}
+
+.am-popover .am-popover-item.am-popover-item-disabled.am-popover-item-active {
+  background-color: transparent;
+}
+
+.am-popover .am-popover-item-icon {
+  margin-right: 8px;
+  width: 18px;
+  height: 18px;
+}

package/lib/Progress/index.css

@@ -0,0 +1,22 @@
+.am-progress-outer {
+  background-color: #ddd;
+  display: block;
+}
+
+.am-progress-fixed-outer {
+  position: fixed;
+  width: 100%;
+  top: 0;
+  left: 0;
+  z-index: 2000;
+}
+
+.am-progress-hide-outer {
+  background-color: transparent;
+}
+
+.am-progress-bar {
+  border: 2px solid #108ee9;
+  -webkit-transition: all .3s linear 0s;
+  transition: all .3s linear 0s;
+}

package/lib/Progress/index.js

@@ -0,0 +1,66 @@
+"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 Progress extends React.Component {
+  componentWillReceiveProps() {
+    this.noAppearTransition = true;
+  }
+  componentDidMount() {
+    if (this.props.appearTransition) {
+      setTimeout(() => {
+        if (this.barRef) {
+          this.barRef.style.width = "".concat(this.props.percent, "%");
+        }
+      }, 10);
+    }
+  }
+  render() {
+    const {
+      className,
+      prefixCls,
+      position,
+      unfilled,
+      style = {},
+      barStyle = {}
+    } = this.props;
+    const percentStyle = {
+      width: this.noAppearTransition || !this.props.appearTransition ? "".concat(this.props.percent, "%") : 0,
+      height: 0
+    };
+    const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-outer"), className, {
+      ["".concat(prefixCls, "-fixed-outer")]: position === 'fixed',
+      ["".concat(prefixCls, "-hide-outer")]: !unfilled
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      style: style,
+      className: wrapCls,
+      role: "progressbar",
+      "aria-valuenow": this.props.percent,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100
+    }, /*#__PURE__*/React.createElement("div", {
+      ref: el => this.barRef = el,
+      className: "".concat(prefixCls, "-bar"),
+      style: {
+        ...barStyle,
+        ...percentStyle
+      }
+    }));
+  }
+}
+exports.default = Progress;
+Progress.defaultProps = {
+  prefixCls: 'am-progress',
+  percent: 0,
+  position: 'fixed',
+  unfilled: true,
+  appearTransition: false
+};

package/lib/Radio/Radio.js

@@ -0,0 +1,47 @@
+"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 _rcCheckbox = _interopRequireDefault(require("rc-checkbox"));
+var React = _interopRequireWildcard(require("react"));
+class Radio extends React.Component {
+  render() {
+    const {
+      className,
+      style,
+      ...restProps
+    } = this.props;
+    const {
+      prefixCls,
+      children
+    } = restProps;
+    const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper"), className);
+    if ('class' in restProps) {
+      // Todo https://github.com/developit/preact-compat/issues/422
+      /* tslint:disable:no-string-literal */
+      delete restProps['class'];
+    }
+    const mark = /*#__PURE__*/React.createElement("label", {
+      className: wrapCls,
+      style: style
+    }, /*#__PURE__*/React.createElement(_rcCheckbox.default, Object.assign({}, restProps, {
+      type: "radio"
+    })), children);
+    if (this.props.wrapLabel) {
+      return mark;
+    }
+    return /*#__PURE__*/React.createElement(_rcCheckbox.default, Object.assign({}, this.props, {
+      type: "radio"
+    }));
+  }
+}
+exports.default = Radio;
+Radio.defaultProps = {
+  prefixCls: 'am-radio',
+  wrapLabel: true
+};

package/lib/Radio/RadioItem.js

@@ -0,0 +1,57 @@
+"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 _List = _interopRequireDefault(require("../List"));
+var _Radio = _interopRequireDefault(require("./Radio"));
+const ListItem = _List.default.Item;
+function noop() {}
+class RadioItem extends React.Component {
+  render() {
+    const {
+      listPrefixCls,
+      onChange,
+      disabled,
+      radioProps,
+      onClick,
+      ...otherProps
+    } = this.props;
+    const {
+      prefixCls,
+      className,
+      children
+    } = otherProps;
+    const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-item"), className, {
+      ["".concat(prefixCls, "-item-disabled")]: disabled === true
+    });
+
+    // Note: if not omit `onChange`, it will trigger twice on check listitem
+
+    if (!disabled) {
+      otherProps.onClick = onClick || noop;
+    }
+    const extraProps = {};
+    ['name', 'defaultChecked', 'checked', 'onChange', 'disabled'].forEach(i => {
+      if (i in this.props) {
+        extraProps[i] = this.props[i];
+      }
+    });
+    return /*#__PURE__*/React.createElement(ListItem, Object.assign({}, otherProps, {
+      prefixCls: listPrefixCls,
+      className: wrapCls,
+      extra: /*#__PURE__*/React.createElement(_Radio.default, Object.assign({}, radioProps, extraProps))
+    }), children);
+  }
+}
+exports.default = RadioItem;
+RadioItem.defaultProps = {
+  prefixCls: 'am-radio',
+  listPrefixCls: 'am-list',
+  radioProps: {}
+};

package/lib/Radio/index.css

@@ -0,0 +1,90 @@
+.am-radio {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  width: 15px;
+  height: 15px;
+}
+
+.am-radio-inner {
+  position: absolute;
+  right: 0;
+  width: 15px;
+  height: 15px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-transform: rotate(0deg);
+  -ms-transform: rotate(0deg);
+  transform: rotate(0deg);
+}
+
+.am-radio-inner:after {
+  position: absolute;
+  display: none;
+  top: -2.5px;
+  right: 5px;
+  z-index: 999;
+  width: 7px;
+  height: 14px;
+  border-style: solid;
+  border-width: 0 1.5px 1.5px 0;
+  content: '\0020';
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+
+.am-radio-input {
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+  border: 0 none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.am-radio.am-radio-checked .am-radio-inner {
+  border-width: 0;
+}
+
+.am-radio.am-radio-checked .am-radio-inner:after {
+  display: block;
+  border-color: #108ee9;
+}
+
+.am-radio.am-radio-disabled.am-radio-checked .am-radio-inner:after {
+  display: block;
+  border-color: #bbb;
+}
+
+.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra {
+  -webkit-box-flex: 0;
+  -webkit-flex: 0;
+  -ms-flex: 0;
+  flex: 0;
+}
+
+.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 44px;
+  overflow: visible;
+}
+
+.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio-inner {
+  right: 15px;
+  top: 15px;
+}
+
+.am-list .am-list-item.am-radio-item.am-radio-item-disabled .am-list-content {
+  color: #bbb;
+}

package/lib/Radio/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Radio = _interopRequireDefault(require("./Radio"));
+var _RadioItem = _interopRequireDefault(require("./RadioItem"));
+require("./index.css");
+_Radio.default.RadioItem = _RadioItem.default;
+var _default = exports.default = _Radio.default;

package/lib/TabBar/Tab.js

@@ -0,0 +1,76 @@
+"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 _Badge = _interopRequireDefault(require("../Badge"));
+class Tab extends React.PureComponent {
+  constructor() {
+    super(...arguments);
+    this.renderIcon = () => {
+      const {
+        dot,
+        badge,
+        selected,
+        selectedIcon,
+        icon,
+        title,
+        prefixCls
+      } = this.props;
+      const iconRes = selected ? selectedIcon : icon;
+      const iconDom = /*#__PURE__*/React.isValidElement(iconRes) ? iconRes : /*#__PURE__*/React.createElement("img", {
+        className: "".concat(prefixCls, "-image"),
+        src: iconRes ? iconRes.uri : iconRes,
+        alt: title
+      });
+      if (badge) {
+        return /*#__PURE__*/React.createElement(_Badge.default, {
+          text: badge,
+          className: "".concat(prefixCls, "-badge tab-badge")
+        }, ' ', iconDom, ' ');
+      }
+      if (dot) {
+        return /*#__PURE__*/React.createElement(_Badge.default, {
+          dot: true,
+          className: "".concat(prefixCls, "-badge tab-dot")
+        }, iconDom);
+      }
+      return iconDom;
+    };
+    this.onClick = () => {
+      const onClick = this.props.onClick;
+      if (onClick) {
+        onClick();
+      }
+    };
+  }
+  render() {
+    const {
+      title,
+      prefixCls,
+      selected,
+      unselectedTintColor,
+      tintColor
+    } = this.props;
+    const iconColor = selected ? tintColor : unselectedTintColor;
+    return /*#__PURE__*/React.createElement("div", Object.assign({}, this.props.dataAttrs, {
+      onClick: this.onClick,
+      className: "".concat(prefixCls)
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-icon"),
+      style: {
+        color: iconColor
+      }
+    }, this.renderIcon()), /*#__PURE__*/React.createElement("p", {
+      className: "".concat(prefixCls, "-title"),
+      style: {
+        color: selected ? tintColor : unselectedTintColor
+      }
+    }, title));
+  }
+}
+var _default = exports.default = Tab;