taro-ui-vue3/lib/flex/item/index.js

Taro UI Rewritten in Vue 3.0

import {h, defineComponent, computed, mergeProps} from "vue";
import {View} from "@tarojs/components";
const AtFlexItem = defineComponent({
  name: "AtFlexItem",
  props: {
    isAuto: Boolean,
    isWrap: Boolean,
    align: {
      type: String
    },
    size: {
      type: Number,
      default: 0
    },
    offset: {
      type: Number,
      default: 0
    }
  },
  setup(props, {attrs, slots}) {
    const rootClasses = computed(() => ({
      [`at-col-${props.size}`]: Boolean(props.size),
      [`at-col__align--${props.align}`]: Boolean(props.align),
      [`at-col__offset-${props.offset}`]: Boolean(props.offset),
      "at-col--auto": Boolean(props.isAuto),
      "at-col--wrap": Boolean(props.isWrap),
      "at-col": true
    }));
    return () => h(View, mergeProps(attrs, {
      class: rootClasses.value
    }), {default: () => {
      var _a;
      return (_a = slots.default) == null ? void 0 : _a.call(slots);
    }});
  }
});
var item_default = AtFlexItem;
export {
  item_default as default
};