@solar-taro/ui-sun 1.6.4 → 2.0.0

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 1.6.5 (2025-11-10)
+
+### 🚀 Features
+
+- **ui-sun/qrcode:** add rendered event
+- **ui-sun/qrcode:** expose getDataURL funtion
+- **ui-sun:** add qrcode component
+
+### ❤️ Thank You
+
+- HyperLife1119
+
+## 1.6.4 (2025-11-05)
+
+This was a version bump only for ui-sun to align it with other projects, there were no code changes.
+
 ## 1.6.3 (2025-11-03)
 
 This was a version bump only for ui-sun to align it with other projects, there were no code changes.

package/accordion/index.vue.d.ts

@@ -1,22 +1,28 @@
+type __VLS_Props = {
+    disabled?: boolean;
+};
 declare function toggle(): void;
+type __VLS_PublicProps = {
+    'expanded'?: boolean;
+} & __VLS_Props;
 declare function __VLS_template(): {
-    default?(_: {}): any;
-    content?(_: {
-        toggle: typeof toggle;
-    }): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    expanded: import('vue').PropType<boolean>;
-    disabled: {
-        type: import('vue').PropType<boolean>;
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        content?(_: {
+            toggle: typeof toggle;
+        }): any;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    expanded: import('vue').PropType<boolean>;
-    disabled: {
-        type: import('vue').PropType<boolean>;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+    refs: {};
+    rootEl: SVGViewElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:expanded": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGViewElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/chip/index.vue.d.ts

@@ -1,45 +1,24 @@
 import { Color } from '../typing';
-
+type __VLS_Props = {
+    type?: 'solid' | 'translucent' | 'outline';
+    size?: 'small' | 'default' | 'large';
+    color: Color;
+};
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: SVGViewElement;
 };
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    type?: "solid" | "translucent" | "outline";
-    size?: "small" | "default" | "large";
-    color: Color;
-}>, {
-    type: string;
-    size: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    type?: "solid" | "translucent" | "outline";
-    size?: "small" | "default" | "large";
-    color: Color;
-}>, {
-    type: string;
-    size: string;
-}>>> & Readonly<{}>, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     type: "solid" | "translucent" | "outline";
     size: "small" | "default" | "large";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGViewElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/circular-progress/index.vue.d.ts

@@ -1,37 +1,11 @@
 import { Color } from '../typing';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     value: number;
     size: string;
     strokeWidth: string;
     color?: Color;
-}>, {
-    color: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    value: number;
-    size: string;
-    strokeWidth: string;
-    color?: Color;
-}>, {
-    color: string;
-}>>> & Readonly<{}>, {
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     color: Color;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGViewElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/fab/fab-group.vue.d.ts

@@ -1,6 +1,12 @@
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: SVGViewElement;
 };
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     offsetY: {
         type: (NumberConstructor | StringConstructor)[];
@@ -13,8 +19,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>> & Readonly<{}>, {
     offsetY: string | number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGViewElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/fab/fab.vue.d.ts

@@ -1,8 +1,14 @@
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: SVGViewElement;
 };
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGViewElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/fab/index.scss

@@ -3,14 +3,22 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  width: 54px;
-  height: 54px;
-  border-radius: 20px;
+  width: 56px;
+  height: 56px;
+  border-radius: 18px;
+  box-shadow:
+    0 10px 15px -3px rgb(0 0 0 / 0.1),
+    0 4px 6px -4px rgb(0 0 0 / 0.1);
+  transition: transform ease-out 0.2s;
 
   &:not(:last-child) {
     margin-bottom: 10px;
   }
 
+  &.hover {
+    transform: scale(1.1);
+  }
+
   &-group {
     position: fixed;
     right: calc(15px + var(--safe-right));

package/icon/index.scss

@@ -1,9 +1,10 @@
 @use "./ionicon";
 
 .sun-icon {
-  display: inline;
+  display: inline-block;
   contain: strict;
-  color: currentColor;
-  font-size: 1em;
+  line-height: 1;
+  height: 1em;
+  width: 1em;
   box-sizing: content-box;
 }

package/icon/index.vue.d.ts

@@ -1,24 +1,5 @@
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    name: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+type __VLS_Props = {
     name: string;
-}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
 };
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGViewElement>;
+export default _default;

package/index.d.ts

@@ -3,14 +3,17 @@ export * from './chip';
 export * from './circular-progress';
 export * from './fab';
 export * from './icon';
+export * from './item';
 export * from './lazy-render';
 export * from './list-header';
 export * from './navbar';
 export * from './plugin';
 export * from './popover';
+export * from './qrcode';
 export * from './segment';
 export * from './slider-captcha';
 export * from './spinner';
 export * from './sudoku';
+export * from './tabbar';
 export * from './table';
 export * from './virtual-scroll';

package/index.js

@@ -5,40 +5,46 @@ import { default as S } from "./index5.js";
 import { default as d } from "./index6.js";
 import { default as m } from "./index7.js";
 import { default as x } from "./index8.js";
-import { default as b } from "./index9.js";
+import { default as c } from "./index9.js";
 import { default as C } from "./index10.js";
-import { default as T } from "./index11.js";
-import { default as k } from "./index12.js";
-import { default as F } from "./index13.js";
+import { default as g } from "./index11.js";
+import { default as h } from "./index12.js";
+import { default as v } from "./index13.js";
 import { default as L } from "./index14.js";
 import { default as R } from "./index15.js";
 import { default as y } from "./index16.js";
 import { default as A } from "./index17.js";
 import { default as G } from "./index18.js";
 import { default as N } from "./index19.js";
-import { default as j } from "./index20.js";
-import { default as D } from "./index21.js";
-import { default as J } from "./index22.js";
+import { default as V } from "./index20.js";
+import { default as q } from "./index21.js";
+import { default as E } from "./index22.js";
+import { default as K } from "./index23.js";
+import { default as O } from "./index24.js";
+import { default as W } from "./index25.js";
 export {
   o as SolarSun,
   t as SunAccordion,
   f as SunChip,
   S as SunCircularProgress,
-  j as SunFab,
+  K as SunFab,
   d as SunFabGroup,
   m as SunIcon,
-  x as SunLazyRender,
-  D as SunListHeader,
-  b as SunNavbar,
-  C as SunPopover,
-  k as SunSegment,
-  T as SunSegmentBtn,
-  F as SunSliderCaptcha,
-  L as SunSpinner,
-  R as SunSudoku,
-  J as SunSudokuItem,
-  G as SunTb,
-  y as SunTbCell,
-  A as SunTbRow,
-  N as SunVirtualScroll
+  x as SunItem,
+  c as SunLazyRender,
+  O as SunListHeader,
+  C as SunNavbar,
+  g as SunPopover,
+  h as SunQrcode,
+  L as SunSegment,
+  v as SunSegmentBtn,
+  R as SunSliderCaptcha,
+  y as SunSpinner,
+  A as SunSudoku,
+  W as SunSudokuItem,
+  G as SunTabbar,
+  q as SunTb,
+  N as SunTbCell,
+  V as SunTbRow,
+  E as SunVirtualScroll
 };

package/index10.js

@@ -1,39 +1,30 @@
-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({
+import { defineComponent as i, renderSlot as d, createElementVNode as s, openBlock as c, createElementBlock as l } from "vue";
+import { withPixel as t } from "@solar-kit/core";
+import { getNavbarRect as p } from "@solar-taro/core";
+const a = d, o = s, g = c, m = l, v = { class: "sun-navbar-inner" }, b = { class: "sun-navbar-center" }, k = /* @__PURE__ */ i({
   __name: "index",
-  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"])
+  setup(_) {
+    const e = p(), r = {
+      "--navbar-height": t(e.height),
+      "--navbar-content-height": t(e.buttonHeight),
+      "--navbar-padding-top": t(e.paddingTop),
+      "--navbar-padding-bottom": t(e.paddingBottom),
+      "--navbar-padding-left": t(e.paddingLeft),
+      "--navbar-padding-right": t(e.paddingRight)
+    };
+    return (n, h) => (g(), m("view", {
+      class: "sun-navbar",
+      style: r
     }, [
-      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 }
-      }), [
-        s[1] || (s[1] = n("view", { class: "sun-popover-arrow" }, null, -1)),
-        p(e.$slots, "content")
-      ], 16)
-    ], 38));
+      o("view", v, [
+        a(n.$slots, "default"),
+        o("view", b, [
+          a(n.$slots, "center")
+        ])
+      ])
+    ]));
   }
 });
 export {
-  T as default
+  k as default
 };

package/index11.js

@@ -1,25 +1,39 @@
-import { defineComponent as p, inject as a, getCurrentInstance as c, onUnmounted as m, unref as u, renderSlot as i, mergeProps as _, openBlock as f, createElementBlock as v } from "vue";
-import { ACTIVE_CHILD as d, PARENT as g } from "./index46.js";
-const o = u, k = i, C = _, B = f, E = v, $ = /* @__PURE__ */ p({
-  __name: "segment-btn",
-  props: {
-    value: {}
-  },
-  setup(b) {
-    const l = a(d), e = a(g), n = c();
-    return m(() => {
-      e.unlink(n);
-    }), e.link(n), (t, r) => {
-      var s;
-      return B(), E("view", C(t.$attrs, {
-        class: ["sun-segment-btn", { "sun-segment-btn-active": ((s = o(l)) == null ? void 0 : s.props.value) === t.value }],
-        onTap: r[0] || (r[0] = (I) => o(e).active(o(n)))
+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: /* @__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"])
+    }, [
+      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 }
       }), [
-        k(t.$slots, "default")
-      ], 16);
-    };
+        s[1] || (s[1] = n("view", { class: "sun-popover-arrow" }, null, -1)),
+        p(e.$slots, "content")
+      ], 16)
+    ], 38));
   }
 });
 export {
-  $ as default
+  T as default
 };

package/index12.js

@@ -1,55 +1,81 @@
-import { defineComponent as x, getCurrentInstance as V, shallowRef as E, shallowReactive as k, computed as a, provide as i, watch as C, onMounted as w, renderSlot as y, createElementVNode as B, mergeProps as I, openBlock as O, createElementBlock as A } from "vue";
-import { ACTIVE_CHILD as N, PARENT as P } from "./index46.js";
-const R = y, T = B, b = I, L = O, S = A, $ = { class: "sun-segment-inner" }, M = /* @__PURE__ */ x({
-  __name: "segment",
+import { defineComponent as C, watch as I, onMounted as L, onUnmounted as M, createElementVNode as k, unref as w, openBlock as z, createElementBlock as R } from "vue";
+import { createSelectorQuery as y, getWindowInfo as Q, previewImage as S } from "@tarojs/taro";
+import { QrCode as U, QrCodeEcc as a } from "./index53.js";
+const h = k, A = w, B = z, D = R;
+let T = 1;
+const N = /* @__PURE__ */ C({
+  __name: "index",
   props: {
-    modelValue: {}
+    value: {},
+    color: { default: "#000000" },
+    backgroundColor: { default: "transparent" },
+    level: { default: "M" }
   },
-  emits: ["update:modelValue", "change"],
-  setup(p, { emit: v }) {
-    const r = v, c = p, m = V(), o = E(null), t = k([]), d = a(() => t.indexOf(o.value)), f = a(() => t.length), g = a(() => ({
-      "--segment-length": f.value,
-      "--segment-active-index": d.value
-    }));
-    i(N, o), i(P, {
-      link: (e) => {
-        const n = u();
-        t.push(e), t.sort((s, l) => {
-          const h = n.indexOf(s.vnode), _ = n.indexOf(l.vnode);
-          return h - _;
-        });
-      },
-      unlink: (e) => {
-        t.slice(t.indexOf(e), 1);
-      },
-      active: (e) => {
-        r("change", {
-          value: e.props.value,
-          index: d.value
-        }), r("update:modelValue", e.props.value), o.value = e;
-      }
-    }), C(() => c.modelValue, (e) => {
-      o.value = t.find((n) => n.props.value === e);
+  emits: ["rendered"],
+  setup(m, { expose: v, emit: g }) {
+    let n, i, l, s = !1;
+    const u = `sun-qrcode-captcha-${T++}`, x = {
+      L: a.LOW,
+      M: a.MEDIUM,
+      Q: a.QUARTILE,
+      H: a.HIGH
+    }, _ = g, c = m;
+    v({
+      getDataURL: p
     });
-    function u() {
-      return m.subTree.children[0].children[0].children.filter((e) => typeof e.type != "symbol");
+    function d() {
+      setTimeout(() => {
+        y().select(`#${u}`).fields({ node: !0, size: !0 }).exec(([{ node: t, width: e, height: r }]) => {
+          if (s) return;
+          if (!r || !e)
+            return d();
+          const o = Q().pixelRatio;
+          n = t, l = n.getContext("2d"), i = e, n.width = e * o, n.height = r * o, l.scale(o, o), f();
+        });
+      }, 50);
+    }
+    function f() {
+      const t = U.encodeText(c.value, x[c.level]), e = i / (t.size + 2);
+      l.fillStyle = c.backgroundColor, l.fillRect(0, 0, n.width, n.height), l.fillStyle = c.color;
+      for (let r = 0; r < t.size; r++)
+        for (let o = 0; o < t.size; o++)
+          t.getModule(o, r) && l.fillRect(
+            o * e + e,
+            // +moduleSize 留出边距
+            r * e + e,
+            e,
+            e
+          );
+      _("rendered");
     }
-    return w(() => {
-      const e = u();
-      t.forEach((n) => {
-        const s = e.findIndex((l) => l === n.vnode);
-        n.props.value === void 0 && (n.props.value = s), n.props.value === c.modelValue && (o.value = n);
+    function p() {
+      return n.toDataURL("image/png", 1);
+    }
+    function E() {
+      const t = p();
+      S({
+        current: t,
+        urls: [t]
       });
-    }), (e, n) => (L(), S("view", b(e.$attrs, {
-      class: "sun-segment",
-      style: g.value
-    }), [
-      T("view", $, [
-        R(e.$slots, "default")
-      ])
-    ], 16));
+    }
+    return I(() => c.value, () => {
+      l && f();
+    }), L(() => {
+      d();
+    }), M(() => {
+      s = !0;
+    }), (t, e) => (B(), D("view", {
+      class: "sun-qrcode",
+      onTap: e[0] || (e[0] = (r) => A(n) && E())
+    }, [
+      h("canvas", {
+        id: u,
+        type: "2d",
+        class: "sun-slider-captcha-canvas"
+      })
+    ], 32));
   }
 });
 export {
-  M as default
+  N as default
 };