@das-fed/ui 7.0.7-hot.17 → 7.0.7-hot.19

package/packages/business-components/ai-panel/{index-IzGl26KU.js → index-d7mK0plW.js}

@@ -1,9 +1,9 @@
-import { defineComponent as v, ref as a, createBlock as g, openBlock as x, unref as s, withCtx as y, createTextVNode as c, createElementVNode as D, toDisplayString as r } from "vue";
+import { defineComponent as _, ref as a, createBlock as g, openBlock as x, unref as s, withCtx as y, createTextVNode as c, createElementVNode as D, toDisplayString as r } from "vue";
 import { DasDialog as C } from "@das-fed/ui/packages/components/dialog/index";
 import { t as V } from "@das-fed/web/packages/i18n/index";
 const b = {
   name: "deleteDialog"
-}, B = /* @__PURE__ */ v({
+}, B = /* @__PURE__ */ _({
   ...b,
   emits: ["confirm", "cancel", "close"],
   setup(k, { expose: i, emit: f }) {
@@ -26,7 +26,7 @@ const b = {
       size: "mini",
       feedType: "delete",
       modelValue: e.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (_) => e.value = _),
+      "onUpdate:modelValue": o[0] || (o[0] = (v) => e.value = v),
       type: "feedback",
       "destroy-on-close": "",
       bodyStyle: "font-size: 16px;"
@@ -50,8 +50,8 @@ const b = {
           /* TEXT */
         )
       ]),
-      _: 1,
-      __: [1]
+      _: 1
+      /* STABLE */
     }, 8, ["modelValue"]));
   }
 });

package/packages/business-components/ai-panel/index.js

@@ -1,7 +1,7 @@
 import '@das-fed/ui/packages/business-components/ai-panel/style.css';
 import "vue";
 import "@das-fed/utils/with-install/index";
-import { D as m, a as p } from "./index-8yffh0Id.js";
+import { D as m, a as p } from "./index-DP1B0qnu.js";
 import "@das-fed/web/packages/i18n/index";
 export {
   m as DasAiPanel,

package/packages/business-components/app-container/index.js

@@ -1,15 +1,15 @@
 import '@das-fed/ui/packages/business-components/app-container/style.css';
 import { withInstall as U } from "@das-fed/utils/with-install/index";
-import { defineComponent as $, computed as k, ref as M, watch as z, onMounted as O, createBlock as f, openBlock as c, unref as i, withCtx as h, createElementVNode as l, normalizeStyle as x, normalizeClass as G, createElementBlock as r, Fragment as g, renderList as _, createCommentVNode as D, toDisplayString as y, withDirectives as q, createTextVNode as j } from "vue";
+import { defineComponent as $, computed as x, ref as M, watch as z, onMounted as O, createBlock as h, openBlock as a, unref as i, withCtx as g, createElementVNode as s, normalizeStyle as D, normalizeClass as G, createElementBlock as r, Fragment as _, renderList as y, createCommentVNode as q, toDisplayString as F, withDirectives as j, createTextVNode as E } from "vue";
 import { ElRow as J, ElCol as K } from "element-plus";
 import "element-plus/es/components/row/style/css";
 import "element-plus/es/components/col/style/css";
 import { DasEmpty as Q } from "@das-fed/ui/packages/components/empty/index";
-import { vDasTooltip as E } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { vDasTooltip as T } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { DasScrollbar as X } from "@das-fed/ui/packages/components/scrollbar/index";
-import { pureImageSrc as T } from "@das-fed/utils/pure-image-src";
+import { pureImageSrc as H } from "@das-fed/utils/pure-image-src";
 import { setThemeRule as Y } from "@das-fed/web/packages/theme/index";
-const H = {
+const N = {
   "--das-application-app-bg-color": {
     kjl: "#2673DC",
     cjb: "#343848",
@@ -25,25 +25,25 @@ const H = {
 }, Z = {
   key: 0,
   class: "application-list"
-}, A = { class: "table" }, tt = { class: "table-cell column_1" }, et = { class: "app-name" }, ot = { class: "table-cell column_2" }, nt = { class: "column_2_content" }, at = ["onClick"], ct = { class: "sub-app-item" }, st = ["src"], lt = { class: "sub-app-item-content" }, it = { class: "name" }, rt = { class: "describe" }, pt = /* @__PURE__ */ $({
+}, A = { class: "table" }, tt = { class: "table-cell column_1" }, et = { class: "app-name" }, ot = { class: "table-cell column_2" }, nt = { class: "column_2_content" }, ct = ["onClick"], at = { class: "sub-app-item" }, lt = ["src"], st = { class: "sub-app-item-content" }, it = { class: "name" }, rt = { class: "describe" }, pt = /* @__PURE__ */ $({
   __name: "index",
   props: {
     theme: { default: "default" },
     appCategorys: { default: () => [] }
   },
   emits: ["open-app"],
-  setup(N, { emit: b }) {
-    const p = N, I = b, L = k(() => {
+  setup(m, { emit: b }) {
+    const p = m, I = b, L = x(() => {
       const t = {};
-      return p.theme === "default" || Object.keys(H).forEach((e) => {
+      return p.theme === "default" || Object.keys(N).forEach((e) => {
         var o;
-        t[e] = (o = H[e]) == null ? void 0 : o[p.theme];
+        t[e] = (o = N[e]) == null ? void 0 : o[p.theme];
       }), t;
-    }), R = (t) => I("open-app", t), F = M("18px"), S = (t, e) => {
+    }), R = (t) => I("open-app", t), S = M("18px"), C = (t, e) => {
       if (!e) return;
       if (e.offsetWidth > t) {
-        const s = parseInt(window.getComputedStyle(e).fontSize) - 1;
-        e.style.fontSize = s + "px", F.value = s + "px", S(t, e);
+        const l = parseInt(window.getComputedStyle(e).fontSize) - 1;
+        e.style.fontSize = l + "px", S.value = l + "px", C(t, e);
       }
     }, V = () => new Promise((t) => {
       const e = () => {
@@ -52,129 +52,129 @@ const H = {
         setTimeout(() => e(), 50);
       };
       e();
-    }), C = async () => {
+    }), v = async () => {
       await V();
       const t = document.querySelectorAll(".application-content .column_1 .app-name")[0];
       if (!t) return;
-      const e = parseInt(getComputedStyle(t).paddingLeft) || 0, o = parseInt(getComputedStyle(t).paddingRight) || 0, a = t.clientWidth - e - o;
-      let s = 0, n = null;
+      const e = parseInt(getComputedStyle(t).paddingLeft) || 0, o = parseInt(getComputedStyle(t).paddingRight) || 0, c = t.clientWidth - e - o;
+      let l = 0, n = null;
       document.querySelectorAll(".application-content .column_1 .app-name > .text").forEach((d) => {
-        const u = d.offsetWidth;
-        u > s && (s = u, n = d);
-      }), S(a, n);
+        const f = d.offsetWidth;
+        f > l && (l = f, n = d);
+      }), C(c, n);
     }, W = () => new Promise((t) => {
       const e = () => {
-        const o = document.querySelectorAll(".application-content .column_1"), a = document.querySelectorAll(".application-content .column_2");
-        if (o != null && o.length && o.length === p.appCategorys.length && (a != null && a.length) && a.length === p.appCategorys.length)
+        const o = document.querySelectorAll(".application-content .column_1"), c = document.querySelectorAll(".application-content .column_2");
+        if (o != null && o.length && o.length === p.appCategorys.length && (c != null && c.length) && c.length === p.appCategorys.length)
           return t();
         setTimeout(() => e(), 50);
       };
       e();
-    }), v = async () => {
+    }), w = async () => {
       await W(), document.querySelectorAll(".application-content .application-list .table .table-row").forEach((e) => {
-        const o = e.querySelector(".column_1"), a = e.querySelector(".column_2>.column_2_content"), s = o.offsetHeight, n = a.offsetHeight;
-        if (s > n) {
-          const m = s - n, d = a.querySelectorAll(".app-row"), u = d.length;
-          d.forEach((w) => {
-            const P = w.offsetHeight;
-            w.style.height = P + m / u + "px";
+        const o = e.querySelector(".column_1"), c = e.querySelector(".column_2>.column_2_content"), l = o.offsetHeight, n = c.offsetHeight;
+        if (l > n) {
+          const u = l - n, d = c.querySelectorAll(".app-row"), f = d.length;
+          d.forEach((k) => {
+            const P = k.offsetHeight;
+            k.style.height = P + u / f + "px";
           });
         }
       });
-    }, B = k(() => p.appCategorys.map((t) => t.name));
-    return z(() => B.value, C, { deep: !0 }), z(() => p.appCategorys, v, { deep: !0 }), O(() => {
-      C(), v();
-    }), (t, e) => (c(), f(i(X), null, {
-      default: h(() => [
-        l(
+    }, B = x(() => p.appCategorys.map((t) => t.name));
+    return z(() => B.value, v, { deep: !0 }), z(() => p.appCategorys, w, { deep: !0 }), O(() => {
+      v(), w();
+    }), (t, e) => (a(), h(i(X), null, {
+      default: g(() => [
+        s(
           "div",
           {
-            class: G(["application-content", `theme-${t.theme}`]),
-            style: x(L.value)
+            class: G(["application-content", `theme-${m.theme}`]),
+            style: D(L.value)
           },
           [
-            t.appCategorys && t.appCategorys.length ? (c(), r("div", Z, [
-              (c(!0), r(
-                g,
+            m.appCategorys && m.appCategorys.length ? (a(), r("div", Z, [
+              (a(!0), r(
+                _,
                 null,
-                _(t.appCategorys, (o, a) => (c(), r("div", A, [
-                  (c(), r("div", {
-                    key: a,
+                y(m.appCategorys, (o, c) => (a(), r("div", A, [
+                  (a(), r("div", {
+                    key: c,
                     class: "table-row"
                   }, [
-                    D(" 第一列 "),
-                    l("div", tt, [
-                      l("div", et, [
-                        l(
+                    q(" 第一列 "),
+                    s("div", tt, [
+                      s("div", et, [
+                        s(
                           "span",
                           {
                             class: "text",
-                            style: x({ fontSize: F.value })
+                            style: D({ fontSize: S.value })
                           },
-                          y(o.name),
+                          F(o.name),
                           5
                           /* TEXT, STYLE */
                         )
                       ])
                     ]),
-                    D(" 第二列 "),
-                    l("div", ot, [
-                      l("div", nt, [
-                        (c(!0), r(
-                          g,
+                    q(" 第二列 "),
+                    s("div", ot, [
+                      s("div", nt, [
+                        (a(!0), r(
+                          _,
                           null,
-                          _(o.apps, (s) => (c(), f(
+                          y(o.apps, (l) => (a(), h(
                             i(J),
                             {
                               class: "app-row",
                               gutter: 20
                             },
                             {
-                              default: h(() => [
-                                (c(!0), r(
-                                  g,
+                              default: g(() => [
+                                (a(!0), r(
+                                  _,
                                   null,
-                                  _(s, (n, m) => (c(), f(
+                                  y(l, (n, u) => (a(), h(
                                     i(K),
                                     {
                                       class: "app-col",
-                                      key: m,
+                                      key: u,
                                       span: 6
                                     },
                                     {
-                                      default: h(() => [
-                                        l("div", {
+                                      default: g(() => [
+                                        s("div", {
                                           class: "sub-app",
                                           onClick: (d) => R(n)
                                         }, [
-                                          l("div", ct, [
-                                            l("img", {
+                                          s("div", at, [
+                                            s("img", {
                                               class: "img",
-                                              src: n != null && n.iconDomain ? n.iconDomain + i(T)(n == null ? void 0 : n.iconUrl) : i(T)(n == null ? void 0 : n.iconUrl),
+                                              src: n != null && n.iconDomain ? n.iconDomain + i(H)(n == null ? void 0 : n.iconUrl) : i(H)(n == null ? void 0 : n.iconUrl),
                                               alt: ""
-                                            }, null, 8, st),
-                                            l("div", lt, [
-                                              q((c(), r("div", it, [
-                                                j(
-                                                  y(n.name),
+                                            }, null, 8, lt),
+                                            s("div", st, [
+                                              j((a(), r("div", it, [
+                                                E(
+                                                  F(n.name),
                                                   1
                                                   /* TEXT */
                                                 )
                                               ])), [
-                                                [i(E)]
+                                                [i(T)]
                                               ]),
-                                              q((c(), r("div", rt, [
-                                                j(
-                                                  y(n.description),
+                                              j((a(), r("div", rt, [
+                                                E(
+                                                  F(n.description),
                                                   1
                                                   /* TEXT */
                                                 )
                                               ])), [
-                                                [i(E)]
+                                                [i(T)]
                                               ])
                                             ])
                                           ])
-                                        ], 8, at)
+                                        ], 8, ct)
                                       ]),
                                       _: 2
                                       /* DYNAMIC */
@@ -202,7 +202,7 @@ const H = {
                 256
                 /* UNKEYED_FRAGMENT */
               ))
-            ])) : (c(), f(i(Q), {
+            ])) : (a(), h(i(Q), {
               key: 1,
               size: "large"
             }))

package/packages/business-components/area-phone-select/index.js

@@ -1,18 +1,18 @@
 import '@das-fed/ui/packages/business-components/area-phone-select/style.css';
-import { defineComponent as $, ref as s, computed as c, onMounted as N, createBlock as U, openBlock as d, unref as p, mergeProps as W, withCtx as _, createElementVNode as y, createElementBlock as h, createCommentVNode as R, createVNode as C, withDirectives as z, Fragment as L, renderList as x, normalizeClass as B, createTextVNode as M, toDisplayString as A, renderSlot as j, nextTick as q, onBeforeUnmount as G, normalizeStyle as H } from "vue";
+import { defineComponent as $, ref as l, computed as p, onMounted as N, createBlock as U, openBlock as d, unref as c, mergeProps as W, withCtx as I, createElementVNode as y, createElementBlock as h, createCommentVNode as R, createVNode as C, withDirectives as z, Fragment as L, renderList as M, normalizeClass as B, createTextVNode as j, toDisplayString as A, renderSlot as q, nextTick as G, onBeforeUnmount as H, normalizeStyle as J } from "vue";
 import { withInstall as E } from "@das-fed/utils/with-install/index";
-import { t as J, setI18nRule as K } from "@das-fed/web/packages/i18n/index";
-import { DasPopoverRef as Q, DasPopover as X } from "@das-fed/ui/packages/components/popover/index";
-import { DasScrollbar as Y } from "@das-fed/ui/packages/components/scrollbar/index";
-import { DasSearch as Z } from "@das-fed/ui/packages/components/search/index";
+import { t as K, setI18nRule as Q } from "@das-fed/web/packages/i18n/index";
+import { DasPopoverRef as X, DasPopover as Y } from "@das-fed/ui/packages/components/popover/index";
+import { DasScrollbar as Z } from "@das-fed/ui/packages/components/scrollbar/index";
+import { DasSearch as _ } from "@das-fed/ui/packages/components/search/index";
 import { DasIconFold as ee } from "@das-fed/ui/packages/icons/fold/index";
-import { DasEmpty as oe } from "@das-fed/ui/packages/components/empty/index";
-import { vDasTooltip as te } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { DasEmpty as te } from "@das-fed/ui/packages/components/empty/index";
+import { vDasTooltip as oe } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { vDasLoading as ae } from "@das-fed/ui/packages/components/loading/index";
-import { createService as se } from "@das-fed/utils/api-services";
-import { DasInput as le } from "@das-fed/ui/packages/components/input/index";
+import { createService as le } from "@das-fed/utils/api-services";
+import { DasInput as se } from "@das-fed/ui/packages/components/input/index";
 import { SizeWatcher as ne } from "@das-fed/utils/size-watcher";
-const re = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(t), O = (t) => typeof t == "string" && re(t) ? t : t + "px", ie = se("/api/tool/v2"), de = ie.get("/dictionary/phone-codes"), ue = { class: "label" }, pe = { class: "das-ui-area-phone-popover-content" }, ce = {
+const ie = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(e), O = (e) => typeof e == "string" && ie(e) ? e : e + "px", re = le("/api/tool/v2"), de = re.get("/dictionary/phone-codes"), ue = { class: "label" }, ce = { class: "das-ui-area-phone-popover-content" }, pe = {
   key: 0,
   class: "search-box"
 }, ve = { class: "list" }, me = ["onClick"], fe = { class: "item-label" }, he = { class: "item-code" }, be = {
@@ -30,8 +30,8 @@ const re = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
     filter: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "update:visible", "change"],
-  setup(t, { expose: b, emit: r }) {
-    const a = t, v = r, V = Q(), m = s(""), g = s(J("area-phone-placeholder")), P = c(() => a.width ? O(a.width) : "240px"), D = s({
+  setup(e, { expose: b, emit: i }) {
+    const o = e, v = i, V = X(), m = l(""), g = l(K("area-phone-placeholder")), P = p(() => o.width ? O(o.width) : "240px"), x = l({
       modifiers: [
         {
           name: "offset",
@@ -40,63 +40,63 @@ const re = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
           }
         }
       ]
-    }), f = c({
-      get: () => a.visible,
-      set: (o) => {
-        v("update:visible", o);
+    }), f = p({
+      get: () => o.visible,
+      set: (a) => {
+        v("update:visible", a);
       }
-    }), u = c({
-      get: () => a.modelValue ?? {
+    }), u = p({
+      get: () => o.modelValue ?? {
         name: "中国",
         code: "CN",
         phoneCode: "+86"
       },
-      set: (o) => {
-        v("update:modelValue", o);
+      set: (a) => {
+        v("update:modelValue", a);
       }
-    }), k = c(() => u.value[a.label]), S = (o) => {
-      u.value = o, f.value = !1, v("change", o);
-    }, I = c(() => a.filter ? e.value.filter((o) => o.name.includes(m.value)) : e.value), e = s([]), l = s(!1);
+    }), D = p(() => u.value[o.label]), S = (a) => {
+      u.value = a, f.value = !1, v("change", a);
+    }, k = p(() => o.filter ? t.value.filter((a) => a.name.includes(m.value)) : t.value), t = l([]), s = l(!1);
     return N(async () => {
-      l.value = !0;
-      const [o, i] = await de().run();
-      l.value = !1, !o && (e.value = i || []);
-    }), b({ popoverRef: V }), (o, i) => (d(), U(p(X), W({
+      s.value = !0;
+      const [a, r] = await de().run();
+      s.value = !1, !a && (t.value = r || []);
+    }), b({ popoverRef: V }), (a, r) => (d(), U(c(Y), W({
       ref_key: "popoverRef",
       ref: V,
-      "show-arrow": o.showArrow,
-      "popper-options": D.value,
+      "show-arrow": e.showArrow,
+      "popper-options": x.value,
       trigger: "click",
       width: P.value,
       popperClass: "das-ui-area-phone-popover",
       visible: f.value,
-      "onUpdate:visible": i[1] || (i[1] = (n) => f.value = n),
-      disabled: o.isView || o.disabled
-    }, o.$attrs, {
-      onBeforeLeave: i[2] || (i[2] = (n) => m.value = "")
+      "onUpdate:visible": r[1] || (r[1] = (n) => f.value = n),
+      disabled: e.isView || e.disabled
+    }, a.$attrs, {
+      onBeforeLeave: r[2] || (r[2] = (n) => m.value = "")
     }), {
-      reference: _(() => [
-        j(o.$slots, "reference", {}, () => [
+      reference: I(() => [
+        q(a.$slots, "reference", {}, () => [
           y(
             "div",
             {
-              class: B(["das-ui-area-phone-popover-reference", o.disabled ? "is-disabled" : ""])
+              class: B(["das-ui-area-phone-popover-reference", e.disabled ? "is-disabled" : ""])
             },
             [
               y(
                 "div",
                 ue,
-                A(k.value),
+                A(D.value),
                 1
                 /* TEXT */
               ),
               y(
                 "div",
                 {
-                  class: B({ "icon-box": !0, show: f.value, hide: o.isView || o.disabled })
+                  class: B({ "icon-box": !0, show: f.value, hide: e.isView || e.disabled })
                 },
                 [
-                  C(p(ee), { size: "medium" })
+                  C(c(ee), { size: "medium" })
                 ],
                 2
                 /* CLASS */
@@ -107,43 +107,43 @@ const re = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
           )
         ], !0)
       ]),
-      default: _(() => [
-        y("div", pe, [
-          o.filter ? (d(), h("div", ce, [
-            C(p(Z), {
+      default: I(() => [
+        y("div", ce, [
+          e.filter ? (d(), h("div", pe, [
+            C(c(_), {
               isIconLeft: "",
               size: "custom",
               placeholder: g.value,
               border: "",
               width: "100%",
               modelValue: m.value,
-              "onUpdate:modelValue": i[0] || (i[0] = (n) => m.value = n)
+              "onUpdate:modelValue": r[0] || (r[0] = (n) => m.value = n)
             }, null, 8, ["placeholder", "modelValue"])
           ])) : R("v-if", !0),
-          C(p(Y), null, {
-            default: _(() => [
+          C(c(Z), null, {
+            default: I(() => [
               z((d(), h("div", ve, [
-                l.value ? R("v-if", !0) : (d(), h(
+                s.value ? R("v-if", !0) : (d(), h(
                   L,
                   { key: 0 },
                   [
                     (d(!0), h(
                       L,
                       null,
-                      x(I.value, (n) => (d(), h("div", {
+                      M(k.value, (n) => (d(), h("div", {
                         class: B(["item", {
                           selected: u.value && u.value.name + u.value.phoneCode == n.name + n.phoneCode
                         }]),
                         onClick: (Ce) => S(n)
                       }, [
                         z((d(), h("div", fe, [
-                          M(
+                          j(
                             A(n.name ?? ""),
                             1
                             /* TEXT */
                           )
                         ])), [
-                          [p(te)]
+                          [c(oe)]
                         ]),
                         y(
                           "div",
@@ -156,13 +156,13 @@ const re = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
                       256
                       /* UNKEYED_FRAGMENT */
                     )),
-                    I.value.length ? R("v-if", !0) : (d(), U(p(oe), { key: 0 }))
+                    k.value.length ? R("v-if", !0) : (d(), U(c(te), { key: 0 }))
                   ],
                   64
                   /* STABLE_FRAGMENT */
                 ))
               ])), [
-                [p(ae), l.value]
+                [c(ae), s.value]
               ])
             ]),
             _: 1
@@ -174,11 +174,11 @@ const re = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
       /* FORWARDED */
     }, 16, ["show-arrow", "popper-options", "width", "visible", "disabled"]));
   }
-}), T = (t, b) => {
-  const r = t.__vccOpts || t;
-  for (const [a, v] of b)
-    r[a] = v;
-  return r;
+}), T = (e, b) => {
+  const i = e.__vccOpts || e;
+  for (const [o, v] of b)
+    i[o] = v;
+  return i;
 }, F = /* @__PURE__ */ T(we, [["__scopeId", "data-v-762f72de"]]), Ve = /* @__PURE__ */ $({
   __name: "index",
   props: {
@@ -189,60 +189,60 @@ const re = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "update:areaItem", "change", "area-change"],
-  setup(t, { emit: b }) {
-    const r = t, a = b, v = c(() => r.width ? O(r.width) : "100%"), V = c({
-      get: () => r.modelValue,
-      set: (e) => a("update:modelValue", e)
-    }), m = c({
-      get: () => r.areaItem ?? {},
-      set: (e) => {
-        a("update:areaItem", e);
+  setup(e, { emit: b }) {
+    const i = e, o = b, v = p(() => i.width ? O(i.width) : "100%"), V = p({
+      get: () => i.modelValue,
+      set: (t) => o("update:modelValue", t)
+    }), m = p({
+      get: () => i.areaItem ?? {},
+      set: (t) => {
+        o("update:areaItem", t);
       }
-    }), g = s(null), P = s(null), D = s(null), f = s(240), u = s(!1), k = () => {
+    }), g = l(null), P = l(null), x = l(null), f = l(240), u = l(!1), D = () => {
       f.value = g.value.clientWidth ?? 0;
     };
     N(() => {
-      q(() => {
-        k(), D.value = ne(() => {
-          k();
+      G(() => {
+        D(), x.value = ne(() => {
+          D();
         }, g.value);
       });
-    }), G(() => {
-      var e;
-      (e = D.value) == null || e.disconnect();
+    }), H(() => {
+      var t;
+      (t = x.value) == null || t.disconnect();
     });
-    const S = (e) => {
-      a("area-change", e);
-    }, I = (e) => {
-      a("change", e);
+    const S = (t) => {
+      o("area-change", t);
+    }, k = (t) => {
+      o("change", t);
     };
-    return (e, l) => (d(), h(
+    return (t, s) => (d(), h(
       "div",
       {
         ref_key: "phoneRef",
         ref: g,
         class: B(["das-ui-area-phone-select", { "is-disabled": e.disabled && !e.isView, "is-view": e.isView }]),
-        style: H({ width: v.value })
+        style: J({ width: v.value })
       },
       [
-        C(p(le), W({
+        C(c(se), W({
           ref_key: "inputRef",
           ref: P,
           width: "100%",
           disabled: e.disabled,
           isView: e.isView,
           modelValue: V.value,
-          "onUpdate:modelValue": l[2] || (l[2] = (w) => V.value = w),
-          onChange: I
-        }, e.$attrs), {
-          prepend: _(() => [
+          "onUpdate:modelValue": s[2] || (s[2] = (w) => V.value = w),
+          onChange: k
+        }, t.$attrs), {
+          prepend: I(() => [
             C(F, {
               visible: u.value,
-              "onUpdate:visible": l[0] || (l[0] = (w) => u.value = w),
+              "onUpdate:visible": s[0] || (s[0] = (w) => u.value = w),
               isView: e.isView,
               disabled: e.disabled,
               modelValue: m.value,
-              "onUpdate:modelValue": l[1] || (l[1] = (w) => m.value = w),
+              "onUpdate:modelValue": s[1] || (s[1] = (w) => m.value = w),
               width: f.value,
               onChange: S
             }, null, 8, ["visible", "isView", "disabled", "modelValue", "width"])
@@ -258,8 +258,8 @@ const re = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
 }), ge = /* @__PURE__ */ T(Ve, [["__scopeId", "data-v-3b9ba6be"]]), ye = {
   "area-phone-placeholder": { "zh-CN": "请输入所在国家或区域中文名称", en: "Please enter your country or region" }
 };
-K(ye);
-const Ne = () => s(null), We = () => s(null), Ee = E(ge), Oe = E(F), Te = { name: "区号选择手机号输入框" };
+Q(ye);
+const Ne = () => l(null), We = () => l(null), Ee = E(ge), Oe = E(F), Te = { name: "区号选择手机号输入框" };
 export {
   Ee as DasAreaPhoneSelect,
   Ne as DasAreaPhoneSelectRef,