fantasia-ui 0.3.0 → 0.3.2
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/dist/fantasia-ui.css +6572 -436
- package/dist/fantasia-ui.es.js +13 -9
- package/dist/fantasia-ui.umd.js +13 -9
- package/package.json +1 -1
package/dist/fantasia-ui.es.js
CHANGED
|
@@ -1550,7 +1550,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
1550
1550
|
};
|
|
1551
1551
|
}
|
|
1552
1552
|
});
|
|
1553
|
-
const FAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-
|
|
1553
|
+
const FAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-937a848f"]]);
|
|
1554
1554
|
const _hoisted_1$q = ["type", "disabled"];
|
|
1555
1555
|
const _hoisted_2$m = { class: "f-button__inner" };
|
|
1556
1556
|
const _hoisted_3$l = {
|
|
@@ -1609,20 +1609,21 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
1609
1609
|
return hasContent((_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : []);
|
|
1610
1610
|
});
|
|
1611
1611
|
const buttonStyle = computed(() => {
|
|
1612
|
-
const
|
|
1612
|
+
const sizeKey = typeof mergedSize.value === "number" ? "normal" : mergedSize.value;
|
|
1613
|
+
const s = SIZE_MAP[sizeKey] || SIZE_MAP.normal;
|
|
1613
1614
|
const style = {
|
|
1614
|
-
height: s.h,
|
|
1615
|
+
height: typeof mergedSize.value === "number" ? `${mergedSize.value}px` : s.h,
|
|
1615
1616
|
padding: props.circle ? "0" : s.p,
|
|
1616
1617
|
fontSize: s.f,
|
|
1617
|
-
minWidth: props.circle ? s.h : "auto",
|
|
1618
|
+
minWidth: props.circle ? typeof mergedSize.value === "number" ? `${mergedSize.value}px` : s.h : "auto",
|
|
1618
1619
|
backgroundColor: props.bgColor,
|
|
1619
1620
|
color: props.color,
|
|
1620
1621
|
"--f-button-gap": s.g,
|
|
1621
|
-
"--f-button-h": s.h
|
|
1622
|
+
"--f-button-h": typeof mergedSize.value === "number" ? `${mergedSize.value}px` : s.h
|
|
1622
1623
|
};
|
|
1623
1624
|
if (props.circle) {
|
|
1624
1625
|
style.borderRadius = "50%";
|
|
1625
|
-
style.width = s.h;
|
|
1626
|
+
style.width = typeof mergedSize.value === "number" ? `${mergedSize.value}px` : s.h;
|
|
1626
1627
|
} else if (typeof props.round === "number") {
|
|
1627
1628
|
style.borderRadius = `${props.round}px`;
|
|
1628
1629
|
} else if (props.round === true) {
|
|
@@ -1631,6 +1632,9 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
1631
1632
|
return style;
|
|
1632
1633
|
});
|
|
1633
1634
|
const iconSize = computed(() => {
|
|
1635
|
+
if (typeof mergedSize.value === "number") {
|
|
1636
|
+
return Math.round(mergedSize.value * 0.6);
|
|
1637
|
+
}
|
|
1634
1638
|
const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
|
|
1635
1639
|
return s.i;
|
|
1636
1640
|
});
|
|
@@ -1675,7 +1679,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
1675
1679
|
};
|
|
1676
1680
|
}
|
|
1677
1681
|
});
|
|
1678
|
-
const FButton = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-
|
|
1682
|
+
const FButton = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-84f420be"]]);
|
|
1679
1683
|
const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
1680
1684
|
__name: "FTypography",
|
|
1681
1685
|
props: {
|
|
@@ -2073,7 +2077,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
2073
2077
|
})
|
|
2074
2078
|
}, [
|
|
2075
2079
|
unref(isRequired) ? (openBlock(), createElementBlock("span", _hoisted_1$n, "*")) : createCommentVNode("", true),
|
|
2076
|
-
createTextVNode(" " + toDisplayString(_ctx.label)
|
|
2080
|
+
createTextVNode(" " + toDisplayString(_ctx.label), 1)
|
|
2077
2081
|
], 4)) : createCommentVNode("", true),
|
|
2078
2082
|
createElementVNode("div", _hoisted_2$l, [
|
|
2079
2083
|
renderSlot(_ctx.$slots, "default", {}, void 0, true),
|
|
@@ -2088,7 +2092,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
2088
2092
|
};
|
|
2089
2093
|
}
|
|
2090
2094
|
});
|
|
2091
|
-
const FFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-
|
|
2095
|
+
const FFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-c1ead052"]]);
|
|
2092
2096
|
const _hoisted_1$m = { class: "f-checkbox__wrapper" };
|
|
2093
2097
|
const _hoisted_2$k = ["checked", "disabled"];
|
|
2094
2098
|
const _hoisted_3$j = {
|
package/dist/fantasia-ui.umd.js
CHANGED
|
@@ -1551,7 +1551,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1551
1551
|
};
|
|
1552
1552
|
}
|
|
1553
1553
|
});
|
|
1554
|
-
const FAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-
|
|
1554
|
+
const FAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-937a848f"]]);
|
|
1555
1555
|
const _hoisted_1$q = ["type", "disabled"];
|
|
1556
1556
|
const _hoisted_2$m = { class: "f-button__inner" };
|
|
1557
1557
|
const _hoisted_3$l = {
|
|
@@ -1610,20 +1610,21 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1610
1610
|
return hasContent((_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : []);
|
|
1611
1611
|
});
|
|
1612
1612
|
const buttonStyle = vue.computed(() => {
|
|
1613
|
-
const
|
|
1613
|
+
const sizeKey = typeof mergedSize.value === "number" ? "normal" : mergedSize.value;
|
|
1614
|
+
const s = SIZE_MAP[sizeKey] || SIZE_MAP.normal;
|
|
1614
1615
|
const style = {
|
|
1615
|
-
height: s.h,
|
|
1616
|
+
height: typeof mergedSize.value === "number" ? `${mergedSize.value}px` : s.h,
|
|
1616
1617
|
padding: props.circle ? "0" : s.p,
|
|
1617
1618
|
fontSize: s.f,
|
|
1618
|
-
minWidth: props.circle ? s.h : "auto",
|
|
1619
|
+
minWidth: props.circle ? typeof mergedSize.value === "number" ? `${mergedSize.value}px` : s.h : "auto",
|
|
1619
1620
|
backgroundColor: props.bgColor,
|
|
1620
1621
|
color: props.color,
|
|
1621
1622
|
"--f-button-gap": s.g,
|
|
1622
|
-
"--f-button-h": s.h
|
|
1623
|
+
"--f-button-h": typeof mergedSize.value === "number" ? `${mergedSize.value}px` : s.h
|
|
1623
1624
|
};
|
|
1624
1625
|
if (props.circle) {
|
|
1625
1626
|
style.borderRadius = "50%";
|
|
1626
|
-
style.width = s.h;
|
|
1627
|
+
style.width = typeof mergedSize.value === "number" ? `${mergedSize.value}px` : s.h;
|
|
1627
1628
|
} else if (typeof props.round === "number") {
|
|
1628
1629
|
style.borderRadius = `${props.round}px`;
|
|
1629
1630
|
} else if (props.round === true) {
|
|
@@ -1632,6 +1633,9 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1632
1633
|
return style;
|
|
1633
1634
|
});
|
|
1634
1635
|
const iconSize = vue.computed(() => {
|
|
1636
|
+
if (typeof mergedSize.value === "number") {
|
|
1637
|
+
return Math.round(mergedSize.value * 0.6);
|
|
1638
|
+
}
|
|
1635
1639
|
const s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
|
|
1636
1640
|
return s.i;
|
|
1637
1641
|
});
|
|
@@ -1676,7 +1680,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
1676
1680
|
};
|
|
1677
1681
|
}
|
|
1678
1682
|
});
|
|
1679
|
-
const FButton = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-
|
|
1683
|
+
const FButton = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-84f420be"]]);
|
|
1680
1684
|
const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
|
|
1681
1685
|
__name: "FTypography",
|
|
1682
1686
|
props: {
|
|
@@ -2074,7 +2078,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
2074
2078
|
})
|
|
2075
2079
|
}, [
|
|
2076
2080
|
vue.unref(isRequired) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$n, "*")) : vue.createCommentVNode("", true),
|
|
2077
|
-
vue.createTextVNode(" " + vue.toDisplayString(_ctx.label)
|
|
2081
|
+
vue.createTextVNode(" " + vue.toDisplayString(_ctx.label), 1)
|
|
2078
2082
|
], 4)) : vue.createCommentVNode("", true),
|
|
2079
2083
|
vue.createElementVNode("div", _hoisted_2$l, [
|
|
2080
2084
|
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
|
|
@@ -2089,7 +2093,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
2089
2093
|
};
|
|
2090
2094
|
}
|
|
2091
2095
|
});
|
|
2092
|
-
const FFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-
|
|
2096
|
+
const FFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-c1ead052"]]);
|
|
2093
2097
|
const _hoisted_1$m = { class: "f-checkbox__wrapper" };
|
|
2094
2098
|
const _hoisted_2$k = ["checked", "disabled"];
|
|
2095
2099
|
const _hoisted_3$j = {
|