hzzt-plus 2.0.4 → 2.0.5

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/scroll/index.js

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

package/lib/components/scroll/src/scroll.js

@@ -1,96 +1,3 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var core = require('@vueuse/core');
-var index = require('../../icon/src/index.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-
-const __default__ = vue.defineComponent({
-  name: "HzztScroll"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  setup(__props) {
-    const navTranslateX = vue.ref(0);
-    const scrollMainRef = vue.ref(null);
-    const scrollRef = vue.ref(null);
-    const scrollContentRef = vue.ref(null);
-    const scrollable = vue.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;
-    }
-    core.useResizeObserver(scrollMainRef, update);
-    core.useResizeObserver(scrollContentRef, update);
-    vue.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 vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "scrollMainRef",
-        ref: scrollMainRef,
-        class: vue.normalizeClass([{ "is-scrollable": scrollable.value }, "relative hzzt-scroll"])
-      }, [
-        scrollable.value ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: "hzzt-scroll__nav-prev",
-          onClick: btnNavPrev
-        }, [
-          vue.createVNode(index["default"], { name: "arrow-left" })
-        ])) : vue.createCommentVNode("v-if", true),
-        scrollable.value ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 1,
-          class: "hzzt-scroll__nav-next",
-          onClick: btnNavNext
-        }, [
-          vue.createVNode(index["default"], { name: "arrow-right" })
-        ])) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", {
-          ref_key: "scrollRef",
-          ref: scrollRef,
-          class: "overflow-hidden"
-        }, [
-          vue.createElementVNode("div", {
-            ref_key: "scrollContentRef",
-            ref: scrollContentRef,
-            style: vue.normalizeStyle({ transform: `translateX(${-navTranslateX.value}px)` }),
-            class: "hzzt-scroll__content"
-          }, [
-            vue.renderSlot(_ctx.$slots, "default")
-          ], 4)
-        ], 512)
-      ], 2);
-    };
-  }
-});
-var Scroll = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "scroll.vue"]]);
-
-exports["default"] = Scroll;
 //# sourceMappingURL=scroll.js.map

package/lib/components/scroll/src/scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.js","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":["ref","useResizeObserver","onUpdated"],"mappings":";;;;;;;;;uCAqBgB,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;AAEA,IAAM,MAAA,aAAA,GAAgBA,QAAI,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,aAAA,GAAgBA,QAAwB,IAAI,CAAA,CAAA;AAClD,IAAM,MAAA,SAAA,GAAYA,QAAwB,IAAI,CAAA,CAAA;AAC9C,IAAM,MAAA,gBAAA,GAAmBA,QAAwB,IAAI,CAAA,CAAA;AACrD,IAAM,MAAA,UAAA,GAAaA,QAAI,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,IAAAC,sBAAA,CAAkB,eAAe,MAAM,CAAA,CAAA;AACvC,IAAAA,sBAAA,CAAkB,kBAAkB,MAAM,CAAA,CAAA;AAE1C,IAAUC,aAAA,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.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/components/scroll/src/scroll2.js

@@ -1,3 +1,96 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var core = require('@vueuse/core');
+var index = require('../../icon/src/index.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "HzztScroll"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  setup(__props) {
+    const navTranslateX = vue.ref(0);
+    const scrollMainRef = vue.ref(null);
+    const scrollRef = vue.ref(null);
+    const scrollContentRef = vue.ref(null);
+    const scrollable = vue.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;
+    }
+    core.useResizeObserver(scrollMainRef, update);
+    core.useResizeObserver(scrollContentRef, update);
+    vue.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 vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "scrollMainRef",
+        ref: scrollMainRef,
+        class: vue.normalizeClass([{ "is-scrollable": scrollable.value }, "relative hzzt-scroll"])
+      }, [
+        scrollable.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "hzzt-scroll__nav-prev",
+          onClick: btnNavPrev
+        }, [
+          vue.createVNode(index["default"], { name: "arrow-left" })
+        ])) : vue.createCommentVNode("v-if", true),
+        scrollable.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: "hzzt-scroll__nav-next",
+          onClick: btnNavNext
+        }, [
+          vue.createVNode(index["default"], { name: "arrow-right" })
+        ])) : vue.createCommentVNode("v-if", true),
+        vue.createElementVNode("div", {
+          ref_key: "scrollRef",
+          ref: scrollRef,
+          class: "overflow-hidden"
+        }, [
+          vue.createElementVNode("div", {
+            ref_key: "scrollContentRef",
+            ref: scrollContentRef,
+            style: vue.normalizeStyle({ transform: `translateX(${-navTranslateX.value}px)` }),
+            class: "hzzt-scroll__content"
+          }, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 4)
+        ], 512)
+      ], 2);
+    };
+  }
+});
+var Scroll = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "scroll.vue"]]);
+
+exports["default"] = Scroll;
 //# sourceMappingURL=scroll2.js.map

package/lib/components/scroll/src/scroll2.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"scroll2.js","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":["ref","useResizeObserver","onUpdated"],"mappings":";;;;;;;;;uCAqBgB,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;AAEA,IAAM,MAAA,aAAA,GAAgBA,QAAI,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,aAAA,GAAgBA,QAAwB,IAAI,CAAA,CAAA;AAClD,IAAM,MAAA,SAAA,GAAYA,QAAwB,IAAI,CAAA,CAAA;AAC9C,IAAM,MAAA,gBAAA,GAAmBA,QAAwB,IAAI,CAAA,CAAA;AACrD,IAAM,MAAA,UAAA,GAAaA,QAAI,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,IAAAC,sBAAA,CAAkB,eAAe,MAAM,CAAA,CAAA;AACvC,IAAAA,sBAAA,CAAkB,kBAAkB,MAAM,CAAA,CAAA;AAE1C,IAAUC,aAAA,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/lib/components/select/src/select2.js

@@ -186,7 +186,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }, vue.unref(_selectProps), {
           onChange: selectChange,
           onVisibleChange: selectVisibleChange
-        }), null, 16, ["class", "modelValue"])) : vue.createCommentVNode("v-if", true)
+        }), {
+          default: vue.withCtx(({ item }) => [
+            vue.renderSlot(_ctx.$slots, "default", { item })
+          ]),
+          _: 3
+        }, 16, ["class", "modelValue"])) : vue.createCommentVNode("v-if", true)
       ], 6);
     };
   }

package/lib/components/select/src/select2.js.map

@@ -1 +1 @@
-{"version":3,"file":"select2.js","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 && 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":["useAttrs","ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch"],"mappings":"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"}
+{"version":3,"file":"select2.js","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":["useAttrs","ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ var vue = require('vue');
 var selectInput = require('./select-input2.js');
 require('../../../hooks/index.js');
 var elementPlus = require('element-plus');
-var title = require('../../title/src/title.js');
+var title = require('../../title/src/title2.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');

package/lib/components/select-textarea/src/select-textarea2.js

@@ -6,7 +6,7 @@ var vue = require('vue');
 var selectTextarea = require('./select-textarea.js');
 require('../../../hooks/index.js');
 var elementPlus = require('element-plus');
-var title = require('../../title/src/title.js');
+var title = require('../../title/src/title2.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');

package/lib/components/title/index.js

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

package/lib/components/title/src/title.js

@@ -2,62 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var title = require('./title2.js');
+require('../../../utils/index.js');
 require('../../../hooks/index.js');
-var elementPlus = require('element-plus');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-size/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var index = require('../../../hooks/use-size/index.js');
 
-const _hoisted_1 = {
-  key: 0,
-  class: "hzzt-title flex align-items-center justify-content-between"
-};
-const _hoisted_2 = { class: "flex align-items-center" };
-const _hoisted_3 = {
-  key: 0,
-  class: "hzzt-title__line"
-};
-const __default__ = vue.defineComponent({
-  name: "HzztTitle"
+const titleProps = runtime.buildProps({
+  label: String,
+  sideline: {
+    type: Boolean,
+    default: true
+  },
+  size: index.useSizeProp
 });
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: title.titleProps,
-  setup(__props) {
-    const props = __props;
-    const formSize = elementPlus.useFormSize();
-    const ns = index.useNamespace("title");
-    const trueSize = vue.computed(() => props.size || formSize.value || index$1.useGlobalSize().value);
-    const nameKls = vue.computed(() => {
-      return [ns.e("name"), ns.em("name", trueSize.value)];
-    });
-    const slots = vue.useSlots();
-    const showLabel = vue.computed(() => {
-      var _a, _b, _c;
-      return props.label || ((_c = (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b[0]) == null ? void 0 : _c.children);
-    });
-    return (_ctx, _cache) => {
-      return vue.unref(showLabel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          _ctx.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3)) : vue.createCommentVNode("v-if", true),
-          vue.renderSlot(_ctx.$slots, "before"),
-          vue.createElementVNode("label", {
-            class: vue.normalizeClass(vue.unref(nameKls))
-          }, [
-            vue.renderSlot(_ctx.$slots, "default", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
-            ])
-          ], 2),
-          vue.renderSlot(_ctx.$slots, "after")
-        ]),
-        vue.renderSlot(_ctx.$slots, "right")
-      ])) : vue.createCommentVNode("v-if", true);
-    };
-  }
-});
-var HzztTitle = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "title.vue"]]);
 
-exports["default"] = HzztTitle;
+exports.titleProps = titleProps;
 //# sourceMappingURL=title.js.map

package/lib/components/title/src/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sources":["../../../../../../packages/components/title/src/title.vue"],"sourcesContent":["<template>\n  <div v-if=\"showLabel\" class=\"hzzt-title flex align-items-center justify-content-between\">\n    <div class=\"flex align-items-center\">\n      <span v-if=\"sideline\" class=\"hzzt-title__line\" />\n      <slot name=\"before\" />\n      <label :class=\"nameKls\">\n        <slot>{{ label }}</slot>\n      </label>\n      <slot name=\"after\" />\n    </div>\n\n    <slot name=\"right\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { titleProps } from './title'\nimport {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\nimport { useFormSize } from 'element-plus'\n\ndefineOptions({\n  name: 'HzztTitle',\n})\n\nconst props = defineProps(titleProps)\n\nconst formSize = useFormSize()\n\nconst ns = useNamespace('title')\n\nconst trueSize = computed(\n  () => props.size || formSize.value || useGlobalSize().value\n)\n\nconst nameKls = computed(() => {\n  return [ns.e('name'), ns.em('name', trueSize.value)]\n})\n\nconst slots = useSlots()\n\nconst showLabel = computed(\n  () => props.label || slots?.default?.()?.[0]?.children\n)\n</script>\n"],"names":["useFormSize","useNamespace","computed","useGlobalSize","useSlots"],"mappings":";;;;;;;;;;;;;;;;;;;;;uCAqBc,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAA,MAAM,WAAWA,uBAAY,EAAA,CAAA;AAE7B,IAAM,MAAA,EAAA,GAAKC,mBAAa,OAAO,CAAA,CAAA;AAE/B,IAAA,MAAM,QAAW,GAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,IAAA,IAAA,QAAA,CAAA,KAAA,IAAAC,qBAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAAA,aACH,GAAAD,YAAiB,CAAA,MAAA;AAAyB,MACxD,OAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,QAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAEA,KAAM,CAAA,CAAA;AACJ,IAAO,MAAA,KAAI,GAAAE,YAAQ,EAAG;AAA6B,IACrD,MAAC,SAAA,GAAAF,YAAA,CAAA,MAAA;AAED,MAAA,IAAM,QAAQ,EAAS,CAAA;AAEvB,MAAA,OAAkB,KAAA,CAAA,KAAA,KAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,OAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,CAAA,CAAA;AAAA,KAAA,CAChB;AAA8C,IAChD,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"title.js","sources":["../../../../../../packages/components/title/src/title.ts"],"sourcesContent":["import { buildProps } from '@hzzt-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Title from './title.vue'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\n\nexport const titleProps = buildProps({\n  label: String,\n  sideline: {\n    type: Boolean,\n    default: true,\n  },\n  size: useSizeProp,\n} as const)\nexport type TitleProps = ExtractPropTypes<typeof titleProps>\n\nexport type TitleInstance = InstanceType<typeof Title>\n"],"names":["buildProps","useSizeProp"],"mappings":";;;;;;;;;AAEY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAEC,iBAAW;AACnB,CAAC;;;;"}

package/lib/components/title/src/title2.js

@@ -2,19 +2,62 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
+var vue = require('vue');
+var title = require('./title.js');
 require('../../../hooks/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var index = require('../../../hooks/use-size/index.js');
+var elementPlus = require('element-plus');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-size/index.js');
 
-const titleProps = runtime.buildProps({
-  label: String,
-  sideline: {
-    type: Boolean,
-    default: true
-  },
-  size: index.useSizeProp
+const _hoisted_1 = {
+  key: 0,
+  class: "hzzt-title flex align-items-center justify-content-between"
+};
+const _hoisted_2 = { class: "flex align-items-center" };
+const _hoisted_3 = {
+  key: 0,
+  class: "hzzt-title__line"
+};
+const __default__ = vue.defineComponent({
+  name: "HzztTitle"
 });
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: title.titleProps,
+  setup(__props) {
+    const props = __props;
+    const formSize = elementPlus.useFormSize();
+    const ns = index.useNamespace("title");
+    const trueSize = vue.computed(() => props.size || formSize.value || index$1.useGlobalSize().value);
+    const nameKls = vue.computed(() => {
+      return [ns.e("name"), ns.em("name", trueSize.value)];
+    });
+    const slots = vue.useSlots();
+    const showLabel = vue.computed(() => {
+      var _a, _b, _c;
+      return props.label || ((_c = (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b[0]) == null ? void 0 : _c.children);
+    });
+    return (_ctx, _cache) => {
+      return vue.unref(showLabel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          _ctx.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3)) : vue.createCommentVNode("v-if", true),
+          vue.renderSlot(_ctx.$slots, "before"),
+          vue.createElementVNode("label", {
+            class: vue.normalizeClass(vue.unref(nameKls))
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+            ])
+          ], 2),
+          vue.renderSlot(_ctx.$slots, "after")
+        ]),
+        vue.renderSlot(_ctx.$slots, "right")
+      ])) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+var HzztTitle = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "title.vue"]]);
 
-exports.titleProps = titleProps;
+exports["default"] = HzztTitle;
 //# sourceMappingURL=title2.js.map