various-ui/lib/components/input/steps/index.vue2.js

This is a test version of the Vue 3 component library

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var index = require('./index.js');
var composable = require('./src/composable.js');

const __default__ = vue.defineComponent({ name: "UiStepsInput" });
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...__default__,
  props: index.UiStepsInputPropsOption,
  emits: index.UiStepsInputEmits,
  setup(__props, { emit: __emit }) {
    const define = __props;
    const emits = __emit;
    const { ons, refs, binds, computeds } = composable.useComposable(define, emits);
    const { currentPage } = refs;
    const { style } = computeds;
    ;
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock(
        "div",
        vue.mergeProps({ class: "ui-steps-input" }, vue.unref(binds).container),
        [
          vue.createElementVNode(
            "div",
            {
              class: vue.normalizeClass(["ui-steps-container", { "ui-active": vue.unref(currentPage) == "start" }]),
              style: vue.normalizeStyle(vue.unref(style))
            },
            [
              vue.withDirectives(vue.createElementVNode(
                "input",
                vue.mergeProps({
                  class: "ui-form-control ui-steps-control",
                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.modelValue.start = $event)
                }, vue.unref(binds).input.start, vue.toHandlers(vue.unref(ons).start, true)),
                null,
                16
                /* FULL_PROPS */
              ), [
                [vue.vModelDynamic, _ctx.modelValue.start]
              ]),
              vue.withDirectives(vue.createElementVNode(
                "input",
                vue.mergeProps({
                  class: "ui-form-control ui-steps-number",
                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.modelValue["start-steps"] = $event)
                }, vue.unref(binds).number, vue.toHandlers(vue.unref(ons).start, true)),
                null,
                16
                /* FULL_PROPS */
              ), [
                [vue.vModelDynamic, _ctx.modelValue["start-steps"]]
              ])
            ],
            6
            /* CLASS, STYLE */
          ),
          vue.createElementVNode(
            "div",
            vue.mergeProps({ class: "ui-steps-rect" }, vue.unref(binds).rect),
            null,
            16
            /* FULL_PROPS */
          ),
          vue.createElementVNode(
            "div",
            {
              class: vue.normalizeClass(["ui-steps-container", { "ui-active": vue.unref(currentPage) == "end" }]),
              style: vue.normalizeStyle(vue.unref(style))
            },
            [
              vue.withDirectives(vue.createElementVNode(
                "input",
                vue.mergeProps({
                  class: "ui-form-control ui-steps-control",
                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.modelValue.end = $event)
                }, vue.unref(binds).input.end, vue.toHandlers(vue.unref(ons).end, true)),
                null,
                16
                /* FULL_PROPS */
              ), [
                [vue.vModelDynamic, _ctx.modelValue.end]
              ]),
              vue.withDirectives(vue.createElementVNode(
                "input",
                vue.mergeProps({
                  class: "ui-form-control ui-steps-number",
                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.modelValue["end-steps"] = $event)
                }, vue.unref(binds).number, vue.toHandlers(vue.unref(ons).end, true)),
                null,
                16
                /* FULL_PROPS */
              ), [
                [vue.vModelDynamic, _ctx.modelValue["end-steps"]]
              ])
            ],
            6
            /* CLASS, STYLE */
          )
        ],
        16
        /* FULL_PROPS */
      );
    };
  }
});

exports.default = _sfc_main;
//# sourceMappingURL=index.vue2.js.map