@hi-ui/hiui 2.15.11 → 2.15.12

package/es/loading/Loading.js

@@ -0,0 +1,173 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var loadingInstance = {};
+var prefixCls = 'hi-loading';
+
+var Loading =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Loading, _Component);
+
+  function Loading() {
+    (0, _classCallCheck2["default"])(this, Loading);
+    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Loading).apply(this, arguments));
+  }
+
+  (0, _createClass2["default"])(Loading, [{
+    key: "render",
+    value: function render() {
+      var _classNames;
+
+      var _this$props = this.props,
+          size = _this$props.size,
+          full = _this$props.full,
+          content = _this$props.content,
+          children = _this$props.children,
+          target = _this$props.target,
+          visible = _this$props.visible;
+      var mountNode = target || (full ? document.body : '');
+      var iconCls = (0, _classnames["default"])("".concat(prefixCls, "__icon"), "".concat(prefixCls, "__icon--").concat(size));
+      var maskCls = (0, _classnames["default"])("".concat(prefixCls, "__mask"), (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "__mask--global"), full), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "__mask--part"), !full), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "__mask--hide"), visible === false), _classNames));
+      return _react["default"].createElement(PortalWrapper, {
+        mountNode: mountNode
+      }, children, _react["default"].createElement("div", {
+        className: maskCls
+      }, _react["default"].createElement("div", {
+        className: "".concat(prefixCls, "__outter")
+      }, _react["default"].createElement("div", {
+        className: iconCls
+      }, _react["default"].createElement("div", null), _react["default"].createElement("div", null)), _react["default"].createElement("div", {
+        className: "".concat(prefixCls, "__text")
+      }, content))));
+    }
+  }]);
+  return Loading;
+}(_react.Component);
+
+Loading.propTypes = {
+  size: _propTypes["default"].oneOf(['large', 'default', 'small']),
+  full: _propTypes["default"].bool,
+  visible: _propTypes["default"].bool,
+  content: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
+  target: _propTypes["default"].any,
+  duration: _propTypes["default"].number
+};
+Loading.defaultProps = {
+  size: 'default'
+};
+
+function PortalWrapper(_ref) {
+  var mountNode = _ref.mountNode,
+      children = _ref.children;
+  return mountNode ? _reactDom["default"].createPortal(children, mountNode) : _react["default"].createElement("div", {
+    className: "".concat(prefixCls, "__wrapper")
+  }, children);
+}
+
+function open(target) {
+  var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      content = _ref2.content,
+      key = _ref2.key,
+      duration = _ref2.duration,
+      size = _ref2.size;
+
+  var renderNode = document.createElement('div');
+  var mountNode = target || document.body;
+  mountNode.nodeName !== 'BODY' && (window.getComputedStyle(mountNode).position === 'absolute' || mountNode.style.setProperty('position', 'relative'));
+  var full = !target;
+
+  _reactDom["default"].render(_react["default"].createElement(Loading, {
+    content: content,
+    full: full,
+    visible: true,
+    target: mountNode,
+    size: size
+  }), renderNode);
+
+  loadingInstance[key] = renderNode;
+
+  if (!isNaN(duration) && duration > 0) {
+    setTimeout(function () {
+      _reactDom["default"].unmountComponentAtNode(renderNode);
+
+      renderNode = undefined;
+    }, duration);
+  }
+}
+
+function deprecatedOpen() {
+  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      target = _ref3.target,
+      tip = _ref3.tip;
+
+  var renderNode = document.createElement('div');
+  var mountNode = target || document.body;
+  mountNode.nodeName !== 'BODY' && (window.getComputedStyle(mountNode).position === 'absolute' || mountNode.style.setProperty('position', 'relative'));
+  var full = !target;
+
+  _reactDom["default"].render(_react["default"].createElement(Loading, {
+    tip: tip,
+    full: full,
+    show: true,
+    target: mountNode
+  }), renderNode);
+
+  function close() {
+    renderNode && _reactDom["default"].unmountComponentAtNode(renderNode);
+    renderNode = undefined;
+  }
+
+  return {
+    close: close
+  };
+}
+
+function openWrapper(target, options) {
+  if (arguments.length >= 2) {
+    open(target, options);
+  } else {
+    return deprecatedOpen(target);
+  }
+}
+
+function close(key) {
+  if (loadingInstance[key]) {
+    _reactDom["default"].unmountComponentAtNode(loadingInstance[key]);
+
+    loadingInstance[key].parentNode && loadingInstance[key].parentNode.removeChild(loadingInstance[key]);
+  }
+}
+
+Loading.open = openWrapper;
+Loading.close = close;
+var _default = Loading;
+exports["default"] = _default;

package/es/loading/__tests__/index.test.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _Loading3 = _interopRequireDefault(require("../Loading"));
+
+/* eslint-env jest */
+describe('Loading', function () {
+  describe('PropTypes', function () {
+    it('size', function () {
+      var sizes = ['small', 'default', 'large'];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, sizes.map(function (size, index) {
+        return _react["default"].createElement(_Loading3["default"], {
+          size: size,
+          key: index
+        });
+      }), _react["default"].createElement(_Loading3["default"], null)));
+      expect(wrapper.find('.hi-loading__icon--small')).toHaveLength(1);
+      expect(wrapper.find('.hi-loading__icon--large')).toHaveLength(1);
+      expect(wrapper.find('.hi-loading__icon--default')).toHaveLength(2);
+      wrapper.unmount();
+    });
+    it('content', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Loading3["default"], {
+        content: "Loading..."
+      }));
+      expect(wrapper.find('.hi-loading__text').text()).toEqual('Loading...');
+      wrapper.unmount();
+    });
+    it('visible', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Loading3["default"], null));
+      expect(wrapper.find('.hi-loading__mask--hide')).toHaveLength(0);
+      wrapper.setProps({
+        visible: false
+      });
+      expect(wrapper.find('.hi-loading__mask--hide')).toHaveLength(1);
+      wrapper.unmount();
+    });
+    it('full', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Loading3["default"], {
+        full: true
+      }));
+      expect(document.querySelectorAll('.hi-loading__mask--global')).toHaveLength(1);
+      wrapper.unmount();
+    });
+  });
+  describe('Methods', function () {
+    it('open&close', function () {
+      _Loading3["default"].open(null, {
+        key: 1
+      });
+
+      expect(document.querySelectorAll('.hi-loading__mask--global')).toHaveLength(1);
+
+      _Loading3["default"].close(1);
+
+      expect(document.querySelectorAll('.hi-loading__mask--global')).toHaveLength(0);
+      var container = document.createElement('div');
+      container.className = 'demo';
+      document.body.appendChild(container);
+
+      _Loading3["default"].open(container, {
+        key: 2
+      });
+
+      expect(document.querySelectorAll('.hi-loading__mask--part')).toHaveLength(1);
+
+      _Loading3["default"].close(2);
+
+      expect(document.querySelectorAll('.hi-loading__mask--part')).toHaveLength(0);
+      jest.useFakeTimers();
+
+      _Loading3["default"].open(container, {
+        key: 3,
+        duration: 3000
+      });
+
+      expect(setTimeout).toHaveBeenLastCalledWith(expect.any(Function), 3000);
+      expect(document.querySelectorAll('.hi-loading__mask--part')).toHaveLength(1);
+      jest.runAllTimers();
+      expect(document.querySelectorAll('.hi-loading__mask--part')).toHaveLength(0);
+      jest.useRealTimers();
+    });
+    it('deprecatedOpen', function () {
+      (0, _enzyme.mount)(_react["default"].createElement("div", {
+        className: "container"
+      }));
+
+      var _Loading = _Loading3["default"].open();
+
+      expect(document.querySelectorAll('.hi-loading__mask--global')).toHaveLength(1);
+
+      _Loading.close();
+
+      expect(document.querySelectorAll('.hi-loading__mask--global')).toHaveLength(0);
+
+      var _Loading2 = _Loading3["default"].open({
+        target: document.querySelector('.container')
+      });
+
+      expect(document.querySelectorAll('.hi-loading__mask')).toHaveLength(1);
+
+      _Loading2.close();
+    });
+  });
+});

package/es/loading/index.js

@@ -1,142 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
+var _Loading = _interopRequireDefault(require("./Loading"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _util = require("../_util");
 
 require("./style/index");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var prefixCls = 'hi-loading';
-
-var Loading = /*#__PURE__*/function (_Component) {
-  _inherits(Loading, _Component);
-
-  var _super = _createSuper(Loading);
-
-  function Loading() {
-    _classCallCheck(this, Loading);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Loading, [{
-    key: "render",
-    value: function render() {
-      var _classNames;
-
-      var _this$props = this.props,
-          size = _this$props.size,
-          full = _this$props.full,
-          tip = _this$props.tip,
-          show = _this$props.show,
-          children = _this$props.children,
-          target = _this$props.target;
-      var mountNode = target || (full ? document.body : '');
-      var iconCls = (0, _classnames["default"])("".concat(prefixCls, "__icon"), "".concat(prefixCls, "__icon--").concat(size));
-      var maskCls = (0, _classnames["default"])("".concat(prefixCls, "__mask"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "__mask--global"), full), _defineProperty(_classNames, "".concat(prefixCls, "__mask--part"), !full), _defineProperty(_classNames, "".concat(prefixCls, "__mask--hide"), show === false), _classNames));
-      return /*#__PURE__*/_react["default"].createElement(PortalWrapper, {
-        mountNode: mountNode
-      }, children, /*#__PURE__*/_react["default"].createElement("div", {
-        className: maskCls
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "__outter")
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: iconCls
-      }, /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement("div", null)), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "__text")
-      }, tip))));
-    }
-  }]);
-
-  return Loading;
-}(_react.Component);
-
-_defineProperty(Loading, "propTypes", {
-  size: _propTypes["default"].oneOf(['large', 'default', 'small']),
-  full: _propTypes["default"].bool,
-  show: _propTypes["default"].bool,
-  tip: _propTypes["default"].string,
-  target: _propTypes["default"].any
-});
-
-_defineProperty(Loading, "defaultProps", {
-  size: 'default'
-});
-
-function PortalWrapper(_ref) {
-  var mountNode = _ref.mountNode,
-      children = _ref.children;
-  return mountNode ? /*#__PURE__*/_reactDom["default"].createPortal(children, mountNode) : /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefixCls, "__wrapper")
-  }, children);
-}
-
-function open() {
-  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      target = _ref2.target,
-      tip = _ref2.tip;
-
-  var renderNode = document.createElement('div');
-  var mountNode = target || document.body;
-  window.getComputedStyle(mountNode).position === 'absolute' || mountNode.style.setProperty('position', 'relative');
-  var full = !target;
-
-  _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(Loading, {
-    tip: tip,
-    full: full,
-    show: true,
-    target: mountNode
-  }), renderNode);
-
-  function close() {
-    renderNode && _reactDom["default"].unmountComponentAtNode(renderNode);
-    renderNode = undefined;
-  }
-
-  return {
-    close: close
-  };
-}
+var _default = (0, _util.depreactedPropsCompat)(['visible', 'show'])(_Loading["default"]);
 
-Loading.open = open;
-var _default = Loading;
 exports["default"] = _default;

package/es/locales/en-US.js

@@ -1,6 +1,10 @@
 "use strict";
 
-module.exports = {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
   misc: {
     components: 'Basic Components'
   },
@@ -8,12 +12,14 @@ module.exports = {
     ok: 'OK',
     to: 'to',
     placeholder: 'Select Date',
+    placeholderTimeperiod: 'Select Date Time',
     dateChoose: 'Select Date',
     timeChoose: 'Select Time',
     undefinedType: 'undefined type',
     lastWeek: 'Nearly week',
     lastMonth: 'Nearly month',
     lastThreeMonth: 'Nearly three months',
+    lastSixMonth: 'Nearly six months',
     lastYear: 'Nearly year',
     month: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
     monthShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
@@ -23,9 +29,12 @@ module.exports = {
       month: 'Select Month',
       year: 'Select Year',
       time: 'Select Time',
-      daterange: 'Select Date',
+      daterange: ['Select Start Date', 'Select End Date'],
+      yearrange: ['Select Start Year', 'Select End Year'],
+      monthrange: ['Select Start Month', 'Select End Month'],
       week: 'Select Week',
-      weekrange: 'Select Week'
+      weekrange: ['Select Start Week', 'Select End Week'],
+      timeperiod: ['Select Start Date Time', 'Select Start End Time']
     },
     timePeriod: 'Period',
     hours: 'H',
@@ -36,13 +45,12 @@ module.exports = {
     }
   },
   pagination: {
-    total: function total(_total) {
-      return 'Total ' + _total + ' items';
-    },
+    total: ['Total', 'items'],
+    simple: ['The', 'page', '', 'pages', 'items'],
     item: '',
     itemPerPage: 'Items per page',
     "goto": 'Goto',
-    page: 'page'
+    page: ''
   },
   cascader: {
     placeholder: 'Please select',
@@ -50,9 +58,17 @@ module.exports = {
   },
   select: {
     placeholder: 'Please select',
-    noFoundTip: 'Not found',
+    emptyContent: 'Not found',
+    searchPlaceholder: 'Please search',
     checkAll: 'Check all'
   },
+  transfer: {
+    checkAll: 'Check all',
+    items: 'items',
+    searchPlaceholder: 'Please search',
+    emptyContent: 'No data',
+    limit: 'Reached limit, unable to add'
+  },
   upload: {
     buttonText: 'Upload',
     uploadSuccess: 'Success',
@@ -62,6 +78,7 @@ module.exports = {
     drag: 'Drag and drop files for uploading',
     dragTips: 'Please click or drag and drop file upload',
     dragTipsLimited: 'The number has reached the upper limit',
+    preview: 'Preview',
     modalTiptitle: 'Upload failed',
     modalTiptxt: 'The upload file exceeds the specified upload file size',
     modalBtn: 'I know',
@@ -81,8 +98,27 @@ module.exports = {
   form: {
     colon: ':'
   },
+  tree: {
+    addNode: 'Add Node',
+    addChildNode: 'Add Child Node',
+    edit: 'Edit Node',
+    del: 'Delete',
+    confirm: 'Confirm',
+    cancel: 'Cancel',
+    nodePlaceholder: 'Please enter the node name',
+    searchPlaceholder: 'Keyword search',
+    searchEmptyResult: 'No serach results',
+    modalTitle: 'Warning',
+    delTips: 'Deleting a node will delete all child nodes, are you sure to delete this node?'
+  },
   table: {
+    highlight: 'highlight',
+    freeze: 'freeze',
+    hide: 'hide',
+    meanValue: 'mean value',
+    emptyText: 'No Data',
     checkAll: 'Check All',
     expand: 'Expand'
   }
-};
+};
+exports["default"] = _default;

package/es/locales/index.js

@@ -1,11 +1,25 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
+var _zhCN = _interopRequireDefault(require("./zh-CN"));
+
+var _enUS = _interopRequireDefault(require("./en-US"));
+
+var _zhHantHK = _interopRequireDefault(require("./zh-Hant-HK"));
+
+var _zhHantTW = _interopRequireDefault(require("./zh-Hant-TW"));
+
 var _default = {
-  'zh-CN': require('./zh-CN'),
-  'en-US': require('./en-US')
+  'zh-CN': _zhCN["default"],
+  'zh-Hans': _zhCN["default"],
+  'en-US': _enUS["default"],
+  'zh-Hant-HK': _zhHantHK["default"],
+  'zh-Hant-TW': _zhHantTW["default"]
 };
 exports["default"] = _default;