@univerjs/watermark 0.4.2 → 0.5.0-beta.0

package/lib/es/index.js

@@ -1,14 +1,10 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import { CommandType, LocaleService, Inject, ILocalStorageService, Disposable, useDependency, useObservable, IUniverInstanceService, DOCS_ZEN_EDITOR_UNIT_ID_KEY, UserManagerService, RxDisposable, Injector, ICommandService, Plugin, UniverInstanceType, IConfigService } from "@univerjs/core";
-import { Layer, IRenderManagerService } from "@univerjs/engine-render";
-import { ISidebarService, ILocalFileService, IClipboardInterfaceService, MenuItemType, RibbonStartGroup, ComponentManager, IMenuManagerService } from "@univerjs/ui";
-import require$$0, { forwardRef, useRef, createElement, useState, useCallback, useEffect } from "react";
-import { Button, InputNumber, Checkbox, Input, Select, Dropdown, ColorPicker } from "@univerjs/design";
-import { Subject, switchMap, of } from "rxjs";
-const UNIVER_WATERMARK_MENU = "UNIVER_WATERMARK_MENU", WATERMARK_PANEL = "WATERMARK_PANEL", WATERMARK_PANEL_FOOTER = "WATERMARK_PANEL_FOOTER", UNIVER_WATERMARK_STORAGE_KEY = "UNIVER_WATERMARK_STORAGE_KEY", UNIVER_WATERMARK_LAYER_INDEX = 10, WATERMARK_IMAGE_ALLOW_IMAGE_LIST = ["image/png", "image/jpeg", "image/jpg", "image/bmp"], WatermarkTextBaseConfig = {
+var O = Object.defineProperty;
+var D = (e, t, r) => t in e ? O(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var l = (e, t, r) => D(e, typeof t != "symbol" ? t + "" : t, r);
+import { Inject as W, ILocalStorageService as E, Disposable as j, UserManagerService as L, RxDisposable as Y, Injector as N, Plugin as X, UniverInstanceType as $, IConfigService as K } from "@univerjs/core";
+import { Layer as G, IRenderManagerService as V } from "@univerjs/engine-render";
+import { Subject as U } from "rxjs";
+const _ = "UNIVER_WATERMARK_STORAGE_KEY", H = 10, pe = ["image/png", "image/jpeg", "image/jpg", "image/bmp"], z = {
   content: "",
   fontSize: 16,
   color: "rgb(0,0,0)",
@@ -22,7 +18,7 @@ const UNIVER_WATERMARK_MENU = "UNIVER_WATERMARK_MENU", WATERMARK_PANEL = "WATERM
   spacingY: 100,
   rotate: 0,
   opacity: 0.15
-}, WatermarkImageBaseConfig = {
+}, B = {
   url: "",
   width: 100,
   height: 100,
@@ -35,7 +31,7 @@ const UNIVER_WATERMARK_MENU = "UNIVER_WATERMARK_MENU", WATERMARK_PANEL = "WATERM
   spacingY: 100,
   rotate: 0,
   opacity: 0.15
-}, WatermarkUserInfoBaseConfig = {
+}, q = {
   name: !0,
   email: !1,
   phone: !1,
@@ -52,145 +48,29 @@ const UNIVER_WATERMARK_MENU = "UNIVER_WATERMARK_MENU", WATERMARK_PANEL = "WATERM
   spacingY: 100,
   rotate: -30,
   opacity: 0.15
-}, OpenWatermarkPanelOperation = {
-  type: CommandType.OPERATION,
-  id: "univer.operation.open-watermark-panel",
-  handler(accessor) {
-    const sidebarService = accessor.get(ISidebarService), localeService = accessor.get(LocaleService);
-    return sidebarService.open({
-      header: { title: localeService.t("univer-watermark.title") },
-      children: { label: WATERMARK_PANEL },
-      footer: { label: WATERMARK_PANEL_FOOTER },
-      onClose: /* @__PURE__ */ __name(() => {
-      }, "onClose"),
-      width: 330
-    }), !0;
-  }
 };
-var IWatermarkTypeEnum = /* @__PURE__ */ ((IWatermarkTypeEnum2) => (IWatermarkTypeEnum2.UserInfo = "userInfo", IWatermarkTypeEnum2.Text = "text", IWatermarkTypeEnum2.Image = "image", IWatermarkTypeEnum2))(IWatermarkTypeEnum || {}), __assign = function() {
-  return __assign = Object.assign || function(t) {
-    for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
-      s = arguments[i];
-      for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && (t[p2] = s[p2]);
-    }
-    return t;
-  }, __assign.apply(this, arguments);
-}, __rest = function(s, e) {
-  var t = {};
-  for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0 && (t[p2] = s[p2]);
-  if (s != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++)
-      e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]) && (t[p2[i]] = s[p2[i]]);
-  return t;
-}, IconBase = forwardRef(function(props, ref) {
-  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
-  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
-});
-function render(node, id, runtimeProps, rootProps, extend) {
-  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
-    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
-  }));
-}
-__name(render, "render");
-function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
-  var attrs = __assign({}, node.attrs);
-  extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
-  var defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a5) {
-    var key = _a5[0], value = _a5[1];
-    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
-  })), attrs;
-}
-__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
-function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  var _a5, defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a5 = node.children) === null || _a5 === void 0) && _a5.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
-    return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
-  }) }) : node;
-}
-__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
-function generateShortUuid() {
-  return Math.random().toString(36).substring(2, 8);
-}
-__name(generateShortUuid, "generateShortUuid");
-IconBase.displayName = "UniverIcon";
-var element$3 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.65791 1.30005C3.77355 1.30005 3.05664 2.01696 3.05664 2.90132V12.8588C3.05664 13.8755 3.88086 14.6998 4.89759 14.6998H9.1016C11.2233 14.6998 12.9433 12.9798 12.9433 10.8581C12.9433 9.13925 11.8145 7.68407 10.2578 7.1934C10.8806 6.56856 11.2655 5.70659 11.2655 4.75472C11.2655 2.84676 9.71883 1.30005 7.81087 1.30005H4.65791ZM4.25664 2.90132C4.25664 2.6797 4.4363 2.50005 4.65791 2.50005H7.81087C9.05609 2.50005 10.0655 3.5095 10.0655 4.75472C10.0655 5.99993 9.05609 7.00938 7.81087 7.00938H4.25664V2.90132ZM4.25664 12.8588V8.21636H9.1016C10.5606 8.21636 11.7433 9.39909 11.7433 10.8581C11.7433 12.317 10.5606 13.4998 9.1016 13.4998H4.89759C4.5436 13.4998 4.25664 13.2128 4.25664 12.8588Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, BoldSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "bold-single",
-    ref,
-    icon: element$3
-  }));
-});
-BoldSingle.displayName = "BoldSingle";
-var element$2 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_102_1198", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#DCDCDC", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_102_1198)" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.68731 9.98425C5.73282 9.87144 5.77827 9.75442 5.82366 9.63323L6.3312 8.27586H9.65859L10.3523 10.1159C10.405 10.284 10.4868 10.4276 10.6023 10.5378C10.74 10.669 10.9119 10.7236 11.1014 10.714C11.3544 10.7131 11.5919 10.6379 11.6996 10.4032L11.7013 10.3992C11.7901 10.1937 11.7749 9.9634 11.6929 9.7289L8.85351 1.86337C8.79546 1.68828 8.6901 1.54881 8.54213 1.45002C8.38836 1.33863 8.1989 1.29112 7.98798 1.29112C7.78272 1.29112 7.59752 1.34014 7.4446 1.45198C7.30481 1.55223 7.20617 1.69184 7.14935 1.86343L4.324 9.70145L4.32281 9.70495C4.27002 9.86052 4.23828 10.0056 4.23828 10.1346C4.23828 10.2646 4.27116 10.3937 4.36281 10.4909C4.50256 10.6468 4.6921 10.714 4.90604 10.714C5.0369 10.714 5.15805 10.6745 5.26156 10.5916C5.3633 10.5247 5.44621 10.4332 5.51101 10.3217C5.57988 10.2177 5.63858 10.1051 5.68731 9.98425ZM6.72105 7.00152L8.00144 3.32827L9.28183 7.00152H6.72105Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "rect", attrs: { width: 11.58, height: 2.56, x: 2.21, y: 12.2, fill: "colorChannel1", rx: 1.28 } }] }] }, FontColor = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "font-color",
-    ref,
-    icon: element$2
-  }));
-});
-FontColor.displayName = "FontColor";
-var element$1 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M9.80385 1.40005H11.9997C12.3311 1.40005 12.5997 1.66868 12.5997 2.00005C12.5997 2.33143 12.3311 2.60005 11.9997 2.60005H10.1185L7.12251 13.4001H9.33324C9.66461 13.4001 9.93324 13.6687 9.93324 14.0001C9.93324 14.3314 9.66461 14.6001 9.33324 14.6001H6.34785C6.33847 14.6003 6.32905 14.6003 6.31962 14.6001H3.9999C3.66853 14.6001 3.3999 14.3314 3.3999 14.0001C3.3999 13.6687 3.66853 13.4001 3.9999 13.4001H5.87719L8.87322 2.60005H6.66641C6.33504 2.60005 6.06641 2.33143 6.06641 2.00005C6.06641 1.66868 6.33504 1.40005 6.66641 1.40005H9.52916C9.61698 1.37929 9.71064 1.3781 9.80385 1.40005Z" } }] }, ItalicSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "italic-single",
-    ref,
-    icon: element$1
-  }));
-});
-ItalicSingle.displayName = "ItalicSingle";
-var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.93949 12.3363L1.94048 12.3357 1.95034 12.33C1.95981 12.3245 1.97499 12.3158 1.99548 12.3043 2.0365 12.2813 2.09866 12.2474 2.17888 12.2061 2.33971 12.1234 2.57112 12.0123 2.84885 11.9012 3.41339 11.6754 4.12822 11.4664 4.81552 11.4664 5.82167 11.4664 6.71309 11.8774 7.74399 12.3643 7.7595 12.3717 7.77504 12.379 7.79061 12.3864 8.77119 12.8497 9.88765 13.3772 11.185 13.3772 12.0901 13.3772 12.9676 13.1085 13.5973 12.8566 13.9167 12.7289 14.1829 12.6011 14.3704 12.5047 14.4644 12.4564 14.5391 12.4157 14.5914 12.3864 14.6175 12.3717 14.6381 12.3599 14.6527 12.3514L14.6702 12.3412 14.6755 12.3381 14.6772 12.337 14.6782 12.3365C14.6782 12.3365 14.6784 12.3363 14.3697 11.8218L14.6782 12.3365C14.9623 12.166 15.0547 11.7973 14.8842 11.5131 14.7138 11.2291 14.3454 11.1369 14.0613 11.3071L14.06 11.3079 14.0502 11.3137C14.0407 11.3192 14.0255 11.3279 14.005 11.3394 13.964 11.3623 13.9019 11.3963 13.8216 11.4375 13.6608 11.5202 13.4294 11.6314 13.1517 11.7424 12.5871 11.9683 11.8723 12.1772 11.185 12.1772 10.1788 12.1772 9.28742 11.7663 8.25652 11.2793 8.24101 11.272 8.22547 11.2646 8.2099 11.2573 7.22931 10.7939 6.11286 10.2664 4.81552 10.2664 3.91046 10.2664 3.03292 10.5351 2.40318 10.787 2.08377 10.9148 1.81757 11.0425 1.63007 11.139 1.53613 11.1873 1.46144 11.228 1.40916 11.2573 1.383 11.2719 1.36241 11.2837 1.34778 11.2922L1.33033 11.3024 1.32504 11.3056 1.32327 11.3066 1.32233 11.3072C1.32233 11.3072 1.32209 11.3073 1.63068 11.8217L1.32233 11.3072C1.03818 11.4777.945803 11.8464 1.11629 12.1305 1.28674 12.4146 1.65536 12.5066 1.93949 12.3363zM1.93949 8.51464L1.94048 8.51406 1.95034 8.50829C1.95981 8.50279 1.97499 8.49407 1.99548 8.4826 2.0365 8.45963 2.09866 8.4257 2.17888 8.38443 2.33971 8.30172 2.57112 8.19061 2.84885 8.07952 3.41339 7.85371 4.12822 7.64473 4.81552 7.64473 5.82167 7.64473 6.71309 8.05572 7.74399 8.54267 7.7595 8.54999 7.77504 8.55733 7.79061 8.56469 8.77119 9.02803 9.88765 9.55557 11.185 9.55557 12.0901 9.55557 12.9676 9.28684 13.5973 9.03494 13.9167 8.90718 14.1829 8.77943 14.3704 8.683 14.4644 8.63469 14.5391 8.59398 14.5914 8.5647 14.6175 8.55006 14.6381 8.53825 14.6527 8.52975L14.6702 8.51954 14.6755 8.51641 14.6772 8.51535 14.6782 8.51479C14.6782 8.51479 14.6784 8.51464 14.3697 8.00015L14.6782 8.51479C14.9623 8.3443 15.0547 7.9756 14.8842 7.69145 14.7138 7.4074 14.3454 7.31523 14.0613 7.48547L14.06 7.48623 14.0502 7.492C14.0407 7.4975 14.0255 7.50622 14.005 7.5177 13.964 7.54067 13.9019 7.5746 13.8216 7.61586 13.6608 7.69857 13.4294 7.80968 13.1517 7.92077 12.5871 8.14659 11.8723 8.35557 11.185 8.35557 10.1788 8.35557 9.28742 7.94457 8.25652 7.45762 8.24101 7.4503 8.22547 7.44296 8.2099 7.4356 7.22931 6.97226 6.11286 6.44473 4.81552 6.44473 3.91046 6.44473 3.03292 6.71346 2.40318 6.96535 2.08377 7.09311 1.81757 7.22086 1.63007 7.31729 1.53613 7.3656 1.46144 7.40631 1.40916 7.43559 1.383 7.45024 1.36241 7.46205 1.34778 7.47054L1.33033 7.48075 1.32504 7.48389 1.32327 7.48494 1.32233 7.48551C1.32233 7.48551 1.32209 7.48565 1.63068 7.99997L1.32233 7.48551C1.03818 7.656.945803 8.0247 1.11629 8.30884 1.28674 8.59292 1.65536 8.68496 1.93949 8.51464zM1.93949 4.69296L1.94048 4.69238 1.95034 4.68661C1.95981 4.68111 1.97499 4.67239 1.99548 4.66092 2.0365 4.63795 2.09866 4.60402 2.17888 4.56276 2.33971 4.48004 2.57112 4.36893 2.84885 4.25784 3.41339 4.03203 4.12822 3.82305 4.81552 3.82305 5.82167 3.82305 6.71309 4.23404 7.74399 4.72099 7.7595 4.72831 7.77504 4.73566 7.79061 4.74301 8.77119 5.20635 9.88765 5.73389 11.185 5.73389 12.0901 5.73389 12.9676 5.46516 13.5973 5.21326 13.9167 5.0855 14.1829 4.95775 14.3704 4.86132 14.4644 4.81301 14.5391 4.7723 14.5914 4.74302 14.6175 4.72838 14.6381 4.71657 14.6527 4.70807L14.6702 4.69786 14.6755 4.69473 14.6772 4.69367 14.6782 4.69311C14.6782 4.69311 14.6784 4.69296 14.3697 4.17847L14.6782 4.69311C14.9623 4.52262 15.0547 4.15392 14.8842 3.86977 14.7138 3.58572 14.3454 3.49355 14.0613 3.66379L14.06 3.66455 14.0502 3.67032C14.0407 3.67582 14.0255 3.68454 14.005 3.69602 13.964 3.71899 13.9019 3.75292 13.8216 3.79418 13.6608 3.87689 13.4294 3.988 13.1517 4.09909 12.5871 4.32491 11.8723 4.53389 11.185 4.53389 10.1788 4.53389 9.28742 4.12289 8.25652 3.63594 8.24101 3.62862 8.22547 3.62128 8.2099 3.61392 7.22931 3.15058 6.11286 2.62305 4.81552 2.62305 3.91046 2.62305 3.03292 2.89178 2.40318 3.14367 2.08377 3.27143 1.81757 3.39918 1.63007 3.49561 1.53613 3.54392 1.46144 3.58463 1.40916 3.61391 1.383 3.62856 1.36241 3.64037 1.34778 3.64886L1.33033 3.65907 1.32504 3.66221 1.32327 3.66326 1.32233 3.66383C1.32233 3.66383 1.32209 3.66397 1.63068 4.17829L1.32233 3.66383C1.03818 3.83432.945803 4.20302 1.11629 4.48716 1.28674 4.77124 1.65536 4.86329 1.93949 4.69296z", fillRule: "evenodd", clipRule: "evenodd" } }] }, WatermarkSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "watermark-single",
-    ref,
-    icon: element
-  }));
-});
-WatermarkSingle.displayName = "WatermarkSingle";
-var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
-function q(c, a, g) {
-  var b, d = {}, e = null, h = null;
-  g !== void 0 && (e = "" + g), a.key !== void 0 && (e = "" + a.key), a.ref !== void 0 && (h = a.ref);
-  for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
-  if (c && c.defaultProps) for (b in a = c.defaultProps, a) d[b] === void 0 && (d[b] = a[b]);
-  return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
-}
-__name(q, "q");
-reactJsxRuntime_production_min.Fragment = l;
-reactJsxRuntime_production_min.jsx = q;
-reactJsxRuntime_production_min.jsxs = q;
-jsxRuntime.exports = reactJsxRuntime_production_min;
-var jsxRuntimeExports = jsxRuntime.exports, __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$3(target, key, result), result;
-}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), _a;
-let WatermarkService = (_a = class extends Disposable {
-  constructor(_localStorageService) {
+var c = /* @__PURE__ */ ((e) => (e.UserInfo = "userInfo", e.Text = "text", e.Image = "image", e))(c || {}), F = Object.defineProperty, J = Object.getOwnPropertyDescriptor, Q = (e, t, r, i) => {
+  for (var a = i > 1 ? void 0 : i ? J(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (a = (i ? n(t, r, a) : n(a)) || a);
+  return i && a && F(t, r, a), a;
+}, Z = (e, t) => (r, i) => t(r, i, e);
+let w = class extends j {
+  constructor(t) {
     super();
-    __publicField(this, "_updateConfig$", new Subject());
-    __publicField(this, "updateConfig$", this._updateConfig$.asObservable());
-    __publicField(this, "_refresh$", new Subject());
-    __publicField(this, "refresh$", this._refresh$.asObservable());
-    this._localStorageService = _localStorageService;
+    l(this, "_updateConfig$", new U());
+    l(this, "updateConfig$", this._updateConfig$.asObservable());
+    l(this, "_refresh$", new U());
+    l(this, "refresh$", this._refresh$.asObservable());
+    this._localStorageService = t;
   }
   async getWatermarkConfig() {
-    return await this._localStorageService.getItem(UNIVER_WATERMARK_STORAGE_KEY);
+    return await this._localStorageService.getItem(_);
   }
-  updateWatermarkConfig(config) {
-    this._localStorageService.setItem(UNIVER_WATERMARK_STORAGE_KEY, config), this._updateConfig$.next(config);
+  updateWatermarkConfig(t) {
+    this._localStorageService.setItem(_, t), this._updateConfig$.next(t);
   }
   deleteWatermarkConfig() {
-    this._localStorageService.removeItem(UNIVER_WATERMARK_STORAGE_KEY), this._updateConfig$.next(null);
+    this._localStorageService.removeItem(_), this._updateConfig$.next(null);
   }
   refresh() {
     this._refresh$.next(Math.random());
@@ -198,714 +78,175 @@ let WatermarkService = (_a = class extends Disposable {
   dispose() {
     this._refresh$.complete(), this._updateConfig$.complete();
   }
-}, __name(_a, "WatermarkService"), _a);
-WatermarkService = __decorateClass$3([
-  __decorateParam$3(0, Inject(ILocalStorageService))
-], WatermarkService);
-const watermarkPanel = "univer-watermark-panel", watermarkPanelTypeTitle = "univer-watermark-panel-type-title", watermarkPanelTypeSelect = "univer-watermark-panel-type-select", watermarkPanelSetting = "univer-watermark-panel-setting", watermarkPanelFooter = "univer-watermark-panel-footer", watermarkPanelFooterButtonWrapper = "univer-watermark-panel-footer-button-wrapper", watermarkPanelFooterReset = "univer-watermark-panel-footer-reset", watermarkTextSetting = "univer-watermark-text-setting", watermarkTextSettingHeader = "univer-watermark-text-setting-header", watermarkTextSettingFontContent = "univer-watermark-text-setting-font-content", watermarkTextSettingFontStylePart = "univer-watermark-text-setting-font-style-part", watermarkTextSettingLayoutFontWrapper = "univer-watermark-text-setting-layout-font-wrapper", watermarkImageSetting = "univer-watermark-image-setting", watermarkInput = "univer-watermark-input", watermarkInputContent = "univer-watermark-input-content", watermarkIcon = "univer-watermark-icon", watermarkIconWrapper = "univer-watermark-icon-wrapper", watermarkIconWrapperSelect = "univer-watermark-icon-wrapper-select", watermarkColorPickerWrapper = "univer-watermark-color-picker-wrapper", styles = {
-  watermarkPanel,
-  watermarkPanelTypeTitle,
-  watermarkPanelTypeSelect,
-  watermarkPanelSetting,
-  watermarkPanelFooter,
-  watermarkPanelFooterButtonWrapper,
-  watermarkPanelFooterReset,
-  watermarkTextSetting,
-  watermarkTextSettingHeader,
-  watermarkTextSettingFontContent,
-  watermarkTextSettingFontStylePart,
-  watermarkTextSettingLayoutFontWrapper,
-  watermarkImageSetting,
-  watermarkInput,
-  watermarkInputContent,
-  watermarkIcon,
-  watermarkIconWrapper,
-  watermarkIconWrapperSelect,
-  watermarkColorPickerWrapper
-}, WatermarkImageSetting = /* @__PURE__ */ __name(({ config, onChange }) => {
-  const fileOpenService = useDependency(ILocalFileService), localeService = useDependency(LocaleService);
-  if (!config) return null;
-  const handleUpdateImageUrl = /* @__PURE__ */ __name(async () => {
-    const files = await fileOpenService.openFile({
-      multiple: !1,
-      accept: WATERMARK_IMAGE_ALLOW_IMAGE_LIST.map((image) => `.${image.replace("image/", "")}`).join(",")
-    });
-    if (files.length === 0)
-      return !1;
-    const file = files[0], reader = new FileReader();
-    reader.onload = function(event) {
-      var _a5;
-      if ((_a5 = event.target) != null && _a5.result) {
-        const base64String = event.target.result, img = new Image();
-        img.onload = function() {
-          onChange({ ...config, url: base64String, width: Math.max(20, img.width), height: Math.max(img.height, 20), originRatio: img.width / img.height });
-        }, img.src = base64String;
-      }
-    }, reader.readAsDataURL(file);
-  }, "handleUpdateImageUrl");
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkImageSetting, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.watermarkTextSettingHeader, children: localeService.t("univer-watermark.image") }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayout, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: localeService.t("univer-watermark.image") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Button,
-        {
-          onClick: handleUpdateImageUrl,
-          style: { marginLeft: 8 },
-          children: config.url ? localeService.t("univer-watermark.replaceImage") : localeService.t("univer-watermark.uploadImage")
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingFontStylePart, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.opacity") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputNumber,
-            {
-              value: config.opacity,
-              onChange: /* @__PURE__ */ __name((val) => {
-                val != null && onChange({ ...config, opacity: Number.parseFloat(val.toString()) });
-              }, "onChange"),
-              max: 1,
-              min: 0,
-              step: 0.05,
-              className: styles.watermarkInput
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.keepRatio") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Checkbox,
-            {
-              checked: config.maintainAspectRatio,
-              onChange: /* @__PURE__ */ __name((val) => {
-                onChange(val === !0 ? { ...config, maintainAspectRatio: val, height: Math.round(config.width / config.originRatio) } : { ...config, maintainAspectRatio: val });
-              }, "onChange")
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.watermarkTextSettingLayout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingFontStylePart, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.width") }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          InputNumber,
-          {
-            value: config.width,
-            onChange: /* @__PURE__ */ __name((val) => {
-              if (val != null) {
-                const newWidth = Math.max(20, Number.parseInt(val.toString()));
-                config.maintainAspectRatio ? onChange({ ...config, width: newWidth, height: Math.round(newWidth / config.originRatio) }) : onChange({ ...config, width: newWidth });
-              }
-            }, "onChange"),
-            min: 20,
-            className: styles.watermarkInput
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.height") }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          InputNumber,
-          {
-            value: config.height,
-            onChange: /* @__PURE__ */ __name((val) => {
-              if (val != null) {
-                const newHeight = Math.max(20, Number.parseInt(val.toString()));
-                config.maintainAspectRatio ? onChange({ ...config, height: newHeight, width: Math.round(newHeight * config.originRatio) }) : onChange({ ...config, height: Number.parseInt(val.toString()) });
-              }
-            }, "onChange"),
-            min: 20,
-            className: styles.watermarkInput
-          }
-        )
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.watermarkTextSettingHeader, children: localeService.t("univer-watermark.layout") }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayout, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingFontStylePart, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.rotate") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputNumber,
-            {
-              value: config.rotate,
-              onChange: /* @__PURE__ */ __name((val) => {
-                val != null && onChange({ ...config, rotate: Number.parseInt(val.toString()) });
-              }, "onChange"),
-              max: 360,
-              min: -360,
-              className: styles.watermarkInput
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.repeat") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Checkbox,
-            {
-              checked: config.repeat,
-              onChange: /* @__PURE__ */ __name((val) => onChange({ ...config, repeat: val }), "onChange")
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingFontStylePart, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.spacingX") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputNumber,
-            {
-              value: config.spacingX,
-              onChange: /* @__PURE__ */ __name((val) => {
-                val != null && onChange({ ...config, spacingX: Number.parseInt(val.toString()) });
-              }, "onChange"),
-              min: 0,
-              className: styles.watermarkInput
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.spacingY") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputNumber,
-            {
-              value: config.spacingY,
-              onChange: /* @__PURE__ */ __name((val) => {
-                val != null && onChange({ ...config, spacingY: Number.parseInt(val.toString()) });
-              }, "onChange"),
-              min: 0,
-              className: styles.watermarkInput
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingFontStylePart, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.startX") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputNumber,
-            {
-              value: config.x,
-              onChange: /* @__PURE__ */ __name((val) => {
-                val != null && onChange({ ...config, x: Number.parseInt(val.toString()) });
-              }, "onChange"),
-              min: 0,
-              className: styles.watermarkInput
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.startY") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputNumber,
-            {
-              value: config.y,
-              onChange: /* @__PURE__ */ __name((val) => {
-                val != null && onChange({ ...config, y: Number.parseInt(val.toString()) });
-              }, "onChange"),
-              min: 0,
-              className: styles.watermarkInput
-            }
-          )
-        ] })
-      ] })
-    ] })
-  ] });
-}, "WatermarkImageSetting");
-function r(e) {
-  var t, f2, n2 = "";
-  if (typeof e == "string" || typeof e == "number") n2 += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f2 = r(e[t])) && (n2 && (n2 += " "), n2 += f2);
-  } else for (f2 in e) e[f2] && (n2 && (n2 += " "), n2 += f2);
-  return n2;
-}
-__name(r, "r");
-function clsx() {
-  for (var e, t, f2 = 0, n2 = "", o = arguments.length; f2 < o; f2++) (e = arguments[f2]) && (t = r(e)) && (n2 && (n2 += " "), n2 += t);
-  return n2;
-}
-__name(clsx, "clsx");
-const WatermarkTextSetting = /* @__PURE__ */ __name((props) => {
-  var _a5;
-  const { config, onChange } = props, localeService = useDependency(LocaleService);
-  return config ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSetting, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.watermarkTextSettingHeader, children: localeService.t("univer-watermark.style") }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingFontContent, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.content") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Input,
-        {
-          value: config.content,
-          onChange: /* @__PURE__ */ __name((val) => onChange({ ...config, content: val }), "onChange"),
-          className: styles.watermarkInputContent,
-          placeholder: localeService.t("univer-watermark.textPlaceholder")
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingFontStyle, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingFontStylePart, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.fontSize") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputNumber,
-            {
-              value: config.fontSize,
-              onChange: /* @__PURE__ */ __name((val) => {
-                val != null && onChange({ ...config, fontSize: Number.parseInt(val.toString()) });
-              }, "onChange"),
-              max: 72,
-              min: 12,
-              className: styles.watermarkInput
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { margin: "0 8px" }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.direction") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Select,
-            {
-              value: config.direction,
-              onChange: /* @__PURE__ */ __name((v) => onChange({ ...config, direction: v }), "onChange"),
-              options: [
-                { label: localeService.t("univer-watermark.ltr"), value: "ltr" },
-                { label: localeService.t("univer-watermark.rtl"), value: "rtl" }
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.opacity") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputNumber,
-            {
-              value: config.opacity,
-              onChange: /* @__PURE__ */ __name((val) => {
-                val != null && onChange({ ...config, opacity: Number.parseFloat(val.toString()) });
-              }, "onChange"),
-              max: 1,
-              min: 0,
-              step: 0.05,
-              className: styles.watermarkInput
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingFontStylePart, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.watermarkIconWrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Dropdown,
-          {
-            overlay: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.watermarkColorPickerWrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ColorPicker, { color: config.color, onChange: /* @__PURE__ */ __name((val) => onChange({ ...config, color: val }), "onChange") }) }),
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontColor, { className: styles.watermarkIcon, extend: { colorChannel1: (_a5 = config.color) != null ? _a5 : "rgb(var(--primary-color))" } })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles.watermarkIconWrapper, { [styles.watermarkIconWrapperSelect]: config.bold }), onClick: /* @__PURE__ */ __name(() => {
-          onChange({ ...config, bold: !config.bold });
-        }, "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(BoldSingle, { className: styles.watermarkIcon }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles.watermarkIconWrapper, { [styles.watermarkIconWrapperSelect]: config.italic }), onClick: /* @__PURE__ */ __name(() => {
-          onChange({ ...config, italic: !config.italic });
-        }, "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ItalicSingle, { className: styles.watermarkIcon }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.watermarkTextSettingHeader, children: localeService.t("univer-watermark.layout") }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayout, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingFontStylePart, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.rotate") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputNumber,
-            {
-              value: config.rotate,
-              onChange: /* @__PURE__ */ __name((val) => {
-                val != null && onChange({ ...config, rotate: Number.parseInt(val.toString()) });
-              }, "onChange"),
-              max: 360,
-              min: -360,
-              className: styles.watermarkInput
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.repeat") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Checkbox,
-            {
-              checked: config.repeat,
-              onChange: /* @__PURE__ */ __name((val) => onChange({ ...config, repeat: val }), "onChange")
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingFontStylePart, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.spacingX") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputNumber,
-            {
-              value: config.spacingX,
-              onChange: /* @__PURE__ */ __name((val) => {
-                val != null && onChange({ ...config, spacingX: Number.parseInt(val.toString()) });
-              }, "onChange"),
-              min: 0,
-              className: styles.watermarkInput
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.spacingY") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputNumber,
-            {
-              value: config.spacingY,
-              onChange: /* @__PURE__ */ __name((val) => {
-                val != null && onChange({ ...config, spacingY: Number.parseInt(val.toString()) });
-              }, "onChange"),
-              min: 0,
-              className: styles.watermarkInput
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingFontStylePart, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.startX") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputNumber,
-            {
-              value: config.x,
-              onChange: /* @__PURE__ */ __name((val) => {
-                val != null && onChange({ ...config, x: Number.parseInt(val.toString()) });
-              }, "onChange"),
-              min: 0,
-              className: styles.watermarkInput
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkTextSettingLayoutFontWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("univer-watermark.startY") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            InputNumber,
-            {
-              value: config.y,
-              onChange: /* @__PURE__ */ __name((val) => {
-                val != null && onChange({ ...config, y: Number.parseInt(val.toString()) });
-              }, "onChange"),
-              min: 0,
-              className: styles.watermarkInput
-            }
-          )
-        ] })
-      ] })
-    ] })
-  ] }) : null;
-}, "WatermarkTextSetting"), WatermarkPanel = /* @__PURE__ */ __name(() => {
-  const [watermarkType, setWatermarkType] = useState(IWatermarkTypeEnum.Text), [config, setConfig] = useState(), watermarkService = useDependency(WatermarkService), localStorageService = useDependency(ILocalStorageService), _refresh = useObservable(watermarkService.refresh$), localeService = useDependency(LocaleService);
-  function handleConfigChange(config2, type) {
-    setConfig(config2), watermarkService.updateWatermarkConfig({ type: type != null ? type : watermarkType, config: config2 });
-  }
-  __name(handleConfigChange, "handleConfigChange");
-  const getWatermarkConfig = useCallback(async () => {
-    const watermarkConfig = await localStorageService.getItem(UNIVER_WATERMARK_STORAGE_KEY);
-    watermarkConfig ? (setWatermarkType(watermarkConfig.type), setConfig(watermarkConfig.config)) : setConfig({ text: WatermarkTextBaseConfig });
-  }, []);
-  return useEffect(() => {
-    getWatermarkConfig();
-  }, [_refresh, getWatermarkConfig]), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkPanel, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.watermarkPanelTypeTitle, children: localeService.t("univer-watermark.type") }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Select,
-      {
-        value: watermarkType,
-        onChange: /* @__PURE__ */ __name((v) => {
-          setWatermarkType(v), v === IWatermarkTypeEnum.Text ? handleConfigChange({ text: WatermarkTextBaseConfig }, IWatermarkTypeEnum.Text) : v === IWatermarkTypeEnum.Image && handleConfigChange({ image: WatermarkImageBaseConfig }, IWatermarkTypeEnum.Image);
-        }, "onChange"),
-        options: [
-          { label: localeService.t("univer-watermark.text"), value: IWatermarkTypeEnum.Text },
-          { label: localeService.t("univer-watermark.image"), value: IWatermarkTypeEnum.Image }
-        ],
-        className: styles.watermarkPanelTypeSelect
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkPanelSetting, children: [
-      watermarkType === IWatermarkTypeEnum.Text && /* @__PURE__ */ jsxRuntimeExports.jsx(WatermarkTextSetting, { config: config == null ? void 0 : config.text, onChange: /* @__PURE__ */ __name((v) => handleConfigChange({ text: v }), "onChange") }),
-      watermarkType === IWatermarkTypeEnum.Image && /* @__PURE__ */ jsxRuntimeExports.jsx(WatermarkImageSetting, { config: config == null ? void 0 : config.image, onChange: /* @__PURE__ */ __name((v) => handleConfigChange({ image: v }), "onChange") })
-    ] })
-  ] });
-}, "WatermarkPanel"), WatermarkPanelFooter = /* @__PURE__ */ __name(() => {
-  const sidebarService = useDependency(ISidebarService), watermarkService = useDependency(WatermarkService), localeService = useDependency(LocaleService), clipboardService = useDependency(IClipboardInterfaceService);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkPanelFooter, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: styles.watermarkPanelFooterReset,
-        onClick: /* @__PURE__ */ __name(() => {
-          watermarkService.updateWatermarkConfig({
-            type: IWatermarkTypeEnum.Text,
-            config: { text: WatermarkTextBaseConfig }
-          }), watermarkService.refresh();
-        }, "onClick"),
-        children: localeService.t("univer-watermark.cancel")
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.watermarkPanelFooterButtonWrapper, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Button,
-        {
-          style: { marginRight: 8 },
-          onClick: /* @__PURE__ */ __name(async () => {
-            const watermarkConfig = await watermarkService.getWatermarkConfig();
-            let config;
-            (watermarkConfig == null ? void 0 : watermarkConfig.type) === IWatermarkTypeEnum.Text ? config = watermarkConfig.config.text : (watermarkConfig == null ? void 0 : watermarkConfig.type) === IWatermarkTypeEnum.Image && (config = watermarkConfig.config.image), clipboardService.writeText(JSON.stringify(config));
-          }, "onClick"),
-          children: localeService.t("univer-watermark.copy")
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Button,
-        {
-          onClick: /* @__PURE__ */ __name(async () => {
-            var _a5, _b;
-            const watermarkConfig = await watermarkService.getWatermarkConfig();
-            ((watermarkConfig == null ? void 0 : watermarkConfig.type) === IWatermarkTypeEnum.Text && !((_a5 = watermarkConfig.config.text) != null && _a5.content) || (watermarkConfig == null ? void 0 : watermarkConfig.type) === IWatermarkTypeEnum.Image && !((_b = watermarkConfig.config.image) != null && _b.url)) && watermarkService.deleteWatermarkConfig(), sidebarService.close();
-          }, "onClick"),
-          children: localeService.t("univer-watermark.close")
-        }
-      )
-    ] })
-  ] });
-}, "WatermarkPanelFooter");
-function WatermarkMenuItemFactory(accessor) {
-  return {
-    id: OpenWatermarkPanelOperation.id,
-    title: "univer-watermark.title",
-    tooltip: "univer-watermark.title",
-    icon: UNIVER_WATERMARK_MENU,
-    type: MenuItemType.BUTTON,
-    hidden$: getWatermarkMenuHiddenObservable(accessor)
-  };
-}
-__name(WatermarkMenuItemFactory, "WatermarkMenuItemFactory");
-function getWatermarkMenuHiddenObservable(accessor) {
-  return accessor.get(IUniverInstanceService).focused$.pipe(
-    switchMap((id) => id === DOCS_ZEN_EDITOR_UNIT_ID_KEY ? of(!0) : of(!1))
-  );
-}
-__name(getWatermarkMenuHiddenObservable, "getWatermarkMenuHiddenObservable");
-const menuSchema = {
-  [RibbonStartGroup.OTHERS]: {
-    [OpenWatermarkPanelOperation.id]: {
-      order: 0,
-      menuItemFactory: WatermarkMenuItemFactory
-    }
-  }
 };
-var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$2(target, key, result), result;
-}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a2;
-let UniverWatermarkMenuController = (_a2 = class extends Disposable {
-  constructor(_menuManagerService, _componentManager) {
-    super(), this._menuManagerService = _menuManagerService, this._componentManager = _componentManager, this._initMenu(), this._initComponents();
-  }
-  _initComponents() {
-    [
-      [UNIVER_WATERMARK_MENU, WatermarkSingle],
-      [WATERMARK_PANEL, WatermarkPanel],
-      [WATERMARK_PANEL_FOOTER, WatermarkPanelFooter]
-    ].forEach(([key, component]) => {
-      this.disposeWithMe(this._componentManager.register(key, component));
-    });
-  }
-  _initMenu() {
-    this._menuManagerService.mergeMenu(menuSchema);
-  }
-}, __name(_a2, "UniverWatermarkMenuController"), _a2);
-UniverWatermarkMenuController = __decorateClass$2([
-  __decorateParam$2(0, IMenuManagerService),
-  __decorateParam$2(1, Inject(ComponentManager))
-], UniverWatermarkMenuController);
-function renderWatermark(ctx, config, image, userInfo) {
-  const type = config.type, watermarkConfig = config.config;
-  type === IWatermarkTypeEnum.UserInfo && watermarkConfig.userInfo ? renderUserInfoWatermark(ctx, watermarkConfig.userInfo, userInfo) : type === IWatermarkTypeEnum.Image && watermarkConfig.image ? renderImageWatermark(ctx, watermarkConfig.image, image) : type === IWatermarkTypeEnum.Text && watermarkConfig.text && renderTextWatermark(ctx, watermarkConfig.text);
+w = Q([
+  Z(0, W(E))
+], w);
+function x(e, t, r, i) {
+  const a = t.type, s = t.config;
+  a === c.UserInfo && s.userInfo ? ee(e, s.userInfo, i) : a === c.Image && s.image ? re(e, s.image, r) : a === c.Text && s.text && te(e, s.text);
 }
-__name(renderWatermark, "renderWatermark");
-function renderUserInfoWatermark(ctx, config, userInfo) {
-  const { x, y, repeat, spacingX, spacingY, rotate, opacity, name, fontSize, color, bold, italic, direction } = config;
-  if (!userInfo)
+function ee(e, t, r) {
+  const { x: i, y: a, repeat: s, spacingX: n, spacingY: S, rotate: v, opacity: m, name: p, fontSize: I, color: y, bold: C, italic: u, direction: o } = t;
+  if (!r)
     return;
-  let watermarkContent = "";
-  if (name && (watermarkContent += `${userInfo.name} `), !watermarkContent)
+  let f = "";
+  if (p && (f += `${r.name} `), !f)
     return;
-  ctx.save(), ctx.globalAlpha = opacity, ctx.direction = direction;
-  let fontStyle = "";
-  if (italic && (fontStyle += "italic "), bold && (fontStyle += "bold "), fontStyle += `${fontSize}px Arial`, ctx.font = fontStyle, ctx.fillStyle = color, repeat) {
-    const canvasWidth = ctx.canvas.width, canvasHeight = ctx.canvas.height;
-    for (let posY = y; posY < canvasHeight; posY += fontSize + spacingY)
-      for (let posX = x; posX < canvasWidth; posX += ctx.measureText(watermarkContent).width + spacingX)
-        ctx.save(), ctx.translate(posX, posY), ctx.rotate(Math.PI / 180 * rotate), ctx.fillText(watermarkContent, 0, 0), ctx.restore();
+  e.save(), e.globalAlpha = m, e.direction = o;
+  let d = "";
+  if (u && (d += "italic "), C && (d += "bold "), d += `${I}px Arial`, e.font = d, e.fillStyle = y, s) {
+    const g = e.canvas.width, h = e.canvas.height;
+    for (let b = a; b < h; b += I + S)
+      for (let k = i; k < g; k += e.measureText(f).width + n)
+        e.save(), e.translate(k, b), e.rotate(Math.PI / 180 * v), e.fillText(f, 0, 0), e.restore();
   } else
-    ctx.save(), ctx.translate(x, y), ctx.rotate(Math.PI / 180 * rotate), ctx.fillText(watermarkContent, 0, 0), ctx.restore();
-  ctx.restore();
+    e.save(), e.translate(i, a), e.rotate(Math.PI / 180 * v), e.fillText(f, 0, 0), e.restore();
+  e.restore();
 }
-__name(renderUserInfoWatermark, "renderUserInfoWatermark");
-function renderTextWatermark(ctx, config) {
-  const { x, y, repeat, spacingX, spacingY, rotate, opacity, content, fontSize, color, bold, italic, direction } = config;
-  ctx.save(), ctx.globalAlpha = opacity, ctx.direction = direction;
-  let fontStyle = "";
-  if (italic && (fontStyle += "italic "), bold && (fontStyle += "bold "), fontStyle += `${fontSize}px Arial`, ctx.font = fontStyle, ctx.fillStyle = color, content)
-    if (repeat) {
-      const canvasWidth = ctx.canvas.width, canvasHeight = ctx.canvas.height;
-      for (let posY = y; posY < canvasHeight; posY += fontSize + spacingY)
-        for (let posX = x; posX < canvasWidth; posX += ctx.measureText(content).width + spacingX)
-          ctx.save(), ctx.translate(posX, posY), ctx.rotate(Math.PI / 180 * rotate), ctx.fillText(content, 0, 0), ctx.restore();
+function te(e, t) {
+  const { x: r, y: i, repeat: a, spacingX: s, spacingY: n, rotate: S, opacity: v, content: m, fontSize: p, color: I, bold: y, italic: C, direction: u } = t;
+  e.save(), e.globalAlpha = v, e.direction = u;
+  let o = "";
+  if (C && (o += "italic "), y && (o += "bold "), o += `${p}px Arial`, e.font = o, e.fillStyle = I, m)
+    if (a) {
+      const f = e.canvas.width, d = e.canvas.height;
+      for (let g = i; g < d; g += p + n)
+        for (let h = r; h < f; h += e.measureText(m).width + s)
+          e.save(), e.translate(h, g), e.rotate(Math.PI / 180 * S), e.fillText(m, 0, 0), e.restore();
     } else
-      ctx.save(), ctx.translate(x, y), ctx.rotate(Math.PI / 180 * rotate), ctx.fillText(content, 0, 0), ctx.restore();
-  ctx.restore();
+      e.save(), e.translate(r, i), e.rotate(Math.PI / 180 * S), e.fillText(m, 0, 0), e.restore();
+  e.restore();
 }
-__name(renderTextWatermark, "renderTextWatermark");
-function renderImageWatermark(ctx, config, image) {
-  const { x, y, repeat, spacingX, spacingY, rotate, opacity, width, height, maintainAspectRatio, originRatio } = config;
-  if (!(image != null && image.complete))
+function re(e, t, r) {
+  const { x: i, y: a, repeat: s, spacingX: n, spacingY: S, rotate: v, opacity: m, width: p, height: I, maintainAspectRatio: y, originRatio: C } = t;
+  if (!(r != null && r.complete))
     return;
-  ctx.save(), ctx.globalAlpha = opacity;
-  const actualWidth = width, actualHeight = maintainAspectRatio ? width / originRatio : height;
-  if (repeat) {
-    const canvasWidth = ctx.canvas.width, canvasHeight = ctx.canvas.height;
-    for (let posY = y; posY < canvasHeight; posY += actualHeight + spacingY)
-      for (let posX = x; posX < canvasWidth; posX += actualWidth + spacingX)
-        ctx.save(), ctx.translate(posX, posY), ctx.rotate(Math.PI / 180 * rotate), ctx.drawImage(image, 0, 0, actualWidth, actualHeight), ctx.restore();
+  e.save(), e.globalAlpha = m;
+  const u = p, o = y ? p / C : I;
+  if (s) {
+    const f = e.canvas.width, d = e.canvas.height;
+    for (let g = a; g < d; g += o + S)
+      for (let h = i; h < f; h += u + n)
+        e.save(), e.translate(h, g), e.rotate(Math.PI / 180 * v), e.drawImage(r, 0, 0, u, o), e.restore();
   } else
-    ctx.save(), ctx.translate(x, y), ctx.rotate(Math.PI / 180 * rotate), ctx.drawImage(image, 0, 0, actualWidth, actualHeight), ctx.restore();
-  ctx.restore();
+    e.save(), e.translate(i, a), e.rotate(Math.PI / 180 * v), e.drawImage(r, 0, 0, u, o), e.restore();
+  e.restore();
 }
-__name(renderImageWatermark, "renderImageWatermark");
-const _WatermarkLayer = class _WatermarkLayer extends Layer {
+class ae extends G {
   constructor() {
     super(...arguments);
-    __publicField(this, "_config");
-    __publicField(this, "_image");
-    __publicField(this, "_user");
+    l(this, "_config");
+    l(this, "_image");
+    l(this, "_user");
   }
-  render(ctx, isMaxLayer = !1) {
-    var _a5;
-    super.render(ctx, isMaxLayer);
-    const mainCtx = ctx || ((_a5 = this.scene.getEngine()) == null ? void 0 : _a5.getCanvas().getContext());
-    return mainCtx && mainCtx.getId() && this._renderWatermark(mainCtx), this;
+  render(r, i = !1) {
+    var s;
+    super.render(r, i);
+    const a = r || ((s = this.scene.getEngine()) == null ? void 0 : s.getCanvas().getContext());
+    return a && a.getId() && this._renderWatermark(a), this;
   }
-  updateConfig(config, user) {
-    var _a5;
-    this._config = config, ((_a5 = this._config) == null ? void 0 : _a5.type) === IWatermarkTypeEnum.Image && this._config.config.image && (this._image = new Image(), this._image.src = this._config.config.image.url), user && (this._user = user);
+  updateConfig(r, i) {
+    var a;
+    this._config = r, ((a = this._config) == null ? void 0 : a.type) === c.Image && this._config.config.image && (this._image = new Image(), this._image.src = this._config.config.image.url), i && (this._user = i);
   }
-  _renderWatermark(ctx) {
-    this._config && renderWatermark(ctx, this._config, this._image, this._user);
+  _renderWatermark(r) {
+    this._config && x(r, this._config, this._image, this._user);
   }
-};
-__name(_WatermarkLayer, "WatermarkLayer");
-let WatermarkLayer = _WatermarkLayer;
-var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$1(target, key, result), result;
-}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _a3;
-let WatermarkRenderController = (_a3 = class extends RxDisposable {
-  constructor(_context, _watermarkService, _localStorageService, _userManagerService) {
+}
+var ie = Object.defineProperty, se = Object.getOwnPropertyDescriptor, ne = (e, t, r, i) => {
+  for (var a = i > 1 ? void 0 : i ? se(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (a = (i ? n(t, r, a) : n(a)) || a);
+  return i && a && ie(t, r, a), a;
+}, A = (e, t) => (r, i) => t(r, i, e);
+let P = class extends Y {
+  constructor(t, r, i, a) {
     super();
-    __publicField(this, "_watermarkLayer");
-    this._context = _context, this._watermarkService = _watermarkService, this._localStorageService = _localStorageService, this._userManagerService = _userManagerService, this._watermarkLayer = new WatermarkLayer(_context.scene, [], UNIVER_WATERMARK_LAYER_INDEX), this._initAddRender(), this._initWatermarkUpdate(), this._initWatermarkConfig();
+    l(this, "_watermarkLayer");
+    this._context = t, this._watermarkService = r, this._localStorageService = i, this._userManagerService = a, this._watermarkLayer = new ae(t.scene, [], H), this._initAddRender(), this._initWatermarkUpdate(), this._initWatermarkConfig();
   }
   _initAddRender() {
-    const { scene } = this._context;
-    scene.addLayer(this._watermarkLayer);
+    const { scene: t } = this._context;
+    t.addLayer(this._watermarkLayer);
   }
   async _initWatermarkConfig() {
-    var _a5;
-    const config = await this._localStorageService.getItem(UNIVER_WATERMARK_STORAGE_KEY);
-    config && (this._watermarkService.updateWatermarkConfig(config), (_a5 = this._context.mainComponent) == null || _a5.makeDirty());
+    var r;
+    const t = await this._localStorageService.getItem(_);
+    t && (this._watermarkService.updateWatermarkConfig(t), (r = this._context.mainComponent) == null || r.makeDirty());
   }
   _initWatermarkUpdate() {
     this.disposeWithMe(
-      this._watermarkService.updateConfig$.subscribe((_config) => {
-        var _a5, _b;
-        if (!_config) {
-          this._watermarkLayer.updateConfig(), (_a5 = this._context.mainComponent) == null || _a5.makeDirty();
+      this._watermarkService.updateConfig$.subscribe((t) => {
+        var r, i;
+        if (!t) {
+          this._watermarkLayer.updateConfig(), (r = this._context.mainComponent) == null || r.makeDirty();
           return;
         }
-        _config.type === IWatermarkTypeEnum.UserInfo ? this._watermarkLayer.updateConfig(_config, this._userManagerService.getCurrentUser()) : this._watermarkLayer.updateConfig(_config), (_b = this._context.mainComponent) == null || _b.makeDirty();
+        t.type === c.UserInfo ? this._watermarkLayer.updateConfig(t, this._userManagerService.getCurrentUser()) : this._watermarkLayer.updateConfig(t), (i = this._context.mainComponent) == null || i.makeDirty();
       })
     );
   }
-}, __name(_a3, "WatermarkRenderController"), _a3);
-WatermarkRenderController = __decorateClass$1([
-  __decorateParam$1(1, Inject(WatermarkService)),
-  __decorateParam$1(2, Inject(ILocalStorageService)),
-  __decorateParam$1(3, Inject(UserManagerService))
-], WatermarkRenderController);
-var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp2(target, key, result), result;
-}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam");
-const PLUGIN_NAME = "UNIVER_WATERMARK_PLUGIN";
-var _a4;
-let UniverWatermarkPlugin = (_a4 = class extends Plugin {
-  constructor(_config = {}, _injector, _configService, _commandService, _renderManagerSrv, _localStorageService) {
-    super(), this._config = _config, this._injector = _injector, this._configService = _configService, this._commandService = _commandService, this._renderManagerSrv = _renderManagerSrv, this._localStorageService = _localStorageService;
-    const { menu } = this._config;
-    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._initWatermarkStorage(), this._initDependencies(), this._initRegisterCommand();
+};
+P = ne([
+  A(1, W(w)),
+  A(2, W(E)),
+  A(3, W(L))
+], P);
+var oe = Object.defineProperty, le = Object.getOwnPropertyDescriptor, ce = (e, t, r, i) => {
+  for (var a = i > 1 ? void 0 : i ? le(t, r) : t, s = e.length - 1, n; s >= 0; s--)
+    (n = e[s]) && (a = (i ? n(t, r, a) : n(a)) || a);
+  return i && a && oe(t, r, a), a;
+}, R = (e, t) => (r, i) => t(r, i, e);
+const fe = "UNIVER_WATERMARK_PLUGIN";
+var M;
+let T = (M = class extends X {
+  constructor(e = {}, t, r, i, a) {
+    super(), this._config = e, this._injector = t, this._configService = r, this._renderManagerSrv = i, this._localStorageService = a;
+    const { menu: s } = this._config;
+    s && this._configService.setConfig("menu", s, { merge: !0 }), this._initWatermarkStorage(), this._initDependencies();
   }
   async _initWatermarkStorage() {
-    const { menu, ...rest } = this._config;
-    if (rest.userWatermarkSettings)
-      this._localStorageService.setItem(UNIVER_WATERMARK_STORAGE_KEY, { type: IWatermarkTypeEnum.UserInfo, config: { userInfo: { ...WatermarkUserInfoBaseConfig, ...rest.userWatermarkSettings } } });
-    else if (rest.textWatermarkSettings)
-      this._localStorageService.setItem(UNIVER_WATERMARK_STORAGE_KEY, { type: IWatermarkTypeEnum.Text, config: { text: { ...WatermarkTextBaseConfig, ...rest.textWatermarkSettings } } });
-    else if (rest.imageWatermarkSettings)
-      this._localStorageService.setItem(UNIVER_WATERMARK_STORAGE_KEY, { type: IWatermarkTypeEnum.Image, config: { image: { ...WatermarkImageBaseConfig, ...rest.imageWatermarkSettings } } });
+    const { menu: e, ...t } = this._config;
+    if (t.userWatermarkSettings)
+      this._localStorageService.setItem(_, { type: c.UserInfo, config: { userInfo: { ...q, ...t.userWatermarkSettings } } });
+    else if (t.textWatermarkSettings)
+      this._localStorageService.setItem(_, { type: c.Text, config: { text: { ...z, ...t.textWatermarkSettings } } });
+    else if (t.imageWatermarkSettings)
+      this._localStorageService.setItem(_, { type: c.Image, config: { image: { ...B, ...t.imageWatermarkSettings } } });
     else {
-      const config = await this._localStorageService.getItem(UNIVER_WATERMARK_STORAGE_KEY);
-      (config == null ? void 0 : config.type) === IWatermarkTypeEnum.UserInfo && this._localStorageService.removeItem(UNIVER_WATERMARK_STORAGE_KEY);
+      const r = await this._localStorageService.getItem(_);
+      (r == null ? void 0 : r.type) === c.UserInfo && this._localStorageService.removeItem(_);
     }
   }
   _initDependencies() {
-    [[WatermarkService], [UniverWatermarkMenuController]].forEach((d) => {
-      this._injector.add(d);
+    [[w]].forEach((e) => {
+      this._injector.add(e);
     });
   }
-  _initRegisterCommand() {
-    [
-      OpenWatermarkPanelOperation
-    ].forEach((m2) => this._commandService.registerCommand(m2));
-  }
   onRendered() {
-    const injector = this._injector;
-    injector.get(WatermarkService);
-    const { userWatermarkSettings, textWatermarkSettings, imageWatermarkSettings, showMenu = !0 } = this._config;
-    !(userWatermarkSettings || textWatermarkSettings || imageWatermarkSettings) && showMenu && injector.get(UniverWatermarkMenuController), this._initRenderDependencies();
+    this._injector.get(w), this._initRenderDependencies();
   }
   _initRenderDependencies() {
     [
-      [WatermarkRenderController]
-    ].forEach((d) => {
-      this._renderManagerSrv.registerRenderModule(UniverInstanceType.UNIVER_SHEET, d), this._renderManagerSrv.registerRenderModule(UniverInstanceType.UNIVER_DOC, d);
+      [P]
+    ].forEach((e) => {
+      this._renderManagerSrv.registerRenderModule($.UNIVER_SHEET, e), this._renderManagerSrv.registerRenderModule($.UNIVER_DOC, e);
     });
   }
-}, __name(_a4, "UniverWatermarkPlugin"), __publicField(_a4, "pluginName", PLUGIN_NAME), _a4);
-UniverWatermarkPlugin = __decorateClass([
-  __decorateParam(1, Inject(Injector)),
-  __decorateParam(2, IConfigService),
-  __decorateParam(3, Inject(ICommandService)),
-  __decorateParam(4, IRenderManagerService),
-  __decorateParam(5, Inject(ILocalStorageService))
-], UniverWatermarkPlugin);
+}, l(M, "pluginName", fe), M);
+T = ce([
+  R(1, W(N)),
+  R(2, K),
+  R(3, V),
+  R(4, W(E))
+], T);
 export {
-  IWatermarkTypeEnum,
-  UniverWatermarkPlugin,
-  WatermarkImageBaseConfig,
-  WatermarkService,
-  WatermarkTextBaseConfig,
-  WatermarkUserInfoBaseConfig
+  c as IWatermarkTypeEnum,
+  _ as UNIVER_WATERMARK_STORAGE_KEY,
+  T as UniverWatermarkPlugin,
+  pe as WATERMARK_IMAGE_ALLOW_IMAGE_LIST,
+  B as WatermarkImageBaseConfig,
+  w as WatermarkService,
+  z as WatermarkTextBaseConfig,
+  q as WatermarkUserInfoBaseConfig
 };