"use strict";
const common_vendor = require("../../../../common/vendor.js");
require("../../../adapter-vue.js");
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
  __name: "index",
  props: {
    visible: { type: Boolean, default: true },
    zIndex: { default: 9999 },
    useMask: { type: Boolean, default: true },
    maskColor: { default: "rgba(0, 0, 0, 0.6)" },
    isFullScreen: { type: Boolean, default: true },
    width: { default: "auto" },
    height: { default: "auto" }
  },
  emits: ["onOverlayClick"],
  setup(__props, { expose: __expose, emit: __emit }) {
    const emits = __emit;
    const props = __props;
    const overlayDomRef = common_vendor.ref();
    const isOverlayShow = common_vendor.ref(props.visible);
    common_vendor.watch(() => props.visible, (visible) => {
      if (visible) {
        isOverlayShow.value = true;
      } else {
        setTimeout(() => {
          isOverlayShow.value = false;
        }, 150);
      }
    }, {
      immediate: true
    });
    function onOverlayClick() {
      emits("onOverlayClick");
    }
    __expose({
      overlayDomRef
    });
    return (_ctx, _cache) => {
      return common_vendor.e({
        a: common_vendor.unref(isOverlayShow)
      }, common_vendor.unref(isOverlayShow) ? common_vendor.e({
        b: props.useMask
      }, props.useMask ? {
        c: props.visible ? 1 : "",
        d: props.maskColor,
        e: common_vendor.o$1(onOverlayClick),
        f: common_vendor.o$1(onOverlayClick)
      } : {}, {
        g: props.isFullScreen ? 1 : "",
        h: props.isFullScreen ? "fixed" : "absolute",
        i: props.zIndex
      }) : {});
    };
  }
});
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-fdff2bf0"]]);
wx.createComponent(Component);
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/Overlay/index.js.map