yc-pro-components 0.0.80 → 0.0.82

package/index.mjs

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.80 */
+/*! yc-pro-components v0.0.82 */
 import { unref, isRef, ref, inject, isReactive, watch, computed, shallowRef, provide, onMounted, nextTick, onBeforeUnmount, defineComponent, useAttrs, watchEffect, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString, createElementBlock, normalizeClass, createCommentVNode, reactive, Fragment, renderList, resolveDynamicComponent, normalizeProps, guardReactiveProps, h, withDirectives, isVNode, withKeys, withModifiers, TransitionGroup, toHandlers, getCurrentInstance, resolveComponent, pushScopeId, popScopeId, toRefs, useSlots, onUnmounted, resolveDirective, onBeforeMount, getCurrentScope, onScopeDispose, toRef, mergeModels, useModel, vShow, createStaticVNode, hasInjectionContext, markRaw, effectScope, toRaw } from 'vue';
 import { dayjs, localeContextKey, ElDialog, ElButton, ElPagination, ElRadioGroup, ElRadio, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon, ElTooltip, ElPopconfirm, ElLink, ElMessageBox, useFormDisabled, ElDatePicker, ClickOutside, ElTag, ElInput, ElAutocomplete, ElCascader, ElCheckboxGroup, ElCheckbox, ElColorPicker, ElInputNumber, ElRate, ElSelect, ElOption, ElSlider, ElSwitch, ElTimePicker, ElTimeSelect, ElTransfer, ElTreeSelect, ElSelectV2, ElText, ElDivider, ElFormItem, ElOptionGroup, ElRow, ElCol, ElForm, ElCard, ElMessage, ElImage, ElProgress, ElAvatar, ElPopover, ElTable, vLoading, ElDescriptions, ElDescriptionsItem, ElDrawer, TableV2FixedDir, ElAutoResizer, ElTableV2, ElSteps, ElStep, ElBreadcrumb, ElBreadcrumbItem, ElMenuItem, ElSubMenu, ElMenu, ElScrollbar, ElHeader, ElContainer, ElMain, ElBacktop, ElUpload } from 'element-plus';
 
@@ -19394,9 +19394,38 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
       }
     });
     const { subPageInfo, size } = toRefs(state);
+    const getRowFormRefs = (rowIndex, prop) => {
+      const cells = (formRefs.value[rowIndex] || []).filter(Boolean);
+      if (prop) {
+        return cells.filter((item) => item.prop === prop);
+      }
+      return cells;
+    };
+    const waitForRowFormRefs = async (rowIndex, prop, retries = 8) => {
+      for (let i = 0; i < retries; i++) {
+        await nextTick();
+        const cells = getRowFormRefs(rowIndex, prop);
+        if (cells.length) {
+          return cells;
+        }
+      }
+      return [];
+    };
+    const startRowEdit = async (rowIndex, prop) => {
+      const cells = await waitForRowFormRefs(rowIndex, prop);
+      cells.forEach((item) => item.startCellEdit());
+      return cells.length > 0;
+    };
+    const stopRowEdit = async (rowIndex, prop) => {
+      const cells = await waitForRowFormRefs(rowIndex, prop);
+      cells.forEach((item) => item.stopCellEdit());
+      return cells.length > 0;
+    };
     __expose({
       formRefs,
-      tableInstance
+      tableInstance,
+      startRowEdit,
+      stopRowEdit
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
@@ -33135,11 +33164,28 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
       if (target.closest(`.${FILTER_INNER_DROPDOWN_CLASS}`)) return;
       popVisible.value = false;
     };
+    const onFilterEnter = (e) => {
+      if (!popVisible.value) return;
+      if (e.key !== "Enter") return;
+      if (e.isComposing || e.keyCode === 229) return;
+      e.preventDefault();
+      e.stopPropagation();
+      const outsideEventInit = {
+        bubbles: true,
+        cancelable: true,
+        composed: true,
+        view: window
+      };
+      document.body.dispatchEvent(new PointerEvent("pointerdown", outsideEventInit));
+      document.body.dispatchEvent(new MouseEvent("mousedown", outsideEventInit));
+    };
     onMounted(() => {
       window.addEventListener("pointerdown", onDocPointerDown, true);
+      window.addEventListener("keydown", onFilterEnter, true);
     });
     onBeforeUnmount(() => {
       window.removeEventListener("pointerdown", onDocPointerDown, true);
+      window.removeEventListener("keydown", onFilterEnter, true);
     });
     const handleSelect = (op) => {
       state.selectedOp = op.code;
@@ -33508,7 +33554,7 @@ var _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 
-var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-44e8a77a"], ["__file", "header-filter-cell.vue"]]);
+var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-bbf7b188"], ["__file", "header-filter-cell.vue"]]);
 
 const DEFAULT_PAGE_SIZE = 20;
 const COLUMN_CACHE_PREFIX = "yc-column-settings:";
@@ -64664,7 +64710,7 @@ function createDictStore(config) {
   });
 }
 
-const version = "0.0.80";
+const version = "0.0.82";
 
 const install = installer.install;
 

package/lib/components/check-card/index.d.ts

@@ -8,22 +8,22 @@ export declare const PlusCheckCard: {
             type: PropType<"" | "default" | "small" | "large">;
             default: string;
         };
-        modelValue: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
         title: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
         };
-        avatar: {
-            type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
-            default: undefined;
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
         };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
         };
+        avatar: {
+            type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
+            default: undefined;
+        };
         extra: {
             type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
             default: undefined;
@@ -37,8 +37,8 @@ export declare const PlusCheckCard: {
             default: () => {};
         };
     }>> & {
-        "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
         onChange?: ((checked: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
         onExtra?: (() => any) | undefined;
     }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         "update:modelValue": (checked: boolean) => void;
@@ -49,22 +49,22 @@ export declare const PlusCheckCard: {
             type: PropType<"" | "default" | "small" | "large">;
             default: string;
         };
-        modelValue: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
         title: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
         };
-        avatar: {
-            type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
-            default: undefined;
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
         };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
         };
+        avatar: {
+            type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
+            default: undefined;
+        };
         extra: {
             type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
             default: undefined;
@@ -78,15 +78,15 @@ export declare const PlusCheckCard: {
             default: () => {};
         };
     }>> & {
-        "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
         onChange?: ((checked: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
         onExtra?: (() => any) | undefined;
     }, {
         size: "" | "default" | "small" | "large";
-        modelValue: boolean;
         title: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
-        avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
+        modelValue: boolean;
         disabled: boolean;
+        avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
         extra: (data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
         description: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
         avatarProps: RecordType;
@@ -102,22 +102,22 @@ export declare const PlusCheckCard: {
             type: PropType<"" | "default" | "small" | "large">;
             default: string;
         };
-        modelValue: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
         title: {
             type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
             default: undefined;
         };
-        avatar: {
-            type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
-            default: undefined;
+        modelValue: {
+            type: PropType<boolean>;
+            default: boolean;
         };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
         };
+        avatar: {
+            type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
+            default: undefined;
+        };
         extra: {
             type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
             default: undefined;
@@ -131,15 +131,15 @@ export declare const PlusCheckCard: {
             default: () => {};
         };
     }>> & {
-        "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
         onChange?: ((checked: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
         onExtra?: (() => any) | undefined;
     }, {}, {}, {}, {}, {
         size: "" | "default" | "small" | "large";
-        modelValue: boolean;
         title: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
-        avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
+        modelValue: boolean;
         disabled: boolean;
+        avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
         extra: (data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
         description: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
         avatarProps: RecordType;
@@ -152,22 +152,22 @@ export declare const PlusCheckCard: {
         type: PropType<"" | "default" | "small" | "large">;
         default: string;
     };
-    modelValue: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
     title: {
         type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
         default: undefined;
     };
-    avatar: {
-        type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
-        default: undefined;
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
     };
     disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
+    avatar: {
+        type: PropType<string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes)>;
+        default: undefined;
+    };
     extra: {
         type: PropType<(data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes>;
         default: undefined;
@@ -181,8 +181,8 @@ export declare const PlusCheckCard: {
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
     onChange?: ((checked: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
     onExtra?: (() => any) | undefined;
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (checked: boolean) => void;
@@ -190,10 +190,10 @@ export declare const PlusCheckCard: {
     extra: () => void;
 }, string, {
     size: "" | "default" | "small" | "large";
-    modelValue: boolean;
     title: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
-    avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
+    modelValue: boolean;
     disabled: boolean;
+    avatar: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
     extra: (data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
     description: string | ((data: Pick< PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
     avatarProps: RecordType;

package/lib/components/check-card/src/index.vue.d.ts

@@ -43,15 +43,15 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     extra: undefined;
     disabled: boolean;
 }>>> & {
-    "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
     onChange?: ((checked: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
     onExtra?: (() => any) | undefined;
 }, {
     size: "" | "default" | "small" | "large";
-    modelValue: boolean;
     title: string | ((data: Pick<PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
-    avatar: string | ((data: Pick<PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
+    modelValue: boolean;
     disabled: boolean;
+    avatar: string | ((data: Pick<PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
     extra: (data: Pick<PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes;
     description: string | ((data: Pick<PlusCheckCardProps, "title" | "avatar" | "description">) => RenderTypes);
     avatarProps: RecordType;

package/lib/components/check-card-group/index.d.ts

@@ -28,8 +28,8 @@ export declare const PlusCheckCardGroup: {
             default: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
         onChange?: ((checked: ValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
         onExtra?: ((item: PlusCheckCardProps & {
             value: string | number;
         }) => any) | undefined;
@@ -63,8 +63,8 @@ export declare const PlusCheckCardGroup: {
             default: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
         onChange?: ((checked: ValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
         onExtra?: ((item: PlusCheckCardProps & {
             value: string | number;
         }) => any) | undefined;
@@ -107,8 +107,8 @@ export declare const PlusCheckCardGroup: {
             default: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
         onChange?: ((checked: ValueType) => any) | undefined;
+        "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
         onExtra?: ((item: PlusCheckCardProps & {
             value: string | number;
         }) => any) | undefined;
@@ -148,8 +148,8 @@ export declare const PlusCheckCardGroup: {
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
     onChange?: ((checked: ValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
     onExtra?: ((item: PlusCheckCardProps & {
         value: string | number;
     }) => any) | undefined;

package/lib/components/check-card-group/src/index.vue.d.ts

@@ -45,8 +45,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     disabled: boolean;
     multiple: boolean;
 }>>> & {
-    "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
     onChange?: ((checked: ValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((checked: ValueType) => any) | undefined;
     onExtra?: ((item: PlusCheckCardProps & {
         value: string | number;
     }) => any) | undefined;

package/lib/components/date-picker/index.d.ts

@@ -69,7 +69,7 @@ export declare const PlusDatePicker: DefineComponent<{
         readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
         readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly unlinkPanels: BooleanConstructor;
-        readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown, "bottom", boolean>;
+        readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown, "bottom", boolean>;
         readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | ((new (...args: any[]) => Placement[]) | (() => Placement[]))[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
         readonly disabledHours: {
             readonly type: PropType<GetDisabledHours>;
@@ -270,7 +270,7 @@ export declare const PlusDatePicker: DefineComponent<{
         readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
         readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly unlinkPanels: BooleanConstructor;
-        readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown, "bottom", boolean>;
+        readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown, "bottom", boolean>;
         readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | ((new (...args: any[]) => Placement[]) | (() => Placement[]))[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
         readonly disabledHours: {
             readonly type: PropType<GetDisabledHours>;
@@ -451,7 +451,7 @@ export declare const PlusDatePicker: DefineComponent<{
         readonly type: EpPropMergeType<(new (...args: any[]) => "datetimerange" | "daterange" | "monthrange" | "date" | "year" | "years" | "month" | "months" | "dates" | "week" | "datetime" | "yearrange") | (() => DatePickerType) | ((new (...args: any[]) => "datetimerange" | "daterange" | "monthrange" | "date" | "year" | "years" | "month" | "months" | "dates" | "week" | "datetime" | "yearrange") | (() => DatePickerType))[], unknown, unknown>;
         readonly placeholder: string;
         readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | ((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null))[], unknown, unknown>;
-        readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown>;
+        readonly placement: EpPropMergeType<(new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, 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))[], unknown, unknown>;
         readonly prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>;
         readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -503,7 +503,7 @@ export declare const PlusDatePicker: DefineComponent<{
         readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
         readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly unlinkPanels: BooleanConstructor;
-        readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown, "bottom", boolean>;
+        readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown, "bottom", boolean>;
         readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | ((new (...args: any[]) => Placement[]) | (() => Placement[]))[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
         readonly disabledHours: {
             readonly type: PropType<GetDisabledHours>;
@@ -684,7 +684,7 @@ export declare const PlusDatePicker: DefineComponent<{
         readonly type: EpPropMergeType<(new (...args: any[]) => "datetimerange" | "daterange" | "monthrange" | "date" | "year" | "years" | "month" | "months" | "dates" | "week" | "datetime" | "yearrange") | (() => DatePickerType) | ((new (...args: any[]) => "datetimerange" | "daterange" | "monthrange" | "date" | "year" | "years" | "month" | "months" | "dates" | "week" | "datetime" | "yearrange") | (() => DatePickerType))[], unknown, unknown>;
         readonly placeholder: string;
         readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | ((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null))[], unknown, unknown>;
-        readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown>;
+        readonly placement: EpPropMergeType<(new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, 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))[], unknown, unknown>;
         readonly prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>;
         readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -730,7 +730,7 @@ export declare const PlusDatePicker: DefineComponent<{
         readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
         readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly unlinkPanels: BooleanConstructor;
-        readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown, "bottom", boolean>;
+        readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown, "bottom", boolean>;
         readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | ((new (...args: any[]) => Placement[]) | (() => Placement[]))[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
         readonly disabledHours: {
             readonly type: PropType<GetDisabledHours>;
@@ -931,7 +931,7 @@ export declare const PlusDatePicker: DefineComponent<{
         readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
         readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly unlinkPanels: BooleanConstructor;
-        readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown, "bottom", boolean>;
+        readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown, "bottom", boolean>;
         readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | ((new (...args: any[]) => Placement[]) | (() => Placement[]))[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
         readonly disabledHours: {
             readonly type: PropType<GetDisabledHours>;
@@ -1112,7 +1112,7 @@ export declare const PlusDatePicker: DefineComponent<{
         readonly type: EpPropMergeType<(new (...args: any[]) => "datetimerange" | "daterange" | "monthrange" | "date" | "year" | "years" | "month" | "months" | "dates" | "week" | "datetime" | "yearrange") | (() => DatePickerType) | ((new (...args: any[]) => "datetimerange" | "daterange" | "monthrange" | "date" | "year" | "years" | "month" | "months" | "dates" | "week" | "datetime" | "yearrange") | (() => DatePickerType))[], unknown, unknown>;
         readonly placeholder: string;
         readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | ((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null))[], unknown, unknown>;
-        readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown>;
+        readonly placement: EpPropMergeType<(new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, 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))[], unknown, unknown>;
         readonly prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>;
         readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -1164,7 +1164,7 @@ export declare const PlusDatePicker: DefineComponent<{
         readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
         readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly unlinkPanels: BooleanConstructor;
-        readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown, "bottom", boolean>;
+        readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown, "bottom", boolean>;
         readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | ((new (...args: any[]) => Placement[]) | (() => Placement[]))[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
         readonly disabledHours: {
             readonly type: PropType<GetDisabledHours>;
@@ -1345,7 +1345,7 @@ export declare const PlusDatePicker: DefineComponent<{
         readonly type: EpPropMergeType<(new (...args: any[]) => "datetimerange" | "daterange" | "monthrange" | "date" | "year" | "years" | "month" | "months" | "dates" | "week" | "datetime" | "yearrange") | (() => DatePickerType) | ((new (...args: any[]) => "datetimerange" | "daterange" | "monthrange" | "date" | "year" | "years" | "month" | "months" | "dates" | "week" | "datetime" | "yearrange") | (() => DatePickerType))[], unknown, unknown>;
         readonly placeholder: string;
         readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | ((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null))[], unknown, unknown>;
-        readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, unknown>;
+        readonly placement: EpPropMergeType<(new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "auto" | "auto-start" | "auto-end" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], Placement, 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))[], unknown, unknown>;
         readonly prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) | ((new (...args: any[]) => (string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>) & {}) | (() => string | Component<any, any, any, ComputedOptions, MethodOptions, {}, any>))[], unknown, unknown>;
         readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -1407,9 +1407,9 @@ export declare const PlusDatePicker: DefineComponent<{
         default: (endTime: any, startValue: any) => boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
     onChange?: ((value: string[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }, {
     type: "date" | "year" | "month" | "dates" | "week" | "datetime";
     modelValue: string[];