@qsxy/element-plus-react 1.0.0-next.8 → 1.0.2

package/dist/Input/InputRange.js

@@ -1,356 +1,343 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import classNames from 'classnames';
+import cloneDeep from 'lodash/cloneDeep';
+import head from 'lodash/head';
+import isObject from 'lodash/isObject';
+import last from 'lodash/last';
+import noop from 'lodash/noop';
+import toFinite from 'lodash/toFinite';
+import React, { cloneElement, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import Icon from "../Icon/Icon";
+import { formatNumber, isEmpty, isNotEmpty, mergeDefaultProps } from "../Util";
+import { useClassNames, useControlled, useDisabled, useSize } from "../hooks";
+import { namespace } from "../hooks/prefix";
+import InputGroup from "./InputGroup";
+var InputRange = /*#__PURE__*/forwardRef(function (props, ref) {
+  props = mergeDefaultProps({
+    name: ['', ''],
+    startPlaceholder: '请输入',
+    endPlaceholder: '请输入',
+    type: 'text',
+    clearable: true,
+    rangeSeparator: '到'
+  }, props);
+  var _props = props,
+    name = _props.name,
+    clearable = _props.clearable,
+    startPlaceholder = _props.startPlaceholder,
+    endPlaceholder = _props.endPlaceholder,
+    type = _props.type,
+    _props$classPrefix = _props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'range' : _props$classPrefix,
+    active = _props.active,
+    prefix = _props.prefix,
+    suffix = _props.suffix,
+    onChange = _props.onChange,
+    append = _props.append,
+    prepend = _props.prepend,
+    _props$precision = _props.precision,
+    precision = _props$precision === void 0 ? 0 : _props$precision,
+    error = _props.error,
+    warning = _props.warning;
+  var _useControlled = useControlled(props.value, props.defaultValue),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    value = _useControlled2[0],
+    setValue = _useControlled2[1];
+  var _useClassNames = useClassNames(classPrefix),
+    b = _useClassNames.b,
+    e = _useClassNames.e,
+    be = _useClassNames.be,
+    bm = _useClassNames.bm,
+    ebm = _useClassNames.ebm,
+    is = _useClassNames.is;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    canClear = _useState2[0],
+    setCanClear = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    focus = _useState4[0],
+    setFocus = _useState4[1];
+  var disabled = useDisabled(props.disabled);
+  var size = useSize(props.size);
 
-// src/Input/InputRange.tsx
-var InputRange_exports = {};
-__export(InputRange_exports, {
-  default: () => InputRange_default
-});
-module.exports = __toCommonJS(InputRange_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_cloneDeep = __toESM(require("lodash/cloneDeep"));
-var import_head = __toESM(require("lodash/head"));
-var import_isObject = __toESM(require("lodash/isObject"));
-var import_last = __toESM(require("lodash/last"));
-var import_noop = __toESM(require("lodash/noop"));
-var import_toFinite = __toESM(require("lodash/toFinite"));
-var import_react = __toESM(require("react"));
-var import_Icon = require("../Icon");
-var import_Util = require("../Util");
-var import_hooks = require("../hooks");
-var import_prefix = require("../hooks/prefix");
-var import_InputGroup = __toESM(require("./InputGroup"));
-var InputRange = (0, import_react.forwardRef)((props, ref) => {
-  props = (0, import_Util.mergeDefaultProps)(
-    {
-      name: ["", ""],
-      startPlaceholder: "请输入",
-      endPlaceholder: "请输入",
-      type: "text",
-      clearable: true,
-      rangeSeparator: "到"
-    },
-    props
-  );
-  const {
-    name,
-    clearable,
-    startPlaceholder,
-    endPlaceholder,
-    type,
-    classPrefix = "range",
-    active,
-    prefix,
-    suffix,
-    onChange,
-    append,
-    prepend,
-    precision = 0,
-    error,
-    warning
-  } = props;
-  const [value, setValue] = (0, import_hooks.useControlled)(props.value, props.defaultValue);
-  const { b, e, be, bm, ebm, is } = (0, import_hooks.useClassNames)(classPrefix);
-  const [canClear, setCanClear] = (0, import_react.useState)(false);
-  const [focus, setFocus] = (0, import_react.useState)(false);
-  const disabled = (0, import_hooks.useDisabled)(props.disabled);
-  const size = (0, import_hooks.useSize)(props.size);
-  const timeRef = (0, import_react.useRef)(null);
-  const isCtrlKey = (0, import_react.useRef)(false);
-  const valueRef = (0, import_react.useRef)(value);
-  const startInputRef = (0, import_react.useRef)(null);
-  const endInputRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
+  // eslint-disable-next-line no-undef
+  var timeRef = useRef(null);
+
+  // 是否ctrl按键
+  var isCtrlKey = useRef(false);
+  var valueRef = useRef(value);
+  var startInputRef = useRef(null);
+  var endInputRef = useRef(null);
+  useEffect(function () {
     valueRef.current = value;
   }, [value]);
-  const onMouseEnter = (0, import_react.useCallback)(() => {
-    setCanClear(clearable && (0, import_Util.isNotEmpty)(value));
+
+  /** 鼠标悬浮进入事件 */
+  var onMouseEnter = useCallback(function () {
+    setCanClear(clearable && isNotEmpty(value));
   }, [clearable, value]);
-  const onMouseLeave = (0, import_react.useCallback)(() => {
+
+  /** 鼠标悬浮退出事件 */
+  var onMouseLeave = useCallback(function () {
     setCanClear(false);
   }, []);
-  const onInput = (0, import_react.useCallback)(
-    (inputVal, pos) => {
-      if (type === "number") {
-        inputVal = inputVal.split("").filter((item, index) => {
-          if (item === "-" && index > 0) {
-            return false;
-          }
-          return true;
-        }).join("");
-      }
-      let res = pos === "start" ? [inputVal, value == null ? void 0 : value[value.length - 1]] : [value == null ? void 0 : value[0], inputVal];
-      setValue((0, import_cloneDeep.default)(res));
-      setCanClear(clearable && (0, import_Util.isNotEmpty)(inputVal));
-      if (type === "number" && !inputVal.endsWith(".")) {
-        res = pos === "start" ? [(0, import_Util.isEmpty)(inputVal) ? null : (0, import_toFinite.default)(inputVal), (0, import_toFinite.default)(value == null ? void 0 : value[value.length - 1])] : [(0, import_toFinite.default)(value == null ? void 0 : value[0]), (0, import_Util.isEmpty)(inputVal) ? null : (0, import_toFinite.default)(inputVal)];
-        if (pos === "start" && startInputRef.current) {
-          startInputRef.current.value = (0, import_Util.isEmpty)(inputVal) ? "" : inputVal;
-        } else if (pos === "end" && endInputRef.current) {
-          endInputRef.current.value = (0, import_Util.isEmpty)(inputVal) ? "" : inputVal;
-        }
-        if ((0, import_Util.isNotEmpty)(res[0]) && (0, import_Util.isNotEmpty)(res[1])) {
-          onChange == null ? void 0 : onChange(res);
-        }
-      } else {
-        if ((0, import_Util.isNotEmpty)(res[0]) && (0, import_Util.isNotEmpty)(res[1])) {
-          onChange == null ? void 0 : onChange(res);
+  var _onInput = useCallback(function (inputVal, pos) {
+    if (type === 'number') {
+      inputVal = inputVal.split('').filter(function (item, index) {
+        if (item === '-' && index > 0) {
+          return false;
         }
+        return true;
+      }).join('');
+      // inputVal = inputVal.replace(/[^\d-\\.]/g, '').replace(/(?<=.)-/g, '');
+    }
+    var res = pos === 'start' ? [inputVal, value === null || value === void 0 ? void 0 : value[value.length - 1]] : [value === null || value === void 0 ? void 0 : value[0], inputVal];
+    setValue(cloneDeep(res));
+    setCanClear(clearable && isNotEmpty(inputVal));
+
+    // 输入小数点后，如果转为数字会丢失小数点，所以此时不提交数据
+    if (type === 'number' && !inputVal.endsWith('.')) {
+      res = pos === 'start' ? [isEmpty(inputVal) ? null : toFinite(inputVal), toFinite(value === null || value === void 0 ? void 0 : value[value.length - 1])] : [toFinite(value === null || value === void 0 ? void 0 : value[0]), isEmpty(inputVal) ? null : toFinite(inputVal)];
+      if (pos === 'start' && startInputRef.current) {
+        startInputRef.current.value = isEmpty(inputVal) ? '' : inputVal;
+      } else if (pos === 'end' && endInputRef.current) {
+        endInputRef.current.value = isEmpty(inputVal) ? '' : inputVal;
+      }
+      if (isNotEmpty(res[0]) && isNotEmpty(res[1])) {
+        onChange === null || onChange === void 0 || onChange(res);
       }
-    },
-    [clearable, onChange, setValue, type, value]
-  );
-  const onFocus = (0, import_react.useCallback)(() => {
+    } else {
+      if (isNotEmpty(res[0]) && isNotEmpty(res[1])) {
+        onChange === null || onChange === void 0 || onChange(res);
+      }
+    }
+  }, [clearable, onChange, setValue, type, value]);
+  var onFocus = useCallback(function () {
     timeRef.current && clearTimeout(timeRef.current);
-    timeRef.current = setTimeout(() => {
+    timeRef.current = setTimeout(function () {
       setFocus(true);
     }, 250);
   }, []);
-  const onBlur = (0, import_react.useCallback)(
-    (pos) => {
-      var _a, _b;
-      timeRef.current && clearTimeout(timeRef.current);
-      timeRef.current = setTimeout(() => {
-        setFocus(false);
-      }, 250);
-      let res, formatVal;
-      if ((0, import_Util.isEmpty)(value == null ? void 0 : value[0])) {
-        res = [null, value == null ? void 0 : value[value.length - 1]];
-        setValue(res);
-        onChange == null ? void 0 : onChange(res);
-        if (startInputRef.current) {
-          startInputRef.current.value = "";
-        }
+
+  /** 输入 */
+  var _onBlur = useCallback(function (pos) {
+    timeRef.current && clearTimeout(timeRef.current);
+    timeRef.current = setTimeout(function () {
+      setFocus(false);
+    }, 250);
+    var res, formatVal;
+    // 删除值
+    if (isEmpty(value === null || value === void 0 ? void 0 : value[0])) {
+      res = [null, value === null || value === void 0 ? void 0 : value[value.length - 1]];
+      setValue(res);
+      onChange === null || onChange === void 0 || onChange(res);
+      if (startInputRef.current) {
+        startInputRef.current.value = '';
       }
-      if ((0, import_Util.isEmpty)(value == null ? void 0 : value[value.length - 1])) {
-        res = [value == null ? void 0 : value[0], null];
-        setValue(res);
-        onChange == null ? void 0 : onChange(res);
-        if (endInputRef.current) {
-          endInputRef.current.value = "";
-        }
+    }
+    if (isEmpty(value === null || value === void 0 ? void 0 : value[value.length - 1])) {
+      res = [value === null || value === void 0 ? void 0 : value[0], null];
+      setValue(res);
+      onChange === null || onChange === void 0 || onChange(res);
+      if (endInputRef.current) {
+        endInputRef.current.value = '';
       }
-      if (type === "number" && valueRef.current) {
-        const val = pos === "start" ? (0, import_toFinite.default)((_a = valueRef.current) == null ? void 0 : _a[0]) : (0, import_toFinite.default)((_b = valueRef.current) == null ? void 0 : _b[value.length - 1]);
-        formatVal = (0, import_Util.formatNumber)(val, precision);
-        res = pos === "start" ? [formatVal, value == null ? void 0 : value[value.length - 1]] : [value == null ? void 0 : value[0], formatVal];
-        setValue(res);
-        if ((0, import_Util.isNotEmpty)(res[0]) && (0, import_Util.isNotEmpty)(res[1])) {
-          onChange == null ? void 0 : onChange(res);
-        }
-        if (pos === "start" && startInputRef.current) {
-          startInputRef.current.value = (0, import_Util.isEmpty)(formatVal) ? "" : formatVal;
-        } else if (pos === "end" && endInputRef.current) {
-          endInputRef.current.value = (0, import_Util.isEmpty)(formatVal) ? "" : formatVal;
-        }
+    }
+    if (type === 'number' && valueRef.current) {
+      var _valueRef$current, _valueRef$current2;
+      var val = pos === 'start' ? toFinite((_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current[0]) : toFinite((_valueRef$current2 = valueRef.current) === null || _valueRef$current2 === void 0 ? void 0 : _valueRef$current2[value.length - 1]);
+      // const minProp = value?.[0] ? toFinite(value?.[0]) : -Infinity;
+      // const maxProp = value?.[1] ? toFinite(value?.[value.length - 1]) : Infinity;
+      formatVal = formatNumber(val, precision);
+
+      // // 限制最大最小
+      // if (pos === 'start' && val > maxProp) {
+      //     formatVal = formatNumber(maxProp, precision);
+      //     setValue([formatVal, formatVal]);
+      //     onChange?.([formatVal, formatVal]);
+      //     if (startInputRef.current) {
+      //         startInputRef.current.value = formatVal;
+      //     }
+      //     return;
+      // } else if (pos === 'end' && val < minProp) {
+      //     formatVal = formatNumber(minProp, precision);
+      //     setValue([formatVal, formatVal]);
+      //     onChange?.([formatVal, formatVal]);
+      //     if (endInputRef.current) {
+      //         endInputRef.current.value = formatVal;
+      //     }
+      //     return;
+      // }
+
+      res = pos === 'start' ? [formatVal, value === null || value === void 0 ? void 0 : value[value.length - 1]] : [value === null || value === void 0 ? void 0 : value[0], formatVal];
+      setValue(res);
+      if (isNotEmpty(res[0]) && isNotEmpty(res[1])) {
+        onChange === null || onChange === void 0 || onChange(res);
       }
-    },
-    [onChange, precision, setValue, type, value]
-  );
-  const onClear = (0, import_react.useCallback)(
-    (event) => {
-      event.stopPropagation();
-      setValue(["", ""]);
-      setCanClear(false);
-      onChange == null ? void 0 : onChange(["", ""]);
-    },
-    [onChange, setValue]
-  );
-  const onKeyDown = (0, import_react.useCallback)((event, pos) => {
-    var _a;
+      if (pos === 'start' && startInputRef.current) {
+        startInputRef.current.value = isEmpty(formatVal) ? '' : formatVal;
+      } else if (pos === 'end' && endInputRef.current) {
+        endInputRef.current.value = isEmpty(formatVal) ? '' : formatVal;
+      }
+    }
+  }, [onChange, precision, setValue, type, value]);
+  var onClear = useCallback(function (event) {
+    event.stopPropagation();
+    setValue(['', '']);
+    setCanClear(false);
+    onChange === null || onChange === void 0 || onChange(['', '']);
+  }, [onChange, setValue]);
+  var onKeyDown = useCallback(function (event, pos) {
+    var _valueRef$current3;
     if (event.ctrlKey) {
       isCtrlKey.current = true;
     }
+    // 复制、粘贴和剪切可以执行
     if (isCtrlKey.current) {
-      if (!["c", "v", "x"].includes(event.key)) {
+      if (!['c', 'v', 'x'].includes(event.key)) {
         event.preventDefault();
       }
-    } else if (!["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "-", ".", "ArrowLeft", "ArrowRight", "Backspace", "Delete"].includes(event.key)) {
+    } else if (!['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '-', '.', 'ArrowLeft', 'ArrowRight', 'Backspace', 'Delete'].includes(event.key)) {
       event.preventDefault();
     }
-    const val = (_a = valueRef.current) == null ? void 0 : _a[pos === "start" ? 0 : 1];
-    if ((0, import_Util.isNotEmpty)(val)) {
-      if ((val + "").indexOf(".") > -1 && event.key === ".") {
+    var val = (_valueRef$current3 = valueRef.current) === null || _valueRef$current3 === void 0 ? void 0 : _valueRef$current3[pos === 'start' ? 0 : 1];
+    if (isNotEmpty(val)) {
+      // 如果已经有小数点了，阻止输入小数点
+      if ((val + '').indexOf('.') > -1 && event.key === '.') {
         event.preventDefault();
       }
-      if ((val + "").indexOf("-") > -1 && event.key === "-") {
+      // 如果已经是负数了，阻止输入负号
+      if ((val + '').indexOf('-') > -1 && event.key === '-') {
         event.preventDefault();
       }
     }
   }, []);
-  const onKeyUp = (0, import_react.useCallback)(() => {
+  var onKeyUp = useCallback(function () {
     isCtrlKey.current = false;
   }, []);
-  const preffixSlot = (0, import_react.useMemo)(() => {
-    var _a;
-    if (prefix && (0, import_isObject.default)(prefix)) {
-      let nodeType = prefix == null ? void 0 : prefix.type;
-      nodeType = (nodeType == null ? void 0 : nodeType.displayName) || nodeType;
-      if (nodeType === "ElIcon") {
-        return (0, import_react.cloneElement)(prefix, {
-          ...prefix.props,
-          className: (0, import_classnames.default)((_a = prefix.props) == null ? void 0 : _a.className, `${import_prefix.namespace}-range__icon`)
-        });
+
+  /** 输入框头部内容 */
+  var preffixSlot = useMemo(function () {
+    if (prefix && isObject(prefix)) {
+      var _nodeType;
+      var nodeType = prefix === null || prefix === void 0 ? void 0 : prefix.type;
+      nodeType = ((_nodeType = nodeType) === null || _nodeType === void 0 ? void 0 : _nodeType.displayName) || nodeType;
+      if (nodeType === 'ElIcon') {
+        var _prefix$props;
+        return /*#__PURE__*/cloneElement(prefix, _objectSpread(_objectSpread({}, prefix.props), {}, {
+          className: classNames((_prefix$props = prefix.props) === null || _prefix$props === void 0 ? void 0 : _prefix$props.className, "".concat(namespace, "-range__icon"))
+        }));
       }
     }
     return prefix;
   }, [prefix]);
-  const suffixSlot = (0, import_react.useMemo)(() => {
-    var _a;
+
+  /** 输入框尾部内容 */
+  var suffixSlot = useMemo(function () {
     if (suffix) {
-      if ((0, import_isObject.default)(suffix)) {
-        let nodeType = suffix == null ? void 0 : suffix.type;
-        nodeType = (nodeType == null ? void 0 : nodeType.displayName) || nodeType;
-        if (nodeType === "ElIcon") {
-          return (0, import_react.cloneElement)(suffix, {
-            ...suffix.props,
-            className: (0, import_classnames.default)((_a = suffix.props) == null ? void 0 : _a.className, `${import_prefix.namespace}-input__icon ${import_prefix.namespace}-range__close-icon`)
-          });
+      if (isObject(suffix)) {
+        var _nodeType2;
+        var nodeType = suffix === null || suffix === void 0 ? void 0 : suffix.type;
+        nodeType = ((_nodeType2 = nodeType) === null || _nodeType2 === void 0 ? void 0 : _nodeType2.displayName) || nodeType;
+        if (nodeType === 'ElIcon') {
+          var _suffix$props;
+          return /*#__PURE__*/cloneElement(suffix, _objectSpread(_objectSpread({}, suffix.props), {}, {
+            className: classNames((_suffix$props = suffix.props) === null || _suffix$props === void 0 ? void 0 : _suffix$props.className, "".concat(namespace, "-input__icon ").concat(namespace, "-range__close-icon"))
+          }));
         }
       } else {
-        return /* @__PURE__ */ import_react.default.createElement("span", { className: `${import_prefix.namespace}-range__end-icon` }, suffix);
+        return /*#__PURE__*/React.createElement("span", {
+          className: "".concat(namespace, "-range__end-icon")
+        }, suffix);
       }
     }
     return null;
   }, [suffix]);
-  const content = (0, import_react.useMemo)(
-    () => /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)(
-          b`range-editor`,
-          b("input-range", false),
-          be("input", "wrapper", false),
-          be("tooltip", "trigger", false),
-          is({ active: active || focus, disabled, warning, error }),
-          { [bm("input-range", size, false)]: size },
-          append || prepend ? null : props.className
-        ),
-        ref,
-        onClick: props.onClick,
-        style: append || prepend ? {} : props.style,
-        onMouseEnter,
-        onMouseLeave
+  var content = useMemo(function () {
+    var _ref;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames(b(_templateObject || (_templateObject = _taggedTemplateLiteral(["range-editor"]))), b('input-range', false), be('input', 'wrapper', false), be('tooltip', 'trigger', false), is({
+        focus: active || focus,
+        disabled: disabled,
+        warning: warning,
+        error: error
+      }), _defineProperty({}, bm('input-range', size, false), size), append || prepend ? null : props.className),
+      ref: ref,
+      onClick: props.onClick,
+      style: append || prepend ? {} : props.style,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave
+    }, preffixSlot, /*#__PURE__*/React.createElement("input", {
+      ref: startInputRef,
+      name: name instanceof Array ? head(name) : '',
+      readOnly: props.readOnly,
+      placeholder: startPlaceholder,
+      disabled: disabled,
+      className: b(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["input"]))),
+      value: value instanceof Array ? value === null || value === void 0 ? void 0 : value[0] : '',
+      onInput: function onInput(event) {
+        return _onInput(event.target.value, 'start');
       },
-      preffixSlot,
-      /* @__PURE__ */ import_react.default.createElement(
-        "input",
-        {
-          ref: startInputRef,
-          name: name instanceof Array ? (0, import_head.default)(name) : "",
-          readOnly: props.readOnly,
-          placeholder: startPlaceholder,
-          disabled,
-          className: b`input`,
-          value: value instanceof Array ? value == null ? void 0 : value[0] : "",
-          onInput: (event) => onInput(event.target.value, "start"),
-          onFocus,
-          onBlur: () => {
-            onBlur("start");
-          },
-          onKeyDown: type === "number" ? (event) => onKeyDown(event, "start") : import_noop.default,
-          onKeyUp: type === "number" ? onKeyUp : import_noop.default
-        }
-      ),
-      /* @__PURE__ */ import_react.default.createElement("span", { className: b`separator` }, props.rangeSeparator),
-      /* @__PURE__ */ import_react.default.createElement(
-        "input",
-        {
-          ref: endInputRef,
-          name: name instanceof Array ? (0, import_last.default)(name) : "",
-          readOnly: props.readOnly,
-          placeholder: endPlaceholder,
-          disabled,
-          className: b`input`,
-          value: value instanceof Array ? value == null ? void 0 : value[value.length - 1] : "",
-          onInput: (event) => onInput(event.target.value, "end"),
-          onFocus,
-          onBlur: () => {
-            onBlur("end");
-          },
-          onKeyDown: type === "number" ? (event) => onKeyDown(event, "end") : import_noop.default,
-          onKeyUp: type === "number" ? onKeyUp : import_noop.default
-        }
-      ),
-      (canClear ? null : suffixSlot) ?? /* @__PURE__ */ import_react.default.createElement(
-        import_Icon.Icon,
-        {
-          prefix: "fal",
-          name: "circle-xmark",
-          className: (0, import_classnames.default)(be("input", "icon", false), e`close-icon`, { [ebm("close", "icon", "hidden")]: !canClear }),
-          onClick: onClear
-        }
-      )
-    ),
-    [
-      b,
-      be,
-      is,
-      active,
-      focus,
-      warning,
-      error,
-      bm,
-      size,
-      append,
-      prepend,
-      props.className,
-      props.onClick,
-      props.style,
-      props.readOnly,
-      props.rangeSeparator,
-      ref,
-      onMouseEnter,
-      onMouseLeave,
-      preffixSlot,
-      name,
-      startPlaceholder,
-      disabled,
-      value,
-      onFocus,
-      type,
-      onKeyUp,
-      endPlaceholder,
-      canClear,
-      suffixSlot,
-      e,
-      ebm,
-      onClear,
-      onInput,
-      onBlur,
-      onKeyDown
-    ]
-  );
+      onFocus: onFocus,
+      onBlur: function onBlur() {
+        _onBlur('start');
+      },
+      onKeyDown: type === 'number' ? function (event) {
+        return onKeyDown(event, 'start');
+      } : noop,
+      onKeyUp: type === 'number' ? onKeyUp : noop
+    }), /*#__PURE__*/React.createElement("span", {
+      className: b(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["separator"])))
+    }, props.rangeSeparator), /*#__PURE__*/React.createElement("input", {
+      ref: endInputRef,
+      name: name instanceof Array ? last(name) : '',
+      readOnly: props.readOnly,
+      placeholder: endPlaceholder,
+      disabled: disabled,
+      className: b(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["input"]))),
+      value: value instanceof Array ? value === null || value === void 0 ? void 0 : value[value.length - 1] : '',
+      onInput: function onInput(event) {
+        return _onInput(event.target.value, 'end');
+      },
+      onFocus: onFocus,
+      onBlur: function onBlur() {
+        _onBlur('end');
+      },
+      onKeyDown: type === 'number' ? function (event) {
+        return onKeyDown(event, 'end');
+      } : noop,
+      onKeyUp: type === 'number' ? onKeyUp : noop
+    }), (_ref = canClear ? null : suffixSlot) !== null && _ref !== void 0 ? _ref : /*#__PURE__*/React.createElement(Icon, {
+      prefix: "fal",
+      name: "circle-xmark",
+      className: classNames(be('input', 'icon', false), e(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["close-icon"]))), _defineProperty({}, ebm('close', 'icon', 'hidden'), !canClear)),
+      onClick: onClear
+    }));
+  }, [b, be, is, active, focus, warning, error, bm, size, append, prepend, props.className, props.onClick, props.style, props.readOnly, props.rangeSeparator, ref, onMouseEnter, onMouseLeave, preffixSlot, name, startPlaceholder, disabled, value, onFocus, type, onKeyUp, endPlaceholder, canClear, suffixSlot, e, ebm, onClear, _onInput, _onBlur, onKeyDown]);
   if (append || prepend) {
-    return /* @__PURE__ */ import_react.default.createElement(import_InputGroup.default, { prepend, append, className: props.className, style: props.style }, content);
+    return /*#__PURE__*/React.createElement(InputGroup, {
+      prepend: prepend,
+      append: append,
+      className: props.className,
+      style: props.style
+    }, content);
   } else {
     return content;
   }
 });
-InputRange.displayName = "InputRange";
-var InputRange_default = InputRange;
+InputRange.displayName = 'InputRange';
+export default InputRange;