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.
@@ -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-d83ce6c0"]]);
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 s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
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-c2d9a970"]]);
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) + "锛? ", 1)
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-42312371"]]);
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 = {
@@ -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-d83ce6c0"]]);
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 s = SIZE_MAP[mergedSize.value] || SIZE_MAP.normal;
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-c2d9a970"]]);
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) + "锛? ", 1)
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-42312371"]]);
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 = {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "fantasia-ui",
3
3
  "private": false,
4
- "version": "0.3.0",
4
+ "version": "0.3.2",
5
5
  "type": "module",
6
6
  "main": "dist/fantasia-ui.umd.js",
7
7
  "module": "dist/fantasia-ui.es.js",