hzzt-plus 2.0.5 → 2.0.7

package/es/components/select-input/src/select-input2.mjs

@@ -1,50 +1,129 @@
-import '../../../utils/index.mjs';
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { selectInputProps, selectInputEmits } from './select-input.mjs';
 import '../../../hooks/index.mjs';
-import '../../../constants/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { useSizeProp } from '../../../hooks/use-size/index.mjs';
-import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
-import { isString } from '@vue/shared';
+import { useFormSize, useFormDisabled, ElInput, ElLink } from 'element-plus';
+import HzztTitle from '../../title/src/title2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useGlobalSize } from '../../../hooks/use-size/index.mjs';
+import { numberToLetter } from '../../../hooks/use-letter/index.mjs';
 
-const selectInputProps = buildProps({
-  modelValue: {
-    type: definePropType([
-      String,
-      Number
-    ]),
-    default: ""
-  },
-  indexType: {
-    type: String,
-    default: "number"
-  },
-  disabled: Boolean,
-  replace: Boolean,
-  label: String,
-  options: {
-    type: definePropType(Array),
-    default: () => []
-  },
-  inputProps: Object,
-  customProps: Object,
-  position: {
-    type: String,
-    default: "left"
-  },
-  formatLabel: {
-    type: Function
-  },
-  split: {
-    type: String,
-    default: ""
-  },
-  size: useSizeProp
+const _hoisted_1 = { slot: "append" };
+const _hoisted_2 = { key: 0 };
+const __default__ = defineComponent({
+  name: "HzztSelectInput"
 });
-const selectInputEmits = {
-  [UPDATE_MODEL_EVENT]: (value) => isString(value),
-  input: (value) => isString(value),
-  change: (value) => isString(value)
-};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: selectInputProps,
+  emits: selectInputEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const inputVal = ref(props.modelValue);
+    const nsInput = useNamespace("select-input");
+    const formSize = useFormSize();
+    const formDisabled = useFormDisabled();
+    const trueSize = computed(() => props.size || formSize.value || useGlobalSize().value);
+    const trueDisabled = computed(() => props.disabled || formDisabled.value);
+    const containerCls = computed(() => [
+      nsInput.b(),
+      nsInput.m(trueSize.value)
+    ]);
+    const inputContainerCls = computed(() => [
+      "flex",
+      props.position === "top" ? "column" : "row align-items-center"
+    ]);
+    const inputCls = computed(() => [
+      "flex-1",
+      props.label ? props.position === "top" ? "margin-b-1" : "margin-l-1" : ""
+    ]);
+    const _inputProps = computed(() => ({
+      disabled: trueDisabled.value,
+      clearable: true,
+      ...props.inputProps
+    }));
+    watch(() => props.modelValue, (v) => {
+      inputVal.value = v;
+    });
+    function input(val) {
+      emit("update:modelValue", val);
+      emit("input", val);
+    }
+    function change(val) {
+      emit("change", val);
+    }
+    function getLinkName(item, index) {
+      let prefix = "";
+      if (props.indexType == "number") {
+        prefix = `\uFF08${index + 1}\uFF09`;
+      } else if (props.indexType == "letter") {
+        prefix = `\uFF08${numberToLetter(index)}\uFF09`;
+      }
+      return prefix + (item.label || item.value);
+    }
+    function select(item) {
+      const value = item.value || item.label;
+      let content = "";
+      if (!inputVal.value)
+        inputVal.value = "";
+      if (props.formatLabel) {
+        content = props.formatLabel(value);
+      } else if (props.replace) {
+        content = value;
+      } else {
+        content = inputVal.value ? `${inputVal.value}${props.split}${value}` : value;
+      }
+      inputVal.value = content;
+      input(content);
+      change(content);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(containerCls))
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(inputContainerCls))
+        }, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createVNode(HzztTitle, { label: _ctx.label }, null, 8, ["label"])
+          ]),
+          createVNode(unref(ElInput), mergeProps({
+            ref: "inputRef",
+            class: unref(inputCls),
+            modelValue: inputVal.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event)
+          }, unref(_inputProps), {
+            onInput: input,
+            onChange: change
+          }), {
+            default: withCtx(() => [
+              createElementVNode("template", _hoisted_1, [
+                renderSlot(_ctx.$slots, "append")
+              ])
+            ]),
+            _: 3
+          }, 16, ["class", "modelValue"])
+        ], 2),
+        _ctx.options.length && !unref(trueDisabled) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index) => {
+            return openBlock(), createBlock(unref(ElLink), mergeProps({
+              key: index,
+              class: "margin-r-4"
+            }, _ctx.customProps, {
+              onClick: ($event) => select(item)
+            }), {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(getLinkName(item, index)), 1)
+              ]),
+              _: 2
+            }, 1040, ["onClick"]);
+          }), 128))
+        ])) : createCommentVNode("v-if", true)
+      ], 2);
+    };
+  }
+});
+var SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "select-input.vue"]]);
 
-export { selectInputEmits, selectInputProps };
+export { SelectInput as default };
 //# sourceMappingURL=select-input2.mjs.map

package/es/components/select-input/src/select-input2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-input2.mjs","sources":["../../../../../../packages/components/select-input/src/select-input.ts"],"sourcesContent":["import {buildProps, definePropType, isString} from '@hzzt-plus/utils'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\n\nimport type { ExtractPropTypes } from 'vue'\nimport type SelectInput from './select-input.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\nimport {OptionType} from \"@hzzt-plus/components/select/src/select\";\n\nexport const selectInputProps = buildProps({\n  modelValue: {\n    type: definePropType<string | number | null | undefined>([\n      String,\n      Number,\n    ]),\n    default: '',\n  },\n  indexType: {\n    type: String,\n    default: 'number',\n  },\n  disabled: Boolean,\n  replace: Boolean,\n  label: String,\n  options: {\n    type: definePropType<OptionType[]>(Array),\n    default: () => [],\n  },\n  inputProps: Object,\n  customProps: Object,\n  position: {\n    type: String,\n    default: 'left',\n  },\n  formatLabel: {\n    type: Function,\n  },\n  split: {\n    type: String,\n    default: '',\n  },\n  size: useSizeProp,\n})\n\nexport type SelectInputProps = ExtractPropTypes<typeof selectInputProps>\n\nexport const selectInputEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string | undefined) => isString(value),\n  input: (value: string | undefined) => isString(value),\n  change: (value: string | undefined) => isString(value),\n}\nexport type SelectInputEmits = typeof selectInputEmits\n\nexport type SelectInputInstance = InstanceType<typeof SelectInput>\n"],"names":[],"mappings":";;;;;;;;AAGY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,QAAQ;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE,WAAW;AACnB,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,CAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AAClD,EAAE,KAAK,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AACnC,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC;AACpC;;;;"}
+{"version":3,"file":"select-input2.mjs","sources":["../../../../../../packages/components/select-input/src/select-input.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\">\n    <div :class=\"inputContainerCls\">\n      <slot name=\"title\">\n        <hzzt-title :label=\"label\"></hzzt-title>\n      </slot>\n      <el-input ref=\"inputRef\"\n                :class=\"inputCls\"\n                v-model=\"inputVal\"\n                v-bind=\"_inputProps\"\n                @input=\"input\"\n                @change=\"change\"\n      >\n        <template slot=\"append\">\n          <slot name=\"append\"></slot>\n        </template>\n      </el-input>\n    </div>\n    <div v-if=\"options.length&&!trueDisabled\">\n      <el-link v-for=\"(item, index) in options\" :key=\"index\" class=\"margin-r-4\" v-bind=\"customProps\" @click=\"select(item)\">\n        {{ getLinkName(item, index) }}\n      </el-link>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {computed, ref, watch} from 'vue'\n  import {selectInputEmits, selectInputProps} from './select-input'\n  import {useGlobalSize, useNamespace, numberToLetter} from \"@hzzt-plus/hooks\";\n  import {useFormDisabled, useFormSize} from \"element-plus\";\n  import HzztTitle from \"@hzzt-plus/components/title/src/title.vue\";\n  import {ElInput, ElLink} from 'element-plus'\n  import {OptionType} from \"@hzzt-plus/components/select/src/select\";\n\n  defineOptions({\n    name: 'HzztSelectInput',\n  })\n\n  const props = defineProps(selectInputProps)\n  const emit = defineEmits(selectInputEmits)\n\n  const inputVal = ref(props.modelValue);\n\n  const nsInput = useNamespace('select-input')\n  const formSize = useFormSize()\n  const formDisabled = useFormDisabled()\n\n  const trueSize = computed(\n    () => props.size || formSize.value || useGlobalSize().value\n  )\n\n  const trueDisabled = computed(() => props.disabled || formDisabled.value)\n\n  const containerCls = computed(() => [\n    nsInput.b(),\n    nsInput.m(trueSize.value),\n  ])\n\n  const inputContainerCls = computed(() => [\n    'flex',\n    props.position === 'top' ? 'column' : 'row align-items-center'\n  ])\n\n  const inputCls = computed(() => [\n    'flex-1',\n    props.label ? props.position === 'top' ? 'margin-b-1' : 'margin-l-1' : ''\n  ])\n\n  const _inputProps = computed(() => ({\n    disabled: trueDisabled.value,\n    clearable: true,\n    ...props.inputProps,\n  }))\n\n  watch(() => props.modelValue, (v) => {\n    inputVal.value = v;\n  })\n\n  function input(val: string) {\n    emit('update:modelValue', val);\n    emit('input', val);\n  }\n\n  function change(val: string) {\n    emit('change', val);\n  }\n\n  function getLinkName(item: OptionType, index: number) {\n    let prefix = '';\n    if (props.indexType == 'number') {\n      prefix = `（${index + 1}）`\n    } else if (props.indexType == 'letter') {\n      prefix = `（${numberToLetter(index)}）`\n    }\n    return prefix + (item.label || item.value);\n  }\n\n  function select(item: OptionType) {\n    const value = item.value||item.label;\n    let content = '';\n    if (!inputVal.value) inputVal.value = '';\n    if (props.formatLabel) {\n      content = props.formatLabel(value);\n    } else if (props.replace) {\n      content = value;\n    } else {\n      content = inputVal.value ? `${inputVal.value}${props.split}${value}` : value;\n    }\n    inputVal.value = content;\n    input(content);\n    change(content);\n  }\n\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":"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"}

package/es/components/tab/index.d.ts

@@ -32,6 +32,7 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
     customTabList: import("vue").ComputedRef<{
         number: number;
         hide: boolean;
+        bgColor: string;
         name: string;
         label: string;
         key: string;
@@ -41,6 +42,7 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
         label: string;
         number: number;
         hide: boolean;
+        bgColor: string;
     }, event: Event) => void;
     close: (index: number, event: Event) => void;
     HzztIcon: import("vue").DefineComponent<{

package/es/components/tab/src/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, normalizeClass, toDisplayString, createCommentVNode, createBlock, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, normalizeClass, toDisplayString, normalizeStyle, createCommentVNode, createBlock, renderSlot } from 'vue';
 import HzztIcon from '../../icon/src/index.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
@@ -7,11 +7,7 @@ const _hoisted_2 = { class: "flex align-items-center" };
 const _hoisted_3 = { class: "flex" };
 const _hoisted_4 = ["onClick"];
 const _hoisted_5 = { class: "hzzt-tab-badge" };
-const _hoisted_6 = {
-  key: 0,
-  class: "hzzt-tab-badge-count"
-};
-const _hoisted_7 = { class: "flex wrap" };
+const _hoisted_6 = { class: "flex wrap" };
 const __default__ = defineComponent({
   name: "HzztTab"
 });
@@ -39,7 +35,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: `${tab.name}-${tab.number}`,
         ...tab,
         number: Number(tab.number || 0),
-        hide: tab.hide
+        hide: tab.hide,
+        bgColor: tab.bgColor || ""
       };
     }).filter((tab) => !tab.hide));
     function tabClick(tab, event) {
@@ -66,7 +63,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode("p", {
                     class: normalizeClass([{ active: __props.modelValue === tab.name }, "hzzt-tab-badge-text"])
                   }, toDisplayString(tab.label), 3),
-                  tab.number && tab.number !== 0 ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : createCommentVNode("v-if", true),
+                  tab.number && tab.number !== 0 ? (openBlock(), createElementBlock("p", {
+                    key: 0,
+                    class: "hzzt-tab-badge-count",
+                    style: normalizeStyle({ backgroundColor: tab.bgColor })
+                  }, toDisplayString(tab.number > 999 ? "999+" : tab.number), 5)) : createCommentVNode("v-if", true),
                   __props.closable ? (openBlock(), createBlock(HzztIcon, {
                     key: 1,
                     class: "is-icon-close",
@@ -80,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "filter"),
           renderSlot(_ctx.$slots, "extra")
         ]),
-        createElementVNode("div", _hoisted_7, [
+        createElementVNode("div", _hoisted_6, [
           renderSlot(_ctx.$slots, "right")
         ])
       ]);

package/es/components/tab/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/tab/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-tab flex align-items-center justify-content-between wrap\">\n    <div class=\"flex align-items-center\">\n      <div class=\"flex\">\n        <div\n          v-for=\"(tab, index) in customTabList\"\n          :key=\"tab.key\"\n          class=\"hzzt-tab-pane\"\n          @click=\"tabClick(tab, $event)\"\n        >\n          <div class=\"hzzt-tab-badge\">\n            <p\n              :class=\"{ active: modelValue === tab.name }\"\n              class=\"hzzt-tab-badge-text\"\n            >\n              {{ tab.label }}\n            </p>\n            <p\n              v-if=\"tab.number && tab.number !== 0\"\n              class=\"hzzt-tab-badge-count\"\n            >\n              {{ tab.number > 999 ? '999+' : tab.number }}\n            </p>\n            <hzzt-icon\n              v-if=\"closable\"\n              class=\"is-icon-close\"\n              name=\"close\"\n              @click=\"close(index, $event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <slot name=\"filter\" />\n      <slot name=\"extra\" />\n    </div>\n    <div class=\"flex wrap\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n\ndefineOptions({\n  name: 'HzztTab',\n})\n\ndeclare type Tab = {\n  name: string\n  label: string\n  number: number\n  hide: boolean\n}\n\nconst props = defineProps({\n  tabList: {\n    type: Array,\n    default: () => [],\n  },\n  modelValue: {\n    type: [Number, String, Array],\n  },\n  closable: {\n    type: Boolean,\n    default: () => false,\n  },\n})\n\nconst emit = defineEmits(['update:modelValue', 'tab-click', 'tab-close'])\n\nconst customTabList = computed(() =>\n  props.tabList\n    .map((value) => {\n      const tab = value as Tab\n      return {\n        key: `${tab.name}-${tab.number}` as string,\n        ...tab,\n        number: Number(tab.number || 0),\n        hide: tab.hide,\n      }\n    })\n    .filter((tab) => !tab.hide)\n)\n\nfunction tabClick(tab: Tab, event: Event) {\n  if (tab.name === props.modelValue) return\n  emit('update:modelValue', tab.name)\n  emit('tab-click', tab, event)\n}\n\nfunction close(index: number, event: Event) {\n  event.stopPropagation()\n  emit('tab-close', index)\n}\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;;;mCA6Cc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;AAyBA,IAAA,MAAM,aAAgB,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,KAAA,KAAA;AAAA,MAAS,MAC7B,GAAA,GAAM,KACH,CAAA;AACC,MAAA,OAAA;AACA,QAAO,GAAA,EAAA,CAAA,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA,EAAA,GAAA,CAAA,MAAA,CAAA,CAAA;AAAA,QAAA;AACyB,QAAA,MAC3B,EAAA,MAAA,CAAA,GAAA,CAAA,MAAA,IAAA,CAAA,CAAA;AAAA,QAAA,IACK,EAAA,GAAA,CAAA,IAAA;AAAsB,OAAA,CAAA;AACpB,KACZ,CAAA,CAAA,MAAA,CAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,IAAA,SAED,QAAgB,CAAA,GAAA,OAAS,EAAA;AAAA,MAC9B,IAAA,GAAA,CAAA,IAAA,KAAA,KAAA,CAAA,UAAA;AAEA,QAAS,OAAA;AACP,MAAI,IAAA,CAAA,mBAAmB,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA;AAAY,MAAA,IAAA,CAAA,WAAA,EAAA,GAAA,EAAA,KAAA,CAAA,CAAA;AACnC,KAAK;AACL,IAAK,SAAA,KAAA,CAAA,KAAa,OAAU,EAAA;AAAA,MAC9B,KAAA,CAAA,eAAA,EAAA,CAAA;AAEA,MAAS,IAAA,CAAA,kBAAmC,CAAA,CAAA;AAC1C,KAAA;AACA,IAAA,OAAK,aAAa,KAAK;AAAA,MACzB,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/tab/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-tab flex align-items-center justify-content-between wrap\">\n    <div class=\"flex align-items-center\">\n      <div class=\"flex\">\n        <div\n          v-for=\"(tab, index) in customTabList\"\n          :key=\"tab.key\"\n          class=\"hzzt-tab-pane\"\n          @click=\"tabClick(tab, $event)\"\n        >\n          <div class=\"hzzt-tab-badge\">\n            <p\n              :class=\"{ active: modelValue === tab.name }\"\n              class=\"hzzt-tab-badge-text\"\n            >\n              {{ tab.label }}\n            </p>\n            <p\n              v-if=\"tab.number && tab.number !== 0\"\n              class=\"hzzt-tab-badge-count\"\n              :style=\"{ backgroundColor: tab.bgColor }\"\n            >\n              {{ tab.number > 999 ? '999+' : tab.number }}\n            </p>\n            <hzzt-icon\n              v-if=\"closable\"\n              class=\"is-icon-close\"\n              name=\"close\"\n              @click=\"close(index, $event)\"\n            />\n          </div>\n        </div>\n      </div>\n      <slot name=\"filter\" />\n      <slot name=\"extra\" />\n    </div>\n    <div class=\"flex wrap\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n\ndefineOptions({\n  name: 'HzztTab',\n})\n\ndeclare type Tab = {\n  name: string\n  label: string\n  number: number\n  hide: boolean\n  bgColor: string\n}\n\nconst props = defineProps({\n  tabList: {\n    type: Array,\n    default: () => [],\n  },\n  modelValue: {\n    type: [Number, String, Array],\n  },\n  closable: {\n    type: Boolean,\n    default: () => false,\n  },\n})\n\nconst emit = defineEmits(['update:modelValue', 'tab-click', 'tab-close'])\n\nconst customTabList = computed(() =>\n  props.tabList\n    .map((value) => {\n      const tab = value as Tab\n      return {\n        key: `${tab.name}-${tab.number}` as string,\n        ...tab,\n        number: Number(tab.number || 0),\n        hide: tab.hide,\n        bgColor: tab.bgColor || '',\n      }\n    })\n    .filter((tab) => !tab.hide)\n)\n\nfunction tabClick(tab: Tab, event: Event) {\n  if (tab.name === props.modelValue) return\n  emit('update:modelValue', tab.name)\n  emit('tab-click', tab, event)\n}\n\nfunction close(index: number, event: Event) {\n  event.stopPropagation()\n  emit('tab-close', index)\n}\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;mCA8Cc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,MAAM,aAAgB,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,KAAA,KAAA;AAAA,MAAS,MAC7B,GAAA,GAAM,KACH,CAAA;AACC,MAAA,OAAA;AACA,QAAO,GAAA,EAAA,CAAA,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA,EAAA,GAAA,CAAA,MAAA,CAAA,CAAA;AAAA,QAAA;AACyB,QAAA,MAC3B,EAAA,MAAA,CAAA,GAAA,CAAA,MAAA,IAAA,CAAA,CAAA;AAAA,QAAA,IACK,EAAA,GAAA,CAAA,IAAA;AAAsB,QAAA,SACpB,GAAA,CAAA,OAAA,IAAA,EAAA;AAAA,OACV,CAAA;AAAwB,KAC1B,CAAA,CAAA,MAAA,CAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,IAAA,SAED,QAAgB,CAAA,GAAA,OAAS,EAAA;AAAA,MAC9B,IAAA,GAAA,CAAA,IAAA,KAAA,KAAA,CAAA,UAAA;AAEA,QAAS,OAAA;AACP,MAAI,IAAA,CAAA,mBAAmB,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA;AAAY,MAAA,IAAA,CAAA,WAAA,EAAA,GAAA,EAAA,KAAA,CAAA,CAAA;AACnC,KAAK;AACL,IAAK,SAAA,KAAA,CAAA,KAAa,OAAU,EAAA;AAAA,MAC9B,KAAA,CAAA,eAAA,EAAA,CAAA;AAEA,MAAS,IAAA,CAAA,kBAAmC,CAAA,CAAA;AAC1C,KAAA;AACA,IAAA,OAAK,aAAa,KAAK;AAAA,MACzB,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/tab/src/index.vue.d.ts

@@ -3,6 +3,7 @@ declare type Tab = {
     label: string;
     number: number;
     hide: boolean;
+    bgColor: string;
 };
 declare const _default: import("vue").DefineComponent<{
     tabList: {
@@ -38,6 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     customTabList: import("vue").ComputedRef<{
         number: number;
         hide: boolean;
+        bgColor: string;
         name: string;
         label: string;
         key: string;

package/es/index.mjs

@@ -23,20 +23,20 @@ export { HzztCheckButton } from './components/check-button/index.mjs';
 export { HzztQuarterPicker } from './components/quarter-picker/index.mjs';
 export { scanEmits, scanProps } from './components/scan/src/scan.mjs';
 export { HzztScan } from './components/scan/index.mjs';
-export { selectInputEmits, selectInputProps } from './components/select-input/src/select-input2.mjs';
+export { selectInputEmits, selectInputProps } from './components/select-input/src/select-input.mjs';
 export { HzztSelectInput } from './components/select-input/index.mjs';
 export { selectTextareaEmits, selectTextareaProps } from './components/select-textarea/src/select-textarea.mjs';
 export { HzztSelectTextarea } from './components/select-textarea/index.mjs';
-export { inputRangeEmits, inputRangeProps } from './components/input-range/src/input-range2.mjs';
+export { inputRangeEmits, inputRangeProps } from './components/input-range/src/input-range.mjs';
 export { HzztInputRange } from './components/input-range/index.mjs';
-export { cascaderEmits, cascaderProps } from './components/cascader/src/cascader2.mjs';
+export { cascaderEmits, cascaderProps } from './components/cascader/src/cascader.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 { clickInputEmits, clickInputProps } from './components/click-input/src/click-input2.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-list2.mjs';
+export { lazyListEmits, lazyListProps } from './components/lazy-list/src/lazy-list.mjs';
 export { HzztLazyList } from './components/lazy-list/index.mjs';
 export { INSTALLED_KEY } from './constants/key.mjs';
 export { componentSizeMap, componentSizes } from './constants/size.mjs';

package/es/version.d.ts

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

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "2.0.5";
+const version = "2.0.7";
 
 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.5'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/hzzt-plus/version.ts"],"sourcesContent":["export const version = '2.0.7'\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/cascader.js');
-var cascader = require('./src/cascader2.js');
+var cascader$1 = require('./src/cascader2.js');
+var cascader = require('./src/cascader.js');
 var install = require('../../utils/vue/install.js');
 
 const HzztCascader = install.withInstall(cascader$1["default"]);

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

@@ -2,131 +2,46 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var cascader = require('./cascader2.js');
-var elementPlus = require('element-plus');
-require('../../../hooks/index.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');
+require('../../../hooks/index.js');
+require('../../../constants/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var index = require('../../../hooks/use-size/index.js');
+var event = require('../../../constants/event.js');
 var shared = require('@vue/shared');
 
-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 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: ""
   }
 });
-var Cascader = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "cascader.vue"]]);
+const cascaderEmits = {
+  [event.UPDATE_MODEL_EVENT]: (value) => shared.isString(value),
+  input: (value) => shared.isString(value),
+  change: (value) => shared.isString(value)
+};
 
-exports["default"] = Cascader;
+exports.cascaderEmits = cascaderEmits;
+exports.cascaderProps = cascaderProps;
 //# sourceMappingURL=cascader.js.map

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

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