@fangzhongya/page 0.0.31 → 0.0.32

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/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",
@@ -29,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     },
     margin: {
       default: () => [10, 10],
-      type: Array
+      type: Object
     },
     rowHeight: {
       default: 150,
@@ -59,6 +62,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     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];
@@ -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].design?.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"),
@@ -142,7 +150,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 "./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: {
@@ -27,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     margin: {
       default: () => [10, 10],
-      type: Array
+      type: Object
     },
     rowHeight: {
       default: 150,
@@ -57,6 +60,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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];
@@ -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].design?.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"),
@@ -124,7 +132,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: 0,
                       class: normalizeClass(unref(cs)("allow"))
                     }, null, 2)) : createCommentVNode("", true),
-                    createVNode(_sfc_main$1, {
+                    createVNode(_sfc_main$3, {
                       modelValue: items.value,
                       assembly: items.value[key],
                       index: key,
@@ -140,7 +148,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"))
             }, [

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

@@ -2,11 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Draggable = require("vuedraggable");
-require("./resizable.cjs");
+require("./resizable/resizable.cjs");
 require("./design-operate.cjs");
 const util = require("../../config/util.cjs");
 const index = require("../../utils/index.cjs");
-const resizable_vue_vue_type_script_setup_true_lang = require("./resizable2.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 _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -39,6 +39,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index.getClass("design-resizable");
     const props = __props;
     const emit = __emit;
+    const setObj = vue.inject("setObj");
+    const scale = vue.computed(() => {
+      return (setObj.value.scale || 100) / 100;
+    });
     const zls = vue.ref([]);
     const value = vue.computed({
       get() {
@@ -140,6 +144,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           vue.unref(util.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,
@@ -183,7 +188,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           }, 1032, ["model-value", "assembly", "index"])
                         ]),
                         _: 2
-                      }, 1032, ["class", "draggable", "resizable", "grid", "x", "y", "w", "h", "z", "onClick", "onDragStop", "onResizeStop", "active"])) : vue.createCommentVNode("", true)
+                      }, 1032, ["class", "scale", "draggable", "resizable", "grid", "x", "y", "w", "h", "z", "onClick", "onDragStop", "onResizeStop", "active"])) : vue.createCommentVNode("", true)
                     ], 64);
                   }), 256))
                 ], 2)

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

@@ -1,10 +1,10 @@
-import { defineComponent, ref, computed, inject, 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, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
 import Draggable from "vuedraggable";
-import "./resizable.js";
+import "./resizable/resizable.js";
 import "./design-operate.js";
 import { getComponObj } from "../../config/util.js";
 import { getClass } from "../../utils/index.js";
-import _sfc_main$1 from "./resizable2.js";
+import _sfc_main$1 from "./resizable/resizable2.js";
 import _sfc_main$2 from "./design-operate2.js";
 const defaultSize = 10;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -37,6 +37,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = getClass("design-resizable");
     const props = __props;
     const emit = __emit;
+    const setObj = inject("setObj");
+    const scale = computed(() => {
+      return (setObj.value.scale || 100) / 100;
+    });
     const zls = ref([]);
     const value = computed({
       get() {
@@ -138,6 +142,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           unref(getComponObj)(element).status?.inline ? "is-inline" : "",
                           element === unref(right) ? "on" : ""
                         ]),
+                        scale: unref(scale),
                         draggable: !element.design?.islock,
                         resizable: !element.design?.islock,
                         parent: true,
@@ -181,7 +186,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }, 1032, ["model-value", "assembly", "index"])
                         ]),
                         _: 2
-                      }, 1032, ["class", "draggable", "resizable", "grid", "x", "y", "w", "h", "z", "onClick", "onDragStop", "onResizeStop", "active"])) : createCommentVNode("", true)
+                      }, 1032, ["class", "scale", "draggable", "resizable", "grid", "x", "y", "w", "h", "z", "onClick", "onDragStop", "onResizeStop", "active"])) : createCommentVNode("", true)
                     ], 64);
                   }), 256))
                 ], 2)

package/dist/components/design/grids/components/GridItem.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const GridItem_vue_vue_type_script_setup_true_lang = require("./GridItem2.cjs");
+;/* empty css            */
+exports.default = GridItem_vue_vue_type_script_setup_true_lang.default;

package/dist/components/design/grids/components/GridItem.css

@@ -0,0 +1,60 @@
+.vue-grid-item {
+  box-sizing: border-box;
+  touch-action: none;
+  transition: all 0.2s ease;
+  transition-property: left, top, right;
+}
+.vue-grid-item.no-touch {
+  touch-action: none;
+}
+.vue-grid-item.css-transforms {
+  right: auto;
+  left: 0;
+  transition-property: transform;
+}
+.vue-grid-item.resizing {
+  z-index: 3;
+  opacity: 0.6;
+}
+.vue-grid-item.vue-draggable-dragging {
+  z-index: 3;
+  transition: none;
+}
+.vue-grid-item.vue-grid-placeholder {
+  z-index: 2;
+  user-select: none;
+  background: red;
+  opacity: 0.2;
+  transition-duration: 0.1s;
+}
+.vue-grid-item > .vue-resizable-handle {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  z-index: 20;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1rem;
+  height: 1rem;
+  cursor: se-resize;
+}
+.vue-grid-item > .vue-resizable-handle:hover .corner-handle {
+  opacity: 1;
+}
+.vue-grid-item > .vue-resizable-handle:active .corner-handle {
+  transform: scale(120%);
+}
+.vue-grid-item > .vue-resizable-handle .corner-handle {
+  width: 4px;
+  height: 4px;
+  background-color: gray;
+  border-radius: 999px;
+  opacity: 0.5;
+  transition: 0.2s;
+  transition-property: opacity, transform;
+}
+.vue-grid-item.disable-user-select {
+  user-select: none;
+}

package/dist/components/design/grids/components/GridItem.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./GridItem2.js";
+/* empty css          */
+export {
+  _sfc_main as default
+};