hzzt-plus 2.0.7 → 2.0.9

package/lib/components/click-input/src/click-input2.js

@@ -2,30 +2,92 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
+var vue = require('vue');
+var clickInput = require('./click-input.js');
 require('../../../hooks/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 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 clickInputProps = runtime.buildProps({
-  modelValue: {
-    type: String,
-    default: ""
-  },
-  disabled: Boolean,
-  readonly: Boolean,
-  inputProps: Object,
-  size: index.useSizeProp
+const __default__ = vue.defineComponent({
+  name: "HzztClickInput"
 });
-const clickInputEmits = {
-  [event.UPDATE_MODEL_EVENT]: (value) => shared.isString(value),
-  input: (value) => shared.isString(value),
-  change: (value) => shared.isString(value)
-};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: clickInput.clickInputProps,
+  emits: clickInput.clickInputEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const _inputVal = vue.ref(props.modelValue || "");
+    const inputVal = vue.ref(props.modelValue || "");
+    const inputRef = vue.ref();
+    const editable = vue.ref(false);
+    const nsInput = index.useNamespace("click-input");
+    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 trueReadonly = vue.computed(() => trueDisabled.value || props.readonly || !editable.value);
+    const containerCls = vue.computed(() => [
+      nsInput.b(),
+      nsInput.m(trueSize.value),
+      "flex width-100% align-items-center"
+    ]);
+    const spanClass = vue.computed(() => [
+      nsInput.e("span"),
+      "flex width-100% align-items-center"
+    ]);
+    vue.watch(() => props.modelValue, (v) => {
+      inputVal.value = v || "";
+      _inputVal.value = v || "";
+    });
+    function input(val) {
+      emit("update:modelValue", val);
+      emit("input", val);
+    }
+    function change() {
+      editable.value = false;
+      if (_inputVal.value === inputVal.value) {
+        return;
+      }
+      input(inputVal.value);
+      emit("change", inputVal.value);
+    }
+    function edit() {
+      if (trueDisabled.value || props.readonly) {
+        return;
+      }
+      editable.value = true;
+      vue.nextTick(() => {
+        inputRef.value.focus();
+      });
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(containerCls))
+      }, [
+        !vue.unref(trueReadonly) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElInput), vue.mergeProps({
+          key: 0,
+          ref_key: "inputRef",
+          ref: inputRef,
+          modelValue: inputVal.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event)
+        }, _ctx.inputProps, {
+          clearable: "",
+          size: vue.unref(trueSize),
+          onKeyup: vue.withKeys(change, ["enter"]),
+          onBlur: change
+        }), null, 16, ["modelValue", "size", "onKeyup"])) : (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: vue.normalizeClass(["width-100%", vue.unref(spanClass)]),
+          onClick: edit
+        }, vue.toDisplayString(inputVal.value || " "), 3))
+      ], 2);
+    };
+  }
+});
+var ClickInput = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "click-input.vue"]]);
 
-exports.clickInputEmits = clickInputEmits;
-exports.clickInputProps = clickInputProps;
+exports["default"] = ClickInput;
 //# sourceMappingURL=click-input2.js.map

package/lib/components/click-input/src/click-input2.js.map

@@ -1 +1 @@
-{"version":3,"file":"click-input2.js","sources":["../../../../../../packages/components/click-input/src/click-input.ts"],"sourcesContent":["import {buildProps, isString} from '@hzzt-plus/utils'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\n\nimport type { ExtractPropTypes } from 'vue'\nimport type ClickInput from './click-input.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport const clickInputProps = buildProps({\n  modelValue: {\n    type: String,\n    default: '',\n  },\n  disabled: Boolean,\n  readonly: Boolean,\n  inputProps: Object,\n  size: useSizeProp,\n})\n\nexport type ClickInputProps = ExtractPropTypes<typeof clickInputProps>\n\nexport const clickInputEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string) => isString(value),\n  input: (value: string) => isString(value),\n  change: (value: string) => isString(value),\n}\nexport type ClickInputEmits = typeof clickInputEmits\n\nexport type ClickInputInstance = InstanceType<typeof ClickInput>\n"],"names":["buildProps","useSizeProp","UPDATE_MODEL_EVENT","isString"],"mappings":";;;;;;;;;;;;AAGY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,IAAI,EAAEC,iBAAW;AACnB,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKC,eAAQ,CAAC,KAAK,CAAC;AAClD,EAAE,KAAK,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACnC,EAAE,MAAM,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACpC;;;;;"}
+{"version":3,"file":"click-input2.js","sources":["../../../../../../packages/components/click-input/src/click-input.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\">\n    <el-input\n      v-if=\"!trueReadonly\"\n      ref=\"inputRef\"\n      v-model=\"inputVal\"\n      v-bind=\"inputProps\"\n      clearable\n      :size=\"trueSize\"\n      @keyup.enter=\"change\"\n      @blur=\"change\"\n    />\n    <div v-else class=\"width-100%\" :class=\"spanClass\" @click=\"edit\">\n      {{ inputVal || ' ' }}\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {computed, ref, watch, nextTick} from 'vue'\n  import {clickInputEmits, clickInputProps} from './click-input'\n  import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n  import {useFormDisabled, useFormSize} from \"element-plus\";\n  import {ElInput} from 'element-plus'\n\n  defineOptions({\n    name: 'HzztClickInput',\n  })\n\n  const props = defineProps(clickInputProps)\n  const emit = defineEmits(clickInputEmits)\n\n  const _inputVal = ref(props.modelValue || '');\n  const inputVal = ref(props.modelValue || '');\n  const inputRef = ref();\n  const editable = ref(false);\n\n  const nsInput = useNamespace('click-input')\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 trueReadonly = computed(() => trueDisabled.value || props.readonly || !editable.value)\n\n  const containerCls = computed(() => [\n    nsInput.b(),\n    nsInput.m(trueSize.value),\n    'flex width-100% align-items-center',\n  ])\n\n  const spanClass = computed(() => [\n    nsInput.e('span'),\n    'flex width-100% align-items-center',\n  ])\n\n  watch(() => props.modelValue, (v) => {\n    inputVal.value = 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() {\n    editable.value = false;\n    if (_inputVal.value === inputVal.value) {\n      return;\n    }\n    input(inputVal.value);\n    emit('change', inputVal.value);\n  }\n\n  function edit() {\n    if (trueDisabled.value || props.readonly) {\n      return;\n    }\n    editable.value = true;\n    nextTick(() => {\n      inputRef.value.focus();\n    });\n  }\n\n</script>\n"],"names":["ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch","nextTick","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;uCAyBgB,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,SAAY,GAAAA,OAAA,CAAI,KAAM,CAAA,UAAA,IAAc,EAAE,CAAA,CAAA;AAC5C,IAAA,MAAM,QAAW,GAAAA,OAAA,CAAI,KAAM,CAAA,UAAA,IAAc,EAAE,CAAA,CAAA;AAC3C,IAAA,MAAM,WAAWA,OAAI,EAAA,CAAA;AACrB,IAAM,MAAA,QAAA,GAAWA,QAAI,KAAK,CAAA,CAAA;AAE1B,IAAM,MAAA,OAAA,GAAUC,mBAAa,aAAa,CAAA,CAAA;AAC1C,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,YAAA,CAAA,KAAA,IAAA,KAAA,CAAA,QAAA,IAAA,CAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAM,eAAeA,YAAS,CAAA,MAAM;AAEpC,MAAM,OAAA,CAAA,CAAA,EAAA;AAEN,MAAM,OAAA,CAAA,CAAA,CAAA,QAAA,CAAe;AAAe,MAClC,oCAAU;AAAA,KACV,CAAA,CAAA;AAAwB,IACxB,MAAA,SAAA,GAAAA,YAAA,CAAA,MAAA;AAAA,MACD,OAAA,CAAA,CAAA,CAAA,MAAA,CAAA;AAED,MAAM,oCAA2B;AAAA,KAC/B,CAAA,CAAA;AAAgB,IAChBE,SAAA,CAAA,MAAA,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACD,QAAA,CAAA,KAAA,GAAA,CAAA,IAAA,EAAA,CAAA;AAED,MAAA,SAAY,CAAA,KAAA,GAAkB,CAAA,IAAA,EAAA,CAAA;AAC5B,KAAA,CAAA,CAAA;AACA,IAAA,SAAA,WAAkB;AAAK,MACxB,IAAA,CAAA,mBAAA,EAAA,GAAA,CAAA,CAAA;AAED,MAAA,IAAA,CAAA,SAA4B,GAAA,CAAA,CAAA;AAC1B,KAAA;AACA,IAAA,kBAAiB;AAAA,MACnB,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAEA,MAAA,IAAA,SAAkB,CAAA,KAAA,KAAA,QAAA,CAAA,KAAA,EAAA;AAChB,QAAA,OAAS;AACT,OAAI;AACF,MAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,MACF,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AACA,KAAA;AACA,IAAK,SAAA,IAAA,GAAA;AAAwB,MAC/B,IAAA,YAAA,CAAA,KAAA,IAAA,KAAA,CAAA,QAAA,EAAA;AAEA,QAAA,OAAgB;AACd,OAAI;AACF,MAAA,QAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,MACFC,YAAA,CAAA,MAAA;AACA,QAAA,QAAiB,CAAA,KAAA,CAAA,KAAA,EAAA,CAAA;AACjB,OAAA,CAAA,CAAA;AACE,KAAA;AAAqB,IAAA,OACtB,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MACH,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/collapse/index.d.ts

@@ -49,6 +49,8 @@ export declare const HzztCollapse: import("hzzt-plus/es/utils").SFCWithInstall<i
             type: StringConstructor;
             default: string;
         };
+        size: (NumberConstructor | StringConstructor)[];
+        color: StringConstructor;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             name: {
@@ -59,6 +61,8 @@ export declare const HzztCollapse: import("hzzt-plus/es/utils").SFCWithInstall<i
                 type: StringConstructor;
                 default: string;
             };
+            size: (NumberConstructor | StringConstructor)[];
+            color: StringConstructor;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
@@ -174,6 +178,8 @@ export declare const HzztCollapse: import("hzzt-plus/es/utils").SFCWithInstall<i
             type: StringConstructor;
             default: string;
         };
+        size: (NumberConstructor | StringConstructor)[];
+        color: StringConstructor;
     }>>, {
         type: string;
     }>;

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

@@ -49,6 +49,8 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        size: (NumberConstructor | StringConstructor)[];
+        color: StringConstructor;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             name: {
@@ -59,6 +61,8 @@ declare const _default: import("vue").DefineComponent<{
                 type: StringConstructor;
                 default: string;
             };
+            size: (NumberConstructor | StringConstructor)[];
+            color: StringConstructor;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
@@ -174,6 +178,8 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        size: (NumberConstructor | StringConstructor)[];
+        color: StringConstructor;
     }>>, {
         type: string;
     }>;

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

@@ -48,6 +48,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("update:modelValue", false);
       expand.value = false;
     }
+    vue.watch(() => props.defaultActive, (v) => {
+      emit("update:modelValue", v);
+      expand.value = v;
+    });
     vue.watch(() => props.modelValue, (v) => {
       expand.value = v;
     });

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 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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.defaultActive, (v) => {\n    emit('update:modelValue', v);\n    expand.value = v;\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,aAAe,EAAA,CAAC,CAAM,KAAA;AACtC,MAAA,IAAA,CAAK,qBAAqB,CAAC,CAAA,CAAA;AAC3B,MAAA,MAAA,CAAO,KAAQ,GAAA,CAAA,CAAA;AAAA,KAChB,CAAA,CAAA;AAED,IAAAA,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.d.ts

@@ -7,6 +7,8 @@ export declare const HzztIcon: import("hzzt-plus/es/utils").SFCWithInstall<impor
         type: StringConstructor;
         default: string;
     };
+    size: (NumberConstructor | StringConstructor)[];
+    color: StringConstructor;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         name: {
@@ -17,6 +19,8 @@ export declare const HzztIcon: import("hzzt-plus/es/utils").SFCWithInstall<impor
             type: StringConstructor;
             default: string;
         };
+        size: (NumberConstructor | StringConstructor)[];
+        color: StringConstructor;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -132,6 +136,8 @@ export declare const HzztIcon: import("hzzt-plus/es/utils").SFCWithInstall<impor
         type: StringConstructor;
         default: string;
     };
+    size: (NumberConstructor | StringConstructor)[];
+    color: StringConstructor;
 }>>, {
     type: string;
 }>> & {

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

@@ -19,19 +19,24 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     type: {
       type: String,
       default: "el"
-    }
+    },
+    size: [String, Number],
+    color: String
   },
   setup(__props) {
     const props = __props;
     const attrs = vue.useAttrs();
     const componentName = vue.computed(() => `hzzt-${props.type}-${props.name}`);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), vue.normalizeProps(vue.guardReactiveProps(vue.unref(attrs))), {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), vue.mergeProps(vue.unref(attrs), {
+        size: __props.size,
+        color: __props.color
+      }), {
         default: vue.withCtx(() => [
           (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(componentName))))
         ]),
         _: 1
-      }, 16);
+      }, 16, ["size", "color"]);
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/icon/src/index.vue"],"sourcesContent":["<template>\n  <ElIcon v-bind=\"attrs\">\n    <component :is=\"componentName\" />\n  </ElIcon>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport { ElIcon } from 'element-plus'\n\ndefineOptions({\n  name: 'HzztIcon',\n})\n\nconst props = defineProps({\n  name: {\n    type: String,\n    required: true,\n  },\n  type: {\n    type: String,\n    default: 'el',\n  },\n})\n\nconst attrs = useAttrs()\n\nconst componentName = computed(() => `hzzt-${props.type}-${props.name}`)\n</script>\n"],"names":["useAttrs","computed"],"mappings":";;;;;;;;uCAUc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAaA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,aAAA,GAAgBC,aAAS,MAAM,CAAA,KAAA,EAAQ,MAAM,IAAI,CAAA,CAAA,EAAI,KAAM,CAAA,IAAI,CAAE,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/icon/src/index.vue"],"sourcesContent":["<template>\n  <ElIcon v-bind=\"attrs\" :size=\"size\" :color=\"color\">\n    <component :is=\"componentName\" />\n  </ElIcon>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport { ElIcon } from 'element-plus'\n\ndefineOptions({\n  name: 'HzztIcon',\n})\n\nconst props = defineProps({\n  name: {\n    type: String,\n    required: true,\n  },\n  type: {\n    type: String,\n    default: 'el',\n  },\n  size: [String, Number],\n  color: String,\n})\n\nconst attrs = useAttrs()\n\nconst componentName = computed(() => `hzzt-${props.type}-${props.name}`)\n</script>\n"],"names":["useAttrs","computed"],"mappings":";;;;;;;;uCAUc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,aAAA,GAAgBC,aAAS,MAAM,CAAA,KAAA,EAAQ,MAAM,IAAI,CAAA,CAAA,EAAI,KAAM,CAAA,IAAI,CAAE,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}

package/lib/components/icon/src/index.vue.d.ts

@@ -7,6 +7,8 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    size: (NumberConstructor | StringConstructor)[];
+    color: StringConstructor;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         name: {
@@ -17,6 +19,8 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        size: (NumberConstructor | StringConstructor)[];
+        color: StringConstructor;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -132,6 +136,8 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    size: (NumberConstructor | StringConstructor)[];
+    color: StringConstructor;
 }>>, {
     type: string;
 }>;

package/lib/components/index.js

@@ -33,8 +33,8 @@ var selectTextarea = require('./select-textarea/src/select-textarea.js');
 var inputRange = require('./input-range/src/input-range.js');
 var cascader = require('./cascader/src/cascader.js');
 var select = require('./select/src/select.js');
-var clickInput = require('./click-input/src/click-input2.js');
-var lazyList = require('./lazy-list/src/lazy-list.js');
+var clickInput = require('./click-input/src/click-input.js');
+var lazyList = require('./lazy-list/src/lazy-list2.js');
 
 
 

package/lib/components/lazy-list/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var lazyList$1 = require('./src/lazy-list2.js');
-var lazyList = require('./src/lazy-list.js');
+var lazyList$1 = require('./src/lazy-list.js');
+var lazyList = require('./src/lazy-list2.js');
 var install = require('../../utils/vue/install.js');
 
 const HzztLazyList = install.withInstall(lazyList$1["default"]);

package/lib/components/lazy-list/src/lazy-list.js

@@ -2,31 +2,88 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var lazyList = require('./lazy-list2.js');
+require('../../../hooks/index.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const lazyListProps = runtime.buildProps({
-  size: {
-    type: Number,
-    default: 20
-  },
-  height: {
-    type: Number,
-    default: 30
-  },
-  data: {
-    type: runtime.definePropType(Array),
-    default: () => []
-  },
-  rowKey: {
-    type: String,
-    default: "id"
+const _hoisted_1 = ["onClick"];
+const __default__ = vue.defineComponent({
+  name: "HzztLazyList"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: lazyList.lazyListProps,
+  emits: lazyList.lazyListEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const totalHeight = vue.ref("100%");
+    const marginTop = vue.ref("0px");
+    const currentIndex = vue.ref(1);
+    const current = vue.ref(null);
+    const nsLazy = index.useNamespace("lazy-list");
+    const containerCls = vue.computed(() => [
+      "overflow-y-auto",
+      nsLazy.b()
+    ]);
+    vue.watch(() => props.data, () => {
+      totalHeight.value = props.data.length * props.height + "px";
+    }, {
+      immediate: true
+    });
+    const calcList = vue.computed(() => props.data.slice(currentIndex.value === 1 ? 0 : (currentIndex.value - 1) * props.size - props.size / 2, (currentIndex.value + 1) * props.size + props.size / 2));
+    function scrollList(e) {
+      const target = e.target;
+      const scrollTop = target.scrollTop;
+      if (scrollTop < props.size / 2 * props.height) {
+        currentIndex.value = 1;
+      } else {
+        currentIndex.value = Math.ceil((scrollTop - props.size / 2 * props.height) / props.size / props.height);
+      }
+      if (currentIndex.value === 1) {
+        marginTop.value = "0px";
+      } else {
+        marginTop.value = ((currentIndex.value - 1) * props.size - props.size / 2) * props.height + "px";
+      }
+    }
+    function rowClick(row) {
+      current.value = row;
+      emit("row-click", row);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(containerCls)),
+        onScroll: scrollList
+      }, [
+        vue.createElementVNode("div", {
+          style: vue.normalizeStyle({
+            height: totalHeight.value,
+            width: 0,
+            float: "left"
+          })
+        }, null, 4),
+        vue.createElementVNode("div", {
+          style: vue.normalizeStyle({ marginTop: marginTop.value })
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(calcList), (item) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: item[_ctx.rowKey],
+              style: vue.normalizeStyle({
+                height: _ctx.height + "px"
+              }),
+              class: vue.normalizeClass(["hzzt-lazy-list__item", current.value === item ? "is-active" : ""]),
+              onClick: ($event) => rowClick(item)
+            }, [
+              vue.renderSlot(_ctx.$slots, "default", { data: item })
+            ], 14, _hoisted_1);
+          }), 128))
+        ], 4)
+      ], 34);
+    };
   }
 });
-const lazyListEmits = {
-  "row-click": (row) => row
-};
+var LazyList = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "lazy-list.vue"]]);
 
-exports.lazyListEmits = lazyListEmits;
-exports.lazyListProps = lazyListProps;
+exports["default"] = LazyList;
 //# sourceMappingURL=lazy-list.js.map

package/lib/components/lazy-list/src/lazy-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-list.js","sources":["../../../../../../packages/components/lazy-list/src/lazy-list.ts"],"sourcesContent":["import {buildProps, definePropType} from '@hzzt-plus/utils'\nimport type {ExtractPropTypes} from 'vue'\nimport type LazyList from './lazy-list.vue'\n\nexport const lazyListProps = buildProps({\n  size: {\n    type: Number,\n    default: 20,\n  },\n  height: {\n    type: Number,\n    default: 30,\n  },\n  data: {\n    type: definePropType<Record<string, any>[]>(Array),\n    default: () => [],\n  },\n  rowKey: {\n    type: String,\n    default: 'id',\n  },\n})\n\nexport type LazyListProps = ExtractPropTypes<typeof lazyListProps>\n\nexport const lazyListEmits = {\n  'row-click': (row: any) => row\n}\n\nexport type LazyListEmits = typeof lazyListEmits\n\n\nexport type LazyListInstance = InstanceType<typeof LazyList>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,WAAW,EAAE,CAAC,GAAG,KAAK,GAAG;AAC3B;;;;;"}
+{"version":3,"file":"lazy-list.js","sources":["../../../../../../packages/components/lazy-list/src/lazy-list.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\" @scroll=\"scrollList\">\n    <div\n      :style=\"{\n        height: totalHeight,\n        width: 0,\n        float: 'left',\n      }\"\n    />\n    <div :style=\"{marginTop: marginTop}\">\n      <div\n        v-for=\"item in calcList\"\n        :key=\"item[rowKey]\"\n        :style=\"{\n          height: height+'px'\n        }\"\n        :class=\"['hzzt-lazy-list__item', current === item?'is-active':'']\"\n        @click=\"rowClick(item)\"\n      >\n        <slot :data=\"item\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {lazyListEmits, lazyListProps} from './lazy-list'\n  import {computed, ref, watch} from \"vue\";\n  import {useNamespace} from \"@hzzt-plus/hooks\";\n\n  defineOptions({\n    name: 'HzztLazyList',\n  })\n\n  const props = defineProps(lazyListProps)\n  const emit = defineEmits(lazyListEmits)\n\n  const totalHeight = ref('100%');\n  const marginTop = ref('0px');\n  const currentIndex = ref(1);\n  const current = ref(null);\n\n  const nsLazy = useNamespace('lazy-list');\n\n  const containerCls = computed(() => [\n    'overflow-y-auto',\n    nsLazy.b(),\n  ])\n\n  watch(() => props.data, () => {\n    totalHeight.value = props.data.length * props.height + 'px';\n  }, {\n    immediate: true,\n  });\n\n  const calcList = computed(\n    () => props.data.slice(currentIndex.value === 1 ? 0 : ((currentIndex.value - 1) * props.size -\n      props.size / 2), (currentIndex.value + 1) * props.size + props.size / 2));\n\n  function scrollList(e: Event) {\n    const target = e.target as HTMLElement;\n    const scrollTop = target.scrollTop;\n    if (scrollTop < props.size / 2 * props.height) {\n      currentIndex.value = 1;\n    } else {\n      currentIndex.value = Math.ceil((scrollTop - props.size / 2 * props.height) / props.size / props.height);\n    }\n    if (currentIndex.value === 1) {\n      marginTop.value = '0px';\n    } else {\n      marginTop.value = ((currentIndex.value - 1) * props.size - props.size / 2) * props.height + 'px';\n    }\n  }\n\n  function rowClick(row: any) {\n    current.value = row;\n    emit('row-click', row);\n  }\n\n\n</script>\n"],"names":["ref","useNamespace","computed","watch","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;uCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,WAAA,GAAcA,QAAI,MAAM,CAAA,CAAA;AAC9B,IAAM,MAAA,SAAA,GAAYA,QAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,YAAA,GAAeA,QAAI,CAAC,CAAA,CAAA;AAC1B,IAAM,MAAA,OAAA,GAAUA,QAAI,IAAI,CAAA,CAAA;AAExB,IAAM,MAAA,MAAA,GAASC,mBAAa,WAAW,CAAA,CAAA;AAEvC,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAAA,MAClC,iBAAA;AAAA,MACA,OAAO,CAAE,EAAA;AAAA,KACV,CAAA,CAAA;AAED,IAAMC,SAAA,CAAA,MAAM,KAAM,CAAA,IAAA,EAAM,MAAM;AAC5B,MAAA,WAAA,CAAY,KAAQ,GAAA,KAAA,CAAM,IAAK,CAAA,MAAA,GAAS,MAAM,MAAS,GAAA,IAAA,CAAA;AAAA,KACtD,EAAA;AAAA,MACD,SAAW,EAAA,IAAA;AAAA,KACZ,CAAA,CAAA;AAED,IAAA,MAAM,QAAW,GAAAD,YAAA,CAAA,MAAA,KAAA,CAAA,IAAA,CAAA,KAAA,CAAA,YAAA,CAAA,KAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,EAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IACf,mBAAiB,CAAA,CAAA,EAAA;AACwD,MAAC,MAAA,MAAA,GAAA,CAAA,CAAA,MAAA,CAAA;AAE5E,MAAA,MAAA,YAAoB,MAAU,CAAA,SAAA,CAAA;AAC5B,MAAA,IAAA,YAAiB,KAAA,CAAA,IAAA,GAAA,CAAA,GAAA,KAAA,CAAA,MAAA,EAAA;AACjB,QAAA,kBAAyB,GAAA,CAAA,CAAA;AACzB,OAAA,MAAgB;AACd,QAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA,IAAA,CAAA,CAAA,SAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,GAAA,KAAA,CAAA,MAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,MAAA,CAAA,CAAA;AAAA,OAChB;AACL,MAAA,IAAA,YAAqB,CAAA,KAAA,KAAA,CAAK,EAAM;AAAsE,QACxG,SAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AACA,OAAI,MAAA;AACF,QAAA,SAAA,CAAU,KAAQ,GAAA,CAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,IAAA,KAAA,CAAA,MAAA,GAAA,IAAA,CAAA;AAAA,OACb;AACL,KAAU;AAAkF,IAC9F,SAAA,QAAA,CAAA,GAAA,EAAA;AAAA,MACF,OAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAEA,MAAA,IAAA,CAAA,WAAkB,EAAU,GAAA,CAAA,CAAA;AAC1B,KAAA;AACA,IAAA,OAAK,aAAa,KAAG;AAAA,MACvB,OAAAE,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/lazy-list/src/lazy-list2.js

@@ -2,88 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var lazyList = require('./lazy-list.js');
-require('../../../hooks/index.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _hoisted_1 = ["onClick"];
-const __default__ = vue.defineComponent({
-  name: "HzztLazyList"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: lazyList.lazyListProps,
-  emits: lazyList.lazyListEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const totalHeight = vue.ref("100%");
-    const marginTop = vue.ref("0px");
-    const currentIndex = vue.ref(1);
-    const current = vue.ref(null);
-    const nsLazy = index.useNamespace("lazy-list");
-    const containerCls = vue.computed(() => [
-      "overflow-y-auto",
-      nsLazy.b()
-    ]);
-    vue.watch(() => props.data, () => {
-      totalHeight.value = props.data.length * props.height + "px";
-    }, {
-      immediate: true
-    });
-    const calcList = vue.computed(() => props.data.slice(currentIndex.value === 1 ? 0 : (currentIndex.value - 1) * props.size - props.size / 2, (currentIndex.value + 1) * props.size + props.size / 2));
-    function scrollList(e) {
-      const target = e.target;
-      const scrollTop = target.scrollTop;
-      if (scrollTop < props.size / 2 * props.height) {
-        currentIndex.value = 1;
-      } else {
-        currentIndex.value = Math.ceil((scrollTop - props.size / 2 * props.height) / props.size / props.height);
-      }
-      if (currentIndex.value === 1) {
-        marginTop.value = "0px";
-      } else {
-        marginTop.value = ((currentIndex.value - 1) * props.size - props.size / 2) * props.height + "px";
-      }
-    }
-    function rowClick(row) {
-      current.value = row;
-      emit("row-click", row);
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(containerCls)),
-        onScroll: scrollList
-      }, [
-        vue.createElementVNode("div", {
-          style: vue.normalizeStyle({
-            height: totalHeight.value,
-            width: 0,
-            float: "left"
-          })
-        }, null, 4),
-        vue.createElementVNode("div", {
-          style: vue.normalizeStyle({ marginTop: marginTop.value })
-        }, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(calcList), (item) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: item[_ctx.rowKey],
-              style: vue.normalizeStyle({
-                height: _ctx.height + "px"
-              }),
-              class: vue.normalizeClass(["hzzt-lazy-list__item", current.value === item ? "is-active" : ""]),
-              onClick: ($event) => rowClick(item)
-            }, [
-              vue.renderSlot(_ctx.$slots, "default", { data: item })
-            ], 14, _hoisted_1);
-          }), 128))
-        ], 4)
-      ], 34);
-    };
+const lazyListProps = runtime.buildProps({
+  size: {
+    type: Number,
+    default: 20
+  },
+  height: {
+    type: Number,
+    default: 30
+  },
+  data: {
+    type: runtime.definePropType(Array),
+    default: () => []
+  },
+  rowKey: {
+    type: String,
+    default: "id"
   }
 });
-var LazyList = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "lazy-list.vue"]]);
+const lazyListEmits = {
+  "row-click": (row) => row
+};
 
-exports["default"] = LazyList;
+exports.lazyListEmits = lazyListEmits;
+exports.lazyListProps = lazyListProps;
 //# sourceMappingURL=lazy-list2.js.map

package/lib/components/lazy-list/src/lazy-list2.js.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-list2.js","sources":["../../../../../../packages/components/lazy-list/src/lazy-list.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\" @scroll=\"scrollList\">\n    <div\n      :style=\"{\n        height: totalHeight,\n        width: 0,\n        float: 'left',\n      }\"\n    />\n    <div :style=\"{marginTop: marginTop}\">\n      <div\n        v-for=\"item in calcList\"\n        :key=\"item[rowKey]\"\n        :style=\"{\n          height: height+'px'\n        }\"\n        :class=\"['hzzt-lazy-list__item', current === item?'is-active':'']\"\n        @click=\"rowClick(item)\"\n      >\n        <slot :data=\"item\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {lazyListEmits, lazyListProps} from './lazy-list'\n  import {computed, ref, watch} from \"vue\";\n  import {useNamespace} from \"@hzzt-plus/hooks\";\n\n  defineOptions({\n    name: 'HzztLazyList',\n  })\n\n  const props = defineProps(lazyListProps)\n  const emit = defineEmits(lazyListEmits)\n\n  const totalHeight = ref('100%');\n  const marginTop = ref('0px');\n  const currentIndex = ref(1);\n  const current = ref(null);\n\n  const nsLazy = useNamespace('lazy-list');\n\n  const containerCls = computed(() => [\n    'overflow-y-auto',\n    nsLazy.b(),\n  ])\n\n  watch(() => props.data, () => {\n    totalHeight.value = props.data.length * props.height + 'px';\n  }, {\n    immediate: true,\n  });\n\n  const calcList = computed(\n    () => props.data.slice(currentIndex.value === 1 ? 0 : ((currentIndex.value - 1) * props.size -\n      props.size / 2), (currentIndex.value + 1) * props.size + props.size / 2));\n\n  function scrollList(e: Event) {\n    const target = e.target as HTMLElement;\n    const scrollTop = target.scrollTop;\n    if (scrollTop < props.size / 2 * props.height) {\n      currentIndex.value = 1;\n    } else {\n      currentIndex.value = Math.ceil((scrollTop - props.size / 2 * props.height) / props.size / props.height);\n    }\n    if (currentIndex.value === 1) {\n      marginTop.value = '0px';\n    } else {\n      marginTop.value = ((currentIndex.value - 1) * props.size - props.size / 2) * props.height + 'px';\n    }\n  }\n\n  function rowClick(row: any) {\n    current.value = row;\n    emit('row-click', row);\n  }\n\n\n</script>\n"],"names":["ref","useNamespace","computed","watch","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;uCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,WAAA,GAAcA,QAAI,MAAM,CAAA,CAAA;AAC9B,IAAM,MAAA,SAAA,GAAYA,QAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,YAAA,GAAeA,QAAI,CAAC,CAAA,CAAA;AAC1B,IAAM,MAAA,OAAA,GAAUA,QAAI,IAAI,CAAA,CAAA;AAExB,IAAM,MAAA,MAAA,GAASC,mBAAa,WAAW,CAAA,CAAA;AAEvC,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAAA,MAClC,iBAAA;AAAA,MACA,OAAO,CAAE,EAAA;AAAA,KACV,CAAA,CAAA;AAED,IAAMC,SAAA,CAAA,MAAM,KAAM,CAAA,IAAA,EAAM,MAAM;AAC5B,MAAA,WAAA,CAAY,KAAQ,GAAA,KAAA,CAAM,IAAK,CAAA,MAAA,GAAS,MAAM,MAAS,GAAA,IAAA,CAAA;AAAA,KACtD,EAAA;AAAA,MACD,SAAW,EAAA,IAAA;AAAA,KACZ,CAAA,CAAA;AAED,IAAA,MAAM,QAAW,GAAAD,YAAA,CAAA,MAAA,KAAA,CAAA,IAAA,CAAA,KAAA,CAAA,YAAA,CAAA,KAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,EAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IACf,mBAAiB,CAAA,CAAA,EAAA;AACwD,MAAC,MAAA,MAAA,GAAA,CAAA,CAAA,MAAA,CAAA;AAE5E,MAAA,MAAA,YAAoB,MAAU,CAAA,SAAA,CAAA;AAC5B,MAAA,IAAA,YAAiB,KAAA,CAAA,IAAA,GAAA,CAAA,GAAA,KAAA,CAAA,MAAA,EAAA;AACjB,QAAA,kBAAyB,GAAA,CAAA,CAAA;AACzB,OAAA,MAAgB;AACd,QAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA,IAAA,CAAA,CAAA,SAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,GAAA,KAAA,CAAA,MAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,MAAA,CAAA,CAAA;AAAA,OAChB;AACL,MAAA,IAAA,YAAqB,CAAA,KAAA,KAAA,CAAK,EAAM;AAAsE,QACxG,SAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AACA,OAAI,MAAA;AACF,QAAA,SAAA,CAAU,KAAQ,GAAA,CAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,IAAA,KAAA,CAAA,MAAA,GAAA,IAAA,CAAA;AAAA,OACb;AACL,KAAU;AAAkF,IAC9F,SAAA,QAAA,CAAA,GAAA,EAAA;AAAA,MACF,OAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAEA,MAAA,IAAA,CAAA,WAAkB,EAAU,GAAA,CAAA,CAAA;AAC1B,KAAA;AACA,IAAA,OAAK,aAAa,KAAG;AAAA,MACvB,OAAAE,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"lazy-list2.js","sources":["../../../../../../packages/components/lazy-list/src/lazy-list.ts"],"sourcesContent":["import {buildProps, definePropType} from '@hzzt-plus/utils'\nimport type {ExtractPropTypes} from 'vue'\nimport type LazyList from './lazy-list.vue'\n\nexport const lazyListProps = buildProps({\n  size: {\n    type: Number,\n    default: 20,\n  },\n  height: {\n    type: Number,\n    default: 30,\n  },\n  data: {\n    type: definePropType<Record<string, any>[]>(Array),\n    default: () => [],\n  },\n  rowKey: {\n    type: String,\n    default: 'id',\n  },\n})\n\nexport type LazyListProps = ExtractPropTypes<typeof lazyListProps>\n\nexport const lazyListEmits = {\n  'row-click': (row: any) => row\n}\n\nexport type LazyListEmits = typeof lazyListEmits\n\n\nexport type LazyListInstance = InstanceType<typeof LazyList>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,WAAW,EAAE,CAAC,GAAG,KAAK,GAAG;AAC3B;;;;;"}

package/lib/components/page-size/index.d.ts

@@ -13093,6 +13093,8 @@ export declare const HzztPageSize: import("hzzt-plus/es/utils").SFCWithInstall<i
             type: StringConstructor;
             default: string;
         };
+        size: (NumberConstructor | StringConstructor)[];
+        color: StringConstructor;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             name: {
@@ -13103,6 +13105,8 @@ export declare const HzztPageSize: import("hzzt-plus/es/utils").SFCWithInstall<i
                 type: StringConstructor;
                 default: string;
             };
+            size: (NumberConstructor | StringConstructor)[];
+            color: StringConstructor;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
@@ -13218,6 +13222,8 @@ export declare const HzztPageSize: import("hzzt-plus/es/utils").SFCWithInstall<i
             type: StringConstructor;
             default: string;
         };
+        size: (NumberConstructor | StringConstructor)[];
+        color: StringConstructor;
     }>>, {
         type: string;
     }>;