tdesign-mobile-vue
Version:
tdesign-mobile-vue
84 lines (80 loc) • 3.11 kB
JavaScript
/**
* 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