various-ui/lib/components/date-range-picker/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 component = require('./src/component.js');
var composable = require('./src/composable.js');

const _hoisted_1 = { class: "ui-form-candidate-container" };
const __default__ = vue.defineComponent({ name: "UiDateRangePicker" });
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...__default__,
  props: component.UiDateRangePickerPropsOption,
  emits: component.UiDateRangePickerEmits,
  setup(__props, { emit: __emit }) {
    const emits = __emit;
    const define = __props;
    const { ons, vars, refs, nodes, binds, watchs, methods, computeds } = composable.useComposable(define, emits);
    const { view } = computeds;
    const { show } = methods;
    const { candidates, components, container } = nodes;
    const { visible } = refs;
    vue.onBeforeUnmount(() => {
      var _a;
      watchs == null ? void 0 : watchs.stop_watch();
      (_a = vars.observer) == null ? void 0 : _a.disconnect();
    });
    ;
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock(
        vue.Fragment,
        null,
        [
          vue.createCommentVNode(" * \u65F6\u95F4\u8303\u56F4\u9009\u62E9\u5668 "),
          vue.createElementVNode(
            "div",
            vue.mergeProps({
              class: "ui-date-range-picker",
              ref_key: "container",
              ref: container
            }, vue.unref(binds).container),
            [
              vue.createCommentVNode(" * \u9009\u62E9\u5668\u4E3B\u4F53 "),
              vue.createElementVNode("div", {
                class: "ui-form-control",
                onClick: _cache[0] || (_cache[0] = //@ts-ignore
                (...args) => vue.unref(show) && vue.unref(show)(...args))
              }, [
                vue.createElementVNode(
                  "input",
                  vue.mergeProps({
                    class: "ui-date-range-context",
                    type: "text",
                    "aria-name": "start"
                  }, vue.unref(binds).start, { readonly: "" }),
                  null,
                  16
                  /* FULL_PROPS */
                ),
                _cache[1] || (_cache[1] = vue.createElementVNode(
                  "div",
                  { class: "ui-date-range-rect" },
                  null,
                  -1
                  /* HOISTED */
                )),
                vue.createElementVNode(
                  "input",
                  vue.mergeProps({
                    class: "ui-date-range-context",
                    type: "text",
                    "aria-name": "end"
                  }, vue.unref(binds).end, { readonly: "" }),
                  null,
                  16
                  /* FULL_PROPS */
                )
              ]),
              vue.createCommentVNode(" * \u5019\u9009\u5217\u8868 "),
              vue.createVNode(
                vue.Transition,
                vue.toHandlers(vue.unref(ons).candidates),
                {
                  default: vue.withCtx(() => [
                    vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock(
                      "div",
                      vue.mergeProps({
                        key: 0,
                        class: "ui-form-candidates",
                        ref_key: "candidates",
                        ref: candidates
                      }, vue.unref(binds).candidates),
                      [
                        vue.createElementVNode("div", _hoisted_1, [
                          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(view)), vue.mergeProps({
                            ref_key: "components",
                            ref: components,
                            confirm: _ctx.confirm
                          }, vue.toHandlers(vue.unref(ons).components)), null, 16, ["confirm"]))
                        ])
                      ],
                      16
                      /* FULL_PROPS */
                    )) : vue.createCommentVNode("v-if", true)
                  ]),
                  _: 1
                  /* STABLE */
                },
                16
                /* FULL_PROPS */
              )
            ],
            16
            /* FULL_PROPS */
          )
        ],
        2112
        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
      );
    };
  }
});

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