hzzt-plus 2.0.3 → 2.0.5

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

@@ -1 +1 @@
-{"version":3,"file":"lazy-list2.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"lazy-list2.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;;;;"}

package/es/components/scroll/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Scroll from './src/scroll.mjs';
-import './src/scroll2.mjs';
+import Scroll from './src/scroll2.mjs';
+import './src/scroll.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const HzztScroll = withInstall(Scroll);

package/es/components/scroll/src/scroll.mjs

@@ -1,92 +1,2 @@
-import { defineComponent, ref, onUpdated, openBlock, createElementBlock, normalizeClass, createVNode, createCommentVNode, createElementVNode, normalizeStyle, renderSlot } from 'vue';
-import { useResizeObserver } from '@vueuse/core';
-import HzztIcon from '../../icon/src/index.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const __default__ = defineComponent({
-  name: "HzztScroll"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  setup(__props) {
-    const navTranslateX = ref(0);
-    const scrollMainRef = ref(null);
-    const scrollRef = ref(null);
-    const scrollContentRef = ref(null);
-    const scrollable = ref(false);
-    function update() {
-      if (!scrollRef.value || !scrollContentRef.value)
-        return;
-      const scrollWidth = scrollRef.value ? scrollRef.value.offsetWidth : 0;
-      const contentWidth = scrollContentRef.value ? scrollContentRef.value.offsetWidth : 0;
-      if (scrollWidth >= contentWidth) {
-        scrollable.value = false;
-        navTranslateX.value = 0;
-        return;
-      }
-      scrollable.value = true;
-    }
-    useResizeObserver(scrollMainRef, update);
-    useResizeObserver(scrollContentRef, update);
-    onUpdated(() => update());
-    function btnNavPrev() {
-      var _a;
-      const containerSize = ((_a = scrollRef.value) == null ? void 0 : _a.offsetWidth) || 0;
-      const currentOffset = navTranslateX.value;
-      if (!currentOffset)
-        return;
-      const newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;
-      navTranslateX.value = newOffset;
-    }
-    function btnNavNext() {
-      var _a, _b;
-      const navSize = ((_a = scrollContentRef.value) == null ? void 0 : _a.offsetWidth) || 0;
-      const currentOffset = navTranslateX.value;
-      const containerSize = ((_b = scrollRef.value) == null ? void 0 : _b.offsetWidth) || 0;
-      if (navSize - currentOffset < containerSize)
-        return;
-      const newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
-      navTranslateX.value = newOffset;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "scrollMainRef",
-        ref: scrollMainRef,
-        class: normalizeClass([{ "is-scrollable": scrollable.value }, "relative hzzt-scroll"])
-      }, [
-        scrollable.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "hzzt-scroll__nav-prev",
-          onClick: btnNavPrev
-        }, [
-          createVNode(HzztIcon, { name: "arrow-left" })
-        ])) : createCommentVNode("v-if", true),
-        scrollable.value ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: "hzzt-scroll__nav-next",
-          onClick: btnNavNext
-        }, [
-          createVNode(HzztIcon, { name: "arrow-right" })
-        ])) : createCommentVNode("v-if", true),
-        createElementVNode("div", {
-          ref_key: "scrollRef",
-          ref: scrollRef,
-          class: "overflow-hidden"
-        }, [
-          createElementVNode("div", {
-            ref_key: "scrollContentRef",
-            ref: scrollContentRef,
-            style: normalizeStyle({ transform: `translateX(${-navTranslateX.value}px)` }),
-            class: "hzzt-scroll__content"
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 4)
-        ], 512)
-      ], 2);
-    };
-  }
-});
-var Scroll = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "scroll.vue"]]);
-
-export { Scroll as default };
 //# sourceMappingURL=scroll.mjs.map

package/es/components/scroll/src/scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.mjs","sources":["../../../../../../packages/components/scroll/src/scroll.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollMainRef\" :class=\"{'is-scrollable':scrollable}\" class=\"relative hzzt-scroll\">\n    <div v-if=\"scrollable\" class=\"hzzt-scroll__nav-prev\" @click=\"btnNavPrev\">\n      <hzzt-icon name=\"arrow-left\" />\n    </div>\n    <div v-if=\"scrollable\" class=\"hzzt-scroll__nav-next\" @click=\"btnNavNext\">\n      <hzzt-icon name=\"arrow-right\" />\n    </div>\n    <div ref=\"scrollRef\" class=\"overflow-hidden\">\n      <div ref=\"scrollContentRef\" :style=\"{transform: `translateX(${-navTranslateX}px)`}\" class=\"hzzt-scroll__content\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {onUpdated, ref} from 'vue';\n  import {useResizeObserver} from '@vueuse/core';\n  import HzztIcon from \"@hzzt-plus/components/icon/src/index.vue\";\n\n  defineOptions({\n    name: 'HzztScroll',\n  })\n\n  const navTranslateX = ref(0);\n  const scrollMainRef = ref<HTMLElement | null>(null);\n  const scrollRef = ref<HTMLElement | null>(null);\n  const scrollContentRef = ref<HTMLElement | null>(null);\n  const scrollable = ref(false);\n\n  function update() {\n    if (!scrollRef.value || !scrollContentRef.value) return;\n    const scrollWidth = scrollRef.value ? scrollRef.value.offsetWidth : 0;\n    const contentWidth = scrollContentRef.value ? scrollContentRef.value.offsetWidth : 0;\n    if (scrollWidth >= contentWidth) {\n      scrollable.value = false;\n      navTranslateX.value = 0;\n      return;\n    }\n    scrollable.value = true;\n  }\n\n  useResizeObserver(scrollMainRef, update);\n  useResizeObserver(scrollContentRef, update);\n\n  onUpdated(() => update());\n\n  function btnNavPrev() {\n    const containerSize = scrollRef.value?.offsetWidth || 0;\n    const currentOffset = navTranslateX.value;\n    if (!currentOffset) return;\n    const newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;\n    navTranslateX.value = newOffset;\n  }\n\n  function btnNavNext() {\n    const navSize = scrollContentRef.value?.offsetWidth || 0;\n    const currentOffset = navTranslateX.value;\n    const containerSize = scrollRef.value?.offsetWidth || 0;\n    if (navSize - currentOffset < containerSize) return;\n    const newOffset = navSize - currentOffset > containerSize * 2 ?\n      currentOffset + containerSize :\n      navSize - containerSize;\n    navTranslateX.value = newOffset;\n  }\n</script>\n"],"names":[],"mappings":";;;;;mCAqBgB,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;AAEA,IAAM,MAAA,aAAA,GAAgB,IAAI,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,aAAA,GAAgB,IAAwB,IAAI,CAAA,CAAA;AAClD,IAAM,MAAA,SAAA,GAAY,IAAwB,IAAI,CAAA,CAAA;AAC9C,IAAM,MAAA,gBAAA,GAAmB,IAAwB,IAAI,CAAA,CAAA;AACrD,IAAM,MAAA,UAAA,GAAa,IAAI,KAAK,CAAA,CAAA;AAE5B,IAAA,SAAS,MAAS,GAAA;AAChB,MAAA,IAAI,CAAC,SAAA,CAAU,KAAS,IAAA,CAAC,gBAAiB,CAAA,KAAA;AAAO,QAAA,OAAA;AACjD,MAAA,MAAM,WAAc,GAAA,SAAA,CAAU,KAAQ,GAAA,SAAA,CAAU,MAAM,WAAc,GAAA,CAAA,CAAA;AACpE,MAAA,MAAM,YAAe,GAAA,gBAAA,CAAiB,KAAQ,GAAA,gBAAA,CAAiB,MAAM,WAAc,GAAA,CAAA,CAAA;AACnF,MAAA,IAAI,eAAe,YAAc,EAAA;AAC/B,QAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AACnB,QAAA,aAAA,CAAc,KAAQ,GAAA,CAAA,CAAA;AACtB,QAAA,OAAA;AAAA,OACF;AACA,MAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AAAA,KACrB;AAEA,IAAA,iBAAA,CAAkB,eAAe,MAAM,CAAA,CAAA;AACvC,IAAA,iBAAA,CAAkB,kBAAkB,MAAM,CAAA,CAAA;AAE1C,IAAU,SAAA,CAAA,MAAM,QAAQ,CAAA,CAAA;AAExB,IAAA,SAAS,UAAa,GAAA;AACpB,MAAM,IAAA,EAAA,CAAA;AACN,MAAA,MAAM,gBAAgB,CAAc,CAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AACpC,MAAA,MAAK,aAAA,GAAA,aAAA,CAAA,KAAA,CAAA;AAAe,MAAA,IAAA,CAAA,aAAA;AACpB,QAAA,OAAkB;AAClB,MAAA,MAAA,SAAsB,GAAA,aAAA,GAAA,aAAA,GAAA,aAAA,GAAA,aAAA,GAAA,CAAA,CAAA;AAAA,MACxB,aAAA,CAAA,KAAA,GAAA,SAAA,CAAA;AAEA,KAAA;AACE,IAAM,SAAA,UAA2B,GAAA;AACjC,MAAA,IAAA,EAAM;AACN,MAAM,MAAA,OAAA,GAAA,CAAA,CAAA,EAAA,GAA0B,gBAAO,CAAe,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AACtD,MAAA,mBAA8B,GAAA,aAAA,CAAA,KAAA,CAAA;AAAe,MAAA,MAAA,aAAA,GAAA,CAAA,CAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AAC7C,MAAA,IAAA,uBAA4B,GAAA,aAAA;AAG5B,QAAA,OAAA;AAAsB,MACxB,MAAA,SAAA,GAAA,OAAA,GAAA,aAAA,GAAA,aAAA,GAAA,CAAA,GAAA,aAAA,GAAA,aAAA,GAAA,OAAA,GAAA,aAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"scroll.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/scroll/src/scroll2.mjs

@@ -1,2 +1,92 @@
+import { defineComponent, ref, onUpdated, openBlock, createElementBlock, normalizeClass, createVNode, createCommentVNode, createElementVNode, normalizeStyle, renderSlot } from 'vue';
+import { useResizeObserver } from '@vueuse/core';
+import HzztIcon from '../../icon/src/index.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
+const __default__ = defineComponent({
+  name: "HzztScroll"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const navTranslateX = ref(0);
+    const scrollMainRef = ref(null);
+    const scrollRef = ref(null);
+    const scrollContentRef = ref(null);
+    const scrollable = ref(false);
+    function update() {
+      if (!scrollRef.value || !scrollContentRef.value)
+        return;
+      const scrollWidth = scrollRef.value ? scrollRef.value.offsetWidth : 0;
+      const contentWidth = scrollContentRef.value ? scrollContentRef.value.offsetWidth : 0;
+      if (scrollWidth >= contentWidth) {
+        scrollable.value = false;
+        navTranslateX.value = 0;
+        return;
+      }
+      scrollable.value = true;
+    }
+    useResizeObserver(scrollMainRef, update);
+    useResizeObserver(scrollContentRef, update);
+    onUpdated(() => update());
+    function btnNavPrev() {
+      var _a;
+      const containerSize = ((_a = scrollRef.value) == null ? void 0 : _a.offsetWidth) || 0;
+      const currentOffset = navTranslateX.value;
+      if (!currentOffset)
+        return;
+      const newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;
+      navTranslateX.value = newOffset;
+    }
+    function btnNavNext() {
+      var _a, _b;
+      const navSize = ((_a = scrollContentRef.value) == null ? void 0 : _a.offsetWidth) || 0;
+      const currentOffset = navTranslateX.value;
+      const containerSize = ((_b = scrollRef.value) == null ? void 0 : _b.offsetWidth) || 0;
+      if (navSize - currentOffset < containerSize)
+        return;
+      const newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
+      navTranslateX.value = newOffset;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "scrollMainRef",
+        ref: scrollMainRef,
+        class: normalizeClass([{ "is-scrollable": scrollable.value }, "relative hzzt-scroll"])
+      }, [
+        scrollable.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "hzzt-scroll__nav-prev",
+          onClick: btnNavPrev
+        }, [
+          createVNode(HzztIcon, { name: "arrow-left" })
+        ])) : createCommentVNode("v-if", true),
+        scrollable.value ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "hzzt-scroll__nav-next",
+          onClick: btnNavNext
+        }, [
+          createVNode(HzztIcon, { name: "arrow-right" })
+        ])) : createCommentVNode("v-if", true),
+        createElementVNode("div", {
+          ref_key: "scrollRef",
+          ref: scrollRef,
+          class: "overflow-hidden"
+        }, [
+          createElementVNode("div", {
+            ref_key: "scrollContentRef",
+            ref: scrollContentRef,
+            style: normalizeStyle({ transform: `translateX(${-navTranslateX.value}px)` }),
+            class: "hzzt-scroll__content"
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 4)
+        ], 512)
+      ], 2);
+    };
+  }
+});
+var Scroll = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "scroll.vue"]]);
+
+export { Scroll as default };
 //# sourceMappingURL=scroll2.mjs.map

package/es/components/scroll/src/scroll2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"scroll2.mjs","sources":["../../../../../../packages/components/scroll/src/scroll.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollMainRef\" :class=\"{'is-scrollable':scrollable}\" class=\"relative hzzt-scroll\">\n    <div v-if=\"scrollable\" class=\"hzzt-scroll__nav-prev\" @click=\"btnNavPrev\">\n      <hzzt-icon name=\"arrow-left\" />\n    </div>\n    <div v-if=\"scrollable\" class=\"hzzt-scroll__nav-next\" @click=\"btnNavNext\">\n      <hzzt-icon name=\"arrow-right\" />\n    </div>\n    <div ref=\"scrollRef\" class=\"overflow-hidden\">\n      <div ref=\"scrollContentRef\" :style=\"{transform: `translateX(${-navTranslateX}px)`}\" class=\"hzzt-scroll__content\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {onUpdated, ref} from 'vue';\n  import {useResizeObserver} from '@vueuse/core';\n  import HzztIcon from \"@hzzt-plus/components/icon/src/index.vue\";\n\n  defineOptions({\n    name: 'HzztScroll',\n  })\n\n  const navTranslateX = ref(0);\n  const scrollMainRef = ref<HTMLElement | null>(null);\n  const scrollRef = ref<HTMLElement | null>(null);\n  const scrollContentRef = ref<HTMLElement | null>(null);\n  const scrollable = ref(false);\n\n  function update() {\n    if (!scrollRef.value || !scrollContentRef.value) return;\n    const scrollWidth = scrollRef.value ? scrollRef.value.offsetWidth : 0;\n    const contentWidth = scrollContentRef.value ? scrollContentRef.value.offsetWidth : 0;\n    if (scrollWidth >= contentWidth) {\n      scrollable.value = false;\n      navTranslateX.value = 0;\n      return;\n    }\n    scrollable.value = true;\n  }\n\n  useResizeObserver(scrollMainRef, update);\n  useResizeObserver(scrollContentRef, update);\n\n  onUpdated(() => update());\n\n  function btnNavPrev() {\n    const containerSize = scrollRef.value?.offsetWidth || 0;\n    const currentOffset = navTranslateX.value;\n    if (!currentOffset) return;\n    const newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;\n    navTranslateX.value = newOffset;\n  }\n\n  function btnNavNext() {\n    const navSize = scrollContentRef.value?.offsetWidth || 0;\n    const currentOffset = navTranslateX.value;\n    const containerSize = scrollRef.value?.offsetWidth || 0;\n    if (navSize - currentOffset < containerSize) return;\n    const newOffset = navSize - currentOffset > containerSize * 2 ?\n      currentOffset + containerSize :\n      navSize - containerSize;\n    navTranslateX.value = newOffset;\n  }\n</script>\n"],"names":[],"mappings":";;;;;mCAqBgB,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;AAEA,IAAM,MAAA,aAAA,GAAgB,IAAI,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,aAAA,GAAgB,IAAwB,IAAI,CAAA,CAAA;AAClD,IAAM,MAAA,SAAA,GAAY,IAAwB,IAAI,CAAA,CAAA;AAC9C,IAAM,MAAA,gBAAA,GAAmB,IAAwB,IAAI,CAAA,CAAA;AACrD,IAAM,MAAA,UAAA,GAAa,IAAI,KAAK,CAAA,CAAA;AAE5B,IAAA,SAAS,MAAS,GAAA;AAChB,MAAA,IAAI,CAAC,SAAA,CAAU,KAAS,IAAA,CAAC,gBAAiB,CAAA,KAAA;AAAO,QAAA,OAAA;AACjD,MAAA,MAAM,WAAc,GAAA,SAAA,CAAU,KAAQ,GAAA,SAAA,CAAU,MAAM,WAAc,GAAA,CAAA,CAAA;AACpE,MAAA,MAAM,YAAe,GAAA,gBAAA,CAAiB,KAAQ,GAAA,gBAAA,CAAiB,MAAM,WAAc,GAAA,CAAA,CAAA;AACnF,MAAA,IAAI,eAAe,YAAc,EAAA;AAC/B,QAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AACnB,QAAA,aAAA,CAAc,KAAQ,GAAA,CAAA,CAAA;AACtB,QAAA,OAAA;AAAA,OACF;AACA,MAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AAAA,KACrB;AAEA,IAAA,iBAAA,CAAkB,eAAe,MAAM,CAAA,CAAA;AACvC,IAAA,iBAAA,CAAkB,kBAAkB,MAAM,CAAA,CAAA;AAE1C,IAAU,SAAA,CAAA,MAAM,QAAQ,CAAA,CAAA;AAExB,IAAA,SAAS,UAAa,GAAA;AACpB,MAAM,IAAA,EAAA,CAAA;AACN,MAAA,MAAM,gBAAgB,CAAc,CAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AACpC,MAAA,MAAK,aAAA,GAAA,aAAA,CAAA,KAAA,CAAA;AAAe,MAAA,IAAA,CAAA,aAAA;AACpB,QAAA,OAAkB;AAClB,MAAA,MAAA,SAAsB,GAAA,aAAA,GAAA,aAAA,GAAA,aAAA,GAAA,aAAA,GAAA,CAAA,CAAA;AAAA,MACxB,aAAA,CAAA,KAAA,GAAA,SAAA,CAAA;AAEA,KAAA;AACE,IAAM,SAAA,UAA2B,GAAA;AACjC,MAAA,IAAA,EAAM;AACN,MAAM,MAAA,OAAA,GAAA,CAAA,CAAA,EAAA,GAA0B,gBAAO,CAAe,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AACtD,MAAA,mBAA8B,GAAA,aAAA,CAAA,KAAA,CAAA;AAAe,MAAA,MAAA,aAAA,GAAA,CAAA,CAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AAC7C,MAAA,IAAA,uBAA4B,GAAA,aAAA;AAG5B,QAAA,OAAA;AAAsB,MACxB,MAAA,SAAA,GAAA,OAAA,GAAA,aAAA,GAAA,aAAA,GAAA,CAAA,GAAA,aAAA,GAAA,aAAA,GAAA,OAAA,GAAA,aAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/select/src/select.d.ts

@@ -14,6 +14,7 @@ export declare const selectProps: {
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
     replace: import("hzzt-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    autoPullDown: import("hzzt-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     placeholder: StringConstructor;
     size: {
         readonly type: import("vue").PropType<import("hzzt-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;

package/es/components/select/src/select.mjs

@@ -25,6 +25,10 @@ const selectProps = buildProps({
     type: Boolean,
     default: true
   },
+  autoPullDown: {
+    type: Boolean,
+    default: true
+  },
   placeholder: String,
   size: useSizeProp
 });

package/es/components/select/src/select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.mjs","sources":["../../../../../../packages/components/select/src/select.ts"],"sourcesContent":["import {buildProps, definePropType, isString} from '@hzzt-plus/utils'\nimport type {ExtractPropTypes} from 'vue'\nimport type Select from './select.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\n\n\ntype OptionCommon = Record<string, any>\n\nexport type Option = OptionCommon & {\n  created?: boolean\n}\n\nexport type OptionGroup = OptionCommon\n\nexport type OptionType = Option | OptionGroup\n\nexport const selectProps = buildProps({\n  selectProps: Object,\n  options: {\n    type: definePropType<OptionType[]>(Array),\n    default: () => [],\n  },\n  modelValue: {\n    type: definePropType<string | null | undefined>([\n      String,\n    ]),\n    default: '',\n  },\n  disabled: Boolean,\n  readonly: Boolean,\n  clearable: Boolean,\n  replace: {\n    type: Boolean,\n    default: true,\n  },\n  placeholder: String,\n  size: useSizeProp,\n})\n\nexport type SelectProps = ExtractPropTypes<typeof selectProps>\n\nexport const selectEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string | undefined) => isString(value),\n  'input': (value: string | undefined) => isString(value),\n  'change': (value: string | undefined) => isString(value),\n  'arrow-down': (e: KeyboardEvent | Event) => e,\n  'arrow-up': (e: KeyboardEvent | Event) => e,\n  'arrow-left': (e: KeyboardEvent | Event) => e,\n  'arrow-right': (e: KeyboardEvent | Event) => e,\n  'enter': (e: KeyboardEvent | Event) => e,\n}\nexport type SelectEmits = typeof selectEmits\n\n\nexport type SelectInstance = InstanceType<typeof Select>\n"],"names":[],"mappings":";;;;;;;;AAGY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC;AACzB,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,IAAI,EAAE,WAAW;AACnB,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAClD,EAAE,OAAO,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AACrC,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AACtC,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC;AACxB,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC;AACtB,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC;AACxB,EAAE,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC;AACzB,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC;AACnB;;;;"}
+{"version":3,"file":"select.mjs","sources":["../../../../../../packages/components/select/src/select.ts"],"sourcesContent":["import {buildProps, definePropType, isString} from '@hzzt-plus/utils'\nimport type {ExtractPropTypes} from 'vue'\nimport type Select from './select.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\n\n\ntype OptionCommon = Record<string, any>\n\nexport type Option = OptionCommon & {\n  created?: boolean\n}\n\nexport type OptionGroup = OptionCommon\n\nexport type OptionType = Option | OptionGroup\n\nexport const selectProps = buildProps({\n  selectProps: Object,\n  options: {\n    type: definePropType<OptionType[]>(Array),\n    default: () => [],\n  },\n  modelValue: {\n    type: definePropType<string | null | undefined>([\n      String,\n    ]),\n    default: '',\n  },\n  disabled: Boolean,\n  readonly: Boolean,\n  clearable: Boolean,\n  replace: {\n    type: Boolean,\n    default: true,\n  },\n  autoPullDown: {\n    type: Boolean,\n    default: true,\n  },\n  placeholder: String,\n  size: useSizeProp,\n})\n\nexport type SelectProps = ExtractPropTypes<typeof selectProps>\n\nexport const selectEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string | undefined) => isString(value),\n  'input': (value: string | undefined) => isString(value),\n  'change': (value: string | undefined) => isString(value),\n  'arrow-down': (e: KeyboardEvent | Event) => e,\n  'arrow-up': (e: KeyboardEvent | Event) => e,\n  'arrow-left': (e: KeyboardEvent | Event) => e,\n  'arrow-right': (e: KeyboardEvent | Event) => e,\n  'enter': (e: KeyboardEvent | Event) => e,\n}\nexport type SelectEmits = typeof selectEmits\n\n\nexport type SelectInstance = InstanceType<typeof Select>\n"],"names":[],"mappings":";;;;;;;;AAGY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC;AACzB,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,IAAI,EAAE,WAAW;AACnB,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAClD,EAAE,OAAO,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AACrC,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AACtC,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC;AACxB,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC;AACtB,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC;AACxB,EAAE,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC;AACzB,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC;AACnB;;;;"}

package/es/components/select/src/select.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
     replace: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    autoPullDown: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     placeholder: StringConstructor;
     size: {
         readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
@@ -23,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly: BooleanConstructor;
         clearable: BooleanConstructor;
         replace: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+        autoPullDown: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
         placeholder: StringConstructor;
         size: {
             readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
@@ -13215,6 +13217,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
     replace: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    autoPullDown: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     placeholder: StringConstructor;
     size: {
         readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
@@ -13238,5 +13241,6 @@ declare const _default: import("vue").DefineComponent<{
     options: import("./select").OptionType[];
     modelValue: import("../../../utils").EpPropMergeType<(new (...args: any[]) => string & {}) | (() => string | null | undefined) | ((new (...args: any[]) => string & {}) | (() => string | null | undefined))[], unknown, unknown>;
     replace: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    autoPullDown: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }>;
 export default _default;

package/es/components/select/src/select2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createVNode, mergeProps, withCtx, createBlock, createCommentVNode } from 'vue';
+import { defineComponent, useAttrs, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createVNode, mergeProps, withCtx, createBlock, createCommentVNode, renderSlot } from 'vue';
 import { selectProps, selectEmits } from './select.mjs';
 import { useFormSize, useFormDisabled, ElInput, ElSelectV2 } from 'element-plus';
 import '../../../hooks/index.mjs';
@@ -87,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("change", str);
     }
     function focus() {
-      if (selectRef.value) {
+      if (selectRef.value && props.autoPullDown) {
         setTimeout(() => {
           selectRef.value.dropdownMenuVisible = true;
         }, 200);
@@ -182,7 +182,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, unref(_selectProps), {
           onChange: selectChange,
           onVisibleChange: selectVisibleChange
-        }), null, 16, ["class", "modelValue"])) : createCommentVNode("v-if", true)
+        }), {
+          default: withCtx(({ item }) => [
+            renderSlot(_ctx.$slots, "default", { item })
+          ]),
+          _: 3
+        }, 16, ["class", "modelValue"])) : createCommentVNode("v-if", true)
       ], 6);
     };
   }

package/es/components/select/src/select2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select2.mjs","sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\" :style=\"containerStyle\">\n    <el-input\n      :class=\"inputCls\"\n      v-model=\"inputVal\"\n      ref=\"inputRef\"\n      v-bind=\"_inputProps\"\n      @input=\"input\"\n      @change=\"change\"\n      @focus=\"focus\"\n      @keydown=\"keydown\"\n    >\n      <template #suffix>\n        <hzzt-icon v-if=\"!trueReadonly\" class=\"pointer\" :name=\"arrowName\"\n                   @click=\"showSelect\"></hzzt-icon>\n      </template>\n    </el-input>\n    <el-select-v2 v-if=\"!trueReadonly\" :class=\"selectCls\" v-model=\"selectVal\" ref=\"selectRef\" v-bind=\"_selectProps\"\n                  @change=\"selectChange\" @visible-change=\"selectVisibleChange\">\n    </el-select-v2>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {selectEmits, selectProps} from './select'\n  import {computed, ref, useAttrs, watch} from \"vue\";\n  import {useFormDisabled, useFormSize} from \"element-plus\";\n  import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n  import {ElInput, ElSelectV2} from 'element-plus'\n  import type {CSSProperties} from 'vue'\n  import HzztIcon from \"@hzzt-plus/components/icon/src/index.vue\";\n\n\n  defineOptions({\n    name: 'HzztSelect',\n    inheritAttrs: false,\n  })\n\n  const props = defineProps(selectProps)\n  const emit = defineEmits(selectEmits)\n\n  const attrs = useAttrs();\n\n  const inputVal = ref(props.modelValue);\n  const selectVal = ref();\n  const inputRef = ref();\n  const selectRef = ref();\n  const arrowName = ref('arrow-down');\n\n  const nsSelect = useNamespace('select');\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 trueReadonly = computed(() => props.readonly || trueDisabled.value)\n\n  const containerCls = computed(() => [\n    'relative',\n    'line-height-1',\n    attrs.class,\n    nsSelect.b(),\n    nsSelect.m(trueSize.value),\n  ])\n\n  const containerStyle = computed(() => attrs.style as CSSProperties)\n\n  const inputCls = computed(() => [\n    nsSelect.e('input'),\n    'width-100%'\n  ])\n\n  const selectCls = computed(() => [\n    nsSelect.e('select'),\n    'width-100%'\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    class: '',\n    style: {\n      position: trueReadonly.value ? 'static' : 'absolute',\n      left: 0,\n      top: 0,\n      right: 0,\n      zIndex: 2,\n    },\n  }))\n\n  const _selectProps = computed(() => ({\n    options: props.options,\n    size: trueSize.value,\n    filterable: true,\n    popperClass: 'select-v2-popper-min-width-100',\n    ...props.selectProps,\n  }))\n\n  watch(() => props.modelValue, (v) => {\n    inputVal.value = v;\n  })\n\n  watch(() => inputVal.value, (v) => {\n    selectVal.value = v;\n  })\n\n  function input(str: string) {\n    if (selectRef.value?.dropdownMenuVisible) {\n      selectRef.value.states.inputValue = inputVal.value;\n      selectRef.value.debouncedOnInputChange();\n    }\n    emit('update:modelValue', str)\n    emit('input', str)\n  }\n\n  function change(str: string) {\n    emit('change', str)\n  }\n\n  function focus() {\n    if (selectRef.value) {\n      setTimeout(() => {\n        selectRef.value.dropdownMenuVisible = true;\n      }, 200)\n    }\n  }\n\n  function keydown(e: KeyboardEvent | Event) {\n    const key = \"key\" in e && e.key;\n    if (key === 'ArrowDown') {\n      emit('arrow-down', e);\n      selectRef.value.dropdownMenuVisible = false;\n    } else if (key === 'ArrowUp') {\n      emit('arrow-up', e);\n      selectRef.value.dropdownMenuVisible = false;\n    } else if (key === 'ArrowLeft') {\n      const index = inputRef.value.input.selectionStart;\n      if (index === 0) {\n        emit('arrow-left', e);\n        selectRef.value.dropdownMenuVisible = false;\n      }\n    } else if (key === 'ArrowRight') {\n      const index = inputRef.value.input.selectionStart;\n      if ((inputVal.value?.length ?? 0) === index) {\n        emit('arrow-right', e);\n        selectRef.value.dropdownMenuVisible = false;\n      }\n    } else if (key === 'Enter') {\n      emit('enter', e);\n      selectRef.value.dropdownMenuVisible = false;\n    }\n  }\n\n  function showSelect() {\n    if (selectRef.value) {\n      selectRef.value.dropdownMenuVisible = !selectRef.value.dropdownMenuVisible;\n    }\n  }\n\n  function selectChange(v: string) {\n    let str = inputVal.value || '';\n    if (props.replace) {\n      str = v;\n    } else {\n      str += v;\n    }\n    emit('update:modelValue', str);\n    emit('input', str)\n    inputVal.value = str;\n    setTimeout(() => {\n      inputRef.value.focus();\n      setTimeout(() => {\n        selectRef.value.dropdownMenuVisible = false;\n      }, 250)\n      emit('change', str);\n    });\n  }\n\n  function selectVisibleChange(v: boolean) {\n    arrowName.value = v ? 'arrow-up' : 'arrow-down'\n  }\n\n\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"select2.mjs","sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\" :style=\"containerStyle\">\n    <el-input\n      :class=\"inputCls\"\n      v-model=\"inputVal\"\n      ref=\"inputRef\"\n      v-bind=\"_inputProps\"\n      @input=\"input\"\n      @change=\"change\"\n      @focus=\"focus\"\n      @keydown=\"keydown\"\n    >\n      <template #suffix>\n        <hzzt-icon v-if=\"!trueReadonly\" class=\"pointer\" :name=\"arrowName\"\n                   @click=\"showSelect\"></hzzt-icon>\n      </template>\n    </el-input>\n    <el-select-v2 v-if=\"!trueReadonly\" :class=\"selectCls\" v-model=\"selectVal\" ref=\"selectRef\" v-bind=\"_selectProps\"\n                  @change=\"selectChange\" @visible-change=\"selectVisibleChange\">\n                   <template #default=\"{ item }\">\n                    <slot :item=\"item\" />\n                  </template>\n    </el-select-v2>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {selectEmits, selectProps} from './select'\n  import {computed, ref, useAttrs, watch} from \"vue\";\n  import {useFormDisabled, useFormSize} from \"element-plus\";\n  import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n  import {ElInput, ElSelectV2} from 'element-plus'\n  import type {CSSProperties} from 'vue'\n  import HzztIcon from \"@hzzt-plus/components/icon/src/index.vue\";\n\n\n  defineOptions({\n    name: 'HzztSelect',\n    inheritAttrs: false,\n  })\n\n  const props = defineProps(selectProps)\n  const emit = defineEmits(selectEmits)\n\n  const attrs = useAttrs();\n\n  const inputVal = ref(props.modelValue);\n  const selectVal = ref();\n  const inputRef = ref();\n  const selectRef = ref();\n  const arrowName = ref('arrow-down');\n\n  const nsSelect = useNamespace('select');\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 trueReadonly = computed(() => props.readonly || trueDisabled.value)\n\n  const containerCls = computed(() => [\n    'relative',\n    'line-height-1',\n    attrs.class,\n    nsSelect.b(),\n    nsSelect.m(trueSize.value),\n  ])\n\n  const containerStyle = computed(() => attrs.style as CSSProperties)\n\n  const inputCls = computed(() => [\n    nsSelect.e('input'),\n    'width-100%'\n  ])\n\n  const selectCls = computed(() => [\n    nsSelect.e('select'),\n    'width-100%'\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    class: '',\n    style: {\n      position: trueReadonly.value ? 'static' : 'absolute',\n      left: 0,\n      top: 0,\n      right: 0,\n      zIndex: 2,\n    },\n  }))\n\n  const _selectProps = computed(() => ({\n    options: props.options,\n    size: trueSize.value,\n    filterable: true,\n    popperClass: 'select-v2-popper-min-width-100',\n    ...props.selectProps,\n  }))\n\n  watch(() => props.modelValue, (v) => {\n    inputVal.value = v;\n  })\n\n  watch(() => inputVal.value, (v) => {\n    selectVal.value = v;\n  })\n\n  function input(str: string) {\n    if (selectRef.value?.dropdownMenuVisible) {\n      selectRef.value.states.inputValue = inputVal.value;\n      selectRef.value.debouncedOnInputChange();\n    }\n    emit('update:modelValue', str)\n    emit('input', str)\n  }\n\n  function change(str: string) {\n    emit('change', str)\n  }\n\n  function focus() {\n    if (selectRef.value && props.autoPullDown) {\n      setTimeout(() => {\n        selectRef.value.dropdownMenuVisible = true;\n      }, 200)\n    }\n  }\n\n  function keydown(e: KeyboardEvent | Event) {\n    const key = \"key\" in e && e.key;\n    if (key === 'ArrowDown') {\n      emit('arrow-down', e);\n      selectRef.value.dropdownMenuVisible = false;\n    } else if (key === 'ArrowUp') {\n      emit('arrow-up', e);\n      selectRef.value.dropdownMenuVisible = false;\n    } else if (key === 'ArrowLeft') {\n      const index = inputRef.value.input.selectionStart;\n      if (index === 0) {\n        emit('arrow-left', e);\n        selectRef.value.dropdownMenuVisible = false;\n      }\n    } else if (key === 'ArrowRight') {\n      const index = inputRef.value.input.selectionStart;\n      if ((inputVal.value?.length ?? 0) === index) {\n        emit('arrow-right', e);\n        selectRef.value.dropdownMenuVisible = false;\n      }\n    } else if (key === 'Enter') {\n      emit('enter', e);\n      selectRef.value.dropdownMenuVisible = false;\n    }\n  }\n\n  function showSelect() {\n    if (selectRef.value) {\n      selectRef.value.dropdownMenuVisible = !selectRef.value.dropdownMenuVisible;\n    }\n  }\n\n  function selectChange(v: string) {\n    let str = inputVal.value || '';\n    if (props.replace) {\n      str = v;\n    } else {\n      str += v;\n    }\n    emit('update:modelValue', str);\n    emit('input', str)\n    inputVal.value = str;\n    setTimeout(() => {\n      inputRef.value.focus();\n      setTimeout(() => {\n        selectRef.value.dropdownMenuVisible = false;\n      }, 250)\n      emit('change', str);\n    });\n  }\n\n  function selectVisibleChange(v: boolean) {\n    arrowName.value = v ? 'arrow-up' : 'arrow-down'\n  }\n\n\n</script>\n"],"names":[],"mappings":"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"}

package/es/index.mjs

@@ -27,16 +27,16 @@ export { selectInputEmits, selectInputProps } from './components/select-input/sr
 export { HzztSelectInput } from './components/select-input/index.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 { cascaderEmits, cascaderProps } from './components/cascader/src/cascader2.mjs';
 export { HzztCascader } from './components/cascader/index.mjs';
 export { selectEmits, selectProps } from './components/select/src/select.mjs';
 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 { lazyListEmits, lazyListProps } from './components/lazy-list/src/lazy-list2.mjs';
 export { HzztLazyList } from './components/lazy-list/index.mjs';
 export { INSTALLED_KEY } from './constants/key.mjs';
 export { componentSizeMap, componentSizes } from './constants/size.mjs';

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "2.0.3";
+export declare const version = "2.0.5";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "2.0.3";
+const version = "2.0.5";
 
 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.3'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/hzzt-plus/version.ts"],"sourcesContent":["export const version = '2.0.5'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}

package/lib/components/cascader/index.js

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

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

@@ -2,46 +2,131 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
+var vue = require('vue');
+var cascader = require('./cascader2.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=cascader.js.map