@aplus-frontend/ui 6.26.4 → 6.27.0

package/es/src/ap-upload/components/SingleFile.vue2.mjs

@@ -1,80 +1,80 @@
-import { defineComponent as ne, inject as n, ref as h, watch as le, computed as se, createElementBlock as x, openBlock as _, normalizeClass as re, unref as t, createElementVNode as r, createCommentVNode as z, toDisplayString as A, normalizeStyle as ie, createBlock as ce, withModifiers as ue, createVNode as pe } from "vue";
+import { defineComponent as le, inject as o, ref as h, watch as se, computed as re, createElementBlock as z, openBlock as _, normalizeClass as ie, unref as t, createElementVNode as r, createCommentVNode as A, toDisplayString as b, normalizeStyle as ce, createBlock as ue, withModifiers as pe, createVNode as de } from "vue";
 import "../../config-provider/index.mjs";
-import { getName as de, getReturnData as q } from "../utils/returnData.mjs";
-import { useOss as ve, useOssInit as fe } from "../hooks/useOss.mjs";
-import { fileMatchesAccept as me, getAcceptText as ge } from "../utils/accept.mjs";
-import { message as c, Progress as he } from "@aplus-frontend/antdv";
-import { DeleteOutlined as _e } from "@ant-design/icons-vue";
-import I from "../assets/single-file-icon.png.mjs";
-import { useLocale as ke } from "../../config-provider/hooks/use-locale.mjs";
+import { getName as ve, getReturnData as I } from "../utils/returnData.mjs";
+import { useOss as fe, useOssInit as me } from "../hooks/useOss.mjs";
+import { fileMatchesAccept as ge, getAcceptText as he } from "../utils/accept.mjs";
+import { message as c, Progress as _e } from "@aplus-frontend/antdv";
+import { DeleteOutlined as ke } from "@ant-design/icons-vue";
+import j from "../assets/single-file-icon.png.mjs";
+import { useLocale as we } from "../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as ye } from "../../config-provider/hooks/use-namespace.mjs";
-const we = ["accept"], De = {
+const De = ["accept"], Ue = {
   key: 0,
   class: "state-un"
-}, Ue = ["src"], Fe = { class: "state-un-title" }, Ce = { class: "state-un-subtitle" }, Ee = {
+}, Fe = ["src"], Ce = { class: "state-un-title" }, Ee = { class: "state-un-subtitle" }, Se = {
   key: 1,
   class: "state-ing"
-}, Se = { class: "left" }, Ne = ["src"], xe = { class: "center" }, ze = { class: "center-progress" }, qe = /* @__PURE__ */ ne({
+}, Ne = { class: "left" }, xe = ["src"], ze = { class: "center" }, Ae = { class: "center-progress" }, Ie = /* @__PURE__ */ le({
   __name: "SingleFile",
-  setup(Ae, { expose: j }) {
-    const { t: s } = ke(), { b: k } = ye("ap-upload-single-file"), { put: G, client: b } = ve(), y = n("theme"), W = n("dirName"), w = n("accept") || "*", D = n("maxSize") ?? 500, H = n("title") || s("ap.apUpload.clickOrDragUpload"), U = n("subTitle"), i = n("value"), F = n("needName"), u = n("uploadingCount"), R = n("beforeUpload"), B = n("customRequest"), J = n("getOssAccess"), K = n("maxSizeErrorMsg"), Q = n("acceptErrorMsg"), M = n("onRemove"), o = h(null);
-    le(
+  setup(be, { expose: G }) {
+    const { t: s } = we(), { b: k } = ye("ap-upload-single-file"), { put: W, client: R } = fe(), w = o("theme"), H = o("dirName"), y = o("accept") || "*", D = o("maxSize") ?? 500, J = o("title") || s("ap.apUpload.clickOrDragUpload"), U = o("subTitle"), i = o("value"), F = o("needName"), u = o("uploadingCount"), B = o("beforeUpload"), M = o("customRequest"), K = o("getOssAccess"), Q = o("maxSizeErrorMsg"), X = o("acceptErrorMsg"), O = o("onRemove"), C = o("showUploadErrorMsg"), n = h(null);
+    se(
       () => i?.value,
       function(e) {
-        o.value === null && e && O(e);
+        n.value === null && e && P(e);
       },
       { immediate: !0 }
     );
-    function O(e) {
+    function P(e) {
       e ? setTimeout(() => {
-        const a = de(F, e);
-        l.value = 3, o.value = new File([e], a, {}), i.value = e;
-      }) : (l.value = 1, o.value = null, i.value = void 0);
+        const a = ve(F, e);
+        l.value = 3, n.value = new File([e], a, {}), i.value = e;
+      }) : (l.value = 1, n.value = null, i.value = void 0);
     }
-    j({ setValue: O });
-    const l = h(1), v = h(0), f = h(null), P = se(() => o.value && i?.value);
-    function X() {
+    G({ setValue: P });
+    const l = h(1), v = h(0), f = h(null), T = re(() => n.value && i?.value);
+    function Y() {
       l.value === 1 && f.value?.click();
     }
-    function T(e) {
+    function L(e) {
       e.preventDefault(), e.stopPropagation();
     }
-    function Y(e) {
-      e.dataTransfer.dropEffect = "copy", e.preventDefault(), e.stopPropagation();
-    }
     function Z(e) {
-      L(e);
+      e.dataTransfer.dropEffect = "copy", e.preventDefault(), e.stopPropagation();
     }
     function ee(e) {
+      V(e);
+    }
+    function ae(e) {
       if (e.preventDefault(), e.stopPropagation(), l.value !== 1)
         return;
-      var a = e.dataTransfer, m = [], V = 0, $ = a.files.length;
+      var a = e.dataTransfer, m = [], $ = 0, q = a.files.length;
       function p() {
-        V === $ - 1 && Z(m), V++;
+        $ === q - 1 && ee(m), $++;
       }
       if (a.items !== void 0)
-        for (var C = 0; C < a.items.length; C++) {
-          var E = a.items[C];
-          if (E.kind === "file" && E.webkitGetAsEntry().isFile) {
-            var oe = E.getAsFile();
-            m.push(oe), p();
+        for (var E = 0; E < a.items.length; E++) {
+          var S = a.items[E];
+          if (S.kind === "file" && S.webkitGetAsEntry().isFile) {
+            var ne = S.getAsFile();
+            m.push(ne), p();
           }
         }
       else
-        for (let N = 0; N < $; N++) {
-          var g = a.files[N];
+        for (let x = 0; x < q; x++) {
+          var g = a.files[x];
           if (g.type)
             m.push(g), p();
           else
             try {
-              var S = new FileReader();
-              S.readAsDataURL(g.slice(0, 3)), S.addEventListener(
+              var N = new FileReader();
+              N.readAsDataURL(g.slice(0, 3)), N.addEventListener(
                 "load",
                 function(d) {
                   console.warn(d, "load"), m.push(g), p();
                 },
                 !1
-              ), S.addEventListener(
+              ), N.addEventListener(
                 "error",
                 function(d) {
                   console.warn(d, "error"), c.warning(s("ap.apUpload.foldersNotSupported")), p();
@@ -86,41 +86,41 @@ const we = ["accept"], De = {
             }
         }
     }
-    async function ae(e) {
+    async function te(e) {
       const a = e.target;
-      await L(a?.files), f.value && (f.value.value = "");
+      await V(a?.files), f.value && (f.value.value = "");
     }
-    async function L(e) {
+    async function V(e) {
       if (e?.length) {
         if (e[0].size > D * 1024 * 1024) {
           c.warning(
-            K || s("ap.apUpload.maxUploadFileSize", {
+            Q || s("ap.apUpload.maxUploadFileSize", {
               maxSize: D
             })
           );
           return;
         }
-        if (!me(e[0], w)) {
+        if (!ge(e[0], y)) {
           c.warning(
-            Q || s("ap.apUpload.fileFormatNotSupported")
+            X || s("ap.apUpload.fileFormatNotSupported")
           );
           return;
         }
-        if (typeof R == "function" && await R(e[0]) === !1)
+        if (typeof B == "function" && await B(e[0]) === !1)
           return;
-        if (o.value = e[0], l.value = 2, v.value = 0, u.value++, typeof B == "function") {
-          B({
+        if (n.value = e[0], l.value = 2, v.value = 0, u.value++, typeof M == "function") {
+          M({
             onProgress: (a) => {
               v.value = a;
             },
             onError: (a) => {
-              c.warning(a || s("ap.apUpload.networkAnomaly")), l.value = 1, o.value = null, u.value--;
+              C && c.warning(a || s("ap.apUpload.networkAnomaly")), l.value = 1, n.value = null, u.value--;
             },
             onSuccess: (a) => {
-              i.value = q(
+              i.value = I(
                 F,
                 a,
-                o.value.name
+                n.value.name
               ), l.value = 3, u.value--;
             },
             file: e[0]
@@ -128,98 +128,98 @@ const we = ["accept"], De = {
           return;
         }
         try {
-          await fe(J), G({
-            file: o.value,
-            dirName: W,
-            oss: b,
+          await me(K), W({
+            file: n.value,
+            dirName: H,
+            oss: R,
             successCallBack(a) {
-              i.value = q(
+              i.value = I(
                 F,
                 a,
-                o.value.name
+                n.value.name
               ), l.value = 3, u.value--;
             },
             errorCallBack(a) {
-              c.warning(a || s("ap.apUpload.networkAnomaly")), l.value = 1, o.value = null, u.value--;
+              C && c.warning(a || s("ap.apUpload.networkAnomaly")), l.value = 1, n.value = null, u.value--;
             },
             progressCallBack(a) {
               v.value = a;
             }
           });
         } catch (a) {
-          c.warning(
+          C && c.warning(
             typeof a?.message == "string" ? a.message : s("ap.apUpload.networkAnomaly")
-          ), l.value = 1, o.value = null, u.value--;
+          ), l.value = 1, n.value = null, u.value--;
         }
       }
     }
-    function te() {
-      M && M?.(o.value), o.value && !i?.value && b.pauseUpload(), l.value = 1, o.value = null, i.value = void 0;
+    function oe() {
+      O && O?.(n.value), n.value && !i?.value && R.pauseUpload(), l.value = 1, n.value = null, i.value = void 0;
     }
-    return (e, a) => (_(), x("div", {
-      class: re({
+    return (e, a) => (_(), z("div", {
+      class: ie({
         [t(k)()]: !0,
-        [t(k)("admin")]: t(y) === "admin",
+        [t(k)("admin")]: t(w) === "admin",
         [t(k)("un")]: l.value === 1
       }),
-      onClick: X,
-      onDragenter: T,
-      onDragover: Y,
-      onDragleave: T,
-      onDrop: ee
+      onClick: Y,
+      onDragenter: L,
+      onDragover: Z,
+      onDragleave: L,
+      onDrop: ae
     }, [
       r("input", {
         ref_key: "fileRef",
         ref: f,
         style: { display: "none" },
         type: "file",
-        accept: t(w),
-        onChange: ae
-      }, null, 40, we),
-      l.value === 1 ? (_(), x("div", De, [
+        accept: t(y),
+        onChange: te
+      }, null, 40, De),
+      l.value === 1 ? (_(), z("div", Ue, [
         r("img", {
           class: "state-un-icon",
-          src: t(I)
-        }, null, 8, Ue),
-        r("div", Fe, A(t(H)), 1),
-        r("div", Ce, A(typeof t(U) == "string" && t(U).length > 0 ? t(U) : `${t(s)("ap.apUpload.supportExtension")}：${t(ge)(
-          t(w)
+          src: t(j)
+        }, null, 8, Fe),
+        r("div", Ce, b(t(J)), 1),
+        r("div", Ee, b(typeof t(U) == "string" && t(U).length > 0 ? t(U) : `${t(s)("ap.apUpload.supportExtension")}：${t(he)(
+          t(y)
         )}，${t(s)("ap.apUpload.maxWarnUploadFileSize", {
           maxSize: t(D)
         })}`), 1)
-      ])) : z("", !0),
-      [2, 3].includes(l.value) ? (_(), x("div", Ee, [
-        r("div", Se, [
-          r("img", { src: t(I) }, null, 8, Ne)
+      ])) : A("", !0),
+      [2, 3].includes(l.value) ? (_(), z("div", Se, [
+        r("div", Ne, [
+          r("img", { src: t(j) }, null, 8, xe)
         ]),
-        r("div", xe, [
+        r("div", ze, [
           r("div", {
             class: "center-title",
-            style: ie({
-              color: P.value ? "#0070FF" : "#182948"
+            style: ce({
+              color: T.value ? "#0070FF" : "#182948"
             })
-          }, A(o.value?.name), 5),
-          r("div", ze, [
-            P.value ? z("", !0) : (_(), ce(t(he), {
+          }, b(n.value?.name), 5),
+          r("div", Ae, [
+            T.value ? A("", !0) : (_(), ue(t(_e), {
               key: 0,
               percent: v.value,
               size: 4,
               "show-info": !1,
-              "trail-color": t(y) === "admin" ? "#D9D9D9" : "#DEE4ED",
-              "stroke-color": t(y) === "admin" ? "#34B77C" : "#0070FF"
+              "trail-color": t(w) === "admin" ? "#D9D9D9" : "#DEE4ED",
+              "stroke-color": t(w) === "admin" ? "#34B77C" : "#0070FF"
             }, null, 8, ["percent", "trail-color", "stroke-color"]))
           ])
         ]),
         r("div", {
           class: "right",
-          onClick: ue(te, ["stop"])
+          onClick: pe(oe, ["stop"])
         }, [
-          pe(t(_e))
+          de(t(ke))
         ])
-      ])) : z("", !0)
+      ])) : A("", !0)
     ], 34));
   }
 });
 export {
-  qe as default
+  Ie as default
 };

package/es/src/business/ap-value-select-card/index.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as L, ref as T, computed as A, resolveComponent as _, createElementBlock as c, openBlock as a, normalizeStyle as V, normalizeClass as d, unref as s, createVNode as b, withCtx as F, createElementVNode as u, createCommentVNode as y, Fragment as N, renderList as R, withModifiers as f, renderSlot as h, createTextVNode as p, toDisplayString as g, createBlock as j } from "vue";
-import { Popover as G } from "@aplus-frontend/antdv";
-import { PlusOutlined as q } from "@ant-design/icons-vue";
+import { defineComponent as z, ref as I, computed as T, createElementBlock as r, openBlock as a, normalizeStyle as A, normalizeClass as d, unref as s, createVNode as b, withCtx as V, createElementVNode as c, createCommentVNode as y, Fragment as N, renderList as R, withModifiers as f, renderSlot as u, createTextVNode as g, toDisplayString as h, createBlock as L } from "vue";
+import { Popover as j } from "@aplus-frontend/antdv";
+import { PlusOutlined as G, InfoCircleFilled as q } from "@ant-design/icons-vue";
 import { IconApAdLinePoor as J } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
 import { useNamespace as Q } from "../../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as U } from "../../config-provider/hooks/use-global-config.mjs";
-const W = ["onClick"], X = { class: "label" }, Y = { class: "value" }, Z = ["onClick"], x = ["onClick"], ee = { class: "label" }, te = { class: "value" }, le = { class: "text" }, ce = /* @__PURE__ */ L({
+const W = ["onClick"], X = { class: "label" }, Y = { class: "value" }, Z = ["onClick"], _ = ["onClick"], x = { class: "label" }, ee = { class: "value" }, te = { class: "text" }, re = /* @__PURE__ */ z({
   name: "ApValueSelectCard",
   __name: "index",
   props: {
@@ -24,165 +24,162 @@ const W = ["onClick"], X = { class: "label" }, Y = { class: "value" }, Z = ["onC
     wrapperStyle: { type: [Boolean, null, String, Object, Array] }
   },
   emits: ["update:selectedKeys", "update:highlightedKeys", "change", "select", "remove", "highlight"],
-  setup(v, { expose: H, emit: D }) {
-    const i = D, l = v, { b: n, m: E } = Q("ap-value-select-card"), M = U("uiMode", "aplus"), P = T(null), m = T(!1), K = A(() => l.options), C = A(() => K.value.filter(
+  setup(v, { expose: F, emit: H }) {
+    const o = H, l = v, { b: n, m: D } = Q("ap-value-select-card"), E = U("uiMode", "aplus"), M = I(null), p = I(!1), K = T(() => l.options), C = T(() => K.value.filter(
       (e) => l.selectedKeys.includes(e.key)
     )), B = (e) => l.selectedKeys.includes(e), S = (e) => l.highlightedKeys.includes(e), $ = (e) => {
-      l.selectedKeys.includes(e) ? k(e) : I(e);
-    }, I = (e) => {
+      l.selectedKeys.includes(e) ? k(e) : O(e);
+    }, O = (e) => {
       if (l.maxSelected && l.selectedKeys.length >= l.maxSelected)
         return;
-      const o = [...l.selectedKeys, e];
-      i("update:selectedKeys", o), i("change", o), i("select", e), l.highlightedKeys.includes(e) || w(e);
+      const i = [...l.selectedKeys, e];
+      o("update:selectedKeys", i), o("change", i), o("select", e), l.highlightedKeys.includes(e) || w(e);
     }, k = (e) => {
       if (l.selectedKeys.length <= 1 || l.highlightedKeys.length <= 1 && l.highlightedKeys.includes(e))
         return;
-      const o = l.selectedKeys.filter((r) => r !== e);
-      if (i("update:selectedKeys", o), i("change", o), i("remove", e), l.highlightedKeys.includes(e)) {
-        const r = l.highlightedKeys.filter((t) => t !== e);
-        i("update:highlightedKeys", r), i("highlight", r);
+      const i = l.selectedKeys.filter((t) => t !== e);
+      if (o("update:selectedKeys", i), o("change", i), o("remove", e), l.highlightedKeys.includes(e)) {
+        const t = l.highlightedKeys.filter((m) => m !== e);
+        o("update:highlightedKeys", t), o("highlight", t);
       }
     }, w = (e) => {
-      let o;
+      let i;
       if (l.highlightedKeys.includes(e))
         if (l.highlightedKeys.length > 1)
-          o = l.highlightedKeys.filter((r) => r !== e);
+          i = l.highlightedKeys.filter((t) => t !== e);
         else
           return;
       else
-        o = [...l.highlightedKeys, e];
-      i("update:highlightedKeys", o), i("highlight", o);
-    }, z = (e) => {
-      e || (m.value = e);
+        i = [...l.highlightedKeys, e];
+      o("update:highlightedKeys", i), o("highlight", i);
+    }, P = (e) => {
+      e || (p.value = e);
     };
-    return H({
-      popoverVisible: m,
+    return F({
+      popoverVisible: p,
       allOptions: K,
       selectedOptions: C,
       isSelected: B,
       isHighlighted: S,
       toggleOption: $,
-      addOption: I,
+      addOption: O,
       removeOption: k,
       highlightOption: w
-    }), (e, o) => {
-      const r = _("InfoCircleFilled");
-      return a(), c("div", {
-        class: d([s(n)(), `${s(E)(s(M))}`]),
-        style: V({
-          ...e.wrapperStyle,
-          "--ap-value-select-card-column-count": e.maxRowDisplay
-        })
-      }, [
-        b(s(G), {
-          open: m.value,
-          trigger: "click",
-          placement: "bottomRight",
-          arrow: !1,
-          "get-popup-container": e.getContainer,
-          onOpenChange: z
-        }, {
-          content: F(() => [
-            u("div", {
-              class: d(s(n)("popover"))
+    }), (e, i) => (a(), r("div", {
+      class: d([s(n)(), `${s(D)(s(E))}`]),
+      style: A({
+        ...e.wrapperStyle,
+        "--ap-value-select-card-column-count": e.maxRowDisplay
+      })
+    }, [
+      b(s(j), {
+        open: p.value,
+        trigger: "click",
+        placement: "bottomRight",
+        arrow: !1,
+        "get-popup-container": e.getContainer,
+        onOpenChange: P
+      }, {
+        content: V(() => [
+          c("div", {
+            class: d(s(n)("popover"))
+          }, [
+            e.popoverTitle ? (a(), r("div", {
+              key: 0,
+              class: d(s(n)("title"))
             }, [
-              e.popoverTitle ? (a(), c("div", {
+              e.showTitleIcon ? (a(), L(s(q), {
                 key: 0,
-                class: d(s(n)("title"))
-              }, [
-                e.showTitleIcon ? (a(), j(r, {
-                  key: 0,
-                  class: d(s(n)("title-icon"))
-                }, null, 8, ["class"])) : y("", !0),
-                p(" " + g(e.popoverTitle), 1)
-              ], 2)) : y("", !0),
-              u("div", {
-                class: d(s(n)("list"))
-              }, [
-                (a(!0), c(N, null, R(K.value, (t) => (a(), c("div", {
-                  key: t.key,
-                  class: d([
-                    s(n)("list-item"),
-                    "all",
-                    {
-                      select: B(t.key),
-                      disabled: e.maxSelected && e.selectedKeys.length >= e.maxSelected
-                    }
-                  ]),
-                  onClick: f((O) => $(t.key), ["stop"])
-                }, [
-                  u("div", X, [
-                    h(e.$slots, "popover-label", { option: t }, () => [
-                      p(g(t.label), 1)
-                    ])
-                  ]),
-                  u("div", Y, [
-                    h(e.$slots, "popover-value", { option: t }, () => [
-                      p(g(t.value), 1)
-                    ])
-                  ])
-                ], 10, W))), 128))
-              ], 2)
-            ], 2)
-          ]),
-          default: F(() => [
-            u("div", {
+                class: d(s(n)("title-icon"))
+              }, null, 8, ["class"])) : y("", !0),
+              g(" " + h(e.popoverTitle), 1)
+            ], 2)) : y("", !0),
+            c("div", {
               class: d(s(n)("list"))
             }, [
-              (a(!0), c(N, null, R(C.value, (t) => (a(), c("div", {
+              (a(!0), r(N, null, R(K.value, (t) => (a(), r("div", {
                 key: t.key,
-                ref_for: !0,
-                ref_key: "listItemRef",
-                ref: P,
                 class: d([
                   s(n)("list-item"),
+                  "all",
                   {
-                    select: S(t.key),
-                    custom: t.customClass
-                  },
-                  t.customClass
+                    select: B(t.key),
+                    disabled: e.maxSelected && e.selectedKeys.length >= e.maxSelected
+                  }
                 ]),
-                style: V(e.getCardStyle(t.key)),
-                onClick: f((O) => w(t.key), ["stop"])
+                onClick: f((m) => $(t.key), ["stop"])
               }, [
-                e.showCloseIcon && (!(e.highlightedKeys.length === 1 && S(t.key)) && C.value.length > 1) ? (a(), c("div", {
-                  key: 0,
-                  class: d(s(n)("list-item-close")),
-                  onClick: f((O) => k(t.key), ["stop"])
-                }, [
-                  h(e.$slots, "close-icon", {}, () => [
-                    b(s(J))
-                  ])
-                ], 10, x)) : y("", !0),
-                u("div", ee, [
-                  h(e.$slots, "label", { option: t }, () => [
-                    p(g(t.label), 1)
+                c("div", X, [
+                  u(e.$slots, "popover-label", { option: t }, () => [
+                    g(h(t.label), 1)
                   ])
                 ]),
-                u("div", te, [
-                  h(e.$slots, "value", { option: t }, () => [
-                    p(g(t.value), 1)
+                c("div", Y, [
+                  u(e.$slots, "popover-value", { option: t }, () => [
+                    g(h(t.value), 1)
                   ])
                 ])
-              ], 14, Z))), 128)),
-              e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (a(), c("div", {
+              ], 10, W))), 128))
+            ], 2)
+          ], 2)
+        ]),
+        default: V(() => [
+          c("div", {
+            class: d(s(n)("list"))
+          }, [
+            (a(!0), r(N, null, R(C.value, (t) => (a(), r("div", {
+              key: t.key,
+              ref_for: !0,
+              ref_key: "listItemRef",
+              ref: M,
+              class: d([
+                s(n)("list-item"),
+                {
+                  select: S(t.key),
+                  custom: t.customClass
+                },
+                t.customClass
+              ]),
+              style: A(e.getCardStyle(t.key)),
+              onClick: f((m) => w(t.key), ["stop"])
+            }, [
+              e.showCloseIcon && (!(e.highlightedKeys.length === 1 && S(t.key)) && C.value.length > 1) ? (a(), r("div", {
                 key: 0,
-                class: d([s(n)("list-item"), "choose"]),
-                onClick: o[0] || (o[0] = f((t) => m.value = !0, ["stop"]))
+                class: d(s(n)("list-item-close")),
+                onClick: f((m) => k(t.key), ["stop"])
               }, [
-                h(e.$slots, "add-button", {}, () => [
-                  b(s(q)),
-                  u("span", le, g(e.addButtonText), 1)
+                u(e.$slots, "close-icon", {}, () => [
+                  b(s(J))
                 ])
-              ], 2)) : y("", !0)
-            ], 2)
-          ]),
-          _: 3
-        }, 8, ["open", "get-popup-container"])
-      ], 6);
-    };
+              ], 10, _)) : y("", !0),
+              c("div", x, [
+                u(e.$slots, "label", { option: t }, () => [
+                  g(h(t.label), 1)
+                ])
+              ]),
+              c("div", ee, [
+                u(e.$slots, "value", { option: t }, () => [
+                  g(h(t.value), 1)
+                ])
+              ])
+            ], 14, Z))), 128)),
+            e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (a(), r("div", {
+              key: 0,
+              class: d([s(n)("list-item"), "choose"]),
+              onClick: i[0] || (i[0] = f((t) => p.value = !0, ["stop"]))
+            }, [
+              u(e.$slots, "add-button", {}, () => [
+                b(s(G)),
+                c("span", te, h(e.addButtonText), 1)
+              ])
+            ], 2)) : y("", !0)
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["open", "get-popup-container"])
+    ], 6));
   }
 });
 export {
-  ce as default
+  re as default
 };