@beeintel/batch-image 0.0.0-stage → 1.0.1

package/dist/chunks/ListingToolPanel-B9Yh3LBK.js

@@ -0,0 +1,783 @@
+import { defineComponent as ee, ref as $, computed as le, watch as A, onBeforeUnmount as de, openBlock as p, createElementBlock as h, withModifiers as Q, unref as a, normalizeClass as Y, createElementVNode as u, toDisplayString as v, Fragment as ie, renderList as ne, createCommentVNode as E, createVNode as I, createTextVNode as K, nextTick as J, useId as ve, onMounted as ge, normalizeStyle as pe, createBlock as O, withCtx as te } from "vue";
+import { J as se, F as ae, aw as fe, ai as be, ah as ke, ax as he, ay as ye, _ as oe, aj as _e, S as ce, a4 as me, az as we, G as Pe } from "./entry-DK9FjQZ_.js";
+import { L as xe } from "./loader-circle-UFoEem2a.js";
+import { u as Le, a as $e, b as ue, _ as Ie } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-C2kJCYeA.js";
+/**
+ * @license @lucide/vue v1.47.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ce = {
+  name: "external-link",
+  size: 24,
+  node: [
+    ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+    ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+    ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+  ]
+}, Ve = se(Ce);
+/**
+ * @license @lucide/vue v1.47.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ee = {
+  name: "layout-template",
+  size: 24,
+  node: [
+    ["rect", { width: "18", height: "7", x: "3", y: "3", rx: "1", key: "f1a2em" }],
+    ["rect", { width: "9", height: "7", x: "3", y: "14", rx: "1", key: "jqznyg" }],
+    ["rect", { width: "5", height: "7", x: "16", y: "14", rx: "1", key: "q5h2i8" }]
+  ]
+}, Re = se(Ee);
+/**
+ * @license @lucide/vue v1.47.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ae = {
+  name: "refresh-cw",
+  size: 24,
+  node: [
+    ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
+    ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+    ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
+    ["path", { d: "M8 16H3v5", key: "1cv678" }]
+  ]
+}, re = se(Ae), ze = ["aria-label", "aria-busy"], Se = { class: "picker-heading" }, Ue = { class: "picker-hint" }, Be = ["multiple", "disabled", "aria-label"], Me = { class: "product-preview" }, Te = ["src", "alt"], De = ["src", "alt"], Fe = { class: "product-number" }, qe = {
+  key: 2,
+  class: "upload-state",
+  role: "status"
+}, Ke = ["href", "aria-label"], Ne = {
+  key: 0,
+  class: "slot-error",
+  role: "alert"
+}, Ge = { class: "product-actions" }, je = ["disabled", "aria-label", "onClick"], He = ["disabled", "aria-label", "onClick"], Je = ["disabled", "aria-label", "onClick"], Oe = ["disabled", "aria-label"], We = {
+  key: 0,
+  class: "picker-notice",
+  role: "status"
+}, Xe = /* @__PURE__ */ ee({
+  __name: "ProductImagePicker",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean },
+    scopeKey: {},
+    upload: { type: Function }
+  },
+  emits: ["update:modelValue", "busy"],
+  setup(l, { emit: R }) {
+    const { ui: t, uiText: C } = ae(), r = l, z = R;
+    let x = 0, w = 0, P = !0;
+    const d = (e) => JSON.stringify([e.assetId, e.assetVersionId, e.sha256]), y = (e) => JSON.stringify(e.map(d)), k = (e) => ({
+      id: ++x,
+      asset: { ...e },
+      state: "ready",
+      token: 0
+    }), n = $(r.modelValue.slice(0, 4).map(k)), g = fe(
+      () => n.value.flatMap((e) => e.asset ? [e.asset] : [])
+    ), s = $(), L = $(null), V = $(""), S = $(!1);
+    let U = y(r.modelValue);
+    const B = [], N = le(() => n.value.some((e) => e.state !== "ready"));
+    A(N, (e) => z("busy", e), { immediate: !0, flush: "sync" });
+    function M(e) {
+      e.preview && URL.revokeObjectURL(e.preview), e.preview = void 0;
+    }
+    function F(e) {
+      w++, n.value.forEach(M), n.value = e.slice(0, 4).map(k), L.value = null, V.value = "", S.value = !1, B.length = 0;
+    }
+    A(
+      () => r.modelValue,
+      (e) => {
+        const m = y(e), o = B.indexOf(m);
+        if (m !== U && o < 0) F(e);
+        else {
+          o >= 0 && B.splice(0, o + 1);
+          const _ = new Map(e.map((f) => [d(f), f]));
+          for (const f of n.value)
+            if (f.asset) {
+              const D = _.get(d(f.asset));
+              D && (f.asset = { ...D });
+            }
+        }
+        U = m;
+      },
+      { deep: !0, flush: "sync" }
+    ), A(
+      () => r.scopeKey,
+      () => F(r.modelValue),
+      { flush: "sync" }
+    ), A(
+      () => r.disabled,
+      (e) => {
+        e && F(r.modelValue);
+      },
+      { flush: "sync" }
+    ), de(() => {
+      P = !1, F([]);
+    });
+    function W() {
+      const e = n.value.flatMap((m) => m.asset ? [{ ...m.asset }] : []);
+      B.push(y(e)), z("update:modelValue", e);
+    }
+    async function G(e) {
+      if (r.disabled || !e.file || e.state === "uploading") return;
+      const m = w, o = ++e.token;
+      e.state = "uploading", e.preview || (e.preview = URL.createObjectURL(e.file));
+      const _ = () => P && !r.disabled && w === m && e.token === o && n.value.some((f) => f.id === e.id);
+      try {
+        const f = await he(e.file);
+        if (!_()) return;
+        const D = await r.upload(f.file);
+        if (!_()) return;
+        e.asset = { ...D }, e.state = "ready", e.file = void 0, M(e), W();
+      } catch {
+        _() && (e.state = "failed");
+      }
+    }
+    async function j(e) {
+      r.disabled || e?.state === "uploading" || !e && n.value.length >= 4 || (L.value = e?.id ?? null, await J(), P && !r.disabled && s.value?.click());
+    }
+    function i(e, m = null) {
+      if (r.disabled || !e.length) return;
+      const o = e.filter(
+        (f) => ["image/png", "image/jpeg", "image/webp"].includes(f.type)
+      );
+      if (V.value = o.length !== e.length ? "请选择 PNG、JPEG 或 WebP 图片。" : "", m !== null) {
+        const f = n.value.find((D) => D.id === m);
+        if (!f || f.state === "uploading" || !o[0]) return;
+        M(f), f.file = o[0], f.state = "failed", G(f);
+        return;
+      }
+      const _ = 4 - n.value.length;
+      o.length > _ && (V.value = "商品图最多 4 张，超出的图片未上传。");
+      for (const f of o.slice(0, _)) {
+        const D = { id: ++x, file: f, state: "failed", token: 0 };
+        n.value.push(D), G(n.value[n.value.length - 1]);
+      }
+    }
+    function b(e) {
+      const m = e.target, o = Array.from(m.files ?? []), _ = L.value;
+      m.value = "", L.value = null, i(o, _);
+    }
+    function c(e) {
+      const m = ye(e);
+      m.length && (e.preventDefault(), e.stopPropagation(), !r.disabled && i(m));
+    }
+    function T(e) {
+      S.value = !1, i(Array.from(e.dataTransfer?.files ?? []));
+    }
+    function X(e) {
+      r.disabled || (e.token++, M(e), n.value = n.value.filter((m) => m.id !== e.id), W());
+    }
+    const q = (e) => g.get(e), H = (e) => g.get(e);
+    return (e, m) => (p(), h("div", {
+      class: Y(["product-picker", { "is-dragging": S.value, "is-disabled": l.disabled }]),
+      "data-testid": "product-dropzone",
+      tabindex: "0",
+      "aria-label": a(t)("tools.listing_remake.productImagePicker_0a6a4dcd"),
+      onPaste: c,
+      "aria-busy": N.value,
+      onDragover: m[1] || (m[1] = Q((o) => S.value = !l.disabled, ["prevent"])),
+      onDragleave: m[2] || (m[2] = Q((o) => S.value = !1, ["prevent"])),
+      onDrop: Q(T, ["prevent", "stop"])
+    }, [
+      u("div", Se, [
+        u("span", null, v(a(t)("tools.listing_remake.productImagePicker_4bfdac53")), 1),
+        u("small", null, v(n.value.length) + "/4", 1)
+      ]),
+      u("p", Ue, v(a(t)("tools.listing_remake.productImagePicker_39fb6b8b")), 1),
+      u("input", {
+        ref_key: "input",
+        ref: s,
+        type: "file",
+        hidden: "",
+        accept: "image/png,image/jpeg,image/webp",
+        multiple: L.value === null,
+        disabled: l.disabled || L.value === null && n.value.length >= 4,
+        "aria-label": a(t)("tools.listing_remake.productImagePicker_fddf94f3"),
+        onChange: b
+      }, null, 40, Be),
+      u("div", {
+        class: Y(["product-grid", { empty: !n.value.length }])
+      }, [
+        (p(!0), h(ie, null, ne(n.value, (o, _) => (p(), h("div", {
+          key: o.id,
+          class: Y(["product-slot", { "has-error": o.state === "failed" }]),
+          "data-product-slot": ""
+        }, [
+          u("div", Me, [
+            o.preview && o.state !== "failed" || !o.asset && o.preview ? (p(), h("img", {
+              key: 0,
+              src: o.preview,
+              alt: a(t)("tools.listing_remake.productImagePicker_0f5d1e89", { p0: _ + 1 })
+            }, null, 8, Te)) : o.asset && q(o.asset) ? (p(), h("img", {
+              key: 1,
+              src: q(o.asset),
+              alt: a(t)("tools.listing_remake.productImagePicker_215123d8", { p0: _ + 1 })
+            }, null, 8, De)) : E("", !0),
+            u("span", Fe, "A" + v(_ + 1), 1),
+            o.state === "uploading" ? (p(), h("span", qe, [
+              I(a(xe), {
+                size: 14,
+                class: "spinner",
+                "aria-hidden": "true"
+              }),
+              K(v(a(t)("tools.listing_remake.productImagePicker_403b055e")), 1)
+            ])) : E("", !0),
+            o.asset && o.state !== "uploading" && H(o.asset) ? (p(), h("a", {
+              key: 3,
+              class: "view-image",
+              href: H(o.asset),
+              target: "_blank",
+              rel: "noopener noreferrer",
+              "aria-label": a(t)("tools.listing_remake.productImagePicker_ed8a8c8e", { p0: _ + 1 })
+            }, [
+              I(a(Ve), {
+                size: 13,
+                "aria-hidden": "true"
+              })
+            ], 8, Ke)) : E("", !0)
+          ]),
+          o.state === "failed" ? (p(), h("p", Ne, v(o.asset ? a(t)("tools.listing_remake.productImagePicker_8cd858e1") : a(t)("tools.listing_remake.productImagePicker_9a5fc6f3")), 1)) : E("", !0),
+          u("div", Ge, [
+            o.state === "failed" ? (p(), h("button", {
+              key: 0,
+              type: "button",
+              disabled: l.disabled,
+              "aria-label": a(t)("tools.listing_remake.productImagePicker_057ee503", { p0: _ + 1 }),
+              onClick: (f) => G(o)
+            }, [
+              I(a(re), {
+                size: 12,
+                "aria-hidden": "true"
+              }),
+              K(v(a(t)("tools.listing_remake.productImagePicker_b8784c8d")), 1)
+            ], 8, je)) : (p(), h("button", {
+              key: 1,
+              type: "button",
+              disabled: l.disabled || o.state === "uploading",
+              "aria-label": a(t)("tools.listing_remake.productImagePicker_7379e7e6", { p0: _ + 1 }),
+              onClick: (f) => j(o)
+            }, [
+              I(a(re), {
+                size: 12,
+                "aria-hidden": "true"
+              }),
+              K(v(a(t)("tools.listing_remake.productImagePicker_131b13aa")), 1)
+            ], 8, He)),
+            u("button", {
+              type: "button",
+              disabled: l.disabled,
+              "aria-label": a(t)("tools.listing_remake.productImagePicker_3aff083d", { p0: _ + 1 }),
+              onClick: (f) => X(o)
+            }, [
+              I(a(be), {
+                size: 12,
+                "aria-hidden": "true"
+              })
+            ], 8, Je)
+          ])
+        ], 2))), 128)),
+        n.value.length < 4 ? (p(), h("button", {
+          key: 0,
+          class: "add-product",
+          type: "button",
+          disabled: l.disabled,
+          "aria-label": a(t)("tools.listing_remake.productImagePicker_82376c3b"),
+          onClick: m[0] || (m[0] = (o) => j())
+        }, [
+          I(a(ke), {
+            size: 21,
+            "aria-hidden": "true"
+          }),
+          u("span", null, v(a(t)("common.app_9f0d4e46")), 1),
+          u("small", null, v(a(t)("tools.listing_remake.productImagePicker_9c3ce301")), 1)
+        ], 8, Oe)) : E("", !0)
+      ], 2),
+      V.value ? (p(), h("p", We, v(a(C)(V.value)), 1)) : E("", !0)
+    ], 42, ze));
+  }
+}), Qe = /* @__PURE__ */ oe(Xe, [["__scopeId", "data-v-cc96a960"]]), Z = [
+  {
+    value: "English (US)",
+    label: "英语 · 美国",
+    code: "en-US",
+    aliases: ["English", "United States", "USA", "美式"]
+  },
+  {
+    value: "English (UK)",
+    label: "英语 · 英国",
+    code: "en-GB",
+    aliases: ["English", "United Kingdom", "UK", "英式"]
+  },
+  { value: "English (CA)", label: "英语 · 加拿大", code: "en-CA", aliases: ["English", "Canada"] },
+  {
+    value: "English (AU)",
+    label: "英语 · 澳大利亚",
+    code: "en-AU",
+    aliases: ["English", "Australia", "澳洲"]
+  },
+  { value: "English (IN)", label: "英语 · 印度", code: "en-IN", aliases: ["English", "India"] },
+  {
+    value: "French (FR)",
+    label: "法语 · 法国",
+    code: "fr-FR",
+    aliases: ["French", "France", "Français"]
+  },
+  {
+    value: "French (CA)",
+    label: "法语 · 加拿大",
+    code: "fr-CA",
+    aliases: ["French", "Canada", "Québec", "魁北克"]
+  },
+  { value: "French (BE)", label: "法语 · 比利时", code: "fr-BE", aliases: ["French", "Belgium"] },
+  {
+    value: "Simplified Chinese",
+    label: "简体中文",
+    code: "zh-CN",
+    aliases: ["Chinese", "简中", "中国", "China", "普通话", "Mandarin"]
+  },
+  {
+    value: "Traditional Chinese",
+    label: "繁体中文",
+    code: "zh-TW",
+    aliases: ["Chinese", "繁中", "台湾", "臺灣", "Taiwan", "香港", "Hong Kong", "zh-HK"]
+  },
+  { value: "Japanese", label: "日语 · 日本", code: "ja-JP", aliases: ["Japan", "日本語"] },
+  { value: "German", label: "德语 · 德国", code: "de-DE", aliases: ["Germany", "Deutsch"] },
+  {
+    value: "Spanish (ES)",
+    label: "西班牙语 · 西班牙",
+    code: "es-ES",
+    aliases: ["Spanish", "Spain", "Español", "西语"]
+  },
+  {
+    value: "Spanish (MX)",
+    label: "西班牙语 · 墨西哥",
+    code: "es-MX",
+    aliases: ["Spanish", "Mexico", "Español", "西语"]
+  },
+  {
+    value: "Portuguese (Brazil)",
+    label: "葡萄牙语 · 巴西",
+    code: "pt-BR",
+    aliases: ["Portuguese", "Brazil", "Brasil", "Português", "葡语"]
+  },
+  {
+    value: "Portuguese (Portugal)",
+    label: "葡萄牙语 · 葡萄牙",
+    code: "pt-PT",
+    aliases: ["Portuguese", "Portugal", "Português", "葡语"]
+  },
+  { value: "Italian", label: "意大利语 · 意大利", code: "it-IT", aliases: ["Italy", "Italiano"] },
+  { value: "Korean", label: "韩语 · 韩国", code: "ko-KR", aliases: ["Korea", "한국어"] },
+  { value: "Dutch", label: "荷兰语 · 荷兰", code: "nl-NL", aliases: ["Netherlands", "Nederlands"] },
+  { value: "Arabic", label: "阿拉伯语", code: "ar", aliases: ["العربية"] }
+];
+function Ye(l) {
+  const R = l.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean);
+  return Z.filter((t) => {
+    const C = [t.value, t.label, t.code, ...t.aliases].join(" ").toLocaleLowerCase();
+    return R.every((r) => C.includes(r));
+  });
+}
+const Ze = ["for"], ea = { class: "lir-language-input" }, aa = ["id", "value", "disabled", "placeholder", "aria-expanded", "aria-controls", "aria-activedescendant"], ta = ["aria-label", "disabled"], la = ["aria-label", "aria-expanded", "disabled"], ia = ["id", "aria-label", "data-placement"], na = ["id", "aria-selected", "data-value", "data-custom", "onClick"], sa = { key: 0 }, oa = { class: "hint" }, ua = /* @__PURE__ */ ee({
+  __name: "TargetLanguagePicker",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: R }) {
+    const { ui: t, uiText: C, uiTargetLanguage: r, batchI18n: z } = ae(), x = l, w = R, P = $(), d = $(!1), y = $(""), k = $(-1), n = ve(), g = (i) => {
+      const b = Z.find((c) => c.value === i);
+      return b ? r(b.code) : i;
+    }, s = $(g(x.modelValue)), L = $("below"), V = $(240), S = $(66);
+    function U() {
+      if (!d.value || !P.value) return;
+      const i = P.value.getBoundingClientRect(), b = P.value.querySelector(".lir-language-input")?.getBoundingClientRect();
+      if (!b) return;
+      const c = P.value.closest(".tools-panel")?.getBoundingClientRect(), T = Math.min(window.innerHeight, c?.bottom ?? window.innerHeight), X = Math.max(0, c?.top ?? 0), q = Math.max(0, T - b.bottom - 5), H = Math.max(0, b.top - X - 5);
+      L.value = q < 240 && H > q ? "above" : "below", V.value = Math.min(240, L.value === "above" ? H : q), S.value = L.value === "above" ? i.bottom - b.top + 5 : b.bottom - i.top + 5;
+    }
+    A(d, async (i) => {
+      i && (await J(), U());
+    }), A(
+      () => x.modelValue,
+      (i) => {
+        s.value = g(i);
+      }
+    ), A(z.global.locale, () => {
+      y.value.trim() || (s.value = g(x.modelValue));
+    }), A(
+      () => x.disabled,
+      (i) => {
+        i && (d.value = !1);
+      }
+    ), A(k, async (i) => {
+      await J(), d.value && i >= 0 && P.value?.querySelector(`[id="${n}-option-${i}"]`)?.scrollIntoView?.({ block: "nearest" });
+    });
+    const B = le(() => {
+      const i = Z.filter(
+        (c) => Ye(y.value).includes(c) || y.value.trim().toLocaleLowerCase().split(/\s+/).every((T) => r(c.code).toLocaleLowerCase().includes(T))
+      ).map((c) => ({
+        value: c.value,
+        label: r(c.code),
+        detail: c.value,
+        custom: !1
+      }));
+      return y.value.trim() ? Z.some(
+        (c) => c.value.toLowerCase() === y.value.trim().toLowerCase() || c.label === y.value.trim()
+      ) ? i : [
+        ...i,
+        {
+          value: y.value,
+          label: t("tools.listing_remake.targetLanguagePicker_4ac2d6d3", { p0: y.value }),
+          detail: t("tools.listing_remake.targetLanguagePicker_6cc17587"),
+          custom: !0
+        }
+      ] : [
+        {
+          value: "",
+          label: t("tools.listing_remake.targetLanguagePicker_a930c338"),
+          detail: "",
+          custom: !1
+        },
+        ...i
+      ];
+    });
+    A(
+      () => B.value.length,
+      async () => {
+        await J(), U();
+      }
+    );
+    function N() {
+      x.disabled || (y.value = "", k.value = -1, d.value = !0);
+    }
+    function M(i) {
+      x.disabled || (s.value = g(i), y.value = "", k.value = -1, d.value = !1, w("update:modelValue", i));
+    }
+    function F(i) {
+      x.disabled || (s.value = i.target.value, y.value = s.value, k.value = -1, d.value = !0, w("update:modelValue", s.value));
+    }
+    function W(i) {
+      if (!(x.disabled || i.isComposing || i.keyCode === 229)) {
+        if (i.key === "Escape") {
+          d.value = !1, k.value = -1, i.preventDefault();
+          return;
+        }
+        if (i.key === "ArrowDown" || i.key === "ArrowUp") {
+          i.preventDefault(), d.value || (y.value = "", d.value = !0, k.value = -1);
+          const b = B.value.length;
+          b && (k.value = i.key === "ArrowDown" ? (k.value + 1) % b : k.value <= 0 ? b - 1 : k.value - 1);
+        } else i.key === "Enter" && d.value && (i.preventDefault(), k.value >= 0 ? M(B.value[k.value].value) : d.value = !1);
+      }
+    }
+    function G(i) {
+      P.value?.contains(i.relatedTarget) || (d.value = !1);
+    }
+    function j(i) {
+      P.value?.contains(i.target) || (d.value = !1);
+    }
+    return ge(() => {
+      document.addEventListener("pointerdown", j), window.addEventListener("resize", U), document.addEventListener("scroll", U, !0);
+    }), de(() => {
+      document.removeEventListener("pointerdown", j), window.removeEventListener("resize", U), document.removeEventListener("scroll", U, !0);
+    }), (i, b) => (p(), h("div", {
+      ref_key: "root",
+      ref: P,
+      class: "lir-language-picker",
+      onFocusout: G
+    }, [
+      u("label", {
+        for: `${a(n)}-input`
+      }, v(a(t)("tools.listing_remake.targetLanguagePicker_c9dfdcf7")), 9, Ze),
+      u("div", ea, [
+        u("input", {
+          id: `${a(n)}-input`,
+          name: "targetLanguage",
+          role: "combobox",
+          value: s.value,
+          disabled: l.disabled,
+          placeholder: a(t)("tools.listing_remake.targetLanguagePicker_a930c338"),
+          maxlength: "100",
+          autocomplete: "off",
+          "aria-autocomplete": "list",
+          "aria-haspopup": "listbox",
+          "aria-expanded": d.value,
+          "aria-controls": `${a(n)}-list`,
+          "aria-activedescendant": d.value && k.value >= 0 ? `${a(n)}-option-${k.value}` : void 0,
+          onFocus: N,
+          onInput: F,
+          onKeydown: W
+        }, null, 40, aa),
+        s.value ? (p(), h("button", {
+          key: 0,
+          type: "button",
+          "aria-label": a(t)("tools.listing_remake.targetLanguagePicker_a89e3879"),
+          disabled: l.disabled,
+          onClick: b[0] || (b[0] = (c) => M(""))
+        }, [
+          I(a(_e), {
+            size: 14,
+            "aria-hidden": "true"
+          })
+        ], 8, ta)) : E("", !0),
+        u("button", {
+          type: "button",
+          "aria-label": a(t)("tools.listing_remake.targetLanguagePicker_8863a1ae"),
+          "aria-expanded": d.value,
+          disabled: l.disabled,
+          onClick: b[1] || (b[1] = (c) => d.value ? d.value = !1 : N())
+        }, [
+          I(a(ce), {
+            size: 15,
+            "aria-hidden": "true"
+          })
+        ], 8, la)
+      ]),
+      d.value && !l.disabled ? (p(), h("div", {
+        key: 0,
+        id: `${a(n)}-list`,
+        role: "listbox",
+        "aria-label": a(t)("tools.image_translation.translationFields_966a23e8"),
+        class: "lir-language-list",
+        "data-placement": L.value,
+        style: pe({
+          maxHeight: `${V.value}px`,
+          top: L.value === "below" ? `${S.value}px` : void 0,
+          bottom: L.value === "above" ? `${S.value}px` : void 0
+        })
+      }, [
+        (p(!0), h(ie, null, ne(B.value, (c, T) => (p(), h("button", {
+          id: `${a(n)}-option-${T}`,
+          key: c.value,
+          type: "button",
+          role: "option",
+          "aria-selected": l.modelValue === c.value,
+          "data-value": c.value,
+          "data-custom": c.custom,
+          class: Y({ active: k.value === T }),
+          onPointerdown: b[2] || (b[2] = Q(() => {
+          }, ["prevent"])),
+          onClick: (X) => M(c.value)
+        }, [
+          u("span", null, [
+            K(v(a(C)(c.label)), 1),
+            l.modelValue === c.value ? (p(), O(a(me), {
+              key: 0,
+              size: 13,
+              "aria-hidden": "true"
+            })) : E("", !0)
+          ]),
+          c.detail ? (p(), h("small", sa, v(c.detail), 1)) : E("", !0)
+        ], 42, na))), 128))
+      ], 12, ia)) : E("", !0),
+      u("p", oa, v(a(t)("tools.listing_remake.targetLanguagePicker_fce2cda5")), 1)
+    ], 544));
+  }
+}), ra = /* @__PURE__ */ oe(ua, [["__scopeId", "data-v-b5813e79"]]), da = ["disabled"], ca = {
+  class: "reference-summary",
+  "data-testid": "reference-count"
+}, ma = ["open"], va = { class: "optional-label" }, ga = {
+  class: "sr-only",
+  for: "lir-product-info"
+}, pa = ["value", "placeholder"], fa = { class: "lir-section" }, ba = {
+  class: "lir-label",
+  id: "lir-mode-label"
+}, ka = ["aria-label"], ha = ["data-mode", "aria-checked", "tabindex", "disabled", "onClick", "onKeydown"], ya = { class: "mode-card-top" }, _a = { class: "requirements-label" }, wa = ["value", "placeholder"], Pa = /* @__PURE__ */ ee({
+  __name: "ListingRemakePanel",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean },
+    scopeKey: {},
+    count: {},
+    upload: { type: Function }
+  },
+  emits: ["update:modelValue", "busy"],
+  setup(l, { emit: R }) {
+    const { ui: t, uiText: C } = ae(), r = l, z = R, x = $(), w = [
+      { value: "close_transfer", title: "贴近复刻", description: "贴近参考布局" },
+      { value: "transformative_remake", title: "翻新复刻", description: "翻新场景表达" }
+    ], P = le(
+      () => [r.modelValue.visualStyle, r.modelValue.extraRequirements].filter(Boolean).join(`
+
+`)
+    );
+    function d(n) {
+      if (r.disabled) return;
+      const g = { ...r.modelValue, ...n };
+      z("update:modelValue", {
+        ...g,
+        productAssets: g.productAssets.map((s) => ({ ...s }))
+      });
+    }
+    function y(n) {
+      d({ visualStyle: "", extraRequirements: n });
+    }
+    async function k(n, g) {
+      if (r.disabled) return;
+      let s = g;
+      if (["ArrowLeft", "ArrowUp"].includes(n.key))
+        s = (g + w.length - 1) % w.length;
+      else if (["ArrowRight", "ArrowDown"].includes(n.key)) s = (g + 1) % w.length;
+      else if (n.key === "Home") s = 0;
+      else if (n.key === "End") s = w.length - 1;
+      else if (!["Enter", " "].includes(n.key)) return;
+      n.preventDefault(), d({ remakeLevel: w[s].value }), await J(), x.value?.querySelector(`[data-mode="${w[s].value}"]`)?.focus();
+    }
+    return (n, g) => (p(), h("fieldset", {
+      class: "tool-fields lir-fields",
+      disabled: l.disabled
+    }, [
+      u("div", ca, [
+        u("span", null, v(a(t)("tools.listing_remake.listingRemakePanel_e8a1ec99")), 1),
+        u("strong", null, v(a(t)("tools.listing_remake.listingRemakePanel_e8038b46", { p0: l.count ?? 0 })), 1)
+      ]),
+      I(Qe, {
+        "scope-key": l.scopeKey,
+        "model-value": l.modelValue.productAssets,
+        disabled: l.disabled,
+        upload: l.upload,
+        "onUpdate:modelValue": g[0] || (g[0] = (s) => d({ productAssets: s })),
+        onBusy: g[1] || (g[1] = (s) => z("busy", s))
+      }, null, 8, ["scope-key", "model-value", "disabled", "upload"]),
+      u("details", {
+        class: "product-facts",
+        open: l.modelValue.productInfo ? !0 : void 0
+      }, [
+        u("summary", null, [
+          u("span", null, [
+            K(v(a(t)("tools.listing_remake.listingRemakePanel_d241dc8f")), 1),
+            u("span", va, v(a(t)("tools.listing_remake.listingRemakePanel_53735240")), 1)
+          ]),
+          I(a(ce), {
+            size: 15,
+            "aria-hidden": "true"
+          })
+        ]),
+        u("p", null, v(a(t)("tools.listing_remake.listingRemakePanel_4b49d6ad")), 1),
+        u("label", ga, v(a(t)("tools.listing_remake.listingRemakePanel_51e36734")), 1),
+        u("textarea", {
+          id: "lir-product-info",
+          name: "productInfo",
+          value: l.modelValue.productInfo,
+          maxlength: "4000",
+          rows: "3",
+          placeholder: a(t)("tools.listing_remake.listingRemakePanel_9cbbe05c"),
+          onInput: g[2] || (g[2] = (s) => d({ productInfo: s.target.value }))
+        }, null, 40, pa)
+      ], 8, ma),
+      u("section", fa, [
+        u("span", ba, v(a(t)("tools.listing_remake.listingRemakePanel_a821d8b1")), 1),
+        u("div", {
+          ref_key: "modeGroup",
+          ref: x,
+          class: "mode-cards",
+          role: "radiogroup",
+          "aria-label": a(t)("tools.listing_remake.listingRemakePanel_b2f7e8b0")
+        }, [
+          (p(), h(ie, null, ne(w, (s, L) => u("button", {
+            key: s.value,
+            type: "button",
+            role: "radio",
+            "data-mode": s.value,
+            "aria-checked": l.modelValue.remakeLevel === s.value,
+            tabindex: l.modelValue.remakeLevel === s.value ? 0 : -1,
+            disabled: l.disabled,
+            onClick: (V) => d({ remakeLevel: s.value }),
+            onKeydown: (V) => k(V, L)
+          }, [
+            u("span", ya, [
+              s.value === "close_transfer" ? (p(), O(a(Re), {
+                key: 0,
+                size: 17,
+                "aria-hidden": "true"
+              })) : (p(), O(a(we), {
+                key: 1,
+                size: 17,
+                "aria-hidden": "true"
+              })),
+              l.modelValue.remakeLevel === s.value ? (p(), O(a(me), {
+                key: 2,
+                size: 14,
+                class: "mode-check",
+                "aria-hidden": "true"
+              })) : E("", !0)
+            ]),
+            u("strong", null, v(a(C)(s.title)), 1),
+            u("small", null, v(a(C)(s.description)), 1)
+          ], 40, ha)), 64))
+        ], 8, ka)
+      ]),
+      I(ra, {
+        "model-value": l.modelValue.targetLanguage,
+        disabled: l.disabled,
+        "onUpdate:modelValue": g[3] || (g[3] = (s) => d({ targetLanguage: s }))
+      }, null, 8, ["model-value", "disabled"]),
+      u("label", _a, [
+        K(v(a(t)("common.toolPanel_40c2f529")), 1),
+        u("textarea", {
+          name: "combinedRequirements",
+          value: P.value,
+          maxlength: "4000",
+          rows: "3",
+          placeholder: a(t)("tools.listing_remake.listingRemakePanel_7f8144e1"),
+          onInput: g[4] || (g[4] = (s) => y(s.target.value))
+        }, null, 40, wa)
+      ])
+    ], 8, da));
+  }
+}), xa = /* @__PURE__ */ oe(Pa, [["__scopeId", "data-v-30ea34a0"]]), La = {
+  class: "hint",
+  "data-testid": "lir-submission-summary"
+}, Ea = /* @__PURE__ */ ee({
+  __name: "ListingToolPanel",
+  props: {
+    context: {}
+  },
+  setup(l) {
+    const { ui: R } = ae(), t = l, C = Le(() => t.context), r = $(!1), z = $e(() => t.context, "lir");
+    return (x, w) => (p(), O(Pe, {
+      context: l.context,
+      layout: "contained",
+      class: "lir-panel"
+    }, {
+      actions: te(() => [
+        I(Ie, {
+          context: l.context,
+          available: a(ue)(l.context),
+          ready: !!a(C).lir.productAssets.length && !r.value,
+          label: r.value ? a(R)("common.toolPanel_dfd62459") : void 0
+        }, {
+          default: te(() => [
+            u("p", La, v(a(R)("common.toolPanel_d3ef5424", {
+              p0: a(C).lir.productAssets.length,
+              p1: l.context.view.count
+            })), 1)
+          ]),
+          _: 1
+        }, 8, ["context", "available", "ready", "label"])
+      ]),
+      default: te(() => [
+        I(xa, {
+          "scope-key": l.context.view.batchId,
+          "model-value": a(C).lir,
+          disabled: l.context.readonly || !a(ue)(l.context),
+          count: l.context.view.count,
+          upload: l.context.uploadReference,
+          "onUpdate:modelValue": a(z),
+          onBusy: w[0] || (w[0] = (P) => r.value = P)
+        }, null, 8, ["scope-key", "model-value", "disabled", "count", "upload", "onUpdate:modelValue"])
+      ]),
+      _: 1
+    }, 8, ["context"]));
+  }
+});
+export {
+  Ea as default
+};