slw 1.0.0-rc.7.8 → 1.0.0-rc.8

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/README.md ADDED
@@ -0,0 +1,42 @@
1
+ # SLW 插件介绍
2
+ **`SLW` 是一个动态页面生成组件库**,通过后端配置动态渲染企业级业务页面,无需硬编码前端代码
3
+
4
+ ```
5
+ 后端配置页面结构 ————> 前端动态渲染 ————> 完整业务页面
6
+ (JSON) (SLW) (表格/表单/图表)
7
+ ```
8
+
9
+ ## 📌 基于的技术栈
10
+
11
+ | 类别 | 技术 |
12
+ |------|------|
13
+ | **前端框架** | Vue 3 |
14
+ | **UI 组件库** | VXE-PC-UI、Element Plus |
15
+
16
+ **典型场景: **
17
+
18
+ - 📊 **数据管理页面** - 查询表格 + 新增编辑弹窗
19
+ - 📝 **表单录入页面** - 复杂表单 + 数据验证
20
+ - 📈 **数据可视化** - ECharts 图表展示
21
+ - 🔗 **自定义页面** - Vue 组件嵌入
22
+
23
+ ## 🎯 核心功能
24
+
25
+ | 功能模块 | 说明 |
26
+ |---------|------|
27
+ | **动态布局** | 支持垂直/水平/页签布局,可拖拽分割面板 |
28
+ | **数据表格** | 查询/分页/排序/过滤/勾选/导入导出 |
29
+ | **数据表单** | 字段编辑/验证/图片上传/文件上传/代码编辑器 |
30
+ | **弹窗管理** | 编辑弹窗/预览弹窗/自定义弹窗/抽屉 |
31
+ | **页面设计器** | 可视化配置页面布局 |
32
+ | **多语言** | 内置 i18n 支持 (zh-CN/en-US) |
33
+ | **权限控制** | 按钮级显示逻辑控制 |
34
+ | **事件驱动** | 支持行点击/双击/提交前后等事件钩子 |
35
+
36
+ ## 📦 优势
37
+
38
+ - ✅ **低代码** - 页面配置化,减少业务开发工作量
39
+ - ✅ **高复用** - 统一组件库,标准化企业 UI
40
+ - ✅ **灵活扩展** - 支持自定义 Vue 组件嵌入
41
+ - ✅ **多 UI 适配** - 可切换不同 UI 组件库
42
+ - ✅ **全功能** - 覆盖企业应用 90% 常见页面场景
@@ -1,6 +1,8 @@
1
- import { pushScopeId as P, popScopeId as V, createElementVNode as p, resolveComponent as g, createElementBlock as f, openBlock as o, createBlock as h, createCommentVNode as _, withModifiers as R, normalizeStyle as A, normalizeClass as T, withCtx as r, renderSlot as q, Fragment as B, createVNode as s, mergeProps as k, renderList as j, toDisplayString as E, normalizeProps as K, guardReactiveProps as Q, resolveDynamicComponent as Z, defineAsyncComponent as $, computed as F, unref as v, withDirectives as ee, vShow as te } from "vue";
2
- import { _ as I, d as L, a as S, u as N } from "./index-Cj3ESofS.js";
3
- const x = {
1
+ import { pushScopeId as P, popScopeId as V, createElementVNode as h, resolveComponent as g, openBlock as o, createElementBlock as f, createBlock as m, normalizeClass as T, normalizeStyle as A, withModifiers as R, withCtx as r, renderSlot as q, createCommentVNode as _, Fragment as B, createVNode as s, mergeProps as k, renderList as j, toDisplayString as E, normalizeProps as K, guardReactiveProps as Q, resolveDynamicComponent as Z, defineAsyncComponent as $, computed as F, unref as C, withDirectives as ee, vShow as te } from "vue";
2
+ import { _ as x, d as S, a as L, u as N } from "./index-a0ac0f40.js";
3
+ import "element-plus";
4
+ import "vue-router";
5
+ const I = {
4
6
  computed: {},
5
7
  methods: {
6
8
  // 选中组件
@@ -151,9 +153,10 @@ const x = {
151
153
  };
152
154
  }
153
155
  }
154
- }, ie = {
156
+ };
157
+ const ie = {
155
158
  name: "container-wrapper",
156
- mixins: [x],
159
+ mixins: [I],
157
160
  components: {},
158
161
  props: {
159
162
  widget: Object,
@@ -177,25 +180,25 @@ const x = {
177
180
  };
178
181
  }
179
182
  }
180
- }, M = (e) => (P("data-v-a5ec9eee"), e = e(), V(), e), ne = { class: "container-wrapper" }, de = {
183
+ }, M = (e) => (P("data-v-b50bb3d4"), e = e(), V(), e), ne = { class: "container-wrapper" }, de = {
181
184
  key: 0,
182
185
  class: "container-action"
183
- }, re = /* @__PURE__ */ M(() => /* @__PURE__ */ p("i", { class: "iconfont icon-back" }, null, -1)), oe = [
186
+ }, re = /* @__PURE__ */ M(() => /* @__PURE__ */ h("i", { class: "iconfont icon-back" }, null, -1)), oe = [
184
187
  re
185
- ], se = /* @__PURE__ */ M(() => /* @__PURE__ */ p("i", { class: "iconfont icon-delete" }, null, -1)), ae = [
188
+ ], se = /* @__PURE__ */ M(() => /* @__PURE__ */ h("i", { class: "iconfont icon-delete" }, null, -1)), ae = [
186
189
  se
187
190
  ], le = {
188
191
  key: 1,
189
192
  class: "drag-handler"
190
- }, ge = /* @__PURE__ */ M(() => /* @__PURE__ */ p("i", { title: "拖拽手柄" }, [
191
- /* @__PURE__ */ p("i", { class: "iconfont icon-drag" })
193
+ }, ge = /* @__PURE__ */ M(() => /* @__PURE__ */ h("i", { title: "拖拽手柄" }, [
194
+ /* @__PURE__ */ h("i", { class: "iconfont icon-drag" })
192
195
  ], -1)), ce = [
193
196
  ge
194
197
  ];
195
198
  function ue(e, t, i, l, n, d) {
196
199
  const c = g("el-row");
197
200
  return o(), f("div", ne, [
198
- (o(), h(c, {
201
+ (o(), m(c, {
199
202
  key: i.widget.id,
200
203
  class: T(["vxe-grid-container", [d.selected(i.widget) ? "selected" : ""]]),
201
204
  style: A({ height: i.height + "px", overflow: "auto" }),
@@ -221,9 +224,10 @@ function ue(e, t, i, l, n, d) {
221
224
  d.selected(i.widget) && d.isHide(i.widget, "drag") ? (o(), f("div", le, ce)) : _("", !0)
222
225
  ]);
223
226
  }
224
- const O = /* @__PURE__ */ I(ie, [["render", ue], ["__scopeId", "data-v-a5ec9eee"]]), fe = {
227
+ const O = /* @__PURE__ */ x(ie, [["render", ue], ["__scopeId", "data-v-b50bb3d4"]]);
228
+ const fe = {
225
229
  name: "static-content-wrapper",
226
- mixins: [x],
230
+ mixins: [I],
227
231
  components: {},
228
232
  props: {
229
233
  field: Object,
@@ -253,51 +257,52 @@ const O = /* @__PURE__ */ I(ie, [["render", ue], ["__scopeId", "data-v-a5ec9eee"
253
257
  }
254
258
  },
255
259
  methods: {}
256
- }, H = (e) => (P("data-v-6617c757"), e = e(), V(), e), me = {
260
+ }, H = (e) => (P("data-v-1fe9543b"), e = e(), V(), e), pe = {
257
261
  key: 0,
258
262
  class: "field-action"
259
- }, he = /* @__PURE__ */ H(() => /* @__PURE__ */ p("i", { class: "iconfont icon-delete" }, null, -1)), pe = [
260
- he
263
+ }, me = /* @__PURE__ */ H(() => /* @__PURE__ */ h("i", { class: "iconfont icon-delete" }, null, -1)), he = [
264
+ me
261
265
  ], _e = {
262
266
  key: 1,
263
267
  class: "drag-handler background-opacity"
264
- }, we = /* @__PURE__ */ H(() => /* @__PURE__ */ p("i", { title: "拖拽手柄" }, [
265
- /* @__PURE__ */ p("i", { class: "iconfont icon-drag" })
268
+ }, we = /* @__PURE__ */ H(() => /* @__PURE__ */ h("i", { title: "拖拽手柄" }, [
269
+ /* @__PURE__ */ h("i", { class: "iconfont icon-drag" })
266
270
  ], -1)), ye = {
267
271
  key: 0,
268
272
  title: "隐藏"
269
- }, Ce = /* @__PURE__ */ H(() => /* @__PURE__ */ p("i", { class: "iconfont icon-hide" }, null, -1)), ve = [
270
- Ce
273
+ }, ve = /* @__PURE__ */ H(() => /* @__PURE__ */ h("i", { class: "iconfont icon-hide" }, null, -1)), Ce = [
274
+ ve
271
275
  ];
272
276
  function be(e, t, i, l, n, d) {
273
277
  return o(), f("div", {
274
278
  class: "field-wrapper",
275
279
  style: A({ "flex-basis": i.width })
276
280
  }, [
277
- p("div", {
281
+ h("div", {
278
282
  class: T(["static-content-item", [d.selected ? "selected" : ""]]),
279
283
  onClick: t[0] || (t[0] = R((c) => e.selectField(i.field), ["stop"]))
280
284
  }, [
281
285
  q(e.$slots, "default", {}, void 0, !0)
282
286
  ], 2),
283
287
  this.designer ? (o(), f(B, { key: 0 }, [
284
- i.designer.selectedId === i.field.id ? (o(), f("div", me, [
285
- p("i", {
288
+ i.designer.selectedId === i.field.id ? (o(), f("div", pe, [
289
+ h("i", {
286
290
  title: "移除组件",
287
291
  onClick: t[1] || (t[1] = R((...c) => e.removeFieldWidget && e.removeFieldWidget(...c), ["stop"]))
288
- }, pe)
292
+ }, he)
289
293
  ])) : _("", !0),
290
294
  i.designer.selectedId === i.field.id ? (o(), f("div", _e, [
291
295
  we,
292
- d.isHide() ? (o(), f("i", ye, ve)) : _("", !0)
296
+ d.isHide() ? (o(), f("i", ye, Ce)) : _("", !0)
293
297
  ])) : _("", !0)
294
298
  ], 64)) : _("", !0)
295
299
  ], 4);
296
300
  }
297
- const U = /* @__PURE__ */ I(fe, [["render", be], ["__scopeId", "data-v-6617c757"]]), De = {
301
+ const U = /* @__PURE__ */ x(fe, [["render", be], ["__scopeId", "data-v-1fe9543b"]]);
302
+ const We = {
298
303
  name: "grid-widget",
299
304
  componentName: "ContainerWidget",
300
- mixins: [x],
305
+ mixins: [I],
301
306
  inject: [],
302
307
  components: {
303
308
  ContainerWrapper: O,
@@ -462,7 +467,7 @@ const U = /* @__PURE__ */ I(fe, [["render", be], ["__scopeId", "data-v-6617c757"
462
467
  }
463
468
  }
464
469
  };
465
- const We = {
470
+ const De = {
466
471
  key: 0,
467
472
  class: "toolBar-title"
468
473
  }, ke = {
@@ -470,8 +475,8 @@ const We = {
470
475
  style: { verticalAlign: "middle" }
471
476
  };
472
477
  function Re(e, t, i, l, n, d) {
473
- const c = g("vxe-form-item"), y = g("vxe-form"), b = g("StaticContentWrapper"), D = g("draggable"), C = g("el-icon"), u = g("el-tooltip"), a = g("el-button"), m = g("vxe-grid"), G = g("el-col"), z = g("container-wrapper");
474
- return o(), h(z, {
478
+ const c = g("vxe-form-item"), y = g("vxe-form"), b = g("StaticContentWrapper"), W = g("draggable"), v = g("el-icon"), u = g("el-tooltip"), a = g("el-button"), p = g("vxe-grid"), G = g("el-col"), z = g("container-wrapper");
479
+ return o(), m(z, {
475
480
  designer: i.designer,
476
481
  widget: i.widget,
477
482
  parentWidget: i.parentWidget
@@ -486,12 +491,12 @@ function Re(e, t, i, l, n, d) {
486
491
  default: r(() => [
487
492
  s(G, { class: "grid-cell" }, {
488
493
  default: r(() => [
489
- s(m, k({
494
+ s(p, k({
490
495
  ref: "curRegion",
491
496
  "keep-source": ""
492
497
  }, i.widget.gridData, { height: d.computeGridHeight }), {
493
498
  form: r(() => [
494
- s(D, k({
499
+ s(W, k({
495
500
  list: n.formBtnConfig,
496
501
  "item-key": "id"
497
502
  }, {
@@ -518,13 +523,13 @@ function Re(e, t, i, l, n, d) {
518
523
  default: r(() => [
519
524
  s(y, null, {
520
525
  default: r(() => [
521
- w.itemRender && w.itemRender.name == "ElButtons" ? (o(!0), f(B, { key: 0 }, j(w.itemRender.children, (Y) => (o(), h(c, {
526
+ w.itemRender && w.itemRender.name == "ElButtons" ? (o(!0), f(B, { key: 0 }, j(w.itemRender.children, (Y) => (o(), m(c, {
522
527
  "item-render": {
523
528
  name: "ElButton",
524
529
  props: Y.props
525
530
  },
526
531
  visible: w.visible
527
- }, null, 8, ["item-render", "visible"]))), 256)) : (o(), h(c, {
532
+ }, null, 8, ["item-render", "visible"]))), 256)) : (o(), m(c, {
528
533
  key: 1,
529
534
  field: w.field,
530
535
  title: w.title,
@@ -542,7 +547,7 @@ function Re(e, t, i, l, n, d) {
542
547
  }, 16, ["list", "onAdd", "move"])
543
548
  ]),
544
549
  toolbar_buttons: r(() => [
545
- s(D, k({
550
+ s(W, k({
546
551
  list: n.toolbarConfig,
547
552
  "item-key": "id"
548
553
  }, {
@@ -567,7 +572,7 @@ function Re(e, t, i, l, n, d) {
567
572
  rootWidgetId: i.widget.id
568
573
  }, {
569
574
  default: r(() => [
570
- w.buttonRender && w.buttonRender.name == "toolBarTitle" ? (o(), f("span", We, E(w.name), 1)) : (o(), h(y, { key: 1 }, {
575
+ w.buttonRender && w.buttonRender.name == "toolBarTitle" ? (o(), f("span", De, E(w.name), 1)) : (o(), m(y, { key: 1 }, {
571
576
  default: r(() => [
572
577
  s(c, {
573
578
  "item-render": d.btnRender(w)
@@ -583,19 +588,19 @@ function Re(e, t, i, l, n, d) {
583
588
  }, 16, ["list", "onAdd", "move"])
584
589
  ]),
585
590
  operation: r(({ row: w, rowIndex: Y }) => [
586
- (o(!0), f(B, null, j(n.showButtons, (W) => (o(), h(a, k({
587
- key: W._button_id
588
- }, d.operationButton(W)), {
591
+ (o(!0), f(B, null, j(n.showButtons, (D) => (o(), m(a, k({
592
+ key: D._button_id
593
+ }, d.operationButton(D)), {
589
594
  icon: r(() => [
590
595
  s(u, {
591
- title: W.name,
592
- content: W.name,
596
+ title: D.name,
597
+ content: D.name,
593
598
  placement: "top"
594
599
  }, {
595
600
  default: r(() => [
596
- s(C, K(Q({ size: 15, style: { verticalAlign: "middle" } })), {
601
+ s(v, K(Q({ size: 15, style: { verticalAlign: "middle" } })), {
597
602
  default: r(() => [
598
- (o(), h(Z(W.iconComponent)))
603
+ (o(), m(Z(D.iconComponent)))
599
604
  ]),
600
605
  _: 2
601
606
  }, 1040)
@@ -604,7 +609,7 @@ function Re(e, t, i, l, n, d) {
604
609
  }, 1032, ["title", "content"])
605
610
  ]),
606
611
  default: r(() => [
607
- !W.iconComponent || typeof W.iconComponent > "u" ? (o(), f("span", ke, E(W.name), 1)) : _("", !0)
612
+ !D.iconComponent || typeof D.iconComponent > "u" ? (o(), f("span", ke, E(D.name), 1)) : _("", !0)
608
613
  ]),
609
614
  _: 2
610
615
  }, 1040))), 128))
@@ -624,10 +629,11 @@ function Re(e, t, i, l, n, d) {
624
629
  _: 1
625
630
  }, 8, ["designer", "widget", "parentWidget"]);
626
631
  }
627
- const X = /* @__PURE__ */ I(De, [["render", Re], ["__scopeId", "data-v-ee994d8d"]]), Ie = {
632
+ const X = /* @__PURE__ */ x(We, [["render", Re], ["__scopeId", "data-v-72b7e118"]]);
633
+ const xe = {
628
634
  name: "form-widget",
629
635
  componentName: "FromWidget",
630
- mixins: [x],
636
+ mixins: [I],
631
637
  inject: [],
632
638
  components: {
633
639
  ContainerWrapper: O,
@@ -752,13 +758,13 @@ const X = /* @__PURE__ */ I(De, [["render", Re], ["__scopeId", "data-v-ee994d8d"
752
758
  }
753
759
  }
754
760
  };
755
- const xe = { class: "toolBar-title" }, Te = {
761
+ const Ie = { class: "toolBar-title" }, Te = {
756
762
  key: 1,
757
763
  class: "no-widget-hint"
758
764
  };
759
765
  function Ee(e, t, i, l, n, d) {
760
- const c = g("el-col"), y = g("vxe-form-item"), b = g("vxe-form"), D = g("StaticContentWrapper"), C = g("draggable"), u = g("container-wrapper");
761
- return o(), h(u, {
766
+ const c = g("el-col"), y = g("vxe-form-item"), b = g("vxe-form"), W = g("StaticContentWrapper"), v = g("draggable"), u = g("container-wrapper");
767
+ return o(), m(u, {
762
768
  designer: i.designer,
763
769
  widget: i.widget,
764
770
  parentWidget: i.parentWidget
@@ -772,18 +778,18 @@ function Ee(e, t, i, l, n, d) {
772
778
  height: i.widget.height
773
779
  }, {
774
780
  default: r(() => [
775
- d.toolbarConfig.length > 0 && d.toolbarConfig[0].buttonRender && d.toolbarConfig[0].buttonRender.name == "toolBarTitle" ? (o(), h(c, {
781
+ d.toolbarConfig.length > 0 && d.toolbarConfig[0].buttonRender && d.toolbarConfig[0].buttonRender.name == "toolBarTitle" ? (o(), m(c, {
776
782
  key: 0,
777
783
  class: "grid-cell"
778
784
  }, {
779
785
  default: r(() => [
780
- p("span", xe, E(d.toolbarConfig[0].name), 1)
786
+ h("span", Ie, E(d.toolbarConfig[0].name), 1)
781
787
  ]),
782
788
  _: 1
783
789
  })) : _("", !0),
784
790
  s(c, { class: "grid-cell" }, {
785
791
  default: r(() => [
786
- s(C, k({
792
+ s(v, k({
787
793
  list: n.formColumns,
788
794
  "item-key": "id"
789
795
  }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
@@ -797,13 +803,13 @@ function Ee(e, t, i, l, n, d) {
797
803
  move: d.checkFieldMove
798
804
  }), {
799
805
  item: r(({ element: a }) => [
800
- a.type !== "seq" && a.type !== "checkbox" && a.fixed !== "left" && a.dataType !== "ID" && a.displayForm ? (o(), h(c, {
806
+ a.type !== "seq" && a.type !== "checkbox" && a.fixed !== "left" && a.dataType !== "ID" && a.displayForm ? (o(), m(c, {
801
807
  key: 0,
802
808
  class: "grid-cell",
803
809
  span: d.computeSpan(a)
804
810
  }, {
805
811
  default: r(() => [
806
- s(D, {
812
+ s(W, {
807
813
  designer: i.designer,
808
814
  field: a,
809
815
  parentWidget: n.formColumns,
@@ -841,7 +847,7 @@ function Ee(e, t, i, l, n, d) {
841
847
  }),
842
848
  s(c, { class: "grid-cell" }, {
843
849
  default: r(() => [
844
- s(C, k({
850
+ s(v, k({
845
851
  list: d.toolbarConfig,
846
852
  "item-key": "id"
847
853
  }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
@@ -855,7 +861,7 @@ function Ee(e, t, i, l, n, d) {
855
861
  move: d.checkFieldMove
856
862
  }), {
857
863
  item: r(({ element: a }) => [
858
- !a.buttonRender || a.buttonRender && a.buttonRender.name != "toolBarTitle" ? (o(), h(D, {
864
+ !a.buttonRender || a.buttonRender && a.buttonRender.name != "toolBarTitle" ? (o(), m(W, {
859
865
  key: 0,
860
866
  designer: i.designer,
861
867
  field: a,
@@ -892,10 +898,11 @@ function Ee(e, t, i, l, n, d) {
892
898
  _: 1
893
899
  }, 8, ["designer", "widget", "parentWidget"]);
894
900
  }
895
- const J = /* @__PURE__ */ I(Ie, [["render", Ee], ["__scopeId", "data-v-02ba7b3e"]]), Ae = {
901
+ const J = /* @__PURE__ */ x(xe, [["render", Ee], ["__scopeId", "data-v-f348a177"]]);
902
+ const Ae = {
896
903
  name: "grid-layout-wrapper",
897
904
  componentName: "GridLayouWrapper",
898
- mixins: [x],
905
+ mixins: [I],
899
906
  inject: {},
900
907
  components: {
901
908
  ContainerWrapper: O,
@@ -956,8 +963,8 @@ const Se = {
956
963
  class: "el-tabs__content"
957
964
  };
958
965
  function ze(e, t, i, l, n, d) {
959
- const c = g("WindowGrid"), y = g("draggable"), b = g("el-col"), D = g("container-wrapper");
960
- return o(), h(D, {
966
+ const c = g("WindowGrid"), y = g("draggable"), b = g("el-col"), W = g("container-wrapper");
967
+ return o(), m(W, {
961
968
  designer: i.designer,
962
969
  widget: i.widget
963
970
  }, {
@@ -965,13 +972,13 @@ function ze(e, t, i, l, n, d) {
965
972
  s(b, { class: "grid-cell" }, {
966
973
  default: r(() => [
967
974
  i.widget.child.length === 0 && i.widget.gridData == null ? (o(), f("div", Se, "请从左侧列表中选择一个高级组件, 然后用鼠标拖动组件放置于此处")) : _("", !0),
968
- i.widget.mode == "horizontal" || i.widget.mode === "vertical" ? (o(), h(c, {
975
+ i.widget.mode == "horizontal" || i.widget.mode === "vertical" ? (o(), m(c, {
969
976
  key: 1,
970
977
  preViewData: i.widget,
971
978
  designer: i.designer
972
979
  }, null, 8, ["preViewData", "designer"])) : (o(), f("div", Be, [
973
- p("div", Me, [
974
- p("div", {
980
+ h("div", Me, [
981
+ h("div", {
975
982
  class: T(["el-tabs__nav-wrap", { hideAfter: i.widget.child.length == 0 }])
976
983
  }, [
977
984
  s(y, {
@@ -989,12 +996,12 @@ function ze(e, t, i, l, n, d) {
989
996
  onAdd: d.onDragAdd,
990
997
  move: d.onMove
991
998
  }, {
992
- item: r(({ element: C }) => [
993
- p("div", Oe, [
994
- p("div", {
995
- class: T(["el-tabs__item", { "is-active": C.isActive }]),
996
- onClick: R((u) => d.selectTabpane(C.id), ["stop"])
997
- }, E(C.name), 11, He)
999
+ item: r(({ element: v }) => [
1000
+ h("div", Oe, [
1001
+ h("div", {
1002
+ class: T(["el-tabs__item", { "is-active": v.isActive }]),
1003
+ onClick: R((u) => d.selectTabpane(v.id), ["stop"])
1004
+ }, E(v.name), 11, He)
998
1005
  ])
999
1006
  ]),
1000
1007
  _: 1
@@ -1015,7 +1022,7 @@ function ze(e, t, i, l, n, d) {
1015
1022
  _: 1
1016
1023
  }, 8, ["designer", "widget"]);
1017
1024
  }
1018
- const Ye = /* @__PURE__ */ I(Ae, [["render", ze], ["__scopeId", "data-v-02273c28"]]);
1025
+ const Ye = /* @__PURE__ */ x(Ae, [["render", ze], ["__scopeId", "data-v-19eff463"]]);
1019
1026
  const je = { class: "form-widget-list" }, Fe = {
1020
1027
  __name: "index",
1021
1028
  props: {
@@ -1040,51 +1047,51 @@ const je = { class: "form-widget-list" }, Fe = {
1040
1047
  l.value.newWidgetInitConfig(n.value.id, "layout", a);
1041
1048
  }, b = (u) => {
1042
1049
  l.value.emitHistoryChange();
1043
- }, D = (u) => l.value.checkWidgetMove(u), C = (u) => n.value.mode == "tab" ? !!u.isActive : !0;
1050
+ }, W = (u) => l.value.checkWidgetMove(u), v = (u) => n.value.mode == "tab" ? !!u.isActive : !0;
1044
1051
  return (u, a) => (o(), f("div", je, [
1045
- s(v(S), {
1046
- list: v(n).child,
1052
+ s(C(S), {
1053
+ list: C(n).child,
1047
1054
  "item-key": "id",
1048
1055
  "ghost-class": "ghost",
1049
1056
  group: "dragGroup",
1050
1057
  animation: "300",
1051
1058
  tag: "div",
1052
- "component-data": v(d),
1059
+ "component-data": C(d),
1053
1060
  handle: ".drag-handler",
1054
1061
  onAdd: y,
1055
1062
  onUpdate: b,
1056
- move: D
1063
+ move: W
1057
1064
  }, {
1058
- item: r(({ element: m }) => [
1059
- ee(p("div", {
1065
+ item: r(({ element: p }) => [
1066
+ ee(h("div", {
1060
1067
  class: "transition-group-el",
1061
- style: A(v(c))
1068
+ style: A(C(c))
1062
1069
  }, [
1063
- m.gridData && (m.gridData.type === "GRID" || m.gridData.type === "TREE" || m.gridData.type === "TREE_STRUCTURE" || m.gridData.type === "EDIT_GRID") ? (o(), h(X, {
1070
+ p.gridData && (p.gridData.type === "GRID" || p.gridData.type === "TREE" || p.gridData.type === "TREE_STRUCTURE" || p.gridData.type === "EDIT_GRID") ? (o(), m(X, {
1064
1071
  key: 0,
1065
- designer: v(l),
1066
- widget: m,
1067
- parentWidget: v(n).child
1068
- }, null, 8, ["designer", "widget", "parentWidget"])) : m.gridData && m.gridData.type === "FORM" ? (o(), h(J, {
1072
+ designer: C(l),
1073
+ widget: p,
1074
+ parentWidget: C(n).child
1075
+ }, null, 8, ["designer", "widget", "parentWidget"])) : p.gridData && p.gridData.type === "FORM" ? (o(), m(J, {
1069
1076
  key: 1,
1070
- designer: v(l),
1071
- widget: m,
1072
- parentWidget: v(n).child
1073
- }, null, 8, ["designer", "widget", "parentWidget"])) : m.mode == "horizontal" || m.mode === "vertical" || m.mode == "tab" ? (o(), h(Ye, {
1077
+ designer: C(l),
1078
+ widget: p,
1079
+ parentWidget: C(n).child
1080
+ }, null, 8, ["designer", "widget", "parentWidget"])) : p.mode == "horizontal" || p.mode === "vertical" || p.mode == "tab" ? (o(), m(Ye, {
1074
1081
  key: 2,
1075
- designer: v(l),
1076
- widget: m,
1077
- parentWidget: v(n).child
1082
+ designer: C(l),
1083
+ widget: p,
1084
+ parentWidget: C(n).child
1078
1085
  }, null, 8, ["designer", "widget", "parentWidget"])) : _("", !0)
1079
1086
  ], 4), [
1080
- [te, C(m)]
1087
+ [te, v(p)]
1081
1088
  ])
1082
1089
  ]),
1083
1090
  _: 1
1084
1091
  }, 8, ["list", "component-data"])
1085
1092
  ]));
1086
1093
  }
1087
- }, Ne = /* @__PURE__ */ I(Fe, [["__scopeId", "data-v-48225462"]]), Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1094
+ }, Ne = /* @__PURE__ */ x(Fe, [["__scopeId", "data-v-414ae8c2"]]), Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
1088
1095
  __proto__: null,
1089
1096
  default: Ne
1090
1097
  }, Symbol.toStringTag, { value: "Module" }));