@sdata/web-vue 4.5.0 → 4.5.2

package/es/color-picker/index.d.ts

@@ -23,7 +23,7 @@ declare const ColorPicker: {
             default: string;
         };
         size: {
-            type: import("vue").PropType<import("../index.ts").Size | "small" | "medium" | "large">;
+            type: import("vue").PropType<import("..").Size | 'small' | 'medium' | 'large'>;
             default: string;
         };
         enableAlpha: BooleanConstructor;
@@ -51,60 +51,60 @@ declare const ColorPicker: {
             default: boolean;
         };
         readonly: {
-            type: (StringConstructor | BooleanConstructor)[];
+            type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
         };
         hideTrigger: BooleanConstructor;
         triggerProps: {
-            type: import("vue").PropType<Partial<import("../index.ts").TriggerProps>>;
+            type: import("vue").PropType<Partial<import("..").TriggerProps>>;
         };
         floatingOptions: {
-            type: import("vue").PropType<import("../index.ts").FloatingOptions>;
+            type: import("vue").PropType<import("..").FloatingOptions>;
         };
     }>> & Readonly<{
-        onClear?: ((_context: {
-            e: MouseEvent;
-        }) => any) | undefined;
         onChange?: ((_value: string, _context: {
             color: import("./interface").ColorObject;
             trigger: import("./interface").ColorPickerChangeTrigger;
         }) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
-        "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
+        onClear?: ((_context: {
+            e: MouseEvent;
+        }) => any) | undefined;
         "onPalette-bar-change"?: ((_context: {
             color: import("./interface").ColorObject;
         }) => any) | undefined;
+        "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
         "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        clear: (_context: {
-            e: MouseEvent;
-        }) => void;
         change: (_value: string, _context: {
             color: import("./interface").ColorObject;
             trigger: import("./interface").ColorPickerChangeTrigger;
         }) => void;
-        "update:modelValue": (_value: string) => void;
-        "popup-visible-change": (_visible: boolean, _value: string) => void;
+        clear: (_context: {
+            e: MouseEvent;
+        }) => void;
         "palette-bar-change": (_context: {
             color: import("./interface").ColorObject;
         }) => void;
+        "popup-visible-change": (_visible: boolean, _value: string) => void;
         "recent-colors-change": (_value: string[]) => void;
+        "update:modelValue": (_value: string) => void;
     }, import("vue").PublicProps, {
-        size: "small" | "medium" | "large" | "mini";
-        disabled: boolean;
-        readonly: string | boolean;
-        defaultValue: string;
+        borderless: boolean;
         clearable: boolean;
-        format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
-        hideTrigger: boolean;
-        enableAlpha: boolean;
         colorModes: import("./interface").ColorModes;
         enableMultipleGradient: boolean;
+        defaultValue: string;
+        format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
+        size: "large" | "medium" | "mini" | "small";
+        enableAlpha: boolean;
         showPrimaryColorPreview: boolean;
         recentColors: import("./interface").RecentColorsValue;
-        swatchColors: string[] | null;
-        borderless: boolean;
         defaultRecentColors: import("./interface").RecentColorsValue;
+        swatchColors: string[] | null;
+        disabled: boolean;
+        readonly: string | boolean;
+        hideTrigger: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -133,7 +133,7 @@ declare const ColorPicker: {
             default: string;
         };
         size: {
-            type: import("vue").PropType<import("../index.ts").Size | "small" | "medium" | "large">;
+            type: import("vue").PropType<import("..").Size | 'small' | 'medium' | 'large'>;
             default: string;
         };
         enableAlpha: BooleanConstructor;
@@ -161,46 +161,46 @@ declare const ColorPicker: {
             default: boolean;
         };
         readonly: {
-            type: (StringConstructor | BooleanConstructor)[];
+            type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
         };
         hideTrigger: BooleanConstructor;
         triggerProps: {
-            type: import("vue").PropType<Partial<import("../index.ts").TriggerProps>>;
+            type: import("vue").PropType<Partial<import("..").TriggerProps>>;
         };
         floatingOptions: {
-            type: import("vue").PropType<import("../index.ts").FloatingOptions>;
+            type: import("vue").PropType<import("..").FloatingOptions>;
         };
     }>> & Readonly<{
-        onClear?: ((_context: {
-            e: MouseEvent;
-        }) => any) | undefined;
         onChange?: ((_value: string, _context: {
             color: import("./interface").ColorObject;
             trigger: import("./interface").ColorPickerChangeTrigger;
         }) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
-        "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
+        onClear?: ((_context: {
+            e: MouseEvent;
+        }) => any) | undefined;
         "onPalette-bar-change"?: ((_context: {
             color: import("./interface").ColorObject;
         }) => any) | undefined;
+        "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
         "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        size: "small" | "medium" | "large" | "mini";
-        disabled: boolean;
-        readonly: string | boolean;
-        defaultValue: string;
+        borderless: boolean;
         clearable: boolean;
-        format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
-        hideTrigger: boolean;
-        enableAlpha: boolean;
         colorModes: import("./interface").ColorModes;
         enableMultipleGradient: boolean;
+        defaultValue: string;
+        format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
+        size: "large" | "medium" | "mini" | "small";
+        enableAlpha: boolean;
         showPrimaryColorPreview: boolean;
         recentColors: import("./interface").RecentColorsValue;
-        swatchColors: string[] | null;
-        borderless: boolean;
         defaultRecentColors: import("./interface").RecentColorsValue;
+        swatchColors: string[] | null;
+        disabled: boolean;
+        readonly: string | boolean;
+        hideTrigger: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -226,7 +226,7 @@ declare const ColorPicker: {
         default: string;
     };
     size: {
-        type: import("vue").PropType<import("../index.ts").Size | "small" | "medium" | "large">;
+        type: import("vue").PropType<import("..").Size | 'small' | 'medium' | 'large'>;
         default: string;
     };
     enableAlpha: BooleanConstructor;
@@ -254,60 +254,60 @@ declare const ColorPicker: {
         default: boolean;
     };
     readonly: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     hideTrigger: BooleanConstructor;
     triggerProps: {
-        type: import("vue").PropType<Partial<import("../index.ts").TriggerProps>>;
+        type: import("vue").PropType<Partial<import("..").TriggerProps>>;
     };
     floatingOptions: {
-        type: import("vue").PropType<import("../index.ts").FloatingOptions>;
+        type: import("vue").PropType<import("..").FloatingOptions>;
     };
 }>> & Readonly<{
-    onClear?: ((_context: {
-        e: MouseEvent;
-    }) => any) | undefined;
     onChange?: ((_value: string, _context: {
         color: import("./interface").ColorObject;
         trigger: import("./interface").ColorPickerChangeTrigger;
     }) => any) | undefined;
-    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
-    "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
+    onClear?: ((_context: {
+        e: MouseEvent;
+    }) => any) | undefined;
     "onPalette-bar-change"?: ((_context: {
         color: import("./interface").ColorObject;
     }) => any) | undefined;
+    "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
     "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clear: (_context: {
-        e: MouseEvent;
-    }) => void;
     change: (_value: string, _context: {
         color: import("./interface").ColorObject;
         trigger: import("./interface").ColorPickerChangeTrigger;
     }) => void;
-    "update:modelValue": (_value: string) => void;
-    "popup-visible-change": (_visible: boolean, _value: string) => void;
+    clear: (_context: {
+        e: MouseEvent;
+    }) => void;
     "palette-bar-change": (_context: {
         color: import("./interface").ColorObject;
     }) => void;
+    "popup-visible-change": (_visible: boolean, _value: string) => void;
     "recent-colors-change": (_value: string[]) => void;
+    "update:modelValue": (_value: string) => void;
 }, string, {
-    size: "small" | "medium" | "large" | "mini";
-    disabled: boolean;
-    readonly: string | boolean;
-    defaultValue: string;
+    borderless: boolean;
     clearable: boolean;
-    format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
-    hideTrigger: boolean;
-    enableAlpha: boolean;
     colorModes: import("./interface").ColorModes;
     enableMultipleGradient: boolean;
+    defaultValue: string;
+    format: import("./interface").ColorFormat | import("./interface").LegacyFormat;
+    size: "large" | "medium" | "mini" | "small";
+    enableAlpha: boolean;
     showPrimaryColorPreview: boolean;
     recentColors: import("./interface").RecentColorsValue;
-    swatchColors: string[] | null;
-    borderless: boolean;
     defaultRecentColors: import("./interface").RecentColorsValue;
+    swatchColors: string[] | null;
+    disabled: boolean;
+    readonly: string | boolean;
+    hideTrigger: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default(): unknown;

package/es/color-picker/palette.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { hsvToRgb } from "../_utils/color.js";
 import { useControlBlock } from "./hooks/use-control-block.js";

package/es/color-picker/panel.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import input_group_default from "../input/input-group.js";
@@ -10,11 +10,16 @@ import control_bar_default from "./control-bar.js";
 import { addGradientColor, formatColor, formatColorState, getActiveGradientPoint, getColorBackground, getColorObject, getDefaultColorState, getDefaultGradientState, getFormatInputs, getGradientThumbBackground, getLinearGradientString, normalizeFormat, parseColorState, parseFormatInputValues, removeGradientColor, round, setActiveColorHsva, setGradientColors, setGradientDegree, setGradientSelectedPoint } from "./utils.js";
 import gradient_thumb_default from "./gradient-thumb.js";
 import palette_default from "./palette.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
 import { createReusableTemplate } from "@vueuse/core";
 //#region components/color-picker/panel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label", "onClick"];
-var _hoisted_2 = ["disabled"];
+var _hoisted_1 = ["disabled"];
+var _hoisted_2 = [
+	"disabled",
+	"aria-label",
+	"onClick"
+];
+var _hoisted_3 = ["disabled"];
 var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Panel" }), {}, {
 	__name: "panel",
 	props: {
@@ -190,10 +195,17 @@ var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		});
 		const emitStateChange = (nextState, trigger, notifyPaletteBar) => {
 			var _props$onChange, _props$onPaletteBarCh;
+			if (props.disabled) return;
 			colorState.value = nextState;
 			syncDrafts();
 			(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, formatColorState(nextState, selectedFormat.value, props.enableAlpha), trigger);
 			if (notifyPaletteBar) (_props$onPaletteBarCh = props.onPaletteBarChange) === null || _props$onPaletteBarCh === void 0 || _props$onPaletteBarCh.call(props, { color: getColorObject(nextState) });
+			nextTick(() => {
+				const acceptedState = parseColorState(props.value, props.colorModes);
+				if (formatColorState(colorState.value, selectedFormat.value, props.enableAlpha) === formatColorState(acceptedState, selectedFormat.value, props.enableAlpha)) return;
+				colorState.value = reconcileGradientState(colorState.value, acceptedState);
+				syncDrafts();
+			});
 		};
 		const handleHsvaChange = (nextHsva, trigger, notifyPaletteBar) => emitStateChange(setActiveColorHsva(colorState.value, nextHsva), trigger, notifyPaletteBar);
 		const handleModeChange = (mode) => {
@@ -212,8 +224,10 @@ var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			nextDrafts[index] = value;
 			formatDrafts.value = nextDrafts;
 		};
-		const commitDrafts = () => {
-			handleHsvaChange(parseFormatInputValues(formatDrafts.value, selectedFormat.value, props.enableAlpha), "input");
+		const commitDrafts = (index) => {
+			const drafts = [...formatDrafts.value];
+			if (index === 1 && normalizeFormat(selectedFormat.value, props.enableAlpha) === "HEX8") drafts[0] = drafts[0].slice(0, 6);
+			handleHsvaChange(parseFormatInputValues(drafts, selectedFormat.value, props.enableAlpha), "input");
 		};
 		const getThumbTrackRect = () => {
 			var _ref;
@@ -263,6 +277,7 @@ var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		};
 		const addRecentColor = () => {
 			var _props$onRecentColors;
+			if (props.disabled) return;
 			if (props.recentColors === null || props.recentColors === false) return;
 			const currentValue = formatColorState(colorState.value, selectedFormat.value, props.enableAlpha);
 			const next = [...recentColorList.value || []];
@@ -281,8 +296,9 @@ var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					key: 0,
 					type: "button",
 					class: normalizeClass(`${unref(prefixCls)}-colors-action`),
+					disabled: props.disabled,
 					onClick: addRecentColor
-				}, " 添加当前颜色 ", 2)) : createCommentVNode("", true)], 2), createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-colors-wrapper`) }, [(values === null || values === void 0 ? void 0 : values.length) ? (openBlock(), createElementBlock("div", {
+				}, " 添加当前颜色 ", 10, _hoisted_1)) : createCommentVNode("", true)], 2), createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-colors-wrapper`) }, [(values === null || values === void 0 ? void 0 : values.length) ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-colors-list`)
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(values, (value) => {
@@ -290,12 +306,13 @@ var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						key: value,
 						type: "button",
 						class: normalizeClass(`${unref(prefixCls)}-color-block`),
+						disabled: props.disabled,
 						"aria-label": unref(t)("a11y.selectColor", value),
 						onClick: ($event) => selectColorBlock(value, trigger)
 					}, [createElementVNode("div", {
 						class: normalizeClass(`${unref(prefixCls)}-block`),
 						style: normalizeStyle(getColorBlockStyle(value))
-					}, null, 6)], 10, _hoisted_1);
+					}, null, 6)], 10, _hoisted_2);
 				}), 128))], 2)) : (openBlock(), createElementBlock("span", {
 					key: 1,
 					class: normalizeClass(`${unref(prefixCls)}-colors-empty`)
@@ -330,7 +347,7 @@ var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						style: normalizeStyle({ backgroundImage: unref(getGradientThumbBackground)(colorState.value.gradientColors) }),
 						onClick: handleGradientBarClick,
 						onKeydown: handleGradientBarKeyDown
-					}, null, 46, _hoisted_2), (openBlock(true), createElementBlock(Fragment, null, renderList(colorState.value.gradientColors, (point) => {
+					}, null, 46, _hoisted_3), (openBlock(true), createElementBlock(Fragment, null, renderList(colorState.value.gradientColors, (point) => {
 						return openBlock(), createBlock(gradient_thumb_default, {
 							key: point.id,
 							point,
@@ -420,13 +437,15 @@ var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 							disabled: props.disabled,
 							"model-value": draft,
 							onInput: ($event) => updateDraft(index, $event),
-							onChange: commitDrafts,
-							onPressEnter: commitDrafts
+							onChange: ($event) => commitDrafts(index),
+							onPressEnter: ($event) => commitDrafts(index)
 						}, null, 8, [
 							"class",
 							"disabled",
 							"model-value",
-							"onInput"
+							"onInput",
+							"onChange",
+							"onPressEnter"
 						]);
 					}), 128))]),
 					_: 1

package/es/color-picker/utils.d.ts

@@ -14,10 +14,10 @@ export declare const hslToRgb: (h: number, s: number, l: number) => {
 };
 export declare const normalizeFormat: (format?: string, enableAlpha?: boolean) => ColorFormat;
 export declare const parseColor: (input?: string) => {
-    a: number;
     h: number;
     s: number;
     v: number;
+    a: number;
 };
 export declare const isGradientColor: (input?: string) => boolean;
 export declare const parseGradientString: (input?: string) => {
@@ -27,10 +27,10 @@ export declare const parseGradientString: (input?: string) => {
         left: number;
         color: string;
         hsva: {
-            a: number;
             h: number;
             s: number;
             v: number;
+            a: number;
         };
     }[];
 } | null;
@@ -40,10 +40,10 @@ export declare const createGradientPoint: (left: number, color: string) => {
     left: number;
     color: string;
     hsva: {
-        a: number;
         h: number;
         s: number;
         v: number;
+        a: number;
     };
 };
 export declare const getDefaultGradientState: (baseColor?: string) => ColorValueState;
@@ -56,25 +56,25 @@ export declare const formatColorState: (state: ColorValueState, format: ColorFor
 export declare const getActiveGradientPoint: (state: ColorValueState) => GradientColorPoint | null;
 export declare const setGradientSelectedPoint: (state: ColorValueState, selectedId: string) => ColorValueState;
 export declare const setActiveColorHsva: (state: ColorValueState, hsva: HSVA) => {
-    hsva: HSVA;
     mode: ColorMode;
     gradientDegree: number;
     gradientSelectedId: string;
     gradientColors: GradientColorPoint[];
+    hsva: HSVA;
 };
 export declare const setGradientDegree: (state: ColorValueState, degree: number) => {
-    gradientDegree: number;
     mode: ColorMode;
     hsva: HSVA;
     gradientSelectedId: string;
     gradientColors: GradientColorPoint[];
+    gradientDegree: number;
 };
 export declare const setGradientColors: (state: ColorValueState, gradientColors: GradientColorPoint[]) => {
+    mode: ColorMode;
+    gradientDegree: number;
     gradientColors: GradientColorPoint[];
     gradientSelectedId: string;
     hsva: HSVA;
-    mode: ColorMode;
-    gradientDegree: number;
 };
 export declare const addGradientColor: (state: ColorValueState, left: number, color?: string) => ColorValueState;
 export declare const removeGradientColor: (state: ColorValueState, selectedId: string) => ColorValueState;
@@ -82,8 +82,8 @@ export declare const getColorBackground: (state: ColorValueState) => string;
 export declare const getColorObject: (input: HSVA | ColorValueState) => ColorObject;
 export declare const getFormatInputs: (hsva: HSVA, format: ColorFormat, enableAlpha?: boolean) => string[];
 export declare const parseFormatInputValues: (values: string[], format: ColorFormat, enableAlpha?: boolean) => {
-    a: number;
     h: number;
     s: number;
     v: number;
+    a: number;
 };

package/es/color-picker/utils.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { formatInputToHSVA, hsvToRgb, rgbToHex, rgbToHsv, rgbaToHex } from "../_utils/color.js";
 //#region components/color-picker/utils.ts
 var DEFAULT_HSVA = {

package/es/comment/{comment.vue.d.ts → comment.vue.d.vue.ts}

@@ -27,9 +27,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: StringConstructor;
     };
     align: {
-        type: PropType<"left" | "right" | {
-            datetime?: "left" | "right";
-            actions?: "left" | "right";
+        type: PropType<'left' | 'right' | {
+            datetime?: 'left' | 'right';
+            actions?: 'left' | 'right';
         }>;
         default: string;
     };
@@ -47,16 +47,16 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: StringConstructor;
     };
     align: {
-        type: PropType<"left" | "right" | {
-            datetime?: "left" | "right";
-            actions?: "left" | "right";
+        type: PropType<'left' | 'right' | {
+            datetime?: 'left' | 'right';
+            actions?: 'left' | 'right';
         }>;
         default: string;
     };
 }>> & Readonly<{}>, {
     align: "left" | "right" | {
-        datetime?: "left" | "right";
-        actions?: "left" | "right";
+        datetime?: 'left' | 'right';
+        actions?: 'left' | 'right';
     };
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/comment/comment.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,7 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isString } from "../_utils/is.js";
-import { hasPropOrSlot } from "../_utils/use-prop-or-slot.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
 //#region components/comment/comment.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["src"];
 var _hoisted_2 = { key: 0 };
@@ -68,14 +67,7 @@ var comment_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		* @en Action list
 		* @slot actions
 		*/
-		const slots = useSlots();
 		const prefixCls = getPrefixCls("comment");
-		const [hasAuthor, hasAvatar, hasContent, hasDatetime] = [
-			"author",
-			"avatar",
-			"content",
-			"datetime"
-		].map((propName) => hasPropOrSlot(props, slots, propName));
 		const computedAlign = computed(() => {
 			var _align$datetime, _align$actions;
 			const { align } = props;
@@ -89,7 +81,7 @@ var comment_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 			};
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [unref(hasAvatar) ? (openBlock(), createElementBlock("div", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [__props.avatar || _ctx.$slots.avatar ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(`${unref(prefixCls)}-avatar`)
 			}, [__props.avatar ? (openBlock(), createElementBlock("img", {
@@ -97,17 +89,17 @@ var comment_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				src: __props.avatar,
 				alt: "comment-avatar"
 			}, null, 8, _hoisted_1)) : renderSlot(_ctx.$slots, "avatar", {}, void 0, void 0, 1)], 2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-inner`) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-inner-content`) }, [
-				unref(hasAuthor) || unref(hasDatetime) ? (openBlock(), createElementBlock("div", {
+				__props.author || _ctx.$slots.author || __props.datetime || _ctx.$slots.datetime ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-title ${unref(prefixCls)}-title-align-${computedAlign.value.datetime}`)
-				}, [unref(hasAuthor) ? (openBlock(), createElementBlock("span", {
+				}, [__props.author || _ctx.$slots.author ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-author`)
-				}, [__props.author ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.author), 1)) : renderSlot(_ctx.$slots, "author", {}, void 0, void 0, 1)], 2)) : createCommentVNode("", true), unref(hasDatetime) ? (openBlock(), createElementBlock("span", {
+				}, [__props.author ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.author), 1)) : renderSlot(_ctx.$slots, "author", {}, void 0, void 0, 1)], 2)) : createCommentVNode("", true), __props.datetime || _ctx.$slots.datetime ? (openBlock(), createElementBlock("span", {
 					key: 1,
 					class: normalizeClass(`${unref(prefixCls)}-datetime`)
 				}, [__props.datetime ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.datetime), 1)) : renderSlot(_ctx.$slots, "datetime", {}, void 0, void 0, 1)], 2)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
-				unref(hasContent) ? (openBlock(), createElementBlock("div", {
+				__props.content || _ctx.$slots.content ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(`${unref(prefixCls)}-content`)
 				}, [__props.content ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.content), 1)) : renderSlot(_ctx.$slots, "content", {}, void 0, void 0, 1)], 2)) : createCommentVNode("", true),

package/es/comment/index.d.ts

@@ -16,16 +16,16 @@ declare const Comment: {
             type: StringConstructor;
         };
         align: {
-            type: import("vue").PropType<"left" | "right" | {
-                datetime?: "left" | "right";
-                actions?: "left" | "right";
+            type: import("vue").PropType<'left' | 'right' | {
+                datetime?: 'left' | 'right';
+                actions?: 'left' | 'right';
             }>;
             default: string;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         align: "left" | "right" | {
-            datetime?: "left" | "right";
-            actions?: "left" | "right";
+            datetime?: 'left' | 'right';
+            actions?: 'left' | 'right';
         };
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -48,16 +48,16 @@ declare const Comment: {
             type: StringConstructor;
         };
         align: {
-            type: import("vue").PropType<"left" | "right" | {
-                datetime?: "left" | "right";
-                actions?: "left" | "right";
+            type: import("vue").PropType<'left' | 'right' | {
+                datetime?: 'left' | 'right';
+                actions?: 'left' | 'right';
             }>;
             default: string;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
         align: "left" | "right" | {
-            datetime?: "left" | "right";
-            actions?: "left" | "right";
+            datetime?: 'left' | 'right';
+            actions?: 'left' | 'right';
         };
     }>;
     __isFragment?: never;
@@ -77,16 +77,16 @@ declare const Comment: {
         type: StringConstructor;
     };
     align: {
-        type: import("vue").PropType<"left" | "right" | {
-            datetime?: "left" | "right";
-            actions?: "left" | "right";
+        type: import("vue").PropType<'left' | 'right' | {
+            datetime?: 'left' | 'right';
+            actions?: 'left' | 'right';
         }>;
         default: string;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     align: "left" | "right" | {
-        datetime?: "left" | "right";
-        actions?: "left" | "right";
+        datetime?: 'left' | 'right';
+        actions?: 'left' | 'right';
     };
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/es/config-provider/config-provider.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "./context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { normalizeTheme } from "./theme.js";
 import theme_provider_default from "./theme-provider.js";
 import { createBlock, defineComponent, getCurrentInstance, openBlock, provide, reactive, renderSlot, toRefs, useSlots, watch, withCtx } from "vue";