@fangzhongya/fang-ui 0.0.14 → 0.0.16

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

@@ -1,11 +1,12 @@
-import { Slots } from 'vue';
+import { Slots, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, VNode, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent, Ref, PublicProps } from 'vue';
+import { TabPaneName, TabsPaneContext } from 'element-plus/es/index';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {}) => any>>;
     refs: {
-        refEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        refEl: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
             readonly type: {
-                readonly type: import('vue').PropType<"" | "card" | "border-card">;
+                readonly type: PropType<"" | "card" | "border-card">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -15,14 +16,14 @@ declare function __VLS_template(): {
             readonly closable: BooleanConstructor;
             readonly addable: BooleanConstructor;
             readonly modelValue: {
-                readonly type: import('vue').PropType<string | number>;
+                readonly type: PropType<string | number>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
             readonly editable: BooleanConstructor;
             readonly tabPosition: {
-                readonly type: import('vue').PropType<"left" | "right" | "bottom" | "top">;
+                readonly type: PropType<"left" | "right" | "bottom" | "top">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -30,7 +31,7 @@ declare function __VLS_template(): {
                 readonly default: "top";
             };
             readonly beforeLeave: {
-                readonly type: import('vue').PropType<(newName: import('element-plus/es/index').TabPaneName, oldName: import('element-plus/es/index').TabPaneName) => boolean | void | Promise<boolean | void>>;
+                readonly type: PropType<(newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -39,10 +40,10 @@ declare function __VLS_template(): {
             };
             readonly stretch: BooleanConstructor;
         }>> & {
-            "onUpdate:modelValue"?: ((name: import('element-plus/es/index').TabPaneName) => any) | undefined;
+            "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined;
             onTabClick?: ((pane: {
                 uid: number;
-                getVnode: () => import('vue').VNode;
+                getVnode: () => VNode;
                 slots: Slots;
                 props: {
                     readonly label: string;
@@ -51,41 +52,41 @@ declare function __VLS_template(): {
                     readonly lazy: boolean;
                     readonly name?: (string | number) | undefined;
                 };
-                paneName: import('element-plus/es/index').TabPaneName | undefined;
+                paneName: TabPaneName | undefined;
                 active: boolean;
                 index: string | undefined;
                 isClosable: boolean;
                 isFocusInsidePane: () => boolean | undefined;
             }, ev: Event) => any) | undefined;
-            onTabRemove?: ((name: import('element-plus/es/index').TabPaneName) => any) | undefined;
-            onTabChange?: ((name: import('element-plus/es/index').TabPaneName) => any) | undefined;
-            onEdit?: ((paneName: import('element-plus/es/index').TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
+            onTabRemove?: ((name: TabPaneName) => any) | undefined;
+            onTabChange?: ((name: TabPaneName) => any) | undefined;
+            onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
             onTabAdd?: (() => any) | undefined;
-        }, () => JSX.Element, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (name: import('element-plus/es/index').TabPaneName) => name is string | number;
-            tabClick: (pane: import('element-plus/es/index').TabsPaneContext, ev: Event) => boolean;
-            tabChange: (name: import('element-plus/es/index').TabPaneName) => name is string | number;
-            edit: (paneName: import('element-plus/es/index').TabPaneName | undefined, action: "remove" | "add") => boolean;
-            tabRemove: (name: import('element-plus/es/index').TabPaneName) => name is string | number;
+        }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            "update:modelValue": (name: TabPaneName) => name is string | number;
+            tabClick: (pane: TabsPaneContext, ev: Event) => boolean;
+            tabChange: (name: TabPaneName) => name is string | number;
+            edit: (paneName: TabPaneName | undefined, action: "remove" | "add") => boolean;
+            tabRemove: (name: TabPaneName) => name is string | number;
             tabAdd: () => boolean;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        }, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
             readonly stretch: boolean;
             readonly type: "" | "card" | "border-card";
             readonly closable: boolean;
-            readonly beforeLeave: (newName: import('element-plus/es/index').TabPaneName, oldName: import('element-plus/es/index').TabPaneName) => boolean | void | Promise<boolean | void>;
+            readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>;
             readonly editable: boolean;
             readonly tabPosition: "left" | "right" | "bottom" | "top";
             readonly addable: boolean;
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
+        }, Readonly< ExtractPropTypes<{
             readonly type: {
-                readonly type: import('vue').PropType<"" | "card" | "border-card">;
+                readonly type: PropType<"" | "card" | "border-card">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -95,14 +96,14 @@ declare function __VLS_template(): {
             readonly closable: BooleanConstructor;
             readonly addable: BooleanConstructor;
             readonly modelValue: {
-                readonly type: import('vue').PropType<string | number>;
+                readonly type: PropType<string | number>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
             readonly editable: BooleanConstructor;
             readonly tabPosition: {
-                readonly type: import('vue').PropType<"left" | "right" | "bottom" | "top">;
+                readonly type: PropType<"left" | "right" | "bottom" | "top">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -110,7 +111,7 @@ declare function __VLS_template(): {
                 readonly default: "top";
             };
             readonly beforeLeave: {
-                readonly type: import('vue').PropType<(newName: import('element-plus/es/index').TabPaneName, oldName: import('element-plus/es/index').TabPaneName) => boolean | void | Promise<boolean | void>>;
+                readonly type: PropType<(newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -119,10 +120,10 @@ declare function __VLS_template(): {
             };
             readonly stretch: BooleanConstructor;
         }>> & {
-            "onUpdate:modelValue"?: ((name: import('element-plus/es/index').TabPaneName) => any) | undefined;
+            "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined;
             onTabClick?: ((pane: {
                 uid: number;
-                getVnode: () => import('vue').VNode;
+                getVnode: () => VNode;
                 slots: Slots;
                 props: {
                     readonly label: string;
@@ -131,21 +132,21 @@ declare function __VLS_template(): {
                     readonly lazy: boolean;
                     readonly name?: (string | number) | undefined;
                 };
-                paneName: import('element-plus/es/index').TabPaneName | undefined;
+                paneName: TabPaneName | undefined;
                 active: boolean;
                 index: string | undefined;
                 isClosable: boolean;
                 isFocusInsidePane: () => boolean | undefined;
             }, ev: Event) => any) | undefined;
-            onTabRemove?: ((name: import('element-plus/es/index').TabPaneName) => any) | undefined;
-            onTabChange?: ((name: import('element-plus/es/index').TabPaneName) => any) | undefined;
-            onEdit?: ((paneName: import('element-plus/es/index').TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
+            onTabRemove?: ((name: TabPaneName) => any) | undefined;
+            onTabChange?: ((name: TabPaneName) => any) | undefined;
+            onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
             onTabAdd?: (() => any) | undefined;
         }, () => JSX.Element, {}, {}, {}, {
             readonly stretch: boolean;
             readonly type: "" | "card" | "border-card";
             readonly closable: boolean;
-            readonly beforeLeave: (newName: import('element-plus/es/index').TabPaneName, oldName: import('element-plus/es/index').TabPaneName) => boolean | void | Promise<boolean | void>;
+            readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>;
             readonly editable: boolean;
             readonly tabPosition: "left" | "right" | "bottom" | "top";
             readonly addable: boolean;
@@ -154,12 +155,12 @@ 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<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    refEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+declare const __VLS_component: DefineComponent<{}, {
+    refEl: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    refEl: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         readonly type: {
-            readonly type: import('vue').PropType<"" | "card" | "border-card">;
+            readonly type: PropType<"" | "card" | "border-card">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -169,14 +170,14 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly closable: BooleanConstructor;
         readonly addable: BooleanConstructor;
         readonly modelValue: {
-            readonly type: import('vue').PropType<string | number>;
+            readonly type: PropType<string | number>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
         readonly editable: BooleanConstructor;
         readonly tabPosition: {
-            readonly type: import('vue').PropType<"left" | "right" | "bottom" | "top">;
+            readonly type: PropType<"left" | "right" | "bottom" | "top">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -184,7 +185,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: "top";
         };
         readonly beforeLeave: {
-            readonly type: import('vue').PropType<(newName: import('element-plus/es/index').TabPaneName, oldName: import('element-plus/es/index').TabPaneName) => boolean | void | Promise<boolean | void>>;
+            readonly type: PropType<(newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -193,10 +194,10 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         };
         readonly stretch: BooleanConstructor;
     }>> & {
-        "onUpdate:modelValue"?: ((name: import('element-plus/es/index').TabPaneName) => any) | undefined;
+        "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined;
         onTabClick?: ((pane: {
             uid: number;
-            getVnode: () => import('vue').VNode;
+            getVnode: () => VNode;
             slots: Slots;
             props: {
                 readonly label: string;
@@ -205,41 +206,41 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 readonly lazy: boolean;
                 readonly name?: (string | number) | undefined;
             };
-            paneName: import('element-plus/es/index').TabPaneName | undefined;
+            paneName: TabPaneName | undefined;
             active: boolean;
             index: string | undefined;
             isClosable: boolean;
             isFocusInsidePane: () => boolean | undefined;
         }, ev: Event) => any) | undefined;
-        onTabRemove?: ((name: import('element-plus/es/index').TabPaneName) => any) | undefined;
-        onTabChange?: ((name: import('element-plus/es/index').TabPaneName) => any) | undefined;
-        onEdit?: ((paneName: import('element-plus/es/index').TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
+        onTabRemove?: ((name: TabPaneName) => any) | undefined;
+        onTabChange?: ((name: TabPaneName) => any) | undefined;
+        onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
         onTabAdd?: (() => any) | undefined;
-    }, () => JSX.Element, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:modelValue": (name: import('element-plus/es/index').TabPaneName) => name is string | number;
-        tabClick: (pane: import('element-plus/es/index').TabsPaneContext, ev: Event) => boolean;
-        tabChange: (name: import('element-plus/es/index').TabPaneName) => name is string | number;
-        edit: (paneName: import('element-plus/es/index').TabPaneName | undefined, action: "remove" | "add") => boolean;
-        tabRemove: (name: import('element-plus/es/index').TabPaneName) => name is string | number;
+    }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        "update:modelValue": (name: TabPaneName) => name is string | number;
+        tabClick: (pane: TabsPaneContext, ev: Event) => boolean;
+        tabChange: (name: TabPaneName) => name is string | number;
+        edit: (paneName: TabPaneName | undefined, action: "remove" | "add") => boolean;
+        tabRemove: (name: TabPaneName) => name is string | number;
         tabAdd: () => boolean;
-    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
         readonly stretch: boolean;
         readonly type: "" | "card" | "border-card";
         readonly closable: boolean;
-        readonly beforeLeave: (newName: import('element-plus/es/index').TabPaneName, oldName: import('element-plus/es/index').TabPaneName) => boolean | void | Promise<boolean | void>;
+        readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>;
         readonly editable: boolean;
         readonly tabPosition: "left" | "right" | "bottom" | "top";
         readonly addable: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         readonly type: {
-            readonly type: import('vue').PropType<"" | "card" | "border-card">;
+            readonly type: PropType<"" | "card" | "border-card">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -249,14 +250,14 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly closable: BooleanConstructor;
         readonly addable: BooleanConstructor;
         readonly modelValue: {
-            readonly type: import('vue').PropType<string | number>;
+            readonly type: PropType<string | number>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
         readonly editable: BooleanConstructor;
         readonly tabPosition: {
-            readonly type: import('vue').PropType<"left" | "right" | "bottom" | "top">;
+            readonly type: PropType<"left" | "right" | "bottom" | "top">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -264,7 +265,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
             readonly default: "top";
         };
         readonly beforeLeave: {
-            readonly type: import('vue').PropType<(newName: import('element-plus/es/index').TabPaneName, oldName: import('element-plus/es/index').TabPaneName) => boolean | void | Promise<boolean | void>>;
+            readonly type: PropType<(newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -273,10 +274,10 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         };
         readonly stretch: BooleanConstructor;
     }>> & {
-        "onUpdate:modelValue"?: ((name: import('element-plus/es/index').TabPaneName) => any) | undefined;
+        "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined;
         onTabClick?: ((pane: {
             uid: number;
-            getVnode: () => import('vue').VNode;
+            getVnode: () => VNode;
             slots: Slots;
             props: {
                 readonly label: string;
@@ -285,21 +286,21 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
                 readonly lazy: boolean;
                 readonly name?: (string | number) | undefined;
             };
-            paneName: import('element-plus/es/index').TabPaneName | undefined;
+            paneName: TabPaneName | undefined;
             active: boolean;
             index: string | undefined;
             isClosable: boolean;
             isFocusInsidePane: () => boolean | undefined;
         }, ev: Event) => any) | undefined;
-        onTabRemove?: ((name: import('element-plus/es/index').TabPaneName) => any) | undefined;
-        onTabChange?: ((name: import('element-plus/es/index').TabPaneName) => any) | undefined;
-        onEdit?: ((paneName: import('element-plus/es/index').TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
+        onTabRemove?: ((name: TabPaneName) => any) | undefined;
+        onTabChange?: ((name: TabPaneName) => any) | undefined;
+        onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
         onTabAdd?: (() => any) | undefined;
     }, () => JSX.Element, {}, {}, {}, {
         readonly stretch: boolean;
         readonly type: "" | "card" | "border-card";
         readonly closable: boolean;
-        readonly beforeLeave: (newName: import('element-plus/es/index').TabPaneName, oldName: import('element-plus/es/index').TabPaneName) => boolean | void | Promise<boolean | void>;
+        readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>;
         readonly editable: boolean;
         readonly tabPosition: "left" | "right" | "bottom" | "top";
         readonly addable: boolean;

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

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

package/dist/components/text/index.css

@@ -1,18 +1,18 @@
 :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;
 }

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

@@ -1,19 +1,20 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 declare const Text: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         modelValue: {
             type: StringConstructor;
         };
         inline: BooleanConstructor;
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         inline: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         modelValue: {
             type: StringConstructor;
         };
@@ -24,12 +25,12 @@ declare const Text: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
     };
     inline: BooleanConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     inline: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
 export { Text, Text as default };

package/dist/components/text/index.ts

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

package/dist/components/text/src/data.ts

@@ -0,0 +1,18 @@
+import type { ExtractPropTypes } from 'vue'
+
+export const dataProps = {
+  /**
+   * @props { String } modelValue= ( )
+   * 输入框展示数据
+   */
+  modelValue: {
+    type: String,
+  },
+  inline: Boolean,
+}
+
+export type DataProps = ExtractPropTypes<typeof dataProps>
+
+export const dataEmits = []
+
+export type DataEmits = typeof dataEmits

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

@@ -1,29 +1,29 @@
 "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");
 const index = require("../../../hooks/inherit/index.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = index.useInherit(require$$0.useAttrs());
+    const attrs = index.useInherit(vue.useAttrs());
     const cs = index$1.useCssName("text");
     const props = __props;
-    require$$0.useSlots();
+    vue.useSlots();
     __expose({});
     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, {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root, {
         style: {
           display: props.inline ? "inline" : "block"
         }
       }), [
-        require$$0.createElementVNode("span", null, require$$0.toDisplayString(props.modelValue), 1)
+        vue.createElementVNode("span", null, vue.toDisplayString(props.modelValue), 1)
       ], 16);
     };
   }

package/dist/components/text/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<{
     modelValue: {
         type: StringConstructor;
     };
     inline: BooleanConstructor;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
     };
     inline: BooleanConstructor;
 }>> & Readonly<{}>, {
     inline: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -0,0 +1,28 @@
+<template>
+	<div
+		:class="cs.z()"
+		v-bind="attrs.root"
+		:style="{
+			display: props.inline ? 'inline' : 'block',
+		}"
+	>
+		<span>
+			{{ props.modelValue }}
+		</span>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { dataProps, dataEmits } from './data';
+	import { useCssName } from '../../../hooks/cssname';
+	import { useInherit } from '../../../hooks/inherit';
+	import { computed, useSlots, useAttrs } from 'vue';
+	import type { Slots } from 'vue';
+	const attrs = useInherit(useAttrs());
+	const cs = useCssName('text');
+	const props = defineProps(dataProps);
+	const slots: Slots = useSlots();
+	const emit = defineEmits(dataEmits);
+
+	defineOptions({ inheritAttrs: false });
+	defineExpose({});
+</script>