@sdata/web-vue 1.11.1 → 1.13.0

package/es/link/link.vue.d.ts

@@ -1,291 +1,36 @@
-import type { PropType } from 'vue';
-import { Status } from '../_utils/constant';
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    href: StringConstructor;
-    status: {
-        type: PropType<Status>;
-        default: string;
-    };
-    hoverable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    icon: BooleanConstructor;
-    loading: BooleanConstructor;
-    disabled: BooleanConstructor;
-}>, {
-    cls: import("vue").ComputedRef<(string | {
-        [x: string]: boolean;
-    })[]>;
-    prefixCls: string;
-    showIcon: import("vue").ComputedRef<boolean>;
-    handleClick: (ev: MouseEvent) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (_ev: MouseEvent) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    href: StringConstructor;
-    status: {
-        type: PropType<Status>;
-        default: string;
-    };
-    hoverable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    icon: BooleanConstructor;
-    loading: BooleanConstructor;
-    disabled: BooleanConstructor;
-}>> & Readonly<{
-    onClick?: ((_ev: MouseEvent) => any) | undefined;
+import type { LinkProps } from './interface';
+declare var __VLS_12: {}, __VLS_19: {}, __VLS_32: {}, __VLS_35: {}, __VLS_37: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_12) => any;
+} & {
+    icon?: (props: typeof __VLS_19) => any;
+} & {
+    default?: (props: typeof __VLS_32) => any;
+} & {
+    tooltip?: (props: typeof __VLS_35) => any;
+} & {
+    default?: (props: typeof __VLS_37) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (ev: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{
+    onClick?: ((ev: MouseEvent) => any) | undefined;
 }>, {
-    status: "normal" | "success" | "warning" | "danger";
+    status: import("..").Status;
     disabled: boolean;
     loading: boolean;
     icon: boolean;
-    hoverable: boolean;
-}, {}, {
-    IconLink: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            strokeWidth: {
-                type: NumberConstructor;
-                default: number;
-            };
-            strokeLinecap: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            strokeLinejoin: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            rotate: NumberConstructor;
-            spin: BooleanConstructor;
-        }>> & Readonly<{
-            onClick?: ((ev: MouseEvent) => any) | undefined;
-        }>, {
-            cls: import("vue").ComputedRef<(string | {
-                [x: string]: boolean;
-            })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
-            onClick: (ev: MouseEvent) => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: (ev: MouseEvent) => true;
-        }, import("vue").PublicProps, {
-            spin: boolean;
-            strokeWidth: number;
-            strokeLinecap: string;
-            strokeLinejoin: string;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            strokeWidth: {
-                type: NumberConstructor;
-                default: number;
-            };
-            strokeLinecap: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            strokeLinejoin: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            rotate: NumberConstructor;
-            spin: BooleanConstructor;
-        }>> & Readonly<{
-            onClick?: ((ev: MouseEvent) => any) | undefined;
-        }>, {
-            cls: import("vue").ComputedRef<(string | {
-                [x: string]: boolean;
-            })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
-            onClick: (ev: MouseEvent) => void;
-        }, {}, {}, {}, {
-            spin: boolean;
-            strokeWidth: number;
-            strokeLinecap: string;
-            strokeLinejoin: string;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-        };
-        strokeWidth: {
-            type: NumberConstructor;
-            default: number;
-        };
-        strokeLinecap: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: any) => boolean;
-        };
-        strokeLinejoin: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: any) => boolean;
-        };
-        rotate: NumberConstructor;
-        spin: BooleanConstructor;
-    }>> & Readonly<{
-        onClick?: ((ev: MouseEvent) => any) | undefined;
-    }>, {
-        cls: import("vue").ComputedRef<(string | {
-            [x: string]: boolean;
-        })[]>;
-        innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
-        onClick: (ev: MouseEvent) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (ev: MouseEvent) => true;
-    }, string, {
-        spin: boolean;
-        strokeWidth: number;
-        strokeLinecap: string;
-        strokeLinejoin: string;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-        install: (app: import("vue").App, options?: import("../_utils/types").SDIconOptions) => void;
-    };
-    IconLoading: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            strokeWidth: {
-                type: NumberConstructor;
-                default: number;
-            };
-            strokeLinecap: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            strokeLinejoin: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            rotate: NumberConstructor;
-            spin: BooleanConstructor;
-        }>> & Readonly<{
-            onClick?: ((ev: MouseEvent) => any) | undefined;
-        }>, {
-            cls: import("vue").ComputedRef<(string | {
-                [x: string]: boolean;
-            })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
-            onClick: (ev: MouseEvent) => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: (ev: MouseEvent) => true;
-        }, import("vue").PublicProps, {
-            spin: boolean;
-            strokeWidth: number;
-            strokeLinecap: string;
-            strokeLinejoin: string;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            strokeWidth: {
-                type: NumberConstructor;
-                default: number;
-            };
-            strokeLinecap: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            strokeLinejoin: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            rotate: NumberConstructor;
-            spin: BooleanConstructor;
-        }>> & Readonly<{
-            onClick?: ((ev: MouseEvent) => any) | undefined;
-        }>, {
-            cls: import("vue").ComputedRef<(string | {
-                [x: string]: boolean;
-            })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
-            onClick: (ev: MouseEvent) => void;
-        }, {}, {}, {}, {
-            spin: boolean;
-            strokeWidth: number;
-            strokeLinecap: string;
-            strokeLinejoin: string;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-        };
-        strokeWidth: {
-            type: NumberConstructor;
-            default: number;
-        };
-        strokeLinecap: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: any) => boolean;
-        };
-        strokeLinejoin: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: any) => boolean;
-        };
-        rotate: NumberConstructor;
-        spin: BooleanConstructor;
-    }>> & Readonly<{
-        onClick?: ((ev: MouseEvent) => any) | undefined;
-    }>, {
-        cls: import("vue").ComputedRef<(string | {
-            [x: string]: boolean;
-        })[]>;
-        innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
-        onClick: (ev: MouseEvent) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (ev: MouseEvent) => true;
-    }, string, {
-        spin: boolean;
-        strokeWidth: number;
-        strokeLinecap: string;
-        strokeLinejoin: string;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-        install: (app: import("vue").App, options?: import("../_utils/types").SDIconOptions) => void;
+    ellipsis: boolean;
+    ellipsisLineClamp: number | string;
+    ellipsisExpandTrigger: "click";
+    ellipsisTooltip: boolean | import("..").EllipsisTooltipProps;
+    iconTooltip: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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;
     };
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};

package/es/link/link.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,112 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import IconLoading from "../icon/icon-loading/index.js";
+import Tooltip from "../tooltip/index.js";
+import { PerformantEllipsis } from "../ellipsis/index.js";
+import { hasPropOrSlot } from "../_utils/use-prop-or-slot.js";
+import IconLink from "../icon/icon-link/index.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createSlots, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, useSlots, withCtx } from "vue";
+//#region components/link/link.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["href"];
+var link_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Link" }), {}, {
+	__name: "link",
+	props: {
+		href: {},
+		status: { default: "normal" },
+		hoverable: { type: Boolean },
+		icon: {
+			type: Boolean,
+			default: false
+		},
+		ellipsis: {
+			type: Boolean,
+			default: true
+		},
+		ellipsisLineClamp: { default: void 0 },
+		ellipsisExpandTrigger: { default: void 0 },
+		ellipsisTooltip: {
+			type: [Boolean, Object],
+			default: true
+		},
+		iconTooltip: { default: void 0 },
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const slots = useSlots();
+		const prefixCls = getPrefixCls("link");
+		const showIcon = hasPropOrSlot(props, slots, "icon");
+		const hasDefaultSlot = computed(() => Boolean(slots.default));
+		const resolvedHoverable = computed(() => {
+			var _props$hoverable;
+			return (_props$hoverable = props.hoverable) !== null && _props$hoverable !== void 0 ? _props$hoverable : hasDefaultSlot.value;
+		});
+		const shouldRenderEllipsis = computed(() => props.ellipsis && hasDefaultSlot.value);
+		const handleClick = (ev) => {
+			if (props.disabled || props.loading) {
+				ev.preventDefault();
+				return;
+			}
+			emit("click", ev);
+		};
+		const cls = computed(() => [
+			prefixCls,
+			`${prefixCls}-status-${props.status}`,
+			{
+				[`${prefixCls}-disabled`]: props.disabled,
+				[`${prefixCls}-loading`]: props.loading,
+				[`${prefixCls}-hoverless`]: !resolvedHoverable.value,
+				[`${prefixCls}-with-icon`]: props.loading || showIcon.value,
+				[`${prefixCls}-icon-only`]: !hasDefaultSlot.value && (props.loading || showIcon.value)
+			}
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("a", {
+				href: __props.disabled ? void 0 : __props.href,
+				class: normalizeClass(cls.value),
+				onClick: handleClick
+			}, [__props.loading || unref(showIcon) ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(`${unref(prefixCls)}-icon`)
+			}, [__props.loading ? (openBlock(), createBlock(unref(IconLoading), { key: 0 })) : __props.iconTooltip ? (openBlock(), createBlock(unref(Tooltip), {
+				key: 1,
+				content: __props.iconTooltip
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(IconLink))])]),
+				_: 3
+			}, 8, ["content"])) : renderSlot(_ctx.$slots, "icon", { key: 2 }, () => [createVNode(unref(IconLink))])], 2)) : createCommentVNode("", true), shouldRenderEllipsis.value ? (openBlock(), createBlock(unref(PerformantEllipsis), {
+				key: 1,
+				class: normalizeClass(`${unref(prefixCls)}-content`),
+				"line-clamp": __props.ellipsisLineClamp,
+				"expand-trigger": __props.ellipsisExpandTrigger,
+				tooltip: __props.ellipsisTooltip
+			}, createSlots({
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 2
+			}, [_ctx.$slots.tooltip ? {
+				name: "tooltip",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltip")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"class",
+				"line-clamp",
+				"expand-trigger",
+				"tooltip"
+			])) : hasDefaultSlot.value ? (openBlock(), createElementBlock("span", {
+				key: 2,
+				class: normalizeClass(`${unref(prefixCls)}-content`)
+			}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true)], 10, _hoisted_1);
+		};
+	}
+}));
+//#endregion
+export { link_vue_vue_type_script_setup_true_lang_default as default };

package/es/link/style/index.css

@@ -105,4 +105,10 @@
   margin-right: 6px;
   font-size: 12px;
   vertical-align: middle;
+}
+.sd-link-content {
+  min-width: 0;
+}
+.sd-link.sd-link-icon-only .sd-link-icon {
+  margin-right: 0;
 }

package/es/link/style/index.scss

@@ -120,4 +120,14 @@ $link-prefix-cls: string.unquote('#{theme.$prefix}-link');
     font-size: $link-size-icon;
     vertical-align: middle;
   }
+
+  &-content {
+    min-width: 0;
+  }
+
+  &#{&}-icon-only {
+    .#{$link-prefix-cls}-icon {
+      margin-right: 0;
+    }
+  }
 }

package/es/list/index.d.ts

@@ -65,9 +65,9 @@ declare const List: {
         pageChange: (_page: number) => true;
         pageSizeChange: (_pageSize: number) => true;
     }, import("vue").PublicProps, {
+        split: boolean;
         size: "small" | "medium" | "large";
         loading: boolean;
-        split: boolean;
         maxHeight: string | number;
         scrollbar: boolean | import("..").ScrollbarProps;
         bordered: boolean;
@@ -136,9 +136,9 @@ declare const List: {
     }, {}, {}, {
         scrollIntoView(options: import("../_components/virtual-list/interface").ScrollIntoViewOptions): void;
     }, {
+        split: boolean;
         size: "small" | "medium" | "large";
         loading: boolean;
-        split: boolean;
         maxHeight: string | number;
         scrollbar: boolean | import("..").ScrollbarProps;
         bordered: boolean;
@@ -209,9 +209,9 @@ declare const List: {
     pageChange: (_page: number) => true;
     pageSizeChange: (_pageSize: number) => true;
 }, string, {
+    split: boolean;
     size: "small" | "medium" | "large";
     loading: boolean;
-    split: boolean;
     maxHeight: string | number;
     scrollbar: boolean | import("..").ScrollbarProps;
     bordered: boolean;

package/es/list/list-item-meta.vue_vue_type_script_lang.js

@@ -4,9 +4,32 @@ import { defineComponent } from "vue";
 var list_item_meta_vue_vue_type_script_lang_default = defineComponent({
 	name: "ListItemMeta",
 	props: {
+		/**
+		* @zh 标题
+		* @en Title
+		*/
 		title: String,
+		/**
+		* @zh 描述内容
+		* @en Description
+		*/
 		description: String
 	},
+	/**
+	* @zh 标题
+	* @en Title
+	* @slot title
+	*/
+	/**
+	* @zh 描述内容
+	* @en Description
+	* @slot description
+	*/
+	/**
+	* @zh 头像
+	* @en Avatar
+	* @slot avatar
+	*/
 	setup(props, { slots }) {
 		return {
 			prefixCls: getPrefixCls("list-item-meta"),

package/es/list/list-item.js

@@ -3,10 +3,30 @@ import { createVNode, defineComponent } from "vue";
 //#region components/list/list-item.tsx
 var list_item_default = /* @__PURE__ */ defineComponent({
 	name: "ListItem",
-	props: { actionLayout: {
+	props: { 
+	/**
+	* @zh 操作组排列方向
+	* @en Operation group arrangement direction
+	*/
+actionLayout: {
 		type: String,
 		default: "horizontal"
 	} },
+	/**
+	* @zh 操作组
+	* @en Actions
+	* @slot actions
+	*/
+	/**
+	* @zh 额外内容
+	* @en Extra content
+	* @slot extra
+	*/
+	/**
+	* @zh meta信息
+	* @en Meta data
+	* @slot meta
+	*/
 	setup(props, { slots }) {
 		const prefixCls = getPrefixCls("list-item");
 		const renderAction = () => {

package/es/list/list.d.ts

@@ -108,9 +108,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onPageSizeChange?: ((_pageSize: number) => any) | undefined;
     onPageChange?: ((_page: number) => any) | undefined;
 }>, {
+    split: boolean;
     size: "small" | "medium" | "large";
     loading: boolean;
-    split: boolean;
     maxHeight: string | number;
     scrollbar: boolean | ScrollbarProps;
     bordered: boolean;