@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/select-tree/keyEvents.js

@@ -1,121 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.leftHandle = exports.rightHandle = exports.moveFocusedIndex = void 0;
-
-var _util = require("./components/tree/util");
-
-var _EventEmitter = _interopRequireDefault(require("../_util/EventEmitter"));
-
-/**
- * 移动节点函数
- * @param {String} direction 移动方向 up | down
- * @param {String | number} activeId 当前选中的节点ID
- * @param {Object } selectTreeRoot 根节点
- */
-var moveFocusedIndex = function moveFocusedIndex(direction, activeId, selectTreeRoot) {
-  var allSelectTreeNodes = document.querySelectorAll('*[data-selecttree-id]');
-  var focusedIndex = 0;
-  var _activeId = activeId;
-  allSelectTreeNodes.forEach(function (ele, index) {
-    var id = ele.getAttribute('data-selecttree-id');
-
-    if (_activeId === id) {
-      focusedIndex = index;
-    }
-  });
-
-  if (direction === 'down') {
-    focusedIndex++;
-    _activeId = allSelectTreeNodes[focusedIndex] ? allSelectTreeNodes[focusedIndex].getAttribute('data-selecttree-id') : allSelectTreeNodes[focusedIndex = 0].getAttribute('data-selecttree-id');
-  } else {
-    focusedIndex--;
-    _activeId = allSelectTreeNodes[focusedIndex] ? allSelectTreeNodes[focusedIndex].getAttribute('data-selecttree-id') : allSelectTreeNodes[focusedIndex = allSelectTreeNodes.length - 1].getAttribute('data-selecttree-id');
-  }
-
-  if (selectTreeRoot.current) {
-    selectTreeRoot.current.scrollTop = (focusedIndex - 6) * 36;
-  }
-
-  return _activeId;
-};
-/**
- * @typedef {Object} RightOrLeftHandleParam 左右键处理函数参数
- * @property {Number | String} activeId 当前选中的节点ID
- * @property {Array} flattenData 被拉平的数据
- * @property {Array: Object} expandIds 展开的节点数据
- * @property {Function} expandEvents 展开处理函数
- * @property {Function} setActiveId 设置选中节点ID
- * @property {String} mode normal | breadcrumb
- */
-
-/**
- * 右方向键处理函数
- * @param {RightOrLeftHandleParam} RightOrLeftHandleParam RightOrLeftHandleParam
- */
-
-
-exports.moveFocusedIndex = moveFocusedIndex;
-
-var rightHandle = function rightHandle(_ref) {
-  var activeId = _ref.activeId,
-      flattenData = _ref.flattenData,
-      expandIds = _ref.expandIds,
-      expandEvents = _ref.expandEvents,
-      setActiveId = _ref.setActiveId,
-      mode = _ref.mode,
-      fieldNames = _ref.fieldNames;
-  var node = (0, _util.getNodeByIdTitle)(activeId, flattenData);
-  var isExpand = expandIds.includes(node[(0, _util.transKeys)(fieldNames, 'id')]);
-  var childNodes = (0, _util.getChildrenNodes)(node, flattenData);
-
-  if (mode === 'breadcrumb') {
-    _EventEmitter["default"].emit('$onNodeClick', node, childNodes);
-  } else {
-    if (!isExpand) {
-      expandEvents(node, !isExpand);
-    } else {
-      // 跳到第一个子节点
-      childNodes && childNodes.length > 0 && setActiveId(childNodes[0][(0, _util.transKeys)(fieldNames, 'id')]);
-    }
-  }
-};
-/**
- * 左方向键处理函数
- * @param {RightOrLeftHandleParam} RightOrLeftHandleParam RightOrLeftHandleParam
- */
-
-
-exports.rightHandle = rightHandle;
-
-var leftHandle = function leftHandle(_ref2) {
-  var activeId = _ref2.activeId,
-      flattenData = _ref2.flattenData,
-      expandIds = _ref2.expandIds,
-      expandEvents = _ref2.expandEvents,
-      setActiveId = _ref2.setActiveId,
-      mode = _ref2.mode,
-      fieldNames = _ref2.fieldNames;
-  var node = (0, _util.getNodeByIdTitle)(activeId, flattenData);
-  var isExpand = expandIds.includes(node[(0, _util.transKeys)(fieldNames, 'id')]);
-  var parentNodes = (0, _util.getParentNode)(node, flattenData);
-
-  if (mode === 'breadcrumb') {
-    _EventEmitter["default"].emit('$onBreadClick');
-
-    return;
-  }
-
-  if (isExpand) {
-    expandEvents(node, !isExpand);
-  } else {
-    // 跳到其父节点
-    parentNodes && parentNodes[(0, _util.transKeys)(fieldNames, 'id')] && setActiveId(parentNodes[(0, _util.transKeys)(fieldNames, 'id')]);
-  }
-};
-
-exports.leftHandle = leftHandle;

package/es/select-tree/style/index.css

@@ -1 +0,0 @@
-.hi-selecttree{width:100%;outline:none;cursor:pointer}.hi-selecttree__input{height:32px;line-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;text-align:left;padding:0 0 0 12px;background-color:var(--color-white);color:var(--color-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hi-selecttree__input.bordered{border:1px solid var(--color-gray-30)}.hi-selecttree__input .hi-icon+.hi-selecttree__icon-close{margin-left:0}.hi-selecttree__input-items--left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px;height:22px;line-height:22px;font-size:12px;color:var(--color-black);background-color:var(--color-gray-10);border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-selecttree__input:hover{border-color:var(--color-primary)}.hi-selecttree__input:hover .hi-selecttree__input--expand.clearable{display:none}.hi-selecttree__input:hover .hi-selecttree__icon-close{display:block}.hi-selecttree__input:hover .hi-selecttree__icon-close:hover{color:var(--color-black)}.hi-selecttree__input--focus{border-color:var(--color-primary)}.hi-selecttree__input--disabled{color:var(--color-gray-50);background-color:var(--color-gray-10);border:1px solid var(--color-gray-30);cursor:not-allowed}.hi-selecttree__input--disabled:hover{border-color:var(--color-gray-30)}.hi-selecttree__input--disabled:hover .hi-selecttree__input--expand.clearable{display:block;cursor:not-allowed}.hi-selecttree__input--disabled:hover .hi-selecttree__icon-close{display:none}.hi-selecttree__input--disabled:hover .hi-selecttree__selecteditem-remove{cursor:not-allowed}.hi-selecttree__input--single .hi-selecttree__selecteditem{background:none;padding-left:0}.hi-selecttree__input--placeholder{color:var(--color-gray-50)}.hi-selecttree__input-icon{margin:0 12px;cursor:pointer;color:#434343}.hi-selecttree__selected-wrapper{-webkit-box-flex:1;-ms-flex:1 0 80%;flex:1 0 80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-selecttree__icon-close{color:var(--color-gray-50);display:none}.hi-selecttree__selected--hidden{visibility:hidden;position:absolute;z-index:-1}.hi-selecttree__selected--hidden span{padding:0 16px}.hi-selecttree__selecteditem{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;height:22px;line-height:22px;padding:0 20px 0 10px;margin:0 2px;overflow:hidden;vertical-align:middle;background-color:var(--color-gray-20);border-radius:2px;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-selecttree__selecteditem-name{font-size:13px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hi-selecttree__selecteditem-remove{cursor:pointer;display:inline-block;font-size:12px;position:absolute;top:0;right:4px;padding:0 0 0 8px}.hi-selecttree__popper{background:var(--color-white);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);border-radius:2px;max-height:320px;overflow:hidden}.hi-selecttree__root{font-size:14px;width:100%;max-height:320px;overflow:hidden}.hi-selecttree--hassearch{padding:8px 0 0 0}.hi-selecttree__searchbar-wrapper{background-color:var(--color-white);width:100%;padding:0 12px;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-selecttree__searchbar-inner{height:36px;border-bottom:1px solid var(--color-gray-30);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 2px}.hi-selecttree__searchbar-inner .hi-selecttree_searchbar__icon-close{color:var(--color-gray-50);cursor:pointer}.hi-selecttree__searchbar-inner .hi-selecttree_searchbar__icon-close:hover{color:var(--color-black)}.hi-selecttree__searchinput{width:100%;height:100%;border:none;outline:none;padding:0 10px}.hi-selecttree__panel{padding:12px}

package/es/select-tree/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.css");

package/es/slider/index.d.ts

@@ -1,22 +0,0 @@
-import React from "react"
-
-export interface SliderProps {
-  type?: 'primary' | 'danger' | 'success' | 'warning'
-  defaultValue?: number
-  value?: number
-  min?: number
-  max?: number
-  style?: React.CSSProperties
-  className?: string
-  disabled?: boolean
-  showRangeLabel?: boolean
-  tipFormatter?: (value: number) => JSX.Element
-  marks?: {
-    [prop: number]: any
-  }
-  step?: number
-  vertical?: boolean
-  onChange?: (value: number) => void
-}
-declare const Slider: React.ComponentType<SliderProps>
-export default Slider

package/es/slider/index.js

@@ -1,491 +0,0 @@
-"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./style");
-
-var _useClickOutside = _interopRequireDefault(require("../popper/utils/useClickOutside"));
-
-var _reactTransitionGroup = require("react-transition-group");
-
-var _context = _interopRequireDefault(require("../context"));
-
-var prefixCls = 'hi-slider';
-
-var noop = function noop() {};
-
-var Slider = /*#__PURE__*/(0, _react.memo)(function (_ref) {
-  var _classNames, _ref2;
-
-  var _ref$defaultValue = _ref.defaultValue,
-      defaultValue = _ref$defaultValue === void 0 ? 0 : _ref$defaultValue,
-      initMax = _ref.max,
-      initMin = _ref.min,
-      _ref$step = _ref.step,
-      step = _ref$step === void 0 ? 1 : _ref$step,
-      vertical = _ref.vertical,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
-      initValue = _ref.value,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      tipFormatter = _ref.tipFormatter,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'primary' : _ref$type,
-      _ref$marks = _ref.marks,
-      marks = _ref$marks === void 0 ? {} : _ref$marks,
-      theme = _ref.theme,
-      _ref$showRangeLabel = _ref.showRangeLabel,
-      showRangeLabel = _ref$showRangeLabel === void 0 ? false : _ref$showRangeLabel;
-
-  // 是否可拖动
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      canMove = _useState2[0],
-      setCanMove = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      startX = _useState4[0],
-      setStartX = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      startY = _useState6[0],
-      setStartY = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(0),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      newRightPosition = _useState8[0],
-      setNewRightPosition = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(0),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      startPosition = _useState10[0],
-      setStartPosition = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(1),
-      _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-      positionStep = _useState12[0],
-      setPositionStep = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(false),
-      _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-      showTooltip = _useState14[0],
-      setShowTooltip = _useState14[1];
-
-  var _useState15 = (0, _react.useState)(0),
-      _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
-      firstTime = _useState16[0],
-      setFirstTime = _useState16[1];
-
-  var _useState17 = (0, _react.useState)(0),
-      _useState18 = (0, _slicedToArray2["default"])(_useState17, 2),
-      lastTime = _useState18[0],
-      setLastTime = _useState18[1];
-
-  var _useState19 = (0, _react.useState)(false),
-      _useState20 = (0, _slicedToArray2["default"])(_useState19, 2),
-      isMove = _useState20[0],
-      setIsMove = _useState20[1];
-
-  var _useState21 = (0, _react.useState)(initMax || 100),
-      _useState22 = (0, _slicedToArray2["default"])(_useState21, 2),
-      max = _useState22[0],
-      setMax = _useState22[1];
-
-  var _useState23 = (0, _react.useState)(initMin || 0),
-      _useState24 = (0, _slicedToArray2["default"])(_useState23, 2),
-      min = _useState24[0],
-      setMin = _useState24[1];
-
-  var _useState25 = (0, _react.useState)(true),
-      _useState26 = (0, _slicedToArray2["default"])(_useState25, 2),
-      isInitPage = _useState26[0],
-      setIsInitPage = _useState26[1];
-
-  var sliderRef = (0, _react.useRef)();
-  var tooltipRef = (0, _react.useRef)();
-  var getValue = (0, _react.useCallback)(function (value) {
-    if (value === undefined) {
-      return value;
-    }
-
-    if (value > max) {
-      value = max;
-    } else if (value < min) {
-      value = min;
-    }
-
-    return value;
-  }, [max, min]);
-
-  var _useState27 = (0, _react.useState)(initValue !== undefined ? getValue(initValue) : getValue(defaultValue)),
-      _useState28 = (0, _slicedToArray2["default"])(_useState27, 2),
-      value = _useState28[0],
-      setValue = _useState28[1];
-
-  (0, _useClickOutside["default"])(function (e) {
-    setShowTooltip(false);
-  }, document.querySelector("#".concat(prefixCls)));
-  (0, _react.useEffect)(function () {
-    if (initMax !== undefined && initMin !== undefined) {
-      if (initMax < initMin) {
-        setMax(initMin);
-        setMin(initMax);
-      }
-    }
-  }, []);
-  (0, _react.useEffect)(function () {
-    setMax(initMax || 100);
-  }, [initMax]);
-  (0, _react.useEffect)(function () {
-    setMin(initMin || 0);
-  }, [initMin]); // value 改变更新长度和位置
-
-  (0, _react.useEffect)(function () {
-    var _value = initValue !== undefined ? getValue(initValue) : getValue(value);
-
-    setNewRightPosition(getTrackWidth(_value));
-
-    if (!isInitPage) {
-      setShowTooltip(true);
-    }
-  }, [value, initValue]);
-  (0, _react.useEffect)(function () {
-    setIsInitPage(false);
-  });
-  (0, _react.useEffect)(function () {
-    setIsInitPage(true);
-  }, []);
-  (0, _react.useEffect)(function () {
-    // 每一份步长对应在父元素的百分比
-    setPositionStep(step / (max - min) * 100); // 设置初始位置
-
-    setStartPosition((value - min) / (max - min) * 100);
-  }, [max, min]); // <- -> 键盘事件
-
-  var onKeyDown = (0, _react.useCallback)(function (e) {
-    // home: 36 end: 35
-    if (e.keyCode === 36) {
-      e.preventDefault();
-      setStartPosition(0);
-      setValue(min);
-      onChange(min);
-    }
-
-    if (e.keyCode === 35) {
-      e.preventDefault();
-      setStartPosition(100);
-      setValue(max);
-      onChange(max);
-    } // 方向键
-
-
-    if ([37, 38, 39, 40].includes(e.keyCode)) {
-      e.preventDefault();
-
-      var _value = e.keyCode === 37 || e.keyCode === 38 ? value - step : value + step;
-
-      if (_value < min) {
-        _value = min;
-      } else if (_value > max) {
-        _value = max;
-      }
-
-      setStartPosition((_value - min) / (max - min) * 100);
-
-      if (initValue === undefined) {
-        setValue(_value);
-      }
-
-      onChange(_value);
-    }
-  }, [value, max, min]);
-  (0, _react.useEffect)(function () {
-    if (initValue !== undefined) {
-      var _value = getValue(initValue);
-
-      setValue(_value);
-    }
-  }, [initValue]); // 移动
-
-  var onMouseMove = (0, _react.useCallback)(function (e) {
-    if (canMove) {
-      setIsMove(true);
-      var parent = sliderRef.current;
-
-      var _parent$getBoundingCl = parent.getBoundingClientRect(),
-          sliderWidth = _parent$getBoundingCl.width,
-          sliderHeight = _parent$getBoundingCl.height,
-          sliderRight = _parent$getBoundingCl.right,
-          sliderLeft = _parent$getBoundingCl.left,
-          sliderTop = _parent$getBoundingCl.top,
-          sliderBottom = _parent$getBoundingCl.bottom;
-
-      var diff = 0;
-      var changeValue = 0;
-
-      if (vertical) {
-        diff = -Math.round((e.clientY - startY) / sliderHeight * 100 / positionStep) * positionStep;
-      } else {
-        diff = Math.round((e.clientX - startX) / sliderWidth * 100 / positionStep) * positionStep;
-      } // 开始位置 + 偏移位置
-
-
-      var position = startPosition + diff; // 边界判断
-
-      if (position <= 0) {
-        position = 0;
-
-        if (vertical) {
-          setStartY(sliderBottom);
-        } else {
-          setStartX(sliderLeft);
-        }
-
-        setStartPosition(position);
-      } else if (position >= 100) {
-        position = 100;
-
-        if (vertical) {
-          setStartY(sliderTop);
-        } else {
-          setStartX(sliderRight);
-        }
-
-        setStartPosition(position);
-      }
-
-      changeValue = min + Math.round((max - min) * position / 100);
-
-      if (changeValue < min) {
-        changeValue = min;
-      } else if (changeValue > max) {
-        changeValue = max;
-      }
-
-      if (initValue === undefined) {
-        setValue(changeValue);
-      }
-
-      onChange(changeValue);
-    }
-  }, [canMove, positionStep, startPosition, max, min]);
-  var onMouseUp = (0, _react.useCallback)(function (e) {
-    e.stopPropagation();
-    setLastTime(new Date().getTime());
-    setStartPosition(newRightPosition);
-    setCanMove(false);
-    setIsMove(false);
-  }, [newRightPosition]);
-  (0, _react.useEffect)(function () {
-    if (disabled) {
-      return;
-    }
-
-    if (canMove) {
-      document.body.onmouseup = onMouseUp;
-      document.body.onmousemove = onMouseMove;
-    } else {
-      document.body.onmouseup = null;
-      document.body.onmousemove = null;
-    }
-  }, [canMove, disabled, onMouseUp, onMouseMove]); // 获取 track 宽度
-
-  var getTrackWidth = (0, _react.useCallback)(function (value) {
-    return (value - min) / (max - min) * 100;
-  }, [value, max, min]); // 鼠标落下
-
-  var onMouseDown = (0, _react.useCallback)(function (e) {
-    setFirstTime(new Date().getTime());
-
-    if (disabled) {
-      return;
-    }
-
-    var clientX = e.clientX,
-        clientY = e.clientY;
-    setCanMove(true);
-    setIsMove(true);
-    setStartPosition(getTrackWidth(value));
-
-    if (vertical) {
-      setStartY(clientY);
-    } else {
-      setStartX(clientX);
-    }
-  }, [disabled, vertical, getTrackWidth]); // 鼠标移入展示tooltip
-
-  var onMouseEnter = (0, _react.useCallback)(function () {
-    setShowTooltip(true);
-  }, [value]); // 点击滑块
-
-  var onHandleClick = (0, _react.useCallback)(function (e) {
-    if (lastTime - firstTime < 200) {
-      e.stopPropagation();
-      setShowTooltip(true);
-    }
-  }, [lastTime, firstTime]); // slider 点击
-
-  var railClick = (0, _react.useCallback)(function (e) {
-    if (disabled) {
-      return;
-    }
-
-    var parent = sliderRef.current;
-    var diff = 0;
-    var position;
-
-    var _parent$getBoundingCl2 = parent.getBoundingClientRect(),
-        sliderWidth = _parent$getBoundingCl2.width,
-        sliderHeight = _parent$getBoundingCl2.height,
-        left = _parent$getBoundingCl2.left;
-
-    var _tooltipRef$current$g = tooltipRef.current.getBoundingClientRect(),
-        x = _tooltipRef$current$g.x,
-        y = _tooltipRef$current$g.y;
-
-    if (vertical) {
-      diff = -Math.round((e.clientY - y) / sliderHeight * 100 / positionStep) * positionStep;
-      position = newRightPosition + diff;
-    } else {
-      diff = Math.round((e.clientX - x) / sliderWidth * 100 / positionStep) * positionStep;
-      position = e.clientX <= left ? 0 : newRightPosition + diff;
-    }
-
-    if (position <= 0) {
-      position = 0;
-    } else if (position >= 100) {
-      position = 100;
-    }
-
-    var value = min + Math.round((max - min) * position / 100);
-
-    if (initValue === undefined) {
-      setValue(value);
-    }
-
-    setStartPosition(position);
-    onChange(value);
-  }, [positionStep, newRightPosition, vertical, disabled, max, min]); // 点击marks上的点
-
-  var onMarksClick = (0, _react.useCallback)(function (e, value) {
-    e.stopPropagation();
-
-    if (initValue === undefined) {
-      setValue(value);
-      setStartPosition((value - min) / (max - min) * 100);
-    }
-
-    onChange(value);
-  }, [max, min]);
-  var sliderClasses = (0, _classnames["default"])(prefixCls, "theme__".concat(theme), (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "--disabled"), disabled), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "--vertical"), vertical), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "--").concat(type), true), _classNames));
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: sliderClasses,
-    ref: sliderRef,
-    id: prefixCls
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefixCls, "__rail"),
-    onClick: railClick
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefixCls, "__track"),
-    style: (_ref2 = {}, (0, _defineProperty2["default"])(_ref2, !vertical ? 'width' : 'height', "".concat(newRightPosition.toFixed(4), "%")), (0, _defineProperty2["default"])(_ref2, !vertical ? 'left' : 'bottom', 0), _ref2),
-    onClick: railClick
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(prefixCls, "__handle")),
-    onMouseDown: onMouseDown,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: function onMouseLeave() {
-      if (!isMove) {
-        setShowTooltip(false);
-      }
-    },
-    ref: tooltipRef,
-    onClick: onHandleClick,
-    style: (0, _defineProperty2["default"])({}, !vertical ? 'left' : 'top', "".concat(!vertical ? newRightPosition.toFixed(4) : (100 - newRightPosition).toFixed(4), "%")),
-    tabIndex: "0",
-    onKeyDown: onKeyDown,
-    onBlur: function onBlur(e) {
-      setShowTooltip(false);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
-    "in": showTooltip,
-    timeout: 300,
-    classNames: "".concat(prefixCls, "__tooltip"),
-    className: "".concat(prefixCls, "__tooltip")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      position: 'absolute',
-      top: !vertical ? 0 : 5,
-      left: !vertical ? 5 : 10,
-      width: '100%'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-popper__container",
-    style: {
-      left: 0,
-      top: 0,
-      zIndex: 1070
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('hi-tooltip__popper', 'hi-popper__content', (0, _defineProperty2["default"])({}, "hi-popper__content--".concat(vertical ? 'right' : 'top'), true)),
-    style: {
-      width: 'auto'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('hi-tooltip-base', (0, _defineProperty2["default"])({}, "hi-tooltip-".concat(vertical ? 'right' : 'top'), true))
-  }, tipFormatter ? tipFormatter(value) : value)))))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefixCls, "__step"),
-    onClick: railClick
-  }, Object.keys(marks).map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])("".concat(prefixCls, "__step-dot"), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "__step-dotDisabled"), value <= (item - min) / (max - min) * 100)),
-      key: index,
-      style: (0, _defineProperty2["default"])({}, !vertical ? 'left' : 'bottom', (item - min) / (max - min) * 100 + '%'),
-      onClick: function onClick(e) {
-        return onMarksClick(e, (item - min) / (max - min) * 100);
-      }
-    });
-  })), (showRangeLabel || Object.entries(marks).length !== 0) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefixCls, "__stepText")
-  }, Object.keys(marks).length ? Object.entries(marks).map(function (_ref5, index) {
-    var _ref7;
-
-    var _ref6 = (0, _slicedToArray2["default"])(_ref5, 2),
-        key = _ref6[0],
-        item = _ref6[1];
-
-    return /*#__PURE__*/_react["default"].createElement("span", {
-      className: "".concat(prefixCls, "__stepText-dot"),
-      key: index,
-      style: (_ref7 = {}, (0, _defineProperty2["default"])(_ref7, !vertical ? 'left' : 'bottom', (key - min) / (max - min) * 100 + '%'), (0, _defineProperty2["default"])(_ref7, "transform", !vertical ? 'translateX(-50%)' : 'translateY(50%)'), _ref7),
-      onClick: function onClick(e) {
-        onMarksClick(e, (key - min) / (max - min) * 100);
-      }
-    }, item);
-  }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, min !== undefined && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefixCls, "__min ").concat(prefixCls, "__stepText-dot")
-  }, min), max !== undefined && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefixCls, "__max ").concat(prefixCls, "__stepText-dot")
-  }, max))));
-});
-
-var _default = (0, _context["default"])(Slider);
-
-exports["default"] = _default;

package/es/slider/style/index.css

@@ -1 +0,0 @@
-.hi-slider{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-gray-80);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;position:relative;height:12px;margin:10px 6px;padding:4px 0}.hi-slider.hi-slider--disabled{cursor:not-allowed}.hi-slider.hi-slider--disabled .hi-slider__track{background:var(--color-gray-50)}.hi-slider.hi-slider--disabled .hi-slider__handle{border-color:var(--color-gray-50)}.hi-slider.hi-slider--disabled .hi-slider__handle:focus{-webkit-box-shadow:none;box-shadow:none}.hi-slider.hi-slider--disabled>*{cursor:not-allowed !important}.hi-slider.hi-slider--vertical{height:100%;margin:0;padding:0 4px}.hi-slider.hi-slider--vertical .hi-slider__rail{height:100%;width:4px}.hi-slider.hi-slider--vertical .hi-slider__track{width:4px}.hi-slider.hi-slider--vertical .hi-slider__handle{margin-left:-5px;margin-top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hi-slider.hi-slider--vertical .hi-slider__step{position:absolute;width:4px;height:100%}.hi-slider.hi-slider--vertical .hi-slider__step-dot{position:absolute;border-radius:50%;-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%);left:2px;top:auto;width:7px;height:7px;background:var(--color-white);border:1px solid var(--color-primary)}.hi-slider.hi-slider--vertical .hi-slider__stepText{height:100%;width:40px;position:absolute;margin:0;right:15px}.hi-slider.hi-slider--vertical .hi-slider__stepText .hi-slider__min{-webkit-transform:translateX(0%);transform:translateX(0%);position:absolute;bottom:-10px;right:0}.hi-slider.hi-slider--vertical .hi-slider__stepText .hi-slider__max{position:absolute;top:-4px;-webkit-transform:translateX(0%);transform:translateX(0%);right:0}.hi-slider .hi-slider__rail{position:absolute;width:100%;height:4px;background-color:var(--color-gray-10);border-radius:2px;-webkit-transition:background-color 0.3s;transition:background-color 0.3s}.hi-slider .hi-slider__step{position:absolute;width:100%;height:4px;background:0 0;cursor:pointer}.hi-slider .hi-slider__step-dot{position:absolute;border-radius:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-3px;width:7px;height:7px;background:var(--color-white);border:1px solid var(--color-primary)}.hi-slider .hi-slider__step-dot.hi-slider__step-dotDisabled{background:var(--color-gray-30);border:1px solid var(--color-gray-30)}.hi-slider .hi-slider__stepText{margin-top:10px;width:100%;height:4px;background:0 0}.hi-slider .hi-slider__stepText .hi-slider__min{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hi-slider .hi-slider__stepText .hi-slider__max{right:0;-webkit-transform:translateX(50%);transform:translateX(50%)}.hi-slider .hi-slider__stepText-dot{position:absolute;border-radius:50%;cursor:pointer}.hi-slider .hi-slider__handle{position:absolute;width:14px;height:14px;margin-top:-5px;background-color:var(--color-white);border:solid 2px var(--color-primary);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:20;cursor:pointer;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-slider .hi-slider__handle:focus{-webkit-box-shadow:0 0 0 5px var(--color-primary-20);box-shadow:0 0 0 5px var(--color-primary-20);outline:none}.hi-slider .hi-slider__track{position:absolute;height:4px;background:var(--color-primary);border-radius:2px}.hi-slider .hi-slider__tooltip{opacity:0}.hi-slider .hi-slider__tooltip-enter{opacity:0}.hi-slider .hi-slider__tooltip-enter-active{opacity:1;-webkit-transition:opacity 200ms;transition:opacity 200ms}.hi-slider .hi-slider__tooltip-enter-done{opacity:1;-webkit-transition:opacity 200ms;transition:opacity 200ms}.hi-slider .hi-slider__tooltip-exit{opacity:1}.hi-slider .hi-slider__tooltip-exit-done{opacity:0;-webkit-transition:opacity 200ms;transition:opacity 200ms}.hi-slider--primary .hi-slider__track{background-color:var(--color-primary)}.hi-slider--primary .hi-slider__handle{border-color:var(--color-primary)}.hi-slider--primary .hi-slider__step-dot{border-color:var(--color-primary)}.hi-slider--warning .hi-slider__track{background-color:#ffb31a}.hi-slider--warning .hi-slider__handle{border-color:#ffb31a}.hi-slider--warning .hi-slider__step-dot{border-color:#ffb31a}.hi-slider--success .hi-slider__track{background-color:#1da553}.hi-slider--success .hi-slider__handle{border-color:#1da553}.hi-slider--success .hi-slider__step-dot{border-color:#1da553}.hi-slider--danger .hi-slider__track{background-color:#f44343}.hi-slider--danger .hi-slider__handle{border-color:#f44343}.hi-slider--danger .hi-slider__step-dot{border-color:#f44343}

package/es/slider/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.css");