@fangzhongya/fang-ui 0.0.13 → 0.0.15

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

@@ -1,11 +1,13 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { ModelValue, ObjStrAny, RoleSelect } from './src/data';
 declare const DepartmentSelect: {
-    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[];
@@ -34,10 +36,10 @@ declare const DepartmentSelect: {
         };
         options: {
             type: {
-                (arrayLength: number): import('./src/data').ObjStrAny[];
-                (...items: import('./src/data').ObjStrAny[]): import('./src/data').ObjStrAny[];
-                new (arrayLength: number): import('./src/data').ObjStrAny[];
-                new (...items: import('./src/data').ObjStrAny[]): import('./src/data').ObjStrAny[];
+                (arrayLength: number): ObjStrAny[];
+                (...items: ObjStrAny[]): ObjStrAny[];
+                new (arrayLength: number): ObjStrAny[];
+                new (...items: ObjStrAny[]): ObjStrAny[];
                 isArray(arg: any): arg is any[];
                 readonly prototype: any[];
                 from<T>(arrayLike: ArrayLike<T>): T[];
@@ -55,28 +57,28 @@ declare const DepartmentSelect: {
             type: BooleanConstructor[];
         };
         props: {
-            type: import('vue').PropType<import('./src/data').RoleSelect>;
+            type: PropType<RoleSelect>;
             default(): {};
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        props: import('./src/data').RoleSelect;
+    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        props: RoleSelect;
         title: string;
         appendToBody: boolean;
-        options: import('./src/data').ObjStrAny[];
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        options: ObjStrAny[];
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, 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[];
@@ -105,10 +107,10 @@ declare const DepartmentSelect: {
         };
         options: {
             type: {
-                (arrayLength: number): import('./src/data').ObjStrAny[];
-                (...items: import('./src/data').ObjStrAny[]): import('./src/data').ObjStrAny[];
-                new (arrayLength: number): import('./src/data').ObjStrAny[];
-                new (...items: import('./src/data').ObjStrAny[]): import('./src/data').ObjStrAny[];
+                (arrayLength: number): ObjStrAny[];
+                (...items: ObjStrAny[]): ObjStrAny[];
+                new (arrayLength: number): ObjStrAny[];
+                new (...items: ObjStrAny[]): ObjStrAny[];
                 isArray(arg: any): arg is any[];
                 readonly prototype: any[];
                 from<T>(arrayLike: ArrayLike<T>): T[];
@@ -126,25 +128,25 @@ declare const DepartmentSelect: {
             type: BooleanConstructor[];
         };
         props: {
-            type: import('vue').PropType<import('./src/data').RoleSelect>;
+            type: PropType<RoleSelect>;
             default(): {};
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        props: import('./src/data').RoleSelect;
+        props: RoleSelect;
         title: string;
         appendToBody: boolean;
-        options: import('./src/data').ObjStrAny[];
+        options: ObjStrAny[];
     }>;
     __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[];
@@ -173,10 +175,10 @@ declare const DepartmentSelect: {
     };
     options: {
         type: {
-            (arrayLength: number): import('./src/data').ObjStrAny[];
-            (...items: import('./src/data').ObjStrAny[]): import('./src/data').ObjStrAny[];
-            new (arrayLength: number): import('./src/data').ObjStrAny[];
-            new (...items: import('./src/data').ObjStrAny[]): import('./src/data').ObjStrAny[];
+            (arrayLength: number): ObjStrAny[];
+            (...items: ObjStrAny[]): ObjStrAny[];
+            new (arrayLength: number): ObjStrAny[];
+            new (...items: ObjStrAny[]): ObjStrAny[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -194,17 +196,17 @@ declare const DepartmentSelect: {
         type: BooleanConstructor[];
     };
     props: {
-        type: import('vue').PropType<import('./src/data').RoleSelect>;
+        type: PropType<RoleSelect>;
         default(): {};
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    props: import('./src/data').RoleSelect;
+}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    props: RoleSelect;
     title: string;
     appendToBody: boolean;
-    options: import('./src/data').ObjStrAny[];
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    options: ObjStrAny[];
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         suffix?(_: {}): any;
     };
-}) & import('vue').Plugin;
+}) & Plugin;
 export { DepartmentSelect, DepartmentSelect as default };

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

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

package/dist/components/department-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/department-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;
@@ -102,7 +102,7 @@ export declare const dataProps: {
      * 配置选项
      */
     props: {
-        type: import('vue').PropType<RoleSelect>;
+        type: PropType<RoleSelect>;
         default(): {};
     };
 };

package/dist/components/department-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/department-select/src/data.ts

@@ -0,0 +1,132 @@
+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 = {
+	value: 'value',
+	//指定选项标签为选项对象的某个属性值
+	label: 'label',
+	//指定选项的子选项为选项对象的某个属性值
+	children: 'children',
+	//指定选项的禁用为选项对象的某个属性值
+	disabled: 'disabled',
+	// 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组
+	// 若设置 false，则只返回该节点的值
+	emitPath: true,
+	// 是否严格的遵守父子节点不互相关联
+	checkStrictly: true,
+	// 是否动态加载子节点，需与 lazyLoad 方法结合使用
+	lazy: false,
+	// // 是否多选
+	// multiple: false,
+};
+
+export type RoleSelect = {
+	father?: string;
+	// 选择框中展示的字段
+	inpuIabel?: 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,
+	},
+	title: {
+		type: String,
+		default: '选择部门',
+	},
+	/**
+	 * @props { String, Number} width= ( )
+	 * 弹框宽度
+	 */
+	width: {
+		type: [String, Number],
+	},
+	placeholder: {
+		type: String,
+	},
+	/**
+	 * @props { Array } options=[] ( )
+	 * 选项的数据源， value 和 label 可以通过 props 自定义.
+	 */
+	options: {
+		type: Array<ObjStrAny>,
+		default() {
+			return [];
+		},
+	},
+	/**
+	 * @props { Boolean } disabled= ( )
+	 * 是否禁用
+	 */
+	disabled: {
+		type: [Boolean],
+	},
+	/**
+	 * @props { Object } props={} ( )
+	 * 配置选项
+	 */
+	props: {
+		type: definePropType<RoleSelect>(Object),
+		default() {
+			return {};
+		},
+	},
+});
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+/**
+ */
+export const dataEmits = ['update:modelValue'];
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot default 默认插槽
+ */
+export const dataSlot = {
+	default: 'default',
+};
+
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export const dataExpose = {};

package/dist/components/department-select/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 data = require("./data.cjs");
 const index$4 = require("../../../directives/expose/index.cjs");
 const index$2 = require("../../../hooks/cssname/index.cjs");
@@ -20,7 +20,7 @@ require("../../../hooks/global-config/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$1 = require("../../../hooks/inherit/index.cjs");
 const index$3 = require("../../tree-select-box/index.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: data.dataProps,
@@ -31,10 +31,10 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     const cs = index$2.useCssName("department-select");
     const propss = __props;
     const emit = __emit;
-    const psprops = require$$0.computed(() => {
+    const psprops = vue.computed(() => {
       return Object.assign({}, data.roleSelect, propss.props);
     });
-    const value = require$$0.computed({
+    const value = vue.computed({
       get() {
         let v = propss.modelValue;
         return v;
@@ -47,22 +47,22 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("div", require$$0.mergeProps({
-        class: require$$0.unref(cs).z()
-      }, require$$0.unref(attrs).root), [
-        require$$0.withDirectives((require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$3.TreeSelectBox), require$$0.mergeProps({ ...require$$0.unref(attrs).assem, ...propss }, {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$3.TreeSelectBox), vue.mergeProps({ ...vue.unref(attrs).assem, ...propss }, {
           modelValue: value.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
           width: _ctx.width,
           props: psprops.value,
           title: _ctx.title
         }), {
-          suffix: require$$0.withCtx(() => [
-            require$$0.renderSlot(_ctx.$slots, "suffix")
+          suffix: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "suffix")
           ]),
           _: 3
         }, 16, ["modelValue", "width", "props", "title"])), [
-          [require$$0.unref(index$4.default), {}]
+          [vue.unref(index$4.default), {}]
         ])
       ], 16);
     };

package/dist/components/department-select/src/index.d.ts

@@ -1,3 +1,5 @@
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ModelValue, ObjStrAny, RoleSelect } from './data';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -7,13 +9,13 @@ 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<{
     modelValue: {
         type: {
-            (arrayLength: number): import('./data').ModelValue[];
-            (...items: import('./data').ModelValue[]): import('./data').ModelValue[];
-            new (arrayLength: number): import('./data').ModelValue[];
-            new (...items: import('./data').ModelValue[]): import('./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[];
@@ -42,10 +44,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     options: {
         type: {
-            (arrayLength: number): import('./data').ObjStrAny[];
-            (...items: import('./data').ObjStrAny[]): import('./data').ObjStrAny[];
-            new (arrayLength: number): import('./data').ObjStrAny[];
-            new (...items: import('./data').ObjStrAny[]): import('./data').ObjStrAny[];
+            (arrayLength: number): ObjStrAny[];
+            (...items: ObjStrAny[]): ObjStrAny[];
+            new (arrayLength: number): ObjStrAny[];
+            new (...items: ObjStrAny[]): ObjStrAny[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -63,16 +65,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor[];
     };
     props: {
-        type: import('vue').PropType<import('./data').RoleSelect>;
+        type: PropType<RoleSelect>;
         default(): {};
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     modelValue: {
         type: {
-            (arrayLength: number): import('./data').ModelValue[];
-            (...items: import('./data').ModelValue[]): import('./data').ModelValue[];
-            new (arrayLength: number): import('./data').ModelValue[];
-            new (...items: import('./data').ModelValue[]): import('./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[];
@@ -101,10 +103,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     options: {
         type: {
-            (arrayLength: number): import('./data').ObjStrAny[];
-            (...items: import('./data').ObjStrAny[]): import('./data').ObjStrAny[];
-            new (arrayLength: number): import('./data').ObjStrAny[];
-            new (...items: import('./data').ObjStrAny[]): import('./data').ObjStrAny[];
+            (arrayLength: number): ObjStrAny[];
+            (...items: ObjStrAny[]): ObjStrAny[];
+            new (arrayLength: number): ObjStrAny[];
+            new (...items: ObjStrAny[]): ObjStrAny[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -122,15 +124,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor[];
     };
     props: {
-        type: import('vue').PropType<import('./data').RoleSelect>;
+        type: PropType<RoleSelect>;
         default(): {};
     };
 }>> & Readonly<{}>, {
-    props: import('./data').RoleSelect;
+    props: RoleSelect;
     title: string;
     appendToBody: boolean;
-    options: import('./data').ObjStrAny[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    options: ObjStrAny[];
+}, {}, {}, {}, 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/department-select/src/index.vue

@@ -0,0 +1,49 @@
+<template>
+	<div :class="cs.z()" v-bind="attrs.root">
+		<TreeSelectBox
+			v-expose="{}"
+			v-bind="{ ...attrs.assem, ...propss }"
+			v-model="value"
+			:width="width"
+			:props="psprops"
+			:title="title"
+		>
+			<template #suffix>
+				<slot name="suffix"> </slot>
+			</template>
+		</TreeSelectBox>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { dataProps, dataEmits, dataExpose, roleSelect } from './data';
+	import vExpose from '../../../directives/expose';
+	import { useCssName, useLocale, useInherit } from '../../../hooks/index';
+	import TreeSelectBox from '../../tree-select-box/index';
+	import { computed } from 'vue';
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	const attrs = useInherit();
+	// 样式设置方法
+	const cs = useCssName('department-select');
+	const propss = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+
+	const psprops = computed(() => {
+		return Object.assign({}, roleSelect, propss.props);
+	});
+	const value = computed({
+		get() {
+			let v = propss.modelValue;
+			return v;
+		},
+		set(value) {
+			emit('update:modelValue', value);
+		},
+	});
+	defineOptions({ inheritAttrs: false });
+	defineExpose({
+		...dataExpose,
+	});
+</script>
+
+<style lang="scss"></style>

package/dist/components/dialog/index.css

@@ -1,39 +1,39 @@
 :root {
-  --el-icon-picker-on: rgb(91, 189, 246);
-  --el-icon-picker-border: #eee;
-  --el-color-primary: #409eff;
-  --el-bag-primary: #409eff;
-  --el-bag-primary-text: #fff;
-  --el-border: #eee;
-  --el-layout-panel-gap: 10px;
-  --el-layout-panel-padding: 20px;
-  --el-layout-form-item-padding-right: var(
-  	--el-layout-panel-gap
+  --icon-picker-on: rgb(91, 189, 246);
+  --icon-picker-border: #eee;
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
   );
-  --el-g-main-bg: var(--el-bg-color-page);
+  --g-main-bg: var(--bg-color-page);
 }
 
-.el-com {
+.com {
   font-size: 20px;
 }
 
-.el-f-dialog.el-dialog {
+.f-dialog.el-dialog {
   padding: 0;
 }
-.el-f-dialog.el-dialog__header {
+.f-dialog.el-dialog__header {
   padding-top: 16px;
   padding-left: 20px;
   border-bottom: 1px solid #e5e7eb;
 }
-.el-f-dialog.el-dialog__header .el-dialog__headerbtn {
+.f-dialog.el-dialog__header .el-dialog__headerbtn {
   width: 56px;
   height: 56px;
   font-size: 22px;
 }
-.el-f-dialog.el-dialog__body {
+.f-dialog.el-dialog__body {
   padding: 20px 30px;
 }
-.el-f-dialog.el-dialog__footer {
+.f-dialog.el-dialog__footer {
   border-top: 1px solid #e5e7eb;
   padding: 20px 20px;
 }