taro-ui-vue3/lib/composables/elevation.js

Taro UI Rewritten in Vue 3.0

import {computed} from "vue";
import propsFactory from "../utils/propsFactory";
const makeElevationProps = propsFactory({
  elevation: {
    type: [Number, String],
    validator(v) {
      const value = parseInt(v);
      return !isNaN(value) && value >= 0 && value <= 24;
    }
  },
  flat: Boolean
});
function useElevationClasses(props) {
  const elevationClasses = computed(() => {
    const {elevation = props.flat ? 0 : void 0} = props;
    return elevation != null && elevation !== "" ? {[`elevation-${elevation}`]: true} : {};
  });
  return {elevationClasses};
}
export {
  makeElevationProps,
  useElevationClasses
};