@cqmcui/cqmcui
Version:
轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）
61 lines (60 loc) • 1.59 kB
JavaScript
import { provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
import { c as createComponent } from "./component-81a4c1d0.js";
import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
import "../locale/lang";
const { componentName, create } = createComponent("row");
const _sfc_main = create({
props: {
type: {
type: String,
default: ""
},
gutter: {
type: [String, Number],
default: ""
},
justify: {
type: String,
default: "start"
},
align: {
type: String,
default: "flex-start"
},
flexWrap: {
type: String,
default: "nowrap"
}
},
emits: [],
setup(props) {
const prefixCls = componentName;
provide("gutter", props.gutter);
const getClass = (prefix, type) => {
return prefix ? type ? `cqmc-row-${prefix}-${type}` : "" : `cqmc-row-${type}`;
};
const getClasses = () => {
return `
${getClass("", props.type)}
${getClass("justify", props.justify)}
${getClass("align", props.align)}
${getClass("flex", props.flexWrap)}
${prefixCls}
`;
};
return {
getClasses
};
}
});
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("view", {
class: normalizeClass(_ctx.getClasses())
}, [
renderSlot(_ctx.$slots, "default")
], 2);
}
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
index as default
};