hzzt-plus 1.0.6 → 2.0.0

package/lib/components/select-textarea/src/select-textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-textarea.js","sources":["../../../../../../packages/components/select-textarea/src/select-textarea.ts"],"sourcesContent":["import {buildProps, definePropType, isString, isNumber, isBoolean} from '@hzzt-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type SelectTextarea from './select-textarea.vue'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\nimport {OptionType} from \"@hzzt-plus/components\";\nimport {CHANGE_EVENT, INPUT_EVENT, UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport const selectTextareaProps = buildProps({\n  size: useSizeProp,\n  disabled: Boolean,\n  label: String,\n  data: {\n    type: definePropType<OptionType[]>(Array),\n    default: () => [],\n  },\n  inputProps: Object,\n  replace: Boolean,\n  modelValue: {\n    type: definePropType<string | number | null | undefined>([\n      String,\n      Number,\n    ]),\n    default: '',\n  },\n})\n\nexport type SelectTextareaProps = ExtractPropTypes<typeof selectTextareaProps>\n\nexport const selectTextareaEmits = {\n  [UPDATE_MODEL_EVENT]: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  [CHANGE_EVENT]: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  [INPUT_EVENT]: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  select: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n}\nexport type SelectTextareaEmits = typeof selectTextareaEmits\n\nexport type SelectTextareaInstance = InstanceType<typeof SelectTextarea>\n"],"names":["buildProps","useSizeProp","definePropType","UPDATE_MODEL_EVENT","isString","isNumber","isBoolean","CHANGE_EVENT","INPUT_EVENT"],"mappings":";;;;;;;;;;;;;AAGY,MAAC,mBAAmB,GAAGA,kBAAU,CAAC;AAC9C,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,sBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;AACnC,EAAE,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAKC,eAAQ,CAAC,GAAG,CAAC,IAAIC,cAAQ,CAAC,GAAG,CAAC,IAAIC,eAAS,CAAC,GAAG,CAAC;AACjF,EAAE,CAACC,kBAAY,GAAG,CAAC,GAAG,KAAKH,eAAQ,CAAC,GAAG,CAAC,IAAIC,cAAQ,CAAC,GAAG,CAAC,IAAIC,eAAS,CAAC,GAAG,CAAC;AAC3E,EAAE,CAACE,iBAAW,GAAG,CAAC,GAAG,KAAKJ,eAAQ,CAAC,GAAG,CAAC,IAAIC,cAAQ,CAAC,GAAG,CAAC,IAAIC,eAAS,CAAC,GAAG,CAAC;AAC1E,EAAE,MAAM,EAAE,CAAC,GAAG,KAAKF,eAAQ,CAAC,GAAG,CAAC,IAAIC,cAAQ,CAAC,GAAG,CAAC,IAAIC,eAAS,CAAC,GAAG,CAAC;AACnE;;;;;"}
+{"version":3,"file":"select-textarea.js","sources":["../../../../../../packages/components/select-textarea/src/select-textarea.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\">\n    <div class=\"flex column\">\n      <div class=\"flex align-items-center\">\n        <slot name=\"title\">\n          <hzzt-title class=\"margin-l-1\" :label=\"label\"></hzzt-title>\n        </slot>\n        <el-select-v2 class=\"flex-1\" v-model=\"selectValue\" allow-create filterable clearable @change=\"selectChange\"\n                      v-if=\"!trueDisabled\" :options=\"data\"></el-select-v2>\n        <slot name=\"right\"></slot>\n      </div>\n      <el-input ref=\"inputRef\" class=\"flex-1 margin-t-1\" v-model=\"inputVal\" v-bind=\"_inputProps\"\n                @input=\"input\"\n                @change=\"change\"></el-input>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {selectTextareaProps, selectTextareaEmits} from './select-textarea'\n  import {computed, ref, watch} from \"vue\";\n  import {useGlobalSize, useNamespace, insertCursorPosition} from \"@hzzt-plus/hooks\";\n  import {useFormDisabled, useFormSize} from \"element-plus\";\n  import HzztTitle from \"@hzzt-plus/components/title/src/title.vue\";\n  import {ElInput, ElSelectV2} from 'element-plus'\n\n  defineOptions({\n    name: 'HzztSelectTextarea',\n  })\n\n  const props = defineProps(selectTextareaProps)\n  const emit = defineEmits(selectTextareaEmits)\n\n  const inputVal = ref(props.modelValue);\n  const selectValue = ref('');\n  const inputRef = ref();\n\n  const nsInput = useNamespace('select-textarea')\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  const _inputProps = computed(() => ({\n    disabled: trueDisabled.value,\n    clearable: true,\n    ...props.inputProps,\n    type: 'textarea',\n  }))\n\n  watch(() => props.modelValue, (v) => {\n    inputVal.value = v;\n  })\n\n  function input(val: string) {\n    emit('update:modelValue', val);\n    emit('input', val);\n  }\n\n  function change(val: string) {\n    emit('change', val);\n  }\n\n  function selectChange(val: string) {\n    if (!inputVal.value && inputVal.value !== 0) inputVal.value = '';\n    selectValue.value = '';\n    let content = val;\n    if (!props.replace) {\n      const inputEl = inputRef.value.$el.getElementsByTagName('textarea')[0];\n      content = insertCursorPosition(inputEl, val);\n    }\n    input(content);\n    change(content);\n    emit('select', val);\n  }\n\n\n</script>\n"],"names":["ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch","insertCursorPosition","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;uCA0BgB,CAAA;AAAA,EACZ,IAAM,EAAA,oBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,QAAA,GAAWA,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACrC,IAAM,MAAA,WAAA,GAAcA,QAAI,EAAE,CAAA,CAAA;AAC1B,IAAA,MAAM,WAAWA,OAAI,EAAA,CAAA;AAErB,IAAM,MAAA,OAAA,GAAUC,mBAAa,iBAAiB,CAAA,CAAA;AAC9C,IAAA,MAAM,WAAWC,uBAAY,EAAA,CAAA;AAC7B,IAAA,MAAM,eAAeC,2BAAgB,EAAA,CAAA;AAErC,IAAA,MAAM,QAAW,GAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,IAAA,IAAA,QAAA,CAAA,KAAA,IAAAC,qBAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAAA,kBACH,GAAAD,YAAiB,CAAA,MAAA,kBAAuB,YAAE,CAAA,KAAA,CAAA,CAAA;AAAA,IACxD,MAAA,YAAA,GAAAA,YAAA,CAAA,MAAA;AAEA,MAAA;AAEA,MAAM,OAAA,CAAA,CAAA,CAAA,QAAA,CAAe;AAAe,KAAA,CAClC;AAAU,IACV,MAAA,WAAU,GAAAA,YAAc,CAAA,OAAA;AAAA,MACzB,QAAA,EAAA,YAAA,CAAA,KAAA;AAED,MAAM,SAAA,EAAA,IAAA;AAA8B,MAClC,mBAAuB;AAAA,MACvB,IAAW,EAAA,UAAA;AAAA,KAAA,CACX;AAAS,IAAAE,SACH,CAAA,MAAA,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACN,QAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAEF,KAAA,CAAA,CAAA;AACE,IAAA,SAAA,KAAiB,CAAA,GAAA,EAAA;AAAA,MAClB,IAAA,CAAA,mBAAA,EAAA,GAAA,CAAA,CAAA;AAED,MAAA,IAAA,CAAA,SAA4B,GAAA,CAAA,CAAA;AAC1B,KAAA;AACA,IAAA,gBAAc,GAAG,EAAA;AAAA,MACnB,IAAA,CAAA,QAAA,EAAA,GAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,qBAAkB,CAAA,GAAA,EAAA;AAAA,MACpB,IAAA,CAAA,QAAA,CAAA,KAAA,IAAA,QAAA,CAAA,KAAA,KAAA,CAAA;AAEA,QAAA,mBAAmC,CAAA;AACjC,MAAA,WAAK,CAAA,KAAkB,GAAA,EAAA,CAAA;AAAsB,MAAA,IAAA,OAAS,GAAQ,GAAA,CAAA;AAC9D,MAAA,IAAA,CAAA,KAAA,CAAA,OAAoB,EAAA;AACpB,QAAA,MAAc,OAAA,GAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,QAAI,UAAgBC,4BAAA,CAAA,OAAA,EAAA,GAAA,CAAA,CAAA;AAClB,OAAA;AACA,MAAU,KAAA,CAAA,OAAA,CAAA,CAAA;AAAiC,MAC7C,MAAA,CAAA,OAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAA,QAAa,EAAA,GAAA,CAAA,CAAA;AACb,KAAA;AACA,IAAA,OAAK,aAAa,KAAA;AAAA,MACpB,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/select-textarea/src/select-textarea.vue.d.ts

@@ -69,13 +69,46 @@ declare const _default: import("vue").DefineComponent<{
     HzztTitle: import("vue").DefineComponent<{
         readonly label: StringConstructor;
         readonly sideline: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly size: {
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             readonly label: StringConstructor;
             readonly sideline: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly size: {
+                readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
+        formSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        trueSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+        nameKls: import("vue").ComputedRef<string[]>;
         slots: Readonly<{
             [name: string]: import("vue").Slot | undefined;
         }>;
@@ -83,6 +116,12 @@ declare const _default: import("vue").DefineComponent<{
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly sideline: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly size: {
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
     }>>, {
         readonly sideline: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     }>;

package/lib/components/select-textarea/src/select-textarea2.js

@@ -2,109 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var selectTextarea = require('./select-textarea.js');
+require('../../../utils/index.js');
 require('../../../hooks/index.js');
-var elementPlus = require('element-plus');
-var title = require('../../title/src/title2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-size/index.js');
-var index$2 = require('../../../hooks/use-cursor/index.js');
+require('../../../constants/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var index = require('../../../hooks/use-size/index.js');
+var event = require('../../../constants/event.js');
+var shared = require('@vue/shared');
+var types = require('../../../utils/types.js');
 
-const _hoisted_1 = { class: "flex column" };
-const _hoisted_2 = { class: "flex align-items-center" };
-const __default__ = vue.defineComponent({
-  name: "HzztSelectTextarea"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: selectTextarea.selectTextareaProps,
-  emits: selectTextarea.selectTextareaEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const inputVal = vue.ref(props.modelValue);
-    const selectValue = vue.ref("");
-    const inputRef = vue.ref();
-    const nsInput = index.useNamespace("select-textarea");
-    const formSize = elementPlus.useFormSize();
-    const formDisabled = elementPlus.useFormDisabled();
-    const trueSize = vue.computed(() => props.size || formSize.value || index$1.useGlobalSize().value);
-    const trueDisabled = vue.computed(() => props.disabled || formDisabled.value);
-    const containerCls = vue.computed(() => [
-      nsInput.b(),
-      nsInput.m(trueSize.value)
-    ]);
-    const _inputProps = vue.computed(() => ({
-      disabled: trueDisabled.value,
-      clearable: true,
-      ...props.inputProps,
-      type: "textarea"
-    }));
-    vue.watch(() => props.modelValue, (v) => {
-      inputVal.value = v;
-    });
-    function input(val) {
-      emit("update:modelValue", val);
-      emit("input", val);
-    }
-    function change(val) {
-      emit("change", val);
-    }
-    function selectChange(val) {
-      if (!inputVal.value && inputVal.value !== 0)
-        inputVal.value = "";
-      selectValue.value = "";
-      let content = val;
-      if (!props.replace) {
-        const inputEl = inputRef.value.$el.getElementsByTagName("textarea")[0];
-        content = index$2.insertCursorPosition(inputEl, val);
-      }
-      input(content);
-      change(content);
-      emit("select", val);
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(containerCls))
-      }, [
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.renderSlot(_ctx.$slots, "title", {}, () => [
-              vue.createVNode(title["default"], {
-                class: "margin-l-1",
-                label: _ctx.label
-              }, null, 8, ["label"])
-            ]),
-            !vue.unref(trueDisabled) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElSelectV2), {
-              key: 0,
-              class: "flex-1",
-              modelValue: selectValue.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectValue.value = $event),
-              "allow-create": "",
-              filterable: "",
-              clearable: "",
-              onChange: selectChange,
-              options: _ctx.data
-            }, null, 8, ["modelValue", "options"])) : vue.createCommentVNode("v-if", true),
-            vue.renderSlot(_ctx.$slots, "right")
-          ]),
-          vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
-            ref_key: "inputRef",
-            ref: inputRef,
-            class: "flex-1 margin-t-1",
-            modelValue: inputVal.value,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputVal.value = $event)
-          }, vue.unref(_inputProps), {
-            onInput: input,
-            onChange: change
-          }), null, 16, ["modelValue"])
-        ])
-      ], 2);
-    };
+const selectTextareaProps = runtime.buildProps({
+  size: index.useSizeProp,
+  disabled: Boolean,
+  label: String,
+  data: {
+    type: runtime.definePropType(Array),
+    default: () => []
+  },
+  inputProps: Object,
+  replace: Boolean,
+  modelValue: {
+    type: runtime.definePropType([
+      String,
+      Number
+    ]),
+    default: ""
   }
 });
-var SelectTextarea = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "select-textarea.vue"]]);
+const selectTextareaEmits = {
+  [event.UPDATE_MODEL_EVENT]: (val) => shared.isString(val) || types.isNumber(val) || types.isBoolean(val),
+  [event.CHANGE_EVENT]: (val) => shared.isString(val) || types.isNumber(val) || types.isBoolean(val),
+  [event.INPUT_EVENT]: (val) => shared.isString(val) || types.isNumber(val) || types.isBoolean(val),
+  select: (val) => shared.isString(val) || types.isNumber(val) || types.isBoolean(val)
+};
 
-exports["default"] = SelectTextarea;
+exports.selectTextareaEmits = selectTextareaEmits;
+exports.selectTextareaProps = selectTextareaProps;
 //# sourceMappingURL=select-textarea2.js.map

package/lib/components/select-textarea/src/select-textarea2.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-textarea2.js","sources":["../../../../../../packages/components/select-textarea/src/select-textarea.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\">\n    <div class=\"flex column\">\n      <div class=\"flex align-items-center\">\n        <slot name=\"title\">\n          <hzzt-title class=\"margin-l-1\" :label=\"label\"></hzzt-title>\n        </slot>\n        <el-select-v2 class=\"flex-1\" v-model=\"selectValue\" allow-create filterable clearable @change=\"selectChange\"\n                      v-if=\"!trueDisabled\" :options=\"data\"></el-select-v2>\n        <slot name=\"right\"></slot>\n      </div>\n      <el-input ref=\"inputRef\" class=\"flex-1 margin-t-1\" v-model=\"inputVal\" v-bind=\"_inputProps\"\n                @input=\"input\"\n                @change=\"change\"></el-input>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {selectTextareaProps, selectTextareaEmits} from './select-textarea'\n  import {computed, ref, watch} from \"vue\";\n  import {useGlobalSize, useNamespace, insertCursorPosition} from \"@hzzt-plus/hooks\";\n  import {useFormDisabled, useFormSize} from \"element-plus\";\n  import HzztTitle from \"@hzzt-plus/components/title/src/title.vue\";\n  import {ElInput, ElSelectV2} from 'element-plus'\n\n  defineOptions({\n    name: 'HzztSelectTextarea',\n  })\n\n  const props = defineProps(selectTextareaProps)\n  const emit = defineEmits(selectTextareaEmits)\n\n  const inputVal = ref(props.modelValue);\n  const selectValue = ref('');\n  const inputRef = ref();\n\n  const nsInput = useNamespace('select-textarea')\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  const _inputProps = computed(() => ({\n    disabled: trueDisabled.value,\n    clearable: true,\n    ...props.inputProps,\n    type: 'textarea',\n  }))\n\n  watch(() => props.modelValue, (v) => {\n    inputVal.value = v;\n  })\n\n  function input(val: string) {\n    emit('update:modelValue', val);\n    emit('input', val);\n  }\n\n  function change(val: string) {\n    emit('change', val);\n  }\n\n  function selectChange(val: string) {\n    if (!inputVal.value && inputVal.value !== 0) inputVal.value = '';\n    selectValue.value = '';\n    let content = val;\n    if (!props.replace) {\n      const inputEl = inputRef.value.$el.getElementsByTagName('textarea')[0];\n      content = insertCursorPosition(inputEl, val);\n    }\n    input(content);\n    change(content);\n    emit('select', val);\n  }\n\n\n</script>\n"],"names":["ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch","insertCursorPosition","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;uCA0BgB,CAAA;AAAA,EACZ,IAAM,EAAA,oBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,QAAA,GAAWA,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACrC,IAAM,MAAA,WAAA,GAAcA,QAAI,EAAE,CAAA,CAAA;AAC1B,IAAA,MAAM,WAAWA,OAAI,EAAA,CAAA;AAErB,IAAM,MAAA,OAAA,GAAUC,mBAAa,iBAAiB,CAAA,CAAA;AAC9C,IAAA,MAAM,WAAWC,uBAAY,EAAA,CAAA;AAC7B,IAAA,MAAM,eAAeC,2BAAgB,EAAA,CAAA;AAErC,IAAA,MAAM,QAAW,GAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,IAAA,IAAA,QAAA,CAAA,KAAA,IAAAC,qBAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAAA,kBACH,GAAAD,YAAiB,CAAA,MAAA,kBAAuB,YAAE,CAAA,KAAA,CAAA,CAAA;AAAA,IACxD,MAAA,YAAA,GAAAA,YAAA,CAAA,MAAA;AAEA,MAAA;AAEA,MAAM,OAAA,CAAA,CAAA,CAAA,QAAA,CAAe;AAAe,KAAA,CAClC;AAAU,IACV,MAAA,WAAU,GAAAA,YAAc,CAAA,OAAA;AAAA,MACzB,QAAA,EAAA,YAAA,CAAA,KAAA;AAED,MAAM,SAAA,EAAA,IAAA;AAA8B,MAClC,mBAAuB;AAAA,MACvB,IAAW,EAAA,UAAA;AAAA,KAAA,CACX;AAAS,IAAAE,SACH,CAAA,MAAA,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACN,QAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAEF,KAAA,CAAA,CAAA;AACE,IAAA,SAAA,KAAiB,CAAA,GAAA,EAAA;AAAA,MAClB,IAAA,CAAA,mBAAA,EAAA,GAAA,CAAA,CAAA;AAED,MAAA,IAAA,CAAA,SAA4B,GAAA,CAAA,CAAA;AAC1B,KAAA;AACA,IAAA,gBAAc,GAAG,EAAA;AAAA,MACnB,IAAA,CAAA,QAAA,EAAA,GAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,qBAAkB,CAAA,GAAA,EAAA;AAAA,MACpB,IAAA,CAAA,QAAA,CAAA,KAAA,IAAA,QAAA,CAAA,KAAA,KAAA,CAAA;AAEA,QAAA,mBAAmC,CAAA;AACjC,MAAA,WAAK,CAAA,KAAkB,GAAA,EAAA,CAAA;AAAsB,MAAA,IAAA,OAAS,GAAQ,GAAA,CAAA;AAC9D,MAAA,IAAA,CAAA,KAAA,CAAA,OAAoB,EAAA;AACpB,QAAA,MAAc,OAAA,GAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACd,QAAI,UAAgBC,4BAAA,CAAA,OAAA,EAAA,GAAA,CAAA,CAAA;AAClB,OAAA;AACA,MAAU,KAAA,CAAA,OAAA,CAAA,CAAA;AAAiC,MAC7C,MAAA,CAAA,OAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAA,QAAa,EAAA,GAAA,CAAA,CAAA;AACb,KAAA;AACA,IAAA,OAAK,aAAa,KAAA;AAAA,MACpB,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"select-textarea2.js","sources":["../../../../../../packages/components/select-textarea/src/select-textarea.ts"],"sourcesContent":["import {buildProps, definePropType, isString, isNumber, isBoolean} from '@hzzt-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type SelectTextarea from './select-textarea.vue'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\nimport {OptionType} from \"@hzzt-plus/components\";\nimport {CHANGE_EVENT, INPUT_EVENT, UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport const selectTextareaProps = buildProps({\n  size: useSizeProp,\n  disabled: Boolean,\n  label: String,\n  data: {\n    type: definePropType<OptionType[]>(Array),\n    default: () => [],\n  },\n  inputProps: Object,\n  replace: Boolean,\n  modelValue: {\n    type: definePropType<string | number | null | undefined>([\n      String,\n      Number,\n    ]),\n    default: '',\n  },\n})\n\nexport type SelectTextareaProps = ExtractPropTypes<typeof selectTextareaProps>\n\nexport const selectTextareaEmits = {\n  [UPDATE_MODEL_EVENT]: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  [CHANGE_EVENT]: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  [INPUT_EVENT]: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  select: (val: string | number | boolean | undefined) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n}\nexport type SelectTextareaEmits = typeof selectTextareaEmits\n\nexport type SelectTextareaInstance = InstanceType<typeof SelectTextarea>\n"],"names":["buildProps","useSizeProp","definePropType","UPDATE_MODEL_EVENT","isString","isNumber","isBoolean","CHANGE_EVENT","INPUT_EVENT"],"mappings":";;;;;;;;;;;;;AAGY,MAAC,mBAAmB,GAAGA,kBAAU,CAAC;AAC9C,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,sBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;AACnC,EAAE,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAKC,eAAQ,CAAC,GAAG,CAAC,IAAIC,cAAQ,CAAC,GAAG,CAAC,IAAIC,eAAS,CAAC,GAAG,CAAC;AACjF,EAAE,CAACC,kBAAY,GAAG,CAAC,GAAG,KAAKH,eAAQ,CAAC,GAAG,CAAC,IAAIC,cAAQ,CAAC,GAAG,CAAC,IAAIC,eAAS,CAAC,GAAG,CAAC;AAC3E,EAAE,CAACE,iBAAW,GAAG,CAAC,GAAG,KAAKJ,eAAQ,CAAC,GAAG,CAAC,IAAIC,cAAQ,CAAC,GAAG,CAAC,IAAIC,eAAS,CAAC,GAAG,CAAC;AAC1E,EAAE,MAAM,EAAE,CAAC,GAAG,KAAKF,eAAQ,CAAC,GAAG,CAAC,IAAIC,cAAQ,CAAC,GAAG,CAAC,IAAIC,eAAS,CAAC,GAAG,CAAC;AACnE;;;;;"}

package/lib/components/title/src/title.d.ts

@@ -3,6 +3,12 @@ import type Title from './title.vue';
 export declare const titleProps: {
     readonly label: StringConstructor;
     readonly sideline: import("hzzt-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly size: {
+        readonly type: import("vue").PropType<import("hzzt-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 };
 export declare type TitleProps = ExtractPropTypes<typeof titleProps>;
 export declare type TitleInstance = InstanceType<typeof Title>;

package/lib/components/title/src/title.js

@@ -3,14 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../../utils/index.js');
+require('../../../hooks/index.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
+var index = require('../../../hooks/use-size/index.js');
 
 const titleProps = runtime.buildProps({
   label: String,
   sideline: {
     type: Boolean,
     default: true
-  }
+  },
+  size: index.useSizeProp
 });
 
 exports.titleProps = titleProps;

package/lib/components/title/src/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sources":["../../../../../../packages/components/title/src/title.ts"],"sourcesContent":["import { buildProps } from '@hzzt-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Title from './title.vue'\n\nexport const titleProps = buildProps({\n  label: String,\n  sideline: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\nexport type TitleProps = ExtractPropTypes<typeof titleProps>\n\nexport type TitleInstance = InstanceType<typeof Title>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"title.js","sources":["../../../../../../packages/components/title/src/title.ts"],"sourcesContent":["import { buildProps } from '@hzzt-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Title from './title.vue'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\n\nexport const titleProps = buildProps({\n  label: String,\n  sideline: {\n    type: Boolean,\n    default: true,\n  },\n  size: useSizeProp,\n} as const)\nexport type TitleProps = ExtractPropTypes<typeof titleProps>\n\nexport type TitleInstance = InstanceType<typeof Title>\n"],"names":["buildProps","useSizeProp"],"mappings":";;;;;;;;;AAEY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAEC,iBAAW;AACnB,CAAC;;;;"}

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

@@ -1,13 +1,46 @@
 declare const _default: import("vue").DefineComponent<{
     readonly label: StringConstructor;
     readonly sideline: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly size: {
+        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly sideline: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly size: {
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
+    formSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    trueSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    nameKls: import("vue").ComputedRef<string[]>;
     slots: Readonly<{
         [name: string]: import("vue").Slot | undefined;
     }>;
@@ -15,6 +48,12 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly label: StringConstructor;
     readonly sideline: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly size: {
+        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }>>, {
     readonly sideline: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }>;

package/lib/components/title/src/title2.js

@@ -4,17 +4,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var title = require('./title.js');
+require('../../../hooks/index.js');
+var elementPlus = require('element-plus');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-size/index.js');
 
 const _hoisted_1 = {
   key: 0,
-  class: "hzzt-title flex align-items-center"
+  class: "hzzt-title flex align-items-center justify-content-between"
 };
-const _hoisted_2 = {
+const _hoisted_2 = { class: "flex align-items-center" };
+const _hoisted_3 = {
   key: 0,
-  class: "decorative-line"
+  class: "hzzt-title__line"
 };
-const _hoisted_3 = { class: "label-name" };
 const __default__ = vue.defineComponent({
   name: "HzztTitle"
 });
@@ -23,6 +27,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: title.titleProps,
   setup(__props) {
     const props = __props;
+    const formSize = elementPlus.useFormSize();
+    const ns = index.useNamespace("title");
+    const trueSize = vue.computed(() => props.size || formSize.value || index$1.useGlobalSize().value);
+    const nameKls = vue.computed(() => {
+      return [ns.e("name"), ns.em("name", trueSize.value)];
+    });
     const slots = vue.useSlots();
     const showLabel = vue.computed(() => {
       var _a, _b, _c;
@@ -30,13 +40,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.unref(showLabel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        _ctx.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2)) : vue.createCommentVNode("v-if", true),
-        vue.renderSlot(_ctx.$slots, "before"),
-        vue.createElementVNode("label", _hoisted_3, [
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
-          ])
-        ])
+        vue.createElementVNode("div", _hoisted_2, [
+          _ctx.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3)) : vue.createCommentVNode("v-if", true),
+          vue.renderSlot(_ctx.$slots, "before"),
+          vue.createElementVNode("label", {
+            class: vue.normalizeClass(vue.unref(nameKls))
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+            ])
+          ], 2),
+          vue.renderSlot(_ctx.$slots, "after")
+        ]),
+        vue.renderSlot(_ctx.$slots, "right")
       ])) : vue.createCommentVNode("v-if", true);
     };
   }

package/lib/components/title/src/title2.js.map

@@ -1 +1 @@
-{"version":3,"file":"title2.js","sources":["../../../../../../packages/components/title/src/title.vue"],"sourcesContent":["<template>\n  <div v-if=\"showLabel\" class=\"hzzt-title flex align-items-center\">\n    <span v-if=\"sideline\" class=\"decorative-line\" />\n    <slot name=\"before\" />\n    <label class=\"label-name\">\n      <slot>{{ label }}</slot>\n    </label>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { titleProps } from './title'\n\ndefineOptions({\n  name: 'HzztTitle',\n})\n\nconst props = defineProps(titleProps)\n\nconst slots = useSlots()\n\nconst showLabel = computed(\n  () => props.label || slots?.default?.()?.[0]?.children\n)\n</script>\n"],"names":["useSlots","computed"],"mappings":";;;;;;;;;;;;;;;;;uCAcc,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,SAAY,GAAAC,YAAA,CAAA,MAAA;AAAA,MAChB,MAAM,EAAM,EAAA,EAAA,EAAA,CAAA;AAAkC,MAChD,OAAA,KAAA,CAAA,KAAA,KAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,OAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"title2.js","sources":["../../../../../../packages/components/title/src/title.vue"],"sourcesContent":["<template>\n  <div v-if=\"showLabel\" class=\"hzzt-title flex align-items-center justify-content-between\">\n    <div class=\"flex align-items-center\">\n      <span v-if=\"sideline\" class=\"hzzt-title__line\" />\n      <slot name=\"before\" />\n      <label :class=\"nameKls\">\n        <slot>{{ label }}</slot>\n      </label>\n      <slot name=\"after\" />\n    </div>\n\n    <slot name=\"right\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { titleProps } from './title'\nimport {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\nimport { useFormSize } from 'element-plus'\n\ndefineOptions({\n  name: 'HzztTitle',\n})\n\nconst props = defineProps(titleProps)\n\nconst formSize = useFormSize()\n\nconst ns = useNamespace('title')\n\nconst trueSize = computed(\n  () => props.size || formSize.value || useGlobalSize().value\n)\n\nconst nameKls = computed(() => {\n  return [ns.e('name'), ns.em('name', trueSize.value)]\n})\n\nconst slots = useSlots()\n\nconst showLabel = computed(\n  () => props.label || slots?.default?.()?.[0]?.children\n)\n</script>\n"],"names":["useFormSize","useNamespace","computed","useGlobalSize","useSlots"],"mappings":";;;;;;;;;;;;;;;;;;;;;uCAqBc,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAA,MAAM,WAAWA,uBAAY,EAAA,CAAA;AAE7B,IAAM,MAAA,EAAA,GAAKC,mBAAa,OAAO,CAAA,CAAA;AAE/B,IAAA,MAAM,QAAW,GAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,IAAA,IAAA,QAAA,CAAA,KAAA,IAAAC,qBAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAAA,aACH,GAAAD,YAAiB,CAAA,MAAA;AAAyB,MACxD,OAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,QAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAEA,KAAM,CAAA,CAAA;AACJ,IAAO,MAAA,KAAI,GAAAE,YAAQ,EAAG;AAA6B,IACrD,MAAC,SAAA,GAAAF,YAAA,CAAA,MAAA;AAED,MAAA,IAAM,QAAQ,EAAS,CAAA;AAEvB,MAAA,OAAkB,KAAA,CAAA,KAAA,KAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,OAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,CAAA,CAAA;AAAA,KAAA,CAChB;AAA8C,IAChD,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/index.js

@@ -28,7 +28,7 @@ var scan = require('./components/scan/src/scan.js');
 var index$c = require('./components/scan/index.js');
 var selectInput = require('./components/select-input/src/select-input.js');
 var index$d = require('./components/select-input/index.js');
-var selectTextarea = require('./components/select-textarea/src/select-textarea.js');
+var selectTextarea = require('./components/select-textarea/src/select-textarea2.js');
 var index$e = require('./components/select-textarea/index.js');
 var inputRange = require('./components/input-range/src/input-range.js');
 var index$f = require('./components/input-range/index.js');
@@ -38,20 +38,21 @@ var select = require('./components/select/src/select.js');
 var index$h = require('./components/select/index.js');
 var clickInput = require('./components/click-input/src/click-input.js');
 var index$i = require('./components/click-input/index.js');
+var index$j = require('./components/scroll/index.js');
 var key = require('./constants/key.js');
 var size = require('./constants/size.js');
 var date = require('./constants/date.js');
 var event = require('./constants/event.js');
-var index$j = require('./directives/download/index.js');
-var index$k = require('./directives/height/index.js');
-var index$l = require('./directives/blur/index.js');
-var index$m = require('./directives/highlight/index.js');
-var index$n = require('./directives/drag/index.js');
-var index$o = require('./hooks/use-locale/index.js');
-var index$p = require('./hooks/use-size/index.js');
-var index$q = require('./hooks/use-namespace/index.js');
-var index$r = require('./hooks/use-letter/index.js');
-var index$s = require('./hooks/use-cursor/index.js');
+var index$k = require('./directives/download/index.js');
+var index$l = require('./directives/height/index.js');
+var index$m = require('./directives/blur/index.js');
+var index$n = require('./directives/highlight/index.js');
+var index$o = require('./directives/drag/index.js');
+var index$p = require('./hooks/use-locale/index.js');
+var index$q = require('./hooks/use-size/index.js');
+var index$r = require('./hooks/use-namespace/index.js');
+var index$s = require('./hooks/use-letter/index.js');
+var index$t = require('./hooks/use-cursor/index.js');
 
 const install = defaults["default"].install;
 const version = defaults["default"].version;
@@ -96,6 +97,7 @@ exports.HzztSelect = index$h.HzztSelect;
 exports.clickInputEmits = clickInput.clickInputEmits;
 exports.clickInputProps = clickInput.clickInputProps;
 exports.HzztClickInput = index$i.HzztClickInput;
+exports.HzztScroll = index$j.HzztScroll;
 exports.INSTALLED_KEY = key.INSTALLED_KEY;
 exports.componentSizeMap = size.componentSizeMap;
 exports.componentSizes = size.componentSizes;
@@ -104,26 +106,26 @@ exports.datePickTypes = date.datePickTypes;
 exports.CHANGE_EVENT = event.CHANGE_EVENT;
 exports.INPUT_EVENT = event.INPUT_EVENT;
 exports.UPDATE_MODEL_EVENT = event.UPDATE_MODEL_EVENT;
-exports.Download = index$j["default"];
-exports.Height = index$k["default"];
-exports.Blur = index$l["default"];
-exports.Highlight = index$m["default"];
-exports.Drag = index$n["default"];
-exports.buildLocaleContext = index$o.buildLocaleContext;
-exports.buildTranslator = index$o.buildTranslator;
-exports.localeContextKey = index$o.localeContextKey;
-exports.translate = index$o.translate;
-exports.useLocale = index$o.useLocale;
-exports.SIZE_INJECTION_KEY = index$p.SIZE_INJECTION_KEY;
-exports.useGlobalSize = index$p.useGlobalSize;
-exports.useSizeProp = index$p.useSizeProp;
-exports.useSizeProps = index$p.useSizeProps;
-exports.defaultNamespace = index$q.defaultNamespace;
-exports.namespaceContextKey = index$q.namespaceContextKey;
-exports.useGetDerivedNamespace = index$q.useGetDerivedNamespace;
-exports.useNamespace = index$q.useNamespace;
-exports.numberToLetter = index$r.numberToLetter;
-exports.insertCursorPosition = index$s.insertCursorPosition;
+exports.Download = index$k["default"];
+exports.Height = index$l["default"];
+exports.Blur = index$m["default"];
+exports.Highlight = index$n["default"];
+exports.Drag = index$o["default"];
+exports.buildLocaleContext = index$p.buildLocaleContext;
+exports.buildTranslator = index$p.buildTranslator;
+exports.localeContextKey = index$p.localeContextKey;
+exports.translate = index$p.translate;
+exports.useLocale = index$p.useLocale;
+exports.SIZE_INJECTION_KEY = index$q.SIZE_INJECTION_KEY;
+exports.useGlobalSize = index$q.useGlobalSize;
+exports.useSizeProp = index$q.useSizeProp;
+exports.useSizeProps = index$q.useSizeProps;
+exports.defaultNamespace = index$r.defaultNamespace;
+exports.namespaceContextKey = index$r.namespaceContextKey;
+exports.useGetDerivedNamespace = index$r.useGetDerivedNamespace;
+exports.useNamespace = index$r.useNamespace;
+exports.numberToLetter = index$s.numberToLetter;
+exports.insertCursorPosition = index$t.insertCursorPosition;
 exports.install = install;
 exports.version = version;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/directives'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/directives'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.0.6";
+export declare const version = "2.0.0";

package/lib/version.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const version = "1.0.6";
+const version = "2.0.0";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../packages/hzzt-plus/version.ts"],"sourcesContent":["export const version = '1.0.6'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/hzzt-plus/version.ts"],"sourcesContent":["export const version = '2.0.0'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hzzt-plus",
-  "version": "1.0.6",
+  "version": "2.0.0",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "hzzt-plus",

package/theme/hzzt-collapse.css

@@ -1 +1 @@
-.hzzt-collapse{color:#000;position:relative}.hzzt-collapse .hzzt-collapse-header{height:28px}.hzzt-collapse .hzzt-collapse-header .hzzt-collapse-title{color:#606266;font-size:16px;font-weight:800;height:26px;line-height:26px;min-width:85px;padding-left:20px;white-space:nowrap;z-index:99}.hzzt-collapse .hzzt-collapse-header .hzzt-collapse-title-block{background-color:rgba(43,83,193,.1);height:14px;left:0;position:absolute;top:12px;width:85px}.hzzt-collapse .hzzt-collapse-header .hzzt-collapse-line{border-bottom:1px solid #d5e1f3;height:1px;width:100%}.hzzt-collapse .hzzt-collapse-header .hzzt-collapse-text{color:var(--hzzt-color-primary);cursor:pointer;font-size:14px;position:absolute;right:10px;top:-6px}.hzzt-collapse .hzzt-collapse-icon{width:18px}html.dark .hzzt-collapse-title{color:var(--hzzt-text-color-primary)}
+.hzzt-collapse{background:var(--hzzt-bg-color);border-radius:4px;padding:8px}.hzzt-collapse__top{align-items:center;display:flex;justify-content:space-between;padding-bottom:4px;white-space:nowrap}.hzzt-collapse__title{color:var(--hzzt-text-color-regular);font-size:16px;font-weight:600;line-height:24px;padding-left:8px;position:relative}.hzzt-collapse__title:before{background:var(--hzzt-color-primary);content:"";height:calc(100% - 6px);left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.hzzt-collapse__btn{align-items:center;color:#86909C;cursor:pointer;display:flex;font-size:12px}.hzzt-collapse__btn:hover{color:var(--hzzt-color-primary)}.hzzt-collapse__icon{margin:0 4px;text-align:center}.hzzt-collapse__line{background:var(--hzzt-border-color);flex:1;height:1px;margin-left:4px}

package/theme/hzzt-pagination.css

@@ -1 +1 @@
-.hzzt-pagination{padding:8px 0 8px 4px}.hzzt-pagination .hzzt-pagination-arrow{cursor:pointer;font-weight:bolder;margin:0 8px}.hzzt-pagination .hzzt-pagination-arrow.active{color:var(--hzzt-color-primary)}
+.hzzt-pagination{--hzzt-pagination-height:40px;height:var(--hzzt-pagination-height)}.hzzt-pagination .el-input__wrapper{background-color:var(--el-fill-color-light)}.hzzt-pagination .el-input__wrapper.is-focus{background-color:var(--el-input-bg-color,var(--el-fill-color-blank))}.hzzt-pagination__input{width:40px}.hzzt-pagination__input input{text-align:center}.hzzt-pagination__icon{cursor:pointer}.hzzt-pagination__icon.is-disabled{color:var(--el-text-color-disabled);cursor:not-allowed}.hzzt-pagination__count{color:var(--hzzt-color-primary)}

package/theme/hzzt-scan.css

@@ -1 +1 @@
-.hzzt-scan .hzzt-scan-input-backup{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px rgba(0,0,0,0) inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-input-height:var(--el-component-size);border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));display:inline-block;font-family:"Courier New",Courier,monospace;font-size:var(--el-font-size-base);height:var(--el-input-height);left:0;line-height:var(--el-input-height);outline:0;padding:1px 11px 1px 0;pointer-events:none;position:absolute;top:0;white-space:pre;width:var(--el-input-width)}.hzzt-scan .hzzt-scan-input-backup.placeholder-color{color:var(--el-text-color-placeholder)}.hzzt-scan .hzzt-scan-input-backup::-moz-selection{color:white}.hzzt-scan .hzzt-scan-input-backup::selection{color:white}.hzzt-scan .el-input--small+.hzzt-scan-input-backup{--el-input-height:var(--el-component-size-small);font-size:12px;padding:1px 7px 1px 0}.hzzt-scan .el-input--large+.hzzt-scaninput-backup{--el-input-height:var(--el-component-size-large);font-size:14px;padding:1px 15px 1px 0}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper{padding-left:0}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper input{caret-color:var(--el-input-text-color,var(--el-text-color-regular));color:white;font-family:"Courier New",Courier,monospace}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper input::-moz-selection{color:rgba(0,0,0,0)}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper input::selection{color:rgba(0,0,0,0)}
+.hzzt-scan .hzzt-scan-input-backup{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px rgba(0,0,0,0) inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-input-height:var(--el-component-size);border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));display:inline-block;font-family:monospace;font-size:var(--el-font-size-base);height:var(--el-input-height);left:0;line-height:var(--el-input-height);outline:0;padding:1px 11px 1px 0;pointer-events:none;position:absolute;top:0;white-space:pre;width:var(--el-input-width)}.hzzt-scan .hzzt-scan-input-backup.placeholder-color{color:var(--el-text-color-placeholder)}.hzzt-scan .hzzt-scan-input-backup::-moz-selection{color:white}.hzzt-scan .hzzt-scan-input-backup::selection{color:white}.hzzt-scan .el-input--small+.hzzt-scan-input-backup{--el-input-height:var(--el-component-size-small);font-size:12px;padding:1px 7px 1px 0}.hzzt-scan .el-input--large+.hzzt-scan-input-backup{--el-input-height:var(--el-component-size-large);font-size:14px;padding:1px 15px 1px 0}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper{padding-left:0}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper input{caret-color:var(--el-input-text-color,var(--el-text-color-regular));color:white;font-family:monospace}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper input::-moz-selection{color:rgba(0,0,0,0)}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper input::selection{color:rgba(0,0,0,0)}