seat-editor 3.5.14 → 3.5.16
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.
- package/dist/components/form-tools/shape.js +11 -11
- package/dist/components/form-tools/shape.jsx +11 -11
- package/dist/components/modal-preview/index.js +1 -1
- package/dist/components/modal-preview/index.jsx +1 -1
- package/dist/features/panel/selected-group.js +1 -1
- package/dist/features/panel/selected-group.jsx +1 -1
- package/dist/features/panel/upload-tool.js +2 -2
- package/dist/features/panel/upload-tool.jsx +2 -2
- package/package.json +1 -1
|
@@ -19,31 +19,31 @@ export const optionsShape = [
|
|
|
19
19
|
},
|
|
20
20
|
{
|
|
21
21
|
value: "table-seat-circle",
|
|
22
|
-
label: "Type 1",
|
|
22
|
+
label: "Circle Type 1",
|
|
23
23
|
icon: _jsx(Type1Icon, {}),
|
|
24
24
|
},
|
|
25
|
+
{
|
|
26
|
+
value: "table-seat-rect-circle",
|
|
27
|
+
label: "Circle Type 2",
|
|
28
|
+
icon: _jsx(Type5Icon, {}),
|
|
29
|
+
},
|
|
25
30
|
{
|
|
26
31
|
value: "table-seat-square",
|
|
27
|
-
label: "Type
|
|
32
|
+
label: "Square Type 1",
|
|
28
33
|
icon: _jsx(Type2Icon, {}),
|
|
29
34
|
},
|
|
30
35
|
{
|
|
31
36
|
value: "table-seat-half-square",
|
|
32
|
-
label: "Type
|
|
37
|
+
label: "Square Type 2",
|
|
33
38
|
icon: _jsx(Type3Icon, {}),
|
|
34
39
|
},
|
|
35
40
|
{
|
|
36
41
|
value: "table-seat-rect-square",
|
|
37
|
-
label: "Type
|
|
42
|
+
label: "Square Type 3",
|
|
38
43
|
icon: _jsx(Type4Icon, {}),
|
|
39
44
|
},
|
|
40
45
|
{
|
|
41
|
-
|
|
42
|
-
label: "Type 5 ",
|
|
43
|
-
icon: _jsx(Type5Icon, {}),
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
label: "Image Table",
|
|
46
|
+
label: "Square Type 4",
|
|
47
47
|
value: "image-table",
|
|
48
48
|
icon: _jsx(Image, { size: 18 }),
|
|
49
49
|
},
|
|
@@ -56,7 +56,7 @@ const SectionShape = ({ allowChangeShape = true, }) => {
|
|
|
56
56
|
return (_jsxs("div", { className: "py-2", children: [_jsx("h1", { className: "heading-s", children: "Shape" }), allowChangeShape && (_jsx(Flex, { gap: 2, className: "w-full", children: _jsx(Form.Item, { label: "Name", name: "shape", className: "w-full", children: _jsx(Select, { className: "w-full", children: optionsShape === null || optionsShape === void 0 ? void 0 : optionsShape.map((item) => {
|
|
57
57
|
const disabled = item.value === "table-seat-rect-circle" && maxSeat > 4;
|
|
58
58
|
return (_jsx(Option, { value: item.value, disabled: disabled, className: "flex w-full items-center", children: _jsxs(Flex, { gap: 5, align: "center", justify: "between", children: [item.icon, _jsx("span", { children: item.value === "table-seat-rect-circle"
|
|
59
|
-
? `Type
|
|
59
|
+
? `Circle Type 2 (only for 4 ${seatKey})`
|
|
60
60
|
: item.label })] }) }, item.value));
|
|
61
61
|
}) }) }) })), _jsxs(Flex, { gap: 2, className: "w-full", children: [_jsx(Form.Item, { label: "Width", name: "width", className: "w-full", children: _jsx(InputNumber, { suffix: "px", controls: true, name: "width", min: MIN_WIDTH, step: 1, parser: (value) => {
|
|
62
62
|
var _a;
|
|
@@ -18,31 +18,31 @@ export const optionsShape = [
|
|
|
18
18
|
},
|
|
19
19
|
{
|
|
20
20
|
value: "table-seat-circle",
|
|
21
|
-
label: "Type 1",
|
|
21
|
+
label: "Circle Type 1",
|
|
22
22
|
icon: <Type1Icon />,
|
|
23
23
|
},
|
|
24
|
+
{
|
|
25
|
+
value: "table-seat-rect-circle",
|
|
26
|
+
label: "Circle Type 2",
|
|
27
|
+
icon: <Type5Icon />,
|
|
28
|
+
},
|
|
24
29
|
{
|
|
25
30
|
value: "table-seat-square",
|
|
26
|
-
label: "Type
|
|
31
|
+
label: "Square Type 1",
|
|
27
32
|
icon: <Type2Icon />,
|
|
28
33
|
},
|
|
29
34
|
{
|
|
30
35
|
value: "table-seat-half-square",
|
|
31
|
-
label: "Type
|
|
36
|
+
label: "Square Type 2",
|
|
32
37
|
icon: <Type3Icon />,
|
|
33
38
|
},
|
|
34
39
|
{
|
|
35
40
|
value: "table-seat-rect-square",
|
|
36
|
-
label: "Type
|
|
41
|
+
label: "Square Type 3",
|
|
37
42
|
icon: <Type4Icon />,
|
|
38
43
|
},
|
|
39
44
|
{
|
|
40
|
-
|
|
41
|
-
label: "Type 5 ",
|
|
42
|
-
icon: <Type5Icon />,
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
label: "Image Table",
|
|
45
|
+
label: "Square Type 4",
|
|
46
46
|
value: "image-table",
|
|
47
47
|
icon: <Image size={18}/>,
|
|
48
48
|
},
|
|
@@ -64,7 +64,7 @@ const SectionShape = ({ allowChangeShape = true, }) => {
|
|
|
64
64
|
{item.icon}
|
|
65
65
|
<span>
|
|
66
66
|
{item.value === "table-seat-rect-circle"
|
|
67
|
-
? `Type
|
|
67
|
+
? `Circle Type 2 (only for 4 ${seatKey})`
|
|
68
68
|
: item.label}
|
|
69
69
|
</span>
|
|
70
70
|
</Flex>
|
|
@@ -14,6 +14,6 @@ const ModalPreview = ({ children }) => {
|
|
|
14
14
|
});
|
|
15
15
|
}
|
|
16
16
|
}, [isPreview]);
|
|
17
|
-
return (_jsx(Modal, { open: isPreview, onCancel: () => dispatch({ type: "tool/setTooglePreview", payload: false }), width:
|
|
17
|
+
return (_jsx(Modal, { open: isPreview, onCancel: () => dispatch({ type: "tool/setTooglePreview", payload: false }), width: 1000, height: 600, title: "Preview Board", centered: true, footer: null, children: _jsx("div", { className: "flex flex-col p-4 h-[500px]", children: children }) }));
|
|
18
18
|
};
|
|
19
19
|
export default ModalPreview;
|
|
@@ -13,7 +13,7 @@ const ModalPreview = ({ children }) => {
|
|
|
13
13
|
});
|
|
14
14
|
}
|
|
15
15
|
}, [isPreview]);
|
|
16
|
-
return (<Modal open={isPreview} onCancel={() => dispatch({ type: "tool/setTooglePreview", payload: false })} width={
|
|
16
|
+
return (<Modal open={isPreview} onCancel={() => dispatch({ type: "tool/setTooglePreview", payload: false })} width={1000} height={600} title="Preview Board" centered footer={null}>
|
|
17
17
|
<div className="flex flex-col p-4 h-[500px]">{children}</div>
|
|
18
18
|
</Modal>);
|
|
19
19
|
};
|
|
@@ -38,7 +38,7 @@ const SelectedGroup = ({ action, }) => {
|
|
|
38
38
|
return (_jsx(_Fragment, { children: _jsxs("div", { className: "py-2", children: [_jsx("h1", { className: "heading-s", children: " Group Selection" }), _jsxs("div", { className: "py-2", children: [!hasExtraComponent && (_jsx(Flex, { gap: 2, className: "w-full", children: _jsx(Form.Item, { label: "Name", name: "shape", className: "w-full", children: _jsx(Select, { className: "w-full", children: optionsSelect === null || optionsSelect === void 0 ? void 0 : optionsSelect.map((item) => {
|
|
39
39
|
const disabled = item.value === "table-seat-rect-circle" && maxSeat;
|
|
40
40
|
return (_jsx(Option, { value: item.value, disabled: disabled, className: "flex w-full justify-between items-center", children: _jsxs(Flex, { gap: 5, align: "center", justify: "between", children: [item.icon, _jsx("span", { children: item.value === "table-seat-rect-circle"
|
|
41
|
-
? `Type
|
|
41
|
+
? `Circle Type 2 (only for 4 ${seatKey})`
|
|
42
42
|
: item.label })] }) }, item.value));
|
|
43
43
|
}) }) }) })), allImageSelected && (_jsx(UploadGroupTool, { type: "component", name: "image-table", action: action })), _jsxs(Flex, { gap: 2, className: "w-full", vertical: true, children: [!shapeAllIncludePolygon && (_jsxs(_Fragment, { children: [_jsx(Form.Item, { label: "Width", name: "width", className: "w-full", layout: "horizontal", labelCol: { style: { width: 100, textAlign: "left" } }, wrapperCol: { style: { flex: 1 } }, children: _jsx(InputNumber, { suffix: "px", name: "width", min: MIN_WIDTH, placeholder: placeholders["width"], style: { width: "100%" } }) }), _jsx(Form.Item, { label: "Height", name: "height", className: "w-full", layout: "horizontal", labelCol: { style: { width: 100, textAlign: "left" } }, wrapperCol: { style: { flex: 1 } }, children: _jsx(InputNumber, { suffix: "px", name: "height", min: MIN_HEIGHT, placeholder: placeholders["height"], style: { width: "100%" } }) })] })), !(shape === null || shape === void 0 ? void 0 : shape.includes("circle")) && !shapeAllIncludePolygon && (_jsx(Form.Item, { label: "Radius", name: "radius", className: "w-full", layout: "horizontal", labelCol: { style: { width: 100, textAlign: "left" } }, wrapperCol: { style: { flex: 1 } }, children: _jsx(InputNumber, { name: "radius", suffix: "px", style: { width: "100%" }, placeholder: placeholders["radius"], parser: (value) => {
|
|
44
44
|
var _a;
|
|
@@ -14,7 +14,7 @@ import { Upload, Image as ImageAntd, Button, Form, Flex, Select, InputNumber, Co
|
|
|
14
14
|
import { InboxOutlined, LoadingOutlined } from "@ant-design/icons";
|
|
15
15
|
import { useAppDispatch, useAppSelector } from "../../hooks/use-redux";
|
|
16
16
|
import { MIN_HEIGHT, MIN_WIDTH, MIN_X, MIN_Y } from "../board-v3/constant";
|
|
17
|
-
import { optionsShape } from "
|
|
17
|
+
import { optionsShape } from "../../components/form-tools/shape";
|
|
18
18
|
const { Dragger } = Upload;
|
|
19
19
|
const UploadTool = ({ name, type, action, defaultValue, transform, }) => {
|
|
20
20
|
// const src = Form.useWatch("src");
|
|
@@ -172,7 +172,7 @@ const UploadToolForm = (props) => {
|
|
|
172
172
|
return (_jsxs("div", { className: "py-2", children: [_jsx("h1", { className: "heading-s", children: "Shape" }), _jsx(Flex, { gap: 2, className: "w-full", children: _jsx(Form.Item, { label: "Name", name: "shape", className: "w-full", children: _jsx(Select, { className: "w-full", children: optionsShape === null || optionsShape === void 0 ? void 0 : optionsShape.map((item) => {
|
|
173
173
|
const disabled = item.value === "table-seat-rect-circle" && maxSeat > 4;
|
|
174
174
|
return (_jsx(Option, { value: item.value, disabled: disabled, className: "flex w-full items-center", children: _jsxs(Flex, { gap: 5, align: "center", justify: "between", children: [item.icon, _jsx("span", { children: item.value === "table-seat-rect-circle"
|
|
175
|
-
? `Type
|
|
175
|
+
? `Circle Type 2 (only for 4 ${seatKey})`
|
|
176
176
|
: item.label })] }) }, item.value));
|
|
177
177
|
}) }) }) }), _jsx(UploadTool, Object.assign({}, props)), _jsxs(Flex, { gap: 2, className: "w-full", children: [_jsx(Form.Item, { label: "Width", name: "width", className: "w-full", children: _jsx(InputNumber, { suffix: "px", controls: true, name: "width", min: MIN_WIDTH, step: 1, parser: (value) => {
|
|
178
178
|
var _a;
|
|
@@ -13,7 +13,7 @@ import { Upload, Image as ImageAntd, Button, Form, Flex, Select, InputNumber, Co
|
|
|
13
13
|
import { InboxOutlined, LoadingOutlined } from "@ant-design/icons";
|
|
14
14
|
import { useAppDispatch, useAppSelector } from "../../hooks/use-redux";
|
|
15
15
|
import { MIN_HEIGHT, MIN_WIDTH, MIN_X, MIN_Y } from "../board-v3/constant";
|
|
16
|
-
import { optionsShape } from "
|
|
16
|
+
import { optionsShape } from "../../components/form-tools/shape";
|
|
17
17
|
const { Dragger } = Upload;
|
|
18
18
|
const UploadTool = ({ name, type, action, defaultValue, transform, }) => {
|
|
19
19
|
// const src = Form.useWatch("src");
|
|
@@ -209,7 +209,7 @@ const UploadToolForm = (props) => {
|
|
|
209
209
|
{item.icon}
|
|
210
210
|
<span>
|
|
211
211
|
{item.value === "table-seat-rect-circle"
|
|
212
|
-
? `Type
|
|
212
|
+
? `Circle Type 2 (only for 4 ${seatKey})`
|
|
213
213
|
: item.label}
|
|
214
214
|
</span>
|
|
215
215
|
</Flex>
|