@sdata/web-vue 3.29.0 → 4.0.0

package/es/typography/base.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,314 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { isObject } from "../_utils/is.js";
+import resize_observer_default from "../_components/resize-observer.js";
+import { caf, raf } from "../_utils/raf.js";
+import useMergeState from "../_hooks/use-merge-state.js";
+import { omit } from "../_utils/omit.js";
+import Tooltip from "../tooltip/index.js";
+import Popover from "../popover/index.js";
+import edit_content_default from "./edit-content.js";
+import typography_content_default from "./typography-content.js";
+import typography_operations_default from "./typography-operations.js";
+import getInnerText from "./utils/getInnerText.js";
+import measure_default from "./utils/measure.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, onMounted, onUnmounted, onUpdated, openBlock, reactive, ref, resolveDynamicComponent, toDisplayString, toRef, unref, useAttrs, useSlots, watch, withCtx } from "vue";
+import { createReusableTemplate } from "@vueuse/core";
+import copy from "copy-to-clipboard";
+//#region components/typography/base.vue?vue&type=script&setup=true&lang.ts
+var base_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "TypographyBase",
+	inheritAttrs: false
+}), {}, {
+	__name: "base",
+	props: {
+		component: {
+			type: String,
+			required: true
+		},
+		type: String,
+		bold: Boolean,
+		mark: {
+			type: [Boolean, Object],
+			default: false
+		},
+		underline: Boolean,
+		delete: Boolean,
+		code: Boolean,
+		disabled: Boolean,
+		editable: Boolean,
+		editing: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultEditing: Boolean,
+		editText: String,
+		copyable: Boolean,
+		copyText: String,
+		clipboardProps: Object,
+		copyDelay: {
+			type: Number,
+			default: 3e3
+		},
+		ellipsis: {
+			type: [Boolean, Object],
+			default: false
+		},
+		editTooltipProps: Object,
+		copyTooltipProps: Object
+	},
+	emits: {
+		"editStart": () => true,
+		"change": (_text) => true,
+		"update:editText": (_text) => true,
+		"editEnd": () => true,
+		"update:editing": (_editing) => true,
+		"copy": (_text) => true,
+		"ellipsis": (_isEllipsis) => true,
+		"expand": (_expanded) => true
+	},
+	setup(__props, { emit: __emit }) {
+		const normalizeEllipsisConfig = (config) => {
+			const showTooltip = !!config.showTooltip;
+			const TooltipComponent = isObject(config.showTooltip) && config.showTooltip.type === "popover" ? Popover : Tooltip;
+			const tooltipProps = isObject(config.showTooltip) && config.showTooltip.props || {};
+			return _objectSpread2(_objectSpread2({
+				rows: 1,
+				suffix: "",
+				ellipsisStr: "...",
+				expandable: false,
+				css: false
+			}, omit(config, ["showTooltip"])), {}, {
+				showTooltip,
+				TooltipComponent,
+				tooltipProps
+			});
+		};
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const [DefineCssOuter, ReuseCssOuter] = createReusableTemplate();
+		const prefixCls = getPrefixCls("typography");
+		const classNames = computed(() => [prefixCls, {
+			[`${prefixCls}-${props.type}`]: props.type,
+			[`${prefixCls}-disabled`]: props.disabled
+		}]);
+		const wrapperRef = ref();
+		const fullText = ref("");
+		const [editing, setEditing] = useMergeState(props.defaultEditing, reactive({ value: toRef(props, "editing") }));
+		const mergeEditing = computed(() => props.editable && editing.value);
+		const editTextValue = computed(() => {
+			var _props$editText;
+			return (_props$editText = props.editText) !== null && _props$editText !== void 0 ? _props$editText : fullText.value;
+		});
+		const onEditStart = () => {
+			emit("update:editing", true);
+			emit("editStart");
+			setEditing(true);
+		};
+		const onEditChange = (text) => {
+			emit("update:editText", text);
+			emit("change", text);
+		};
+		const handleEditContentChange = (text) => {
+			if (text !== editTextValue.value) onEditChange(text);
+		};
+		const onEditEnd = () => {
+			if (!editing.value) return;
+			emit("update:editing", false);
+			emit("editEnd");
+			setEditing(false);
+		};
+		const isCopied = ref(false);
+		let copyTimer = null;
+		const onCopyClick = () => {
+			var _props$copyText;
+			const text = (_props$copyText = props.copyText) !== null && _props$copyText !== void 0 ? _props$copyText : fullText.value;
+			copy(text || "", props.clipboardProps);
+			isCopied.value = true;
+			emit("copy", text);
+			copyTimer = setTimeout(() => {
+				isCopied.value = false;
+			}, props.copyDelay);
+		};
+		const isEllipsis = ref(false);
+		const expanded = ref(false);
+		const ellipsisText = ref("");
+		const ellipsisConfig = computed(() => normalizeEllipsisConfig(isObject(props.ellipsis) && props.ellipsis || {}));
+		const showEllipsis = computed(() => isEllipsis.value && !expanded.value);
+		const rootAttrs = computed(() => _objectSpread2(_objectSpread2({}, showEllipsis.value && !ellipsisConfig.value.showTooltip ? { title: fullText.value } : {}), attrs));
+		let rafId = null;
+		const onExpandClick = () => {
+			expanded.value = !expanded.value;
+			emit("expand", expanded.value);
+		};
+		const getOperationsProps = (forceRenderExpand = false) => ({
+			editable: props.editable,
+			copyable: props.copyable,
+			expandable: ellipsisConfig.value.expandable,
+			isCopied: isCopied.value,
+			isEllipsis: ellipsisConfig.value.css ? showCSSTooltip.value : isEllipsis.value,
+			expanded: expanded.value,
+			forceRenderExpand: forceRenderExpand || ellipsisConfig.value.css && expanded.value,
+			editTooltipProps: props.editTooltipProps,
+			copyTooltipProps: props.copyTooltipProps,
+			onEdit: onEditStart,
+			onCopy: onCopyClick,
+			onExpand: onExpandClick,
+			copyTooltip: slots["copy-tooltip"],
+			copyIcon: slots["copy-icon"],
+			expandNode: slots["expand-node"]
+		});
+		const calEllipsis = () => {
+			if (!wrapperRef.value) return;
+			const result = measure_default(wrapperRef.value, ellipsisConfig.value, getOperationsProps(!!ellipsisConfig.value.expandable), fullText.value);
+			if (isEllipsis.value !== result.ellipsis) {
+				isEllipsis.value = result.ellipsis;
+				if (!ellipsisConfig.value.css) emit("ellipsis", result.ellipsis);
+			}
+			if (ellipsisText.value !== result.text) ellipsisText.value = result.text || "";
+		};
+		const resizeOnNextFrame = () => {
+			if (!props.ellipsis || expanded.value) return;
+			if (rafId != null) caf(rafId);
+			rafId = raf(calEllipsis);
+		};
+		watch(() => ellipsisConfig.value.rows, resizeOnNextFrame);
+		watch(toRef(props, "ellipsis"), (value) => {
+			if (value) resizeOnNextFrame();
+			else isEllipsis.value = false;
+		});
+		let children = [];
+		const getChildren = () => {
+			var _slots$default;
+			children = ((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)) || [];
+			return children;
+		};
+		const contentTags = computed(() => {
+			const tags = [];
+			if (props.bold) tags.push("b");
+			if (props.underline) tags.push("u");
+			if (props.delete) tags.push("del");
+			if (props.code) tags.push("code");
+			if (props.mark) tags.push("mark");
+			return tags;
+		});
+		const markStyle = computed(() => isObject(props.mark) && props.mark.color ? { backgroundColor: props.mark.color } : {});
+		const getDisplayContent = () => showEllipsis.value ? ellipsisText.value : getChildren();
+		const updateFullText = () => {
+			if (props.ellipsis || props.copyable || props.editable) {
+				const text = getInnerText(children);
+				if (text !== fullText.value) {
+					fullText.value = text;
+					resizeOnNextFrame();
+				}
+			}
+		};
+		onMounted(updateFullText);
+		onUpdated(updateFullText);
+		const contentRef = ref();
+		const showCSSTooltip = ref(false);
+		const calTooltip = () => {
+			if (wrapperRef.value && contentRef.value) {
+				const show = contentRef.value.offsetHeight > wrapperRef.value.offsetHeight;
+				if (show !== showCSSTooltip.value) {
+					showCSSTooltip.value = show;
+					emit("ellipsis", show);
+				}
+			}
+		};
+		const ellipsisStyle = computed(() => expanded.value ? {} : {
+			"overflow": "hidden",
+			"text-overflow": "ellipsis",
+			"display": "-webkit-box",
+			"-webkit-line-clamp": ellipsisConfig.value.rows,
+			"-webkit-box-orient": "vertical"
+		});
+		onUnmounted(() => {
+			if (copyTimer) clearTimeout(copyTimer);
+			if (rafId != null) caf(rafId);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineCssOuter), null, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(props.component), mergeProps({
+					ref_key: "wrapperRef",
+					ref: wrapperRef
+				}, rootAttrs.value, {
+					class: classNames.value,
+					style: ellipsisStyle.value
+				}), {
+					default: withCtx(() => [createElementVNode("span", {
+						ref_key: "contentRef",
+						ref: contentRef
+					}, [createVNode(typography_content_default, {
+						content: getChildren(),
+						tags: contentTags.value,
+						"mark-style": markStyle.value
+					}, null, 8, [
+						"content",
+						"tags",
+						"mark-style"
+					])], 512)]),
+					_: 1
+				}, 16, ["class", "style"]))]),
+				_: 1
+			}), mergeEditing.value ? (openBlock(), createBlock(edit_content_default, {
+				key: 0,
+				text: editTextValue.value,
+				onChange: handleEditContentChange,
+				onEnd: onEditEnd
+			}, null, 8, ["text"])) : ellipsisConfig.value.css ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [showCSSTooltip.value ? (openBlock(), createBlock(resolveDynamicComponent(ellipsisConfig.value.TooltipComponent), mergeProps({ key: 0 }, ellipsisConfig.value.tooltipProps, { onResize: calTooltip }), {
+				content: withCtx(() => [createTextVNode(toDisplayString(fullText.value), 1)]),
+				default: withCtx(() => [createVNode(unref(ReuseCssOuter))]),
+				_: 1
+			}, 16)) : (openBlock(), createBlock(resize_observer_default, {
+				key: 1,
+				onResize: calTooltip
+			}, {
+				default: withCtx(() => [createVNode(unref(ReuseCssOuter))]),
+				_: 1
+			}))], 64)) : (openBlock(), createBlock(resize_observer_default, {
+				key: 2,
+				onResize: resizeOnNextFrame
+			}, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(props.component), mergeProps({
+					ref_key: "wrapperRef",
+					ref: wrapperRef
+				}, rootAttrs.value, { class: classNames.value }), {
+					default: withCtx(() => [
+						showEllipsis.value && ellipsisConfig.value.showTooltip ? (openBlock(), createBlock(resolveDynamicComponent(ellipsisConfig.value.TooltipComponent), normalizeProps(mergeProps({ key: 0 }, ellipsisConfig.value.tooltipProps)), {
+							content: withCtx(() => [createTextVNode(toDisplayString(fullText.value), 1)]),
+							default: withCtx(() => [createElementVNode("span", null, [createVNode(typography_content_default, {
+								content: getDisplayContent(),
+								tags: contentTags.value,
+								"mark-style": markStyle.value
+							}, null, 8, [
+								"content",
+								"tags",
+								"mark-style"
+							])])]),
+							_: 1
+						}, 16)) : (openBlock(), createBlock(typography_content_default, {
+							key: 1,
+							content: getDisplayContent(),
+							tags: contentTags.value,
+							"mark-style": markStyle.value
+						}, null, 8, [
+							"content",
+							"tags",
+							"mark-style"
+						])),
+						showEllipsis.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(ellipsisConfig.value.ellipsisStr), 1)], 64)) : createCommentVNode("", true),
+						createTextVNode(" " + toDisplayString(ellipsisConfig.value.suffix) + " ", 1),
+						createVNode(typography_operations_default, normalizeProps(guardReactiveProps(getOperationsProps())), null, 16)
+					]),
+					_: 1
+				}, 16, ["class"]))]),
+				_: 1
+			}))], 64);
+		};
+	}
+}));
+//#endregion
+export { base_vue_vue_type_script_setup_true_lang_default as default };

package/es/typography/edit-content.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import Input from "../input/index.js";

package/es/typography/index.d.ts

@@ -1,8 +1,8 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
-import _TypographyParagraph from './paragraph';
-import _TypographyText from './text';
-import _TypographyTitle from './title';
+import _TypographyParagraph from './paragraph.vue';
+import _TypographyText from './text.vue';
+import _TypographyTitle from './title.vue';
 import _Typography from './typography.vue';
 export type { EllipsisConfig } from './interface';
 declare const Typography: {
@@ -22,7 +22,41 @@ declare const Typography: {
         default?: (props: {}) => any;
     };
 }) & {
-    Paragraph: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    Paragraph: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            blockquote: {
+                type: BooleanConstructor;
+            };
+            spacing: {
+                type: import("vue").PropType<"default" | "close">;
+                default: string;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            blockquote: boolean;
+            spacing: "default" | "close";
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            blockquote: {
+                type: BooleanConstructor;
+            };
+            spacing: {
+                type: import("vue").PropType<"default" | "close">;
+                default: string;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, {
+            blockquote: boolean;
+            spacing: "default" | "close";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         blockquote: {
             type: BooleanConstructor;
         };
@@ -30,53 +64,90 @@ declare const Typography: {
             type: import("vue").PropType<"default" | "close">;
             default: string;
         };
-    }>, {
-        component: import("vue").ComputedRef<"div" | "blockquote">;
-        classNames: import("vue").ComputedRef<{
-            [x: string]: boolean;
-        }[]>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        blockquote: {
-            type: BooleanConstructor;
-        };
-        spacing: {
-            type: import("vue").PropType<"default" | "close">;
-            default: string;
-        };
-    }>> & Readonly<{}>, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         blockquote: boolean;
         spacing: "default" | "close";
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    Title: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        heading: {
-            type: import("vue").PropType<1 | 2 | 3 | 4 | 5 | 6>;
-            default: number;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            [x: string]: ((props: any) => any) | undefined;
         };
-    }>, {
-        component: import("vue").ComputedRef<keyof HTMLElementTagNameMap>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    });
+    Title: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            heading: {
+                type: import("vue").PropType<1 | 2 | 3 | 4 | 5 | 6>;
+                default: number;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            heading: 1 | 2 | 3 | 4 | 5 | 6;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            heading: {
+                type: import("vue").PropType<1 | 2 | 3 | 4 | 5 | 6>;
+                default: number;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, {
+            heading: 1 | 2 | 3 | 4 | 5 | 6;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         heading: {
             type: import("vue").PropType<1 | 2 | 3 | 4 | 5 | 6>;
             default: number;
         };
-    }>> & Readonly<{}>, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         heading: 1 | 2 | 3 | 4 | 5 | 6;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    Text: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        ellipsis: {
-            type: import("vue").PropType<import("./interface").BaseProps["ellipsis"]>;
-            default: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            [x: string]: ((props: any) => any) | undefined;
         };
-    }>, {
-        component: import("vue").ComputedRef<"div" | "span">;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    });
+    Text: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            ellipsis: {
+                type: import("vue").PropType<import("./interface").BaseProps["ellipsis"]>;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            ellipsis: boolean | import("./interface").EllipsisConfig;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            ellipsis: {
+                type: import("vue").PropType<import("./interface").BaseProps["ellipsis"]>;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, {
+            ellipsis: boolean | import("./interface").EllipsisConfig;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         ellipsis: {
             type: import("vue").PropType<import("./interface").BaseProps["ellipsis"]>;
             default: boolean;
         };
-    }>> & Readonly<{}>, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         ellipsis: boolean | import("./interface").EllipsisConfig;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            [x: string]: ((props: any) => any) | undefined;
+        };
+    });
     install: (app: App, options?: SDOptions) => void;
 };
 export type TypographyInstance = InstanceType<typeof _Typography>;

package/es/typography/operations.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isActivationKey } from "../_utils/keyboard.js";
 import IconCheckCircleFill from "../icon/icon-check-circle-fill/index.js";

package/es/typography/paragraph.js

@@ -1,37 +1,5 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import base_default from "./base.js";
-import { computed, createVNode, defineComponent, mergeProps, toRefs } from "vue";
-//#region components/typography/paragraph.tsx
-var paragraph_default = /* @__PURE__ */ defineComponent({
-	name: "TypographyParagraph",
-	inheritAttrs: false,
-	props: {
-		/**
-		* @zh 长引用
-		* @en Whether enable blockquote
-		*/
-		blockquote: { type: Boolean },
-		/**
-		* @zh 段落的的行高，长文本(大于5行)的时候推荐使用默认行高，短文本(小于等于3行)推荐使用 `close` 紧密的行高。
-		* @en The line height of the paragraph, the default line height is recommended for long text (more than 5 lines). `close` line height is recommended for short text (less than or equal to 3 lines).
-		*/
-		spacing: {
-			type: String,
-			default: "default"
-		}
-	},
-	setup(props) {
-		const { blockquote, spacing } = toRefs(props);
-		const prefixCls = getPrefixCls("typography");
-		return {
-			component: computed(() => (blockquote === null || blockquote === void 0 ? void 0 : blockquote.value) ? "blockquote" : "div"),
-			classNames: computed(() => [{ [`${prefixCls}-spacing-close`]: (spacing === null || spacing === void 0 ? void 0 : spacing.value) === "close" }])
-		};
-	},
-	render() {
-		const { component, classNames } = this;
-		return createVNode(base_default, mergeProps({ "class": classNames }, this.$attrs, { "component": component }), this.$slots);
-	}
-});
+import paragraph_vue_vue_type_script_setup_true_lang_default from "./paragraph.vue_vue_type_script_setup_true_lang.js";
+//#region components/typography/paragraph.vue
+var paragraph_default = paragraph_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { paragraph_default as default };

package/es/typography/paragraph.vue.d.ts

@@ -0,0 +1,33 @@
+import { type PropType } from 'vue';
+declare var __VLS_10: string, __VLS_11: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    blockquote: {
+        type: BooleanConstructor;
+    };
+    spacing: {
+        type: PropType<"default" | "close">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    blockquote: {
+        type: BooleanConstructor;
+    };
+    spacing: {
+        type: PropType<"default" | "close">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    blockquote: boolean;
+    spacing: "default" | "close";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/typography/paragraph.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import base_default from "./base.js";
+import { computed, createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, withCtx } from "vue";
+//#region components/typography/paragraph.vue?vue&type=script&setup=true&lang.ts
+var paragraph_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "TypographyParagraph",
+	inheritAttrs: false
+}), {}, {
+	__name: "paragraph",
+	props: {
+		/**
+		* @zh 长引用
+		* @en Whether enable blockquote
+		*/
+		blockquote: { type: Boolean },
+		/**
+		* @zh 段落的的行高，长文本(大于5行)的时候推荐使用默认行高，短文本(小于等于3行)推荐使用 `close` 紧密的行高。
+		* @en The line height of the paragraph, the default line height is recommended for long text (more than 5 lines). `close` line height is recommended for short text (less than or equal to 3 lines).
+		*/
+		spacing: {
+			type: String,
+			default: "default"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const prefixCls = getPrefixCls("typography");
+		const component = computed(() => props.blockquote ? "blockquote" : "div");
+		const classNames = computed(() => [{ [`${prefixCls}-spacing-close`]: props.spacing === "close" }]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(base_default, mergeProps({ class: classNames.value }, _ctx.$attrs, { component: component.value }), createSlots({ _: 2 }, [renderList(_ctx.$slots, (_, name) => {
+				return {
+					name,
+					fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData !== null && slotData !== void 0 ? slotData : {})))])
+				};
+			})]), 1040, ["class", "component"]);
+		};
+	}
+}));
+//#endregion
+export { paragraph_vue_vue_type_script_setup_true_lang_default as default };

package/es/typography/text.js

@@ -1,24 +1,5 @@
-import base_default from "./base.js";
-import { computed, createVNode, defineComponent, mergeProps, toRefs } from "vue";
-//#region components/typography/text.tsx
-var text_default = /* @__PURE__ */ defineComponent({
-	name: "TypographyText",
-	inheritAttrs: false,
-	props: { ellipsis: {
-		type: [Boolean, Object],
-		default: false
-	} },
-	setup(props) {
-		const { ellipsis } = toRefs(props);
-		return { component: computed(() => (ellipsis === null || ellipsis === void 0 ? void 0 : ellipsis.value) ? "div" : "span") };
-	},
-	render() {
-		const { ellipsis, component } = this;
-		return createVNode(base_default, mergeProps(this.$attrs, {
-			"ellipsis": ellipsis,
-			"component": component
-		}), this.$slots);
-	}
-});
+import text_vue_vue_type_script_setup_true_lang_default from "./text.vue_vue_type_script_setup_true_lang.js";
+//#region components/typography/text.vue
+var text_default = text_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { text_default as default };