@wener/console
Version:
Base console UI toolkit
57 lines (56 loc) • 2.05 kB
JavaScript
import React from "react";
import { useStore } from "zustand";
import { useWindow } from "./ReactWindow.js";
export const WindowTest = () => {
let win = useWindow();
let store = win.store;
const { canMaximize, canMinimize, canResize } = useStore(store, ({ canMaximize, canMinimize, canResize }) => {
return {
canMaximize,
canMinimize,
canResize
};
});
return /*#__PURE__*/ React.createElement("div", {
className: "flex flex-col p-2"
}, /*#__PURE__*/ React.createElement("h2", null, "Window Test"), /*#__PURE__*/ React.createElement("div", {
className: "flex flex-col gap-1"
}, /*#__PURE__*/ React.createElement("div", {
className: "form-control"
}, /*#__PURE__*/ React.createElement("label", {
className: "label cursor-pointer"
}, /*#__PURE__*/ React.createElement("span", {
className: "label-text"
}, "Can Maximize"), /*#__PURE__*/ React.createElement("input", {
type: "checkbox",
className: "toggle",
checked: canMaximize,
onChange: (e) => {
store.setState({
canMaximize: e.target.checked
});
}
}))), /*#__PURE__*/ React.createElement("div", {
className: "form-control"
}, /*#__PURE__*/ React.createElement("label", {
className: "label cursor-pointer"
}, /*#__PURE__*/ React.createElement("span", {
className: "label-text"
}, "Can Minimize"), /*#__PURE__*/ React.createElement("input", {
type: "checkbox",
className: "toggle",
checked: canMinimize,
onChange: (e) => {
store.setState({
canMinimize: e.target.checked
});
}
})))), /*#__PURE__*/ React.createElement("hr", {
className: "my-4"
}), /*#__PURE__*/ React.createElement("input", {
type: "text",
className: "input input-bordered",
placeholder: "Can focus and input"
}));
};
//# sourceMappingURL=WindowTest.js.map