hzzt-plus 0.0.9 → 1.0.1

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

@@ -0,0 +1,133 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var selectInput = require('./select-input.js');
+require('../../../hooks/index.js');
+var elementPlus = require('element-plus');
+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');
+var index$2 = require('../../../hooks/use-letter/index.js');
+
+const _hoisted_1 = { slot: "append" };
+const _hoisted_2 = { key: 0 };
+const __default__ = vue.defineComponent({
+  name: "HzztSelectInput"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: selectInput.selectInputProps,
+  emits: selectInput.selectInputEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const inputVal = vue.ref(props.modelValue);
+    const nsInput = index.useNamespace("select-input");
+    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)
+    ]);
+    const inputContainerCls = vue.computed(() => [
+      "flex",
+      props.position === "top" ? "column" : "row align-items-center"
+    ]);
+    const inputCls = vue.computed(() => [
+      "flex-1",
+      props.label ? props.position === "top" ? "margin-b-1" : "margin-l-1" : ""
+    ]);
+    const _inputProps = vue.computed(() => ({
+      disabled: trueDisabled.value,
+      clearable: true,
+      ...props.inputProps
+    }));
+    vue.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${index$2.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 vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(containerCls))
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(inputContainerCls))
+        }, [
+          vue.renderSlot(_ctx.$slots, "title", {}, () => [
+            vue.createVNode(title["default"], { label: _ctx.label }, null, 8, ["label"])
+          ]),
+          vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
+            ref: "inputRef",
+            class: vue.unref(inputCls),
+            modelValue: inputVal.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event)
+          }, vue.unref(_inputProps), {
+            onInput: input,
+            onChange: change
+          }), {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("template", _hoisted_1, [
+                vue.renderSlot(_ctx.$slots, "append")
+              ])
+            ]),
+            _: 3
+          }, 16, ["class", "modelValue"])
+        ], 2),
+        _ctx.data.length && !vue.unref(trueDisabled) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item, index) => {
+            return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElLink), vue.mergeProps({
+              key: index,
+              class: "margin-r-4"
+            }, _ctx.customProps, {
+              onClick: ($event) => select(item)
+            }), {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(getLinkName(item, index)), 1)
+              ]),
+              _: 2
+            }, 1040, ["onClick"]);
+          }), 128))
+        ])) : vue.createCommentVNode("v-if", true)
+      ], 2);
+    };
+  }
+});
+var SelectInput = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "select-input.vue"]]);
+
+exports["default"] = SelectInput;
+//# sourceMappingURL=select-input2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-input2.js","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=\"data.length&&!trueDisabled\">\n      <el-link v-for=\"(item, index) in data\" :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 {OptionType, 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\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":["ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch","numberToLetter","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;uCAkCgB,CAAA;AAAA,EACZ,IAAM,EAAA,iBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,QAAA,GAAWA,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAErC,IAAM,MAAA,OAAA,GAAUC,mBAAa,cAAc,CAAA,CAAA;AAC3C,IAAA,MAAM,WAAWC,uBAAY,EAAA,CAAA;AAC7B,IAAA,MAAM,eAAeC,2BAAgB,EAAA,CAAA;AAErC,IAAA,MAAM,QAAW,GAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,IAAA,IAAA,QAAA,CAAA,KAAA,IAAAC,qBAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAAA,kBACH,GAAAD,YAAiB,CAAA,MAAA,kBAAuB,YAAE,CAAA,KAAA,CAAA,CAAA;AAAA,IACxD,MAAA,YAAA,GAAAA,YAAA,CAAA,MAAA;AAEA,MAAA;AAEA,MAAM,OAAA,CAAA,CAAA,CAAA,QAAA,CAAe;AAAe,KAAA,CAClC;AAAU,IACV,MAAA,iBAAwB,GAAAA,YAAA,CAAA,MAAA;AAAA,MACzB,MAAA;AAED,MAAM,KAAA,CAAA,QAAA,KAAA,KAAoB,WAAe,GAAA,wBAAA;AAAA,KACvC,CAAA,CAAA;AAAA,IACA,MAAA,QAAmB,GAAAA,YAAA,CAAA,MAAmB;AAAA,MACvC,QAAA;AAED,MAAM,KAAA,CAAA,KAAA,GAAA,cAA0B,KAAA,KAAA,GAAA,YAAA,GAAA,YAAA,GAAA,EAAA;AAAA,KAC9B,CAAA,CAAA;AAAA,IAAA,iBACc,GAAAA,YAAmB,CAAA,OAAA;AAAsC,MACxE,QAAA,EAAA,YAAA,CAAA,KAAA;AAED,MAAM,SAAA,EAAA,IAAA;AAA8B,MAClC,mBAAuB;AAAA,KAAA,CACvB,CAAW,CAAA;AAAA,IAAAE,SACR,CAAM,MAAA,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACT,QAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAEF,KAAA,CAAA,CAAA;AACE,IAAA,SAAA,KAAiB,CAAA,GAAA,EAAA;AAAA,MAClB,IAAA,CAAA,mBAAA,EAAA,GAAA,CAAA,CAAA;AAED,MAAA,IAAA,CAAA,SAA4B,GAAA,CAAA,CAAA;AAC1B,KAAA;AACA,IAAA,gBAAc,GAAG,EAAA;AAAA,MACnB,IAAA,CAAA,QAAA,EAAA,GAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,oBAAkB,CAAA,IAAA,EAAA,KAAA,EAAA;AAAA,MACpB,IAAA,MAAA,GAAA,EAAA,CAAA;AAEA,MAAS,IAAA,KAAA,CAAA,SAAY,YAAiC,EAAA;AACpD,QAAA,MAAa,GAAA,CAAA,MAAA,EAAA,KAAA,GAAA,CAAA,CAAA,MAAA,CAAA,CAAA;AACb,OAAI,MAAA,mBAA6B,IAAA,QAAA,EAAA;AAC/B,QAAS,MAAA,GAAA,CAAA,MAAA,EAAIC,sBAAS,CAAA,KAAA,CAAA,CAAA,MAAA,CAAA,CAAA;AAAA,OACxB;AACE,MAAS,OAAA,MAAA,IAAA,IAAmB,CAAA,KAAA,IAAA,IAAA,CAAA,KAAM,CAAA,CAAA;AAAA,KACpC;AACA,IAAO,SAAA,MAAA,CAAA,IAAe,EAAA;AAAc,MACtC,MAAA,KAAA,GAAA,IAAA,CAAA,KAAA,IAAA,IAAA,CAAA,KAAA,CAAA;AAEA,MAAA,IAAA,UAAgB,EAAkB,CAAA;AAChC,MAAM,IAAA,CAAA,QAAA,CAAQ,KAAK;AACnB,QAAA,QAAc,CAAA,KAAA,GAAA,EAAA,CAAA;AACd,MAAA,IAAI,KAAU,CAAA,WAAA,EAAA;AAAO,QAAA,OAAA,GAAiB,KAAA,CAAA,WAAA,CAAA,KAAA,CAAA,CAAA;AACtC,OAAA,UAAuB,KAAA,CAAA,OAAA,EAAA;AACrB,QAAU,OAAA,GAAA,KAAA,CAAM;AAAiB,OACnC,MAAA;AACE,QAAU,OAAA,GAAA,QAAA,CAAA,KAAA,GAAA,CAAA,EAAA,QAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAA,OACL;AACL,MAAU,QAAA,CAAA,KAAA,GAAA,OAAiB,CAAA;AAA4C,MACzE,KAAA,CAAA,OAAA,CAAA,CAAA;AACA,MAAA,MAAA,CAAA,OAAiB,CAAA,CAAA;AACjB,KAAA;AACA,IAAA,OAAA,CAAA,IAAc,EAAA,MAAA,KAAA;AAAA,MAChB,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/select-input/style/css.d.ts

@@ -0,0 +1,2 @@
+import 'hzzt-plus/es/components/base/style/css';
+import 'hzzt-plus/theme/hzzt-select-input.css';

package/lib/components/select-input/style/css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/css.js');
+require('hzzt-plus/theme/hzzt-select-input.css');
+
+//# sourceMappingURL=css.js.map

package/lib/components/select-input/style/css.js.map

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

package/lib/components/select-input/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'hzzt-plus/es/components/base/style';
+import 'hzzt-plus/theme/src/select-input.scss';

package/lib/components/select-input/style/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/index.js');
+require('hzzt-plus/theme/src/select-input.scss');
+
+//# sourceMappingURL=index.js.map

package/lib/components/select-input/style/index.js.map

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

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

@@ -75,7 +75,7 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
                 $data: {};
                 $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
                     readonly size: {
-                        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
                         readonly required: false;
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
@@ -102,7 +102,7 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
                 $el: any;
                 $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                     readonly size: {
-                        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
                         readonly required: false;
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
@@ -135,7 +135,7 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
                 $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
             } & Readonly<import("vue").ExtractPropTypes<{
                 readonly size: {
-                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -152,7 +152,7 @@ export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import
             __isSuspense?: undefined;
         } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             readonly size: {
-                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;

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

@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
                 $data: {};
                 $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
                     readonly size: {
-                        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
                         readonly required: false;
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
@@ -103,7 +103,7 @@ declare const _default: import("vue").DefineComponent<{
                 $el: any;
                 $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                     readonly size: {
-                        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
                         readonly required: false;
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
@@ -136,7 +136,7 @@ declare const _default: import("vue").DefineComponent<{
                 $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
             } & Readonly<import("vue").ExtractPropTypes<{
                 readonly size: {
-                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -153,7 +153,7 @@ declare const _default: import("vue").DefineComponent<{
             __isSuspense?: undefined;
         } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             readonly size: {
-                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;

package/lib/components/title/index.d.ts

@@ -1,30 +1,5 @@
-export declare const HzztTitle: import("hzzt-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    label: StringConstructor;
-    sideline: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        label: StringConstructor;
-        sideline: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {
-        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-    }>>;
-    slots: Readonly<{
-        [name: string]: import("vue").Slot | undefined;
-    }>;
-    showLabel: import("vue").ComputedRef<import("vue").VNodeNormalizedChildren | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    label: StringConstructor;
-    sideline: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    sideline: boolean;
-}>> & Record<string, any>;
+import Title from './src/title.vue';
+import type { SFCWithInstall } from 'hzzt-plus/es/utils';
+export declare const HzztTitle: SFCWithInstall<typeof Title>;
 export default HzztTitle;
+export * from './src/title';

package/lib/components/title/index.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.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["default"]);
+const HzztTitle = install.withInstall(title$1["default"]);
 
+exports.titleProps = title.titleProps;
 exports.HzztTitle = HzztTitle;
 exports["default"] = HzztTitle;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/title/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\n\nimport Title from './src/title.vue'\n\nexport const HzztTitle = withInstall(Title)\nexport default HzztTitle\n"],"names":["withInstall","Title"],"mappings":";;;;;;;;AAEY,MAAC,SAAS,GAAGA,mBAAW,CAACC,gBAAK;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/title/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\nimport Title from './src/title.vue'\nimport type { SFCWithInstall } from '@hzzt-plus/utils'\n\nexport const HzztTitle: SFCWithInstall<typeof Title> = withInstall(Title)\nexport default HzztTitle\n\nexport * from './src/title'\n"],"names":["withInstall","Title"],"mappings":";;;;;;;;;AAEY,MAAC,SAAS,GAAGA,mBAAW,CAACC,kBAAK;;;;;;"}

package/lib/components/title/src/title.d.ts

@@ -0,0 +1,8 @@
+import type { ExtractPropTypes } from 'vue';
+import type Title from './title.vue';
+export declare const titleProps: {
+    readonly label: StringConstructor;
+    readonly sideline: import("hzzt-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+};
+export declare type TitleProps = ExtractPropTypes<typeof titleProps>;
+export declare type TitleInstance = InstanceType<typeof Title>;

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

@@ -2,51 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _hoisted_1 = {
-  key: 0,
-  class: "hzzt-title flex align-items-center"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "decorative-line"
-};
-const _hoisted_3 = { class: "label-name" };
-const __default__ = vue.defineComponent({
-  name: "HzztTitle"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    label: String,
-    sideline: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    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, [
-        __props.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2)) : vue.createCommentVNode("v-if", true),
-        vue.renderSlot(_ctx.$slots, "before"),
-        vue.createElementVNode("label", _hoisted_3, [
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(__props.label), 1)
-          ])
-        ])
-      ])) : vue.createCommentVNode("v-if", true);
-    };
+const titleProps = runtime.buildProps({
+  label: String,
+  sideline: {
+    type: Boolean,
+    default: true
   }
 });
-var Title = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "title.vue"]]);
 
-exports["default"] = Title;
+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\">\n    <span v-if=\"sideline\" class=\"decorative-line\" />\n    <slot name=\"before\" />\n    <label class=\"label-name\">\n      <slot>{{ label }}</slot>\n    </label>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\n\ndefineOptions({\n  name: 'HzztTitle',\n})\n\nconst props = defineProps({\n  label: String,\n  sideline: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst slots = useSlots()\n\nconst showLabel = computed(\n  () => props.label || slots?.default?.()?.[0]?.children\n)\n</script>\n"],"names":["useSlots","computed"],"mappings":";;;;;;;;;;;;;;;;uCAac,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;AAUA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,SAAY,GAAAC,YAAA,CAAA,MAAA;AAAA,MAChB,MAAM,EAAM,EAAA,EAAA,EAAA,CAAA;AAAkC,MAChD,OAAA,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;;;;;;;;;;;;;;;;;;;"}
+{"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'\n\nexport const titleProps = buildProps({\n  label: String,\n  sideline: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\nexport type TitleProps = ExtractPropTypes<typeof titleProps>\n\nexport type TitleInstance = InstanceType<typeof Title>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,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,CAAC;;;;"}

package/lib/components/title/src/title.vue.d.ts

@@ -1,16 +1,10 @@
 declare const _default: import("vue").DefineComponent<{
-    label: StringConstructor;
-    sideline: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    readonly label: StringConstructor;
+    readonly sideline: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        label: StringConstructor;
-        sideline: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
+        readonly label: StringConstructor;
+        readonly sideline: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -19,12 +13,9 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     showLabel: import("vue").ComputedRef<import("vue").VNodeNormalizedChildren | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    label: StringConstructor;
-    sideline: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    readonly label: StringConstructor;
+    readonly sideline: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>>, {
-    sideline: boolean;
+    readonly sideline: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }>;
 export default _default;

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

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../index.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var title = require('./title.js');
+
+const _hoisted_1 = {
+  key: 0,
+  class: "hzzt-title flex align-items-center"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "decorative-line"
+};
+const _hoisted_3 = { class: "label-name" };
+const __default__ = vue.defineComponent({
+  name: "HzztTitle"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: title.titleProps,
+  setup(__props) {
+    const props = __props;
+    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, [
+        _ctx.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2)) : vue.createCommentVNode("v-if", true),
+        vue.renderSlot(_ctx.$slots, "before"),
+        vue.createElementVNode("label", _hoisted_3, [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+          ])
+        ])
+      ])) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+var HzztTitle = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "title.vue"]]);
+
+exports["default"] = HzztTitle;
+//# sourceMappingURL=title2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"title2.js","sources":["../../../../../../packages/components/title/src/title.vue"],"sourcesContent":["<template>\n  <div v-if=\"showLabel\" class=\"hzzt-title flex align-items-center\">\n    <span v-if=\"sideline\" class=\"decorative-line\" />\n    <slot name=\"before\" />\n    <label class=\"label-name\">\n      <slot>{{ label }}</slot>\n    </label>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { titleProps } from '@hzzt-plus/components'\n\ndefineOptions({\n  name: 'HzztTitle',\n})\n\nconst props = defineProps(titleProps)\n\nconst slots = useSlots()\n\nconst showLabel = computed(\n  () => props.label || slots?.default?.()?.[0]?.children\n)\n</script>\n"],"names":["useSlots","computed"],"mappings":";;;;;;;;;;;;;;;;;;uCAcc,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,SAAY,GAAAC,YAAA,CAAA,MAAA;AAAA,MAChB,MAAM,EAAM,EAAA,EAAA,EAAA,CAAA;AAAkC,MAChD,OAAA,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;;;;;;;;;;;;;;;;;;;"}