@beeintel/batch-image 0.0.0-stage → 1.0.1

package/dist/chunks/BatchModeChoices-BRqn6zNI.js

@@ -0,0 +1,111 @@
+import { defineComponent as L, openBlock as a, createElementBlock as s, createElementVNode as o, toDisplayString as b, unref as r, Fragment as h, renderList as m, createCommentVNode as g } from "vue";
+import { F as B, D as M, _ as v } from "./entry-DK9FjQZ_.js";
+const C = { class: "batch-mode-choices" }, V = { class: "mode-label" }, A = ["aria-label"], D = ["aria-label", "aria-pressed", "disabled", "onClick", "onKeydown"], E = ["src"], I = {
+  key: 1,
+  viewBox: "0 0 120 76",
+  "aria-hidden": "true"
+}, N = {
+  fill: "#f3f5ed",
+  stroke: "#899774",
+  "stroke-width": "1.4"
+}, S = ["y"], F = ["y"], H = { key: 2 }, K = /* @__PURE__ */ L({
+  __name: "BatchModeChoices",
+  props: {
+    modelValue: {},
+    label: {},
+    options: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: k }) {
+    const { ui: R, uiText: d, batchI18n: x } = B(), { displayState: w } = M(), u = i, p = k;
+    function f(n) {
+      !u.disabled && !n.disabled && p("update:modelValue", n.value);
+    }
+    function _(n, t) {
+      if (!["ArrowLeft", "ArrowRight"].includes(n.key)) return;
+      n.preventDefault(), n.stopPropagation();
+      const e = (n.key === "ArrowRight" ? 1 : -1) * (w.value.direction === "rtl" ? -1 : 1), l = u.options.indexOf(t);
+      for (let c = l + e; c >= 0 && c < u.options.length; c += e) {
+        const y = u.options[c];
+        if (!(y.disabled || u.disabled)) {
+          f(y), n.currentTarget.parentElement?.querySelectorAll("button")[c]?.focus();
+          break;
+        }
+      }
+    }
+    return (n, t) => (a(), s("section", C, [
+      o("span", V, b(r(d)(i.label)), 1),
+      o("div", {
+        class: "mode-options",
+        role: "group",
+        "aria-label": r(d)(i.label)
+      }, [
+        (a(!0), s(h, null, m(i.options, (e) => (a(), s("button", {
+          key: e.value,
+          type: "button",
+          "aria-label": r(d)(i.label) + (r(x).global.locale.value === "zh-CN" ? "：" : ": ") + r(d)(e.label),
+          "aria-pressed": i.modelValue === e.value,
+          disabled: i.disabled || e.disabled,
+          onClick: (l) => f(e),
+          onKeydown: (l) => _(l, e)
+        }, [
+          e.image ? (a(), s("img", {
+            key: 0,
+            src: e.image,
+            alt: ""
+          }, null, 8, E)) : e.flow ? (a(), s("svg", I, [
+            o("g", N, [
+              e.flow === "one-to-many" ? (a(), s(h, { key: 0 }, [
+                t[0] || (t[0] = o("rect", {
+                  x: "8",
+                  y: "26",
+                  width: "25",
+                  height: "26",
+                  rx: "4"
+                }, null, -1)),
+                (a(), s(h, null, m([5, 28, 51], (l) => o("rect", {
+                  key: l,
+                  x: "87",
+                  y: l,
+                  width: "25",
+                  height: "20",
+                  rx: "3"
+                }, null, 8, S)), 64)),
+                t[1] || (t[1] = o("path", {
+                  d: "M39 39H76M65 31L77 39L65 47M83 15L77 39L83 61",
+                  fill: "none"
+                }, null, -1))
+              ], 64)) : (a(), s(h, { key: 1 }, [
+                (a(), s(h, null, m([5, 28, 51], (l) => o("rect", {
+                  key: l,
+                  x: "8",
+                  y: l,
+                  width: "25",
+                  height: "20",
+                  rx: "3"
+                }, null, 8, F)), 64)),
+                t[2] || (t[2] = o("rect", {
+                  x: "87",
+                  y: "26",
+                  width: "25",
+                  height: "26",
+                  rx: "4"
+                }, null, -1)),
+                t[3] || (t[3] = o("path", {
+                  d: "M39 15L45 39L39 61M46 39H77M65 31L77 39L65 47",
+                  fill: "none"
+                }, null, -1))
+              ], 64))
+            ])
+          ])) : g("", !0),
+          o("strong", null, b(r(d)(e.label)), 1),
+          e.description ? (a(), s("small", H, b(r(d)(e.description)), 1)) : g("", !0)
+        ], 40, D))), 128))
+      ], 8, A)
+    ]));
+  }
+}), z = /* @__PURE__ */ v(K, [["__scopeId", "data-v-aed5bfa1"]]);
+export {
+  z as B
+};

package/dist/chunks/BatchOutputColorPicker-CCvmIF-b.js

@@ -0,0 +1,75 @@
+import { defineComponent as _, ref as p, computed as b, watch as w, openBlock as P, createElementBlock as V, unref as o, createElementVNode as s, normalizeClass as h, normalizeStyle as B } from "vue";
+import { F as y, _ as g } from "./entry-DK9FjQZ_.js";
+const $ = ["aria-label"], I = ["title", "aria-label", "aria-pressed", "disabled"], S = ["title", "aria-label", "aria-pressed", "disabled"], z = ["data-selected", "title"], E = ["aria-label", "value", "disabled"], L = /* @__PURE__ */ _({
+  __name: "BatchOutputColorPicker",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: v }) {
+    const { ui: l, uiText: O } = y(), a = i, C = v, n = (t) => /^#[0-9a-f]{6}$/i.test(t), c = p(a.modelValue), u = p(n(a.modelValue) ? a.modelValue : "#ffffff"), d = b(() => a.modelValue.toLowerCase()), k = b(() => n(d.value) && d.value !== "#ffffff");
+    w(
+      () => a.modelValue,
+      (t) => {
+        c.value = t, n(t) && t.toLowerCase() !== "#ffffff" && (u.value = t);
+      }
+    );
+    function r(t) {
+      !a.disabled && c.value !== t && (c.value = t, C("update:modelValue", t));
+    }
+    function f(t) {
+      const e = t.target.value;
+      !a.disabled && n(e) && (u.value = e, r(e));
+    }
+    return (t, e) => (P(), V("div", {
+      class: "output-color-swatches",
+      role: "group",
+      "aria-label": o(l)("common.outputColorPicker_1f1b490a")
+    }, [
+      s("button", {
+        type: "button",
+        class: "output-swatch transparent",
+        title: o(l)("common.outputColorPicker_a7c8ce08"),
+        "aria-label": o(l)("common.outputColorPicker_a7c8ce08"),
+        "aria-pressed": d.value === "transparent",
+        disabled: i.disabled,
+        onClick: e[0] || (e[0] = (m) => r("transparent"))
+      }, [...e[3] || (e[3] = [
+        s("span", null, null, -1)
+      ])], 8, I),
+      s("button", {
+        type: "button",
+        class: "output-swatch white",
+        title: o(l)("common.outputColorPicker_99a9258d"),
+        "aria-label": o(l)("common.outputColorPicker_99a9258d"),
+        "aria-pressed": d.value === "#ffffff",
+        disabled: i.disabled,
+        onClick: e[1] || (e[1] = (m) => r("#ffffff"))
+      }, [...e[4] || (e[4] = [
+        s("span", null, null, -1)
+      ])], 8, S),
+      s("label", {
+        class: h(["output-swatch custom-swatch", { disabled: i.disabled }]),
+        "data-selected": k.value,
+        title: o(l)("common.outputColorPicker_91d3d418", { p0: u.value })
+      }, [
+        s("span", {
+          style: B({ backgroundColor: u.value })
+        }, null, 4),
+        s("input", {
+          type: "color",
+          "aria-label": o(l)("common.outputColorPicker_79e6325f"),
+          value: u.value,
+          disabled: i.disabled,
+          onClick: e[2] || (e[2] = (m) => r(u.value)),
+          onInput: f,
+          onChange: f
+        }, null, 40, E)
+      ], 10, z)
+    ], 8, $));
+  }
+}), N = /* @__PURE__ */ g(L, [["__scopeId", "data-v-cf9564ca"]]);
+export {
+  N as B
+};

package/dist/chunks/BatchReferenceFields-C4t7OSTw.js

@@ -0,0 +1,316 @@
+import { defineComponent as x, inject as ee, ref as R, computed as P, watch as B, onUnmounted as ae, openBlock as m, createElementBlock as v, unref as a, normalizeClass as te, createElementVNode as n, toDisplayString as u, Fragment as T, renderList as A, createCommentVNode as y, createVNode as V, createTextVNode as L, nextTick as M } from "vue";
+import { J as S, aQ as le, F as re, aa as ne, aR as oe, aw as se, aj as ce, ah as ie, ay as ue, _ as de } from "./entry-DK9FjQZ_.js";
+import { L as fe } from "./loader-circle-UFoEem2a.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 me = {
+  name: "arrow-down",
+  size: 24,
+  node: [
+    ["path", { d: "M12 5v14", key: "s699le" }],
+    ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+  ]
+}, ve = S(me);
+/**
+ * @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 be = {
+  name: "arrow-up",
+  size: 24,
+  node: [
+    ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+    ["path", { d: "M12 19V5", key: "x0mq9r" }]
+  ]
+}, pe = S(be), he = ["aria-label"], ge = { class: "retouch-reference-heading" }, we = { class: "hint" }, ye = ["aria-label", "disabled"], ke = { class: "retouch-reference-list" }, Fe = { class: "retouch-reference-title" }, Re = ["src", "alt"], Ve = { class: "reference-number" }, _e = ["aria-label", "disabled", "onClick"], Ce = ["title"], Le = { class: "reference-settings" }, Ue = { class: "reference-order" }, Ie = ["aria-label", "disabled", "onClick"], Ee = ["aria-label", "disabled", "onClick"], Ne = { key: 0 }, Oe = ["aria-label", "value", "disabled", "onChange"], $e = { value: "" }, ze = ["value"], De = ["aria-label", "value", "disabled", "placeholder", "onInput"], je = {
+  key: 0,
+  class: "reference-pending",
+  role: "status"
+}, Pe = {
+  key: 1,
+  class: "reference-add"
+}, Be = ["aria-label", "disabled"], Te = { class: "reference-upload-copy" }, Ae = {
+  key: 0,
+  class: "tool-note",
+  role: "alert"
+}, Me = ["aria-label", "disabled"], Se = {
+  key: 1,
+  role: "alert",
+  class: "retouch-error"
+}, qe = /* @__PURE__ */ x({
+  __name: "BatchReferenceFields",
+  props: {
+    modelValue: {},
+    writer: { type: Boolean },
+    candidates: { default: () => [] },
+    roles: { default: () => [] },
+    defaultRoleLabel: { default: "" },
+    maxCount: { default: le },
+    title: { default: "共用参考图" },
+    description: { default: "整批共用同一组。每张待改图为图 1，参考依顺序为图 2–11；用途可选，具体修改以文字要求为准。" },
+    numberOffset: { default: 2 },
+    uploadLabel: { default: "上传参考图" },
+    confirmLabel: { default: "确认当前参考集合" },
+    purposePlaceholder: { default: "例如：只参考颜色，不复制商品" }
+  },
+  emits: ["update:modelValue", "busy"],
+  setup(t, { emit: q }) {
+    const { ui: i, uiText: f } = re(), { uploadLocal: W } = ne(), X = ee(
+      oe,
+      (e) => W(e, e.name)
+    ), o = t, I = q, H = se(() => o.modelValue.references), E = R(), d = R(0), p = R(""), J = P(() => p.value ? i({
+      capacity: "common.referenceFields_5f066788",
+      format: "common.referenceFields_7bf5d70a",
+      upload: "common.referenceFields_dc2e4820"
+    }[p.value], {
+      p0: p.value === "capacity" ? o.maxCount : f(o.title)
+    }) : ""), _ = R(!1), h = R(/* @__PURE__ */ new Map());
+    let w = !1, k = 0;
+    const F = (e) => `${e.assetId}:${e.assetVersionId}`, C = P(
+      () => Math.max(0, o.maxCount - o.modelValue.references.length - d.value)
+    );
+    B(d, (e) => I("busy", e > 0), { immediate: !0 }), B(
+      () => o.writer,
+      (e) => {
+        e || k++;
+      }
+    );
+    function g(e) {
+      !o.writer || w || I("update:modelValue", {
+        references: o.modelValue.references,
+        referenceUploadNeedsReview: o.modelValue.referenceUploadNeedsReview,
+        ...e
+      });
+    }
+    function N(e, s) {
+      g({
+        references: o.modelValue.references.map(
+          (l, r) => r === e ? { ...l, ...s } : l
+        )
+      });
+    }
+    function O(e, s) {
+      const l = [...o.modelValue.references], r = e + s;
+      r < 0 || r >= l.length || ([l[e], l[r]] = [l[r], l[e]], g({ references: l }));
+    }
+    function K(e) {
+      if (!o.writer) return;
+      const s = o.modelValue.references[e];
+      if (!s) return;
+      const l = F(s), r = h.value.get(l);
+      o.modelValue.references.some((c, b) => b !== e && F(c) === l) || (r && URL.revokeObjectURL(r), h.value.delete(l)), g({ references: o.modelValue.references.filter((c, b) => b !== e) });
+    }
+    function $(e) {
+      return H.get(e) || h.value.get(F(e)) || "";
+    }
+    async function Q(e) {
+      const s = e.target, l = [...s.files ?? []];
+      s.value = "", await U(l);
+    }
+    function G(e) {
+      e.dataTransfer?.types.includes("Files") && (e.preventDefault(), e.stopPropagation(), _.value = o.writer && !d.value && !!C.value);
+    }
+    async function Y(e) {
+      e.dataTransfer?.types.includes("Files") && (e.preventDefault(), e.stopPropagation(), _.value = !1, await U([...e.dataTransfer.files ?? []]));
+    }
+    function Z(e) {
+      const s = ue(e);
+      s.length && (e.preventDefault(), e.stopPropagation(), U(s));
+    }
+    async function U(e) {
+      if (!e.length || !o.writer || d.value) return;
+      if (p.value = "", e.length > C.value) {
+        p.value = "capacity";
+        return;
+      }
+      if (e.some(
+        (c) => !["image/png", "image/jpeg", "image/webp"].includes(c.type) || !c.size || c.size > 25 * 1024 * 1024
+      )) {
+        p.value = "format";
+        return;
+      }
+      const s = !!o.modelValue.referenceUploadNeedsReview, l = k;
+      let r = !1;
+      g({ referenceUploadNeedsReview: !0 }), d.value = e.length;
+      try {
+        for (const c of e) {
+          if (w || !o.writer || l !== k) return;
+          try {
+            const b = await X(c);
+            if (w || !o.writer || l !== k) return;
+            if (!b.assetId || !b.assetVersionId || !/^[a-fA-F0-9]{64}$/.test(b.sha256))
+              throw new Error("Invalid upload receipt");
+            const z = {
+              assetId: b.assetId,
+              assetVersionId: b.assetVersionId,
+              sha256: b.sha256,
+              name: c.name
+            }, D = F(z), j = h.value.get(D);
+            j && URL.revokeObjectURL(j), h.value.set(D, URL.createObjectURL(c)), g({ references: [...o.modelValue.references, z] }), await M();
+          } catch {
+            r = !0, w || (p.value = "upload");
+          } finally {
+            d.value--;
+          }
+        }
+        await M(), !w && o.writer && l === k && !r && !s && g({ referenceUploadNeedsReview: !1 });
+      } finally {
+        d.value = 0;
+      }
+    }
+    return ae(() => {
+      w = !0;
+      for (const e of h.value.values()) URL.revokeObjectURL(e);
+      h.value.clear();
+    }), (e, s) => (m(), v("section", {
+      tabindex: "0",
+      onPaste: Z,
+      class: te(["retouch-references", { dragging: _.value }]),
+      "aria-label": a(f)(t.title),
+      onDragover: G,
+      onDragleave: s[2] || (s[2] = (l) => _.value = !1),
+      onDrop: Y
+    }, [
+      n("div", ge, [
+        n("strong", null, u(a(f)(t.title)), 1),
+        n("span", null, u(t.modelValue.references.length) + " / " + u(t.maxCount), 1)
+      ]),
+      n("p", we, u(a(f)(t.description)), 1),
+      n("input", {
+        ref_key: "fileInput",
+        ref: E,
+        type: "file",
+        accept: "image/png,image/jpeg,image/webp",
+        multiple: "",
+        class: "retouch-file-input",
+        "aria-label": a(f)(t.uploadLabel),
+        disabled: !t.writer || d.value > 0 || !C.value,
+        onChange: Q
+      }, null, 40, ye),
+      n("ol", ke, [
+        (m(!0), v(T, null, A(t.modelValue.references, (l, r) => (m(), v("li", {
+          key: `${F(l)}:${r}`,
+          class: "retouch-reference batch-reference"
+        }, [
+          n("div", Fe, [
+            $(l) ? (m(), v("img", {
+              key: 0,
+              src: $(l),
+              alt: l.name,
+              loading: "lazy"
+            }, null, 8, Re)) : y("", !0),
+            n("strong", Ve, u(a(i)("common.referenceFields_d7084142", { p0: r + t.numberOffset })), 1),
+            n("button", {
+              type: "button",
+              "aria-label": a(i)("common.referenceFields_405c85b2", { p0: r + t.numberOffset }),
+              disabled: !t.writer,
+              onClick: (c) => K(r)
+            }, [
+              V(a(ce), { size: 14 })
+            ], 8, _e)
+          ]),
+          n("small", {
+            class: "reference-name",
+            title: l.name
+          }, u(l.name), 9, Ce),
+          n("details", Le, [
+            n("summary", null, u(a(i)("common.referenceFields_75359a48")), 1),
+            n("div", Ue, [
+              n("button", {
+                type: "button",
+                "aria-label": a(i)("common.referenceFields_8aa5f1b3", { p0: r + t.numberOffset }),
+                disabled: !t.writer || r === 0 || d.value > 0,
+                onClick: (c) => O(r, -1)
+              }, [
+                V(a(pe), { size: 14 }),
+                L(u(a(i)("common.referenceFields_708c9687")), 1)
+              ], 8, Ie),
+              n("button", {
+                type: "button",
+                "aria-label": a(i)("common.referenceFields_18e2d946", { p0: r + t.numberOffset }),
+                disabled: !t.writer || r === t.modelValue.references.length - 1 || d.value > 0,
+                onClick: (c) => O(r, 1)
+              }, [
+                V(a(ve), { size: 14 }),
+                L(u(a(i)("common.referenceFields_c0714215")), 1)
+              ], 8, Ee)
+            ]),
+            t.roles.length ? (m(), v("label", Ne, [
+              L(u(a(i)("common.referenceFields_76335454")), 1),
+              n("select", {
+                "aria-label": a(i)("common.referenceFields_1e100229", { p0: r + t.numberOffset }),
+                value: l.role ?? "",
+                disabled: !t.writer,
+                onChange: (c) => N(r, {
+                  role: c.target.value || void 0
+                })
+              }, [
+                n("option", $e, u(t.defaultRoleLabel ? a(i)("common.referenceFields_0acbcb84", {
+                  p0: a(f)(t.defaultRoleLabel)
+                }) : a(i)("common.referenceFields_f91a63a1")), 1),
+                (m(!0), v(T, null, A(t.roles, (c) => (m(), v("option", {
+                  key: c.value,
+                  value: c.value
+                }, u(a(f)(c.label)), 9, ze))), 128))
+              ], 40, Oe)
+            ])) : y("", !0),
+            n("label", null, [
+              L(u(a(i)("common.referenceFields_d59f7895")), 1),
+              n("input", {
+                "aria-label": a(i)("common.referenceFields_17d29b80", { p0: r + t.numberOffset }),
+                value: l.purpose,
+                disabled: !t.writer,
+                maxlength: "500",
+                placeholder: a(f)(t.purposePlaceholder),
+                onInput: (c) => N(r, { purpose: c.target.value })
+              }, null, 40, De)
+            ])
+          ])
+        ]))), 128)),
+        d.value ? (m(), v("li", je, [
+          V(a(fe), { size: 22 }),
+          n("span", null, u(a(i)("common.referenceFields_d8690492", { p0: d.value })), 1)
+        ])) : y("", !0),
+        !d.value && C.value ? (m(), v("li", Pe, [
+          n("button", {
+            type: "button",
+            class: "retouch-add-card",
+            "aria-label": a(i)("common.referenceFields_bdb86a11", { p0: a(f)(t.title) }),
+            disabled: !t.writer,
+            onClick: s[0] || (s[0] = (l) => E.value?.click())
+          }, [
+            V(a(ie), { size: 25 }),
+            n("span", Te, [
+              n("strong", null, u(a(i)("common.app_9f0d4e46")), 1),
+              n("small", null, u(a(i)("common.referenceFields_e4eea1f1")), 1)
+            ])
+          ], 8, Be)
+        ])) : y("", !0)
+      ]),
+      t.modelValue.referenceUploadNeedsReview && !d.value ? (m(), v("div", Ae, [
+        n("p", null, u(a(i)("common.referenceFields_20637ce7", {
+          p0: a(f)(t.title),
+          p1: t.modelValue.references.length
+        })), 1),
+        n("button", {
+          type: "button",
+          "aria-label": a(f)(t.confirmLabel),
+          disabled: !t.writer || d.value > 0,
+          onClick: s[1] || (s[1] = (l) => {
+            g({ referenceUploadNeedsReview: !1 }), p.value = "";
+          })
+        }, u(a(i)("common.referenceFields_850fe99f")), 9, Me)
+      ])) : y("", !0),
+      p.value ? (m(), v("p", Se, u(J.value), 1)) : y("", !0)
+    ], 42, he));
+  }
+}), Je = /* @__PURE__ */ de(qe, [["__scopeId", "data-v-677a7f55"]]);
+export {
+  Je as B
+};