hzzt-plus 2.0.3 → 2.0.5

package/es/components/collapse/src/collapse2.mjs

@@ -1,90 +1,2 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, unref, withDirectives, vShow } from 'vue';
-import '../../../hooks/index.mjs';
-import HzztIcon from '../../icon/src/index.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
 
-const _hoisted_1 = { class: "hzzt-collapse flex column" };
-const _hoisted_2 = { class: "hzzt-collapse__top" };
-const _hoisted_3 = { class: "hzzt-collapse__title" };
-const _hoisted_4 = {
-  key: 0,
-  class: "hzzt-collapse__line"
-};
-const _hoisted_5 = { class: "hzzt-collapse__content flex-1" };
-const __default__ = defineComponent({
-  name: "HzztCollapse"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    defaultActive: {
-      type: Boolean,
-      default: true
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    showLine: {
-      type: Boolean,
-      default: true
-    },
-    modelValue: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const { t } = useLocale();
-    const expand = ref(props.modelValue);
-    if (!props.defaultActive) {
-      emit("update:modelValue", false);
-      expand.value = false;
-    }
-    watch(() => props.modelValue, (v) => {
-      expand.value = v;
-    });
-    function toggle() {
-      expand.value = !expand.value;
-      emit("update:modelValue", expand.value);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(__props.title), 1)
-            ])
-          ]),
-          __props.showLine ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("v-if", true),
-          renderSlot(_ctx.$slots, "toggle-btn", {}, () => [
-            createElementVNode("div", {
-              class: "hzzt-collapse__btn",
-              onClick: toggle
-            }, [
-              createVNode(HzztIcon, {
-                name: !expand.value ? "hzzt-plus-square-outline" : "hzzt-minus-square-outline",
-                class: "hzzt-collapse__icon",
-                size: "14"
-              }, null, 8, ["name"]),
-              createElementVNode("span", null, toDisplayString(expand.value ? unref(t)("hzzt.collapse.retract") : unref(t)("hzzt.collapse.expand")), 1)
-            ])
-          ])
-        ]),
-        withDirectives(createElementVNode("div", _hoisted_5, [
-          renderSlot(_ctx.$slots, "default")
-        ], 512), [
-          [vShow, expand.value]
-        ]),
-        renderSlot(_ctx.$slots, "active", { active: expand.value })
-      ]);
-    };
-  }
-});
-var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "collapse.vue"]]);
-
-export { Collapse as default };
 //# sourceMappingURL=collapse2.mjs.map

package/es/components/collapse/src/collapse2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapse2.mjs","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":[],"mappings":";;;;;;;;;;;;;;mCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAM,MAAA,EAAC,CAAC,EAAA,GAAI,SAAU,EAAA,CAAA;AAqBtB,IAAM,MAAA,MAAA,GAAS,GAAI,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,IAAA,KAAA,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.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/index.mjs

@@ -26,9 +26,9 @@ export { provideGlobalConfig, useGlobalConfig } from './config-provider/src/hook
 export { scanEmits, scanProps } from './scan/src/scan.mjs';
 export { selectInputEmits, selectInputProps } from './select-input/src/select-input2.mjs';
 export { selectTextareaEmits, selectTextareaProps } from './select-textarea/src/select-textarea.mjs';
-export { inputRangeEmits, inputRangeProps } from './input-range/src/input-range.mjs';
-export { cascaderEmits, cascaderProps } from './cascader/src/cascader.mjs';
+export { inputRangeEmits, inputRangeProps } from './input-range/src/input-range2.mjs';
+export { cascaderEmits, cascaderProps } from './cascader/src/cascader2.mjs';
 export { selectEmits, selectProps } from './select/src/select.mjs';
 export { clickInputEmits, clickInputProps } from './click-input/src/click-input.mjs';
-export { lazyListEmits, lazyListProps } from './lazy-list/src/lazy-list.mjs';
+export { lazyListEmits, lazyListProps } from './lazy-list/src/lazy-list2.mjs';
 //# sourceMappingURL=index.mjs.map

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

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

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

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

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

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

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

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

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

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

package/es/components/lazy-list/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import LazyList from './src/lazy-list2.mjs';
-export { lazyListEmits, lazyListProps } from './src/lazy-list.mjs';
+import LazyList from './src/lazy-list.mjs';
+export { lazyListEmits, lazyListProps } from './src/lazy-list2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const HzztLazyList = withInstall(LazyList);

package/es/components/lazy-list/src/lazy-list.mjs

@@ -1,27 +1,85 @@
-import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot } from 'vue';
+import { lazyListProps, lazyListEmits } from './lazy-list2.mjs';
+import '../../../hooks/index.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const lazyListProps = buildProps({
-  size: {
-    type: Number,
-    default: 20
-  },
-  height: {
-    type: Number,
-    default: 30
-  },
-  data: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  rowKey: {
-    type: String,
-    default: "id"
+const _hoisted_1 = ["onClick"];
+const __default__ = defineComponent({
+  name: "HzztLazyList"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: lazyListProps,
+  emits: lazyListEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const totalHeight = ref("100%");
+    const marginTop = ref("0px");
+    const currentIndex = ref(1);
+    const current = ref(null);
+    const nsLazy = useNamespace("lazy-list");
+    const containerCls = computed(() => [
+      "overflow-y-auto",
+      nsLazy.b()
+    ]);
+    watch(() => props.data, () => {
+      totalHeight.value = props.data.length * props.height + "px";
+    }, {
+      immediate: true
+    });
+    const calcList = 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 openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(containerCls)),
+        onScroll: scrollList
+      }, [
+        createElementVNode("div", {
+          style: normalizeStyle({
+            height: totalHeight.value,
+            width: 0,
+            float: "left"
+          })
+        }, null, 4),
+        createElementVNode("div", {
+          style: normalizeStyle({ marginTop: marginTop.value })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(calcList), (item) => {
+            return openBlock(), createElementBlock("div", {
+              key: item[_ctx.rowKey],
+              style: normalizeStyle({
+                height: _ctx.height + "px"
+              }),
+              class: normalizeClass(["hzzt-lazy-list__item", current.value === item ? "is-active" : ""]),
+              onClick: ($event) => rowClick(item)
+            }, [
+              renderSlot(_ctx.$slots, "default", { data: item })
+            ], 14, _hoisted_1);
+          }), 128))
+        ], 4)
+      ], 34);
+    };
   }
 });
-const lazyListEmits = {
-  "row-click": (row) => row
-};
+var LazyList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "lazy-list.vue"]]);
 
-export { lazyListEmits, lazyListProps };
+export { LazyList as default };
 //# sourceMappingURL=lazy-list.mjs.map

package/es/components/lazy-list/src/lazy-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lazy-list.mjs","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":[],"mappings":";;;AACY,MAAC,aAAa,GAAG,UAAU,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,EAAE,cAAc,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.mjs","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":["_openBlock","_createElementBlock"],"mappings":";;;;;;;mCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,WAAA,GAAc,IAAI,MAAM,CAAA,CAAA;AAC9B,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,YAAA,GAAe,IAAI,CAAC,CAAA,CAAA;AAC1B,IAAM,MAAA,OAAA,GAAU,IAAI,IAAI,CAAA,CAAA;AAExB,IAAM,MAAA,MAAA,GAAS,aAAa,WAAW,CAAA,CAAA;AAEvC,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAAA,MAClC,iBAAA;AAAA,MACA,OAAO,CAAE,EAAA;AAAA,KACV,CAAA,CAAA;AAED,IAAM,KAAA,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,GAAA,QAAA,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,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/lazy-list/src/lazy-list2.mjs

@@ -1,85 +1,27 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot } from 'vue';
-import { lazyListProps, lazyListEmits } from './lazy-list.mjs';
-import '../../../hooks/index.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = ["onClick"];
-const __default__ = defineComponent({
-  name: "HzztLazyList"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: lazyListProps,
-  emits: lazyListEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const totalHeight = ref("100%");
-    const marginTop = ref("0px");
-    const currentIndex = ref(1);
-    const current = ref(null);
-    const nsLazy = useNamespace("lazy-list");
-    const containerCls = computed(() => [
-      "overflow-y-auto",
-      nsLazy.b()
-    ]);
-    watch(() => props.data, () => {
-      totalHeight.value = props.data.length * props.height + "px";
-    }, {
-      immediate: true
-    });
-    const calcList = 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 openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(containerCls)),
-        onScroll: scrollList
-      }, [
-        createElementVNode("div", {
-          style: normalizeStyle({
-            height: totalHeight.value,
-            width: 0,
-            float: "left"
-          })
-        }, null, 4),
-        createElementVNode("div", {
-          style: normalizeStyle({ marginTop: marginTop.value })
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(calcList), (item) => {
-            return openBlock(), createElementBlock("div", {
-              key: item[_ctx.rowKey],
-              style: normalizeStyle({
-                height: _ctx.height + "px"
-              }),
-              class: normalizeClass(["hzzt-lazy-list__item", current.value === item ? "is-active" : ""]),
-              onClick: ($event) => rowClick(item)
-            }, [
-              renderSlot(_ctx.$slots, "default", { data: item })
-            ], 14, _hoisted_1);
-          }), 128))
-        ], 4)
-      ], 34);
-    };
+const lazyListProps = buildProps({
+  size: {
+    type: Number,
+    default: 20
+  },
+  height: {
+    type: Number,
+    default: 30
+  },
+  data: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  rowKey: {
+    type: String,
+    default: "id"
   }
 });
-var LazyList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "lazy-list.vue"]]);
+const lazyListEmits = {
+  "row-click": (row) => row
+};
 
-export { LazyList as default };
+export { lazyListEmits, lazyListProps };
 //# sourceMappingURL=lazy-list2.mjs.map