@element-plus/nightly 0.0.20211230

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

@@ -0,0 +1 @@
+{"version":3,"file":"pager.vue_vue_type_template_id_0bfc9916_lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/pager.vue?vue&type=template&id=0bfc9916&lang.js"],"sourcesContent":["<template>\n  <ul class=\"el-pager\" @click=\"onPagerClick\" @keyup.enter=\"onEnter\">\n    <li\n      v-if=\"pageCount > 0\"\n      :class=\"{ active: currentPage === 1, disabled }\"\n      class=\"number\"\n      :aria-current=\"currentPage === 1\"\n      tabindex=\"0\"\n    >\n      1\n    </li>\n    <li\n      v-if=\"showPrevMore\"\n      class=\"el-icon more btn-quickprev\"\n      :class=\"{ disabled }\"\n      @mouseenter=\"onMouseenter('left')\"\n      @mouseleave=\"quickPrevHover = false\"\n    >\n      <d-arrow-left v-if=\"quickPrevHover\" />\n      <more-filled v-else />\n    </li>\n    <li\n      v-for=\"pager in pagers\"\n      :key=\"pager\"\n      :class=\"{ active: currentPage === pager, disabled }\"\n      class=\"number\"\n      :aria-current=\"currentPage === pager\"\n      tabindex=\"0\"\n    >\n      {{ pager }}\n    </li>\n    <li\n      v-if=\"showNextMore\"\n      class=\"el-icon more btn-quicknext\"\n      :class=\"{ disabled }\"\n      @mouseenter=\"onMouseenter('right')\"\n      @mouseleave=\"quickNextHover = false\"\n    >\n      <d-arrow-right v-if=\"quickNextHover\" />\n      <more-filled v-else />\n    </li>\n    <li\n      v-if=\"pageCount > 1\"\n      :class=\"{ active: currentPage === pageCount, disabled }\"\n      class=\"number\"\n      :aria-current=\"currentPage === pageCount\"\n      tabindex=\"0\"\n    >\n      {{ pageCount }}\n    </li>\n  </ul>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, watchEffect } from 'vue'\nimport { MoreFilled, DArrowLeft, DArrowRight } from '@element-plus/icons-vue'\n\nconst paginationPagerProps = {\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageCount: {\n    type: Number,\n    required: true,\n  },\n  pagerCount: {\n    type: Number,\n    default: 7,\n  },\n  disabled: Boolean,\n} as const\n\nexport default defineComponent({\n  name: 'ElPaginationPager',\n\n  components: {\n    DArrowLeft,\n    DArrowRight,\n    MoreFilled,\n  },\n  props: paginationPagerProps,\n  emits: ['change'],\n\n  setup(props, { emit }) {\n    const showPrevMore = ref(false)\n    const showNextMore = ref(false)\n    const quickPrevHover = ref(false)\n    const quickNextHover = ref(false)\n\n    const pagers = computed(() => {\n      const pagerCount = props.pagerCount\n      const halfPagerCount = (pagerCount - 1) / 2\n      const currentPage = Number(props.currentPage)\n      const pageCount = Number(props.pageCount)\n\n      let showPrevMore = false\n      let showNextMore = false\n      if (pageCount > pagerCount) {\n        if (currentPage > pagerCount - halfPagerCount) {\n          showPrevMore = true\n        }\n        if (currentPage < pageCount - halfPagerCount) {\n          showNextMore = true\n        }\n      }\n      const array: number[] = []\n      if (showPrevMore && !showNextMore) {\n        const startPage = pageCount - (pagerCount - 2)\n        for (let i = startPage; i < pageCount; i++) {\n          array.push(i)\n        }\n      } else if (!showPrevMore && showNextMore) {\n        for (let i = 2; i < pagerCount; i++) {\n          array.push(i)\n        }\n      } else if (showPrevMore && showNextMore) {\n        const offset = Math.floor(pagerCount / 2) - 1\n        for (let i = currentPage - offset; i <= currentPage + offset; i++) {\n          array.push(i)\n        }\n      } else {\n        for (let i = 2; i < pageCount; i++) {\n          array.push(i)\n        }\n      }\n\n      return array\n    })\n\n    watchEffect(() => {\n      const halfPagerCount = (props.pagerCount - 1) / 2\n\n      showPrevMore.value = false\n      showNextMore.value = false\n\n      if (props.pageCount > props.pagerCount) {\n        if (props.currentPage > props.pagerCount - halfPagerCount) {\n          showPrevMore.value = true\n        }\n        if (props.currentPage < props.pageCount - halfPagerCount) {\n          showNextMore.value = true\n        }\n      }\n    })\n\n    function onMouseenter(direction: 'left' | 'right') {\n      if (props.disabled) return\n      if (direction === 'left') {\n        quickPrevHover.value = true\n      } else {\n        quickNextHover.value = true\n      }\n    }\n\n    function onEnter(e: UIEvent) {\n      const target = e.target as HTMLElement\n      if (\n        target.tagName.toLowerCase() === 'li' &&\n        Array.from(target.classList).includes('number')\n      ) {\n        const newPage = Number(target.textContent)\n        if (newPage !== props.currentPage) {\n          emit('change', newPage)\n        }\n      }\n    }\n\n    function onPagerClick(event: UIEvent) {\n      const target = event.target as HTMLElement\n      if (target.tagName.toLowerCase() === 'ul' || props.disabled) {\n        return\n      }\n\n      let newPage = Number(target.textContent)\n      const pageCount = props.pageCount\n      const currentPage = props.currentPage\n      const pagerCountOffset = props.pagerCount - 2\n      if (target.className.includes('more')) {\n        if (target.className.includes('quickprev')) {\n          newPage = currentPage - pagerCountOffset\n        } else if (target.className.includes('quicknext')) {\n          newPage = currentPage + pagerCountOffset\n        }\n      }\n      if (!isNaN(newPage)) {\n        if (newPage < 1) {\n          newPage = 1\n        }\n        if (newPage > pageCount) {\n          newPage = pageCount\n        }\n      }\n      if (newPage !== currentPage) {\n        emit('change', newPage)\n      }\n    }\n\n    return {\n      showPrevMore,\n      showNextMore,\n      quickPrevHover,\n      quickNextHover,\n      pagers,\n\n      onMouseenter,\n      onPagerClick,\n      onEnter,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;IACwB;WAA2B;;;;;;;;;;KAWvC;;;cACD,0DACK;;;;;;;;;;2BAOZ;kBAEa;0CACO,qBAAgB,iBAAO;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,7 @@
+import script from './prev.vue_vue_type_script_lang.mjs';
+export { default } from './prev.vue_vue_type_script_lang.mjs';
+import { render } from './prev.vue_vue_type_template_id_15259d71_lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/pagination/src/components/prev.vue";
+//# sourceMappingURL=prev.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prev.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,28 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly disabled: BooleanConstructor;
+    readonly currentPage: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly prevText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}, {
+    internalDisabled: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly disabled?: unknown;
+    readonly currentPage?: unknown;
+    readonly prevText?: unknown;
+} & {
+    disabled: boolean;
+    prevText: string;
+    currentPage: number;
+} & {}> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    prevText: string;
+    currentPage: number;
+}>;
+export default _default;

package/es/components/pagination/src/components/prev.vue_vue_type_script_lang.mjs

@@ -0,0 +1,33 @@
+import { defineComponent, computed } from 'vue';
+import { ElIcon } from '../../../icon/index.mjs';
+import { ArrowLeft } from '@element-plus/icons-vue';
+
+const paginationPrevProps = {
+  disabled: Boolean,
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  prevText: {
+    type: String,
+    default: ""
+  }
+};
+var script = defineComponent({
+  name: "ElPaginationPrev",
+  components: {
+    ElIcon,
+    ArrowLeft
+  },
+  props: paginationPrevProps,
+  emits: ["click"],
+  setup(props) {
+    const internalDisabled = computed(() => props.disabled || props.currentPage <= 1);
+    return {
+      internalDisabled
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=prev.vue_vue_type_script_lang.mjs.map

package/es/components/pagination/src/components/prev.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prev.vue_vue_type_script_lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/prev.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-prev\"\n    :disabled=\"internalDisabled\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"prevText\">{{ prevText }}</span>\n    <el-icon v-else><arrow-left /></el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft } from '@element-plus/icons-vue'\n\nconst paginationPrevProps = {\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  prevText: {\n    type: String,\n    default: '',\n  },\n} as const\n\nexport default defineComponent({\n  name: 'ElPaginationPrev',\n\n  components: {\n    ElIcon,\n    ArrowLeft,\n  },\n  props: paginationPrevProps,\n  emits: ['click'],\n\n  setup(props) {\n    const internalDisabled = computed(\n      () => props.disabled || props.currentPage <= 1\n    )\n    return {\n      internalDisabled,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AAgBA,4BAA4B;;AAE5B,EAAE,WAAW,EAAE;IACX,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE;;UAEH;;IAEN;;;;AAIJ,EAAE,IAAI,EAAE;;AAER,IAAI,MAAM;IACN,SAAS;;EAEX,KAAK,EAAE;OACF,EAAE,CAAC;OACH,CAAC,KAAK;;IAET,OAAO;MACL;;GAEH;;;;;"}

package/es/components/pagination/src/components/prev.vue_vue_type_template_id_15259d71_lang.mjs

@@ -0,0 +1,25 @@
+import { resolveComponent, openBlock, createElementBlock, toDisplayString, createBlock, withCtx, createVNode } from 'vue';
+
+const _hoisted_1 = ["disabled", "aria-disabled"];
+const _hoisted_2 = { key: 0 };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_arrow_left = resolveComponent("arrow-left");
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createElementBlock("button", {
+    type: "button",
+    class: "btn-prev",
+    disabled: _ctx.internalDisabled,
+    "aria-disabled": _ctx.internalDisabled,
+    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+  }, [
+    _ctx.prevText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+      default: withCtx(() => [
+        createVNode(_component_arrow_left)
+      ]),
+      _: 1
+    }))
+  ], 8, _hoisted_1);
+}
+
+export { render };
+//# sourceMappingURL=prev.vue_vue_type_template_id_15259d71_lang.mjs.map

package/es/components/pagination/src/components/prev.vue_vue_type_template_id_15259d71_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prev.vue_vue_type_template_id_15259d71_lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/prev.vue?vue&type=template&id=15259d71&lang.js"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-prev\"\n    :disabled=\"internalDisabled\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"prevText\">{{ prevText }}</span>\n    <el-icon v-else><arrow-left /></el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft } from '@element-plus/icons-vue'\n\nconst paginationPrevProps = {\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  prevText: {\n    type: String,\n    default: '',\n  },\n} as const\n\nexport default defineComponent({\n  name: 'ElPaginationPrev',\n\n  components: {\n    ElIcon,\n    ArrowLeft,\n  },\n  props: paginationPrevProps,\n  emits: ['click'],\n\n  setup(props) {\n    const internalDisabled = computed(\n      () => props.disabled || props.currentPage <= 1\n    )\n    return {\n      internalDisabled,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock"],"mappings":";;;;;;;;;;;IAEI;IACA,OAAM;;IAEL,iBAAeA;;;;;;;;;;;"}

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

@@ -0,0 +1,7 @@
+import script from './sizes.vue_vue_type_script_lang.mjs';
+export { default } from './sizes.vue_vue_type_script_lang.mjs';
+import { render } from './sizes.vue_vue_type_template_id_3a063678_lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/pagination/src/components/sizes.vue";
+//# sourceMappingURL=sizes.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,29 @@
+import type { Nullable } from 'element-plus/es/utils/types';
+declare const _default: import("vue").DefineComponent<{
+    readonly pageSize: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
+    readonly pageSizes: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<number[]>, () => [10, 20, 30, 40, 50, 100], unknown, unknown, unknown>;
+    readonly popperClass: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly disabled: BooleanConstructor;
+}, {
+    innerPagesizes: import("vue").ComputedRef<number[]>;
+    innerPageSize: import("vue").Ref<Nullable<number>>;
+    t: import("element-plus/es/hooks").Translator;
+    handleChange: (val: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "page-size-change"[], "page-size-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly pageSize?: unknown;
+    readonly pageSizes?: unknown;
+    readonly popperClass?: unknown;
+    readonly disabled?: unknown;
+} & {
+    disabled: boolean;
+    popperClass: string;
+    pageSizes: number[];
+    pageSize: number;
+} & {}> & {
+    "onPage-size-change"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    popperClass: string;
+    pageSizes: number[];
+}>;
+export default _default;

package/es/components/pagination/src/components/sizes.vue_vue_type_script_lang.mjs

@@ -0,0 +1,65 @@
+import { defineComponent, ref, watch, computed } from 'vue';
+import isEqual from 'lodash/isEqual';
+import { ElSelect, ElOption } from '../../../select/index.mjs';
+import '../../../../hooks/index.mjs';
+import { buildProps, definePropType, mutable } from '../../../../utils/props.mjs';
+import { usePagination } from '../usePagination.mjs';
+import { useLocale } from '../../../../hooks/use-locale/index.mjs';
+
+const paginationSizesProps = buildProps({
+  pageSize: {
+    type: Number,
+    required: true
+  },
+  pageSizes: {
+    type: definePropType(Array),
+    default: () => mutable([10, 20, 30, 40, 50, 100])
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  disabled: Boolean
+});
+var script = defineComponent({
+  name: "ElPaginationSizes",
+  components: {
+    ElSelect,
+    ElOption
+  },
+  props: paginationSizesProps,
+  emits: ["page-size-change"],
+  setup(props, { emit }) {
+    const { t } = useLocale();
+    const pagination = usePagination();
+    const innerPageSize = ref(props.pageSize);
+    watch(() => props.pageSizes, (newVal, oldVal) => {
+      if (isEqual(newVal, oldVal))
+        return;
+      if (Array.isArray(newVal)) {
+        const pageSize = newVal.indexOf(props.pageSize) > -1 ? props.pageSize : props.pageSizes[0];
+        emit("page-size-change", pageSize);
+      }
+    });
+    watch(() => props.pageSize, (newVal) => {
+      innerPageSize.value = newVal;
+    });
+    const innerPagesizes = computed(() => props.pageSizes);
+    function handleChange(val) {
+      var _a;
+      if (val !== innerPageSize.value) {
+        innerPageSize.value = val;
+        (_a = pagination.handleSizeChange) == null ? void 0 : _a.call(pagination, Number(val));
+      }
+    }
+    return {
+      innerPagesizes,
+      innerPageSize,
+      t,
+      handleChange
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=sizes.vue_vue_type_script_lang.mjs.map

package/es/components/pagination/src/components/sizes.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.vue_vue_type_script_lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue"],"sourcesContent":["<template>\n  <span class=\"el-pagination__sizes\">\n    <el-select\n      :model-value=\"innerPageSize\"\n      :disabled=\"disabled\"\n      :popper-class=\"popperClass\"\n      size=\"small\"\n      @change=\"handleChange\"\n    >\n      <el-option\n        v-for=\"item in innerPagesizes\"\n        :key=\"item\"\n        :value=\"item\"\n        :label=\"item + t('el.pagination.pagesize')\"\n      />\n    </el-select>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, computed, ref } from 'vue'\nimport isEqual from 'lodash/isEqual'\nimport { ElSelect, ElOption } from '@element-plus/components/select'\nimport { useLocale } from '@element-plus/hooks'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils/props'\nimport { usePagination } from '../usePagination'\n\nimport type { Nullable } from '@element-plus/utils/types'\n\nconst paginationSizesProps = buildProps({\n  pageSize: {\n    type: Number,\n    required: true,\n  },\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  disabled: Boolean,\n} as const)\n\nexport default defineComponent({\n  name: 'ElPaginationSizes',\n\n  components: {\n    ElSelect,\n    ElOption,\n  },\n\n  props: paginationSizesProps,\n  emits: ['page-size-change'],\n\n  setup(props, { emit }) {\n    const { t } = useLocale()\n    const pagination = usePagination()\n    const innerPageSize = ref<Nullable<number>>(props.pageSize)\n\n    watch(\n      () => props.pageSizes,\n      (newVal, oldVal) => {\n        if (isEqual(newVal, oldVal)) return\n        if (Array.isArray(newVal)) {\n          const pageSize =\n            newVal.indexOf(props.pageSize) > -1\n              ? props.pageSize\n              : props.pageSizes[0]\n          emit('page-size-change', pageSize)\n        }\n      }\n    )\n\n    watch(\n      () => props.pageSize,\n      (newVal) => {\n        innerPageSize.value = newVal\n      }\n    )\n\n    const innerPagesizes = computed(() => props.pageSizes)\n\n    function handleChange(val: number) {\n      if (val !== innerPageSize.value) {\n        innerPageSize.value = val\n        pagination.handleSizeChange?.(Number(val))\n      }\n    }\n\n    return {\n      innerPagesizes,\n      innerPageSize,\n\n      t,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;AAyBA,0BAA0B,aAAa,CAAC;;AAExC,IAAI,IAAI,EAAE,MAAM;;AAEhB,GAAG;EACD;IACE,IAAI,EAAE;IACN,OAAO;GACR;EACD,WAAW;IACT,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE;GACV;EACD,QAAQ,EAAE;;aAEG;EACb;EACA,UAAU,EAAE;AACd;;AAEA,GAAG;EACD,OAAO;;EAEP,KAAK,CAAC;IACJ,MAAM,EAAE;IACR,MAAM;;;MAGJ,IAAI,OAAO,CAAC,MAAM,EAAE;eACX;;QAEP,cAAc,GAAG;QACjB,IAAI;OACL;KACF,CAAC,CAAC;;MAED;MACA,CAAC;UACG,cAAc;aACX,YAAY,CAAC,GAAG,EAAE;YACnB,CAAC;UACH,GAAG,KAAK;qBACG,CAAC,KAAK,GAAG,GAAG,CAAC;cACpB,UAAU,CAAC;;;;MAInB;;;MAGA;MACA;;;;;;"}

package/es/components/pagination/src/components/sizes.vue_vue_type_template_id_3a063678_lang.mjs

@@ -0,0 +1,30 @@
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createBlock } from 'vue';
+
+const _hoisted_1 = { class: "el-pagination__sizes" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  return openBlock(), createElementBlock("span", _hoisted_1, [
+    createVNode(_component_el_select, {
+      "model-value": _ctx.innerPageSize,
+      disabled: _ctx.disabled,
+      "popper-class": _ctx.popperClass,
+      size: "small",
+      onChange: _ctx.handleChange
+    }, {
+      default: withCtx(() => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.innerPagesizes, (item) => {
+          return openBlock(), createBlock(_component_el_option, {
+            key: item,
+            value: item,
+            label: item + _ctx.t("el.pagination.pagesize")
+          }, null, 8, ["value", "label"]);
+        }), 128))
+      ]),
+      _: 1
+    }, 8, ["model-value", "disabled", "popper-class", "onChange"])
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=sizes.vue_vue_type_template_id_3a063678_lang.mjs.map

package/es/components/pagination/src/components/sizes.vue_vue_type_template_id_3a063678_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.vue_vue_type_template_id_3a063678_lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue?vue&type=template&id=3a063678&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-pagination__sizes\">\n    <el-select\n      :model-value=\"innerPageSize\"\n      :disabled=\"disabled\"\n      :popper-class=\"popperClass\"\n      size=\"small\"\n      @change=\"handleChange\"\n    >\n      <el-option\n        v-for=\"item in innerPagesizes\"\n        :key=\"item\"\n        :value=\"item\"\n        :label=\"item + t('el.pagination.pagesize')\"\n      />\n    </el-select>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, computed, ref } from 'vue'\nimport isEqual from 'lodash/isEqual'\nimport { ElSelect, ElOption } from '@element-plus/components/select'\nimport { useLocale } from '@element-plus/hooks'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils/props'\nimport { usePagination } from '../usePagination'\n\nimport type { Nullable } from '@element-plus/utils/types'\n\nconst paginationSizesProps = buildProps({\n  pageSize: {\n    type: Number,\n    required: true,\n  },\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  disabled: Boolean,\n} as const)\n\nexport default defineComponent({\n  name: 'ElPaginationSizes',\n\n  components: {\n    ElSelect,\n    ElOption,\n  },\n\n  props: paginationSizesProps,\n  emits: ['page-size-change'],\n\n  setup(props, { emit }) {\n    const { t } = useLocale()\n    const pagination = usePagination()\n    const innerPageSize = ref<Nullable<number>>(props.pageSize)\n\n    watch(\n      () => props.pageSizes,\n      (newVal, oldVal) => {\n        if (isEqual(newVal, oldVal)) return\n        if (Array.isArray(newVal)) {\n          const pageSize =\n            newVal.indexOf(props.pageSize) > -1\n              ? props.pageSize\n              : props.pageSizes[0]\n          emit('page-size-change', pageSize)\n        }\n      }\n    )\n\n    watch(\n      () => props.pageSize,\n      (newVal) => {\n        innerPageSize.value = newVal\n      }\n    )\n\n    const innerPagesizes = computed(() => props.pageSizes)\n\n    function handleChange(val: number) {\n      if (val !== innerPageSize.value) {\n        innerPageSize.value = val\n        pagination.handleSizeChange?.(Number(val))\n      }\n    }\n\n    return {\n      innerPagesizes,\n      innerPageSize,\n\n      t,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;MAGO,aAAW;MACX,QAAQ,EAAE;;MAEX;;;;;gCAGA;iBAEQ;YACL;;;;;;;;;"}

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

@@ -0,0 +1,7 @@
+import script from './total.vue_vue_type_script_lang.mjs';
+export { default } from './total.vue_vue_type_script_lang.mjs';
+import { render } from './total.vue_vue_type_template_id_bc261314_lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/pagination/src/components/total.vue";
+//# sourceMappingURL=total.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"total.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -0,0 +1,23 @@
+import type { ExtractPropTypes } from 'vue';
+declare const paginationTotalProps: {
+    readonly total: {
+        readonly type: NumberConstructor;
+        readonly default: 1000;
+    };
+};
+export declare type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>;
+declare const _default: import("vue").DefineComponent<{
+    readonly total: {
+        readonly type: NumberConstructor;
+        readonly default: 1000;
+    };
+}, {
+    t: import("element-plus/es/hooks").Translator;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly total?: unknown;
+} & {
+    total: number;
+} & {}>, {
+    total: number;
+}>;
+export default _default;

package/es/components/pagination/src/components/total.vue_vue_type_script_lang.mjs

@@ -0,0 +1,23 @@
+import { defineComponent } from 'vue';
+import '../../../../hooks/index.mjs';
+import { useLocale } from '../../../../hooks/use-locale/index.mjs';
+
+const paginationTotalProps = {
+  total: {
+    type: Number,
+    default: 1e3
+  }
+};
+var script = defineComponent({
+  name: "ElPaginationTotal",
+  props: paginationTotalProps,
+  setup() {
+    const { t } = useLocale();
+    return {
+      t
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=total.vue_vue_type_script_lang.mjs.map

package/es/components/pagination/src/components/total.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"total.vue_vue_type_script_lang.mjs","sources":["../../../../../../../packages/components/pagination/src/components/total.vue"],"sourcesContent":["<template>\n  <span class=\"el-pagination__total\">\n    {{\n      t('el.pagination.total', {\n        total,\n      })\n    }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst paginationTotalProps = {\n  total: {\n    type: Number,\n    default: 1000,\n  },\n} as const\nexport type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>\n\nexport default defineComponent({\n  name: 'ElPaginationTotal',\n\n  props: paginationTotalProps,\n\n  setup() {\n    const { t } = useLocale()\n    return {\n      t,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AAYA,0BAA0B,GAAG;;AAE7B,IAAI,IAAI,EAAE,MAAM;;AAEhB,GAAG;EACD;aACa;MACT,EAAE;EACN;AACF,EAAE,KAAK;AACP,IAAI,MAAM,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE,CAAC;;AAE9B,OAAO;KACF,CAAC;;EAEJ;;;;"}

package/es/components/pagination/src/components/total.vue_vue_type_template_id_bc261314_lang.mjs

@@ -0,0 +1,11 @@
+import { openBlock, createElementBlock, toDisplayString } from 'vue';
+
+const _hoisted_1 = { class: "el-pagination__total" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.t("el.pagination.total", {
+    total: _ctx.total
+  })), 1);
+}
+
+export { render };
+//# sourceMappingURL=total.vue_vue_type_template_id_bc261314_lang.mjs.map

package/es/components/pagination/src/components/total.vue_vue_type_template_id_bc261314_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"total.vue_vue_type_template_id_bc261314_lang.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

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

@@ -0,0 +1,110 @@
+import type { VNode, ExtractPropTypes } from 'vue';
+export declare const paginationProps: {
+    readonly total: NumberConstructor;
+    readonly pageSize: NumberConstructor;
+    readonly defaultPageSize: NumberConstructor;
+    readonly currentPage: NumberConstructor;
+    readonly defaultCurrentPage: NumberConstructor;
+    readonly pageCount: NumberConstructor;
+    readonly pagerCount: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 7, unknown, unknown, unknown>;
+    readonly layout: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, string, unknown, unknown, unknown>;
+    readonly pageSizes: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<number[]>, () => [10, 20, 30, 40, 50, 100], unknown, unknown, unknown>;
+    readonly popperClass: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly prevText: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly nextText: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly small: BooleanConstructor;
+    readonly background: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly hideOnSinglePage: BooleanConstructor;
+};
+export declare type PaginationProps = ExtractPropTypes<typeof paginationProps>;
+export declare const paginationEmits: {
+    'update:current-page': (val: number) => boolean;
+    'update:page-size': (val: number) => boolean;
+    'size-change': (val: number) => boolean;
+    'current-change': (val: number) => boolean;
+    'prev-click': (val: number) => boolean;
+    'next-click': (val: number) => boolean;
+};
+export declare type PaginationEmits = typeof paginationEmits;
+declare const _default: import("vue").DefineComponent<{
+    readonly total: NumberConstructor;
+    readonly pageSize: NumberConstructor;
+    readonly defaultPageSize: NumberConstructor;
+    readonly currentPage: NumberConstructor;
+    readonly defaultCurrentPage: NumberConstructor;
+    readonly pageCount: NumberConstructor;
+    readonly pagerCount: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 7, unknown, unknown, unknown>;
+    readonly layout: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, string, unknown, unknown, unknown>;
+    readonly pageSizes: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<number[]>, () => [10, 20, 30, 40, 50, 100], unknown, unknown, unknown>;
+    readonly popperClass: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly prevText: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly nextText: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly small: BooleanConstructor;
+    readonly background: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly hideOnSinglePage: BooleanConstructor;
+}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:current-page': (val: number) => boolean;
+    'update:page-size': (val: number) => boolean;
+    'size-change': (val: number) => boolean;
+    'current-change': (val: number) => boolean;
+    'prev-click': (val: number) => boolean;
+    'next-click': (val: number) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly total?: unknown;
+    readonly pageSize?: unknown;
+    readonly defaultPageSize?: unknown;
+    readonly currentPage?: unknown;
+    readonly defaultCurrentPage?: unknown;
+    readonly pageCount?: unknown;
+    readonly pagerCount?: unknown;
+    readonly layout?: unknown;
+    readonly pageSizes?: unknown;
+    readonly popperClass?: unknown;
+    readonly prevText?: unknown;
+    readonly nextText?: unknown;
+    readonly small?: unknown;
+    readonly background?: unknown;
+    readonly disabled?: unknown;
+    readonly hideOnSinglePage?: unknown;
+} & {
+    small: boolean;
+    disabled: boolean;
+    layout: string;
+    popperClass: string;
+    background: boolean;
+    pagerCount: number;
+    pageSizes: number[];
+    prevText: string;
+    nextText: string;
+    hideOnSinglePage: boolean;
+} & {
+    total?: number | undefined;
+    pageSize?: number | undefined;
+    defaultPageSize?: number | undefined;
+    currentPage?: number | undefined;
+    defaultCurrentPage?: number | undefined;
+    pageCount?: number | undefined;
+}> & {
+    "onUpdate:current-page"?: ((val: number) => any) | undefined;
+    "onUpdate:page-size"?: ((val: number) => any) | undefined;
+    "onSize-change"?: ((val: number) => any) | undefined;
+    "onCurrent-change"?: ((val: number) => any) | undefined;
+    "onPrev-click"?: ((val: number) => any) | undefined;
+    "onNext-click"?: ((val: number) => any) | undefined;
+}, {
+    small: boolean;
+    disabled: boolean;
+    layout: string;
+    popperClass: string;
+    background: boolean;
+    pagerCount: number;
+    pageSizes: number[];
+    prevText: string;
+    nextText: string;
+    hideOnSinglePage: boolean;
+}>;
+export default _default;