npm - @element-plus/nightly - Versions diffs - 0.0.20260717 → 0.0.20260719 - Mend

@element-plus/nightly 0.0.20260717 → 0.0.20260719

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (454) hide show

package/lib/components/cascader-panel/src/menu.vue.d.ts CHANGED Viewed

@@ -22,8 +22,8 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {
   virtualListRef: _$vue.Ref<FixedSizeListInstance | undefined, FixedSizeListInstance | undefined>;
   readonly $el: HTMLElement;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-  height: number;
   virtualScroll: boolean;
+  height: number;
   itemSize: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/checkbox/src/checkbox-button.vue.d.ts CHANGED Viewed

@@ -7,19 +7,19 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: CheckboxValueType) => void;
   change: (val: CheckboxValueType) => void;
+  "update:modelValue": (val: CheckboxValueType) => void;
 }, string, _$vue.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
-  id: string;
+  label: string | boolean | number | object;
   disabled: boolean;
+  name: string;
   modelValue: number | string | boolean;
   validateEvent: boolean;
-  name: string;
+  id: string;
   value: string | boolean | number | object;
-  label: string | boolean | number | object;
   trueValue: string | number;
   falseValue: string | number;
   trueLabel: string | number;

package/lib/components/checkbox/src/checkbox-group.d.ts CHANGED Viewed

@@ -68,7 +68,7 @@ declare const checkboxGroupProps: {
   readonly min: NumberConstructor;
   readonly max: NumberConstructor;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/checkbox/src/checkbox-group.vue.d.ts CHANGED Viewed

@@ -8,11 +8,11 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<CheckboxGroupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: CheckboxGroupValueType) => void;
   change: (val: CheckboxValueType[]) => void;
+  "update:modelValue": (val: CheckboxGroupValueType) => void;
 }, string, _$vue.PublicProps, Readonly<CheckboxGroupProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType[]) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
 }>, {
   type: "checkbox" | "button";
   props: {
@@ -22,8 +22,8 @@ declare const __VLS_base: _$vue.DefineComponent<CheckboxGroupProps, {}, {}, {},
   };
   disabled: boolean;
   modelValue: CheckboxGroupValueType;
-  validateEvent: boolean;
   tag: string;
+  validateEvent: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/checkbox/src/checkbox.d.ts CHANGED Viewed

@@ -91,14 +91,14 @@ declare const checkboxProps: {
    * @description label of the Checkbox when used inside a `checkbox-group`
    */
   label: {
-    type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox when used inside a `checkbox-group`
    */
   value: {
-    type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -168,7 +168,7 @@ declare const checkboxProps: {
    * @description size of the Checkbox
    */
   size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/checkbox/src/checkbox.vue.d.ts CHANGED Viewed

@@ -7,19 +7,19 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: CheckboxValueType) => void;
   change: (val: CheckboxValueType) => void;
+  "update:modelValue": (val: CheckboxValueType) => void;
 }, string, _$vue.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
-  id: string;
+  label: string | boolean | number | object;
   disabled: boolean;
+  name: string;
   modelValue: number | string | boolean;
   validateEvent: boolean;
-  name: string;
+  id: string;
   value: string | boolean | number | object;
-  label: string | boolean | number | object;
   trueValue: string | number;
   falseValue: string | number;
   trueLabel: string | number;

package/lib/components/checkbox/src/composables/use-checkbox-status.d.ts CHANGED Viewed

@@ -7,10 +7,10 @@ import { ComponentInternalInstance } from "vue";
 declare const useCheckboxStatus: (props: CheckboxProps, slots: ComponentInternalInstance["slots"], {
   model
 }: Pick<CheckboxModel, "model">) => {
-  checkboxButtonSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  checkboxButtonSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
   isChecked: _$vue.ComputedRef<boolean>;
   isFocused: _$vue.Ref<boolean, boolean>;
-  checkboxSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  checkboxSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
   hasOwnLabel: _$vue.ComputedRef<boolean>;
   actualValue: _$vue.ComputedRef<string | number | boolean | object | undefined>;
 };

package/lib/components/checkbox/src/composables/use-checkbox.d.ts CHANGED Viewed

@@ -9,8 +9,8 @@ declare const useCheckbox: (props: CheckboxProps, slots: ComponentInternalInstan
   isChecked: _$vue.ComputedRef<boolean>;
   isDisabled: _$vue.ComputedRef<boolean>;
   isFocused: _$vue.Ref<boolean, boolean>;
-  checkboxButtonSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-  checkboxSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  checkboxButtonSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
+  checkboxSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
   hasOwnLabel: _$vue.ComputedRef<boolean>;
   model: _$vue.WritableComputedRef<any, unknown>;
   actualValue: _$vue.ComputedRef<string | number | boolean | object | undefined>;

package/lib/components/col/src/col.vue.d.ts CHANGED Viewed

@@ -7,10 +7,10 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ColProps> & Readonly<{}>, {
-  offset: number;
   push: number;
   tag: string;
   span: number;
+  offset: number;
   pull: number;
   xs: ColSize;
   sm: ColSize;

package/lib/components/collapse/src/collapse-item.vue.d.ts CHANGED Viewed

@@ -18,8 +18,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<CollapseItemProps, {
   /** @description current collapse-item whether active */isActive: _$vue.ComputedRef<boolean | undefined>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CollapseItemProps> & Readonly<{}>, {
-  title: string;
   icon: IconPropType;
+  title: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/collapse/src/collapse.vue.d.ts CHANGED Viewed

@@ -10,11 +10,11 @@ declare const __VLS_base: _$vue.DefineComponent<CollapseProps, {
   /** @description active names */activeNames: _$vue.Ref<(string | number)[], (string | number)[]>; /** @description set active names */
   setActiveNames: (_activeNames: CollapseActiveName[]) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: CollapseModelValue) => void;
   change: (value: CollapseModelValue) => void;
+  "update:modelValue": (value: CollapseModelValue) => void;
 }, string, _$vue.PublicProps, Readonly<CollapseProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
   onChange?: ((value: CollapseModelValue) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
 }>, {
   modelValue: CollapseModelValue;
   expandIconPosition: CollapseIconPositionType;

package/lib/components/color-picker/src/color-picker.d.ts CHANGED Viewed

@@ -91,7 +91,7 @@ declare const colorPickerProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/color-picker/src/color-picker.vue.d.ts CHANGED Viewed

@@ -29,27 +29,27 @@ declare const __VLS_export: _$vue.DefineComponent<ColorPickerProps, {
    */
   blur: typeof blur;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: string | null) => void;
   change: (val: string | null) => void;
   clear: () => void;
-  focus: (evt: FocusEvent) => void;
+  "update:modelValue": (val: string | null) => void;
   blur: (evt: FocusEvent) => void;
+  focus: (evt: FocusEvent) => void;
   activeChange: (val: string | null) => void;
 }, string, _$vue.PublicProps, Readonly<ColorPickerProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
   onChange?: ((val: string | null) => any) | undefined;
   onClear?: (() => any) | undefined;
-  onFocus?: ((evt: FocusEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
+  onFocus?: ((evt: FocusEvent) => any) | undefined;
   onActiveChange?: ((val: string | null) => any) | undefined;
 }>, {
-  valueOnClear: string | number | boolean | Function | null;
-  teleported: boolean;
   disabled: boolean;
   modelValue: string | null;
+  validateEvent: boolean;
+  valueOnClear: string | number | boolean | Function | null;
+  teleported: boolean;
   clearable: boolean;
   tabindex: string | number;
-  validateEvent: boolean;
   popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   persistent: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/lib/components/color-picker/src/color-picker.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -2,16 +2,16 @@ require("../../../_virtual/_rolldown/runtime.js");
 const require_aria = require("../../../constants/aria.js");
 const require_event = require("../../../constants/event.js");
 const require_event$1 = require("../../../utils/dom/event.js");
-const require_index = require("../../../directives/click-outside/index.js");
-const require_index$1 = require("../../../hooks/use-locale/index.js");
-const require_index$2 = require("../../../hooks/use-namespace/index.js");
-const require_index$3 = require("../../../hooks/use-focus-controller/index.js");
-const require_index$4 = require("../../../hooks/use-empty-values/index.js");
-const require_index$5 = require("../../icon/index.js");
+const require_index = require("../../../hooks/use-locale/index.js");
+const require_index$1 = require("../../../hooks/use-namespace/index.js");
+const require_index$2 = require("../../../hooks/use-focus-controller/index.js");
+const require_index$3 = require("../../../hooks/use-empty-values/index.js");
+const require_index$4 = require("../../icon/index.js");
 const require_use_form_common_props = require("../../form/src/hooks/use-form-common-props.js");
 const require_use_form_item = require("../../form/src/hooks/use-form-item.js");
-const require_index$6 = require("../../tooltip/index.js");
-const require_index$7 = require("../../button/index.js");
+const require_index$5 = require("../../tooltip/index.js");
+const require_index$6 = require("../../button/index.js");
+const require_index$7 = require("../../../directives/click-outside/index.js");
 const require_color_picker_panel = require("../../color-picker-panel/src/color-picker-panel.js");
 const require_color = require("../../color-picker-panel/src/utils/color.js");
 const require_use_common_color = require("../../color-picker-panel/src/composables/use-common-color.js");
@@ -39,12 +39,12 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const { t } = require_index$1.useLocale();
-		const ns = require_index$2.useNamespace("color");
+		const { t } = require_index.useLocale();
+		const ns = require_index$1.useNamespace("color");
 		const { formItem } = require_use_form_item.useFormItem();
 		const colorSize = require_use_form_common_props.useFormSize();
 		const colorDisabled = require_use_form_common_props.useFormDisabled();
-		const { valueOnClear, isEmptyValue } = require_index$4.useEmptyValues(props, null);
+		const { valueOnClear, isEmptyValue } = require_index$3.useEmptyValues(props, null);
 		const commonColor = require_use_common_color.useCommonColor(props, emit);
 		const { inputId: buttonId, isLabeledByFormItem } = require_use_form_item.useFormItemInputId(props, { formItemContext: formItem });
 		const popper = (0, vue.ref)();
@@ -53,7 +53,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 		const showPicker = (0, vue.ref)(false);
 		const showPanelColor = (0, vue.ref)(false);
 		let shouldActiveChange = true;
-		const { isFocused, handleFocus, handleBlur } = require_index$3.useFocusController(triggerRef, {
+		const { isFocused, handleFocus, handleBlur } = require_index$2.useFocusController(triggerRef, {
 			disabled: colorDisabled,
 			beforeBlur(event) {
 				return popper.value?.isFocusInsideContent(event);
@@ -217,7 +217,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 			blur
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$6.ElTooltip), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$5.ElTooltip), {
 				ref_key: "popper",
 				ref: popper,
 				visible: showPicker.value,
@@ -253,7 +253,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 					"validate-event": false,
 					onKeydown: (0, vue.withKeys)(handleEsc, ["esc"])
 				}), {
-					footer: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", null, [__props.clearable ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$7.ElButton), {
+					footer: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", null, [__props.clearable ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$6.ElButton), {
 						key: 0,
 						class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("footer", "link-btn")),
 						text: "",
@@ -262,7 +262,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 					}, {
 						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(t)("el.colorpicker.clear")), 1)]),
 						_: 1
-					}, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createVNode)((0, vue.unref)(require_index$7.ElButton), {
+					}, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createVNode)((0, vue.unref)(require_index$6.ElButton), {
 						plain: "",
 						size: "small",
 						class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("footer", "btn")),
@@ -273,7 +273,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 					}, 8, ["class"])])]),
 					_: 1
 				}, 16)), [[
-					(0, vue.unref)(require_index.default),
+					(0, vue.unref)(require_index$7.default),
 					handleClickOutside,
 					triggerRef.value
 				]])]),
@@ -298,10 +298,10 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 				}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "color"), (0, vue.unref)(ns).is("alpha", __props.showAlpha)]) }, [(0, vue.createElementVNode)("span", {
 					class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("picker", "color-inner")),
 					style: (0, vue.normalizeStyle)({ backgroundColor: displayedColor.value })
-				}, [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$5.ElIcon), { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "icon"), (0, vue.unref)(ns).is("icon-arrow-down")]) }, {
+				}, [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$4.ElIcon), { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "icon"), (0, vue.unref)(ns).is("icon-arrow-down")]) }, {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.ArrowDown))]),
 					_: 1
-				}, 8, ["class"]), [[vue.vShow, __props.modelValue || showPanelColor.value]]), (0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$5.ElIcon), { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "empty"), (0, vue.unref)(ns).is("icon-close")]) }, {
+				}, 8, ["class"]), [[vue.vShow, __props.modelValue || showPanelColor.value]]), (0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$4.ElIcon), { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "empty"), (0, vue.unref)(ns).is("icon-close")]) }, {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.Close))]),
 					_: 1
 				}, 8, ["class"]), [[vue.vShow, !__props.modelValue && !showPanelColor.value]])], 6)], 2)], 2)], 16, _hoisted_1)]),

package/lib/components/color-picker/src/color-picker.vue_vue_type_script_setup_true_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color-picker.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../../../packages/components/color-picker/src/color-picker.vue"],"sourcesContent":["<template>\n <el-tooltip\n ref=\"popper\"\n :visible=\"showPicker\"\n :show-arrow=\"false\"\n :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n :offset=\"0\"\n :gpu-acceleration=\"false\"\n :popper-class=\"[ns.be('picker', 'panel'), popperClass!]\"\n :popper-style=\"popperStyle\"\n :stop-popper-mouse-event=\"false\"\n pure\n loop\n role=\"dialog\"\n effect=\"light\"\n trigger=\"click\"\n :teleported=\"teleported\"\n :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n :persistent=\"persistent\"\n :append-to=\"appendTo\"\n @show=\"handleShowTooltip\"\n @hide=\"setShowPicker(false)\"\n >\n <template #content>\n <el-color-picker-panel\n ref=\"pickerPanelRef\"\n v-bind=\"panelProps\"\n v-click-outside:[triggerRef]=\"handleClickOutside\"\n :border=\"false\"\n :validate-event=\"false\"\n @keydown.esc=\"handleEsc\"\n >\n <template #footer>\n <div>\n <el-button\n v-if=\"clearable\"\n :class=\"ns.be('footer', 'link-btn')\"\n text\n size=\"small\"\n @click=\"clear\"\n >\n {{ t('el.colorpicker.clear') }}\n </el-button>\n <el-button\n plain\n size=\"small\"\n :class=\"ns.be('footer', 'btn')\"\n @click=\"confirmValue\"\n >\n {{ t('el.colorpicker.confirm') }}\n </el-button>\n </div>\n </template>\n </el-color-picker-panel>\n </template>\n <template #default>\n <div\n :id=\"buttonId\"\n ref=\"triggerRef\"\n v-bind=\"$attrs\"\n :class=\"btnKls\"\n role=\"button\"\n :aria-label=\"buttonAriaLabel\"\n :aria-labelledby=\"buttonAriaLabelledby\"\n :aria-description=\"\n t('el.colorpicker.description', { color: modelValue \|\| '' })\n \"\n :aria-disabled=\"colorDisabled\"\n :tabindex=\"colorDisabled ? undefined : tabindex\"\n @keydown=\"handleKeyDown\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n >\n <div :class=\"ns.be('picker', 'trigger')\" @click=\"handleTrigger\">\n <span :class=\"[ns.be('picker', 'color'), ns.is('alpha', showAlpha)]\">\n <span\n :class=\"ns.be('picker', 'color-inner')\"\n :style=\"{\n backgroundColor: displayedColor,\n }\"\n >\n <el-icon\n v-show=\"modelValue \|\| showPanelColor\"\n :class=\"[ns.be('picker', 'icon'), ns.is('icon-arrow-down')]\"\n >\n <arrow-down />\n </el-icon>\n <el-icon\n v-show=\"!modelValue && !showPanelColor\"\n :class=\"[ns.be('picker', 'empty'), ns.is('icon-close')]\"\n >\n <close />\n </el-icon>\n </span>\n </span>\n </div>\n </div>\n </template>\n </el-tooltip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, provide, ref, watch } from 'vue'\nimport { debounce, pick } from 'lodash-unified'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { reactiveComputed } from '@vueuse/core'\nimport { ClickOutside as vClickOutside } from '@element-plus/directives'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { ElButton } from '@element-plus/components/button'\nimport {\n useFormDisabled,\n useFormItem,\n useFormItemInputId,\n useFormSize,\n} from '@element-plus/components/form'\nimport {\n useEmptyValues,\n useFocusController,\n useLocale,\n useNamespace,\n} from '@element-plus/hooks'\nimport {\n CHANGE_EVENT,\n EVENT_CODE,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { NOOP, getEventCode } from '@element-plus/utils'\nimport { ArrowDown, Close } from '@element-plus/icons-vue'\nimport { colorPickerEmits, colorPickerPropsDefaults } from './color-picker'\nimport {\n ElColorPickerPanel,\n ROOT_COMMON_COLOR_INJECTION_KEY,\n colorPickerPanelProps,\n} from '@element-plus/components/color-picker-panel'\nimport Color from '@element-plus/components/color-picker-panel/src/utils/color'\nimport { useCommonColor } from '@element-plus/components/color-picker-panel/src/composables/use-common-color'\n\nimport type { ColorPickerPanelInstance } from '@element-plus/components/color-picker-panel'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { ColorPickerProps } from './color-picker'\n\ndefineOptions({\n name: 'ElColorPicker',\n})\nconst props = withDefaults(\n defineProps<ColorPickerProps>(),\n colorPickerPropsDefaults\n)\n\nconst emit = defineEmits(colorPickerEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('color')\nconst { formItem } = useFormItem()\nconst colorSize = useFormSize()\nconst colorDisabled = useFormDisabled()\nconst { valueOnClear, isEmptyValue } = useEmptyValues(props, null)\nconst commonColor = useCommonColor(props, emit)\nconst { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {\n formItemContext: formItem,\n})\n\nconst popper = ref<TooltipInstance>()\nconst triggerRef = ref()\nconst pickerPanelRef = ref<ColorPickerPanelInstance>()\nconst showPicker = ref(false)\nconst showPanelColor = ref(false)\n\n// active-change is used to prevent modelValue changes from triggering.\nlet shouldActiveChange = true\n\nconst { isFocused, handleFocus, handleBlur } = useFocusController(triggerRef, {\n disabled: colorDisabled,\n beforeBlur(event) {\n return popper.value?.isFocusInsideContent(event)\n },\n afterBlur() {\n setShowPicker(false)\n resetColor()\n if (props.validateEvent) {\n formItem?.validate?.('blur').catch(NOOP)\n }\n },\n})\n\nconst color = reactiveComputed(\n () => pickerPanelRef.value?.color ?? commonColor.color\n) as Color\n\nconst panelProps = computed(() =>\n pick(props, Object.keys(colorPickerPanelProps))\n)\n\nconst displayedColor = computed(() => {\n if (!props.modelValue && !showPanelColor.value) {\n return 'transparent'\n }\n return displayedRgb(color, props.showAlpha)\n})\n\nconst currentColor = computed(() => {\n return !props.modelValue && !showPanelColor.value ? '' : color.value\n})\n\nconst buttonAriaLabel = computed<string \| undefined>(() => {\n return !isLabeledByFormItem.value\n ? props.ariaLabel \|\| t('el.colorpicker.defaultLabel')\n : undefined\n})\n\nconst buttonAriaLabelledby = computed<string \| undefined>(() => {\n return isLabeledByFormItem.value ? formItem?.labelId : undefined\n})\n\nconst btnKls = computed(() => {\n return [\n ns.b('picker'),\n ns.is('disabled', colorDisabled.value),\n ns.bm('picker', colorSize.value),\n ns.is('focused', isFocused.value),\n ]\n})\n\nfunction displayedRgb(color: Color, showAlpha: boolean) {\n const { r, g, b, a } = color.toRgb()\n return showAlpha ? `rgba(${r}, ${g}, ${b}, ${a})` : `rgb(${r}, ${g}, ${b})`\n}\n\nfunction setShowPicker(value: boolean) {\n showPicker.value = value\n}\n\nconst debounceSetShowPicker = debounce(setShowPicker, 100, { leading: true })\nfunction show() {\n if (colorDisabled.value) return\n setShowPicker(true)\n}\n\nfunction hide() {\n debounceSetShowPicker(false)\n resetColor()\n}\n\nfunction resetColor() {\n nextTick(() => {\n if (props.modelValue) {\n color.fromString(props.modelValue)\n } else {\n color.value = ''\n nextTick(() => {\n showPanelColor.value = false\n })\n }\n })\n}\n\nfunction handleTrigger() {\n if (colorDisabled.value) return\n if (showPicker.value) {\n resetColor()\n }\n debounceSetShowPicker(!showPicker.value)\n}\n\nfunction confirmValue() {\n const value = isEmptyValue(color.value) ? valueOnClear.value : color.value\n emit(UPDATE_MODEL_EVENT, value)\n emit(CHANGE_EVENT, value)\n if (props.validateEvent) {\n formItem?.validate('change').catch(NOOP)\n }\n debounceSetShowPicker(false)\n // check if modelValue change, if not change, then reset color.\n nextTick(() => {\n const newColor = new Color({\n enableAlpha: props.showAlpha,\n format: props.colorFormat \|\| '',\n value: props.modelValue,\n })\n if (!color.compare(newColor)) {\n resetColor()\n }\n })\n}\n\nfunction clear() {\n debounceSetShowPicker(false)\n emit(UPDATE_MODEL_EVENT, valueOnClear.value)\n emit(CHANGE_EVENT, valueOnClear.value)\n if (props.modelValue !== valueOnClear.value && props.validateEvent) {\n formItem?.validate('change').catch(NOOP)\n }\n resetColor()\n emit('clear')\n}\n\nfunction handleShowTooltip() {\n pickerPanelRef?.value?.inputRef?.focus()\n}\n\nfunction handleClickOutside() {\n if (!showPicker.value) return\n hide()\n isFocused.value && focus()\n}\n\nfunction handleEsc(event: KeyboardEvent) {\n event.preventDefault()\n event.stopPropagation()\n setShowPicker(false)\n resetColor()\n}\n\nfunction handleKeyDown(event: KeyboardEvent) {\n const code = getEventCode(event)\n\n switch (code) {\n case EVENT_CODE.enter:\n case EVENT_CODE.numpadEnter:\n case EVENT_CODE.space:\n event.preventDefault()\n event.stopPropagation()\n show()\n break\n case EVENT_CODE.esc:\n handleEsc(event)\n break\n }\n}\n\nfunction focus() {\n triggerRef.value.focus()\n}\n\nfunction blur() {\n triggerRef.value.blur()\n}\n\nwatch(\n () => currentColor.value,\n (val) => {\n shouldActiveChange && emit('activeChange', val)\n shouldActiveChange = true\n }\n)\n\nwatch(\n () => color.value,\n () => {\n if (!props.modelValue && !showPanelColor.value) {\n showPanelColor.value = true\n }\n }\n)\n\nwatch(\n () => props.modelValue,\n (newVal) => {\n if (!newVal) {\n showPanelColor.value = false\n } else if (newVal && newVal !== color.value) {\n shouldActiveChange = false\n color.fromString(newVal)\n }\n }\n)\n\nwatch(\n () => showPicker.value,\n () => {\n pickerPanelRef.value && nextTick(pickerPanelRef.value.update)\n }\n)\n\nprovide(ROOT_COMMON_COLOR_INJECTION_KEY, commonColor)\n\ndefineExpose({\n /*\n @description current color object\n /\n color,\n /\n @description manually show ColorPicker\n /\n show,\n /\n @description manually hide ColorPicker\n /\n hide,\n /\n @description focus the input element\n /\n focus,\n /\n @description blur the input element\n */\n blur,\n})\n</script>\n"],"mappings":"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"}
1	+ {"version":3,"file":"color-picker.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../../../packages/components/color-picker/src/color-picker.vue"],"sourcesContent":["<template>\n <el-tooltip\n ref=\"popper\"\n :visible=\"showPicker\"\n :show-arrow=\"false\"\n :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n :offset=\"0\"\n :gpu-acceleration=\"false\"\n :popper-class=\"[ns.be('picker', 'panel'), popperClass!]\"\n :popper-style=\"popperStyle\"\n :stop-popper-mouse-event=\"false\"\n pure\n loop\n role=\"dialog\"\n effect=\"light\"\n trigger=\"click\"\n :teleported=\"teleported\"\n :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n :persistent=\"persistent\"\n :append-to=\"appendTo\"\n @show=\"handleShowTooltip\"\n @hide=\"setShowPicker(false)\"\n >\n <template #content>\n <el-color-picker-panel\n ref=\"pickerPanelRef\"\n v-bind=\"panelProps\"\n v-click-outside:[triggerRef]=\"handleClickOutside\"\n :border=\"false\"\n :validate-event=\"false\"\n @keydown.esc=\"handleEsc\"\n >\n <template #footer>\n <div>\n <el-button\n v-if=\"clearable\"\n :class=\"ns.be('footer', 'link-btn')\"\n text\n size=\"small\"\n @click=\"clear\"\n >\n {{ t('el.colorpicker.clear') }}\n </el-button>\n <el-button\n plain\n size=\"small\"\n :class=\"ns.be('footer', 'btn')\"\n @click=\"confirmValue\"\n >\n {{ t('el.colorpicker.confirm') }}\n </el-button>\n </div>\n </template>\n </el-color-picker-panel>\n </template>\n <template #default>\n <div\n :id=\"buttonId\"\n ref=\"triggerRef\"\n v-bind=\"$attrs\"\n :class=\"btnKls\"\n role=\"button\"\n :aria-label=\"buttonAriaLabel\"\n :aria-labelledby=\"buttonAriaLabelledby\"\n :aria-description=\"\n t('el.colorpicker.description', { color: modelValue \|\| '' })\n \"\n :aria-disabled=\"colorDisabled\"\n :tabindex=\"colorDisabled ? undefined : tabindex\"\n @keydown=\"handleKeyDown\"\n @focus=\"handleFocus\"\n @blur=\"handleBlur\"\n >\n <div :class=\"ns.be('picker', 'trigger')\" @click=\"handleTrigger\">\n <span :class=\"[ns.be('picker', 'color'), ns.is('alpha', showAlpha)]\">\n <span\n :class=\"ns.be('picker', 'color-inner')\"\n :style=\"{\n backgroundColor: displayedColor,\n }\"\n >\n <el-icon\n v-show=\"modelValue \|\| showPanelColor\"\n :class=\"[ns.be('picker', 'icon'), ns.is('icon-arrow-down')]\"\n >\n <arrow-down />\n </el-icon>\n <el-icon\n v-show=\"!modelValue && !showPanelColor\"\n :class=\"[ns.be('picker', 'empty'), ns.is('icon-close')]\"\n >\n <close />\n </el-icon>\n </span>\n </span>\n </div>\n </div>\n </template>\n </el-tooltip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, provide, ref, watch } from 'vue'\nimport { debounce, pick } from 'lodash-unified'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { reactiveComputed } from '@vueuse/core'\nimport { ClickOutside as vClickOutside } from '@element-plus/directives'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { ElButton } from '@element-plus/components/button'\nimport {\n useFormDisabled,\n useFormItem,\n useFormItemInputId,\n useFormSize,\n} from '@element-plus/components/form'\nimport {\n useEmptyValues,\n useFocusController,\n useLocale,\n useNamespace,\n} from '@element-plus/hooks'\nimport {\n CHANGE_EVENT,\n EVENT_CODE,\n UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { NOOP, getEventCode } from '@element-plus/utils'\nimport { ArrowDown, Close } from '@element-plus/icons-vue'\nimport { colorPickerEmits, colorPickerPropsDefaults } from './color-picker'\nimport {\n ElColorPickerPanel,\n ROOT_COMMON_COLOR_INJECTION_KEY,\n colorPickerPanelProps,\n} from '@element-plus/components/color-picker-panel'\nimport Color from '@element-plus/components/color-picker-panel/src/utils/color'\nimport { useCommonColor } from '@element-plus/components/color-picker-panel/src/composables/use-common-color'\n\nimport type { ColorPickerPanelInstance } from '@element-plus/components/color-picker-panel'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { ColorPickerProps } from './color-picker'\n\ndefineOptions({\n name: 'ElColorPicker',\n})\nconst props = withDefaults(\n defineProps<ColorPickerProps>(),\n colorPickerPropsDefaults\n)\n\nconst emit = defineEmits(colorPickerEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('color')\nconst { formItem } = useFormItem()\nconst colorSize = useFormSize()\nconst colorDisabled = useFormDisabled()\nconst { valueOnClear, isEmptyValue } = useEmptyValues(props, null)\nconst commonColor = useCommonColor(props, emit)\nconst { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {\n formItemContext: formItem,\n})\n\nconst popper = ref<TooltipInstance>()\nconst triggerRef = ref()\nconst pickerPanelRef = ref<ColorPickerPanelInstance>()\nconst showPicker = ref(false)\nconst showPanelColor = ref(false)\n\n// active-change is used to prevent modelValue changes from triggering.\nlet shouldActiveChange = true\n\nconst { isFocused, handleFocus, handleBlur } = useFocusController(triggerRef, {\n disabled: colorDisabled,\n beforeBlur(event) {\n return popper.value?.isFocusInsideContent(event)\n },\n afterBlur() {\n setShowPicker(false)\n resetColor()\n if (props.validateEvent) {\n formItem?.validate?.('blur').catch(NOOP)\n }\n },\n})\n\nconst color = reactiveComputed(\n () => pickerPanelRef.value?.color ?? commonColor.color\n) as Color\n\nconst panelProps = computed(() =>\n pick(props, Object.keys(colorPickerPanelProps))\n)\n\nconst displayedColor = computed(() => {\n if (!props.modelValue && !showPanelColor.value) {\n return 'transparent'\n }\n return displayedRgb(color, props.showAlpha)\n})\n\nconst currentColor = computed(() => {\n return !props.modelValue && !showPanelColor.value ? '' : color.value\n})\n\nconst buttonAriaLabel = computed<string \| undefined>(() => {\n return !isLabeledByFormItem.value\n ? props.ariaLabel \|\| t('el.colorpicker.defaultLabel')\n : undefined\n})\n\nconst buttonAriaLabelledby = computed<string \| undefined>(() => {\n return isLabeledByFormItem.value ? formItem?.labelId : undefined\n})\n\nconst btnKls = computed(() => {\n return [\n ns.b('picker'),\n ns.is('disabled', colorDisabled.value),\n ns.bm('picker', colorSize.value),\n ns.is('focused', isFocused.value),\n ]\n})\n\nfunction displayedRgb(color: Color, showAlpha: boolean) {\n const { r, g, b, a } = color.toRgb()\n return showAlpha ? `rgba(${r}, ${g}, ${b}, ${a})` : `rgb(${r}, ${g}, ${b})`\n}\n\nfunction setShowPicker(value: boolean) {\n showPicker.value = value\n}\n\nconst debounceSetShowPicker = debounce(setShowPicker, 100, { leading: true })\nfunction show() {\n if (colorDisabled.value) return\n setShowPicker(true)\n}\n\nfunction hide() {\n debounceSetShowPicker(false)\n resetColor()\n}\n\nfunction resetColor() {\n nextTick(() => {\n if (props.modelValue) {\n color.fromString(props.modelValue)\n } else {\n color.value = ''\n nextTick(() => {\n showPanelColor.value = false\n })\n }\n })\n}\n\nfunction handleTrigger() {\n if (colorDisabled.value) return\n if (showPicker.value) {\n resetColor()\n }\n debounceSetShowPicker(!showPicker.value)\n}\n\nfunction confirmValue() {\n const value = isEmptyValue(color.value) ? valueOnClear.value : color.value\n emit(UPDATE_MODEL_EVENT, value)\n emit(CHANGE_EVENT, value)\n if (props.validateEvent) {\n formItem?.validate('change').catch(NOOP)\n }\n debounceSetShowPicker(false)\n // check if modelValue change, if not change, then reset color.\n nextTick(() => {\n const newColor = new Color({\n enableAlpha: props.showAlpha,\n format: props.colorFormat \|\| '',\n value: props.modelValue,\n })\n if (!color.compare(newColor)) {\n resetColor()\n }\n })\n}\n\nfunction clear() {\n debounceSetShowPicker(false)\n emit(UPDATE_MODEL_EVENT, valueOnClear.value)\n emit(CHANGE_EVENT, valueOnClear.value)\n if (props.modelValue !== valueOnClear.value && props.validateEvent) {\n formItem?.validate('change').catch(NOOP)\n }\n resetColor()\n emit('clear')\n}\n\nfunction handleShowTooltip() {\n pickerPanelRef?.value?.inputRef?.focus()\n}\n\nfunction handleClickOutside() {\n if (!showPicker.value) return\n hide()\n isFocused.value && focus()\n}\n\nfunction handleEsc(event: KeyboardEvent) {\n event.preventDefault()\n event.stopPropagation()\n setShowPicker(false)\n resetColor()\n}\n\nfunction handleKeyDown(event: KeyboardEvent) {\n const code = getEventCode(event)\n\n switch (code) {\n case EVENT_CODE.enter:\n case EVENT_CODE.numpadEnter:\n case EVENT_CODE.space:\n event.preventDefault()\n event.stopPropagation()\n show()\n break\n case EVENT_CODE.esc:\n handleEsc(event)\n break\n }\n}\n\nfunction focus() {\n triggerRef.value.focus()\n}\n\nfunction blur() {\n triggerRef.value.blur()\n}\n\nwatch(\n () => currentColor.value,\n (val) => {\n shouldActiveChange && emit('activeChange', val)\n shouldActiveChange = true\n }\n)\n\nwatch(\n () => color.value,\n () => {\n if (!props.modelValue && !showPanelColor.value) {\n showPanelColor.value = true\n }\n }\n)\n\nwatch(\n () => props.modelValue,\n (newVal) => {\n if (!newVal) {\n showPanelColor.value = false\n } else if (newVal && newVal !== color.value) {\n shouldActiveChange = false\n color.fromString(newVal)\n }\n }\n)\n\nwatch(\n () => showPicker.value,\n () => {\n pickerPanelRef.value && nextTick(pickerPanelRef.value.update)\n }\n)\n\nprovide(ROOT_COMMON_COLOR_INJECTION_KEY, commonColor)\n\ndefineExpose({\n /*\n @description current color object\n /\n color,\n /\n @description manually show ColorPicker\n /\n show,\n /\n @description manually hide ColorPicker\n /\n hide,\n /\n @description focus the input element\n /\n focus,\n /\n @description blur the input element\n */\n blur,\n})\n</script>\n"],"mappings":"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"}

package/lib/components/color-picker-panel/src/color-picker-panel.vue.d.ts CHANGED Viewed

@@ -27,9 +27,9 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerPanelProps, {
 }, string, _$vue.PublicProps, Readonly<ColorPickerPanelProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
 }>, {
+  border: boolean;
   modelValue: string | null;
   validateEvent: boolean;
-  border: boolean;
   showAlpha: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/config-provider/src/config-provider-props.d.ts CHANGED Viewed

@@ -22,7 +22,7 @@ declare const configProviderProps: {
     __epPropKey: true;
   };
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/config-provider/src/config-provider.d.ts CHANGED Viewed

@@ -22,7 +22,7 @@ declare const ConfigProvider: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -85,7 +85,7 @@ declare const ConfigProvider: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/config-provider/src/hooks/use-global-config.d.ts CHANGED Viewed

@@ -32,7 +32,7 @@ declare function useGlobalComponentSettings(block: string, sizeFallback?: MaybeR
     currentZIndex: _$vue.ComputedRef<number>;
     nextZIndex: () => number;
   };
-  size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  size: _$vue.ComputedRef<"default" | "" | "large" | "small">;
 };
 declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: App, global?: boolean) => _$vue.ComputedRef<Partial<ConfigProviderProps>> | undefined;
 //#endregion

package/lib/components/countdown/src/countdown.vue.d.ts CHANGED Viewed

@@ -17,8 +17,8 @@ declare const __VLS_base: _$vue.DefineComponent<CountdownProps, {
   onChange?: ((value: number) => any) | undefined;
   onFinish?: (() => any) | undefined;
 }>, {
-  value: number | _$dayjs.Dayjs;
   format: string;
+  value: number | _$dayjs.Dayjs;
   valueStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/countdown/src/countdown.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -1,8 +1,8 @@
 require("../../../_virtual/_rolldown/runtime.js");
 const require_event = require("../../../constants/event.js");
 const require_raf = require("../../../utils/raf.js");
-const require_index = require("../../statistic/index.js");
 const require_countdown = require("./countdown.js");
+const require_index = require("../../statistic/index.js");
 const require_utils = require("./utils.js");
 let vue = require("vue");
 //#region ../../packages/components/countdown/src/countdown.vue?vue&type=script&setup=true&lang.ts

package/lib/components/date-picker/src/date-picker.d.ts CHANGED Viewed

@@ -33,7 +33,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -179,7 +179,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -232,7 +232,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -378,7 +378,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -408,19 +408,20 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
-  readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
+  readonly arrowControl: boolean;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
+  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly placeholder: string;
+  readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
   readonly readonly: boolean;
   readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   readonly prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   readonly tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
-  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly popperStyle: _$vue.StyleValue;
   readonly fallbackPlacements: Placement[];
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
+  readonly placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   readonly popperOptions: Partial<Options>;
   readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -431,7 +432,6 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly showConfirm: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showWeekNumber: boolean;
-  readonly arrowControl: boolean;
   readonly unlinkPanels: boolean;
   readonly singlePanel: boolean;
   readonly isRange: boolean;

package/lib/components/date-picker/src/props.d.ts CHANGED Viewed

@@ -33,7 +33,7 @@ declare const datePickerProps: {
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -179,7 +179,7 @@ declare const datePickerProps: {
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;