UNPKG

tdesign-mobile-vue

Version:
84 lines (80 loc) 3.11 kB
/** * tdesign v1.7.0 * (c) 2024 TDesign Group * @license MIT */ import { _ as _defineProperty } from '../_chunks/dep-219bb5a7.mjs'; import { defineComponent, toRefs, computed, provide, createVNode } from 'vue'; import config from '../config.mjs'; import props from './props.mjs'; import { usePrefixClass } from '../hooks/useClass.mjs'; import '../_chunks/dep-620d73f7.mjs'; import '../_chunks/dep-b9b8ead5.mjs'; import '../_chunks/dep-91d696ea.mjs'; import '../_chunks/dep-8bf3054e.mjs'; import '../_chunks/dep-3d249f65.mjs'; import '../_chunks/dep-e6c129ab.mjs'; import '../_chunks/dep-6c53a3e4.mjs'; import '../_chunks/dep-d2161895.mjs'; import '../_chunks/dep-89951f45.mjs'; import '../_chunks/dep-08bc7a4c.mjs'; import '../_chunks/dep-6bc862af.mjs'; import '../_chunks/dep-4931819d.mjs'; import '../_chunks/dep-10f4d030.mjs'; import '../_chunks/dep-8ee6f5cd.mjs'; import '../_chunks/dep-e57d46f3.mjs'; import '../_chunks/dep-9b2de386.mjs'; import '../_chunks/dep-4f44985d.mjs'; import '../_chunks/dep-b84be35c.mjs'; import '../_chunks/dep-019e292f.mjs'; import '../_chunks/dep-32364550.mjs'; import '../_chunks/dep-933f3a85.mjs'; import '../_chunks/dep-2bce42ea.mjs'; import '../_chunks/dep-6303c50c.mjs'; import '../_chunks/dep-ac139980.mjs'; import '../_chunks/dep-154c1925.mjs'; import '../_chunks/dep-ba131d9c.mjs'; import '../_chunks/dep-007f294e.mjs'; import '../_common/js/global-config/mobile/default-config.mjs'; import '../_common/js/global-config/mobile/locale/zh_CN.mjs'; import '../_chunks/dep-161f0c44.mjs'; import '../_chunks/dep-5fd0eaa4.mjs'; import '../_chunks/dep-3c59bf72.mjs'; import '../config-provider/type.mjs'; var prefix = config.prefix; var _Grid = defineComponent({ name: "".concat(prefix, "-grid"), props: props, setup: function setup(props2, _ref) { var slots = _ref.slots; var gridClass = usePrefixClass("grid"); var _toRefs = toRefs(props2), column = _toRefs.column, gutter = _toRefs.gutter, border = _toRefs.border, align = _toRefs.align; var rootStyle = computed(function () { if (column.value === 0) return []; var ans = ["padding: ".concat(gutter.value, "px;"), "grid-template-columns: repeat(".concat(column.value, ", 1fr)"), "grid-gap: ".concat(gutter.value, "px")]; return ans; }); provide("grid", { column: column, border: border, align: align, gutter: gutter }); var classes = computed(function () { return ["".concat(gridClass.value), _defineProperty(_defineProperty(_defineProperty({}, "".concat(gridClass.value, "--card"), props2.theme === "card"), "".concat(gridClass.value, "--auto-size"), props2.column === 0), "".concat(gridClass.value, "--bordered"), props2.border && !props2.gutter)]; }); return function () { var _slots$default; return createVNode("div", { "class": classes.value, "style": rootStyle.value }, [(_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]); }; } }); export { _Grid as default }; //# sourceMappingURL=grid.mjs.map