@zuzjs/ui 0.2.3 → 0.2.4

package/dist/index.js

@@ -1238,9 +1238,9 @@ const Form = forwardRef((props, ref) => {
         get
     }));
     useEffect(() => {
+        let f = buildFields();
+        setHTML(f.children);
         if (!forms[name]) {
-            let f = buildFields();
-            setHTML(f.children);
             dispatch(ADD_FORM(name, f.fields, forms));
         }
     }, [children, (_a = forms[name]) === null || _a === void 0 ? void 0 : _a.loading]);
@@ -1327,4 +1327,26 @@ const Tweet = (props) => {
     return (jsx(Box, { as: `tweet`, weight: 1, bref: _tweet }));
 };
 
-export { App, Component as Block, Box, Button, Checkbox, Cover, Form, Heading, Icon, Image, Input, Placeholder, AppProvider as Provider, Select, Spacer, Spinner, Text, Toaster, Tweet, addProps, addScript, buildCSS, buildFormData, byId, byName, createSlice, el, filterHTMLProps, filterStyleProps, getCookie, getUriParams, grab, isEmail, isIPv4, isUrl, randstr, removeCookie, rgb2hex, setCSSVar, setCookie, shuffleArray, ucfirst, useDevice, useDispatch, useImage, useResizeObserver, useStore, useTheme, useToast, uuid };
+const ContextMenu = forwardRef((props, ref) => {
+    const { as, size, color, hover, pos, items } = props;
+    return (jsx(Box, Object.assign({ hover: hover || {}, flex: true, fixed: true, top: (pos === null || pos === void 0 ? void 0 : pos.y) || 0, left: (pos === null || pos === void 0 ? void 0 : pos.x) || 0, bref: ref, as: `contextmenu-${as}`, ai: `c`, jc: `c`, size: size || 24, color: color || `#111111` }, { children: items && items.map((m, i) => jsx(Button, Object.assign({ onClick: m.on ? m.on : () => { } }, { children: m.label }), `cm-${i}-${m.id}`)) })));
+});
+
+const buildElement = (el) => {
+    switch (el.is) {
+        case "Box":
+            return jsx(Box, Object.assign({}, (el.props || {}), { children: el.children || null }), el.key || nanoid());
+    }
+};
+const buildComponent = (data) => {
+    return data.map(e => buildElement(e));
+};
+
+const Header = forwardRef((props, ref) => {
+    const data = [
+        { is: `Box` }
+    ];
+    return (jsx(Fragment, { children: buildComponent(data) }));
+});
+
+export { App, Component as Block, Box, Button, Checkbox, ContextMenu, Cover, Form, Header, Heading, Icon, Image, Input, Placeholder, AppProvider as Provider, Select, Spacer, Spinner, Text, Toaster, Tweet, addProps, addScript, buildCSS, buildFormData, byId, byName, createSlice, el, filterHTMLProps, filterStyleProps, getCookie, getUriParams, grab, isEmail, isIPv4, isUrl, randstr, removeCookie, rgb2hex, setCSSVar, setCookie, shuffleArray, ucfirst, useDevice, useDispatch, useImage, useResizeObserver, useStore, useTheme, useToast, uuid };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zuzjs/ui",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "type": "module",
   "main": "dist/index.js",
   "exports": {