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 +42 -0
- package/lib/{index-I5usZfcy.js → index-15b66b28.js} +99 -92
- package/lib/{index-Cj3ESofS.js → index-a0ac0f40.js} +84523 -73069
- package/lib/index.js +5 -2
- package/lib/index.umd.cjs +4973 -145
- package/lib/package.json +29 -0
- package/lib/style.css +1 -1
- package/package.json +15 -18
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
|
|
2
|
-
import { _ as
|
|
3
|
-
|
|
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
|
-
}
|
|
156
|
+
};
|
|
157
|
+
const ie = {
|
|
155
158
|
name: "container-wrapper",
|
|
156
|
-
mixins: [
|
|
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-
|
|
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__ */
|
|
186
|
+
}, re = /* @__PURE__ */ M(() => /* @__PURE__ */ h("i", { class: "iconfont icon-back" }, null, -1)), oe = [
|
|
184
187
|
re
|
|
185
|
-
], se = /* @__PURE__ */ M(() => /* @__PURE__ */
|
|
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__ */
|
|
191
|
-
/* @__PURE__ */
|
|
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(),
|
|
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__ */
|
|
227
|
+
const O = /* @__PURE__ */ x(ie, [["render", ue], ["__scopeId", "data-v-b50bb3d4"]]);
|
|
228
|
+
const fe = {
|
|
225
229
|
name: "static-content-wrapper",
|
|
226
|
-
mixins: [
|
|
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-
|
|
260
|
+
}, H = (e) => (P("data-v-1fe9543b"), e = e(), V(), e), pe = {
|
|
257
261
|
key: 0,
|
|
258
262
|
class: "field-action"
|
|
259
|
-
},
|
|
260
|
-
|
|
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__ */
|
|
265
|
-
/* @__PURE__ */
|
|
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
|
-
},
|
|
270
|
-
|
|
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
|
-
|
|
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",
|
|
285
|
-
|
|
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
|
-
},
|
|
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,
|
|
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__ */
|
|
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: [
|
|
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
|
|
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"),
|
|
474
|
-
return o(),
|
|
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(
|
|
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(
|
|
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(),
|
|
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(),
|
|
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(
|
|
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",
|
|
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, (
|
|
587
|
-
key:
|
|
588
|
-
}, d.operationButton(
|
|
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:
|
|
592
|
-
content:
|
|
596
|
+
title: D.name,
|
|
597
|
+
content: D.name,
|
|
593
598
|
placement: "top"
|
|
594
599
|
}, {
|
|
595
600
|
default: r(() => [
|
|
596
|
-
s(
|
|
601
|
+
s(v, K(Q({ size: 15, style: { verticalAlign: "middle" } })), {
|
|
597
602
|
default: r(() => [
|
|
598
|
-
(o(),
|
|
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
|
-
!
|
|
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__ */
|
|
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: [
|
|
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
|
|
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"),
|
|
761
|
-
return o(),
|
|
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(),
|
|
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
|
-
|
|
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(
|
|
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(),
|
|
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(
|
|
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(
|
|
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(),
|
|
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__ */
|
|
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: [
|
|
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"),
|
|
960
|
-
return o(),
|
|
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(),
|
|
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
|
-
|
|
974
|
-
|
|
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:
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
class: T(["el-tabs__item", { "is-active":
|
|
996
|
-
onClick: R((u) => d.selectTabpane(
|
|
997
|
-
}, E(
|
|
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__ */
|
|
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
|
-
},
|
|
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(
|
|
1046
|
-
list:
|
|
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":
|
|
1059
|
+
"component-data": C(d),
|
|
1053
1060
|
handle: ".drag-handler",
|
|
1054
1061
|
onAdd: y,
|
|
1055
1062
|
onUpdate: b,
|
|
1056
|
-
move:
|
|
1063
|
+
move: W
|
|
1057
1064
|
}, {
|
|
1058
|
-
item: r(({ element:
|
|
1059
|
-
ee(
|
|
1065
|
+
item: r(({ element: p }) => [
|
|
1066
|
+
ee(h("div", {
|
|
1060
1067
|
class: "transition-group-el",
|
|
1061
|
-
style: A(
|
|
1068
|
+
style: A(C(c))
|
|
1062
1069
|
}, [
|
|
1063
|
-
|
|
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:
|
|
1066
|
-
widget:
|
|
1067
|
-
parentWidget:
|
|
1068
|
-
}, null, 8, ["designer", "widget", "parentWidget"])) :
|
|
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:
|
|
1071
|
-
widget:
|
|
1072
|
-
parentWidget:
|
|
1073
|
-
}, null, 8, ["designer", "widget", "parentWidget"])) :
|
|
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:
|
|
1076
|
-
widget:
|
|
1077
|
-
parentWidget:
|
|
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,
|
|
1087
|
+
[te, v(p)]
|
|
1081
1088
|
])
|
|
1082
1089
|
]),
|
|
1083
1090
|
_: 1
|
|
1084
1091
|
}, 8, ["list", "component-data"])
|
|
1085
1092
|
]));
|
|
1086
1093
|
}
|
|
1087
|
-
}, Ne = /* @__PURE__ */
|
|
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" }));
|