dtable-ui-component 6.0.29-beta8 → 6.0.29

package/lib/Picker/AbstractPicker.js

@@ -0,0 +1,190 @@
+"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;
+exports.getDefaultProps = getDefaultProps;
+var _arrayTreeFilter = _interopRequireDefault(require("array-tree-filter"));
+var React = _interopRequireWildcard(require("react"));
+var _Cascader = _interopRequireDefault(require("rmc-cascader/lib/Cascader"));
+var _Popup = _interopRequireDefault(require("rmc-cascader/lib/Popup"));
+var _MultiPicker = _interopRequireDefault(require("rmc-picker/lib/MultiPicker"));
+var _Picker = _interopRequireDefault(require("rmc-picker/lib/Picker"));
+var _getLocale = require("../_util/getLocale");
+/* tslint:disable:jsx-no-multiline-js */
+
+function getDefaultProps() {
+  const defaultFormat = values => {
+    // label is JSX.Element or other
+    if (values.length > 0 && typeof values[0] !== 'string') {
+      return values;
+    }
+    return values.join(',');
+  };
+  return {
+    triggerType: 'onClick',
+    prefixCls: 'am-picker',
+    pickerPrefixCls: 'am-picker-col',
+    popupPrefixCls: 'am-picker-popup',
+    format: defaultFormat,
+    cols: 3,
+    cascade: true,
+    title: ''
+  };
+}
+class AbstractPicker extends React.Component {
+  constructor() {
+    super(...arguments);
+    this.getSel = () => {
+      const value = this.props.value || [];
+      let treeChildren;
+      const {
+        data
+      } = this.props;
+      if (this.props.cascade) {
+        treeChildren = (0, _arrayTreeFilter.default)(data, (c, level) => {
+          return c.value === value[level];
+        });
+      } else {
+        treeChildren = value.map((v, i) => {
+          return data[i].filter(d => d.value === v)[0];
+        });
+      }
+      return this.props.format && this.props.format(treeChildren.map(v => {
+        return v.label;
+      }));
+    };
+    this.getPickerCol = () => {
+      const {
+        data,
+        pickerPrefixCls,
+        itemStyle,
+        indicatorStyle
+      } = this.props;
+      return data.map((col, index) => {
+        return /*#__PURE__*/React.createElement(_Picker.default, {
+          key: index,
+          prefixCls: pickerPrefixCls,
+          style: {
+            flex: 1
+          },
+          itemStyle: itemStyle,
+          indicatorStyle: indicatorStyle
+        }, col.map(item => {
+          return /*#__PURE__*/React.createElement(_Picker.default.Item, {
+            key: item.value,
+            value: item.value
+          }, item.label);
+        }));
+      });
+    };
+    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.setScrollValue = v => {
+      this.scrollValue = v;
+    };
+    this.setCasecadeScrollValue = v => {
+      // 级联情况下保证数据正确性，滚动过程中只有当最后一级变化时才变更数据
+      if (v && this.scrollValue) {
+        const length = this.scrollValue.length;
+        if (length === v.length && this.scrollValue[length - 1] === v[length - 1]) {
+          return;
+        }
+      }
+      this.setScrollValue(v);
+    };
+    this.fixOnOk = cascader => {
+      if (cascader && cascader.onOk !== this.onOk) {
+        cascader.onOk = this.onOk;
+        cascader.forceUpdate();
+      }
+    };
+    this.onPickerChange = v => {
+      this.setScrollValue(v);
+      if (this.props.onPickerChange) {
+        this.props.onPickerChange(v);
+      }
+    };
+    this.onVisibleChange = visible => {
+      this.setScrollValue(undefined);
+      if (this.props.onVisibleChange) {
+        this.props.onVisibleChange(visible);
+      }
+    };
+  }
+  render() {
+    const {
+      children,
+      value = [],
+      popupPrefixCls,
+      itemStyle,
+      indicatorStyle,
+      okText,
+      dismissText,
+      extra,
+      cascade,
+      prefixCls,
+      pickerPrefixCls,
+      data,
+      cols,
+      onOk,
+      ...restProps
+    } = this.props;
+
+    // tslint:disable-next-line:variable-name
+    const _locale = (0, _getLocale.getComponentLocale)(this.props, this.context, 'Picker', () => require('./locale/zh_CN'));
+    let cascader;
+    let popupMoreProps = {};
+    if (cascade) {
+      cascader = /*#__PURE__*/React.createElement(_Cascader.default, {
+        prefixCls: prefixCls,
+        pickerPrefixCls: pickerPrefixCls,
+        data: data,
+        cols: cols,
+        onChange: this.onPickerChange,
+        onScrollChange: this.setCasecadeScrollValue,
+        pickerItemStyle: itemStyle,
+        indicatorStyle: indicatorStyle
+      });
+    } else {
+      cascader = /*#__PURE__*/React.createElement(_MultiPicker.default, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center'
+        },
+        prefixCls: prefixCls,
+        onScrollChange: this.setScrollValue
+      }, this.getPickerCol());
+      popupMoreProps = {
+        pickerValueProp: 'selectedValue',
+        pickerValueChangeProp: 'onValueChange'
+      };
+    }
+    return /*#__PURE__*/React.createElement(_Popup.default, Object.assign({
+      cascader: cascader
+    }, this.popupProps, restProps, {
+      prefixCls: popupPrefixCls,
+      value: value,
+      dismissText: dismissText || _locale.dismissText,
+      okText: okText || _locale.okText
+    }, popupMoreProps, {
+      ref: this.fixOnOk,
+      onVisibleChange: this.onVisibleChange
+    }), children && typeof children !== 'string' && /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.cloneElement(children, {
+      extra: this.getSel() || extra || _locale.extra
+    }));
+  }
+}
+exports.default = AbstractPicker;

package/lib/Picker/index.js

@@ -0,0 +1,28 @@
+"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.nonsense = exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _AbstractPicker = _interopRequireWildcard(require("./AbstractPicker"));
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+var _popupProps = _interopRequireDefault(require("./popupProps"));
+require("./style/index.css");
+// TODO:
+// fix error TS4026:Public static property 'defaultProps' of exported class has or is using name 'React.ReactElement'
+// fix error TS6133: 'React' is declared but its value is never read.
+const nonsense = exports.nonsense = /*#__PURE__*/React.createElement("div", null);
+class Picker extends _AbstractPicker.default {
+  constructor() {
+    super(...arguments);
+    this.popupProps = _popupProps.default;
+  }
+}
+exports.default = Picker;
+Picker.defaultProps = (0, _AbstractPicker.getDefaultProps)();
+Picker.contextTypes = {
+  antLocale: PropTypes.object
+};

package/lib/Picker/locale/en_US.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// eslint-disable-next-line import/no-anonymous-default-export
+var _default = exports.default = {
+  okText: 'Ok',
+  dismissText: 'Cancel',
+  extra: 'please select'
+};

package/lib/Picker/locale/ru_RU.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// eslint-disable-next-line import/no-anonymous-default-export
+var _default = exports.default = {
+  okText: 'Ок',
+  dismissText: 'Отмена',
+  extra: ''
+};

package/lib/Picker/locale/sv_SE.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// eslint-disable-next-line import/no-anonymous-default-export
+var _default = exports.default = {
+  okText: 'Ok',
+  dismissText: 'Avbryt',
+  extra: 'vänligen välj'
+};

package/lib/Picker/locale/zh_CN.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// eslint-disable-next-line import/no-anonymous-default-export
+var _default = exports.default = {
+  okText: '确定',
+  dismissText: '取消',
+  extra: '请选择'
+};

package/lib/Picker/popupProps.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const popupProps = {
+  WrapComponent: 'div',
+  transitionName: 'am-slide-up',
+  maskTransitionName: 'am-fade'
+};
+var _default = exports.default = popupProps;

package/lib/Picker/style/index.css

@@ -0,0 +1,145 @@
+@import url('../../css/am.css');
+
+.am-picker-popup {
+  left: 0;
+  bottom: 0;
+  position: fixed;
+  width: 100%;
+  background-color: #fff;
+  padding-bottom: env(safe-area-inset-bottom);
+}
+
+.am-picker-popup-wrap {
+  position: fixed;
+  overflow: auto;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  -webkit-overflow-scrolling: touch;
+  outline: 0;
+  -webkit-transform: translateZ(1px);
+  transform: translateZ(1px);
+}
+
+.am-picker-popup-mask {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+  height: 100%;
+  z-index: 1000;
+  -webkit-transform: translateZ(1px);
+  transform: translateZ(1px);
+}
+
+.am-picker-popup-mask-hidden {
+  display: none;
+}
+
+.am-picker-popup-header {
+  background-image: -webkit-linear-gradient(top, #e7e7e7, #e7e7e7, transparent, transparent);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), color-stop(#e7e7e7), color-stop(transparent), to(transparent));
+  background-image: linear-gradient(to bottom, #e7e7e7, #e7e7e7, transparent, transparent);
+  background-position: bottom;
+  background-size: 100% 1PX;
+  background-repeat: no-repeat;
+  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;
+  position: relative;
+  border-bottom: 1PX solid #ddd;
+}
+
+@media (-webkit-min-device-pixel-ratio: 2),
+(min-resolution: 2dppx) {
+  html:not([data-scale]) .am-picker-popup-header {
+    border-bottom: none;
+  }
+
+  html:not([data-scale]) .am-picker-popup-header::after {
+    content: '';
+    position: absolute;
+    background-color: #ddd;
+    display: block;
+    z-index: 1;
+    top: auto;
+    right: auto;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 1PX;
+    -webkit-transform-origin: 50% 100%;
+    -ms-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -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-picker-popup-header::after {
+    -webkit-transform: scaleY(0.33);
+    -ms-transform: scaleY(0.33);
+    transform: scaleY(0.33);
+  }
+}
+
+.am-picker-popup-header .am-picker-popup-header-right {
+  text-align: right;
+}
+
+.am-picker-popup-item {
+  color: #108ee9;
+  font-size: 17px;
+  padding: 9px 15px;
+  height: 42px;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  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;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.am-picker-popup-item-active {
+  background-color: #ddd;
+}
+
+.am-picker-popup-title {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  text-align: center;
+  color: #000;
+}
+
+.am-picker-popup .am-picker-popup-close {
+  display: none;
+}
+
+.am-picker-col {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}

package/lib/Popover/index.js

@@ -0,0 +1,63 @@
+"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 _rmcTooltip = _interopRequireDefault(require("rmc-tooltip"));
+var _item = _interopRequireDefault(require("./item"));
+require("./style/index.css");
+function recursiveCloneChildren(children) {
+  let cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (ch, _) => ch;
+  return React.Children.map(children, (child, index) => {
+    const newChild = cb(child, index);
+    if (typeof newChild !== 'string' && typeof newChild !== 'number' && newChild && newChild.props && newChild.props.children) {
+      return /*#__PURE__*/React.cloneElement(newChild, {}, recursiveCloneChildren(newChild.props.children, cb));
+    }
+    return newChild;
+  });
+}
+class Popover extends React.Component {
+  render() {
+    const {
+      overlay,
+      onSelect = () => {},
+      ...restProps
+    } = this.props;
+    const overlayNode = recursiveCloneChildren(overlay, (child, index) => {
+      const extraProps = {
+        firstItem: false
+      };
+      if (child && typeof child !== 'string' && typeof child !== 'number' && child.type &&
+      // Fixme: not sure where the `myName` came from.
+      child.type.myName === 'PopoverItem' && !child.props.disabled) {
+        extraProps.onClick = () => onSelect(child, index);
+        extraProps.firstItem = index === 0;
+        return /*#__PURE__*/React.cloneElement(child, extraProps);
+      }
+      return child;
+    });
+    const wrapperNode = /*#__PURE__*/React.createElement("div", {
+      className: "".concat(this.props.prefixCls, "-inner-wrapper")
+    }, overlayNode);
+    return /*#__PURE__*/React.createElement(_rmcTooltip.default, Object.assign({}, restProps, {
+      overlay: wrapperNode
+    }));
+  }
+}
+exports.default = Popover;
+Popover.defaultProps = {
+  prefixCls: 'am-popover',
+  placement: 'bottomRight',
+  align: {
+    overflow: {
+      adjustY: 0,
+      adjustX: 0
+    }
+  },
+  trigger: ['click']
+};
+Popover.Item = _item.default;

package/lib/Popover/item.js

@@ -0,0 +1,55 @@
+"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 _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
+class Item extends React.Component {
+  render() {
+    const {
+      children,
+      className,
+      prefixCls,
+      icon,
+      disabled,
+      firstItem,
+      activeStyle,
+      ...restProps
+    } = this.props;
+    const cls = (0, _classnames.default)("".concat(prefixCls, "-item"), className, {
+      ["".concat(prefixCls, "-item-disabled")]: disabled
+    });
+    let activeClass = "".concat(prefixCls, "-item-active ");
+    if (firstItem) {
+      activeClass += "".concat(prefixCls, "-item-fix-active-arrow");
+    }
+    return /*#__PURE__*/React.createElement(_rmcFeedback.default, {
+      disabled: disabled,
+      activeClassName: activeClass,
+      activeStyle: activeStyle
+    }, /*#__PURE__*/React.createElement("div", Object.assign({
+      className: cls
+    }, restProps), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-item-container")
+    }, icon ?
+    /*#__PURE__*/
+    // tslint:disable-next-line:jsx-no-multiline-js
+    React.createElement("span", {
+      className: "".concat(prefixCls, "-item-icon"),
+      "aria-hidden": "true"
+    }, icon) : null, /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixCls, "-item-content")
+    }, children))));
+  }
+}
+exports.default = Item;
+Item.defaultProps = {
+  prefixCls: 'am-popover',
+  disabled: false
+};
+Item.myName = 'PopoverItem';