@hi-ui/hiui 2.15.11 → 2.15.12

package/es/watermark/watermark.js

@@ -0,0 +1,263 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var defaultOptions = {
+  id: null,
+  textAlign: 'left',
+  font: 'normal normal lighter 28px -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"',
+  color: 'rgba(148, 148, 148, 0.2)',
+  content: '请勿外传',
+  rotate: -30,
+  zIndex: 1000,
+  logo: null,
+  grayLogo: true,
+  // 是否对图标进行灰度处理
+  isAutoWrap: false,
+  // 文字是否自动换行
+  textOverflowEffect: 'zoom' // 当isAutoWrap 为 false 时，文本长度超出画布长度时的处理方式：  zoom - 缩小文字   cut - 截断文字
+
+};
+
+var parseTextData = function parseTextData(ctx, texts, width, isWrap) {
+  var content = [];
+  var lines = [];
+
+  if (texts instanceof Array) {
+    content = texts;
+  } else if (typeof texts === 'string') {
+    content.push(texts);
+  } else {
+    console.warn('Only support String Or Array');
+  }
+
+  if (isWrap) {
+    content.forEach(function (text) {
+      var curLine = '';
+      var _iteratorNormalCompletion = true;
+      var _didIteratorError = false;
+      var _iteratorError = undefined;
+
+      try {
+        for (var _iterator = text[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var _char = _step.value;
+          var nextLine = curLine + _char;
+
+          if (_char === '\n' || ctx.measureText(nextLine).width > width) {
+            lines.push(curLine);
+            curLine = _char === '\n' ? '' : _char;
+          } else {
+            curLine = nextLine;
+          }
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator["return"] != null) {
+            _iterator["return"]();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+
+      lines.push(curLine);
+    });
+    return lines;
+  } else {
+    return content;
+  }
+};
+
+var drawText = function drawText(ctx, options) {
+  var width = options.width,
+      _options$_w = options._w,
+      _w = _options$_w === void 0 ? width : _options$_w,
+      height = options.height,
+      textOverflowEffect = options.textOverflowEffect,
+      text = options.content,
+      font = options.font,
+      isAutoWrap = options.isAutoWrap,
+      logo = options.logo;
+
+  var oldBaseLine = ctx.textBaseline;
+  var x = 0;
+  var y = 16;
+  ctx.textBaseline = 'hanging';
+  /**
+   * LOGO 固定宽高： 32 * 32
+   * 内容区域为 画布宽度 - 48 （预留左右各24的 padding）
+   * 如含 LOGO ，文字的起始 X 坐标为： 24(padding-left) + 32(logo size) + 4(logo 与 text 间距)
+   */
+
+  var lineHeight = parseInt(font * 2); // ctx.font必须以'XXpx'开头
+
+  if (logo) {
+    x += 64;
+    _w -= 64;
+  }
+
+  var lines = parseTextData(ctx, text, width, isAutoWrap); // 计算 Y 的起始位置
+
+  var lineY = y + ctx.canvas.height / 2 - lineHeight * lines.length / 2;
+  var initLineY = lineY;
+  var _iteratorNormalCompletion2 = true;
+  var _didIteratorError2 = false;
+  var _iteratorError2 = undefined;
+
+  try {
+    for (var _iterator2 = lines[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+      var line = _step2.value;
+      var lineX = void 0;
+
+      if (ctx.textAlign === 'center') {
+        lineX = x + width + 40;
+      } else if (ctx.textAlign === 'right') {
+        lineX = x + width + 40;
+      } else {
+        lineX = x + 40;
+      }
+
+      if (textOverflowEffect === 'zoom') {
+        var size = parseInt(Math.sqrt((_w * _w + height * height) / 2));
+        ctx.fillText(line, lineX, lineY, size);
+      } else {
+        ctx.fillText(line, lineX, lineY);
+      }
+
+      lineY += lineHeight;
+    }
+  } catch (err) {
+    _didIteratorError2 = true;
+    _iteratorError2 = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion2 && _iterator2["return"] != null) {
+        _iterator2["return"]();
+      }
+    } finally {
+      if (_didIteratorError2) {
+        throw _iteratorError2;
+      }
+    }
+  }
+
+  ctx.textBaseline = oldBaseLine;
+  return initLineY - lineHeight / 2;
+};
+
+var drawLogo = function drawLogo(ctx, logo, cb) {
+  var img = new window.Image();
+  img.src = logo;
+
+  img.onload = function () {
+    ctx.globalAlpha = 0.2;
+    ctx.drawImage(img, 32, ctx.canvas.height / 2 - 16, 64, 64);
+    cb();
+  };
+};
+
+var toImage = function toImage(canvas, key, container, options) {
+  var base64Url = canvas.toDataURL();
+  var _options$opacity = options.opacity,
+      opacity = _options$opacity === void 0 ? 1 : _options$opacity;
+
+  var _top = (options._top || 0) + 'px';
+
+  var __wm = document.querySelector(".".concat(key));
+
+  var watermarkDiv = __wm || document.createElement('div');
+
+  var styleStr = "\n  position:absolute;\n  top:".concat(_top, ";\n  left:-50%;\n  top:-50%;\n  width:200%;\n  height:200%;\n  transform:scale(0.5);\n  z-index:").concat(options.zIndex, ";\n  pointer-events:none;\n  background-repeat:repeat;\n  visibility:visible !important;\n  display: block !important;\n  opacity: ").concat(opacity, " !important;\n  background-image:url('").concat(base64Url, "');\n  ").concat(options.grayLogo ? '-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none;' : '', "\n  ");
+  watermarkDiv.setAttribute('style', styleStr);
+
+  if (window.getComputedStyle(container).getPropertyValue('position') === 'static') {
+    container.style.position = 'relative';
+  }
+
+  watermarkDiv.classList.add(key);
+  container.insertBefore(watermarkDiv, container.firstChild);
+  var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
+
+  if (MutationObserver) {
+    var mo = new MutationObserver(function () {
+      var __wm = document.querySelector(".".concat(key));
+
+      var cs = __wm ? window.getComputedStyle(__wm) : {};
+
+      if (__wm && (__wm.getAttribute('style') !== styleStr || cs.visibility === 'hidden' || cs.display === 'none' || cs.opacity === 0) || !__wm) {
+        mo.disconnect();
+        mo = null;
+        WaterMarker(container, JSON.parse(JSON.stringify(options)));
+      }
+    });
+    mo.observe(container, {
+      attributes: true,
+      subtree: true,
+      childList: true
+    });
+  }
+};
+
+var WaterMarker = function WaterMarker(container, args) {
+  var _container = container || document.body;
+
+  var density = args.density;
+  var _markSize = {
+    width: 420,
+    height: 270
+  };
+
+  if (['low', 'high'].includes(density)) {
+    _markSize = {
+      width: density === 'low' ? 540 : 360,
+      height: density === 'low' ? 410 : 210
+    };
+  }
+
+  var options = Object.assign({}, defaultOptions, _markSize, args);
+  var id = options.id,
+      width = options.width,
+      height = options.height,
+      textAlign = options.textAlign,
+      textBaseline = options.textBaseline,
+      font = options.font,
+      color = options.color,
+      logo = options.logo,
+      rotate = options.rotate;
+  var key = 'hi-' + Math.floor(Math.random() * (9999 - 1000)) + 1000 + '__wm';
+
+  if (id && id.trim().length > 0 && !document.querySelector(id + '__wm')) {
+    key = id + '__wm';
+  }
+
+  var canvas = document.createElement('canvas');
+  var ctx = canvas.getContext('2d');
+  canvas.setAttribute('width', width + 'px');
+  canvas.setAttribute('height', height + 'px');
+  ctx.textAlign = textAlign;
+  ctx.textBaseline = textBaseline;
+  ctx.font = "normal normal lighter ".concat(Number(font * 2), "px -apple-system,BlinkMacSystemFont,\"Helvetica Neue\",Helvetica,Arial,\"Microsoft Yahei\",\"Hiragino Sans GB\",\"Heiti SC\",\"WenQuanYi Micro Hei\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\"");
+  ctx.fillStyle = color;
+  ctx.translate(width / 2, height / 2);
+  ctx.rotate(Math.PI / 180 * rotate);
+  ctx.translate(-width / 2, -height / 2);
+  drawText(ctx, options);
+
+  if (logo) {
+    drawLogo(ctx, logo, function () {
+      toImage(canvas, key, _container, options);
+    });
+  } else {
+    toImage(canvas, key, _container, options);
+  }
+};
+
+var _default = WaterMarker;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/hiui",
-  "version": "2.15.11",
+  "version": "2.15.12",
   "description": "HIUI for React",
   "scripts": {
     "test": "node_modules/.bin/standard && node_modules/.bin/stylelint --config .stylelintrc 'components/**/*.scss'",

package/es/alert/__test__/index.test.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
-
-var _ = _interopRequireDefault(require("../"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('Alert', function () {
-  beforeAll(function () {
-    jest.useFakeTimers();
-  });
-  afterAll(function () {
-    jest.useRealTimers();
-  }); // it('basic use', () => {
-  //   const wrapper = renderer.create(
-  //     <div>
-  //       <Alert type='info' message='新提示' />
-  //       <Alert type='success' message='成功' />
-  //       <Alert type='error' message='错误' />
-  //       <Alert type='warning' message='警告' />
-  //     </div>
-  //   )
-  //   expect(wrapper).toMatchSnapshot()
-  // })
-
-  it('could be closed', function () {
-    var onClose = jest.fn();
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      type: "info",
-      message: "\u4FE1\u606F\u63D0\u793A\u7684\u6587\u6848",
-      onClose: onClose
-    }));
-    wrapper.find('.close-btn').simulate('click');
-    expect(onClose).toBeCalled();
-    expect(wrapper.find('.hi-alert')).toHaveLength(0);
-  }); // it('props update', () => {
-  //   const onClose = jest.fn()
-  //   const wrapper = mount(
-  //     <Alert type='info' message='信息提示的文案' onClose={onClose} />
-  //   )
-  //   expect(wrapper.props().message).toEqual('信息提示的文案')
-  //   wrapper.setProps({message: '新方案'})
-  //   expect(wrapper.props().message).toEqual('新方案')
-  // })
-
-  it('auto close', function () {
-    var onClose = jest.fn();
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      type: "info",
-      message: "\u4FE1\u606F\u63D0\u793A\u7684\u6587\u6848",
-      autoClose: true,
-      closeable: false,
-      onClose: onClose
-    }));
-    expect(wrapper.find('.hi-alert')).toHaveLength(1);
-    expect(onClose).not.toBeCalled();
-    jest.runAllTimers();
-    expect(onClose).toBeCalled(); // expect(onClose).toHaveBeenCalledTimes(1)
-    // expect(wrapper.find('.hi-alert')).toHaveLength(0)
-    // expect(wrapper.find('.hi-alert').exists()).toBeTruthy()
-  });
-});

package/es/button/__test__/index.test.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _ = _interopRequireDefault(require("../"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var wrapper;
-var clickCallback = jest.fn(function (val) {
-  return val;
-});
-describe('Dropdown', function () {
-  beforeEach(function () {});
-  afterEach(function () {
-    wrapper && wrapper.unmount();
-    clickCallback.mockClear();
-  });
-  it('点击事件', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
-      onClick: clickCallback,
-      type: "primary"
-    }, "\u7A81\u51FA\u6309\u94AE")));
-    wrapper.find(_["default"]).simulate('click');
-    expect(clickCallback).toHaveBeenCalled();
-  });
-});

package/es/cascader/__test__/index.test.js

@@ -1,283 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _ = _interopRequireDefault(require("../"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var wrapper;
-var changeCallback = jest.fn(function (value) {
-  return value;
-});
-var activeItemChangeCallback = jest.fn(function (value) {
-  return value;
-});
-jest.mock('lodash/debounce', function () {
-  return jest.fn(function (fn) {
-    return fn;
-  });
-});
-var options = [{
-  value: '手机',
-  label: '手机',
-  children: [{
-    value: '小米',
-    label: '小米',
-    children: [{
-      value: '小米3',
-      label: '小米3'
-    }, {
-      value: '小米4',
-      label: '小米4'
-    }]
-  }, {
-    value: '红米',
-    label: '红米',
-    children: [{
-      value: '红米3',
-      label: '红米3',
-      disabled: true
-    }, {
-      value: '红米4',
-      label: '红米4'
-    }]
-  }]
-}, {
-  value: '电视',
-  label: '电视',
-  children: [{
-    value: '小米电视4A',
-    label: '小米电视4A'
-  }, {
-    value: '小米电视4C',
-    label: '小米电视4C'
-  }]
-}];
-describe('Cascader', function () {
-  beforeEach(function () {
-    jest.useFakeTimers();
-    jest.setTimeout(10000);
-  });
-  afterEach(function () {
-    wrapper && wrapper.unmount();
-    changeCallback.mockClear();
-    activeItemChangeCallback.mockClear();
-    jest.useRealTimers();
-  });
-  it('禁用', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      onChange: changeCallback,
-      disabled: true,
-      options: options,
-      style: {
-        width: '220px'
-      }
-    }));
-    expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(0);
-    wrapper.find('.hi-cascader__input-container').simulate('click'); // 展开
-
-    expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(0);
-  });
-  it('基础用法', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      onChange: changeCallback,
-      options: options,
-      style: {
-        width: '220px'
-      },
-      value: ['手机', '红米', '红米4']
-    })); // 测试默认值
-
-    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '红米', '红米4']);
-    expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(0);
-    wrapper.find('.hi-cascader__input-container').simulate('click'); // 展开
-
-    expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(1); // 测试默认值选中
-
-    expect(document.querySelectorAll('.hi-cascader-menu')[0].querySelector('.hi-cascader-menu__item-active').textContent).toEqual('手机');
-    expect(document.querySelectorAll('.hi-cascader-menu')[1].querySelector('.hi-cascader-menu__item-active').textContent).toEqual('红米');
-    expect(document.querySelectorAll('.hi-cascader-menu')[2].querySelector('.hi-cascader-menu__item-active').textContent).toEqual('红米4'); // 测试禁用项不可点击
-
-    document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')[0].click();
-    expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(1);
-    expect(changeCallback).not.toHaveBeenCalled(); // 切换
-
-    document.querySelectorAll('.hi-cascader-menu')[1].querySelectorAll('.hi-cascader-menu__item')[0].click();
-    expect(document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')).toHaveLength(2);
-    expect(document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')[0].textContent).toEqual('小米3');
-    expect(document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')[1].textContent).toEqual('小米4'); // 选中小米3
-
-    document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')[0].click();
-    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '小米', '小米3']);
-    expect(changeCallback).toHaveBeenCalledTimes(1);
-    expect(changeCallback.mock.results[0].value).toEqual(['手机', '小米', '小米3']);
-    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1); // 收起
-  });
-  it('自定义字段名', function () {
-    var options = [{
-      goodsId: '手机',
-      goodsName: '手机',
-      subGoods: [{
-        goodsId: '小米',
-        goodsName: '小米',
-        subGoods: [{
-          goodsId: '小米3',
-          goodsName: '小米3'
-        }, {
-          goodsId: '小米4',
-          goodsName: '小米4'
-        }]
-      }, {
-        goodsId: '红米',
-        goodsName: '红米',
-        subGoods: [{
-          goodsId: '红米3',
-          goodsName: '红米3'
-        }, {
-          goodsId: '红米4',
-          goodsName: '红米4'
-        }]
-      }]
-    }, {
-      goodsId: '电视',
-      goodsName: '电视',
-      subGoods: [{
-        goodsId: '小米电视4A',
-        goodsName: '小米电视4A'
-      }, {
-        goodsId: '小米电视4C',
-        goodsName: '小米电视4C'
-      }]
-    }];
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      onChange: changeCallback,
-      fieldNames: {
-        label: 'goodsName',
-        value: 'goodsId',
-        children: 'subGoods'
-      },
-      value: ['手机', '红米', '红米4'],
-      options: options,
-      style: {
-        width: '220px'
-      }
-    })); // 测试默认值
-
-    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '红米', '红米4']);
-    expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(0);
-    wrapper.find('.hi-cascader__input-container').simulate('click'); // 展开
-
-    expect(document.querySelectorAll('.hi-cascader__popper')).toHaveLength(1); // 测试默认值选中
-
-    expect(document.querySelectorAll('.hi-cascader-menu')[0].querySelector('.hi-cascader-menu__item-active').textContent).toEqual('手机');
-    expect(document.querySelectorAll('.hi-cascader-menu')[1].querySelector('.hi-cascader-menu__item-active').textContent).toEqual('红米');
-    expect(document.querySelectorAll('.hi-cascader-menu')[2].querySelector('.hi-cascader-menu__item-active').textContent).toEqual('红米4'); // 选中红米3
-
-    document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')[0].click();
-    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '红米', '红米3']);
-    expect(changeCallback).toHaveBeenCalledTimes(1);
-    expect(changeCallback.mock.results[0].value).toEqual(['手机', '红米', '红米3']);
-    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1); // 收起
-  });
-  it('选择即改变', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      onActiveItemChange: activeItemChangeCallback,
-      onChange: changeCallback,
-      changeOnSelect: true,
-      options: options,
-      style: {
-        width: '220px'
-      }
-    })); // 测试默认值
-
-    expect(wrapper.find('Cascader').state().cascaderValue).toEqual([]);
-    wrapper.find('.hi-cascader__input-container').simulate('click'); // 展开
-
-    document.querySelectorAll('.hi-cascader-menu')[0].querySelectorAll('.hi-cascader-menu__item')[0].click(); // test onChange
-
-    expect(changeCallback).toHaveBeenCalledTimes(1);
-    expect(changeCallback.mock.results[0].value).toEqual(['手机']); // test onActiveItemChange
-
-    expect(activeItemChangeCallback).toHaveBeenCalledTimes(1);
-    expect(activeItemChangeCallback.mock.results[0].value).toEqual(['手机']);
-    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机']);
-    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(0); // 未收起
-
-    document.querySelectorAll('.hi-cascader-menu')[1].querySelectorAll('.hi-cascader-menu__item')[0].click(); // test onChange
-
-    expect(changeCallback).toHaveBeenCalledTimes(2);
-    expect(changeCallback.mock.results[1].value).toEqual(['手机', '小米']); // test onActiveItemChange
-
-    expect(activeItemChangeCallback).toHaveBeenCalledTimes(2);
-    expect(activeItemChangeCallback.mock.results[1].value).toEqual(['手机', '小米']);
-    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '小米']);
-    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(0); // 未收起
-
-    document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')[0].click(); // test onChange
-
-    expect(changeCallback).toHaveBeenCalledTimes(3);
-    expect(changeCallback.mock.results[2].value).toEqual(['手机', '小米', '小米3']); // test onActiveItemChange
-
-    expect(activeItemChangeCallback).toHaveBeenCalledTimes(2);
-    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '小米', '小米3']);
-    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1); // 收起
-  });
-  it('自定义显示', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      onChange: changeCallback,
-      options: options,
-      style: {
-        width: '220px'
-      },
-      displayRender: function displayRender(values) {
-        return values.join(' > ');
-      }
-    }));
-    wrapper.find('.hi-cascader__input-container').simulate('click'); // 展开
-
-    document.querySelectorAll('.hi-cascader-menu')[0].querySelectorAll('.hi-cascader-menu__item')[0].click();
-    document.querySelectorAll('.hi-cascader-menu')[1].querySelectorAll('.hi-cascader-menu__item')[0].click();
-    document.querySelectorAll('.hi-cascader-menu')[2].querySelectorAll('.hi-cascader-menu__item')[0].click();
-    expect(changeCallback).toHaveBeenCalledTimes(1);
-    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '小米', '小米3']);
-    expect(wrapper.find('.hi-cascader__input-keyword').instance().value).toEqual('手机 > 小米 > 小米3');
-    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1); // 收起
-  });
-  it('搜索', function () {
-    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_["default"], {
-      onChange: changeCallback,
-      noFoundTip: "\u672A\u641C\u7D22\u5230\u76F8\u5173\u5185\u5BB9",
-      searchable: true,
-      options: options,
-      style: {
-        width: '220px'
-      }
-    }));
-    wrapper.find('.hi-cascader__input-container').simulate('click'); // 展开
-
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: '00'
-      }
-    }); // 无搜索结果
-
-    wrapper.find('input').simulate('keyUp');
-    expect(document.querySelectorAll('.hi-cascader-menu')).toHaveLength(1);
-    expect(document.querySelector('.hi-cascader-menu__item').textContent).toEqual('未搜索到相关内容');
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: '3'
-      }
-    });
-    wrapper.find('input').simulate('keyUp');
-    expect(document.querySelectorAll('.hi-cascader-menu')).toHaveLength(1);
-    expect(document.querySelectorAll('.hi-cascader-menu__item')).toHaveLength(2);
-    document.querySelectorAll('.hi-cascader-menu__item')[0].click();
-    expect(changeCallback).toHaveBeenCalledTimes(1);
-    expect(wrapper.find('Cascader').state().cascaderValue).toEqual(['手机', '小米', '小米3']);
-    expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1); // 收起
-  });
-});