@sumdoo/sumdoo-ui
Version:
轻量级的移动端 Vue3 组件库 (支持小程序开发)
625 lines (624 loc) • 23.3 kB
JavaScript
/*!
* @sumdoo/sumdoo-ui v1.0.0 Wed Feb 09 2022 13:07:23 GMT+0800 (中国标准时间)
* (c) 2022 @sumdoo
* Released under the MIT License.
*/
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, resolveComponent, renderSlot, createElementVNode, createBlock, createCommentVNode, toDisplayString, createTextVNode, createVNode, provide, inject } from "vue";
const withInstall = (comp) => {
comp.install = (app) => {
app.component(comp.name, comp);
};
return comp;
};
var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
var dayjs_min = { exports: {} };
(function(module, exports) {
!function(t, e) {
module.exports = e();
}(commonjsGlobal, function() {
var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", f = "month", h = "quarter", c = "year", d = "date", $ = "Invalid Date", l = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_") }, m = function(t2, e2, n2) {
var r2 = String(t2);
return !r2 || r2.length >= e2 ? t2 : "" + Array(e2 + 1 - r2.length).join(n2) + t2;
}, g = { s: m, z: function(t2) {
var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r2 = Math.floor(n2 / 60), i2 = n2 % 60;
return (e2 <= 0 ? "+" : "-") + m(r2, 2, "0") + ":" + m(i2, 2, "0");
}, m: function t2(e2, n2) {
if (e2.date() < n2.date())
return -t2(n2, e2);
var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, f), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), f);
return +(-(r2 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
}, a: function(t2) {
return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
}, p: function(t2) {
return { M: f, y: c, w: o, d: a, D: d, h: u, m: s, s: i, ms: r, Q: h }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
}, u: function(t2) {
return t2 === void 0;
} }, D = "en", v = {};
v[D] = M;
var p = function(t2) {
return t2 instanceof _;
}, S = function(t2, e2, n2) {
var r2;
if (!t2)
return D;
if (typeof t2 == "string")
v[t2] && (r2 = t2), e2 && (v[t2] = e2, r2 = t2);
else {
var i2 = t2.name;
v[i2] = t2, r2 = i2;
}
return !n2 && r2 && (D = r2), r2 || !n2 && D;
}, w = function(t2, e2) {
if (p(t2))
return t2.clone();
var n2 = typeof e2 == "object" ? e2 : {};
return n2.date = t2, n2.args = arguments, new _(n2);
}, O = g;
O.l = S, O.i = p, O.w = function(t2, e2) {
return w(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
};
var _ = function() {
function M2(t2) {
this.$L = S(t2.locale, null, true), this.parse(t2);
}
var m2 = M2.prototype;
return m2.parse = function(t2) {
this.$d = function(t3) {
var e2 = t3.date, n2 = t3.utc;
if (e2 === null)
return new Date(NaN);
if (O.u(e2))
return new Date();
if (e2 instanceof Date)
return new Date(e2);
if (typeof e2 == "string" && !/Z$/i.test(e2)) {
var r2 = e2.match(l);
if (r2) {
var i2 = r2[2] - 1 || 0, s2 = (r2[7] || "0").substring(0, 3);
return n2 ? new Date(Date.UTC(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2)) : new Date(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2);
}
}
return new Date(e2);
}(t2), this.$x = t2.x || {}, this.init();
}, m2.init = function() {
var t2 = this.$d;
this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
}, m2.$utils = function() {
return O;
}, m2.isValid = function() {
return !(this.$d.toString() === $);
}, m2.isSame = function(t2, e2) {
var n2 = w(t2);
return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
}, m2.isAfter = function(t2, e2) {
return w(t2) < this.startOf(e2);
}, m2.isBefore = function(t2, e2) {
return this.endOf(e2) < w(t2);
}, m2.$g = function(t2, e2, n2) {
return O.u(t2) ? this[e2] : this.set(n2, t2);
}, m2.unix = function() {
return Math.floor(this.valueOf() / 1e3);
}, m2.valueOf = function() {
return this.$d.getTime();
}, m2.startOf = function(t2, e2) {
var n2 = this, r2 = !!O.u(e2) || e2, h2 = O.p(t2), $2 = function(t3, e3) {
var i2 = O.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
return r2 ? i2 : i2.endOf(a);
}, l2 = function(t3, e3) {
return O.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
}, y2 = this.$W, M3 = this.$M, m3 = this.$D, g2 = "set" + (this.$u ? "UTC" : "");
switch (h2) {
case c:
return r2 ? $2(1, 0) : $2(31, 11);
case f:
return r2 ? $2(1, M3) : $2(0, M3 + 1);
case o:
var D2 = this.$locale().weekStart || 0, v2 = (y2 < D2 ? y2 + 7 : y2) - D2;
return $2(r2 ? m3 - v2 : m3 + (6 - v2), M3);
case a:
case d:
return l2(g2 + "Hours", 0);
case u:
return l2(g2 + "Minutes", 1);
case s:
return l2(g2 + "Seconds", 2);
case i:
return l2(g2 + "Milliseconds", 3);
default:
return this.clone();
}
}, m2.endOf = function(t2) {
return this.startOf(t2, false);
}, m2.$set = function(t2, e2) {
var n2, o2 = O.p(t2), h2 = "set" + (this.$u ? "UTC" : ""), $2 = (n2 = {}, n2[a] = h2 + "Date", n2[d] = h2 + "Date", n2[f] = h2 + "Month", n2[c] = h2 + "FullYear", n2[u] = h2 + "Hours", n2[s] = h2 + "Minutes", n2[i] = h2 + "Seconds", n2[r] = h2 + "Milliseconds", n2)[o2], l2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
if (o2 === f || o2 === c) {
var y2 = this.clone().set(d, 1);
y2.$d[$2](l2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
} else
$2 && this.$d[$2](l2);
return this.init(), this;
}, m2.set = function(t2, e2) {
return this.clone().$set(t2, e2);
}, m2.get = function(t2) {
return this[O.p(t2)]();
}, m2.add = function(r2, h2) {
var d2, $2 = this;
r2 = Number(r2);
var l2 = O.p(h2), y2 = function(t2) {
var e2 = w($2);
return O.w(e2.date(e2.date() + Math.round(t2 * r2)), $2);
};
if (l2 === f)
return this.set(f, this.$M + r2);
if (l2 === c)
return this.set(c, this.$y + r2);
if (l2 === a)
return y2(1);
if (l2 === o)
return y2(7);
var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[l2] || 1, m3 = this.$d.getTime() + r2 * M3;
return O.w(m3, this);
}, m2.subtract = function(t2, e2) {
return this.add(-1 * t2, e2);
}, m2.format = function(t2) {
var e2 = this, n2 = this.$locale();
if (!this.isValid())
return n2.invalidDate || $;
var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = O.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, f2 = n2.months, h2 = function(t3, n3, i3, s3) {
return t3 && (t3[n3] || t3(e2, r2)) || i3[n3].substr(0, s3);
}, c2 = function(t3) {
return O.s(s2 % 12 || 12, t3, "0");
}, d2 = n2.meridiem || function(t3, e3, n3) {
var r3 = t3 < 12 ? "AM" : "PM";
return n3 ? r3.toLowerCase() : r3;
}, l2 = { YY: String(this.$y).slice(-2), YYYY: this.$y, M: a2 + 1, MM: O.s(a2 + 1, 2, "0"), MMM: h2(n2.monthsShort, a2, f2, 3), MMMM: h2(f2, a2), D: this.$D, DD: O.s(this.$D, 2, "0"), d: String(this.$W), dd: h2(n2.weekdaysMin, this.$W, o2, 2), ddd: h2(n2.weekdaysShort, this.$W, o2, 3), dddd: o2[this.$W], H: String(s2), HH: O.s(s2, 2, "0"), h: c2(1), hh: c2(2), a: d2(s2, u2, true), A: d2(s2, u2, false), m: String(u2), mm: O.s(u2, 2, "0"), s: String(this.$s), ss: O.s(this.$s, 2, "0"), SSS: O.s(this.$ms, 3, "0"), Z: i2 };
return r2.replace(y, function(t3, e3) {
return e3 || l2[t3] || i2.replace(":", "");
});
}, m2.utcOffset = function() {
return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
}, m2.diff = function(r2, d2, $2) {
var l2, y2 = O.p(d2), M3 = w(r2), m3 = (M3.utcOffset() - this.utcOffset()) * e, g2 = this - M3, D2 = O.m(this, M3);
return D2 = (l2 = {}, l2[c] = D2 / 12, l2[f] = D2, l2[h] = D2 / 3, l2[o] = (g2 - m3) / 6048e5, l2[a] = (g2 - m3) / 864e5, l2[u] = g2 / n, l2[s] = g2 / e, l2[i] = g2 / t, l2)[y2] || g2, $2 ? D2 : O.a(D2);
}, m2.daysInMonth = function() {
return this.endOf(f).$D;
}, m2.$locale = function() {
return v[this.$L];
}, m2.locale = function(t2, e2) {
if (!t2)
return this.$L;
var n2 = this.clone(), r2 = S(t2, e2, true);
return r2 && (n2.$L = r2), n2;
}, m2.clone = function() {
return O.w(this.$d, this);
}, m2.toDate = function() {
return new Date(this.valueOf());
}, m2.toJSON = function() {
return this.isValid() ? this.toISOString() : null;
}, m2.toISOString = function() {
return this.$d.toISOString();
}, m2.toString = function() {
return this.$d.toUTCString();
}, M2;
}(), b = _.prototype;
return w.prototype = b, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", f], ["$y", c], ["$D", d]].forEach(function(t2) {
b[t2[1]] = function(e2) {
return this.$g(e2, t2[0], t2[1]);
};
}), w.extend = function(t2, e2) {
return t2.$i || (t2(e2, _, w), t2.$i = true), w;
}, w.locale = S, w.isDayjs = p, w.unix = function(t2) {
return w(1e3 * t2);
}, w.en = v[D], w.Ls = v, w.p = {}, w;
});
})(dayjs_min);
const toString = Object.prototype.toString;
function is(val, type) {
return toString.call(val) === `[object ${type}]`;
}
function isNumber(val) {
return is(val, "Number");
}
function isString(val) {
return is(val, "String");
}
function addUnit(value) {
if (value === void 0 || value === "")
return void 0;
if (isString(value)) {
return value;
} else if (isNumber(value)) {
return `${value}px`;
}
return "";
}
var _export_sfc = (sfc, props) => {
const target = sfc.__vccOpts || sfc;
for (const [key, val] of props) {
target[key] = val;
}
return target;
};
const _sfc_main$a = defineComponent({
name: "SdIcon",
props: {
type: { type: String },
size: { type: [String, Number] },
color: { type: String },
name: { type: String },
loading: { type: Boolean, default: false },
iconPrefix: { type: String, default: "sd-icon" },
iconfontName: { type: String, default: "sd-iconfont" }
},
setup(props) {
const iconStyle$ = computed(() => {
const style = {};
if (props.size)
style["font-size"] = addUnit(props.size);
if (props.color)
style["color"] = props.color;
if (props.size) {
console.log("", style);
}
return style;
});
return {
iconStyle$
};
}
});
function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("i", {
class: normalizeClass([
"sd-icon",
_ctx.iconfontName,
`${_ctx.iconPrefix}-${_ctx.name}`,
_ctx.type ? `sd-icon--${_ctx.type}` : "",
_ctx.loading ? "is-loading" : ""
]),
style: normalizeStyle(_ctx.iconStyle$)
}, null, 6);
}
var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
const SdIcon = withInstall(Icon);
const _sfc_main$9 = defineComponent({
name: "SdCell",
props: {
title: { type: String },
subTitle: { type: String },
value: { type: String },
valueClass: { type: String, default: "" },
icon: { type: String },
iconType: { type: String },
isLink: { type: Boolean, default: false },
arrow: { type: Boolean, default: false },
border: { type: Boolean, default: false }
}
});
const _hoisted_1$2 = { class: "sd-cell__left" };
const _hoisted_2$1 = {
key: 0,
class: "sd-cell__left-icon"
};
const _hoisted_3$1 = {
key: 1,
class: "sd-cell__left-icon"
};
const _hoisted_4$1 = { key: 2 };
const _hoisted_5 = { class: "sd-cell__title" };
const _hoisted_6 = {
key: 0,
class: "sd-cell__sub-title"
};
const _hoisted_7 = {
key: 0,
class: "sd-cell__right-icon"
};
const _hoisted_8 = {
key: 1,
class: "sd-cell__right-icon"
};
function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
const _component_SdIcon = resolveComponent("SdIcon");
return openBlock(), createElementBlock("div", {
class: normalizeClass(["sd-cell", _ctx.isLink ? "sd-cell__clickable" : "", _ctx.border ? "is-border" : ""])
}, [
renderSlot(_ctx.$slots, "default", {}, () => [
createElementVNode("div", _hoisted_1$2, [
_ctx.$slots["left-icon"] ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
renderSlot(_ctx.$slots, "left-icon")
])) : _ctx.icon ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
_ctx.icon ? (openBlock(), createBlock(_component_SdIcon, {
key: 0,
name: _ctx.icon,
type: _ctx.iconType
}, null, 8, ["name", "type"])) : createCommentVNode("", true)
])) : createCommentVNode("", true),
_ctx.title ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
createElementVNode("div", _hoisted_5, toDisplayString(_ctx.title), 1),
_ctx.subTitle ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(_ctx.subTitle), 1)) : createCommentVNode("", true)
])) : createCommentVNode("", true)
]),
createElementVNode("div", {
class: normalizeClass(["sd-cell__content", _ctx.valueClass])
}, [
renderSlot(_ctx.$slots, "value", {}, () => [
createTextVNode(toDisplayString(_ctx.value), 1)
])
], 2),
_ctx.$slots["right-icon"] ? (openBlock(), createElementBlock("div", _hoisted_7, [
renderSlot(_ctx.$slots, "right-icon")
])) : !_ctx.$slots["right-icon"] && (_ctx.isLink || _ctx.arrow) ? (openBlock(), createElementBlock("div", _hoisted_8, [
createVNode(_component_SdIcon, { name: "arrow-right" })
])) : createCommentVNode("", true)
])
], 2);
}
var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
const SdCell = withInstall(Cell);
const _sfc_main$8 = defineComponent({
name: "SdCellGroup",
props: {
title: { type: String, default: "" },
desc: { type: String, default: "" }
}
});
const _hoisted_1$1 = { class: "sd-cell-group" };
const _hoisted_2 = {
key: 0,
class: "sd-cell-group__head"
};
const _hoisted_3 = { class: "sd-cell-group__title" };
const _hoisted_4 = {
key: 0,
class: "sd-cell-group__desc"
};
function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", _hoisted_1$1, [
_ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
createElementVNode("span", _hoisted_3, toDisplayString(_ctx.title), 1),
_ctx.desc ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true)
])) : createCommentVNode("", true),
renderSlot(_ctx.$slots, "default")
]);
}
var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
const SdCellGroup = withInstall(CellGroup);
const _sfc_main$7 = defineComponent({
name: "SdContainer",
props: {
direction: { type: String }
},
setup(props, { slots }) {
const isVertical$ = computed(() => {
if (props.direction === "vertical") {
return true;
} else if (props.direction === "horizontal") {
return false;
}
if (slots && slots.default) {
const vNodes = slots.default();
return vNodes.some((vNode) => {
const tag = vNode.type.name;
return tag === "SdHeader" || tag === "SdFooter";
});
} else {
return false;
}
});
return {
isVertical$
};
}
});
function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", {
class: normalizeClass(["sd-container", { "is-vertical": _ctx.isVertical$ }])
}, [
renderSlot(_ctx.$slots, "default")
], 2);
}
var Container = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
const SdContainer = withInstall(Container);
const _sfc_main$6 = defineComponent({
name: "SdHeader",
props: {
height: { type: [String, Number], default: "auto" }
},
setup(props) {
const style$ = computed(() => {
return {
height: addUnit(props.height)
};
});
return { style$ };
}
});
function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", {
class: "sd-header",
style: normalizeStyle(_ctx.style$)
}, [
renderSlot(_ctx.$slots, "default")
], 4);
}
var Header = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
const SdHeader = withInstall(Header);
const _sfc_main$5 = defineComponent({
name: "SdFooter",
props: {
height: { type: [String, Number], default: "auto" }
},
setup(props) {
const style$ = computed(() => {
return {
height: addUnit(props.height)
};
});
return { style$ };
}
});
function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", {
class: "sd-footer",
style: normalizeStyle(_ctx.style$)
}, [
renderSlot(_ctx.$slots, "default")
], 4);
}
var Footer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
const SdFooter = withInstall(Footer);
const _sfc_main$4 = defineComponent({
name: "SdAside",
props: {
width: { type: [String, Number], default: "auto" }
},
setup(props) {
const style$ = computed(() => {
return {
width: addUnit(props.width)
};
});
return { style$ };
}
});
function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", {
class: "sd-aside",
style: normalizeStyle(_ctx.style$)
}, [
renderSlot(_ctx.$slots, "default")
], 4);
}
var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
const SdAside = withInstall(Aside);
const _sfc_main$3 = defineComponent({
name: "SdMain"
});
const _hoisted_1 = { class: "sd-main" };
function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", _hoisted_1, [
renderSlot(_ctx.$slots, "default")
]);
}
var Main = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
const SdMain = withInstall(Main);
const _sfc_main$2 = defineComponent({
name: "SdRow",
props: {
gutter: { type: Number },
justify: { type: String, default: "start" },
align: { type: String, default: "start" }
},
setup(props) {
provide("parent", { gutter: computed(() => props.gutter) });
const style$ = computed(() => {
return {
justifyContent: props.justify,
alignItems: props.align
};
});
return {
style$
};
}
});
function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", {
class: "sd-row",
style: normalizeStyle(_ctx.style$)
}, [
renderSlot(_ctx.$slots, "default")
], 4);
}
var Row = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
const SdRow = withInstall(Row);
const _sfc_main$1 = defineComponent({
name: "SdCol",
props: {
span: { type: Number, default: 24 },
offset: { type: Number, default: 0 }
},
setup(props) {
const parentInject = inject("parent");
const class$ = computed(() => {
return {
[`sd-col-${props.span}`]: true,
[`sd-col-offset-${props.offset}`]: true,
"sd-col-gutter": !!(parentInject == null ? void 0 : parentInject.gutter.value)
};
});
const style$ = computed(() => {
const gutter = (parentInject == null ? void 0 : parentInject.gutter.value) || 0;
const style = {
paddingLeft: addUnit(gutter / 2),
paddingRight: addUnit(gutter / 2)
};
if (props.span) {
style.width = 100 / 24 * props.span + "%";
}
if (props.offset) {
style["margin-left"] = 100 / 24 * props.offset + "%";
}
return style;
});
return {
class$,
style$
};
}
});
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", {
class: normalizeClass(["sd-col", _ctx.class$]),
style: normalizeStyle(_ctx.style$)
}, [
renderSlot(_ctx.$slots, "default")
], 6);
}
var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
const SdCol = withInstall(Col);
const _sfc_main = defineComponent({
name: "SdDivider",
props: {
type: { type: String },
dashed: { type: Boolean, default: false },
hairline: { type: Boolean, default: false },
contentPosition: { type: String, default: "center" }
},
setup(props, { slots }) {
const class$ = computed(() => {
return {
"is-center": !!slots.default,
"is-left": props.contentPosition === "left",
"is-right": props.contentPosition === "right",
"is-dashed": props.dashed,
"is-hairline": props.hairline
};
});
return {
class$
};
}
});
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", {
class: normalizeClass(["sd-divider", _ctx.class$, _ctx.type ? `sd-divider--${_ctx.type}` : ""])
}, [
renderSlot(_ctx.$slots, "default")
], 2);
}
var Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
const SdDivider = withInstall(Divider);
function install(app) {
const packages = [SdIcon, SdCell, SdCellGroup, SdContainer, SdHeader, SdFooter, SdAside, SdMain, SdRow, SdCol, SdDivider];
packages.forEach((item) => {
if (item.install) {
app.use(item);
} else if (item.name) {
app.component(item.name, item);
}
});
}
var index_build = { install };
export { SdAside, SdCell, SdCellGroup, SdCol, SdContainer, SdDivider, SdFooter, SdHeader, SdIcon, SdMain, SdRow, index_build as default, install };