@opensig/opendesign
Version:
<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制,使用 TypeScript</b></p>
40 lines (39 loc) • 1.25 kB
JavaScript
import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
import { colProps } from "./types.mjs";
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "OCol",
props: colProps,
setup(__props) {
const props = __props;
return (_ctx, _cache) => {
var _a, _b, _c, _d;
return openBlock(), createElementBlock(
"div",
{
class: normalizeClass(["o-col", {
"o-col-phone": !!props.phone,
"o-col-pad-v": !!props.padV,
"o-col-pad": !!props.pad,
"o-col-laptop": !!props.laptop
}]),
style: normalizeStyle({
alignSelf: props.align,
"--col-flex": props.flex,
"--col-phone-flex": (_a = props.phone) == null ? void 0 : _a.flex,
"--col-pad-v-flex": (_b = props.padV) == null ? void 0 : _b.flex,
"--col-pad-flex": (_c = props.pad) == null ? void 0 : _c.flex,
"--col-laptop-flex": (_d = props.laptop) == null ? void 0 : _d.flex
})
},
[
renderSlot(_ctx.$slots, "default")
],
6
/* CLASS, STYLE */
);
};
}
});
export {
_sfc_main as default
};