element-less 0.0.18 → 0.0.19
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/config/index.d.ts +1 -0
- package/element-less.cjs +1 -1
- package/element-less.iife.js +1 -1
- package/element-less.js +1 -1
- package/element-less.umd.cjs +1 -1
- package/elementui/dialog/index.d.ts +1 -1
- package/elementui/dialog/src/dialog.vue.d.ts +1 -1
- package/index-QxikzMcd.cjs +1 -0
- package/{index-DhAJpIKS.js → index-Ugzuxkrz.js} +135 -43
- package/{inner-Bthjv0kV.js → inner-DF7Plbdc.js} +1 -1
- package/{inner-Bp9Wep5b.cjs → inner-MxAtsMj5.cjs} +1 -1
- package/{innerItem-DXsyRepl.js → innerItem-BAc4RCJN.js} +1 -1
- package/{innerItem-CVw7fSnZ.cjs → innerItem-DMH7UHBU.cjs} +1 -1
- package/{mode-csharp-DG8tcbww.js → mode-csharp-Dkda4Zzf.js} +1 -1
- package/{mode-csharp-B8C4El5T.cjs → mode-csharp-ric_v3YM.cjs} +1 -1
- package/{mode-css-BVIggJ4K.cjs → mode-css-DQ6OWoZT.cjs} +1 -1
- package/{mode-css-Bv57CStB.js → mode-css-Dlr3IlLd.js} +1 -1
- package/{mode-javascript-I_LVVCY0.js → mode-javascript-D8ZT390y.js} +1 -1
- package/{mode-javascript-kv6Sg584.cjs → mode-javascript-gYLpxSsV.cjs} +1 -1
- package/{mode-json-BUaER4p9.js → mode-json-BYm5qA4S.js} +1 -1
- package/{mode-json-DR4WOydm.cjs → mode-json-C0UQLfbM.cjs} +1 -1
- package/{mode-mysql-dy6FGw55.js → mode-mysql-BG_NC-yl.js} +1 -1
- package/{mode-mysql-DfImos_X.cjs → mode-mysql-DD80AZuh.cjs} +1 -1
- package/package.json +1 -1
- package/style.css +1 -1
- package/utils/index.d.ts +2 -0
- package/index-CrjNZOj7.cjs +0 -1
|
@@ -1637,7 +1637,8 @@ const defaultConfig = {
|
|
|
1637
1637
|
url: "TargetUrl",
|
|
1638
1638
|
areaName: "AreaName",
|
|
1639
1639
|
controllerName: "ControllerName",
|
|
1640
|
-
actionName: "ActionName"
|
|
1640
|
+
actionName: "ActionName",
|
|
1641
|
+
visible: "Visible"
|
|
1641
1642
|
},
|
|
1642
1643
|
table: {
|
|
1643
1644
|
menu: "PowerMenu",
|
|
@@ -1741,7 +1742,8 @@ const utils = {
|
|
|
1741
1742
|
$buttonTypeField: globalConfig.menu["buttonType"],
|
|
1742
1743
|
$groupField: globalConfig.menu["group"],
|
|
1743
1744
|
$confirmField: globalConfig.menu["confirmField"],
|
|
1744
|
-
$confirmPasswordField: globalConfig.menu["confirmPasswordField"]
|
|
1745
|
+
$confirmPasswordField: globalConfig.menu["confirmPasswordField"],
|
|
1746
|
+
$visibleField: globalConfig.menu["visible"]
|
|
1745
1747
|
};
|
|
1746
1748
|
},
|
|
1747
1749
|
getTableConfig() {
|
|
@@ -2362,6 +2364,19 @@ const utils = {
|
|
|
2362
2364
|
ProxyElsMessage.error("复制失败");
|
|
2363
2365
|
});
|
|
2364
2366
|
},
|
|
2367
|
+
getClipboardContent: async () => {
|
|
2368
|
+
try {
|
|
2369
|
+
const permissionStatus = await navigator.permissions.query({ name: "clipboard-read" });
|
|
2370
|
+
if (permissionStatus.state === "granted" || permissionStatus.state === "prompt") {
|
|
2371
|
+
const text = await navigator.clipboard.readText();
|
|
2372
|
+
return Promise.resolve(text);
|
|
2373
|
+
} else {
|
|
2374
|
+
alert("没有读取剪切板的权限");
|
|
2375
|
+
}
|
|
2376
|
+
} catch (error) {
|
|
2377
|
+
console.error("读取剪切板内容时出错:", error);
|
|
2378
|
+
}
|
|
2379
|
+
},
|
|
2365
2380
|
isEmptyObject(obj) {
|
|
2366
2381
|
return Object.keys(obj).length === 0 && obj.constructor === Object;
|
|
2367
2382
|
},
|
|
@@ -15318,21 +15333,16 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
15318
15333
|
}),
|
|
15319
15334
|
emits: ["update:modelValue"],
|
|
15320
15335
|
setup(__props) {
|
|
15321
|
-
var _a;
|
|
15322
15336
|
const container = useContainer();
|
|
15323
|
-
const { proxy } = getCurrentInstance();
|
|
15324
15337
|
const modelValue = useModel$1(__props, "modelValue");
|
|
15325
15338
|
const contextMenu = ref();
|
|
15326
15339
|
const props = __props;
|
|
15327
15340
|
const menuData = reactive([]);
|
|
15328
|
-
|
|
15329
|
-
|
|
15330
|
-
|
|
15331
|
-
|
|
15332
|
-
|
|
15333
|
-
nameFieldname = proxy.$lessConfig.menu.name;
|
|
15334
|
-
iconFieldname = proxy.$lessConfig.menu.icon;
|
|
15335
|
-
}
|
|
15341
|
+
const menuConfig = utils.getMenuConfig();
|
|
15342
|
+
const idFieldname = menuConfig.$idField;
|
|
15343
|
+
const nameFieldname = menuConfig.$nameField;
|
|
15344
|
+
const iconFieldname = menuConfig.$iconField;
|
|
15345
|
+
const visibleFieldname = menuConfig.$visibleField;
|
|
15336
15346
|
const isOutBottom = computed(() => {
|
|
15337
15347
|
return props.positionTop + 30 * menuData.length + 30 > window.innerHeight;
|
|
15338
15348
|
});
|
|
@@ -15361,21 +15371,25 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
15361
15371
|
modelValue.value = false;
|
|
15362
15372
|
});
|
|
15363
15373
|
return (_ctx, _cache) => {
|
|
15374
|
+
const _component_el_icon = resolveComponent("el-icon");
|
|
15364
15375
|
return withDirectives((openBlock(), createElementBlock("ul", {
|
|
15365
15376
|
ref_key: "contextMenu",
|
|
15366
15377
|
ref: contextMenu,
|
|
15367
15378
|
class: normalizeClass(["els-context-menu", { "outscreen-menu": isOutScreen.value }]),
|
|
15368
15379
|
style: normalizeStyle([{ left: _ctx.positionLeft + "px" }, { top: isOutBottom.value ? "auto" : _ctx.positionTop + "px" }, { bottom: !isOutBottom.value ? "auto" : positionBottom.value + "px" }])
|
|
15369
15380
|
}, [
|
|
15370
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(menuData, (item) => {
|
|
15381
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(menuData.filter((ele) => !unref(visibleFieldname) || ele[unref(visibleFieldname)] === void 0 || ele[unref(visibleFieldname)]), (item) => {
|
|
15371
15382
|
return openBlock(), createElementBlock("li", {
|
|
15372
15383
|
class: "els-context-list",
|
|
15373
15384
|
key: item[unref(idFieldname)],
|
|
15374
15385
|
onClick: ($event) => menuCommand(item)
|
|
15375
15386
|
}, [
|
|
15376
|
-
|
|
15377
|
-
|
|
15378
|
-
|
|
15387
|
+
createVNode(_component_el_icon, null, {
|
|
15388
|
+
default: withCtx(() => [
|
|
15389
|
+
(openBlock(), createBlock(resolveDynamicComponent(item[unref(iconFieldname)])))
|
|
15390
|
+
]),
|
|
15391
|
+
_: 2
|
|
15392
|
+
}, 1024),
|
|
15379
15393
|
createElementVNode("span", _hoisted_2$Z, toDisplayString(item[unref(nameFieldname)]), 1)
|
|
15380
15394
|
], 8, _hoisted_1$17);
|
|
15381
15395
|
}), 128))
|
|
@@ -15385,7 +15399,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
15385
15399
|
};
|
|
15386
15400
|
}
|
|
15387
15401
|
});
|
|
15388
|
-
const MenuContext = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-
|
|
15402
|
+
const MenuContext = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-2cc1a2d0"]]);
|
|
15389
15403
|
const ElsMenuContext = withInstall(MenuContext);
|
|
15390
15404
|
const menuDropdownProps = buildProps({
|
|
15391
15405
|
/**
|
|
@@ -38693,7 +38707,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
38693
38707
|
emits: /* @__PURE__ */ mergeModels(["removeItem"], ["update:children"]),
|
|
38694
38708
|
setup(__props, { emit: __emit }) {
|
|
38695
38709
|
const DynamicDesignerInnerItem = defineAsyncComponent(() => {
|
|
38696
|
-
return import("./innerItem-
|
|
38710
|
+
return import("./innerItem-BAc4RCJN.js");
|
|
38697
38711
|
});
|
|
38698
38712
|
const { getValue: getValue2 } = useProps();
|
|
38699
38713
|
const tagID = getValue2("tagID");
|
|
@@ -39536,10 +39550,10 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
|
39536
39550
|
emits: ["update:modelValue"],
|
|
39537
39551
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
39538
39552
|
const DynamicRenderInner = defineAsyncComponent(() => {
|
|
39539
|
-
return import("./inner-
|
|
39553
|
+
return import("./inner-DF7Plbdc.js").then((n) => n.i);
|
|
39540
39554
|
});
|
|
39541
39555
|
const DynamicRenderForm = defineAsyncComponent(() => {
|
|
39542
|
-
return import("./inner-
|
|
39556
|
+
return import("./inner-DF7Plbdc.js").then((n) => n.f);
|
|
39543
39557
|
});
|
|
39544
39558
|
const props = __props;
|
|
39545
39559
|
const { getValue: getValue2, setValue, formNodeProps } = useProps(props);
|
|
@@ -39769,10 +39783,10 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
39769
39783
|
emits: ["update:modelValue"],
|
|
39770
39784
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
39771
39785
|
const DynamicRenderInnerAsync = defineAsyncComponent(() => {
|
|
39772
|
-
return import("./inner-
|
|
39786
|
+
return import("./inner-DF7Plbdc.js").then((n) => n.i);
|
|
39773
39787
|
});
|
|
39774
39788
|
const DynamicRenderFormAsync = defineAsyncComponent(() => {
|
|
39775
|
-
return import("./inner-
|
|
39789
|
+
return import("./inner-DF7Plbdc.js").then((n) => n.f);
|
|
39776
39790
|
});
|
|
39777
39791
|
const props = __props;
|
|
39778
39792
|
const { getValue: getValue2, setValue, formNodeProps } = useProps(props);
|
|
@@ -41758,12 +41772,6 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
41758
41772
|
const { getValue: getValue2 } = useProps(props);
|
|
41759
41773
|
const removeItem = getValue2("removeItem", () => {
|
|
41760
41774
|
});
|
|
41761
|
-
getValue2("getCurrNode", () => {
|
|
41762
|
-
return {};
|
|
41763
|
-
});
|
|
41764
|
-
getValue2("getParentNode", () => {
|
|
41765
|
-
return {};
|
|
41766
|
-
});
|
|
41767
41775
|
const setSelectItem = getValue2("setSelectItem", () => {
|
|
41768
41776
|
});
|
|
41769
41777
|
const setSlotVisible = getValue2("setSlotVisible", () => {
|
|
@@ -41844,7 +41852,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
41844
41852
|
};
|
|
41845
41853
|
}
|
|
41846
41854
|
});
|
|
41847
|
-
const DynamicDesignerViewOperate = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-
|
|
41855
|
+
const DynamicDesignerViewOperate = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-63cb7c98"]]);
|
|
41848
41856
|
const _hoisted_1$f = { key: 1 };
|
|
41849
41857
|
const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
41850
41858
|
__name: "wrap",
|
|
@@ -42066,6 +42074,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
42066
42074
|
});
|
|
42067
42075
|
const getSelectItem = getValue2("getSelectItem", () => {
|
|
42068
42076
|
});
|
|
42077
|
+
const handleContextMenu = getValue2("handleContextMenu", () => {
|
|
42078
|
+
});
|
|
42069
42079
|
const { isMobile, formProps: formProps2, renderDisabled } = useDesigner(props, props.nodeItem);
|
|
42070
42080
|
const slotVisible = ref();
|
|
42071
42081
|
function handleSelectItem() {
|
|
@@ -42089,7 +42099,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
42089
42099
|
style: normalizeStyle((_b = _ctx.nodeItem.config.advancedConfig) == null ? void 0 : _b.style),
|
|
42090
42100
|
"data-restrict": _ctx.nodeItem.restrictChild,
|
|
42091
42101
|
"data-type": _ctx.nodeItem.componentType,
|
|
42092
|
-
onClick: withModifiers(handleSelectItem, ["stop"])
|
|
42102
|
+
onClick: withModifiers(handleSelectItem, ["stop"]),
|
|
42103
|
+
onContextmenu: _cache[1] || (_cache[1] = ($event) => unref(handleContextMenu)($event, _ctx.nodeItem))
|
|
42093
42104
|
}, [
|
|
42094
42105
|
createVNode(DynamicDesignerViewOperate, { nodeItem: _ctx.nodeItem }, null, 8, ["nodeItem"]),
|
|
42095
42106
|
_ctx.nodeItem.componentGroup == "Container" ? (openBlock(), createBlock(DynamicDesignerViewWrap, {
|
|
@@ -42182,11 +42193,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
42182
42193
|
]),
|
|
42183
42194
|
_: 1
|
|
42184
42195
|
}, 8, ["visible"])
|
|
42185
|
-
],
|
|
42196
|
+
], 46, _hoisted_1$d);
|
|
42186
42197
|
};
|
|
42187
42198
|
}
|
|
42188
42199
|
});
|
|
42189
|
-
const DynamicDesignerViewInner = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-
|
|
42200
|
+
const DynamicDesignerViewInner = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-5f362207"]]);
|
|
42190
42201
|
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
42191
42202
|
__name: "form",
|
|
42192
42203
|
props: /* @__PURE__ */ mergeModels({
|
|
@@ -42326,7 +42337,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
42326
42337
|
};
|
|
42327
42338
|
}
|
|
42328
42339
|
});
|
|
42329
|
-
const DynamicDesignerViewForm = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-
|
|
42340
|
+
const DynamicDesignerViewForm = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-ab0be8d8"]]);
|
|
42330
42341
|
const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
42331
42342
|
__name: "body",
|
|
42332
42343
|
props: /* @__PURE__ */ mergeModels({
|
|
@@ -42349,6 +42360,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
42349
42360
|
});
|
|
42350
42361
|
const recordComponent = getValue2("recordComponent", () => {
|
|
42351
42362
|
});
|
|
42363
|
+
const handleContextMenu = getValue2("handleContextMenu", () => {
|
|
42364
|
+
});
|
|
42352
42365
|
function handleAddComponent(e) {
|
|
42353
42366
|
recordComponent();
|
|
42354
42367
|
setSelectItem(renderData.value[e.newIndex]);
|
|
@@ -42378,14 +42391,15 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
42378
42391
|
renderData.value && renderData.value.length && renderData.value[0].componentType === "Form" ? (openBlock(), createBlock(DynamicDesignerViewForm, {
|
|
42379
42392
|
nodeItem: renderData.value[0],
|
|
42380
42393
|
isRoot: true,
|
|
42381
|
-
key: renderData.value[0].keyID
|
|
42394
|
+
key: renderData.value[0].keyID,
|
|
42395
|
+
onContextmenu: _cache[0] || (_cache[0] = ($event) => unref(handleContextMenu)($event, renderData.value[0]))
|
|
42382
42396
|
}, null, 8, ["nodeItem"])) : createCommentVNode("", true)
|
|
42383
42397
|
]),
|
|
42384
42398
|
_: 1
|
|
42385
42399
|
}, 512)) : (openBlock(), createBlock(_component_els_form, {
|
|
42386
42400
|
key: 1,
|
|
42387
42401
|
modelValue: renderData.value,
|
|
42388
|
-
"onUpdate:modelValue": _cache[
|
|
42402
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => renderData.value = $event)
|
|
42389
42403
|
}, {
|
|
42390
42404
|
default: withCtx(() => [
|
|
42391
42405
|
createVNode(unref(draggable), mergeProps({
|
|
@@ -42548,7 +42562,7 @@ const useDesign = defineStore("dynamic-design", () => {
|
|
|
42548
42562
|
clear
|
|
42549
42563
|
};
|
|
42550
42564
|
});
|
|
42551
|
-
const _withScopeId = (n) => (pushScopeId("data-v-
|
|
42565
|
+
const _withScopeId = (n) => (pushScopeId("data-v-fa7340b3"), n = n(), popScopeId(), n);
|
|
42552
42566
|
const _hoisted_1$c = {
|
|
42553
42567
|
style: { "display": "flex", "background": "#f8f8f8" },
|
|
42554
42568
|
class: "els-dynamic-d-view"
|
|
@@ -42617,6 +42631,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
42617
42631
|
const mainZoom = ref(1);
|
|
42618
42632
|
const selectProperty = ref("0");
|
|
42619
42633
|
const currDynamicDataType = ref([]);
|
|
42634
|
+
const copyNodeItem = ref();
|
|
42635
|
+
let contextMenus = reactive([
|
|
42636
|
+
{ MenuName: "复制", Action: "copy", ImageUrl: "copy-document", Visible: true },
|
|
42637
|
+
{ MenuName: "黏贴", Action: "paste", ImageUrl: "document-copy", Visible: true }
|
|
42638
|
+
]);
|
|
42639
|
+
let contextMenuVisible = ref(false);
|
|
42640
|
+
let contextMenuPositionLeft = ref(0);
|
|
42641
|
+
let contextMenuPositionTop = ref(0);
|
|
42620
42642
|
if (dataTypeData) {
|
|
42621
42643
|
currDynamicDataType.value = dataTypeData;
|
|
42622
42644
|
} else {
|
|
@@ -42825,6 +42847,23 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
42825
42847
|
const currSelectItem = ref();
|
|
42826
42848
|
const currSelectData = ref();
|
|
42827
42849
|
const showPropertys = ref(false);
|
|
42850
|
+
function handleContextMenu(e, item) {
|
|
42851
|
+
contextMenuPositionLeft.value = e.clientX;
|
|
42852
|
+
contextMenuPositionTop.value = e.clientY;
|
|
42853
|
+
contextMenuVisible.value = true;
|
|
42854
|
+
contextMenus[0].Visible = true;
|
|
42855
|
+
contextMenus[1].Visible = false;
|
|
42856
|
+
if (item.componentName === "Form" && item.dataType === "None") {
|
|
42857
|
+
contextMenus[0].Visible = false;
|
|
42858
|
+
contextMenus[1].Visible = true;
|
|
42859
|
+
}
|
|
42860
|
+
if (item.componentGroup == "Container" || item.arrayDataTypeName === "Object" || item.dataTypeName === "Object") {
|
|
42861
|
+
contextMenus[1].Visible = true;
|
|
42862
|
+
}
|
|
42863
|
+
setSelectItem(item);
|
|
42864
|
+
e.stopPropagation();
|
|
42865
|
+
e.preventDefault();
|
|
42866
|
+
}
|
|
42828
42867
|
function setSelectItem(item) {
|
|
42829
42868
|
if (!item) {
|
|
42830
42869
|
currSelectItem.value = null;
|
|
@@ -43048,6 +43087,41 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
43048
43087
|
props.onBack();
|
|
43049
43088
|
}
|
|
43050
43089
|
}
|
|
43090
|
+
function handleCopyNode() {
|
|
43091
|
+
copyNodeItem.value = utils.cloneObj(currSelectItem.value);
|
|
43092
|
+
utils.clip(JSON.stringify(copyNodeItem.value));
|
|
43093
|
+
}
|
|
43094
|
+
function refreshCopyID(item) {
|
|
43095
|
+
var _a2;
|
|
43096
|
+
item.keyID = "id_" + utils.randomNumber().toString();
|
|
43097
|
+
(_a2 = item.children) == null ? void 0 : _a2.forEach((ele) => {
|
|
43098
|
+
refreshCopyID(ele);
|
|
43099
|
+
});
|
|
43100
|
+
}
|
|
43101
|
+
function handlePasteGetNode() {
|
|
43102
|
+
if (!copyNodeItem.value) {
|
|
43103
|
+
utils.getClipboardContent().then((res) => {
|
|
43104
|
+
try {
|
|
43105
|
+
copyNodeItem.value = JSON.parse(res);
|
|
43106
|
+
} catch (err) {
|
|
43107
|
+
}
|
|
43108
|
+
handlePasteNode();
|
|
43109
|
+
});
|
|
43110
|
+
return;
|
|
43111
|
+
}
|
|
43112
|
+
handlePasteNode();
|
|
43113
|
+
}
|
|
43114
|
+
function handlePasteNode() {
|
|
43115
|
+
if (!copyNodeItem.value) {
|
|
43116
|
+
return;
|
|
43117
|
+
}
|
|
43118
|
+
const copyNode = utils.cloneObj(copyNodeItem.value);
|
|
43119
|
+
refreshCopyID(copyNode);
|
|
43120
|
+
currSelectItem.value.children.push(copyNode);
|
|
43121
|
+
useDesignStore.record(renderData.value);
|
|
43122
|
+
isDisabledUndo.value = false;
|
|
43123
|
+
isDisabledReDo.value = true;
|
|
43124
|
+
}
|
|
43051
43125
|
setValue({
|
|
43052
43126
|
"isMobile": false,
|
|
43053
43127
|
"dataTypeData": currDynamicDataType.value,
|
|
@@ -43055,6 +43129,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
43055
43129
|
validationCode,
|
|
43056
43130
|
setSelectItem,
|
|
43057
43131
|
getSelectItem,
|
|
43132
|
+
handleContextMenu,
|
|
43058
43133
|
handleMove,
|
|
43059
43134
|
getCurrNode,
|
|
43060
43135
|
getNodeValue,
|
|
@@ -43065,6 +43140,13 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
43065
43140
|
},
|
|
43066
43141
|
recordComponent
|
|
43067
43142
|
});
|
|
43143
|
+
function handleMenuCommand(menu) {
|
|
43144
|
+
if (menu.Action === "copy") {
|
|
43145
|
+
handleCopyNode();
|
|
43146
|
+
} else {
|
|
43147
|
+
handlePasteGetNode();
|
|
43148
|
+
}
|
|
43149
|
+
}
|
|
43068
43150
|
onMounted(() => {
|
|
43069
43151
|
var _a2, _b2;
|
|
43070
43152
|
asideHeight.value = ((_a2 = props.height) == null ? void 0 : _a2.appendPx()) || "calc(100vh - 102px)";
|
|
@@ -43100,6 +43182,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
43100
43182
|
const _component_els_container = resolveComponent("els-container");
|
|
43101
43183
|
const _component_ElsJsonViewer = resolveComponent("ElsJsonViewer");
|
|
43102
43184
|
const _component_els_dialog = resolveComponent("els-dialog");
|
|
43185
|
+
const _component_els_menu_context = resolveComponent("els-menu-context");
|
|
43103
43186
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
43104
43187
|
createElementVNode("div", mergeProps({
|
|
43105
43188
|
ref_key: "designer",
|
|
@@ -43735,12 +43818,21 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
43735
43818
|
})
|
|
43736
43819
|
]),
|
|
43737
43820
|
_: 1
|
|
43738
|
-
}, 8, ["modelValue", "width"])
|
|
43821
|
+
}, 8, ["modelValue", "width"]),
|
|
43822
|
+
createVNode(_component_els_menu_context, {
|
|
43823
|
+
ref: "contentMenu",
|
|
43824
|
+
data: unref(contextMenus),
|
|
43825
|
+
modelValue: unref(contextMenuVisible),
|
|
43826
|
+
"onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => isRef(contextMenuVisible) ? contextMenuVisible.value = $event : contextMenuVisible = $event),
|
|
43827
|
+
positionLeft: unref(contextMenuPositionLeft),
|
|
43828
|
+
positionTop: unref(contextMenuPositionTop),
|
|
43829
|
+
onClick: handleMenuCommand
|
|
43830
|
+
}, null, 8, ["data", "modelValue", "positionLeft", "positionTop"])
|
|
43739
43831
|
], 64);
|
|
43740
43832
|
};
|
|
43741
43833
|
}
|
|
43742
43834
|
});
|
|
43743
|
-
const DesignerView = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-
|
|
43835
|
+
const DesignerView = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-fa7340b3"]]);
|
|
43744
43836
|
const ElsDesignerView = withInstall(DesignerView);
|
|
43745
43837
|
(function(Prism2) {
|
|
43746
43838
|
var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
|
|
@@ -44547,31 +44639,31 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
44547
44639
|
}
|
|
44548
44640
|
onMounted(() => {
|
|
44549
44641
|
if (props.language === "json") {
|
|
44550
|
-
const currModule = import("./mode-json-
|
|
44642
|
+
const currModule = import("./mode-json-BYm5qA4S.js").then((n) => n.m);
|
|
44551
44643
|
currModule.then((res) => {
|
|
44552
44644
|
ace.config.setModuleUrl("ace/mode/json", res);
|
|
44553
44645
|
init();
|
|
44554
44646
|
});
|
|
44555
44647
|
} else if (props.language === "javascript") {
|
|
44556
|
-
const currModule = import("./mode-javascript-
|
|
44648
|
+
const currModule = import("./mode-javascript-D8ZT390y.js").then((n) => n.m);
|
|
44557
44649
|
currModule.then((res) => {
|
|
44558
44650
|
ace.config.setModuleUrl("ace/mode/javascript", res);
|
|
44559
44651
|
init();
|
|
44560
44652
|
});
|
|
44561
44653
|
} else if (props.language === "csharp") {
|
|
44562
|
-
const currModule = import("./mode-csharp-
|
|
44654
|
+
const currModule = import("./mode-csharp-Dkda4Zzf.js").then((n) => n.m);
|
|
44563
44655
|
currModule.then((res) => {
|
|
44564
44656
|
ace.config.setModuleUrl("ace/mode/csharp", res);
|
|
44565
44657
|
init();
|
|
44566
44658
|
});
|
|
44567
44659
|
} else if (props.language === "mysql") {
|
|
44568
|
-
const currModule = import("./mode-mysql-
|
|
44660
|
+
const currModule = import("./mode-mysql-BG_NC-yl.js").then((n) => n.m);
|
|
44569
44661
|
currModule.then((res) => {
|
|
44570
44662
|
ace.config.setModuleUrl("ace/mode/mysql", res);
|
|
44571
44663
|
init();
|
|
44572
44664
|
});
|
|
44573
44665
|
} else if (props.language === "css") {
|
|
44574
|
-
const currModule = import("./mode-css-
|
|
44666
|
+
const currModule = import("./mode-css-Dlr3IlLd.js").then((n) => n.m);
|
|
44575
44667
|
currModule.then((res) => {
|
|
44576
44668
|
ace.config.setModuleUrl("ace/mode/css", res);
|
|
44577
44669
|
init();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, reactive, useModel, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode, mergeProps, unref, withCtx, createElementVNode, createBlock, toDisplayString, Fragment, renderList, mergeModels, useAttrs, watchEffect, watch, resolveDynamicComponent, createSlots, createCommentVNode, normalizeClass, renderSlot, createTextVNode } from "vue";
|
|
2
|
-
import { u as useProps, a as useRender, b as utils, _ as _export_sfc, c as useComponentRef, D as DynamicRenderAsync } from "./index-
|
|
2
|
+
import { u as useProps, a as useRender, b as utils, _ as _export_sfc, c as useComponentRef, D as DynamicRenderAsync } from "./index-Ugzuxkrz.js";
|
|
3
3
|
import "file-saver";
|
|
4
4
|
import "xlsx";
|
|
5
5
|
import "@vueuse/core";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),a=require("./index-CrjNZOj7.cjs");require("file-saver"),require("xlsx"),require("@vueuse/core"),require("axios");const o=["innerHTML"],l={class:"els-dynamic-r-mobile-title"},n=["onClick"],t=e.defineComponent({__name:"innerObjectArray",props:{nodeItem:{default:()=>e.reactive([])},nodeItemModifiers:{}},emits:["update:nodeItem"],setup(t){const r=t,{setValue:u}=a.useProps(),d=e.useModel(t,"nodeItem"),{isMobile:m,componentProps:c,getArrayNodeValue:i,renderProps:p,getGlobalData:s,getRootNode:v,getParentNode:y,getCurrNode:f,getNodeValue:k}=a.useRender(r,d.value),C=e.ref(),I=e.computed((()=>{const e={...d.value.config.arrayConfig};return p(e)}));function V(){return a.utils.cloneObj(d.value.arrayObjData)}const N=e.computed((()=>d.value.config.arrayConfig));function h(e){let o=d.value.config.arrayConfig.itemComponentTitle;if(!o.startsWith(":"))return o;if(o=o.substring(1),!o)return"";const l=k(e);return new Function("globalData,rootNode,parentNode,currNode,item,utils",o.indexOf("return")>-1?o:`return ${o}`)(s(),v(),y(),f(),l,a.utils)}return u({getCurrNode:()=>i(d.value.children),getParentNode:()=>i(d.value.children)}),(a,t)=>{var r;const u=e.resolveComponent("van-cell-group"),i=e.resolveComponent("els-form"),p=e.resolveComponent("els-list");return e.openBlock(),e.createElementBlock("div",{class:"els-dynamic-array",style:e.normalizeStyle(null==(r=d.value.config.advancedConfig)?void 0:r.style)},[e.createVNode(p,e.mergeProps({modelValue:d.value.children,"onUpdate:modelValue":t[0]||(t[0]=e=>d.value.children=e),ref_key:"list",ref:C,onAdd:V,sortable:!e.unref(m),isRemove:!e.unref(m),hasForm:!1,"item-class-name":[{"els-dynamic-r-array":"Object"===d.value.arrayDataTypeName||"DynamicRender"===d.value.componentTypeName},{"els-dynamic-r-array-mobile":e.unref(m)}],borderType:N.value.borderType,style:[{"max-width":N.value.maxWidth?N.value.maxWidth+"px":""},{"max-height":N.value.maxHeight?N.value.maxHeight+"px":""},{display:"Horizontal"===N.value.arrangementType?"flex":""}],class:["els-dynamic-array-render",{horizontal:"Horizontal"===N.value.arrangementType}]},I.value),{itemTitle:e.withCtx((({$item:a})=>[e.createElementVNode("div",{innerHTML:h(a)},null,8,o)])),default:e.withCtx((({element:a,$item:o,$index:t})=>[(e.openBlock(),e.createElementBlock("div",{key:a.keyID,class:"els-dynamic-array-inner"},[e.createVNode(i,e.mergeProps({modelValue:d.value.children[t],"onUpdate:modelValue":e=>d.value.children[t]=e},e.unref(c)),{default:e.withCtx((()=>[e.unref(m)?(e.openBlock(),e.createBlock(u,{title:d.value.keyName,key:a.itemKey},{title:e.withCtx((()=>[e.createElementVNode("div",l,[e.createElementVNode("span",null,e.toDisplayString(d.value.keyName+" "+(t+1)),1),e.createElementVNode("span",{class:"els-dynamic-remove",onClick:e=>{return a=t,void C.value.remove(a);var a}},"删除",8,n)])])),default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o,((a,o)=>(e.openBlock(),e.createBlock(g,{nodeItem:a,key:a.keyID,arrayIndex:t,index:o},null,8,["nodeItem","arrayIndex","index"])))),128))])),_:2},1032,["title"])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(o,((a,o)=>(e.openBlock(),e.createBlock(g,{nodeItem:a,key:a.keyID,arrayIndex:t,index:o},null,8,["nodeItem","arrayIndex","index"])))),128))])),_:2},1040,["modelValue","onUpdate:modelValue"])]))])),_:1},16,["modelValue","sortable","isRemove","item-class-name","borderType","style","class"])],4)}}}),r=a._export_sfc(t,[["__scopeId","data-v-5cfb31ad"]]),u=e.defineComponent({inheritAttrs:!1,__name:"innerItem",props:e.mergeModels({nodeItem:{},currDepath:{},parentNode:{},currNode:{},nodeType:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue","valueChange"],["update:modelValue"]),setup(o,{emit:l}){const n=l,t=e.ref(),r=e.useModel(o,"modelValue"),u=o,d=e.useAttrs(),m=e.ref(),c=e.ref({}),{isMobile:i,componentProps:p}=a.useRender(u,u.nodeItem,r,c);u.nodeItem.slots&&u.nodeItem.slots.length&&u.nodeItem.slots.forEach((e=>{"String"===u.nodeItem.dataTypeName?c.value[e.name]="":c.value[e.name]={}})),e.watchEffect((()=>{m.value=r.value})),e.watch(m,(e=>{n("update:modelValue",e),n("valueChange",e)}),{deep:!0,immediate:!0});const s=e.ref("");return e.watchEffect((()=>{s.value=u.nodeItem.componentName})),a.useComponentRef(u.nodeItem,t),(o,l)=>{var n;return s.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),e.mergeProps({key:0},Object.assign({},e.unref(p),e.unref(d)),{modelValue:m.value,"onUpdate:modelValue":l[0]||(l[0]=e=>m.value=e),ref_key:"dyComponent",ref:t}),e.createSlots({_:2},[e.renderList(null==(n=o.nodeItem.slots)?void 0:n.filter((e=>e.children.length)),(o=>({name:o.name,fn:e.withCtx((l=>[e.createVNode(a.DynamicRenderAsync,{config:o.children,modelValue:c.value[o.name],"onUpdate:modelValue":e=>c.value[o.name]=e,globalData:Object.assign({},l,{componentValue:m.value}),isMobile:e.unref(i)},null,8,["config","modelValue","onUpdate:modelValue","globalData","isMobile"])]))})))]),1040,["modelValue"])):e.createCommentVNode("",!0)}}}),d=e.defineComponent({__name:"innerArray",props:e.mergeModels({parentNode:{}},{nodeItem:{default:()=>e.reactive([])},nodeItemModifiers:{}}),emits:["update:nodeItem"],setup(o){const l=o,{getValue:n}=a.useProps(),t=n("dataTypeData",[]),r=e.useModel(o,"nodeItem"),{isMobile:d,formProps:m,componentProps:c,renderDisabled:i}=a.useRender(l,r.value);function p(e){if(r.value.config.advancedConfig&&r.value.config.advancedConfig.eventChange){new Function("val,parentNode,currNode",r.value.config.advancedConfig.eventChange)(e,l.parentNode,r.value)}}function s(){const e=t.find((e=>e.value===r.value.arrayDataType));return e&&e.defaultValue?e.defaultValue:"String"==r.value.arrayDataTypeName?r.value.defaultValue?r.value.defaultValue:"":"Bool"==r.value.arrayDataTypeName?"true"===r.value.defaultValue:"Number"===r.value.arrayDataTypeName?null!=r.value.defaultValue&&""!==r.value.defaultValue?parseFloat(r.value.defaultValue):0:"Object"===r.value.arrayDataTypeName?{}:"Array"===r.value.arrayDataTypeName?[]:{}}function v(){return s()}function y(e){let a=[],o=s();if(void 0===e||""===e)a.push(o);else for(let l=0;l<e;l++)a.push(o);r.value.value=a}e.watch((()=>r.value.value),(e=>{e&&Array.isArray(e)||y(r.value.config.arrayConfig.arrayDefaultLength)}),{immediate:!0}),e.watch((()=>r.value.config.arrayConfig.arrayDefaultLength),(e=>{y(e)}));const f=e.computed((()=>{const e=Object.assign({},c.value,m.value);return delete e.label,e})),g=e.computed((()=>"Object"===r.value.arrayDataTypeName));return(a,o)=>{const l=e.resolveComponent("els-list");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["els-dynamic-array-render",{horizontal:"Horizontal"===r.value.config.arrayConfig.arrangementType}]),style:{"flex-grow":"1"}},[e.createVNode(l,{modelValue:r.value.value,"onUpdate:modelValue":o[0]||(o[0]=e=>r.value.value=e),onAdd:v,"item-class-name":"Object"===r.value.arrayDataTypeName||"DynamicRender"===r.value.componentTypeName?"els-dynamic-r-array":"",borderType:r.value.config.arrayConfig.borderType,style:e.normalizeStyle([{"max-width":r.value.config.arrayConfig.maxWidth?r.value.config.arrayConfig.maxWidth+"px":""},{"max-height":r.value.config.arrayConfig.maxHeight?r.value.config.arrayConfig.maxHeight+"px":""},{display:"Horizontal"===r.value.config.arrayConfig.arrangementType?"flex":""},{"flex-wrap":"wrap"},{gap:"5px"},{overflow:"scroll"},{"padding-right":e.unref(d)||g.value?"0px":"20px"}])},{default:e.withCtx((({element:o,index:l})=>[(e.openBlock(),e.createBlock(u,e.mergeProps({class:{"els-dynamic-r-array-item":"ElsDynamicRender"===r.value.componentName}},f.value,{key:l,"parent-node":a.parentNode,"curr-node":r.value,disabled:e.unref(i)(),modelValue:o.value,"onUpdate:modelValue":e=>o.value=e,prop:`[${l}]`,requiredMessage:"不能为空",nodeItem:r.value,style:r.value.config.advancedConfig.style,onValueChange:p}),null,16,["class","parent-node","curr-node","disabled","modelValue","onUpdate:modelValue","prop","nodeItem","style"]))])),_:1},8,["modelValue","item-class-name","borderType","style"])],2)}}}),m=a._export_sfc(d,[["__scopeId","data-v-ce85fadb"]]),c=e.defineComponent({inheritAttrs:!1,__name:"innerWrap",props:{index:{},nodeItem:{},parentNode:{}},setup(o){const l=o,{getValue:n,setValue:t}=a.useProps(),r=e.ref(),{renderIf:u,componentProps:d,getNodeValue:m,getCurrNode:c}=a.useRender(l,l.nodeItem),i=n("getResult",(()=>({}))),p=e.computed((()=>i(l.nodeItem.children))),s=n("getFormPropIndex",(()=>""));return a.useComponentRef(l.nodeItem,r),l.nodeItem.keyCode&&"Object"===l.nodeItem.dataType?t({getCurrNode:()=>m(l.nodeItem.children),getParentNode:()=>c(),getFormPropIndex:()=>{let e=s();return e+=`[${l.index}].children`,e}}):t({getFormPropIndex:()=>{let e=s();return e+=`[${l.index}].children`,e}}),(a,o)=>{var l,n,t,m,c;return"ElsFormQuery"===(null==(l=a.nodeItem)?void 0:l.componentName)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(u)()?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(null==(n=a.nodeItem)?void 0:n.componentName),e.mergeProps({key:0,style:null==(t=a.nodeItem.config.advancedConfig)?void 0:t.style},e.unref(d),{ref_key:"dyComponent",ref:r,modelValue:p.value,"onUpdate:modelValue":o[0]||(o[0]=e=>p.value=e)}),{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.nodeItem.children,((a,o)=>(e.openBlock(),e.createBlock(g,{nodeItem:a,index:-1,key:a.keyID},null,8,["nodeItem"])))),128))])),_:1},16,["style","modelValue"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(u)()?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(null==(m=a.nodeItem)?void 0:m.componentName),e.mergeProps({key:0,style:null==(c=a.nodeItem.config.advancedConfig)?void 0:c.style},e.unref(d),{ref_key:"dyComponent",ref:r}),{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.nodeItem.children,((a,o)=>(e.openBlock(),e.createBlock(g,{nodeItem:a,index:o,key:a.keyID},null,8,["nodeItem","index"])))),128))])),_:1},16,["style"])):e.createCommentVNode("",!0)],64))}}}),i=["innerHTML"],p=e.defineComponent({inheritAttrs:!1,__name:"show",props:e.mergeModels({nodeItem:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(o){const l=e.ref(),n=e.useModel(o,"modelValue"),t=e.ref({}),r=o,{isMobile:u,componentProps:d,renderContent:m}=a.useRender(r,r.nodeItem,n,t);a.useComponentRef(r.nodeItem,l);const c=e.ref(""),p=e.ref(r.nodeItem.config.baseConfig.innerContent);return e.watchEffect((()=>{c.value=r.nodeItem.componentName})),(o,r)=>{const s=e.resolveComponent("els-tip");return c.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value),e.mergeProps({key:0,modelValue:n.value,"onUpdate:modelValue":r[0]||(r[0]=e=>n.value=e)},e.unref(d),{ref_key:"dyComponent",ref:l}),{default:e.withCtx((()=>[p.value?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:e.unref(m)(p.value)},null,8,i)):e.createCommentVNode("",!0),o.nodeItem.slots&&o.nodeItem.slots.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(o.nodeItem.slots,(l=>e.renderSlot(o.$slots,l.name,{},(()=>[e.createVNode(a.DynamicRenderAsync,{config:l.children,modelValue:t.value[l.name],"onUpdate:modelValue":e=>t.value[l.name]=e,isMobile:e.unref(u)},null,8,["config","modelValue","onUpdate:modelValue","isMobile"])])))),256)):e.createCommentVNode("",!0)])),_:3},16,["modelValue"])):(e.openBlock(),e.createBlock(s,{key:1,type:"danger"},{default:e.withCtx((()=>[e.createTextVNode("未设置组件名")])),_:1}))}}}),s=e.defineComponent({__name:"form",props:e.mergeModels({isRoot:{type:Boolean}},{nodeItem:{default:()=>e.reactive([])},nodeItemModifiers:{}}),emits:["update:nodeItem"],setup(o){const l=e.ref(),n=o,t=e.useModel(o,"nodeItem"),{setValue:r}=a.useProps(),{isMobile:u,getNodeValue:d,getCurrNode:m,componentProps:c}=a.useRender(n,t.value);return a.useComponentRef(t.value,l),r({getCurrNode:()=>d(t.value.children),getParentNode:()=>m()}),(a,o)=>{const n=e.resolveComponent("els-form");return e.unref(u)&&!a.isRoot?(e.openBlock(),e.createBlock(n,e.mergeProps({key:0,modelValue:t.value.children,"onUpdate:modelValue":o[0]||(o[0]=e=>t.value.children=e)},e.unref(c),{ref_key:"dyComponent",ref:l,key:t.value.keyID}),{default:e.withCtx((()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent("van-cell-group"),{title:t.value.keyName},{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.children,((a,o)=>(e.openBlock(),e.createBlock(g,{index:o,nodeItem:a,key:a.keyID},null,8,["index","nodeItem"])))),128))])),_:1},8,["title"]))])),_:1},16,["modelValue"])):(e.openBlock(),e.createBlock(n,e.mergeProps({key:1,modelValue:t.value.children,"onUpdate:modelValue":o[1]||(o[1]=e=>t.value.children=e)},e.unref(c),{ref_key:"dyComponent",ref:l,key:t.value.keyID}),{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.children,((a,o)=>(e.openBlock(),e.createBlock(g,{index:o,nodeItem:a,key:a.keyID},null,8,["index","nodeItem"])))),128))])),_:1},16,["modelValue"]))}}}),v=a._export_sfc(s,[["__scopeId","data-v-26a1bd2a"]]),y=Object.freeze(Object.defineProperty({__proto__:null,default:v},Symbol.toStringTag,{value:"Module"})),f=e.defineComponent({inheritAttrs:!1,__name:"inner",props:e.mergeModels({index:{},arrayIndex:{default:-1}},{nodeItem:{default:()=>e.reactive([])},nodeItemModifiers:{}}),emits:["update:nodeItem"],setup(o){const l=o,{getValue:n,setValue:t}=a.useProps(),d=e.useModel(o,"nodeItem"),{isMobile:i,formProps:s,getCurrNode:y,renderIf:f,renderValueChange:g}=a.useRender(l,d.value),k=e.computed((()=>{var e;return"Object"!==d.value.dataTypeName&&"Object"!=d.value.arrayDataTypeName||"ElsCaption"!=(null==(e=d.value.config.baseConfig)?void 0:e.componentName)}));return l.arrayIndex>-1&&t({getCurrNode:()=>y()}),(a,o)=>{var l;const n=e.resolveComponent("els-caption"),t=e.resolveComponent("els-form-node");return e.unref(f)()?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},["Object"!==d.value.dataTypeName&&"Object"!=d.value.arrayDataTypeName||"ElsCaption"!=(null==(l=d.value.config.baseConfig)?void 0:l.componentName)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,e.mergeProps({key:0},d.value.config.baseConfig,{title:d.value.config.baseConfig.title||d.value.keyName}),null,16,["title"])),d.value.componentTypeName&&"Show"===d.value.componentGroup&&d.value.keyCode?(e.openBlock(),e.createBlock(p,{key:1,nodeItem:d.value,style:e.normalizeStyle(d.value.config.advancedConfig.style),modelValue:d.value.value,"onUpdate:modelValue":o[0]||(o[0]=e=>d.value.value=e),title:d.value.keyName},null,8,["nodeItem","style","modelValue","title"])):d.value.componentTypeName&&"Show"===d.value.componentGroup?(e.openBlock(),e.createBlock(p,{key:2,nodeItem:d.value,style:e.normalizeStyle(d.value.config.advancedConfig.style),title:d.value.keyName},null,8,["nodeItem","style","title"])):"Container"==d.value.componentGroup?(e.openBlock(),e.createBlock(c,{key:3,parentNode:d.value,nodeItem:d.value,index:a.index},null,8,["parentNode","nodeItem","index"])):"Array"===d.value.dataTypeName&&"Object"!==d.value.arrayDataType||"Array"===d.value.dataTypeName&&d.value.componentTypeName?(e.openBlock(),e.createBlock(t,e.mergeProps({key:4,childCreateFormItem:!1,createFormItem:k.value},e.unref(s),{prop:void 0,childType:"Array"===d.value.dataTypeName?"":d.value.componentTypeName}),{default:e.withCtx((()=>[e.createVNode(m,{nodeItem:d.value},null,8,["nodeItem"])])),_:1},16,["createFormItem","childType"])):"Object"==d.value.dataTypeName||"Array"===d.value.dataTypeName&&"Object"===d.value.arrayDataType?(e.openBlock(),e.createBlock(t,e.mergeProps({key:5,childCreateFormItem:!1,createFormItem:!e.unref(i)&&k.value},e.unref(s),{childType:"Array"===d.value.dataTypeName?"":d.value.componentTypeName}),{default:e.withCtx((()=>["Object"==d.value.dataTypeName&&d.value.componentTypeName?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(i)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent("van-cell-group"),{key:0,title:d.value.keyName},{default:e.withCtx((()=>["Object"==d.value.dataTypeName&&d.value.componentTypeName?(e.openBlock(),e.createBlock(u,{key:0,nodeItem:d.value,modelValue:d.value.value,"onUpdate:modelValue":o[1]||(o[1]=e=>d.value.value=e),onValueChange:o[2]||(o[2]=a=>e.unref(g)(a))},null,8,["nodeItem","modelValue"])):e.createCommentVNode("",!0)])),_:1},8,["title"])):(e.openBlock(),e.createBlock(u,{key:1,nodeItem:d.value,modelValue:d.value.value,"onUpdate:modelValue":o[3]||(o[3]=e=>d.value.value=e),onValueChange:o[4]||(o[4]=a=>e.unref(g)(a))},null,8,["nodeItem","modelValue"]))],64)):"Object"==d.value.dataTypeName?(e.openBlock(),e.createBlock(v,{key:1,nodeItem:d.value},null,8,["nodeItem"])):(e.openBlock(),e.createBlock(r,{key:2,nodeItem:d.value},null,8,["nodeItem"]))])),_:1},16,["createFormItem","childType"])):e.unref(i)&&d.value.componentTypeName&&"Form"===d.value.componentGroup?(e.openBlock(),e.createBlock(u,e.mergeProps({key:6,nodeItem:d.value,modelValue:d.value.value,"onUpdate:modelValue":o[5]||(o[5]=e=>d.value.value=e)},e.unref(s),{onValueChange:o[6]||(o[6]=a=>e.unref(g)(a))}),null,16,["nodeItem","modelValue"])):d.value.componentTypeName&&"Form"===d.value.componentGroup?(e.openBlock(),e.createBlock(t,e.mergeProps({key:7,childCreateFormItem:!1,createFormItem:k.value},e.unref(s),{childType:d.value.componentTypeName}),{default:e.withCtx((()=>[e.createVNode(u,{nodeItem:d.value,modelValue:d.value.value,"onUpdate:modelValue":o[7]||(o[7]=e=>d.value.value=e),onValueChange:o[8]||(o[8]=a=>e.unref(g)(a))},null,8,["nodeItem","modelValue"])])),_:1},16,["createFormItem","childType"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)}}}),g=a._export_sfc(f,[["__scopeId","data-v-77f43620"]]),k=Object.freeze(Object.defineProperty({__proto__:null,default:g},Symbol.toStringTag,{value:"Module"}));exports.form=y,exports.inner=k;
|
|
1
|
+
"use strict";const e=require("vue"),a=require("./index-QxikzMcd.cjs");require("file-saver"),require("xlsx"),require("@vueuse/core"),require("axios");const o=["innerHTML"],l={class:"els-dynamic-r-mobile-title"},n=["onClick"],t=e.defineComponent({__name:"innerObjectArray",props:{nodeItem:{default:()=>e.reactive([])},nodeItemModifiers:{}},emits:["update:nodeItem"],setup(t){const r=t,{setValue:u}=a.useProps(),d=e.useModel(t,"nodeItem"),{isMobile:m,componentProps:c,getArrayNodeValue:i,renderProps:p,getGlobalData:s,getRootNode:v,getParentNode:y,getCurrNode:f,getNodeValue:k}=a.useRender(r,d.value),C=e.ref(),I=e.computed((()=>{const e={...d.value.config.arrayConfig};return p(e)}));function V(){return a.utils.cloneObj(d.value.arrayObjData)}const N=e.computed((()=>d.value.config.arrayConfig));function h(e){let o=d.value.config.arrayConfig.itemComponentTitle;if(!o.startsWith(":"))return o;if(o=o.substring(1),!o)return"";const l=k(e);return new Function("globalData,rootNode,parentNode,currNode,item,utils",o.indexOf("return")>-1?o:`return ${o}`)(s(),v(),y(),f(),l,a.utils)}return u({getCurrNode:()=>i(d.value.children),getParentNode:()=>i(d.value.children)}),(a,t)=>{var r;const u=e.resolveComponent("van-cell-group"),i=e.resolveComponent("els-form"),p=e.resolveComponent("els-list");return e.openBlock(),e.createElementBlock("div",{class:"els-dynamic-array",style:e.normalizeStyle(null==(r=d.value.config.advancedConfig)?void 0:r.style)},[e.createVNode(p,e.mergeProps({modelValue:d.value.children,"onUpdate:modelValue":t[0]||(t[0]=e=>d.value.children=e),ref_key:"list",ref:C,onAdd:V,sortable:!e.unref(m),isRemove:!e.unref(m),hasForm:!1,"item-class-name":[{"els-dynamic-r-array":"Object"===d.value.arrayDataTypeName||"DynamicRender"===d.value.componentTypeName},{"els-dynamic-r-array-mobile":e.unref(m)}],borderType:N.value.borderType,style:[{"max-width":N.value.maxWidth?N.value.maxWidth+"px":""},{"max-height":N.value.maxHeight?N.value.maxHeight+"px":""},{display:"Horizontal"===N.value.arrangementType?"flex":""}],class:["els-dynamic-array-render",{horizontal:"Horizontal"===N.value.arrangementType}]},I.value),{itemTitle:e.withCtx((({$item:a})=>[e.createElementVNode("div",{innerHTML:h(a)},null,8,o)])),default:e.withCtx((({element:a,$item:o,$index:t})=>[(e.openBlock(),e.createElementBlock("div",{key:a.keyID,class:"els-dynamic-array-inner"},[e.createVNode(i,e.mergeProps({modelValue:d.value.children[t],"onUpdate:modelValue":e=>d.value.children[t]=e},e.unref(c)),{default:e.withCtx((()=>[e.unref(m)?(e.openBlock(),e.createBlock(u,{title:d.value.keyName,key:a.itemKey},{title:e.withCtx((()=>[e.createElementVNode("div",l,[e.createElementVNode("span",null,e.toDisplayString(d.value.keyName+" "+(t+1)),1),e.createElementVNode("span",{class:"els-dynamic-remove",onClick:e=>{return a=t,void C.value.remove(a);var a}},"删除",8,n)])])),default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o,((a,o)=>(e.openBlock(),e.createBlock(g,{nodeItem:a,key:a.keyID,arrayIndex:t,index:o},null,8,["nodeItem","arrayIndex","index"])))),128))])),_:2},1032,["title"])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(o,((a,o)=>(e.openBlock(),e.createBlock(g,{nodeItem:a,key:a.keyID,arrayIndex:t,index:o},null,8,["nodeItem","arrayIndex","index"])))),128))])),_:2},1040,["modelValue","onUpdate:modelValue"])]))])),_:1},16,["modelValue","sortable","isRemove","item-class-name","borderType","style","class"])],4)}}}),r=a._export_sfc(t,[["__scopeId","data-v-5cfb31ad"]]),u=e.defineComponent({inheritAttrs:!1,__name:"innerItem",props:e.mergeModels({nodeItem:{},currDepath:{},parentNode:{},currNode:{},nodeType:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue","valueChange"],["update:modelValue"]),setup(o,{emit:l}){const n=l,t=e.ref(),r=e.useModel(o,"modelValue"),u=o,d=e.useAttrs(),m=e.ref(),c=e.ref({}),{isMobile:i,componentProps:p}=a.useRender(u,u.nodeItem,r,c);u.nodeItem.slots&&u.nodeItem.slots.length&&u.nodeItem.slots.forEach((e=>{"String"===u.nodeItem.dataTypeName?c.value[e.name]="":c.value[e.name]={}})),e.watchEffect((()=>{m.value=r.value})),e.watch(m,(e=>{n("update:modelValue",e),n("valueChange",e)}),{deep:!0,immediate:!0});const s=e.ref("");return e.watchEffect((()=>{s.value=u.nodeItem.componentName})),a.useComponentRef(u.nodeItem,t),(o,l)=>{var n;return s.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),e.mergeProps({key:0},Object.assign({},e.unref(p),e.unref(d)),{modelValue:m.value,"onUpdate:modelValue":l[0]||(l[0]=e=>m.value=e),ref_key:"dyComponent",ref:t}),e.createSlots({_:2},[e.renderList(null==(n=o.nodeItem.slots)?void 0:n.filter((e=>e.children.length)),(o=>({name:o.name,fn:e.withCtx((l=>[e.createVNode(a.DynamicRenderAsync,{config:o.children,modelValue:c.value[o.name],"onUpdate:modelValue":e=>c.value[o.name]=e,globalData:Object.assign({},l,{componentValue:m.value}),isMobile:e.unref(i)},null,8,["config","modelValue","onUpdate:modelValue","globalData","isMobile"])]))})))]),1040,["modelValue"])):e.createCommentVNode("",!0)}}}),d=e.defineComponent({__name:"innerArray",props:e.mergeModels({parentNode:{}},{nodeItem:{default:()=>e.reactive([])},nodeItemModifiers:{}}),emits:["update:nodeItem"],setup(o){const l=o,{getValue:n}=a.useProps(),t=n("dataTypeData",[]),r=e.useModel(o,"nodeItem"),{isMobile:d,formProps:m,componentProps:c,renderDisabled:i}=a.useRender(l,r.value);function p(e){if(r.value.config.advancedConfig&&r.value.config.advancedConfig.eventChange){new Function("val,parentNode,currNode",r.value.config.advancedConfig.eventChange)(e,l.parentNode,r.value)}}function s(){const e=t.find((e=>e.value===r.value.arrayDataType));return e&&e.defaultValue?e.defaultValue:"String"==r.value.arrayDataTypeName?r.value.defaultValue?r.value.defaultValue:"":"Bool"==r.value.arrayDataTypeName?"true"===r.value.defaultValue:"Number"===r.value.arrayDataTypeName?null!=r.value.defaultValue&&""!==r.value.defaultValue?parseFloat(r.value.defaultValue):0:"Object"===r.value.arrayDataTypeName?{}:"Array"===r.value.arrayDataTypeName?[]:{}}function v(){return s()}function y(e){let a=[],o=s();if(void 0===e||""===e)a.push(o);else for(let l=0;l<e;l++)a.push(o);r.value.value=a}e.watch((()=>r.value.value),(e=>{e&&Array.isArray(e)||y(r.value.config.arrayConfig.arrayDefaultLength)}),{immediate:!0}),e.watch((()=>r.value.config.arrayConfig.arrayDefaultLength),(e=>{y(e)}));const f=e.computed((()=>{const e=Object.assign({},c.value,m.value);return delete e.label,e})),g=e.computed((()=>"Object"===r.value.arrayDataTypeName));return(a,o)=>{const l=e.resolveComponent("els-list");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["els-dynamic-array-render",{horizontal:"Horizontal"===r.value.config.arrayConfig.arrangementType}]),style:{"flex-grow":"1"}},[e.createVNode(l,{modelValue:r.value.value,"onUpdate:modelValue":o[0]||(o[0]=e=>r.value.value=e),onAdd:v,"item-class-name":"Object"===r.value.arrayDataTypeName||"DynamicRender"===r.value.componentTypeName?"els-dynamic-r-array":"",borderType:r.value.config.arrayConfig.borderType,style:e.normalizeStyle([{"max-width":r.value.config.arrayConfig.maxWidth?r.value.config.arrayConfig.maxWidth+"px":""},{"max-height":r.value.config.arrayConfig.maxHeight?r.value.config.arrayConfig.maxHeight+"px":""},{display:"Horizontal"===r.value.config.arrayConfig.arrangementType?"flex":""},{"flex-wrap":"wrap"},{gap:"5px"},{overflow:"scroll"},{"padding-right":e.unref(d)||g.value?"0px":"20px"}])},{default:e.withCtx((({element:o,index:l})=>[(e.openBlock(),e.createBlock(u,e.mergeProps({class:{"els-dynamic-r-array-item":"ElsDynamicRender"===r.value.componentName}},f.value,{key:l,"parent-node":a.parentNode,"curr-node":r.value,disabled:e.unref(i)(),modelValue:o.value,"onUpdate:modelValue":e=>o.value=e,prop:`[${l}]`,requiredMessage:"不能为空",nodeItem:r.value,style:r.value.config.advancedConfig.style,onValueChange:p}),null,16,["class","parent-node","curr-node","disabled","modelValue","onUpdate:modelValue","prop","nodeItem","style"]))])),_:1},8,["modelValue","item-class-name","borderType","style"])],2)}}}),m=a._export_sfc(d,[["__scopeId","data-v-ce85fadb"]]),c=e.defineComponent({inheritAttrs:!1,__name:"innerWrap",props:{index:{},nodeItem:{},parentNode:{}},setup(o){const l=o,{getValue:n,setValue:t}=a.useProps(),r=e.ref(),{renderIf:u,componentProps:d,getNodeValue:m,getCurrNode:c}=a.useRender(l,l.nodeItem),i=n("getResult",(()=>({}))),p=e.computed((()=>i(l.nodeItem.children))),s=n("getFormPropIndex",(()=>""));return a.useComponentRef(l.nodeItem,r),l.nodeItem.keyCode&&"Object"===l.nodeItem.dataType?t({getCurrNode:()=>m(l.nodeItem.children),getParentNode:()=>c(),getFormPropIndex:()=>{let e=s();return e+=`[${l.index}].children`,e}}):t({getFormPropIndex:()=>{let e=s();return e+=`[${l.index}].children`,e}}),(a,o)=>{var l,n,t,m,c;return"ElsFormQuery"===(null==(l=a.nodeItem)?void 0:l.componentName)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(u)()?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(null==(n=a.nodeItem)?void 0:n.componentName),e.mergeProps({key:0,style:null==(t=a.nodeItem.config.advancedConfig)?void 0:t.style},e.unref(d),{ref_key:"dyComponent",ref:r,modelValue:p.value,"onUpdate:modelValue":o[0]||(o[0]=e=>p.value=e)}),{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.nodeItem.children,((a,o)=>(e.openBlock(),e.createBlock(g,{nodeItem:a,index:-1,key:a.keyID},null,8,["nodeItem"])))),128))])),_:1},16,["style","modelValue"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(u)()?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(null==(m=a.nodeItem)?void 0:m.componentName),e.mergeProps({key:0,style:null==(c=a.nodeItem.config.advancedConfig)?void 0:c.style},e.unref(d),{ref_key:"dyComponent",ref:r}),{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.nodeItem.children,((a,o)=>(e.openBlock(),e.createBlock(g,{nodeItem:a,index:o,key:a.keyID},null,8,["nodeItem","index"])))),128))])),_:1},16,["style"])):e.createCommentVNode("",!0)],64))}}}),i=["innerHTML"],p=e.defineComponent({inheritAttrs:!1,__name:"show",props:e.mergeModels({nodeItem:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(o){const l=e.ref(),n=e.useModel(o,"modelValue"),t=e.ref({}),r=o,{isMobile:u,componentProps:d,renderContent:m}=a.useRender(r,r.nodeItem,n,t);a.useComponentRef(r.nodeItem,l);const c=e.ref(""),p=e.ref(r.nodeItem.config.baseConfig.innerContent);return e.watchEffect((()=>{c.value=r.nodeItem.componentName})),(o,r)=>{const s=e.resolveComponent("els-tip");return c.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value),e.mergeProps({key:0,modelValue:n.value,"onUpdate:modelValue":r[0]||(r[0]=e=>n.value=e)},e.unref(d),{ref_key:"dyComponent",ref:l}),{default:e.withCtx((()=>[p.value?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:e.unref(m)(p.value)},null,8,i)):e.createCommentVNode("",!0),o.nodeItem.slots&&o.nodeItem.slots.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(o.nodeItem.slots,(l=>e.renderSlot(o.$slots,l.name,{},(()=>[e.createVNode(a.DynamicRenderAsync,{config:l.children,modelValue:t.value[l.name],"onUpdate:modelValue":e=>t.value[l.name]=e,isMobile:e.unref(u)},null,8,["config","modelValue","onUpdate:modelValue","isMobile"])])))),256)):e.createCommentVNode("",!0)])),_:3},16,["modelValue"])):(e.openBlock(),e.createBlock(s,{key:1,type:"danger"},{default:e.withCtx((()=>[e.createTextVNode("未设置组件名")])),_:1}))}}}),s=e.defineComponent({__name:"form",props:e.mergeModels({isRoot:{type:Boolean}},{nodeItem:{default:()=>e.reactive([])},nodeItemModifiers:{}}),emits:["update:nodeItem"],setup(o){const l=e.ref(),n=o,t=e.useModel(o,"nodeItem"),{setValue:r}=a.useProps(),{isMobile:u,getNodeValue:d,getCurrNode:m,componentProps:c}=a.useRender(n,t.value);return a.useComponentRef(t.value,l),r({getCurrNode:()=>d(t.value.children),getParentNode:()=>m()}),(a,o)=>{const n=e.resolveComponent("els-form");return e.unref(u)&&!a.isRoot?(e.openBlock(),e.createBlock(n,e.mergeProps({key:0,modelValue:t.value.children,"onUpdate:modelValue":o[0]||(o[0]=e=>t.value.children=e)},e.unref(c),{ref_key:"dyComponent",ref:l,key:t.value.keyID}),{default:e.withCtx((()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent("van-cell-group"),{title:t.value.keyName},{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.children,((a,o)=>(e.openBlock(),e.createBlock(g,{index:o,nodeItem:a,key:a.keyID},null,8,["index","nodeItem"])))),128))])),_:1},8,["title"]))])),_:1},16,["modelValue"])):(e.openBlock(),e.createBlock(n,e.mergeProps({key:1,modelValue:t.value.children,"onUpdate:modelValue":o[1]||(o[1]=e=>t.value.children=e)},e.unref(c),{ref_key:"dyComponent",ref:l,key:t.value.keyID}),{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.children,((a,o)=>(e.openBlock(),e.createBlock(g,{index:o,nodeItem:a,key:a.keyID},null,8,["index","nodeItem"])))),128))])),_:1},16,["modelValue"]))}}}),v=a._export_sfc(s,[["__scopeId","data-v-26a1bd2a"]]),y=Object.freeze(Object.defineProperty({__proto__:null,default:v},Symbol.toStringTag,{value:"Module"})),f=e.defineComponent({inheritAttrs:!1,__name:"inner",props:e.mergeModels({index:{},arrayIndex:{default:-1}},{nodeItem:{default:()=>e.reactive([])},nodeItemModifiers:{}}),emits:["update:nodeItem"],setup(o){const l=o,{getValue:n,setValue:t}=a.useProps(),d=e.useModel(o,"nodeItem"),{isMobile:i,formProps:s,getCurrNode:y,renderIf:f,renderValueChange:g}=a.useRender(l,d.value),k=e.computed((()=>{var e;return"Object"!==d.value.dataTypeName&&"Object"!=d.value.arrayDataTypeName||"ElsCaption"!=(null==(e=d.value.config.baseConfig)?void 0:e.componentName)}));return l.arrayIndex>-1&&t({getCurrNode:()=>y()}),(a,o)=>{var l;const n=e.resolveComponent("els-caption"),t=e.resolveComponent("els-form-node");return e.unref(f)()?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},["Object"!==d.value.dataTypeName&&"Object"!=d.value.arrayDataTypeName||"ElsCaption"!=(null==(l=d.value.config.baseConfig)?void 0:l.componentName)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,e.mergeProps({key:0},d.value.config.baseConfig,{title:d.value.config.baseConfig.title||d.value.keyName}),null,16,["title"])),d.value.componentTypeName&&"Show"===d.value.componentGroup&&d.value.keyCode?(e.openBlock(),e.createBlock(p,{key:1,nodeItem:d.value,style:e.normalizeStyle(d.value.config.advancedConfig.style),modelValue:d.value.value,"onUpdate:modelValue":o[0]||(o[0]=e=>d.value.value=e),title:d.value.keyName},null,8,["nodeItem","style","modelValue","title"])):d.value.componentTypeName&&"Show"===d.value.componentGroup?(e.openBlock(),e.createBlock(p,{key:2,nodeItem:d.value,style:e.normalizeStyle(d.value.config.advancedConfig.style),title:d.value.keyName},null,8,["nodeItem","style","title"])):"Container"==d.value.componentGroup?(e.openBlock(),e.createBlock(c,{key:3,parentNode:d.value,nodeItem:d.value,index:a.index},null,8,["parentNode","nodeItem","index"])):"Array"===d.value.dataTypeName&&"Object"!==d.value.arrayDataType||"Array"===d.value.dataTypeName&&d.value.componentTypeName?(e.openBlock(),e.createBlock(t,e.mergeProps({key:4,childCreateFormItem:!1,createFormItem:k.value},e.unref(s),{prop:void 0,childType:"Array"===d.value.dataTypeName?"":d.value.componentTypeName}),{default:e.withCtx((()=>[e.createVNode(m,{nodeItem:d.value},null,8,["nodeItem"])])),_:1},16,["createFormItem","childType"])):"Object"==d.value.dataTypeName||"Array"===d.value.dataTypeName&&"Object"===d.value.arrayDataType?(e.openBlock(),e.createBlock(t,e.mergeProps({key:5,childCreateFormItem:!1,createFormItem:!e.unref(i)&&k.value},e.unref(s),{childType:"Array"===d.value.dataTypeName?"":d.value.componentTypeName}),{default:e.withCtx((()=>["Object"==d.value.dataTypeName&&d.value.componentTypeName?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(i)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent("van-cell-group"),{key:0,title:d.value.keyName},{default:e.withCtx((()=>["Object"==d.value.dataTypeName&&d.value.componentTypeName?(e.openBlock(),e.createBlock(u,{key:0,nodeItem:d.value,modelValue:d.value.value,"onUpdate:modelValue":o[1]||(o[1]=e=>d.value.value=e),onValueChange:o[2]||(o[2]=a=>e.unref(g)(a))},null,8,["nodeItem","modelValue"])):e.createCommentVNode("",!0)])),_:1},8,["title"])):(e.openBlock(),e.createBlock(u,{key:1,nodeItem:d.value,modelValue:d.value.value,"onUpdate:modelValue":o[3]||(o[3]=e=>d.value.value=e),onValueChange:o[4]||(o[4]=a=>e.unref(g)(a))},null,8,["nodeItem","modelValue"]))],64)):"Object"==d.value.dataTypeName?(e.openBlock(),e.createBlock(v,{key:1,nodeItem:d.value},null,8,["nodeItem"])):(e.openBlock(),e.createBlock(r,{key:2,nodeItem:d.value},null,8,["nodeItem"]))])),_:1},16,["createFormItem","childType"])):e.unref(i)&&d.value.componentTypeName&&"Form"===d.value.componentGroup?(e.openBlock(),e.createBlock(u,e.mergeProps({key:6,nodeItem:d.value,modelValue:d.value.value,"onUpdate:modelValue":o[5]||(o[5]=e=>d.value.value=e)},e.unref(s),{onValueChange:o[6]||(o[6]=a=>e.unref(g)(a))}),null,16,["nodeItem","modelValue"])):d.value.componentTypeName&&"Form"===d.value.componentGroup?(e.openBlock(),e.createBlock(t,e.mergeProps({key:7,childCreateFormItem:!1,createFormItem:k.value},e.unref(s),{childType:d.value.componentTypeName}),{default:e.withCtx((()=>[e.createVNode(u,{nodeItem:d.value,modelValue:d.value.value,"onUpdate:modelValue":o[7]||(o[7]=e=>d.value.value=e),onValueChange:o[8]||(o[8]=a=>e.unref(g)(a))},null,8,["nodeItem","modelValue"])])),_:1},16,["createFormItem","childType"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)}}}),g=a._export_sfc(f,[["__scopeId","data-v-77f43620"]]),k=Object.freeze(Object.defineProperty({__proto__:null,default:g},Symbol.toStringTag,{value:"Module"}));exports.form=y,exports.inner=k;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, unref, isRef, normalizeClass, withCtx, createBlock, toDisplayString, createCommentVNode, createSlots, createElementVNode, createTextVNode, nextTick } from "vue";
|
|
2
2
|
import { useVModel } from "@vueuse/core";
|
|
3
|
-
import { u as useProps, b as utils, p as property_arrayAndObject, d as DynamicDesignerInner, D as DynamicRenderAsync, e as property_array, f as property_formItem, h as property_advanced, P as ProxyElsMessage, _ as _export_sfc } from "./index-
|
|
3
|
+
import { u as useProps, b as utils, p as property_arrayAndObject, d as DynamicDesignerInner, D as DynamicRenderAsync, e as property_array, f as property_formItem, h as property_advanced, P as ProxyElsMessage, _ as _export_sfc } from "./index-Ugzuxkrz.js";
|
|
4
4
|
import "element-plus";
|
|
5
5
|
const _hoisted_1 = {
|
|
6
6
|
key: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("@vueuse/core"),t=require("./index-CrjNZOj7.cjs");require("element-plus");const l={key:0,class:"keyName"},o={key:1},n={key:1,class:"keyCode"},r={key:2,class:"dataType"},c={class:"dataType-detail-t"},i={key:0},d={key:1},u=["title"],p=["title"],m={class:"dataType-detail-t"},s={key:0},y={key:1},v=["title"],f=["title"],k={key:0,class:"componentType"},C={key:1,class:"config"},g={key:4,class:"required"},V={key:5,class:"description"},h={key:6,class:"defaultValue"},N={key:7,class:"oper"},b={class:"els-dynamic-d-oper"},B=e.defineComponent({name:"ElsDynamicDesigner",inheritAttrs:!1,__name:"innerItem",props:{depath:{},children:{},item:{}},emits:["update:item","update:data"],setup(B,{emit:T}){const w=B,{getValue:x}=t.useProps(),E=T,_=x("camelCase",!1),D=x("settingDirection"),S=x("allowCreateType",!1),O=x("allowCreateComponent",!1),q=x("openCreateType",(()=>null)),F=x("openCreateComponent",(()=>null)),j=x("componentSettingVisible",!0),A=x("columnVisible",(()=>!0)),R=x("dataTypeData",null),I=x("componentData",null),U=e.ref(w.depath+1),P=a.useVModel(w,"children",E),M=a.useVModel(w,"item",E),W=e.ref(),z=e.ref(),J=e.ref(!1),L=e.ref();function $(e){var a=P.value.indexOf(e);P.value.splice(a,1)}function G(){if(_&&M.value.keyCode){const e=M.value.keyCode;M.value.keyCode=e.replace(e[0],e[0].toLowerCase())}}I&&I.forEach((e=>{"栅格行"===e.label&&(e.label="容器")}));const H=e.computed((()=>{if(R){return R.find((e=>e.value==M.value.dataType))??{}}return{}})),K=e.computed((()=>{if(R){return R.find((e=>e.value==M.value.arrayDataType))??{}}return{}})),Q=e.computed((()=>R?H&&"Array"==H.value.type?K.value:H.value:{})),X=e.computed((()=>{if(I){return I.find((e=>e.value==M.value.componentType))??{}}return{}})),Y=e.computed((()=>I?"None"===Q.value.type?I.filter((e=>{var a,t;return!Q.value||e.dataTypes.includes(null==(a=Q.value)?void 0:a.value)||e.dataTypes.includes(null==(t=Q.value)?void 0:t.type)})).filter((e=>"Row"===e.type||"Caption"===e.type)):"Object"===Q.value.type?I.filter((e=>{var a,t;return!Q.value||e.dataTypes.includes(null==(a=Q.value)?void 0:a.value)||e.dataTypes.includes(null==(t=Q.value)?void 0:t.type)})).filter((e=>"Form"===e.group&&"DataModal"!==e.type&&"JsonEditor"!==e.type)):I.filter((e=>{var a,t;return!Q.value||e.dataTypes.includes(null==(a=Q.value)?void 0:a.value)||e.dataTypes.includes(null==(t=Q.value)?void 0:t.type)})).filter((e=>"Form"===e.group&&"JsonEditor"!==e.type)):[])),Z=e.computed((()=>"Object"==H.value.type||"Object"==K.value.type)),ee=e.computed((()=>"Row"==X.value.type)),ae=e.computed((()=>{if(void 0===M.value.dataType)return M.value.componentType||(M.value.config={formConfig:{},baseConfig:{},advancedConfig:{},arrayConfig:{}}),null;if(M.value.componentType){if(I){const e=I.find((e=>e.value==M.value.componentType));if(e)return e.propertys}}else{const e=R.find((e=>e.value==M.value.dataType)),a=R.find((e=>e.value==M.value.arrayDataType));if("Array"==(null==e?void 0:e.type)&&"Object"===(null==a?void 0:a.type)||"Object"==(null==e?void 0:e.type))return t.utils.cloneObj(t.property_arrayAndObject)}}));function te(){M.value.arrayDataType&&(M.value.arrayDataType=void 0),M.value.componentType=void 0,e.nextTick((()=>{Y.value.length&&(Z.value||"None"===Q.value.type?M.value.componentType="":(Q.value&&"Array"!==Q.value.type||M.value.arrayDataType)&&(M.value.componentType=Y.value[0].value))})),Z.value?(M.value.children.length=0,M.value.children.push({keyID:t.utils.shortid(),keyName:"",keyCode:"",children:[],config:{formConfig:{},baseConfig:{},advancedConfig:{},arrayConfig:{}}})):M.value.children.length=0}function le(e){M.value.config.formConfig&&M.value.config.formConfig.required!=e&&(M.value.config.formConfig.required=e,L.value.initData())}function oe(e){e.preSelectValue&&e.selectItem&&(e.selectItem.defaultPropertys?M.value.config.baseConfig=Object.assign({},e.selectItem.defaultPropertys):M.value.config.baseConfig={})}function ne(e,a,l){""===a?l(new Error("keyCode不能为空")):w.children.filter((e=>e.keyCode==a)).length>1?(t.ProxyElsMessage.warning(`[${a}]重复`),l(new Error("keyCode重复"))):l()}return e.watch((()=>M.value.componentType),(()=>{ee.value?(M.value.children.length=0,M.value.dataType="None",M.value.children.push({keyID:t.utils.shortid(),keyName:"",keyCode:"",children:[],config:{formConfig:{},baseConfig:{},advancedConfig:{},arrayConfig:{}}})):M.value.children.length=0})),e.watch(R,(e=>{M.value.dataType&&(W.value=e.find((e=>e.value===M.value.dataType))),M.value.arrayDataType&&(z.value=e.find((e=>e.value===M.value.arrayDataType)))})),e.watch((()=>M.value.config.formConfig.required),(e=>{M.value.required!==e&&(M.value.required=e)})),(a,B)=>{const T=e.resolveComponent("els-input"),w=e.resolveComponent("el-table-column"),x=e.resolveComponent("el-table"),E=e.resolveComponent("els-select"),_=e.resolveComponent("el-popover"),I=e.resolveComponent("el-link"),P=e.resolveComponent("els-switch"),re=e.resolveComponent("els-textarea"),ce=e.resolveComponent("Rank"),ie=e.resolveComponent("el-icon"),de=e.resolveComponent("Remove"),ue=e.resolveComponent("el-popconfirm"),pe=e.resolveComponent("els-form"),me=e.resolveComponent("el-tab-pane"),se=e.resolveComponent("el-tabs"),ye=e.resolveComponent("els-drawer");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(pe,{modelValue:e.unref(M),"onUpdate:modelValue":B[14]||(B[14]=a=>e.isRef(M)?M.value=a:null),labelWidth:"0",inputWidth:"100%",class:e.normalizeClass([{"els-dynamic-d-item-parentdiv":Z.value&&!e.unref(M).componentType},{"els-dynamic-d-item-container":ee.value}]),"show-message":!1},{default:e.withCtx((()=>[ee.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["els-dynamic-d-item-div",[{setting:J.value}]])},[e.unref(A)("keyName")?(e.openBlock(),e.createElementBlock("span",l,["None"!=H.value.type||"Caption"===a.item.componentType?(e.openBlock(),e.createBlock(T,{key:0,clearable:"",placeholder:"请输入名称",prop:"keyName"})):e.unref(M).config.baseConfig?(e.openBlock(),e.createElementBlock("span",o,e.toDisplayString(e.unref(M).config.baseConfig.title),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(A)("keyCode")?(e.openBlock(),e.createElementBlock("span",n,["None"!=H.value.type?(e.openBlock(),e.createBlock(T,{key:0,placeholder:"编码",validMethod:ne,required:"",clearable:"",onBlur:G,prop:"keyCode"})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(A)("dataType")?(e.openBlock(),e.createElementBlock("span",r,[W.value&&W.value.id?(e.openBlock(),e.createBlock(_,{key:0,width:"400",placement:"right"},{reference:e.withCtx((()=>[e.createVNode(E,{onClickOption:te,class:"txt-blue-light",filterable:"",select:W.value,"onUpdate:select":B[2]||(B[2]=e=>W.value=e),required:"",initSelect:!1,data:e.unref(R),valueField:"value",labelField:"label",placeholder:"值类型",prop:"dataType"},e.createSlots({default:e.withCtx((({item:a})=>[e.createElementVNode("span",{title:a.description},e.toDisplayString(a.label),9,u)])),_:2},[e.unref(S)?{name:"extra",fn:e.withCtx((()=>[e.createElementVNode("li",{class:"dynamic-create-dtype",onClick:B[1]||(B[1]=a=>e.unref(q)())},"创建类型")])),key:"0"}:void 0]),1032,["select","data"])])),default:e.withCtx((()=>[e.createElementVNode("div",null,[e.createElementVNode("div",c,[e.createElementVNode("span",null,e.toDisplayString("Enum"===W.value.type?"Enum":"Object"),1),e.createElementVNode("span",{onClick:B[0]||(B[0]=a=>e.unref(q)(W.value.id))},"查看详细")]),"Enum"===W.value.type?(e.openBlock(),e.createElementBlock("div",i,[e.createVNode(x,{data:W.value.componentType.defaultPropertys.data,"max-height":"250"},{default:e.withCtx((()=>[e.createVNode(w,{prop:"label",label:"label"}),e.createVNode(w,{prop:"value",label:"value"})])),_:1},8,["data"])])):(e.openBlock(),e.createElementBlock("div",d,[e.createVNode(x,{data:W.value.componentType.defaultPropertys.config,"max-height":"250"},{default:e.withCtx((()=>[e.createVNode(w,{prop:"keyName",label:"keyName"}),e.createVNode(w,{prop:"keyCode",label:"keyCode"}),e.createVNode(w,{prop:"dataType",label:"类型"})])),_:1},8,["data"])]))])])),_:1})):(e.openBlock(),e.createBlock(E,{key:1,onClickOption:te,filterable:"",select:W.value,"onUpdate:select":B[4]||(B[4]=e=>W.value=e),required:"",initSelect:!1,data:e.unref(R),valueField:"value",labelField:"label",placeholder:"值类型",prop:"dataType"},e.createSlots({default:e.withCtx((({item:a})=>[e.createElementVNode("span",{title:a.description},e.toDisplayString(a.label),9,p)])),_:2},[e.unref(S)?{name:"extra",fn:e.withCtx((()=>[e.createElementVNode("li",{class:"dynamic-create-dtype",onClick:B[3]||(B[3]=a=>e.unref(q)())},"创建类型")])),key:"0"}:void 0]),1032,["select","data"])),"Array"==H.value.type?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[z.value&&z.value.id?(e.openBlock(),e.createBlock(_,{key:0,placement:"right",width:"400"},{reference:e.withCtx((()=>[e.createVNode(E,{onClickOption:te,filterable:"",class:"txt-blue-light",select:z.value,"onUpdate:select":B[7]||(B[7]=e=>z.value=e),required:"",data:e.unref(R).filter((e=>"None"!=e.type&&"Array"!=e.type)),valueField:"value",labelField:"label",prop:"arrayDataType"},e.createSlots({default:e.withCtx((({item:a})=>[e.createElementVNode("span",{title:a.description},e.toDisplayString(a.label),9,v)])),_:2},[e.unref(S)?{name:"extra",fn:e.withCtx((()=>[e.createElementVNode("li",{class:"dynamic-create-dtype",onClick:B[6]||(B[6]=a=>e.unref(q)())},"创建类型")])),key:"0"}:void 0]),1032,["select","data"])])),default:e.withCtx((()=>[e.createElementVNode("div",null,[e.createElementVNode("div",m,[e.createElementVNode("span",null,e.toDisplayString("Enum"===z.value.type?"Enum":"Object"),1),e.createElementVNode("span",{onClick:B[5]||(B[5]=a=>e.unref(q)(z.value.id))},"查看详细")]),"Enum"===z.value.type?(e.openBlock(),e.createElementBlock("div",s,[e.createVNode(x,{data:z.value.componentType.defaultPropertys.data,"max-height":"250"},{default:e.withCtx((()=>[e.createVNode(w,{prop:"label",label:"label"}),e.createVNode(w,{prop:"value",label:"value"})])),_:1},8,["data"])])):(e.openBlock(),e.createElementBlock("div",y,[e.createVNode(x,{data:z.value.componentType.defaultPropertys.config,"max-height":"250"},{default:e.withCtx((()=>[e.createVNode(w,{prop:"keyName",label:"keyName"}),e.createVNode(w,{prop:"keyCode",label:"keyCode"}),e.createVNode(w,{prop:"dataType",label:"类型"})])),_:1},8,["data"])]))])])),_:1})):(e.openBlock(),e.createBlock(E,{key:1,onClickOption:te,filterable:"",select:z.value,"onUpdate:select":B[9]||(B[9]=e=>z.value=e),required:"",data:e.unref(R).filter((e=>"None"!=e.type&&"Array"!=e.type)),valueField:"value",labelField:"label",prop:"arrayDataType"},e.createSlots({default:e.withCtx((({item:a})=>[e.createElementVNode("span",{title:a.description},e.toDisplayString(a.label),9,f)])),_:2},[e.unref(S)?{name:"extra",fn:e.withCtx((()=>[e.createElementVNode("li",{class:"dynamic-create-dtype",onClick:B[8]||(B[8]=a=>e.unref(q)())},"创建类型")])),key:"0"}:void 0]),1032,["select","data"]))],64)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(j)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.unref(A)("componentType")?(e.openBlock(),e.createElementBlock("span",k,["Object"!=H.value.type&&"Object"!=K.value.type||Z.value&&Y.value.length?(e.openBlock(),e.createBlock(E,{key:0,filterable:"",disabled:void 0===e.unref(M).dataType,placeholder:"组件",clearable:"",prop:"componentType",onSelect:oe,data:Y.value,valueField:"value",labelField:"label"},e.createSlots({_:2},[e.unref(O)?{name:"extra",fn:e.withCtx((()=>[e.createElementVNode("li",{class:"dynamic-create-dtype",onClick:B[10]||(B[10]=a=>e.unref(F)())},"创建组件")])),key:"0"}:void 0]),1032,["disabled","data"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(A)("config")?(e.openBlock(),e.createElementBlock("span",C,[e.createVNode(I,{type:"primary",onClick:B[11]||(B[11]=e=>{J.value=!0})},{default:e.withCtx((()=>[e.createTextVNode("配置")])),_:1})])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.unref(A)("required")?(e.openBlock(),e.createElementBlock("span",g,["None"!==H.value.type?(e.openBlock(),e.createBlock(P,{key:0,"active-value":!0,"inactive-value":!1,onChange:le,prop:"required"})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(A)("description")?(e.openBlock(),e.createElementBlock("span",V,["None"!==H.value.type?(e.openBlock(),e.createBlock(T,{key:0,placeholder:"描述",clearable:"",prop:"description"})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(A)("defaultValue")?(e.openBlock(),e.createElementBlock("span",h,[Z.value||"None"===H.value.type?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(_,{key:0,placement:"top-start",width:"400",trigger:"click"},{reference:e.withCtx((()=>[e.createElementVNode("div",null,[e.createVNode(T,{placeholder:"默认值",clearable:"",prop:"defaultValue"})])])),default:e.withCtx((()=>[e.createVNode(re,{placeholder:"默认值",clearable:"",prop:"defaultValue",rows:3})])),_:1}))])):e.createCommentVNode("",!0),e.unref(A)("oper")?(e.openBlock(),e.createElementBlock("span",N,[e.createElementVNode("span",b,[e.createVNode(ie,{class:"el-icon-rank"},{default:e.withCtx((()=>[e.createVNode(ce)])),_:1}),e.createVNode(ue,{title:"确定删除吗?",onConfirm:B[12]||(B[12]=e=>$(a.item))},{reference:e.withCtx((()=>[e.createVNode(ie,{class:"el-icon-remove"},{default:e.withCtx((()=>[e.createVNode(de)])),_:1})])),_:1})])])):e.createCommentVNode("",!0)],2)),Z.value&&!e.unref(M).componentType||ee.value?(e.openBlock(),e.createBlock(t.DynamicDesignerInner,{key:1,children:e.unref(M).children,onRemoveItem:B[13]||(B[13]=e=>$(a.item)),config:e.unref(M).config.advancedConfig,"is-container":ee.value,depath:U.value},null,8,["children","config","is-container","depath"])):e.createCommentVNode("",!0)])),_:1},8,["modelValue","class"]),e.createVNode(ye,{modelValue:J.value,"onUpdate:modelValue":B[19]||(B[19]=e=>J.value=e),title:"设置属性",direction:e.unref(D),class:"work-flow-drawer",size:"30%","show-close":!1,"append-to-body":"","lock-scroll":!1},{default:e.withCtx((()=>[e.createVNode(se,{stretch:""},{default:e.withCtx((()=>[e.unref(M).componentType?(e.openBlock(),e.createBlock(me,{key:0,label:"组件属性"},{default:e.withCtx((()=>{var a,l;return[e.createVNode(t.DynamicRenderAsync,{modelValue:e.unref(M).config.baseConfig,"onUpdate:modelValue":B[15]||(B[15]=a=>e.unref(M).config.baseConfig=a),nodeType:{dataType:null==(a=Q.value)?void 0:a.type,componentName:null==(l=X.value)?void 0:l.componentName},globalData:e.unref(M),config:ae.value,inputWidth:"100%"},null,8,["modelValue","nodeType","globalData","config"])]})),_:1})):e.createCommentVNode("",!0),"Array"==H.value.type?(e.openBlock(),e.createBlock(me,{key:1,label:"数组属性"},{default:e.withCtx((()=>[e.createVNode(t.DynamicRenderAsync,{modelValue:e.unref(M).config.arrayConfig,"onUpdate:modelValue":B[16]||(B[16]=a=>e.unref(M).config.arrayConfig=a),config:e.unref(t.property_array),inputWidth:"100%"},null,8,["modelValue","config"])])),_:1})):e.createCommentVNode("",!0),"None"!=H.value.type?(e.openBlock(),e.createBlock(me,{key:2,label:"表单属性"},{default:e.withCtx((()=>[e.createVNode(t.DynamicRenderAsync,{ref_key:"formRender",ref:L,modelValue:e.unref(M).config.formConfig,"onUpdate:modelValue":B[17]||(B[17]=a=>e.unref(M).config.formConfig=a),config:e.unref(t.property_formItem),inputWidth:"100%"},null,8,["modelValue","config"])])),_:1})):e.createCommentVNode("",!0),e.createVNode(me,{label:"高级属性"},{default:e.withCtx((()=>[e.createVNode(t.DynamicRenderAsync,{modelValue:e.unref(M).config.advancedConfig,"onUpdate:modelValue":B[18]||(B[18]=a=>e.unref(M).config.advancedConfig=a),config:e.unref(t.property_advanced),inputWidth:"100%"},null,8,["modelValue","config"])])),_:1})])),_:1})])),_:1},8,["modelValue","direction"])],64)}}}),T=t._export_sfc(B,[["__scopeId","data-v-5d0d5112"]]);exports.default=T;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("@vueuse/core"),t=require("./index-QxikzMcd.cjs");require("element-plus");const l={key:0,class:"keyName"},o={key:1},n={key:1,class:"keyCode"},r={key:2,class:"dataType"},c={class:"dataType-detail-t"},i={key:0},d={key:1},u=["title"],p=["title"],m={class:"dataType-detail-t"},s={key:0},y={key:1},v=["title"],f=["title"],k={key:0,class:"componentType"},C={key:1,class:"config"},g={key:4,class:"required"},V={key:5,class:"description"},h={key:6,class:"defaultValue"},N={key:7,class:"oper"},b={class:"els-dynamic-d-oper"},B=e.defineComponent({name:"ElsDynamicDesigner",inheritAttrs:!1,__name:"innerItem",props:{depath:{},children:{},item:{}},emits:["update:item","update:data"],setup(B,{emit:T}){const w=B,{getValue:x}=t.useProps(),E=T,_=x("camelCase",!1),D=x("settingDirection"),S=x("allowCreateType",!1),O=x("allowCreateComponent",!1),q=x("openCreateType",(()=>null)),F=x("openCreateComponent",(()=>null)),j=x("componentSettingVisible",!0),A=x("columnVisible",(()=>!0)),R=x("dataTypeData",null),I=x("componentData",null),U=e.ref(w.depath+1),P=a.useVModel(w,"children",E),M=a.useVModel(w,"item",E),W=e.ref(),z=e.ref(),J=e.ref(!1),L=e.ref();function $(e){var a=P.value.indexOf(e);P.value.splice(a,1)}function G(){if(_&&M.value.keyCode){const e=M.value.keyCode;M.value.keyCode=e.replace(e[0],e[0].toLowerCase())}}I&&I.forEach((e=>{"栅格行"===e.label&&(e.label="容器")}));const H=e.computed((()=>{if(R){return R.find((e=>e.value==M.value.dataType))??{}}return{}})),K=e.computed((()=>{if(R){return R.find((e=>e.value==M.value.arrayDataType))??{}}return{}})),Q=e.computed((()=>R?H&&"Array"==H.value.type?K.value:H.value:{})),X=e.computed((()=>{if(I){return I.find((e=>e.value==M.value.componentType))??{}}return{}})),Y=e.computed((()=>I?"None"===Q.value.type?I.filter((e=>{var a,t;return!Q.value||e.dataTypes.includes(null==(a=Q.value)?void 0:a.value)||e.dataTypes.includes(null==(t=Q.value)?void 0:t.type)})).filter((e=>"Row"===e.type||"Caption"===e.type)):"Object"===Q.value.type?I.filter((e=>{var a,t;return!Q.value||e.dataTypes.includes(null==(a=Q.value)?void 0:a.value)||e.dataTypes.includes(null==(t=Q.value)?void 0:t.type)})).filter((e=>"Form"===e.group&&"DataModal"!==e.type&&"JsonEditor"!==e.type)):I.filter((e=>{var a,t;return!Q.value||e.dataTypes.includes(null==(a=Q.value)?void 0:a.value)||e.dataTypes.includes(null==(t=Q.value)?void 0:t.type)})).filter((e=>"Form"===e.group&&"JsonEditor"!==e.type)):[])),Z=e.computed((()=>"Object"==H.value.type||"Object"==K.value.type)),ee=e.computed((()=>"Row"==X.value.type)),ae=e.computed((()=>{if(void 0===M.value.dataType)return M.value.componentType||(M.value.config={formConfig:{},baseConfig:{},advancedConfig:{},arrayConfig:{}}),null;if(M.value.componentType){if(I){const e=I.find((e=>e.value==M.value.componentType));if(e)return e.propertys}}else{const e=R.find((e=>e.value==M.value.dataType)),a=R.find((e=>e.value==M.value.arrayDataType));if("Array"==(null==e?void 0:e.type)&&"Object"===(null==a?void 0:a.type)||"Object"==(null==e?void 0:e.type))return t.utils.cloneObj(t.property_arrayAndObject)}}));function te(){M.value.arrayDataType&&(M.value.arrayDataType=void 0),M.value.componentType=void 0,e.nextTick((()=>{Y.value.length&&(Z.value||"None"===Q.value.type?M.value.componentType="":(Q.value&&"Array"!==Q.value.type||M.value.arrayDataType)&&(M.value.componentType=Y.value[0].value))})),Z.value?(M.value.children.length=0,M.value.children.push({keyID:t.utils.shortid(),keyName:"",keyCode:"",children:[],config:{formConfig:{},baseConfig:{},advancedConfig:{},arrayConfig:{}}})):M.value.children.length=0}function le(e){M.value.config.formConfig&&M.value.config.formConfig.required!=e&&(M.value.config.formConfig.required=e,L.value.initData())}function oe(e){e.preSelectValue&&e.selectItem&&(e.selectItem.defaultPropertys?M.value.config.baseConfig=Object.assign({},e.selectItem.defaultPropertys):M.value.config.baseConfig={})}function ne(e,a,l){""===a?l(new Error("keyCode不能为空")):w.children.filter((e=>e.keyCode==a)).length>1?(t.ProxyElsMessage.warning(`[${a}]重复`),l(new Error("keyCode重复"))):l()}return e.watch((()=>M.value.componentType),(()=>{ee.value?(M.value.children.length=0,M.value.dataType="None",M.value.children.push({keyID:t.utils.shortid(),keyName:"",keyCode:"",children:[],config:{formConfig:{},baseConfig:{},advancedConfig:{},arrayConfig:{}}})):M.value.children.length=0})),e.watch(R,(e=>{M.value.dataType&&(W.value=e.find((e=>e.value===M.value.dataType))),M.value.arrayDataType&&(z.value=e.find((e=>e.value===M.value.arrayDataType)))})),e.watch((()=>M.value.config.formConfig.required),(e=>{M.value.required!==e&&(M.value.required=e)})),(a,B)=>{const T=e.resolveComponent("els-input"),w=e.resolveComponent("el-table-column"),x=e.resolveComponent("el-table"),E=e.resolveComponent("els-select"),_=e.resolveComponent("el-popover"),I=e.resolveComponent("el-link"),P=e.resolveComponent("els-switch"),re=e.resolveComponent("els-textarea"),ce=e.resolveComponent("Rank"),ie=e.resolveComponent("el-icon"),de=e.resolveComponent("Remove"),ue=e.resolveComponent("el-popconfirm"),pe=e.resolveComponent("els-form"),me=e.resolveComponent("el-tab-pane"),se=e.resolveComponent("el-tabs"),ye=e.resolveComponent("els-drawer");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(pe,{modelValue:e.unref(M),"onUpdate:modelValue":B[14]||(B[14]=a=>e.isRef(M)?M.value=a:null),labelWidth:"0",inputWidth:"100%",class:e.normalizeClass([{"els-dynamic-d-item-parentdiv":Z.value&&!e.unref(M).componentType},{"els-dynamic-d-item-container":ee.value}]),"show-message":!1},{default:e.withCtx((()=>[ee.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["els-dynamic-d-item-div",[{setting:J.value}]])},[e.unref(A)("keyName")?(e.openBlock(),e.createElementBlock("span",l,["None"!=H.value.type||"Caption"===a.item.componentType?(e.openBlock(),e.createBlock(T,{key:0,clearable:"",placeholder:"请输入名称",prop:"keyName"})):e.unref(M).config.baseConfig?(e.openBlock(),e.createElementBlock("span",o,e.toDisplayString(e.unref(M).config.baseConfig.title),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(A)("keyCode")?(e.openBlock(),e.createElementBlock("span",n,["None"!=H.value.type?(e.openBlock(),e.createBlock(T,{key:0,placeholder:"编码",validMethod:ne,required:"",clearable:"",onBlur:G,prop:"keyCode"})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(A)("dataType")?(e.openBlock(),e.createElementBlock("span",r,[W.value&&W.value.id?(e.openBlock(),e.createBlock(_,{key:0,width:"400",placement:"right"},{reference:e.withCtx((()=>[e.createVNode(E,{onClickOption:te,class:"txt-blue-light",filterable:"",select:W.value,"onUpdate:select":B[2]||(B[2]=e=>W.value=e),required:"",initSelect:!1,data:e.unref(R),valueField:"value",labelField:"label",placeholder:"值类型",prop:"dataType"},e.createSlots({default:e.withCtx((({item:a})=>[e.createElementVNode("span",{title:a.description},e.toDisplayString(a.label),9,u)])),_:2},[e.unref(S)?{name:"extra",fn:e.withCtx((()=>[e.createElementVNode("li",{class:"dynamic-create-dtype",onClick:B[1]||(B[1]=a=>e.unref(q)())},"创建类型")])),key:"0"}:void 0]),1032,["select","data"])])),default:e.withCtx((()=>[e.createElementVNode("div",null,[e.createElementVNode("div",c,[e.createElementVNode("span",null,e.toDisplayString("Enum"===W.value.type?"Enum":"Object"),1),e.createElementVNode("span",{onClick:B[0]||(B[0]=a=>e.unref(q)(W.value.id))},"查看详细")]),"Enum"===W.value.type?(e.openBlock(),e.createElementBlock("div",i,[e.createVNode(x,{data:W.value.componentType.defaultPropertys.data,"max-height":"250"},{default:e.withCtx((()=>[e.createVNode(w,{prop:"label",label:"label"}),e.createVNode(w,{prop:"value",label:"value"})])),_:1},8,["data"])])):(e.openBlock(),e.createElementBlock("div",d,[e.createVNode(x,{data:W.value.componentType.defaultPropertys.config,"max-height":"250"},{default:e.withCtx((()=>[e.createVNode(w,{prop:"keyName",label:"keyName"}),e.createVNode(w,{prop:"keyCode",label:"keyCode"}),e.createVNode(w,{prop:"dataType",label:"类型"})])),_:1},8,["data"])]))])])),_:1})):(e.openBlock(),e.createBlock(E,{key:1,onClickOption:te,filterable:"",select:W.value,"onUpdate:select":B[4]||(B[4]=e=>W.value=e),required:"",initSelect:!1,data:e.unref(R),valueField:"value",labelField:"label",placeholder:"值类型",prop:"dataType"},e.createSlots({default:e.withCtx((({item:a})=>[e.createElementVNode("span",{title:a.description},e.toDisplayString(a.label),9,p)])),_:2},[e.unref(S)?{name:"extra",fn:e.withCtx((()=>[e.createElementVNode("li",{class:"dynamic-create-dtype",onClick:B[3]||(B[3]=a=>e.unref(q)())},"创建类型")])),key:"0"}:void 0]),1032,["select","data"])),"Array"==H.value.type?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[z.value&&z.value.id?(e.openBlock(),e.createBlock(_,{key:0,placement:"right",width:"400"},{reference:e.withCtx((()=>[e.createVNode(E,{onClickOption:te,filterable:"",class:"txt-blue-light",select:z.value,"onUpdate:select":B[7]||(B[7]=e=>z.value=e),required:"",data:e.unref(R).filter((e=>"None"!=e.type&&"Array"!=e.type)),valueField:"value",labelField:"label",prop:"arrayDataType"},e.createSlots({default:e.withCtx((({item:a})=>[e.createElementVNode("span",{title:a.description},e.toDisplayString(a.label),9,v)])),_:2},[e.unref(S)?{name:"extra",fn:e.withCtx((()=>[e.createElementVNode("li",{class:"dynamic-create-dtype",onClick:B[6]||(B[6]=a=>e.unref(q)())},"创建类型")])),key:"0"}:void 0]),1032,["select","data"])])),default:e.withCtx((()=>[e.createElementVNode("div",null,[e.createElementVNode("div",m,[e.createElementVNode("span",null,e.toDisplayString("Enum"===z.value.type?"Enum":"Object"),1),e.createElementVNode("span",{onClick:B[5]||(B[5]=a=>e.unref(q)(z.value.id))},"查看详细")]),"Enum"===z.value.type?(e.openBlock(),e.createElementBlock("div",s,[e.createVNode(x,{data:z.value.componentType.defaultPropertys.data,"max-height":"250"},{default:e.withCtx((()=>[e.createVNode(w,{prop:"label",label:"label"}),e.createVNode(w,{prop:"value",label:"value"})])),_:1},8,["data"])])):(e.openBlock(),e.createElementBlock("div",y,[e.createVNode(x,{data:z.value.componentType.defaultPropertys.config,"max-height":"250"},{default:e.withCtx((()=>[e.createVNode(w,{prop:"keyName",label:"keyName"}),e.createVNode(w,{prop:"keyCode",label:"keyCode"}),e.createVNode(w,{prop:"dataType",label:"类型"})])),_:1},8,["data"])]))])])),_:1})):(e.openBlock(),e.createBlock(E,{key:1,onClickOption:te,filterable:"",select:z.value,"onUpdate:select":B[9]||(B[9]=e=>z.value=e),required:"",data:e.unref(R).filter((e=>"None"!=e.type&&"Array"!=e.type)),valueField:"value",labelField:"label",prop:"arrayDataType"},e.createSlots({default:e.withCtx((({item:a})=>[e.createElementVNode("span",{title:a.description},e.toDisplayString(a.label),9,f)])),_:2},[e.unref(S)?{name:"extra",fn:e.withCtx((()=>[e.createElementVNode("li",{class:"dynamic-create-dtype",onClick:B[8]||(B[8]=a=>e.unref(q)())},"创建类型")])),key:"0"}:void 0]),1032,["select","data"]))],64)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(j)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.unref(A)("componentType")?(e.openBlock(),e.createElementBlock("span",k,["Object"!=H.value.type&&"Object"!=K.value.type||Z.value&&Y.value.length?(e.openBlock(),e.createBlock(E,{key:0,filterable:"",disabled:void 0===e.unref(M).dataType,placeholder:"组件",clearable:"",prop:"componentType",onSelect:oe,data:Y.value,valueField:"value",labelField:"label"},e.createSlots({_:2},[e.unref(O)?{name:"extra",fn:e.withCtx((()=>[e.createElementVNode("li",{class:"dynamic-create-dtype",onClick:B[10]||(B[10]=a=>e.unref(F)())},"创建组件")])),key:"0"}:void 0]),1032,["disabled","data"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(A)("config")?(e.openBlock(),e.createElementBlock("span",C,[e.createVNode(I,{type:"primary",onClick:B[11]||(B[11]=e=>{J.value=!0})},{default:e.withCtx((()=>[e.createTextVNode("配置")])),_:1})])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.unref(A)("required")?(e.openBlock(),e.createElementBlock("span",g,["None"!==H.value.type?(e.openBlock(),e.createBlock(P,{key:0,"active-value":!0,"inactive-value":!1,onChange:le,prop:"required"})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(A)("description")?(e.openBlock(),e.createElementBlock("span",V,["None"!==H.value.type?(e.openBlock(),e.createBlock(T,{key:0,placeholder:"描述",clearable:"",prop:"description"})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(A)("defaultValue")?(e.openBlock(),e.createElementBlock("span",h,[Z.value||"None"===H.value.type?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(_,{key:0,placement:"top-start",width:"400",trigger:"click"},{reference:e.withCtx((()=>[e.createElementVNode("div",null,[e.createVNode(T,{placeholder:"默认值",clearable:"",prop:"defaultValue"})])])),default:e.withCtx((()=>[e.createVNode(re,{placeholder:"默认值",clearable:"",prop:"defaultValue",rows:3})])),_:1}))])):e.createCommentVNode("",!0),e.unref(A)("oper")?(e.openBlock(),e.createElementBlock("span",N,[e.createElementVNode("span",b,[e.createVNode(ie,{class:"el-icon-rank"},{default:e.withCtx((()=>[e.createVNode(ce)])),_:1}),e.createVNode(ue,{title:"确定删除吗?",onConfirm:B[12]||(B[12]=e=>$(a.item))},{reference:e.withCtx((()=>[e.createVNode(ie,{class:"el-icon-remove"},{default:e.withCtx((()=>[e.createVNode(de)])),_:1})])),_:1})])])):e.createCommentVNode("",!0)],2)),Z.value&&!e.unref(M).componentType||ee.value?(e.openBlock(),e.createBlock(t.DynamicDesignerInner,{key:1,children:e.unref(M).children,onRemoveItem:B[13]||(B[13]=e=>$(a.item)),config:e.unref(M).config.advancedConfig,"is-container":ee.value,depath:U.value},null,8,["children","config","is-container","depath"])):e.createCommentVNode("",!0)])),_:1},8,["modelValue","class"]),e.createVNode(ye,{modelValue:J.value,"onUpdate:modelValue":B[19]||(B[19]=e=>J.value=e),title:"设置属性",direction:e.unref(D),class:"work-flow-drawer",size:"30%","show-close":!1,"append-to-body":"","lock-scroll":!1},{default:e.withCtx((()=>[e.createVNode(se,{stretch:""},{default:e.withCtx((()=>[e.unref(M).componentType?(e.openBlock(),e.createBlock(me,{key:0,label:"组件属性"},{default:e.withCtx((()=>{var a,l;return[e.createVNode(t.DynamicRenderAsync,{modelValue:e.unref(M).config.baseConfig,"onUpdate:modelValue":B[15]||(B[15]=a=>e.unref(M).config.baseConfig=a),nodeType:{dataType:null==(a=Q.value)?void 0:a.type,componentName:null==(l=X.value)?void 0:l.componentName},globalData:e.unref(M),config:ae.value,inputWidth:"100%"},null,8,["modelValue","nodeType","globalData","config"])]})),_:1})):e.createCommentVNode("",!0),"Array"==H.value.type?(e.openBlock(),e.createBlock(me,{key:1,label:"数组属性"},{default:e.withCtx((()=>[e.createVNode(t.DynamicRenderAsync,{modelValue:e.unref(M).config.arrayConfig,"onUpdate:modelValue":B[16]||(B[16]=a=>e.unref(M).config.arrayConfig=a),config:e.unref(t.property_array),inputWidth:"100%"},null,8,["modelValue","config"])])),_:1})):e.createCommentVNode("",!0),"None"!=H.value.type?(e.openBlock(),e.createBlock(me,{key:2,label:"表单属性"},{default:e.withCtx((()=>[e.createVNode(t.DynamicRenderAsync,{ref_key:"formRender",ref:L,modelValue:e.unref(M).config.formConfig,"onUpdate:modelValue":B[17]||(B[17]=a=>e.unref(M).config.formConfig=a),config:e.unref(t.property_formItem),inputWidth:"100%"},null,8,["modelValue","config"])])),_:1})):e.createCommentVNode("",!0),e.createVNode(me,{label:"高级属性"},{default:e.withCtx((()=>[e.createVNode(t.DynamicRenderAsync,{modelValue:e.unref(M).config.advancedConfig,"onUpdate:modelValue":B[18]||(B[18]=a=>e.unref(M).config.advancedConfig=a),config:e.unref(t.property_advanced),inputWidth:"100%"},null,8,["modelValue","config"])])),_:1})])),_:1})])),_:1},8,["modelValue","direction"])],64)}}}),T=t._export_sfc(B,[["__scopeId","data-v-5d0d5112"]]);exports.default=T;
|