@ganwei-web/gw-base-components-plus 1.0.35 → 1.0.37

package/element-plus-adapter/dist/ElementPlusAdapter.js

@@ -1,5 +1,5 @@
-import { defineComponent, ref, useAttrs, computed, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, mergeModels, useModel, createElementVNode, normalizeProps, guardReactiveProps, inject, createElementBlock, watch, resolveComponent, createVNode, isVNode } from "vue";
-import { ElButton, ElTag, ElInput, ElForm, ElFormItem, ElSelect, ElOption, ElCheckbox, ElCheckboxGroup, ElRadio, ElRadioGroup, ElRadioButton, ElSwitch, ElCascader, ElDatePicker, ElTimePicker, ElUpload, ElTransfer, ElTable, ElTableColumn, ElTree, localeContextKey, ElPagination, ElImage, ElProgress, ElBadge, ElCard, ElDescriptions, ElAlert, ElDialog, ElDrawer, ElPopover, ElTooltip, ElNotification as ElNotification$1, vLoading as vLoading$1, ElMenu, ElDropdown, ElTabs, ElTabPane, ElMenuItem, ElSubMenu, ElDropdownMenu, ElDropdownItem, ElCollapse, ElCollapseItem, ElDescriptionsItem, ElMessageBox, ElMessage } from "element-plus";
+import { defineComponent, ref, useAttrs, computed, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, mergeModels, useModel, createElementVNode, normalizeProps, guardReactiveProps, inject, createElementBlock, watch, resolveComponent, createVNode, onUnmounted, isVNode } from "vue";
+import { ElButton, ElTag, ElInput, ElForm, ElFormItem, ElSelect, ElOption, ElCheckbox, ElCheckboxGroup, ElRadio, ElRadioGroup, ElRadioButton, ElSwitch, ElCascader, ElDatePicker, ElTimePicker, ElUpload, ElTransfer, ElTable, ElTableColumn, ElTree, localeContextKey, ElPagination, ElImage, ElProgress, ElBadge, ElCard, ElDescriptions, ElAlert, ElDialog, ElDrawer, ElPopover, ElTooltip, ElNotification as ElNotification$1, vLoading as vLoading$1, ElMenu, ElDropdown, ElTabs, ElTabPane, ElMenuItem, ElSubMenu, ElDropdownMenu, ElDropdownItem, ElCollapse, ElCollapseItem, ElIcon, ElAvatar, ElRow, ElContainer, ElHeader, ElAside, ElMain, ElConfigProvider, ElScrollbar, ElDescriptionsItem, ElBreadcrumb, ElBreadcrumbItem, ElTour, ElTourStep, ElMessageBox, ElMessage } from "element-plus";
 import { ElMessage as ElMessage2 } from "element-plus";
 function useExpose(proxyElement) {
   const expose = new Proxy({}, {
@@ -914,13 +914,61 @@ const index_vue_vue_type_style_index_0_lang$9 = "";
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
+    useAttrs();
     const proxyElement = ref();
     const expose = useExpose(proxyElement);
     __expose(expose);
+    const isInIframe = window.self !== window.top;
+    let hasCounted = false;
+    const dialogModal = ref(true);
+    function onOpen() {
+      if (isInIframe) {
+        const currentCount = window.__elDialogOverlayCount__ || 0;
+        dialogModal.value = currentCount === 0;
+      } else {
+        dialogModal.value = true;
+      }
+      triggerOverlay(true);
+    }
+    function onClose() {
+      triggerOverlay(false);
+    }
+    function triggerOverlay(visible) {
+      if (!isInIframe)
+        return;
+      try {
+        let count = window.__elDialogOverlayCount__ || 0;
+        if (visible) {
+          if (hasCounted)
+            return;
+          count++;
+          hasCounted = true;
+        } else {
+          if (!hasCounted)
+            return;
+          count = Math.max(0, count - 1);
+          hasCounted = false;
+        }
+        ;
+        window.__elDialogOverlayCount__ = count;
+        const shouldShow = count > 0;
+        window.parent.postMessage({ overlayMask: shouldShow }, "*");
+      } catch (e) {
+        console.log(e);
+      }
+    }
+    onUnmounted(() => {
+      if (hasCounted) {
+        triggerOverlay(false);
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElDialog), mergeProps(_ctx.$attrs, {
+        modal: dialogModal.value,
         ref_key: "proxyElement",
-        ref: proxyElement
+        ref: proxyElement,
+        onOpen,
+        onClose
       }), createSlots({ _: 2 }, [
         renderList(_ctx.$slots, (value, key) => {
           return {
@@ -930,7 +978,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             ])
           };
         })
-      ]), 1040);
+      ]), 1040, ["modal"]);
     };
   }
 });
@@ -1357,6 +1405,16 @@ const Adapter = {
   // 基础组件
   ElButton: _sfc_main$G,
   ElTag: _sfc_main$F,
+  ElIcon,
+  ElAvatar,
+  ElRow,
+  // 布局组件
+  ElContainer,
+  ElHeader,
+  ElAside,
+  ElMain,
+  ElConfigProvider,
+  ElScrollbar,
   // 表单组件
   ElInput: _sfc_main$E,
   ElForm: _sfc_main$D,
@@ -1398,12 +1456,16 @@ const Adapter = {
   ElDropdown: _sfc_main$9,
   ElDropdownMenu: _sfc_main$4,
   ElDropdownItem: _sfc_main$3,
+  ElBreadcrumb,
+  ElBreadcrumbItem,
   ElTabs: _sfc_main$8,
   ElTabPane: _sfc_main$7,
   // 其他
   ElCollapse: _sfc_main$2,
   ElCollapseItem: _sfc_main$1,
-  ElPoper: _sfc_main
+  ElPoper: _sfc_main,
+  ElTour,
+  ElTourStep
 };
 function adapterInstall(app) {
   for (const [key, component] of Object.entries(Adapter)) {