@fangzhongya/fang-ui 0.0.13 → 0.0.15

package/dist/components/right-key/src/index.vue

@@ -0,0 +1,126 @@
+<template>
+	<div
+		:class="cs.z()"
+		ref="refRightKey"
+		@contextmenu.native="handleContextmenu"
+	>
+		<slot :name="dataSlot.default"></slot>
+		<BoxTeleport :disabled="props.disabled" :to="props.to">
+			<div
+				:class="[cs.z('box'), props.boxClass]"
+				v-show="flag"
+				ref="refRightKeyBox"
+				:style="{
+					position: 'fixed',
+					top: lefty,
+					left: topx,
+				}"
+			>
+				<div :class="cs.z('box-list')">
+					<div
+						v-for="(v, k) of props.options"
+						:key="k"
+						@click.stop="onClick(v)"
+						:class="cs.z('box-list-li')"
+					>
+						<i v-if="v.icon" :class="v.icon"></i>
+						<span>{{ setVueValue(v, props.label) }}</span>
+					</div>
+				</div>
+			</div>
+		</BoxTeleport>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { getPrentClass } from '@fangzhongya/utils/css/getPrentClass';
+	import { setVueValue } from '../../../utils/index';
+	import BoxTeleport from '../../frame/common/box-teleport.vue';
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import { useCssName, useLocale } from '../../../hooks/index';
+	import { onMounted, onUnmounted, ref } from 'vue';
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	// 样式设置方法
+	const cs = useCssName('right-key');
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+
+	const flag = ref(false);
+	const refRightKey = ref();
+	const refRightKeyBox = ref();
+	const topx = ref('');
+	const lefty = ref('');
+	const dom = ref();
+
+	onMounted(() => {
+		window.addEventListener('mousedown', watchContextmenu);
+	});
+
+	onUnmounted(() => {
+		window.removeEventListener('mousedown', watchContextmenu);
+	});
+	function watchContextmenu(event: MouseEvent) {
+		if (refRightKeyBox.value.contains(event.target)) {
+			return;
+		}
+		if (!refRightKey.value.contains(event.target) || event.button !== 2) {
+			flag.value = false;
+		}
+	}
+
+	function isDomClass(dom: EventTarget | null) {
+		if (dom) {
+			if (props.domClass) {
+				const v = getPrentClass(dom as HTMLElement, props.domClass);
+				if (v && refRightKey.value.contains(v)) {
+					return true;
+				}
+			} else {
+				return true;
+			}
+		}
+		return false;
+	}
+
+	/**
+	 * @description 右键菜单功能点击
+	 */
+	function handleContextmenu(event: MouseEvent) {
+		let target = event.target;
+		if (isDomClass(target)) {
+			dom.value = target;
+			let x = 0,
+				y = 0;
+			if (event.x || event.y) {
+				x = event.x;
+				y = event.y;
+			} else if (event.pageX || event.pageY) {
+				x = event.pageX - 1;
+				y = event.pageY - 1;
+			}
+
+			let ww = window ? window.innerWidth : 0;
+			let kw = 0;
+			if (ww != 0 && x + 120 > ww) {
+				kw = 0 - (x + 120 - ww);
+			}
+
+			topx.value = x + kw + 'px';
+			lefty.value = y + 'px';
+			flag.value = true;
+			event.preventDefault();
+			event.stopPropagation();
+		} else {
+			flag.value = false;
+		}
+	}
+	function onClick(v: ObjAny) {
+		flag.value = false;
+		emit('click-key', v, dom.value);
+	}
+
+	defineExpose({
+		...dataExpose,
+	});
+</script>
+<style lang="scss"></style>

package/dist/components/role-select/index.d.ts

@@ -1,11 +1,15 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComputedRef, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, Plugin } from 'vue';
+import { ModelValue, RoleSelect, ObjStrAny } from './src/data';
+import { ModelValue } from '../select-dialog/src/data';
+import { OnCleanup } from '@vue/reactivity';
 declare const RoleSelect: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         modelValue: {
             type: {
-                (arrayLength: number): import('./src/data').ModelValue[];
-                (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
-                new (arrayLength: number): import('./src/data').ModelValue[];
-                new (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
+                (arrayLength: number): ModelValue[];
+                (...items: ModelValue[]): ModelValue[];
+                new (arrayLength: number): ModelValue[];
+                new (...items: ModelValue[]): ModelValue[];
                 isArray(arg: any): arg is any[];
                 readonly prototype: any[];
                 from<T>(arrayLike: ArrayLike<T>): T[];
@@ -36,21 +40,21 @@ declare const RoleSelect: {
             type: BooleanConstructor[];
         };
         props: {
-            type: import('vue').PropType<import('./src/data').RoleSelect>;
+            type: PropType<RoleSelect>;
             default(): {};
         };
     }>> & Readonly<{}>, {
         setNodesObj: (node: {
-            [key: import('./src/data').ModelValue]: import('./src/data').ObjStrAny;
-        } | import('./src/data').ObjStrAny[]) => void;
+            [key: ModelValue]: ObjStrAny;
+        } | ObjStrAny[]) => void;
         getInputName(): any;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        props: import('./src/data').RoleSelect;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        props: RoleSelect;
         title: string;
         appendToBody: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
         refSelectDialog: ({
-            $: import('vue').ComponentInternalInstance;
+            $: ComponentInternalInstance;
             $data: {};
             $props: Partial<{
                 appendToBody: boolean;
@@ -60,15 +64,15 @@ declare const RoleSelect: {
                 readonly appendToBody: boolean;
                 readonly separator: string;
                 readonly getName: Function;
-                readonly value?: import('../select-dialog/src/data').ModelValue[] | undefined;
+                readonly value?: ModelValue[] | undefined;
                 readonly title?: string | undefined;
-                readonly modelValue?: import('../select-dialog/src/data').ModelValue[] | undefined;
+                readonly modelValue?: ModelValue[] | undefined;
                 readonly width?: string | number | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly placeholder?: string | undefined;
                 readonly setInputName?: Function | undefined;
                 readonly getNameExplain?: Function | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "appendToBody" | "separator" | "getName">;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "appendToBody" | "separator" | "getName">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -76,14 +80,14 @@ declare const RoleSelect: {
                 [x: string]: unknown;
             };
             $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
+                [name: string]: Slot<any> | undefined;
             }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
             $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
                 width: {
                     type: (NumberConstructor | StringConstructor)[];
                 };
@@ -92,10 +96,10 @@ declare const RoleSelect: {
                 };
                 modelValue: {
                     type: {
-                        (arrayLength: number): import('../select-dialog/src/data').ModelValue[];
-                        (...items: import('../select-dialog/src/data').ModelValue[]): import('../select-dialog/src/data').ModelValue[];
-                        new (arrayLength: number): import('../select-dialog/src/data').ModelValue[];
-                        new (...items: import('../select-dialog/src/data').ModelValue[]): import('../select-dialog/src/data').ModelValue[];
+                        (arrayLength: number): ModelValue[];
+                        (...items: ModelValue[]): ModelValue[];
+                        new (arrayLength: number): ModelValue[];
+                        new (...items: ModelValue[]): ModelValue[];
                         isArray(arg: any): arg is any[];
                         readonly prototype: any[];
                         from<T>(arrayLike: ArrayLike<T>): T[];
@@ -113,10 +117,10 @@ declare const RoleSelect: {
                 };
                 value: {
                     type: {
-                        (arrayLength: number): import('../select-dialog/src/data').ModelValue[];
-                        (...items: import('../select-dialog/src/data').ModelValue[]): import('../select-dialog/src/data').ModelValue[];
-                        new (arrayLength: number): import('../select-dialog/src/data').ModelValue[];
-                        new (...items: import('../select-dialog/src/data').ModelValue[]): import('../select-dialog/src/data').ModelValue[];
+                        (arrayLength: number): ModelValue[];
+                        (...items: ModelValue[]): ModelValue[];
+                        new (arrayLength: number): ModelValue[];
+                        new (...items: ModelValue[]): ModelValue[];
                         isArray(arg: any): arg is any[];
                         readonly prototype: any[];
                         from<T>(arrayLike: ArrayLike<T>): T[];
@@ -151,12 +155,12 @@ declare const RoleSelect: {
                     type: BooleanConstructor[];
                 };
             }>> & Readonly<{}>, {
-                inputName: import('vue').ComputedRef<string>;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                inputName: ComputedRef<string>;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
                 appendToBody: boolean;
                 separator: string;
                 getName: Function;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -169,18 +173,18 @@ declare const RoleSelect: {
                 beforeUnmount?: (() => void) | (() => void)[];
                 destroyed?: (() => void) | (() => void)[];
                 unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
         } & Readonly<{
             appendToBody: boolean;
             separator: string;
             getName: Function;
-        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        }> & Omit<Readonly< ExtractPropTypes<{
             width: {
                 type: (NumberConstructor | StringConstructor)[];
             };
@@ -189,10 +193,10 @@ declare const RoleSelect: {
             };
             modelValue: {
                 type: {
-                    (arrayLength: number): import('../select-dialog/src/data').ModelValue[];
-                    (...items: import('../select-dialog/src/data').ModelValue[]): import('../select-dialog/src/data').ModelValue[];
-                    new (arrayLength: number): import('../select-dialog/src/data').ModelValue[];
-                    new (...items: import('../select-dialog/src/data').ModelValue[]): import('../select-dialog/src/data').ModelValue[];
+                    (arrayLength: number): ModelValue[];
+                    (...items: ModelValue[]): ModelValue[];
+                    new (arrayLength: number): ModelValue[];
+                    new (...items: ModelValue[]): ModelValue[];
                     isArray(arg: any): arg is any[];
                     readonly prototype: any[];
                     from<T>(arrayLike: ArrayLike<T>): T[];
@@ -210,10 +214,10 @@ declare const RoleSelect: {
             };
             value: {
                 type: {
-                    (arrayLength: number): import('../select-dialog/src/data').ModelValue[];
-                    (...items: import('../select-dialog/src/data').ModelValue[]): import('../select-dialog/src/data').ModelValue[];
-                    new (arrayLength: number): import('../select-dialog/src/data').ModelValue[];
-                    new (...items: import('../select-dialog/src/data').ModelValue[]): import('../select-dialog/src/data').ModelValue[];
+                    (arrayLength: number): ModelValue[];
+                    (...items: ModelValue[]): ModelValue[];
+                    new (arrayLength: number): ModelValue[];
+                    new (...items: ModelValue[]): ModelValue[];
                     isArray(arg: any): arg is any[];
                     readonly prototype: any[];
                     from<T>(arrayLike: ArrayLike<T>): T[];
@@ -247,27 +251,27 @@ declare const RoleSelect: {
             disabled: {
                 type: BooleanConstructor[];
             };
-        }>> & Readonly<{}>, "inputName" | ("appendToBody" | "separator" | "getName")> & import('vue').ShallowUnwrapRef<{
-            inputName: import('vue').ComputedRef<string>;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>> & Readonly<{}>, "inputName" | ("appendToBody" | "separator" | "getName")> & ShallowUnwrapRef<{
+            inputName: ComputedRef<string>;
+        }> & {} & ComponentCustomProperties & {} & {
             $slots: Partial<Record<string, (_: {}) => any>> & {
                 suffix?(_: {}): any;
             };
         }) | null;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         modelValue: {
             type: {
-                (arrayLength: number): import('./src/data').ModelValue[];
-                (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
-                new (arrayLength: number): import('./src/data').ModelValue[];
-                new (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
+                (arrayLength: number): ModelValue[];
+                (...items: ModelValue[]): ModelValue[];
+                new (arrayLength: number): ModelValue[];
+                new (...items: ModelValue[]): ModelValue[];
                 isArray(arg: any): arg is any[];
                 readonly prototype: any[];
                 from<T>(arrayLike: ArrayLike<T>): T[];
@@ -298,29 +302,29 @@ declare const RoleSelect: {
             type: BooleanConstructor[];
         };
         props: {
-            type: import('vue').PropType<import('./src/data').RoleSelect>;
+            type: PropType<RoleSelect>;
             default(): {};
         };
     }>> & Readonly<{}>, {
         setNodesObj: (node: {
-            [key: import('./src/data').ModelValue]: import('./src/data').ObjStrAny;
-        } | import('./src/data').ObjStrAny[]) => void;
+            [key: ModelValue]: ObjStrAny;
+        } | ObjStrAny[]) => void;
         getInputName(): any;
     }, {}, {}, {}, {
-        props: import('./src/data').RoleSelect;
+        props: RoleSelect;
         title: string;
         appendToBody: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     modelValue: {
         type: {
-            (arrayLength: number): import('./src/data').ModelValue[];
-            (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
-            new (arrayLength: number): import('./src/data').ModelValue[];
-            new (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
+            (arrayLength: number): ModelValue[];
+            (...items: ModelValue[]): ModelValue[];
+            new (arrayLength: number): ModelValue[];
+            new (...items: ModelValue[]): ModelValue[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -351,21 +355,21 @@ declare const RoleSelect: {
         type: BooleanConstructor[];
     };
     props: {
-        type: import('vue').PropType<import('./src/data').RoleSelect>;
+        type: PropType<RoleSelect>;
         default(): {};
     };
 }>> & Readonly<{}>, {
     setNodesObj: (node: {
-        [key: import('./src/data').ModelValue]: import('./src/data').ObjStrAny;
-    } | import('./src/data').ObjStrAny[]) => void;
+        [key: ModelValue]: ObjStrAny;
+    } | ObjStrAny[]) => void;
     getInputName(): any;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    props: import('./src/data').RoleSelect;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    props: RoleSelect;
     title: string;
     appendToBody: 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: {
         suffix?(_: {}): any;
     };
-}) & import('vue').Plugin;
+}) & Plugin;
 export { RoleSelect, RoleSelect as default };

package/dist/components/role-select/index.ts

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

package/dist/components/role-select/src/data.cjs

@@ -1,7 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const buildProps = require("../../../utils/vues/buildProps.cjs");
-const definePropType = require("../../../utils/vues/definePropType.cjs");
 require("vue");
 require("@fangzhongya/utils/basic/string/splitUpper");
 require("@fangzhongya/utils/basic/array/isArray");
@@ -15,7 +13,10 @@ require("@fangzhongya/utils/name/humpToLine");
 require("@fangzhongya/utils/basic/object/deepCopy");
 require("@fangzhongya/utils/basic/Array/toggleArray");
 require("@fangzhongya/utils/basic/object/objValue");
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const definePropType = require("../../../utils/vues/definePropType.cjs");
 require("../../../utils/vues/getBuildProps.cjs");
+require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const roleSelect = {

package/dist/components/role-select/src/data.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes, PropType } from 'vue';
 export type ModelValue = string | number;
 export type ObjStrAny = {
     [key: string]: any;
@@ -79,7 +79,7 @@ export declare const dataProps: {
      * 配置选项
      */
     props: {
-        type: import('vue').PropType<RoleSelect>;
+        type: PropType<RoleSelect>;
         default(): {};
     };
 };

package/dist/components/role-select/src/data.js

@@ -1,5 +1,3 @@
-import { buildProps } from "../../../utils/vues/buildProps.js";
-import { definePropType } from "../../../utils/vues/definePropType.js";
 import "vue";
 import "@fangzhongya/utils/basic/string/splitUpper";
 import "@fangzhongya/utils/basic/array/isArray";
@@ -13,7 +11,10 @@ import "@fangzhongya/utils/name/humpToLine";
 import "@fangzhongya/utils/basic/object/deepCopy";
 import "@fangzhongya/utils/basic/Array/toggleArray";
 import "@fangzhongya/utils/basic/object/objValue";
+import { buildProps } from "../../../utils/vues/buildProps.js";
+import { definePropType } from "../../../utils/vues/definePropType.js";
 import "../../../utils/vues/getBuildProps.js";
+import "../../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 const roleSelect = {

package/dist/components/role-select/src/data.ts

@@ -0,0 +1,123 @@
+import type { ExtractPropTypes } from 'vue';
+
+import { buildProps } from '../../../utils/index';
+
+import { definePropType } from '../../../utils/index';
+
+export type ModelValue = string | number;
+
+export type ObjStrAny = {
+	[key: string]: any;
+};
+
+export const roleSelect = {
+	searchPlaceholder: '请输入字段进行查询',
+	value: 'value',
+	//指定选项标签为选项对象的某个属性值
+	label: 'label',
+	//指定选项的子选项为选项对象的某个属性值
+	children: 'children',
+	//指定选项的禁用为选项对象的某个属性值
+	disabled: 'disabled',
+	// 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组
+	// 若设置 false，则只返回该节点的值
+	emitPath: true,
+	// 是否严格的遵守父子节点不互相关联
+	checkStrictly: true,
+	// 是否动态加载子节点，需与 lazyLoad 方法结合使用
+	lazy: false,
+	// // 是否多选
+	// multiple: false,
+};
+
+export type RoleSelect = {
+	searchPlaceholder?: string;
+	//
+	explain?: string;
+	//指定选项的值为选项对象的某个属性值
+	value: string;
+	//指定选项标签为选项对象的某个属性值
+	label: string;
+	//指定选项的子选项为选项对象的某个属性值
+	children: string;
+	//指定选项的禁用为选项对象的某个属性值
+	disabled: string;
+	// 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值
+	emitPath: boolean;
+	// 是否动态加载子节点，需与 lazyLoad 方法结合使用
+	lazy: boolean;
+	// 加载动态数据的方法，仅在 lazy 为 true 时有效
+	lazyLoad: Function;
+	// 是否多选
+	multiple: boolean;
+	// 是否严格的遵守父子节点不互相关联
+	checkStrictly: boolean;
+};
+
+export const dataProps = buildProps({
+	/**
+	 * @props { Array} modelValue=
+	 * 值
+	 */
+	modelValue: {
+		type: [Array<ModelValue>],
+	},
+	appendToBody: {
+		type: Boolean,
+		default: true,
+	},
+	/**
+	 * @props { String, Number} width= ( )
+	 * 弹框宽度
+	 */
+	width: {
+		type: [String, Number],
+	},
+	title: {
+		type: String,
+		default: '选择角色',
+	},
+	placeholder: {
+		type: String,
+	},
+	/**
+	 * @props { Boolean } disabled= ( )
+	 * 是否禁用
+	 */
+	disabled: {
+		type: [Boolean],
+	},
+	/**
+	 * @props { Object } props={} ( )
+	 * 配置选项
+	 */
+	props: {
+		type: definePropType<RoleSelect>(Object),
+		default() {
+			return {};
+		},
+	},
+});
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export const dataEmits = ['change', 'update:modelValue'];
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot default 默认插槽
+ */
+export const dataSlot = {
+	default: 'default',
+};
+
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export const dataExpose = {};