@sdata/web-vue 3.29.0 → 4.0.0

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

@@ -0,0 +1,27 @@
+import { type PropType } from 'vue';
+import type { BaseProps } from './interface';
+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<{
+    ellipsis: {
+        type: PropType<BaseProps["ellipsis"]>;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    ellipsis: {
+        type: PropType<BaseProps["ellipsis"]>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    ellipsis: boolean | import("./interface").EllipsisConfig;
+}, {}, {}, {}, 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/text.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import base_default from "./base.js";
+import { computed, createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, withCtx } from "vue";
+//#region components/typography/text.vue?vue&type=script&setup=true&lang.ts
+var text_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "TypographyText",
+	inheritAttrs: false
+}), {}, {
+	__name: "text",
+	props: { ellipsis: {
+		type: [Boolean, Object],
+		default: false
+	} },
+	setup(__props) {
+		const props = __props;
+		const component = computed(() => props.ellipsis ? "div" : "span");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(base_default, mergeProps(_ctx.$attrs, {
+				ellipsis: __props.ellipsis,
+				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, ["ellipsis", "component"]);
+		};
+	}
+}));
+//#endregion
+export { text_vue_vue_type_script_setup_true_lang_default as default };

package/es/typography/title.js

@@ -1,26 +1,5 @@
-import base_default from "./base.js";
-import { computed, createVNode, defineComponent, mergeProps, toRefs } from "vue";
-//#region components/typography/title.tsx
-var title_default = /* @__PURE__ */ defineComponent({
-	name: "TypographyTitle",
-	inheritAttrs: false,
-	props: { 
-	/**
-	* @zh 标题级别，相当于 `h1` `h2` `h3` `h4` `h5` `h6`
-	* @en Heading level, equivalent to `h1` `h2` `h3` `h4` `h5` `h6`
-	*/
-heading: {
-		type: Number,
-		default: 1
-	} },
-	setup(props) {
-		const { heading } = toRefs(props);
-		return { component: computed(() => `h${heading === null || heading === void 0 ? void 0 : heading.value}`) };
-	},
-	render() {
-		const { component } = this;
-		return createVNode(base_default, mergeProps(this.$attrs, { "component": component }), this.$slots);
-	}
-});
+import title_vue_vue_type_script_setup_true_lang_default from "./title.vue_vue_type_script_setup_true_lang.js";
+//#region components/typography/title.vue
+var title_default = title_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { title_default as default };

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

@@ -0,0 +1,26 @@
+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<{
+    heading: {
+        type: PropType<1 | 2 | 3 | 4 | 5 | 6>;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    heading: {
+        type: PropType<1 | 2 | 3 | 4 | 5 | 6>;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    heading: 1 | 2 | 3 | 4 | 5 | 6;
+}, {}, {}, {}, 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/title.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import base_default from "./base.js";
+import { computed, createBlock, createSlots, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderList, renderSlot, withCtx } from "vue";
+//#region components/typography/title.vue?vue&type=script&setup=true&lang.ts
+var title_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "TypographyTitle",
+	inheritAttrs: false
+}), {}, {
+	__name: "title",
+	props: { 
+	/**
+	* @zh 标题级别，相当于 `h1` `h2` `h3` `h4` `h5` `h6`
+	* @en Heading level, equivalent to `h1` `h2` `h3` `h4` `h5` `h6`
+	*/
+heading: {
+		type: Number,
+		default: 1
+	} },
+	setup(__props) {
+		const props = __props;
+		const component = computed(() => `h${props.heading}`);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(base_default, mergeProps(_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, ["component"]);
+		};
+	}
+}));
+//#endregion
+export { title_vue_vue_type_script_setup_true_lang_default as default };

package/es/typography/typography-content.js

@@ -0,0 +1,5 @@
+import typography_content_vue_vue_type_script_setup_true_lang_default from "./typography-content.vue_vue_type_script_setup_true_lang.js";
+//#region components/typography/typography-content.vue
+var typography_content_default = typography_content_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { typography_content_default as default };

package/es/typography/typography-content.vue.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties, VNodeChild } from 'vue';
+type __VLS_Props = {
+    content?: VNodeChild;
+    tags: (keyof HTMLElementTagNameMap)[];
+    markStyle?: CSSProperties;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,47 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { computed, createBlock, createVNode, defineComponent, normalizeStyle, openBlock, resolveComponent, resolveDynamicComponent, withCtx } from "vue";
+//#region components/typography/typography-content.vue?vue&type=script&setup=true&lang.ts
+var typography_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "TypographyContent" }), {}, {
+	__name: "typography-content",
+	props: {
+		content: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		tags: {},
+		markStyle: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const VNodeRenderer = ({ content }) => content;
+		const outerTag = computed(() => props.tags.at(-1));
+		const innerTags = computed(() => props.tags.slice(0, -1));
+		return (_ctx, _cache) => {
+			const _component_TypographyContent = resolveComponent("TypographyContent", true);
+			return outerTag.value ? (openBlock(), createBlock(resolveDynamicComponent(outerTag.value), {
+				key: 0,
+				style: normalizeStyle(outerTag.value === "mark" ? __props.markStyle : void 0)
+			}, {
+				default: withCtx(() => [createVNode(_component_TypographyContent, {
+					content: __props.content,
+					tags: innerTags.value,
+					"mark-style": __props.markStyle
+				}, null, 8, [
+					"content",
+					"tags",
+					"mark-style"
+				])]),
+				_: 1
+			}, 8, ["style"])) : (openBlock(), createBlock(VNodeRenderer, {
+				key: 1,
+				content: __props.content
+			}, null, 8, ["content"]));
+		};
+	}
+}));
+//#endregion
+export { typography_content_vue_vue_type_script_setup_true_lang_default as default };

package/es/typography/typography-operations.js

@@ -0,0 +1,5 @@
+import typography_operations_vue_vue_type_script_setup_true_lang_default from "./typography-operations.vue_vue_type_script_setup_true_lang.js";
+//#region components/typography/typography-operations.vue
+var typography_operations_default = typography_operations_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { typography_operations_default as default };

package/es/typography/typography-operations.vue.d.ts

@@ -0,0 +1,22 @@
+import type { Slot } from 'vue';
+import type { BaseProps } from './interface';
+type __VLS_Props = {
+    editable?: BaseProps['editable'];
+    copyable?: BaseProps['copyable'];
+    expandable?: boolean;
+    isCopied: boolean;
+    isEllipsis: boolean;
+    expanded: boolean;
+    forceRenderExpand?: boolean;
+    editTooltipProps?: Record<string, unknown>;
+    copyTooltipProps?: Record<string, unknown>;
+    onEdit: () => void;
+    onCopy: () => void;
+    onExpand: () => void;
+    copyTooltip?: Slot;
+    copyIcon?: Slot;
+    expandNode?: Slot;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/typography/typography-operations.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,73 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import operations_default from "./operations.js";
+import { createBlock, createSlots, defineComponent, guardReactiveProps, normalizeProps, openBlock, resolveDynamicComponent, withCtx } from "vue";
+//#region components/typography/typography-operations.vue?vue&type=script&setup=true&lang.ts
+var typography_operations_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "TypographyOperations" }), {}, {
+	__name: "typography-operations",
+	props: {
+		editable: { type: Boolean },
+		copyable: { type: Boolean },
+		expandable: { type: Boolean },
+		isCopied: { type: Boolean },
+		isEllipsis: { type: Boolean },
+		expanded: { type: Boolean },
+		forceRenderExpand: { type: Boolean },
+		editTooltipProps: {},
+		copyTooltipProps: {},
+		onEdit: { type: Function },
+		onCopy: { type: Function },
+		onExpand: { type: Function },
+		copyTooltip: { type: Function },
+		copyIcon: { type: Function },
+		expandNode: { type: Function }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(operations_default, {
+				editable: __props.editable,
+				copyable: __props.copyable,
+				expandable: __props.expandable,
+				"is-copied": __props.isCopied,
+				"is-ellipsis": __props.isEllipsis,
+				expanded: __props.expanded,
+				"force-render-expand": __props.forceRenderExpand,
+				"edit-tooltip-props": __props.editTooltipProps,
+				"copy-tooltip-props": __props.copyTooltipProps,
+				onEdit: __props.onEdit,
+				onCopy: __props.onCopy,
+				onExpand: __props.onExpand
+			}, createSlots({ _: 2 }, [
+				__props.copyTooltip ? {
+					name: "copy-tooltip",
+					fn: withCtx((slotProps) => [(openBlock(), createBlock(resolveDynamicComponent(__props.copyTooltip), normalizeProps(guardReactiveProps(slotProps)), null, 16))]),
+					key: "0"
+				} : void 0,
+				__props.copyIcon ? {
+					name: "copy-icon",
+					fn: withCtx((slotProps) => [(openBlock(), createBlock(resolveDynamicComponent(__props.copyIcon), normalizeProps(guardReactiveProps(slotProps)), null, 16))]),
+					key: "1"
+				} : void 0,
+				__props.expandNode ? {
+					name: "expand-node",
+					fn: withCtx((slotProps) => [(openBlock(), createBlock(resolveDynamicComponent(__props.expandNode), normalizeProps(guardReactiveProps(slotProps)), null, 16))]),
+					key: "2"
+				} : void 0
+			]), 1032, [
+				"editable",
+				"copyable",
+				"expandable",
+				"is-copied",
+				"is-ellipsis",
+				"expanded",
+				"force-render-expand",
+				"edit-tooltip-props",
+				"copy-tooltip-props",
+				"onEdit",
+				"onCopy",
+				"onExpand"
+			]);
+		};
+	}
+}));
+//#endregion
+export { typography_operations_vue_vue_type_script_setup_true_lang_default as default };

package/es/typography/typography.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 { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
 //#region components/typography/typography.vue?vue&type=script&setup=true&lang.ts

package/es/typography/utils/getInnerText.d.ts

@@ -1,2 +1,2 @@
-import { VNodeTypes } from 'vue';
+import { type VNodeTypes } from 'vue';
 export default function getInnerText(node: VNodeTypes | VNodeTypes[] | undefined): string;

package/es/typography/utils/getInnerText.js

@@ -1,5 +1,6 @@
-import { createApp, createVNode } from "vue";
-//#region components/typography/utils/getInnerText.tsx
+import inner_text_renderer_default from "./inner-text-renderer.js";
+import { createApp } from "vue";
+//#region components/typography/utils/getInnerText.ts
 var container;
 function getInnerText(node) {
 	if (!node) return "";
@@ -8,9 +9,7 @@ function getInnerText(node) {
 		container.setAttribute("aria-hidden", "true");
 		document.body.appendChild(container);
 	}
-	const vm = createApp({ render() {
-		return createVNode("div", null, [node]);
-	} });
+	const vm = createApp(inner_text_renderer_default, { content: node });
 	vm.mount(container);
 	const text = container.innerText;
 	vm.unmount();

package/es/typography/utils/inner-text-renderer.js

@@ -0,0 +1,5 @@
+import inner_text_renderer_vue_vue_type_script_setup_true_lang_default from "./inner-text-renderer.vue_vue_type_script_setup_true_lang.js";
+//#region components/typography/utils/inner-text-renderer.vue
+var inner_text_renderer_default = inner_text_renderer_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { inner_text_renderer_default as default };

package/es/typography/utils/inner-text-renderer.vue.d.ts

@@ -0,0 +1,7 @@
+import type { VNodeChild } from 'vue';
+type __VLS_Props = {
+    content: VNodeChild;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/typography/utils/inner-text-renderer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,22 @@
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { createElementBlock, createVNode, defineComponent, openBlock } from "vue";
+//#region components/typography/utils/inner-text-renderer.vue?vue&type=script&setup=true&lang.ts
+var inner_text_renderer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "TypographyInnerTextRenderer" }), {}, {
+	__name: "inner-text-renderer",
+	props: { content: { type: [
+		Object,
+		String,
+		Number,
+		Boolean,
+		null,
+		Array
+	] } },
+	setup(__props) {
+		const VNodeRenderer = ({ content }) => content;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", null, [createVNode(VNodeRenderer, { content: __props.content }, null, 8, ["content"])]);
+		};
+	}
+}));
+//#endregion
+export { inner_text_renderer_vue_vue_type_script_setup_true_lang_default as default };

package/es/typography/utils/measure.d.ts

@@ -1,6 +1,5 @@
-import { VNodeTypes } from 'vue';
-import { EllipsisInternalConfig } from '../interface';
-declare const _default: (originElement: HTMLElement, ellipsisConfig: EllipsisInternalConfig, operations: VNodeTypes | VNodeTypes[], fullText: string) => {
+import type { EllipsisInternalConfig } from '../interface';
+declare const _default: (originElement: HTMLElement, ellipsisConfig: EllipsisInternalConfig, operationsProps: Record<string, unknown>, fullText: string) => {
     ellipsis: boolean;
     text: string;
 };

package/es/typography/utils/measure.js

@@ -1,5 +1,6 @@
-import { createApp, createVNode } from "vue";
-//#region components/typography/utils/measure.tsx
+import typography_operations_default from "../typography-operations.js";
+import { createApp } from "vue";
+//#region components/typography/utils/measure.ts
 var ellipsisContainer;
 function styleToString(style) {
 	return Array.prototype.slice.apply(style).map((name) => `${name}: ${style.getPropertyValue(name)};`).join("");
@@ -9,7 +10,7 @@ function pxToNumber(value) {
 	const match = value.match(/^\d*(\.\d*)?/);
 	return match ? Number(match[0]) : 0;
 }
-var measure_default = (originElement, ellipsisConfig, operations, fullText) => {
+var measure_default = (originElement, ellipsisConfig, operationsProps, fullText) => {
 	if (!ellipsisContainer) {
 		ellipsisContainer = document.createElement("div");
 		document.body.appendChild(ellipsisContainer);
@@ -29,13 +30,10 @@ var measure_default = (originElement, ellipsisConfig, operations, fullText) => {
 	ellipsisContainer.style.top = "-99999999px";
 	ellipsisContainer.style.zIndex = "-200";
 	ellipsisContainer.style.whiteSpace = "normal";
-	const vm = createApp({ render() {
-		return createVNode("span", null, [operations]);
-	} });
-	vm.mount(ellipsisContainer);
-	const operationsChildNodes = Array.prototype.slice.apply(ellipsisContainer.childNodes[0].cloneNode(true).childNodes);
-	vm.unmount();
-	ellipsisContainer.innerHTML = "";
+	const operationsApp = createApp(typography_operations_default, operationsProps);
+	operationsApp.mount(ellipsisContainer);
+	const operationsChildNodes = Array.prototype.slice.apply(ellipsisContainer.cloneNode(true).childNodes);
+	operationsApp.unmount();
 	const ellipsisTextNode = document.createTextNode(`${ellipsisStr}${suffix}`);
 	ellipsisContainer.appendChild(ellipsisTextNode);
 	operationsChildNodes.forEach((operationNode) => {