@sdata/web-vue 2.1.1 → 2.2.1

package/es/select/select-dropdown.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,88 @@
+import { configProviderInjectionKey } from "../config-provider/context.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { useComponentRef } from "../_hooks/use-component-ref.js";
+import { useScrollbar } from "../_hooks/use-scrollbar.js";
+import Scrollbar from "../scrollbar/index.js";
+import Spin from "../spin/index.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toRefs, unref, useSlots, vShow, withCtx, withDirectives } from "vue";
+//#region components/select/select-dropdown.vue?vue&type=script&setup=true&lang.ts
+var select_dropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "SelectDropdown" }), {}, {
+	__name: "select-dropdown",
+	props: {
+		loading: Boolean,
+		empty: Boolean,
+		virtualList: Boolean,
+		bottomOffset: {
+			type: Number,
+			default: 0
+		},
+		scrollbar: {
+			type: [Boolean, Object],
+			default: true
+		},
+		onScroll: { type: [Function, Array] },
+		onReachBottom: { type: [Function, Array] },
+		showHeaderOnEmpty: {
+			type: Boolean,
+			default: false
+		},
+		showFooterOnEmpty: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["scroll", "reachBottom"],
+	setup(__props, { emit: __emit }) {
+		var _configCtx$slots, _configCtx$slots$empt;
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const { scrollbar } = toRefs(props);
+		const prefixCls = getPrefixCls("select-dropdown");
+		const configCtx = inject(configProviderInjectionKey, void 0);
+		const SelectEmpty = configCtx === null || configCtx === void 0 || (_configCtx$slots$empt = (_configCtx$slots = configCtx.slots).empty) === null || _configCtx$slots$empt === void 0 || (_configCtx$slots$empt = _configCtx$slots$empt.call(_configCtx$slots, { component: "select" })) === null || _configCtx$slots$empt === void 0 ? void 0 : _configCtx$slots$empt[0];
+		const { componentRef: wrapperComRef, elementRef: wrapperRef } = useComponentRef("containerRef");
+		const { scrollbarProps } = useScrollbar(scrollbar);
+		const handleScroll = (e) => {
+			const { scrollTop, scrollHeight, offsetHeight } = e.target;
+			if (scrollHeight - (scrollTop + offsetHeight) <= props.bottomOffset) emit("reachBottom", e);
+			emit("scroll", e);
+		};
+		const cls = computed(() => [prefixCls, {
+			[`${prefixCls}-has-header`]: Boolean(slots.header),
+			[`${prefixCls}-has-footer`]: Boolean(slots.footer)
+		}]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(cls.value) }, [
+				_ctx.$slots.header && (!__props.empty || __props.showHeaderOnEmpty) ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(`${unref(prefixCls)}-header`)
+				}, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true),
+				__props.loading ? (openBlock(), createBlock(unref(Spin), {
+					key: 1,
+					class: normalizeClass(`${unref(prefixCls)}-loading`)
+				}, null, 8, ["class"])) : __props.empty ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: normalizeClass(`${unref(prefixCls)}-empty`)
+				}, [renderSlot(_ctx.$slots, "empty", {}, () => [(openBlock(), createBlock(resolveDynamicComponent(unref(SelectEmpty) ? unref(SelectEmpty) : "Empty")))])], 2)) : createCommentVNode("", true),
+				__props.virtualList && !__props.loading && !__props.empty ? renderSlot(_ctx.$slots, "virtual-list", { key: 3 }) : createCommentVNode("", true),
+				!__props.virtualList ? withDirectives((openBlock(), createBlock(unref(Scrollbar), mergeProps({
+					key: 4,
+					ref_key: "wrapperComRef",
+					ref: wrapperComRef,
+					class: `${unref(prefixCls)}-list-wrapper`
+				}, unref(scrollbarProps), { onScroll: handleScroll }), {
+					default: withCtx(() => [createElementVNode("ul", { class: normalizeClass(`${unref(prefixCls)}-list`) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+					_: 3
+				}, 16, ["class"])), [[vShow, !__props.loading && !__props.empty]]) : createCommentVNode("", true),
+				_ctx.$slots.footer && (!__props.empty || __props.showFooterOnEmpty) ? (openBlock(), createElementBlock("div", {
+					key: 5,
+					class: normalizeClass(`${unref(prefixCls)}-footer`)
+				}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+}));
+//#endregion
+export { select_dropdown_vue_vue_type_script_setup_true_lang_default as default };

package/es/select/select.d.ts

@@ -318,8 +318,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{
-    onClear?: ((_ev: Event) => any) | undefined;
     onSearch?: ((_inputValue: string) => any) | undefined;
+    onClear?: ((_ev: Event) => any) | undefined;
     onChange?: ((_value: SelectModelValue) => any) | undefined;
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
@@ -334,17 +334,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onShowChange?: ((_visible: boolean) => any) | undefined;
     onExceedLimit?: ((_value: SelectOptionValue | undefined, _ev: Event) => any) | undefined;
 }>, {
-    show: boolean;
-    scrollbar: boolean | ScrollbarProps;
-    multiple: boolean;
-    disabled: boolean;
     options: SelectOption[];
     error: boolean;
     value: SelectModelValue;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
+    disabled: boolean;
     showArrow: boolean;
     unmountOnClose: boolean;
+    show: boolean;
+    scrollbar: boolean | ScrollbarProps;
+    multiple: boolean;
     defaultValue: SelectModelValue;
     modelValue: SelectModelValue;
     allowClear: boolean;
@@ -514,10 +514,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
-            onShow?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -525,12 +525,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             hide: () => true;
             resize: () => true;
         }, import("vue").PublicProps, {
-            position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
-            disabled: boolean;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            disabled: boolean;
             popupOffset: number;
             showArrow: boolean;
             alignPoint: boolean;
@@ -705,17 +705,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onHide?: (() => any) | undefined;
-            onShow?: (() => any) | undefined;
             onResize?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+            onShow?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-            position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
-            disabled: boolean;
             autoFitPosition: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+            disabled: boolean;
             popupOffset: number;
             showArrow: boolean;
             alignPoint: boolean;
@@ -887,10 +887,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{
         onHide?: (() => any) | undefined;
-        onShow?: (() => any) | undefined;
         onResize?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+        onShow?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -898,12 +898,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         hide: () => true;
         resize: () => true;
     }, string, {
-        position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
-        disabled: boolean;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        disabled: boolean;
         popupOffset: number;
         showArrow: boolean;
         alignPoint: boolean;
@@ -999,7 +999,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {
         focus(): void;
         blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "remove")[], "clear" | "focus" | "blur" | "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "clear" | "blur" | "remove")[], "focus" | "clear" | "blur" | "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: PropType<SelectViewValue[]>;
             required: true;
@@ -1067,10 +1067,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClear?: ((...args: any[]) => any) | undefined;
         onRemove?: ((...args: any[]) => any) | undefined;
     }>, {
-        multiple: boolean;
-        disabled: boolean;
         error: boolean;
+        disabled: boolean;
         showArrow: boolean;
+        multiple: boolean;
         allowClear: boolean;
         loading: boolean;
         bordered: boolean;
@@ -1120,21 +1120,55 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             uninjectGroupContext: boolean;
         }, true, {}, {}, {
             IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-            IconHover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-                prefix: {
-                    type: StringConstructor;
-                };
-                size: {
-                    type: PropType<Size>;
-                    default: string;
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>, {
-                prefixCls: string;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            IconHover: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                    prefix: {
+                        type: StringConstructor;
+                    };
+                    size: {
+                        type: PropType<Size>;
+                        default: string;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((_e: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    click: (_e: MouseEvent) => any;
+                }, import("vue").PublicProps, {
+                    size: "small" | "mini" | "medium" | "large";
+                    disabled: boolean;
+                }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    prefix: {
+                        type: StringConstructor;
+                    };
+                    size: {
+                        type: PropType<Size>;
+                        default: string;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((_e: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    size: "small" | "mini" | "medium" | "large";
+                    disabled: boolean;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 prefix: {
                     type: StringConstructor;
                 };
@@ -1147,11 +1181,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>> & Readonly<{
-                onClick?: ((...args: any[]) => any) | undefined;
-            }>, {
-                size: "medium" | "large" | "small" | "mini";
+                onClick?: ((_e: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (_e: MouseEvent) => any;
+            }, string, {
+                size: "small" | "mini" | "medium" | "large";
                 disabled: boolean;
-            }, {}, {}, {}, 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: {
+                    default?: (props: {}) => any;
+                };
+            });
         } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1234,21 +1274,55 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         uninjectGroupContext: boolean;
     }, {}, string, {}, {
         IconCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        IconHover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-            prefix: {
-                type: StringConstructor;
-            };
-            size: {
-                type: PropType<Size>;
-                default: string;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {
-            prefixCls: string;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        IconHover: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                prefix: {
+                    type: StringConstructor;
+                };
+                size: {
+                    type: PropType<Size>;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onClick?: ((_e: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (_e: MouseEvent) => any;
+            }, import("vue").PublicProps, {
+                size: "small" | "mini" | "medium" | "large";
+                disabled: boolean;
+            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("vue").ExtractPropTypes<{
+                prefix: {
+                    type: StringConstructor;
+                };
+                size: {
+                    type: PropType<Size>;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onClick?: ((_e: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, {
+                size: "small" | "mini" | "medium" | "large";
+                disabled: boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             prefix: {
                 type: StringConstructor;
             };
@@ -1261,11 +1335,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{
-            onClick?: ((...args: any[]) => any) | undefined;
-        }>, {
-            size: "medium" | "large" | "small" | "mini";
+            onClick?: ((_e: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: (_e: MouseEvent) => any;
+        }, string, {
+            size: "small" | "mini" | "medium" | "large";
             disabled: boolean;
-        }, {}, {}, {}, 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: {
+                default?: (props: {}) => any;
+            };
+        });
     } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             modelValue: {

package/es/select/style/token.scss

@@ -52,7 +52,9 @@ $select-popup-option-color-text_disabled: var(
   string.unquote('#{global.$sd-cssvars-prefix}-color-text-4')
 );
 
-$select-popup-option-color-highlight-text: var(--color-text-1);
+$select-popup-option-color-highlight-text: var(
+  string.unquote('#{global.$sd-cssvars-prefix}-color-text-1')
+);
 $select-popup-option-font-highlight-weight: global.$font-weight-500;
 
 // option group title

package/es/skeleton/index.d.ts

@@ -13,12 +13,7 @@ declare const Skeleton: {
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{}>, {
-        prefixCls: string;
-        cls: import("vue").ComputedRef<(string | {
-            [x: string]: boolean;
-        })[]>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         loading: boolean;
         animation: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -37,12 +32,7 @@ declare const Skeleton: {
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{}>, {
-        prefixCls: string;
-        cls: import("vue").ComputedRef<(string | {
-            [x: string]: boolean;
-        })[]>;
-    }, {}, {}, {}, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
         loading: boolean;
         animation: boolean;
     }>;
@@ -58,15 +48,16 @@ declare const Skeleton: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
-    prefixCls: string;
-    cls: import("vue").ComputedRef<(string | {
-        [x: string]: boolean;
-    })[]>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     loading: boolean;
     animation: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    } & {
+        content?: (props: {}) => any;
+    };
+}) & {
     Line: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         rows: {
             type: NumberConstructor;
@@ -84,10 +75,7 @@ declare const Skeleton: {
             type: NumberConstructor;
             default: number;
         };
-    }>, {
-        prefixCls: string;
-        lines: import("vue").CSSProperties[];
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         rows: {
             type: NumberConstructor;
             default: number;
@@ -119,10 +107,7 @@ declare const Skeleton: {
             type: StringConstructor;
             default: string;
         };
-    }>, {
-        prefixCls: string;
-        cls: import("vue").ComputedRef<string[]>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         shape: {
             type: import("vue").PropType<"square" | "circle">;
             default: string;

package/es/skeleton/line.js

@@ -1,18 +1,5 @@
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import line_vue_vue_type_script_lang_default from "./line.vue_vue_type_script_lang.js";
-import { Fragment, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, openBlock, renderList } from "vue";
+import line_vue_vue_type_script_setup_true_lang_default from "./line.vue_vue_type_script_setup_true_lang.js";
 //#region components/skeleton/line.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.lines, (style, index) => {
-		return openBlock(), createElementBlock("ul", {
-			key: index,
-			class: normalizeClass(_ctx.prefixCls)
-		}, [createElementVNode("li", {
-			class: normalizeClass(`${_ctx.prefixCls}-row`),
-			style: normalizeStyle(style)
-		}, null, 6)], 2);
-	}), 128);
-}
-var line_default = /*#__PURE__*/ _plugin_vue_export_helper_default(line_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var line_default = line_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { line_default as default };

package/es/skeleton/line.vue.d.ts

@@ -1,6 +1,4 @@
-import type { PropType, CSSProperties } from 'vue';
-declare const _default: typeof __VLS_export;
-export default _default;
+import type { PropType } from 'vue';
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     rows: {
         type: NumberConstructor;
@@ -18,10 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: NumberConstructor;
         default: number;
     };
-}>, {
-    prefixCls: string;
-    lines: CSSProperties[];
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     rows: {
         type: NumberConstructor;
         default: number;
@@ -44,3 +39,5 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     widths: (string | number)[];
     lineSpacing: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/skeleton/{line.vue_vue_type_script_lang.js → line.vue_vue_type_script_setup_true_lang.js}

@@ -1,9 +1,10 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isString } from "../_utils/is.js";
-import { defineComponent } from "vue";
-//#region components/skeleton/line.vue?vue&type=script&lang.ts
-var line_vue_vue_type_script_lang_default = defineComponent({
-	name: "SkeletonLine",
+import { Fragment, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, unref } from "vue";
+//#region components/skeleton/line.vue?vue&type=script&setup=true&lang.ts
+var line_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "SkeletonLine" }), {}, {
+	__name: "line",
 	props: {
 		/**
 		* @zh 展示的行数
@@ -38,7 +39,8 @@ var line_vue_vue_type_script_lang_default = defineComponent({
 			default: 15
 		}
 	},
-	setup(props) {
+	setup(__props) {
+		const props = __props;
 		const prefixCls = getPrefixCls("skeleton-line");
 		const lines = [];
 		for (let i = 0; i < props.rows; i++) {
@@ -49,11 +51,18 @@ var line_vue_vue_type_script_lang_default = defineComponent({
 			if (i > 0) style.marginTop = `${props.lineSpacing}px`;
 			lines.push(style);
 		}
-		return {
-			prefixCls,
-			lines
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, renderList(lines, (style, index) => {
+				return createElementVNode("ul", {
+					key: index,
+					class: normalizeClass(unref(prefixCls))
+				}, [createElementVNode("li", {
+					class: normalizeClass(`${unref(prefixCls)}-row`),
+					style: normalizeStyle(style)
+				}, null, 6)], 2);
+			}), 64);
 		};
 	}
-});
+}));
 //#endregion
-export { line_vue_vue_type_script_lang_default as default };
+export { line_vue_vue_type_script_setup_true_lang_default as default };

package/es/skeleton/shape.js

@@ -1,10 +1,5 @@
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import shape_vue_vue_type_script_lang_default from "./shape.vue_vue_type_script_lang.js";
-import { createElementBlock, normalizeClass, openBlock } from "vue";
+import shape_vue_vue_type_script_setup_true_lang_default from "./shape.vue_vue_type_script_setup_true_lang.js";
 //#region components/skeleton/shape.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.cls) }, null, 2);
-}
-var shape_default = /*#__PURE__*/ _plugin_vue_export_helper_default(shape_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var shape_default = shape_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { shape_default as default };

package/es/skeleton/shape.vue.d.ts

@@ -1,6 +1,4 @@
 import { PropType } from 'vue';
-declare const _default: typeof __VLS_export;
-export default _default;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     shape: {
         type: PropType<"square" | "circle">;
@@ -10,10 +8,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: string;
     };
-}>, {
-    prefixCls: string;
-    cls: import("vue").ComputedRef<string[]>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     shape: {
         type: PropType<"square" | "circle">;
         default: string;
@@ -26,3 +21,5 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     size: string;
     shape: "square" | "circle";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;