{"version":3,"file":"s-layout.js","sources":["../../../../../../src/sheep/components/s-layout/s-layout.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC9jb21wb25lbnRzL3MtbGF5b3V0L3MtbGF5b3V0LnZ1ZQ"],"sourcesContent":["<template>\r\n  <view\r\n    class=\"page-app\"\r\n    :class=\"['theme-' + sys.mode, 'main-' + sys.theme, 'font-' + sys.fontSize]\"\r\n  >\r\n    <view class=\"page-main\" :style=\"[bgMain]\">\r\n      <!-- 顶部导航栏-情况1：默认通用顶部导航栏 -->\r\n      <su-navbar\r\n        v-if=\"navbar === 'normal'\"\r\n        :title=\"title\"\r\n        statusBar\r\n        :color=\"color\"\r\n        :tools=\"tools\"\r\n        :opacityBgUi=\"opacityBgUi\"\r\n        @search=\"(e) => emits('search', e)\"\r\n        :defaultSearch=\"defaultSearch\"\r\n      />\r\n\r\n      <!-- 顶部导航栏-情况2：装修组件导航栏-标准 -->\r\n      <s-custom-navbar\r\n        v-else-if=\"navbar === 'custom' && navbarMode === 'normal'\"\r\n        :data=\"navbarStyle\"\r\n        :showLeftButton=\"showLeftButton\"\r\n      />\r\n      <view class=\"page-body\" :style=\"[bgBody]\">\r\n        <!-- 顶部导航栏-情况3：沉浸式头部 -->\r\n        <su-inner-navbar v-if=\"navbar === 'inner'\" :title=\"title\" />\r\n        <view\r\n          v-if=\"navbar === 'inner'\"\r\n          :style=\"[{ paddingTop: sheep.$platform.navbar + 'px' }]\"\r\n        ></view>\r\n\r\n        <!-- 顶部导航栏-情况4：装修组件导航栏-沉浸式 -->\r\n        <s-custom-navbar\r\n          v-if=\"navbar === 'custom' && navbarMode === 'inner'\"\r\n          :data=\"navbarStyle\"\r\n          :showLeftButton=\"showLeftButton\"\r\n        />\r\n\r\n        <!-- 页面内容插槽 -->\r\n        <slot />\r\n\r\n        <!-- 底部导航 -->\r\n        <s-tabbar v-if=\"tabbar !== ''\" :path=\"tabbar\" />\r\n      </view>\r\n    </view>\r\n\r\n    <view class=\"page-modal\">\r\n      <!-- 全局授权弹窗 -->\r\n      <s-auth-modal />\r\n      <!-- 全局分享弹窗 -->\r\n      <s-share-modal :shareInfo=\"shareInfo\" />\r\n      <!-- 全局快捷入口 -->\r\n      <s-menu-tools />\r\n    </view>\r\n  </view>\r\n</template>\r\n\r\n<script setup>\r\n/**\r\n * 模板组件 - 提供页面公共组件，属性，方法\r\n */\r\nimport { computed, reactive, ref } from 'vue'\r\nimport sheep from '@/sheep'\r\nimport { isEmpty } from 'lodash-es'\r\nimport { onShow } from '@dcloudio/uni-app'\r\n// #ifdef MP-WEIXIN\r\nimport { onShareAppMessage } from '@dcloudio/uni-app'\r\n// #endif\r\n\r\nconst props = defineProps({\r\n  title: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  navbar: {\r\n    type: String,\r\n    default: 'normal',\r\n  },\r\n  opacityBgUi: {\r\n    type: String,\r\n    default: 'bg-white',\r\n  },\r\n  color: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  tools: {\r\n    type: String,\r\n    default: 'title',\r\n  },\r\n  keyword: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  navbarStyle: {\r\n    type: Object,\r\n    default: () => ({\r\n      styleType: '',\r\n      type: '',\r\n      color: '',\r\n      src: '',\r\n      list: [],\r\n      alwaysShow: 0,\r\n    }),\r\n  },\r\n  bgStyle: {\r\n    type: Object,\r\n    default: () => ({\r\n      src: '',\r\n      color: 'var(--ui-BG-1)',\r\n    }),\r\n  },\r\n  tabbar: {\r\n    type: [String, Boolean],\r\n    default: '',\r\n  },\r\n  onShareAppMessage: {\r\n    type: [Boolean, Object],\r\n    default: true,\r\n  },\r\n  leftWidth: {\r\n    type: [Number, String],\r\n    default: 100,\r\n  },\r\n  rightWidth: {\r\n    type: [Number, String],\r\n    default: 100,\r\n  },\r\n  defaultSearch: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  // 展示返回按钮\r\n  showLeftButton: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n})\r\nconst emits = defineEmits(['search'])\r\n\r\nconst sysStore = sheep.$store('sys')\r\nconst userStore = sheep.$store('user')\r\nconst appStore = sheep.$store('app')\r\nconst modalStore = sheep.$store('modal')\r\nconst sys = computed(() => sysStore)\r\n\r\n// 导航栏模式(因为有自定义导航栏 需要计算)\r\nconst navbarMode = computed(() => {\r\n  if (props.navbar === 'normal' || props.navbarStyle.styleType === 'normal') {\r\n    return 'normal'\r\n  }\r\n  return 'inner'\r\n})\r\n\r\n// 背景1\r\nconst bgMain = computed(() => {\r\n  if (navbarMode.value === 'inner') {\r\n    return {\r\n      background: `${props.bgStyle.backgroundColor} url(${sheep.$url.cdn(\r\n        props.bgStyle.backgroundImage,\r\n      )}) no-repeat top center / 100% auto`,\r\n    }\r\n  }\r\n  return {}\r\n})\r\n\r\n// 背景2\r\nconst bgBody = computed(() => {\r\n  if (navbarMode.value === 'normal') {\r\n    return {\r\n      background: `${props.bgStyle.backgroundColor} url(${sheep.$url.cdn(\r\n        props.bgStyle.backgroundImage,\r\n      )}) no-repeat top center / 100% auto`,\r\n    }\r\n  }\r\n  return {}\r\n})\r\n\r\n// 分享信息\r\nconst shareInfo = computed(() => {\r\n  if (props.onShareAppMessage === true) {\r\n    return sheep.$platform.share.getShareInfo()\r\n  } else {\r\n    if (!isEmpty(props.onShareAppMessage)) {\r\n      sheep.$platform.share.updateShareInfo(props.onShareAppMessage)\r\n      return props.onShareAppMessage\r\n    }\r\n  }\r\n  return {}\r\n})\r\n\r\n// #ifdef MP-WEIXIN\r\n// 微信小程序分享\r\nonShareAppMessage(() => {\r\n  return {\r\n    title: shareInfo.value.title,\r\n    path: shareInfo.value.path,\r\n    imageUrl: shareInfo.value.image,\r\n  }\r\n})\r\n// #endif\r\n\r\nonShow(() => {\r\n  if (!isEmpty(shareInfo.value)) {\r\n    sheep.$platform.share.updateShareInfo(shareInfo.value)\r\n  }\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.page-app {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  width: 100%;\r\n  height: 100vh;\r\n  color: var(--ui-TC);\r\n  background-color: var(--ui-BG-1) !important;\r\n\r\n  .page-main {\r\n    position: absolute;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n    min-height: 100%;\r\n\r\n    .page-body {\r\n      position: relative;\r\n      z-index: 1;\r\n      flex: 1;\r\n      width: 100%;\r\n    }\r\n\r\n    .page-img {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      z-index: 0;\r\n      width: 100vw;\r\n      height: 100vh;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/sheep/components/s-layout/s-layout.vue'\nwx.createComponent(Component)"],"names":["sheep","computed","isEmpty","onShareAppMessage","onShow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,UAAM,QAAQ;AAqEd,UAAM,QAAQ;AAEd,UAAM,WAAWA,YAAAA,MAAM,OAAO,KAAK;AACjBA,gBAAAA,MAAM,OAAO,MAAM;AACpBA,gBAAAA,MAAM,OAAO,KAAK;AAChBA,gBAAAA,MAAM,OAAO,OAAO;AACvC,UAAM,MAAMC,cAAAA,SAAS,MAAM,QAAQ;AAGnC,UAAM,aAAaA,cAAQ,SAAC,MAAM;AAChC,UAAI,MAAM,WAAW,YAAY,MAAM,YAAY,cAAc,UAAU;AACzE,eAAO;AAAA,MACR;AACD,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,SAASA,cAAQ,SAAC,MAAM;AAC5B,UAAI,WAAW,UAAU,SAAS;AAChC,eAAO;AAAA,UACL,YAAY,GAAG,MAAM,QAAQ,eAAe,QAAQD,YAAAA,MAAM,KAAK;AAAA,YAC7D,MAAM,QAAQ;AAAA,UACf,CAAA;AAAA,QACF;AAAA,MACF;AACD,aAAO,CAAE;AAAA,IACX,CAAC;AAGD,UAAM,SAASC,cAAQ,SAAC,MAAM;AAC5B,UAAI,WAAW,UAAU,UAAU;AACjC,eAAO;AAAA,UACL,YAAY,GAAG,MAAM,QAAQ,eAAe,QAAQD,YAAAA,MAAM,KAAK;AAAA,YAC7D,MAAM,QAAQ;AAAA,UACf,CAAA;AAAA,QACF;AAAA,MACF;AACD,aAAO,CAAE;AAAA,IACX,CAAC;AAGD,UAAM,YAAYC,cAAQ,SAAC,MAAM;AAC/B,UAAI,MAAM,sBAAsB,MAAM;AACpC,eAAOD,kBAAM,UAAU,MAAM,aAAc;AAAA,MAC/C,OAAS;AACL,YAAI,CAACE,cAAO,QAAC,MAAM,iBAAiB,GAAG;AACrCF,sBAAAA,MAAM,UAAU,MAAM,gBAAgB,MAAM,iBAAiB;AAC7D,iBAAO,MAAM;AAAA,QACd;AAAA,MACF;AACD,aAAO,CAAE;AAAA,IACX,CAAC;AAIDG,kBAAAA,kBAAkB,MAAM;AACtB,aAAO;AAAA,QACL,OAAO,UAAU,MAAM;AAAA,QACvB,MAAM,UAAU,MAAM;AAAA,QACtB,UAAU,UAAU,MAAM;AAAA,MAC3B;AAAA,IACH,CAAC;AAGDC,kBAAAA,OAAO,MAAM;AACX,UAAI,CAACF,cAAO,QAAC,UAAU,KAAK,GAAG;AAC7BF,oBAAAA,MAAM,UAAU,MAAM,gBAAgB,UAAU,KAAK;AAAA,MACtD;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9MD,GAAG,gBAAgB,SAAS;"}