@fangzhongya/page 0.0.35 → 0.0.36

package/dist/assemblys/grid-layout2.js

@@ -1,160 +0,0 @@
-import { defineComponent, ref, computed, onMounted, onUnmounted, openBlock, createElementBlock, normalizeStyle, unref, renderSlot, Fragment, renderList, createBlock, withCtx } from "vue";
-import "./grid-item.js";
-import { getCss } from "@fangzhongya/utils/css/getCss";
-import { enums } from "../config.js";
-import _sfc_main$1 from "./grid-item2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "grid-layout",
-  props: {
-    self: {
-      type: Boolean,
-      default: false
-    },
-    autoSize: {
-      default: true,
-      type: Boolean
-    },
-    colNum: {
-      type: Number,
-      default: 24
-    },
-    layout: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    margin: {
-      default: () => [10, 10],
-      type: Array
-    },
-    rowHeight: {
-      default: 150,
-      type: Number
-    },
-    useCssTransforms: {
-      default: false,
-      type: Boolean
-    }
-  },
-  setup(__props) {
-    const position = enums.position;
-    const props = __props;
-    const refDom = ref();
-    const width = ref(0);
-    const mergedStyle = ref({});
-    const rowHeight = ref(props.rowHeight);
-    const getNumber = (dom, key) => {
-      return Math.ceil(Number(getCss(dom, key).replaceAll(/[^0-9.-]/g, "")));
-    };
-    const maxh = computed(() => {
-      let h = 0;
-      const arr = props.layout || [];
-      arr.forEach((v) => {
-        const z = v.y + v.h;
-        if (z > h) {
-          h = z;
-        }
-      });
-      return h;
-    });
-    const bottom = (layout) => {
-      let max = 0;
-      let bottomY;
-      for (let i = 0; i < layout.length; i++) {
-        bottomY = layout[i].y + layout[i].h;
-        if (bottomY > max) {
-          max = bottomY;
-        }
-      }
-      return max;
-    };
-    const updateHeight = () => {
-      const height = containerHeight();
-      mergedStyle.value = { height };
-    };
-    const containerHeight = () => {
-      if (!props.autoSize || !props.layout) return;
-      if (props.self) {
-        return "100%";
-      }
-      const m2 = props.margin[1];
-      return `${bottom(props.layout) * (props.rowHeight + m2) + m2}px`;
-    };
-    let t;
-    const onWindowResize = () => {
-      clearTimeout(t);
-      t = setTimeout(() => {
-        if (refDom.value) {
-          width.value = getNumber(refDom.value, "width");
-          if (props.self) {
-            const g = maxh.value;
-            const m = props.margin[1];
-            const h = getNumber(refDom.value, "height");
-            const row = (h - (g + 1) * m) / g;
-            rowHeight.value = row;
-          }
-        }
-      }, 200);
-    };
-    const observer = new ResizeObserver((entries) => {
-      onWindowResize();
-    });
-    onMounted(() => {
-      if (refDom.value) {
-        onWindowResize();
-        updateHeight();
-        observer.observe(refDom.value);
-      }
-    });
-    onUnmounted(() => {
-      if (refDom.value) {
-        observer.unobserve(refDom.value);
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "refDom",
-        ref: refDom,
-        class: "grid-layout",
-        style: normalizeStyle(unref(mergedStyle))
-      }, [
-        renderSlot(_ctx.$slots, "default", {
-          colNum: props.colNum,
-          containerWidth: unref(width),
-          margin: props.margin,
-          useCssTransforms: props.useCssTransforms,
-          rowHeight: unref(rowHeight)
-        }, () => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.layout, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$1, {
-              key: item.i,
-              colNum: props.colNum,
-              containerWidth: unref(width),
-              margin: props.margin,
-              useCssTransforms: props.useCssTransforms,
-              rowHeight: unref(rowHeight),
-              w: item.w,
-              y: item.y,
-              h: item.h,
-              x: item.x,
-              static: item.static
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "item", {
-                  value: item,
-                  index
-                })
-              ]),
-              _: 2
-            }, 1032, ["colNum", "containerWidth", "margin", "useCssTransforms", "rowHeight", "w", "y", "h", "x", "static"]);
-          }), 128))
-        ]),
-        renderSlot(_ctx.$slots, unref(position))
-      ], 4);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/assemblys/position2.cjs

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

package/dist/assemblys/position2.js

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

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

@@ -1,24 +0,0 @@
-"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-div",
-  setup(__props) {
-    const co = index.getClass("design-com");
-    const slots = vue.useSlots();
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(co)())
-      }, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.keys(vue.unref(slots)), (name) => {
-          return vue.renderSlot(_ctx.$slots, name, vue.mergeProps({
-            key: name,
-            ref_for: true
-          }, _ctx.$slots[name]?.() || {}));
-        }), 128))
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;

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

@@ -1,24 +0,0 @@
-import { defineComponent, useSlots, openBlock, createElementBlock, normalizeClass, unref, Fragment, renderList, renderSlot, mergeProps } from "vue";
-import { getClass } from "../../utils/index.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "design-div",
-  setup(__props) {
-    const co = getClass("design-com");
-    const slots = useSlots();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(co)())
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(unref(slots)), (name) => {
-          return renderSlot(_ctx.$slots, name, mergeProps({
-            key: name,
-            ref_for: true
-          }, _ctx.$slots[name]?.() || {}));
-        }), 128))
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,131 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Draggable = require("vuedraggable");
-require("./design-operate.cjs");
-const index = require("../../utils/index.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 = ["id", "onClick"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "design-drag",
-  props: {
-    // 对应判断数据
-    modelValue: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    assembly: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    slotName: String
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const mouseenter = util.useDistance();
-    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 {
-          name: "vif"
-        };
-      }
-      return {
-        name: "compon"
-      };
-    });
-    const value = vue.computed({
-      get() {
-        let v = props.modelValue;
-        return v;
-      },
-      set(value2) {
-        emit("update:modelValue", value2);
-      }
-    });
-    const right = vue.inject("right");
-    const onClick = (element) => {
-      right.value = element;
-    };
-    __expose({});
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs)())
-      }, [
-        vue.createVNode(vue.unref(Draggable), {
-          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[1] || (_cache[1] = ($event) => vue.isRef(value) ? value.value = $event : null)
-        }, vue.createSlots({
-          item: vue.withCtx(({ element, index: index2 }) => [
-            !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$1.getComponObj)(element).status?.inline ? "is-inline" : "",
-                element === vue.unref(right) ? "on" : "",
-                element.design?.islock ? "page-undraggable" : ""
-              ]
-            }, vue.unref(binds), {
-              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),
-                assembly: element,
-                index: index2
-              }, {
-                default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "default", {
-                    value: element,
-                    index: index2
-                  })
-                ]),
-                _: 2
-              }, 1032, ["model-value", "assembly", "index"])
-            ], 16, _hoisted_1)) : vue.createCommentVNode("", true)
-          ]),
-          _: 2
-        }, [
-          vue.unref(value).length == 0 ? {
-            name: "footer",
-            fn: vue.withCtx(() => [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(cs)("draggable-empty"))
-              }, " 给" + vue.toDisplayString(props.slotName) + "插槽拖入组件 ", 3)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["class", "group", "modelValue"])
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;

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

@@ -1,131 +0,0 @@
-import { defineComponent, inject, computed, openBlock, createElementBlock, normalizeClass, unref, createVNode, isRef, createSlots, withCtx, mergeProps, withModifiers, renderSlot, createCommentVNode, createElementVNode, toDisplayString } 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 { useDistance } from "./resizable/util.js";
-import _sfc_main$1 from "./design-operate2.js";
-const _hoisted_1 = ["id", "onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "design-drag",
-  props: {
-    // 对应判断数据
-    modelValue: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    assembly: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    slotName: String
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const mouseenter = useDistance();
-    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 {
-          name: "vif"
-        };
-      }
-      return {
-        name: "compon"
-      };
-    });
-    const value = computed({
-      get() {
-        let v = props.modelValue;
-        return v;
-      },
-      set(value2) {
-        emit("update:modelValue", value2);
-      }
-    });
-    const right = inject("right");
-    const onClick = (element) => {
-      right.value = element;
-    };
-    __expose({});
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs)())
-      }, [
-        createVNode(unref(Draggable), {
-          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[1] || (_cache[1] = ($event) => isRef(value) ? value.value = $event : null)
-        }, createSlots({
-          item: withCtx(({ element, index }) => [
-            !element.hide ? (openBlock(), createElementBlock("div", mergeProps({
-              key: 0,
-              class: [
-                unref(cs)("draggable-item"),
-                "page-" + unref(humpToLine)(element.name),
-                unref(getComponObj)(element).status?.inline ? "is-inline" : "",
-                element === unref(right) ? "on" : "",
-                element.design?.islock ? "page-undraggable" : ""
-              ]
-            }, unref(binds), {
-              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),
-                assembly: element,
-                index
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default", {
-                    value: element,
-                    index
-                  })
-                ]),
-                _: 2
-              }, 1032, ["model-value", "assembly", "index"])
-            ], 16, _hoisted_1)) : createCommentVNode("", true)
-          ]),
-          _: 2
-        }, [
-          unref(value).length == 0 ? {
-            name: "footer",
-            fn: withCtx(() => [
-              createElementVNode("div", {
-                class: normalizeClass(unref(cs)("draggable-empty"))
-              }, " 给" + toDisplayString(props.slotName) + "插槽拖入组件 ", 3)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["class", "group", "modelValue"])
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,22 +0,0 @@
-"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-dynamic",
-  props: {
-    value: {
-      type: null
-    }
-  },
-  setup(__props) {
-    const co = index.getClass("design-com");
-    const props = __props;
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([vue.unref(co)()])
-      }, vue.toDisplayString(props.value), 3);
-    };
-  }
-});
-exports.default = _sfc_main;

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

@@ -1,22 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, toDisplayString } from "vue";
-import { getClass } from "../../utils/index.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "design-dynamic",
-  props: {
-    value: {
-      type: null
-    }
-  },
-  setup(__props) {
-    const co = getClass("design-com");
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(co)()])
-      }, toDisplayString(props.value), 3);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,32 +0,0 @@
-"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

@@ -1,32 +0,0 @@
-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
-};