code-monkey-ui 1.1.14-alpha.3 → 1.1.14-alpha.4

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

@@ -1 +1 @@
-{"version":3,"file":"next2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/next.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-next\"\n    :disabled=\"internalDisabled\"\n    :aria-label=\"nextText || t('el.pagination.next')\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"nextText\">{{ nextText }}</span>\n    <el-icon v-else>\n      <component :is=\"nextIcon\" />\n    </el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@code-monkey-ui/hooks'\nimport { ElIcon } from '@code-monkey-ui/components/icon'\nimport { paginationNextProps } from './next'\n\ndefineOptions({\n  name: 'ElPaginationNext',\n})\n\nconst props = defineProps(paginationNextProps)\n\ndefineEmits(['click'])\n\nconst { t } = useLocale()\n\nconst internalDisabled = computed(\n  () =>\n    props.disabled ||\n    props.currentPage === props.pageCount ||\n    props.pageCount === 0\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAMA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AAExB,IAAM,MAAA,gBAAA,GAAmB,QACvB,CAAA,MACE,KAAM,CAAA,QAAA,IACN,KAAM,CAAA,WAAA,KAAgB,KAAM,CAAA,SAAA,IAC5B,KAAM,CAAA,SAAA,KAAc,CACxB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"next2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/next.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@code-monkey-ui/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Next from './next.vue'\n\nexport const paginationNextProps = buildProps({\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageCount: {\n    type: Number,\n    default: 50,\n  },\n  nextText: {\n    type: String,\n  },\n  nextIcon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport type PaginationNextProps = ExtractPropTypes<typeof paginationNextProps>\n\nexport type NextInstance = InstanceType<typeof Next>\n"],"names":[],"mappings":";;;;AACY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,CAAC;;;;"}

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

@@ -1,23 +1,43 @@
-import '../../../../utils/index.mjs';
-import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
-import { iconPropType } from '../../../../utils/vue/icon.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, unref, toDisplayString, createBlock, withCtx, resolveDynamicComponent } from 'vue';
+import '../../../../hooks/index.mjs';
+import { ElIcon } from '../../../icon/index.mjs';
+import { paginationPrevProps, paginationPrevEmits } from './prev2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../../hooks/use-locale/index.mjs';
 
-const paginationPrevProps = buildProps({
-  disabled: Boolean,
-  currentPage: {
-    type: Number,
-    default: 1
-  },
-  prevText: {
-    type: String
-  },
-  prevIcon: {
-    type: iconPropType
+const _hoisted_1 = ["disabled", "aria-label", "aria-disabled"];
+const _hoisted_2 = { key: 0 };
+const __default__ = defineComponent({
+  name: "ElPaginationPrev"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: paginationPrevProps,
+  emits: paginationPrevEmits,
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale();
+    const internalDisabled = computed(() => props.disabled || props.currentPage <= 1);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: "button",
+        class: "btn-prev",
+        disabled: unref(internalDisabled),
+        "aria-label": _ctx.prevText || unref(t)("el.pagination.prev"),
+        "aria-disabled": unref(internalDisabled),
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+      }, [
+        _ctx.prevText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.prevIcon)))
+          ]),
+          _: 1
+        }))
+      ], 8, _hoisted_1);
+    };
   }
 });
-const paginationPrevEmits = {
-  click: (evt) => evt instanceof MouseEvent
-};
+var Prev = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\pagination\\src\\components\\prev.vue"]]);
 
-export { paginationPrevEmits, paginationPrevProps };
+export { Prev as default };
 //# sourceMappingURL=prev.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"prev.mjs","sources":["../../../../../../../packages/components/pagination/src/components/prev.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@code-monkey-ui/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Prev from './prev.vue'\n\nexport const paginationPrevProps = buildProps({\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  prevText: {\n    type: String,\n  },\n  prevIcon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport const paginationPrevEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type PaginationPrevProps = ExtractPropTypes<typeof paginationPrevProps>\n\nexport type PrevInstance = InstanceType<typeof Prev>\n"],"names":[],"mappings":";;;;AACY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;AACnC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}
+{"version":3,"file":"prev.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-label=\"prevText || t('el.pagination.prev')\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"prevText\">{{ prevText }}</span>\n    <el-icon v-else>\n      <component :is=\"prevIcon\" />\n    </el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@code-monkey-ui/hooks'\nimport { ElIcon } from '@code-monkey-ui/components/icon'\nimport { paginationPrevEmits, paginationPrevProps } from './prev'\n\ndefineOptions({\n  name: 'ElPaginationPrev',\n})\n\nconst props = defineProps(paginationPrevProps)\ndefineEmits(paginationPrevEmits)\n\nconst { t } = useLocale()\n\nconst internalDisabled = computed(\n  () => props.disabled || props.currentPage <= 1\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AAExB,IAAA,MAAM,mBAAmB,QACvB,CAAA,MAAM,MAAM,QAAY,IAAA,KAAA,CAAM,eAAe,CAC/C,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,43 +1,23 @@
-import { defineComponent, computed, openBlock, createElementBlock, unref, toDisplayString, createBlock, withCtx, resolveDynamicComponent } from 'vue';
-import '../../../../hooks/index.mjs';
-import { ElIcon } from '../../../icon/index.mjs';
-import { paginationPrevProps, paginationPrevEmits } from './prev.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../../hooks/use-locale/index.mjs';
+import '../../../../utils/index.mjs';
+import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
+import { iconPropType } from '../../../../utils/vue/icon.mjs';
 
-const _hoisted_1 = ["disabled", "aria-label", "aria-disabled"];
-const _hoisted_2 = { key: 0 };
-const __default__ = defineComponent({
-  name: "ElPaginationPrev"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: paginationPrevProps,
-  emits: paginationPrevEmits,
-  setup(__props) {
-    const props = __props;
-    const { t } = useLocale();
-    const internalDisabled = computed(() => props.disabled || props.currentPage <= 1);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        type: "button",
-        class: "btn-prev",
-        disabled: unref(internalDisabled),
-        "aria-label": _ctx.prevText || unref(t)("el.pagination.prev"),
-        "aria-disabled": unref(internalDisabled),
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
-      }, [
-        _ctx.prevText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.prevIcon)))
-          ]),
-          _: 1
-        }))
-      ], 8, _hoisted_1);
-    };
+const paginationPrevProps = buildProps({
+  disabled: Boolean,
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  prevText: {
+    type: String
+  },
+  prevIcon: {
+    type: iconPropType
   }
 });
-var Prev = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\pagination\\src\\components\\prev.vue"]]);
+const paginationPrevEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
 
-export { Prev as default };
+export { paginationPrevEmits, paginationPrevProps };
 //# sourceMappingURL=prev2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"prev2.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-label=\"prevText || t('el.pagination.prev')\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"prevText\">{{ prevText }}</span>\n    <el-icon v-else>\n      <component :is=\"prevIcon\" />\n    </el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@code-monkey-ui/hooks'\nimport { ElIcon } from '@code-monkey-ui/components/icon'\nimport { paginationPrevEmits, paginationPrevProps } from './prev'\n\ndefineOptions({\n  name: 'ElPaginationPrev',\n})\n\nconst props = defineProps(paginationPrevProps)\ndefineEmits(paginationPrevEmits)\n\nconst { t } = useLocale()\n\nconst internalDisabled = computed(\n  () => props.disabled || props.currentPage <= 1\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AAExB,IAAA,MAAM,mBAAmB,QACvB,CAAA,MAAM,MAAM,QAAY,IAAA,KAAA,CAAM,eAAe,CAC/C,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"prev2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/prev.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@code-monkey-ui/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Prev from './prev.vue'\n\nexport const paginationPrevProps = buildProps({\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  prevText: {\n    type: String,\n  },\n  prevIcon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport const paginationPrevEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type PaginationPrevProps = ExtractPropTypes<typeof paginationPrevProps>\n\nexport type PrevInstance = InstanceType<typeof Prev>\n"],"names":[],"mappings":";;;;AACY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;AACnC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}

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

@@ -1,74 +1,28 @@
-import { defineComponent, ref, watch, computed, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, Fragment, renderList, createBlock } from 'vue';
-import { isEqual } from 'lodash-unified';
-import { ElSelect, ElOption } from '../../../select/index.mjs';
-import '../../../../hooks/index.mjs';
-import { usePagination } from '../usePagination.mjs';
-import { paginationSizesProps } from './sizes2.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, definePropType } from '../../../../utils/vue/props/runtime.mjs';
+import { mutable } from '../../../../utils/typescript.mjs';
+import { componentSizes } from '../../../../constants/size.mjs';
 
-const __default__ = defineComponent({
-  name: "ElPaginationSizes"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: paginationSizesProps,
-  emits: ["page-size-change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const { t } = useLocale();
-    const ns = useNamespace("pagination");
-    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.includes(props.pageSize) ? 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 (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(unref(ns).e("sizes"))
-      }, [
-        createVNode(unref(ElSelect), {
-          "model-value": innerPageSize.value,
-          disabled: _ctx.disabled,
-          "popper-class": _ctx.popperClass,
-          size: _ctx.size,
-          teleported: _ctx.teleported,
-          "validate-event": false,
-          onChange: handleChange
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(innerPageSizes), (item) => {
-              return openBlock(), createBlock(unref(ElOption), {
-                key: item,
-                value: item,
-                label: item + unref(t)("el.pagination.pagesize")
-              }, null, 8, ["value", "label"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["model-value", "disabled", "popper-class", "size", "teleported"])
-      ], 2);
-    };
+const paginationSizesProps = buildProps({
+  pageSize: {
+    type: Number,
+    required: true
+  },
+  pageSizes: {
+    type: definePropType(Array),
+    default: () => mutable([10, 20, 30, 40, 50, 100])
+  },
+  popperClass: {
+    type: String
+  },
+  disabled: Boolean,
+  teleported: Boolean,
+  size: {
+    type: String,
+    values: componentSizes
   }
 });
-var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\pagination\\src\\components\\sizes.vue"]]);
 
-export { Sizes as default };
+export { paginationSizesProps };
 //# sourceMappingURL=sizes.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"sizes.mjs","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('sizes')\">\n    <el-select\n      :model-value=\"innerPageSize\"\n      :disabled=\"disabled\"\n      :popper-class=\"popperClass\"\n      :size=\"size\"\n      :teleported=\"teleported\"\n      :validate-event=\"false\"\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\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { isEqual } from 'lodash-unified'\nimport { ElOption, ElSelect } from '@code-monkey-ui/components/select'\nimport { useLocale, useNamespace } from '@code-monkey-ui/hooks'\nimport { usePagination } from '../usePagination'\nimport { paginationSizesProps } from './sizes'\n\ndefineOptions({\n  name: 'ElPaginationSizes',\n})\n\nconst props = defineProps(paginationSizesProps)\nconst emit = defineEmits(['page-size-change'])\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst pagination = usePagination()\nconst innerPageSize = ref<number>(props.pageSize!)\n\nwatch(\n  () => props.pageSizes,\n  (newVal, oldVal) => {\n    if (isEqual(newVal, oldVal)) return\n    if (Array.isArray(newVal)) {\n      const pageSize = newVal.includes(props.pageSize!)\n        ? props.pageSize\n        : props.pageSizes[0]\n      emit('page-size-change', pageSize)\n    }\n  }\n)\n\nwatch(\n  () => props.pageSize,\n  (newVal) => {\n    innerPageSize.value = newVal!\n  }\n)\n\nconst innerPageSizes = computed(() => props.pageSizes)\nfunction handleChange(val: number) {\n  if (val !== innerPageSize.value) {\n    innerPageSize.value = val\n    pagination.handleSizeChange?.(Number(val))\n  }\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCA6Bc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AACjC,IAAM,MAAA,aAAA,GAAgB,GAAY,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAEjD,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,SACZ,EAAA,CAAC,QAAQ,MAAW,KAAA;AAClB,MAAI,IAAA,OAAA,CAAQ,QAAQ,MAAM,CAAA;AAAG,QAAA,OAAA;AAC7B,MAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,MAAM,CAAG,EAAA;AACzB,QAAM,MAAA,QAAA,GAAW,OAAO,QAAS,CAAA,KAAA,CAAM,QAAS,CAC5C,GAAA,KAAA,CAAM,QACN,GAAA,KAAA,CAAM,SAAU,CAAA,CAAA,CAAA,CAAA;AACpB,QAAA,IAAA,CAAK,oBAAoB,QAAQ,CAAA,CAAA;AAAA,OACnC;AAAA,KAEJ,CAAA,CAAA;AAEA,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,QACZ,EAAA,CAAC,MAAW,KAAA;AACV,MAAA,aAAA,CAAc,KAAQ,GAAA,MAAA,CAAA;AAAA,KAE1B,CAAA,CAAA;AAEA,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AACrD,IAAA,SAAA,YAAA,CAAsB,GAAa,EAAA;AACjC,MAAI,IAAA,EAAA,CAAA;AACF,MAAA,IAAA,GAAA,KAAA,aAAsB,CAAA,KAAA,EAAA;AACtB,QAAW,aAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAA8B,QAC3C,CAAA,EAAA,GAAA,UAAA,CAAA,gBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"sizes.mjs","sources":["../../../../../../../packages/components/pagination/src/components/sizes.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@code-monkey-ui/utils'\nimport { componentSizes } from '@code-monkey-ui/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Sizes from './sizes.vue'\n\nexport const 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  },\n  disabled: Boolean,\n  teleported: Boolean,\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n} as const)\n\nexport type PaginationSizesProps = ExtractPropTypes<typeof paginationSizesProps>\n\nexport type SizesInstance = InstanceType<typeof Sizes>\n"],"names":[],"mappings":";;;;;;AAEY,MAAC,oBAAoB,GAAG,UAAU,CAAC;AAC/C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACrD,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,GAAG;AACH,CAAC;;;;"}

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

@@ -1,28 +1,74 @@
-import '../../../../utils/index.mjs';
-import '../../../../constants/index.mjs';
-import { buildProps, definePropType } from '../../../../utils/vue/props/runtime.mjs';
-import { mutable } from '../../../../utils/typescript.mjs';
-import { componentSizes } from '../../../../constants/size.mjs';
+import { defineComponent, ref, watch, computed, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, Fragment, renderList, createBlock } from 'vue';
+import { isEqual } from 'lodash-unified';
+import { ElSelect, ElOption } from '../../../select/index.mjs';
+import '../../../../hooks/index.mjs';
+import { usePagination } from '../usePagination.mjs';
+import { paginationSizesProps } from './sizes.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 paginationSizesProps = buildProps({
-  pageSize: {
-    type: Number,
-    required: true
-  },
-  pageSizes: {
-    type: definePropType(Array),
-    default: () => mutable([10, 20, 30, 40, 50, 100])
-  },
-  popperClass: {
-    type: String
-  },
-  disabled: Boolean,
-  teleported: Boolean,
-  size: {
-    type: String,
-    values: componentSizes
+const __default__ = defineComponent({
+  name: "ElPaginationSizes"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: paginationSizesProps,
+  emits: ["page-size-change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const { t } = useLocale();
+    const ns = useNamespace("pagination");
+    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.includes(props.pageSize) ? 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 (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(unref(ns).e("sizes"))
+      }, [
+        createVNode(unref(ElSelect), {
+          "model-value": innerPageSize.value,
+          disabled: _ctx.disabled,
+          "popper-class": _ctx.popperClass,
+          size: _ctx.size,
+          teleported: _ctx.teleported,
+          "validate-event": false,
+          onChange: handleChange
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(innerPageSizes), (item) => {
+              return openBlock(), createBlock(unref(ElOption), {
+                key: item,
+                value: item,
+                label: item + unref(t)("el.pagination.pagesize")
+              }, null, 8, ["value", "label"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value", "disabled", "popper-class", "size", "teleported"])
+      ], 2);
+    };
   }
 });
+var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\pagination\\src\\components\\sizes.vue"]]);
 
-export { paginationSizesProps };
+export { Sizes as default };
 //# sourceMappingURL=sizes2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"sizes2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/sizes.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@code-monkey-ui/utils'\nimport { componentSizes } from '@code-monkey-ui/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Sizes from './sizes.vue'\n\nexport const 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  },\n  disabled: Boolean,\n  teleported: Boolean,\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n} as const)\n\nexport type PaginationSizesProps = ExtractPropTypes<typeof paginationSizesProps>\n\nexport type SizesInstance = InstanceType<typeof Sizes>\n"],"names":[],"mappings":";;;;;;AAEY,MAAC,oBAAoB,GAAG,UAAU,CAAC;AAC/C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACrD,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"sizes2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('sizes')\">\n    <el-select\n      :model-value=\"innerPageSize\"\n      :disabled=\"disabled\"\n      :popper-class=\"popperClass\"\n      :size=\"size\"\n      :teleported=\"teleported\"\n      :validate-event=\"false\"\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\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { isEqual } from 'lodash-unified'\nimport { ElOption, ElSelect } from '@code-monkey-ui/components/select'\nimport { useLocale, useNamespace } from '@code-monkey-ui/hooks'\nimport { usePagination } from '../usePagination'\nimport { paginationSizesProps } from './sizes'\n\ndefineOptions({\n  name: 'ElPaginationSizes',\n})\n\nconst props = defineProps(paginationSizesProps)\nconst emit = defineEmits(['page-size-change'])\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst pagination = usePagination()\nconst innerPageSize = ref<number>(props.pageSize!)\n\nwatch(\n  () => props.pageSizes,\n  (newVal, oldVal) => {\n    if (isEqual(newVal, oldVal)) return\n    if (Array.isArray(newVal)) {\n      const pageSize = newVal.includes(props.pageSize!)\n        ? props.pageSize\n        : props.pageSizes[0]\n      emit('page-size-change', pageSize)\n    }\n  }\n)\n\nwatch(\n  () => props.pageSize,\n  (newVal) => {\n    innerPageSize.value = newVal!\n  }\n)\n\nconst innerPageSizes = computed(() => props.pageSizes)\nfunction handleChange(val: number) {\n  if (val !== innerPageSize.value) {\n    innerPageSize.value = val\n    pagination.handleSizeChange?.(Number(val))\n  }\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCA6Bc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AACjC,IAAM,MAAA,aAAA,GAAgB,GAAY,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAEjD,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,SACZ,EAAA,CAAC,QAAQ,MAAW,KAAA;AAClB,MAAI,IAAA,OAAA,CAAQ,QAAQ,MAAM,CAAA;AAAG,QAAA,OAAA;AAC7B,MAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,MAAM,CAAG,EAAA;AACzB,QAAM,MAAA,QAAA,GAAW,OAAO,QAAS,CAAA,KAAA,CAAM,QAAS,CAC5C,GAAA,KAAA,CAAM,QACN,GAAA,KAAA,CAAM,SAAU,CAAA,CAAA,CAAA,CAAA;AACpB,QAAA,IAAA,CAAK,oBAAoB,QAAQ,CAAA,CAAA;AAAA,OACnC;AAAA,KAEJ,CAAA,CAAA;AAEA,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,QACZ,EAAA,CAAC,MAAW,KAAA;AACV,MAAA,aAAA,CAAc,KAAQ,GAAA,MAAA,CAAA;AAAA,KAE1B,CAAA,CAAA;AAEA,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AACrD,IAAA,SAAA,YAAA,CAAsB,GAAa,EAAA;AACjC,MAAI,IAAA,EAAA,CAAA;AACF,MAAA,IAAA,GAAA,KAAA,aAAsB,CAAA,KAAA,EAAA;AACtB,QAAW,aAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAA8B,QAC3C,CAAA,EAAA,GAAA,UAAA,CAAA,gBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,9 +3,9 @@ import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
 import '../../../utils/index.mjs';
 import '../../../hooks/index.mjs';
 import { elPaginationKey } from './constants.mjs';
-import Prev from './components/prev2.mjs';
-import Next from './components/next2.mjs';
-import Sizes from './components/sizes.mjs';
+import Prev from './components/prev.mjs';
+import Next from './components/next.mjs';
+import Sizes from './components/sizes2.mjs';
 import Jumper from './components/jumper2.mjs';
 import Total from './components/total.mjs';
 import Pager from './components/pager.mjs';

package/es/components/popconfirm/src/popconfirm2.mjs

@@ -5,7 +5,7 @@ import '../../tooltip/index.mjs';
 import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 import { buttonTypes } from '../../button/src/button.mjs';
 import { iconPropType } from '../../../utils/vue/icon.mjs';
-import { useTooltipContentProps } from '../../tooltip/src/content2.mjs';
+import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
 
 const popconfirmProps = buildProps({
   title: String,

package/es/components/popover/index.mjs

@@ -1,7 +1,7 @@
 import '../../utils/index.mjs';
-import Popover from './src/popover2.mjs';
+import Popover from './src/popover.mjs';
 import PopoverDirective, { VPopover } from './src/directive.mjs';
-export { popoverEmits, popoverProps } from './src/popover.mjs';
+export { popoverEmits, popoverProps } from './src/popover2.mjs';
 import { withInstallDirective, withInstall } from '../../utils/vue/install.mjs';
 
 const ElPopoverDirective = withInstallDirective(PopoverDirective, VPopover);

package/es/components/popover/src/popover.mjs

@@ -1,72 +1,117 @@
+import { defineComponent, computed, ref, unref, openBlock, createBlock, mergeProps, withCtx, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, renderSlot, createTextVNode } from 'vue';
+import { ElTooltip } from '../../tooltip/index.mjs';
 import '../../../utils/index.mjs';
-import '../../tooltip/index.mjs';
-import '../../dropdown/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { useTooltipTriggerProps } from '../../tooltip/src/trigger2.mjs';
-import { dropdownProps } from '../../dropdown/src/dropdown2.mjs';
-import { useTooltipContentProps } from '../../tooltip/src/content2.mjs';
-import { isBoolean } from '../../../utils/types.mjs';
+import '../../../hooks/index.mjs';
+import { popoverProps, popoverEmits } from './popover2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { addUnit } from '../../../utils/dom/style.mjs';
 
-const popoverProps = buildProps({
-  trigger: useTooltipTriggerProps.trigger,
-  placement: dropdownProps.placement,
-  disabled: useTooltipTriggerProps.disabled,
-  visible: useTooltipContentProps.visible,
-  transition: useTooltipContentProps.transition,
-  popperOptions: dropdownProps.popperOptions,
-  tabindex: dropdownProps.tabindex,
-  content: useTooltipContentProps.content,
-  popperStyle: useTooltipContentProps.popperStyle,
-  popperClass: useTooltipContentProps.popperClass,
-  enterable: {
-    ...useTooltipContentProps.enterable,
-    default: true
-  },
-  effect: {
-    ...useTooltipContentProps.effect,
-    default: "light"
-  },
-  teleported: useTooltipContentProps.teleported,
-  title: String,
-  width: {
-    type: [String, Number],
-    default: 150
-  },
-  offset: {
-    type: Number,
-    default: void 0
-  },
-  showAfter: {
-    type: Number,
-    default: 0
-  },
-  hideAfter: {
-    type: Number,
-    default: 200
-  },
-  autoClose: {
-    type: Number,
-    default: 0
-  },
-  showArrow: {
-    type: Boolean,
-    default: true
-  },
-  persistent: {
-    type: Boolean,
-    default: true
-  },
-  "onUpdate:visible": {
-    type: Function
+const updateEventKeyRaw = `onUpdate:visible`;
+const __default__ = defineComponent({
+  name: "ElPopover"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: popoverProps,
+  emits: popoverEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const onUpdateVisible = computed(() => {
+      return props[updateEventKeyRaw];
+    });
+    const ns = useNamespace("popover");
+    const tooltipRef = ref();
+    const popperRef = computed(() => {
+      var _a;
+      return (_a = unref(tooltipRef)) == null ? void 0 : _a.popperRef;
+    });
+    const style = computed(() => {
+      return [
+        {
+          width: addUnit(props.width)
+        },
+        props.popperStyle
+      ];
+    });
+    const kls = computed(() => {
+      return [ns.b(), props.popperClass, { [ns.m("plain")]: !!props.content }];
+    });
+    const gpuAcceleration = computed(() => {
+      return props.transition === `${ns.namespace.value}-fade-in-linear`;
+    });
+    const hide = () => {
+      var _a;
+      (_a = tooltipRef.value) == null ? void 0 : _a.hide();
+    };
+    const beforeEnter = () => {
+      emit("before-enter");
+    };
+    const beforeLeave = () => {
+      emit("before-leave");
+    };
+    const afterEnter = () => {
+      emit("after-enter");
+    };
+    const afterLeave = () => {
+      emit("update:visible", false);
+      emit("after-leave");
+    };
+    expose({
+      popperRef,
+      hide
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElTooltip), mergeProps({
+        ref_key: "tooltipRef",
+        ref: tooltipRef
+      }, _ctx.$attrs, {
+        trigger: _ctx.trigger,
+        placement: _ctx.placement,
+        disabled: _ctx.disabled,
+        visible: _ctx.visible,
+        transition: _ctx.transition,
+        "popper-options": _ctx.popperOptions,
+        tabindex: _ctx.tabindex,
+        content: _ctx.content,
+        offset: _ctx.offset,
+        "show-after": _ctx.showAfter,
+        "hide-after": _ctx.hideAfter,
+        "auto-close": _ctx.autoClose,
+        "show-arrow": _ctx.showArrow,
+        "aria-label": _ctx.title,
+        effect: _ctx.effect,
+        enterable: _ctx.enterable,
+        "popper-class": unref(kls),
+        "popper-style": unref(style),
+        teleported: _ctx.teleported,
+        persistent: _ctx.persistent,
+        "gpu-acceleration": unref(gpuAcceleration),
+        "onUpdate:visible": unref(onUpdateVisible),
+        onBeforeShow: beforeEnter,
+        onBeforeHide: beforeLeave,
+        onShow: afterEnter,
+        onHide: afterLeave
+      }), {
+        content: withCtx(() => [
+          _ctx.title ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ns).e("title")),
+            role: "title"
+          }, toDisplayString(_ctx.title), 3)) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(_ctx.content), 1)
+          ])
+        ]),
+        default: withCtx(() => [
+          _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration", "onUpdate:visible"]);
+    };
   }
 });
-const popoverEmits = {
-  "update:visible": (value) => isBoolean(value),
-  "before-enter": () => true,
-  "before-leave": () => true,
-  "after-enter": () => true,
-  "after-leave": () => true
-};
+var Popover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\popover\\src\\popover.vue"]]);
 
-export { popoverEmits, popoverProps };
+export { Popover as default };
 //# sourceMappingURL=popover.mjs.map