@atooyu/uxto-ui 1.1.2 → 1.1.4

package/dist/index.js

@@ -14,7 +14,7 @@ const _hoisted_4$g = {
   key: 0,
   class: "u-button__icon"
 };
-const _hoisted_5$d = { class: "u-button__text" };
+const _hoisted_5$c = { class: "u-button__text" };
 const __default__$L = {
   options: {
     virtualHost: true,
@@ -78,7 +78,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("view", { class: "u-button__loading-icon" }, null, -1)
         ])])) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$o, [
           __props.icon ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_4$g, vue.toDisplayString(__props.icon), 1)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("text", _hoisted_5$d, [
+          vue.createElementVNode("text", _hoisted_5$c, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
         ]))
@@ -101,7 +101,7 @@ const _hoisted_1$E = {
 const _hoisted_2$u = { class: "u-input__icon" };
 const _hoisted_3$n = { class: "u-input__body" };
 const _hoisted_4$f = ["type", "value", "placeholder", "placeholder-style", "disabled", "maxlength", "focus", "confirm-type", "adjust-position"];
-const _hoisted_5$c = {
+const _hoisted_5$b = {
   key: 2,
   class: "u-input__suffix"
 };
@@ -194,7 +194,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
         }, [..._cache[0] || (_cache[0] = [
           vue.createElementVNode("text", { class: "u-input__clear-icon" }, "×", -1)
         ])])) : vue.createCommentVNode("", true),
-        _ctx.$slots.suffix || __props.suffixIcon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$c, [
+        _ctx.$slots.suffix || __props.suffixIcon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$b, [
           vue.renderSlot(_ctx.$slots, "suffix", {}, () => [
             vue.createElementVNode("text", _hoisted_6$7, vue.toDisplayString(__props.suffixIcon), 1)
           ], true)
@@ -211,7 +211,7 @@ const _hoisted_2$t = {
 };
 const _hoisted_3$m = ["src"];
 const _hoisted_4$e = { class: "u-cell__content" };
-const _hoisted_5$b = { class: "u-cell__title" };
+const _hoisted_5$a = { class: "u-cell__title" };
 const _hoisted_6$6 = { class: "u-cell__title-text" };
 const _hoisted_7$5 = {
   key: 0,
@@ -279,7 +279,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
           ], true)
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("view", _hoisted_4$e, [
-          vue.createElementVNode("view", _hoisted_5$b, [
+          vue.createElementVNode("view", _hoisted_5$a, [
             vue.createElementVNode("text", _hoisted_6$6, vue.toDisplayString(__props.title), 1),
             __props.label ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_7$5, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true)
           ]),
@@ -339,7 +339,7 @@ const _hoisted_1$B = {
 const _hoisted_2$r = { class: "u-modal__title" };
 const _hoisted_3$k = { class: "u-modal__body" };
 const _hoisted_4$d = { class: "u-modal__message" };
-const _hoisted_5$a = { class: "u-modal__footer" };
+const _hoisted_5$9 = { class: "u-modal__footer" };
 const __default__$H = {
   options: {
     virtualHost: true,
@@ -394,7 +394,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("text", _hoisted_4$d, vue.toDisplayString(__props.message), 1)
             ], true)
           ]),
-          vue.createElementVNode("view", _hoisted_5$a, [
+          vue.createElementVNode("view", _hoisted_5$9, [
             __props.showCancel ? (vue.openBlock(), vue.createElementBlock("view", {
               key: 0,
               class: "u-modal__button u-modal__button--cancel",
@@ -655,29 +655,33 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       return !!getIcon(props.name);
     });
     const iconSrc = vue.computed(() => {
-      const svgData = getIcon(props.name);
-      if (!svgData) return "";
-      if (props.color && svgData.startsWith("data:image/svg+xml")) {
-        try {
-          let svgContent = decodeURIComponent(svgData.replace("data:image/svg+xml,", ""));
-          if (svgContent.includes('fill="currentColor"')) {
-            svgContent = svgContent.replace(/fill="currentColor"/g, `fill="${props.color}"`);
-          } else if (!svgContent.includes("fill=")) {
-            svgContent = svgContent.replace("<svg", `<svg fill="${props.color}"`);
-          } else {
-            svgContent = svgContent.replace(/fill="[^"]*"/g, `fill="${props.color}"`);
-          }
-          return "data:image/svg+xml," + encodeURIComponent(svgContent);
-        } catch (e) {
-          return svgData;
-        }
-      }
-      return svgData;
+      return getIcon(props.name) || "";
     });
     const sizePx = vue.computed(() => {
       const size = typeof props.size === "number" ? props.size : parseInt(props.size);
       return size + "px";
     });
+    const colorToFilter = (color) => {
+      const colorMap = {
+        "#ff9500": "invert(58%) sepia(97%) saturate(1833%) hue-rotate(351deg) brightness(101%) contrast(101%)",
+        "#12b6af": "invert(47%) sepia(85%) saturate(475%) hue-rotate(131deg) brightness(92%) contrast(92%)",
+        "#333333": "invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)",
+        "#666666": "invert(45%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)",
+        "#999999": "invert(70%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)",
+        "#ffffff": "invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)",
+        "#ff4d4f": "invert(46%) sepia(98%) saturate(1925%) hue-rotate(335deg) brightness(101%) contrast(101%)"
+      };
+      const lowerColor = color.toLowerCase();
+      if (colorMap[lowerColor]) {
+        return colorMap[lowerColor];
+      }
+      const hex = color.replace("#", "");
+      const r = parseInt(hex.substring(0, 2), 16);
+      const g = parseInt(hex.substring(2, 4), 16);
+      const b = parseInt(hex.substring(4, 6), 16);
+      const hue = Math.atan2(Math.sqrt(3) * (g - b), 2 * r - g - b) * 180 / Math.PI;
+      return `invert(1) sepia(1) saturate(10000%) hue-rotate(${hue}deg)`;
+    };
     const iconStyle = vue.computed(() => {
       const size = typeof props.size === "number" ? props.size : parseInt(props.size);
       const style = {
@@ -685,6 +689,9 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
         width: size + "px",
         height: size + "px"
       };
+      if (props.color && isSvgIcon.value) {
+        style.filter = colorToFilter(props.color);
+      }
       if (props.color && !isSvgIcon.value) {
         style.color = props.color;
       }
@@ -713,7 +720,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const UIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-632e7780"]]);
+const UIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-535b2661"]]);
 const __default__$F = {
   options: {
     virtualHost: true,
@@ -2065,7 +2072,7 @@ const _hoisted_4$c = {
   key: 0,
   class: "u-grid-item__badge"
 };
-const _hoisted_5$9 = { class: "u-grid-item__badge-text" };
+const _hoisted_5$8 = { class: "u-grid-item__badge-text" };
 const _hoisted_6$5 = {
   key: 1,
   class: "u-grid-item__text"
@@ -2135,7 +2142,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, _hoisted_2$i)) : __props.icon ? (vue.openBlock(), vue.createElementBlock("text", _hoisted_3$f, vue.toDisplayString(__props.icon), 1)) : vue.createCommentVNode("", true)
           ], true),
           __props.badge !== void 0 && __props.badge !== null && __props.badge !== "" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$c, [
-            vue.createElementVNode("text", _hoisted_5$9, vue.toDisplayString(__props.badge), 1)
+            vue.createElementVNode("text", _hoisted_5$8, vue.toDisplayString(__props.badge), 1)
           ])) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
         __props.text || _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$5, [
@@ -2148,17 +2155,16 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const uGridItem = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-de6f40c1"]]);
-const _hoisted_1$l = { class: "u-swiper" };
-const _hoisted_2$h = {
+const _hoisted_1$l = {
   key: 0,
   class: "u-swiper__loading"
 };
-const _hoisted_3$e = {
+const _hoisted_2$h = {
   key: 1,
   class: "u-swiper__title"
 };
-const _hoisted_4$b = { class: "u-swiper__title-text" };
-const _hoisted_5$8 = {
+const _hoisted_3$e = { class: "u-swiper__title-text" };
+const _hoisted_4$b = {
   key: 2,
   class: "u-swiper__indicator"
 };
@@ -2261,7 +2267,10 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_swiper = vue.resolveComponent("swiper");
-      return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$l, [
+      return vue.openBlock(), vue.createElementBlock("view", {
+        class: "u-swiper",
+        style: vue.normalizeStyle({ "--swiper-height": swiperHeight.value })
+      }, [
         vue.createVNode(_component_swiper, {
           class: "u-swiper__wrapper",
           autoplay: __props.autoplay,
@@ -2281,13 +2290,13 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 3
         }, 8, ["autoplay", "interval", "duration", "indicator-dots", "indicator-color", "indicator-active-color", "circular", "vertical", "current"]),
-        __props.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$h, [..._cache[0] || (_cache[0] = [
+        __props.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$l, [..._cache[0] || (_cache[0] = [
           vue.createElementVNode("view", { class: "u-swiper__loading-icon" }, null, -1)
         ])])) : vue.createCommentVNode("", true),
-        __props.showTitle && currentTitle.value ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$e, [
-          vue.createElementVNode("text", _hoisted_4$b, vue.toDisplayString(currentTitle.value), 1)
+        __props.showTitle && currentTitle.value ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$h, [
+          vue.createElementVNode("text", _hoisted_3$e, vue.toDisplayString(currentTitle.value), 1)
         ])) : vue.createCommentVNode("", true),
-        showIndicator.value && indicatorSlot.value ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$8, [
+        showIndicator.value && indicatorSlot.value ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$b, [
           vue.renderSlot(_ctx.$slots, "indicator", {
             current: currentIndex.value,
             total: itemCount.value
@@ -2305,11 +2314,11 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
             }, null, 2);
           }), 128))
         ], 6)) : vue.createCommentVNode("", true)
-      ]);
+      ], 4);
     };
   }
 });
-const uSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-aa989e67"]]);
+const uSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-58aa8214"]]);
 const __default__$o = {
   options: {
     virtualHost: true,