hzzt-plus 2.0.0 → 2.0.2

package/es/components/select-textarea/src/select-textarea2.mjs

@@ -1,36 +1,111 @@
-import '../../../utils/index.mjs';
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createVNode, createBlock, mergeProps, createCommentVNode } from 'vue';
+import { selectTextareaProps, selectTextareaEmits } from './select-textarea.mjs';
 import '../../../hooks/index.mjs';
-import '../../../constants/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { useSizeProp } from '../../../hooks/use-size/index.mjs';
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT } from '../../../constants/event.mjs';
-import { isString } from '@vue/shared';
-import { isNumber, isBoolean } from '../../../utils/types.mjs';
+import { useFormSize, useFormDisabled, ElSelectV2, ElInput } from 'element-plus';
+import HzztTitle from '../../title/src/title2.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 { insertCursorPosition } from '../../../hooks/use-cursor/index.mjs';
 
-const selectTextareaProps = buildProps({
-  size: useSizeProp,
-  disabled: Boolean,
-  label: String,
-  data: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  inputProps: Object,
-  replace: Boolean,
-  modelValue: {
-    type: definePropType([
-      String,
-      Number
-    ]),
-    default: ""
+const _hoisted_1 = { class: "flex column" };
+const _hoisted_2 = { class: "flex align-items-center" };
+const __default__ = defineComponent({
+  name: "HzztSelectTextarea"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: selectTextareaProps,
+  emits: selectTextareaEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const inputVal = ref(props.modelValue);
+    const selectValue = ref("");
+    const inputRef = ref();
+    const nsInput = useNamespace("select-textarea");
+    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)
+    ]);
+    const _inputProps = computed(() => ({
+      disabled: trueDisabled.value,
+      clearable: true,
+      ...props.inputProps,
+      type: "textarea"
+    }));
+    const _selectProps = computed(() => ({
+      options: props.options,
+      size: trueSize.value,
+      filterable: true,
+      clearable: true,
+      allowCreate: true,
+      ...props.selectProps
+    }));
+    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 = insertCursorPosition(inputEl, val);
+      }
+      input(content);
+      change(content);
+      emit("select", val);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(containerCls))
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createVNode(HzztTitle, {
+                size: unref(trueSize),
+                class: "margin-l-1",
+                label: _ctx.label
+              }, null, 8, ["size", "label"])
+            ]),
+            !unref(trueDisabled) ? (openBlock(), createBlock(unref(ElSelectV2), mergeProps({
+              key: 0,
+              class: "flex-1",
+              modelValue: selectValue.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectValue.value = $event),
+              onChange: selectChange
+            }, unref(_selectProps)), null, 16, ["modelValue"])) : createCommentVNode("v-if", true),
+            renderSlot(_ctx.$slots, "right")
+          ]),
+          createVNode(unref(ElInput), 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)
+          }, unref(_inputProps), {
+            onInput: input,
+            onChange: change
+          }), null, 16, ["modelValue"])
+        ])
+      ], 2);
+    };
   }
 });
-const selectTextareaEmits = {
-  [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
-  [CHANGE_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
-  [INPUT_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
-  select: (val) => isString(val) || isNumber(val) || isBoolean(val)
-};
+var SelectTextarea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "select-textarea.vue"]]);
 
-export { selectTextareaEmits, selectTextareaProps };
+export { SelectTextarea as default };
 //# sourceMappingURL=select-textarea2.mjs.map

package/es/components/select-textarea/src/select-textarea2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-textarea2.mjs","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":[],"mappings":";;;;;;;;;AAGY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,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,EAAE,cAAc,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,CAAC,kBAAkB,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AACjF,EAAE,CAAC,YAAY,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AAC3E,EAAE,CAAC,WAAW,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AAC1E,EAAE,MAAM,EAAE,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC;AACnE;;;;"}
+{"version":3,"file":"select-textarea2.mjs","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 :size=\"trueSize\" class=\"margin-l-1\" :label=\"label\"></hzzt-title>\n        </slot>\n        <el-select-v2 class=\"flex-1\" v-model=\"selectValue\" @change=\"selectChange\"\n                      v-if=\"!trueDisabled\" v-bind=\"_selectProps\"></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  const _selectProps = computed(() => ({\n    options: props.options,\n    size: trueSize.value,\n    filterable: true,\n    clearable: true,\n    allowCreate: true,\n    ...props.selectProps,\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":["_openBlock","_createElementBlock"],"mappings":"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"}

package/es/index.mjs

@@ -25,9 +25,9 @@ export { scanEmits, scanProps } from './components/scan/src/scan.mjs';
 export { HzztScan } from './components/scan/index.mjs';
 export { selectInputEmits, selectInputProps } from './components/select-input/src/select-input.mjs';
 export { HzztSelectInput } from './components/select-input/index.mjs';
-export { selectTextareaEmits, selectTextareaProps } from './components/select-textarea/src/select-textarea2.mjs';
+export { selectTextareaEmits, selectTextareaProps } from './components/select-textarea/src/select-textarea.mjs';
 export { HzztSelectTextarea } from './components/select-textarea/index.mjs';
-export { inputRangeEmits, inputRangeProps } from './components/input-range/src/input-range.mjs';
+export { inputRangeEmits, inputRangeProps } from './components/input-range/src/input-range2.mjs';
 export { HzztInputRange } from './components/input-range/index.mjs';
 export { cascaderEmits, cascaderProps } from './components/cascader/src/cascader.mjs';
 export { HzztCascader } from './components/cascader/index.mjs';
@@ -36,6 +36,8 @@ export { HzztSelect } from './components/select/index.mjs';
 export { clickInputEmits, clickInputProps } from './components/click-input/src/click-input.mjs';
 export { HzztClickInput } from './components/click-input/index.mjs';
 export { HzztScroll } from './components/scroll/index.mjs';
+export { lazyListEmits, lazyListProps } from './components/lazy-list/src/lazy-list.mjs';
+export { HzztLazyList } from './components/lazy-list/index.mjs';
 export { INSTALLED_KEY } from './constants/key.mjs';
 export { componentSizeMap, componentSizes } from './constants/size.mjs';
 export { WEEK_DAYS, datePickTypes } from './constants/date.mjs';

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}
+{"version":3,"file":"index.mjs","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}

package/es/version.d.ts

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

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "2.0.0";
+const version = "2.0.2";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

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

package/global.d.ts

@@ -21,6 +21,7 @@ declare module 'vue' {
     HzztSelect: typeof import('hzzt-plus')['HzztSelect']
     HzztClickInput: typeof import('hzzt-plus')['HzztClickInput']
     HzztScroll: typeof import('hzzt-plus')['HzztScroll']
+    HzztLazyList: typeof import('hzzt-plus')['HzztLazyList']
   }
 }
 

package/lib/component.js

@@ -22,6 +22,7 @@ var index$g = require('./components/cascader/index.js');
 var index$h = require('./components/select/index.js');
 var index$i = require('./components/click-input/index.js');
 var index$j = require('./components/scroll/index.js');
+var index$k = require('./components/lazy-list/index.js');
 
 var Components = [
   index.HzztConfigProvider,
@@ -43,7 +44,8 @@ var Components = [
   index$g.HzztCascader,
   index$h.HzztSelect,
   index$i.HzztClickInput,
-  index$j.HzztScroll
+  index$j.HzztScroll,
+  index$k.HzztLazyList
 ];
 
 exports["default"] = Components;

package/lib/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../packages/hzzt-plus/component.ts"],"sourcesContent":["import { HzztTitle } from '@hzzt-plus/components/title'\nimport { HzztDropdown } from '@hzzt-plus/components/dropdown'\nimport { HzztCollapse } from '@hzzt-plus/components/collapse'\nimport { HzztConfigProvider } from '@hzzt-plus/components/config-provider'\nimport { HzztTab } from '@hzzt-plus/components/tab'\nimport { HzztIcon } from '@hzzt-plus/components/icon'\nimport { HzztPagination } from '@hzzt-plus/components/pagination'\nimport { HzztTooltip } from '@hzzt-plus/components/tooltip'\nimport { HzztPageSize } from '@hzzt-plus/components/page-size'\nimport { HzztConfirmPassword } from '@hzzt-plus/components/confirm-password'\nimport { HzztCheckButton } from '@hzzt-plus/components/check-button'\nimport { HzztQuarterPicker } from '@hzzt-plus/components/quarter-picker'\nimport { HzztScan } from '@hzzt-plus/components/scan'\nimport { HzztSelectInput } from '@hzzt-plus/components/select-input'\nimport { HzztSelectTextarea } from '@hzzt-plus/components/select-textarea'\nimport { HzztInputRange } from '@hzzt-plus/components/input-range'\nimport { HzztCascader } from '@hzzt-plus/components/cascader'\nimport { HzztSelect } from '@hzzt-plus/components/select'\nimport { HzztClickInput } from '@hzzt-plus/components/click-input'\nimport { HzztScroll } from '@hzzt-plus/components/scroll'\n\nimport type { Plugin } from 'vue'\n\nexport default [\n  HzztConfigProvider,\n  HzztTitle,\n  HzztDropdown,\n  HzztCollapse,\n  HzztTab,\n  HzztIcon,\n  HzztPagination,\n  HzztTooltip,\n  HzztPageSize,\n  HzztConfirmPassword,\n  HzztCheckButton,\n  HzztQuarterPicker,\n  HzztScan,\n  HzztSelectInput,\n  HzztSelectTextarea,\n  HzztInputRange,\n  HzztCascader,\n  HzztSelect,\n  HzztClickInput,\n  HzztScroll,\n] as Plugin[]\n"],"names":["HzztConfigProvider","HzztTitle","HzztDropdown","HzztCollapse","HzztTab","HzztIcon","HzztPagination","HzztTooltip","HzztPageSize","HzztConfirmPassword","HzztCheckButton","HzztQuarterPicker","HzztScan","HzztSelectInput","HzztSelectTextarea","HzztInputRange","HzztCascader","HzztSelect","HzztClickInput","HzztScroll"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,iBAAe;AACf,EAAEA,wBAAkB;AACpB,EAAEC,iBAAS;AACX,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,eAAO;AACT,EAAEC,gBAAQ;AACV,EAAEC,sBAAc;AAChB,EAAEC,mBAAW;AACb,EAAEC,oBAAY;AACd,EAAEC,2BAAmB;AACrB,EAAEC,uBAAe;AACjB,EAAEC,yBAAiB;AACnB,EAAEC,gBAAQ;AACV,EAAEC,uBAAe;AACjB,EAAEC,0BAAkB;AACpB,EAAEC,sBAAc;AAChB,EAAEC,oBAAY;AACd,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,kBAAU;AACZ,CAAC;;;;"}
+{"version":3,"file":"component.js","sources":["../../../packages/hzzt-plus/component.ts"],"sourcesContent":["import { HzztTitle } from '@hzzt-plus/components/title'\nimport { HzztDropdown } from '@hzzt-plus/components/dropdown'\nimport { HzztCollapse } from '@hzzt-plus/components/collapse'\nimport { HzztConfigProvider } from '@hzzt-plus/components/config-provider'\nimport { HzztTab } from '@hzzt-plus/components/tab'\nimport { HzztIcon } from '@hzzt-plus/components/icon'\nimport { HzztPagination } from '@hzzt-plus/components/pagination'\nimport { HzztTooltip } from '@hzzt-plus/components/tooltip'\nimport { HzztPageSize } from '@hzzt-plus/components/page-size'\nimport { HzztConfirmPassword } from '@hzzt-plus/components/confirm-password'\nimport { HzztCheckButton } from '@hzzt-plus/components/check-button'\nimport { HzztQuarterPicker } from '@hzzt-plus/components/quarter-picker'\nimport { HzztScan } from '@hzzt-plus/components/scan'\nimport { HzztSelectInput } from '@hzzt-plus/components/select-input'\nimport { HzztSelectTextarea } from '@hzzt-plus/components/select-textarea'\nimport { HzztInputRange } from '@hzzt-plus/components/input-range'\nimport { HzztCascader } from '@hzzt-plus/components/cascader'\nimport { HzztSelect } from '@hzzt-plus/components/select'\nimport { HzztClickInput } from '@hzzt-plus/components/click-input'\nimport { HzztScroll } from '@hzzt-plus/components/scroll'\nimport { HzztLazyList } from '@hzzt-plus/components/lazy-list'\n\nimport type { Plugin } from 'vue'\n\nexport default [\n  HzztConfigProvider,\n  HzztTitle,\n  HzztDropdown,\n  HzztCollapse,\n  HzztTab,\n  HzztIcon,\n  HzztPagination,\n  HzztTooltip,\n  HzztPageSize,\n  HzztConfirmPassword,\n  HzztCheckButton,\n  HzztQuarterPicker,\n  HzztScan,\n  HzztSelectInput,\n  HzztSelectTextarea,\n  HzztInputRange,\n  HzztCascader,\n  HzztSelect,\n  HzztClickInput,\n  HzztScroll,\n  HzztLazyList,\n] as Plugin[]\n"],"names":["HzztConfigProvider","HzztTitle","HzztDropdown","HzztCollapse","HzztTab","HzztIcon","HzztPagination","HzztTooltip","HzztPageSize","HzztConfirmPassword","HzztCheckButton","HzztQuarterPicker","HzztScan","HzztSelectInput","HzztSelectTextarea","HzztInputRange","HzztCascader","HzztSelect","HzztClickInput","HzztScroll","HzztLazyList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,iBAAe;AACf,EAAEA,wBAAkB;AACpB,EAAEC,iBAAS;AACX,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,eAAO;AACT,EAAEC,gBAAQ;AACV,EAAEC,sBAAc;AAChB,EAAEC,mBAAW;AACb,EAAEC,oBAAY;AACd,EAAEC,2BAAmB;AACrB,EAAEC,uBAAe;AACjB,EAAEC,yBAAiB;AACnB,EAAEC,gBAAQ;AACV,EAAEC,uBAAe;AACjB,EAAEC,0BAAkB;AACpB,EAAEC,sBAAc;AAChB,EAAEC,oBAAY;AACd,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,kBAAU;AACZ,EAAEC,oBAAY;AACd,CAAC;;;;"}

package/lib/components/index.d.ts

@@ -18,3 +18,4 @@ export * from './cascader';
 export * from './select';
 export * from './click-input';
 export * from './scroll';
+export * from './lazy-list';

package/lib/components/index.js

@@ -22,17 +22,19 @@ var index$g = require('./cascader/index.js');
 var index$h = require('./select/index.js');
 var index$i = require('./click-input/index.js');
 var index$j = require('./scroll/index.js');
+var index$k = require('./lazy-list/index.js');
 var title = require('./title/src/title.js');
 var configProviderProps = require('./config-provider/src/config-provider-props.js');
 var constants = require('./config-provider/src/constants.js');
 var useGlobalConfig = require('./config-provider/src/hooks/use-global-config.js');
 var scan = require('./scan/src/scan.js');
 var selectInput = require('./select-input/src/select-input.js');
-var selectTextarea = require('./select-textarea/src/select-textarea2.js');
-var inputRange = require('./input-range/src/input-range.js');
+var selectTextarea = require('./select-textarea/src/select-textarea.js');
+var inputRange = require('./input-range/src/input-range2.js');
 var cascader = require('./cascader/src/cascader.js');
 var select = require('./select/src/select.js');
 var clickInput = require('./click-input/src/click-input.js');
+var lazyList = require('./lazy-list/src/lazy-list.js');
 
 
 
@@ -56,6 +58,7 @@ exports.HzztCascader = index$g.HzztCascader;
 exports.HzztSelect = index$h.HzztSelect;
 exports.HzztClickInput = index$i.HzztClickInput;
 exports.HzztScroll = index$j.HzztScroll;
+exports.HzztLazyList = index$k.HzztLazyList;
 exports.titleProps = title.titleProps;
 exports.configProviderProps = configProviderProps.configProviderProps;
 exports.configProviderContextKey = constants.configProviderContextKey;
@@ -75,4 +78,6 @@ exports.selectEmits = select.selectEmits;
 exports.selectProps = select.selectProps;
 exports.clickInputEmits = clickInput.clickInputEmits;
 exports.clickInputProps = clickInput.clickInputProps;
+exports.lazyListEmits = lazyList.lazyListEmits;
+exports.lazyListProps = lazyList.lazyListProps;
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

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

package/lib/components/input-range/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var inputRange$1 = require('./src/input-range2.js');
-var inputRange = require('./src/input-range.js');
+var inputRange$1 = require('./src/input-range.js');
+var inputRange = require('./src/input-range2.js');
 var install = require('../../utils/vue/install.js');
 
 const HzztInputRange = install.withInstall(inputRange$1["default"]);

package/lib/components/input-range/src/input-range.js

@@ -2,35 +2,84 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
+var vue = require('vue');
+var inputRange = require('./input-range2.js');
+var elementPlus = require('element-plus');
 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 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 inputRangeProps = runtime.buildProps({
-  modelValue: {
-    type: Array,
-    default: () => []
-  },
-  size: index.useSizeProp,
-  disabled: Boolean,
-  clearable: {
-    type: Boolean,
-    default: false
-  },
-  startPlaceholder: String,
-  endPlaceholder: String,
-  startProps: Object,
-  endProps: Object
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "margin-h-1" }, "\u2014\u2014", -1);
+const __default__ = vue.defineComponent({
+  name: "HzztInputRange"
 });
-const inputRangeEmits = {
-  [event.UPDATE_MODEL_EVENT]: (val) => shared.isArray(val),
-  [event.CHANGE_EVENT]: (val) => shared.isArray(val)
-};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: inputRange.inputRangeProps,
+  emits: inputRange.inputRangeEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const startValue = vue.ref(props.modelValue[0]);
+    const endValue = vue.ref(props.modelValue[1]);
+    const nsInput = index.useNamespace("input-range");
+    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)
+    ]);
+    vue.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 = vue.resolveComponent("el-input");
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["flex align-items-center", vue.unref(containerCls)])
+      }, [
+        vue.createVNode(_component_el_input, vue.mergeProps({
+          modelValue: startValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => startValue.value = $event)
+        }, _ctx.startProps, {
+          clearable: _ctx.clearable,
+          placeholder: _ctx.startPlaceholder,
+          size: vue.unref(trueSize),
+          disabled: vue.unref(trueDisabled),
+          class: "flex-1",
+          onChange: change
+        }), null, 16, ["modelValue", "clearable", "placeholder", "size", "disabled"]),
+        _hoisted_1,
+        vue.createVNode(_component_el_input, vue.mergeProps({
+          modelValue: endValue.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => endValue.value = $event)
+        }, _ctx.endProps, {
+          clearable: _ctx.clearable,
+          placeholder: _ctx.endPlaceholder,
+          size: vue.unref(trueSize),
+          disabled: vue.unref(trueDisabled),
+          class: "flex-1",
+          onChange: change
+        }), null, 16, ["modelValue", "clearable", "placeholder", "size", "disabled"])
+      ], 2);
+    };
+  }
+});
+var InputRange = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "input-range.vue"]]);
 
-exports.inputRangeEmits = inputRangeEmits;
-exports.inputRangeProps = inputRangeProps;
+exports["default"] = InputRange;
 //# sourceMappingURL=input-range.js.map

package/lib/components/input-range/src/input-range.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-range.js","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":["buildProps","useSizeProp","UPDATE_MODEL_EVENT","isArray","CHANGE_EVENT"],"mappings":";;;;;;;;;;;;AAGY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,KAAK;AACf,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,IAAI,EAAEC,iBAAW;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,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAKC,cAAO,CAAC,GAAG,CAAC;AAC7C,EAAE,CAACC,kBAAY,GAAG,CAAC,GAAG,KAAKD,cAAO,CAAC,GAAG,CAAC;AACvC;;;;;"}
+{"version":3,"file":"input-range.js","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","computed","watch","_resolveComponent","_openBlock","_createElementBlock","_unref","_createVNode","_mergeProps"],"mappings":";;;;;;;;;;;;;;AA2BE,EAAA,IAAA,EAAA;AACA,CAAA,CAAA,CAAA;AACA,MAAQ,SAAA,mBAA2BA,mBAAA,CAAA;AACnC,EAAA,GAAA;;mCAEc;AAAA,EACZ,KAAM,CAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA;AACR,IAAA,MAAA,KAAA,GAAA,OAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,YAAa,GAAAC,YAAU,CAAA,MAAA,KAAY,CAAC,QAAA,IAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAC1C,IAAA,MAAM,YAAW,GAAIA,YAAM,CAAA,MAAA;AAE3B,MAAM,OAAA,CAAA,CAAA,EAAA;AAEN,MAAA,kBAA6B,CAAA,KAAA,CAAA;AAC7B,KAAA,CAAA,CAAA;AAEA,IAAAC,SAAA,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,oBAAU,CAAA,UAAA,CAAA,CAAA;AACpC,MAAA,OAAKC,aAAU,EAAU,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,iCACK,CAAA,CAAA,yBAAiB,EAAAC,SAAA,CAAA,YAAA,CAAA,CAAA,CAAA;AAC/C,OAAK,EAAA;AACL,QAAKC,eAAA,CAAA,mBAAY,EAAAC,cAAA,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/lib/components/input-range/src/input-range2.js

@@ -2,84 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var inputRange = require('./input-range.js');
-var elementPlus = require('element-plus');
+require('../../../utils/index.js');
 require('../../../hooks/index.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');
+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');
 
-const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "margin-h-1" }, "\u2014\u2014", -1);
-const __default__ = vue.defineComponent({
-  name: "HzztInputRange"
+const inputRangeProps = runtime.buildProps({
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  size: index.useSizeProp,
+  disabled: Boolean,
+  clearable: {
+    type: Boolean,
+    default: false
+  },
+  startPlaceholder: String,
+  endPlaceholder: String,
+  startProps: Object,
+  endProps: Object
 });
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: inputRange.inputRangeProps,
-  emits: inputRange.inputRangeEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const startValue = vue.ref(props.modelValue[0]);
-    const endValue = vue.ref(props.modelValue[1]);
-    const nsInput = index.useNamespace("input-range");
-    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)
-    ]);
-    vue.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 = vue.resolveComponent("el-input");
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["flex align-items-center", vue.unref(containerCls)])
-      }, [
-        vue.createVNode(_component_el_input, vue.mergeProps({
-          modelValue: startValue.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => startValue.value = $event)
-        }, _ctx.startProps, {
-          clearable: _ctx.clearable,
-          placeholder: _ctx.startPlaceholder,
-          size: vue.unref(trueSize),
-          disabled: vue.unref(trueDisabled),
-          class: "flex-1",
-          onChange: change
-        }), null, 16, ["modelValue", "clearable", "placeholder", "size", "disabled"]),
-        _hoisted_1,
-        vue.createVNode(_component_el_input, vue.mergeProps({
-          modelValue: endValue.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => endValue.value = $event)
-        }, _ctx.endProps, {
-          clearable: _ctx.clearable,
-          placeholder: _ctx.endPlaceholder,
-          size: vue.unref(trueSize),
-          disabled: vue.unref(trueDisabled),
-          class: "flex-1",
-          onChange: change
-        }), null, 16, ["modelValue", "clearable", "placeholder", "size", "disabled"])
-      ], 2);
-    };
-  }
-});
-var InputRange = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "input-range.vue"]]);
+const inputRangeEmits = {
+  [event.UPDATE_MODEL_EVENT]: (val) => shared.isArray(val),
+  [event.CHANGE_EVENT]: (val) => shared.isArray(val)
+};
 
-exports["default"] = InputRange;
+exports.inputRangeEmits = inputRangeEmits;
+exports.inputRangeProps = inputRangeProps;
 //# sourceMappingURL=input-range2.js.map

package/lib/components/input-range/src/input-range2.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-range2.js","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","computed","watch","_resolveComponent","_openBlock","_createElementBlock","_unref","_createVNode","_mergeProps"],"mappings":";;;;;;;;;;;;;;AA2BE,EAAA,IAAA,EAAA;AACA,CAAA,CAAA,CAAA;AACA,MAAQ,SAAA,mBAA2BA,mBAAA,CAAA;AACnC,EAAA,GAAA;;mCAEc;AAAA,EACZ,KAAM,CAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA;AACR,IAAA,MAAA,KAAA,GAAA,OAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,YAAa,GAAAC,YAAU,CAAA,MAAA,KAAY,CAAC,QAAA,IAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAC1C,IAAA,MAAM,YAAW,GAAIA,YAAM,CAAA,MAAA;AAE3B,MAAM,OAAA,CAAA,CAAA,EAAA;AAEN,MAAA,kBAA6B,CAAA,KAAA,CAAA;AAC7B,KAAA,CAAA,CAAA;AAEA,IAAAC,SAAA,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,oBAAU,CAAA,UAAA,CAAA,CAAA;AACpC,MAAA,OAAKC,aAAU,EAAU,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,iCACK,CAAA,CAAA,yBAAiB,EAAAC,SAAA,CAAA,YAAA,CAAA,CAAA,CAAA;AAC/C,OAAK,EAAA;AACL,QAAKC,eAAA,CAAA,mBAAY,EAAAC,cAAA,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.js","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":["buildProps","useSizeProp","UPDATE_MODEL_EVENT","isArray","CHANGE_EVENT"],"mappings":";;;;;;;;;;;;AAGY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,KAAK;AACf,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,IAAI,EAAEC,iBAAW;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,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAKC,cAAO,CAAC,GAAG,CAAC;AAC7C,EAAE,CAACC,kBAAY,GAAG,CAAC,GAAG,KAAKD,cAAO,CAAC,GAAG,CAAC;AACvC;;;;;"}

package/lib/components/lazy-list/index.d.ts

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