@fangzhongya/page 0.0.1 → 0.0.2

package/dist/grid-layout-T6cqoGHe.cjs

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("vue");
+const gridItem = require("./grid-item-Dp497fop.cjs");
+const getCss = require("@fangzhongya/utils/css/getCss");
+const page = require("./page-z22w7mwk.cjs");
+const index = require("./index-DyWEL-aT.cjs");
+const _sfc_main = /* @__PURE__ */ require$$0.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 = page.enums.position;
+    const props = __props;
+    const refDom = require$$0.ref();
+    const width = require$$0.ref(0);
+    const mergedStyle = require$$0.ref({});
+    const rowHeight = require$$0.ref(props.rowHeight);
+    const getNumber = (dom, key) => {
+      return Math.ceil(Number(getCss.getCss(dom, key).replaceAll(/[^0-9.-]/g, "")));
+    };
+    const maxh = require$$0.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();
+    });
+    require$$0.onMounted(() => {
+      if (refDom.value) {
+        onWindowResize();
+        updateHeight();
+        observer.observe(refDom.value);
+      }
+    });
+    require$$0.onUnmounted(() => {
+      if (refDom.value) {
+        observer.unobserve(refDom.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return require$$0.openBlock(), require$$0.createElementBlock("div", {
+        ref_key: "refDom",
+        ref: refDom,
+        class: "grid-layout",
+        style: require$$0.normalizeStyle(require$$0.unref(mergedStyle))
+      }, [
+        require$$0.renderSlot(_ctx.$slots, "default", {
+          colNum: props.colNum,
+          containerWidth: require$$0.unref(width),
+          margin: props.margin,
+          useCssTransforms: props.useCssTransforms,
+          rowHeight: require$$0.unref(rowHeight)
+        }, () => [
+          (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(__props.layout, (item, index2) => {
+            return require$$0.openBlock(), require$$0.createBlock(gridItem.default, {
+              key: item.i,
+              colNum: props.colNum,
+              containerWidth: require$$0.unref(width),
+              margin: props.margin,
+              useCssTransforms: props.useCssTransforms,
+              rowHeight: require$$0.unref(rowHeight),
+              w: item.w,
+              y: item.y,
+              h: item.h,
+              x: item.x,
+              static: item.static
+            }, {
+              default: require$$0.withCtx(() => [
+                require$$0.renderSlot(_ctx.$slots, "item", {
+                  value: item,
+                  index: index2
+                }, void 0, true)
+              ]),
+              _: 2
+            }, 1032, ["colNum", "containerWidth", "margin", "useCssTransforms", "rowHeight", "w", "y", "h", "x", "static"]);
+          }), 128))
+        ], true),
+        require$$0.renderSlot(_ctx.$slots, require$$0.unref(position), {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+const gridLayout = /* @__PURE__ */ index._export_sfc(_sfc_main, [["__scopeId", "data-v-d4a5d882"]]);
+exports.default = gridLayout;

package/dist/grid-layout-eQkarQXt.js

@@ -0,0 +1,161 @@
+import { defineComponent, ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, normalizeStyle, unref, renderSlot, Fragment, renderList, createBlock, withCtx } from "vue";
+import GridItem from "./grid-item-Cmdo7s5E.js";
+import { getCss } from "@fangzhongya/utils/css/getCss";
+import { e as enums } from "./page-tkDDIngz.js";
+import { _ as _export_sfc } from "./index-DN34gSCV.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(GridItem, {
+              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
+                }, void 0, true)
+              ]),
+              _: 2
+            }, 1032, ["colNum", "containerWidth", "margin", "useCssTransforms", "rowHeight", "w", "y", "h", "x", "static"]);
+          }), 128))
+        ], true),
+        renderSlot(_ctx.$slots, unref(position), {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+const gridLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d4a5d882"]]);
+export {
+  gridLayout as default
+};

package/dist/grid-layout.css

@@ -0,0 +1,6 @@
+
+.grid-layout[data-v-d4a5d882] {
+		position: relative;
+		transition: height 200ms ease;
+		background-color: #f2f2f2;
+}

package/dist/{icon-CLpX27eC.js → icon-Df2JcOTJ.js}

@@ -1,8 +1,8 @@
 import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, createVNode, unref } from "vue";
 import { Window } from "@fangzhongya/fang-ui/components/window/index";
-import iconifys from "@fangzhongya/icons/json";
+import { getNames } from "@fangzhongya/icons/name";
 import Picker from "@fangzhongya/icons/picker/index";
-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: "icon",
   props: {
@@ -33,6 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["blur"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const iconifys = getNames().map((o) => o.icon);
     const emit = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(props)), {

package/dist/{icon-Dsqcps7B.cjs → icon-pkpHgiKt.cjs}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require$$0 = require("vue");
 const index$1 = require("@fangzhongya/fang-ui/components/window/index");
-const iconifys = require("@fangzhongya/icons/json");
+const name = require("@fangzhongya/icons/name");
 const Picker = require("@fangzhongya/icons/picker/index");
-const index = require("./index-C5atHkSE.cjs");
+const index = require("./index-DyWEL-aT.cjs");
 const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   __name: "icon",
   props: {
@@ -35,6 +35,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   emits: ["blur"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const iconifys = name.getNames().map((o) => o.icon);
     const emit = __emit;
     return (_ctx, _cache) => {
       return require$$0.openBlock(), require$$0.createBlock(index._sfc_main, require$$0.normalizeProps(require$$0.guardReactiveProps(props)), {