hzzt-plus 1.0.4 → 1.0.6

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

@@ -0,0 +1,93 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var clickInput = require('./click-input.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');
+
+const __default__ = vue.defineComponent({
+  name: "HzztClickInput"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: clickInput.clickInputProps,
+  emits: clickInput.clickInputEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const _inputVal = vue.ref(props.modelValue || "");
+    const inputVal = vue.ref(props.modelValue || "");
+    const inputRef = vue.ref();
+    const editable = vue.ref(false);
+    const nsInput = index.useNamespace("click-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 trueReadonly = vue.computed(() => trueDisabled.value || props.readonly || !editable.value);
+    const containerCls = vue.computed(() => [
+      nsInput.b(),
+      nsInput.m(trueSize.value),
+      "flex width-100% align-items-center"
+    ]);
+    const spanClass = vue.computed(() => [
+      nsInput.em("span"),
+      "flex width-100% align-items-center"
+    ]);
+    vue.watch(() => props.modelValue, (v) => {
+      inputVal.value = v || "";
+      _inputVal.value = v || "";
+    });
+    function input(val) {
+      emit("update:modelValue", val);
+      emit("input", val);
+    }
+    function change() {
+      editable.value = false;
+      if (_inputVal.value === inputVal.value) {
+        return;
+      }
+      input(inputVal.value);
+      emit("change", inputVal.value);
+    }
+    function edit() {
+      if (trueDisabled.value || props.readonly) {
+        return;
+      }
+      editable.value = true;
+      vue.nextTick(() => {
+        inputRef.value.focus();
+      });
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(containerCls))
+      }, [
+        !vue.unref(trueReadonly) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElInput), vue.mergeProps({
+          key: 0,
+          ref_key: "inputRef",
+          ref: inputRef,
+          modelValue: inputVal.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event)
+        }, _ctx.inputProps, {
+          clearable: "",
+          size: vue.unref(trueSize),
+          onKeyup: vue.withKeys(change, ["enter"]),
+          onBlur: change
+        }), null, 16, ["modelValue", "size", "onKeyup"])) : (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: vue.normalizeClass(["width-100%", vue.unref(spanClass)]),
+          onClick: edit
+        }, vue.toDisplayString(inputVal.value || " "), 3))
+      ], 2);
+    };
+  }
+});
+var ClickInput = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "click-input.vue"]]);
+
+exports["default"] = ClickInput;
+//# sourceMappingURL=click-input2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"click-input2.js","sources":["../../../../../../packages/components/click-input/src/click-input.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\">\n    <el-input\n      v-if=\"!trueReadonly\"\n      ref=\"inputRef\"\n      v-model=\"inputVal\"\n      v-bind=\"inputProps\"\n      clearable\n      :size=\"trueSize\"\n      @keyup.enter=\"change\"\n      @blur=\"change\"\n    />\n    <div v-else class=\"width-100%\" :class=\"spanClass\" @click=\"edit\">\n      {{ inputVal || ' ' }}\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {computed, ref, watch, nextTick} from 'vue'\n  import {clickInputEmits, clickInputProps} from './click-input'\n  import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n  import {useFormDisabled, useFormSize} from \"element-plus\";\n  import {ElInput} from 'element-plus'\n\n  defineOptions({\n    name: 'HzztClickInput',\n  })\n\n  const props = defineProps(clickInputProps)\n  const emit = defineEmits(clickInputEmits)\n\n  const _inputVal = ref(props.modelValue || '');\n  const inputVal = ref(props.modelValue || '');\n  const inputRef = ref();\n  const editable = ref(false);\n\n  const nsInput = useNamespace('click-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 trueReadonly = computed(() => trueDisabled.value || props.readonly || !editable.value)\n\n  const containerCls = computed(() => [\n    nsInput.b(),\n    nsInput.m(trueSize.value),\n    'flex width-100% align-items-center',\n  ])\n\n  const spanClass = computed(() => [\n    nsInput.em('span'),\n    'flex width-100% align-items-center',\n  ])\n\n  watch(() => props.modelValue, (v) => {\n    inputVal.value = 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() {\n    editable.value = false;\n    if (_inputVal.value === inputVal.value) {\n      return;\n    }\n    input(inputVal.value);\n    emit('change', inputVal.value);\n  }\n\n  function edit() {\n    if (trueDisabled.value || props.readonly) {\n      return;\n    }\n    editable.value = true;\n    nextTick(() => {\n      inputRef.value.focus();\n    });\n  }\n\n</script>\n"],"names":["ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch","nextTick","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;uCAyBgB,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,SAAY,GAAAA,OAAA,CAAI,KAAM,CAAA,UAAA,IAAc,EAAE,CAAA,CAAA;AAC5C,IAAA,MAAM,QAAW,GAAAA,OAAA,CAAI,KAAM,CAAA,UAAA,IAAc,EAAE,CAAA,CAAA;AAC3C,IAAA,MAAM,WAAWA,OAAI,EAAA,CAAA;AACrB,IAAM,MAAA,QAAA,GAAWA,QAAI,KAAK,CAAA,CAAA;AAE1B,IAAM,MAAA,OAAA,GAAUC,mBAAa,aAAa,CAAA,CAAA;AAC1C,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,YAAA,CAAA,KAAA,IAAA,KAAA,CAAA,QAAA,IAAA,CAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAM,eAAeA,YAAS,CAAA,MAAM;AAEpC,MAAM,OAAA,CAAA,CAAA,EAAA;AAEN,MAAM,OAAA,CAAA,CAAA,CAAA,QAAA,CAAe;AAAe,MAClC,oCAAU;AAAA,KACV,CAAA,CAAA;AAAwB,IACxB,MAAA,SAAA,GAAAA,YAAA,CAAA,MAAA;AAAA,MACD,OAAA,CAAA,EAAA,CAAA,MAAA,CAAA;AAED,MAAM,oCAA2B;AAAA,KAC/B,CAAA,CAAA;AAAiB,IACjBE,SAAA,CAAA,MAAA,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACD,QAAA,CAAA,KAAA,GAAA,CAAA,IAAA,EAAA,CAAA;AAED,MAAA,SAAY,CAAA,KAAA,GAAkB,CAAA,IAAA,EAAA,CAAA;AAC5B,KAAA,CAAA,CAAA;AACA,IAAA,SAAA,WAAkB;AAAK,MACxB,IAAA,CAAA,mBAAA,EAAA,GAAA,CAAA,CAAA;AAED,MAAA,IAAA,CAAA,SAA4B,GAAA,CAAA,CAAA;AAC1B,KAAA;AACA,IAAA,kBAAiB;AAAA,MACnB,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAEA,MAAA,IAAA,SAAkB,CAAA,KAAA,KAAA,QAAA,CAAA,KAAA,EAAA;AAChB,QAAA,OAAS;AACT,OAAI;AACF,MAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,MACF,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AACA,KAAA;AACA,IAAK,SAAA,IAAA,GAAA;AAAwB,MAC/B,IAAA,YAAA,CAAA,KAAA,IAAA,KAAA,CAAA,QAAA,EAAA;AAEA,QAAA,OAAgB;AACd,OAAI;AACF,MAAA,QAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,MACFC,YAAA,CAAA,MAAA;AACA,QAAA,QAAiB,CAAA,KAAA,CAAA,KAAA,EAAA,CAAA;AACjB,OAAA,CAAA,CAAA;AACE,KAAA;AAAqB,IAAA,OACtB,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MACH,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/components/collapse/index.js

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

package/lib/components/collapse/src/collapse.js

@@ -1,73 +1,3 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-require('../../../hooks/index.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-locale/index.js');
-
-const _hoisted_1 = { class: "hzzt-collapse" };
-const _hoisted_2 = { class: "flex align-items-center" };
-const _hoisted_3 = { class: "hzzt-collapse-title-wrapper" };
-const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
-const _hoisted_5 = { class: "hzzt-collapse-title" };
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
-const _hoisted_7 = {
-  key: 0,
-  class: "hzzt-collapse-text"
-};
-const __default__ = vue.defineComponent({
-  name: "HzztCollapse"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    defaultActive: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    expand: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const { t } = index.useLocale();
-    const active = vue.ref(props.defaultActive);
-    vue.watch(() => props.defaultActive, (val) => {
-      active.value = val;
-    });
-    function toggle() {
-      active.value = !active.value;
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", {
-          class: "hzzt-collapse-header",
-          onClick: toggle
-        }, [
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.createElementVNode("div", _hoisted_3, [
-              _hoisted_4,
-              vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(__props.title), 1)
-            ]),
-            _hoisted_6
-          ]),
-          __props.expand ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(active.value ? vue.unref(t)("hzzt.collapse.retract") : vue.unref(t)("hzzt.collapse.expand")), 1)) : vue.createCommentVNode("v-if", true)
-        ]),
-        vue.renderSlot(_ctx.$slots, "active", { active: active.value }),
-        vue.renderSlot(_ctx.$slots, "default")
-      ]);
-    };
-  }
-});
-var Collapse = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "collapse.vue"]]);
-
-exports["default"] = Collapse;
 //# sourceMappingURL=collapse.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapse.js","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-collapse\">\n    <div class=\"hzzt-collapse-header\" @click=\"toggle\">\n      <div class=\"flex align-items-center\">\n        <div class=\"hzzt-collapse-title-wrapper\">\n          <div class=\"hzzt-collapse-title-block\" />\n          <div class=\"hzzt-collapse-title\">{{ title }}</div>\n        </div>\n        <div class=\"hzzt-collapse-line\" />\n      </div>\n      <span v-if=\"expand\" class=\"hzzt-collapse-text\">{{\n        active ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand')\n      }}</span>\n    </div>\n    <slot name=\"active\" :active=\"active\" />\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { useLocale } from '@hzzt-plus/hooks'\n\ndefineOptions({\n  name: 'HzztCollapse',\n})\nconst { t } = useLocale()\nconst props = defineProps({\n  defaultActive: {\n    type: Boolean,\n    default: false,\n  },\n  title: {\n    type: String,\n    default: '',\n  },\n  expand: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst active = ref(props.defaultActive)\n\nwatch(\n  () => props.defaultActive,\n  (val: boolean) => {\n    active.value = val\n  }\n)\n\nfunction toggle() {\n  active.value = !active.value\n}\n</script>\n"],"names":["_createElementVNode","_toDisplayString","_openBlock","_createElementBlock","_unref","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,KAAA;AACA,IAAA,KAAS,EAAiB;;;AAEZ,KACN;AACR,IAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;AACA,UAAM,OAAI,EAAc,MAAA;AAgBxB,SAAM,EAAA;AAEN,UAAAA,sBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,YACQA,sBAAM,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,cACM,UAAA;AAChB,cAAAA,sBAAe,CAAA,KAAA,EAAA,UAAA,EAAAC,mBAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,aACjB,CAAA;AAAA,YACF,UAAA;AAEA,WAAA,CAAA;AACE,UAAO,OAAA,CAAA,MAAgB,IAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,MAAA,EAAA,UAAA,EAAAF,mBAAA,CAAA,MAAA,CAAA,KAAA,GAAAG,SAAA,CAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,GAAAA,SAAA,CAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,SACzB,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"collapse.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/components/collapse/src/collapse2.js

@@ -1,3 +1,73 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../hooks/index.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-locale/index.js');
+
+const _hoisted_1 = { class: "hzzt-collapse" };
+const _hoisted_2 = { class: "flex align-items-center" };
+const _hoisted_3 = { class: "hzzt-collapse-title-wrapper" };
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
+const _hoisted_5 = { class: "hzzt-collapse-title" };
+const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
+const _hoisted_7 = {
+  key: 0,
+  class: "hzzt-collapse-text"
+};
+const __default__ = vue.defineComponent({
+  name: "HzztCollapse"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    defaultActive: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    expand: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = index.useLocale();
+    const active = vue.ref(props.defaultActive);
+    vue.watch(() => props.defaultActive, (val) => {
+      active.value = val;
+    });
+    function toggle() {
+      active.value = !active.value;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          class: "hzzt-collapse-header",
+          onClick: toggle
+        }, [
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createElementVNode("div", _hoisted_3, [
+              _hoisted_4,
+              vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(__props.title), 1)
+            ]),
+            _hoisted_6
+          ]),
+          __props.expand ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(active.value ? vue.unref(t)("hzzt.collapse.retract") : vue.unref(t)("hzzt.collapse.expand")), 1)) : vue.createCommentVNode("v-if", true)
+        ]),
+        vue.renderSlot(_ctx.$slots, "active", { active: active.value }),
+        vue.renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+var Collapse = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "collapse.vue"]]);
+
+exports["default"] = Collapse;
 //# sourceMappingURL=collapse2.js.map

package/lib/components/collapse/src/collapse2.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"collapse2.js","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-collapse\">\n    <div class=\"hzzt-collapse-header\" @click=\"toggle\">\n      <div class=\"flex align-items-center\">\n        <div class=\"hzzt-collapse-title-wrapper\">\n          <div class=\"hzzt-collapse-title-block\" />\n          <div class=\"hzzt-collapse-title\">{{ title }}</div>\n        </div>\n        <div class=\"hzzt-collapse-line\" />\n      </div>\n      <span v-if=\"expand\" class=\"hzzt-collapse-text\">{{\n        active ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand')\n      }}</span>\n    </div>\n    <slot name=\"active\" :active=\"active\" />\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { useLocale } from '@hzzt-plus/hooks'\n\ndefineOptions({\n  name: 'HzztCollapse',\n})\nconst { t } = useLocale()\nconst props = defineProps({\n  defaultActive: {\n    type: Boolean,\n    default: false,\n  },\n  title: {\n    type: String,\n    default: '',\n  },\n  expand: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst active = ref(props.defaultActive)\n\nwatch(\n  () => props.defaultActive,\n  (val: boolean) => {\n    active.value = val\n  }\n)\n\nfunction toggle() {\n  active.value = !active.value\n}\n</script>\n"],"names":["_createElementVNode","_toDisplayString","_openBlock","_createElementBlock","_unref","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,KAAA;AACA,IAAA,KAAS,EAAiB;;;AAEZ,KACN;AACR,IAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;AACA,UAAM,OAAI,EAAc,MAAA;AAgBxB,SAAM,EAAA;AAEN,UAAAA,sBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,YACQA,sBAAM,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,cACM,UAAA;AAChB,cAAAA,sBAAe,CAAA,KAAA,EAAA,UAAA,EAAAC,mBAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,aACjB,CAAA;AAAA,YACF,UAAA;AAEA,WAAA,CAAA;AACE,UAAO,OAAA,CAAA,MAAgB,IAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,MAAA,EAAA,UAAA,EAAAF,mBAAA,CAAA,MAAA,CAAA,KAAA,GAAAG,SAAA,CAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,GAAAA,SAAA,CAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,SACzB,CAAA;;;;;;;;;;;"}

package/lib/components/index.d.ts

@@ -15,3 +15,5 @@ export * from './select-input';
 export * from './select-textarea';
 export * from './input-range';
 export * from './cascader';
+export * from './select';
+export * from './click-input';

package/lib/components/index.js

@@ -19,15 +19,19 @@ var index$d = require('./select-input/index.js');
 var index$e = require('./select-textarea/index.js');
 var index$f = require('./input-range/index.js');
 var index$g = require('./cascader/index.js');
+var index$h = require('./select/index.js');
+var index$i = require('./click-input/index.js');
 var title = require('./title/src/title.js');
 var configProviderProps = require('./config-provider/src/config-provider-props.js');
 var constants = require('./config-provider/src/constants.js');
 var useGlobalConfig = require('./config-provider/src/hooks/use-global-config.js');
-var scan = require('./scan/src/scan2.js');
+var scan = require('./scan/src/scan.js');
 var selectInput = require('./select-input/src/select-input.js');
 var selectTextarea = require('./select-textarea/src/select-textarea.js');
 var inputRange = require('./input-range/src/input-range.js');
 var cascader = require('./cascader/src/cascader.js');
+var select = require('./select/src/select.js');
+var clickInput = require('./click-input/src/click-input.js');
 
 
 
@@ -48,6 +52,8 @@ exports.HzztSelectInput = index$d.HzztSelectInput;
 exports.HzztSelectTextarea = index$e.HzztSelectTextarea;
 exports.HzztInputRange = index$f.HzztInputRange;
 exports.HzztCascader = index$g.HzztCascader;
+exports.HzztSelect = index$h.HzztSelect;
+exports.HzztClickInput = index$i.HzztClickInput;
 exports.titleProps = title.titleProps;
 exports.configProviderProps = configProviderProps.configProviderProps;
 exports.configProviderContextKey = constants.configProviderContextKey;
@@ -63,4 +69,8 @@ exports.inputRangeEmits = inputRange.inputRangeEmits;
 exports.inputRangeProps = inputRange.inputRangeProps;
 exports.cascaderEmits = cascader.cascaderEmits;
 exports.cascaderProps = cascader.cascaderProps;
+exports.selectEmits = select.selectEmits;
+exports.selectProps = select.selectProps;
+exports.clickInputEmits = clickInput.clickInputEmits;
+exports.clickInputProps = clickInput.clickInputProps;
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

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

package/lib/components/scan/index.js

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

package/lib/components/scan/src/scan.js

@@ -2,152 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var elementPlus = require('element-plus');
-var scan = require('./scan2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+require('../../../utils/index.js');
+require('../../../constants/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var event = require('../../../constants/event.js');
+var shared = require('@vue/shared');
 
-const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", { style: { "width": "0", "height": "0", "overflow": "hidden" } }, [
-  /* @__PURE__ */ vue.createElementVNode("input", {
-    readonly: "",
-    style: { "width": "0", "height": "0", "overflow": "hidden" }
-  }),
-  /* @__PURE__ */ vue.createElementVNode("input", {
-    readonly: "",
-    type: "password",
-    autocomplete: "off",
-    style: { "width": "0", "height": "0", "overflow": "hidden" }
-  })
-], -1);
-const _hoisted_2 = {
-  class: "width-100%",
-  style: { "overflow": "hidden" }
-};
-const __default__ = vue.defineComponent({
-  inheritAttrs: false,
-  name: "HzztScan"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: scan.scanProps,
-  emits: scan.scanEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const readonly = vue.ref(true);
-    const innerValue = vue.ref(" ");
-    const inputRef = vue.ref();
-    const showValue = vue.computed(() => {
-      if (innerValue.value === " ") {
-        return ` ${props.placeholder}`;
-      } else {
-        return innerValue.value;
-      }
-    });
-    const inputType = vue.computed(() => {
-      if (innerValue.value && !readonly.value) {
-        return "password";
-      } else {
-        return "text";
-      }
-    });
-    vue.watch(() => props.modelValue, (v) => {
-      if (!v) {
-        innerValue.value = " ";
-      } else {
-        innerValue.value = ` ${changeLetter(v)}`;
-      }
-    });
-    vue.watch(() => innerValue.value, (v) => {
-      if (!v) {
-        innerValue.value = " ";
-      }
-      const str = innerValue.value[0] === " " ? innerValue.value.slice(1) : innerValue.value;
-      const final = changeLetter(str != null ? str : "");
-      emit("update:modelValue", final);
-      emit("input", final);
-    });
-    function changeLetter(v) {
-      if (props.letter === "upper") {
-        return v.toLocaleUpperCase();
-      } else if (props.letter === "lower") {
-        return v.toLocaleLowerCase();
-      } else {
-        return v;
-      }
-    }
-    function inputFocus() {
-      readonly.value = false;
-    }
-    function inputBlur() {
-      readonly.value = true;
-    }
-    function inputChange() {
-      emit("change", props.modelValue);
-    }
-    function focus() {
-      readonly.value = false;
-      setTimeout(() => {
-        inputRef.value.focus();
-      });
-    }
-    function blur() {
-      readonly.value = true;
-      inputRef.value.blur();
-    }
-    function clear() {
-      inputRef.value.clear();
-    }
-    expose({
-      focus,
-      blur,
-      clear
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["hzzt-scan", _ctx.$attrs.class]),
-        style: vue.normalizeStyle([{ "position": "relative" }, _ctx.$attrs.style])
-      }, [
-        _hoisted_1,
-        vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
-          ref_key: "inputRef",
-          ref: inputRef,
-          modelValue: innerValue.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event)
-        }, {
-          ..._ctx.$attrs,
-          class: "",
-          style: "",
-          onChange: ""
-        }, {
-          readonly: readonly.value,
-          type: vue.unref(inputType),
-          class: "hzzt-scan-input-original",
-          autocomplete: "off",
-          onFocus: inputFocus,
-          onBlur: inputBlur,
-          onChange: inputChange
-        }), vue.createSlots({
-          _: 2
-        }, [
-          vue.renderList(_ctx.$slots, (_, key, index) => {
-            return {
-              name: key,
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, key)
-              ])
-            };
-          })
-        ]), 1040, ["modelValue", "readonly", "type"]),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(["hzzt-scan-input-backup", { "placeholder-color": innerValue.value === " " }])
-        }, [
-          vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(vue.unref(showValue)), 1)
-        ], 2)
-      ], 6);
-    };
+const scanProps = runtime.buildProps({
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  letter: {
+    type: String,
+    default: "upper"
   }
 });
-var Scan = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "scan.vue"]]);
+const scanEmits = {
+  [event.UPDATE_MODEL_EVENT]: (value) => shared.isString(value),
+  [event.CHANGE_EVENT]: (value) => shared.isString(value),
+  [event.INPUT_EVENT]: (value) => shared.isString(value)
+};
 
-exports["default"] = Scan;
+exports.scanEmits = scanEmits;
+exports.scanProps = scanProps;
 //# sourceMappingURL=scan.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"scan.js","sources":["../../../../../../packages/components/scan/src/scan.vue"],"sourcesContent":["<template>\n  <div\n    class=\"hzzt-scan\"\n    style=\"position: relative\"\n    :class=\"$attrs.class\"\n    :style=\"$attrs.style\"\n  >\n    <div style=\"width: 0; height: 0; overflow: hidden\">\n      <input readonly style=\"width: 0; height: 0; overflow: hidden\" />\n      <input\n        readonly\n        type=\"password\"\n        autocomplete=\"off\"\n        style=\"width: 0; height: 0; overflow: hidden\"\n      />\n    </div>\n\n    <el-input\n      ref=\"inputRef\"\n      v-model=\"innerValue\"\n      v-bind=\"{\n        ...$attrs,\n        class: '',\n        style: '',\n        onChange: '',\n      }\"\n      :readonly=\"readonly\"\n      :type=\"inputType\"\n      class=\"hzzt-scan-input-original\"\n      autocomplete=\"off\"\n      @focus=\"inputFocus\"\n      @blur=\"inputBlur\"\n      @change=\"inputChange\"\n    >\n      <template v-for=\"(_, key, index) in $slots\" :key=\"index\" #[key]>\n        <slot :name=\"key\" />\n      </template>\n    </el-input>\n    <div\n      class=\"hzzt-scan-input-backup\"\n      :class=\"{ 'placeholder-color': innerValue === ' ' }\"\n    >\n      <div class=\"width-100%\" style=\"overflow: hidden\">\n        {{ showValue }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElInput } from 'element-plus'\nimport { scanEmits, scanProps } from './scan'\n\ndefineOptions({\n  inheritAttrs: false,\n  name: 'HzztScan',\n})\n\nconst props = defineProps(scanProps)\n\nconst emit = defineEmits(scanEmits)\n\nconst readonly = ref(true)\nconst innerValue = ref(' ')\nconst inputRef = ref()\n\nconst showValue = computed(() => {\n  if (innerValue.value === ' ') {\n    return ` ${props.placeholder}`\n  } else {\n    return innerValue.value\n  }\n})\n\nconst inputType = computed(() => {\n  if (innerValue.value && !readonly.value) {\n    return 'password'\n  } else {\n    return 'text'\n  }\n})\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (!v) {\n      innerValue.value = ' '\n    } else {\n      innerValue.value = ` ${changeLetter(v)}`\n    }\n  }\n)\n\nwatch(\n  () => innerValue.value,\n  (v) => {\n    if (!v) {\n      innerValue.value = ' '\n    }\n    const str =\n      innerValue.value[0] === ' ' ? innerValue.value.slice(1) : innerValue.value\n    const final = changeLetter(str ?? '')\n    emit('update:modelValue', final)\n    emit('input', final)\n  }\n)\n\nfunction changeLetter(v: string) {\n  if (props.letter === 'upper') {\n    return v.toLocaleUpperCase()\n  } else if (props.letter === 'lower') {\n    return v.toLocaleLowerCase()\n  } else {\n    return v\n  }\n}\n\nfunction inputFocus() {\n  readonly.value = false\n}\n\nfunction inputBlur() {\n  readonly.value = true\n}\n\nfunction inputChange() {\n  emit('change', props.modelValue)\n}\n\nfunction focus() {\n  readonly.value = false\n  setTimeout(() => {\n    inputRef.value.focus()\n  })\n}\n\nfunction blur() {\n  readonly.value = true\n  inputRef.value.blur()\n}\n\nfunction clear() {\n  inputRef.value.clear()\n}\n\ndefineExpose({\n  focus,\n  blur,\n  clear,\n})\n</script>\n"],"names":["_defineComponent","scanEmits","watch","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createVNode","_unref","ElInput","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,EAAS,IAAA,EAAA,UAAA;AACT,CAAA,CAAA,CAAA;AACA,MAAA,4BAAqCA,mBAAA,CAAA;;;AAEvB,EACZ,KAAc,EAAAC,cAAA;AAAA,EACd,KAAM,CAAA,OAAA,EAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA;AACR,IAAA,MAAA,KAAA,GAAA,OAAA,CAAA;;;;;;;AAMA,OAAM,MAAA;AACN,QAAM,OAAA,gBAAoB,CAAA;AAC1B,OAAA;AAEA,KAAM,CAAA,CAAA;AACJ,IAAI,MAAA,SAAA,gBAAqB,MAAK;AAC5B,MAAO,IAAA,gBAAqB,IAAA,CAAA,QAAA,CAAA,KAAA,EAAA;AAAA,QACvB,OAAA,UAAA,CAAA;AACL,OAAA,MAAA;AAAkB,QACpB,OAAA,MAAA,CAAA;AAAA,OACD;AAED,KAAM,CAAA,CAAA;AACJ,IAAAC,SAAA,CAAI,MAAW,KAAA,CAAA,UAAU,EAAA,CAAA,CAAA,KAAgB;AACvC,MAAO,IAAA,CAAA,CAAA,EAAA;AAAA,QACF,UAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AACL,OAAO,MAAA;AAAA,QACT,UAAA,CAAA,KAAA,GAAA,CAAA,CAAA,EAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACD;AAED,KAAA,CAAA,CAAA;AAAA,IAAAA,gBACc,UAAA,CAAA,KAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACZ,IAAO,CAAA,CAAA,EAAA;AACL,QAAA,UAAQ,CAAA,KAAA,GAAA,GAAA,CAAA;AACN,OAAA;AAAmB,MAAA,MACd,GAAA,GAAA,UAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,GAAA,GAAA,UAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA,GAAA,UAAA,CAAA,KAAA,CAAA;AACL,MAAA,MAAA,KAAA,GAAA,YAAmB,CAAI,GAAa,IAAA,IAAA,GAAC,GAAC,GAAA,EAAA,CAAA,CAAA;AAAA,MACxC,IAAA,CAAA,mBAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACF,IAAA,CAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAEA,IAAA,SAAA,YAAA,CAAA,CAAA,EAAA;AAAA,MACE,SAAiB,CAAA,MAAA,KAAA,OAAA,EAAA;AAAA,QACV,OAAA,CAAA,CAAA,iBAAA,EAAA,CAAA;AACL,OAAA,MAAK,IAAG,KAAA,CAAA,MAAA,KAAA,OAAA,EAAA;AACN,QAAA,OAAA,CAAA,CAAA,iBAAmB,EAAA,CAAA;AAAA,OACrB,MAAA;AACA,QAAM,OAAA,CAAA,CAAA;AAEN,OAAM;AACN,KAAA;AACA,IAAA,SAAK,UAAc,GAAA;AAAA,MACrB,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAAA,KACF;AAEA,IAAA,SAAS;AACP,MAAI,QAAA,CAAA,YAAiB,CAAS;AAC5B,KAAA;AAA2B,IAC7B,SAAA,WAAiB,GAAA;AACf,MAAA,IAAA,CAAA,QAA2B,EAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAAA,KAAA;AAE3B,IAAO,SAAA,KAAA,GAAA;AAAA,MACT,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAAA,MACF,UAAA,CAAA,MAAA;AAEA,QAAA,QAAsB,CAAA,KAAA,CAAA,KAAA,EAAA,CAAA;AACpB,OAAA,CAAA,CAAA;AAAiB,KACnB;AAEA,IAAA,SAAS,IAAY,GAAA;AACnB,MAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,MACnB,QAAA,CAAA,KAAA,CAAA,IAAA,EAAA,CAAA;AAEA,KAAA;AACE,IAAK,SAAA,KAAA,GAAU;AAAgB,MACjC,QAAA,CAAA,KAAA,CAAA,KAAA,EAAA,CAAA;AAEA,KAAA;AACE,IAAA,MAAA,CAAA;AACA,MAAA,KAAA;AACE,MAAA,IAAA;AAAqB,MACvB,KAAC;AAAA,KACH,CAAA,CAAA;AAEA,IAAA,OAAA,CAAA,IAAgB,EAAA,MAAA,KAAA;AACd,MAAA,OAAAC,aAAiB,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AACjB,QAAA,KAAA,EAASC,kBAAW,CAAA,CAAA,WAAA,EAAA,IAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AAAA,QACtB,KAAA,EAAAC,kBAAA,CAAA,CAAA,EAAA,UAAA,EAAA,UAAA,EAAA,EAAA,IAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AAEA,OAAA,EAAA;AACE,QAAA;AAAqB,QACvBC,eAAA,CAAAC,SAAA,CAAAC,mBAAA,CAAA,EAAAC,cAAA,CAAA;AAEA,UAAa,OAAA,EAAA,UAAA;AAAA,UACX,GAAA,EAAA,QAAA;AAAA,UACA,UAAA,EAAA,UAAA,CAAA,KAAA;AAAA,UACA,qBAAA,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,KAAA,UAAA,CAAA,KAAA,GAAA,MAAA,CAAA;AAAA,SACD,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"scan.js","sources":["../../../../../../packages/components/scan/src/scan.ts"],"sourcesContent":["import { buildProps, isString } from '@hzzt-plus/utils'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@hzzt-plus/constants'\nimport type Scan from './scan.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const scanProps = buildProps({\n  modelValue: {\n    type: String,\n    default: '',\n  },\n  placeholder: {\n    type: String,\n    default: '',\n  },\n  letter: {\n    type: String,\n    default: 'upper',\n  },\n} as const)\nexport type ScanProps = ExtractPropTypes<typeof scanProps>\n\nexport const scanEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string) => isString(value),\n  [CHANGE_EVENT]: (value: string) => isString(value),\n  [INPUT_EVENT]: (value: string) => isString(value),\n}\nexport type ScanEmits = typeof scanEmits\n\nexport type ScanInstance = InstanceType<typeof Scan>\n"],"names":["buildProps","UPDATE_MODEL_EVENT","isString","CHANGE_EVENT","INPUT_EVENT"],"mappings":";;;;;;;;;;AAMY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKC,eAAQ,CAAC,KAAK,CAAC;AAClD,EAAE,CAACC,kBAAY,GAAG,CAAC,KAAK,KAAKD,eAAQ,CAAC,KAAK,CAAC;AAC5C,EAAE,CAACE,iBAAW,GAAG,CAAC,KAAK,KAAKF,eAAQ,CAAC,KAAK,CAAC;AAC3C;;;;;"}