hzzt-plus 1.0.6 → 2.0.0

package/lib/components/collapse/src/collapse.vue.d.ts

@@ -7,7 +7,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    expand: {
+    showLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -22,16 +26,158 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
-        expand: {
+        showLine: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modelValue: {
             type: BooleanConstructor;
             default: boolean;
         };
     }>> & {
-        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>>;
-    active: import("vue").Ref<boolean>;
+    emit: (event: "update:modelValue", ...args: any[]) => void;
+    expand: import("vue").Ref<boolean>;
     toggle: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    HzztIcon: import("vue").DefineComponent<{
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: StringConstructor;
+                required: true;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        attrs: {
+            [x: string]: unknown;
+        };
+        componentName: import("vue").ComputedRef<string>;
+        ElIcon: import("element-plus/es/utils").SFCWithInstall<{
+            new (...args: any[]): {
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                    readonly size: {
+                        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    };
+                    readonly color: {
+                        readonly type: import("vue").PropType<string>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    };
+                }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import("vue").Slot | undefined;
+                }>;
+                $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+                $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                    readonly size: {
+                        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    };
+                    readonly color: {
+                        readonly type: import("vue").PropType<string>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    };
+                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & {
+                    beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                    created?: ((() => void) | (() => void)[]) | undefined;
+                    beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                    mounted?: ((() => void) | (() => void)[]) | undefined;
+                    beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                    updated?: ((() => void) | (() => void)[]) | undefined;
+                    activated?: ((() => void) | (() => void)[]) | undefined;
+                    deactivated?: ((() => void) | (() => void)[]) | undefined;
+                    beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                    beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                    destroyed?: ((() => void) | (() => void)[]) | undefined;
+                    unmounted?: ((() => void) | (() => void)[]) | undefined;
+                    renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                    renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                    errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import("vue").nextTick;
+                $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+            } & Readonly<import("vue").ExtractPropTypes<{
+                readonly size: {
+                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly color: {
+                    readonly type: import("vue").PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+            }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            readonly size: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly color: {
+                readonly type: import("vue").PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default?(_: {}): any;
+            };
+        })>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>>, {
+        type: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     defaultActive: {
         type: BooleanConstructor;
         default: boolean;
@@ -40,13 +186,20 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    expand: {
+    showLine: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: boolean;
     defaultActive: boolean;
     title: string;
-    expand: boolean;
+    showLine: boolean;
 }>;
 export default _default;

package/lib/components/collapse/src/collapse2.js

@@ -4,19 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 require('../../../hooks/index.js');
+var index$1 = require('../../icon/src/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-locale/index.js');
 
-const _hoisted_1 = { class: "hzzt-collapse" };
-const _hoisted_2 = { class: "flex align-items-center" };
-const _hoisted_3 = { class: "hzzt-collapse-title-wrapper" };
-const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
-const _hoisted_5 = { class: "hzzt-collapse-title" };
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
-const _hoisted_7 = {
+const _hoisted_1 = { class: "hzzt-collapse flex column" };
+const _hoisted_2 = { class: "hzzt-collapse__top" };
+const _hoisted_3 = { class: "hzzt-collapse__title" };
+const _hoisted_4 = {
   key: 0,
-  class: "hzzt-collapse-text"
+  class: "hzzt-collapse__line"
 };
+const _hoisted_5 = { class: "hzzt-collapse__content flex-1" };
 const __default__ = vue.defineComponent({
   name: "HzztCollapse"
 });
@@ -25,44 +24,66 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: {
     defaultActive: {
       type: Boolean,
-      default: false
+      default: true
     },
     title: {
       type: String,
       default: ""
     },
-    expand: {
+    showLine: {
+      type: Boolean,
+      default: true
+    },
+    modelValue: {
       type: Boolean,
       default: true
     }
   },
-  setup(__props) {
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
     const props = __props;
     const { t } = index.useLocale();
-    const active = vue.ref(props.defaultActive);
-    vue.watch(() => props.defaultActive, (val) => {
-      active.value = val;
+    const expand = vue.ref(props.modelValue);
+    if (!props.defaultActive) {
+      emit("update:modelValue", false);
+      expand.value = false;
+    }
+    vue.watch(() => props.modelValue, (v) => {
+      expand.value = v;
     });
     function toggle() {
-      active.value = !active.value;
+      expand.value = !expand.value;
+      emit("update:modelValue", expand.value);
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", {
-          class: "hzzt-collapse-header",
-          onClick: toggle
-        }, [
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.createElementVNode("div", _hoisted_3, [
-              _hoisted_4,
-              vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(__props.title), 1)
-            ]),
-            _hoisted_6
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(__props.title), 1)
+            ])
           ]),
-          __props.expand ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(active.value ? vue.unref(t)("hzzt.collapse.retract") : vue.unref(t)("hzzt.collapse.expand")), 1)) : vue.createCommentVNode("v-if", true)
+          __props.showLine ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4)) : vue.createCommentVNode("v-if", true),
+          vue.renderSlot(_ctx.$slots, "toggle-btn", {}, () => [
+            vue.createElementVNode("div", {
+              class: "hzzt-collapse__btn",
+              onClick: toggle
+            }, [
+              vue.createVNode(index$1["default"], {
+                name: !expand.value ? "hzzt-plus-square-outline" : "hzzt-minus-square-outline",
+                class: "hzzt-collapse__icon",
+                size: "14"
+              }, null, 8, ["name"]),
+              vue.createElementVNode("span", null, vue.toDisplayString(expand.value ? vue.unref(t)("hzzt.collapse.retract") : vue.unref(t)("hzzt.collapse.expand")), 1)
+            ])
+          ])
+        ]),
+        vue.withDirectives(vue.createElementVNode("div", _hoisted_5, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 512), [
+          [vue.vShow, expand.value]
         ]),
-        vue.renderSlot(_ctx.$slots, "active", { active: active.value }),
-        vue.renderSlot(_ctx.$slots, "default")
+        vue.renderSlot(_ctx.$slots, "active", { active: expand.value })
       ]);
     };
   }

package/lib/components/collapse/src/collapse2.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse2.js","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-collapse\">\n    <div class=\"hzzt-collapse-header\" @click=\"toggle\">\n      <div class=\"flex align-items-center\">\n        <div class=\"hzzt-collapse-title-wrapper\">\n          <div class=\"hzzt-collapse-title-block\" />\n          <div class=\"hzzt-collapse-title\">{{ title }}</div>\n        </div>\n        <div class=\"hzzt-collapse-line\" />\n      </div>\n      <span v-if=\"expand\" class=\"hzzt-collapse-text\">{{\n        active ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand')\n      }}</span>\n    </div>\n    <slot name=\"active\" :active=\"active\" />\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { useLocale } from '@hzzt-plus/hooks'\n\ndefineOptions({\n  name: 'HzztCollapse',\n})\nconst { t } = useLocale()\nconst props = defineProps({\n  defaultActive: {\n    type: Boolean,\n    default: false,\n  },\n  title: {\n    type: String,\n    default: '',\n  },\n  expand: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst active = ref(props.defaultActive)\n\nwatch(\n  () => props.defaultActive,\n  (val: boolean) => {\n    active.value = val\n  }\n)\n\nfunction toggle() {\n  active.value = !active.value\n}\n</script>\n"],"names":["_createElementVNode","_toDisplayString","_openBlock","_createElementBlock","_unref","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,KAAA;AACA,IAAA,KAAS,EAAiB;;;AAEZ,KACN;AACR,IAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;AACA,UAAM,OAAI,EAAc,MAAA;AAgBxB,SAAM,EAAA;AAEN,UAAAA,sBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,YACQA,sBAAM,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,cACM,UAAA;AAChB,cAAAA,sBAAe,CAAA,KAAA,EAAA,UAAA,EAAAC,mBAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,aACjB,CAAA;AAAA,YACF,UAAA;AAEA,WAAA,CAAA;AACE,UAAO,OAAA,CAAA,MAAgB,IAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,MAAA,EAAA,UAAA,EAAAF,mBAAA,CAAA,MAAA,CAAA,KAAA,GAAAG,SAAA,CAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,GAAAA,SAAA,CAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,SACzB,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"collapse2.js","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-collapse flex column\">\n    <div class=\"hzzt-collapse__top\">\n      <div class=\"hzzt-collapse__title\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n      <div v-if=\"showLine\" class=\"hzzt-collapse__line\" />\n      <slot name=\"toggle-btn\">\n        <div class=\"hzzt-collapse__btn\" @click=\"toggle\">\n          <hzzt-icon :name=\"!expand ? 'hzzt-plus-square-outline' : 'hzzt-minus-square-outline'\"\n                     class=\"hzzt-collapse__icon\" size=\"14\" />\n          <span>{{ expand ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand') }}</span>\n        </div>\n      </slot>\n    </div>\n    <div v-show=\"expand\" class=\"hzzt-collapse__content flex-1\">\n      <slot />\n    </div>\n\n    <slot :active=\"expand\" name=\"active\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import {useLocale} from '@hzzt-plus/hooks'\n  import HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n  import {ref, watch} from 'vue'\n\n  defineOptions({\n    name: 'HzztCollapse',\n  })\n  const {t} = useLocale()\n  const props = defineProps({\n    defaultActive: {\n      type: Boolean,\n      default: true,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    showLine: {\n      type: Boolean,\n      default: true,\n    },\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n  })\n  const emit = defineEmits(['update:modelValue'])\n\n  const expand = ref(props.modelValue)\n\n  if (!props.defaultActive) {\n    emit('update:modelValue', false);\n    expand.value = false;\n  }\n\n  watch(() => props.modelValue, (v) => {\n    expand.value = v;\n  })\n\n  function toggle() {\n    expand.value = !expand.value;\n    emit('update:modelValue', expand.value);\n  }\n\n</script>\n"],"names":["useLocale","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;uCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAM,MAAA,EAAC,CAAC,EAAA,GAAIA,eAAU,EAAA,CAAA;AAqBtB,IAAM,MAAA,MAAA,GAASC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAEnC,IAAI,IAAA,CAAC,MAAM,aAAe,EAAA;AACxB,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAC/B,MAAA,MAAA,CAAO,KAAQ,GAAA,KAAA,CAAA;AAAA,KACjB;AAEA,IAAAC,SAAA,CAAM,MAAM,KAAA,CAAM,UAAY,EAAA,CAAC,CAAM,KAAA;AACnC,MAAA,MAAA,CAAO,KAAQ,GAAA,CAAA,CAAA;AAAA,KAChB,CAAA,CAAA;AAED,IAAA,SAAS,MAAS,GAAA;AAChB,MAAO,MAAA,CAAA,KAAA,GAAQ,CAAC,MAAO,CAAA,KAAA,CAAA;AACvB,MAAK,IAAA,CAAA,mBAAA,EAAqB,OAAO,KAAK,CAAA,CAAA;AAAA,KACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/icon/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Icons = require('@element-plus/icons-vue');
+var index$1 = require('./src/components/index.js');
 var index = require('./src/index.js');
 
 function _interopNamespace(e) {
@@ -31,6 +32,9 @@ const HzztIcon = {
     for (const key in Icons__namespace) {
       app.component(tarnsElIconName(key), Icons__namespace[key]);
     }
+    for (const key in index$1) {
+      app.component(tarnsElIconName(key), Icons__namespace[key]);
+    }
   }
 };
 function tarnsElIconName(name) {

package/lib/components/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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","Icons"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEY,MAAC,QAAQ,GAAG;AACxB,EAAE,OAAO,CAAC,GAAG,EAAE;AACf,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,EAAEA,gBAAI,CAAC,CAAC;AACpC,IAAI,KAAK,MAAM,GAAG,IAAIC,gBAAK,EAAE;AAC7B,MAAM,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC,EAAEA,gBAAK,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.js","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","Icons","HzztIcons"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGY,MAAC,QAAQ,GAAG;AACxB,EAAE,OAAO,CAAC,GAAG,EAAE;AACf,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,EAAEA,gBAAI,CAAC,CAAC;AACpC,IAAI,KAAK,MAAM,GAAG,IAAIC,gBAAK,EAAE;AAC7B,MAAM,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC,EAAEA,gBAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACtD,KAAK;AACL,IAAI,KAAK,MAAM,GAAG,IAAIC,OAAS,EAAE;AACjC,MAAM,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC,EAAED,gBAAK,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/lib/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/lib/components/icon/src/components/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var plusSquareOutline = require('./plus-square-outline.js');
+var minusSquareOutline = require('./minus-square-outline.js');
+
+
+
+exports.HzztPlusSquareOutline = plusSquareOutline["default"];
+exports.HzztMinusSquareOutline = minusSquareOutline["default"];
+//# sourceMappingURL=index.js.map

package/lib/components/icon/src/components/index.js.map

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

package/lib/components/icon/src/components/minus-square-outline.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+
+const _sfc_main = /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+var minusSquareOutline = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "minus-square-outline.vue"]]);
+
+exports["default"] = minusSquareOutline;
+//# sourceMappingURL=minus-square-outline.js.map

package/lib/components/icon/src/components/minus-square-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minus-square-outline.js","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","_export_sfc"],"mappings":";;;;;;;kCAegBA,mBAAA,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,sBAAA,CAAA,MAAA,EAAA,EAAA,CAAA,EAAA,2FAAA,EAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MAAsG,UAAA,mBAAAA,sBAAA,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,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA,UAAA,EAAA,UAAA,CAAA,CAAA;AAAA,CAAoJ;AAAH,yBAAA,gBAAAC,iCAAA,CAAA,SAAA,EAAA,CAAA,CAAA,QAAA,EAAA,WAAA,CAAA,EAAA,CAAA,QAAA,EAAA,0BAAA,CAAA,CAAA,CAAA;;;;"}

package/lib/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/lib/components/icon/src/components/plus-square-outline.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+
+const _sfc_main = /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+var plusSquareOutline = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "plus-square-outline.vue"]]);
+
+exports["default"] = plusSquareOutline;
+//# sourceMappingURL=plus-square-outline.js.map

package/lib/components/icon/src/components/plus-square-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plus-square-outline.js","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","_export_sfc"],"mappings":";;;;;;;kCAegBA,mBAAA,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,sBAAA,CAAA,MAAA,EAAA,EAAA,CAAA,EAAA,2LAAA,EAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MAAsM,UAAA,mBAAAA,sBAAA,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,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA,UAAA,EAAA,UAAA,CAAA,CAAA;AAAA,CAAoJ;AAAH,wBAAA,gBAAAC,iCAAA,CAAA,SAAA,EAAA,CAAA,CAAA,QAAA,EAAA,WAAA,CAAA,EAAA,CAAA,QAAA,EAAA,yBAAA,CAAA,CAAA,CAAA;;;;"}

package/lib/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/lib/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/lib/components/index.js

@@ -21,13 +21,14 @@ var index$f = require('./input-range/index.js');
 var index$g = require('./cascader/index.js');
 var index$h = require('./select/index.js');
 var index$i = require('./click-input/index.js');
+var index$j = require('./scroll/index.js');
 var title = require('./title/src/title.js');
 var configProviderProps = require('./config-provider/src/config-provider-props.js');
 var constants = require('./config-provider/src/constants.js');
 var useGlobalConfig = require('./config-provider/src/hooks/use-global-config.js');
 var scan = require('./scan/src/scan.js');
 var selectInput = require('./select-input/src/select-input.js');
-var selectTextarea = require('./select-textarea/src/select-textarea.js');
+var selectTextarea = require('./select-textarea/src/select-textarea2.js');
 var inputRange = require('./input-range/src/input-range.js');
 var cascader = require('./cascader/src/cascader.js');
 var select = require('./select/src/select.js');
@@ -54,6 +55,7 @@ exports.HzztInputRange = index$f.HzztInputRange;
 exports.HzztCascader = index$g.HzztCascader;
 exports.HzztSelect = index$h.HzztSelect;
 exports.HzztClickInput = index$i.HzztClickInput;
+exports.HzztScroll = index$j.HzztScroll;
 exports.titleProps = title.titleProps;
 exports.configProviderProps = configProviderProps.configProviderProps;
 exports.configProviderContextKey = constants.configProviderContextKey;

package/lib/components/index.js.map

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

package/lib/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/lib/components/pagination/src/index.js

@@ -8,10 +8,13 @@ require('../../../hooks/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-locale/index.js');
 
-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__ */ vue.createElementVNode("span", { class: "margin-h-2" }, "/", -1);
 const __default__ = vue.defineComponent({
   name: "HzztPagination"
 });
@@ -31,35 +34,60 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     const { t } = index.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 = vue.resolveComponent("el-input");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("p", _hoisted_2, vue.toDisplayString(vue.unref(t)("hzzt.pagination.total")) + vue.toDisplayString(__props.pagination.total) + vue.toDisplayString(vue.unref(t)("hzzt.pagination.strip")), 1),
-        vue.createElementVNode("div", _hoisted_3, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("hzzt.pagination.total")) + " ", 1),
+            vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(__props.pagination.total || 0), 1),
+            vue.createTextVNode(" " + vue.toDisplayString(vue.unref(t)("hzzt.pagination.strip")), 1)
+          ]),
+          vue.createElementVNode("div", _hoisted_5, [
+            vue.renderSlot(_ctx.$slots, "left")
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_6, [
           vue.renderSlot(_ctx.$slots, "right"),
           vue.createVNode(index$1["default"], {
-            class: vue.normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page > 1 }]),
+            class: vue.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"]),
-          vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(__props.pagination.current_page) + "/" + vue.toDisplayString(__props.pagination.total_pages), 1),
+          vue.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,
+          vue.createElementVNode("span", null, vue.toDisplayString(__props.pagination.total_pages), 1),
           vue.createVNode(index$1["default"], {
-            class: vue.normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page < __props.pagination.total_pages }]),
+            class: vue.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"])
         ])
       ]);