hzzt-plus 1.0.2 → 1.0.4

package/lib/components/input-range/src/input-range.vue.d.ts

@@ -0,0 +1,86 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: import("../../../utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
+    size: {
+        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+    clearable: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    startPlaceholder: StringConstructor;
+    endPlaceholder: StringConstructor;
+    startProps: ObjectConstructor;
+    endProps: ObjectConstructor;
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: import("../../../utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
+        size: {
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        disabled: BooleanConstructor;
+        clearable: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+        startPlaceholder: StringConstructor;
+        endPlaceholder: StringConstructor;
+        startProps: ObjectConstructor;
+        endProps: ObjectConstructor;
+    }>> & {
+        "onUpdate:modelValue"?: ((val: string[]) => any) | undefined;
+        onChange?: ((val: string[]) => any) | undefined;
+    }>>;
+    emit: ((event: "update:modelValue", val: string[]) => void) & ((event: "change", val: string[]) => void);
+    startValue: import("vue").Ref<unknown>;
+    endValue: import("vue").Ref<unknown>;
+    nsInput: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    formSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    formDisabled: import("vue").ComputedRef<boolean>;
+    trueSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    trueDisabled: import("vue").ComputedRef<boolean>;
+    containerCls: import("vue").ComputedRef<string[]>;
+    change: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: string[]) => boolean;
+    change: (val: string[]) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("../../../utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
+    size: {
+        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+    clearable: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    startPlaceholder: StringConstructor;
+    endPlaceholder: StringConstructor;
+    startProps: ObjectConstructor;
+    endProps: ObjectConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((val: string[]) => any) | undefined;
+    onChange?: ((val: string[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    clearable: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modelValue: unknown[];
+}>;
+export default _default;

package/lib/components/input-range/src/input-range2.js

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var inputRange = require('./input-range.js');
+var elementPlus = require('element-plus');
+require('../../../hooks/index.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-size/index.js');
+
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "margin-h-1" }, "\u2014\u2014", -1);
+const __default__ = vue.defineComponent({
+  name: "HzztInputRange"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: inputRange.inputRangeProps,
+  emits: inputRange.inputRangeEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const startValue = vue.ref(props.modelValue[0]);
+    const endValue = vue.ref(props.modelValue[1]);
+    const nsInput = index.useNamespace("input-range");
+    const formSize = elementPlus.useFormSize();
+    const formDisabled = elementPlus.useFormDisabled();
+    const trueSize = vue.computed(() => props.size || formSize.value || index$1.useGlobalSize().value);
+    const trueDisabled = vue.computed(() => props.disabled || formDisabled.value);
+    const containerCls = vue.computed(() => [
+      nsInput.b(),
+      nsInput.m(trueSize.value)
+    ]);
+    vue.watch(() => props.modelValue, (v) => {
+      startValue.value = v[0];
+      endValue.value = v[1];
+    }, {
+      deep: true
+    });
+    function change() {
+      if (startValue.value || endValue.value) {
+        const modelValue = [startValue.value, endValue.value];
+        emit("update:modelValue", modelValue);
+        emit("change", modelValue);
+      } else if (!startValue.value && !endValue.value) {
+        emit("update:modelValue", []);
+        emit("change", []);
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["flex align-items-center", vue.unref(containerCls)])
+      }, [
+        vue.createVNode(_component_el_input, vue.mergeProps({
+          modelValue: startValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => startValue.value = $event)
+        }, _ctx.startProps, {
+          clearable: _ctx.clearable,
+          placeholder: _ctx.startPlaceholder,
+          size: vue.unref(trueSize),
+          disabled: vue.unref(trueDisabled),
+          class: "flex-1",
+          onChange: change
+        }), null, 16, ["modelValue", "clearable", "placeholder", "size", "disabled"]),
+        _hoisted_1,
+        vue.createVNode(_component_el_input, vue.mergeProps({
+          modelValue: endValue.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => endValue.value = $event)
+        }, _ctx.endProps, {
+          clearable: _ctx.clearable,
+          placeholder: _ctx.endPlaceholder,
+          size: vue.unref(trueSize),
+          disabled: vue.unref(trueDisabled),
+          class: "flex-1",
+          onChange: change
+        }), null, 16, ["modelValue", "clearable", "placeholder", "size", "disabled"])
+      ], 2);
+    };
+  }
+});
+var InputRange = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "input-range.vue"]]);
+
+exports["default"] = InputRange;
+//# sourceMappingURL=input-range2.js.map

package/lib/components/input-range/src/input-range2.js.map

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

package/lib/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/lib/components/input-range/style/css.js

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

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

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

package/lib/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/lib/components/input-range/style/index.js

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

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

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