vue-markdown-design 0.3.1 → 0.3.2

package/es/sticky/Sticky.mjs

@@ -1,101 +1,68 @@
-import './index.css';var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, shallowRef, computed, createVNode } from "vue";
-/* empty css            */
-import { createNamespace, addUnit } from "../utils/format.mjs";
+import { addUnit, createNamespace } from "../utils/format.mjs";
+import './index.css';/* empty css       */
+import { computed, createVNode, defineComponent, shallowRef } from "vue";
 import { useElementBounding } from "@vueuse/core";
-const {
-  name
-} = createNamespace("sticky");
-const _Sticky = /* @__PURE__ */ defineComponent({
-  name,
-  props: {
-    posY: {
-      type: String,
-      default: "top"
-    },
-    posX: {
-      type: String,
-      default: "left"
-    },
-    offset: {
-      type: [String, Number],
-      default: 0
-    },
-    flow: {
-      type: Boolean,
-      default: true
-    },
-    zIndex: {
-      type: [String, Number],
-      default: "var(--vmd-base-z-index)"
-    }
-  },
-  setup(props, {
-    slots
-  }) {
-    const wrapper = shallowRef();
-    const wrapperBounding = useElementBounding(wrapper);
-    const rootStyle = computed(() => {
-      const {
-        flow,
-        posY,
-        posX,
-        zIndex,
-        offset
-      } = props;
-      const base = {
-        [posY]: addUnit(Number(offset)),
-        zIndex
-      };
-      if (flow) return base;
-      const margin = posX === "right" ? "marginLeft" : "marginRight";
-      return __spreadProps(__spreadValues({}, base), {
-        [margin]: "auto",
-        width: addUnit(wrapperBounding.width.value)
-      });
-    });
-    const wrapperStyle = computed(() => {
-      const {
-        flow,
-        posY
-      } = props;
-      if (flow) return;
-      const margin = posY === "bottom" ? "marginTop" : "marginBottom";
-      return {
-        [margin]: `-${addUnit(wrapperBounding.height.value)}`,
-        display: "table"
-      };
-    });
-    return () => {
-      var _a;
-      return createVNode("div", {
-        "class": name,
-        "style": rootStyle.value
-      }, [createVNode("div", {
-        "ref": wrapper,
-        "style": wrapperStyle.value
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
-    };
-  }
+//#region src/sticky/Sticky.tsx
+var { name } = createNamespace("sticky");
+var Sticky_default = /* @__PURE__ */ defineComponent({
+	name,
+	props: {
+		posY: {
+			type: String,
+			default: "top"
+		},
+		posX: {
+			type: String,
+			default: "left"
+		},
+		offset: {
+			type: [String, Number],
+			default: 0
+		},
+		flow: {
+			type: Boolean,
+			default: true
+		},
+		zIndex: {
+			type: [String, Number],
+			default: "var(--vmd-base-z-index)"
+		}
+	},
+	setup(props, { slots }) {
+		const wrapper = shallowRef();
+		const wrapperBounding = useElementBounding(wrapper);
+		const rootStyle = computed(() => {
+			const { flow, posY, posX, zIndex, offset } = props;
+			const style = {
+				[posY]: addUnit(Number(offset)),
+				zIndex
+			};
+			if (!flow) {
+				style[posX === "right" ? "marginLeft" : "marginRight"] = "auto";
+				const width = wrapperBounding.width.value;
+				if (width) style.width = addUnit(width);
+			}
+			return style;
+		});
+		const wrapperStyle = computed(() => {
+			const { flow, posY } = props;
+			if (flow) return;
+			return {
+				[posY === "bottom" ? "marginTop" : "marginBottom"]: `-${addUnit(wrapperBounding.height.value)}`,
+				display: "table"
+			};
+		});
+		return () => {
+			var _slots$default;
+			return createVNode("div", {
+				"class": name,
+				"style": rootStyle.value
+			}, [createVNode("div", {
+				"ref": wrapper,
+				"style": wrapperStyle.value
+			}, [(_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)])]);
+		};
+	}
 });
-export {
-  _Sticky as default
-};
+//#endregion
+export { Sticky_default as default };

package/es/sticky/index2.mjs

@@ -0,0 +1,6 @@
+import { withInstall } from "../utils/vue.mjs";
+import Sticky_default from "./Sticky.mjs";
+//#region src/sticky/index.ts
+var VmdSticky = withInstall(Sticky_default);
+//#endregion
+export { VmdSticky as default };