dtable-ui-component 6.0.24-beta1 → 6.0.25

package/lib/Modal/modal.js

@@ -0,0 +1,118 @@
+"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 = exports.ModalComponent = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var React = _interopRequireWildcard(require("react"));
+var _rmcDialog = _interopRequireDefault(require("rmc-dialog"));
+var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
+class ModalComponent extends React.Component {}
+exports.ModalComponent = ModalComponent;
+class Modal extends ModalComponent {
+  renderFooterButton(button, prefixCls, i) {
+    let buttonStyle = {};
+    if (button.style) {
+      buttonStyle = button.style;
+      if (typeof buttonStyle === 'string') {
+        const styleMap = {
+          cancel: {},
+          default: {},
+          destructive: {
+            color: 'red'
+          }
+        };
+        buttonStyle = styleMap[buttonStyle] || {};
+      }
+    }
+    const onClickFn = e => {
+      e.preventDefault();
+      if (button.onPress) {
+        button.onPress();
+      }
+    };
+    return /*#__PURE__*/React.createElement(_rmcFeedback.default, {
+      activeClassName: "".concat(prefixCls, "-button-active"),
+      key: i
+    }, /*#__PURE__*/React.createElement("a", {
+      className: "".concat(prefixCls, "-button"),
+      role: "button",
+      style: buttonStyle,
+      onClick: onClickFn
+    }, button.text || 'Button'));
+  }
+  render() {
+    const {
+      prefixCls,
+      className,
+      wrapClassName,
+      transitionName,
+      maskTransitionName,
+      style,
+      platform,
+      footer = [],
+      operation,
+      animated,
+      transparent,
+      popup,
+      animationType,
+      ...restProps
+    } = this.props;
+    const btnGroupClass = (0, _classnames.default)("".concat(prefixCls, "-button-group-").concat(footer.length === 2 && !operation ? 'h' : 'v'), "".concat(prefixCls, "-button-group-").concat(operation ? 'operation' : 'normal'));
+    const footerDom = footer.length ? /*#__PURE__*/React.createElement("div", {
+      className: btnGroupClass,
+      role: "group"
+    }, footer.map((button, i) =>
+    // tslint:disable-next-line:jsx-no-multiline-js
+    this.renderFooterButton(button, prefixCls, i))) : null;
+    let transName;
+    let maskTransName;
+    if (animated) {
+      // tslint:disable-next-line:prefer-conditional-expression
+      if (transparent) {
+        transName = maskTransName = 'am-fade';
+      } else {
+        transName = maskTransName = 'am-slide-up';
+      }
+      if (popup) {
+        transName = animationType === 'slide-up' ? 'am-slide-up' : 'am-slide-down';
+        maskTransName = 'am-fade';
+      }
+    }
+    const wrapCls = (0, _classnames.default)(wrapClassName, {
+      ["".concat(prefixCls, "-wrap-popup")]: popup
+    });
+    const cls = (0, _classnames.default)(className, {
+      ["".concat(prefixCls, "-transparent")]: transparent,
+      ["".concat(prefixCls, "-popup")]: popup,
+      ["".concat(prefixCls, "-popup-").concat(animationType)]: popup && animationType,
+      ["".concat(prefixCls, "-android")]: platform === 'android'
+    });
+    return /*#__PURE__*/React.createElement(_rmcDialog.default, Object.assign({}, restProps, {
+      prefixCls: prefixCls,
+      className: cls,
+      wrapClassName: wrapCls,
+      transitionName: transitionName || transName,
+      maskTransitionName: maskTransitionName || maskTransName,
+      style: style,
+      footer: footerDom
+    }));
+  }
+}
+exports.default = Modal;
+Modal.defaultProps = {
+  prefixCls: 'am-modal',
+  transparent: false,
+  popup: false,
+  animationType: 'slide-down',
+  animated: true,
+  style: {},
+  onShow() {},
+  footer: [],
+  closable: false,
+  operation: false,
+  platform: 'ios'
+};

package/lib/Modal/operation.js

@@ -0,0 +1,77 @@
+"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 = operation;
+var React = _interopRequireWildcard(require("react"));
+var ReactDOM = _interopRequireWildcard(require("react-dom"));
+var _closest = _interopRequireDefault(require("../_util/closest"));
+var _modal = _interopRequireDefault(require("./modal"));
+function operation() {
+  let actions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [{
+    text: '确定'
+  }];
+  let platform = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ios';
+  let closed = false;
+  const prefixCls = 'am-modal';
+  const div = document.createElement('div');
+  document.body.appendChild(div);
+  function close() {
+    ReactDOM.unmountComponentAtNode(div);
+    if (div && div.parentNode) {
+      div.parentNode.removeChild(div);
+    }
+  }
+  const footer = actions.map(button => {
+    // tslint:disable-next-line:only-arrow-functions
+    const orginPress = button.onPress || function () {};
+    button.onPress = () => {
+      if (closed) {
+        return;
+      }
+      const res = orginPress();
+      if (res && res.then) {
+        res.then(() => {
+          closed = true;
+          close();
+        }).catch(() => {});
+      } else {
+        closed = true;
+        close();
+      }
+    };
+    return button;
+  });
+  function onWrapTouchStart(e) {
+    if (!/iPhone|iPod|iPad/i.test(navigator.userAgent)) {
+      return;
+    }
+    const pNode = (0, _closest.default)(e.target, '.am-modal-footer');
+    if (!pNode) {
+      e.preventDefault();
+    }
+  }
+  ReactDOM.render( /*#__PURE__*/React.createElement(_modal.default, {
+    visible: true,
+    operation: true,
+    transparent: true,
+    prefixCls: prefixCls,
+    transitionName: "am-zoom",
+    closable: false,
+    maskClosable: true,
+    onClose: close,
+    footer: footer,
+    maskTransitionName: "am-fade",
+    className: "am-modal-operation",
+    platform: platform,
+    wrapProps: {
+      onTouchStart: onWrapTouchStart
+    }
+  }), div);
+  return {
+    close
+  };
+}

package/lib/Modal/prompt.js

@@ -0,0 +1,207 @@
+"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 = prompt;
+var React = _interopRequireWildcard(require("react"));
+var ReactDOM = _interopRequireWildcard(require("react-dom"));
+var _closest = _interopRequireDefault(require("../_util/closest"));
+var _modal = _interopRequireDefault(require("./modal"));
+function prompt(title, message, callbackOrActions) {
+  let type = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'default';
+  let defaultValue = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
+  let placeholders = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : ['', ''];
+  let platform = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 'ios';
+  let closed = false;
+  defaultValue = typeof defaultValue === 'string' ? defaultValue : typeof defaultValue === 'number' ? "".concat(defaultValue) : '';
+  if (!callbackOrActions) {
+    // console.log('Must specify callbackOrActions');
+    return {
+      close: () => {}
+    };
+  }
+  const prefixCls = 'am-modal';
+  const data = {
+    text: defaultValue
+  };
+  function onChange(e) {
+    const target = e.target;
+    const inputType = target.getAttribute('type');
+    if (inputType !== null) {
+      data[inputType] = target.value;
+    }
+  }
+
+  // hotfix issue: https://github.com/ant-design/ant-design-mobile/issues/2177
+  function onClick(e) {
+    const target = e.currentTarget || e.target;
+    if (target) {
+      target.focus();
+    }
+  }
+  function onBlurFixWechat() {
+    // https://github.com/ant-design/ant-design-mobile/issues/3137
+    if (/MicroMessenger/.test(navigator.userAgent)) {
+      // eslint-disable-next-line no-self-assign
+      document.body.scrollTop = document.body.scrollTop;
+    }
+  }
+  let inputDom;
+  const focusFn = input => {
+    setTimeout(() => {
+      if (input) {
+        input.focus();
+      }
+    }, 500);
+  };
+  switch (type) {
+    case 'login-password':
+      inputDom = /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-input-container")
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-input")
+      }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
+        type: "text",
+        defaultValue: data.text,
+        ref: input => focusFn(input),
+        onClick: onClick,
+        onChange: onChange,
+        placeholder: placeholders[0],
+        onBlur: onBlurFixWechat
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-input")
+      }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
+        type: "password",
+        defaultValue: data.password,
+        onClick: onClick,
+        onChange: onChange,
+        placeholder: placeholders[1],
+        onBlur: onBlurFixWechat
+      }))));
+      break;
+    case 'secure-text':
+      inputDom = /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-input-container")
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-input")
+      }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
+        type: "password",
+        defaultValue: data.password,
+        ref: input => focusFn(input),
+        onClick: onClick,
+        onChange: onChange,
+        placeholder: placeholders[0],
+        onBlur: onBlurFixWechat
+      }))));
+      break;
+    case 'default':
+    default:
+      inputDom = /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-input-container")
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-input")
+      }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
+        type: "text",
+        defaultValue: data.text,
+        ref: input => focusFn(input),
+        onClick: onClick,
+        onChange: onChange,
+        placeholder: placeholders[0],
+        onBlur: onBlurFixWechat
+      }))));
+  }
+  const content = /*#__PURE__*/React.createElement("div", null, message, inputDom);
+  const div = document.createElement('div');
+  document.body.appendChild(div);
+  function close() {
+    ReactDOM.unmountComponentAtNode(div);
+    if (div && div.parentNode) {
+      div.parentNode.removeChild(div);
+    }
+  }
+  function handleConfirm(callback) {
+    if (typeof callback !== 'function') {
+      return;
+    }
+    const {
+      text = '',
+      password = ''
+    } = data;
+    const callbackArgs = type === 'login-password' ? [text, password] : type === 'secure-text' ? [password] : [text];
+    return callback(...callbackArgs);
+  }
+  let actions;
+  if (typeof callbackOrActions === 'function') {
+    actions = [{
+      text: '取消',
+      onPress: () => {}
+    }, {
+      text: '确定',
+      onPress: () => {
+        handleConfirm(callbackOrActions);
+      }
+    }];
+  } else {
+    actions = callbackOrActions.map(item => {
+      return {
+        text: item.text,
+        onPress: () => {
+          return handleConfirm(item.onPress);
+        }
+      };
+    });
+  }
+  const footer = actions.map(button => {
+    // tslint:disable-next-line:only-arrow-functions
+    const orginPress = button.onPress || function () {};
+    button.onPress = () => {
+      if (closed) {
+        return;
+      }
+      const res = orginPress();
+      if (res && res.then) {
+        res.then(() => {
+          closed = true;
+          close();
+        }).catch(() => {});
+      } else {
+        closed = true;
+        close();
+      }
+    };
+    return button;
+  });
+  function onWrapTouchStart(e) {
+    // exclude input element for focus
+    if (!/iPhone|iPod|iPad/i.test(navigator.userAgent)) {
+      return;
+    }
+    const pNode = (0, _closest.default)(e.target, ".".concat(prefixCls, "-content"));
+    if (!pNode) {
+      e.preventDefault();
+    }
+  }
+  ReactDOM.render( /*#__PURE__*/React.createElement(_modal.default, {
+    visible: true,
+    transparent: true,
+    prefixCls: prefixCls,
+    title: title,
+    closable: false,
+    maskClosable: false,
+    transitionName: "am-zoom",
+    footer: footer,
+    maskTransitionName: "am-fade",
+    platform: platform,
+    wrapProps: {
+      onTouchStart: onWrapTouchStart
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-propmt-content")
+  }, content)), div);
+  return {
+    close
+  };
+}

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;