@fangzhongya/fang-ui 0.0.14 → 0.0.16

package/dist/components/slider/src/index.vue

@@ -0,0 +1,30 @@
+<template>
+	<div :class="[cs.z()]" v-bind="attrs.root">
+		<ElSlider v-bind="attrs.assem" ref="refEl">
+			<template v-for="k in Object.keys(slots)" v-slot:[k] :key="k">
+				<slot :name="k"></slot>
+			</template>
+		</ElSlider>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import { useCssName, useLocale, useInherit } from '../../../hooks/index';
+	import { ref, useSlots } from 'vue';
+	import { ElSlider } from 'element-plus';
+	import type { Slots } from 'vue';
+	const refEl = ref();
+	const attrs = useInherit();
+	const slots: Slots = useSlots();
+	// 样式设置方法
+	const cs = useCssName('slider');
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	defineExpose({
+		...dataExpose,
+		refEl,
+	});
+</script>
+<style lang="scss"></style>

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

@@ -1,15 +1,17 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { Direction } from './src/data';
 declare const StickDiv: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         direction: {
-            type: import('vue').PropType<import('./src/data').Direction>;
+            type: PropType<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[];
+                (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[];
@@ -26,31 +28,31 @@ declare const StickDiv: {
         often: {
             type: BooleanConstructor;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        direction: import('./src/data').Direction;
+    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        direction: Direction;
         often: boolean;
-        directions: import('./src/data').Direction[];
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        directions: Direction[];
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
         refDom: HTMLDivElement;
         refStick: HTMLDivElement;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         direction: {
-            type: import('vue').PropType<import('./src/data').Direction>;
+            type: PropType<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[];
+                (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[];
@@ -68,24 +70,24 @@ declare const StickDiv: {
             type: BooleanConstructor;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        direction: import('./src/data').Direction;
+        direction: Direction;
         often: boolean;
-        directions: import('./src/data').Direction[];
+        directions: Direction[];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     direction: {
-        type: import('vue').PropType<import('./src/data').Direction>;
+        type: PropType<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[];
+            (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[];
@@ -102,11 +104,11 @@ declare const StickDiv: {
     often: {
         type: BooleanConstructor;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    direction: import('./src/data').Direction;
+}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    direction: 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 () => {
+    directions: Direction[];
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>;
-}) & import('vue').Plugin;
+}) & Plugin;
 export { StickDiv, StickDiv as default };

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

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

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

@@ -1,11 +1,11 @@
-import { ExtractPublicPropTypes } from 'vue';
+import { ExtractPublicPropTypes, PropType } from 'vue';
 export type Direction = 'left' | 'right' | 'top' | 'bottom';
 export declare const dataProps: {
     /**
      * @props { String } direction=bottom ( ) 方向
      */
     direction: {
-        type: import('vue').PropType<Direction>;
+        type: PropType<Direction>;
         default: string;
     };
     /**

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

@@ -0,0 +1,50 @@
+import type { ExtractPublicPropTypes } from 'vue';
+
+import { buildProps } from '../../../utils/vues/buildProps';
+import { definePropType } from '../../../utils/vues/definePropType';
+export type Direction = 'left' | 'right' | 'top' | 'bottom';
+export const dataProps = buildProps({
+	/**
+	 * @props { String } direction=bottom ( ) 方向
+	 */
+	direction: {
+		type: definePropType<Direction>(String),
+		default: 'bottom',
+	},
+	/**
+	 * @props { Array } direction= ( ) 方向默认是全部
+	 */
+	directions: {
+		type: Array<Direction>,
+		default() {
+			return ['left', 'right', 'top', 'bottom'];
+		},
+	},
+	/**
+	 * @props { Boolean } often= ( ) 是否时时变化
+	 */
+	often: {
+		type: Boolean,
+	},
+});
+
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+
+/**
+ */
+export const dataEmits = {};
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot default 默认插槽
+ * @slot stick 可以调整的内容
+ */
+export const dataSlot = {
+	stick: 'stick',
+	default: 'default',
+};
+
+/**
+ */
+export const dataExpose = {};

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+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__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -20,16 +20,16 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     };
     const cs = index$1.useCssName("stick-div");
     const props = __props;
-    const refDom = require$$0.shallowRef();
-    const refStick = require$$0.shallowRef();
-    const seat = require$$0.shallowRef(props.direction);
-    const flexDirection = require$$0.computed(() => {
+    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];
     }
-    require$$0.onMounted(() => {
+    vue.onMounted(() => {
       const bodyStyle = document.body.style;
       const cursor = bodyStyle.cursor;
       let rect;
@@ -61,33 +61,33 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("div", {
-        class: require$$0.normalizeClass(require$$0.unref(cs).z()),
-        style: require$$0.normalizeStyle({
+      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
       }, [
-        require$$0.createElementVNode("div", {
+        vue.createElementVNode("div", {
           ref_key: "refStick",
           ref: refStick,
-          style: require$$0.normalizeStyle({
+          style: vue.normalizeStyle({
             display: "flex",
             flexDirection: seat.value == "left" || seat.value == "right" ? "column" : "row"
           }),
-          class: require$$0.normalizeClass(require$$0.unref(cs).z("stick"))
+          class: vue.normalizeClass(vue.unref(cs).z("stick"))
         }, [
-          require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).stick)
+          vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).stick)
         ], 6),
-        require$$0.createElementVNode("div", {
+        vue.createElementVNode("div", {
           style: {
             flex: "1"
           },
-          class: require$$0.normalizeClass(require$$0.unref(cs).z("body"))
+          class: vue.normalizeClass(vue.unref(cs).z("body"))
         }, [
-          require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).default)
+          vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
         ], 2)
       ], 6);
     };

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

@@ -1,4 +1,5 @@
 import { Direction } from './data';
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>;
@@ -9,9 +10,9 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     direction: {
-        type: import('vue').PropType<Direction>;
+        type: PropType<Direction>;
         default: string;
     };
     directions: {
@@ -36,9 +37,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     often: {
         type: BooleanConstructor;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     direction: {
-        type: import('vue').PropType<Direction>;
+        type: PropType<Direction>;
         default: string;
     };
     directions: {
@@ -67,7 +68,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     direction: Direction;
     often: boolean;
     directions: Direction[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
     refDom: HTMLDivElement;
     refStick: HTMLDivElement;
 }, HTMLDivElement>;

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

@@ -0,0 +1,102 @@
+<template>
+	<div
+		:class="cs.z()"
+		:style="{
+			display: 'flex',
+			flexDirection: flexDirection,
+		}"
+		ref="refDom"
+	>
+		<div
+			ref="refStick"
+			:style="{
+				display: 'flex',
+				flexDirection:
+					seat == 'left' || seat == 'right' ? 'column' : 'row',
+			}"
+			:class="cs.z('stick')"
+		>
+			<slot :name="dataSlot.stick"></slot>
+		</div>
+		<div
+			:style="{
+				flex: '1',
+			}"
+			:class="cs.z('body')"
+		>
+			<slot :name="dataSlot.default"></slot>
+		</div>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { pressEvent } from '@fangzhongya/utils/dom/getShiftEvent';
+	import { attrValueSort } from '@fangzhongya/utils/basic/object/attrValueSort';
+	import {
+		dataProps,
+		dataEmits,
+		dataExpose,
+		dataSlot,
+		type Direction,
+	} from './data';
+	import { useCssName } from '../../../hooks/cssname';
+	import { useLocale } from '../../../hooks/locale';
+	import { onMounted, shallowRef, computed } from 'vue';
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	const directions = {
+		top: 'column',
+		bottom: 'column-reverse',
+		left: 'row',
+		right: 'row-reverse',
+	};
+	type FlexDirection = 'column' | 'column-reverse' | 'row' | 'row-reverse';
+	// 样式设置方法
+	const cs = useCssName('stick-div');
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	const refDom = shallowRef();
+	const refStick = shallowRef();
+	const seat = shallowRef(props.direction);
+	const flexDirection = computed<FlexDirection>(() => {
+		return directions[seat.value] as FlexDirection;
+	});
+
+	function getDirection(obj: { [key: string]: number }): Direction {
+		return attrValueSort(obj, props.directions)[0] as Direction;
+	}
+	onMounted(() => {
+		type SeatEvent = MouseEvent | Touch;
+		const bodyStyle = document.body.style;
+		const cursor = bodyStyle.cursor;
+		let rect: DOMRect;
+		const setValue = (event: SeatEvent) => {
+			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: SeatEvent) => {
+			if (props.often) {
+				setValue(event);
+			}
+		};
+		const handleMouseUp = (event: SeatEvent) => {
+			setValue(event);
+			bodyStyle.cursor = cursor;
+		};
+		const mousedown = () => {
+			bodyStyle.cursor = 'move';
+			rect = refDom.value.getBoundingClientRect();
+			//鼠标指针的位置发生变化时
+			return true;
+		};
+		// 在鼠标键点下的时候触发（包括左键和右键）
+		pressEvent(refStick.value, mousedown, handleMouseMove, handleMouseUp);
+	});
+	defineExpose({
+		...dataExpose,
+	});
+</script>
+<style lang="scss"></style>

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

@@ -1,5 +1,6 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 declare const StickEdge: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         drag: {
             type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
@@ -26,20 +27,20 @@ declare const StickEdge: {
         isFixed: {
             type: BooleanConstructor;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         direction: string | ("" | "left" | "right" | "bottom" | "top")[];
         drag: string | boolean;
         isFixed: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
         refDom: HTMLDivElement;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         drag: {
             type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
@@ -74,7 +75,7 @@ declare const StickEdge: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     drag: {
         type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
@@ -101,11 +102,11 @@ declare const StickEdge: {
     isFixed: {
         type: BooleanConstructor;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     direction: string | ("" | "left" | "right" | "bottom" | "top")[];
     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 () => {
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {}) => any>>;
-}) & import('vue').Plugin;
+}) & Plugin;
 export { StickEdge, StickEdge as default };

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

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

package/dist/components/stick-edge/src/data.ts

@@ -0,0 +1,49 @@
+import type { ExtractPublicPropTypes } from 'vue';
+
+import { buildProps } from '../../../utils/vues/buildProps';
+import { definePropType } from '../../../utils/vues/definePropType';
+type Direction = '' | 'left' | 'right' | 'top' | 'bottom';
+
+export const dataProps = buildProps({
+	/**
+	 * @props { String, Boolean } drag=true ( ) 可拖拽的元素样式 为空字符串就不拖拽
+	 */
+	drag: {
+		type: [String, Boolean],
+		default: true,
+	},
+	/**
+	 * @props { } direction= ( ) 方向默认是全部
+	 */
+	direction: {
+		// 打包时代码报错
+		// type: [definePropType<Direction>(String), Array<Direction>],
+		type: [String, Array<Direction>],
+		default: '',
+	},
+	/**
+	 * @props { } isFixed= ( ) 是否是绝对定位
+	 */
+	isFixed: {
+		type: Boolean,
+	},
+});
+
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+
+/**
+ */
+export const dataEmits = {};
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot default 默认插槽
+ */
+export const dataSlot = {
+	default: 'default',
+};
+
+/**
+ */
+export const dataExpose = {};

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+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");
@@ -9,7 +9,7 @@ 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__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -23,8 +23,8 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     index.useLocale();
     const cs = index$1.useCssName("stick-edge");
     const props = __props;
-    const refDom = require$$0.shallowRef();
-    const fRect = require$$0.shallowRef({});
+    const refDom = vue.shallowRef();
+    const fRect = vue.shallowRef({});
     function onMousedown(e, p) {
       setCss.setCss(refDom.value, {
         left: p.left + "px",
@@ -68,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     function getPosition(el, key) {
       return Number(getCss.getCss(el, key).replace(/[a-z|A-Z]*$/, ""));
     }
-    require$$0.onMounted(() => {
+    vue.onMounted(() => {
       if (props.isFixed) {
         fRect.value = {
           width: window.innerWidth,
@@ -90,17 +90,17 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return require$$0.withDirectives((require$$0.openBlock(), require$$0.createElementBlock("div", {
-        class: require$$0.normalizeClass(require$$0.unref(cs).z()),
-        style: require$$0.normalizeStyle({
+      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
       }, [
-        require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).default)
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
       ], 6)), [
-        [require$$0.unref(index$2.default), {
+        [vue.unref(index$2.default), {
           dom: props.drag,
           onMousedown,
           onMouseup

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

@@ -1,3 +1,4 @@
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {}) => any>>;
@@ -7,7 +8,7 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     drag: {
         type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
@@ -34,7 +35,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     isFixed: {
         type: BooleanConstructor;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     drag: {
         type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
@@ -65,7 +66,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     direction: string | ("" | "left" | "right" | "bottom" | "top")[];
     drag: string | boolean;
     isFixed: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
     refDom: HTMLDivElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;