vue-markdown-design 0.3.1 → 0.3.2

package/lib/sticky/Sticky.js

@@ -1,100 +1,69 @@
-"use strict";
-require('./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));
-const vue = require("vue");
-;/* empty css            */
-const format = require("../utils/format.js");
-const core = require("@vueuse/core");
-const {
-  name
-} = format.createNamespace("sticky");
-const _Sticky = /* @__PURE__ */ vue.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 = vue.shallowRef();
-    const wrapperBounding = core.useElementBounding(wrapper);
-    const rootStyle = vue.computed(() => {
-      const {
-        flow,
-        posY,
-        posX,
-        zIndex,
-        offset
-      } = props;
-      const base = {
-        [posY]: format.addUnit(Number(offset)),
-        zIndex
-      };
-      if (flow) return base;
-      const margin = posX === "right" ? "marginLeft" : "marginRight";
-      return __spreadProps(__spreadValues({}, base), {
-        [margin]: "auto",
-        width: format.addUnit(wrapperBounding.width.value)
-      });
-    });
-    const wrapperStyle = vue.computed(() => {
-      const {
-        flow,
-        posY
-      } = props;
-      if (flow) return;
-      const margin = posY === "bottom" ? "marginTop" : "marginBottom";
-      return {
-        [margin]: `-${format.addUnit(wrapperBounding.height.value)}`,
-        display: "table"
-      };
-    });
-    return () => {
-      var _a;
-      return vue.createVNode("div", {
-        "class": name,
-        "style": rootStyle.value
-      }, [vue.createVNode("div", {
-        "ref": wrapper,
-        "style": wrapperStyle.value
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
-    };
-  }
+require("../_virtual/_rolldown/runtime.js");
+require('./index.css');const require_format = require("../utils/format.js");
+;/* empty css       */
+let vue = require("vue");
+let _vueuse_core = require("@vueuse/core");
+//#region src/sticky/Sticky.tsx
+var { name } = require_format.createNamespace("sticky");
+var Sticky_default = /* @__PURE__ */ (0, vue.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 = (0, vue.shallowRef)();
+		const wrapperBounding = (0, _vueuse_core.useElementBounding)(wrapper);
+		const rootStyle = (0, vue.computed)(() => {
+			const { flow, posY, posX, zIndex, offset } = props;
+			const style = {
+				[posY]: require_format.addUnit(Number(offset)),
+				zIndex
+			};
+			if (!flow) {
+				style[posX === "right" ? "marginLeft" : "marginRight"] = "auto";
+				const width = wrapperBounding.width.value;
+				if (width) style.width = require_format.addUnit(width);
+			}
+			return style;
+		});
+		const wrapperStyle = (0, vue.computed)(() => {
+			const { flow, posY } = props;
+			if (flow) return;
+			return {
+				[posY === "bottom" ? "marginTop" : "marginBottom"]: `-${require_format.addUnit(wrapperBounding.height.value)}`,
+				display: "table"
+			};
+		});
+		return () => {
+			var _slots$default;
+			return (0, vue.createVNode)("div", {
+				"class": name,
+				"style": rootStyle.value
+			}, [(0, vue.createVNode)("div", {
+				"ref": wrapper,
+				"style": wrapperStyle.value
+			}, [(_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)])]);
+		};
+	}
 });
-module.exports = _Sticky;
+//#endregion
+exports.default = Sticky_default;

package/lib/sticky/index2.js

@@ -0,0 +1,6 @@
+const require_vue = require("../utils/vue.js");
+const require_Sticky = require("./Sticky.js");
+//#region src/sticky/index.ts
+var VmdSticky = require_vue.withInstall(require_Sticky.default);
+//#endregion
+exports.default = VmdSticky;