@minilo/ui 0.0.1

package/minilo/lib/components/number-range-input/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('../../utils/index.js');
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+
+const MlNumberRangeInput = index.withInstall(index_vue_vue_type_script_setup_true_lang.default);
+
+exports.MlNumberRangeInput = MlNumberRangeInput;
+exports.default = MlNumberRangeInput;

package/minilo/lib/components/number-range-input/index.vue.d.ts

@@ -0,0 +1,33 @@
+import { NumberRangeInputProps, NumberRangeValue } from './props';
+type __VLS_Props = NumberRangeInputProps;
+type __VLS_PublicProps = {
+    modelValue?: NumberRangeValue;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'min-prefix'?(_: {}): any;
+        'min-suffix'?(_: {}): any;
+        'min-prepend'?(_: {}): any;
+        'min-append'?(_: {}): any;
+        'max-prefix'?(_: {}): any;
+        'max-suffix'?(_: {}): any;
+        'max-prepend'?(_: {}): any;
+        'max-append'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: NumberRangeValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: NumberRangeValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/minilo/lib/components/number-range-input/index.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/minilo/lib/components/number-range-input/index.vue2.js

@@ -0,0 +1,154 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var index = require('../../utils/index.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "MlNumberRangeInput"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ vue.mergeModels({
+    label: { type: String, required: true },
+    disabled: { type: Boolean, required: false },
+    separator: { type: String, required: false },
+    inputProps: { type: Object, required: false },
+    minInputProps: { type: Object, required: false },
+    maxInputProps: { type: Object, required: false }
+  }, {
+    "modelValue": { type: Array, ...{ default: () => [null, null] } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const slots = vue.useSlots();
+    const modelValue = vue.useModel(__props, "modelValue");
+    const minValue = vue.computed({
+      get: () => modelValue.value?.[0] ?? null,
+      set: (val) => {
+        modelValue.value = [val, modelValue.value?.[1] ?? null];
+      }
+    });
+    const maxValue = vue.computed({
+      get: () => modelValue.value?.[1] ?? null,
+      set: (val) => {
+        modelValue.value = [modelValue.value?.[0] ?? null, val];
+      }
+    });
+    const mergedMinInputProps = vue.computed(() => ({
+      type: "number",
+      placeholder: `\u8BF7\u8F93\u5165${props.label}\u6700\u5C0F\u503C`,
+      disabled: props.disabled,
+      ...props.inputProps,
+      ...props.minInputProps
+    }));
+    const mergedMaxInputProps = vue.computed(() => ({
+      type: "number",
+      placeholder: `\u8BF7\u8F93\u5165${props.label}\u6700\u5927\u503C`,
+      disabled: props.disabled,
+      ...props.inputProps,
+      ...props.maxInputProps
+    }));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(index.bem)("number-range-input"))
+        },
+        [
+          vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
+            modelValue: minValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => minValue.value = $event),
+            modelModifiers: { number: true }
+          }, mergedMinInputProps.value), vue.createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            vue.unref(slots)["min-prefix"] ? {
+              name: "prefix",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "min-prefix")
+              ]),
+              key: "0"
+            } : void 0,
+            vue.unref(slots)["min-suffix"] ? {
+              name: "suffix",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "min-suffix")
+              ]),
+              key: "1"
+            } : void 0,
+            vue.unref(slots)["min-prepend"] ? {
+              name: "prepend",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "min-prepend")
+              ]),
+              key: "2"
+            } : void 0,
+            vue.unref(slots)["min-append"] ? {
+              name: "append",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "min-append")
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1040, ["modelValue"]),
+          vue.createElementVNode(
+            "span",
+            {
+              class: vue.normalizeClass(vue.unref(index.bem)("number-range-input", "separator"))
+            },
+            vue.toDisplayString(props.separator || "\u81F3"),
+            3
+            /* TEXT, CLASS */
+          ),
+          vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
+            modelValue: maxValue.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => maxValue.value = $event),
+            modelModifiers: { number: true }
+          }, mergedMaxInputProps.value), vue.createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            vue.unref(slots)["max-prefix"] ? {
+              name: "prefix",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "max-prefix")
+              ]),
+              key: "0"
+            } : void 0,
+            vue.unref(slots)["max-suffix"] ? {
+              name: "suffix",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "max-suffix")
+              ]),
+              key: "1"
+            } : void 0,
+            vue.unref(slots)["max-prepend"] ? {
+              name: "prepend",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "max-prepend")
+              ]),
+              key: "2"
+            } : void 0,
+            vue.unref(slots)["max-append"] ? {
+              name: "append",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "max-append")
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1040, ["modelValue"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/minilo/lib/components/number-range-input/props.d.ts

@@ -0,0 +1,10 @@
+import { InputProps } from 'element-plus';
+export type NumberRangeValue = [number | null, number | null];
+export interface NumberRangeInputProps {
+    label: string;
+    disabled?: boolean;
+    separator?: string;
+    inputProps?: Partial<InputProps>;
+    minInputProps?: Partial<InputProps>;
+    maxInputProps?: Partial<InputProps>;
+}

package/minilo/lib/components/number-range-input/props.js

@@ -0,0 +1,2 @@
+'use strict';
+