press-ui/mixins/act/hide-base-style.js

简单、易用的跨端组件库，兼容 Vue2 和 Vue3，同时支持 uni-app和普通 Vue 项目

import { hyphenate } from '../../common/format/string';

export function getHideBaseStyleMixin() {
  return {
    props: {
      hideBaseStyle: {
        type: Boolean,
        default: false,
      },
    },
    watch: {
      hideBaseStyle: {
        handler(value) {
          // @ts-ignore
          const { name } = this.$options;
          if (!name) return;

          const tClass = `${hyphenate(name)}--hidden`;

          // #ifdef H5
          if (value) {
            document.body.classList.add(tClass);
          } else {
            document.body.classList.remove(tClass);
          }
          // #endif
        },
        immediate: true,
      },
    },
  };
}