@zuzjs/ui 0.5.0 → 0.5.1

package/dist/comps/drawer.js

@@ -1,12 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import With from "./base";
 import { DRAWER_SIDE, TRANSITION_CURVES, TRANSITIONS } from "../types/enums";
 const Drawer = forwardRef((props, ref) => {
     const { as, from, speed, children, prerender, ...rest } = props;
+    const [render, setRender] = useState(undefined == prerender ? true : prerender);
     const [visible, setVisible] = useState(false);
     const divRef = useRef(null);
     const [content, setContent] = useState(children);
+    useEffect(() => {
+        setContent(children);
+    }, [children]);
     const style = useMemo(() => {
         switch (from) {
             case DRAWER_SIDE.Left:
@@ -44,6 +48,6 @@ const Drawer = forwardRef((props, ref) => {
                     when: visible,
                     curve: TRANSITION_CURVES.EaseInOut,
                     duration: speed || .5,
-                }, ...rest, children: [from == DRAWER_SIDE.Top || from == DRAWER_SIDE.Bottom ? _jsx(With, { className: "drawer-handle" }) : null, visible && content] })] });
+                }, ...rest, children: [from == DRAWER_SIDE.Top || from == DRAWER_SIDE.Bottom ? _jsx(With, { className: "drawer-handle" }) : null, render ? content : visible ? content : null] })] });
 });
 export default Drawer;

package/dist/funs/index.d.ts

@@ -35,4 +35,4 @@ export declare const withTime: (fun: (...args: any[]) => any) => {
 export declare const time: (stamp?: number, format?: string) => string;
 export declare const arrayRand: (arr: any[]) => any;
 export declare const formatNumber: ({ number, locale, style, decimal, currency }: FormatNumberParams) => string;
-export declare const copyToClipboard: (text: string) => Promise<void>;
+export declare const copyToClipboard: (text: string) => Promise<unknown>;

package/dist/funs/index.js

@@ -190,4 +190,26 @@ export const formatNumber = ({ number, locale = 'en-US', style = `decimal`, deci
         maximumFractionDigits: +number % 1 > 0 ? 2 : 0
     }).format(+number);
 };
-export const copyToClipboard = (text) => navigator.clipboard.writeText(text);
+export const copyToClipboard = (text) => {
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+        return navigator.clipboard.writeText(text);
+    }
+    else {
+        return new Promise((resolve, reject) => {
+            const textarea = document.createElement("textarea");
+            textarea.value = text;
+            textarea.style.position = "fixed";
+            document.body.appendChild(textarea);
+            textarea.focus();
+            textarea.select();
+            try {
+                document.execCommand("copy");
+                resolve(`Copied to clipboard`);
+            }
+            catch (err) {
+                reject(err);
+            }
+            document.body.removeChild(textarea);
+        });
+    }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zuzjs/ui",
-    "version": "0.5.0",
+    "version": "0.5.1",
     "keywords": [
         "react",
         "zuz",