@fangzhongya/fang-ui 0.0.14 → 0.0.16

package/dist/components/checks/src/index.cjs

@@ -1,25 +1,25 @@
 "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("../../../directives/expose/index.cjs");
 const elementPlus = require("element-plus");
 const index = require("../../../hooks/cssname/index.cjs");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { emit: __emit }) {
     const cs = index.useCssName("checks");
-    const attrs = index$1.useInherit(require$$0.useAttrs());
+    const attrs = index$1.useInherit(vue.useAttrs());
     const props = __props;
     const emit = __emit;
     const listFuObj = data.dataHandle(props, emit);
     const value = listFuObj.value;
     const multiple = listFuObj.multiple;
-    const comps = require$$0.computed(() => {
+    const comps = vue.computed(() => {
       if (multiple.value) {
         if (props.but) {
           return elementPlus.ElCheckboxButton;
@@ -38,25 +38,25 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       emit("click-multiple", item, is);
     };
     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.unref(multiple) ? require$$0.withDirectives((require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElCheckboxGroup), require$$0.mergeProps({
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.unref(multiple) ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckboxGroup), vue.mergeProps({
           key: 0,
-          class: require$$0.unref(cs).z("check"),
-          modelValue: require$$0.unref(value),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => require$$0.isRef(value) ? value.value = $event : null)
-        }, require$$0.unref(attrs).assem), {
-          default: require$$0.withCtx(() => [
-            (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(props.options, (item) => {
-              return require$$0.openBlock(), require$$0.createBlock(require$$0.resolveDynamicComponent(comps.value), {
-                value: require$$0.unref(use.useVueValue)(item, props.prop),
+          class: vue.unref(cs).z("check"),
+          modelValue: vue.unref(value),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(value) ? value.value = $event : null)
+        }, vue.unref(attrs).assem), {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.options, (item) => {
+              return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(comps.value), {
+                value: vue.unref(use.useVueValue)(item, props.prop),
                 border: item == null ? void 0 : item.border,
                 disabled: item == null ? void 0 : item.disabled,
                 onChange: (is) => onChange(item, is)
               }, {
-                default: require$$0.withCtx(() => [
-                  require$$0.createTextVNode(require$$0.toDisplayString(require$$0.unref(use.useVueValue)(item, props.label)), 1)
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(use.useVueValue)(item, props.label)), 1)
                 ]),
                 _: 2
               }, 1064, ["value", "border", "disabled", "onChange"]);
@@ -64,22 +64,22 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
           ]),
           _: 1
         }, 16, ["class", "modelValue"])), [
-          [require$$0.unref(index$2.default), {}]
-        ]) : require$$0.withDirectives((require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElRadioGroup), require$$0.mergeProps({
+          [vue.unref(index$2.default), {}]
+        ]) : vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElRadioGroup), vue.mergeProps({
           key: 1,
-          class: require$$0.unref(cs).z("check"),
-          modelValue: require$$0.unref(value),
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => require$$0.isRef(value) ? value.value = $event : null)
-        }, require$$0.unref(attrs).assem), {
-          default: require$$0.withCtx(() => [
-            (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(props.options, (item) => {
-              return require$$0.openBlock(), require$$0.createBlock(require$$0.resolveDynamicComponent(comps.value), {
+          class: vue.unref(cs).z("check"),
+          modelValue: vue.unref(value),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(value) ? value.value = $event : null)
+        }, vue.unref(attrs).assem), {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.options, (item) => {
+              return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(comps.value), {
                 border: item == null ? void 0 : item.border,
-                value: require$$0.unref(use.useVueValue)(item, props.prop),
+                value: vue.unref(use.useVueValue)(item, props.prop),
                 disabled: item == null ? void 0 : item.disabled
               }, {
-                default: require$$0.withCtx(() => [
-                  require$$0.createTextVNode(require$$0.toDisplayString(require$$0.unref(use.useVueValue)(item, props.label)), 1)
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(use.useVueValue)(item, props.label)), 1)
                 ]),
                 _: 2
               }, 1032, ["border", "value", "disabled"]);
@@ -87,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
           ]),
           _: 1
         }, 16, ["class", "modelValue"])), [
-          [require$$0.unref(index$2.default), {}]
+          [vue.unref(index$2.default), {}]
         ])
       ], 16);
     };

package/dist/components/checks/src/index.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
     but: {
         type: BooleanConstructor;
     };
@@ -44,7 +45,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     optobj: {
         type: BooleanConstructor[];
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     but: {
         type: BooleanConstructor;
     };
@@ -96,5 +97,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     prop: string | Function;
     but: boolean;
     clearAbsent: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

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

@@ -0,0 +1,84 @@
+<template>
+	<div :class="cs.z()" v-bind="attrs.root">
+		<template v-if="multiple">
+			<ElCheckboxGroup
+				:class="cs.z('check')"
+				v-model="value"
+				v-bind="attrs.assem"
+				v-expose="{}"
+			>
+				<component
+					:is="comps"
+					v-for="item of props.options"
+					:value="useVueValue(item, props.prop)"
+					:border="item?.border"
+					:disabled="item?.disabled"
+					@change="(is: boolean) => onChange(item, is)"
+				>
+					{{ useVueValue(item, props.label) }}
+				</component>
+			</ElCheckboxGroup>
+		</template>
+		<template v-else>
+			<ElRadioGroup
+				:class="cs.z('check')"
+				v-model="value"
+				v-bind="attrs.assem"
+				v-expose="{}"
+			>
+				<component
+					:is="comps"
+					v-for="item of props.options"
+					:border="item?.border"
+					:value="useVueValue(item, props.prop)"
+					:disabled="item?.disabled"
+				>
+					{{ useVueValue(item, props.label) }}
+				</component>
+			</ElRadioGroup>
+		</template>
+	</div>
+</template>
+<script lang="ts" setup>
+	import vExpose from '../../../directives/expose';
+	import {
+		ElCheckboxGroup,
+		ElCheckbox,
+		ElCheckboxButton,
+		ElRadioGroup,
+		ElRadio,
+		ElRadioButton,
+	} from 'element-plus';
+	import { useCssName } from '../../../hooks/cssname';
+	import { dataProps, dataEmits, dataHandle } from './data';
+	import { useInherit } from '../../../hooks/inherit';
+	import { useVueValue } from '../../common/use';
+	import { computed, useAttrs } from 'vue';
+	const cs = useCssName('checks');
+	const attrs = useInherit(useAttrs());
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	const listFuObj = dataHandle(props, emit);
+	const value = listFuObj.value;
+	const multiple = listFuObj.multiple;
+
+	const comps = computed(() => {
+		if (multiple.value) {
+			if (props.but) {
+				return ElCheckboxButton;
+			} else {
+				return ElCheckbox;
+			}
+		} else {
+			if (props.but) {
+				return ElRadioButton;
+			} else {
+				return ElRadio;
+			}
+		}
+	});
+
+	const onChange = (item: ObjAny, is: boolean) => {
+		emit('click-multiple', item, is);
+	};
+</script>

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

@@ -1,20 +1,21 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 declare const ChoiceSelect: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         many: {
             type: never[];
         };
     }>> & Readonly<{
         onChange?: ((evt: string | string[]) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         change: (evt: string | string[]) => void;
-    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         many: {
             type: never[];
         };
@@ -24,13 +25,13 @@ declare const ChoiceSelect: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     many: {
         type: never[];
     };
 }>> & Readonly<{
     onChange?: ((evt: string | string[]) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     change: (evt: string | string[]) => void;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
 export { ChoiceSelect, ChoiceSelect as default };

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

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

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

@@ -15,6 +15,7 @@ require("@fangzhongya/utils/basic/object/deepCopy");
 require("@fangzhongya/utils/basic/Array/toggleArray");
 require("@fangzhongya/utils/basic/object/objValue");
 require("../../../utils/vues/getBuildProps.cjs");
+require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const dataProps = buildProps.buildProps({

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

@@ -13,6 +13,7 @@ import "@fangzhongya/utils/basic/object/deepCopy";
 import "@fangzhongya/utils/basic/Array/toggleArray";
 import "@fangzhongya/utils/basic/object/objValue";
 import "../../../utils/vues/getBuildProps.js";
+import "../../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 const dataProps = buildProps({

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

@@ -0,0 +1,38 @@
+import type { ExtractPropTypes } from 'vue';
+
+import { buildProps } from '../../../utils/index';
+
+export const dataProps = buildProps({
+	/**
+	 * @props { String, Number, Array<String> } many= ( )
+	 * 多类型
+	 */
+	many: {
+		type: [],
+	},
+});
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export const dataEmits = {
+	change: (evt: string | string[]) => {},
+};
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot default 默认插槽
+ */
+export const dataSlot = {
+	default: 'default',
+};
+
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export const dataExpose = {};

package/dist/components/choice-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$1 = require("../../../hooks/cssname/index.cjs");
 require("@fangzhongya/utils/basic/string/splitUpper");
@@ -18,9 +18,10 @@ 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 _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -31,10 +32,10 @@ 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())
       }, _cache[0] || (_cache[0] = [
-        require$$0.createElementVNode("div", null, null, -1)
+        vue.createElementVNode("div", null, null, -1)
       ]), 2);
     };
   }

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

@@ -1,14 +1,15 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
     many: {
         type: never[];
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     change: (evt: string | string[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, PublicProps, Readonly< ExtractPropTypes<{
     many: {
         type: never[];
     };
 }>> & Readonly<{
     onChange?: ((evt: string | string[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

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

@@ -16,6 +16,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 _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -0,0 +1,20 @@
+<template>
+	<div :class="cs.z()">
+		<div></div>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import { useCssName, useLocale } from '../../../hooks/index';
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	// 样式设置方法
+	const cs = useCssName('choice-select');
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+
+	defineExpose({
+		...dataExpose,
+	});
+</script>
+<style lang="scss"></style>

package/dist/components/collapse/index.d.ts

@@ -1,24 +1,27 @@
+import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, Plugin } from 'vue';
+import { CollapseModelValue, CollapseIconPositionType, CollapseActiveName } from 'element-plus/es/index';
+import { OnCleanup } from '@vue/reactivity';
 declare const Collapse: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
-        refEl: import('vue').Ref<any, any>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {} | {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        refEl: Ref<any, any>;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {} | {
         [x: string]: any;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
         refEl: ({
-            $: import('vue').ComponentInternalInstance;
+            $: ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                readonly modelValue: import('element-plus/es/index').CollapseModelValue;
-                readonly expandIconPosition: import('element-plus/es/index').CollapseIconPositionType;
+                readonly modelValue: CollapseModelValue;
+                readonly expandIconPosition: CollapseIconPositionType;
                 readonly accordion: boolean;
             }> & Omit<{
-                readonly modelValue: import('element-plus/es/index').CollapseModelValue;
+                readonly modelValue: CollapseModelValue;
                 readonly accordion: boolean;
-                readonly expandIconPosition: import('element-plus/es/index').CollapseIconPositionType;
-                readonly beforeCollapse?: ((name: import('element-plus/es/index').CollapseActiveName) => boolean | Promise<boolean>) | undefined;
-                "onUpdate:modelValue"?: ((value: import('element-plus/es/index').CollapseModelValue) => any) | undefined | undefined;
-                onChange?: ((value: import('element-plus/es/index').CollapseModelValue) => any) | undefined | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "modelValue" | "accordion" | "expandIconPosition">;
+                readonly expandIconPosition: CollapseIconPositionType;
+                readonly beforeCollapse?: ((name: CollapseActiveName) => boolean | Promise<boolean>) | undefined;
+                "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined | undefined;
+                onChange?: ((value: CollapseModelValue) => any) | undefined | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "modelValue" | "accordion" | "expandIconPosition">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -26,17 +29,17 @@ declare const Collapse: {
                 [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: "change", value: import('element-plus/es/index').CollapseModelValue) => void) & ((event: "update:modelValue", value: import('element-plus/es/index').CollapseModelValue) => void);
+            $emit: ((event: "change", value: CollapseModelValue) => void) & ((event: "update:modelValue", value: CollapseModelValue) => void);
             $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
                 readonly accordion: BooleanConstructor;
                 readonly modelValue: {
-                    readonly type: import('vue').PropType<import('element-plus/es/index').CollapseModelValue>;
+                    readonly type: PropType<CollapseModelValue>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -44,7 +47,7 @@ declare const Collapse: {
                     readonly default: () => [];
                 };
                 readonly expandIconPosition: {
-                    readonly type: import('vue').PropType<import('element-plus/es/index').CollapseIconPositionType>;
+                    readonly type: PropType<CollapseIconPositionType>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -52,25 +55,25 @@ declare const Collapse: {
                     readonly default: "right";
                 };
                 readonly beforeCollapse: {
-                    readonly type: import('vue').PropType<(name: import('element-plus/es/index').CollapseActiveName) => boolean | Promise<boolean>>;
+                    readonly type: PropType<(name: CollapseActiveName) => boolean | Promise<boolean>>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
             }>> & {
-                "onUpdate:modelValue"?: ((value: import('element-plus/es/index').CollapseModelValue) => any) | undefined;
-                onChange?: ((value: import('element-plus/es/index').CollapseModelValue) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
+                onChange?: ((value: CollapseModelValue) => any) | undefined;
             }, {
-                activeNames: import('vue').Ref<(string | number)[]>;
-                setActiveNames: (_activeNames: import('element-plus/es/index').CollapseActiveName[]) => void;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: import('element-plus/es/index').CollapseModelValue) => void;
-                change: (value: import('element-plus/es/index').CollapseModelValue) => void;
+                activeNames: Ref<(string | number)[]>;
+                setActiveNames: (_activeNames: CollapseActiveName[]) => void;
+            }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                "update:modelValue": (value: CollapseModelValue) => void;
+                change: (value: CollapseModelValue) => void;
             }, string, {
-                readonly modelValue: import('element-plus/es/index').CollapseModelValue;
-                readonly expandIconPosition: import('element-plus/es/index').CollapseIconPositionType;
+                readonly modelValue: CollapseModelValue;
+                readonly expandIconPosition: CollapseIconPositionType;
                 readonly accordion: boolean;
-            }, {}, 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)[];
@@ -83,21 +86,21 @@ declare const Collapse: {
                 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<{
-            readonly modelValue: import('element-plus/es/index').CollapseModelValue;
-            readonly expandIconPosition: import('element-plus/es/index').CollapseIconPositionType;
+            readonly modelValue: CollapseModelValue;
+            readonly expandIconPosition: CollapseIconPositionType;
             readonly accordion: boolean;
-        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        }> & Omit<Readonly< ExtractPropTypes<{
             readonly accordion: BooleanConstructor;
             readonly modelValue: {
-                readonly type: import('vue').PropType<import('element-plus/es/index').CollapseModelValue>;
+                readonly type: PropType<CollapseModelValue>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -105,7 +108,7 @@ declare const Collapse: {
                 readonly default: () => [];
             };
             readonly expandIconPosition: {
-                readonly type: import('vue').PropType<import('element-plus/es/index').CollapseIconPositionType>;
+                readonly type: PropType<CollapseIconPositionType>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -113,23 +116,23 @@ declare const Collapse: {
                 readonly default: "right";
             };
             readonly beforeCollapse: {
-                readonly type: import('vue').PropType<(name: import('element-plus/es/index').CollapseActiveName) => boolean | Promise<boolean>>;
+                readonly type: PropType<(name: CollapseActiveName) => boolean | Promise<boolean>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
         }>> & {
-            "onUpdate:modelValue"?: ((value: import('element-plus/es/index').CollapseModelValue) => any) | undefined;
-            onChange?: ((value: import('element-plus/es/index').CollapseModelValue) => any) | undefined;
-        }, "modelValue" | "accordion" | "expandIconPosition" | "activeNames" | "setActiveNames"> & import('vue').ShallowUnwrapRef<{
-            activeNames: import('vue').Ref<(string | number)[]>;
-            setActiveNames: (_activeNames: import('element-plus/es/index').CollapseActiveName[]) => void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
+            onChange?: ((value: CollapseModelValue) => any) | undefined;
+        }, "modelValue" | "accordion" | "expandIconPosition" | "activeNames" | "setActiveNames"> & ShallowUnwrapRef<{
+            activeNames: Ref<(string | number)[]>;
+            setActiveNames: (_activeNames: CollapseActiveName[]) => void;
+        }> & {} & ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
             };
         }) | null;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -137,18 +140,18 @@ declare const Collapse: {
         M: {};
         Defaults: {};
     }, Readonly<{}> & Readonly<{}>, {
-        refEl: import('vue').Ref<any, any>;
+        refEl: Ref<any, any>;
     }, {}, {}, {}, {} | {
         [x: string]: any;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
-    refEl: import('vue').Ref<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {} | {
+} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+    refEl: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {} | {
     [x: string]: any;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {}) => any>>;
-}) & import('vue').Plugin;
+}) & Plugin;
 export { Collapse, Collapse as default };

package/dist/components/collapse/index.ts

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