@fangzhongya/fang-ui 0.0.14 → 0.0.16

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

@@ -0,0 +1,122 @@
+<template>
+	<div
+		:class="cs.z()"
+		:style="{
+			position: props.isFixed ? 'fixed' : 'absolute',
+		}"
+		ref="refDom"
+		v-drag="{
+			dom: props.drag,
+			onMousedown: onMousedown,
+			onMouseup: onMouseup,
+		}"
+	>
+		<slot :name="dataSlot.default"></slot>
+	</div>
+</template>
+<script lang="ts" setup>
+	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 { shallowRef, onMounted } from 'vue';
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import { useCssName } from '../../../hooks/cssname';
+	import { useLocale } from '../../../hooks/locale';
+	import vDrag from '../../../directives/drag';
+	type ObjStrNun =
+		| {
+				[key: string]: number;
+		  }
+		| DOMRect;
+
+	const initial: {
+		[key: string]: string;
+	} = {
+		left: 'right',
+		right: 'left',
+		top: 'bottom',
+		bottom: 'top',
+	};
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	// 样式设置方法
+	const cs = useCssName('stick-edge');
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	const refDom = shallowRef();
+	const fRect = shallowRef<ObjStrNun>({});
+	function onMousedown(e: MouseEvent, p: ObjStrNun) {
+		setCss(refDom.value, {
+			left: p.left + 'px',
+			top: p.top + 'px',
+			right: 'initial',
+			bottom: 'initial',
+		});
+		return p;
+	}
+	function onMouseup(j: MouseEvent, k: MouseEvent, p: ObjStrNun) {
+		const seat = getSeat(p);
+		const arr = getDirection(seat);
+		setDirection(refDom.value, arr[0]);
+	}
+	function getSeat(rect: ObjStrNun) {
+		// const rect = dom.getBoundingClientRect();
+		// return {
+		// 	left: rect.left - fRect.value.left,
+		// 	top: rect.top - fRect.value.top,
+		// 	right:
+		// 		fRect.value.width + fRect.value.left - rect.width - rect.left,
+		// 	bottom:
+		// 		fRect.value.height + fRect.value.top - rect.height - rect.top,
+		// };
+		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: { [key: string]: number }) {
+		const v = props.direction;
+		let keys: string[] = [];
+		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: HTMLDivElement, key: string) {
+		setCss(dom, initial[key], 'initial');
+		setCss(dom, key, '0');
+	}
+	function getPosition(el: HTMLElement, key: string) {
+		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,
+			};
+		}
+	});
+	defineExpose({
+		...dataExpose,
+	});
+</script>

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

@@ -1,5 +1,7 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { Direction } from './src/data';
 declare const StickWindow: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         to: {
             type: StringConstructor;
         };
@@ -7,15 +9,15 @@ declare const StickWindow: {
             type: BooleanConstructor;
         };
         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[];
@@ -38,19 +40,19 @@ declare const StickWindow: {
     }>> & Readonly<{}>, {
         add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
         remove: (s: symbol, t?: string) => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         disabled: boolean;
-        direction: import('./src/data').Direction;
+        direction: Direction;
         often: boolean;
-        directions: import('./src/data').Direction[];
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        directions: Direction[];
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         to: {
             type: StringConstructor;
         };
@@ -58,15 +60,15 @@ declare const StickWindow: {
             type: BooleanConstructor;
         };
         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[];
@@ -91,14 +93,14 @@ declare const StickWindow: {
         remove: (s: symbol, t?: string) => void;
     }, {}, {}, {}, {
         disabled: boolean;
-        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<{
     to: {
         type: StringConstructor;
     };
@@ -106,15 +108,15 @@ declare const StickWindow: {
         type: BooleanConstructor;
     };
     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[];
@@ -137,12 +139,12 @@ declare const StickWindow: {
 }>> & Readonly<{}>, {
     add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
     remove: (s: symbol, t?: string) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     disabled: boolean;
-    direction: import('./src/data').Direction;
+    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, (_: {
         values: {
             key: symbol;
@@ -151,5 +153,5 @@ declare const StickWindow: {
             title?: string | undefined;
         }[];
     }) => any>> & Partial<Record<string, (_: {}) => any>>;
-}) & import('vue').Plugin;
+}) & Plugin;
 export { StickWindow, StickWindow as default };

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

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

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

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

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

@@ -0,0 +1,64 @@
+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({
+	to: {
+		type: String,
+	},
+	disabled: {
+		type: Boolean,
+	},
+	/**
+	 * @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,
+	},
+	/**
+	 * @props { String, Boolean} drag= ( ) 可拖拽的元素样式
+	 */
+	drag: {
+		type: [String, Boolean],
+	},
+});
+
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+
+/**
+ */
+export const dataEmits = {};
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot default 默认插槽
+ */
+export const dataSlot = {
+	default: 'default',
+	top: 'top',
+	bottom: 'bottom',
+};
+
+/**
+ */
+export const dataExpose = {};

package/dist/components/stick-window/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 index$2 = require("../../box-teleport/index.cjs");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
@@ -8,7 +8,7 @@ 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__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     const { getLocale } = index.useLocale();
     const cs = index$1.useCssName("stick-window");
     const props = __props;
-    const windowObjs = require$$0.ref([]);
+    const windowObjs = vue.ref([]);
     const stick = {
       direction: props.direction,
       directions: props.directions,
@@ -58,35 +58,35 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       remove
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$2.BoxTeleport), {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
         disabled: props.disabled,
         to: props.to
       }, {
-        default: require$$0.withCtx(() => [
-          require$$0.withDirectives((require$$0.openBlock(), require$$0.createElementBlock("div", {
-            class: require$$0.normalizeClass(require$$0.unref(cs).z())
+        default: vue.withCtx(() => [
+          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+            class: vue.normalizeClass(vue.unref(cs).z())
           }, [
-            require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).top),
-            require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).default, { values: windowObjs.value }, () => [
-              (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(windowObjs.value, (item, index2) => {
-                return require$$0.openBlock(), require$$0.createElementBlock("div", {
-                  class: require$$0.normalizeClass(require$$0.unref(cs).z("window-li")),
+            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
                 }, [
-                  require$$0.createElementVNode("span", {
-                    class: require$$0.normalizeClass(require$$0.unref(cs).z("window-li-title")),
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass(vue.unref(cs).z("window-li-title")),
                     onClick: ($event) => onClick(item)
-                  }, require$$0.toDisplayString(item.title), 11, _hoisted_1),
-                  require$$0.createElementVNode("i", {
+                  }, vue.toDisplayString(item.title), 11, _hoisted_1),
+                  vue.createElementVNode("i", {
                     onClick: ($event) => onClose(item, index2),
-                    class: require$$0.normalizeClass(require$$0.unref(cs).z("window-li-close")),
-                    title: require$$0.unref(getLocale)("close")
+                    class: vue.normalizeClass(vue.unref(cs).z("window-li-close")),
+                    title: vue.unref(getLocale)("close")
                   }, _cache[0] || (_cache[0] = [
-                    require$$0.createElementVNode("svg", {
+                    vue.createElementVNode("svg", {
                       viewBox: "0 0 1024 1024",
                       xmlns: "http://www.w3.org/2000/svg"
                     }, [
-                      require$$0.createElementVNode("path", {
+                      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"
                       })
@@ -95,9 +95,9 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
                 ], 2);
               }), 128))
             ]),
-            require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).bottom)
+            vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).bottom)
           ], 2)), [
-            [require$$0.unref(index$3.default), stick]
+            [vue.unref(index$3.default), stick]
           ])
         ]),
         _: 3

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

@@ -1,3 +1,5 @@
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { Direction } from './data';
 declare function add(s: symbol, a: () => void, r: () => void, t?: string): void;
 declare function remove(s: symbol, t?: string): void;
 declare function __VLS_template(): {
@@ -14,7 +16,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     to: {
         type: StringConstructor;
     };
@@ -22,15 +24,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
     };
     direction: {
-        type: import('vue').PropType<import('./data').Direction>;
+        type: PropType<Direction>;
         default: string;
     };
     directions: {
         type: {
-            (arrayLength: number): import('./data').Direction[];
-            (...items: import('./data').Direction[]): import('./data').Direction[];
-            new (arrayLength: number): import('./data').Direction[];
-            new (...items: import('./data').Direction[]): import('./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[];
@@ -53,7 +55,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>, {
     add: typeof add;
     remove: typeof remove;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     to: {
         type: StringConstructor;
     };
@@ -61,15 +63,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
     };
     direction: {
-        type: import('vue').PropType<import('./data').Direction>;
+        type: PropType<Direction>;
         default: string;
     };
     directions: {
         type: {
-            (arrayLength: number): import('./data').Direction[];
-            (...items: import('./data').Direction[]): import('./data').Direction[];
-            new (arrayLength: number): import('./data').Direction[];
-            new (...items: import('./data').Direction[]): import('./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[];
@@ -91,10 +93,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>> & Readonly<{}>, {
     disabled: boolean;
-    direction: import('./data').Direction;
+    direction: Direction;
     often: boolean;
-    directions: import('./data').Direction[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    directions: Direction[];
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -0,0 +1,102 @@
+<template>
+	<BoxTeleport :disabled="props.disabled" :to="props.to">
+		<div v-stick="stick" :class="cs.z()">
+			<slot :name="dataSlot.top"></slot>
+			<slot :name="dataSlot.default" :values="windowObjs">
+				<div
+					:class="cs.z('window-li')"
+					v-for="(item, index) in windowObjs"
+					:key="index"
+				>
+					<span
+						:class="cs.z('window-li-title')"
+						@click="onClick(item, index)"
+						>{{ item.title }}</span
+					>
+					<i
+						@click="onClose(item, index)"
+						:class="cs.z('window-li-close')"
+						:title="getLocale('close')"
+					>
+						<svg
+							viewBox="0 0 1024 1024"
+							xmlns="http://www.w3.org/2000/svg"
+						>
+							<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"
+							></path>
+						</svg>
+					</i>
+				</div>
+			</slot>
+			<slot :name="dataSlot.bottom"></slot>
+		</div>
+	</BoxTeleport>
+</template>
+<script lang="ts" setup>
+	import BoxTeleport from '../../box-teleport/index';
+	// import BoxTeleport from '../../../box-teleportindex';
+	// import BoxTeleport from '../../../common/box-teleport.vue';
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import { useCssName } from '../../../hooks/cssname';
+	import { useLocale } from '../../../hooks/locale';
+	import vStick from '../../../directives/stick';
+	import { ref } from 'vue';
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	// 样式设置方法
+	const cs = useCssName('stick-window');
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	type WindowObj = {
+		key: symbol;
+		value: () => void;
+		close: () => void;
+		title?: string;
+	};
+	const windowObjs = ref<Array<WindowObj>>([]);
+	// var objectSymbols = Object.getOwnPropertySymbols(obj);
+	const stick = {
+		direction: props.direction,
+		directions: props.directions,
+		dom: props.drag,
+		often: props.often,
+	};
+	function onClick(item: WindowObj, index: number) {
+		if (item.value) {
+			item?.value();
+		}
+	}
+	function onClose(item: WindowObj, index: number) {
+		if (item.close) {
+			item.close();
+		}
+		windowObjs.value.splice(index, 1);
+	}
+	function isKey(s: symbol) {
+		return windowObjs.value.map((o) => o.key).includes(s);
+	}
+	function add(s: symbol, a: () => void, r: () => void, t?: string) {
+		if (!isKey(s)) {
+			windowObjs.value.push({
+				key: s,
+				value: a,
+				close: r,
+				title: t,
+			});
+		}
+	}
+	function remove(s: symbol, t?: string) {
+		windowObjs.value = windowObjs.value.filter((v) => {
+			return v.key !== s;
+		});
+	}
+
+	defineExpose({
+		...dataExpose,
+		add: add,
+		remove: remove,
+	});
+</script>
+<style lang="scss"></style>