"use strict";
var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
const common_vendor = require("../../../common/vendor.js");
const tmui_tool_lib_minxs = require("../../tool/lib/minxs.js");
const tmui_tool_lib_tmpinia = require("../../tool/lib/tmpinia.js");
const tmui_tool_useFun_useTheme = require("../../tool/useFun/useTheme.js");
require("../../tool/theme/theme.js");
require("../../tool/theme/colortool.js");
require("../../tool/lib/interface.js");
require("../../tool/function/util.js");
require("../../tool/function/preview.js");
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
  __name: "tm-sheet",
  props: __spreadProps(__spreadValues({}, tmui_tool_lib_minxs.custom_props), {
    parenClass: {
      type: String,
      default: ""
    },
    contStyle: {
      type: String,
      default: ""
    },
    height: {
      type: [Number],
      default: 0
    },
    width: {
      type: [Number],
      default: 0
    },
    color: {
      type: String,
      default: "white"
    },
    transprent: {
      type: [Boolean, String],
      default: false
    },
    border: {
      type: [Number, String],
      default: 0
    },
    margin: {
      type: Array,
      default: () => [32]
    },
    padding: {
      type: Array,
      default: () => [24]
    },
    unit: {
      type: String,
      default: "rpx"
    },
    hoverClass: {
      type: String,
      default: "none"
    },
    //暗下强制的背景色，
    //有时自动的背景，可能不是你想要暗黑背景，此时可以使用此参数，强制使用背景色，
    //只能是颜色值。
    darkBgColor: {
      type: String,
      default: ""
    },
    //不是同层背景，默认是同层，为false
    //如果输入框表单与tmshee在同一层下。他们的黑白暗黑背景色是相同的。为了区分这个问题，需要单独指示，以便区分背景同层。
    //主意：它只在黑和白之间的色系才起作用，其它颜色下不起作用。
    noLevel: {
      type: Boolean,
      default: false
    },
    //是否开启磨砂背景。只有是黑白灰色系才能使用。
    blur: {
      type: Boolean,
      default: false
    },
    url: {
      type: String,
      default: ""
    },
    round: {
      type: [Number, Array],
      default: 0
    }
  }),
  emits: ["click", "longpress", "touchend", "touchstart", "touchcancel", "mousedown", "mouseup", "mouseleave"],
  setup(__props, { emit: emits }) {
    const props = __props;
    const store = tmui_tool_lib_tmpinia.useTmpiniaStore();
    const tmcfg = common_vendor.computed(() => store.tmStore);
    const {
      dark,
      isNvue,
      customCSSStyle,
      customClass,
      parentClass,
      transparent,
      _props,
      proxy,
      blur,
      round,
      margin,
      padding,
      theme
    } = tmui_tool_useFun_useTheme.useTheme(common_vendor.computed(() => props), tmcfg);
    const tmcomputed = theme({ text: blur.value && tmcfg.value.os == "ios" && isNvue.value ? true : null });
    const _width = common_vendor.computed(() => props.width + padding.value[0] + padding.value[2]);
    const _height = common_vendor.computed(() => props.height + padding.value[1] + padding.value[3]);
    const _width_real = common_vendor.computed(() => props.width);
    const _height_real = common_vendor.computed(() => props.height);
    const _blue_sheet = common_vendor.ref(true);
    const blurEffect = common_vendor.computed(() => {
      if (props.blur === true && dark.value)
        return "dark";
      if (props.blur === true && !dark.value)
        return "extralight";
      return "none";
    });
    common_vendor.watch(
      () => dark.value,
      () => {
      }
    );
    const _bgcolor = common_vendor.computed(() => {
      var _a;
      if (transparent.value === true)
        return `background-color:rgba(255,255,255,0);`;
      if (props.darkBgColor !== "" && dark.value === true) {
        return `background-color:${props.darkBgColor};`;
      }
      if (props.linearColor.length == 2) {
        return {
          "background-image": `linear-gradient(${tmcomputed.value.linearDirectionStr},${props.linearColor[0]},${props.linearColor[1]})`
        };
      }
      if (((_a = tmcomputed.value.gradientColor) == null ? void 0 : _a.length) == 2) {
        return tmcomputed.value.backgroundColorCss;
      }
      if (_props.value.noLevel && tmcomputed.value.isBlackAndWhite === true && dark.value === true) {
        return `background-color: ${tmcomputed.value.inputcolor}`;
      }
      return `background-color: ${tmcomputed.value.backgroundColor}`;
    });
    const isLongPress = common_vendor.ref(false);
    function longpress(e) {
      isLongPress.value = true;
      emits("longpress", e);
    }
    function touchstart(e) {
      isLongPress.value = true;
      emits("touchstart", e);
    }
    function touchend(e) {
      isLongPress.value = false;
      emits("touchend", e);
    }
    function touchcancel(e) {
      isLongPress.value = false;
      emits("touchcancel", e);
    }
    function mousedown(e) {
      isLongPress.value = true;
      emits("mousedown", e);
    }
    function mouseup(e) {
      isLongPress.value = false;
      emits("mouseup", e);
    }
    function mouseleave(e) {
      isLongPress.value = false;
      emits("mouseleave", e);
    }
    function onClick(e) {
      emits("click", e);
      if (typeof props.url === "string" && props.url) {
        common_vendor.index.navigateTo({
          url: props.url,
          fail(result) {
            console.log(result);
          }
        });
      }
    }
    let textColor = common_vendor.computed(() => {
      return tmcomputed.value.textColor;
    });
    common_vendor.provide("appTextColor", textColor);
    return (_ctx, _cache) => {
      return common_vendor.e({
        a: _blue_sheet.value
      }, _blue_sheet.value ? {
        b: common_vendor.n(common_vendor.unref(customClass)),
        c: common_vendor.s(common_vendor.unref(_props).contStyle),
        d: (common_vendor.unref(_props).url ? " opacity-7 " : "  ") + common_vendor.unref(_props).hoverClass,
        e: common_vendor.unref(blurEffect),
        f: common_vendor.o(onClick),
        g: common_vendor.o(longpress),
        h: common_vendor.o(touchend),
        i: common_vendor.o(touchstart),
        j: common_vendor.o(touchcancel),
        k: common_vendor.o(mousedown),
        l: common_vendor.o(mouseup),
        m: common_vendor.o(mouseleave),
        n: common_vendor.n(common_vendor.unref(parentClass)),
        o: common_vendor.n(!_ctx.isDisabledRoundAndriod ? common_vendor.unref(round) : ""),
        p: common_vendor.s({
          marginLeft: common_vendor.unref(margin)[0] + "rpx",
          marginTop: common_vendor.unref(margin)[1] + "rpx",
          marginRight: common_vendor.unref(margin)[2] + "rpx",
          marginBottom: common_vendor.unref(margin)[3] + "rpx",
          paddingLeft: common_vendor.unref(padding)[0] + "rpx",
          paddingTop: common_vendor.unref(padding)[1] + "rpx",
          paddingRight: common_vendor.unref(padding)[2] + "rpx",
          paddingBottom: common_vendor.unref(padding)[3] + "rpx"
        }),
        q: common_vendor.s(common_vendor.unref(_height_real) ? {
          height: common_vendor.unref(_height) + common_vendor.unref(_props).unit
        } : ""),
        r: common_vendor.s(common_vendor.unref(_width_real) ? {
          width: common_vendor.unref(_width) + common_vendor.unref(_props).unit
        } : ""),
        s: common_vendor.s(common_vendor.unref(tmcomputed).borderCss),
        t: common_vendor.s(common_vendor.unref(blur) && common_vendor.unref(store).tmStore.os == "ios" && common_vendor.unref(isNvue) === true ? "" : common_vendor.unref(_bgcolor)),
        v: common_vendor.s(!common_vendor.unref(transparent) && common_vendor.unref(_props).shadow > 0 ? common_vendor.unref(tmcomputed).shadowColor : ""),
        w: common_vendor.s(!common_vendor.unref(transparent) && common_vendor.unref(blur) ? {
          backdropFilter: "blur(6px)"
        } : ""),
        x: common_vendor.s(common_vendor.unref(customCSSStyle))
      } : {});
    };
  }
});
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-c6f3e58c"], ["__file", "D:/WebstormProjects/uni-ticket-system/src/tmui/components/tm-sheet/tm-sheet.vue"]]);
wx.createComponent(Component);