hzzt-plus 2.0.5 → 2.0.6

package/lib/components/cascader/src/cascader2.js

@@ -2,46 +2,131 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
+var vue = require('vue');
+var cascader = require('./cascader.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');
+require('../../../utils/index.js');
+var utils = require('./hooks/utils.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-size/index.js');
 var shared = require('@vue/shared');
 
-const cascaderProps = runtime.buildProps({
-  cascaderProps: {
-    type: Object,
-    default: () => ({
-      showAllLevels: true
-    })
-  },
-  disabled: Boolean,
-  readonly: Boolean,
-  clearable: Boolean,
-  size: index.useSizeProp,
-  options: {
-    type: runtime.definePropType(Array),
-    default: () => []
-  },
-  placeholder: {
-    type: String,
-    default: ""
-  },
-  modelValue: {
-    type: runtime.definePropType([
-      String
-    ]),
-    default: ""
+const __default__ = vue.defineComponent({
+  name: "HzztCascader"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: cascader.cascaderProps,
+  emits: cascader.cascaderEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const inputVal = vue.ref(props.modelValue);
+    const cascaderVal = vue.ref();
+    const inputRef = vue.ref();
+    const cascaderRef = vue.ref();
+    const nsCascader = index.useNamespace("cascader");
+    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(() => [
+      "relative",
+      nsCascader.b(),
+      nsCascader.m(trueSize.value)
+    ]);
+    const inputCls = vue.computed(() => [
+      nsCascader.e("input")
+    ]);
+    const cascaderCls = vue.computed(() => [
+      nsCascader.e("cascader")
+    ]);
+    const _inputProps = vue.computed(() => ({
+      disabled: trueDisabled.value,
+      size: trueSize.value,
+      clearable: props.clearable,
+      placeholder: props.placeholder,
+      readonly: props.readonly,
+      ...attrs
+    }));
+    const _cascaderProps = vue.computed(() => ({
+      options: props.options,
+      disabled: trueDisabled.value,
+      size: trueSize.value,
+      clearable: props.clearable,
+      placeholder: props.placeholder,
+      props: { checkStrictly: true, expandTrigger: "hover" },
+      filterable: true,
+      separator: "/",
+      showAllLevels: true,
+      ...props.cascaderProps
+    }));
+    vue.watch(() => props.modelValue, (v) => {
+      inputVal.value = v;
+      getCascaderVal();
+    });
+    vue.watch(() => props.options, (v) => {
+      if (!v)
+        return;
+      getCascaderVal();
+    });
+    getCascaderVal();
+    function input(str) {
+      emit("update:modelValue", str);
+      emit("input", str);
+    }
+    function change(str) {
+      emit("change", str);
+    }
+    function click(e) {
+      cascaderRef.value.togglePopperVisible();
+      const target = e.target;
+      target.focus();
+    }
+    function cascaderChange(val) {
+      const separator = _cascaderProps.value.separator || "/";
+      inputVal.value = val ? shared.isArray(val) ? val.join(separator) : [val].join(separator) : "";
+      input(inputVal.value);
+      change(inputVal.value);
+    }
+    function getCascaderVal() {
+      const separator = _cascaderProps.value.separator || "/";
+      if (_cascaderProps.value.showAllLevels === false) {
+        const list = utils.getCascaderId(props.modelValue, props.options);
+        cascaderVal.value = list.join(separator);
+      } else {
+        cascaderVal.value = (props.modelValue || "").split(separator);
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(containerCls))
+      }, [
+        vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
+          class: vue.unref(inputCls),
+          modelValue: inputVal.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
+          ref_key: "inputRef",
+          ref: inputRef
+        }, vue.unref(_inputProps), {
+          onInput: input,
+          onClick: click,
+          onChange: change
+        }), null, 16, ["class", "modelValue"]),
+        vue.createVNode(vue.unref(elementPlus.ElCascader), vue.mergeProps({
+          class: vue.unref(cascaderCls),
+          modelValue: cascaderVal.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => cascaderVal.value = $event),
+          ref_key: "cascaderRef",
+          ref: cascaderRef
+        }, vue.unref(_cascaderProps), { onChange: cascaderChange }), null, 16, ["class", "modelValue"])
+      ], 2);
+    };
   }
 });
-const cascaderEmits = {
-  [event.UPDATE_MODEL_EVENT]: (value) => shared.isString(value),
-  input: (value) => shared.isString(value),
-  change: (value) => shared.isString(value)
-};
+var Cascader = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "cascader.vue"]]);
 
-exports.cascaderEmits = cascaderEmits;
-exports.cascaderProps = cascaderProps;
+exports["default"] = Cascader;
 //# sourceMappingURL=cascader2.js.map

package/lib/components/cascader/src/cascader2.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascader2.js","sources":["../../../../../../packages/components/cascader/src/cascader.ts"],"sourcesContent":["import {buildProps, definePropType, isString} from '@hzzt-plus/utils'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\nimport type {ExtractPropTypes} from 'vue'\nimport type Cascader from './cascader.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport type CascaderNodeValue = string | number\n\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport const cascaderProps = buildProps({\n  cascaderProps: {\n    type: Object,\n    default: () => ({\n      showAllLevels: true,\n    }),\n  },\n  disabled: Boolean,\n  readonly: Boolean,\n  clearable: Boolean,\n  size: useSizeProp,\n  options: {\n    type: definePropType<CascaderOption[]>(Array),\n    default: () => [] as CascaderOption[],\n  },\n  placeholder: {\n    type: String,\n    default: '',\n  },\n  modelValue: {\n    type: definePropType<string | undefined>([\n      String,\n    ]),\n    default: '',\n  },\n})\n\nexport type CascaderProps = ExtractPropTypes<typeof cascaderProps>\n\nexport const cascaderEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string | undefined) => isString(value),\n  input: (value: string | undefined) => isString(value),\n  change: (value: string | undefined) => isString(value),\n}\nexport type CascaderEmits = typeof cascaderEmits\n\n\nexport type CascaderInstance = InstanceType<typeof Cascader>\n"],"names":["buildProps","useSizeProp","definePropType","UPDATE_MODEL_EVENT","isString"],"mappings":";;;;;;;;;;;;AAGY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,aAAa,EAAE,IAAI;AACzB,KAAK,CAAC;AACN,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,sBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,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":"cascader2.js","sources":["../../../../../../packages/components/cascader/src/cascader.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\">\n    <el-input\n      :class=\"inputCls\"\n      v-model=\"inputVal\"\n      ref=\"inputRef\"\n      v-bind=\"_inputProps\"\n      @input=\"input\"\n      @click=\"click\"\n      @change=\"change\"\n    >\n    </el-input>\n    <el-cascader :class=\"cascaderCls\" v-model=\"cascaderVal\" ref=\"cascaderRef\" v-bind=\"_cascaderProps\"\n                 @change=\"cascaderChange\">\n    </el-cascader>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {cascaderEmits, cascaderProps} from './cascader'\n  import {computed, ref, useAttrs, watch} from \"vue\";\n  import {CascaderProps, useFormDisabled, useFormSize, CascaderValue} from \"element-plus\";\n  import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n  import {isArray} from '@hzzt-plus/utils'\n  import {ElInput, ElCascader} from 'element-plus'\n  import {getCascaderId} from \"./hooks/utils\";\n\n  defineOptions({\n    name: 'HzztCascader',\n  })\n\n  const props = defineProps(cascaderProps)\n  const emit = defineEmits(cascaderEmits)\n\n  const attrs = useAttrs();\n\n  const inputVal = ref(props.modelValue);\n  const cascaderVal = ref();\n  const inputRef = ref();\n  const cascaderRef = ref();\n\n  const nsCascader = useNamespace('cascader');\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    'relative',\n    nsCascader.b(),\n    nsCascader.m(trueSize.value),\n  ])\n\n  const inputCls = computed(() => [\n    nsCascader.e('input'),\n  ])\n\n  const cascaderCls = computed(() => [\n    nsCascader.e('cascader'),\n  ])\n\n  const _inputProps = computed(() => ({\n    disabled: trueDisabled.value,\n    size: trueSize.value,\n    clearable: props.clearable,\n    placeholder: props.placeholder,\n    readonly: props.readonly,\n    ...attrs,\n  }))\n\n  const _cascaderProps = computed(() => ({\n    options: props.options,\n    disabled: trueDisabled.value,\n    size: trueSize.value,\n    clearable: props.clearable,\n    placeholder: props.placeholder,\n    props: {checkStrictly: true, expandTrigger: 'hover'} as CascaderProps,\n    filterable: true,\n    separator: '/',\n    showAllLevels: true,\n    ...props.cascaderProps,\n  }))\n\n  watch(() => props.modelValue, (v) => {\n    inputVal.value = v;\n    getCascaderVal();\n  })\n\n  watch(() => props.options, (v) => {\n    if (!v) return;\n    getCascaderVal();\n  })\n\n  getCascaderVal();\n\n  function input(str: string) {\n    emit('update:modelValue', str)\n    emit('input', str)\n  }\n\n  function change(str: string) {\n    emit('change', str)\n  }\n\n  function click(e: MouseEvent) {\n    cascaderRef.value.togglePopperVisible();\n    const target = e.target as HTMLInputElement;\n    target.focus();\n  }\n\n  function cascaderChange(val: CascaderValue) {\n    const separator = _cascaderProps.value.separator || '/';\n    inputVal.value = val ? isArray(val) ? val.join(separator) : [val].join(separator) : '';\n    input(inputVal.value);\n    change(inputVal.value);\n  }\n\n  function getCascaderVal() {\n    const separator = _cascaderProps.value.separator || '/';\n    if (_cascaderProps.value.showAllLevels === false) {\n      const list = getCascaderId(props.modelValue, props.options);\n      cascaderVal.value = list.join(separator);\n    } else {\n      cascaderVal.value = (props.modelValue || '').split(separator);\n    }\n  }\n\n\n</script>\n"],"names":["useAttrs","ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch","isArray","getCascaderId","_openBlock","_createElementBlock"],"mappings":"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"}

package/lib/components/index.js

@@ -23,18 +23,18 @@ 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 title = require('./title/src/title2.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-input2.js');
 var selectTextarea = require('./select-textarea/src/select-textarea.js');
-var inputRange = require('./input-range/src/input-range2.js');
-var cascader = require('./cascader/src/cascader2.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-input.js');
-var lazyList = require('./lazy-list/src/lazy-list2.js');
+var lazyList = require('./lazy-list/src/lazy-list.js');
 
 
 

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-range.js');
-var inputRange = require('./src/input-range2.js');
+var inputRange$1 = require('./src/input-range2.js');
+var inputRange = require('./src/input-range.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,84 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var inputRange = require('./input-range2.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-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.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-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;;;;;"}

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

@@ -2,35 +2,84 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
+var vue = require('vue');
+var inputRange = require('./input-range.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-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.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-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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-list.js');
-var lazyList = require('./src/lazy-list2.js');
+var lazyList$1 = require('./src/lazy-list2.js');
+var lazyList = require('./src/lazy-list.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,88 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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');
+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-list.js.map