hzzt-plus 1.0.7 → 2.0.1

package/es/components/icon/index.mjs

@@ -1,4 +1,5 @@
 import * as Icons from '@element-plus/icons-vue';
+import * as index from './src/components/index.mjs';
 import HzztIcon$1 from './src/index.mjs';
 
 const HzztIcon = {
@@ -7,6 +8,9 @@ const HzztIcon = {
     for (const key in Icons) {
       app.component(tarnsElIconName(key), Icons[key]);
     }
+    for (const key in index) {
+      app.component(tarnsElIconName(key), Icons[key]);
+    }
   }
 };
 function tarnsElIconName(name) {

package/es/components/icon/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import * as Icons from '@element-plus/icons-vue'\nimport Icon from './src/index.vue'\nimport type { App } from '@vue/runtime-core'\n\nexport const HzztIcon = {\n  install(app: App) {\n    app.component('HzztIcon', Icon)\n    for (const key in Icons) {\n      app.component(tarnsElIconName(key), Icons[key])\n    }\n  },\n}\n\nexport default HzztIcon\n\nfunction tarnsElIconName(name) {\n  return `hzzt-el${name.replace(\n    /[A-Z]/g,\n    (match) => `-${match.toLocaleLowerCase()}`\n  )}`\n}\n"],"names":["Icon"],"mappings":";;;AAEY,MAAC,QAAQ,GAAG;AACxB,EAAE,OAAO,CAAC,GAAG,EAAE;AACf,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,EAAEA,UAAI,CAAC,CAAC;AACpC,IAAI,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AAC7B,MAAM,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACtD,KAAK;AACL,GAAG;AACH,EAAE;AAEF,SAAS,eAAe,CAAC,IAAI,EAAE;AAC/B,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACxF;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import * as Icons from '@element-plus/icons-vue'\nimport * as HzztIcons from './src/components/index'\nimport Icon from './src/index.vue'\nimport type {App} from '@vue/runtime-core'\n\nexport const HzztIcon = {\n  install(app: App) {\n    app.component('HzztIcon', Icon)\n    for (const key in Icons) {\n      app.component(tarnsElIconName(key), Icons[key])\n    }\n    for (const key in HzztIcons) {\n      app.component(tarnsElIconName(key), Icons[key])\n    }\n  },\n}\n\nexport default HzztIcon\n\nfunction tarnsElIconName(name) {\n  return `hzzt-el${name.replace(\n    /[A-Z]/g,\n    (match) => `-${match.toLocaleLowerCase()}`\n  )}`\n}\n"],"names":["Icon","HzztIcons"],"mappings":";;;;AAGY,MAAC,QAAQ,GAAG;AACxB,EAAE,OAAO,CAAC,GAAG,EAAE;AACf,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,EAAEA,UAAI,CAAC,CAAC;AACpC,IAAI,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AAC7B,MAAM,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACtD,KAAK;AACL,IAAI,KAAK,MAAM,GAAG,IAAIC,KAAS,EAAE;AACjC,MAAM,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACtD,KAAK;AACL,GAAG;AACH,EAAE;AAEF,SAAS,eAAe,CAAC,IAAI,EAAE;AAC/B,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACxF;;;;"}

package/es/components/icon/src/components/index.d.ts

@@ -0,0 +1,2 @@
+export { default as HzztPlusSquareOutline } from './plus-square-outline.vue';
+export { default as HzztMinusSquareOutline } from './minus-square-outline.vue';

package/es/components/icon/src/components/index.mjs

@@ -0,0 +1,3 @@
+export { default as HzztPlusSquareOutline } from './plus-square-outline.mjs';
+export { default as HzztMinusSquareOutline } from './minus-square-outline.mjs';
+//# sourceMappingURL=index.mjs.map

package/es/components/icon/src/components/index.mjs.map

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

package/es/components/icon/src/components/minus-square-outline.mjs

@@ -0,0 +1,29 @@
+import { defineComponent, createElementVNode, openBlock, createElementBlock } from 'vue';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  name: "HzztMinusSquareOutline"
+});
+const _hoisted_1 = {
+  "aria-hidden": "true",
+  class: "",
+  "data-icon": "minus-square",
+  fill: "currentColor",
+  focusable: "false",
+  height: "1em",
+  viewBox: "64 64 896 896",
+  width: "1em"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", { d: "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" }, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+var minusSquareOutline = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "minus-square-outline.vue"]]);
+
+export { minusSquareOutline as default };
+//# sourceMappingURL=minus-square-outline.mjs.map

package/es/components/icon/src/components/minus-square-outline.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"minus-square-outline.mjs","sources":["../../../../../../../packages/components/icon/src/components/minus-square-outline.vue"],"sourcesContent":["<template>\n  <svg\n    aria-hidden=\"true\"\n    class=\"\"\n    data-icon=\"minus-square\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    height=\"1em\"\n    viewBox=\"64 64 896 896\"\n    width=\"1em\"\n  ><path d=\"M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z\" /><path d=\"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z\" /></svg>\n</template>\n\n<script lang=\"ts\" setup>\n\n  defineOptions({\n    name: 'HzztMinusSquareOutline',\n  })\n</script>\n"],"names":["DO_defineComponent","_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;;kCAegBA,eAAA,CAAA;AAAA,EACZ,IAAM,EAAA,wBAAA;AACR,CAAA,CAAA,CAAA;;EAfE,aAAY,EAAA,MAAA;AAAA,EACZ,KAAM,EAAA,EAAA;AAAA,EACN,WAAU,EAAA,cAAA;AAAA,EACV,IAAK,EAAA,cAAA;AAAA,EACL,SAAU,EAAA,OAAA;AAAA,EACV,MAAO,EAAA,KAAA;AAAA,EACP,OAAQ,EAAA,eAAA;AAAA,EACR,KAAM,EAAA,KAAA;;AACP,MAAA,UAAA,mBAAAC,kBAAA,CAAA,MAAA,EAAA,EAAA,CAAA,EAAA,2FAAA,EAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MAAsG,UAAA,mBAAAA,kBAAA,CAAA,MAAA,EAAA,EAAA,CAAA,EAAA,yIAAA,EAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA;AAAA,gBAAH,GAAA;AAAA,EAAA,UAAA;AAAA,EAAA,UAAA;AAAA,CAAA,CAAA;AAAA,SAAA,WAAA,CAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;AAAG,EAAA,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA,UAAA,EAAA,UAAA,CAAA,CAAA;AAAA,CAAoJ;AAAH,yBAAA,gBAAA,WAAA,CAAA,SAAA,EAAA,CAAA,CAAA,QAAA,EAAA,WAAA,CAAA,EAAA,CAAA,QAAA,EAAA,0BAAA,CAAA,CAAA,CAAA;;;;"}

package/es/components/icon/src/components/minus-square-outline.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/es/components/icon/src/components/plus-square-outline.mjs

@@ -0,0 +1,29 @@
+import { defineComponent, createElementVNode, openBlock, createElementBlock } from 'vue';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  name: "HzztPlusSquareOutline"
+});
+const _hoisted_1 = {
+  "aria-hidden": "true",
+  class: "",
+  "data-icon": "plus-square",
+  fill: "currentColor",
+  focusable: "false",
+  height: "1em",
+  viewBox: "64 64 896 896",
+  width: "1em"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", { d: "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" }, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+var plusSquareOutline = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "plus-square-outline.vue"]]);
+
+export { plusSquareOutline as default };
+//# sourceMappingURL=plus-square-outline.mjs.map

package/es/components/icon/src/components/plus-square-outline.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"plus-square-outline.mjs","sources":["../../../../../../../packages/components/icon/src/components/plus-square-outline.vue"],"sourcesContent":["<template>\n  <svg\n    aria-hidden=\"true\"\n    class=\"\"\n    data-icon=\"plus-square\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    height=\"1em\"\n    viewBox=\"64 64 896 896\"\n    width=\"1em\"\n  ><path d=\"M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z\" /><path d=\"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z\" /></svg>\n</template>\n\n<script lang=\"ts\" setup>\n\n  defineOptions({\n    name: 'HzztPlusSquareOutline',\n  })\n</script>\n"],"names":["DO_defineComponent","_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;;kCAegBA,eAAA,CAAA;AAAA,EACZ,IAAM,EAAA,uBAAA;AACR,CAAA,CAAA,CAAA;;EAfE,aAAY,EAAA,MAAA;AAAA,EACZ,KAAM,EAAA,EAAA;AAAA,EACN,WAAU,EAAA,aAAA;AAAA,EACV,IAAK,EAAA,cAAA;AAAA,EACL,SAAU,EAAA,OAAA;AAAA,EACV,MAAO,EAAA,KAAA;AAAA,EACP,OAAQ,EAAA,eAAA;AAAA,EACR,KAAM,EAAA,KAAA;;AACP,MAAA,UAAA,mBAAAC,kBAAA,CAAA,MAAA,EAAA,EAAA,CAAA,EAAA,2LAAA,EAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MAAsM,UAAA,mBAAAA,kBAAA,CAAA,MAAA,EAAA,EAAA,CAAA,EAAA,yIAAA,EAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA;AAAA,gBAAH,GAAA;AAAA,EAAA,UAAA;AAAA,EAAA,UAAA;AAAA,CAAA,CAAA;AAAA,SAAA,WAAA,CAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;AAAG,EAAA,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA,UAAA,EAAA,UAAA,CAAA,CAAA;AAAA,CAAoJ;AAAH,wBAAA,gBAAA,WAAA,CAAA,SAAA,EAAA,CAAA,CAAA,QAAA,EAAA,WAAA,CAAA,EAAA,CAAA,QAAA,EAAA,yBAAA,CAAA,CAAA,CAAA;;;;"}

package/es/components/icon/src/components/plus-square-outline.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/es/components/index.d.ts

@@ -17,3 +17,4 @@ export * from './input-range';
 export * from './cascader';
 export * from './select';
 export * from './click-input';
+export * from './scroll';

package/es/components/index.mjs

@@ -17,14 +17,15 @@ export { HzztInputRange } from './input-range/index.mjs';
 export { HzztCascader } from './cascader/index.mjs';
 export { HzztSelect } from './select/index.mjs';
 export { HzztClickInput } from './click-input/index.mjs';
+export { HzztScroll } from './scroll/index.mjs';
 export { titleProps } from './title/src/title.mjs';
 export { configProviderProps } from './config-provider/src/config-provider-props.mjs';
 export { configProviderContextKey } from './config-provider/src/constants.mjs';
 export { provideGlobalConfig, useGlobalConfig } from './config-provider/src/hooks/use-global-config.mjs';
 export { scanEmits, scanProps } from './scan/src/scan.mjs';
-export { selectInputEmits, selectInputProps } from './select-input/src/select-input2.mjs';
+export { selectInputEmits, selectInputProps } from './select-input/src/select-input.mjs';
 export { selectTextareaEmits, selectTextareaProps } from './select-textarea/src/select-textarea.mjs';
-export { inputRangeEmits, inputRangeProps } from './input-range/src/input-range.mjs';
+export { inputRangeEmits, inputRangeProps } from './input-range/src/input-range2.mjs';
 export { cascaderEmits, cascaderProps } from './cascader/src/cascader.mjs';
 export { selectEmits, selectProps } from './select/src/select.mjs';
 export { clickInputEmits, clickInputProps } from './click-input/src/click-input.mjs';

package/es/components/index.mjs.map

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

package/es/components/input-range/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import InputRange from './src/input-range2.mjs';
-export { inputRangeEmits, inputRangeProps } from './src/input-range.mjs';
+import InputRange from './src/input-range.mjs';
+export { inputRangeEmits, inputRangeProps } from './src/input-range2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const HzztInputRange = withInstall(InputRange);

package/es/components/input-range/src/input-range.mjs

@@ -1,31 +1,81 @@
-import '../../../utils/index.mjs';
+import { createElementVNode, defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps } from 'vue';
+import { inputRangeProps, inputRangeEmits } from './input-range2.mjs';
+import { useFormSize, useFormDisabled } from 'element-plus';
 import '../../../hooks/index.mjs';
-import '../../../constants/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { useSizeProp } from '../../../hooks/use-size/index.mjs';
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
-import { isArray } from '@vue/shared';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useGlobalSize } from '../../../hooks/use-size/index.mjs';
 
-const inputRangeProps = buildProps({
-  modelValue: {
-    type: Array,
-    default: () => []
-  },
-  size: useSizeProp,
-  disabled: Boolean,
-  clearable: {
-    type: Boolean,
-    default: false
-  },
-  startPlaceholder: String,
-  endPlaceholder: String,
-  startProps: Object,
-  endProps: Object
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", { class: "margin-h-1" }, "\u2014\u2014", -1);
+const __default__ = defineComponent({
+  name: "HzztInputRange"
 });
-const inputRangeEmits = {
-  [UPDATE_MODEL_EVENT]: (val) => isArray(val),
-  [CHANGE_EVENT]: (val) => isArray(val)
-};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: inputRangeProps,
+  emits: inputRangeEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const startValue = ref(props.modelValue[0]);
+    const endValue = ref(props.modelValue[1]);
+    const nsInput = useNamespace("input-range");
+    const formSize = useFormSize();
+    const formDisabled = useFormDisabled();
+    const trueSize = computed(() => props.size || formSize.value || useGlobalSize().value);
+    const trueDisabled = computed(() => props.disabled || formDisabled.value);
+    const containerCls = computed(() => [
+      nsInput.b(),
+      nsInput.m(trueSize.value)
+    ]);
+    watch(() => props.modelValue, (v) => {
+      startValue.value = v[0];
+      endValue.value = v[1];
+    }, {
+      deep: true
+    });
+    function change() {
+      if (startValue.value || endValue.value) {
+        const modelValue = [startValue.value, endValue.value];
+        emit("update:modelValue", modelValue);
+        emit("change", modelValue);
+      } else if (!startValue.value && !endValue.value) {
+        emit("update:modelValue", []);
+        emit("change", []);
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["flex align-items-center", unref(containerCls)])
+      }, [
+        createVNode(_component_el_input, mergeProps({
+          modelValue: startValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => startValue.value = $event)
+        }, _ctx.startProps, {
+          clearable: _ctx.clearable,
+          placeholder: _ctx.startPlaceholder,
+          size: unref(trueSize),
+          disabled: unref(trueDisabled),
+          class: "flex-1",
+          onChange: change
+        }), null, 16, ["modelValue", "clearable", "placeholder", "size", "disabled"]),
+        _hoisted_1,
+        createVNode(_component_el_input, mergeProps({
+          modelValue: endValue.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => endValue.value = $event)
+        }, _ctx.endProps, {
+          clearable: _ctx.clearable,
+          placeholder: _ctx.endPlaceholder,
+          size: unref(trueSize),
+          disabled: unref(trueDisabled),
+          class: "flex-1",
+          onChange: change
+        }), null, 16, ["modelValue", "clearable", "placeholder", "size", "disabled"])
+      ], 2);
+    };
+  }
+});
+var InputRange = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "input-range.vue"]]);
 
-export { inputRangeEmits, inputRangeProps };
+export { InputRange as default };
 //# sourceMappingURL=input-range.mjs.map

package/es/components/input-range/src/input-range.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-range.mjs","sources":["../../../../../../packages/components/input-range/src/input-range.ts"],"sourcesContent":["import {buildProps, isArray} from '@hzzt-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type InputRange from './input-range.vue'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\nimport {CHANGE_EVENT, UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport const inputRangeProps = buildProps({\n  modelValue: {\n    type: Array,\n    default: () => [],\n  },\n  size: useSizeProp,\n  disabled: Boolean,\n  clearable: {\n    type: Boolean,\n    default: false,\n  },\n  startPlaceholder: String,\n  endPlaceholder: String,\n  startProps: Object,\n  endProps: Object,\n})\n\nexport type InputRangeProps = ExtractPropTypes<typeof inputRangeProps>\n\nexport const inputRangeEmits = {\n  [UPDATE_MODEL_EVENT]: (val: Array<string>) => isArray(val),\n  [CHANGE_EVENT]: (val: Array<string>) => isArray(val),\n}\nexport type InputRangeEmits = typeof inputRangeEmits\n\nexport type InputRangeInstance = InstanceType<typeof InputRange>\n"],"names":[],"mappings":";;;;;;;;AAGY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,KAAK;AACf,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,cAAc,EAAE,MAAM;AACxB,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,QAAQ,EAAE,MAAM;AAClB,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,CAAC,kBAAkB,GAAG,CAAC,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC;AAC7C,EAAE,CAAC,YAAY,GAAG,CAAC,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC;AACvC;;;;"}
+{"version":3,"file":"input-range.mjs","sources":["../../../../../../packages/components/input-range/src/input-range.vue"],"sourcesContent":["<template>\n  <div class=\"flex align-items-center\" :class=\"containerCls\">\n    <el-input\n      v-model=\"startValue\"\n      v-bind=\"startProps\"\n      :clearable=\"clearable\"\n      :placeholder=\"startPlaceholder\"\n      :size=\"trueSize\"\n      :disabled=\"trueDisabled\"\n      class=\"flex-1\"\n      @change=\"change\"\n    />\n    <span class=\"margin-h-1\">——</span>\n    <el-input\n      v-model=\"endValue\"\n      v-bind=\"endProps\"\n      :clearable=\"clearable\"\n      :placeholder=\"endPlaceholder\"\n      :size=\"trueSize\"\n      :disabled=\"trueDisabled\"\n      class=\"flex-1\"\n      @change=\"change\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {inputRangeEmits, inputRangeProps} from './input-range'\n  import {useFormDisabled, useFormSize} from \"element-plus\";\n  import {computed, ref, watch} from \"vue\";\n  import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n\n  defineOptions({\n    name: 'HzztInputRange',\n  })\n\n  const props = defineProps(inputRangeProps)\n  const emit = defineEmits(inputRangeEmits)\n\n  const startValue = ref(props.modelValue[0])\n  const endValue = ref(props.modelValue[1])\n\n  const nsInput = useNamespace('input-range')\n\n  const formSize = useFormSize()\n  const formDisabled = useFormDisabled()\n\n  const trueSize = computed(\n    () => props.size || formSize.value || useGlobalSize().value\n  )\n\n  const trueDisabled = computed(() => props.disabled || formDisabled.value)\n\n  const containerCls = computed(() => [\n    nsInput.b(),\n    nsInput.m(trueSize.value),\n  ])\n\n  watch(() => props.modelValue, (v) => {\n    startValue.value = v[0];\n    endValue.value = v[1];\n  }, {\n    deep: true,\n  })\n\n  function change() {\n    if (startValue.value || endValue.value) {\n      const modelValue = [startValue.value, endValue.value] as Array<string>;\n      emit('update:modelValue', modelValue);\n      emit('change', modelValue);\n    } else if (!startValue.value && !endValue.value) {\n      emit('update:modelValue', []);\n      emit('change', []);\n    }\n  }\n\n</script>\n"],"names":["_defineComponent","_resolveComponent","_openBlock","_createElementBlock","_unref","_createVNode","_mergeProps"],"mappings":";;;;;;;;;;AA2BE,EAAA,IAAA,EAAA;AACA,CAAA,CAAA,CAAA;AACA,MAAQ,SAAA,mBAA2BA,eAAA,CAAA;AACnC,EAAA,GAAA;;wBAEc;AAAA,EACZ,KAAM,CAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA;AACR,IAAA,MAAA,KAAA,GAAA,OAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,YAAa,GAAA,QAAU,CAAA,MAAA,KAAY,CAAC,QAAA,IAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAC1C,IAAA,MAAM,YAAW,GAAI,QAAM,CAAA,MAAA;AAE3B,MAAM,OAAA,CAAA,CAAA,EAAA;AAEN,MAAA,kBAA6B,CAAA,KAAA,CAAA;AAC7B,KAAA,CAAA,CAAA;AAEA,IAAA,KAAA,CAAM,MAAW,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACf,UAAY,CAAA,KAAA,GAAA,CAAQ,CAAS,CAAA,CAAA,CAAA;AAAyB,MACxD,QAAA,CAAA,KAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAA,EAAA;AAEA,MAAM,IAAA,EAAA,IAAA;AAA8B,KAAA,CAClC;AAAU,IACV,SAAA,MAAU,GAAA;AAAc,MACzB,IAAA,UAAA,CAAA,KAAA,IAAA,QAAA,CAAA,KAAA,EAAA;AAED,QAAA,MAAY,UAAkB,GAAA,CAAA,UAAO,CAAA,KAAA,EAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AACnC,QAAW,IAAA,CAAA,mBAAW,EAAA,UAAA,CAAA,CAAA;AACtB,QAAS,IAAA,CAAA,QAAA,EAAQ,UAAG,CAAA,CAAA;AAAA,OACnB,MAAA,IAAA,CAAA,UAAA,CAAA,KAAA,IAAA,CAAA,QAAA,CAAA,KAAA,EAAA;AAAA,QACK,IAAA,CAAA,mBAAA,EAAA,EAAA,CAAA,CAAA;AAAA,QACP,IAAA,CAAA,QAAA,EAAA,EAAA,CAAA,CAAA;AAED,OAAA;AACE,KAAI;AACF,IAAA,OAAA,CAAA,IAAmB,EAAA,MAAA,KAAY;AAC/B,MAAA,MAAA,sBAA0BC,gBAAU,CAAA,UAAA,CAAA,CAAA;AACpC,MAAA,OAAKC,SAAU,EAAU,EAAAC,kBAAA,CAAA,KAAA,EAAA;AAAA,6BACK,CAAA,CAAA,yBAAiB,EAAAC,KAAA,CAAA,YAAA,CAAA,CAAA,CAAA;AAC/C,OAAK,EAAA;AACL,QAAKC,WAAA,CAAA,mBAAY,EAAAC,UAAA,CAAA;AAAA,UACnB,UAAA,EAAA,UAAA,CAAA,KAAA;AAAA,UACF,qBAAA,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,KAAA,UAAA,CAAA,KAAA,GAAA,MAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/input-range/src/input-range2.mjs

@@ -1,81 +1,31 @@
-import { createElementVNode, defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps } from 'vue';
-import { inputRangeProps, inputRangeEmits } from './input-range.mjs';
-import { useFormSize, useFormDisabled } from 'element-plus';
+import '../../../utils/index.mjs';
 import '../../../hooks/index.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useGlobalSize } from '../../../hooks/use-size/index.mjs';
+import '../../../constants/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
+import { isArray } from '@vue/shared';
 
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", { class: "margin-h-1" }, "\u2014\u2014", -1);
-const __default__ = defineComponent({
-  name: "HzztInputRange"
+const inputRangeProps = buildProps({
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  size: useSizeProp,
+  disabled: Boolean,
+  clearable: {
+    type: Boolean,
+    default: false
+  },
+  startPlaceholder: String,
+  endPlaceholder: String,
+  startProps: Object,
+  endProps: Object
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: inputRangeProps,
-  emits: inputRangeEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const startValue = ref(props.modelValue[0]);
-    const endValue = ref(props.modelValue[1]);
-    const nsInput = useNamespace("input-range");
-    const formSize = useFormSize();
-    const formDisabled = useFormDisabled();
-    const trueSize = computed(() => props.size || formSize.value || useGlobalSize().value);
-    const trueDisabled = computed(() => props.disabled || formDisabled.value);
-    const containerCls = computed(() => [
-      nsInput.b(),
-      nsInput.m(trueSize.value)
-    ]);
-    watch(() => props.modelValue, (v) => {
-      startValue.value = v[0];
-      endValue.value = v[1];
-    }, {
-      deep: true
-    });
-    function change() {
-      if (startValue.value || endValue.value) {
-        const modelValue = [startValue.value, endValue.value];
-        emit("update:modelValue", modelValue);
-        emit("change", modelValue);
-      } else if (!startValue.value && !endValue.value) {
-        emit("update:modelValue", []);
-        emit("change", []);
-      }
-    }
-    return (_ctx, _cache) => {
-      const _component_el_input = resolveComponent("el-input");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["flex align-items-center", unref(containerCls)])
-      }, [
-        createVNode(_component_el_input, mergeProps({
-          modelValue: startValue.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => startValue.value = $event)
-        }, _ctx.startProps, {
-          clearable: _ctx.clearable,
-          placeholder: _ctx.startPlaceholder,
-          size: unref(trueSize),
-          disabled: unref(trueDisabled),
-          class: "flex-1",
-          onChange: change
-        }), null, 16, ["modelValue", "clearable", "placeholder", "size", "disabled"]),
-        _hoisted_1,
-        createVNode(_component_el_input, mergeProps({
-          modelValue: endValue.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => endValue.value = $event)
-        }, _ctx.endProps, {
-          clearable: _ctx.clearable,
-          placeholder: _ctx.endPlaceholder,
-          size: unref(trueSize),
-          disabled: unref(trueDisabled),
-          class: "flex-1",
-          onChange: change
-        }), null, 16, ["modelValue", "clearable", "placeholder", "size", "disabled"])
-      ], 2);
-    };
-  }
-});
-var InputRange = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "input-range.vue"]]);
+const inputRangeEmits = {
+  [UPDATE_MODEL_EVENT]: (val) => isArray(val),
+  [CHANGE_EVENT]: (val) => isArray(val)
+};
 
-export { InputRange as default };
+export { inputRangeEmits, inputRangeProps };
 //# sourceMappingURL=input-range2.mjs.map

package/es/components/input-range/src/input-range2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-range2.mjs","sources":["../../../../../../packages/components/input-range/src/input-range.vue"],"sourcesContent":["<template>\n  <div class=\"flex align-items-center\" :class=\"containerCls\">\n    <el-input\n      v-model=\"startValue\"\n      v-bind=\"startProps\"\n      :clearable=\"clearable\"\n      :placeholder=\"startPlaceholder\"\n      :size=\"trueSize\"\n      :disabled=\"trueDisabled\"\n      class=\"flex-1\"\n      @change=\"change\"\n    />\n    <span class=\"margin-h-1\">——</span>\n    <el-input\n      v-model=\"endValue\"\n      v-bind=\"endProps\"\n      :clearable=\"clearable\"\n      :placeholder=\"endPlaceholder\"\n      :size=\"trueSize\"\n      :disabled=\"trueDisabled\"\n      class=\"flex-1\"\n      @change=\"change\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {inputRangeEmits, inputRangeProps} from './input-range'\n  import {useFormDisabled, useFormSize} from \"element-plus\";\n  import {computed, ref, watch} from \"vue\";\n  import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n\n  defineOptions({\n    name: 'HzztInputRange',\n  })\n\n  const props = defineProps(inputRangeProps)\n  const emit = defineEmits(inputRangeEmits)\n\n  const startValue = ref(props.modelValue[0])\n  const endValue = ref(props.modelValue[1])\n\n  const nsInput = useNamespace('input-range')\n\n  const formSize = useFormSize()\n  const formDisabled = useFormDisabled()\n\n  const trueSize = computed(\n    () => props.size || formSize.value || useGlobalSize().value\n  )\n\n  const trueDisabled = computed(() => props.disabled || formDisabled.value)\n\n  const containerCls = computed(() => [\n    nsInput.b(),\n    nsInput.m(trueSize.value),\n  ])\n\n  watch(() => props.modelValue, (v) => {\n    startValue.value = v[0];\n    endValue.value = v[1];\n  }, {\n    deep: true,\n  })\n\n  function change() {\n    if (startValue.value || endValue.value) {\n      const modelValue = [startValue.value, endValue.value] as Array<string>;\n      emit('update:modelValue', modelValue);\n      emit('change', modelValue);\n    } else if (!startValue.value && !endValue.value) {\n      emit('update:modelValue', []);\n      emit('change', []);\n    }\n  }\n\n</script>\n"],"names":["_defineComponent","_resolveComponent","_openBlock","_createElementBlock","_unref","_createVNode","_mergeProps"],"mappings":";;;;;;;;;;AA2BE,EAAA,IAAA,EAAA;AACA,CAAA,CAAA,CAAA;AACA,MAAQ,SAAA,mBAA2BA,eAAA,CAAA;AACnC,EAAA,GAAA;;wBAEc;AAAA,EACZ,KAAM,CAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA;AACR,IAAA,MAAA,KAAA,GAAA,OAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,YAAa,GAAA,QAAU,CAAA,MAAA,KAAY,CAAC,QAAA,IAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAC1C,IAAA,MAAM,YAAW,GAAI,QAAM,CAAA,MAAA;AAE3B,MAAM,OAAA,CAAA,CAAA,EAAA;AAEN,MAAA,kBAA6B,CAAA,KAAA,CAAA;AAC7B,KAAA,CAAA,CAAA;AAEA,IAAA,KAAA,CAAM,MAAW,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACf,UAAY,CAAA,KAAA,GAAA,CAAQ,CAAS,CAAA,CAAA,CAAA;AAAyB,MACxD,QAAA,CAAA,KAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAA,EAAA;AAEA,MAAM,IAAA,EAAA,IAAA;AAA8B,KAAA,CAClC;AAAU,IACV,SAAA,MAAU,GAAA;AAAc,MACzB,IAAA,UAAA,CAAA,KAAA,IAAA,QAAA,CAAA,KAAA,EAAA;AAED,QAAA,MAAY,UAAkB,GAAA,CAAA,UAAO,CAAA,KAAA,EAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AACnC,QAAW,IAAA,CAAA,mBAAW,EAAA,UAAA,CAAA,CAAA;AACtB,QAAS,IAAA,CAAA,QAAA,EAAQ,UAAG,CAAA,CAAA;AAAA,OACnB,MAAA,IAAA,CAAA,UAAA,CAAA,KAAA,IAAA,CAAA,QAAA,CAAA,KAAA,EAAA;AAAA,QACK,IAAA,CAAA,mBAAA,EAAA,EAAA,CAAA,CAAA;AAAA,QACP,IAAA,CAAA,QAAA,EAAA,EAAA,CAAA,CAAA;AAED,OAAA;AACE,KAAI;AACF,IAAA,OAAA,CAAA,IAAmB,EAAA,MAAA,KAAY;AAC/B,MAAA,MAAA,sBAA0BC,gBAAU,CAAA,UAAA,CAAA,CAAA;AACpC,MAAA,OAAKC,SAAU,EAAU,EAAAC,kBAAA,CAAA,KAAA,EAAA;AAAA,6BACK,CAAA,CAAA,yBAAiB,EAAAC,KAAA,CAAA,YAAA,CAAA,CAAA,CAAA;AAC/C,OAAK,EAAA;AACL,QAAKC,WAAA,CAAA,mBAAY,EAAAC,UAAA,CAAA;AAAA,UACnB,UAAA,EAAA,UAAA,CAAA,KAAA;AAAA,UACF,qBAAA,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,KAAA,UAAA,CAAA,KAAA,GAAA,MAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"input-range2.mjs","sources":["../../../../../../packages/components/input-range/src/input-range.ts"],"sourcesContent":["import {buildProps, isArray} from '@hzzt-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type InputRange from './input-range.vue'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\nimport {CHANGE_EVENT, UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport const inputRangeProps = buildProps({\n  modelValue: {\n    type: Array,\n    default: () => [],\n  },\n  size: useSizeProp,\n  disabled: Boolean,\n  clearable: {\n    type: Boolean,\n    default: false,\n  },\n  startPlaceholder: String,\n  endPlaceholder: String,\n  startProps: Object,\n  endProps: Object,\n})\n\nexport type InputRangeProps = ExtractPropTypes<typeof inputRangeProps>\n\nexport const inputRangeEmits = {\n  [UPDATE_MODEL_EVENT]: (val: Array<string>) => isArray(val),\n  [CHANGE_EVENT]: (val: Array<string>) => isArray(val),\n}\nexport type InputRangeEmits = typeof inputRangeEmits\n\nexport type InputRangeInstance = InstanceType<typeof InputRange>\n"],"names":[],"mappings":";;;;;;;;AAGY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,KAAK;AACf,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,cAAc,EAAE,MAAM;AACxB,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,QAAQ,EAAE,MAAM;AAClB,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,CAAC,kBAAkB,GAAG,CAAC,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC;AAC7C,EAAE,CAAC,YAAY,GAAG,CAAC,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC;AACvC;;;;"}

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

@@ -23,8 +23,8 @@ export declare const HzztPagination: import("hzzt-plus/es/utils").SFCWithInstall
     }>>;
     emit: (event: "prev" | "next", ...args: any[]) => void;
     t: import("../..").Translator;
-    prePage: () => false | undefined;
-    nextPage: () => false | undefined;
+    pageChange: (type: string, page?: number | undefined) => void;
+    handleJumpPage: (val: string | number) => void;
     HzztIcon: import("vue").DefineComponent<{
         name: {
             type: StringConstructor;

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

@@ -1,13 +1,16 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, renderSlot, createVNode, normalizeClass } from 'vue';
+import { createElementVNode, defineComponent, resolveComponent, openBlock, createElementBlock, createTextVNode, toDisplayString, unref, renderSlot, createVNode, normalizeClass } from 'vue';
 import HzztIcon from '../../icon/src/index.mjs';
 import '../../../hooks/index.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
 
-const _hoisted_1 = { class: "flex justify-content-between hzzt-pagination" };
-const _hoisted_2 = { class: "flex align-items-center font-12 hzzt-pagination-total" };
-const _hoisted_3 = { class: "flex align-items-center hzzt-pagination-page font-14" };
-const _hoisted_4 = { class: "flex" };
+const _hoisted_1 = { class: "flex align-items-center justify-content-between hzzt-pagination" };
+const _hoisted_2 = { class: "flex flex-1" };
+const _hoisted_3 = { class: "font-14" };
+const _hoisted_4 = { class: "hzzt-pagination__count" };
+const _hoisted_5 = { class: "flex-1" };
+const _hoisted_6 = { class: "font-14 flex align-items-center" };
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("span", { class: "margin-h-2" }, "/", -1);
 const __default__ = defineComponent({
   name: "HzztPagination"
 });
@@ -27,35 +30,60 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     const { t } = useLocale();
-    function prePage() {
-      if (props.pagination.current_page > 1) {
-        emit("prev", props.pagination.current_page - 1);
-      } else {
-        return false;
+    function pageChange(type, page) {
+      if (type === "next" && props.pagination.current_page >= props.pagination.total_pages || type === "prev" && props.pagination.current_page <= 1)
+        return;
+      if (type === "jump") {
+        emit("next", page);
+        return;
       }
-    }
-    function nextPage() {
-      if (props.pagination.current_page < props.pagination.total_pages) {
+      if (type === "next") {
         emit("next", props.pagination.current_page + 1);
       } else {
-        return false;
+        emit("prev", props.pagination.current_page - 1);
+      }
+    }
+    function handleJumpPage(val) {
+      val = Math.trunc(+val);
+      if (val > props.pagination.total_pages) {
+        val = props.pagination.total_pages;
+      } else if (val < 1) {
+        val = 1;
       }
+      pageChange("jump", Number(val));
     }
     return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("p", _hoisted_2, toDisplayString(unref(t)("hzzt.pagination.total")) + toDisplayString(__props.pagination.total) + toDisplayString(unref(t)("hzzt.pagination.strip")), 1),
-        createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createTextVNode(toDisplayString(unref(t)("hzzt.pagination.total")) + " ", 1),
+            createElementVNode("span", _hoisted_4, toDisplayString(__props.pagination.total || 0), 1),
+            createTextVNode(" " + toDisplayString(unref(t)("hzzt.pagination.strip")), 1)
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            renderSlot(_ctx.$slots, "left")
+          ])
+        ]),
+        createElementVNode("div", _hoisted_6, [
           renderSlot(_ctx.$slots, "right"),
           createVNode(HzztIcon, {
-            class: normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page > 1 }]),
+            class: normalizeClass([{ "is-disabled": __props.pagination.current_page === 1 }, "margin-r-1 hzzt-pagination__icon"]),
             name: "arrow-left",
-            onClick: prePage
+            onClick: _cache[0] || (_cache[0] = ($event) => pageChange("prev"))
           }, null, 8, ["class"]),
-          createElementVNode("p", _hoisted_4, toDisplayString(__props.pagination.current_page) + "/" + toDisplayString(__props.pagination.total_pages), 1),
+          createVNode(_component_el_input, {
+            modelValue: __props.pagination.current_page,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.pagination.current_page = $event),
+            class: "hzzt-pagination__input",
+            onChange: handleJumpPage
+          }, null, 8, ["modelValue"]),
+          _hoisted_7,
+          createElementVNode("span", null, toDisplayString(__props.pagination.total_pages), 1),
           createVNode(HzztIcon, {
-            class: normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page < __props.pagination.total_pages }]),
+            class: normalizeClass([{ "is-disabled": __props.pagination.current_page === __props.pagination.total_pages }, "margin-l-1 hzzt-pagination__icon"]),
             name: "arrow-right",
-            onClick: nextPage
+            onClick: _cache[2] || (_cache[2] = ($event) => pageChange("next"))
           }, null, 8, ["class"])
         ])
       ]);

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/pagination/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"flex justify-content-between hzzt-pagination\">\n    <p class=\"flex align-items-center font-12 hzzt-pagination-total\">\n      {{ t('hzzt.pagination.total') }}{{ pagination.total\n      }}{{ t('hzzt.pagination.strip') }}\n    </p>\n    <div class=\"flex align-items-center hzzt-pagination-page font-14\">\n      <slot name=\"right\" />\n      <hzzt-icon\n        class=\"hzzt-pagination-arrow\"\n        :class=\"{ active: pagination.current_page > 1 }\"\n        name=\"arrow-left\"\n        @click=\"prePage\"\n      />\n      <p class=\"flex\">\n        {{ pagination.current_page }}/{{ pagination.total_pages }}\n      </p>\n      <hzzt-icon\n        class=\"hzzt-pagination-arrow\"\n        :class=\"{ active: pagination.current_page < pagination.total_pages }\"\n        name=\"arrow-right\"\n        @click=\"nextPage\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\nimport { useLocale } from '@hzzt-plus/hooks'\n\ndefineOptions({\n  name: 'HzztPagination',\n})\n\nconst props = defineProps({\n  pagination: {\n    type: Object,\n    default: () => ({\n      total: 0,\n      current_page: 1,\n      total_pages: 1,\n    }),\n  },\n})\n\nconst emit = defineEmits(['prev', 'next'])\nconst { t } = useLocale()\n\nfunction prePage() {\n  if (props.pagination.current_page > 1) {\n    emit('prev', props.pagination.current_page - 1)\n  } else {\n    return false\n  }\n}\n\nfunction nextPage() {\n  if (props.pagination.current_page < props.pagination.total_pages) {\n    emit('next', props.pagination.current_page + 1)\n  } else {\n    return false\n  }\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;AAcA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AAExB,IAAA,SAAS,OAAU,GAAA;AACjB,MAAI,IAAA,KAAA,CAAM,UAAW,CAAA,YAAA,GAAe,CAAG,EAAA;AACrC,QAAA,IAAA,CAAK,MAAQ,EAAA,KAAA,CAAM,UAAW,CAAA,YAAA,GAAe,CAAC,CAAA,CAAA;AAAA,OACzC,MAAA;AACL,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACF;AAEA,IAAA,SAAS,QAAW,GAAA;AAClB,MAAA,IAAI,KAAM,CAAA,UAAA,CAAW,YAAe,GAAA,KAAA,CAAM,WAAW,WAAa,EAAA;AAChE,QAAA,IAAA,CAAK,MAAQ,EAAA,KAAA,CAAM,UAAW,CAAA,YAAA,GAAe,CAAC,CAAA,CAAA;AAAA,OACzC,MAAA;AACL,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACF;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/pagination/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"flex align-items-center justify-content-between hzzt-pagination\">\n    <div class=\"flex flex-1\">\n      <div class=\"font-14\">\n        {{ t('hzzt.pagination.total') }}\n        <span class=\"hzzt-pagination__count\">{{ pagination.total || 0 }}</span>\n        {{ t('hzzt.pagination.strip') }}\n      </div>\n      <div class=\"flex-1\">\n        <slot name=\"left\" />\n      </div>\n    </div>\n    <div class=\"font-14 flex align-items-center\">\n      <slot name=\"right\" />\n      <hzzt-icon :class=\"{'is-disabled': pagination.current_page === 1}\" class=\"margin-r-1 hzzt-pagination__icon\"\n                 name=\"arrow-left\"\n                 @click=\"pageChange('prev')\" />\n      <el-input v-model=\"pagination.current_page\" class=\"hzzt-pagination__input\" @change=\"handleJumpPage\" />\n      <span class=\"margin-h-2\">/</span>\n      <span>{{ pagination.total_pages }}</span>\n      <hzzt-icon :class=\"{'is-disabled': pagination.current_page === pagination.total_pages}\"\n                 class=\"margin-l-1 hzzt-pagination__icon\"\n                 name=\"arrow-right\" @click=\"pageChange('next')\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n  import {useLocale} from '@hzzt-plus/hooks'\n\n  defineOptions({\n    name: 'HzztPagination',\n  })\n\n  const props = defineProps({\n    pagination: {\n      type: Object,\n      default: () => ({\n        total: 0,\n        current_page: 1,\n        total_pages: 1,\n      }),\n    },\n  })\n\n  const emit = defineEmits(['prev', 'next'])\n  const {t} = useLocale()\n\n  function pageChange(type: string, page?: number) {\n    if ((type === 'next' && props.pagination.current_page >= props.pagination.total_pages) ||\n      (type === 'prev' && props.pagination.current_page <= 1)\n    ) return;\n    if (type === 'jump') {\n      emit('next', page);\n      return;\n    }\n    if (type === 'next') {\n      emit('next', props.pagination.current_page + 1);\n    } else {\n      emit('prev', props.pagination.current_page - 1);\n    }\n  }\n\n  function handleJumpPage(val: string | number) {\n    val = Math.trunc(+val);\n    if (val > props.pagination.total_pages) {\n      val = props.pagination.total_pages;\n    } else if (val < 1) {\n      val = 1;\n    }\n    pageChange('jump', Number(val));\n  }\n</script>\n"],"names":["_defineComponent","_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_createTextVNode","_toDisplayString","_unref"],"mappings":";;;;;;;;;;;;;;;;AA4BE,MAAA,SAAqB,mBAAAA,eAAA,CAAA;AACrB,EAAA,GAAA,WAAwB;;;AAEV,MACN,IAAA,EAAA,MAAA;AACR,MAAA,OAAA,EAAA,OAAA;;;;;;;;;;;;;;;;AAcA,QAAM,OAAE;AAER,OAAS;AACP,MAAA,IAAK,IAAS,KAAA,MAAA,EAAA;AAEZ,QAAA,IAAA,CAAA,MAAA,EAAA,KAAA,CAAA,UAAA,CAAA,YAAA,GAAA,CAAA,CAAA,CAAA;AACF,OAAA;AACE,QAAA,IAAA,CAAK,QAAQ,KAAI,CAAA,UAAA,CAAA,YAAA,GAAA,CAAA,CAAA,CAAA;AACjB,OAAA;AAAA,KACF;AACA,IAAA,uBAAqB,CAAA,GAAA,EAAA;AACnB,MAAA,GAAA,GAAA,IAAa,CAAA,KAAA,CAAA,CAAA,GAAM,CAAW,CAAA;AAAgB,MAChD,IAAO,GAAA,GAAA,KAAA,CAAA,UAAA,CAAA,WAAA,EAAA;AACL,QAAA,GAAA,GAAa,KAAA,CAAA,UAAiB,CAAA,WAAA,CAAA;AAAgB,OAChD,MAAA,IAAA,GAAA,GAAA,CAAA,EAAA;AAAA,QACF,GAAA,GAAA,CAAA,CAAA;AAEA,OAAA;AACE,MAAM,UAAA,CAAK,MAAM,EAAI,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AACrB,KAAI;AACF,IAAA,OAAA,CAAA,YAAuB,KAAA;AAAA,MACzB,MAAA,mBAAoB,GAAAC,gBAAA,CAAA,UAAA,CAAA,CAAA;AAClB,MAAM,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,QACRC,kBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;AACA,UAAWA,kBAAe,CAAA,KAAG,EAAC,UAAA,EAAA;AAAA,YAChCC,eAAA,CAAAC,eAAA,CAAAC,KAAA,CAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,GAAA,GAAA,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -23,8 +23,8 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     emit: (event: "prev" | "next", ...args: any[]) => void;
     t: import("hzzt-plus/es/hooks").Translator;
-    prePage: () => false | undefined;
-    nextPage: () => false | undefined;
+    pageChange: (type: string, page?: number | undefined) => void;
+    handleJumpPage: (val: string | number) => void;
     HzztIcon: import("vue").DefineComponent<{
         name: {
             type: StringConstructor;

package/es/components/scroll/index.d.ts

@@ -0,0 +1,5 @@
+import Scroll from './src/scroll.vue';
+import type { SFCWithInstall } from 'hzzt-plus/es/utils';
+export declare const HzztScroll: SFCWithInstall<typeof Scroll>;
+export default HzztScroll;
+export * from './src/scroll';

package/es/components/scroll/index.mjs

@@ -0,0 +1,9 @@
+import '../../utils/index.mjs';
+import Scroll from './src/scroll.mjs';
+import './src/scroll2.mjs';
+import { withInstall } from '../../utils/vue/install.mjs';
+
+const HzztScroll = withInstall(Scroll);
+
+export { HzztScroll, HzztScroll as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/scroll/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/scroll/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\nimport Scroll from './src/scroll.vue'\nimport type { SFCWithInstall } from '@hzzt-plus/utils'\n\nexport const HzztScroll: SFCWithInstall<typeof Scroll> = withInstall(Scroll)\nexport default HzztScroll\n\nexport * from './src/scroll'\n"],"names":[],"mappings":";;;;;AAEY,MAAC,UAAU,GAAG,WAAW,CAAC,MAAM;;;;"}

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

@@ -0,0 +1,2 @@
+import type Scroll from './scroll.vue';
+export declare type ScrollInstance = InstanceType<typeof Scroll>;