@beeintel/batch-image 0.0.0-stage → 1.0.0

package/dist/chunks/ContentTrimControl-BKCJEst5.js

@@ -0,0 +1,297 @@
+import { defineComponent as R, useId as q, computed as g, openBlock as c, createElementBlock as w, createElementVNode as l, unref as o, ref as M, watch as S, onUnmounted as F, normalizeClass as G, createTextVNode as T, toDisplayString as m, createBlock as L, createCommentVNode as p, createVNode as O } from "vue";
+import { _ as H, F as Y, P as j, at as J } from "./entry-CboOSe2r.js";
+import { aq as K, e as Q } from "./hosted-resources-COzZ7nZY.js";
+const Z = ["viewBox"], _ = ["id", "width", "height"], ee = ["width", "height"], te = ["width", "height"], ie = ["x", "y", "width", "height"], ae = ["width", "height", "fill"], ne = ["transform"], le = ["width", "height"], re = ["cx", "cy", "r"], de = ["points"], oe = ["width", "height"], se = ["width", "height"], ue = /* @__PURE__ */ R({
+  __name: "ContentTrimIllustration",
+  props: {
+    padding: {},
+    width: { default: 240 },
+    height: { default: 180 },
+    paddingColor: { default: "transparent" }
+  },
+  setup(e) {
+    const f = e, $ = q(), n = g(() => ({
+      width: f.width + 2 * f.padding,
+      height: f.height + 2 * f.padding
+    })), i = g(() => Math.max(4, Math.max(n.value.width, n.value.height) / 22));
+    return (b, E) => (c(), w("svg", {
+      class: "trim-illustration",
+      viewBox: `0 0 ${n.value.width} ${n.value.height}`,
+      preserveAspectRatio: "xMidYMid meet",
+      "aria-hidden": "true"
+    }, [
+      l("defs", null, [
+        l("pattern", {
+          id: o($),
+          width: i.value * 2,
+          height: i.value * 2,
+          patternUnits: "userSpaceOnUse"
+        }, [
+          l("rect", {
+            width: i.value * 2,
+            height: i.value * 2,
+            fill: "#ffffff"
+          }, null, 8, ee),
+          l("rect", {
+            width: i.value,
+            height: i.value,
+            fill: "#e4e4e7"
+          }, null, 8, te),
+          l("rect", {
+            x: i.value,
+            y: i.value,
+            width: i.value,
+            height: i.value,
+            fill: "#e4e4e7"
+          }, null, 8, ie)
+        ], 8, _)
+      ]),
+      l("rect", {
+        width: n.value.width,
+        height: n.value.height,
+        fill: e.paddingColor === "transparent" ? `url(#${o($)})` : e.paddingColor
+      }, null, 8, ae),
+      l("g", {
+        transform: `translate(${e.padding} ${e.padding})`
+      }, [
+        l("rect", {
+          class: "illustration-content",
+          width: e.width,
+          height: e.height
+        }, null, 8, le),
+        l("circle", {
+          class: "illustration-sun",
+          cx: e.width * 0.76,
+          cy: e.height * 0.26,
+          r: Math.min(e.width, e.height) * 0.105
+        }, null, 8, re),
+        l("polygon", {
+          class: "illustration-mountain",
+          points: `${e.width * 0.08},${e.height * 0.87} ${e.width * 0.4},${e.height * 0.35} ${e.width * 0.62},${e.height * 0.69} ${e.width * 0.76},${e.height * 0.51} ${e.width * 0.94},${e.height * 0.87}`
+        }, null, 8, de),
+        l("rect", {
+          width: e.width,
+          height: e.height,
+          fill: "none",
+          stroke: "#5a6b3b",
+          "stroke-dasharray": "3 2",
+          "vector-effect": "non-scaling-stroke"
+        }, null, 8, oe)
+      ], 8, ne),
+      l("rect", {
+        width: n.value.width,
+        height: n.value.height,
+        fill: "none",
+        stroke: "#8ba328",
+        "vector-effect": "non-scaling-stroke"
+      }, null, 8, se)
+    ], 8, Z));
+  }
+}), he = /* @__PURE__ */ H(ue, [["__scopeId", "data-v-be18d6f4"]]), ce = {
+  key: 0,
+  class: "trim-switch-row"
+}, ge = ["title"], ve = ["title", "aria-label", "aria-checked", "disabled"], me = {
+  key: 1,
+  class: "trim-options"
+}, we = { class: "trim-fields" }, fe = ["title"], pe = ["max", "aria-label", "value", "disabled", "aria-invalid"], be = ["aria-label"], ke = {
+  key: 0,
+  class: "trim-output",
+  role: "status"
+}, xe = { dir: "ltr" }, ye = {
+  key: 1,
+  class: "trim-message",
+  role: "status"
+}, $e = /* @__PURE__ */ R({
+  __name: "ContentTrimControl",
+  props: {
+    enabled: { type: Boolean },
+    hint: {},
+    padding: { default: 0 },
+    maxPadding: { default: 4096 },
+    paddingColor: { default: "transparent" },
+    disabled: { type: Boolean },
+    showSwitch: { type: Boolean, default: !0 },
+    source: {},
+    estimateApplied: { type: Boolean, default: !1 },
+    help: {}
+  },
+  emits: ["enabled", "padding", "validity"],
+  setup(e, { emit: f }) {
+    const { ui: $, uiText: n } = Y(), i = e, b = f, E = g(
+      () => $("tools.crop.contentTrim.paddingRange", { p0: String(i.maxPadding) })
+    ), v = M(String(i.padding)), d = M(""), s = M({ kind: "empty" });
+    let r, k = !1;
+    const x = g(() => s.value.kind === "ready" ? s.value.result : void 0);
+    let C = 0, I, P;
+    const u = g(() => {
+      const t = x.value;
+      if (t?.alphaBounds)
+        try {
+          return K(t.alphaBounds, t.sourceWidth, t.sourceHeight, i.padding);
+        } catch (a) {
+          return { kind: "error", message: a.message };
+        }
+    }), U = g(() => {
+      const t = u.value, a = x.value;
+      return !i.showSwitch && (i.padding === 0 || i.paddingColor === "transparent") && t?.kind === "render" && !!a && t.width === a.sourceWidth && t.height === a.sourceHeight && t.sourceRect.x === t.padding && t.sourceRect.y === t.padding;
+    }), A = g(
+      () => (d.value === "padding-range" ? E.value : n(d.value)) || (s.value.kind === "loading" ? n("读取原图内容…") : s.value.kind === "error" ? n(s.value.message) : "") || (u.value?.kind === "error" ? n(u.value.message) : u.value?.kind === "skip" ? n("图片全透明，保留原版本") : "")
+    ), N = g(() => {
+      const t = x.value?.alphaBounds;
+      return t?.kind === "crop" ? { width: t.rect.width, height: t.rect.height } : { width: x.value?.sourceWidth ?? 240, height: x.value?.sourceHeight ?? 180 };
+    });
+    function V(t) {
+      i.disabled || t.button !== 0 || (r = { pointerId: t.pointerId, x: t.clientX, value: i.padding, phase: "pressed" }, k = !1, t.currentTarget.setPointerCapture(t.pointerId));
+    }
+    function W(t) {
+      if (!r || r.pointerId !== t.pointerId || i.disabled) return;
+      const a = Math.round(t.clientX - r.x);
+      if (r.phase === "pressed" && Math.abs(a) < 3) return;
+      r.phase = "dragging", t.preventDefault(), window.getSelection()?.removeAllRanges();
+      const h = Math.max(0, Math.min(i.maxPadding, r.value + a));
+      v.value = String(h), d.value = "", b("padding", h);
+    }
+    function B(t) {
+      if (!r || r.pointerId !== t.pointerId) return;
+      k = r.phase === "dragging";
+      const a = t.currentTarget;
+      a.hasPointerCapture(t.pointerId) && a.releasePointerCapture(t.pointerId), r = void 0;
+    }
+    function D(t) {
+      k && (t.preventDefault(), t.stopPropagation(), k = !1);
+    }
+    function z(t) {
+      if (!i.disabled) {
+        v.value = t.target.value;
+        try {
+          if (!v.value.trim()) throw new Error("请输入透明边距");
+          const a = Number(v.value);
+          if (!Number.isInteger(a) || a < 0 || a > i.maxPadding)
+            throw new Error("padding-range");
+          const h = Q(a);
+          d.value = "", b("padding", h);
+        } catch (a) {
+          d.value = a.message;
+        }
+      }
+    }
+    return S(
+      () => i.padding,
+      (t) => {
+        v.value = String(t), d.value = "";
+      }
+    ), S(
+      () => i.enabled,
+      () => {
+        v.value = String(i.padding), d.value = "";
+      }
+    ), S(
+      () => `${i.enabled}/${i.source?.versionId}/${i.source?.url}`,
+      async () => {
+        const t = ++C;
+        if (r = void 0, k = !1, I?.abort(), P?.dispose(), P = void 0, s.value = { kind: "empty" }, !i.enabled || !i.source) return;
+        I = new AbortController();
+        const a = I.signal, h = P = J();
+        s.value = { kind: "loading" };
+        try {
+          if (!i.source.url.startsWith("blob:")) throw Error("预览来源须由工作台读取");
+          const y = await fetch(i.source.url, { signal: a });
+          if (!y.ok) throw new Error("无法读取预览来源");
+          const X = await h.render(
+            await y.blob(),
+            { tool: "crop", params: { version: 1, ratio: "alpha-bounds", anchor: "center" } },
+            a,
+            160
+          );
+          t === C && (s.value = { kind: "ready", result: X });
+        } catch (y) {
+          t === C && y.name !== "AbortError" && (s.value = { kind: "error", message: y.message });
+        } finally {
+          h.dispose();
+        }
+      },
+      { immediate: !0 }
+    ), S(
+      [d, u, () => i.enabled],
+      () => b("validity", !i.enabled || !d.value && u.value?.kind !== "error"),
+      { immediate: !0 }
+    ), F(() => {
+      C++, I?.abort(), P?.dispose();
+    }), (t, a) => (c(), w("div", {
+      class: G(["content-trim-control", { "trim-control-page": !e.showSwitch }])
+    }, [
+      e.showSwitch || e.help ? (c(), w("div", ce, [
+        l("span", { title: e.hint }, [
+          T(m(o(n)("按内容裁边")), 1),
+          e.help ? (c(), L(j, {
+            key: 0,
+            text: e.help
+          }, null, 8, ["text"])) : p("", !0)
+        ], 8, ge),
+        e.showSwitch ? (c(), w("button", {
+          key: 0,
+          type: "button",
+          class: "batch-switch trim-switch",
+          role: "switch",
+          title: e.hint,
+          "aria-label": o(n)("按内容裁边"),
+          "aria-checked": e.enabled,
+          disabled: e.disabled,
+          onClick: a[0] || (a[0] = (h) => b("enabled", !e.enabled))
+        }, [...a[1] || (a[1] = [
+          l("span", null, null, -1)
+        ])], 8, ve)) : p("", !0)
+      ])) : p("", !0),
+      e.enabled ? (c(), w("div", me, [
+        l("div", we, [
+          l("label", null, [
+            T(m(o(n)("透明边距")), 1),
+            l("span", {
+              class: "trim-number",
+              title: o(n)("按住左右拖动调整，点击可输入数字"),
+              onPointerdown: V,
+              onPointermove: W,
+              onPointerup: B,
+              onPointercancel: B,
+              onLostpointercapture: B,
+              onClickCapture: D
+            }, [
+              l("input", {
+                type: "number",
+                min: "0",
+                max: e.maxPadding,
+                step: "1",
+                "aria-label": o(n)("透明边距（px）"),
+                value: v.value,
+                disabled: e.disabled,
+                "aria-invalid": !!d.value,
+                onInput: z
+              }, null, 40, pe),
+              a[2] || (a[2] = l("span", null, "px", -1))
+            ], 40, fe)
+          ]),
+          l("small", null, m(o(n)("四边相同 · 不缩放")), 1)
+        ]),
+        l("figure", {
+          class: "trim-mini",
+          "aria-label": o(n)("透明边距抽象示意")
+        }, [
+          O(he, {
+            padding: e.padding,
+            "padding-color": e.paddingColor,
+            width: N.value.width,
+            height: N.value.height
+          }, null, 8, ["padding", "padding-color", "width", "height"])
+        ], 8, be),
+        !e.estimateApplied && u.value?.kind === "render" && !d.value ? (c(), w("p", ke, [
+          l("bdi", xe, m(u.value.width) + " × " + m(u.value.height) + " px", 1),
+          T(" · " + m(o(n)(U.value ? "当前图边距已符合" : "未提交")), 1)
+        ])) : p("", !0),
+        A.value ? (c(), w("p", ye, m(A.value), 1)) : p("", !0)
+      ])) : p("", !0)
+    ], 2));
+  }
+}), Se = /* @__PURE__ */ H($e, [["__scopeId", "data-v-2888b532"]]);
+export {
+  Se as C
+};

package/dist/chunks/CropToolPanel-C_sW5tWL.js

@@ -0,0 +1,218 @@
+import { defineComponent as B, computed as V, openBlock as c, createElementBlock as u, unref as t, createElementVNode as i, createTextVNode as x, toDisplayString as b, Fragment as y, renderList as _, createBlock as j, createVNode as w, createCommentVNode as R, ref as D, withCtx as C } from "vue";
+import { F as z, R as F, _ as T, G as U } from "./entry-CboOSe2r.js";
+import { ar as A, h as P } from "./hosted-resources-COzZ7nZY.js";
+import { C as E } from "./ContentTrimControl-BKCJEst5.js";
+import { u as N, a as S, c as I, _ as L, n as Z } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-BGe419qz.js";
+const G = ["disabled", "aria-label"], O = ["aria-label", "value"], Y = ["value"], q = {
+  key: 1,
+  class: "basic-crop-position"
+}, H = { class: "basic-crop-keep" }, J = ["aria-label"], K = ["aria-label", "title", "aria-pressed", "disabled", "onClick"], Q = { class: "basic-crop-examples" }, W = ["viewBox", "aria-label"], X = ["width", "height"], ee = ["points"], te = ["cx", "cy", "r"], ae = ["d"], le = ["x", "y", "width", "height"], oe = {
+  class: "basic-crop-position-description",
+  role: "status"
+}, ie = { class: "hint" }, se = ["aria-label"], ne = /* @__PURE__ */ B({
+  __name: "BasicCropPanel",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean },
+    hideReset: { type: Boolean },
+    trimPreviewSource: {}
+  },
+  emits: ["update:modelValue", "validity"],
+  setup(a, { emit: v }) {
+    const { ui: l, uiText: d } = z(), s = a, r = v, h = ["original", "alpha-bounds", "1:1", "4:3", "3:4", "16:9", "9:16"], m = [
+      { value: "top-left", label: "左上", symbol: "↖" },
+      { value: "top", label: "顶部", symbol: "↑" },
+      { value: "top-right", label: "右上", symbol: "↗" },
+      { value: "left", label: "左侧", symbol: "←" },
+      { value: "center", label: "居中", symbol: "·" },
+      { value: "right", label: "右侧", symbol: "→" },
+      { value: "bottom-left", label: "左下", symbol: "↙" },
+      { value: "bottom", label: "底部", symbol: "↓" },
+      { value: "bottom-right", label: "右下", symbol: "↘" }
+    ], g = V(
+      () => s.modelValue.ratio === "alpha-bounds" ? d("按所有非透明像素裁切，不缩放；保留阴影和分离主体") : s.modelValue.ratio === "original" ? l("tools.adjust.basicCropPanel_2f513c08") : l("tools.adjust.basicCropPanel_cb44129d", {
+        p0: d(m.find((n) => n.value === s.modelValue.anchor)?.label) || l("tools.resize.sizeCropPanel_4cc3885c")
+      })
+    ), p = V(
+      () => [
+        { label: l("tools.resize.sizeCropPanel_86ab646d"), width: 400, height: 300 },
+        { label: l("tools.resize.sizeCropPanel_577124ca"), width: 300, height: 400 }
+      ].filter(() => s.modelValue.ratio !== "alpha-bounds").map((n) => {
+        const o = A(n.width, n.height, s.modelValue), e = `M0 0h${n.width}v${n.height}h-${n.width}Z M${o.x} ${o.y}h${o.width}v${o.height}h-${o.width}Z`;
+        return { ...n, rect: o, mask: e };
+      })
+    );
+    function f(n) {
+      if (s.disabled) return;
+      const o = n.target.value;
+      if (h.includes(o)) {
+        const { padding: e, ...k } = s.modelValue;
+        r("validity", !0), r("update:modelValue", {
+          ...k,
+          ratio: o,
+          ...o === "alpha-bounds" && e ? { padding: e } : {}
+        });
+      }
+    }
+    function M(n) {
+      !s.disabled && s.modelValue.ratio !== "original" && r("update:modelValue", { ...s.modelValue, anchor: n });
+    }
+    function $() {
+      s.disabled || (r("validity", !0), r("update:modelValue", { ...P }));
+    }
+    return (n, o) => (c(), u("fieldset", {
+      class: "basic-crop-panel",
+      disabled: a.disabled,
+      "aria-label": t(l)("tools.adjust.basicCropPanel_1b5d2a12")
+    }, [
+      i("label", null, [
+        x(b(t(l)("common.toolPanel_16e195aa")), 1),
+        i("select", {
+          "aria-label": t(l)("common.toolPanel_16e195aa"),
+          value: a.modelValue.ratio,
+          onChange: f
+        }, [
+          (c(), u(y, null, _(h, (e) => i("option", {
+            key: e,
+            value: e
+          }, b(e === "original" ? t(l)("tools.adjust.basicCropPanel_2d3a3ea7") : e === "alpha-bounds" ? t(d)("按内容裁边") : e), 9, Y)), 64))
+        ], 40, O)
+      ]),
+      a.modelValue.ratio === "alpha-bounds" ? (c(), j(E, {
+        key: 0,
+        enabled: !0,
+        padding: a.modelValue.padding ?? 0,
+        disabled: a.disabled,
+        source: a.trimPreviewSource,
+        onEnabled: o[0] || (o[0] = (e) => !e && $()),
+        onPadding: o[1] || (o[1] = (e) => r("update:modelValue", { ...a.modelValue, padding: e })),
+        onValidity: o[2] || (o[2] = (e) => r("validity", e))
+      }, null, 8, ["padding", "disabled", "source"])) : (c(), u("div", q, [
+        i("span", null, b(t(l)("tools.adjust.basicCropPanel_3968f6fd")), 1),
+        i("div", H, [
+          i("div", {
+            class: "basic-crop-anchors",
+            role: "group",
+            "aria-label": t(l)("tools.adjust.basicCropPanel_215f5ddc")
+          }, [
+            (c(), u(y, null, _(m, (e) => i("button", {
+              key: e.value,
+              type: "button",
+              "aria-label": t(d)(e.label),
+              title: t(d)(e.label),
+              "aria-pressed": a.modelValue.anchor === e.value,
+              disabled: a.disabled || a.modelValue.ratio === "original",
+              onClick: (k) => M(e.value)
+            }, b(e.symbol), 9, K)), 64))
+          ], 8, J),
+          i("div", Q, [
+            (c(!0), u(y, null, _(p.value, (e) => (c(), u("figure", {
+              key: e.label,
+              class: "basic-crop-example"
+            }, [
+              (c(), u("svg", {
+                viewBox: `0 0 ${e.width} ${e.height}`,
+                preserveAspectRatio: "xMidYMax meet",
+                role: "img",
+                "aria-label": t(d)(`${e.label}，${g.value}`)
+              }, [
+                i("rect", {
+                  class: "basic-crop-example-source",
+                  x: "0",
+                  y: "0",
+                  width: e.width,
+                  height: e.height,
+                  "vector-effect": "non-scaling-stroke"
+                }, null, 8, X),
+                i("polygon", {
+                  class: "basic-crop-example-mountain",
+                  points: `0,${e.height} ${e.width * 0.4},${e.height * 0.44} ${e.width * 0.77},${e.height}`
+                }, null, 8, ee),
+                i("circle", {
+                  class: "basic-crop-example-sun",
+                  cx: e.width * 0.76,
+                  cy: e.height * 0.25,
+                  r: Math.min(e.width, e.height) * 0.08
+                }, null, 8, te),
+                i("path", {
+                  class: "basic-crop-example-mask",
+                  d: e.mask,
+                  "fill-rule": "evenodd"
+                }, null, 8, ae),
+                i("rect", {
+                  class: "basic-crop-example-frame",
+                  x: e.rect.x,
+                  y: e.rect.y,
+                  width: e.rect.width,
+                  height: e.rect.height,
+                  "vector-effect": "non-scaling-stroke"
+                }, null, 8, le)
+              ], 8, W)),
+              i("figcaption", null, b(t(d)(e.label)), 1)
+            ]))), 128))
+          ])
+        ]),
+        i("p", oe, b(g.value), 1)
+      ])),
+      i("p", ie, b(t(l)("tools.adjust.basicCropPanel_df91d838")), 1),
+      a.hideReset ? R("", !0) : (c(), u("button", {
+        key: 2,
+        type: "button",
+        class: "basic-crop-reset",
+        "aria-label": t(l)("tools.adjust.basicCropPanel_0ca833d8"),
+        onClick: $
+      }, [
+        w(t(F), { size: 14 }),
+        x(b(t(l)("tools.adjust.basicCropPanel_0ca833d8")), 1)
+      ], 8, se))
+    ], 8, G));
+  }
+}), de = /* @__PURE__ */ T(ne, [["__scopeId", "data-v-f88135cb"]]), ce = {
+  key: 0,
+  class: "hint"
+}, pe = /* @__PURE__ */ B({
+  __name: "CropToolPanel",
+  props: {
+    context: {}
+  },
+  setup(a) {
+    const { ui: v } = z(), l = a, d = N(() => l.context), s = V(() => d.value.crop.ratio === "original"), r = D(!0);
+    function h() {
+      l.context.resetDraft({ crop: { ...P } });
+    }
+    const m = S(() => l.context, "crop");
+    return (g, p) => (c(), j(U, {
+      context: a.context,
+      layout: "contained",
+      changed: t(I)(t(d).crop, t(P)),
+      onReset: h
+    }, {
+      actions: C(() => [
+        w(L, {
+          context: a.context,
+          available: t(Z)(a.context),
+          ready: !s.value && r.value
+        }, {
+          default: C(() => [
+            s.value ? (c(), u("p", ce, b(t(v)("common.toolPanel_2ff98de1")), 1)) : R("", !0)
+          ]),
+          _: 1
+        }, 8, ["context", "available", "ready"])
+      ]),
+      default: C(() => [
+        w(de, {
+          "model-value": t(d).crop,
+          disabled: a.context.readonly,
+          "hide-reset": !0,
+          "trim-preview-source": a.context.view.currentImageSource,
+          "onUpdate:modelValue": t(m),
+          onValidity: p[0] || (p[0] = (f) => r.value = f)
+        }, null, 8, ["model-value", "disabled", "trim-preview-source", "onUpdate:modelValue"])
+      ]),
+      _: 1
+    }, 8, ["context", "changed"]));
+  }
+});
+export {
+  pe as default
+};

package/dist/chunks/CutoutToolPanel-B7ObmiWd.js

@@ -0,0 +1,73 @@
+import { defineComponent as p, useId as C, ref as g, computed as P, openBlock as c, createBlock as T, withCtx as x, createElementVNode as l, unref as t, createElementBlock as b, Fragment as y, renderList as k, toDisplayString as r, createVNode as s } from "vue";
+import { F as D, G as h, a3 as B, _ as M } from "./entry-CboOSe2r.js";
+import { u as w, _ as V } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-BGe419qz.js";
+import { B as E } from "./BatchOutputColorPicker-D7WIDS4_.js";
+import { C as I } from "./ContentTrimControl-BKCJEst5.js";
+const U = ["disabled"], F = ["aria-label"], O = ["name", "value", "checked", "disabled", "onChange"], S = { class: "output-color-field" }, A = /* @__PURE__ */ p({
+  __name: "CutoutToolPanel",
+  props: {
+    context: {}
+  },
+  setup(o) {
+    const { ui: d, uiText: u } = D(), v = C(), m = o, n = w(() => m.context), f = g(!0), i = P(() => m.context.view.availableCutoutModes ?? ["isnet_fp16"]);
+    return (G, a) => (c(), T(h, { context: o.context }, {
+      actions: x(() => [
+        s(V, {
+          context: o.context,
+          available: i.value.includes(t(n).cutoutModel),
+          ready: f.value,
+          "unavailable-reason": o.context.view.aiAvailable === !1 ? void 0 : t(d)("common.toolPanel_d6b2b599")
+        }, null, 8, ["context", "available", "ready", "unavailable-reason"])
+      ]),
+      default: x(() => [
+        l("fieldset", {
+          class: "tool-fields plugin-fields",
+          disabled: o.context.readonly
+        }, [
+          l("div", {
+            class: "mode-cards",
+            role: "radiogroup",
+            "aria-label": t(d)("common.toolPanel_4fcda57d")
+          }, [
+            (c(!0), b(y, null, k(t(B).filter((e) => o.context.modeAllowed?.(e.model) !== !1), (e) => (c(), b("label", {
+              class: "mode-card",
+              key: e.model
+            }, [
+              l("input", {
+                type: "radio",
+                name: t(v),
+                value: e.model,
+                checked: t(n).cutoutModel === e.model,
+                disabled: !i.value.includes(e.model),
+                onChange: (N) => o.context.updateDraft({ cutoutModel: e.model })
+              }, null, 40, O),
+              l("span", null, r(t(u)(e.label)) + r(i.value.includes(e.model) ? "" : t(d)("common.toolPanel_14a718cd")), 1)
+            ]))), 128))
+          ], 8, F),
+          l("div", S, [
+            l("span", null, r(t(d)("common.toolPanel_243779ee")), 1),
+            s(E, {
+              "model-value": t(n).outputColor,
+              disabled: o.context.readonly,
+              "onUpdate:modelValue": a[0] || (a[0] = (e) => o.context.updateDraft({ outputColor: e }))
+            }, null, 8, ["model-value", "disabled"])
+          ]),
+          s(I, {
+            enabled: t(n).cutoutTrimTransparent === !0,
+            padding: t(n).cutoutTrimPadding ?? 0,
+            disabled: o.context.readonly,
+            source: o.context.view.currentImageSource,
+            help: t(u)("默认保留画布；开启后先裁透明边，再填底色，新增边距保持透明。") + " " + t(u)("预览当前图边距；抠图后的内容范围以实际结果为准。新增边距保持透明。"),
+            onEnabled: a[1] || (a[1] = (e) => o.context.updateDraft({ cutoutTrimTransparent: e })),
+            onPadding: a[2] || (a[2] = (e) => o.context.updateDraft({ cutoutTrimPadding: e })),
+            onValidity: a[3] || (a[3] = (e) => f.value = e)
+          }, null, 8, ["enabled", "padding", "disabled", "source", "help"])
+        ], 8, U)
+      ]),
+      _: 1
+    }, 8, ["context"]));
+  }
+}), H = /* @__PURE__ */ M(A, [["__scopeId", "data-v-40a534d4"]]);
+export {
+  H as default
+};

package/dist/chunks/DisclosureToolPanel-F3ccFJIF.js

@@ -0,0 +1,76 @@
+import { defineComponent as p, computed as d, useId as P, openBlock as a, createBlock as g, withCtx as v, createElementVNode as c, createElementBlock as s, toDisplayString as u, unref as e, createCommentVNode as m, Fragment as k, renderList as y, createTextVNode as w, createVNode as D } from "vue";
+import { F as N, G as V, _ as C } from "./entry-CboOSe2r.js";
+import { u as M, b as B, _ as I } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-BGe419qz.js";
+const T = ["disabled"], F = {
+  key: 0,
+  class: "disclosure-state",
+  role: "status"
+}, A = { key: 0 }, E = ["aria-label"], G = ["name", "value", "checked", "onChange"], $ = {
+  key: 1,
+  class: "hint"
+}, L = {
+  key: 2,
+  class: "hint"
+}, S = { key: 3 }, U = ["value"], j = /* @__PURE__ */ p({
+  __name: "DisclosureToolPanel",
+  props: {
+    context: {}
+  },
+  setup(l) {
+    const { ui: t, uiText: x } = N(), i = l, r = M(() => i.context), f = d(() => i.context.view.currentName), n = d(() => i.context.view.currentDisclosure), h = P(), b = d(() => r.value.disclosureMode === "manual" || B(i.context));
+    return (q, _) => (a(), g(V, { context: l.context }, {
+      actions: v(() => [
+        D(I, {
+          context: l.context,
+          available: b.value
+        }, null, 8, ["context", "available"])
+      ]),
+      default: v(() => [
+        c("fieldset", {
+          class: "tool-fields plugin-fields",
+          disabled: l.context.readonly
+        }, [
+          n.value ? (a(), s("div", F, [
+            c("p", null, u(n.value?.status === "verified" ? n.value.method === "manual" ? e(t)("common.toolPanel_30447085") : e(t)("common.imageViewer_91b98855") : n.value?.status === "review" ? e(t)("common.imageViewer_7d383a32") : n.value?.status === "unchanged" ? e(t)("common.toolPanel_f9be9593") : f.value ? e(t)("common.toolPanel_3ec579b3") : e(t)("common.toolPanel_cb6df471")), 1),
+            n.value ? (a(), s("small", A, u(e(x)(n.value.reason)), 1)) : m("", !0)
+          ])) : m("", !0),
+          c("div", {
+            class: "mode-cards",
+            role: "radiogroup",
+            "aria-label": e(t)("common.toolPanel_171d09fa")
+          }, [
+            (a(!0), s(k, null, y(["manual", "ai"].filter(
+              (o) => l.context.modeAllowed?.(o) !== !1
+            ), (o) => (a(), s("label", {
+              key: o,
+              class: "mode-card"
+            }, [
+              c("input", {
+                type: "radio",
+                name: e(h),
+                value: o,
+                checked: e(r).disclosureMode === o,
+                onChange: (z) => l.context.updateDraft({ disclosureMode: o })
+              }, null, 40, G),
+              c("span", null, u(e(t)(o === "manual" ? "common.toolPanel_a88eb6b9" : "common.toolPanel_09794da0")), 1)
+            ]))), 128))
+          ], 8, E),
+          e(r).disclosureMode === "manual" ? (a(), s("p", $, u(e(t)("common.toolPanel_290eab0a")), 1)) : (a(), s("p", L, u(e(t)("common.toolPanel_2c0993e5")), 1)),
+          e(r).disclosureMode === "ai" ? (a(), s("label", S, [
+            w(u(e(t)("common.toolPanel_6d793364")), 1),
+            c("textarea", {
+              value: e(r).context,
+              maxlength: "2000",
+              rows: "3",
+              onInput: _[0] || (_[0] = (o) => l.context.updateDraft({ context: o.target.value }))
+            }, null, 40, U)
+          ])) : m("", !0)
+        ], 8, T)
+      ]),
+      _: 1
+    }, 8, ["context"]));
+  }
+}), O = /* @__PURE__ */ C(j, [["__scopeId", "data-v-e564a010"]]);
+export {
+  O as default
+};