@fangzhongya/page 0.0.1 → 0.0.3

package/dist/{array-DF5dKg_I.js → array-DNzTqnWI.js}

@@ -1,7 +1,7 @@
 import { EditData } from "@fangzhongya/fang-ui/components/edit-data/index";
 import "@fangzhongya/fang-ui/components/edit-data/style/index2.scss";
 import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createVNode } from "vue";
-import { _ as _sfc_main$1 } from "./index-wb1Ag0of.js";
+import { a as _sfc_main$1 } from "./index-DN34gSCV.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "array",
   props: {

package/dist/{array-BVDKMOD7.cjs → array-m4xM7bY6.cjs}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index$1 = require("@fangzhongya/fang-ui/components/edit-data/index");
 require("@fangzhongya/fang-ui/components/edit-data/style/index2.scss");
 const require$$0 = require("vue");
-const index = require("./index-C5atHkSE.cjs");
+const index = require("./index-DyWEL-aT.cjs");
 const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "array",
   props: {

package/dist/{boolean-CRnQP8xw.cjs → boolean-BrAyoMWr.cjs}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index$1 = require("@fangzhongya/fang-ui/components/switch/index");
 require("@fangzhongya/fang-ui/components/switch/style/index2.scss");
 const require$$0 = require("vue");
-const index = require("./index-C5atHkSE.cjs");
+const index = require("./index-DyWEL-aT.cjs");
 const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "boolean",
   props: {

package/dist/{boolean-_6yy8HAk.js → boolean-O7ClnMtA.js}

@@ -1,7 +1,7 @@
 import { Switch } from "@fangzhongya/fang-ui/components/switch/index";
 import "@fangzhongya/fang-ui/components/switch/style/index2.scss";
 import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps } from "vue";
-import { _ as _sfc_main$1 } from "./index-wb1Ag0of.js";
+import { a as _sfc_main$1 } from "./index-DN34gSCV.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "boolean",
   props: {

package/dist/{button-editor-CcDUGH-p.js → button-editor-B9Hwtqh3.js}

@@ -1,7 +1,7 @@
 import { Button } from "@fangzhongya/fang-ui/components/button/index";
 import "@fangzhongya/fang-ui/components/button/style/index2.scss";
 import { defineComponent, inject, createElementBlock, openBlock, withModifiers, normalizeClass, unref, renderSlot, createBlock, withCtx, createTextVNode, toDisplayString, createElementVNode, nextTick } from "vue";
-import { g as getClass } from "./index-wb1Ag0of.js";
+import { g as getClass } from "./index-DN34gSCV.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "button-editor",
   props: {

package/dist/{button-editor-CAoFo90o.cjs → button-editor-C5HmDQZY.cjs}

@@ -2,7 +2,7 @@
 const index$1 = require("@fangzhongya/fang-ui/components/button/index");
 require("@fangzhongya/fang-ui/components/button/style/index2.scss");
 const require$$0 = require("vue");
-const index = require("./index-C5atHkSE.cjs");
+const index = require("./index-DyWEL-aT.cjs");
 const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "button-editor",
   props: {

package/dist/{choice-C2EtQx15.cjs → choice-C2_KDs8f.cjs}

@@ -5,7 +5,7 @@ require("element-plus/es/components/base/style/css");
 require("element-plus/es/components/select/style/css");
 require("element-plus/es/components/option/style/css");
 const require$$0 = require("vue");
-const index = require("./index-C5atHkSE.cjs");
+const index = require("./index-DyWEL-aT.cjs");
 const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "choice",
   props: {

package/dist/{choice-Da0KhSqy.js → choice-DfHgWwQd.js}

@@ -3,7 +3,7 @@ import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/select/style/css";
 import "element-plus/es/components/option/style/css";
 import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, createElementBlock, Fragment, renderList } from "vue";
-import { _ as _sfc_main$1 } from "./index-wb1Ag0of.js";
+import { a as _sfc_main$1 } from "./index-DN34gSCV.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "choice",
   props: {

package/dist/{class-D4wqwdp6.cjs → class-D5OY1alc.cjs}

@@ -5,7 +5,7 @@ require("element-plus/es/components/base/style/css");
 require("element-plus/es/components/select/style/css");
 require("element-plus/es/components/option/style/css");
 const require$$0 = require("vue");
-const index = require("./index-C5atHkSE.cjs");
+const index = require("./index-DyWEL-aT.cjs");
 const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "class",
   props: {

package/dist/{class-DEhbKupu.js → class-wYp7_2ao.js}

@@ -3,7 +3,7 @@ import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/select/style/css";
 import "element-plus/es/components/option/style/css";
 import { defineComponent, inject, computed, createBlock, openBlock, unref, isRef, withCtx, createElementBlock, Fragment, renderList } from "vue";
-import { e as extractCssClass } from "./index-wb1Ag0of.js";
+import { e as extractCssClass } from "./index-DN34gSCV.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "class",
   props: {

package/dist/{code-ByDX8VyE.js → code-BR3C6XHK.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, createBlock, openBlock, mergeProps, unref, isRef, withCtx, createVNode } from "vue";
-import { a as _sfc_main$1, b as _sfc_main$2 } from "./index-wb1Ag0of.js";
+import { b as _sfc_main$1, c as _sfc_main$2 } from "./index-DN34gSCV.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "code",
   props: {

package/dist/{code-D_c8L97a.cjs → code-Bi6mCasH.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require$$0 = require("vue");
-const index = require("./index-C5atHkSE.cjs");
+const index = require("./index-DyWEL-aT.cjs");
 const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "code",
   props: {

package/dist/{codes-JsogPxe_.js → codes-4Mb8F7yh.js}

@@ -9,7 +9,7 @@ import "@fangzhongya/fang-ui/components/button/style/index2.scss";
 import { Inputs } from "@fangzhongya/fang-ui/components/inputs/index";
 import "@fangzhongya/fang-ui/components/inputs/style/index2.scss";
 import { defineComponent, ref, createElementBlock, openBlock, createVNode, mergeProps, unref, isRef, withCtx, createTextVNode, createCommentVNode, createElementVNode, Fragment } from "vue";
-import { a as _sfc_main$1, D as Draggable, b as _sfc_main$2 } from "./index-wb1Ag0of.js";
+import { b as _sfc_main$1, D as Draggable, c as _sfc_main$2 } from "./index-DN34gSCV.js";
 const _hoisted_1 = { class: "handle codes-li" };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { class: "codes-box" };

package/dist/{codes-SsHelxy1.cjs → codes-CUdIl60P.cjs}

@@ -11,7 +11,7 @@ require("@fangzhongya/fang-ui/components/button/style/index2.scss");
 const index$2 = require("@fangzhongya/fang-ui/components/inputs/index");
 require("@fangzhongya/fang-ui/components/inputs/style/index2.scss");
 const require$$0 = require("vue");
-const index = require("./index-C5atHkSE.cjs");
+const index = require("./index-DyWEL-aT.cjs");
 const _hoisted_1 = { class: "handle codes-li" };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { class: "codes-box" };

package/dist/{color-C_tr4O7e.cjs → color-BmeGoq56.cjs}

@@ -4,7 +4,7 @@ const es = require("element-plus/es");
 require("element-plus/es/components/base/style/css");
 require("element-plus/es/components/color-picker/style/css");
 const require$$0 = require("vue");
-const index = require("./index-C5atHkSE.cjs");
+const index = require("./index-DyWEL-aT.cjs");
 const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "color",
   props: {

package/dist/{color-BkNnjOah.js → color-DiUa8kw0.js}

@@ -2,7 +2,7 @@ import { ElColorPicker } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/color-picker/style/css";
 import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createVNode } from "vue";
-import { _ as _sfc_main$1 } from "./index-wb1Ag0of.js";
+import { a as _sfc_main$1 } from "./index-DN34gSCV.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "color",
   props: {

package/dist/container-MDOC4zc5.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("vue");
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "container",
+  props: {
+    height: {
+      type: [String, Number],
+      default: "100%"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return require$$0.openBlock(), require$$0.createElementBlock("div", {
+        style: require$$0.normalizeStyle({
+          height: props.height
+        })
+      }, [
+        require$$0.renderSlot(_ctx.$slots, "default")
+      ], 4);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/container-pN3_xq6I.js

@@ -0,0 +1,25 @@
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "container",
+  props: {
+    height: {
+      type: [String, Number],
+      default: "100%"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle({
+          height: props.height
+        })
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 4);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/{editor-DalhYR-Q.js → editor-B4tRH4Du.js}

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps } from "vue";
-import { _ as _sfc_main$1 } from "./index-wb1Ag0of.js";
-import { _ as _sfc_main$2 } from "./button-editor-CcDUGH-p.js";
+import { a as _sfc_main$1 } from "./index-DN34gSCV.js";
+import { _ as _sfc_main$2 } from "./button-editor-B9Hwtqh3.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "editor",
   props: {

package/dist/{editor-BYMhYIRN.cjs → editor-DPwBedZ2.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require$$0 = require("vue");
-const index = require("./index-C5atHkSE.cjs");
-const buttonEditor = require("./button-editor-CAoFo90o.cjs");
+const index = require("./index-DyWEL-aT.cjs");
+const buttonEditor = require("./button-editor-C5HmDQZY.cjs");
 const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "editor",
   props: {

package/dist/{emits-Bw0lbdTu.cjs → emits-B7KwdqmA.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require$$0 = require("vue");
-const index = require("./index-C5atHkSE.cjs");
+const index = require("./index-DyWEL-aT.cjs");
 const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "emits",
   props: {

package/dist/{emits-Dbd3qZ6W.js → emits-CHkGnd-Y.js}

@@ -2,8 +2,8 @@ import { ElButton } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/button/style/css";
 import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, createElementBlock, createCommentVNode, renderSlot, createTextVNode } from "vue";
-import { _ as _sfc_main$1 } from "./index-wb1Ag0of.js";
-import { _ as _sfc_main$2 } from "./button-editor-CcDUGH-p.js";
+import { a as _sfc_main$1 } from "./index-DN34gSCV.js";
+import { _ as _sfc_main$2 } from "./button-editor-B9Hwtqh3.js";
 const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "emits",

package/dist/{emits-BMijilxI.cjs → emits-Ca-GNz_C.cjs}

@@ -4,8 +4,8 @@ const es = require("element-plus/es");
 require("element-plus/es/components/base/style/css");
 require("element-plus/es/components/button/style/css");
 const require$$0 = require("vue");
-const index = require("./index-C5atHkSE.cjs");
-const buttonEditor = require("./button-editor-CAoFo90o.cjs");
+const index = require("./index-DyWEL-aT.cjs");
+const buttonEditor = require("./button-editor-C5HmDQZY.cjs");
 const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "emits",

package/dist/{emits-KNWePDCi.js → emits-D2Rl4rjw.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createBlock, openBlock, unref, isRef } from "vue";
-import { b as _sfc_main$1 } from "./index-wb1Ag0of.js";
+import { c as _sfc_main$1 } from "./index-DN34gSCV.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "emits",
   props: {

package/dist/{general-CxOdXWgx.js → general-DxwEYB6g.js}

@@ -1,7 +1,7 @@
 import { EditData } from "@fangzhongya/fang-ui/components/edit-data/index";
 import "@fangzhongya/fang-ui/components/edit-data/style/index2.scss";
 import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createVNode } from "vue";
-import { _ as _sfc_main$1 } from "./index-wb1Ag0of.js";
+import { a as _sfc_main$1 } from "./index-DN34gSCV.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "general",
   props: {

package/dist/{general-CSPNay-X.cjs → general-UJlyOZvQ.cjs}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index$1 = require("@fangzhongya/fang-ui/components/edit-data/index");
 require("@fangzhongya/fang-ui/components/edit-data/style/index2.scss");
 const require$$0 = require("vue");
-const index = require("./index-C5atHkSE.cjs");
+const index = require("./index-DyWEL-aT.cjs");
 const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "general",
   props: {

package/dist/grid-item-Cmdo7s5E.js

@@ -0,0 +1,121 @@
+import { defineComponent, ref, reactive, watch, createElementBlock, openBlock, normalizeStyle, unref, renderSlot } from "vue";
+import { _ as _export_sfc } from "./index-DN34gSCV.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "grid-item",
+  props: {
+    colNum: {
+      required: true,
+      type: Number
+    },
+    containerWidth: {
+      required: true,
+      type: Number
+    },
+    h: {
+      required: true,
+      type: Number
+    },
+    w: {
+      required: true,
+      type: Number
+    },
+    x: {
+      required: true,
+      type: Number
+    },
+    y: {
+      required: true,
+      type: Number
+    },
+    margin: {
+      required: true,
+      type: Array
+    },
+    rowHeight: {
+      required: true,
+      type: Number
+    },
+    static: {
+      default: false,
+      type: Boolean
+    },
+    useCssTransforms: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const inner = ref({
+      h: props.h,
+      w: props.w,
+      x: props.x,
+      y: props.y
+    });
+    const style = reactive({ props: {} });
+    const cols = ref(props.colNum);
+    const setTopLeft = (top, left, width, height) => ({
+      height: `${height}px`,
+      left: `${left}px`,
+      position: "absolute",
+      top: `${top}px`,
+      width: `${width}px`
+    });
+    const setTransform = (top, left, width, height) => ({
+      height: `${height}px`,
+      position: "absolute",
+      transform: `translate3d(${left}px,${top}px, 0)`,
+      width: `${width}px`
+    });
+    const calcColWidth = () => {
+      const m1 = props.margin?.[0] || 0;
+      return (props.containerWidth - m1 * (cols.value + 1)) / cols.value;
+    };
+    const calcPosition = (x, y, w, h) => {
+      const colWidth = calcColWidth();
+      const m1 = props.margin?.[0] || 0;
+      const m2 = props.margin?.[1] || 0;
+      return {
+        height: h === Infinity ? h : Math.round(props.rowHeight * h + Math.max(0, h - 1) * m2),
+        left: Math.round(colWidth * x + (x + 1) * m2),
+        top: Math.round(props.rowHeight * y + (y + 1) * m2),
+        width: w === Infinity ? w : Math.round(colWidth * w + Math.max(0, w - 1) * m1)
+      };
+    };
+    const createStyle = () => {
+      const pos = calcPosition(
+        inner.value.x,
+        inner.value.y,
+        inner.value.w,
+        inner.value.h
+      );
+      if (props.x + props.w > cols.value) {
+        inner.value.x = 0;
+        inner.value.w = props.w > cols.value ? cols.value : props.w;
+      } else {
+        inner.value.x = props.x;
+        inner.value.w = props.w;
+      }
+      style.props = props.useCssTransforms ? setTransform(pos.top, pos.left, pos.width, pos.height) : setTopLeft(pos.top, pos.left, pos.width, pos.height);
+    };
+    createStyle();
+    watch([() => props.rowHeight, () => props.containerWidth], (value) => {
+      createStyle();
+    });
+    __expose({
+      createStyle
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "grid-item",
+        style: normalizeStyle(unref(style).props)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+const GridItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-130c2b70"]]);
+export {
+  GridItem as default
+};

package/dist/grid-item-Dp497fop.cjs

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("vue");
+const index = require("./index-DyWEL-aT.cjs");
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "grid-item",
+  props: {
+    colNum: {
+      required: true,
+      type: Number
+    },
+    containerWidth: {
+      required: true,
+      type: Number
+    },
+    h: {
+      required: true,
+      type: Number
+    },
+    w: {
+      required: true,
+      type: Number
+    },
+    x: {
+      required: true,
+      type: Number
+    },
+    y: {
+      required: true,
+      type: Number
+    },
+    margin: {
+      required: true,
+      type: Array
+    },
+    rowHeight: {
+      required: true,
+      type: Number
+    },
+    static: {
+      default: false,
+      type: Boolean
+    },
+    useCssTransforms: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const inner = require$$0.ref({
+      h: props.h,
+      w: props.w,
+      x: props.x,
+      y: props.y
+    });
+    const style = require$$0.reactive({ props: {} });
+    const cols = require$$0.ref(props.colNum);
+    const setTopLeft = (top, left, width, height) => ({
+      height: `${height}px`,
+      left: `${left}px`,
+      position: "absolute",
+      top: `${top}px`,
+      width: `${width}px`
+    });
+    const setTransform = (top, left, width, height) => ({
+      height: `${height}px`,
+      position: "absolute",
+      transform: `translate3d(${left}px,${top}px, 0)`,
+      width: `${width}px`
+    });
+    const calcColWidth = () => {
+      const m1 = props.margin?.[0] || 0;
+      return (props.containerWidth - m1 * (cols.value + 1)) / cols.value;
+    };
+    const calcPosition = (x, y, w, h) => {
+      const colWidth = calcColWidth();
+      const m1 = props.margin?.[0] || 0;
+      const m2 = props.margin?.[1] || 0;
+      return {
+        height: h === Infinity ? h : Math.round(props.rowHeight * h + Math.max(0, h - 1) * m2),
+        left: Math.round(colWidth * x + (x + 1) * m2),
+        top: Math.round(props.rowHeight * y + (y + 1) * m2),
+        width: w === Infinity ? w : Math.round(colWidth * w + Math.max(0, w - 1) * m1)
+      };
+    };
+    const createStyle = () => {
+      const pos = calcPosition(
+        inner.value.x,
+        inner.value.y,
+        inner.value.w,
+        inner.value.h
+      );
+      if (props.x + props.w > cols.value) {
+        inner.value.x = 0;
+        inner.value.w = props.w > cols.value ? cols.value : props.w;
+      } else {
+        inner.value.x = props.x;
+        inner.value.w = props.w;
+      }
+      style.props = props.useCssTransforms ? setTransform(pos.top, pos.left, pos.width, pos.height) : setTopLeft(pos.top, pos.left, pos.width, pos.height);
+    };
+    createStyle();
+    require$$0.watch([() => props.rowHeight, () => props.containerWidth], (value) => {
+      createStyle();
+    });
+    __expose({
+      createStyle
+    });
+    return (_ctx, _cache) => {
+      return require$$0.openBlock(), require$$0.createElementBlock("div", {
+        class: "grid-item",
+        style: require$$0.normalizeStyle(require$$0.unref(style).props)
+      }, [
+        require$$0.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+const GridItem = /* @__PURE__ */ index._export_sfc(_sfc_main, [["__scopeId", "data-v-130c2b70"]]);
+exports.default = GridItem;

package/dist/grid-item.css

@@ -0,0 +1,4 @@
+
+.grid-item[data-v-130c2b70] {
+		background-color: #fff;
+}