tass-ui/lib/packages/components/dialog/src/dialog.vue.js

A high quality UI Toolkit built on Vue.js3+.

"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue = require("vue");
require("../../../theme-chalk/src/dialog.scss.js");
const _hoisted_1 = { class: "tas-dialog" };
const _hoisted_2 = { class: "tas-dialog__body" };
const _hoisted_3 = { class: "tas-dialog__header" };
const _hoisted_4 = { class: "tas-dialog__title" };
const _hoisted_5 = { class: "tas-dialog__box" };
const _hoisted_6 = { class: "tas-dialog__footer" };
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "dialog",
  props: {
    title: {
      required: false,
      default: "dialog",
      type: String
    },
    visible: {
      required: false,
      default: false,
      type: Boolean
    },
    width: {
      required: false,
      default: "auto",
      type: String
    }
  },
  setup(__props) {
    const currentInstance = vue.getCurrentInstance();
    function onClickCancelButton(e) {
      currentInstance == null ? void 0 : currentInstance.emit("cancel", e);
    }
    function onClickConfirmButton(e) {
      currentInstance == null ? void 0 : currentInstance.emit("confirm", e);
    }
    return (_ctx, _cache) => {
      const _component_tass_icon = vue.resolveComponent("tass-icon");
      const _component_tass_button = vue.resolveComponent("tass-button");
      return vue.openBlock(), vue.createBlock(vue.Transition, { name: "tas-dialog-fade" }, {
        default: vue.withCtx(() => [
          vue.withDirectives(vue.createElementVNode("div", _hoisted_1, [
            vue.withDirectives(vue.createElementVNode("div", _hoisted_2, [
              vue.createElementVNode("div", {
                class: "tas-dialog__box",
                style: vue.normalizeStyle(`width:${__props.width}`)
              }, [
                vue.createElementVNode("div", null, [
                  vue.renderSlot(_ctx.$slots, "headerContent"),
                  vue.createElementVNode("div", _hoisted_3, [
                    vue.createElementVNode("h3", _hoisted_4, vue.toDisplayString(__props.title), 1),
                    vue.createElementVNode("span", {
                      class: "tas-dialog__close",
                      onClick: onClickCancelButton
                    }, [
                      vue.createVNode(_component_tass_icon, { name: "cross" })
                    ])
                  ])
                ]),
                vue.createElementVNode("div", _hoisted_5, [
                  vue.renderSlot(_ctx.$slots, "default")
                ]),
                vue.createElementVNode("div", null, [
                  vue.renderSlot(_ctx.$slots, "footerContent"),
                  vue.createElementVNode("div", _hoisted_6, [
                    vue.createVNode(_component_tass_button, {
                      mode: "text",
                      onClick: onClickCancelButton
                    }, {
                      default: vue.withCtx(() => [
                        vue.createTextVNode(" 取消 ")
                      ]),
                      _: 1
                    }),
                    vue.createVNode(_component_tass_button, { onClick: onClickConfirmButton }, {
                      default: vue.withCtx(() => [
                        vue.createTextVNode(" 确定 ")
                      ]),
                      _: 1
                    })
                  ])
                ])
              ], 4)
            ], 512), [
              [vue.vShow, __props.visible]
            ])
          ], 512), [
            [vue.vShow, __props.visible]
          ])
        ]),
        _: 3
      });
    };
  }
});
exports.default = _sfc_main;