hzzt-plus 0.0.2-dev-04 → 0.0.2-dev-05

package/lib/components/page-size/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../utils/index.js');
+var index = require('./src/index.js');
+var install = require('../../utils/vue/install.js');
+
+const HzztPageSize = install.withInstall(index["default"]);
+
+exports.HzztPageSize = HzztPageSize;
+exports["default"] = HzztPageSize;
+//# sourceMappingURL=index.js.map

package/lib/components/page-size/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/page-size/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\n\nimport PageSize from './src/index.vue'\n\nexport const HzztPageSize = withInstall(PageSize)\nexport default HzztPageSize\n"],"names":["withInstall","PageSize"],"mappings":";;;;;;;;AAEY,MAAC,YAAY,GAAGA,mBAAW,CAACC,gBAAQ;;;;;"}

package/lib/components/page-size/src/index.js

@@ -0,0 +1,160 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+require('../../../hooks/index.js');
+var index$3 = require('../../icon/src/index.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-size/index.js');
+var index$1 = require('../../../hooks/use-locale/index.js');
+var index$2 = require('../../../hooks/use-namespace/index.js');
+
+const _hoisted_1 = {
+  key: 0,
+  style: { "white-space": "nowrap" }
+};
+const _hoisted_2 = {
+  key: 1,
+  style: { "white-space": "nowrap" }
+};
+const _hoisted_3 = { class: "line-height-1" };
+const _hoisted_4 = {
+  key: 0,
+  class: "margin-l-1 margin-r-2"
+};
+const __default__ = vue.defineComponent({
+  name: "HzztPageSize"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    modelValue: {
+      type: Number,
+      default: 1
+    },
+    pageSize: {
+      type: Number,
+      default: 20
+    },
+    total: {
+      type: Number,
+      default: 0
+    },
+    disabled: Boolean,
+    isManual: Boolean,
+    isLastPage: Boolean,
+    pageSizeOptions: {
+      type: Array,
+      default: () => [20, 50, 100, 200, 500, 1e3, 2e3]
+    },
+    size: index.useSizeProp
+  },
+  emits: [
+    "page-size-change",
+    "update:modelValue",
+    "current-change"
+  ],
+  setup(__props, { emit }) {
+    const props = __props;
+    const sizeValue = vue.ref(props.pageSize);
+    const innerPage = vue.ref(props.modelValue || 0);
+    const { t } = index$1.useLocale();
+    const ns = index$2.useNamespace("page-size");
+    const compKls = vue.computed(() => {
+      return [ns.b(), ns.m(props.size)];
+    });
+    const page = vue.computed(() => Math.ceil(props.total / props.pageSize));
+    vue.watch(() => props.pageSize, (val) => {
+      sizeValue.value = val;
+    });
+    vue.watch(() => props.modelValue, (val) => {
+      innerPage.value = val;
+    });
+    function pageSizeChange(size) {
+      emit("page-size-change", size);
+    }
+    function currentChange(page2) {
+      emit("update:modelValue", page2);
+      emit("current-change", page2);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_option = vue.resolveComponent("el-option");
+      return vue.openBlock(), vue.createElementBlock("main", {
+        class: vue.normalizeClass([vue.unref(compKls), "flex wrap align-items-center justify-content-end"])
+      }, [
+        __props.total > 0 && !__props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(vue.unref(t)("pageSize.total")) + vue.toDisplayString(__props.total) + vue.toDisplayString(vue.unref(t)("pageSize.strip")), 1)) : vue.createCommentVNode("v-if", true),
+        __props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(vue.unref(t)("pageSize.d")) + vue.toDisplayString(__props.modelValue) + vue.toDisplayString(vue.unref(t)("pageSize.page")), 1)) : vue.createCommentVNode("v-if", true),
+        __props.pageSizeOptions.length ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 2,
+          class: vue.normalizeClass([_ctx.e("option"), "flex align-items-center"])
+        }, [
+          vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(vue.unref(t)("lang.per_page")), 1),
+          vue.createVNode(vue.unref(elementPlus.ElSelect), {
+            modelValue: sizeValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sizeValue.value = $event),
+            disabled: __props.disabled,
+            size: __props.size,
+            clearable: false,
+            onChange: pageSizeChange
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.pageSizeOptions, (item) => {
+                return vue.openBlock(), vue.createBlock(_component_el_option, {
+                  key: item,
+                  label: `${item}${vue.unref(t)("pageSize.strip")}`,
+                  value: item
+                }, null, 8, ["label", "value"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "disabled", "size"])
+        ], 2)) : vue.createCommentVNode("v-if", true),
+        vue.unref(page) > 1 || __props.isManual ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 3,
+          class: vue.normalizeClass(_ctx.e("pagination"))
+        }, [
+          !__props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(__props.modelValue) + "/" + vue.toDisplayString(vue.unref(page)), 1)) : vue.createCommentVNode("v-if", true),
+          vue.unref(page) > 2 && __props.modelValue > 2 ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+            key: 1,
+            type: "primary",
+            style: { "margin-right": "2px" },
+            size: __props.size,
+            onClick: _cache[1] || (_cache[1] = ($event) => currentChange(1))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(index$3["default"], { name: "d-arrow-left" })
+            ]),
+            _: 1
+          }, 8, ["size"])) : vue.createCommentVNode("v-if", true),
+          vue.createVNode(vue.unref(elementPlus.ElInputNumber), {
+            modelValue: innerPage.value,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => innerPage.value = $event),
+            class: "width-2",
+            size: __props.size,
+            min: 1,
+            max: vue.unref(page),
+            onChange: currentChange
+          }, null, 8, ["modelValue", "size", "max"]),
+          vue.unref(page) > 2 && __props.modelValue < vue.unref(page) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+            key: 2,
+            type: "primary",
+            style: { "margin-left": "2px" },
+            size: __props.size,
+            onClick: _cache[3] || (_cache[3] = ($event) => currentChange(vue.unref(page)))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(index$3["default"], { name: "d-arrow-right" })
+            ]),
+            _: 1
+          }, 8, ["size"])) : vue.createCommentVNode("v-if", true)
+        ], 2)) : vue.createCommentVNode("v-if", true)
+      ], 2);
+    };
+  }
+});
+var PageSize = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "index.vue"]]);
+
+exports["default"] = PageSize;
+//# sourceMappingURL=index.js.map

package/lib/components/page-size/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/page-size/src/index.vue"],"sourcesContent":["<template>\n  <main\n    :class=\"compKls\"\n    class=\"flex wrap align-items-center justify-content-end\"\n  >\n    <span v-if=\"total > 0 && !isManual\" style=\"white-space: nowrap\"\n      >{{ t('pageSize.total') }}{{ total }}{{ t('pageSize.strip') }}</span\n    >\n    <span v-if=\"isManual\" style=\"white-space: nowrap\"\n      >{{ t('pageSize.d') }}{{ modelValue }}{{ t('pageSize.page') }}</span\n    >\n    <div\n      v-if=\"pageSizeOptions.length\"\n      :class=\"e('option')\"\n      class=\"flex align-items-center\"\n    >\n      <span class=\"line-height-1\">{{ t('lang.per_page') }}</span>\n      <el-select\n        v-model=\"sizeValue\"\n        :disabled=\"disabled\"\n        :size=\"size\"\n        :clearable=\"false\"\n        @change=\"pageSizeChange\"\n      >\n        <el-option\n          v-for=\"item in pageSizeOptions\"\n          :key=\"item\"\n          :label=\"`${item}${t('pageSize.strip')}`\"\n          :value=\"item\"\n        />\n      </el-select>\n    </div>\n    <div v-if=\"page > 1 || isManual\" :class=\"e('pagination')\">\n      <span v-if=\"!isManual\" class=\"margin-l-1 margin-r-2\"\n        >{{ modelValue }}/{{ page }}</span\n      >\n      <el-button\n        v-if=\"page > 2 && modelValue > 2\"\n        type=\"primary\"\n        style=\"margin-right: 2px\"\n        :size=\"size\"\n        @click=\"currentChange(1)\"\n      >\n        <hzzt-icon name=\"d-arrow-left\" />\n      </el-button>\n      <el-input-number\n        v-model=\"innerPage\"\n        class=\"width-2\"\n        :size=\"size\"\n        :min=\"1\"\n        :max=\"page\"\n        @change=\"currentChange\"\n      />\n      <el-button\n        v-if=\"page > 2 && modelValue < page\"\n        type=\"primary\"\n        style=\"margin-left: 2px\"\n        :size=\"size\"\n        @click=\"currentChange(page)\"\n      >\n        <hzzt-icon name=\"d-arrow-right\" />\n      </el-button>\n    </div>\n  </main>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElButton, ElInputNumber, ElSelect } from 'element-plus'\nimport { useLocale, useNamespace, useSizeProp } from '@hzzt-plus/hooks'\nimport HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n\ndefineOptions({\n  name: 'HzztPageSize',\n})\n\nconst props = defineProps({\n  modelValue: {\n    type: Number,\n    default: 1,\n  },\n  pageSize: {\n    type: Number,\n    default: 20,\n  },\n  total: {\n    type: Number,\n    default: 0,\n  },\n  disabled: Boolean,\n  isManual: Boolean,\n  isLastPage: Boolean,\n  pageSizeOptions: {\n    type: Array,\n    default: () => [20, 50, 100, 200, 500, 1000, 2000],\n  },\n  size: useSizeProp,\n})\n\nconst emit = defineEmits([\n  'page-size-change',\n  'update:modelValue',\n  'current-change',\n])\n\nconst sizeValue = ref(props.pageSize)\nconst innerPage = ref(props.modelValue || 0)\nconst { t } = useLocale()\nconst ns = useNamespace('page-size')\n\nconst compKls = computed(() => {\n  return [ns.b(), ns.m(props.size)]\n})\n\nconst page = computed(() => Math.ceil(props.total / props.pageSize))\n\nwatch(\n  () => props.pageSize,\n  (val) => {\n    sizeValue.value = val\n  }\n)\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    innerPage.value = val\n  }\n)\n\nfunction pageSizeChange(size: number) {\n  emit('page-size-change', size)\n}\n\nfunction currentChange(page: number) {\n  emit('update:modelValue', page)\n  emit('current-change', page)\n}\n</script>\n"],"names":["ref","useLocale","useNamespace","computed","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;uCAwEc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,IAAM,MAAA,SAAA,GAAYA,OAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACpC,IAAA,MAAM,SAAY,GAAAA,OAAA,CAAI,KAAM,CAAA,UAAA,IAAc,CAAC,CAAA,CAAA;AAC3C,IAAM,MAAA,EAAE,MAAMC,iBAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,WAAW,CAAA,CAAA;AAEnC,IAAM,MAAA,OAAA,GAAUC,aAAS,MAAM;AAC7B,MAAO,OAAA,CAAC,GAAG,CAAE,EAAA,EAAG,GAAG,CAAE,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAOA,aAAS,MAAM,IAAA,CAAK,KAAK,KAAM,CAAA,KAAA,GAAQ,KAAM,CAAA,QAAQ,CAAC,CAAA,CAAA;AAEnE,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,QACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,KAEtB,CAAA,CAAA;AAEA,IAAAA,SAAA,CACE,MAAM,KAAA,CAAM,UACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,SAAA,CAAU,KAAQ,GAAA,GAAA,CAAA;AAAA,KAEtB,CAAA,CAAA;AAEA,IAAA,SAAA,cAAA,CAAwB,IAAc,EAAA;AACpC,MAAA,IAAA,CAAK,oBAAoB,IAAI,CAAA,CAAA;AAAA,KAC/B;AAEA,IAAA,SAAA,aAAA,CAAuB,KAAc,EAAA;AACnC,MAAA,IAAA,CAAK,qBAAqB,KAAI,CAAA,CAAA;AAC9B,MAAA,IAAA,CAAK,kBAAkB,KAAI,CAAA,CAAA;AAAA,KAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}