@solar-taro/ui-sun 1.2.3 → 1.2.4

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.2.3 (2025-08-01)
+
+This was a version bump only for ui-sun to align it with other projects, there were no code changes.
+
 ## 1.2.2 (2025-07-26)
 
 ### 🩹 Fixes

package/index10.js

@@ -1,62 +1,39 @@
-import { defineComponent as l, renderSlot as s, createElementVNode as a, mergeProps as f, withModifiers as p, normalizeClass as i, normalizeStyle as u, openBlock as d, createElementBlock as c } from "vue";
-const n = s, t = a, v = f, m = p, y = i, g = u, w = d, S = c, x = { class: "sun-popover-trigger" }, k = /* @__PURE__ */ l({
+import { defineComponent as m, mergeModels as d, useModel as v, computed as t, renderSlot as w, createElementVNode as g, mergeProps as k, withModifiers as y, normalizeClass as $, normalizeStyle as h, openBlock as b, createElementBlock as B } from "vue";
+const p = w, n = g, M = k, z = y, E = $, S = h, C = b, N = B, T = /* @__PURE__ */ m({
   __name: "index",
-  props: {
-    /** 是否显示 */
-    show: {
-      type: Boolean,
-      default: void 0
-    },
-    /** popover的横轴位置：left，right，start，end，center */
-    x: {
-      type: String,
-      default: "left"
-    },
-    /** popover的纵轴位置：top，bottom，start，end，center */
-    y: {
-      type: String,
-      default: "center"
-    },
-    /** 横轴偏移度 */
-    offsetX: {
-      type: String,
-      default: "4px"
-    },
-    /** 纵轴偏移度 */
-    offsetY: {
-      type: String,
-      default: "4px"
-    },
-    /** popover背景 */
-    bg: {
-      type: String,
-      default: "#fff"
-    },
-    /** popover文字颜色 */
-    color: {
-      type: String,
-      default: "#000"
-    }
-  },
-  setup(e) {
-    return (o, r) => (w(), S("view", {
-      class: y(["sun-popover", [{ "sun-popover-show": e.show }, `sun-popover-x-${e.x}`, `sun-popover-y-${e.y}`]]),
-      style: g({ "--popover-x-offset": e.offsetX, "--popover-y-offset": e.offsetY, "--popover-background": e.bg }),
-      onTap: m(($) => !1, ["stop"])
+  props: /* @__PURE__ */ d({
+    placement: {},
+    offset: { default: "6px" },
+    background: { default: "rgba(0, 0, 0, 0.5)" },
+    color: { default: "#fff" }
+  }, {
+    show: { type: Boolean },
+    showModifiers: {}
+  }),
+  emits: ["update:show"],
+  setup(r) {
+    const o = r, l = v(r, "show"), a = t(() => ["left", "right"].includes(o.placement[0])), u = t(() => ["top", "bottom"].includes(o.placement[1])), f = t(() => a.value ? o.offset : "0px"), i = t(() => u.value ? o.offset : "0px");
+    return (e, s) => (C(), N("view", {
+      class: E(["sun-popover", [{ "sun-popover-show": l.value }, `sun-popover-x-${e.placement[0]}`, `sun-popover-y-${e.placement[1]}`]]),
+      style: S({ "--popover-x-offset": f.value, "--popover-y-offset": i.value, "--popover-background": e.background }),
+      onTap: z((c) => !1, ["stop"])
     }, [
-      t("view", x, [
-        n(o.$slots, "default")
-      ]),
-      t("view", v(o.$attrs, {
+      n("view", {
+        class: "sun-popover-trigger",
+        onTap: s[0] || (s[0] = (c) => l.value = !l.value)
+      }, [
+        p(e.$slots, "default")
+      ], 32),
+      n("view", M(e.$attrs, {
         class: "sun-popover-container",
         style: { color: e.color }
       }), [
-        r[0] || (r[0] = t("view", { class: "sun-popover-arrow" }, null, -1)),
-        n(o.$slots, "content")
+        s[1] || (s[1] = n("view", { class: "sun-popover-arrow" }, null, -1)),
+        p(e.$slots, "content")
       ], 16)
     ], 38));
   }
 });
 export {
-  k as default
+  T as default
 };

package/index19.js

@@ -1,5 +1,5 @@
 import { renderSlot as r, mergeProps as o, openBlock as t, createElementBlock as n } from "vue";
-import c from "./index32.js";
+import c from "./index25.js";
 const s = {}, l = r, a = o, f = t, _ = n;
 function m(e, p) {
   return f(), _("view", a(e.$attrs, { class: "sun-fab" }), [

package/index20.js

@@ -1,5 +1,5 @@
 import { renderSlot as o, mergeProps as r, openBlock as t, createElementBlock as s } from "vue";
-import n from "./index32.js";
+import n from "./index25.js";
 const c = {}, l = o, m = r, _ = t, a = s;
 function u(e, d) {
   return _(), a("view", m(e.$attrs, { class: "sun-sudoku-item" }), [

package/index21.js

@@ -1,4 +1,4 @@
-import f from "./index4.js";
+import f from "./index3.js";
 export {
   f as default
 };

package/index22.js

@@ -1,4 +1,4 @@
-import f from "./index3.js";
+import f from "./index5.js";
 export {
   f as default
 };

package/index23.js

@@ -1,4 +1,4 @@
-import f from "./index5.js";
+import f from "./index4.js";
 export {
   f as default
 };

package/index24.js

@@ -1,4 +1,4 @@
-import f from "./index7.js";
+import f from "./index6.js";
 export {
   f as default
 };

package/index25.js

@@ -1,4 +1,9 @@
-import f from "./index8.js";
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
 export {
-  f as default
+  s as default
 };

package/index26.js

@@ -1,4 +1,4 @@
-import f from "./index9.js";
+import f from "./index7.js";
 export {
   f as default
 };

package/index27.js

@@ -1,4 +1,4 @@
-import f from "./index15.js";
+import f from "./index9.js";
 export {
   f as default
 };

package/index28.js

@@ -1,4 +1,4 @@
-import f from "./index16.js";
+import f from "./index8.js";
 export {
   f as default
 };

package/index29.js

@@ -1,4 +1,4 @@
-import f from "./index17.js";
+import f from "./index14.js";
 export {
   f as default
 };

package/index30.js

@@ -1,4 +1,4 @@
-import f from "./index18.js";
+import f from "./index11.js";
 export {
   f as default
 };

package/index31.js

@@ -1,4 +1,4 @@
-import f from "./index6.js";
+import f from "./index12.js";
 export {
   f as default
 };

package/index32.js

@@ -1,9 +1,4 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
+import f from "./index10.js";
 export {
-  s as default
+  f as default
 };

package/index34.js

@@ -1,4 +1,4 @@
-import f from "./index11.js";
+import f from "./index15.js";
 export {
   f as default
 };

package/index35.js

@@ -1,4 +1,4 @@
-import f from "./index12.js";
+import f from "./index16.js";
 export {
   f as default
 };

package/index36.js

@@ -1,4 +1,4 @@
-import f from "./index10.js";
+import f from "./index17.js";
 export {
   f as default
 };

package/index37.js

@@ -1,4 +1,4 @@
-import f from "./index14.js";
+import f from "./index18.js";
 export {
   f as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solar-taro/ui-sun",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",

package/popover/index.scss

@@ -1,99 +1,100 @@
 .sun-popover {
+  --border-radius: 6px;
   position: relative;
   display: inline-flex;
+}
 
-  &.sun-popover-show > .sun-popover-container {
-    opacity: 1;
-    visibility: visible;
-  }
+.sun-popover-container {
+  position: absolute;
+  background: var(--popover-background);
+  border-radius: var(--border-radius);
+  text-align: left;
+  opacity: 0;
+  visibility: hidden;
+  transition:
+    opacity ease-out 0.15s,
+    visibility ease-out 0.15s;
+  z-index: 1;
 
-  &.sun-popover-x-center {
-    justify-content: center;
-
-    &.sun-popover-y-bottom .sun-popover-arrow {
-      left: 50%;
-      bottom: 100%;
-      transform: translateX(-50%);
-      border-bottom-color: var(--popover-background);
-    }
-
-    &.sun-popover-y-top .sun-popover-arrow {
-      left: 50%;
-      top: 100%;
-      transform: translateX(-50%);
-      border-top-color: var(--popover-background);
-    }
+  > .sun-popover-arrow {
+    position: absolute;
+    border: 4px solid transparent;
   }
+}
 
-  &.sun-popover-x-left .sun-popover-container {
-    right: calc(100% + var(--popover-x-offset));
-  }
+.sun-popover-show > .sun-popover-container {
+  opacity: 1;
+  visibility: visible;
+}
 
-  &.sun-popover-x-right .sun-popover-container {
-    left: calc(100% + var(--popover-x-offset));
-  }
+.sun-popover-x-center {
+  justify-content: center;
 
-  &.sun-popover-x-start .sun-popover-container {
-    left: 0;
+  &.sun-popover-y-bottom .sun-popover-arrow {
+    left: 50%;
+    bottom: 100%;
+    transform: translateX(-50%);
+    border-bottom-color: var(--popover-background);
   }
 
-  &.sun-popover-x-end .sun-popover-container {
-    right: 0;
+  &.sun-popover-y-top .sun-popover-arrow {
+    left: 50%;
+    top: 100%;
+    transform: translateX(-50%);
+    border-top-color: var(--popover-background);
   }
+}
 
-  &.sun-popover-y-center {
-    align-items: center;
-
-    &.sun-popover-x-left .sun-popover-arrow {
-      left: 100%;
-      top: 50%;
-      transform: translateY(-50%);
-      border-left-color: var(--popover-background);
-    }
-
-    &.sun-popover-x-right .sun-popover-arrow {
-      right: 100%;
-      top: 50%;
-      transform: translateY(-50%);
-      border-right-color: var(--popover-background);
-    }
-  }
+.sun-popover-x-left .sun-popover-container {
+  right: calc(100% + var(--popover-x-offset));
+}
+
+.sun-popover-x-right .sun-popover-container {
+  left: calc(100% + var(--popover-x-offset));
+}
+
+.sun-popover-x-start .sun-popover-container {
+  left: 0;
+}
+
+.sun-popover-x-end .sun-popover-container {
+  right: 0;
+}
+
+.sun-popover-y-center {
+  align-items: center;
 
-  &.sun-popover-y-bottom {
-    .sun-popover-container {
-      top: calc(100% + var(--popover-y-offset));
-    }
+  &.sun-popover-x-left .sun-popover-arrow {
+    left: 100%;
+    top: 50%;
+    transform: translateY(-50%);
+    border-left-color: var(--popover-background);
   }
 
-  &.sun-popover-y-top {
-    .sun-popover-container {
-      bottom: calc(100% + var(--popover-y-offset));
-    }
+  &.sun-popover-x-right .sun-popover-arrow {
+    right: 100%;
+    top: 50%;
+    transform: translateY(-50%);
+    border-right-color: var(--popover-background);
   }
+}
 
-  &.sun-popover-y-start .sun-popover-container {
-    top: 0;
+.sun-popover-y-bottom {
+  .sun-popover-container {
+    top: calc(100% + var(--popover-y-offset));
   }
+}
 
-  &.sun-popover-y-end .sun-popover-container {
-    bottom: 0;
+.sun-popover-y-top {
+  .sun-popover-container {
+    bottom: calc(100% + var(--popover-y-offset));
   }
 }
 
-.sun-popover-container {
-  position: absolute;
-  background: var(--popover-background);
-  border-radius: 8px;
-  text-align: left;
-  opacity: 0;
-  visibility: hidden;
-  transition:
-    opacity ease-out 0.15s,
-    visibility ease-out 0.15s;
-  z-index: 1;
+.sun-popover-y-start .sun-popover-container {
+  top: 0;
+}
 
-  > .sun-popover-arrow {
-    position: absolute;
-    border: 4px solid transparent;
-  }
+.sun-popover-y-end .sun-popover-container {
+  bottom: 0;
 }

package/popover/index.vue.d.ts

@@ -1,87 +1,49 @@
+type PlacementX = 'left' | 'right' | 'start' | 'end' | 'center';
+type PlacementY = 'top' | 'bottom' | 'start' | 'end' | 'center';
 declare function __VLS_template(): {
     default?(_: {}): any;
     content?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /** 是否显示 */
-    show: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    /** popover的横轴位置：left，right，start，end，center */
-    x: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** popover的纵轴位置：top，bottom，start，end，center */
-    y: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** 横轴偏移度 */
-    offsetX: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** 纵轴偏移度 */
-    offsetY: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** popover背景 */
-    bg: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** popover文字颜色 */
+    show: import('vue').PropType<boolean>;
     color: {
-        type: StringConstructor;
+        type: import('vue').PropType<string>;
         default: string;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /** 是否显示 */
-    show: {
-        type: BooleanConstructor;
-        default: undefined;
+    placement: {
+        type: import('vue').PropType<[PlacementX, PlacementY]>;
+        required: true;
     };
-    /** popover的横轴位置：left，right，start，end，center */
-    x: {
-        type: StringConstructor;
+    offset: {
+        type: import('vue').PropType<string>;
         default: string;
     };
-    /** popover的纵轴位置：top，bottom，start，end，center */
-    y: {
-        type: StringConstructor;
+    background: {
+        type: import('vue').PropType<string>;
         default: string;
     };
-    /** 横轴偏移度 */
-    offsetX: {
-        type: StringConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    show: import('vue').PropType<boolean>;
+    color: {
+        type: import('vue').PropType<string>;
         default: string;
     };
-    /** 纵轴偏移度 */
-    offsetY: {
-        type: StringConstructor;
-        default: string;
+    placement: {
+        type: import('vue').PropType<[PlacementX, PlacementY]>;
+        required: true;
     };
-    /** popover背景 */
-    bg: {
-        type: StringConstructor;
+    offset: {
+        type: import('vue').PropType<string>;
         default: string;
     };
-    /** popover文字颜色 */
-    color: {
-        type: StringConstructor;
+    background: {
+        type: import('vue').PropType<string>;
         default: string;
     };
 }>> & Readonly<{}>, {
     color: string;
-    offsetY: string;
-    show: boolean;
-    x: string;
-    y: string;
-    offsetX: string;
-    bg: string;
+    offset: string;
+    background: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;