@fangzhongya/fang-ui 0.0.37 → 0.0.39

package/dist/components/stick-edge/src/index2.cjs

@@ -1,4 +1,113 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
-exports.default = index_vue_vue_type_script_setup_true_lang.default;
+const vue = require("vue");
+const getPositionRelative = require("@fangzhongya/utils/css/getPositionRelative");
+const attrValueSort = require("@fangzhongya/utils/basic/object/attrValueSort");
+const setCss = require("@fangzhongya/utils/css/setCss");
+const getCss = require("@fangzhongya/utils/css/getCss");
+const data = require("./data.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
+const index$2 = require("../../../directives/drag/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const initial = {
+      left: "right",
+      right: "left",
+      top: "bottom",
+      bottom: "top"
+    };
+    const { getLocale } = index.useLocale();
+    const cs = index$1.useCssName("stick-edge");
+    const props = __props;
+    const emit = __emit;
+    const refDom = vue.shallowRef();
+    const fRect = vue.shallowRef({});
+    function onMousedown(e, p) {
+      setCss.setCss(refDom.value, {
+        left: p.left + "px",
+        top: p.top + "px",
+        right: "initial",
+        bottom: "initial"
+      });
+      return p;
+    }
+    function onMouseup(j, k, p) {
+      const seat = getSeat(p);
+      const arr = getDirection(seat);
+      setDirection(refDom.value, arr[0]);
+    }
+    function getSeat(rect) {
+      return {
+        left: rect.left,
+        top: rect.top,
+        right: fRect.value.width - rect.width - rect.left,
+        bottom: fRect.value.height - rect.height - rect.top
+      };
+    }
+    function getDirection(obj) {
+      const v = props.direction;
+      let keys = [];
+      if (v && v.length > 0) {
+        if (v instanceof Array) {
+          keys = v;
+        } else {
+          keys = [v];
+        }
+      } else {
+        keys = ["left", "right", "top", "bottom"];
+      }
+      return attrValueSort.attrValueSort(obj, keys);
+    }
+    function setDirection(dom, key) {
+      setCss.setCss(dom, initial[key], "initial");
+      setCss.setCss(dom, key, "0");
+    }
+    function getPosition(el, key) {
+      return Number(getCss.getCss(el, key).replace(/[a-z|A-Z]*$/, ""));
+    }
+    vue.onMounted(() => {
+      if (props.isFixed) {
+        fRect.value = {
+          width: window.innerWidth,
+          height: window.innerHeight,
+          left: 0,
+          top: 0
+        };
+      } else {
+        const fdom = getPositionRelative.getPositionRelative(refDom.value);
+        fRect.value = {
+          width: getPosition(fdom, "width"),
+          height: getPosition(fdom, "height"),
+          left: 0,
+          top: 0
+        };
+      }
+    });
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z()),
+        style: vue.normalizeStyle({
+          position: props.isFixed ? "fixed" : "absolute"
+        }),
+        ref_key: "refDom",
+        ref: refDom
+      }, [
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
+      ], 6)), [
+        [vue.unref(index$2.default), {
+          dom: props.drag,
+          onMousedown,
+          onMouseup
+        }]
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/stick-edge/src/index2.js

@@ -1,4 +1,113 @@
-import _sfc_main from "./index.js";
+import { defineComponent, shallowRef, onMounted, withDirectives, openBlock, createElementBlock, normalizeStyle, normalizeClass, unref, renderSlot } from "vue";
+import { getPositionRelative } from "@fangzhongya/utils/css/getPositionRelative";
+import { attrValueSort } from "@fangzhongya/utils/basic/object/attrValueSort";
+import { setCss } from "@fangzhongya/utils/css/setCss";
+import { getCss } from "@fangzhongya/utils/css/getCss";
+import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import vDrag from "../../../directives/drag/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const initial = {
+      left: "right",
+      right: "left",
+      top: "bottom",
+      bottom: "top"
+    };
+    const { getLocale } = useLocale();
+    const cs = useCssName("stick-edge");
+    const props = __props;
+    const emit = __emit;
+    const refDom = shallowRef();
+    const fRect = shallowRef({});
+    function onMousedown(e, p) {
+      setCss(refDom.value, {
+        left: p.left + "px",
+        top: p.top + "px",
+        right: "initial",
+        bottom: "initial"
+      });
+      return p;
+    }
+    function onMouseup(j, k, p) {
+      const seat = getSeat(p);
+      const arr = getDirection(seat);
+      setDirection(refDom.value, arr[0]);
+    }
+    function getSeat(rect) {
+      return {
+        left: rect.left,
+        top: rect.top,
+        right: fRect.value.width - rect.width - rect.left,
+        bottom: fRect.value.height - rect.height - rect.top
+      };
+    }
+    function getDirection(obj) {
+      const v = props.direction;
+      let keys = [];
+      if (v && v.length > 0) {
+        if (v instanceof Array) {
+          keys = v;
+        } else {
+          keys = [v];
+        }
+      } else {
+        keys = ["left", "right", "top", "bottom"];
+      }
+      return attrValueSort(obj, keys);
+    }
+    function setDirection(dom, key) {
+      setCss(dom, initial[key], "initial");
+      setCss(dom, key, "0");
+    }
+    function getPosition(el, key) {
+      return Number(getCss(el, key).replace(/[a-z|A-Z]*$/, ""));
+    }
+    onMounted(() => {
+      if (props.isFixed) {
+        fRect.value = {
+          width: window.innerWidth,
+          height: window.innerHeight,
+          left: 0,
+          top: 0
+        };
+      } else {
+        const fdom = getPositionRelative(refDom.value);
+        fRect.value = {
+          width: getPosition(fdom, "width"),
+          height: getPosition(fdom, "height"),
+          left: 0,
+          top: 0
+        };
+      }
+    });
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z()),
+        style: normalizeStyle({
+          position: props.isFixed ? "fixed" : "absolute"
+        }),
+        ref_key: "refDom",
+        ref: refDom
+      }, [
+        renderSlot(_ctx.$slots, unref(dataSlot).default)
+      ], 6)), [
+        [unref(vDrag), {
+          dom: props.drag,
+          onMousedown,
+          onMouseup
+        }]
+      ]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/stick-window/index.cjs

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const withInstall = require("../../utils/vues/withInstall.cjs");
-const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const StickWindow = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "StickWindow");
 exports.StickWindow = StickWindow;
 exports.default = StickWindow;

package/dist/components/stick-window/index.js

@@ -1,5 +1,6 @@
 import { withInstall } from "../../utils/vues/withInstall.js";
-import _sfc_main from "./src/index.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
 const StickWindow = withInstall(_sfc_main, "StickWindow");
 export {
   StickWindow,

package/dist/components/stick-window/src/index.cjs

@@ -1,108 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const index$2 = require("../../box-teleport/index.cjs");
-const data = require("./data.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-const index = require("../../../hooks/locale/index.cjs");
-const index$3 = require("../../../directives/stick/index.cjs");
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["onClick", "title"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("stick-window");
-    const props = __props;
-    const windowObjs = vue.ref([]);
-    const stick = {
-      direction: props.direction,
-      directions: props.directions,
-      dom: props.drag,
-      often: props.often
-    };
-    function onClick(item, index2) {
-      if (item.value) {
-        item?.value();
-      }
-    }
-    function onClose(item, index2) {
-      if (item.close) {
-        item.close();
-      }
-      windowObjs.value.splice(index2, 1);
-    }
-    function isKey(s) {
-      return windowObjs.value.map((o) => o.key).includes(s);
-    }
-    function add(s, a, r, t) {
-      if (!isKey(s)) {
-        windowObjs.value.push({
-          key: s,
-          value: a,
-          close: r,
-          title: t
-        });
-      }
-    }
-    function remove(s, t) {
-      windowObjs.value = windowObjs.value.filter((v) => {
-        return v.key !== s;
-      });
-    }
-    __expose({
-      ...data.dataExpose,
-      add,
-      remove
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
-        disabled: props.disabled,
-        to: props.to
-      }, {
-        default: vue.withCtx(() => [
-          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-            class: vue.normalizeClass(vue.unref(cs).z())
-          }, [
-            vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).top),
-            vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default, { values: windowObjs.value }, () => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(windowObjs.value, (item, index2) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
-                  class: vue.normalizeClass(vue.unref(cs).z("window-li")),
-                  key: index2
-                }, [
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass(vue.unref(cs).z("window-li-title")),
-                    onClick: ($event) => onClick(item)
-                  }, vue.toDisplayString(item.title), 11, _hoisted_1),
-                  vue.createElementVNode("i", {
-                    onClick: ($event) => onClose(item, index2),
-                    class: vue.normalizeClass(vue.unref(cs).z("window-li-close")),
-                    title: vue.unref(getLocale)("close")
-                  }, _cache[0] || (_cache[0] = [
-                    vue.createElementVNode("svg", {
-                      viewBox: "0 0 1024 1024",
-                      xmlns: "http://www.w3.org/2000/svg"
-                    }, [
-                      vue.createElementVNode("path", {
-                        fill: "currentColor",
-                        d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-                      })
-                    ], -1)
-                  ]), 10, _hoisted_2)
-                ], 2);
-              }), 128))
-            ]),
-            vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).bottom)
-          ], 2)), [
-            [vue.unref(index$3.default), stick]
-          ])
-        ]),
-        _: 3
-      }, 8, ["disabled", "to"]);
-    };
-  }
-});
-exports.default = _sfc_main;
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/stick-window/src/index.js

@@ -1,108 +1,4 @@
-import { defineComponent, ref, createBlock, openBlock, unref, withCtx, withDirectives, createElementBlock, normalizeClass, renderSlot, Fragment, renderList, createElementVNode, toDisplayString } from "vue";
-import { BoxTeleport } from "../../box-teleport/index.js";
-import { dataEmits, dataProps, dataExpose, dataSlot } from "./data.js";
-import { useCssName } from "../../../hooks/cssname/index.js";
-import { useLocale } from "../../../hooks/locale/index.js";
-import vStick from "../../../directives/stick/index.js";
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["onClick", "title"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: dataProps,
-  emits: dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const { getLocale } = useLocale();
-    const cs = useCssName("stick-window");
-    const props = __props;
-    const windowObjs = ref([]);
-    const stick = {
-      direction: props.direction,
-      directions: props.directions,
-      dom: props.drag,
-      often: props.often
-    };
-    function onClick(item, index) {
-      if (item.value) {
-        item?.value();
-      }
-    }
-    function onClose(item, index) {
-      if (item.close) {
-        item.close();
-      }
-      windowObjs.value.splice(index, 1);
-    }
-    function isKey(s) {
-      return windowObjs.value.map((o) => o.key).includes(s);
-    }
-    function add(s, a, r, t) {
-      if (!isKey(s)) {
-        windowObjs.value.push({
-          key: s,
-          value: a,
-          close: r,
-          title: t
-        });
-      }
-    }
-    function remove(s, t) {
-      windowObjs.value = windowObjs.value.filter((v) => {
-        return v.key !== s;
-      });
-    }
-    __expose({
-      ...dataExpose,
-      add,
-      remove
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(BoxTeleport), {
-        disabled: props.disabled,
-        to: props.to
-      }, {
-        default: withCtx(() => [
-          withDirectives((openBlock(), createElementBlock("div", {
-            class: normalizeClass(unref(cs).z())
-          }, [
-            renderSlot(_ctx.$slots, unref(dataSlot).top),
-            renderSlot(_ctx.$slots, unref(dataSlot).default, { values: windowObjs.value }, () => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(windowObjs.value, (item, index) => {
-                return openBlock(), createElementBlock("div", {
-                  class: normalizeClass(unref(cs).z("window-li")),
-                  key: index
-                }, [
-                  createElementVNode("span", {
-                    class: normalizeClass(unref(cs).z("window-li-title")),
-                    onClick: ($event) => onClick(item)
-                  }, toDisplayString(item.title), 11, _hoisted_1),
-                  createElementVNode("i", {
-                    onClick: ($event) => onClose(item, index),
-                    class: normalizeClass(unref(cs).z("window-li-close")),
-                    title: unref(getLocale)("close")
-                  }, _cache[0] || (_cache[0] = [
-                    createElementVNode("svg", {
-                      viewBox: "0 0 1024 1024",
-                      xmlns: "http://www.w3.org/2000/svg"
-                    }, [
-                      createElementVNode("path", {
-                        fill: "currentColor",
-                        d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-                      })
-                    ], -1)
-                  ]), 10, _hoisted_2)
-                ], 2);
-              }), 128))
-            ]),
-            renderSlot(_ctx.$slots, unref(dataSlot).bottom)
-          ], 2)), [
-            [unref(vStick), stick]
-          ])
-        ]),
-        _: 3
-      }, 8, ["disabled", "to"]);
-    };
-  }
-});
+import _sfc_main from "./index2.js";
 export {
   _sfc_main as default
 };

package/dist/components/stick-window/src/index2.cjs

@@ -1,4 +1,105 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
-exports.default = index_vue_vue_type_script_setup_true_lang.default;
+const vue = require("vue");
+const index$2 = require("../../box-teleport/index.cjs");
+const data = require("./data.cjs");
+const index$3 = require("../../icon/index.cjs");
+const close = require("../../../icons/vue/close.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
+const index$4 = require("../../../directives/stick/index.cjs");
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = index.useLocale();
+    const cs = index$1.useCssName("stick-window");
+    const props = __props;
+    const emit = __emit;
+    const windowObjs = vue.ref([]);
+    const stick = {
+      direction: props.direction,
+      directions: props.directions,
+      dom: props.drag,
+      often: props.often
+    };
+    function onClick(item, index2) {
+      if (item.value) {
+        item?.value();
+      }
+    }
+    function onClose(item, index2) {
+      if (item.close) {
+        item.close();
+      }
+      windowObjs.value.splice(index2, 1);
+    }
+    function isKey(s) {
+      return windowObjs.value.map((o) => o.key).includes(s);
+    }
+    function add(s, a, r, t) {
+      if (!isKey(s)) {
+        windowObjs.value.push({
+          key: s,
+          value: a,
+          close: r,
+          title: t
+        });
+      }
+    }
+    function remove(s, t) {
+      windowObjs.value = windowObjs.value.filter((v) => {
+        return v.key !== s;
+      });
+    }
+    __expose({
+      ...data.dataExpose,
+      add,
+      remove
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
+        disabled: props.disabled,
+        to: props.to
+      }, {
+        default: vue.withCtx(() => [
+          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+            class: vue.normalizeClass(vue.unref(cs).z())
+          }, [
+            vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).top),
+            vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default, { values: windowObjs.value }, () => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(windowObjs.value, (item, index2) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("window-li")),
+                  key: index2
+                }, [
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass(vue.unref(cs).z("window-li-title")),
+                    onClick: ($event) => onClick(item, index2)
+                  }, vue.toDisplayString(item.title), 11, _hoisted_1),
+                  vue.createVNode(vue.unref(index$3.Icon), {
+                    onClick: ($event) => onClose(item, index2),
+                    class: vue.normalizeClass(vue.unref(cs).z("window-li-close")),
+                    title: vue.unref(getLocale)("close")
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(close.default)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick", "class", "title"])
+                ], 2);
+              }), 128))
+            ]),
+            vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).bottom)
+          ], 2)), [
+            [vue.unref(index$4.default), stick]
+          ])
+        ]),
+        _: 3
+      }, 8, ["disabled", "to"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/stick-window/src/index2.js

@@ -1,4 +1,105 @@
-import _sfc_main from "./index.js";
+import { defineComponent, ref, createBlock, openBlock, unref, withCtx, withDirectives, createElementBlock, normalizeClass, renderSlot, Fragment, renderList, createElementVNode, createVNode, toDisplayString } from "vue";
+import { BoxTeleport } from "../../box-teleport/index.js";
+import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { Icon } from "../../icon/index.js";
+import Close from "../../../icons/vue/close.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import vStick from "../../../directives/stick/index.js";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = useLocale();
+    const cs = useCssName("stick-window");
+    const props = __props;
+    const emit = __emit;
+    const windowObjs = ref([]);
+    const stick = {
+      direction: props.direction,
+      directions: props.directions,
+      dom: props.drag,
+      often: props.often
+    };
+    function onClick(item, index) {
+      if (item.value) {
+        item?.value();
+      }
+    }
+    function onClose(item, index) {
+      if (item.close) {
+        item.close();
+      }
+      windowObjs.value.splice(index, 1);
+    }
+    function isKey(s) {
+      return windowObjs.value.map((o) => o.key).includes(s);
+    }
+    function add(s, a, r, t) {
+      if (!isKey(s)) {
+        windowObjs.value.push({
+          key: s,
+          value: a,
+          close: r,
+          title: t
+        });
+      }
+    }
+    function remove(s, t) {
+      windowObjs.value = windowObjs.value.filter((v) => {
+        return v.key !== s;
+      });
+    }
+    __expose({
+      ...dataExpose,
+      add,
+      remove
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(BoxTeleport), {
+        disabled: props.disabled,
+        to: props.to
+      }, {
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", {
+            class: normalizeClass(unref(cs).z())
+          }, [
+            renderSlot(_ctx.$slots, unref(dataSlot).top),
+            renderSlot(_ctx.$slots, unref(dataSlot).default, { values: windowObjs.value }, () => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(windowObjs.value, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  class: normalizeClass(unref(cs).z("window-li")),
+                  key: index
+                }, [
+                  createElementVNode("span", {
+                    class: normalizeClass(unref(cs).z("window-li-title")),
+                    onClick: ($event) => onClick(item, index)
+                  }, toDisplayString(item.title), 11, _hoisted_1),
+                  createVNode(unref(Icon), {
+                    onClick: ($event) => onClose(item, index),
+                    class: normalizeClass(unref(cs).z("window-li-close")),
+                    title: unref(getLocale)("close")
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(Close)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick", "class", "title"])
+                ], 2);
+              }), 128))
+            ]),
+            renderSlot(_ctx.$slots, unref(dataSlot).bottom)
+          ], 2)), [
+            [unref(vStick), stick]
+          ])
+        ]),
+        _: 3
+      }, 8, ["disabled", "to"]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };