@fangzhongya/fang-ui 0.0.3 → 0.0.4

package/dist/components/stick-div/index.d.ts

@@ -0,0 +1,112 @@
+declare const StickDiv: import('../../utils/vues').WithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        direction: {
+            type: import('vue').PropType<import('./src/data').Direction>;
+            default: string;
+        };
+        directions: {
+            type: {
+                (arrayLength: number): import('./src/data').Direction[];
+                (...items: import('./src/data').Direction[]): import('./src/data').Direction[];
+                new (arrayLength: number): import('./src/data').Direction[];
+                new (...items: import('./src/data').Direction[]): import('./src/data').Direction[];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                of<T>(...items: T[]): T[];
+                fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+                fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+                readonly [Symbol.species]: ArrayConstructor;
+            };
+            default(): string[];
+        };
+        often: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        direction: import('./src/data').Direction;
+        often: boolean;
+        directions: import('./src/data').Direction[];
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        refDom: HTMLDivElement;
+        refStick: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        direction: {
+            type: import('vue').PropType<import('./src/data').Direction>;
+            default: string;
+        };
+        directions: {
+            type: {
+                (arrayLength: number): import('./src/data').Direction[];
+                (...items: import('./src/data').Direction[]): import('./src/data').Direction[];
+                new (arrayLength: number): import('./src/data').Direction[];
+                new (...items: import('./src/data').Direction[]): import('./src/data').Direction[];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                of<T>(...items: T[]): T[];
+                fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+                fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+                readonly [Symbol.species]: ArrayConstructor;
+            };
+            default(): string[];
+        };
+        often: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        direction: import('./src/data').Direction;
+        often: boolean;
+        directions: import('./src/data').Direction[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+        type: import('vue').PropType<import('./src/data').Direction>;
+        default: string;
+    };
+    directions: {
+        type: {
+            (arrayLength: number): import('./src/data').Direction[];
+            (...items: import('./src/data').Direction[]): import('./src/data').Direction[];
+            new (arrayLength: number): import('./src/data').Direction[];
+            new (...items: import('./src/data').Direction[]): import('./src/data').Direction[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default(): string[];
+    };
+    often: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    direction: import('./src/data').Direction;
+    often: boolean;
+    directions: import('./src/data').Direction[];
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>;
+})> & Record<string, any>;
+export { StickDiv, StickDiv as default };

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

@@ -0,0 +1,7 @@
+import { withInstall } from "../../utils/vues/withInstall.js";
+import _sfc_main from "./src/index.js";
+const StickDiv = withInstall(_sfc_main, "StickDiv");
+export {
+  StickDiv,
+  StickDiv as default
+};

package/dist/components/stick-div/src/data.cjs

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const definePropType = require("../../../utils/vues/definePropType.cjs");
+const dataProps = buildProps.buildProps({
+  /**
+   * @props { String } direction=bottom ( ) 方向
+   */
+  direction: {
+    type: definePropType.definePropType(String),
+    default: "bottom"
+  },
+  /**
+   * @props { Array } direction= ( ) 方向默认是全部
+   */
+  directions: {
+    type: Array,
+    default() {
+      return ["left", "right", "top", "bottom"];
+    }
+  },
+  /**
+   * @props { Boolean } often= ( ) 是否时时变化
+   */
+  often: {
+    type: Boolean
+  }
+});
+const dataEmits = {};
+const dataSlot = {
+  stick: "stick",
+  default: "default"
+};
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

package/dist/components/stick-div/src/data.d.ts

@@ -0,0 +1,55 @@
+import { ExtractPublicPropTypes } from 'vue';
+export type Direction = 'left' | 'right' | 'top' | 'bottom';
+export declare const dataProps: {
+    /**
+     * @props { String } direction=bottom ( ) 方向
+     */
+    direction: {
+        type: import('vue').PropType<Direction>;
+        default: string;
+    };
+    /**
+     * @props { Array } direction= ( ) 方向默认是全部
+     */
+    directions: {
+        type: {
+            (arrayLength: number): Direction[];
+            (...items: Direction[]): Direction[];
+            new (arrayLength: number): Direction[];
+            new (...items: Direction[]): Direction[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default(): string[];
+    };
+    /**
+     * @props { Boolean } often= ( ) 是否时时变化
+     */
+    often: {
+        type: BooleanConstructor;
+    };
+};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+/**
+ */
+export declare const dataEmits: {};
+export type DataEmits = typeof dataEmits;
+/**
+ * @slot default 默认插槽
+ * @slot stick 可以调整的内容
+ */
+export declare const dataSlot: {
+    stick: string;
+    default: string;
+};
+/**
+ */
+export declare const dataExpose: {};

package/dist/components/stick-div/src/data.js

@@ -0,0 +1,38 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+import { definePropType } from "../../../utils/vues/definePropType.js";
+const dataProps = buildProps({
+  /**
+   * @props { String } direction=bottom ( ) 方向
+   */
+  direction: {
+    type: definePropType(String),
+    default: "bottom"
+  },
+  /**
+   * @props { Array } direction= ( ) 方向默认是全部
+   */
+  directions: {
+    type: Array,
+    default() {
+      return ["left", "right", "top", "bottom"];
+    }
+  },
+  /**
+   * @props { Boolean } often= ( ) 是否时时变化
+   */
+  often: {
+    type: Boolean
+  }
+});
+const dataEmits = {};
+const dataSlot = {
+  stick: "stick",
+  default: "default"
+};
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot
+};

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

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const getShiftEvent = require("@fangzhongya/utils/dom/getShiftEvent");
+const attrValueSort = require("@fangzhongya/utils/basic/object/attrValueSort");
+const data = require("./data.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    index.useLocale();
+    const directions = {
+      top: "column",
+      bottom: "column-reverse",
+      left: "row",
+      right: "row-reverse"
+    };
+    const cs = index$1.useCssName("stick-div");
+    const props = __props;
+    const refDom = vue.shallowRef();
+    const refStick = vue.shallowRef();
+    const seat = vue.shallowRef(props.direction);
+    const flexDirection = vue.computed(() => {
+      return directions[seat.value];
+    });
+    function getDirection(obj) {
+      return attrValueSort.attrValueSort(obj, props.directions)[0];
+    }
+    vue.onMounted(() => {
+      const bodyStyle = document.body.style;
+      const cursor = bodyStyle.cursor;
+      let rect;
+      const setValue = (event) => {
+        seat.value = getDirection({
+          left: event.clientX - rect.left,
+          top: event.clientY - rect.top,
+          right: rect.left + rect.width - event.clientX,
+          bottom: rect.top + rect.height - event.clientY
+        });
+      };
+      const handleMouseMove = (event) => {
+        if (props.often) {
+          setValue(event);
+        }
+      };
+      const handleMouseUp = (event) => {
+        setValue(event);
+        bodyStyle.cursor = cursor;
+      };
+      const mousedown = () => {
+        bodyStyle.cursor = "move";
+        rect = refDom.value.getBoundingClientRect();
+        return true;
+      };
+      getShiftEvent.pressEvent(refStick.value, mousedown, handleMouseMove, handleMouseUp);
+    });
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z()),
+        style: vue.normalizeStyle({
+          display: "flex",
+          flexDirection: flexDirection.value
+        }),
+        ref_key: "refDom",
+        ref: refDom
+      }, [
+        vue.createElementVNode("div", {
+          ref_key: "refStick",
+          ref: refStick,
+          style: vue.normalizeStyle({
+            display: "flex",
+            flexDirection: seat.value == "left" || seat.value == "right" ? "column" : "row"
+          }),
+          class: vue.normalizeClass(vue.unref(cs).z("stick"))
+        }, [
+          vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).stick)
+        ], 6),
+        vue.createElementVNode("div", {
+          style: {
+            flex: "1"
+          },
+          class: vue.normalizeClass(vue.unref(cs).z("body"))
+        }, [
+          vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
+        ], 2)
+      ], 6);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/stick-div/src/index.d.ts

@@ -0,0 +1,80 @@
+import { Direction } from './data';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>;
+    refs: {
+        refDom: HTMLDivElement;
+        refStick: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    direction: {
+        type: import('vue').PropType<Direction>;
+        default: string;
+    };
+    directions: {
+        type: {
+            (arrayLength: number): Direction[];
+            (...items: Direction[]): Direction[];
+            new (arrayLength: number): Direction[];
+            new (...items: Direction[]): Direction[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default(): string[];
+    };
+    often: {
+        type: BooleanConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+        type: import('vue').PropType<Direction>;
+        default: string;
+    };
+    directions: {
+        type: {
+            (arrayLength: number): Direction[];
+            (...items: Direction[]): Direction[];
+            new (arrayLength: number): Direction[];
+            new (...items: Direction[]): Direction[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default(): string[];
+    };
+    often: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    direction: Direction;
+    often: boolean;
+    directions: Direction[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    refDom: HTMLDivElement;
+    refStick: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,96 @@
+import { defineComponent, shallowRef, computed, onMounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, renderSlot } from "vue";
+import { pressEvent } from "@fangzhongya/utils/dom/getShiftEvent";
+import { attrValueSort } from "@fangzhongya/utils/basic/object/attrValueSort";
+import { dataEmits, dataProps, dataExpose, dataSlot } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    useLocale();
+    const directions = {
+      top: "column",
+      bottom: "column-reverse",
+      left: "row",
+      right: "row-reverse"
+    };
+    const cs = useCssName("stick-div");
+    const props = __props;
+    const refDom = shallowRef();
+    const refStick = shallowRef();
+    const seat = shallowRef(props.direction);
+    const flexDirection = computed(() => {
+      return directions[seat.value];
+    });
+    function getDirection(obj) {
+      return attrValueSort(obj, props.directions)[0];
+    }
+    onMounted(() => {
+      const bodyStyle = document.body.style;
+      const cursor = bodyStyle.cursor;
+      let rect;
+      const setValue = (event) => {
+        seat.value = getDirection({
+          left: event.clientX - rect.left,
+          top: event.clientY - rect.top,
+          right: rect.left + rect.width - event.clientX,
+          bottom: rect.top + rect.height - event.clientY
+        });
+      };
+      const handleMouseMove = (event) => {
+        if (props.often) {
+          setValue(event);
+        }
+      };
+      const handleMouseUp = (event) => {
+        setValue(event);
+        bodyStyle.cursor = cursor;
+      };
+      const mousedown = () => {
+        bodyStyle.cursor = "move";
+        rect = refDom.value.getBoundingClientRect();
+        return true;
+      };
+      pressEvent(refStick.value, mousedown, handleMouseMove, handleMouseUp);
+    });
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z()),
+        style: normalizeStyle({
+          display: "flex",
+          flexDirection: flexDirection.value
+        }),
+        ref_key: "refDom",
+        ref: refDom
+      }, [
+        createElementVNode("div", {
+          ref_key: "refStick",
+          ref: refStick,
+          style: normalizeStyle({
+            display: "flex",
+            flexDirection: seat.value == "left" || seat.value == "right" ? "column" : "row"
+          }),
+          class: normalizeClass(unref(cs).z("stick"))
+        }, [
+          renderSlot(_ctx.$slots, unref(dataSlot).stick)
+        ], 6),
+        createElementVNode("div", {
+          style: {
+            flex: "1"
+          },
+          class: normalizeClass(unref(cs).z("body"))
+        }, [
+          renderSlot(_ctx.$slots, unref(dataSlot).default)
+        ], 2)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./index.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,7 @@
+"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");
+const StickEdge = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "StickEdge");
+exports.StickEdge = StickEdge;
+exports.default = StickEdge;

package/dist/components/stick-edge/index.d.ts

@@ -0,0 +1,111 @@
+declare const StickEdge: import('../../utils/vues').WithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        drag: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: boolean;
+        };
+        direction: {
+            type: (StringConstructor | {
+                (arrayLength: number): ("" | "bottom" | "top" | "right" | "left")[];
+                (...items: ("" | "bottom" | "top" | "right" | "left")[]): ("" | "bottom" | "top" | "right" | "left")[];
+                new (arrayLength: number): ("" | "bottom" | "top" | "right" | "left")[];
+                new (...items: ("" | "bottom" | "top" | "right" | "left")[]): ("" | "bottom" | "top" | "right" | "left")[];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                of<T>(...items: T[]): T[];
+                fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+                fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+                readonly [Symbol.species]: ArrayConstructor;
+            })[];
+            default: string;
+        };
+        isFixed: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        direction: string | ("" | "bottom" | "top" | "right" | "left")[];
+        drag: string | boolean;
+        isFixed: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        refDom: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        drag: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: boolean;
+        };
+        direction: {
+            type: (StringConstructor | {
+                (arrayLength: number): ("" | "bottom" | "top" | "right" | "left")[];
+                (...items: ("" | "bottom" | "top" | "right" | "left")[]): ("" | "bottom" | "top" | "right" | "left")[];
+                new (arrayLength: number): ("" | "bottom" | "top" | "right" | "left")[];
+                new (...items: ("" | "bottom" | "top" | "right" | "left")[]): ("" | "bottom" | "top" | "right" | "left")[];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                of<T>(...items: T[]): T[];
+                fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+                fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+                readonly [Symbol.species]: ArrayConstructor;
+            })[];
+            default: string;
+        };
+        isFixed: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        direction: string | ("" | "bottom" | "top" | "right" | "left")[];
+        drag: string | boolean;
+        isFixed: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    drag: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    direction: {
+        type: (StringConstructor | {
+            (arrayLength: number): ("" | "bottom" | "top" | "right" | "left")[];
+            (...items: ("" | "bottom" | "top" | "right" | "left")[]): ("" | "bottom" | "top" | "right" | "left")[];
+            new (arrayLength: number): ("" | "bottom" | "top" | "right" | "left")[];
+            new (...items: ("" | "bottom" | "top" | "right" | "left")[]): ("" | "bottom" | "top" | "right" | "left")[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        })[];
+        default: string;
+    };
+    isFixed: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    direction: string | ("" | "bottom" | "top" | "right" | "left")[];
+    drag: string | boolean;
+    isFixed: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {}) => any>>;
+})> & Record<string, any>;
+export { StickEdge, StickEdge as default };

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

@@ -0,0 +1,7 @@
+import { withInstall } from "../../utils/vues/withInstall.js";
+import _sfc_main from "./src/index.js";
+const StickEdge = withInstall(_sfc_main, "StickEdge");
+export {
+  StickEdge,
+  StickEdge as default
+};