hzzt-plus 1.0.2 → 1.0.4

package/es/components/input-range/src/input-range2.mjs

@@ -0,0 +1,81 @@
+import { createElementVNode, defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps } from 'vue';
+import { inputRangeProps, inputRangeEmits } from './input-range.mjs';
+import { useFormSize, useFormDisabled } from 'element-plus';
+import '../../../hooks/index.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';
+
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", { class: "margin-h-1" }, "\u2014\u2014", -1);
+const __default__ = defineComponent({
+  name: "HzztInputRange"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: inputRangeProps,
+  emits: inputRangeEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const startValue = ref(props.modelValue[0]);
+    const endValue = ref(props.modelValue[1]);
+    const nsInput = useNamespace("input-range");
+    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)
+    ]);
+    watch(() => props.modelValue, (v) => {
+      startValue.value = v[0];
+      endValue.value = v[1];
+    }, {
+      deep: true
+    });
+    function change() {
+      if (startValue.value || endValue.value) {
+        const modelValue = [startValue.value, endValue.value];
+        emit("update:modelValue", modelValue);
+        emit("change", modelValue);
+      } else if (!startValue.value && !endValue.value) {
+        emit("update:modelValue", []);
+        emit("change", []);
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["flex align-items-center", unref(containerCls)])
+      }, [
+        createVNode(_component_el_input, mergeProps({
+          modelValue: startValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => startValue.value = $event)
+        }, _ctx.startProps, {
+          clearable: _ctx.clearable,
+          placeholder: _ctx.startPlaceholder,
+          size: unref(trueSize),
+          disabled: unref(trueDisabled),
+          class: "flex-1",
+          onChange: change
+        }), null, 16, ["modelValue", "clearable", "placeholder", "size", "disabled"]),
+        _hoisted_1,
+        createVNode(_component_el_input, mergeProps({
+          modelValue: endValue.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => endValue.value = $event)
+        }, _ctx.endProps, {
+          clearable: _ctx.clearable,
+          placeholder: _ctx.endPlaceholder,
+          size: unref(trueSize),
+          disabled: unref(trueDisabled),
+          class: "flex-1",
+          onChange: change
+        }), null, 16, ["modelValue", "clearable", "placeholder", "size", "disabled"])
+      ], 2);
+    };
+  }
+});
+var InputRange = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "input-range.vue"]]);
+
+export { InputRange as default };
+//# sourceMappingURL=input-range2.mjs.map

package/es/components/input-range/src/input-range2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-range2.mjs","sources":["../../../../../../packages/components/input-range/src/input-range.vue"],"sourcesContent":["<template>\n  <div class=\"flex align-items-center\" :class=\"containerCls\">\n    <el-input\n      v-model=\"startValue\"\n      v-bind=\"startProps\"\n      :clearable=\"clearable\"\n      :placeholder=\"startPlaceholder\"\n      :size=\"trueSize\"\n      :disabled=\"trueDisabled\"\n      class=\"flex-1\"\n      @change=\"change\"\n    />\n    <span class=\"margin-h-1\">——</span>\n    <el-input\n      v-model=\"endValue\"\n      v-bind=\"endProps\"\n      :clearable=\"clearable\"\n      :placeholder=\"endPlaceholder\"\n      :size=\"trueSize\"\n      :disabled=\"trueDisabled\"\n      class=\"flex-1\"\n      @change=\"change\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {inputRangeEmits, inputRangeProps} from './input-range'\n  import {useFormDisabled, useFormSize} from \"element-plus\";\n  import {computed, ref, watch} from \"vue\";\n  import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n\n  defineOptions({\n    name: 'HzztInputRange',\n  })\n\n  const props = defineProps(inputRangeProps)\n  const emit = defineEmits(inputRangeEmits)\n\n  const startValue = ref(props.modelValue[0])\n  const endValue = ref(props.modelValue[1])\n\n  const nsInput = useNamespace('input-range')\n\n  const formSize = useFormSize()\n  const formDisabled = useFormDisabled()\n\n  const trueSize = computed(\n    () => props.size || formSize.value || useGlobalSize().value\n  )\n\n  const trueDisabled = computed(() => props.disabled || formDisabled.value)\n\n  const containerCls = computed(() => [\n    nsInput.b(),\n    nsInput.m(trueSize.value),\n  ])\n\n  watch(() => props.modelValue, (v) => {\n    startValue.value = v[0];\n    endValue.value = v[1];\n  }, {\n    deep: true,\n  })\n\n  function change() {\n    if (startValue.value || endValue.value) {\n      const modelValue = [startValue.value, endValue.value] as Array<string>;\n      emit('update:modelValue', modelValue);\n      emit('change', modelValue);\n    } else if (!startValue.value && !endValue.value) {\n      emit('update:modelValue', []);\n      emit('change', []);\n    }\n  }\n\n</script>\n"],"names":["_defineComponent","_resolveComponent","_openBlock","_createElementBlock","_unref","_createVNode","_mergeProps"],"mappings":";;;;;;;;;;AA2BE,EAAA,IAAA,EAAA;AACA,CAAA,CAAA,CAAA;AACA,MAAQ,SAAA,mBAA2BA,eAAA,CAAA;AACnC,EAAA,GAAA;;wBAEc;AAAA,EACZ,KAAM,CAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA;AACR,IAAA,MAAA,KAAA,GAAA,OAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,YAAa,GAAA,QAAU,CAAA,MAAA,KAAY,CAAC,QAAA,IAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAC1C,IAAA,MAAM,YAAW,GAAI,QAAM,CAAA,MAAA;AAE3B,MAAM,OAAA,CAAA,CAAA,EAAA;AAEN,MAAA,kBAA6B,CAAA,KAAA,CAAA;AAC7B,KAAA,CAAA,CAAA;AAEA,IAAA,KAAA,CAAM,MAAW,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACf,UAAY,CAAA,KAAA,GAAA,CAAQ,CAAS,CAAA,CAAA,CAAA;AAAyB,MACxD,QAAA,CAAA,KAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAA,EAAA;AAEA,MAAM,IAAA,EAAA,IAAA;AAA8B,KAAA,CAClC;AAAU,IACV,SAAA,MAAU,GAAA;AAAc,MACzB,IAAA,UAAA,CAAA,KAAA,IAAA,QAAA,CAAA,KAAA,EAAA;AAED,QAAA,MAAY,UAAkB,GAAA,CAAA,UAAO,CAAA,KAAA,EAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AACnC,QAAW,IAAA,CAAA,mBAAW,EAAA,UAAA,CAAA,CAAA;AACtB,QAAS,IAAA,CAAA,QAAA,EAAQ,UAAG,CAAA,CAAA;AAAA,OACnB,MAAA,IAAA,CAAA,UAAA,CAAA,KAAA,IAAA,CAAA,QAAA,CAAA,KAAA,EAAA;AAAA,QACK,IAAA,CAAA,mBAAA,EAAA,EAAA,CAAA,CAAA;AAAA,QACP,IAAA,CAAA,QAAA,EAAA,EAAA,CAAA,CAAA;AAED,OAAA;AACE,KAAI;AACF,IAAA,OAAA,CAAA,IAAmB,EAAA,MAAA,KAAY;AAC/B,MAAA,MAAA,sBAA0BC,gBAAU,CAAA,UAAA,CAAA,CAAA;AACpC,MAAA,OAAKC,SAAU,EAAU,EAAAC,kBAAA,CAAA,KAAA,EAAA;AAAA,6BACK,CAAA,CAAA,yBAAiB,EAAAC,KAAA,CAAA,YAAA,CAAA,CAAA,CAAA;AAC/C,OAAK,EAAA;AACL,QAAKC,WAAA,CAAA,mBAAY,EAAAC,UAAA,CAAA;AAAA,UACnB,UAAA,EAAA,UAAA,CAAA,KAAA;AAAA,UACF,qBAAA,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,KAAA,UAAA,CAAA,KAAA,GAAA,MAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/input-range/style/css.d.ts

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

package/es/components/input-range/style/css.mjs

@@ -0,0 +1,3 @@
+import '../../base/style/css.mjs';
+import 'hzzt-plus/theme/hzzt-input-range.css';
+//# sourceMappingURL=css.mjs.map

package/es/components/input-range/style/css.mjs.map

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

package/es/components/input-range/style/index.d.ts

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

package/es/components/input-range/style/index.mjs

@@ -0,0 +1,3 @@
+import '../../base/style/index.mjs';
+import 'hzzt-plus/theme/src/input-range.scss';
+//# sourceMappingURL=index.mjs.map

package/es/components/input-range/style/index.mjs.map

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