@beeintel/batch-image 1.0.1 → 1.1.0

package/dist/chunks/BeautifyToolPanel-DsTOjndh.js

@@ -0,0 +1,220 @@
+import { defineComponent as O, ref as I, computed as v, watch as $, openBlock as u, createElementBlock as f, createTextVNode as P, toDisplayString as b, unref as a, createElementVNode as g, Fragment as R, renderList as j, createCommentVNode as m, createBlock as F, createVNode as p, withCtx as E } from "vue";
+import { F as S, aM as N, aN as T, aO as G, az as h, _ as Y, G as H } from "./entry-DVV89YMR.js";
+import { B as A } from "./BatchReferenceFields-B7SL__lu.js";
+import { B as k } from "./BatchModeChoices-BuP83uOq.js";
+import { u as J, a as K, b as C, _ as Q } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-DIRuJ1De.js";
+const W = { class: "beautification-fields tool-fields" }, X = { key: 0 }, Z = ["aria-label", "value", "disabled"], _ = ["value", "disabled"], ee = {
+  key: 1,
+  class: "hint"
+}, ae = ["aria-label", "value", "disabled", "placeholder"], te = {
+  key: 4,
+  class: "hint",
+  role: "alert"
+}, le = /* @__PURE__ */ O({
+  __name: "BeautificationFields",
+  props: {
+    modelValue: {},
+    writer: { type: Boolean },
+    available: { type: Boolean, default: !0 },
+    candidates: { default: () => [] },
+    beautificationModes: { default: () => [] },
+    fixedMode: {}
+  },
+  emits: ["update:modelValue", "ready"],
+  setup(e, { emit: B }) {
+    const { ui: t, uiText: x, uiNotice: y } = S(), i = e, V = B, s = I(!1), n = I(!1), w = v(
+      () => N.find((o) => o.value === i.modelValue.mode)
+    ), M = v(
+      () => T.find((o) => o.value === w.value?.role)?.label ?? ""
+    ), r = v(
+      () => i.modelValue.mode === "staging" && i.modelValue.stagingMode === "shared_product"
+    ), D = v(() => ({
+      references: i.modelValue.productImages ?? [],
+      referenceUploadNeedsReview: i.modelValue.productUploadNeedsReview
+    })), U = v(() => {
+      try {
+        return G(i.modelValue, i.beautificationModes), "";
+      } catch (o) {
+        return o.message;
+      }
+    }), L = v(
+      () => i.writer && i.available && !s.value && !n.value && !U.value
+    );
+    $(L, (o) => V("ready", o), { immediate: !0 });
+    function c(o) {
+      i.writer && V("update:modelValue", { ...i.modelValue, ...o });
+    }
+    function q(o) {
+      c(o);
+    }
+    function z(o) {
+      c({
+        productImages: o.references,
+        productUploadNeedsReview: o.referenceUploadNeedsReview
+      });
+    }
+    return (o, d) => (u(), f("div", W, [
+      e.fixedMode ? m("", !0) : (u(), f("label", X, [
+        P(b(a(t)("tools.beautify.beautificationFields_ee800328")), 1),
+        g("select", {
+          "aria-label": a(t)("tools.beautify.beautificationFields_ee800328"),
+          value: e.modelValue.mode,
+          disabled: !e.writer,
+          onChange: d[0] || (d[0] = (l) => c({ mode: l.target.value }))
+        }, [
+          (u(!0), f(R, null, j(a(N), (l) => (u(), f("option", {
+            key: l.value,
+            value: l.value,
+            disabled: !e.beautificationModes.includes(l.value)
+          }, b(a(x)(l.label)) + b(e.beautificationModes.includes(l.value) ? "" : a(t)("common.toolPanel_14a718cd")), 9, _))), 128))
+        ], 40, Z)
+      ])),
+      e.modelValue.mode === "ghost" ? (u(), F(k, {
+        key: 1,
+        label: a(t)("tools.beautify.beautificationFields_9aaa3a96"),
+        "model-value": e.modelValue.viewAngle ?? "front",
+        disabled: !e.writer || !e.available,
+        options: [
+          {
+            value: "front",
+            label: a(t)("tools.beautify.nested_740f5e81"),
+            image: a(h)("mode-cards-v3/ghost-front.webp")
+          },
+          {
+            value: "three_quarter",
+            label: a(t)("tools.beautify.nested_b81b0bc4"),
+            image: a(h)("mode-cards-v3/ghost-three-quarter.webp")
+          }
+        ],
+        "onUpdate:modelValue": d[1] || (d[1] = (l) => c({ viewAngle: l }))
+      }, null, 8, ["label", "model-value", "disabled", "options"])) : m("", !0),
+      e.modelValue.mode === "flatlay" ? (u(), F(k, {
+        key: 2,
+        label: a(t)("tools.beautify.beautificationFields_bf266893"),
+        "model-value": e.modelValue.arrangement ?? "natural",
+        disabled: !e.writer || !e.available,
+        options: [
+          {
+            value: "natural",
+            label: a(t)("tools.beautify.nested_ff6b653a"),
+            image: a(h)("mode-cards-v3/flatlay-open.webp")
+          },
+          {
+            value: "sleeves_in",
+            label: a(t)("tools.beautify.nested_d2b60c60"),
+            image: a(h)("mode-cards-v3/flatlay-fold.webp")
+          }
+        ],
+        "onUpdate:modelValue": d[2] || (d[2] = (l) => c({ arrangement: l }))
+      }, null, 8, ["label", "model-value", "disabled", "options"])) : m("", !0),
+      e.modelValue.mode === "staging" ? (u(), f(R, { key: 3 }, [
+        p(k, {
+          label: a(t)("tools.beautify.beautificationFields_422660c5"),
+          help: r.value ? a(t)("tools.beautify.beautificationFields_c1417394") : a(t)("tools.beautify.beautificationFields_5456e3c8"),
+          "model-value": e.modelValue.stagingMode ?? "shared_scene",
+          disabled: !e.writer || !e.available || n.value || s.value,
+          options: [
+            {
+              value: "shared_product",
+              label: a(t)("tools.beautify.nested_619f09ba"),
+              flow: "one-to-many"
+            },
+            {
+              value: "shared_scene",
+              label: a(t)("tools.beautify.nested_e2351240"),
+              flow: "many-to-one"
+            }
+          ],
+          "onUpdate:modelValue": d[3] || (d[3] = (l) => c({ stagingMode: l }))
+        }, null, 8, ["label", "help", "model-value", "disabled", "options"]),
+        r.value ? (u(), F(A, {
+          key: "products",
+          "model-value": D.value,
+          writer: e.writer && !s.value,
+          candidates: e.candidates,
+          "max-count": Math.min(4, Math.max(0, 10 - e.modelValue.references.length)),
+          title: a(t)("tools.beautify.beautificationFields_d432b440"),
+          "purpose-placeholder": "例如：正面主图，另一张提供背面细节",
+          "upload-label": "上传商品图",
+          "confirm-label": "确认当前商品集合",
+          description: a(t)("tools.beautify.beautificationFields_4065f2d3"),
+          "onUpdate:modelValue": z,
+          onBusy: d[4] || (d[4] = (l) => n.value = l)
+        }, null, 8, ["model-value", "writer", "candidates", "max-count", "title", "description"])) : m("", !0),
+        !r.value && e.modelValue.productUploadNeedsReview ? (u(), f("p", ee, b(a(t)("tools.beautify.beautificationFields_a4d4d704")), 1)) : m("", !0)
+      ], 64)) : m("", !0),
+      g("details", null, [
+        g("summary", null, b(a(t)("common.toolPanel_40c2f529")), 1),
+        g("label", null, [
+          P(b(a(t)("tools.beautify.beautificationFields_2cd79953")), 1),
+          g("textarea", {
+            "aria-label": a(t)("tools.beautify.beautificationFields_e1274129"),
+            value: e.modelValue.instructions,
+            disabled: !e.writer,
+            maxlength: "8000",
+            rows: "3",
+            placeholder: a(t)("tools.beautify.beautificationFields_f1fbcc5d"),
+            onInput: d[5] || (d[5] = (l) => c({ instructions: l.target.value }))
+          }, null, 40, ae)
+        ])
+      ]),
+      p(A, {
+        key: "references",
+        "model-value": e.modelValue,
+        writer: e.writer && !n.value,
+        candidates: e.candidates,
+        roles: a(T),
+        "default-role-label": M.value,
+        "max-count": r.value ? Math.max(0, 10 - (e.modelValue.productImages?.length ?? 0)) : 10,
+        "number-offset": r.value ? 2 + (e.modelValue.productImages?.length ?? 0) : 2,
+        title: r.value ? a(t)("tools.beautify.beautificationFields_95a5b7ca") : a(t)("tools.beautify.beautificationFields_ba115652"),
+        description: r.value ? a(t)("tools.beautify.beautificationFields_359388b6") : a(t)("tools.beautify.beautificationFields_9d5eff9a"),
+        "onUpdate:modelValue": q,
+        onBusy: d[6] || (d[6] = (l) => s.value = l)
+      }, null, 8, ["model-value", "writer", "candidates", "roles", "default-role-label", "max-count", "number-offset", "title", "description"]),
+      U.value && !s.value && !n.value ? (u(), f("p", te, b(a(y)(U.value)), 1)) : m("", !0)
+    ]));
+  }
+}), oe = /* @__PURE__ */ Y(le, [["__scopeId", "data-v-c0784fc8"]]), re = /* @__PURE__ */ O({
+  __name: "BeautifyToolPanel",
+  props: {
+    context: {}
+  },
+  setup(e) {
+    const { ui: B, uiText: t } = S(), x = e, y = J(() => x.context), i = I(!1), V = v(
+      () => [
+        t(N.find((n) => n.value === y.value.beautify.mode)?.description),
+        B("tools.beautify.beautificationFields_154226a1")
+      ].join(`
+`)
+    ), s = K(() => x.context, "beautify");
+    return (n, w) => (u(), F(H, {
+      context: e.context,
+      layout: "contained",
+      help: V.value
+    }, {
+      actions: E(() => [
+        p(Q, {
+          context: e.context,
+          available: a(C)(e.context),
+          ready: i.value
+        }, null, 8, ["context", "available", "ready"])
+      ]),
+      default: E(() => [
+        p(oe, {
+          "model-value": a(y).beautify,
+          writer: !e.context.readonly,
+          available: a(C)(e.context),
+          "beautification-modes": e.context.view.beautificationModes,
+          "fixed-mode": e.context.entryId ? a(y).beautify.mode : void 0,
+          "onUpdate:modelValue": a(s),
+          onReady: w[0] || (w[0] = (M) => i.value = M)
+        }, null, 8, ["model-value", "writer", "available", "beautification-modes", "fixed-mode", "onUpdate:modelValue"])
+      ]),
+      _: 1
+    }, 8, ["context", "help"]));
+  }
+});
+export {
+  re as default
+};