dtable-ui-component 6.0.29-beta9 → 6.0.29

package/lib/Popover/style/index.css

@@ -0,0 +1,233 @@
+@import url('../../css/am.css');
+
+.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,24 @@
+@import url('../css/am.css');
+
+.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,92 @@
+@import url('../css/am.css');
+
+.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/RowExpandDialog/column-content/index.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _dtableUtils = require("dtable-utils");
 require("./index.css");
-const ColumnContent = _ref => {
+const RowContent = _ref => {
   let {
     column,
     children
@@ -47,4 +47,4 @@ const ColumnContent = _ref => {
     className: "d-flex align-items-center dtable-ui-row-expand-column-content-value"
   }, children));
 };
-var _default = exports.default = ColumnContent;
+var _default = exports.default = RowContent;

package/lib/RowExpandDialog/index.js

@@ -235,6 +235,4 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     color: "primary"
   }, (0, _lang.getLocale)('Submit'))))));
 });
-RowExpandDialog.Header = _header.default;
-RowExpandDialog.Body = _body.default;
 var _default = exports.default = RowExpandDialog;

package/lib/RowExpandEditor/{add-btn/pc-add-btn → RowExpandAddBtn}/index.js

@@ -1,26 +1,24 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("../../../constants");
+var _constants = require("../../constants");
 require("./index.css");
-const RowExpandPCAddBtn = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+const RowExpandAddBtn = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     tabIndex: 0,
     onClick: props.onClick,
     onFocus: props.onFocus,
     role: "button",
-    className: (0, _classnames.default)('dtable-ui-row-expand-add-btn d-print-none', props.className),
+    className: "dtable-ui-row-expand-add-btn d-print-none",
     style: props.isFocus ? _constants.ROW_EXPAND_BTN_FOCUS_STYLE : {}
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "d-print-none"
   }, props.text));
 });
-var _default = exports.default = RowExpandPCAddBtn;
+var _default = exports.default = RowExpandAddBtn;

package/lib/RowExpandEditor/{checkbox-editor/pc-editor.js → RowExpandCheckboxEditor/index.js}

@@ -8,17 +8,20 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _CheckboxEditor = _interopRequireDefault(require("../../CheckboxEditor"));
 var _constants = require("../../constants");
-class RowExpandPCCheckboxEditor extends _react.default.Component {
+require("./index.css");
+class RowExpandCheckboxEditor extends _react.default.Component {
   constructor() {
     super(...arguments);
-    this.onCommit = newValue => {
+    this.onChangeCheckboxValue = () => {
       const {
-        columnIndex,
-        updateTabIndex,
-        onCommit
+        columnIndex
       } = this.props;
-      updateTabIndex && updateTabIndex(columnIndex);
-      onCommit && onCommit(newValue);
+      if (!this.editor) return;
+      if (this.props.updateTabIndex) {
+        this.props.updateTabIndex(columnIndex);
+      }
+      const newValue = this.editor.getValue();
+      this.props.onCommit(newValue);
     };
   }
   render() {
@@ -28,12 +31,13 @@ class RowExpandPCCheckboxEditor extends _react.default.Component {
       value
     } = this.props;
     return /*#__PURE__*/_react.default.createElement(_CheckboxEditor.default, {
+      ref: ref => this.editor = ref,
       className: "dtable-ui-row-expand-checkbox-editor mt-2",
       column: column,
       value: value,
       style: isEditorFocus ? _constants.ROW_EXPAND_FOCUS_STYLE : {},
-      onCommit: this.onCommit
+      onCommit: this.onChangeCheckboxValue
     });
   }
 }
-var _default = exports.default = RowExpandPCCheckboxEditor;
+var _default = exports.default = RowExpandCheckboxEditor;

package/lib/RowExpandEditor/{collaborator-editor/pc-editor → RowExpandCollaboratorEditor}/index.css

@@ -1,4 +1,4 @@
-@import url('../../../css/cell-editor.css');
+@import url('../../css/cell-editor.css');
 
 .dtable-ui.dtable-ui-row-expand-select-editor .dtable-ui.collaborator-item {
   margin: 5px 10px 5px 0;

package/lib/RowExpandEditor/{collaborator-editor/pc-editor → RowExpandCollaboratorEditor}/index.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _constants = require("../../constants");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("../../../constants");
-var _CollaboratorEditor = _interopRequireDefault(require("../../../CollaboratorEditor"));
-var _lang = require("../../../lang");
-var _CollaboratorItem = _interopRequireDefault(require("../../../CollaboratorItem"));
+var _CollaboratorEditor = _interopRequireDefault(require("../../CollaboratorEditor"));
+var _lang = require("../../lang");
+var _CollaboratorItem = _interopRequireDefault(require("../../CollaboratorItem"));
 require("./index.css");
-class RowExpandPCCollaboratorEditor extends _react.default.Component {
+class RowExpandCollaboratorEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.initCollaborators = props => {
@@ -158,6 +158,7 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
       menuPosition: null,
       value: _row[_column[_valueKey]] || [],
       showCollaboratorSelect: false,
+      isDataLoaded: false,
       emailCollaboratorMap: {}
     };
   }
@@ -228,4 +229,4 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
     }));
   }
 }
-var _default = exports.default = RowExpandPCCollaboratorEditor;
+var _default = exports.default = RowExpandCollaboratorEditor;

package/lib/RowExpandEditor/{date-editor/pc-editor.js → RowExpandDateEditor/index.js}

@@ -11,7 +11,7 @@ var _DateEditor = _interopRequireDefault(require("../../DateEditor"));
 var _utils = require("../../utils/utils");
 var _columnUtils = require("../../utils/column-utils");
 var _constants = require("../../constants");
-class RowExpandPCDateEditor extends _react.default.Component {
+class RowExpandDateEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onKeyDown = e => {
@@ -127,4 +127,4 @@ class RowExpandPCDateEditor extends _react.default.Component {
     }, value ? (0, _dtableUtils.getDateDisplayString)(value, format) : ''));
   }
 }
-var _default = exports.default = RowExpandPCDateEditor;
+var _default = exports.default = RowExpandDateEditor;