@fangzhongya/fang-ui 0.0.14 → 0.0.16

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

@@ -1,22 +1,25 @@
+import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, Component, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComputedRef, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, Plugin } from 'vue';
+import { CollapseActiveName } from 'element-plus/es/index';
+import { OnCleanup } from '@vue/reactivity';
 declare const CollapseItem: {
-    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 title: string;
                 readonly disabled: boolean;
-                readonly name: import('element-plus/es/index').CollapseActiveName;
+                readonly name: CollapseActiveName;
             }> & Omit<{
                 readonly title: string;
                 readonly disabled: boolean;
-                readonly name?: import('element-plus/es/index').CollapseActiveName | undefined;
-                readonly icon?: (string | import('vue').Component) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "name" | "title" | "disabled">;
+                readonly name?: CollapseActiveName | undefined;
+                readonly icon?: (string | Component) | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "name" | "title" | "disabled">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -24,16 +27,16 @@ declare const CollapseItem: {
                 [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: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
                 readonly title: {
-                    readonly type: import('vue').PropType<string>;
+                    readonly type: PropType<string>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -41,7 +44,7 @@ declare const CollapseItem: {
                     readonly default: "";
                 };
                 readonly name: {
-                    readonly type: import('vue').PropType<import('element-plus/es/index').CollapseActiveName>;
+                    readonly type: PropType<CollapseActiveName>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -49,19 +52,19 @@ declare const CollapseItem: {
                     readonly default: undefined;
                 };
                 readonly icon: {
-                    readonly type: import('vue').PropType<string | import('vue').Component>;
+                    readonly type: PropType<string | Component>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
                 readonly disabled: BooleanConstructor;
             }>>, {
-                isActive: import('vue').ComputedRef<boolean | undefined>;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, {
+                isActive: ComputedRef<boolean | undefined>;
+            }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
                 readonly title: string;
                 readonly disabled: boolean;
-                readonly name: import('element-plus/es/index').CollapseActiveName;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                readonly name: CollapseActiveName;
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -74,20 +77,20 @@ declare const CollapseItem: {
                 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 title: string;
             readonly disabled: boolean;
-            readonly name: import('element-plus/es/index').CollapseActiveName;
-        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            readonly name: CollapseActiveName;
+        }> & Omit<Readonly< ExtractPropTypes<{
             readonly title: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -95,7 +98,7 @@ declare const CollapseItem: {
                 readonly default: "";
             };
             readonly name: {
-                readonly type: import('vue').PropType<import('element-plus/es/index').CollapseActiveName>;
+                readonly type: PropType<CollapseActiveName>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -103,15 +106,15 @@ declare const CollapseItem: {
                 readonly default: undefined;
             };
             readonly icon: {
-                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly type: PropType<string | Component>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
             readonly disabled: BooleanConstructor;
-        }>>, "name" | "title" | "disabled" | "isActive"> & import('vue').ShallowUnwrapRef<{
-            isActive: import('vue').ComputedRef<boolean | undefined>;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>>, "name" | "title" | "disabled" | "isActive"> & ShallowUnwrapRef<{
+            isActive: ComputedRef<boolean | undefined>;
+        }> & {} & ComponentCustomProperties & {} & {
             $slots: {
                 title?(_: {
                     isActive: boolean | undefined;
@@ -122,7 +125,7 @@ declare const CollapseItem: {
                 default?(_: {}): any;
             };
         }) | null;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -130,18 +133,18 @@ declare const CollapseItem: {
         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 { CollapseItem, CollapseItem as default };

package/dist/components/collapse-item/index.ts

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

package/dist/components/collapse-item/src/data.ts

@@ -0,0 +1,23 @@
+import type { ExtractPropTypes } from 'vue';
+
+import { buildProps } from '../../../utils/vues/buildProps';
+
+/**
+ * @title {h2} CollapseItem 折叠面板子模块
+ * @text 目前完全继承 element-plus 中 el-collapse-item
+ */
+
+export const dataProps = buildProps<any>({});
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+export const dataEmits = [];
+
+export type DataEmits = typeof dataEmits;
+
+export const dataSlot = {};
+
+/**
+ * @expose refEl 获取当前组件在element-plus中暴露的方法
+ */
+export const dataExpose = {};

package/dist/components/collapse-item/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");
@@ -19,14 +19,14 @@ require("../../../hooks/global-config/index.cjs");
 const index$2 = require("../../../hooks/locale/index.cjs");
 const index = require("../../../hooks/inherit/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 refEl = require$$0.ref();
+    const refEl = vue.ref();
     const attrs = index.useInherit();
-    const slots = require$$0.useSlots();
+    const slots = vue.useSlots();
     const cs = index$1.useCssName("collapse-item");
     index$2.useLocale();
     __expose({
@@ -34,18 +34,18 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       refEl
     });
     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.createVNode(require$$0.unref(elementPlus.ElCollapseItem), require$$0.mergeProps(require$$0.unref(attrs).assem, {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: [vue.unref(cs).z()]
+      }, vue.unref(attrs).root), [
+        vue.createVNode(vue.unref(elementPlus.ElCollapseItem), vue.mergeProps(vue.unref(attrs).assem, {
           ref_key: "refEl",
           ref: refEl
-        }), require$$0.createSlots({ _: 2 }, [
-          require$$0.renderList(Object.keys(require$$0.unref(slots)), (k) => {
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k) => {
             return {
               name: k,
-              fn: require$$0.withCtx(() => [
-                require$$0.renderSlot(_ctx.$slots, k)
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, k)
               ])
             };
           })

package/dist/components/collapse-item/src/index.d.ts

@@ -1,20 +1,23 @@
+import { ComponentInternalInstance, Component, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComputedRef, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent, Ref, PublicProps } from 'vue';
+import { CollapseActiveName } from 'element-plus/es/index';
+import { OnCleanup } from '@vue/reactivity';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {}) => any>>;
     refs: {
         refEl: ({
-            $: import('vue').ComponentInternalInstance;
+            $: ComponentInternalInstance;
             $data: {};
             $props: Partial<{
                 readonly title: string;
                 readonly disabled: boolean;
-                readonly name: import('element-plus/es/index').CollapseActiveName;
+                readonly name: CollapseActiveName;
             }> & Omit<{
                 readonly title: string;
                 readonly disabled: boolean;
-                readonly name?: import('element-plus/es/index').CollapseActiveName | undefined;
-                readonly icon?: (string | import('vue').Component) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "name" | "title" | "disabled">;
+                readonly name?: CollapseActiveName | undefined;
+                readonly icon?: (string | Component) | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "name" | "title" | "disabled">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -22,16 +25,16 @@ declare function __VLS_template(): {
                 [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: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
                 readonly title: {
-                    readonly type: import('vue').PropType<string>;
+                    readonly type: PropType<string>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -39,7 +42,7 @@ declare function __VLS_template(): {
                     readonly default: "";
                 };
                 readonly name: {
-                    readonly type: import('vue').PropType<import('element-plus/es/index').CollapseActiveName>;
+                    readonly type: PropType<CollapseActiveName>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -47,19 +50,19 @@ declare function __VLS_template(): {
                     readonly default: undefined;
                 };
                 readonly icon: {
-                    readonly type: import('vue').PropType<string | import('vue').Component>;
+                    readonly type: PropType<string | Component>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
                 readonly disabled: BooleanConstructor;
             }>>, {
-                isActive: import('vue').ComputedRef<boolean | undefined>;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, {
+                isActive: ComputedRef<boolean | undefined>;
+            }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
                 readonly title: string;
                 readonly disabled: boolean;
-                readonly name: import('element-plus/es/index').CollapseActiveName;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                readonly name: CollapseActiveName;
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -72,20 +75,20 @@ declare function __VLS_template(): {
                 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 title: string;
             readonly disabled: boolean;
-            readonly name: import('element-plus/es/index').CollapseActiveName;
-        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            readonly name: CollapseActiveName;
+        }> & Omit<Readonly< ExtractPropTypes<{
             readonly title: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -93,7 +96,7 @@ declare function __VLS_template(): {
                 readonly default: "";
             };
             readonly name: {
-                readonly type: import('vue').PropType<import('element-plus/es/index').CollapseActiveName>;
+                readonly type: PropType<CollapseActiveName>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -101,15 +104,15 @@ declare function __VLS_template(): {
                 readonly default: undefined;
             };
             readonly icon: {
-                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly type: PropType<string | Component>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
             readonly disabled: BooleanConstructor;
-        }>>, "name" | "title" | "disabled" | "isActive"> & import('vue').ShallowUnwrapRef<{
-            isActive: import('vue').ComputedRef<boolean | undefined>;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>>, "name" | "title" | "disabled" | "isActive"> & ShallowUnwrapRef<{
+            isActive: ComputedRef<boolean | undefined>;
+        }> & {} & ComponentCustomProperties & {} & {
             $slots: {
                 title?(_: {
                     isActive: boolean | undefined;
@@ -124,24 +127,24 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {
-    refEl: import('vue').Ref<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | {
+declare const __VLS_component: DefineComponent<{}, {
+    refEl: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {} | {
     [x: string]: any;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
     refEl: ({
-        $: import('vue').ComponentInternalInstance;
+        $: ComponentInternalInstance;
         $data: {};
         $props: Partial<{
             readonly title: string;
             readonly disabled: boolean;
-            readonly name: import('element-plus/es/index').CollapseActiveName;
+            readonly name: CollapseActiveName;
         }> & Omit<{
             readonly title: string;
             readonly disabled: boolean;
-            readonly name?: import('element-plus/es/index').CollapseActiveName | undefined;
-            readonly icon?: (string | import('vue').Component) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "name" | "title" | "disabled">;
+            readonly name?: CollapseActiveName | undefined;
+            readonly icon?: (string | Component) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "name" | "title" | "disabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -149,16 +152,16 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             [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: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
             readonly title: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -166,7 +169,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 readonly default: "";
             };
             readonly name: {
-                readonly type: import('vue').PropType<import('element-plus/es/index').CollapseActiveName>;
+                readonly type: PropType<CollapseActiveName>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -174,19 +177,19 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 readonly default: undefined;
             };
             readonly icon: {
-                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly type: PropType<string | Component>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
             readonly disabled: BooleanConstructor;
         }>>, {
-            isActive: import('vue').ComputedRef<boolean | undefined>;
-        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, {
+            isActive: ComputedRef<boolean | undefined>;
+        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
             readonly title: string;
             readonly disabled: boolean;
-            readonly name: import('element-plus/es/index').CollapseActiveName;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            readonly name: CollapseActiveName;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -199,20 +202,20 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             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 title: string;
         readonly disabled: boolean;
-        readonly name: import('element-plus/es/index').CollapseActiveName;
-    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        readonly name: CollapseActiveName;
+    }> & Omit<Readonly< ExtractPropTypes<{
         readonly title: {
-            readonly type: import('vue').PropType<string>;
+            readonly type: PropType<string>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -220,7 +223,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: "";
         };
         readonly name: {
-            readonly type: import('vue').PropType<import('element-plus/es/index').CollapseActiveName>;
+            readonly type: PropType<CollapseActiveName>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -228,15 +231,15 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: undefined;
         };
         readonly icon: {
-            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly type: PropType<string | Component>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
         readonly disabled: BooleanConstructor;
-    }>>, "name" | "title" | "disabled" | "isActive"> & import('vue').ShallowUnwrapRef<{
-        isActive: import('vue').ComputedRef<boolean | undefined>;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>>, "name" | "title" | "disabled" | "isActive"> & ShallowUnwrapRef<{
+        isActive: ComputedRef<boolean | undefined>;
+    }> & {} & ComponentCustomProperties & {} & {
         $slots: {
             title?(_: {
                 isActive: boolean | undefined;

package/dist/components/collapse-item/src/index.vue

@@ -0,0 +1,30 @@
+<template>
+	<div :class="[cs.z()]" v-bind="attrs.root">
+		<ElCollapseItem v-bind="attrs.assem" ref="refEl">
+			<template v-for="k in Object.keys(slots)" v-slot:[k] :key="k">
+				<slot :name="k"></slot>
+			</template>
+		</ElCollapseItem>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import { useCssName, useLocale, useInherit } from '../../../hooks/index';
+	import { ref, useSlots } from 'vue';
+	import { ElCollapseItem } from 'element-plus';
+	import type { Slots } from 'vue';
+	const refEl = ref();
+	const attrs = useInherit();
+	const slots: Slots = useSlots();
+	// 样式设置方法
+	const cs = useCssName('collapse-item');
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	defineExpose({
+		...dataExpose,
+		refEl,
+	});
+</script>
+<style lang="scss"></style>

package/dist/components/color-picker/index.ts

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

package/dist/components/color-picker/src/data.ts

@@ -0,0 +1,23 @@
+import type { ExtractPropTypes } from 'vue';
+
+import { buildProps } from '../../../utils/vues/buildProps';
+
+/**
+ * @title {h2} ColorPicker 颜色选择器
+ * @text 目前完全继承 element-plus 中 el-color-picker
+ */
+
+export const dataProps = buildProps<any>({});
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+export const dataEmits = [];
+
+export type DataEmits = typeof dataEmits;
+
+export const dataSlot = {};
+
+/**
+ * @expose refEl 获取当前组件在element-plus中暴露的方法
+ */
+export const dataExpose = {};