various-ui/es/components/date-picker/index.vue2.mjs

This is a test version of the Vue 3 component library

import { defineComponent, onBeforeUnmount, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, mergeProps, unref, createVNode, Transition, toHandlers, withCtx, createBlock, resolveDynamicComponent } from 'vue';
import { UiIcon } from '../icon/index.mjs';
import { UiDatePickerPropsOption, UiDatePickerEmits } from './src/component.mjs';
import { useComposable } from './src/composable.mjs';
import '../../utils/index.mjs';
import { remove } from '../../utils/src/node/index.mjs';

const _hoisted_1 = { class: "ui-form-candidate-container" };
const __default__ = defineComponent({ name: "UiDatePicker" });
var _sfc_main = /* @__PURE__ */ defineComponent({
  ...__default__,
  props: UiDatePickerPropsOption,
  emits: UiDatePickerEmits,
  setup(__props, { expose: __expose, emit: __emit }) {
    const define = __props;
    const emits = __emit;
    const { ons, vars, refs, nodes, binds, methods, analyzes } = useComposable(define, emits);
    const { visible } = refs;
    const { components, container, body } = nodes;
    const { show, clear, update, change } = methods;
    const { analyzeComponent } = analyzes;
    onBeforeUnmount(() => {
      var _a;
      body.value && remove(document.body, body.value);
      (_a = vars.observer) == null ? void 0 : _a.disconnect();
    });
    ;
    __expose({ clear, update, change });
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock(
        Fragment,
        null,
        [
          createCommentVNode(" * \u65F6\u95F4\u9009\u62E9\u5668 "),
          createElementVNode(
            "div",
            mergeProps({
              class: "ui-date-picker",
              ref_key: "container",
              ref: container
            }, unref(binds).container),
            [
              createCommentVNode(" * \u9009\u62E9\u5668\u4E3B\u4F53 "),
              createElementVNode(
                "input",
                mergeProps({
                  class: "ui-form-control",
                  type: "text"
                }, unref(binds).main, {
                  onClick: _cache[0] || (_cache[0] = //@ts-ignore
                  (...args) => unref(show) && unref(show)(...args)),
                  readonly: ""
                }),
                null,
                16
                /* FULL_PROPS */
              ),
              createCommentVNode(" * \u6E05\u7A7A\u56FE\u6807 "),
              createVNode(unref(UiIcon), {
                class: "ui-date-picker-icons ui-date-picker-clearable",
                name: "error",
                onClick: unref(clear)
              }, null, 8, ["onClick"]),
              createCommentVNode(" * \u7BAD\u5934\u56FE\u6807 "),
              createVNode(unref(UiIcon), {
                class: "ui-date-picker-icons ui-date-picker-arrow",
                name: "arrow",
                onClick: unref(show)
              }, null, 8, ["onClick"]),
              createCommentVNode(" * \u5019\u9009\u5217\u8868 "),
              createVNode(
                Transition,
                toHandlers(unref(ons).candidates),
                {
                  default: withCtx(() => [
                    unref(visible) ? (openBlock(), createElementBlock(
                      "div",
                      mergeProps({
                        key: 0,
                        class: "ui-form-candidates",
                        ref_key: "body",
                        ref: body
                      }, unref(binds).body),
                      [
                        createElementVNode("div", _hoisted_1, [
                          (openBlock(), createBlock(resolveDynamicComponent(unref(analyzeComponent)), {
                            ref_key: "components",
                            ref: components,
                            onUpdate: unref(update),
                            onChange: unref(change)
                          }, null, 40, ["onUpdate", "onChange"]))
                        ])
                      ],
                      16
                      /* FULL_PROPS */
                    )) : createCommentVNode("v-if", true)
                  ]),
                  _: 1
                  /* STABLE */
                },
                16
                /* FULL_PROPS */
              )
            ],
            16
            /* FULL_PROPS */
          )
        ],
        2112
        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
      );
    };
  }
});

export { _sfc_main as default };
//# sourceMappingURL=index.vue2.mjs.map