seat-editor 3.5.3 → 3.5.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1884,9 +1884,29 @@ const BoardTemplate = ({ refs, loadingRender, disabled = false, }) => {
|
|
|
1884
1884
|
switch: false,
|
|
1885
1885
|
drop: false,
|
|
1886
1886
|
rightClick: false,
|
|
1887
|
-
}, defaultBoundingBox: boundingBox }), _jsx("div", { className: "flex gap-2 mt-2", children: _jsxs(Radio.Group, { value: isShowTagType, onChange: handleCheckPreview, children: [_jsx(Radio, { value: "default", children: "Event Layout" }), _jsx(Radio, { value: "type-1", children: "Layout View" }), _jsx(Radio, { value: "type-2", children: "Next 3 Reservation" })] }) })] }), _jsxs("div", { className: "relative w-full h-screen flex-1 overflow-hidden mt-[78px]", ref: containerRef, children: [_jsx("div", {
|
|
1887
|
+
}, defaultBoundingBox: boundingBox }), _jsx("div", { className: "flex gap-2 mt-2", children: _jsxs(Radio.Group, { value: isShowTagType, onChange: handleCheckPreview, children: [_jsx(Radio, { value: "default", children: "Event Layout" }), _jsx(Radio, { value: "type-1", children: "Layout View" }), _jsx(Radio, { value: "type-2", children: "Next 3 Reservation" })] }) })] }), _jsxs("div", { className: "relative w-full h-screen flex-1 overflow-hidden mt-[78px]", ref: containerRef, children: [_jsx("div", { style: {
|
|
1888
|
+
position: "absolute",
|
|
1889
|
+
bottom: "118px",
|
|
1890
|
+
left: "50%",
|
|
1891
|
+
transform: "translateX(-50%)",
|
|
1892
|
+
zIndex: 10,
|
|
1893
|
+
}, children: _jsxs("div", { className: "flex gap-2 w-[500px] justify-between", children: [_jsx(Button, { icon: _jsx(ZoomOut, {}), onClick: handleZoomOut }), _jsx(Slider, { value: zoom, min: 0.2, max: 2, step: 0.2, className: "w-full", tooltip: {
|
|
1888
1894
|
open: false,
|
|
1889
|
-
}, onChange: handleChageZoom }), _jsx(Button, { icon: _jsx(ZoomIn, {}), onClick: handelZoomIn })] }) }), _jsxs("div", {
|
|
1895
|
+
}, onChange: handleChageZoom }), _jsx(Button, { icon: _jsx(ZoomIn, {}), onClick: handelZoomIn })] }) }), _jsxs("div", { style: {
|
|
1896
|
+
width: "100%",
|
|
1897
|
+
backgroundColor: "#ffffff",
|
|
1898
|
+
position: "absolute",
|
|
1899
|
+
bottom: "78px",
|
|
1900
|
+
left: "50%",
|
|
1901
|
+
transform: "translateX(-50%)",
|
|
1902
|
+
zIndex: 10,
|
|
1903
|
+
padding: "4px", // p-1 = 0.25rem = 4px
|
|
1904
|
+
display: "flex",
|
|
1905
|
+
justifyContent: "flex-start",
|
|
1906
|
+
alignItems: "center",
|
|
1907
|
+
gap: "8px", // gap-2 = 0.5rem = 8px
|
|
1908
|
+
borderTop: "1px solid #d1d5db", // gray-300
|
|
1909
|
+
}, children: ["Select", " ", _jsx(Tag, { color: isShiftPressed ? "red" : "lime", children: footerInfoList[hasSelectionBox ? 1 : 0]["title"] }), " ", footerInfoList[hasSelectionBox ? 1 : 0]["desc"], hasSelectionBox && (_jsxs(_Fragment, { children: [_jsx(Tag, { color: "lime", children: _jsxs(Flex, { children: [_jsx(Command, { size: 16 }), "D"] }) }), "to deselect"] })), " ", "| Table Total ", _jsx(Tag, { color: "volcano", children: componentsState === null || componentsState === void 0 ? void 0 : componentsState.length })] }), _jsx(TransformWrapper, { ref: transformRef,
|
|
1890
1910
|
// limitToBounds={true}
|
|
1891
1911
|
panning: {
|
|
1892
1912
|
disabled: [
|
|
@@ -1895,7 +1895,13 @@ const BoardTemplate = ({ refs, loadingRender, disabled = false, }) => {
|
|
|
1895
1895
|
</div>
|
|
1896
1896
|
</ModalPreview>
|
|
1897
1897
|
<div className="relative w-full h-screen flex-1 overflow-hidden mt-[78px]" ref={containerRef}>
|
|
1898
|
-
<div
|
|
1898
|
+
<div style={{
|
|
1899
|
+
position: "absolute",
|
|
1900
|
+
bottom: "118px",
|
|
1901
|
+
left: "50%",
|
|
1902
|
+
transform: "translateX(-50%)",
|
|
1903
|
+
zIndex: 10,
|
|
1904
|
+
}}>
|
|
1899
1905
|
<div className="flex gap-2 w-[500px] justify-between">
|
|
1900
1906
|
<Button icon={<ZoomOut />} onClick={handleZoomOut}/>
|
|
1901
1907
|
|
|
@@ -1905,7 +1911,21 @@ const BoardTemplate = ({ refs, loadingRender, disabled = false, }) => {
|
|
|
1905
1911
|
<Button icon={<ZoomIn />} onClick={handelZoomIn}/>
|
|
1906
1912
|
</div>
|
|
1907
1913
|
</div>
|
|
1908
|
-
<div
|
|
1914
|
+
<div style={{
|
|
1915
|
+
width: "100%",
|
|
1916
|
+
backgroundColor: "#ffffff",
|
|
1917
|
+
position: "absolute",
|
|
1918
|
+
bottom: "78px",
|
|
1919
|
+
left: "50%",
|
|
1920
|
+
transform: "translateX(-50%)",
|
|
1921
|
+
zIndex: 10,
|
|
1922
|
+
padding: "4px", // p-1 = 0.25rem = 4px
|
|
1923
|
+
display: "flex",
|
|
1924
|
+
justifyContent: "flex-start",
|
|
1925
|
+
alignItems: "center",
|
|
1926
|
+
gap: "8px", // gap-2 = 0.5rem = 8px
|
|
1927
|
+
borderTop: "1px solid #d1d5db", // gray-300
|
|
1928
|
+
}}>
|
|
1909
1929
|
Select{" "}
|
|
1910
1930
|
<Tag color={isShiftPressed ? "red" : "lime"}>
|
|
1911
1931
|
{footerInfoList[hasSelectionBox ? 1 : 0]["title"]}
|