@easyv/react-components 0.0.13 → 0.0.15

package/dist/ColorPicker/utils.d.ts

@@ -1,13 +1,23 @@
+export declare function resolveColor(color: string): {
+    r?: undefined;
+    g?: undefined;
+    b?: undefined;
+    a?: undefined;
+    hex?: undefined;
+} | {
+    r: any;
+    g: any;
+    b: any;
+    a: any;
+    hex: string;
+};
 export declare function toHex(x: any): string;
-export declare function transformColor(color: string, a: number): any;
-export declare function getBackgroundAccordingColor(color: any, fixedAngle: any): {
+export declare function transformColor(color: any, a: any): string | undefined;
+export declare function getBackgroundAccordingColor(color: any, fixedAngle?: number): {
     backgroundImage: string;
     background?: undefined;
 } | {
     background: any;
     backgroundImage?: undefined;
 } | undefined;
-export declare function getMiddleColor(colors: {
-    color: string;
-    offset: number;
-}[], offset: number): string;
+export declare function getMiddleColor(colors: any, offset: any): any;

package/dist/ColorPicker/utils.js

@@ -1,15 +1,56 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-import Color from 'rc-color-picker/lib/helpers/color';
+export function resolveColor(color) {
+  if (!color || typeof color !== 'string') {
+    return {};
+  }
+
+  // 转为小写并去除空格
+  color = color.toLowerCase().replace(/\s+/g, '');
+  var hexReg = /^#([0-9|a-f]{3}|[0-9|a-f]{6})$/;
+  var rgbReg = /^(rgb\(\d+,\d+,\d+\)|rgba\(\d+,\d+,\d+,(\d+)?(\.)?(\d+)?\))$/;
+  // const rgbReg1 = /^(rgb\(\d+,\d+,\d+\)|rgba\((\d+)?(\.)?(\d+)?,(\d+)?(\.)?(\d+)?,(\d+)?(\.)?(\d+)?,(\d+)?(\.)?(\d+)?\))$/;
+
+  var r, g, b, a;
+  if (hexReg.test(color)) {
+    if (color.length === 4) {
+      r = parseInt(color.slice(1, 2) + color.slice(1, 2), 16);
+      g = parseInt(color.slice(2, 3) + color.slice(2, 3), 16);
+      b = parseInt(color.slice(3, 4) + color.slice(3, 4), 16);
+    } else {
+      r = parseInt(color.slice(1, 3), 16);
+      g = parseInt(color.slice(3, 5), 16);
+      b = parseInt(color.slice(5, 7), 16);
+    }
+    a = 1;
+  } else if (rgbReg.test(color)) {
+    var colors = color.replace(/rgba|rgb|\(|\)/g, '').split(',');
+    r = Number(colors[0]);
+    g = Number(colors[1]);
+    b = Number(colors[2]);
+    a = colors.length === 4 ? Number(colors[3]) : 1;
+  } else {
+    return {};
+  }
+
+  // return { r: Math.floor(r), g: Math.floor(g), b: Math.floor(b), a, hex: `#${toHex(r)}${toHex(g)}${toHex(b)}` };
+  return {
+    r: r,
+    g: g,
+    b: b,
+    a: a,
+    hex: "#".concat(toHex(r)).concat(toHex(g)).concat(toHex(b))
+  };
+}
 export function toHex(x) {
   return ('0' + parseInt(x).toString(16)).slice(-2);
 }
 export function transformColor(color, a) {
-  var _Color = new Color(color),
-    r = _Color.redValue,
-    g = _Color.greenValue,
-    b = _Color.blueValue,
-    toHexString = _Color.toHexString;
-  return a === 1 ? toHexString() : "RGBA(".concat(r, ",").concat(g, ",").concat(b, ",").concat(a, ")");
+  var _resolveColor = resolveColor(color),
+    r = _resolveColor.r,
+    g = _resolveColor.g,
+    b = _resolveColor.b,
+    hex = _resolveColor.hex;
+  return a === 1 ? hex : "RGBA(".concat(r, ",").concat(g, ",").concat(b, ",").concat(a, ")");
 }
 export function getBackgroundAccordingColor(color, fixedAngle) {
   if (typeof color === 'string') {
@@ -22,19 +63,19 @@ export function getBackgroundAccordingColor(color, fixedAngle) {
       return a.offset - b.offset;
     });
     var colors = rebaseStops.map(function (item, index) {
-      var _Color2 = new Color(item.color),
-        r = _Color2.r,
-        g = _Color2.g,
-        b = _Color2.b,
-        a = _Color2.a;
+      var _resolveColor2 = resolveColor(item.color),
+        r = _resolveColor2.r,
+        g = _resolveColor2.g,
+        b = _resolveColor2.b,
+        a = _resolveColor2.a;
       if (a === 1 || index === rebaseStops.length - 1) {
         return "".concat(item.color, " ").concat(item.offset, "%");
       } else {
-        var _Color3 = new Color(rebaseStops[index + 1].color),
-          nextR = _Color3.r,
-          nextG = _Color3.g,
-          nextB = _Color3.b,
-          nextA = _Color3.a;
+        var _resolveColor3 = resolveColor(rebaseStops[index + 1].color),
+          nextR = _resolveColor3.r,
+          nextG = _resolveColor3.g,
+          nextB = _resolveColor3.b,
+          nextA = _resolveColor3.a;
         var stepOpacity = (nextA - a) / 5;
         var stepOffset = (rebaseStops[index + 1].offset - item.offset) / 5;
         var stepR = (nextR - r) / 5;
@@ -76,19 +117,19 @@ export function getBackgroundAccordingColor(color, fixedAngle) {
         return a.offset - b.offset;
       });
       var _colors = _rebaseStops.map(function (item, index) {
-        var _Color4 = new Color(item.color),
-          r = _Color4.redValue,
-          g = _Color4.greenValue,
-          b = _Color4.blueValue,
-          a = _Color4.alphaValue;
+        var _resolveColor4 = resolveColor(item.color),
+          r = _resolveColor4.r,
+          g = _resolveColor4.g,
+          b = _resolveColor4.b,
+          a = _resolveColor4.a;
         if (a === 1 || index === _rebaseStops.length - 1) {
           return "".concat(transformColor(item.color, a * opacity), " ").concat(item.offset, "%");
         } else {
-          var _Color5 = new Color(_rebaseStops[index + 1].color),
-            nextR = _Color5.redValue,
-            nextG = _Color5.greenValue,
-            nextB = _Color5.blueValue,
-            nextA = _Color5.alphaValue;
+          var _resolveColor5 = resolveColor(_rebaseStops[index + 1].color),
+            nextR = _resolveColor5.r,
+            nextG = _resolveColor5.g,
+            nextB = _resolveColor5.b,
+            nextA = _resolveColor5.a;
           var stepOpacity = (nextA - a) / 5;
           var stepOffset = (_rebaseStops[index + 1].offset - item.offset) / 5;
           var stepR = (nextR - r) / 5;
@@ -102,7 +143,7 @@ export function getBackgroundAccordingColor(color, fixedAngle) {
         }
       });
       return {
-        backgroundImage: "linear-gradient(".concat(fixedAngle !== undefined ? fixedAngle : angle, "deg, ").concat(_colors.join(','), ")")
+        backgroundImage: "linear-gradient(".concat(fixedAngle != undefined ? fixedAngle : angle, "deg, ").concat(_colors.join(','), ")")
       };
     } else {
       return {
@@ -112,8 +153,7 @@ export function getBackgroundAccordingColor(color, fixedAngle) {
   }
 }
 export function getMiddleColor(colors, offset) {
-  var leftColor;
-  var rightColor;
+  var leftColor, rightColor;
   var leftColors = colors.filter(function (d) {
     return d.offset < offset;
   });
@@ -138,16 +178,22 @@ export function getMiddleColor(colors, offset) {
   if (!rightColor) {
     return leftColor.color;
   }
-  var _Color6 = new Color(leftColor.color),
-    leftR = _Color6.redValue,
-    leftG = _Color6.greenValue,
-    leftB = _Color6.blueValue,
-    leftA = _Color6.alphaValue;
-  var _Color7 = new Color(rightColor.color),
-    rightR = _Color7.redValue,
-    rightG = _Color7.greenValue,
-    rightB = _Color7.blueValue,
-    rightA = _Color7.alphaValue;
+
+  // console.log(leftColor, rightColor, leftColors, rightColors, '计算color');
+
+  var _resolveColor6 = resolveColor(leftColor.color),
+    leftR = _resolveColor6.r,
+    leftG = _resolveColor6.g,
+    leftB = _resolveColor6.b,
+    leftA = _resolveColor6.a;
+  var _resolveColor7 = resolveColor(rightColor.color),
+    rightR = _resolveColor7.r,
+    rightG = _resolveColor7.g,
+    rightB = _resolveColor7.b,
+    rightA = _resolveColor7.a;
+
+  // console.log(resolveColor(leftColor.color), resolveColor(rightColor.color), '计算color');
+
   var newR = Math.round((rightR - leftR) / (rightColor.offset - leftColor.offset) * (offset - leftColor.offset) + leftR);
   var newG = Math.round((rightG - leftG) / (rightColor.offset - leftColor.offset) * (offset - leftColor.offset) + leftG);
   var newB = Math.round((rightB - leftB) / (rightColor.offset - leftColor.offset) * (offset - leftColor.offset) + leftB);

package/dist/Input/index.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["value", "defaultValue", "enableEmpty", "autoSelect", "changeOnBlur", "onPressEnter", "onFocus"],
+var _excluded = ["value", "defaultValue", "enableEmpty", "autoSelect", "changeOnBlur", "onPressEnter", "onFocus", "onBlur", "onChange"],
   _excluded2 = ["onSearch"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -20,6 +20,7 @@ import { SearchCircleOutlined } from '@easyv/react-icons';
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _halfControlledProps;
   var value = props.value,
     defaultValue = props.defaultValue,
     enableEmpty = props.enableEmpty,
@@ -27,9 +28,9 @@ var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
     changeOnBlur = props.changeOnBlur,
     onPressEnter = props.onPressEnter,
     onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onChange = props.onChange,
     restProps = _objectWithoutProperties(props, _excluded);
-  var onBlur = restProps.onBlur,
-    onChange = restProps.onChange;
 
   // 用于 changeOnBlur 为 true 的模式，组件内存储，在失焦的时候，提交这个值
   var _useState = useState('value' in props ? value : defaultValue),
@@ -77,20 +78,20 @@ var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
   }, [value, onBlur]);
-  var halfControlledProps = {
-    value: localValue,
-    onChange: handleChange,
-    onBlur: handleBlur
-  };
-  return /*#__PURE__*/_jsx(Input, _objectSpread({
+  var halfControlledProps = (_halfControlledProps = {}, _defineProperty(_halfControlledProps, 'value' in props ? 'value' : 'defaultValue', localValue), _defineProperty(_halfControlledProps, "onChange", handleChange), _defineProperty(_halfControlledProps, "onBlur", handleBlur), _halfControlledProps);
+  return /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({
     ref: ref,
     onPressEnter: handlePressEnter,
     onFocus: handleFocus
-  }, changeOnBlur ? halfControlledProps : 'value' in props ? _objectSpread({
-    value: value
-  }, restProps) : _objectSpread({
-    defaultValue: defaultValue
-  }, restProps)));
+  }, changeOnBlur ? halfControlledProps : 'value' in props ? {
+    value: value,
+    onBlur: onBlur,
+    onChange: onChange
+  } : {
+    defaultValue: defaultValue,
+    onBlur: onBlur,
+    onChange: onChange
+  }), restProps));
 });
 var InputSearch = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onSearch = _ref.onSearch,

package/dist/InputNumber/PointDrag.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface PointDragProps {
+    children: React.ReactNode;
+    onMoveStart?: () => void;
+    onMove?: ({ movementX }: {
+        movementX: number;
+    }) => void;
+    onMoveEnd?: ({ movementX }: {
+        movementX: number;
+    }) => void;
+}
+export declare function PointerDrag({ children, onMoveStart, onMove, onMoveEnd, }: PointDragProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/InputNumber/PointDrag.js

@@ -0,0 +1,107 @@
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { Fragment, cloneElement, useMemo, useRef, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function PointerDrag(_ref) {
+  var children = _ref.children,
+    onMoveStart = _ref.onMoveStart,
+    onMove = _ref.onMove,
+    onMoveEnd = _ref.onMoveEnd;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    dragging = _useState2[0],
+    setDrag = _useState2[1];
+  var _useState3 = useState({
+      x: 0,
+      y: 0
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    position = _useState4[0],
+    setPosition = _useState4[1];
+  var windowSize = useMemo(function () {
+    return {
+      width: document.body.clientWidth,
+      height: document.body.clientHeight
+    };
+  }, []);
+  var moveDistance = useRef(0);
+  var onMouseDown = function onMouseDown(e) {
+    e.target.requestPointerLock();
+    setPosition({
+      x: e.clientX,
+      y: e.clientY
+    });
+    setDrag(true);
+    moveDistance.current = 0;
+    onMoveStart === null || onMoveStart === void 0 ? void 0 : onMoveStart();
+  };
+  var _onMouseMove = function onMouseMove(e) {
+    if (dragging) {
+      setPosition(function (prev) {
+        var nextX = prev.x + e.movementX;
+        nextX = nextX + 10 * windowSize.width % windowSize.width;
+        return {
+          x: nextX,
+          y: prev.y
+        };
+      });
+      // 记录移动距离
+      moveDistance.current = moveDistance.current + e.movementX;
+      onMove === null || onMove === void 0 ? void 0 : onMove({
+        movementX: moveDistance.current
+      });
+    } else if (Math.abs(e.movementX) >= 1 && e.buttons) {
+      onMouseDown(e);
+    }
+  };
+  var onMouseUp = function onMouseUp() {
+    if (dragging) {
+      document.exitPointerLock();
+      setDrag(false);
+      onMoveEnd === null || onMoveEnd === void 0 ? void 0 : onMoveEnd({
+        movementX: moveDistance.current
+      });
+    }
+  };
+  var arrow = /*#__PURE__*/_jsx("svg", {
+    width: 46,
+    height: 15,
+    style: {
+      position: 'fixed',
+      left: position.x,
+      top: position.y,
+      width: 46,
+      height: 15,
+      zIndex: 1,
+      transform: 'translate(-50%, -50%)'
+    },
+    children: /*#__PURE__*/_jsxs("g", {
+      transform: "translate(2 3)",
+      children: [/*#__PURE__*/_jsx("path", {
+        fillRule: "evenodd",
+        d: "M 15 4.5L 15 2L 11.5 5.5L 15 9L 15 6.5L 31 6.5L 31 9L 34.5 5.5L 31 2L 31 4.5Z",
+        stroke: "#fafafa",
+        style: {
+          strokeWidth: 2
+        }
+      }), /*#__PURE__*/_jsx("path", {
+        fillRule: "evenodd",
+        d: "M 15 4.5L 15 2L 11.5 5.5L 15 9L 15 6.5L 31 6.5L 31 9L 34.5 5.5L 31 2L 31 4.5Z"
+      })]
+    })
+  });
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [children && /*#__PURE__*/cloneElement(children, {
+      onMouseMove: function onMouseMove(e) {
+        e.persist();
+        _onMouseMove(e);
+      },
+      onMouseUp: onMouseUp
+    }), dragging && arrow]
+  });
+}

package/dist/InputNumber/index.d.ts

@@ -1,4 +1,6 @@
-import { InputNumber } from '@arco-design/web-react';
+/// <reference types="react" />
+import { InputNumberProps } from './interface';
 import './index.less';
+declare const InputNumber: import("react").ForwardRefExoticComponent<InputNumberProps & import("react").RefAttributes<unknown>>;
 export default InputNumber;
 export type * from './interface';

package/dist/InputNumber/index.js

@@ -1,3 +1,185 @@
-import { InputNumber } from '@arco-design/web-react';
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["min", "max", "step", "precision", "value", "defaultValue", "prefix", "suffix", "hideControl", "onChange"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
+import { DownOutlined, UpOutlined } from '@easyv/react-icons';
+import Input from "../Input";
+import { getSafeValue, evaluateExpression } from "./util";
+import { PointerDrag } from "./PointDrag";
 import "./index.less";
+import classNames from 'classnames';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var valueRegx = /^[0-9().+\-*/]+$/;
+var InputNumber = /*#__PURE__*/forwardRef(function (props, ref) {
+  var min = props.min,
+    max = props.max,
+    _props$step = props.step,
+    step = _props$step === void 0 ? 1 : _props$step,
+    precision = props.precision,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    prefix = props.prefix,
+    suffix = props.suffix,
+    hideControl = props.hideControl,
+    onChange = props.onChange,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var getPropsValue = function getPropsValue() {
+    if ('value' in props) {
+      return value === undefined ? value : value.toString();
+    } else {
+      return defaultValue === undefined ? defaultValue : defaultValue.toString();
+    }
+  };
+  var _useState = useState(getPropsValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    localValue = _useState2[0],
+    setLocalValue = _useState2[1];
+
+  // 给拖拽滑动改变数值使用
+  var dragRef = useRef(false);
+  var originValue = useRef();
+  useEffect(function () {
+    // 拖拽过程中禁止更新
+    if (!dragRef.current && value !== localValue) {
+      setLocalValue(getPropsValue());
+    }
+  }, [value]);
+
+  // 只允许输入数字和(.+-*/)
+  var handleChange = useCallback(function (value) {
+    if (value === '' || valueRegx.test(value)) {
+      setLocalValue(value);
+    }
+  }, []);
+  var handleBlur = function handleBlur() {
+    if (localValue !== undefined) {
+      var result = evaluateExpression(localValue);
+      if (isNaN(result)) {
+        setLocalValue(getPropsValue());
+        return;
+      }
+      result = getSafeValue(result, {
+        min: min,
+        max: max,
+        precision: precision
+      });
+      setLocalValue(result.toString());
+      if (result !== value) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(result);
+      }
+    }
+  };
+  var handleMoveStart = function handleMoveStart() {
+    dragRef.current = true;
+    var initValue = getPropsValue();
+    originValue.current = initValue === undefined ? undefined : isNaN(Number(initValue)) ? undefined : Number(initValue);
+  };
+  var handlePointMove = function handlePointMove(_ref) {
+    var movementX = _ref.movementX;
+    var initNumberValue = originValue.current;
+    if (initNumberValue === undefined) {
+      initNumberValue = 0;
+    }
+    var result = initNumberValue + Math.floor(movementX / 2) * step;
+    result = getSafeValue(result, {
+      min: min,
+      max: max,
+      precision: precision
+    });
+    setLocalValue(result.toString());
+    if (result !== originValue.current) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(result);
+    }
+  };
+  var handlePointMoveEnd = function handlePointMoveEnd() {
+    dragRef.current = false;
+  };
+  var handleCountUp = function handleCountUp() {
+    if (props.disabled) {
+      return;
+    }
+    var result = localValue === undefined ? 0 : isNaN(Number(localValue)) ? 0 : Number(localValue);
+    result += step;
+    result = getSafeValue(result, {
+      min: min,
+      max: max,
+      precision: precision
+    });
+    setLocalValue(result.toString());
+    if (result !== value) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(result);
+    }
+  };
+  var handleCountDown = function handleCountDown() {
+    if (props.disabled) {
+      return;
+    }
+    var result = localValue === undefined ? 0 : isNaN(Number(localValue)) ? 0 : Number(localValue);
+    result -= step;
+    result = getSafeValue(result, {
+      min: min,
+      max: max,
+      precision: precision
+    });
+    setLocalValue(result.toString());
+    if (result !== value) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(result);
+    }
+  };
+  return /*#__PURE__*/_jsx(Input, _objectSpread({
+    autoSelect: true,
+    ref: ref,
+    className: "arco-input-number",
+    onChange: handleChange,
+    onBlur: handleBlur,
+    value: localValue,
+    prefix: !props.disabled && !props.readOnly ? /*#__PURE__*/_jsx(PointerDrag, {
+      onMoveStart: handleMoveStart,
+      onMove: handlePointMove,
+      onMoveEnd: handlePointMoveEnd,
+      children: /*#__PURE__*/_jsx("span", {
+        className: "arco-input-number-prefix-inner",
+        children: prefix
+      })
+    }) : /*#__PURE__*/_jsx("span", {
+      className: "arco-input-number-prefix-inner",
+      children: prefix
+    }),
+    suffix: /*#__PURE__*/_jsxs("div", {
+      className: "arco-input-number-suffix-inner",
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "arco-input-number-suffix-icon",
+        children: suffix
+      }), !hideControl && !props.disabled && !props.readOnly && /*#__PURE__*/_jsxs("div", {
+        className: "arco-input-number-step",
+        children: [/*#__PURE__*/_jsx("span", {
+          className: classNames('arco-input-number-handle-up', {
+            'arco-input-number-handle-disabled': localValue !== undefined && max !== undefined && +localValue >= max
+          }),
+          onClick: handleCountUp,
+          children: /*#__PURE__*/_jsx(UpOutlined, {})
+        }), /*#__PURE__*/_jsx("span", {
+          className: classNames('arco-input-number-handle-down', {
+            'arco-input-number-handle-disabled': localValue !== undefined && min !== undefined && +localValue <= min
+          }),
+          onClick: handleCountDown,
+          children: /*#__PURE__*/_jsx(DownOutlined, {})
+        })]
+      })]
+    })
+  }, restProps));
+});
 export default InputNumber;