@difizen/libro-output 0.3.28 → 0.3.30

package/es/display-data-output/display-data-output-contribution.d.ts

@@ -1,11 +1,16 @@
 import type { IOutput } from '@difizen/libro-common';
 import type { IOutputOptions } from '@difizen/libro-core';
 import { OutputContribution } from '@difizen/libro-core';
-import { ViewManager } from '@difizen/mana-app';
+import { ViewManager, ConfigurationService } from '@difizen/mana-app';
 import { DisplayDataOutputModel } from './display-data-output-model.js';
+import { ImageUploadService } from './image-upload-service.js';
 export declare class DisplayDataOutputContribution implements OutputContribution {
     viewManager: ViewManager;
+    configurationService: ConfigurationService;
+    imageUploadService: ImageUploadService;
     canHandle: (output: IOutput) => 100 | 1;
     factory(output: IOutputOptions): Promise<DisplayDataOutputModel>;
+    private preprocessImageData;
+    private processImageDataInBundle;
 }
 //# sourceMappingURL=display-data-output-contribution.d.ts.map

package/es/display-data-output/display-data-output-contribution.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-data-output-contribution.d.ts","sourceRoot":"","sources":["../../src/display-data-output/display-data-output-contribution.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAExE,qBACa,6BAA8B,YAAW,kBAAkB;IACjD,WAAW,EAAE,WAAW,CAAC;IAC9C,SAAS,WAAY,OAAO,aAQ1B;IACF,OAAO,CAAC,MAAM,EAAE,cAAc;CAG/B"}
+{"version":3,"file":"display-data-output-contribution.d.ts","sourceRoot":"","sources":["../../src/display-data-output/display-data-output-contribution.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAGL,WAAW,EACX,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAOxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAW/D,qBACa,6BAA8B,YAAW,kBAAkB;IACjD,WAAW,EAAE,WAAW,CAAC;IAChB,oBAAoB,EAAE,oBAAoB,CAAC;IAC7C,kBAAkB,EAAE,kBAAkB,CAAC;IAEnE,SAAS,WAAY,OAAO,aAQ1B;IAEI,OAAO,CAAC,MAAM,EAAE,cAAc;YAMtB,mBAAmB;YA2DnB,wBAAwB;CA8CvC"}

package/es/display-data-output/display-data-output-contribution.js

@@ -1,5 +1,17 @@
+var _dec, _dec2, _dec3, _dec4, _class, _class2, _descriptor, _descriptor2, _descriptor3;
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _dec, _dec2, _class, _class2, _descriptor;
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
@@ -8,16 +20,21 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
 function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+import { getBundleOptions } from '@difizen/libro-common';
 import { OutputContribution } from '@difizen/libro-core';
-import { inject, singleton } from '@difizen/mana-app';
-import { ViewManager } from '@difizen/mana-app';
+import { inject, singleton, ViewManager, ConfigurationService } from '@difizen/mana-app';
 import { DisplayDataOutputModel } from "./display-data-output-model.js";
+import { ImageProcessingEnabled, ImageProcessingRemoveOriginal, ImageProcessingSizeThreshold, ImageProcessingSupportedMimeTypes } from "./display-data-output-setting.js";
+import { ImageUploadService } from "./image-upload-service.js";
+var IMAGE_URL_MIME_TYPE = 'image/vnd.libro.image-url';
 export var DisplayDataOutputContribution = (_dec = singleton({
   contrib: OutputContribution
-}), _dec2 = inject(ViewManager), _dec(_class = (_class2 = /*#__PURE__*/function () {
+}), _dec2 = inject(ViewManager), _dec3 = inject(ConfigurationService), _dec4 = inject(ImageUploadService), _dec(_class = (_class2 = /*#__PURE__*/function () {
   function DisplayDataOutputContribution() {
     _classCallCheck(this, DisplayDataOutputContribution);
     _initializerDefineProperty(this, "viewManager", _descriptor, this);
+    _initializerDefineProperty(this, "configurationService", _descriptor2, this);
+    _initializerDefineProperty(this, "imageUploadService", _descriptor3, this);
     this.canHandle = function (output) {
       if (output.output_type === 'display_data' || output.output_type === 'execute_result') {
         return 100;
@@ -27,9 +44,180 @@ export var DisplayDataOutputContribution = (_dec = singleton({
   }
   _createClass(DisplayDataOutputContribution, [{
     key: "factory",
-    value: function factory(output) {
-      return this.viewManager.getOrCreateView(DisplayDataOutputModel, output);
-    }
+    value: function () {
+      var _factory = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(output) {
+        var processedOutput;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return this.preprocessImageData(output);
+            case 2:
+              processedOutput = _context.sent;
+              return _context.abrupt("return", this.viewManager.getOrCreateView(DisplayDataOutputModel, processedOutput));
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function factory(_x) {
+        return _factory.apply(this, arguments);
+      }
+      return factory;
+    }()
+  }, {
+    key: "preprocessImageData",
+    value: function () {
+      var _preprocessImageData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(options) {
+        var enabled, sizeThreshold, removeOriginal, supportedMimeTypes, imageConfig, hasUploadFunction, _getBundleOptions, data, processedData, processedOutput;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return this.configurationService.get(ImageProcessingEnabled);
+            case 2:
+              enabled = _context2.sent;
+              _context2.next = 5;
+              return this.configurationService.get(ImageProcessingSizeThreshold);
+            case 5:
+              sizeThreshold = _context2.sent;
+              _context2.next = 8;
+              return this.configurationService.get(ImageProcessingRemoveOriginal);
+            case 8:
+              removeOriginal = _context2.sent;
+              _context2.next = 11;
+              return this.configurationService.get(ImageProcessingSupportedMimeTypes);
+            case 11:
+              supportedMimeTypes = _context2.sent;
+              // 合并配置
+              imageConfig = {
+                enabled: enabled,
+                sizeThreshold: sizeThreshold,
+                removeOriginal: removeOriginal,
+                supportedMimeTypes: supportedMimeTypes
+              }; // 如果未启用图片处理，直接返回原始选项
+              if (imageConfig.enabled) {
+                _context2.next = 15;
+                break;
+              }
+              return _context2.abrupt("return", options);
+            case 15:
+              // 检查是否有可用的上传函数
+              hasUploadFunction = this.imageUploadService.hasUploadFunction();
+              if (hasUploadFunction) {
+                _context2.next = 18;
+                break;
+              }
+              return _context2.abrupt("return", options);
+            case 18:
+              _getBundleOptions = getBundleOptions(options.output), data = _getBundleOptions.data;
+              if (!(!data || _typeof(data) !== 'object')) {
+                _context2.next = 21;
+                break;
+              }
+              return _context2.abrupt("return", options);
+            case 21:
+              _context2.prev = 21;
+              _context2.next = 24;
+              return this.processImageDataInBundle(data, imageConfig);
+            case 24:
+              processedData = _context2.sent;
+              // 创建新的输出选项，包含处理后的数据
+              processedOutput = _objectSpread(_objectSpread({}, options.output), {}, {
+                data: processedData
+              });
+              return _context2.abrupt("return", _objectSpread(_objectSpread({}, options), {}, {
+                output: processedOutput
+              }));
+            case 29:
+              _context2.prev = 29;
+              _context2.t0 = _context2["catch"](21);
+              console.warn('图片预处理失败，使用原始数据:', _context2.t0);
+              return _context2.abrupt("return", options);
+            case 33:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this, [[21, 29]]);
+      }));
+      function preprocessImageData(_x2) {
+        return _preprocessImageData.apply(this, arguments);
+      }
+      return preprocessImageData;
+    }()
+  }, {
+    key: "processImageDataInBundle",
+    value: function () {
+      var _processImageDataInBundle = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data, config) {
+        var processedData, supportedMimeTypes, sizeThreshold, removeOriginal, _i, _Object$entries, _Object$entries$_i, mimeType, content, base64Data, uploadedUrl;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              if (!(!data || _typeof(data) !== 'object')) {
+                _context3.next = 2;
+                break;
+              }
+              return _context3.abrupt("return", data);
+            case 2:
+              processedData = _objectSpread({}, data);
+              supportedMimeTypes = config.supportedMimeTypes, sizeThreshold = config.sizeThreshold, removeOriginal = config.removeOriginal; // 已经有 IMAGE_URL_MIME_TYPE 无需处理
+              if (!processedData[IMAGE_URL_MIME_TYPE]) {
+                _context3.next = 6;
+                break;
+              }
+              return _context3.abrupt("return", processedData);
+            case 6:
+              _i = 0, _Object$entries = Object.entries(data);
+            case 7:
+              if (!(_i < _Object$entries.length)) {
+                _context3.next = 26;
+                break;
+              }
+              _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2), mimeType = _Object$entries$_i[0], content = _Object$entries$_i[1];
+              if (!(supportedMimeTypes.includes(mimeType) && typeof content === 'string')) {
+                _context3.next = 23;
+                break;
+              }
+              _context3.prev = 10;
+              if (!(content.length > sizeThreshold)) {
+                _context3.next = 18;
+                break;
+              }
+              base64Data = content.startsWith('data:') ? content.split(',')[1] : content; // 上传图片并替换为 URL
+              _context3.next = 15;
+              return this.imageUploadService.uploadImage(base64Data, mimeType);
+            case 15:
+              uploadedUrl = _context3.sent;
+              processedData[IMAGE_URL_MIME_TYPE] = uploadedUrl;
+              if (removeOriginal) {
+                delete processedData[mimeType];
+              }
+            case 18:
+              _context3.next = 23;
+              break;
+            case 20:
+              _context3.prev = 20;
+              _context3.t0 = _context3["catch"](10);
+              console.warn("\u4E0A\u4F20\u56FE\u7247\u5931\u8D25 (".concat(mimeType, "):"), _context3.t0);
+              // 保持原始数据
+            case 23:
+              _i++;
+              _context3.next = 7;
+              break;
+            case 26:
+              return _context3.abrupt("return", processedData);
+            case 27:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this, [[10, 20]]);
+      }));
+      function processImageDataInBundle(_x3, _x4) {
+        return _processImageDataInBundle.apply(this, arguments);
+      }
+      return processImageDataInBundle;
+    }()
   }]);
   return DisplayDataOutputContribution;
 }(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "viewManager", [_dec2], {
@@ -37,4 +225,14 @@ export var DisplayDataOutputContribution = (_dec = singleton({
   enumerable: true,
   writable: true,
   initializer: null
+}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "configurationService", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, "imageUploadService", [_dec4], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
 })), _class2)) || _class);

package/es/display-data-output/display-data-output-model.d.ts

@@ -8,7 +8,7 @@ export declare class DisplayDataOutputModel extends LibroOutputView implements B
     renderFactory?: IRendererFactory;
     constructor(options: IOutputOptions);
     getRenderFactory(): IRendererFactory | undefined;
-    view: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+    view: import("react").ForwardRefExoticComponent<Omit<Record<string, never>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     toJSON(): {
         output_type: string;
         data: import("@difizen/libro-common").PartialJSONValue | import("@difizen/libro-common").IMimeBundle | undefined;

package/es/display-data-output/display-data-output-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-data-output-model.d.ts","sourceRoot":"","sources":["../../src/display-data-output/display-data-output-model.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAWvF,OAAO,eAAe,CAAC;AAmBvB,qBAEa,sBAAuB,SAAQ,eAAgB,YAAW,cAAc;IACvD,kBAAkB,EAAE,mBAAmB,CAAC;IACpE,aAAa,CAAC,EAAE,gBAAgB,CAAC;gBACD,OAAO,EAAE,cAAc;IAQvD,gBAAgB;IAUP,IAAI,2FAAgC;IACpC,MAAM;;;;;;;;;;;;;IAgBN,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;CAMxC"}
+{"version":3,"file":"display-data-output-model.d.ts","sourceRoot":"","sources":["../../src/display-data-output/display-data-output-model.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAavF,OAAO,eAAe,CAAC;AAyBvB,qBAEa,sBAAuB,SAAQ,eAAgB,YAAW,cAAc;IACvD,kBAAkB,EAAE,mBAAmB,CAAC;IACpE,aAAa,CAAC,EAAE,gBAAgB,CAAC;gBACD,OAAO,EAAE,cAAc;IAQvD,gBAAgB;IAUP,IAAI,gIAAgC;IACpC,MAAM;;;;;;;;;;;;;IAgBN,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;CAMxC"}

package/es/display-data-output/display-data-output-model.js

@@ -20,27 +20,26 @@ function _initializerWarningHelper(descriptor, context) { throw new Error('Decor
 import { getBundleOptions } from '@difizen/libro-common';
 import { LibroOutputView } from '@difizen/libro-core';
 import { RenderMimeRegistry } from '@difizen/libro-rendermime';
-import { getOrigin, useInject, view, ViewInstance, ViewOption } from '@difizen/mana-app';
-import { inject, transient } from '@difizen/mana-app';
-import { forwardRef } from 'react';
+import { getOrigin, useInject, view, ViewInstance, ViewOption, inject, transient } from '@difizen/mana-app';
+import { createElement, forwardRef } from 'react';
 import "../index.less";
-import { jsx as _jsx } from "react/jsx-runtime";
 var DisplayDataOutputModelRender = /*#__PURE__*/forwardRef(function DisplayDataOutputModelRender(_props, ref) {
   var output = useInject(ViewInstance);
   var model = getOrigin(output);
   var factory = model.getRenderFactory();
   var children = null;
-  if (factory) {
-    var OutputRender = factory.render;
-    children = /*#__PURE__*/_jsx(OutputRender, {
-      model: model
-    });
+  if (factory && factory.render) {
+    var renderFunction = factory.render;
+    if (typeof renderFunction === 'function') {
+      children = renderFunction({
+        model: model
+      });
+    }
   }
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/createElement('div', {
     ref: ref,
-    className: 'libro-display-data-container',
-    children: children
-  });
+    className: 'libro-display-data-container'
+  }, children);
 });
 export var DisplayDataOutputModel = (_dec = transient(), _dec2 = view('libro-display-data-output-model'), _dec3 = inject(RenderMimeRegistry), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_LibroOutputView) {
   _inherits(DisplayDataOutputModel, _LibroOutputView);

package/es/display-data-output/display-data-output-module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-data-output-module.d.ts","sourceRoot":"","sources":["../../src/display-data-output/display-data-output-module.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAK/C,eAAO,MAAM,uBAAuB,YAEY,CAAC"}
+{"version":3,"file":"display-data-output-module.d.ts","sourceRoot":"","sources":["../../src/display-data-output/display-data-output-module.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAO/C,eAAO,MAAM,uBAAuB,YAEY,CAAC"}

package/es/display-data-output/display-data-output-module.js

@@ -3,4 +3,6 @@ import { LibroRenderMimeModule } from '@difizen/libro-rendermime';
 import { ManaModule } from '@difizen/mana-app';
 import { DisplayDataOutputContribution } from "./display-data-output-contribution.js";
 import { DisplayDataOutputModel } from "./display-data-output-model.js";
-export var DisplayDataOutputModule = ManaModule.create().register(DisplayDataOutputModel, DisplayDataOutputContribution).dependOn(OutputModule, LibroRenderMimeModule);
+import { DisplayDataOutputSettingContribution } from "./display-data-output-setting-contribution.js";
+import { ImageUploadService } from "./image-upload-service.js";
+export var DisplayDataOutputModule = ManaModule.create().register(DisplayDataOutputModel, DisplayDataOutputContribution, DisplayDataOutputSettingContribution, ImageUploadService).dependOn(OutputModule, LibroRenderMimeModule);

package/es/display-data-output/display-data-output-setting-contribution.d.ts

@@ -0,0 +1,5 @@
+import { ConfigurationContribution } from '@difizen/mana-app';
+export declare class DisplayDataOutputSettingContribution implements ConfigurationContribution {
+    registerConfigurations(): (import("@difizen/mana-app").ConfigurationNode<boolean> | import("@difizen/mana-app").ConfigurationNode<number> | import("@difizen/mana-app").ConfigurationNode<string[]>)[];
+}
+//# sourceMappingURL=display-data-output-setting-contribution.d.ts.map

package/es/display-data-output/display-data-output-setting-contribution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-data-output-setting-contribution.d.ts","sourceRoot":"","sources":["../../src/display-data-output/display-data-output-setting-contribution.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AASzE,qBACa,oCAAqC,YAAW,yBAAyB;IACpF,sBAAsB;CAQvB"}

package/es/display-data-output/display-data-output-setting-contribution.js

@@ -0,0 +1,23 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _dec, _class;
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { singleton, ConfigurationContribution } from '@difizen/mana-app';
+import { ImageProcessingEnabled, ImageProcessingSizeThreshold, ImageProcessingRemoveOriginal, ImageProcessingSupportedMimeTypes } from "./display-data-output-setting.js";
+export var DisplayDataOutputSettingContribution = (_dec = singleton({
+  contrib: ConfigurationContribution
+}), _dec(_class = /*#__PURE__*/function () {
+  function DisplayDataOutputSettingContribution() {
+    _classCallCheck(this, DisplayDataOutputSettingContribution);
+  }
+  _createClass(DisplayDataOutputSettingContribution, [{
+    key: "registerConfigurations",
+    value: function registerConfigurations() {
+      return [ImageProcessingEnabled, ImageProcessingSizeThreshold, ImageProcessingRemoveOriginal, ImageProcessingSupportedMimeTypes];
+    }
+  }]);
+  return DisplayDataOutputSettingContribution;
+}()) || _class);

package/es/display-data-output/display-data-output-setting.d.ts

@@ -0,0 +1,6 @@
+import type { ConfigurationNode } from '@difizen/mana-app';
+export declare const ImageProcessingEnabled: ConfigurationNode<boolean>;
+export declare const ImageProcessingSizeThreshold: ConfigurationNode<number>;
+export declare const ImageProcessingRemoveOriginal: ConfigurationNode<boolean>;
+export declare const ImageProcessingSupportedMimeTypes: ConfigurationNode<string[]>;
+//# sourceMappingURL=display-data-output-setting.d.ts.map

package/es/display-data-output/display-data-output-setting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-data-output-setting.d.ts","sourceRoot":"","sources":["../../src/display-data-output/display-data-output-setting.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI3D,eAAO,MAAM,sBAAsB,EAAE,iBAAiB,CAAC,OAAO,CAS7D,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,iBAAiB,CAAC,MAAM,CAUlE,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,iBAAiB,CAAC,OAAO,CASpE,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,iBAAiB,CAAC,MAAM,EAAE,CAmBzE,CAAC"}

package/es/display-data-output/display-data-output-setting.js

@@ -0,0 +1,63 @@
+import { l10n } from '@difizen/mana-l10n';
+
+// 图片处理配置项
+export var ImageProcessingEnabled = {
+  id: 'libro.output.imageProcessing.enabled',
+  description: l10n.t('是否启用图片处理功能'),
+  title: l10n.t('启用图片处理'),
+  type: 'checkbox',
+  defaultValue: true,
+  schema: {
+    type: 'boolean'
+  }
+};
+export var ImageProcessingSizeThreshold = {
+  id: 'libro.output.imageProcessing.sizeThreshold',
+  description: l10n.t('图片处理的大小阈值（字符数）'),
+  title: l10n.t('图片大小阈值'),
+  type: 'inputnumber',
+  defaultValue: 1000,
+  schema: {
+    type: 'number',
+    minimum: 0
+  }
+};
+export var ImageProcessingRemoveOriginal = {
+  id: 'libro.output.imageProcessing.removeOriginal',
+  description: l10n.t('上传图片后是否移除原始base64数据'),
+  title: l10n.t('移除原始数据'),
+  type: 'checkbox',
+  defaultValue: true,
+  schema: {
+    type: 'boolean'
+  }
+};
+export var ImageProcessingSupportedMimeTypes = {
+  id: 'libro.output.imageProcessing.supportedMimeTypes',
+  description: l10n.t('支持处理的图片MIME类型'),
+  title: l10n.t('支持的图片类型'),
+  type: 'select',
+  defaultValue: ['image/png', 'image/jpeg', 'image/gif', 'image/webp', 'image/svg+xml'],
+  schema: {
+    type: 'array',
+    items: {
+      type: 'string'
+    }
+  },
+  options: [{
+    label: 'PNG',
+    value: 'image/png'
+  }, {
+    label: 'JPEG',
+    value: 'image/jpeg'
+  }, {
+    label: 'GIF',
+    value: 'image/gif'
+  }, {
+    label: 'WebP',
+    value: 'image/webp'
+  }, {
+    label: 'SVG',
+    value: 'image/svg+xml'
+  }]
+};

package/es/display-data-output/image-upload-service.d.ts

@@ -0,0 +1,36 @@
+export interface ImageUploadFunction {
+    (base64Data: string, mimeType: string): Promise<string>;
+}
+export interface ImageUploadCallbacks {
+    onUploadSuccess?: (originalBase64: string, uploadedUrl: string) => void;
+    onUploadError?: (error: Error, base64Data: string) => void;
+}
+export declare class ImageUploadService {
+    private uploadFunction?;
+    private callbacks;
+    /**
+     * 设置图片上传函数
+     */
+    setUploadFunction(uploadFunction: ImageUploadFunction): void;
+    /**
+     * 设置上传回调函数
+     */
+    setCallbacks(callbacks: ImageUploadCallbacks): void;
+    /**
+     * 获取图片上传函数
+     */
+    getUploadFunction(): ImageUploadFunction | undefined;
+    /**
+     * 获取上传回调函数
+     */
+    getCallbacks(): ImageUploadCallbacks;
+    /**
+     * 上传图片
+     */
+    uploadImage(base64Data: string, mimeType: string): Promise<string>;
+    /**
+     * 检查是否已配置上传函数
+     */
+    hasUploadFunction(): boolean;
+}
+//# sourceMappingURL=image-upload-service.d.ts.map

package/es/display-data-output/image-upload-service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-upload-service.d.ts","sourceRoot":"","sources":["../../src/display-data-output/image-upload-service.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;CACzD;AAED,MAAM,WAAW,oBAAoB;IACnC,eAAe,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5D;AAED,qBACa,kBAAkB;IAC7B,OAAO,CAAC,cAAc,CAAC,CAAsB;IAC7C,OAAO,CAAC,SAAS,CAA4B;IAE7C;;OAEG;IACH,iBAAiB,CAAC,cAAc,EAAE,mBAAmB,GAAG,IAAI;IAI5D;;OAEG;IACH,YAAY,CAAC,SAAS,EAAE,oBAAoB,GAAG,IAAI;IAInD;;OAEG;IACH,iBAAiB,IAAI,mBAAmB,GAAG,SAAS;IAIpD;;OAEG;IACH,YAAY,IAAI,oBAAoB;IAIpC;;OAEG;IACG,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAexE;;OAEG;IACH,iBAAiB,IAAI,OAAO;CAG7B"}

package/es/display-data-output/image-upload-service.js

@@ -0,0 +1,108 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _dec, _class;
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { singleton } from '@difizen/mana-app';
+export var ImageUploadService = (_dec = singleton(), _dec(_class = /*#__PURE__*/function () {
+  function ImageUploadService() {
+    _classCallCheck(this, ImageUploadService);
+    this.callbacks = {};
+  }
+  _createClass(ImageUploadService, [{
+    key: "setUploadFunction",
+    value:
+    /**
+     * 设置图片上传函数
+     */
+    function setUploadFunction(uploadFunction) {
+      this.uploadFunction = uploadFunction;
+    }
+
+    /**
+     * 设置上传回调函数
+     */
+  }, {
+    key: "setCallbacks",
+    value: function setCallbacks(callbacks) {
+      this.callbacks = _objectSpread(_objectSpread({}, this.callbacks), callbacks);
+    }
+
+    /**
+     * 获取图片上传函数
+     */
+  }, {
+    key: "getUploadFunction",
+    value: function getUploadFunction() {
+      return this.uploadFunction;
+    }
+
+    /**
+     * 获取上传回调函数
+     */
+  }, {
+    key: "getCallbacks",
+    value: function getCallbacks() {
+      return this.callbacks;
+    }
+
+    /**
+     * 上传图片
+     */
+  }, {
+    key: "uploadImage",
+    value: (function () {
+      var _uploadImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(base64Data, mimeType) {
+        var _this$callbacks$onUpl, _this$callbacks, _uploadedUrl, _this$callbacks$onUpl2, _this$callbacks2;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (this.uploadFunction) {
+                _context.next = 2;
+                break;
+              }
+              throw new Error('Upload function not configured');
+            case 2:
+              _context.prev = 2;
+              _context.next = 5;
+              return this.uploadFunction(base64Data, mimeType);
+            case 5:
+              _uploadedUrl = _context.sent;
+              (_this$callbacks$onUpl = (_this$callbacks = this.callbacks).onUploadSuccess) === null || _this$callbacks$onUpl === void 0 || _this$callbacks$onUpl.call(_this$callbacks, base64Data, _uploadedUrl);
+              return _context.abrupt("return", _uploadedUrl);
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](2);
+              (_this$callbacks$onUpl2 = (_this$callbacks2 = this.callbacks).onUploadError) === null || _this$callbacks$onUpl2 === void 0 || _this$callbacks$onUpl2.call(_this$callbacks2, _context.t0, base64Data);
+              throw _context.t0;
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this, [[2, 10]]);
+      }));
+      function uploadImage(_x, _x2) {
+        return _uploadImage.apply(this, arguments);
+      }
+      return uploadImage;
+    }()
+    /**
+     * 检查是否已配置上传函数
+     */
+    )
+  }, {
+    key: "hasUploadFunction",
+    value: function hasUploadFunction() {
+      return !!this.uploadFunction;
+    }
+  }]);
+  return ImageUploadService;
+}()) || _class);

package/es/display-data-output/index.d.ts

@@ -1,4 +1,7 @@
 export * from './display-data-output-contribution.js';
 export * from './display-data-output-model.js';
 export * from './display-data-output-module.js';
+export * from './display-data-output-setting.js';
+export * from './display-data-output-setting-contribution.js';
+export * from './image-upload-service.js';
 //# sourceMappingURL=index.d.ts.map

package/es/display-data-output/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/display-data-output/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/display-data-output/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,2BAA2B,CAAC"}

package/es/display-data-output/index.js

@@ -1,3 +1,6 @@
 export * from "./display-data-output-contribution.js";
 export * from "./display-data-output-model.js";
-export * from "./display-data-output-module.js";
+export * from "./display-data-output-module.js";
+export * from "./display-data-output-setting.js";
+export * from "./display-data-output-setting-contribution.js";
+export * from "./image-upload-service.js";

package/es/error-output/error-output-model.d.ts

@@ -9,7 +9,7 @@ export declare class ErrorOutputModel extends LibroOutputView implements BaseOut
         output_type: string;
         ename: import("@difizen/libro-common").PartialJSONValue | undefined;
         evalue: import("@difizen/libro-common").PartialJSONValue | undefined;
-        traceback: import("@difizen/libro-common").PartialJSONValue | string[] | undefined;
+        traceback: string[] | import("@difizen/libro-common").PartialJSONValue | undefined;
     };
     showErrorDetail: boolean;
 }

package/es/stream-output/stream-output-model.d.ts

@@ -14,9 +14,9 @@ export declare class StreamOutputModel extends LibroOutputView implements BaseOu
         name: string | number | boolean | Partial<{
             [key: string]: import("@difizen/libro-common").PartialJSONValue;
         }> | import("@difizen/libro-common").PartialJSONValue[] | null | undefined;
-        text: string | number | boolean | Partial<{
+        text: string | number | boolean | string[] | Partial<{
             [key: string]: import("@difizen/libro-common").PartialJSONValue;
-        }> | import("@difizen/libro-common").PartialJSONValue[] | string[] | null | undefined;
+        }> | import("@difizen/libro-common").PartialJSONValue[] | null | undefined;
     };
 }
 //# sourceMappingURL=stream-output-model.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@difizen/libro-output",
-  "version": "0.3.28",
+  "version": "0.3.30",
   "description": "",
   "keywords": [
     "libro",
@@ -32,9 +32,9 @@
     "src"
   ],
   "dependencies": {
-    "@difizen/libro-common": "^0.3.28",
-    "@difizen/libro-core": "^0.3.28",
-    "@difizen/libro-rendermime": "^0.3.28",
+    "@difizen/libro-common": "^0.3.30",
+    "@difizen/libro-core": "^0.3.30",
+    "@difizen/libro-rendermime": "^0.3.30",
     "@difizen/mana-app": "latest",
     "@difizen/mana-l10n": "^0.1.32",
     "markdown-it": "^13.0.1"

package/src/display-data-output/display-data-output-contribution.ts

@@ -1,14 +1,38 @@
 import type { IOutput } from '@difizen/libro-common';
+import { getBundleOptions } from '@difizen/libro-common';
 import type { IOutputOptions } from '@difizen/libro-core';
 import { OutputContribution } from '@difizen/libro-core';
-import { inject, singleton } from '@difizen/mana-app';
-import { ViewManager } from '@difizen/mana-app';
+import {
+  inject,
+  singleton,
+  ViewManager,
+  ConfigurationService,
+} from '@difizen/mana-app';
 
 import { DisplayDataOutputModel } from './display-data-output-model.js';
+import {
+  ImageProcessingEnabled,
+  ImageProcessingRemoveOriginal,
+  ImageProcessingSizeThreshold,
+  ImageProcessingSupportedMimeTypes,
+} from './display-data-output-setting.js';
+import { ImageUploadService } from './image-upload-service.js';
+
+interface ImageProcessingConfig {
+  enabled: boolean;
+  supportedMimeTypes: string[];
+  removeOriginal: boolean;
+  sizeThreshold: number;
+}
+
+const IMAGE_URL_MIME_TYPE = 'image/vnd.libro.image-url';
 
 @singleton({ contrib: OutputContribution })
 export class DisplayDataOutputContribution implements OutputContribution {
   @inject(ViewManager) viewManager: ViewManager;
+  @inject(ConfigurationService) configurationService: ConfigurationService;
+  @inject(ImageUploadService) imageUploadService: ImageUploadService;
+
   canHandle = (output: IOutput) => {
     if (
       output.output_type === 'display_data' ||
@@ -18,7 +42,116 @@ export class DisplayDataOutputContribution implements OutputContribution {
     }
     return 1;
   };
-  factory(output: IOutputOptions) {
-    return this.viewManager.getOrCreateView(DisplayDataOutputModel, output);
+
+  async factory(output: IOutputOptions) {
+    // 在构造模型之前预处理图片数据
+    const processedOutput = await this.preprocessImageData(output);
+    return this.viewManager.getOrCreateView(DisplayDataOutputModel, processedOutput);
+  }
+
+  private async preprocessImageData(options: IOutputOptions): Promise<IOutputOptions> {
+    // 从配置服务中读取配置值
+    const enabled =
+      await this.configurationService.get<boolean>(ImageProcessingEnabled);
+    const sizeThreshold = await this.configurationService.get<number>(
+      ImageProcessingSizeThreshold,
+    );
+    const removeOriginal = await this.configurationService.get<boolean>(
+      ImageProcessingRemoveOriginal,
+    );
+    const supportedMimeTypes = await this.configurationService.get<string[]>(
+      ImageProcessingSupportedMimeTypes,
+    );
+
+    // 合并配置
+    const imageConfig: ImageProcessingConfig = {
+      enabled,
+      sizeThreshold,
+      removeOriginal,
+      supportedMimeTypes,
+    };
+
+    // 如果未启用图片处理，直接返回原始选项
+    if (!imageConfig.enabled) {
+      return options;
+    }
+
+    // 检查是否有可用的上传函数
+    const hasUploadFunction = this.imageUploadService.hasUploadFunction();
+
+    if (!hasUploadFunction) {
+      return options;
+    }
+
+    const { data } = getBundleOptions(options.output);
+
+    if (!data || typeof data !== 'object') {
+      return options;
+    }
+
+    try {
+      const processedData = await this.processImageDataInBundle(data, imageConfig);
+
+      // 创建新的输出选项，包含处理后的数据
+      const processedOutput = {
+        ...options.output,
+        data: processedData,
+      };
+
+      return {
+        ...options,
+        output: processedOutput,
+      };
+    } catch (error) {
+      console.warn('图片预处理失败，使用原始数据:', error);
+      return options;
+    }
+  }
+
+  private async processImageDataInBundle(
+    data: IOutput,
+    config: ImageProcessingConfig,
+  ): Promise<IOutput> {
+    if (!data || typeof data !== 'object') {
+      return data;
+    }
+
+    const processedData = { ...data };
+    const { supportedMimeTypes, sizeThreshold, removeOriginal } = config;
+
+    // 已经有 IMAGE_URL_MIME_TYPE 无需处理
+    if (processedData[IMAGE_URL_MIME_TYPE]) {
+      return processedData;
+    }
+
+    for (const [mimeType, content] of Object.entries(data)) {
+      if (supportedMimeTypes.includes(mimeType) && typeof content === 'string') {
+        try {
+          // 检查是否超过阈值
+          if (content.length > sizeThreshold) {
+            const base64Data = content.startsWith('data:')
+              ? content.split(',')[1]
+              : content;
+
+            // 上传图片并替换为 URL
+            const uploadedUrl = await this.imageUploadService.uploadImage(
+              base64Data,
+              mimeType,
+            );
+
+            processedData[IMAGE_URL_MIME_TYPE] = uploadedUrl;
+
+            if (removeOriginal) {
+              delete processedData[mimeType];
+            }
+          }
+        } catch (error) {
+          console.warn(`上传图片失败 (${mimeType}):`, error);
+          // 保持原始数据
+        }
+      }
+    }
+
+    return processedData;
   }
 }

package/src/display-data-output/display-data-output-model.tsx

@@ -10,26 +10,34 @@ import {
   view,
   ViewInstance,
   ViewOption,
+  inject,
+  transient,
 } from '@difizen/mana-app';
-import { inject, transient } from '@difizen/mana-app';
-import { forwardRef } from 'react';
+import type { ReactNode } from 'react';
+import { createElement, forwardRef } from 'react';
 
 import '../index.less';
 
-const DisplayDataOutputModelRender = forwardRef<HTMLDivElement>(
-  function DisplayDataOutputModelRender(_props, ref) {
+const DisplayDataOutputModelRender = forwardRef<HTMLDivElement, Record<string, never>>(
+  function DisplayDataOutputModelRender(_props, ref): React.ReactElement {
     const output = useInject<DisplayDataOutputModel>(ViewInstance);
     const model = getOrigin(output);
+
     const factory = model.getRenderFactory();
-    let children = null;
-    if (factory) {
-      const OutputRender = factory.render;
-      children = <OutputRender model={model} />;
+    let children: ReactNode = null;
+    if (factory && factory.render) {
+      const renderFunction = factory.render;
+      if (typeof renderFunction === 'function') {
+        children = renderFunction({ model });
+      }
     }
-    return (
-      <div ref={ref} className={'libro-display-data-container'}>
-        {children}
-      </div>
+    return createElement(
+      'div',
+      {
+        ref,
+        className: 'libro-display-data-container',
+      },
+      children,
     );
   },
 );

package/src/display-data-output/display-data-output-module.ts

@@ -4,7 +4,9 @@ import { ManaModule } from '@difizen/mana-app';
 
 import { DisplayDataOutputContribution } from './display-data-output-contribution.js';
 import { DisplayDataOutputModel } from './display-data-output-model.js';
+import { DisplayDataOutputSettingContribution } from './display-data-output-setting-contribution.js';
+import { ImageUploadService } from './image-upload-service.js';
 
 export const DisplayDataOutputModule = ManaModule.create()
-  .register(DisplayDataOutputModel, DisplayDataOutputContribution)
+  .register(DisplayDataOutputModel, DisplayDataOutputContribution, DisplayDataOutputSettingContribution, ImageUploadService)
   .dependOn(OutputModule, LibroRenderMimeModule);

package/src/display-data-output/display-data-output-setting-contribution.ts

@@ -0,0 +1,20 @@
+import { singleton, ConfigurationContribution } from '@difizen/mana-app';
+
+import {
+  ImageProcessingEnabled,
+  ImageProcessingSizeThreshold,
+  ImageProcessingRemoveOriginal,
+  ImageProcessingSupportedMimeTypes,
+} from './display-data-output-setting.js';
+
+@singleton({ contrib: ConfigurationContribution })
+export class DisplayDataOutputSettingContribution implements ConfigurationContribution {
+  registerConfigurations() {
+    return [
+      ImageProcessingEnabled,
+      ImageProcessingSizeThreshold,
+      ImageProcessingRemoveOriginal,
+      ImageProcessingSupportedMimeTypes,
+    ];
+  }
+}

package/src/display-data-output/display-data-output-setting.ts

@@ -0,0 +1,58 @@
+import type { ConfigurationNode } from '@difizen/mana-app';
+import { l10n } from '@difizen/mana-l10n';
+
+// 图片处理配置项
+export const ImageProcessingEnabled: ConfigurationNode<boolean> = {
+  id: 'libro.output.imageProcessing.enabled',
+  description: l10n.t('是否启用图片处理功能'),
+  title: l10n.t('启用图片处理'),
+  type: 'checkbox',
+  defaultValue: true,
+  schema: {
+    type: 'boolean',
+  },
+};
+
+export const ImageProcessingSizeThreshold: ConfigurationNode<number> = {
+  id: 'libro.output.imageProcessing.sizeThreshold',
+  description: l10n.t('图片处理的大小阈值（字符数）'),
+  title: l10n.t('图片大小阈值'),
+  type: 'inputnumber',
+  defaultValue: 1000,
+  schema: {
+    type: 'number',
+    minimum: 0,
+  },
+};
+
+export const ImageProcessingRemoveOriginal: ConfigurationNode<boolean> = {
+  id: 'libro.output.imageProcessing.removeOriginal',
+  description: l10n.t('上传图片后是否移除原始base64数据'),
+  title: l10n.t('移除原始数据'),
+  type: 'checkbox',
+  defaultValue: true,
+  schema: {
+    type: 'boolean',
+  },
+};
+
+export const ImageProcessingSupportedMimeTypes: ConfigurationNode<string[]> = {
+  id: 'libro.output.imageProcessing.supportedMimeTypes',
+  description: l10n.t('支持处理的图片MIME类型'),
+  title: l10n.t('支持的图片类型'),
+  type: 'select',
+  defaultValue: ['image/png', 'image/jpeg', 'image/gif', 'image/webp', 'image/svg+xml'],
+  schema: {
+    type: 'array',
+    items: {
+      type: 'string',
+    },
+  },
+  options: [
+    { label: 'PNG', value: 'image/png' },
+    { label: 'JPEG', value: 'image/jpeg' },
+    { label: 'GIF', value: 'image/gif' },
+    { label: 'WebP', value: 'image/webp' },
+    { label: 'SVG', value: 'image/svg+xml' },
+  ],
+};

package/src/display-data-output/image-upload-service.ts

@@ -0,0 +1,69 @@
+import { singleton } from '@difizen/mana-app';
+
+export interface ImageUploadFunction {
+  (base64Data: string, mimeType: string): Promise<string>;
+}
+
+export interface ImageUploadCallbacks {
+  onUploadSuccess?: (originalBase64: string, uploadedUrl: string) => void;
+  onUploadError?: (error: Error, base64Data: string) => void;
+}
+
+@singleton()
+export class ImageUploadService {
+  private uploadFunction?: ImageUploadFunction;
+  private callbacks: ImageUploadCallbacks = {};
+
+  /**
+   * 设置图片上传函数
+   */
+  setUploadFunction(uploadFunction: ImageUploadFunction): void {
+    this.uploadFunction = uploadFunction;
+  }
+
+  /**
+   * 设置上传回调函数
+   */
+  setCallbacks(callbacks: ImageUploadCallbacks): void {
+    this.callbacks = { ...this.callbacks, ...callbacks };
+  }
+
+  /**
+   * 获取图片上传函数
+   */
+  getUploadFunction(): ImageUploadFunction | undefined {
+    return this.uploadFunction;
+  }
+
+  /**
+   * 获取上传回调函数
+   */
+  getCallbacks(): ImageUploadCallbacks {
+    return this.callbacks;
+  }
+
+  /**
+   * 上传图片
+   */
+  async uploadImage(base64Data: string, mimeType: string): Promise<string> {
+    if (!this.uploadFunction) {
+      throw new Error('Upload function not configured');
+    }
+    
+    try {
+      const uploadedUrl = await this.uploadFunction(base64Data, mimeType);
+      this.callbacks.onUploadSuccess?.(base64Data, uploadedUrl);
+      return uploadedUrl;
+    } catch (error) {
+      this.callbacks.onUploadError?.(error as Error, base64Data);
+      throw error;
+    }
+  }
+
+  /**
+   * 检查是否已配置上传函数
+   */
+  hasUploadFunction(): boolean {
+    return !!this.uploadFunction;
+  }
+}

package/src/display-data-output/index.ts

@@ -1,3 +1,6 @@
 export * from './display-data-output-contribution.js';
 export * from './display-data-output-model.js';
 export * from './display-data-output-module.js';
+export * from './display-data-output-setting.js';
+export * from './display-data-output-setting-contribution.js';
+export * from './image-upload-service.js';