@bdsoft/element 1.1.26 → 1.1.27

package/dist/cjs/src/components/basic/Finish.vue.cjs

@@ -0,0 +1,55 @@
+"use strict";
+const vue = require("vue");
+require("./Finish.vue2.cjs");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "title" };
+const _sfc_main = {
+  __name: "Finish",
+  props: {
+    text: {
+      type: String,
+      default: "处理数据完成！"
+    },
+    scale: {
+      type: Number,
+      default: 0.5
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "svgwarp",
+        style: vue.normalizeStyle({ scale: __props.scale })
+      }, [
+        _cache[0] || (_cache[0] = vue.createElementVNode("svg", {
+          width: "100",
+          height: "100"
+        }, [
+          vue.createElementVNode("circle", {
+            fill: "none",
+            stroke: "#68E534",
+            "stroke-width": "8",
+            cx: "50",
+            cy: "50",
+            r: "45",
+            class: "circle",
+            "stroke-linecap": "round",
+            transform: "rotate(-23 50 50)"
+          }),
+          vue.createElementVNode("polyline", {
+            fill: "none",
+            stroke: "#68E534",
+            "stroke-width": "10",
+            points: "22,53 43,71 76,34",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            class: "tick"
+          })
+        ], -1)),
+        vue.createElementVNode("h2", _hoisted_1, vue.toDisplayString(__props.text), 1)
+      ], 4);
+    };
+  }
+};
+const Finish = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["__scopeId", "data-v-ff609e78"]]);
+module.exports = Finish;

package/dist/cjs/src/components/basic/Finish.vue2.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/src/components/button/index.vue.cjs

@@ -0,0 +1,44 @@
+"use strict";
+const vue = require("vue");
+const _sfc_main = {
+  __name: "index",
+  props: {
+    onClick: {
+      type: Function,
+      required: true
+    },
+    loadingText: {
+      type: String,
+      default: "加载中...",
+      required: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const loading = vue.ref(false);
+    const clickHandler = async (e) => {
+      loading.value = true;
+      try {
+        await props.onClick(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    vue.useSlots();
+    return (_ctx, _cache) => {
+      const _component_el_button = vue.resolveComponent("el-button");
+      return vue.openBlock(), vue.createBlock(_component_el_button, {
+        onClick: clickHandler,
+        loading: loading.value
+      }, {
+        default: vue.withCtx(() => [
+          loading.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            vue.createTextVNode(vue.toDisplayString(props.loadingText), 1)
+          ], 64)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
+        ]),
+        _: 3
+      }, 8, ["loading"]);
+    };
+  }
+};
+module.exports = _sfc_main;

package/dist/cjs/src/components/carousel/index.vue.cjs

@@ -0,0 +1,97 @@
+"use strict";
+const vue = require("vue");
+require("./index.vue2.cjs");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "banner-bg" };
+const _hoisted_2 = { class: "banner-warp" };
+const _hoisted_3 = {
+  class: "carousel-warp",
+  style: {}
+};
+const _hoisted_4 = {
+  key: 0,
+  autoplay: "",
+  muted: "",
+  loop: "",
+  style: { "visibility": "visible", "object-fit": "cover", "object-position": "center", "width": "100%", "height": "560px" }
+};
+const _hoisted_5 = ["src"];
+const _hoisted_6 = ["src"];
+const _sfc_main = {
+  __name: "index",
+  props: {
+    // // 图片的url
+    // picUrl: {
+    //   type: String,
+    //   default: 'ptService/sysconfig/pic'
+    // },
+    // // 图片的code
+    // picCode: {
+    //   type: String,
+    //   default: 'ptxmpic'
+    // },
+    // categoryid: {
+    //   type: String,
+    // },
+    // fl: {
+    //   type: String,
+    // }
+    carouselData: {
+      type: Array,
+      default: () => []
+    },
+    // 是否自动切换
+    autoplay: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    vue.onMounted(() => {
+    });
+    return (_ctx, _cache) => {
+      const _component_el_carousel_item = vue.resolveComponent("el-carousel-item");
+      const _component_el_carousel = vue.resolveComponent("el-carousel");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createVNode(_component_el_carousel, {
+              height: "560px",
+              "motion-blur": "",
+              style: {},
+              autoplay: __props.autoplay
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.carouselData, (item) => {
+                  return vue.openBlock(), vue.createBlock(_component_el_carousel_item, { key: item }, {
+                    default: vue.withCtx(() => [
+                      item.filtype == "video" ? (vue.openBlock(), vue.createElementBlock("video", _hoisted_4, [
+                        vue.createElementVNode("source", {
+                          src: item.imgUrl,
+                          type: "video/mp4"
+                        }, null, 8, _hoisted_5)
+                      ])) : (vue.openBlock(), vue.createElementBlock("img", {
+                        key: 1,
+                        src: item.imgUrl,
+                        class: "img"
+                      }, null, 8, _hoisted_6)),
+                      item.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.component), {
+                        key: 2,
+                        item
+                      }, null, 8, ["item"])) : vue.createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, 1024);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["autoplay"])
+          ])
+        ])
+      ]);
+    };
+  }
+};
+const index = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["__scopeId", "data-v-ade8f2df"]]);
+module.exports = index;

package/dist/cjs/src/components/carousel/index.vue2.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/src/components/chartconfig/index.vue.cjs

@@ -0,0 +1,327 @@
+"use strict";
+const vue = require("vue");
+const hookDialog = require("../../utils/hookDialog.cjs");
+const _hoisted_1 = { class: "dialog-footer" };
+const _sfc_main = {
+  __name: "index",
+  emits: ["setNewChartConfig"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const chartForm = vue.ref({
+      xAxis_axisLabel_interval: 0,
+      xAxis_axisLabel_rotate: 0,
+      yAxis_min: null,
+      yAxis_max: null,
+      yAxis_interval: null,
+      grid_left: null,
+      grid_top: null,
+      grid_right: null,
+      grid_bottom: null,
+      seriesConfig: []
+      // 颜色配置
+    });
+    const callShowDialog = () => {
+      let config = openParms.value;
+      chartColorForm.sourceid = config.sourceid;
+      chartColorForm.chartid = config.api.getId();
+      chartColorForm.api = config.api;
+      chartForm.value = Object.assign({}, chartForm.value, extParms.value);
+    };
+    const { visible, showDialog, openParms, extParms, hideDialog } = hookDialog.useDialog(callShowDialog);
+    const chartColorForm = vue.reactive({
+      sourceid: "",
+      chartid: "",
+      // 当前操作的图表对象
+      api: null,
+      // 当前操作的图表对象
+      visiable: false
+    });
+    const handleSetChartColorSave = () => {
+      emits("setNewChartConfig", chartForm.value);
+      dialogClose();
+    };
+    const dialogClose = () => {
+      visible.value = false;
+    };
+    __expose({
+      showDialog,
+      hideDialog,
+      dialogClose
+    });
+    return (_ctx, _cache) => {
+      const _component_el_divider = vue.resolveComponent("el-divider");
+      const _component_el_input_number = vue.resolveComponent("el-input-number");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
+      const _component_el_color_picker = vue.resolveComponent("el-color-picker");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_tabs = vue.resolveComponent("el-tabs");
+      const _component_el_form = vue.resolveComponent("el-form");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createBlock(_component_el_dialog, {
+        modelValue: vue.unref(visible),
+        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.isRef(visible) ? visible.value = $event : null),
+        width: 600,
+        title: "图表配置",
+        class: "bdDialog chartConfig",
+        style: { borderRadius: "10px" },
+        draggable: ""
+      }, {
+        footer: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_button, {
+              onClick: _cache[10] || (_cache[10] = ($event) => visible.value = false)
+            }, {
+              default: vue.withCtx(() => [..._cache[16] || (_cache[16] = [
+                vue.createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              onClick: handleSetChartColorSave
+            }, {
+              default: vue.withCtx(() => [..._cache[17] || (_cache[17] = [
+                vue.createTextVNode(" 确定 ", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_form, {
+            modelValue: chartColorForm,
+            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => chartColorForm = $event),
+            "label-suffix": ":",
+            "label-width": "80px",
+            class: "formconfig",
+            style: { "padding": "10px 10px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_tabs, {
+                type: "border-card",
+                class: "chart-tabs",
+                style: { "height": "100%" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_tab_pane, { label: "坐标轴配置" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_divider, { "content-position": "left" }, {
+                        default: vue.withCtx(() => [..._cache[12] || (_cache[12] = [
+                          vue.createTextVNode("X坐标轴", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "抽稀个数" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_input_number, {
+                            modelValue: chartForm.value.xAxis_axisLabel_interval,
+                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => chartForm.value.xAxis_axisLabel_interval = $event),
+                            min: 0,
+                            "controls-position": "right"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "旋转角度" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_input_number, {
+                            modelValue: chartForm.value.xAxis_axisLabel_rotate,
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => chartForm.value.xAxis_axisLabel_rotate = $event),
+                            min: -90,
+                            max: 90,
+                            "controls-position": "right"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_divider, { "content-position": "left" }, {
+                        default: vue.withCtx(() => [..._cache[13] || (_cache[13] = [
+                          vue.createTextVNode("Y坐标轴", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "最小值" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_input_number, {
+                            modelValue: chartForm.value.yAxis_min,
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => chartForm.value.yAxis_min = $event),
+                            "controls-position": "right"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "最大值" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_input_number, {
+                            modelValue: chartForm.value.yAxis_max,
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => chartForm.value.yAxis_max = $event),
+                            "controls-position": "right"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "间隔值" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_input_number, {
+                            modelValue: chartForm.value.yAxis_interval,
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => chartForm.value.yAxis_interval = $event),
+                            min: 0,
+                            "controls-position": "right"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_el_tab_pane, { label: "曲线配置" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_divider, { "content-position": "left" }, {
+                        default: vue.withCtx(() => [..._cache[14] || (_cache[14] = [
+                          vue.createTextVNode("曲线节点", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(chartForm.value.seriesConfig, (item, index) => {
+                        return vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                          label: item.name,
+                          key: index
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_row, null, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(_component_el_form_item, { label: "颜色" }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(_component_el_color_picker, {
+                                      modelValue: item.itemStyle_color,
+                                      "onUpdate:modelValue": ($event) => item.itemStyle_color = $event,
+                                      size: "small"
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                  ]),
+                                  _: 2
+                                }, 1024),
+                                vue.createVNode(_component_el_form_item, { label: "显示数值" }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(_component_el_checkbox, {
+                                      modelValue: item.label_show,
+                                      "onUpdate:modelValue": ($event) => item.label_show = $event,
+                                      label: ""
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                  ]),
+                                  _: 2
+                                }, 1024),
+                                vue.createVNode(_component_el_form_item, { label: "抽稀个数" }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(_component_el_input_number, {
+                                      modelValue: item.label_interval,
+                                      "onUpdate:modelValue": ($event) => item.label_interval = $event,
+                                      min: 0,
+                                      "controls-position": "right"
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                  ]),
+                                  _: 2
+                                }, 1024)
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1032, ["label"]);
+                      }), 128)),
+                      vue.createVNode(_component_el_divider, { "content-position": "left" }, {
+                        default: vue.withCtx(() => [..._cache[15] || (_cache[15] = [
+                          vue.createTextVNode("grid边距", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_row, null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_col, { span: 12 }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(_component_el_form_item, { label: "左侧边距" }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_el_input, {
+                                    modelValue: chartForm.value.grid_left,
+                                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => chartForm.value.grid_left = $event),
+                                    placeholder: "示例： 20 或 20%"
+                                  }, null, 8, ["modelValue"])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }),
+                          vue.createVNode(_component_el_col, { span: 12 }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(_component_el_form_item, { label: "右侧边距" }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_el_input, {
+                                    modelValue: chartForm.value.grid_right,
+                                    "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => chartForm.value.grid_right = $event),
+                                    placeholder: "示例： 20 或 20%"
+                                  }, null, 8, ["modelValue"])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_row, null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_col, { span: 12 }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(_component_el_form_item, { label: "上侧边距" }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_el_input, {
+                                    modelValue: chartForm.value.grid_top,
+                                    "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => chartForm.value.grid_top = $event),
+                                    placeholder: "示例： 20 或 20%"
+                                  }, null, 8, ["modelValue"])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }),
+                          vue.createVNode(_component_el_col, { span: 12 }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(_component_el_form_item, { label: "下侧边距" }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_el_input, {
+                                    modelValue: chartForm.value.grid_bottom,
+                                    "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => chartForm.value.grid_bottom = $event),
+                                    placeholder: "示例： 20 或 20%"
+                                  }, null, 8, ["modelValue"])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+};
+module.exports = _sfc_main;

package/dist/cjs/src/components/contextMenu/index.vue.cjs

@@ -0,0 +1,152 @@
+"use strict";
+const vue = require("vue");
+require("./index.vue2.cjs");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "context-menu-container" };
+const _hoisted_2 = ["onClick"];
+const _sfc_main = {
+  __name: "index",
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["menu-click", "show-menu", "hide-menu"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const menuRef = vue.ref(null);
+    const isMenuVisible = vue.ref(false);
+    const menuX = vue.ref(0);
+    const menuY = vue.ref(0);
+    const currentItem = vue.ref(null);
+    const menuOptions = vue.computed(() => props.options);
+    const currentItemData = vue.ref(null);
+    vue.provide("showContextMenu", (itemData, event) => {
+      event.preventDefault();
+      currentItemData.value = itemData;
+      const { clientX, clientY } = event;
+      const menuWidth = 180;
+      const menuHeight = props.options.length * 40;
+      let x = clientX;
+      if (x + menuWidth > window.innerWidth) {
+        x = Math.max(0, window.innerWidth - menuWidth);
+      }
+      let y = clientY;
+      if (y + menuHeight > window.innerHeight) {
+        y = Math.max(0, window.innerHeight - menuHeight);
+      }
+      menuX.value = x;
+      menuY.value = y;
+      isMenuVisible.value = true;
+    });
+    const showMenu = (item, event) => {
+      event.preventDefault();
+      currentItem.value = item;
+      const { x, y } = calculateMenuPosition(event.clientX, event.clientY);
+      menuX.value = x;
+      menuY.value = y;
+      isMenuVisible.value = true;
+      emit("show-menu", { item, x, y });
+    };
+    const calculateMenuPosition = (clientX, clientY) => {
+      const menuWidth = 180;
+      const menuHeight = 40 * menuOptions.value.length;
+      let x = clientX;
+      let y = clientY;
+      if (x + menuWidth > window.innerWidth) {
+        x = window.innerWidth - menuWidth;
+      }
+      if (y + menuHeight > window.innerHeight) {
+        y = window.innerHeight - menuHeight;
+      }
+      return { x, y };
+    };
+    const handleMenuItemClick = (item, index2) => {
+      isMenuVisible.value = false;
+      emit("menu-click", { item, index: index2, data: currentItem.value });
+      if (typeof item.click === "function") {
+        item.click(currentItem.value);
+      }
+    };
+    const handleEnter = (el) => {
+      el.style.opacity = "0";
+      el.style.transform = "translateY(-10px)";
+      el.style.transition = "opacity 0.2s, transform 0.2s";
+      setTimeout(() => {
+        el.style.opacity = "1";
+        el.style.transform = "translateY(0)";
+      }, 10);
+    };
+    const closeMenuOnClickOutside = (event) => {
+      if (menuRef.value && !menuRef.value.contains(event.target)) {
+        isMenuVisible.value = false;
+        emit("hide-menu");
+      }
+    };
+    const closeMenuOnEsc = (event) => {
+      if (event.key === "Escape") {
+        isMenuVisible.value = false;
+        emit("hide-menu");
+      }
+    };
+    vue.onMounted(() => {
+      document.addEventListener("click", closeMenuOnClickOutside);
+      document.addEventListener("keydown", closeMenuOnEsc);
+    });
+    vue.onUnmounted(() => {
+      document.removeEventListener("click", closeMenuOnClickOutside);
+      document.removeEventListener("keydown", closeMenuOnEsc);
+    });
+    __expose({
+      showMenu
+    });
+    vue.watch(() => props.options, (newOptions) => {
+      if (isMenuVisible.value && menuRef.value) {
+        const menuHeight = 40 * newOptions.length;
+        menuRef.value.style.height = `${menuHeight}px`;
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createVNode(vue.Transition, {
+            name: "menu-fade",
+            onEnter: handleEnter
+          }, {
+            default: vue.withCtx(() => [
+              isMenuVisible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "context-menu",
+                ref_key: "menuRef",
+                ref: menuRef,
+                style: vue.normalizeStyle({ top: menuY.value + "px", left: menuX.value + "px" })
+              }, [
+                vue.createElementVNode("ul", null, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuOptions.value, (item, index2) => {
+                    return vue.openBlock(), vue.createElementBlock("li", {
+                      key: index2,
+                      class: "menu-item",
+                      onClick: ($event) => handleMenuItemClick(item, index2)
+                    }, [
+                      vue.createTextVNode(vue.toDisplayString(item.label) + " ", 1),
+                      item.icon ? (vue.openBlock(), vue.createElementBlock("span", {
+                        key: 0,
+                        class: vue.normalizeClass(item.icon)
+                      }, null, 2)) : vue.createCommentVNode("", true)
+                    ], 8, _hoisted_2);
+                  }), 128))
+                ])
+              ], 4)) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ]))
+      ]);
+    };
+  }
+};
+const index = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["__scopeId", "data-v-d29d1e99"]]);
+module.exports = index;

package/dist/cjs/src/components/contextMenu/index.vue2.cjs

@@ -0,0 +1 @@
+"use strict";