hongluan-ui/es/components/col/src/col.mjs

Hongluan Component Library for Vue 3

import { defineComponent, computed, h } from 'vue';
import '../../../hooks/index.mjs';
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';

const Col = defineComponent({
  name: "Col",
  props: {
    tag: {
      type: String,
      default: "div"
    },
    span: {
      type: [String, Number],
      default: ""
    },
    offset: {
      type: [String, Number],
      default: ""
    },
    sm: {
      type: [Number, Object],
      default: () => ({})
    },
    md: {
      type: [Number, Object],
      default: () => ({})
    },
    lg: {
      type: [Number, Object],
      default: () => ({})
    },
    xl: {
      type: [Number, Object],
      default: () => ({})
    }
  },
  setup(props, { slots }) {
    const { namespace } = useNamespace("col");
    const style = computed(() => {
      const result = {};
      return result;
    });
    const classList = computed(() => {
      const ret = [];
      const pos = ["span", "offset"];
      pos.forEach((prop) => {
        const size = props[prop];
        if (typeof size === "number") {
          if (prop === "span")
            ret.push(`col-${props[prop]}`);
          else if (size > 0)
            ret.push(`${prop}-${props[prop]}`);
        } else {
          ret.push(String(props[prop]));
        }
      });
      const sizes = ["sm", "md", "lg", "xl", "xxl"];
      sizes.forEach((size) => {
        if (typeof props[size] === "number") {
          ret.push(`${size}:col-${props[size]}`);
        } else if (typeof props[size] === "object") {
          const sizeProps = props[size];
          Object.keys(sizeProps).forEach((prop) => {
            ret.push(prop !== "span" ? `${size}:${prop}-${sizeProps[prop]}` : `${size}:col-${sizeProps[prop]}`);
          });
        }
      });
      return ret;
    });
    return () => {
      var _a;
      return h(props.tag, {
        class: [classList.value, namespace.value],
        style: style.value
      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
    };
  }
});

export { Col as default };
//# sourceMappingURL=col.mjs.map