@wlydfe/pro-ui 0.2.5 → 0.2.6

package/index.mjs

@@ -1,4 +1,4 @@
-/*! @wlydfe/pro-ui v0.2.5 */
+/*! @wlydfe/pro-ui v0.2.6 */
 import { isRef, ref, watch, unref, computed, inject, shallowRef, defineComponent, watchEffect, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString, createElementBlock, createCommentVNode, Fragment, renderList, resolveDynamicComponent, h, reactive, useAttrs, normalizeProps, guardReactiveProps, withDirectives, normalizeClass, withKeys, withModifiers, isVNode, useSlots, onMounted, provide, toRefs, getCurrentInstance, resolveComponent } from 'vue';
 import { dayjs, version as version$2, localeContextKey, ElDialog, ElButton, ElPagination, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon, ElTooltip, ElLink, ElMessageBox, ElRadioGroup, ElRadio, ElDatePicker, ClickOutside, ElTag, ElInput, ElFormItem, ElAutocomplete, ElCascader, ElCheckbox, ElCheckboxGroup, ElColorPicker, ElInputNumber, ElRate, ElSelect, ElOption, ElSlider, ElSwitch, ElTimePicker, ElTimeSelect, ElText, ElRow, ElCol, ElForm, ElCard, ElMessage, ElImage, ElProgress, ElPopover, ElTable, vLoading, ElDescriptions, ElDescriptionsItem, ElDrawer, ElSteps, ElStep, ElBreadcrumb, ElBreadcrumbItem, ElMenuItem, ElSubMenu, ElMenu, ElScrollbar, ElHeader, ElContainer, ElMain, ElBacktop, ElAvatar } from 'element-plus';
 
@@ -5530,7 +5530,11 @@ var Form = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "index.vue"]]);
 const PlusForm = Form;
 
 const _hoisted_1$a = ["innerHTML"];
-const _hoisted_2$5 = { class: "plus-display-item" };
+const _hoisted_2$5 = {
+  key: 1,
+  class: "plus-display-item"
+};
+const _hoisted_3$3 = { class: "plus-display-item" };
 var _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{
     name: "PlusDisplayItem"
@@ -5553,9 +5557,26 @@ var _sfc_main$j = /* @__PURE__ */ defineComponent({
     const columns = ref([]);
     const subRow = ref(props.row);
     const customFieldPropsIsReady = ref(false);
+    const rawValue = computed(() => getValue(subRow.value, props.column.prop));
     const displayValue = computed({
       get() {
-        return getValue(subRow.value, props.column.prop);
+        var _a, _b;
+        const value = rawValue.value;
+        const isEmpty = value === "" || value === null || value === void 0;
+        if (isEmpty) {
+          switch (props.column.valueType) {
+            case "progress":
+              return 0;
+            default:
+              return ((_a = props.column.tableColumnProps) == null ? void 0 : _a.emptyText) || "-";
+          }
+        }
+        switch (props.column.valueType) {
+          case "date-picker":
+            return value ? formatDate(value) : ((_b = props.column.tableColumnProps) == null ? void 0 : _b.emptyText) || "-";
+          default:
+            return value;
+        }
       },
       set(value) {
         setValue(subRow.value, props.column.prop, value);
@@ -5834,7 +5855,7 @@ var _sfc_main$j = /* @__PURE__ */ defineComponent({
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : _ctx.column.valueType === "date-picker" && displayValue.value ? (openBlock(), createElementBlock(
+          )) : _ctx.column.valueType === "date-picker" ? (openBlock(), createElementBlock(
             Fragment,
             { key: 6 },
             [
@@ -5842,7 +5863,7 @@ var _sfc_main$j = /* @__PURE__ */ defineComponent({
               createElementVNode(
                 "span",
                 mergeProps({ class: "plus-display-item" }, customFieldProps.value),
-                toDisplayString(unref(formatDate)(displayValue.value)),
+                toDisplayString(displayValue.value),
                 17
                 /* TEXT, FULL_PROPS */
               )
@@ -5873,25 +5894,45 @@ var _sfc_main$j = /* @__PURE__ */ defineComponent({
                 "span",
                 mergeProps({ class: "plus-display-item plus-display-item__badge" }, customFieldProps.value),
                 [
-                  getStatus.value.color || getStatus.value.type ? (openBlock(), createElementBlock(
-                    "span",
-                    {
-                      key: 0,
-                      class: normalizeClass([
-                        "plus-display-item__badge__dot",
-                        getStatus.value.type && !getStatus.value.color ? "plus-display-item__badge__dot--" + getStatus.value.type : ""
-                      ]),
-                      style: normalizeStyle({ backgroundColor: getStatus.value.color })
-                    },
-                    null,
-                    6
-                    /* CLASS, STYLE */
-                  )) : createCommentVNode("v-if", true),
-                  createTextVNode(
-                    " " + toDisplayString(getStatus.value.label),
-                    1
-                    /* TEXT */
-                  )
+                  rawValue.value !== "" && rawValue.value !== null && rawValue.value !== void 0 ? (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 0 },
+                    [
+                      getStatus.value.color || getStatus.value.type ? (openBlock(), createElementBlock(
+                        "span",
+                        {
+                          key: 0,
+                          class: normalizeClass([
+                            "plus-display-item__badge__dot",
+                            getStatus.value.type && !getStatus.value.color ? "plus-display-item__badge__dot--" + getStatus.value.type : ""
+                          ]),
+                          style: normalizeStyle({ backgroundColor: getStatus.value.color })
+                        },
+                        null,
+                        6
+                        /* CLASS, STYLE */
+                      )) : createCommentVNode("v-if", true),
+                      createTextVNode(
+                        " " + toDisplayString(getStatus.value.label),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )) : (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 1 },
+                    [
+                      createTextVNode(
+                        toDisplayString(displayValue.value),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  ))
                 ],
                 16
                 /* FULL_PROPS */
@@ -5899,14 +5940,17 @@ var _sfc_main$j = /* @__PURE__ */ defineComponent({
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) : _ctx.column.valueType === "tag" && displayValue.value ? (openBlock(), createElementBlock(
+          )) : _ctx.column.valueType === "tag" ? (openBlock(), createElementBlock(
             Fragment,
             { key: 9 },
             [
               createCommentVNode(" \u6807\u7B7E "),
-              createVNode(
+              rawValue.value !== "" && rawValue.value !== null && rawValue.value !== void 0 ? (openBlock(), createBlock(
                 unref(ElTag),
-                mergeProps({ class: "plus-display-item" }, customFieldProps.value),
+                mergeProps({
+                  key: 0,
+                  class: "plus-display-item"
+                }, customFieldProps.value),
                 createSlots({
                   default: withCtx(() => [
                     createTextVNode(
@@ -5935,10 +5979,16 @@ var _sfc_main$j = /* @__PURE__ */ defineComponent({
                 ]),
                 1040
                 /* FULL_PROPS, DYNAMIC_SLOTS */
-              )
+              )) : (openBlock(), createElementBlock(
+                "span",
+                _hoisted_2$5,
+                toDisplayString(displayValue.value),
+                1
+                /* TEXT */
+              ))
             ],
-            2112
-            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+            64
+            /* STABLE_FRAGMENT */
           )) : _ctx.column.valueType === "progress" ? (openBlock(), createElementBlock(
             Fragment,
             { key: 10 },
@@ -5974,7 +6024,7 @@ var _sfc_main$j = /* @__PURE__ */ defineComponent({
             { key: 11 },
             [
               createCommentVNode(" \u590D\u5236 "),
-              createElementVNode("span", _hoisted_2$5, [
+              createElementVNode("span", _hoisted_3$3, [
                 createTextVNode(
                   toDisplayString(displayValue.value) + " ",
                   1
@@ -9563,7 +9613,8 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
       width: 40
     }) },
     expandTableColumnProps: { default: () => ({}) },
-    indexContentStyle: { type: [Object, Function], default: () => ({}) }
+    indexContentStyle: { type: [Object, Function], default: () => ({}) },
+    emptyText: {}
   },
   emits: ["paginationChange", "clickAction", "clickActionConfirmCancel", "dragSortEnd", "formChange", "refresh"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -10560,6 +10611,13 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     var _a;
     const props = __props;
+    const processedColumns = computed(() => {
+      return props.columns.map((column) => ({
+        hideInSearch: true,
+        // 默认为 true
+        ...column
+      }));
+    });
     const emit = __emit;
     const PlusSearch$1 = PlusSearch;
     const PlusTable$1 = PlusTable;
@@ -10638,7 +10696,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
             }, _ctx.search, {
               modelValue: values.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => values.value = $event),
-              columns: _ctx.columns,
+              columns: processedColumns.value,
               "search-loading": unref(loadingStatus),
               onSearch: handleSearch,
               onReset: handleRest
@@ -10667,7 +10725,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
             }, _ctx.table, {
               "table-data": unref(tableData),
               "loading-status": unref(loadingStatus),
-              columns: _ctx.columns,
+              columns: processedColumns.value,
               pagination: {
                 ..._ctx.pagination,
                 total: unref(total),

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

@@ -49,11 +49,11 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
     };
 }>, {
     props: any;
-    emit: (event: "focus" | "update:modelValue" | "change", ...args: any[]) => void;
+    emit: (event: "update:modelValue" | "change" | "focus", ...args: any[]) => void;
     t: import("../..").Translator;
     startPickerInstance: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         readonly type: {
-            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -264,7 +264,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
         readonly disabled: boolean;
-        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
+        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
         readonly placeholder: string;
         readonly modelValue: import("element-plus").ModelValueType;
         readonly placement: import("element-plus").Placement;
@@ -294,7 +294,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         readonly type: {
-            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -505,7 +505,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, () => JSX.Element, {}, {}, {}, {
         readonly disabled: boolean;
-        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
+        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
         readonly placeholder: string;
         readonly modelValue: import("element-plus").ModelValueType;
         readonly placement: import("element-plus").Placement;
@@ -528,7 +528,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         readonly isRange: boolean;
     }> | null | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         readonly type: {
-            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -739,7 +739,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
         readonly disabled: boolean;
-        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
+        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
         readonly placeholder: string;
         readonly modelValue: import("element-plus").ModelValueType;
         readonly placement: import("element-plus").Placement;
@@ -769,7 +769,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         readonly type: {
-            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -980,7 +980,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, () => JSX.Element, {}, {}, {}, {
         readonly disabled: boolean;
-        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
+        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
         readonly placeholder: string;
         readonly modelValue: import("element-plus").ModelValueType;
         readonly placement: import("element-plus").Placement;
@@ -1004,7 +1004,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
     }> | null | undefined>;
     endPickerInstance: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         readonly type: {
-            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -1215,7 +1215,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
         readonly disabled: boolean;
-        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
+        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
         readonly placeholder: string;
         readonly modelValue: import("element-plus").ModelValueType;
         readonly placement: import("element-plus").Placement;
@@ -1245,7 +1245,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         readonly type: {
-            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -1456,7 +1456,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, () => JSX.Element, {}, {}, {}, {
         readonly disabled: boolean;
-        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
+        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
         readonly placeholder: string;
         readonly modelValue: import("element-plus").ModelValueType;
         readonly placement: import("element-plus").Placement;
@@ -1479,7 +1479,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         readonly isRange: boolean;
     }> | null | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         readonly type: {
-            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -1690,7 +1690,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
         readonly disabled: boolean;
-        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
+        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
         readonly placeholder: string;
         readonly modelValue: import("element-plus").ModelValueType;
         readonly placement: import("element-plus").Placement;
@@ -1720,7 +1720,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         readonly type: {
-            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -1931,7 +1931,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, () => JSX.Element, {}, {}, {}, {
         readonly disabled: boolean;
-        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
+        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
         readonly placeholder: string;
         readonly modelValue: import("element-plus").ModelValueType;
         readonly placement: import("element-plus").Placement;
@@ -1963,7 +1963,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
     readonly ElDatePicker: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             readonly type: {
-                readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+                readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -2174,7 +2174,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
             readonly disabled: boolean;
-            readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
+            readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
             readonly placeholder: string;
             readonly modelValue: import("element-plus").ModelValueType;
             readonly placement: import("element-plus").Placement;
@@ -2204,7 +2204,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
             readonly type: {
-                readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+                readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -2415,7 +2415,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }, () => JSX.Element, {}, {}, {}, {
             readonly disabled: boolean;
-            readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
+            readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
             readonly placeholder: string;
             readonly modelValue: import("element-plus").ModelValueType;
             readonly placement: import("element-plus").Placement;
@@ -2442,7 +2442,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         readonly type: {
-            readonly type: import("vue").PropType<"date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange">;
+            readonly type: import("vue").PropType<"datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange">;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -2653,7 +2653,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
         readonly disabled: boolean;
-        readonly type: "date" | "month" | "week" | "year" | "years" | "months" | "dates" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
+        readonly type: "datetimerange" | "daterange" | "monthrange" | "years" | "dates" | "datetime" | "date" | "year" | "month" | "months" | "week" | "yearrange";
         readonly placeholder: string;
         readonly modelValue: import("element-plus").ModelValueType;
         readonly placement: import("element-plus").Placement;
@@ -2676,7 +2676,7 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         readonly isRange: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
     readonly vClickOutside: import("vue").ObjectDirective<any, any, string, string>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "update:modelValue" | "change")[], "focus" | "update:modelValue" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "focus")[], "update:modelValue" | "change" | "focus", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: ArrayConstructor;
         required: false;
@@ -2723,9 +2723,9 @@ export declare const PlusDatePicker: import("vue").DefineComponent<import("vue")
         default: (endTime: any, startValue: any) => boolean;
     };
 }>> & Readonly<{
-    onFocus?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
 }>, {
     type: string;
     modelValue: unknown[];