@webx-ui/module-media 0.7.1 → 0.7.2

package/dist/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, useModel as A, ref as R, watch as G, openBlock as b, createBlock as T, unref as e, mergeModels as q, computed as z, resolveDirective as Ge, withCtx as w, createElementBlock as L, Fragment as ce, renderList as me, withDirectives as Ye, createCommentVNode as D, createVNode as g, createTextVNode as O, toDisplayString as U, isRef as ve, useTemplateRef as oe, onMounted as Fe, nextTick as Je, createElementVNode as V, withKeys as Qe, normalizeClass as pe, createSlots as We, inject as Ze, normalizeStyle as fe, mergeProps as ge } from "vue";
+import { defineComponent as S, useModel as A, ref as R, watch as G, openBlock as w, createBlock as T, unref as e, mergeModels as q, computed as z, resolveDirective as Ge, withCtx as b, createElementBlock as L, Fragment as ce, renderList as me, withDirectives as Ye, createCommentVNode as D, createVNode as g, createTextVNode as O, toDisplayString as U, isRef as ve, useTemplateRef as oe, onMounted as Fe, nextTick as Je, createElementVNode as V, withKeys as Qe, normalizeClass as pe, createSlots as We, inject as Ze, normalizeStyle as fe, mergeProps as ge } from "vue";
 import { useTranslate as H, useAdmin as se, useErrorText as et, adminKey as tt, WxListScreen as lt } from "@webx-ui/module-admin";
-import { WxTree as at, WxSelectionArea as it, WxFileCard as Le, WxEmpty as nt, toast as J, WxAction as B, WxInput as Z, WxDropdown as Ve, WxDropdownItem as Te, WxActions as le, useModal as ye, WxDialog as he, WxSelect as ot, WxSpace as be, WxButton as I, useElementWidth as st, createModal as ae, WxPagination as rt, WxDrawer as dt, confirm as ue, openImageEditor as ut, WxSortableList as ct, WxPopover as Re, WxPopconfirm as De, WxImage as mt, WxCard as pt } from "@webx-ui/core";
-function we(a) {
+import { WxTree as at, WxSelectionArea as it, WxFileCard as Le, WxEmpty as nt, toast as J, WxAction as B, WxInput as Z, WxDropdown as Ve, WxDropdownItem as Te, WxActions as le, useModal as ye, WxDialog as he, WxSelect as ot, WxSpace as we, WxButton as I, useElementWidth as st, createModal as ae, WxPagination as rt, WxDrawer as dt, confirm as ue, openImageEditor as ut, WxSortableList as ct, WxPopover as Re, WxPopconfirm as De, WxImage as mt, WxCard as pt } from "@webx-ui/core";
+function be(a) {
   const i = `${a.apiPath}/media`, n = (l) => l.data;
   return {
     directories: () => a.http.get(`${i}/directories`).then(n),
@@ -109,7 +109,7 @@ const ze = /* @__PURE__ */ S({
       const k = u.zone === "inside" ? u.target : u.parent;
       k && r("move", u.node.id, k.id);
     }
-    return (u, k) => (b(), T(e(at), {
+    return (u, k) => (w(), T(e(at), {
       selected: l.value,
       "onUpdate:selected": k[0] || (k[0] = (h) => l.value = h),
       expanded: t.value,
@@ -159,15 +159,15 @@ const ze = /* @__PURE__ */ S({
     }
     return (y, s) => {
       const u = Ge("wx-select");
-      return a.files.length > 0 ? (b(), T(e(it), {
+      return a.files.length > 0 ? (w(), T(e(it), {
         key: 0,
         modelValue: l.value,
         "onUpdate:modelValue": s[0] || (s[0] = (k) => l.value = k),
         class: "wx-media-grid",
         multiple: !a.single
       }, {
-        default: w(({ isSelected: k }) => [
-          (b(!0), L(ce, null, me(a.files, (h) => Ye((b(), T(e(Le), {
+        default: b(({ isSelected: k }) => [
+          (w(!0), L(ce, null, me(a.files, (h) => Ye((w(), T(e(Le), {
             key: h.id,
             class: "wx-media-grid__card",
             name: h.name,
@@ -201,7 +201,7 @@ const ze = /* @__PURE__ */ S({
           ])), 128))
         ]),
         _: 1
-      }, 8, ["modelValue", "multiple"])) : (b(), T(e(nt), {
+      }, 8, ["modelValue", "multiple"])) : (w(), T(e(nt), {
         key: 1,
         description: v.value
       }, null, 8, ["description"]));
@@ -237,8 +237,8 @@ const ze = /* @__PURE__ */ S({
       { value: "name", label: t("manager.sort-name") },
       { value: "-size", label: t("manager.sort-size") }
     ]), s = z(() => x.value.find((k) => k.value === r.value)?.label ?? ""), u = z(() => y.value.find((k) => k.value === d.value)?.label ?? "");
-    return (k, h) => (b(), L("header", yt, [
-      a.compact ? (b(), T(e(B), {
+    return (k, h) => (w(), L("header", yt, [
+      a.compact ? (w(), T(e(B), {
         key: 0,
         icon: "sidebar",
         title: e(t)("manager.folders"),
@@ -253,21 +253,21 @@ const ze = /* @__PURE__ */ S({
         clearable: "",
         size: "sm"
       }, null, 8, ["modelValue", "placeholder"]),
-      a.fixedType ? D("", !0) : (b(), T(e(Ve), { key: 1 }, {
-        trigger: w(() => [
+      a.fixedType ? D("", !0) : (w(), T(e(Ve), { key: 1 }, {
+        trigger: b(() => [
           g(e(B), {
             icon: "filter",
             title: `${e(t)("manager.all-types")}: ${s.value}`,
             size: "sm"
           }, null, 8, ["title"])
         ]),
-        default: w(() => [
-          (b(!0), L(ce, null, me(x.value, (o) => (b(), T(e(Te), {
+        default: b(() => [
+          (w(!0), L(ce, null, me(x.value, (o) => (w(), T(e(Te), {
             key: String(o.value),
             active: o.value === r.value,
             onClick: ($) => r.value = o.value
           }, {
-            default: w(() => [
+            default: b(() => [
               O(U(o.label), 1)
             ]),
             _: 2
@@ -276,20 +276,20 @@ const ze = /* @__PURE__ */ S({
         _: 1
       })),
       g(e(Ve), null, {
-        trigger: w(() => [
+        trigger: b(() => [
           g(e(B), {
             icon: "arrow-down",
             title: u.value,
             size: "sm"
           }, null, 8, ["title"])
         ]),
-        default: w(() => [
-          (b(!0), L(ce, null, me(y.value, (o) => (b(), T(e(Te), {
+        default: b(() => [
+          (w(!0), L(ce, null, me(y.value, (o) => (w(), T(e(Te), {
             key: o.value,
             active: o.value === d.value,
             onClick: ($) => d.value = o.value
           }, {
-            default: w(() => [
+            default: b(() => [
               O(U(o.label), 1)
             ]),
             _: 2
@@ -297,18 +297,18 @@ const ze = /* @__PURE__ */ S({
         ]),
         _: 1
       }),
-      a.canUpload ? (b(), T(e(B), {
+      a.canUpload ? (w(), T(e(B), {
         key: 2,
         type: "upload",
         title: e(t)("manager.upload"),
         size: "sm",
         onClick: h[2] || (h[2] = (o) => v("upload"))
       }, null, 8, ["title"])) : D("", !0),
-      a.canManage ? (b(), T(e(le), {
+      a.canManage ? (w(), T(e(le), {
         key: 3,
         size: "sm"
       }, {
-        default: w(() => [
+        default: b(() => [
           g(e(B), {
             icon: "folder-move",
             title: e(t)("manager.move"),
@@ -326,7 +326,7 @@ const ze = /* @__PURE__ */ S({
       })) : D("", !0)
     ]));
   }
-}), bt = /* @__PURE__ */ S({
+}), wt = /* @__PURE__ */ S({
   __name: "MoveDialog",
   props: {
     directories: {},
@@ -347,20 +347,20 @@ const ze = /* @__PURE__ */ S({
         ...x(s.children ?? [])
       ]);
     }
-    return (y, s) => (b(), T(e(he), {
+    return (y, s) => (w(), T(e(he), {
       open: e(n),
       "onUpdate:open": s[3] || (s[3] = (u) => ve(n) ? n.value = u : null),
       title: e(d)("manager.move-to"),
       width: 420
     }, {
-      footer: w(() => [
-        g(e(be), { size: "sm" }, {
-          default: w(() => [
+      footer: b(() => [
+        g(e(we), { size: "sm" }, {
+          default: b(() => [
             g(e(I), {
               variant: "outline",
               onClick: s[1] || (s[1] = (u) => e(r)())
             }, {
-              default: w(() => [
+              default: b(() => [
                 O(U(e(d)("manager.cancel")), 1)
               ]),
               _: 1
@@ -370,7 +370,7 @@ const ze = /* @__PURE__ */ S({
               disabled: t.value === null,
               onClick: s[2] || (s[2] = (u) => e(l)(t.value))
             }, {
-              default: w(() => [
+              default: b(() => [
                 O(U(e(d)("manager.move")), 1)
               ]),
               _: 1
@@ -379,7 +379,7 @@ const ze = /* @__PURE__ */ S({
           _: 1
         })
       ]),
-      default: w(() => [
+      default: b(() => [
         g(e(ot), {
           modelValue: t.value,
           "onUpdate:modelValue": s[0] || (s[0] = (u) => t.value = u),
@@ -389,7 +389,7 @@ const ze = /* @__PURE__ */ S({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), wt = /* @__PURE__ */ S({
+}), bt = /* @__PURE__ */ S({
   __name: "NameDialog",
   props: {
     title: {},
@@ -406,20 +406,20 @@ const ze = /* @__PURE__ */ S({
       const y = v.value.trim();
       y !== "" && l(y);
     }
-    return (y, s) => (b(), T(e(he), {
+    return (y, s) => (w(), T(e(he), {
       open: e(n),
       "onUpdate:open": s[2] || (s[2] = (u) => ve(n) ? n.value = u : null),
       title: a.title,
       width: 420
     }, {
-      footer: w(() => [
-        g(e(be), { size: "sm" }, {
-          default: w(() => [
+      footer: b(() => [
+        g(e(we), { size: "sm" }, {
+          default: b(() => [
             g(e(I), {
               variant: "outline",
               onClick: s[1] || (s[1] = (u) => e(r)())
             }, {
-              default: w(() => [
+              default: b(() => [
                 O(U(e(d)("manager.cancel")), 1)
               ]),
               _: 1
@@ -429,7 +429,7 @@ const ze = /* @__PURE__ */ S({
               disabled: v.value.trim() === "",
               onClick: x
             }, {
-              default: w(() => [
+              default: b(() => [
                 O(U(a.confirmText ?? e(d)("manager.save")), 1)
               ]),
               _: 1
@@ -438,7 +438,7 @@ const ze = /* @__PURE__ */ S({
           _: 1
         })
       ]),
-      default: w(() => [
+      default: b(() => [
         V("div", {
           ref_key: "input",
           ref: t
@@ -611,7 +611,7 @@ const kt = {
   }),
   emits: /* @__PURE__ */ q(["pick", "selection"], ["update:type"]),
   setup(a, { expose: i, emit: n }) {
-    const l = a, r = n, d = se(), v = we(d);
+    const l = a, r = n, d = se(), v = be(d);
     re();
     const t = H("webx-media"), x = et();
     function y() {
@@ -688,7 +688,7 @@ const kt = {
           J.danger(x(P, t("errors.upload")));
         }
     }
-    const W = ae(wt);
+    const W = ae(bt);
     async function $e() {
       const p = await W({
         title: t("manager.new-folder"),
@@ -745,7 +745,7 @@ const kt = {
       }
       await c();
     }
-    const Ee = ae(bt);
+    const Ee = ae(wt);
     async function Pe() {
       const p = await Ee({
         directories: h.value,
@@ -816,24 +816,24 @@ const kt = {
         clearTimeout(_), _ = setTimeout(p, f);
       };
     }
-    return (p, f) => (b(), L("div", {
+    return (p, f) => (w(), L("div", {
       ref_key: "root",
       ref: s,
       class: pe(["wx-media", { "wx-media--compact": k.value }])
     }, [
-      k.value ? D("", !0) : (b(), L("aside", kt, [
+      k.value ? D("", !0) : (w(), L("aside", kt, [
         g(ze, {
           selected: o.value,
           "onUpdate:selected": f[0] || (f[0] = (_) => o.value = _),
           directories: h.value,
           onMove: Me
         }, null, 8, ["selected", "directories"]),
-        Q.value ? (b(), T(e(le), {
+        Q.value ? (w(), T(e(le), {
           key: 0,
           size: "sm",
           align: "start"
         }, {
-          default: w(() => [
+          default: b(() => [
             g(e(B), {
               type: "add",
               title: e(t)("manager.new-folder"),
@@ -896,10 +896,10 @@ const kt = {
         }, null, 8, ["selected", "files", "api", "query", "single"]),
         V("footer", Ct, [
           V("span", null, U(e(t)("manager.status-files", { count: $.value?.stats.files ?? 0 })), 1),
-          F.value.length > 0 ? (b(), L("span", Mt, U(e(t)("manager.status-selected", { count: F.value.length })), 1)) : D("", !0),
+          F.value.length > 0 ? (w(), L("span", Mt, U(e(t)("manager.status-selected", { count: F.value.length })), 1)) : D("", !0),
           V("span", null, U(e(t)("manager.status-size", { size: e(Be)($.value?.stats.size ?? 0) })), 1)
         ]),
-        $.value && $.value.meta.last_page > 1 ? (b(), T(e(rt), {
+        $.value && $.value.meta.last_page > 1 ? (w(), T(e(rt), {
           key: 0,
           page: $.value.meta.current_page,
           "per-page": $.value.meta.per_page,
@@ -917,7 +917,7 @@ const kt = {
         title: e(t)("manager.folders"),
         size: 280
       }, {
-        default: w(() => [
+        default: b(() => [
           V("div", Vt, [
             g(ze, {
               selected: o.value,
@@ -928,12 +928,12 @@ const kt = {
               directories: h.value,
               onMove: Me
             }, null, 8, ["selected", "directories"]),
-            Q.value ? (b(), T(e(le), {
+            Q.value ? (w(), T(e(le), {
               key: 0,
               size: "sm",
               align: "start"
             }, {
-              default: w(() => [
+              default: b(() => [
                 g(e(B), {
                   type: "add",
                   title: e(t)("manager.new-folder"),
@@ -974,13 +974,13 @@ const kt = {
   },
   setup(a) {
     const { open: i, resolve: n, dismiss: l } = ye(), r = H("webx-media"), d = R([]);
-    return (v, t) => (b(), T(e(he), {
+    return (v, t) => (w(), T(e(he), {
       open: e(i),
       "onUpdate:open": t[4] || (t[4] = (x) => ve(i) ? i.value = x : null),
       title: a.title ?? e(r)("module.title"),
       width: 960
     }, We({
-      default: w(() => [
+      default: b(() => [
         V("div", Tt, [
           g(Se, {
             picking: !a.manage,
@@ -996,15 +996,15 @@ const kt = {
     }, [
       a.multiple && !a.manage ? {
         name: "footer",
-        fn: w(() => [
-          g(e(be), { size: "sm" }, {
-            default: w(() => [
-              a.max !== null && a.max > 0 ? (b(), L("span", zt, U(e(r)("manager.chosen", { count: d.value.length, max: a.max })), 1)) : D("", !0),
+        fn: b(() => [
+          g(e(we), { size: "sm" }, {
+            default: b(() => [
+              a.max !== null && a.max > 0 ? (w(), L("span", zt, U(e(r)("manager.chosen", { count: d.value.length, max: a.max })), 1)) : D("", !0),
               g(e(I), {
                 variant: "outline",
                 onClick: t[2] || (t[2] = (x) => e(l)())
               }, {
-                default: w(() => [
+                default: b(() => [
                   O(U(e(r)("manager.cancel")), 1)
                 ]),
                 _: 1
@@ -1015,7 +1015,7 @@ const kt = {
                 disabled: d.value.length === 0,
                 onClick: t[3] || (t[3] = (x) => e(n)(d.value))
               }, {
-                default: w(() => [
+                default: b(() => [
                   O(U(e(r)("manager.pick", { count: d.value.length })), 1)
                 ]),
                 _: 1
@@ -1066,7 +1066,7 @@ const kt = {
   setup(a) {
     const i = a, n = A(a, "modelValue");
     re();
-    const l = H("webx-media"), r = Ze(tt, null), d = r ? we(r) : null, v = {
+    const l = H("webx-media"), r = Ze(tt, null), d = r ? be(r) : null, v = {
       "16/9": "16 / 9",
       "4/3": "4 / 3",
       "1/1": "1 / 1"
@@ -1154,11 +1154,11 @@ const kt = {
       const c = t.value.length;
       return i.min && c < i.min ? l("field.at-least", { count: i.min }) : x.value === null ? "" : l("field.count", { count: c, max: x.value });
     });
-    return (c, m) => (b(), L("div", {
+    return (c, m) => (w(), L("div", {
       class: pe(["wx-media-list", [`wx-media-list--${a.layout}`, { "is-disabled": a.disabled }]]),
       style: fe(E.value)
     }, [
-      a.label ? (b(), L("span", Lt, U(a.label), 1)) : D("", !0),
+      a.label ? (w(), L("span", Lt, U(a.label), 1)) : D("", !0),
       g(e(ct), {
         modelValue: t.value,
         "onUpdate:modelValue": m[1] || (m[1] = (M) => t.value = M),
@@ -1170,7 +1170,7 @@ const kt = {
         "drag-label": e(l)("field.reorder"),
         "empty-text": e(l)("field.empty")
       }, {
-        default: w(({ item: M, index: C }) => [
+        default: b(({ item: M, index: C }) => [
           V("div", {
             class: pe(["wx-media-list__cell", { "is-broken": $(M), "is-busy": N.value === C }])
           }, [
@@ -1180,15 +1180,15 @@ const kt = {
               type: o(M)?.mime,
               size: a.layout === "rows" ? "sm" : "md"
             }, {
-              meta: w(() => [
-                $(M) ? (b(), L("span", Rt, U(e(l)("field.missing")), 1)) : (b(), L("span", Dt, U(X(M)), 1))
+              meta: b(() => [
+                $(M) ? (w(), L("span", Rt, U(e(l)("field.missing")), 1)) : (w(), L("span", Dt, U(X(M)), 1))
               ]),
               _: 2
             }, 1032, ["name", "thumbnail", "type", "size"]),
-            a.disabled ? D("", !0) : (b(), L("div", Bt, [
+            a.disabled ? D("", !0) : (w(), L("div", Bt, [
               g(e(le), { size: "sm" }, {
-                default: w(() => [
-                  a.captions ? (b(), T(e(Re), {
+                default: b(() => [
+                  a.captions ? (w(), T(e(Re), {
                     key: 0,
                     open: N.value === C,
                     title: e(l)("field.captions"),
@@ -1197,13 +1197,13 @@ const kt = {
                     teleport: "",
                     "onUpdate:open": (W) => N.value = W ? C : null
                   }, {
-                    trigger: w(() => [
+                    trigger: b(() => [
                       g(e(B), {
                         type: "edit",
                         title: e(l)("field.captions")
                       }, null, 8, ["title"])
                     ]),
-                    default: w(() => [
+                    default: b(() => [
                       V("div", St, [
                         V("div", Et, [
                           m[2] || (m[2] = V("span", { class: "wx-media-list__caption-label" }, "alt", -1)),
@@ -1229,7 +1229,7 @@ const kt = {
                             type: "primary",
                             onClick: m[0] || (m[0] = (W) => N.value = null)
                           }, {
-                            default: w(() => [
+                            default: b(() => [
                               O(U(e(l)("manager.save")), 1)
                             ]),
                             _: 1
@@ -1239,7 +1239,7 @@ const kt = {
                     ]),
                     _: 2
                   }, 1032, ["open", "title", "onUpdate:open"])) : D("", !0),
-                  $(M) ? D("", !0) : (b(), T(e(B), {
+                  $(M) ? D("", !0) : (w(), T(e(B), {
                     key: 1,
                     type: "goto",
                     title: e(l)("field.open"),
@@ -1254,7 +1254,7 @@ const kt = {
                     side: "top",
                     onConfirm: (W) => Q(C)
                   }, {
-                    trigger: w(() => [
+                    trigger: b(() => [
                       g(e(B), {
                         type: "remove",
                         title: e(l)("field.remove-confirm")
@@ -1277,12 +1277,12 @@ const kt = {
           disabled: a.disabled || y.value,
           onClick: ie
         }, {
-          default: w(() => [
+          default: b(() => [
             O(U(e(l)("field.add")), 1)
           ]),
           _: 1
         }, 8, ["disabled"]),
-        ne.value ? (b(), L("span", Nt, U(ne.value), 1)) : D("", !0)
+        ne.value ? (w(), L("span", Nt, U(ne.value), 1)) : D("", !0)
       ])
     ], 6));
   }
@@ -1302,7 +1302,7 @@ const kt = {
         i.value = l[0] ?? null;
       }
     });
-    return (l, r) => (b(), T(ke, ge(l.$attrs, {
+    return (l, r) => (w(), T(ke, ge(l.$attrs, {
       modelValue: n.value,
       "onUpdate:modelValue": r[0] || (r[0] = (d) => n.value = d),
       layout: "rows",
@@ -1320,7 +1320,7 @@ const kt = {
   emits: ["update:modelValue"],
   setup(a) {
     const i = A(a, "modelValue");
-    return (n, l) => (b(), T(ke, ge(n.$attrs, {
+    return (n, l) => (w(), T(ke, ge(n.$attrs, {
       modelValue: i.value,
       "onUpdate:modelValue": l[0] || (l[0] = (r) => i.value = r),
       layout: "rows"
@@ -1337,7 +1337,7 @@ const kt = {
   emits: ["update:modelValue"],
   setup(a) {
     const i = A(a, "modelValue");
-    return (n, l) => (b(), T(ke, ge(n.$attrs, {
+    return (n, l) => (w(), T(ke, ge(n.$attrs, {
       modelValue: i.value,
       "onUpdate:modelValue": l[0] || (l[0] = (r) => i.value = r),
       layout: "grid",
@@ -1370,7 +1370,7 @@ const kt = {
   setup(a) {
     const i = a, n = A(a, "modelValue");
     re();
-    const l = H("webx-media"), r = we(se()), d = {
+    const l = H("webx-media"), r = be(se()), d = {
       "16/9": "16 / 9",
       "4/3": "4 / 3",
       "1/1": "1 / 1"
@@ -1404,9 +1404,9 @@ const kt = {
     function h() {
       n.value = null, v.value = !1;
     }
-    return (o, $) => (b(), L("div", Xt, [
-      a.label ? (b(), L("span", Kt, U(a.label), 1)) : D("", !0),
-      n.value ? (b(), L("div", {
+    return (o, $) => (w(), L("div", Xt, [
+      a.label ? (w(), L("span", Kt, U(a.label), 1)) : D("", !0),
+      n.value ? (w(), L("div", {
         key: 2,
         class: "wx-media-field__frame",
         style: fe(y.value)
@@ -1418,18 +1418,18 @@ const kt = {
           title: e(l)("field.replace"),
           onClick: k
         }, [
-          x.value ? (b(), T(e(mt), {
+          x.value ? (w(), T(e(mt), {
             key: 0,
             src: x.value,
             fit: "contain",
             width: "100%",
             height: "100%"
-          }, null, 8, ["src"])) : (b(), L("span", Yt, U(e(l)("field.no-preview")), 1))
+          }, null, 8, ["src"])) : (w(), L("span", Yt, U(e(l)("field.no-preview")), 1))
         ], 8, Gt),
-        a.disabled ? D("", !0) : (b(), L("div", Jt, [
+        a.disabled ? D("", !0) : (w(), L("div", Jt, [
           g(e(le), { size: "sm" }, {
-            default: w(() => [
-              a.captions ? (b(), T(e(Re), {
+            default: b(() => [
+              a.captions ? (w(), T(e(Re), {
                 key: 0,
                 open: v.value,
                 "onUpdate:open": $[3] || ($[3] = (F) => v.value = F),
@@ -1438,13 +1438,13 @@ const kt = {
                 side: "top",
                 teleport: ""
               }, {
-                trigger: w(() => [
+                trigger: b(() => [
                   g(e(B), {
                     type: "edit",
                     title: e(l)("field.edit")
                   }, null, 8, ["title"])
                 ]),
-                default: w(() => [
+                default: b(() => [
                   V("div", Qt, [
                     V("div", Zt, [
                       $[4] || ($[4] = V("label", {
@@ -1478,7 +1478,7 @@ const kt = {
                         type: "primary",
                         onClick: $[2] || ($[2] = (F) => v.value = !1)
                       }, {
-                        default: w(() => [
+                        default: b(() => [
                           O(U(e(l)("manager.save")), 1)
                         ]),
                         _: 1
@@ -1497,7 +1497,7 @@ const kt = {
                 side: "top",
                 onConfirm: h
               }, {
-                trigger: w(() => [
+                trigger: b(() => [
                   g(e(B), {
                     type: "remove",
                     title: e(l)("field.clear-confirm")
@@ -1509,7 +1509,7 @@ const kt = {
             _: 1
           })
         ]))
-      ], 4)) : (b(), L("div", {
+      ], 4)) : (w(), L("div", {
         key: 1,
         class: "wx-media-field__frame is-empty",
         style: fe(y.value)
@@ -1537,7 +1537,7 @@ const kt = {
         label: n(`manager.${y}`)
       }))
     ]);
-    return (y, s) => (b(), T(e(lt), {
+    return (y, s) => (w(), T(e(lt), {
       view: r.value,
       "onUpdate:view": s[1] || (s[1] = (u) => r.value = u),
       title: t.value,
@@ -1545,12 +1545,12 @@ const kt = {
       card: !1,
       fill: ""
     }, We({
-      default: w(() => [
+      default: b(() => [
         g(e(pt), {
           class: "wx-media-page",
           padding: "md"
         }, {
-          default: w(() => [
+          default: b(() => [
             g(Se, {
               ref_key: "manager",
               ref: l,
@@ -1565,13 +1565,13 @@ const kt = {
     }, [
       v.value ? {
         name: "actions",
-        fn: w(() => [
+        fn: b(() => [
           g(e(I), {
             type: "primary",
             icon: "upload",
             onClick: s[0] || (s[0] = (u) => l.value?.upload())
           }, {
-            default: w(() => [
+            default: b(() => [
               O(U(e(n)("manager.upload")), 1)
             ]),
             _: 1
@@ -1600,9 +1600,9 @@ function sl(a = {}) {
     // `multiple: true` and `accept: document`".
     types: {
       "wx-media": { component: ll, kind: "field" },
-      "wx-gallery": { component: Ht, kind: "field" },
+      "wx-gallery": { component: Ht, kind: "field", wide: !0 },
       "wx-file": { component: qt, kind: "field" },
-      "wx-files": { component: It, kind: "field" }
+      "wx-files": { component: It, kind: "field", wide: !0 }
     }
   };
 }
@@ -1614,7 +1614,7 @@ export {
   Se as WxMediaManager,
   al as WxMediaPage,
   xe as WxMediaPicker,
-  we as createMediaApi,
+  be as createMediaApi,
   sl as media,
   xt as mediaMessages,
   Ft as openMediaFiles,