assui 3.0.18 → 3.0.19

package/es/client-only/index.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+declare type ClientOnlyProps = {
+    /** 需要渲染的元素 */
+    children: React.ReactElement;
+};
+declare const ClientOnly: React.FC<ClientOnlyProps>;
+export default ClientOnly;

package/es/client-only/index.js

@@ -0,0 +1,10 @@
+import { useClientOnly } from './useClientOnly';
+var ClientOnly = function ClientOnly(_a) {
+  var children = _a.children;
+  var hasMounted = useClientOnly();
+  if (!hasMounted) {
+    return null;
+  }
+  return children;
+};
+export default ClientOnly;

package/es/client-only/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/client-only/useClientOnly.d.ts

@@ -0,0 +1 @@
+export declare const useClientOnly: () => boolean;

package/es/client-only/useClientOnly.js

@@ -0,0 +1,34 @@
+var __read = this && this.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+    r,
+    ar = [],
+    e;
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+  return ar;
+};
+import { useEffect, useState } from 'react';
+export var useClientOnly = function useClientOnly() {
+  var _a = __read(useState(false), 2),
+    hasMounted = _a[0],
+    setHasMounted = _a[1];
+  useEffect(function () {
+    setHasMounted(true);
+  }, []);
+  return hasMounted;
+};

package/lib/client-only/index.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+declare type ClientOnlyProps = {
+    /** 需要渲染的元素 */
+    children: React.ReactElement;
+};
+declare const ClientOnly: React.FC<ClientOnlyProps>;
+export default ClientOnly;

package/lib/client-only/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var useClientOnly_1 = require("./useClientOnly");
+var ClientOnly = function ClientOnly(_a) {
+  var children = _a.children;
+  var hasMounted = (0, useClientOnly_1.useClientOnly)();
+  if (!hasMounted) {
+    return null;
+  }
+  return children;
+};
+exports["default"] = ClientOnly;

package/lib/client-only/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/client-only/useClientOnly.d.ts

@@ -0,0 +1 @@
+export declare const useClientOnly: () => boolean;

package/lib/client-only/useClientOnly.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var __read = this && this.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+    r,
+    ar = [],
+    e;
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+  return ar;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useClientOnly = void 0;
+var react_1 = require("react");
+var useClientOnly = function useClientOnly() {
+  var _a = __read((0, react_1.useState)(false), 2),
+    hasMounted = _a[0],
+    setHasMounted = _a[1];
+  (0, react_1.useEffect)(function () {
+    setHasMounted(true);
+  }, []);
+  return hasMounted;
+};
+exports.useClientOnly = useClientOnly;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "3.0.18",
+  "version": "3.0.19",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -80,5 +80,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "65ae72bc437a71b1465d6746d84b56a409c68288"
+  "gitHead": "c7b3f84b1906af95910b049d8d5014b818ac97c7"
 }