@beeintel/batch-image 0.0.0-stage → 1.0.0

package/dist/chunks/BeautifyToolPanel-DDZXDQKM.js

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