@easyv/react-components 0.0.14 → 0.0.15

package/dist/SpaceModal/index.js

@@ -0,0 +1,19 @@
+import { useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import "./index.less";
+var createContainer = function createContainer() {
+  var div = document.createElement('div');
+  div.className = 'arco-space-modal';
+  return div;
+};
+export default function SpaceModal(_ref) {
+  var children = _ref.children;
+  var rootRef = useRef(createContainer());
+  useEffect(function () {
+    document.body.appendChild(rootRef.current);
+    return function () {
+      document.body.removeChild(rootRef.current);
+    };
+  }, []);
+  return /*#__PURE__*/createPortal(children, rootRef.current);
+}

package/dist/SpaceModal/index.less

@@ -0,0 +1,5 @@
+.arco-space-modal {
+  position: absolute;
+  top: 0;
+  left: 0;
+}

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useClickOutside';
+export * from './useEventListener';

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export * from "./useClickOutside";
+export * from "./useEventListener";

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1 @@
+export declare function useClickOutside(ref: any, handler: any): null;

package/dist/hooks/useClickOutside.js

@@ -0,0 +1,16 @@
+import { useEffect } from 'react';
+export function useClickOutside(ref, handler) {
+  useEffect(function () {
+    var listener = function listener(event) {
+      if (!ref.current || ref.current.contains(event.target)) {
+        return;
+      }
+      handler(event);
+    };
+    document.addEventListener('click', listener);
+    return function () {
+      document.removeEventListener('click', listener);
+    };
+  }, [ref, handler]);
+  return null;
+}

package/dist/hooks/useEventListener.d.ts

@@ -0,0 +1 @@
+export declare function useEventListener(eventName: any, handler: any, element?: Window & typeof globalThis): null;

package/dist/hooks/useEventListener.js

@@ -0,0 +1,18 @@
+import { useEffect, useRef } from 'react';
+export function useEventListener(eventName, handler) {
+  var element = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : window;
+  var savedHandler = useRef(function (e) {});
+  useEffect(function () {
+    savedHandler.current = handler;
+  }, [handler]);
+  useEffect(function () {
+    var eventListener = function eventListener(event) {
+      return savedHandler.current(event);
+    };
+    element.addEventListener(eventName, eventListener);
+    return function () {
+      element.removeEventListener(eventName, eventListener);
+    };
+  }, [eventName, element]);
+  return null;
+}

package/dist/index.css

@@ -2,3 +2,7 @@ body {
   -webkit-font-smoothing: auto !important;
   -moz-osx-font-smoothing: auto !important;
 }
+
+* {
+  box-sizing: border-box;
+}

package/dist/index.d.ts

@@ -131,4 +131,5 @@ export { default as Space } from './Space';
 export type { SpaceProps } from './Space/interface';
 export { default as Tag } from './Tag';
 export type { TagProps } from './Tag/interface';
-export { default as ColorPicker } from './ColorPicker';
+export { default as Color } from './Color';
+export { default as RangeColor } from './RangeColor';

package/dist/index.js

@@ -65,4 +65,7 @@ export { default as Radio } from "./Radio";
 export { default as Select } from "./Select";
 export { default as Space } from "./Space";
 export { default as Tag } from "./Tag";
-export { default as ColorPicker } from "./ColorPicker";
+// export { default as ColorPicker } from './ColorPicker';
+
+export { default as Color } from "./Color";
+export { default as RangeColor } from "./RangeColor";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/react-components",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description": "a react component library base on arco design",
   "license": "MIT",
   "module": "dist/index.js",
@@ -50,7 +50,7 @@
     "@easyv/react-icons": "4.0.0",
     "ahooks": "^3.7.8",
     "classnames": "^2.3.2",
-    "rc-color-picker": "^1.2.6"
+    "rc-color-picker": "1.2.6"
   },
   "devDependencies": {
     "@arco-design/web-react": "2.55.1",

package/dist/ColorPicker/ColorPreview.d.ts

@@ -1,19 +0,0 @@
-import './ColorPreview.less';
-declare type ColorPreviewProps = PureColorProps | LinearColorProps;
-interface PureColorProps {
-    type: 'pure';
-    value: string;
-}
-interface LinearColorProps {
-    type: 'linear';
-    value: {
-        stops: {
-            color: string;
-            offset: number;
-        }[];
-        angle: number;
-        opacity: number;
-    };
-}
-export default function ColorPreview({ type, value }: ColorPreviewProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/ColorPicker/ColorPreview.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import "./ColorPreview.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ColorPreview(_ref) {
-  var type = _ref.type,
-    value = _ref.value;
-  switch (type) {
-    case 'pure':
-      {
-        return /*#__PURE__*/_jsx("div", {
-          className: "arco-color-picker-preview",
-          style: {
-            backgroundColor: value
-          }
-        });
-      }
-    case 'linear':
-      {
-        return /*#__PURE__*/_jsx("div", {
-          children: "\u6E10\u53D8"
-        });
-      }
-    default:
-      console.error('未知的颜色类型' + type);
-      return null;
-  }
-}

package/dist/ColorPicker/ColorPreview.less

@@ -1,5 +0,0 @@
-.arco-color-picker-preview {
-  width: 28px;
-  height: 28px;
-  border-radius: 4px;
-}