@fangzhongya/page 0.0.32 → 0.0.33

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

@@ -24,12 +24,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       type: Number,
       default: 24
     },
-    modelValue: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
     margin: {
       default: () => [10, 10],
       type: Object
@@ -55,7 +49,7 @@ 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");
@@ -83,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(() => {
@@ -113,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                 key: item.id
               }, [
-                !items.value[key].design?.hide ? (vue.openBlock(), vue.createBlock(GridItem_vue_vue_type_script_setup_true_lang.default, 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, {
@@ -130,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", {

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

@@ -1,4 +1,4 @@
-import { defineComponent, inject, computed, openBlock, createElementBlock, normalizeClass, unref, createBlock, withCtx, Fragment, renderList, mergeProps, withModifiers, createCommentVNode, createVNode, renderSlot } from "vue";
+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";
@@ -22,12 +22,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       type: Number,
       default: 24
     },
-    modelValue: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
     margin: {
       default: () => [10, 10],
       type: Object
@@ -53,7 +47,7 @@ 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");
@@ -81,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(() => {
@@ -111,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock(Fragment, {
                 key: item.id
               }, [
-                !items.value[key].design?.hide ? (openBlock(), createBlock(_sfc_main$2, mergeProps({
+                !items.value[key].hide ? (openBlock(), createBlock(_sfc_main$2, mergeProps({
                   key: 0,
                   ref_for: true
                 }, gridItemProps, {
@@ -128,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),
+                    }, 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", {

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

@@ -4,11 +4,13 @@ const vue = require("vue");
 const Draggable = require("vuedraggable");
 require("./resizable/resizable.cjs");
 require("./design-operate.cjs");
-const util = require("../../config/util.cjs");
+const util$1 = require("../../config/util.cjs");
 const index = require("../../utils/index.cjs");
+const aligned = require("./resizable/aligned.cjs");
+const util = require("./resizable/util.cjs");
 const resizable_vue_vue_type_script_setup_true_lang = require("./resizable/resizable2.cjs");
 const designOperate_vue_vue_type_script_setup_true_lang = require("./design-operate2.cjs");
-const defaultSize = 10;
+const defaultSize = 1;
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "design-resizable",
   props: {
@@ -35,6 +37,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const mouseenter = util.uesDistance();
     const co = index.getClass("design-com");
     const cs = index.getClass("design-resizable");
     const props = __props;
@@ -67,8 +70,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         const y = originalEvent.clientY - rects.value.top;
         if (add.value) {
           add.value.positions = add.value.positions || {};
-          add.value.positions.x = x;
-          add.value.positions.y = y;
+          add.value.positions.x = x / scale.value;
+          add.value.positions.y = y / scale.value;
           add.value.positions.w = "auto";
           add.value.positions.h = "auto";
           add.value = void 0;
@@ -84,6 +87,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       element.positions = element.positions || {};
       element.positions.x = arr[0];
       element.positions.y = arr[1];
+      aligned.clearAlignmentLines();
     };
     const onResizeStop = (arr, element) => {
       element.positions = element.positions || {};
@@ -91,6 +95,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       element.positions.y = arr[1];
       element.positions.w = arr[2];
       element.positions.h = arr[3];
+      aligned.clearAlignmentLines();
+    };
+    const onDragging = (event) => {
+      const dom = event.target;
+      aligned.showAlignmentLines(dom, 1);
     };
     vue.onMounted(() => {
       if (refResizable.value) {
@@ -137,17 +146,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 }, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(value), (element, index2) => {
                     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-                      !element.design?.hide ? (vue.openBlock(), vue.createBlock(resizable_vue_vue_type_script_setup_true_lang.default, {
+                      !element.hide ? (vue.openBlock(), vue.createBlock(resizable_vue_vue_type_script_setup_true_lang.default, {
                         key: 0,
+                        id: element.id,
                         class: vue.normalizeClass([
                           vue.unref(cs)("resizable-item"),
-                          vue.unref(util.getComponObj)(element).status?.inline ? "is-inline" : "",
+                          vue.unref(util$1.getComponObj)(element).status?.inline ? "is-inline" : "",
                           element === vue.unref(right) ? "on" : ""
                         ]),
                         scale: vue.unref(scale),
                         draggable: !element.design?.islock,
                         resizable: !element.design?.islock,
-                        parent: true,
+                        parent: false,
                         "min-width": defaultSize,
                         "min-height": defaultSize,
                         grid: element.positions?.grid || [
@@ -160,20 +170,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         h: element.positions?.h || "auto",
                         z: element.positions?.z,
                         onClick: vue.withModifiers(($event) => onClick(element), ["stop"]),
-                        onDragStop: (...arr) => onDragStop(arr, element),
-                        onResizeStop: (...arr) => onResizeStop(arr, element),
-                        active: element === vue.unref(right)
+                        onDragStop: (_e, ...arr) => onDragStop(arr, element),
+                        onDragging,
+                        onResizing: onDragging,
+                        onMouseenter: vue.unref(mouseenter),
+                        onResizeStop: (_e, ...arr) => onResizeStop(arr, element)
                       }, {
                         default: vue.withCtx(() => [
-                          element === vue.unref(right) && !element.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, {
                             "model-value": vue.unref(value),
                             assembly: element,
-                            index: index2,
-                            height: "100%"
+                            index: index2
                           }, {
                             add: vue.withCtx(() => [
                               vue.renderSlot(_ctx.$slots, "operate", { value: element })
@@ -188,7 +198,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           }, 1032, ["model-value", "assembly", "index"])
                         ]),
                         _: 2
-                      }, 1032, ["class", "scale", "draggable", "resizable", "grid", "x", "y", "w", "h", "z", "onClick", "onDragStop", "onResizeStop", "active"])) : vue.createCommentVNode("", true)
+                      }, 1032, ["id", "class", "scale", "draggable", "resizable", "grid", "x", "y", "w", "h", "z", "onClick", "onDragStop", "onMouseenter", "onResizeStop"])) : vue.createCommentVNode("", true)
                     ], 64);
                   }), 256))
                 ], 2)

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

@@ -1,12 +1,14 @@
-import { defineComponent, inject, computed, ref, onMounted, openBlock, createElementBlock, normalizeClass, unref, createVNode, isRef, withCtx, createElementVNode, Fragment, renderList, createBlock, withModifiers, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, inject, computed, ref, onMounted, openBlock, createElementBlock, normalizeClass, unref, createVNode, isRef, withCtx, createElementVNode, Fragment, renderList, createBlock, withModifiers, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import Draggable from "vuedraggable";
 import "./resizable/resizable.js";
 import "./design-operate.js";
 import { getComponObj } from "../../config/util.js";
 import { getClass } from "../../utils/index.js";
+import { clearAlignmentLines, showAlignmentLines } from "./resizable/aligned.js";
+import { uesDistance } from "./resizable/util.js";
 import _sfc_main$1 from "./resizable/resizable2.js";
 import _sfc_main$2 from "./design-operate2.js";
-const defaultSize = 10;
+const defaultSize = 1;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "design-resizable",
   props: {
@@ -33,6 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const mouseenter = uesDistance();
     const co = getClass("design-com");
     const cs = getClass("design-resizable");
     const props = __props;
@@ -65,8 +68,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const y = originalEvent.clientY - rects.value.top;
         if (add.value) {
           add.value.positions = add.value.positions || {};
-          add.value.positions.x = x;
-          add.value.positions.y = y;
+          add.value.positions.x = x / scale.value;
+          add.value.positions.y = y / scale.value;
           add.value.positions.w = "auto";
           add.value.positions.h = "auto";
           add.value = void 0;
@@ -82,6 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       element.positions = element.positions || {};
       element.positions.x = arr[0];
       element.positions.y = arr[1];
+      clearAlignmentLines();
     };
     const onResizeStop = (arr, element) => {
       element.positions = element.positions || {};
@@ -89,6 +93,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       element.positions.y = arr[1];
       element.positions.w = arr[2];
       element.positions.h = arr[3];
+      clearAlignmentLines();
+    };
+    const onDragging = (event) => {
+      const dom = event.target;
+      showAlignmentLines(dom, 1);
     };
     onMounted(() => {
       if (refResizable.value) {
@@ -135,8 +144,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(value), (element, index) => {
                     return openBlock(), createElementBlock(Fragment, null, [
-                      !element.design?.hide ? (openBlock(), createBlock(_sfc_main$1, {
+                      !element.hide ? (openBlock(), createBlock(_sfc_main$1, {
                         key: 0,
+                        id: element.id,
                         class: normalizeClass([
                           unref(cs)("resizable-item"),
                           unref(getComponObj)(element).status?.inline ? "is-inline" : "",
@@ -145,7 +155,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         scale: unref(scale),
                         draggable: !element.design?.islock,
                         resizable: !element.design?.islock,
-                        parent: true,
+                        parent: false,
                         "min-width": defaultSize,
                         "min-height": defaultSize,
                         grid: element.positions?.grid || [
@@ -158,20 +168,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         h: element.positions?.h || "auto",
                         z: element.positions?.z,
                         onClick: withModifiers(($event) => onClick(element), ["stop"]),
-                        onDragStop: (...arr) => onDragStop(arr, element),
-                        onResizeStop: (...arr) => onResizeStop(arr, element),
-                        active: element === unref(right)
+                        onDragStop: (_e, ...arr) => onDragStop(arr, element),
+                        onDragging,
+                        onResizing: onDragging,
+                        onMouseenter: unref(mouseenter),
+                        onResizeStop: (_e, ...arr) => onResizeStop(arr, element)
                       }, {
                         default: withCtx(() => [
-                          element === unref(right) && !element.design?.islock ? (openBlock(), createElementBlock("div", {
-                            key: 0,
+                          createElementVNode("div", {
                             class: normalizeClass([unref(cs)("allow")])
-                          }, null, 2)) : createCommentVNode("", true),
+                          }, null, 2),
                           createVNode(_sfc_main$2, {
                             "model-value": unref(value),
                             assembly: element,
-                            index,
-                            height: "100%"
+                            index
                           }, {
                             add: withCtx(() => [
                               renderSlot(_ctx.$slots, "operate", { value: element })
@@ -186,7 +196,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }, 1032, ["model-value", "assembly", "index"])
                         ]),
                         _: 2
-                      }, 1032, ["class", "scale", "draggable", "resizable", "grid", "x", "y", "w", "h", "z", "onClick", "onDragStop", "onResizeStop", "active"])) : createCommentVNode("", true)
+                      }, 1032, ["id", "class", "scale", "draggable", "resizable", "grid", "x", "y", "w", "h", "z", "onClick", "onDragStop", "onMouseenter", "onResizeStop"])) : createCommentVNode("", true)
                     ], 64);
                   }), 256))
                 ], 2)