@fangzhongya/page 0.0.31 → 0.0.33

package/dist/_virtual/browser-detector.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var browserDetector = { exports: {} };
+exports.__module = browserDetector;

package/dist/_virtual/browser-detector.js

@@ -0,0 +1,4 @@
+var browserDetector = { exports: {} };
+export {
+  browserDetector as __module
+};

package/dist/_virtual/collection-utils.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var collectionUtils = { exports: {} };
+exports.__module = collectionUtils;

package/dist/_virtual/collection-utils.js

@@ -0,0 +1,4 @@
+var collectionUtils = { exports: {} };
+export {
+  collectionUtils as __module
+};

package/dist/_virtual/element-resize-detector.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _commonjsHelpers = require("./_commonjsHelpers.cjs");
+const elementResizeDetector = require("../node_modules/.pnpm/element-resize-detector@1.2.4/node_modules/element-resize-detector/src/element-resize-detector.cjs");
+var elementResizeDetectorExports = elementResizeDetector.__require();
+const elementResizeDetectorMaker = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(elementResizeDetectorExports);
+exports.default = elementResizeDetectorMaker;

package/dist/_virtual/element-resize-detector.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
+import { __require as requireElementResizeDetector } from "../node_modules/.pnpm/element-resize-detector@1.2.4/node_modules/element-resize-detector/src/element-resize-detector.js";
+var elementResizeDetectorExports = requireElementResizeDetector();
+const elementResizeDetectorMaker = /* @__PURE__ */ getDefaultExportFromCjs(elementResizeDetectorExports);
+export {
+  elementResizeDetectorMaker as default
+};

package/dist/_virtual/utils.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var utils = { exports: {} };
+exports.__module = utils;

package/dist/_virtual/utils.js

@@ -0,0 +1,4 @@
+var utils = { exports: {} };
+export {
+  utils as __module
+};

package/dist/components/control/config.cjs

@@ -43,7 +43,7 @@ function getAbsolute(obj, config2 = {}) {
     const z = obj.positions?.z;
     config2.style.zIndex = z;
     obj.attrs.style.zIndex = z;
-    if (obj.name == "icon") {
+    if (obj.name == "FangIcon") {
       config2.size = obj.w;
     }
   }

package/dist/components/control/config.js

@@ -41,7 +41,7 @@ function getAbsolute(obj, config = {}) {
     const z = obj.positions?.z;
     config.style.zIndex = z;
     obj.attrs.style.zIndex = z;
-    if (obj.name == "icon") {
+    if (obj.name == "FangIcon") {
       config.size = obj.w;
     }
   }

package/dist/components/control/design.cjs

@@ -133,7 +133,7 @@ function setCompon() {
   };
 }
 function setDesign(obj, params = {}, temps) {
-  if (!obj.design?.hide) {
+  if (!obj.hide) {
     obj.temps = [...temps];
     if (generals.includes(obj.name)) {
       return getGeneralDiv(obj, params, temps);

package/dist/components/control/design.js

@@ -131,7 +131,7 @@ function setCompon() {
   };
 }
 function setDesign(obj, params = {}, temps) {
-  if (!obj.design?.hide) {
+  if (!obj.hide) {
     obj.temps = [...temps];
     if (generals.includes(obj.name)) {
       return getGeneralDiv(obj, params, temps);

package/dist/components/control/draggable.cjs

@@ -46,11 +46,6 @@ function getResizableDiv(slots, assembly, params, callback, key) {
 }
 function getGridDiv(obj, config2, params, temps) {
   config2.assembly = obj;
-  const layout = obj.attrs?.layout || [];
-  config2.modelValue = layout;
-  config2["onUpdate:modelValue"] = (value) => {
-    layout.splice(0, layout.length, ...value);
-  };
   const items = common.getSlotsArray(obj) || [];
   config2.items = items;
   config2["onUpdate:items"] = (value) => {

package/dist/components/control/draggable.js

@@ -44,11 +44,6 @@ function getResizableDiv(slots, assembly, params, callback, key) {
 }
 function getGridDiv(obj, config, params, temps) {
   config.assembly = obj;
-  const layout = obj.attrs?.layout || [];
-  config.modelValue = layout;
-  config["onUpdate:modelValue"] = (value) => {
-    layout.splice(0, layout.length, ...value);
-  };
   const items = getSlotsArray(obj) || [];
   config.items = items;
   config["onUpdate:items"] = (value) => {

package/dist/components/design/design-drag2.cjs

@@ -4,11 +4,12 @@ const vue = require("vue");
 const Draggable = require("vuedraggable");
 require("./design-operate.cjs");
 const index = require("../../utils/index.cjs");
-const util = require("../../config/util.cjs");
+const util$1 = require("../../config/util.cjs");
 const render = require("../../utils/render.cjs");
 const humpToLine = require("@fangzhongya/utils/name/humpToLine");
+const util = require("./resizable/util.cjs");
 const designOperate_vue_vue_type_script_setup_true_lang = require("./design-operate2.cjs");
-const _hoisted_1 = ["onClick"];
+const _hoisted_1 = ["id", "onClick"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "design-drag",
   props: {
@@ -29,6 +30,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const mouseenter = util.uesDistance();
     const cs = index.getClass("design-drag");
     const props = __props;
     const emit = __emit;
@@ -70,26 +72,30 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass([vue.unref(cs)("draggable")]),
           "item-key": "id",
           tag: "div",
+          animation: 100,
           ghostClass: "design-sortable-ghost",
           chosenClass: "design-sortable-chosen",
           dragClass: "design-sortable-drag",
           group: vue.unref(group),
           filter: ".page-undraggable",
           modelValue: vue.unref(value),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(value) ? value.value = $event : null)
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(value) ? value.value = $event : null)
         }, vue.createSlots({
           item: vue.withCtx(({ element, index: index2 }) => [
-            !element.design?.hide ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+            !element.hide ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
               key: 0,
               class: [
                 vue.unref(cs)("draggable-item"),
                 "page-" + vue.unref(humpToLine.humpToLine)(element.name),
-                vue.unref(util.getComponObj)(element).status?.inline ? "is-inline" : "",
+                vue.unref(util$1.getComponObj)(element).status?.inline ? "is-inline" : "",
                 element === vue.unref(right) ? "on" : "",
                 element.design?.islock ? "page-undraggable" : ""
               ]
             }, vue.unref(binds), {
-              onClick: vue.withModifiers(($event) => onClick(element), ["stop"])
+              id: element.id,
+              onClick: vue.withModifiers(($event) => onClick(element), ["stop"]),
+              onMouseenter: _cache[0] || (_cache[0] = //@ts-ignore
+              (...args) => vue.unref(mouseenter) && vue.unref(mouseenter)(...args))
             }), [
               vue.createVNode(designOperate_vue_vue_type_script_setup_true_lang.default, {
                 "model-value": vue.unref(value),

package/dist/components/design/design-drag2.js

@@ -5,8 +5,9 @@ import { getClass } from "../../utils/index.js";
 import { getComponObj } from "../../config/util.js";
 import { getClassId } from "../../utils/render.js";
 import { humpToLine } from "@fangzhongya/utils/name/humpToLine";
+import { uesDistance } from "./resizable/util.js";
 import _sfc_main$1 from "./design-operate2.js";
-const _hoisted_1 = ["onClick"];
+const _hoisted_1 = ["id", "onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "design-drag",
   props: {
@@ -27,6 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const mouseenter = uesDistance();
     const cs = getClass("design-drag");
     const props = __props;
     const emit = __emit;
@@ -68,16 +70,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass([unref(cs)("draggable")]),
           "item-key": "id",
           tag: "div",
+          animation: 100,
           ghostClass: "design-sortable-ghost",
           chosenClass: "design-sortable-chosen",
           dragClass: "design-sortable-drag",
           group: unref(group),
           filter: ".page-undraggable",
           modelValue: unref(value),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null)
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(value) ? value.value = $event : null)
         }, createSlots({
           item: withCtx(({ element, index }) => [
-            !element.design?.hide ? (openBlock(), createElementBlock("div", mergeProps({
+            !element.hide ? (openBlock(), createElementBlock("div", mergeProps({
               key: 0,
               class: [
                 unref(cs)("draggable-item"),
@@ -87,7 +90,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 element.design?.islock ? "page-undraggable" : ""
               ]
             }, unref(binds), {
-              onClick: withModifiers(($event) => onClick(element), ["stop"])
+              id: element.id,
+              onClick: withModifiers(($event) => onClick(element), ["stop"]),
+              onMouseenter: _cache[0] || (_cache[0] = //@ts-ignore
+              (...args) => unref(mouseenter) && unref(mouseenter)(...args))
             }), [
               createVNode(_sfc_main$1, {
                 "model-value": unref(value),

package/dist/components/design/design-grids2.cjs

@@ -1,10 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const vue3DrrGridLayout = require("../../node_modules/.pnpm/@derpierre65_vue3-dragable-_7ae65b0afcc3e3050cfdea0ae383bda4/node_modules/@derpierre65/vue3-dragable-grid-layout/dist/vue3-drr-grid-layout.cjs");
+require("./grids/components/GridLayout.cjs");
+require("./grids/components/GridItem.cjs");
 require("./design-operate.cjs");
 const index = require("../../utils/index.cjs");
 const config = require("../../config.cjs");
+const GridLayout_vue_vue_type_script_setup_true_lang = require("./grids/components/GridLayout2.cjs");
+const GridItem_vue_vue_type_script_setup_true_lang = require("./grids/components/GridItem2.cjs");
 const designOperate_vue_vue_type_script_setup_true_lang = require("./design-operate2.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "design-grids",
@@ -21,15 +24,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       type: Number,
       default: 24
     },
-    modelValue: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
     margin: {
       default: () => [10, 10],
-      type: Array
+      type: Object
     },
     rowHeight: {
       default: 150,
@@ -52,13 +49,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     }
   },
-  emits: ["update:modelValue", "update:items"],
+  emits: ["update:items"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const co = index.getClass("design-com");
     const cs = index.getClass("design-grids");
     const position = config.enums.position;
     const props = __props;
     const emit = __emit;
+    const setObj = vue.inject("setObj");
+    const scale = vue.computed(() => {
+      return (setObj.value.scale || 100) / 100;
+    });
     const right = vue.inject("right");
     const isOn = (index2) => {
       return right.value === items.value[index2];
@@ -76,10 +77,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     const value = vue.computed({
       get() {
-        return props.modelValue;
+        const layout = props.items.map((o) => o.attrs);
+        props.assembly.attrs = props.assembly.attrs || {};
+        props.assembly.attrs.layout = value;
+        return layout;
       },
       set(value2) {
-        emit("update:modelValue", value2);
+        if (props.assembly) {
+          props.assembly.attrs = props.assembly.attrs || {};
+          props.assembly.attrs.layout = value2;
+        }
       }
     });
     const setKey = vue.computed(() => {
@@ -91,7 +98,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass([vue.unref(co)(), vue.unref(cs)()])
       }, [
-        (vue.openBlock(), vue.createBlock(vue.unref(vue3DrrGridLayout.GridLayout), {
+        (vue.openBlock(), vue.createBlock(GridLayout_vue_vue_type_script_setup_true_lang.default, {
           class: vue.normalizeClass(["page-undraggable", vue.unref(cs)("layout")]),
           useCssTransforms: false,
           key: setKey.value,
@@ -104,9 +111,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(({ gridItemProps }) => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(value.value, (item, key) => {
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                key: item.i
+                key: item.id
               }, [
-                !items.value[key].design?.hide ? (vue.openBlock(), vue.createBlock(vue.unref(vue3DrrGridLayout.GridItem), vue.mergeProps({
+                !items.value[key].hide ? (vue.openBlock(), vue.createBlock(GridItem_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({
                   key: 0,
                   ref_for: true
                 }, gridItemProps, {
@@ -114,7 +121,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   y: item.y,
                   w: item.w,
                   h: item.h,
-                  i: item.i,
+                  id: item.id,
+                  scale: scale.value,
                   "is-resizable": !items.value[key].design?.islock,
                   "is-draggable": !items.value[key].design?.islock,
                   dragAllowFrom: "." + vue.unref(cs)("allow"),
@@ -122,15 +130,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   onClick: vue.withModifiers(($event) => onClick(key), ["stop"])
                 }), {
                   default: vue.withCtx(() => [
-                    !items.value[key].design?.islock ? (vue.openBlock(), vue.createElementBlock("div", {
-                      key: 0,
+                    vue.createElementVNode("div", {
                       class: vue.normalizeClass(vue.unref(cs)("allow"))
-                    }, null, 2)) : vue.createCommentVNode("", true),
+                    }, null, 2),
                     vue.createVNode(designOperate_vue_vue_type_script_setup_true_lang.default, {
                       modelValue: items.value,
                       assembly: items.value[key],
-                      index: key,
-                      height: "100%"
+                      index: key
                     }, {
                       default: vue.withCtx(() => [
                         vue.renderSlot(_ctx.$slots, "default", {
@@ -142,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     }, 1032, ["modelValue", "assembly", "index"])
                   ]),
                   _: 2
-                }, 1040, ["x", "y", "w", "h", "i", "is-resizable", "is-draggable", "dragAllowFrom", "class", "onClick"])) : vue.createCommentVNode("", true)
+                }, 1040, ["x", "y", "w", "h", "id", "scale", "is-resizable", "is-draggable", "dragAllowFrom", "class", "onClick"])) : vue.createCommentVNode("", true)
               ], 64);
             }), 128))
           ]),

package/dist/components/design/design-grids2.js

@@ -1,9 +1,12 @@
-import { defineComponent, inject, computed, openBlock, createElementBlock, normalizeClass, unref, createBlock, withCtx, Fragment, renderList, mergeProps, withModifiers, createCommentVNode, createVNode, renderSlot } from "vue";
-import { GridLayout as ml, GridItem as Je } from "../../node_modules/.pnpm/@derpierre65_vue3-dragable-_7ae65b0afcc3e3050cfdea0ae383bda4/node_modules/@derpierre65/vue3-dragable-grid-layout/dist/vue3-drr-grid-layout.js";
+import { defineComponent, inject, computed, openBlock, createElementBlock, normalizeClass, unref, createBlock, withCtx, Fragment, renderList, mergeProps, withModifiers, createElementVNode, createVNode, renderSlot, createCommentVNode } from "vue";
+import "./grids/components/GridLayout.js";
+import "./grids/components/GridItem.js";
 import "./design-operate.js";
 import { getClass } from "../../utils/index.js";
 import { enums } from "../../config.js";
-import _sfc_main$1 from "./design-operate2.js";
+import _sfc_main$1 from "./grids/components/GridLayout2.js";
+import _sfc_main$2 from "./grids/components/GridItem2.js";
+import _sfc_main$3 from "./design-operate2.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "design-grids",
   props: {
@@ -19,15 +22,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       type: Number,
       default: 24
     },
-    modelValue: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
     margin: {
       default: () => [10, 10],
-      type: Array
+      type: Object
     },
     rowHeight: {
       default: 150,
@@ -50,13 +47,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
   },
-  emits: ["update:modelValue", "update:items"],
+  emits: ["update:items"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const co = getClass("design-com");
     const cs = getClass("design-grids");
     const position = enums.position;
     const props = __props;
     const emit = __emit;
+    const setObj = inject("setObj");
+    const scale = computed(() => {
+      return (setObj.value.scale || 100) / 100;
+    });
     const right = inject("right");
     const isOn = (index) => {
       return right.value === items.value[index];
@@ -74,10 +75,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const value = computed({
       get() {
-        return props.modelValue;
+        const layout = props.items.map((o) => o.attrs);
+        props.assembly.attrs = props.assembly.attrs || {};
+        props.assembly.attrs.layout = value;
+        return layout;
       },
       set(value2) {
-        emit("update:modelValue", value2);
+        if (props.assembly) {
+          props.assembly.attrs = props.assembly.attrs || {};
+          props.assembly.attrs.layout = value2;
+        }
       }
     });
     const setKey = computed(() => {
@@ -89,7 +96,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([unref(co)(), unref(cs)()])
       }, [
-        (openBlock(), createBlock(unref(ml), {
+        (openBlock(), createBlock(_sfc_main$1, {
           class: normalizeClass(["page-undraggable", unref(cs)("layout")]),
           useCssTransforms: false,
           key: setKey.value,
@@ -102,9 +109,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(({ gridItemProps }) => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(value.value, (item, key) => {
               return openBlock(), createElementBlock(Fragment, {
-                key: item.i
+                key: item.id
               }, [
-                !items.value[key].design?.hide ? (openBlock(), createBlock(unref(Je), mergeProps({
+                !items.value[key].hide ? (openBlock(), createBlock(_sfc_main$2, mergeProps({
                   key: 0,
                   ref_for: true
                 }, gridItemProps, {
@@ -112,7 +119,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   y: item.y,
                   w: item.w,
                   h: item.h,
-                  i: item.i,
+                  id: item.id,
+                  scale: scale.value,
                   "is-resizable": !items.value[key].design?.islock,
                   "is-draggable": !items.value[key].design?.islock,
                   dragAllowFrom: "." + unref(cs)("allow"),
@@ -120,15 +128,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onClick: withModifiers(($event) => onClick(key), ["stop"])
                 }), {
                   default: withCtx(() => [
-                    !items.value[key].design?.islock ? (openBlock(), createElementBlock("div", {
-                      key: 0,
+                    createElementVNode("div", {
                       class: normalizeClass(unref(cs)("allow"))
-                    }, null, 2)) : createCommentVNode("", true),
-                    createVNode(_sfc_main$1, {
+                    }, null, 2),
+                    createVNode(_sfc_main$3, {
                       modelValue: items.value,
                       assembly: items.value[key],
-                      index: key,
-                      height: "100%"
+                      index: key
                     }, {
                       default: withCtx(() => [
                         renderSlot(_ctx.$slots, "default", {
@@ -140,7 +146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, 1032, ["modelValue", "assembly", "index"])
                   ]),
                   _: 2
-                }, 1040, ["x", "y", "w", "h", "i", "is-resizable", "is-draggable", "dragAllowFrom", "class", "onClick"])) : createCommentVNode("", true)
+                }, 1040, ["x", "y", "w", "h", "id", "scale", "is-resizable", "is-draggable", "dragAllowFrom", "class", "onClick"])) : createCommentVNode("", true)
               ], 64);
             }), 128))
           ]),

package/dist/components/design/design-operate2.cjs

@@ -88,9 +88,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(cs)("names"))
-          }, [
-            vue.createElementVNode("span", null, vue.toDisplayString(__props.assembly.name), 1)
-          ], 2),
+          }, vue.toDisplayString(__props.assembly.name), 3),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(cs)("operate"))
           }, [
@@ -130,9 +128,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(cs)("full-names"))
-            }, [
-              vue.createElementVNode("span", null, vue.toDisplayString(__props.assembly.name), 1)
-            ], 2),
+            }, vue.toDisplayString(__props.assembly.name), 3),
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(cs)("full-close"))
             }, [

package/dist/components/design/design-operate2.js

@@ -86,9 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass(unref(cs)("names"))
-          }, [
-            createElementVNode("span", null, toDisplayString(__props.assembly.name), 1)
-          ], 2),
+          }, toDisplayString(__props.assembly.name), 3),
           createElementVNode("div", {
             class: normalizeClass(unref(cs)("operate"))
           }, [
@@ -128,9 +126,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("div", {
               class: normalizeClass(unref(cs)("full-names"))
-            }, [
-              createElementVNode("span", null, toDisplayString(__props.assembly.name), 1)
-            ], 2),
+            }, toDisplayString(__props.assembly.name), 3),
             createElementVNode("div", {
               class: normalizeClass(unref(cs)("full-close"))
             }, [