{"version":3,"file":"su-fixed.js","sources":["../../../../../../src/sheep/ui/su-fixed/su-fixed.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC91aS9zdS1maXhlZC9zdS1maXhlZC52dWU"],"sourcesContent":["<template>\r\n  <view class=\"ui-fixed\">\r\n    <view\r\n      class=\"ui-fixed-box\"\r\n      :id=\"`fixed-${uuid}`\"\r\n      :class=\"[{ fixed: state.fixed }]\"\r\n      :style=\"[\r\n        {\r\n          left: sticky ? 'auto' : '0px',\r\n          top: state.fixed && !bottom ? (noNav ? val : val + sys_navBar) + 'px' : 'auto',\r\n          bottom: insetHeight,\r\n          zIndex: index + sheep.$zIndex.navbar,\r\n        },\r\n        !alway ? { opacity: state.opacityVal } : '',\r\n      ]\"\r\n    >\r\n      <view\r\n        class=\"ui-fixed-content\"\r\n        @tap=\"toTop\"\r\n        :style=\"[{ zIndex: index + sheep.$zIndex.navbar }]\"\r\n      >\r\n        <slot></slot>\r\n        <view\r\n          v-if=\"safeAreaInsets.bottom && bottom && isInset\"\r\n          class=\"inset-bottom\"\r\n          :style=\"[{ height: safeAreaInsets.bottom + 'px' }]\"\r\n        ></view>\r\n      </view>\r\n      <view class=\"ui-fixed-bottom\" :class=\"[bg]\" v-if=\"bottom\"></view>\r\n      <view\r\n        class=\"ui-fixed-bg\"\r\n        :class=\"[ui, bg]\"\r\n        :style=\"[\r\n          { zIndex: index + sheep.$zIndex.navbar - 1 },\r\n          bgStyles,\r\n          opacity ? { opacity: state.opacityVal } : '',\r\n        ]\"\r\n      ></view>\r\n    </view>\r\n    <view\r\n      class=\"skeleton\"\r\n      :style=\"[{ height: state.content.height + 'px', width: width + 'px' }]\"\r\n      v-if=\"sticky ? state.fixed : placeholder && state.fixed\"\r\n    ></view>\r\n  </view>\r\n</template>\r\n\r\n<script setup>\r\nimport { onPageScroll } from '@dcloudio/uni-app'\r\nimport { getCurrentInstance, unref, onMounted, reactive, nextTick, computed } from 'vue'\r\nimport sheep from '@/sheep'\r\nconst { safeAreaInsets } = sheep.$platform.device\r\n\r\nconst vm = getCurrentInstance()\r\n\r\nconst uuid = sheep.$helper.guid()\r\nconst sys_navBar = sheep.$platform.navbar\r\nconst state = reactive({\r\n  content: {},\r\n  fixed: true,\r\n  scrollTop: 0,\r\n  opacityVal: 0,\r\n})\r\nconst insetHeight = computed(() => {\r\n  if (state.fixed && props.bottom) {\r\n    if (props.isInset) {\r\n      return props.val + 'px'\r\n    } else {\r\n      return props.val + safeAreaInsets.bottom + 'px'\r\n    }\r\n  } else {\r\n    return 'auto'\r\n  }\r\n})\r\nconst props = defineProps({\r\n  noNav: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  bottom: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  bg: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  bgStyles: {\r\n    type: Object,\r\n    default() {},\r\n  },\r\n  val: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  width: {\r\n    type: [String, Number],\r\n    default: 0,\r\n  },\r\n  alway: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  opacity: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  index: {\r\n    type: [Number, String],\r\n    default: 0,\r\n  },\r\n  placeholder: {\r\n    type: [Boolean],\r\n    default: false,\r\n  },\r\n  sticky: {\r\n    type: [Boolean],\r\n    default: false,\r\n  },\r\n  noFixed: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  ui: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  clickTo: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  // 是否需要安全区\r\n  isInset: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n})\r\n\r\nstate.fixed = !unref(props.sticky)\r\nonPageScroll((e) => {\r\n  const top = e.scrollTop\r\n  state.scrollTop = top\r\n  state.opacityVal = top > sheep.$platform.navbar ? 1 : top * 0.01\r\n})\r\n\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    computedQuery()\r\n  })\r\n})\r\n\r\nconst computedQuery = () => {\r\n  uni\r\n    .createSelectorQuery()\r\n    .in(vm)\r\n    .select(`#fixed-${uuid}`)\r\n    .boundingClientRect((data) => {\r\n      if (data != null) {\r\n        state.content = data\r\n        if (unref(props.sticky)) {\r\n          setFixed(state.scrollTop)\r\n        }\r\n      }\r\n    })\r\n    .exec()\r\n}\r\n\r\nconst setFixed = (value) => {\r\n  if (unref(props.bottom)) {\r\n    state.fixed =\r\n      value >=\r\n      state.content.bottom -\r\n        sheep.$platform.device.windowHeight +\r\n        state.content.height +\r\n        unref(props.val)\r\n  } else {\r\n    state.fixed =\r\n      value >=\r\n      state.content.top -\r\n        (unref(props.noNav) ? unref(props.val) : unref(props.val) + sheep.$platform.navbar)\r\n  }\r\n}\r\n\r\nconst toTop = () => {\r\n  if (props.hasToTop) {\r\n    uni.pageScrollTo({\r\n      scrollTop: state.content.top,\r\n      duration: 100,\r\n    })\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.ui-fixed {\r\n  .ui-fixed-box {\r\n    position: relative;\r\n    width: 100%;\r\n    &.fixed {\r\n      position: fixed;\r\n    }\r\n    .ui-fixed-content {\r\n      position: relative;\r\n    }\r\n    .ui-fixed-bg {\r\n      position: absolute;\r\n      top: 0;\r\n      z-index: 1;\r\n      width: 100%;\r\n      height: 100%;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n}\r\n.inset-bottom {\r\n  background: #fff;\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/sheep/ui/su-fixed/su-fixed.vue'\nwx.createComponent(Component)"],"names":["sheep","getCurrentInstance","reactive","computed","unref","onPageScroll","onMounted","nextTick","uni","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,UAAM,EAAE,eAAgB,IAAGA,kBAAM,UAAU;AAE3C,UAAM,KAAKC,cAAAA,mBAAoB;AAE/B,UAAM,OAAOD,YAAAA,MAAM,QAAQ,KAAM;AACjC,UAAM,aAAaA,YAAAA,MAAM,UAAU;AACnC,UAAM,QAAQE,cAAAA,SAAS;AAAA,MACrB,SAAS,CAAE;AAAA,MACX,OAAO;AAAA,MACP,WAAW;AAAA,MACX,YAAY;AAAA,IACd,CAAC;AACD,UAAM,cAAcC,cAAQ,SAAC,MAAM;AACjC,UAAI,MAAM,SAAS,MAAM,QAAQ;AAC/B,YAAI,MAAM,SAAS;AACjB,iBAAO,MAAM,MAAM;AAAA,QACzB,OAAW;AACL,iBAAO,MAAM,MAAM,eAAe,SAAS;AAAA,QAC5C;AAAA,MACL,OAAS;AACL,eAAO;AAAA,MACR;AAAA,IACH,CAAC;AACD,UAAM,QAAQ;AAgEd,UAAM,QAAQ,CAACC,oBAAM,MAAM,MAAM;AACjCC,kBAAY,aAAC,CAAC,MAAM;AAClB,YAAM,MAAM,EAAE;AACd,YAAM,YAAY;AAClB,YAAM,aAAa,MAAML,YAAK,MAAC,UAAU,SAAS,IAAI,MAAM;AAAA,IAC9D,CAAC;AAEDM,kBAAAA,UAAU,MAAM;AACdC,oBAAAA,WAAS,MAAM;AACb,sBAAe;AAAA,MACnB,CAAG;AAAA,IACH,CAAC;AAED,UAAM,gBAAgB,MAAM;AAC1BC,oBAAG,MACA,oBAAqB,EACrB,GAAG,EAAE,EACL,OAAO,UAAU,IAAI,EAAE,EACvB,mBAAmB,CAAC,SAAS;AAC5B,YAAI,QAAQ,MAAM;AAChB,gBAAM,UAAU;AAChB,cAAIJ,cAAK,MAAC,MAAM,MAAM,GAAG;AACvB,qBAAS,MAAM,SAAS;AAAA,UACzB;AAAA,QACF;AAAA,MACP,CAAK,EACA,KAAM;AAAA,IACX;AAEA,UAAM,WAAW,CAAC,UAAU;AAC1B,UAAIA,cAAK,MAAC,MAAM,MAAM,GAAG;AACvB,cAAM,QACJ,SACA,MAAM,QAAQ,SACZJ,kBAAM,UAAU,OAAO,eACvB,MAAM,QAAQ,SACdI,cAAK,MAAC,MAAM,GAAG;AAAA,MACvB,OAAS;AACL,cAAM,QACJ,SACA,MAAM,QAAQ,OACXA,cAAAA,MAAM,MAAM,KAAK,IAAIA,cAAK,MAAC,MAAM,GAAG,IAAIA,cAAK,MAAC,MAAM,GAAG,IAAIJ,YAAAA,MAAM,UAAU;AAAA,MACjF;AAAA,IACH;AAEA,UAAM,QAAQ,MAAM;AAClB,UAAI,MAAM,UAAU;AAClBQ,sBAAAA,MAAI,aAAa;AAAA,UACf,WAAW,MAAM,QAAQ;AAAA,UACzB,UAAU;AAAA,QAChB,CAAK;AAAA,MACF;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7LA,GAAG,gBAAgBC,SAAS;"}