seat-editor 3.0.6 → 3.1.0

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.
Files changed (39) hide show
  1. package/dist/app/constant.d.ts +18 -3
  2. package/dist/app/constant.js +27 -8
  3. package/dist/app/new-board/page.jsx +7 -2
  4. package/dist/app/only-view/constant.js +1218 -1218
  5. package/dist/app/only-view/page.jsx +121 -0
  6. package/dist/components/form-tools/label.jsx +20 -1
  7. package/dist/components/form-tools/shape.jsx +53 -6
  8. package/dist/components/layer-v3/index.d.ts +9 -34
  9. package/dist/components/layer-v3/index.jsx +364 -397
  10. package/dist/components/layer-v3/utils.d.ts +19 -0
  11. package/dist/components/layer-v3/utils.js +72 -0
  12. package/dist/components/layer-v4/index.jsx +544 -80
  13. package/dist/features/board-v3/index.d.ts +1 -6
  14. package/dist/features/board-v3/index.jsx +239 -304
  15. package/dist/features/board-v3/resize-element.js +4 -1
  16. package/dist/features/board-v3/utils.d.ts +22 -4
  17. package/dist/features/board-v3/utils.js +437 -13
  18. package/dist/features/package/index.d.ts +11 -5
  19. package/dist/features/package/index.jsx +1 -1
  20. package/dist/features/panel/index.d.ts +3 -1
  21. package/dist/features/panel/index.jsx +36 -52
  22. package/dist/features/panel/select-tool.jsx +4 -5
  23. package/dist/features/panel/upload-tool.d.ts +5 -3
  24. package/dist/features/panel/upload-tool.jsx +38 -63
  25. package/dist/features/panel/utils.d.ts +5 -0
  26. package/dist/features/panel/utils.js +45 -0
  27. package/dist/features/side-tool/index.jsx +10 -5
  28. package/dist/features/view-only-2/index.jsx +10 -0
  29. package/dist/features/view-only-3/index.d.ts +1 -1
  30. package/dist/features/view-only-3/index.jsx +16 -5
  31. package/dist/index.d.ts +4 -2
  32. package/dist/index.js +2 -1
  33. package/dist/test-.d.ts +10 -0
  34. package/dist/test-.js +10 -0
  35. package/dist/utils/constant.d.ts +2 -0
  36. package/dist/utils/constant.js +2 -0
  37. package/dist/utils/regex.d.ts +3 -0
  38. package/dist/utils/regex.js +3 -0
  39. package/package.json +1 -1
@@ -106,6 +106,13 @@ export declare const data4: ({
106
106
  properties: {
107
107
  x: number;
108
108
  y: number;
109
+ labels: {
110
+ x: number;
111
+ y: number;
112
+ label: string;
113
+ fontSize: number;
114
+ fontColor: string;
115
+ }[];
109
116
  id: string;
110
117
  stroke: string;
111
118
  fill: string;
@@ -180,7 +187,7 @@ export declare const data4: ({
180
187
  left: number;
181
188
  right: number;
182
189
  };
183
- labels?: undefined;
190
+ radius?: undefined;
184
191
  };
185
192
  } | {
186
193
  status: number;
@@ -196,7 +203,9 @@ export declare const data4: ({
196
203
  width: number;
197
204
  height: number;
198
205
  openSpace: number;
206
+ seatFill: string;
199
207
  gapTags: number;
208
+ radius: number;
200
209
  tags: ({
201
210
  key: string;
202
211
  items: {
@@ -272,7 +281,6 @@ export declare const data4: ({
272
281
  opacity: number;
273
282
  rotation: number;
274
283
  seatCount: number;
275
- seatFill?: undefined;
276
284
  labels?: undefined;
277
285
  };
278
286
  uuid_table?: undefined;
@@ -289,6 +297,13 @@ export declare const data4: ({
289
297
  width: number;
290
298
  height: number;
291
299
  gapTags: number;
300
+ labels: {
301
+ x: number;
302
+ y: number;
303
+ label: string;
304
+ fontSize: number;
305
+ fontColor: string;
306
+ }[];
292
307
  tags: ({
293
308
  key: string;
294
309
  items: {
@@ -319,13 +334,13 @@ export declare const data4: ({
319
334
  offsetX: number;
320
335
  offsetY: number;
321
336
  })[];
322
- labels: any[];
323
337
  opacity: number;
324
338
  rotation: number;
325
339
  seatCount: number;
326
340
  openSpace?: undefined;
327
341
  seatFill?: undefined;
328
342
  seatPositions?: undefined;
343
+ radius?: undefined;
329
344
  };
330
345
  uuid_table?: undefined;
331
346
  status?: undefined;
@@ -3069,6 +3069,15 @@ export const data4 = [
3069
3069
  properties: {
3070
3070
  x: 100,
3071
3071
  y: 520,
3072
+ labels: [
3073
+ {
3074
+ x: 0,
3075
+ y: 27,
3076
+ label: "New Table 5",
3077
+ fontSize: 12,
3078
+ fontColor: "#0d0c0c",
3079
+ },
3080
+ ],
3072
3081
  id: "1761194669729132000",
3073
3082
  stroke: "#347ADB", //warna border
3074
3083
  fill: "#E1F4FF", //warna latar belakang
@@ -3412,17 +3421,19 @@ export const data4 = [
3412
3421
  status: 2,
3413
3422
  properties: {
3414
3423
  x: 0,
3415
- y: 300,
3424
+ y: 100,
3416
3425
  id: "234243242342434",
3417
3426
  stroke: "#347ADB", //warna border
3418
3427
  fill: "#E1F4FF", //warna latar belakang
3419
3428
  strokeWidth: 1,
3420
3429
  text: "",
3421
- shape: "table-seat-square-side",
3422
- width: 100,
3423
- height: 100,
3430
+ shape: "table-seat-circle",
3431
+ width: 300,
3432
+ height: 300,
3424
3433
  openSpace: 0.5,
3434
+ seatFill: "#89d1ed",
3425
3435
  gapTags: 10, //gap antara tags secara vertical,
3436
+ radius: 10, //border radius
3426
3437
  tags: [
3427
3438
  {
3428
3439
  key: "table", //key untuk penamaan tag
@@ -3487,9 +3498,9 @@ export const data4 = [
3487
3498
  },
3488
3499
  ],
3489
3500
  seatPositions: {
3490
- top: 2,
3491
- bottom: 2,
3492
- left: 3,
3501
+ top: 1,
3502
+ bottom: 1,
3503
+ left: 1,
3493
3504
  right: 1
3494
3505
  },
3495
3506
  opacity: 1,
@@ -3510,6 +3521,15 @@ export const data4 = [
3510
3521
  width: 100,
3511
3522
  height: 100,
3512
3523
  gapTags: 10, //gap antara tags secara vertical,
3524
+ labels: [
3525
+ {
3526
+ x: 0,
3527
+ y: 27,
3528
+ label: "New Table 5",
3529
+ fontSize: 12,
3530
+ fontColor: "#0d0c0c",
3531
+ },
3532
+ ],
3513
3533
  tags: [
3514
3534
  {
3515
3535
  key: "table", //key untuk penamaan tag
@@ -3559,7 +3579,6 @@ export const data4 = [
3559
3579
  offsetY: 5,
3560
3580
  },
3561
3581
  ],
3562
- labels: [],
3563
3582
  opacity: 1,
3564
3583
  rotation: 0,
3565
3584
  seatCount: 0,
@@ -31,10 +31,15 @@ export default function NewBoard() {
31
31
  {viewOnly ? "Edit Mode" : "View Mode"}
32
32
  </button> */}
33
33
  <div className="flex-1 h-full">
34
- <SeatEditor componentProps={initialValue} viewOnly={false} dragOnly={true} deleteAutorized={{
34
+ <SeatEditor componentProps={initialValue} viewOnly={false} dragOnly={viewOnly} deleteAutorized={{
35
35
  component: true,
36
36
  extraComponent: true,
37
- }} mappingKey="properties" onCurrentStateChange={(setState) => {
37
+ }}
38
+ // action={async (action: any) => {
39
+ // console.log({ action });
40
+ // return null
41
+ // }}
42
+ mappingKey="properties" onCurrentStateChange={(setState) => {
38
43
  var _a, _b, _c, _d;
39
44
  if (((_a = setState === null || setState === void 0 ? void 0 : setState.components) === null || _a === void 0 ? void 0 : _a.length) > 0) {
40
45
  setInitialValue((_b = setState === null || setState === void 0 ? void 0 : setState.components) !== null && _b !== void 0 ? _b : []);