@xto/layout 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.mjs +167 -0
- package/es/style.css +1 -0
- package/lib/index.cjs +1 -0
- package/lib/style.css +1 -0
- package/package.json +38 -0
package/es/index.mjs
ADDED
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
import { defineComponent as i, computed as l, provide as w, openBlock as c, createElementBlock as d, normalizeClass as p, renderSlot as u, normalizeStyle as f, unref as g, inject as _, createBlock as y, resolveDynamicComponent as x, withCtx as v } from "vue";
|
|
2
|
+
import { useNamespace as h } from "@xto/core";
|
|
3
|
+
const X = /* @__PURE__ */ i({
|
|
4
|
+
name: "XContainer",
|
|
5
|
+
__name: "index",
|
|
6
|
+
props: {
|
|
7
|
+
direction: { default: "vertical" }
|
|
8
|
+
},
|
|
9
|
+
setup(a) {
|
|
10
|
+
const t = a, e = h("container"), r = l(() => [
|
|
11
|
+
e.b(),
|
|
12
|
+
e.is("flex", t.direction === "vertical")
|
|
13
|
+
]);
|
|
14
|
+
return w("container", {
|
|
15
|
+
direction: t.direction
|
|
16
|
+
}), (o, s) => (c(), d("div", {
|
|
17
|
+
class: p(r.value)
|
|
18
|
+
}, [
|
|
19
|
+
u(o.$slots, "default")
|
|
20
|
+
], 2));
|
|
21
|
+
}
|
|
22
|
+
}), A = /* @__PURE__ */ i({
|
|
23
|
+
name: "XHeader",
|
|
24
|
+
__name: "index",
|
|
25
|
+
props: {
|
|
26
|
+
height: { default: 60 }
|
|
27
|
+
},
|
|
28
|
+
setup(a) {
|
|
29
|
+
const t = a, e = h("header"), r = l(() => ({
|
|
30
|
+
height: typeof t.height == "number" ? `${t.height}px` : t.height
|
|
31
|
+
}));
|
|
32
|
+
return (o, s) => (c(), d("header", {
|
|
33
|
+
class: p(g(e).b()),
|
|
34
|
+
style: f(r.value)
|
|
35
|
+
}, [
|
|
36
|
+
u(o.$slots, "default")
|
|
37
|
+
], 6));
|
|
38
|
+
}
|
|
39
|
+
}), R = /* @__PURE__ */ i({
|
|
40
|
+
name: "XAside",
|
|
41
|
+
__name: "index",
|
|
42
|
+
props: {
|
|
43
|
+
width: { default: 200 }
|
|
44
|
+
},
|
|
45
|
+
setup(a) {
|
|
46
|
+
const t = a, e = h("aside"), r = l(() => ({
|
|
47
|
+
width: typeof t.width == "number" ? `${t.width}px` : t.width
|
|
48
|
+
}));
|
|
49
|
+
return (o, s) => (c(), d("aside", {
|
|
50
|
+
class: p(g(e).b()),
|
|
51
|
+
style: f(r.value)
|
|
52
|
+
}, [
|
|
53
|
+
u(o.$slots, "default")
|
|
54
|
+
], 6));
|
|
55
|
+
}
|
|
56
|
+
}), j = /* @__PURE__ */ i({
|
|
57
|
+
name: "XMain",
|
|
58
|
+
__name: "index",
|
|
59
|
+
props: {
|
|
60
|
+
padding: { default: 20 }
|
|
61
|
+
},
|
|
62
|
+
setup(a) {
|
|
63
|
+
const t = a, e = _("container", { direction: "vertical" }), r = (e == null ? void 0 : e.direction) || "vertical", o = l(() => ({
|
|
64
|
+
padding: typeof t.padding == "number" ? `${t.padding}px` : t.padding,
|
|
65
|
+
flex: r === "vertical" ? 1 : "auto"
|
|
66
|
+
}));
|
|
67
|
+
return (s, n) => (c(), d("main", {
|
|
68
|
+
class: "x-main",
|
|
69
|
+
style: f(o.value)
|
|
70
|
+
}, [
|
|
71
|
+
u(s.$slots, "default")
|
|
72
|
+
], 4));
|
|
73
|
+
}
|
|
74
|
+
}), L = /* @__PURE__ */ i({
|
|
75
|
+
name: "XFooter",
|
|
76
|
+
__name: "index",
|
|
77
|
+
props: {
|
|
78
|
+
height: { default: 60 }
|
|
79
|
+
},
|
|
80
|
+
setup(a) {
|
|
81
|
+
const t = a, e = h("footer"), r = l(() => ({
|
|
82
|
+
height: typeof t.height == "number" ? `${t.height}px` : t.height
|
|
83
|
+
}));
|
|
84
|
+
return (o, s) => (c(), d("footer", {
|
|
85
|
+
class: p(g(e).b()),
|
|
86
|
+
style: f(r.value)
|
|
87
|
+
}, [
|
|
88
|
+
u(o.$slots, "default")
|
|
89
|
+
], 6));
|
|
90
|
+
}
|
|
91
|
+
}), k = /* @__PURE__ */ i({
|
|
92
|
+
name: "XRow",
|
|
93
|
+
__name: "Row",
|
|
94
|
+
props: {
|
|
95
|
+
gutter: { default: 0 },
|
|
96
|
+
justify: { default: "start" },
|
|
97
|
+
align: { default: "top" },
|
|
98
|
+
tag: { default: "div" }
|
|
99
|
+
},
|
|
100
|
+
setup(a) {
|
|
101
|
+
const t = a, e = h("row"), r = l(() => {
|
|
102
|
+
const s = t.gutter;
|
|
103
|
+
return Array.isArray(s) ? {
|
|
104
|
+
marginLeft: `-${s[0] / 2}px`,
|
|
105
|
+
marginRight: `-${s[0] / 2}px`,
|
|
106
|
+
rowGap: `${s[1]}px`
|
|
107
|
+
} : s > 0 ? {
|
|
108
|
+
marginLeft: `-${s / 2}px`,
|
|
109
|
+
marginRight: `-${s / 2}px`
|
|
110
|
+
} : {};
|
|
111
|
+
}), o = l(() => [
|
|
112
|
+
e.b(),
|
|
113
|
+
e.is(`justify-${t.justify}`),
|
|
114
|
+
e.is(`align-${t.align}`)
|
|
115
|
+
]);
|
|
116
|
+
return (s, n) => (c(), y(x(a.tag), {
|
|
117
|
+
class: p(o.value),
|
|
118
|
+
style: f(r.value)
|
|
119
|
+
}, {
|
|
120
|
+
default: v(() => [
|
|
121
|
+
u(s.$slots, "default")
|
|
122
|
+
]),
|
|
123
|
+
_: 3
|
|
124
|
+
}, 8, ["class", "style"]));
|
|
125
|
+
}
|
|
126
|
+
}), B = /* @__PURE__ */ i({
|
|
127
|
+
name: "XCol",
|
|
128
|
+
__name: "Col",
|
|
129
|
+
props: {
|
|
130
|
+
span: { default: 24 },
|
|
131
|
+
offset: { default: 0 },
|
|
132
|
+
push: { default: 0 },
|
|
133
|
+
pull: { default: 0 },
|
|
134
|
+
tag: { default: "div" }
|
|
135
|
+
},
|
|
136
|
+
setup(a) {
|
|
137
|
+
const t = a, e = _("x-row", { gutter: 0 }), r = (e == null ? void 0 : e.gutter) || 0, o = l(() => {
|
|
138
|
+
const n = {}, m = Array.isArray(r) ? r[0] : r;
|
|
139
|
+
if (m > 0) {
|
|
140
|
+
const $ = m / 2;
|
|
141
|
+
n.paddingLeft = `${$}px`, n.paddingRight = `${$}px`;
|
|
142
|
+
}
|
|
143
|
+
return t.span && (n.flex = `0 0 ${t.span / 24 * 100}%`), t.offset && (n.marginLeft = `${t.offset / 24 * 100}%`), t.push && (n.left = `${t.push / 24 * 100}%`), t.pull && (n.right = `${t.pull / 24 * 100}%`), n;
|
|
144
|
+
}), s = l(() => {
|
|
145
|
+
const n = [];
|
|
146
|
+
return t.span && n.push(`x-col-${t.span}`), t.offset && n.push(`x-col-offset-${t.offset}`), t.push && n.push(`x-col-push-${t.push}`), t.pull && n.push(`x-col-pull-${t.pull}`), n;
|
|
147
|
+
});
|
|
148
|
+
return (n, m) => (c(), y(x(a.tag), {
|
|
149
|
+
class: p(s.value),
|
|
150
|
+
style: f(o.value)
|
|
151
|
+
}, {
|
|
152
|
+
default: v(() => [
|
|
153
|
+
u(n.$slots, "default")
|
|
154
|
+
]),
|
|
155
|
+
_: 3
|
|
156
|
+
}, 8, ["class", "style"]));
|
|
157
|
+
}
|
|
158
|
+
});
|
|
159
|
+
export {
|
|
160
|
+
R as Aside,
|
|
161
|
+
B as Col,
|
|
162
|
+
X as Container,
|
|
163
|
+
L as Footer,
|
|
164
|
+
A as Header,
|
|
165
|
+
j as Main,
|
|
166
|
+
k as Row
|
|
167
|
+
};
|
package/es/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.x-container{display:flex;flex-direction:column;height:100%;width:100%}.x-container.is-flex{flex-direction:column}.x-header{flex-shrink:0;box-sizing:border-box;padding:0 20px;background-color:#fff;border-bottom:1px solid #dcdfe6}.x-aside{flex-shrink:0;box-sizing:border-box;overflow:auto;background-color:#fff;border-right:1px solid #dcdfe6}.x-main{flex:1;box-sizing:border-box;overflow:auto;background-color:#f5f7fa}.x-footer{flex-shrink:0;box-sizing:border-box;padding:0 20px;background-color:#fff;border-top:1px solid #dcdfe6}.x-row{position:relative;box-sizing:border-box}.x-row:before,.x-row:after{display:table;content:""}.x-row:after{clear:both}.x-row.is-justify-start{justify-content:flex-start}.x-row.is-justify-end{justify-content:flex-end}.x-row.is-justify-center{justify-content:center}.x-row.is-justify-space-around{justify-content:space-around}.x-row.is-justify-space-between{justify-content:space-between}.x-row.is-justify-space-evenly{justify-content:space-evenly}.x-row.is-align-top{align-items:flex-start}.x-row.is-align-middle{align-items:center}.x-row.is-align-bottom{align-items:flex-end}[class*=x-col-]{float:left;box-sizing:border-box}.x-col-1{width:4.1666666667%}.x-col-offset-1{margin-left:4.1666666667%}.x-col-pull-1{position:relative;right:4.1666666667%}.x-col-push-1{position:relative;left:4.1666666667%}.x-col-2{width:8.3333333333%}.x-col-offset-2{margin-left:8.3333333333%}.x-col-pull-2{position:relative;right:8.3333333333%}.x-col-push-2{position:relative;left:8.3333333333%}.x-col-3{width:12.5%}.x-col-offset-3{margin-left:12.5%}.x-col-pull-3{position:relative;right:12.5%}.x-col-push-3{position:relative;left:12.5%}.x-col-4{width:16.6666666667%}.x-col-offset-4{margin-left:16.6666666667%}.x-col-pull-4{position:relative;right:16.6666666667%}.x-col-push-4{position:relative;left:16.6666666667%}.x-col-5{width:20.8333333333%}.x-col-offset-5{margin-left:20.8333333333%}.x-col-pull-5{position:relative;right:20.8333333333%}.x-col-push-5{position:relative;left:20.8333333333%}.x-col-6{width:25%}.x-col-offset-6{margin-left:25%}.x-col-pull-6{position:relative;right:25%}.x-col-push-6{position:relative;left:25%}.x-col-7{width:29.1666666667%}.x-col-offset-7{margin-left:29.1666666667%}.x-col-pull-7{position:relative;right:29.1666666667%}.x-col-push-7{position:relative;left:29.1666666667%}.x-col-8{width:33.3333333333%}.x-col-offset-8{margin-left:33.3333333333%}.x-col-pull-8{position:relative;right:33.3333333333%}.x-col-push-8{position:relative;left:33.3333333333%}.x-col-9{width:37.5%}.x-col-offset-9{margin-left:37.5%}.x-col-pull-9{position:relative;right:37.5%}.x-col-push-9{position:relative;left:37.5%}.x-col-10{width:41.6666666667%}.x-col-offset-10{margin-left:41.6666666667%}.x-col-pull-10{position:relative;right:41.6666666667%}.x-col-push-10{position:relative;left:41.6666666667%}.x-col-11{width:45.8333333333%}.x-col-offset-11{margin-left:45.8333333333%}.x-col-pull-11{position:relative;right:45.8333333333%}.x-col-push-11{position:relative;left:45.8333333333%}.x-col-12{width:50%}.x-col-offset-12{margin-left:50%}.x-col-pull-12{position:relative;right:50%}.x-col-push-12{position:relative;left:50%}.x-col-13{width:54.1666666667%}.x-col-offset-13{margin-left:54.1666666667%}.x-col-pull-13{position:relative;right:54.1666666667%}.x-col-push-13{position:relative;left:54.1666666667%}.x-col-14{width:58.3333333333%}.x-col-offset-14{margin-left:58.3333333333%}.x-col-pull-14{position:relative;right:58.3333333333%}.x-col-push-14{position:relative;left:58.3333333333%}.x-col-15{width:62.5%}.x-col-offset-15{margin-left:62.5%}.x-col-pull-15{position:relative;right:62.5%}.x-col-push-15{position:relative;left:62.5%}.x-col-16{width:66.6666666667%}.x-col-offset-16{margin-left:66.6666666667%}.x-col-pull-16{position:relative;right:66.6666666667%}.x-col-push-16{position:relative;left:66.6666666667%}.x-col-17{width:70.8333333333%}.x-col-offset-17{margin-left:70.8333333333%}.x-col-pull-17{position:relative;right:70.8333333333%}.x-col-push-17{position:relative;left:70.8333333333%}.x-col-18{width:75%}.x-col-offset-18{margin-left:75%}.x-col-pull-18{position:relative;right:75%}.x-col-push-18{position:relative;left:75%}.x-col-19{width:79.1666666667%}.x-col-offset-19{margin-left:79.1666666667%}.x-col-pull-19{position:relative;right:79.1666666667%}.x-col-push-19{position:relative;left:79.1666666667%}.x-col-20{width:83.3333333333%}.x-col-offset-20{margin-left:83.3333333333%}.x-col-pull-20{position:relative;right:83.3333333333%}.x-col-push-20{position:relative;left:83.3333333333%}.x-col-21{width:87.5%}.x-col-offset-21{margin-left:87.5%}.x-col-pull-21{position:relative;right:87.5%}.x-col-push-21{position:relative;left:87.5%}.x-col-22{width:91.6666666667%}.x-col-offset-22{margin-left:91.6666666667%}.x-col-pull-22{position:relative;right:91.6666666667%}.x-col-push-22{position:relative;left:91.6666666667%}.x-col-23{width:95.8333333333%}.x-col-offset-23{margin-left:95.8333333333%}.x-col-pull-23{position:relative;right:95.8333333333%}.x-col-push-23{position:relative;left:95.8333333333%}.x-col-24{width:100%}.x-col-offset-24{margin-left:100%}.x-col-pull-24{position:relative;right:100%}.x-col-push-24{position:relative;left:100%}
|
package/lib/index.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("@xto/core"),p=e.defineComponent({name:"XContainer",__name:"index",props:{direction:{default:"vertical"}},setup(a){const t=a,n=c.useNamespace("container"),l=e.computed(()=>[n.b(),n.is("flex",t.direction==="vertical")]);return e.provide("container",{direction:t.direction}),(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value)},[e.renderSlot(r.$slots,"default")],2))}}),d=e.defineComponent({name:"XHeader",__name:"index",props:{height:{default:60}},setup(a){const t=a,n=c.useNamespace("header"),l=e.computed(()=>({height:typeof t.height=="number"?`${t.height}px`:t.height}));return(r,s)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(e.unref(n).b()),style:e.normalizeStyle(l.value)},[e.renderSlot(r.$slots,"default")],6))}}),f=e.defineComponent({name:"XAside",__name:"index",props:{width:{default:200}},setup(a){const t=a,n=c.useNamespace("aside"),l=e.computed(()=>({width:typeof t.width=="number"?`${t.width}px`:t.width}));return(r,s)=>(e.openBlock(),e.createElementBlock("aside",{class:e.normalizeClass(e.unref(n).b()),style:e.normalizeStyle(l.value)},[e.renderSlot(r.$slots,"default")],6))}}),m=e.defineComponent({name:"XMain",__name:"index",props:{padding:{default:20}},setup(a){const t=a,n=e.inject("container",{direction:"vertical"}),l=(n==null?void 0:n.direction)||"vertical",r=e.computed(()=>({padding:typeof t.padding=="number"?`${t.padding}px`:t.padding,flex:l==="vertical"?1:"auto"}));return(s,o)=>(e.openBlock(),e.createElementBlock("main",{class:"x-main",style:e.normalizeStyle(r.value)},[e.renderSlot(s.$slots,"default")],4))}}),h=e.defineComponent({name:"XFooter",__name:"index",props:{height:{default:60}},setup(a){const t=a,n=c.useNamespace("footer"),l=e.computed(()=>({height:typeof t.height=="number"?`${t.height}px`:t.height}));return(r,s)=>(e.openBlock(),e.createElementBlock("footer",{class:e.normalizeClass(e.unref(n).b()),style:e.normalizeStyle(l.value)},[e.renderSlot(r.$slots,"default")],6))}}),g=e.defineComponent({name:"XRow",__name:"Row",props:{gutter:{default:0},justify:{default:"start"},align:{default:"top"},tag:{default:"div"}},setup(a){const t=a,n=c.useNamespace("row"),l=e.computed(()=>{const s=t.gutter;return Array.isArray(s)?{marginLeft:`-${s[0]/2}px`,marginRight:`-${s[0]/2}px`,rowGap:`${s[1]}px`}:s>0?{marginLeft:`-${s/2}px`,marginRight:`-${s/2}px`}:{}}),r=e.computed(()=>[n.b(),n.is(`justify-${t.justify}`),n.is(`align-${t.align}`)]);return(s,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.tag),{class:e.normalizeClass(r.value),style:e.normalizeStyle(l.value)},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},8,["class","style"]))}}),y=e.defineComponent({name:"XCol",__name:"Col",props:{span:{default:24},offset:{default:0},push:{default:0},pull:{default:0},tag:{default:"div"}},setup(a){const t=a,n=e.inject("x-row",{gutter:0}),l=(n==null?void 0:n.gutter)||0,r=e.computed(()=>{const o={},i=Array.isArray(l)?l[0]:l;if(i>0){const u=i/2;o.paddingLeft=`${u}px`,o.paddingRight=`${u}px`}return t.span&&(o.flex=`0 0 ${t.span/24*100}%`),t.offset&&(o.marginLeft=`${t.offset/24*100}%`),t.push&&(o.left=`${t.push/24*100}%`),t.pull&&(o.right=`${t.pull/24*100}%`),o}),s=e.computed(()=>{const o=[];return t.span&&o.push(`x-col-${t.span}`),t.offset&&o.push(`x-col-offset-${t.offset}`),t.push&&o.push(`x-col-push-${t.push}`),t.pull&&o.push(`x-col-pull-${t.pull}`),o});return(o,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.tag),{class:e.normalizeClass(s.value),style:e.normalizeStyle(r.value)},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["class","style"]))}});exports.Aside=f;exports.Col=y;exports.Container=p;exports.Footer=h;exports.Header=d;exports.Main=m;exports.Row=g;
|
package/lib/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.x-container{display:flex;flex-direction:column;height:100%;width:100%}.x-container.is-flex{flex-direction:column}.x-header{flex-shrink:0;box-sizing:border-box;padding:0 20px;background-color:#fff;border-bottom:1px solid #dcdfe6}.x-aside{flex-shrink:0;box-sizing:border-box;overflow:auto;background-color:#fff;border-right:1px solid #dcdfe6}.x-main{flex:1;box-sizing:border-box;overflow:auto;background-color:#f5f7fa}.x-footer{flex-shrink:0;box-sizing:border-box;padding:0 20px;background-color:#fff;border-top:1px solid #dcdfe6}.x-row{position:relative;box-sizing:border-box}.x-row:before,.x-row:after{display:table;content:""}.x-row:after{clear:both}.x-row.is-justify-start{justify-content:flex-start}.x-row.is-justify-end{justify-content:flex-end}.x-row.is-justify-center{justify-content:center}.x-row.is-justify-space-around{justify-content:space-around}.x-row.is-justify-space-between{justify-content:space-between}.x-row.is-justify-space-evenly{justify-content:space-evenly}.x-row.is-align-top{align-items:flex-start}.x-row.is-align-middle{align-items:center}.x-row.is-align-bottom{align-items:flex-end}[class*=x-col-]{float:left;box-sizing:border-box}.x-col-1{width:4.1666666667%}.x-col-offset-1{margin-left:4.1666666667%}.x-col-pull-1{position:relative;right:4.1666666667%}.x-col-push-1{position:relative;left:4.1666666667%}.x-col-2{width:8.3333333333%}.x-col-offset-2{margin-left:8.3333333333%}.x-col-pull-2{position:relative;right:8.3333333333%}.x-col-push-2{position:relative;left:8.3333333333%}.x-col-3{width:12.5%}.x-col-offset-3{margin-left:12.5%}.x-col-pull-3{position:relative;right:12.5%}.x-col-push-3{position:relative;left:12.5%}.x-col-4{width:16.6666666667%}.x-col-offset-4{margin-left:16.6666666667%}.x-col-pull-4{position:relative;right:16.6666666667%}.x-col-push-4{position:relative;left:16.6666666667%}.x-col-5{width:20.8333333333%}.x-col-offset-5{margin-left:20.8333333333%}.x-col-pull-5{position:relative;right:20.8333333333%}.x-col-push-5{position:relative;left:20.8333333333%}.x-col-6{width:25%}.x-col-offset-6{margin-left:25%}.x-col-pull-6{position:relative;right:25%}.x-col-push-6{position:relative;left:25%}.x-col-7{width:29.1666666667%}.x-col-offset-7{margin-left:29.1666666667%}.x-col-pull-7{position:relative;right:29.1666666667%}.x-col-push-7{position:relative;left:29.1666666667%}.x-col-8{width:33.3333333333%}.x-col-offset-8{margin-left:33.3333333333%}.x-col-pull-8{position:relative;right:33.3333333333%}.x-col-push-8{position:relative;left:33.3333333333%}.x-col-9{width:37.5%}.x-col-offset-9{margin-left:37.5%}.x-col-pull-9{position:relative;right:37.5%}.x-col-push-9{position:relative;left:37.5%}.x-col-10{width:41.6666666667%}.x-col-offset-10{margin-left:41.6666666667%}.x-col-pull-10{position:relative;right:41.6666666667%}.x-col-push-10{position:relative;left:41.6666666667%}.x-col-11{width:45.8333333333%}.x-col-offset-11{margin-left:45.8333333333%}.x-col-pull-11{position:relative;right:45.8333333333%}.x-col-push-11{position:relative;left:45.8333333333%}.x-col-12{width:50%}.x-col-offset-12{margin-left:50%}.x-col-pull-12{position:relative;right:50%}.x-col-push-12{position:relative;left:50%}.x-col-13{width:54.1666666667%}.x-col-offset-13{margin-left:54.1666666667%}.x-col-pull-13{position:relative;right:54.1666666667%}.x-col-push-13{position:relative;left:54.1666666667%}.x-col-14{width:58.3333333333%}.x-col-offset-14{margin-left:58.3333333333%}.x-col-pull-14{position:relative;right:58.3333333333%}.x-col-push-14{position:relative;left:58.3333333333%}.x-col-15{width:62.5%}.x-col-offset-15{margin-left:62.5%}.x-col-pull-15{position:relative;right:62.5%}.x-col-push-15{position:relative;left:62.5%}.x-col-16{width:66.6666666667%}.x-col-offset-16{margin-left:66.6666666667%}.x-col-pull-16{position:relative;right:66.6666666667%}.x-col-push-16{position:relative;left:66.6666666667%}.x-col-17{width:70.8333333333%}.x-col-offset-17{margin-left:70.8333333333%}.x-col-pull-17{position:relative;right:70.8333333333%}.x-col-push-17{position:relative;left:70.8333333333%}.x-col-18{width:75%}.x-col-offset-18{margin-left:75%}.x-col-pull-18{position:relative;right:75%}.x-col-push-18{position:relative;left:75%}.x-col-19{width:79.1666666667%}.x-col-offset-19{margin-left:79.1666666667%}.x-col-pull-19{position:relative;right:79.1666666667%}.x-col-push-19{position:relative;left:79.1666666667%}.x-col-20{width:83.3333333333%}.x-col-offset-20{margin-left:83.3333333333%}.x-col-pull-20{position:relative;right:83.3333333333%}.x-col-push-20{position:relative;left:83.3333333333%}.x-col-21{width:87.5%}.x-col-offset-21{margin-left:87.5%}.x-col-pull-21{position:relative;right:87.5%}.x-col-push-21{position:relative;left:87.5%}.x-col-22{width:91.6666666667%}.x-col-offset-22{margin-left:91.6666666667%}.x-col-pull-22{position:relative;right:91.6666666667%}.x-col-push-22{position:relative;left:91.6666666667%}.x-col-23{width:95.8333333333%}.x-col-offset-23{margin-left:95.8333333333%}.x-col-pull-23{position:relative;right:95.8333333333%}.x-col-push-23{position:relative;left:95.8333333333%}.x-col-24{width:100%}.x-col-offset-24{margin-left:100%}.x-col-pull-24{position:relative;right:100%}.x-col-push-24{position:relative;left:100%}
|
package/package.json
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@xto/layout",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Xto Layout - Layout components",
|
|
5
|
+
"main": "./lib/index.cjs",
|
|
6
|
+
"module": "./es/index.mjs",
|
|
7
|
+
"types": "./es/index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"import": "./es/index.mjs",
|
|
11
|
+
"require": "./lib/index.cjs",
|
|
12
|
+
"types": "./es/index.d.ts"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"files": [
|
|
16
|
+
"es",
|
|
17
|
+
"lib"
|
|
18
|
+
],
|
|
19
|
+
"publishConfig": {
|
|
20
|
+
"access": "public"
|
|
21
|
+
},
|
|
22
|
+
"dependencies": {
|
|
23
|
+
"@xto/core": "0.1.0"
|
|
24
|
+
},
|
|
25
|
+
"peerDependencies": {
|
|
26
|
+
"vue": "^3.4.0"
|
|
27
|
+
},
|
|
28
|
+
"devDependencies": {
|
|
29
|
+
"typescript": "^5.4.2",
|
|
30
|
+
"vite": "^5.2.0",
|
|
31
|
+
"vitest": "^1.4.0",
|
|
32
|
+
"vue": "^3.4.21",
|
|
33
|
+
"@xto/build": "0.1.0"
|
|
34
|
+
},
|
|
35
|
+
"scripts": {
|
|
36
|
+
"build": "vite build"
|
|
37
|
+
}
|
|
38
|
+
}
|