@fangzhongya/fang-ui 0.0.14 → 0.0.16

package/dist/components/company-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 index$2 = require("../../select/index.cjs");
 const index$3 = require("../../option/index.cjs");
 const data = require("./data.cjs");
@@ -20,10 +20,11 @@ require("@fangzhongya/utils/basic/object/objValue");
 require("../../../hooks/global-config/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 require("../../../utils/vues/getBuildProps.cjs");
+require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const _hoisted_1 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -32,8 +33,8 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     const cs = index$1.useCssName("company-select");
     const props = __props;
     const emit = __emit;
-    const mvalue = require$$0.ref([]);
-    require$$0.watch(
+    const mvalue = vue.ref([]);
+    vue.watch(
       () => props.modelValue,
       () => {
         mvalue.value = props.modelValue || [];
@@ -44,10 +45,10 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         deep: true
       }
     );
-    const psprops = require$$0.computed(() => {
+    const psprops = vue.computed(() => {
       return Object.assign({}, data.companySelect, props.props);
     });
-    const remoteData = require$$0.ref([]);
+    const remoteData = vue.ref([]);
     const getList = () => {
       if (psprops.value.lazy) {
         return remoteData.value;
@@ -55,10 +56,10 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         return props.options;
       }
     };
-    const loading = require$$0.ref([]);
-    const options = require$$0.ref([]);
+    const loading = vue.ref([]);
+    const options = vue.ref([]);
     function getOptions() {
-      require$$0.nextTick(() => {
+      vue.nextTick(() => {
         const arrs = props.labels || [];
         if (psprops.value.checkStrictly) {
           const values = [];
@@ -167,16 +168,16 @@ 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())
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(props.labels, (item, index2) => {
-          return require$$0.openBlock(), require$$0.createElementBlock("div", {
-            class: require$$0.normalizeClass(require$$0.unref(cs).z("li")),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.labels, (item, index2) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            class: vue.normalizeClass(vue.unref(cs).z("li")),
             key: index2
           }, [
-            item.name ? (require$$0.openBlock(), require$$0.createElementBlock("span", _hoisted_1, require$$0.toDisplayString(item.name), 1)) : require$$0.createCommentVNode("", true),
-            require$$0.createVNode(require$$0.unref(index$2.Select), {
+            item.name ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(item.name), 1)) : vue.createCommentVNode("", true),
+            vue.createVNode(vue.unref(index$2.Select), {
               disabled: item.disabled,
               readonly: item.readonly,
               onChange: (v) => {
@@ -187,9 +188,9 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
               modelValue: mvalue.value[index2],
               loading: loading.value[index2]
             }, {
-              default: require$$0.withCtx(() => [
-                (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(options.value[index2], (obj) => {
-                  return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$3.Option), {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(options.value[index2], (obj) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(index$3.Option), {
                     label: obj[psprops.value.label],
                     value: obj[psprops.value.value],
                     disabled: obj[psprops.value.disabled]

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

@@ -1,5 +1,6 @@
-import { ObjStrAny } from './data';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { ObjStrAny, CompanySelect } from './data';
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
     labels: {
         type: {
             (arrayLength: number): ObjStrAny[];
@@ -43,10 +44,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default(): never[];
     };
     props: {
-        type: import('vue').PropType<import('./data').CompanySelect>;
+        type: PropType<CompanySelect>;
         default(): {};
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     labels: {
         type: {
             (arrayLength: number): ObjStrAny[];
@@ -90,13 +91,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default(): never[];
     };
     props: {
-        type: import('vue').PropType<import('./data').CompanySelect>;
+        type: PropType<CompanySelect>;
         default(): {};
     };
 }>> & Readonly<{}>, {
-    props: import('./data').CompanySelect;
+    props: CompanySelect;
     modelValue: (string | number)[];
     options: unknown[];
     labels: ObjStrAny[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/components/company-select/src/index.js

@@ -18,6 +18,7 @@ import "@fangzhongya/utils/basic/object/objValue";
 import "../../../hooks/global-config/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import "../../../utils/vues/getBuildProps.js";
+import "../../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 const _hoisted_1 = { key: 0 };

package/dist/components/company-select/src/index.vue

@@ -0,0 +1,250 @@
+<template>
+	<div :class="cs.z()">
+		<div
+			:class="cs.z('li')"
+			v-for="(item, index) of props.labels"
+			:key="index"
+		>
+			<span v-if="item.name">{{ item.name }}</span>
+			<Select
+				:disabled="item.disabled"
+				:readonly="item.readonly"
+				@change="
+					(v: any) => {
+						onChange(v, index, item);
+					}
+				"
+				:placeholder="item.placeholder"
+				:multiple="item.multiple"
+				:modelValue="mvalue[index]"
+				:loading="loading[index]"
+			>
+				<Option
+					v-for="obj of options[index]"
+					:label="obj[psprops.label]"
+					:value="obj[psprops.value]"
+					:disabled="obj[psprops.disabled]"
+				></Option>
+			</Select>
+		</div>
+	</div>
+</template>
+<script lang="ts" setup>
+	import Select from '../../select/index';
+	import Option from '../../option/index';
+	import {
+		dataProps,
+		dataEmits,
+		dataExpose,
+		dataSlot,
+		companySelect,
+		type ObjStrAny,
+	} from './data';
+	import { useCssName, useLocale } from '../../../hooks/index';
+	import { computed, nextTick, ref, watch } from 'vue';
+
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	// 样式设置方法
+	const cs = useCssName('company-select');
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+
+	const mvalue = ref<Array<string | number>>([]);
+
+	watch(
+		() => props.modelValue,
+		() => {
+			mvalue.value = props.modelValue || [];
+			getOptions();
+		},
+		{
+			immediate: true,
+			deep: true,
+		},
+	);
+
+	const psprops = computed(() => {
+		return Object.assign({}, companySelect, props.props);
+	});
+
+	const remoteData = ref<ObjStrAny[]>([]);
+
+	const getList = () => {
+		if (psprops.value.lazy) {
+			return remoteData.value;
+		} else {
+			return props.options as ObjStrAny[];
+		}
+	};
+
+	const loading = ref<boolean[]>([]);
+	const options = ref<Array<ObjStrAny[]>>([]);
+
+	function getOptions() {
+		nextTick(() => {
+			const arrs = props.labels || [];
+			if (psprops.value.checkStrictly) {
+				const values: Array<ObjStrAny[]> = [];
+				arrs.forEach((o, index) => {
+					getOptionsChildren(
+						index,
+						(val: ObjStrAny[] = []) => {
+							values[index] = val;
+						},
+						values[index - 1],
+					);
+				});
+				options.value = values;
+			} else {
+				const values = arrs.map((o, index) => {
+					return (getList()[index] as ObjStrAny[]) || [];
+				});
+				options.value = values;
+			}
+		});
+	}
+
+	/**
+	 * 获取数组中对应的值
+	 * @param arr
+	 * @param key
+	 * @param value
+	 */
+	function getArrKyeObj(arr: ObjStrAny[], key: string, value: any) {
+		if (arr) {
+			for (let index = 0; index < arr.length; index++) {
+				const element = arr[index];
+				if (element[key] === value) {
+					return element;
+				}
+			}
+		}
+	}
+
+	/**
+	 * 获取对应的下级数据
+	 */
+	function getOptionsChildren(
+		i: number,
+		callback: (val: ObjStrAny[]) => void,
+		arr?: ObjStrAny[],
+	) {
+		if (i > 0) {
+			const obj = arr || options.value[i - 1];
+			const v = getArrKyeObj(
+				obj,
+				psprops.value.value,
+				mvalue.value[i - 1],
+			);
+			if (v) {
+				if (v.__loading__) {
+					callback(v[psprops.value.children]);
+				} else {
+					remoteMethod(v, i, () => {
+						callback(v[psprops.value.children]);
+						getOptions();
+					});
+				}
+			}
+		} else {
+			callback(getList());
+		}
+	}
+
+	/**
+	 * 设置子集数据
+	 * @param childrens
+	 * @param arr
+	 * @param i
+	 */
+	function remoteMethod(obj: any, index: number, callback?: () => void) {
+		loading.value[index] = true;
+		const children = psprops.value.children;
+		psprops.value.lazyLoad(
+			{ data: obj, index: index },
+			(data: ObjStrAny[]) => {
+				loading.value[index] = false;
+				if (index == 0) {
+					remoteData.value = data;
+				} else {
+					obj.__loading__ = true;
+					obj[children] = data;
+				}
+				if (callback) {
+					callback();
+				}
+			},
+		);
+	}
+
+	/**
+	 * 获取数据
+	 * @param index
+	 * @param tv
+	 */
+	function setValue(index: number, tv: any) {
+		if (psprops.value.checkStrictly) {
+			const vo = mvalue.value[index];
+			if (vo) {
+				if (vo !== tv) {
+					const vars = mvalue.value.slice(0, index);
+					vars.push(tv);
+					mvalue.value = vars;
+				}
+			} else {
+				mvalue.value[index] = tv;
+			}
+		} else {
+			mvalue.value[index] = tv;
+		}
+		emit('update:modelValue', mvalue.value);
+	}
+
+	// function setOptions(val: any, index: number, callback?: () => void) {
+	// 	if (index < props.labels.length - 1) {
+	// 		if (psprops.value.lazy) {
+	// 			const arr = getOptionsChildren(index);
+	// 			if (arr) {
+	// 				const obj = getArrKyeObj(arr, psprops.value.value, val);
+	// 				if (obj && !obj.__loading__) {
+	// 					remoteMethod(obj, index + 1, callback);
+	// 				}
+	// 			}
+	// 		}
+	// 	}
+	// }
+
+	function onChange(val: any, index: number, item: ObjStrAny) {
+		setValue(index, val);
+		// setOptions(val, index);
+		getOptions();
+		emit('change', mvalue.value, val, index);
+	}
+
+	function setDefaultValue(index: number) {
+		const obj = props.labels[index];
+		if (obj && obj.value) {
+			setValue(index, obj.value);
+			// setOptions(obj.value, index, () => {
+			// 	setDefaultValue(index + 1);
+			// });
+		}
+	}
+
+	if (psprops.value.lazy) {
+		remoteData.value = (props.options || []) as ObjStrAny[];
+		if (remoteData.value.length == 0) {
+			remoteMethod({}, 0, () => {
+				getOptions();
+			});
+		} else {
+			getOptions();
+		}
+	}
+
+	defineExpose({
+		...dataExpose,
+	});
+</script>
+<style lang="scss"></style>

package/dist/components/config-provider/index.d.ts

@@ -1,45 +1,47 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { Language } from './src/data';
 declare const ConfigProvider: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         locale: {
-            type: import('vue').PropType<import('./src/data').Language>;
-            default(): import('./src/data').Language;
+            type: PropType<Language>;
+            default(): Language;
         };
     }>> & Readonly<{}>, {
-        refEl: import('vue').Ref<any, any>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        locale: import('./src/data').Language;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        refEl: Ref<any, any>;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        locale: Language;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
         refEl: unknown;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         locale: {
-            type: import('vue').PropType<import('./src/data').Language>;
-            default(): import('./src/data').Language;
+            type: PropType<Language>;
+            default(): Language;
         };
     }>> & Readonly<{}>, {
-        refEl: import('vue').Ref<any, any>;
+        refEl: Ref<any, any>;
     }, {}, {}, {}, {
-        locale: import('./src/data').Language;
+        locale: Language;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     locale: {
-        type: import('vue').PropType<import('./src/data').Language>;
-        default(): import('./src/data').Language;
+        type: PropType<Language>;
+        default(): Language;
     };
 }>> & Readonly<{}>, {
-    refEl: import('vue').Ref<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    locale: import('./src/data').Language;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    refEl: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    locale: Language;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {}) => any>>;
-}) & import('vue').Plugin;
+}) & Plugin;
 export { ConfigProvider, ConfigProvider as default };

package/dist/components/config-provider/index.ts

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

package/dist/components/config-provider/src/data.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPublicPropTypes } from 'vue';
+import { ExtractPublicPropTypes, PropType } from 'vue';
 export type TranslatePair = {
     [key: string]: string | string[] | TranslatePair;
 };
@@ -16,7 +16,7 @@ export declare const dataProps: {
      * 翻译文本对象
      */
     locale: {
-        type: import('vue').PropType<Language>;
+        type: PropType<Language>;
         default(): Language;
     };
 };

package/dist/components/config-provider/src/data.ts

@@ -0,0 +1,46 @@
+import type { ExtractPublicPropTypes } from 'vue';
+
+import { buildProps } from '../../../utils/vues/buildProps';
+import { definePropType } from '../../../utils/vues/definePropType';
+import zhCn from 'element-plus/dist/locale/zh-cn';
+
+// import type { Language } from 'element-plus/es/locales';
+
+export type TranslatePair = {
+	[key: string]: string | string[] | TranslatePair;
+};
+export type Language = {
+	name: string;
+	el: TranslatePair;
+};
+
+/**
+ * @title {h2} ConfigProvider element-plus的全局配置
+ * @text 目前完全继承 element-plus 中 el-config-provider
+ */
+
+export const dataProps = buildProps({
+	/**
+	 * @props { Object } locale=zh-cn ( )
+	 * 翻译文本对象
+	 */
+	locale: {
+		type: definePropType<Language>(Object),
+		default() {
+			return zhCn as Language;
+		},
+	},
+});
+
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+
+export const dataEmits = [];
+
+export type DataEmits = typeof dataEmits;
+
+export const dataSlot = {};
+
+/**
+ * @expose refEl 获取当前组件在element-plus中暴露的方法
+ */
+export const dataExpose = {};

package/dist/components/config-provider/src/index.cjs

@@ -1,18 +1,18 @@
 "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 = require("../../../hooks/cssname/index.cjs");
 const elementPlus = require("element-plus");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const ElConfigProvider = elementPlus.ElConfigProvider;
-    const refEl = require$$0.ref();
-    const attrs = require$$0.useAttrs();
-    const slots = require$$0.useSlots();
+    const refEl = vue.ref();
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
     const cs = index.useCssName("config-provider");
     const props = __props;
     __expose({
@@ -20,19 +20,19 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       refEl
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("div", {
-        class: require$$0.normalizeClass(require$$0.unref(cs).z())
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        require$$0.createVNode(require$$0.unref(ElConfigProvider), require$$0.mergeProps(require$$0.unref(attrs), {
+        vue.createVNode(vue.unref(ElConfigProvider), vue.mergeProps(vue.unref(attrs), {
           locale: props.locale,
           ref_key: "refEl",
           ref: refEl
-        }), require$$0.createSlots({ _: 2 }, [
-          require$$0.renderList(Object.keys(require$$0.unref(slots)), (k, i) => {
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
             return {
               name: k,
-              fn: require$$0.withCtx(() => [
-                require$$0.renderSlot(_ctx.$slots, k)
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, k)
               ])
             };
           })

package/dist/components/config-provider/src/index.d.ts

@@ -1,3 +1,5 @@
+import { DefineComponent, ExtractPropTypes, PropType, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { Language } from './data';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {}) => any>>;
@@ -7,21 +9,21 @@ 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<{
     locale: {
-        type: import('vue').PropType<import('./data').Language>;
-        default(): import('./data').Language;
+        type: PropType<Language>;
+        default(): Language;
     };
 }>, {
-    refEl: import('vue').Ref<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    refEl: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     locale: {
-        type: import('vue').PropType<import('./data').Language>;
-        default(): import('./data').Language;
+        type: PropType<Language>;
+        default(): Language;
     };
 }>> & Readonly<{}>, {
-    locale: import('./data').Language;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    locale: Language;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
     refEl: unknown;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/config-provider/src/index.vue

@@ -0,0 +1,30 @@
+<template>
+	<div :class="cs.z()">
+		<ElConfigProvider v-bind="attrs" :locale="props.locale" ref="refEl">
+			<template v-for="(k, i) in Object.keys(slots)" v-slot:[k] :key="k">
+				<slot :name="k"></slot>
+			</template>
+		</ElConfigProvider>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { dataProps, dataEmits, dataExpose } from './data';
+	import { useCssName } from '../../../hooks/cssname';
+	import { ref, useAttrs, useSlots } from 'vue';
+	import { ElConfigProvider as ConfigProvider } from 'element-plus';
+	import type { Slots } from 'vue';
+	// 解决ts 打包报错问题
+	const ElConfigProvider = ConfigProvider as any;
+	const refEl = ref();
+	const attrs = useAttrs();
+	const slots: Slots = useSlots();
+	// 样式设置方法
+	const cs = useCssName('config-provider');
+	// 获取国际化字段
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	defineExpose({
+		...dataExpose,
+		refEl,
+	});
+</script>