element-less 0.0.18 → 0.0.20

package/elementui/dialog/index.d.ts

@@ -10,10 +10,10 @@ export declare const ElsDialog: import('element-plus/es/utils/index').SFCWithIns
     center: boolean;
     showClose: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     appendTo: string;
+    visible: boolean;
     title: string;
     modelValue: boolean;
     loading: boolean;
-    visible: boolean;
     draggable: boolean;
     fullscreen: boolean;
     closeOnPressEscape: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/elementui/dialog/src/dialog.vue.d.ts

@@ -73,10 +73,10 @@ declare const __VLS_component: import('vue').DefineComponent<{
     center: boolean;
     showClose: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     appendTo: string;
+    visible: boolean;
     title: string;
     modelValue: boolean;
     loading: boolean;
-    visible: boolean;
     draggable: boolean;
     fullscreen: boolean;
     closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/{index-DhAJpIKS.js → index-BH6EaaaM.js}

@@ -1637,7 +1637,8 @@ const defaultConfig = {
     url: "TargetUrl",
     areaName: "AreaName",
     controllerName: "ControllerName",
-    actionName: "ActionName"
+    actionName: "ActionName",
+    visible: "Visible"
   },
   table: {
     menu: "PowerMenu",
@@ -1741,7 +1742,8 @@ const utils = {
       $buttonTypeField: globalConfig.menu["buttonType"],
       $groupField: globalConfig.menu["group"],
       $confirmField: globalConfig.menu["confirmField"],
-      $confirmPasswordField: globalConfig.menu["confirmPasswordField"]
+      $confirmPasswordField: globalConfig.menu["confirmPasswordField"],
+      $visibleField: globalConfig.menu["visible"]
     };
   },
   getTableConfig() {
@@ -2362,6 +2364,19 @@ const utils = {
       ProxyElsMessage.error("复制失败");
     });
   },
+  getClipboardContent: async () => {
+    try {
+      const permissionStatus = await navigator.permissions.query({ name: "clipboard-read" });
+      if (permissionStatus.state === "granted" || permissionStatus.state === "prompt") {
+        const text = await navigator.clipboard.readText();
+        return Promise.resolve(text);
+      } else {
+        alert("没有读取剪切板的权限");
+      }
+    } catch (error) {
+      console.error("读取剪切板内容时出错:", error);
+    }
+  },
   isEmptyObject(obj) {
     return Object.keys(obj).length === 0 && obj.constructor === Object;
   },
@@ -15318,21 +15333,16 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   }),
   emits: ["update:modelValue"],
   setup(__props) {
-    var _a;
     const container = useContainer();
-    const { proxy } = getCurrentInstance();
     const modelValue = useModel$1(__props, "modelValue");
     const contextMenu = ref();
     const props = __props;
     const menuData = reactive([]);
-    let idFieldname = "";
-    let nameFieldname = "";
-    let iconFieldname = "";
-    if (proxy && ((_a = proxy.$lessConfig) == null ? void 0 : _a.menu)) {
-      idFieldname = proxy.$lessConfig.menu.id;
-      nameFieldname = proxy.$lessConfig.menu.name;
-      iconFieldname = proxy.$lessConfig.menu.icon;
-    }
+    const menuConfig = utils.getMenuConfig();
+    const idFieldname = menuConfig.$idField;
+    const nameFieldname = menuConfig.$nameField;
+    const iconFieldname = menuConfig.$iconField;
+    const visibleFieldname = menuConfig.$visibleField;
     const isOutBottom = computed(() => {
       return props.positionTop + 30 * menuData.length + 30 > window.innerHeight;
     });
@@ -15361,21 +15371,25 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
       modelValue.value = false;
     });
     return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
       return withDirectives((openBlock(), createElementBlock("ul", {
         ref_key: "contextMenu",
         ref: contextMenu,
         class: normalizeClass(["els-context-menu", { "outscreen-menu": isOutScreen.value }]),
         style: normalizeStyle([{ left: _ctx.positionLeft + "px" }, { top: isOutBottom.value ? "auto" : _ctx.positionTop + "px" }, { bottom: !isOutBottom.value ? "auto" : positionBottom.value + "px" }])
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(menuData, (item) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(menuData.filter((ele) => !unref(visibleFieldname) || ele[unref(visibleFieldname)] === void 0 || ele[unref(visibleFieldname)]), (item) => {
           return openBlock(), createElementBlock("li", {
             class: "els-context-list",
             key: item[unref(idFieldname)],
             onClick: ($event) => menuCommand(item)
           }, [
-            createElementVNode("i", {
-              class: normalizeClass(item[unref(iconFieldname)])
-            }, null, 2),
+            createVNode(_component_el_icon, null, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(item[unref(iconFieldname)])))
+              ]),
+              _: 2
+            }, 1024),
             createElementVNode("span", _hoisted_2$Z, toDisplayString(item[unref(nameFieldname)]), 1)
           ], 8, _hoisted_1$17);
         }), 128))
@@ -15385,7 +15399,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MenuContext = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-e0c03318"]]);
+const MenuContext = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__scopeId", "data-v-2cc1a2d0"]]);
 const ElsMenuContext = withInstall(MenuContext);
 const menuDropdownProps = buildProps({
   /**
@@ -38693,7 +38707,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["removeItem"], ["update:children"]),
   setup(__props, { emit: __emit }) {
     const DynamicDesignerInnerItem = defineAsyncComponent(() => {
-      return import("./innerItem-DXsyRepl.js");
+      return import("./innerItem-CJcQLAcJ.js");
     });
     const { getValue: getValue2 } = useProps();
     const tagID = getValue2("tagID");
@@ -39536,10 +39550,10 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DynamicRenderInner = defineAsyncComponent(() => {
-      return import("./inner-Bthjv0kV.js").then((n) => n.i);
+      return import("./inner-BX0N_tDo.js").then((n) => n.i);
     });
     const DynamicRenderForm = defineAsyncComponent(() => {
-      return import("./inner-Bthjv0kV.js").then((n) => n.f);
+      return import("./inner-BX0N_tDo.js").then((n) => n.f);
     });
     const props = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props);
@@ -39769,10 +39783,10 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DynamicRenderInnerAsync = defineAsyncComponent(() => {
-      return import("./inner-Bthjv0kV.js").then((n) => n.i);
+      return import("./inner-BX0N_tDo.js").then((n) => n.i);
     });
     const DynamicRenderFormAsync = defineAsyncComponent(() => {
-      return import("./inner-Bthjv0kV.js").then((n) => n.f);
+      return import("./inner-BX0N_tDo.js").then((n) => n.f);
     });
     const props = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props);
@@ -41758,12 +41772,6 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     const { getValue: getValue2 } = useProps(props);
     const removeItem = getValue2("removeItem", () => {
     });
-    getValue2("getCurrNode", () => {
-      return {};
-    });
-    getValue2("getParentNode", () => {
-      return {};
-    });
     const setSelectItem = getValue2("setSelectItem", () => {
     });
     const setSlotVisible = getValue2("setSlotVisible", () => {
@@ -41844,7 +41852,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DynamicDesignerViewOperate = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-179ecb7b"]]);
+const DynamicDesignerViewOperate = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-63cb7c98"]]);
 const _hoisted_1$f = { key: 1 };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "wrap",
@@ -42066,6 +42074,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     });
     const getSelectItem = getValue2("getSelectItem", () => {
     });
+    const handleContextMenu = getValue2("handleContextMenu", () => {
+    });
     const { isMobile, formProps: formProps2, renderDisabled } = useDesigner(props, props.nodeItem);
     const slotVisible = ref();
     function handleSelectItem() {
@@ -42089,7 +42099,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         style: normalizeStyle((_b = _ctx.nodeItem.config.advancedConfig) == null ? void 0 : _b.style),
         "data-restrict": _ctx.nodeItem.restrictChild,
         "data-type": _ctx.nodeItem.componentType,
-        onClick: withModifiers(handleSelectItem, ["stop"])
+        onClick: withModifiers(handleSelectItem, ["stop"]),
+        onContextmenu: _cache[1] || (_cache[1] = ($event) => unref(handleContextMenu)($event, _ctx.nodeItem))
       }, [
         createVNode(DynamicDesignerViewOperate, { nodeItem: _ctx.nodeItem }, null, 8, ["nodeItem"]),
         _ctx.nodeItem.componentGroup == "Container" ? (openBlock(), createBlock(DynamicDesignerViewWrap, {
@@ -42182,11 +42193,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["visible"])
-      ], 14, _hoisted_1$d);
+      ], 46, _hoisted_1$d);
     };
   }
 });
-const DynamicDesignerViewInner = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-ed80d52a"]]);
+const DynamicDesignerViewInner = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-5f362207"]]);
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "form",
   props: /* @__PURE__ */ mergeModels({
@@ -42326,7 +42337,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DynamicDesignerViewForm = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-02e5e3d1"]]);
+const DynamicDesignerViewForm = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-359ff6ae"]]);
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "body",
   props: /* @__PURE__ */ mergeModels({
@@ -42349,6 +42360,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     });
     const recordComponent = getValue2("recordComponent", () => {
     });
+    const handleContextMenu = getValue2("handleContextMenu", () => {
+    });
     function handleAddComponent(e) {
       recordComponent();
       setSelectItem(renderData.value[e.newIndex]);
@@ -42378,14 +42391,15 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           renderData.value && renderData.value.length && renderData.value[0].componentType === "Form" ? (openBlock(), createBlock(DynamicDesignerViewForm, {
             nodeItem: renderData.value[0],
             isRoot: true,
-            key: renderData.value[0].keyID
+            key: renderData.value[0].keyID,
+            onContextmenu: _cache[0] || (_cache[0] = ($event) => unref(handleContextMenu)($event, renderData.value[0]))
           }, null, 8, ["nodeItem"])) : createCommentVNode("", true)
         ]),
         _: 1
       }, 512)) : (openBlock(), createBlock(_component_els_form, {
         key: 1,
         modelValue: renderData.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => renderData.value = $event)
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => renderData.value = $event)
       }, {
         default: withCtx(() => [
           createVNode(unref(draggable), mergeProps({
@@ -42548,7 +42562,7 @@ const useDesign = defineStore("dynamic-design", () => {
     clear
   };
 });
-const _withScopeId = (n) => (pushScopeId("data-v-89c3fdd7"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-00688673"), n = n(), popScopeId(), n);
 const _hoisted_1$c = {
   style: { "display": "flex", "background": "#f8f8f8" },
   class: "els-dynamic-d-view"
@@ -42617,6 +42631,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     const mainZoom = ref(1);
     const selectProperty = ref("0");
     const currDynamicDataType = ref([]);
+    const copyNodeItem = ref();
+    let contextMenus = reactive([
+      { MenuName: "复制", Action: "copy", ImageUrl: "copy-document", Visible: true },
+      { MenuName: "黏贴", Action: "paste", ImageUrl: "document-copy", Visible: true }
+    ]);
+    let contextMenuVisible = ref(false);
+    let contextMenuPositionLeft = ref(0);
+    let contextMenuPositionTop = ref(0);
     if (dataTypeData) {
       currDynamicDataType.value = dataTypeData;
     } else {
@@ -42825,6 +42847,23 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     const currSelectItem = ref();
     const currSelectData = ref();
     const showPropertys = ref(false);
+    function handleContextMenu(e, item) {
+      contextMenuPositionLeft.value = e.clientX;
+      contextMenuPositionTop.value = e.clientY;
+      contextMenuVisible.value = true;
+      contextMenus[0].Visible = true;
+      contextMenus[1].Visible = false;
+      if (item.componentName === "Form" && item.dataType === "None") {
+        contextMenus[0].Visible = false;
+        contextMenus[1].Visible = true;
+      }
+      if (item.componentGroup == "Container" || item.arrayDataTypeName === "Object" || item.dataTypeName === "Object") {
+        contextMenus[1].Visible = true;
+      }
+      setSelectItem(item);
+      e.stopPropagation();
+      e.preventDefault();
+    }
     function setSelectItem(item) {
       if (!item) {
         currSelectItem.value = null;
@@ -43048,6 +43087,44 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         props.onBack();
       }
     }
+    function handleCopyNode() {
+      copyNodeItem.value = utils.cloneObj(currSelectItem.value);
+      utils.clip(JSON.stringify(copyNodeItem.value));
+    }
+    function refreshCopyID(item) {
+      var _a2;
+      item.keyID = "id_" + utils.randomNumber().toString();
+      (_a2 = item.children) == null ? void 0 : _a2.forEach((ele) => {
+        refreshCopyID(ele);
+      });
+    }
+    function handlePasteGetNode() {
+      if (!copyNodeItem.value) {
+        utils.getClipboardContent().then((res) => {
+          try {
+            if (res) {
+              copyNodeItem.value = JSON.parse(res);
+            }
+          } catch (err) {
+            console.warn(err);
+          }
+          handlePasteNode();
+        });
+        return;
+      }
+      handlePasteNode();
+    }
+    function handlePasteNode() {
+      if (!copyNodeItem.value) {
+        return;
+      }
+      const copyNode = utils.cloneObj(copyNodeItem.value);
+      refreshCopyID(copyNode);
+      currSelectItem.value.children.push(copyNode);
+      useDesignStore.record(renderData.value);
+      isDisabledUndo.value = false;
+      isDisabledReDo.value = true;
+    }
     setValue({
       "isMobile": false,
       "dataTypeData": currDynamicDataType.value,
@@ -43055,6 +43132,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       validationCode,
       setSelectItem,
       getSelectItem,
+      handleContextMenu,
       handleMove,
       getCurrNode,
       getNodeValue,
@@ -43065,6 +43143,13 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       },
       recordComponent
     });
+    function handleMenuCommand(menu) {
+      if (menu.Action === "copy") {
+        handleCopyNode();
+      } else {
+        handlePasteGetNode();
+      }
+    }
     onMounted(() => {
       var _a2, _b2;
       asideHeight.value = ((_a2 = props.height) == null ? void 0 : _a2.appendPx()) || "calc(100vh - 102px)";
@@ -43100,6 +43185,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       const _component_els_container = resolveComponent("els-container");
       const _component_ElsJsonViewer = resolveComponent("ElsJsonViewer");
       const _component_els_dialog = resolveComponent("els-dialog");
+      const _component_els_menu_context = resolveComponent("els-menu-context");
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", mergeProps({
           ref_key: "designer",
@@ -43735,12 +43821,21 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             })
           ]),
           _: 1
-        }, 8, ["modelValue", "width"])
+        }, 8, ["modelValue", "width"]),
+        createVNode(_component_els_menu_context, {
+          ref: "contentMenu",
+          data: unref(contextMenus),
+          modelValue: unref(contextMenuVisible),
+          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => isRef(contextMenuVisible) ? contextMenuVisible.value = $event : contextMenuVisible = $event),
+          positionLeft: unref(contextMenuPositionLeft),
+          positionTop: unref(contextMenuPositionTop),
+          onClick: handleMenuCommand
+        }, null, 8, ["data", "modelValue", "positionLeft", "positionTop"])
       ], 64);
     };
   }
 });
-const DesignerView = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-89c3fdd7"]]);
+const DesignerView = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-00688673"]]);
 const ElsDesignerView = withInstall(DesignerView);
 (function(Prism2) {
   var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
@@ -44547,31 +44642,31 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     }
     onMounted(() => {
       if (props.language === "json") {
-        const currModule = import("./mode-json-BUaER4p9.js").then((n) => n.m);
+        const currModule = import("./mode-json-CawFjkwS.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/json", res);
           init();
         });
       } else if (props.language === "javascript") {
-        const currModule = import("./mode-javascript-I_LVVCY0.js").then((n) => n.m);
+        const currModule = import("./mode-javascript-EI_Mq_JY.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/javascript", res);
           init();
         });
       } else if (props.language === "csharp") {
-        const currModule = import("./mode-csharp-DG8tcbww.js").then((n) => n.m);
+        const currModule = import("./mode-csharp-_OmY5x-p.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/csharp", res);
           init();
         });
       } else if (props.language === "mysql") {
-        const currModule = import("./mode-mysql-dy6FGw55.js").then((n) => n.m);
+        const currModule = import("./mode-mysql-DA0dFpRa.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/mysql", res);
           init();
         });
       } else if (props.language === "css") {
-        const currModule = import("./mode-css-Bv57CStB.js").then((n) => n.m);
+        const currModule = import("./mode-css-Bl-HLzih.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/css", res);
           init();