@lemon-fe/components 1.3.5 → 1.3.7-alpha.0

package/es/portal/index.d.ts

@@ -14,5 +14,9 @@ declare namespace Portal {
         slot: string;
         render?: ((children: React.ReactNode) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) | undefined;
     }>;
+    var usePortal: (slot: string) => {
+        add: (node: React.ReactNode) => void;
+        remove: () => void;
+    };
 }
 export default Portal;

package/es/portal/index.js

@@ -8,7 +8,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 React, { createContext, memo, useContext, useEffect, useMemo, useState, Fragment } from 'react';
+import React, { createContext, memo, useContext, useEffect, useMemo, useState, Fragment, useCallback } from 'react';
 import { uniqueId } from 'lodash';
 var Slot = /*#__PURE__*/memo(function Content(props) {
   var children = props.children;
@@ -152,6 +152,28 @@ function Portal(props) {
   }, [slot, children]);
   return null;
 }
+function usePortal(slot) {
+  var portal = useContext(Context);
+  var id = useMemo(function () {
+    return uniqueId('slot');
+  }, []);
+  useEffect(function () {
+    return function () {
+      portal.delete(slot, id);
+    };
+  }, [slot]);
+  var add = useCallback(function (node) {
+    portal.set(slot, id, node);
+  }, [slot]);
+  var remove = useCallback(function () {
+    portal.delete(slot, id);
+  }, [slot]);
+  return {
+    add: add,
+    remove: remove
+  };
+}
 Portal.Host = PortalHost;
 Portal.Slot = PortalSlot;
+Portal.usePortal = usePortal;
 export default Portal;

package/es/styles/theme.less

@@ -8,22 +8,42 @@ html {
   --lemon-primary-color: 35, 87, 223;
 }
 
-.@{prefixCls}-thin-scroll-bar {
-  ::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
+* {
+  scrollbar-width: thin;
+}
+
+&::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+&::-webkit-scrollbar-track {
+  background-color: transparent;
+}
 
-  ::-webkit-scrollbar-track {
-    background-color: transparent;
+&::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: 4px;
+
+  &:hover {
+    background-color: rgba(0, 0, 0, 0.5);
   }
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
 
-  ::-webkit-scrollbar-thumb {
-    background-color: rgba(0, 0, 0, 0.3);
-    border-radius: 4px;
+::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: 4px;
 
-    &:hover {
-      background-color: rgba(0, 0, 0, 0.5);
-    }
+  &:hover {
+    background-color: rgba(0, 0, 0, 0.5);
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon-fe/components",
-  "version": "1.3.5",
+  "version": "1.3.7-alpha.0",
   "description": "> TODO: description",
   "homepage": "",
   "license": "MIT",
@@ -58,5 +58,5 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "gitHead": "a8f1bfed49912fd902159ef408b19299880951c2"
+  "gitHead": "d028d80cfa4608351b34c1804ee709c659b86889"
 }