@fangzhongya/page 0.0.27 → 0.0.28

package/dist/components/control/design.cjs

@@ -33,7 +33,7 @@ const generals = [
   "PageVifEif",
   "PageHtml"
 ];
-function setSlotsDom(obj, params = {}, temps) {
+function getSlotsDom(obj, params = {}, temps) {
   return (config2) => {
     if (obj.name == "PagePosition") {
       config2.position = void 0;
@@ -142,7 +142,7 @@ function setDesign(obj, params = {}, temps) {
       obj,
       params,
       temps,
-      setSlotsDom(obj, params, temps),
+      getSlotsDom(obj, params, temps),
       setCompon()
     );
   } else {
@@ -177,7 +177,7 @@ function getGeneralDiv(obj, params, temps) {
     assembly: obj
   };
   common.getData(obj, params, temps, config2);
-  const sls = setSlotsDom(obj, params, temps);
+  const sls = getSlotsDom(obj, params, temps);
   const set = setCompon();
   const slots = sls(config2);
   return set(obj, config2, slots);

package/dist/components/control/design.js

@@ -31,7 +31,7 @@ const generals = [
   "PageVifEif",
   "PageHtml"
 ];
-function setSlotsDom(obj, params = {}, temps) {
+function getSlotsDom(obj, params = {}, temps) {
   return (config) => {
     if (obj.name == "PagePosition") {
       config.position = void 0;
@@ -140,7 +140,7 @@ function setDesign(obj, params = {}, temps) {
       obj,
       params,
       temps,
-      setSlotsDom(obj, params, temps),
+      getSlotsDom(obj, params, temps),
       setCompon()
     );
   } else {
@@ -175,7 +175,7 @@ function getGeneralDiv(obj, params, temps) {
     assembly: obj
   };
   getData(obj, params, temps, config);
-  const sls = setSlotsDom(obj, params, temps);
+  const sls = getSlotsDom(obj, params, temps);
   const set = setCompon();
   const slots = sls(config);
   return set(obj, config, slots);

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

@@ -5,6 +5,7 @@ const Draggable = require("vuedraggable");
 require("./design-operate.cjs");
 const index = require("../../utils/index.cjs");
 const util = require("../../config/util.cjs");
+const render = require("../../utils/render.cjs");
 const humpToLine = require("@fangzhongya/utils/name/humpToLine");
 const designOperate_vue_vue_type_script_setup_true_lang = require("./design-operate2.cjs");
 const _hoisted_1 = ["onClick"];
@@ -31,6 +32,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index.getClass("design-drag");
     const props = __props;
     const emit = __emit;
+    const layout = vue.inject("layout");
+    const binds = vue.computed(() => {
+      const obj = {};
+      obj[render.getClassId(layout.value.name)] = "";
+      return obj;
+    });
     const group = vue.computed(() => {
       if (props.assembly.name === "PageVif") {
         return {
@@ -70,22 +77,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           chosenClass: "design-sortable-chosen",
           dragClass: "design-sortable-drag",
           group: vue.unref(group),
-          filter: ".undraggable",
+          filter: ".page-undraggable",
           modelValue: vue.unref(value),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(value) ? value.value = $event : null)
         }, vue.createSlots({
           item: vue.withCtx(({ element, index: index2 }) => [
-            !element.design?.hide ? (vue.openBlock(), vue.createElementBlock("div", {
+            !element.design?.hide ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
               key: 0,
-              class: vue.normalizeClass([
+              class: [
                 vue.unref(cs)("draggable-item"),
                 "page-" + vue.unref(humpToLine.humpToLine)(element.name),
                 vue.unref(util.getComponObj)(element).status?.inline ? "is-inline" : "",
                 element === vue.unref(right) ? "on" : "",
-                element.design?.islock ? "undraggable" : ""
-              ]),
+                element.design?.islock ? "page-undraggable" : ""
+              ]
+            }, vue.unref(binds), {
               onClick: vue.withModifiers(($event) => onClick(element), ["stop"])
-            }, [
+            }), [
               vue.createVNode(designOperate_vue_vue_type_script_setup_true_lang.default, {
                 "model-value": vue.unref(value),
                 assembly: element,
@@ -99,7 +107,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 _: 2
               }, 1032, ["model-value", "assembly", "index"])
-            ], 10, _hoisted_1)) : vue.createCommentVNode("", true)
+            ], 16, _hoisted_1)) : vue.createCommentVNode("", true)
           ]),
           _: 2
         }, [

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

@@ -1,8 +1,9 @@
-import { defineComponent, computed, inject, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode, isRef, createSlots, withCtx, withModifiers, renderSlot, createCommentVNode } from "vue";
+import { defineComponent, inject, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode, isRef, createSlots, withCtx, mergeProps, withModifiers, renderSlot, createCommentVNode } from "vue";
 import Draggable from "vuedraggable";
 import "./design-operate.js";
 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 _sfc_main$1 from "./design-operate2.js";
 const _hoisted_1 = ["onClick"];
@@ -29,6 +30,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = getClass("design-drag");
     const props = __props;
     const emit = __emit;
+    const layout = inject("layout");
+    const binds = computed(() => {
+      const obj = {};
+      obj[getClassId(layout.value.name)] = "";
+      return obj;
+    });
     const group = computed(() => {
       if (props.assembly.name === "PageVif") {
         return {
@@ -68,22 +75,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           chosenClass: "design-sortable-chosen",
           dragClass: "design-sortable-drag",
           group: unref(group),
-          filter: ".undraggable",
+          filter: ".page-undraggable",
           modelValue: unref(value),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null)
         }, createSlots({
           item: withCtx(({ element, index }) => [
-            !element.design?.hide ? (openBlock(), createElementBlock("div", {
+            !element.design?.hide ? (openBlock(), createElementBlock("div", mergeProps({
               key: 0,
-              class: normalizeClass([
+              class: [
                 unref(cs)("draggable-item"),
                 "page-" + unref(humpToLine)(element.name),
                 unref(getComponObj)(element).status?.inline ? "is-inline" : "",
                 element === unref(right) ? "on" : "",
-                element.design?.islock ? "undraggable" : ""
-              ]),
+                element.design?.islock ? "page-undraggable" : ""
+              ]
+            }, unref(binds), {
               onClick: withModifiers(($event) => onClick(element), ["stop"])
-            }, [
+            }), [
               createVNode(_sfc_main$1, {
                 "model-value": unref(value),
                 assembly: element,
@@ -97,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 2
               }, 1032, ["model-value", "assembly", "index"])
-            ], 10, _hoisted_1)) : createCommentVNode("", true)
+            ], 16, _hoisted_1)) : createCommentVNode("", true)
           ]),
           _: 2
         }, [

package/dist/components/design/design-el-input.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const designElInput_vue_vue_type_script_setup_true_lang = require("./design-el-input2.cjs");
+exports.default = designElInput_vue_vue_type_script_setup_true_lang.default;

package/dist/components/design/design-el-input.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./design-el-input2.js";
+export {
+  _sfc_main as default
+};

package/dist/components/design/design-el-input2.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/input/style/css");
+const vue = require("vue");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "design-el-input",
+  setup(__props) {
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
+    return (_ctx, _cache) => {
+      const _component_ElInput = es.ElInput;
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(vue.unref(attrs), { style: { "width": "100%" } }), [
+        vue.createVNode(_component_ElInput, vue.normalizeProps(vue.guardReactiveProps({ ...vue.unref(attrs), class: "" })), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k) => {
+            return {
+              name: k,
+              fn: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
+              ])
+            };
+          })
+        ]), 1040)
+      ], 16);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/design/design-el-input2.js

@@ -0,0 +1,32 @@
+import { ElInput } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { defineComponent, useAttrs, useSlots, openBlock, createElementBlock, mergeProps, unref, createVNode, normalizeProps, guardReactiveProps, createSlots, renderList, withCtx, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "design-el-input",
+  setup(__props) {
+    const attrs = useAttrs();
+    const slots = useSlots();
+    return (_ctx, _cache) => {
+      const _component_ElInput = ElInput;
+      return openBlock(), createElementBlock("div", mergeProps(unref(attrs), { style: { "width": "100%" } }), [
+        createVNode(_component_ElInput, normalizeProps(guardReactiveProps({ ...unref(attrs), class: "" })), createSlots({ _: 2 }, [
+          renderList(Object.keys(unref(slots)), (k) => {
+            return {
+              name: k,
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope || {})))
+              ])
+            };
+          })
+        ]), 1040)
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -86,33 +86,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const key = props.margin.join("") + props.rowHeight;
       return key;
     });
-    const getMaxH = () => {
-      let h = 0;
-      value.value.forEach((v) => {
-        const z = v.y + v.h;
-        if (z > h) {
-          h = z;
-        }
-      });
-      return h;
-    };
-    const onOperate = (type, index2, assembly) => {
-      if (type == 3) {
-        value.value.splice(index2, 1);
-      } else if (type == 2) {
-        const ps = assembly.attrs;
-        ps.y = getMaxH() + 1;
-        ps.i = ps.i + 1;
-        value.value.push(ps);
-      }
-    };
     __expose({});
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass([vue.unref(co)(), vue.unref(cs)()])
       }, [
         (vue.openBlock(), vue.createBlock(vue.unref(vue3DrrGridLayout.GridLayout), {
-          class: vue.normalizeClass(["undraggable", vue.unref(cs)("layout")]),
+          class: vue.normalizeClass(["page-undraggable", vue.unref(cs)("layout")]),
           useCssTransforms: false,
           key: setKey.value,
           layout: value.value,
@@ -150,8 +130,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       modelValue: items.value,
                       assembly: items.value[key],
                       index: key,
-                      height: "100%",
-                      onOperate
+                      height: "100%"
                     }, {
                       default: vue.withCtx(() => [
                         vue.renderSlot(_ctx.$slots, "default", {

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

@@ -84,33 +84,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const key = props.margin.join("") + props.rowHeight;
       return key;
     });
-    const getMaxH = () => {
-      let h = 0;
-      value.value.forEach((v) => {
-        const z = v.y + v.h;
-        if (z > h) {
-          h = z;
-        }
-      });
-      return h;
-    };
-    const onOperate = (type, index, assembly) => {
-      if (type == 3) {
-        value.value.splice(index, 1);
-      } else if (type == 2) {
-        const ps = assembly.attrs;
-        ps.y = getMaxH() + 1;
-        ps.i = ps.i + 1;
-        value.value.push(ps);
-      }
-    };
     __expose({});
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([unref(co)(), unref(cs)()])
       }, [
         (openBlock(), createBlock(unref(ml), {
-          class: normalizeClass(["undraggable", unref(cs)("layout")]),
+          class: normalizeClass(["page-undraggable", unref(cs)("layout")]),
           useCssTransforms: false,
           key: setKey.value,
           layout: value.value,
@@ -148,8 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       modelValue: items.value,
                       assembly: items.value[key],
                       index: key,
-                      height: "100%",
-                      onOperate
+                      height: "100%"
                     }, {
                       default: withCtx(() => [
                         renderSlot(_ctx.$slots, "default", {

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const designIcon_vue_vue_type_script_setup_true_lang = require("./design-icon2.cjs");
+exports.default = designIcon_vue_vue_type_script_setup_true_lang.default;

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./design-icon2.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../utils/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "design-icon",
+  setup(__props) {
+    const co = index.getClass("design-icon");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(vue.unref(co)())
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,18 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { getClass } from "../../utils/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "design-icon",
+  setup(__props) {
+    const co = getClass("design-icon");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(unref(co)())
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const util = require("../../config/util.cjs");
+const util$1 = require("../../config/util.cjs");
 require("../operate/right.cjs");
+const util = require("../operate/util.cjs");
 const index = require("../../utils/index.cjs");
 const getCss = require("@fangzhongya/utils/css/getCss");
 const right_vue_vue_type_script_setup_true_lang = require("../operate/right2.cjs");
@@ -33,33 +34,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index.getClass("design-operate");
     const props = __props;
     const emit = __emit;
-    const right = vue.inject("right");
     const refDom = vue.ref();
     const height = vue.ref("100%");
+    const right = vue.inject("right");
+    const rkey = vue.inject("rkey");
+    const replication = vue.inject("replication");
     const onClickBut = (type) => {
-      let ro = props.assembly;
-      if (type == 1) {
-        util.setStatusAdd(props.assembly);
-      } else if (type == 8) {
-        props.assembly.design = props.assembly.design || {};
-        props.assembly.design.islock = false;
-      } else if (type == 5) {
-        props.assembly.design = props.assembly.design || {};
-        props.assembly.design.full = true;
-      } else if (type == 2) {
-        const obj = util.getDesigns(props.assembly);
-        props.modelValue.push(obj);
-        ro = obj;
-      } else if (type == 3) {
-        if (props.assembly === right.value) {
-          right.value = void 0;
+      util.operateClickKey(
+        type + "",
+        props.assembly,
+        props.modelValue,
+        props.index,
+        {
+          rkey,
+          replication,
+          right
         }
-        props.modelValue.splice(props.index, 1);
-      } else if (type == 4) {
-        props.assembly.design = props.assembly.design || {};
-        props.assembly.design.position = !props.assembly.design?.position;
-      }
-      emit("operate", type, props.index, ro);
+      );
     };
     const onClickFull = () => {
       right.value = props.assembly;
@@ -106,7 +97,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(cs)("operate-hide"))
             }, [
-              vue.unref(util.getComponObj)(props.assembly).status?.add ? (vue.openBlock(), vue.createBlock(_component_FangIcon, {
+              vue.unref(util$1.getComponObj)(props.assembly).status?.add ? (vue.openBlock(), vue.createBlock(_component_FangIcon, {
                 key: 0,
                 onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => onClickBut(1), ["stop"])),
                 color: "var(--el-color-primary)",
@@ -114,12 +105,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               })) : vue.createCommentVNode("", true),
               vue.createVNode(_component_FangIcon, {
                 color: "var(--el-color-primary)",
-                onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => onClickBut(5), ["stop"])),
+                onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => onClickBut(7), ["stop"])),
                 name: "star"
               }),
               vue.createVNode(_component_FangIcon, {
                 color: "red",
-                onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => onClickBut(3), ["stop"])),
+                onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => onClickBut(4), ["stop"])),
                 name: "delete"
               })
             ], 2),
@@ -128,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, [
               __props.assembly.design?.islock ? (vue.openBlock(), vue.createBlock(_component_FangIcon, {
                 key: 0,
-                onClick: _cache[3] || (_cache[3] = vue.withModifiers(($event) => onClickBut(8), ["stop"])),
+                onClick: _cache[3] || (_cache[3] = vue.withModifiers(($event) => onClickBut(18), ["stop"])),
                 name: "lock"
               })) : vue.createCommentVNode("", true)
             ], 2)

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

@@ -1,6 +1,7 @@
-import { defineComponent, inject, ref, resolveComponent, openBlock, createBlock, mergeProps, unref, withCtx, createElementVNode, normalizeClass, toDisplayString, withModifiers, createCommentVNode, createVNode, renderSlot } from "vue";
-import { setStatusAdd, getDesigns, getComponObj } from "../../config/util.js";
+import { defineComponent, ref, inject, resolveComponent, openBlock, createBlock, mergeProps, unref, withCtx, createElementVNode, normalizeClass, toDisplayString, withModifiers, createCommentVNode, createVNode, renderSlot } from "vue";
+import { getComponObj } from "../../config/util.js";
 import "../operate/right.js";
+import { operateClickKey } from "../operate/util.js";
 import { getClass } from "../../utils/index.js";
 import { getCss } from "@fangzhongya/utils/css/getCss";
 import _sfc_main$1 from "../operate/right2.js";
@@ -31,33 +32,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = getClass("design-operate");
     const props = __props;
     const emit = __emit;
-    const right = inject("right");
     const refDom = ref();
     const height = ref("100%");
+    const right = inject("right");
+    const rkey = inject("rkey");
+    const replication = inject("replication");
     const onClickBut = (type) => {
-      let ro = props.assembly;
-      if (type == 1) {
-        setStatusAdd(props.assembly);
-      } else if (type == 8) {
-        props.assembly.design = props.assembly.design || {};
-        props.assembly.design.islock = false;
-      } else if (type == 5) {
-        props.assembly.design = props.assembly.design || {};
-        props.assembly.design.full = true;
-      } else if (type == 2) {
-        const obj = getDesigns(props.assembly);
-        props.modelValue.push(obj);
-        ro = obj;
-      } else if (type == 3) {
-        if (props.assembly === right.value) {
-          right.value = void 0;
+      operateClickKey(
+        type + "",
+        props.assembly,
+        props.modelValue,
+        props.index,
+        {
+          rkey,
+          replication,
+          right
         }
-        props.modelValue.splice(props.index, 1);
-      } else if (type == 4) {
-        props.assembly.design = props.assembly.design || {};
-        props.assembly.design.position = !props.assembly.design?.position;
-      }
-      emit("operate", type, props.index, ro);
+      );
     };
     const onClickFull = () => {
       right.value = props.assembly;
@@ -112,12 +103,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("", true),
               createVNode(_component_FangIcon, {
                 color: "var(--el-color-primary)",
-                onClick: _cache[1] || (_cache[1] = withModifiers(($event) => onClickBut(5), ["stop"])),
+                onClick: _cache[1] || (_cache[1] = withModifiers(($event) => onClickBut(7), ["stop"])),
                 name: "star"
               }),
               createVNode(_component_FangIcon, {
                 color: "red",
-                onClick: _cache[2] || (_cache[2] = withModifiers(($event) => onClickBut(3), ["stop"])),
+                onClick: _cache[2] || (_cache[2] = withModifiers(($event) => onClickBut(4), ["stop"])),
                 name: "delete"
               })
             ], 2),
@@ -126,7 +117,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               __props.assembly.design?.islock ? (openBlock(), createBlock(_component_FangIcon, {
                 key: 0,
-                onClick: _cache[3] || (_cache[3] = withModifiers(($event) => onClickBut(8), ["stop"])),
+                onClick: _cache[3] || (_cache[3] = withModifiers(($event) => onClickBut(18), ["stop"])),
                 name: "lock"
               })) : createCommentVNode("", true)
             ], 2)

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

@@ -102,7 +102,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "item-key": "id",
           tag: "div",
           group: { name: "compon" },
-          filter: ".undraggable",
+          filter: ".page-undraggable",
           modelValue: vue.unref(value),
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(value) ? value.value = $event : null),
           onChange,
@@ -116,7 +116,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass([vue.unref(cs)("draggable-draggable")]),
               "item-key": "id",
               tag: "div",
-              filter: ".undraggable",
+              filter: ".page-undraggable",
               group: { name: "resizable" },
               modelValue: vue.unref(zls),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(zls) ? zls.value = $event : null)
@@ -128,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", {
                   ref_key: "refResizable",
                   ref: refResizable,
-                  class: vue.normalizeClass([[vue.unref(cs)("resizable")], "undraggable"])
+                  class: vue.normalizeClass([[vue.unref(cs)("resizable")], "page-undraggable"])
                 }, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(value), (element, index2) => {
                     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [

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

@@ -100,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "item-key": "id",
           tag: "div",
           group: { name: "compon" },
-          filter: ".undraggable",
+          filter: ".page-undraggable",
           modelValue: unref(value),
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(value) ? value.value = $event : null),
           onChange,
@@ -114,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass([unref(cs)("draggable-draggable")]),
               "item-key": "id",
               tag: "div",
-              filter: ".undraggable",
+              filter: ".page-undraggable",
               group: { name: "resizable" },
               modelValue: unref(zls),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(zls) ? zls.value = $event : null)
@@ -126,7 +126,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", {
                   ref_key: "refResizable",
                   ref: refResizable,
-                  class: normalizeClass([[unref(cs)("resizable")], "undraggable"])
+                  class: normalizeClass([[unref(cs)("resizable")], "page-undraggable"])
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(value), (element, index) => {
                     return openBlock(), createElementBlock(Fragment, null, [

package/dist/components/design/resizable.cjs

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const resizable_vue_vue_type_script_setup_true_lang = require("./resizable2.cjs");
 ;/* empty css             */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
-const VueDraggableResizable = /* @__PURE__ */ _pluginVue_exportHelper.default(resizable_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-0854cd15"]]);
+const VueDraggableResizable = /* @__PURE__ */ _pluginVue_exportHelper.default(resizable_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-2f18084c"]]);
 exports.default = VueDraggableResizable;