element-pe 2.2.86 → 2.2.87

package/es/components/page-header/src/page-header2.mjs

@@ -1,22 +1,108 @@
-import '../../../utils/index.mjs';
-import { Back } from '@element-plus/icons-vue';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, createBlock, withCtx, resolveDynamicComponent, createTextVNode, toDisplayString, createVNode } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { ElDivider } from '../../divider/index.mjs';
+import '../../../hooks/index.mjs';
+import { pageHeaderProps, pageHeaderEmits } from './page-header.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const pageHeaderProps = buildProps({
-  icon: {
-    type: iconPropType,
-    default: () => Back
-  },
-  title: String,
-  content: {
-    type: String,
-    default: ""
+const _hoisted_1 = ["aria-label"];
+const __default__ = defineComponent({
+  name: "ElPageHeader"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: pageHeaderProps,
+  emits: pageHeaderEmits,
+  setup(__props, { emit }) {
+    const slots = useSlots();
+    const { t } = useLocale();
+    const ns = useNamespace("page-header");
+    const kls = computed(() => {
+      return [
+        ns.b(),
+        {
+          [ns.m("has-breadcrumb")]: !!slots.breadcrumb,
+          [ns.m("has-extra")]: !!slots.extra,
+          [ns.is("contentful")]: !!slots.default
+        }
+      ];
+    });
+    function handleClick() {
+      emit("back");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(kls))
+      }, [
+        _ctx.$slots.breadcrumb ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("breadcrumb"))
+        }, [
+          renderSlot(_ctx.$slots, "breadcrumb")
+        ], 2)) : createCommentVNode("v-if", true),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("header"))
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).e("left"))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("back")),
+              role: "button",
+              tabindex: "0",
+              onClick: handleClick
+            }, [
+              _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                "aria-label": _ctx.title || unref(t)("el.pageHeader.title"),
+                class: normalizeClass(unref(ns).e("icon"))
+              }, [
+                renderSlot(_ctx.$slots, "icon", {}, () => [
+                  _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("v-if", true)
+                ])
+              ], 10, _hoisted_1)) : createCommentVNode("v-if", true),
+              createElementVNode("div", {
+                class: normalizeClass(unref(ns).e("title"))
+              }, [
+                renderSlot(_ctx.$slots, "title", {}, () => [
+                  createTextVNode(toDisplayString(_ctx.title || unref(t)("el.pageHeader.title")), 1)
+                ])
+              ], 2)
+            ], 2),
+            createVNode(unref(ElDivider), { direction: "vertical" }),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("content"))
+            }, [
+              renderSlot(_ctx.$slots, "content", {}, () => [
+                createTextVNode(toDisplayString(_ctx.content), 1)
+              ])
+            ], 2)
+          ], 2),
+          _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ns).e("extra"))
+          }, [
+            renderSlot(_ctx.$slots, "extra")
+          ], 2)) : createCommentVNode("v-if", true)
+        ], 2),
+        _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(unref(ns).e("main"))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)) : createCommentVNode("v-if", true)
+      ], 2);
+    };
   }
 });
-const pageHeaderEmits = {
-  back: () => true
-};
+var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\page-header\\src\\page-header.vue"]]);
 
-export { pageHeaderEmits, pageHeaderProps };
+export { PageHeader as default };
 //# sourceMappingURL=page-header2.mjs.map

package/es/components/page-header/src/page-header2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"page-header2.mjs","sources":["../../../../../../packages/components/page-header/src/page-header.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport { Back } from '@element-plus/icons-vue'\nimport type { ExtractPropTypes } from 'vue'\nimport type PageHeader from './page-header.vue'\n\nexport const pageHeaderProps = buildProps({\n  /**\n   * @description icon component of page header\n   */\n  icon: {\n    type: iconPropType,\n    default: () => Back,\n  },\n  /**\n   * @description main title of page header\n   */\n  title: String,\n  /**\n   * @description content of page header\n   */\n  content: {\n    type: String,\n    default: '',\n  },\n} as const)\nexport type PageHeaderProps = ExtractPropTypes<typeof pageHeaderProps>\n\nexport const pageHeaderEmits = {\n  back: () => true,\n}\nexport type PageHeaderEmits = typeof pageHeaderEmits\n\nexport type PageHeaderInstance = InstanceType<typeof PageHeader>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,MAAM,IAAI;AACvB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB;;;;"}
+{"version":3,"file":"page-header2.mjs","sources":["../../../../../../packages/components/page-header/src/page-header.vue"],"sourcesContent":["<template>\n  <div :class=\"kls\">\n    <div v-if=\"$slots.breadcrumb\" :class=\"ns.e('breadcrumb')\">\n      <slot name=\"breadcrumb\" />\n    </div>\n    <div :class=\"ns.e('header')\">\n      <div :class=\"ns.e('left')\">\n        <div\n          :class=\"ns.e('back')\"\n          role=\"button\"\n          tabindex=\"0\"\n          @click=\"handleClick\"\n        >\n          <div\n            v-if=\"icon || $slots.icon\"\n            :aria-label=\"title || t('el.pageHeader.title')\"\n            :class=\"ns.e('icon')\"\n          >\n            <slot name=\"icon\">\n              <el-icon v-if=\"icon\">\n                <component :is=\"icon\" />\n              </el-icon>\n            </slot>\n          </div>\n          <div :class=\"ns.e('title')\">\n            <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n          </div>\n        </div>\n        <el-divider direction=\"vertical\" />\n        <div :class=\"ns.e('content')\">\n          <slot name=\"content\">{{ content }}</slot>\n        </div>\n      </div>\n\n      <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n        <slot name=\"extra\" />\n      </div>\n    </div>\n\n    <div v-if=\"$slots.default\" :class=\"ns.e('main')\">\n      <slot />\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ElDivider } from '@element-plus/components/divider'\n\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\ndefineOptions({\n  name: 'ElPageHeader',\n})\n\ndefineProps(pageHeaderProps)\nconst emit = defineEmits(pageHeaderEmits)\nconst slots = useSlots()\n\nconst { t } = useLocale()\nconst ns = useNamespace('page-header')\nconst kls = computed(() => {\n  return [\n    ns.b(),\n    {\n      [ns.m('has-breadcrumb')]: !!slots.breadcrumb,\n      [ns.m('has-extra')]: !!slots.extra,\n      [ns.is('contentful')]: !!slots.default,\n    },\n  ]\n})\n\nfunction handleClick() {\n  emit('back')\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCAoDc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,aAAa,CAAA,CAAA;AACrC,IAAM,MAAA,GAAA,GAAM,SAAS,MAAM;AACzB,MAAO,OAAA;AAAA,QACL,GAAG,CAAE,EAAA;AAAA,QACL;AAAA,UACE,CAAC,EAAG,CAAA,CAAA,CAAE,gBAAgB,CAAI,GAAA,CAAC,CAAC,KAAM,CAAA,UAAA;AAAA,UAClC,CAAC,EAAG,CAAA,CAAA,CAAE,WAAW,CAAI,GAAA,CAAC,CAAC,KAAM,CAAA,KAAA;AAAA,UAC7B,CAAC,EAAG,CAAA,EAAA,CAAG,YAAY,CAAI,GAAA,CAAC,CAAC,KAAM,CAAA,OAAA;AAAA,SACjC;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAuB,SAAA,WAAA,GAAA;AACrB,MAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,KACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/pagination/src/components/jumper.mjs

@@ -1,65 +1,14 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode } from 'vue';
-import '../../../../hooks/index.mjs';
-import { ElInput } from '../../../input/index.mjs';
-import { usePagination } from '../usePagination.mjs';
-import { paginationJumperProps } from './jumper2.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../../hooks/use-locale/index.mjs';
-import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
+import '../../../../utils/index.mjs';
+import '../../../../constants/index.mjs';
+import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
+import { componentSizes } from '../../../../constants/size.mjs';
 
-const _hoisted_1 = ["disabled"];
-const __default__ = defineComponent({
-  name: "ElPaginationJumper"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: paginationJumperProps,
-  setup(__props) {
-    const { t } = useLocale();
-    const ns = useNamespace("pagination");
-    const { pageCount, disabled, currentPage, changeEvent } = usePagination();
-    const userInput = ref();
-    const innerValue = computed(() => {
-      var _a;
-      return (_a = userInput.value) != null ? _a : currentPage == null ? void 0 : currentPage.value;
-    });
-    function handleInput(val) {
-      userInput.value = val ? +val : "";
-    }
-    function handleChange(val) {
-      val = Math.trunc(+val);
-      changeEvent == null ? void 0 : changeEvent(val);
-      userInput.value = void 0;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(unref(ns).e("jump")),
-        disabled: unref(disabled)
-      }, [
-        createElementVNode("span", {
-          class: normalizeClass([unref(ns).e("goto")])
-        }, toDisplayString(unref(t)("el.pagination.goto")), 3),
-        createVNode(unref(ElInput), {
-          size: _ctx.size,
-          class: normalizeClass([unref(ns).e("editor"), unref(ns).is("in-pagination")]),
-          min: 1,
-          max: unref(pageCount),
-          disabled: unref(disabled),
-          "model-value": unref(innerValue),
-          "validate-event": false,
-          label: unref(t)("el.pagination.page"),
-          type: "number",
-          "onUpdate:modelValue": handleInput,
-          onChange: handleChange
-        }, null, 8, ["size", "class", "max", "disabled", "model-value", "label"]),
-        createElementVNode("span", {
-          class: normalizeClass([unref(ns).e("classifier")])
-        }, toDisplayString(unref(t)("el.pagination.pageClassifier")), 3)
-      ], 10, _hoisted_1);
-    };
+const paginationJumperProps = buildProps({
+  size: {
+    type: String,
+    values: componentSizes
   }
 });
-var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\pagination\\src\\components\\jumper.vue"]]);
 
-export { Jumper as default };
+export { paginationJumperProps };
 //# sourceMappingURL=jumper.mjs.map

package/es/components/pagination/src/components/jumper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"jumper.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('jump')\" :disabled=\"disabled\">\n    <span :class=\"[ns.e('goto')]\">{{ t('el.pagination.goto') }}</span>\n    <el-input\n      :size=\"size\"\n      :class=\"[ns.e('editor'), ns.is('in-pagination')]\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      :validate-event=\"false\"\n      :label=\"t('el.pagination.page')\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    <span :class=\"[ns.e('classifier')]\">{{\n      t('el.pagination.pageClassifier')\n    }}</span>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\nimport { paginationJumperProps } from './jumper'\n\ndefineOptions({\n  name: 'ElPaginationJumper',\n})\n\ndefineProps(paginationJumperProps)\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { pageCount, disabled, currentPage, changeEvent } = usePagination()\nconst userInput = ref<number | string>()\nconst innerValue = computed(() => userInput.value ?? currentPage?.value)\n\nfunction handleInput(val: number | string) {\n  userInput.value = val ? +val : ''\n}\n\nfunction handleChange(val: number | string) {\n  val = Math.trunc(+val)\n  changeEvent?.(val)\n  userInput.value = undefined\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCA6Bc,CAAA;AAAA,EACZ,IAAM,EAAA,oBAAA;AACR,CAAA,CAAA,CAAA;;;;;AAGA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,WAAA,EAAa,gBAAgB,aAAc,EAAA,CAAA;AACxE,IAAA,MAAM,YAAY,GAAqB,EAAA,CAAA;AACvC,IAAA,MAAM,aAAa,QAAS,CAAA,MAAM;AAElC,MAAA,IAAA,EAAA,CAAA;AACE,MAAU,OAAA,CAAA,EAAA,GAAA,SAAc,CAAA,KAAO,KAAA,IAAA,GAAA,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AAEA,IAAA,SAAA,WAAA,CAAA,GAA4C,EAAA;AAC1C,MAAM,SAAA,CAAA,KAAW,GAAC,GAAG,GAAA,CAAA,GAAA,GAAA,EAAA,CAAA;AACrB,KAAA;AACA,IAAA,SAAA,YAAkB,CAAA,GAAA,EAAA;AAAA,MACpB,GAAA,GAAA,IAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"jumper.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Jumper from './jumper.vue'\n\nexport const paginationJumperProps = buildProps({\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n} as const)\n\nexport type PaginationJumperProps = ExtractPropTypes<\n  typeof paginationJumperProps\n>\n\nexport type PaginationJumperInstance = InstanceType<typeof Jumper>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,GAAG;AACH,CAAC;;;;"}

package/es/components/pagination/src/components/jumper.vue.d.ts

@@ -192,17 +192,17 @@ declare const _default: import("vue").DefineComponent<{
             onChange?: ((value: string) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
-            onBlur?: ((evt: FocusEvent) => any) | undefined;
             onFocus?: ((evt: FocusEvent) => any) | undefined;
+            onBlur?: ((evt: FocusEvent) => any) | undefined;
             onClear?: (() => any) | undefined;
-            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
-            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         }>>;
-        emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "clear") => void);
+        emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
         table: import("../../../table/src/table/defaults").Table<any> | undefined;
         rawAttrs: {
             [x: string]: unknown;
@@ -271,7 +271,7 @@ declare const _default: import("vue").DefineComponent<{
         handleFocus: (event: FocusEvent) => void;
         handleBlur: (event: FocusEvent) => void;
         needStatusIcon: import("vue").ComputedRef<boolean>;
-        validateState: import("vue").ComputedRef<"" | "error" | "success" | "validating">;
+        validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
         validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
         passwordIcon: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
         containerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
@@ -461,15 +461,15 @@ declare const _default: import("vue").DefineComponent<{
         onChange?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
-        onBlur?: ((evt: FocusEvent) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
         onClear?: (() => any) | undefined;
-        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
-        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
-        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     }, {
         readonly type: string;
         readonly modelValue: import("../../../../utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;

package/es/components/pagination/src/components/jumper2.mjs

@@ -1,14 +1,65 @@
-import '../../../../utils/index.mjs';
-import '../../../../constants/index.mjs';
-import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
-import { componentSizes } from '../../../../constants/size.mjs';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode } from 'vue';
+import '../../../../hooks/index.mjs';
+import { ElInput } from '../../../input/index.mjs';
+import { usePagination } from '../usePagination.mjs';
+import { paginationJumperProps } from './jumper.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
 
-const paginationJumperProps = buildProps({
-  size: {
-    type: String,
-    values: componentSizes
+const _hoisted_1 = ["disabled"];
+const __default__ = defineComponent({
+  name: "ElPaginationJumper"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: paginationJumperProps,
+  setup(__props) {
+    const { t } = useLocale();
+    const ns = useNamespace("pagination");
+    const { pageCount, disabled, currentPage, changeEvent } = usePagination();
+    const userInput = ref();
+    const innerValue = computed(() => {
+      var _a;
+      return (_a = userInput.value) != null ? _a : currentPage == null ? void 0 : currentPage.value;
+    });
+    function handleInput(val) {
+      userInput.value = val ? +val : "";
+    }
+    function handleChange(val) {
+      val = Math.trunc(+val);
+      changeEvent == null ? void 0 : changeEvent(val);
+      userInput.value = void 0;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(unref(ns).e("jump")),
+        disabled: unref(disabled)
+      }, [
+        createElementVNode("span", {
+          class: normalizeClass([unref(ns).e("goto")])
+        }, toDisplayString(unref(t)("el.pagination.goto")), 3),
+        createVNode(unref(ElInput), {
+          size: _ctx.size,
+          class: normalizeClass([unref(ns).e("editor"), unref(ns).is("in-pagination")]),
+          min: 1,
+          max: unref(pageCount),
+          disabled: unref(disabled),
+          "model-value": unref(innerValue),
+          "validate-event": false,
+          label: unref(t)("el.pagination.page"),
+          type: "number",
+          "onUpdate:modelValue": handleInput,
+          onChange: handleChange
+        }, null, 8, ["size", "class", "max", "disabled", "model-value", "label"]),
+        createElementVNode("span", {
+          class: normalizeClass([unref(ns).e("classifier")])
+        }, toDisplayString(unref(t)("el.pagination.pageClassifier")), 3)
+      ], 10, _hoisted_1);
+    };
   }
 });
+var Jumper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\pagination\\src\\components\\jumper.vue"]]);
 
-export { paginationJumperProps };
+export { Jumper as default };
 //# sourceMappingURL=jumper2.mjs.map

package/es/components/pagination/src/components/jumper2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"jumper2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Jumper from './jumper.vue'\n\nexport const paginationJumperProps = buildProps({\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n} as const)\n\nexport type PaginationJumperProps = ExtractPropTypes<\n  typeof paginationJumperProps\n>\n\nexport type PaginationJumperInstance = InstanceType<typeof Jumper>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"jumper2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('jump')\" :disabled=\"disabled\">\n    <span :class=\"[ns.e('goto')]\">{{ t('el.pagination.goto') }}</span>\n    <el-input\n      :size=\"size\"\n      :class=\"[ns.e('editor'), ns.is('in-pagination')]\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      :validate-event=\"false\"\n      :label=\"t('el.pagination.page')\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    <span :class=\"[ns.e('classifier')]\">{{\n      t('el.pagination.pageClassifier')\n    }}</span>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\nimport { paginationJumperProps } from './jumper'\n\ndefineOptions({\n  name: 'ElPaginationJumper',\n})\n\ndefineProps(paginationJumperProps)\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { pageCount, disabled, currentPage, changeEvent } = usePagination()\nconst userInput = ref<number | string>()\nconst innerValue = computed(() => userInput.value ?? currentPage?.value)\n\nfunction handleInput(val: number | string) {\n  userInput.value = val ? +val : ''\n}\n\nfunction handleChange(val: number | string) {\n  val = Math.trunc(+val)\n  changeEvent?.(val)\n  userInput.value = undefined\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCA6Bc,CAAA;AAAA,EACZ,IAAM,EAAA,oBAAA;AACR,CAAA,CAAA,CAAA;;;;;AAGA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,WAAA,EAAa,gBAAgB,aAAc,EAAA,CAAA;AACxE,IAAA,MAAM,YAAY,GAAqB,EAAA,CAAA;AACvC,IAAA,MAAM,aAAa,QAAS,CAAA,MAAM;AAElC,MAAA,IAAA,EAAA,CAAA;AACE,MAAU,OAAA,CAAA,EAAA,GAAA,SAAc,CAAA,KAAO,KAAA,IAAA,GAAA,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AAEA,IAAA,SAAA,WAAA,CAAA,GAA4C,EAAA;AAC1C,MAAM,SAAA,CAAA,KAAW,GAAC,GAAG,GAAA,CAAA,GAAA,GAAA,EAAA,CAAA;AACrB,KAAA;AACA,IAAA,SAAA,YAAkB,CAAA,GAAA,EAAA;AAAA,MACpB,GAAA,GAAA,IAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/pagination/src/components/pager.mjs

@@ -1,222 +1,21 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, withKeys, createCommentVNode, createBlock, Fragment, renderList, toDisplayString } from 'vue';
-import '../../../config-provider/index.mjs';
-import { DArrowLeft, MoreFilled, DArrowRight } from '@element-plus/icons-vue';
-import '../../../../hooks/index.mjs';
-import { paginationPagerProps } from './pager2.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
-import { useLocale } from '../../../../hooks/use-locale/index.mjs';
-import { watchEffect } from '../../../config-provider/src/for-editor.mjs';
+import '../../../../utils/index.mjs';
+import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = ["onKeyup"];
-const _hoisted_2 = ["aria-current", "aria-label", "tabindex"];
-const _hoisted_3 = ["tabindex", "aria-label"];
-const _hoisted_4 = ["aria-current", "aria-label", "tabindex"];
-const _hoisted_5 = ["tabindex", "aria-label"];
-const _hoisted_6 = ["aria-current", "aria-label", "tabindex"];
-const __default__ = defineComponent({
-  name: "ElPaginationPager"
+const paginationPagerProps = buildProps({
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  pageCount: {
+    type: Number,
+    required: true
+  },
+  pagerCount: {
+    type: Number,
+    default: 7
+  },
+  disabled: Boolean
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: paginationPagerProps,
-  emits: ["change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const nsPager = useNamespace("pager");
-    const nsIcon = useNamespace("icon");
-    const { t } = useLocale();
-    const showPrevMore = ref(false);
-    const showNextMore = ref(false);
-    const quickPrevHover = ref(false);
-    const quickNextHover = ref(false);
-    const quickPrevFocus = ref(false);
-    const quickNextFocus = ref(false);
-    const pagers = computed(() => {
-      const pagerCount = props.pagerCount;
-      const halfPagerCount = (pagerCount - 1) / 2;
-      const currentPage = Number(props.currentPage);
-      const pageCount = Number(props.pageCount);
-      let showPrevMore2 = false;
-      let showNextMore2 = false;
-      if (pageCount > pagerCount) {
-        if (currentPage > pagerCount - halfPagerCount) {
-          showPrevMore2 = true;
-        }
-        if (currentPage < pageCount - halfPagerCount) {
-          showNextMore2 = true;
-        }
-      }
-      const array = [];
-      if (showPrevMore2 && !showNextMore2) {
-        const startPage = pageCount - (pagerCount - 2);
-        for (let i = startPage; i < pageCount; i++) {
-          array.push(i);
-        }
-      } else if (!showPrevMore2 && showNextMore2) {
-        for (let i = 2; i < pagerCount; i++) {
-          array.push(i);
-        }
-      } else if (showPrevMore2 && showNextMore2) {
-        const offset = Math.floor(pagerCount / 2) - 1;
-        for (let i = currentPage - offset; i <= currentPage + offset; i++) {
-          array.push(i);
-        }
-      } else {
-        for (let i = 2; i < pageCount; i++) {
-          array.push(i);
-        }
-      }
-      return array;
-    });
-    const prevMoreKls = computed(() => [
-      "more",
-      "btn-quickprev",
-      nsIcon.b(),
-      nsPager.is("disabled", props.disabled)
-    ]);
-    const nextMoreKls = computed(() => [
-      "more",
-      "btn-quicknext",
-      nsIcon.b(),
-      nsPager.is("disabled", props.disabled)
-    ]);
-    const tabindex = computed(() => props.disabled ? -1 : 0);
-    watchEffect(() => {
-      const halfPagerCount = (props.pagerCount - 1) / 2;
-      showPrevMore.value = false;
-      showNextMore.value = false;
-      if (props.pageCount > props.pagerCount) {
-        if (props.currentPage > props.pagerCount - halfPagerCount) {
-          showPrevMore.value = true;
-        }
-        if (props.currentPage < props.pageCount - halfPagerCount) {
-          showNextMore.value = true;
-        }
-      }
-    });
-    function onMouseEnter(forward = false) {
-      if (props.disabled)
-        return;
-      if (forward) {
-        quickPrevHover.value = true;
-      } else {
-        quickNextHover.value = true;
-      }
-    }
-    function onFocus(forward = false) {
-      if (forward) {
-        quickPrevFocus.value = true;
-      } else {
-        quickNextFocus.value = true;
-      }
-    }
-    function onEnter(e) {
-      const target = e.target;
-      if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("number")) {
-        const newPage = Number(target.textContent);
-        if (newPage !== props.currentPage) {
-          emit("change", newPage);
-        }
-      } else if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("more")) {
-        onPagerClick(e);
-      }
-    }
-    function onPagerClick(event) {
-      const target = event.target;
-      if (target.tagName.toLowerCase() === "ul" || props.disabled) {
-        return;
-      }
-      let newPage = Number(target.textContent);
-      const pageCount = props.pageCount;
-      const currentPage = props.currentPage;
-      const pagerCountOffset = props.pagerCount - 2;
-      if (target.className.includes("more")) {
-        if (target.className.includes("quickprev")) {
-          newPage = currentPage - pagerCountOffset;
-        } else if (target.className.includes("quicknext")) {
-          newPage = currentPage + pagerCountOffset;
-        }
-      }
-      if (!Number.isNaN(+newPage)) {
-        if (newPage < 1) {
-          newPage = 1;
-        }
-        if (newPage > pageCount) {
-          newPage = pageCount;
-        }
-      }
-      if (newPage !== currentPage) {
-        emit("change", newPage);
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("ul", {
-        class: normalizeClass(unref(nsPager).b()),
-        onClick: onPagerClick,
-        onKeyup: withKeys(onEnter, ["enter"])
-      }, [
-        _ctx.pageCount > 0 ? (openBlock(), createElementBlock("li", {
-          key: 0,
-          class: normalizeClass([[
-            unref(nsPager).is("active", _ctx.currentPage === 1),
-            unref(nsPager).is("disabled", _ctx.disabled)
-          ], "number"]),
-          "aria-current": _ctx.currentPage === 1,
-          "aria-label": unref(t)("el.pagination.currentPage", { pager: 1 }),
-          tabindex: unref(tabindex)
-        }, " 1 ", 10, _hoisted_2)) : createCommentVNode("v-if", true),
-        showPrevMore.value ? (openBlock(), createElementBlock("li", {
-          key: 1,
-          class: normalizeClass(unref(prevMoreKls)),
-          tabindex: unref(tabindex),
-          "aria-label": unref(t)("el.pagination.prevPages", { pager: _ctx.pagerCount - 2 }),
-          onMouseenter: _cache[0] || (_cache[0] = ($event) => onMouseEnter(true)),
-          onMouseleave: _cache[1] || (_cache[1] = ($event) => quickPrevHover.value = false),
-          onFocus: _cache[2] || (_cache[2] = ($event) => onFocus(true)),
-          onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
-        }, [
-          (quickPrevHover.value || quickPrevFocus.value) && !_ctx.disabled ? (openBlock(), createBlock(unref(DArrowLeft), { key: 0 })) : (openBlock(), createBlock(unref(MoreFilled), { key: 1 }))
-        ], 42, _hoisted_3)) : createCommentVNode("v-if", true),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pagers), (pager) => {
-          return openBlock(), createElementBlock("li", {
-            key: pager,
-            class: normalizeClass([[
-              unref(nsPager).is("active", _ctx.currentPage === pager),
-              unref(nsPager).is("disabled", _ctx.disabled)
-            ], "number"]),
-            "aria-current": _ctx.currentPage === pager,
-            "aria-label": unref(t)("el.pagination.currentPage", { pager }),
-            tabindex: unref(tabindex)
-          }, toDisplayString(pager), 11, _hoisted_4);
-        }), 128)),
-        showNextMore.value ? (openBlock(), createElementBlock("li", {
-          key: 2,
-          class: normalizeClass(unref(nextMoreKls)),
-          tabindex: unref(tabindex),
-          "aria-label": unref(t)("el.pagination.nextPages", { pager: _ctx.pagerCount - 2 }),
-          onMouseenter: _cache[4] || (_cache[4] = ($event) => onMouseEnter()),
-          onMouseleave: _cache[5] || (_cache[5] = ($event) => quickNextHover.value = false),
-          onFocus: _cache[6] || (_cache[6] = ($event) => onFocus()),
-          onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
-        }, [
-          (quickNextHover.value || quickNextFocus.value) && !_ctx.disabled ? (openBlock(), createBlock(unref(DArrowRight), { key: 0 })) : (openBlock(), createBlock(unref(MoreFilled), { key: 1 }))
-        ], 42, _hoisted_5)) : createCommentVNode("v-if", true),
-        _ctx.pageCount > 1 ? (openBlock(), createElementBlock("li", {
-          key: 3,
-          class: normalizeClass([[
-            unref(nsPager).is("active", _ctx.currentPage === _ctx.pageCount),
-            unref(nsPager).is("disabled", _ctx.disabled)
-          ], "number"]),
-          "aria-current": _ctx.currentPage === _ctx.pageCount,
-          "aria-label": unref(t)("el.pagination.currentPage", { pager: _ctx.pageCount }),
-          tabindex: unref(tabindex)
-        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6)) : createCommentVNode("v-if", true)
-      ], 42, _hoisted_1);
-    };
-  }
-});
-var Pager = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\pagination\\src\\components\\pager.vue"]]);
 
-export { Pager as default };
+export { paginationPagerProps };
 //# sourceMappingURL=pager.mjs.map