@univerjs/watermark 0.4.1-experimental.20241022-507567a

package/lib/es/index.js

@@ -0,0 +1,911 @@
+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 = {
+  content: "",
+  fontSize: 16,
+  color: "rgb(0,0,0)",
+  bold: !1,
+  italic: !1,
+  direction: "ltr",
+  x: 60,
+  y: 36,
+  repeat: !0,
+  spacingX: 200,
+  spacingY: 100,
+  rotate: 0,
+  opacity: 0.15
+}, WatermarkImageBaseConfig = {
+  url: "",
+  width: 100,
+  height: 100,
+  maintainAspectRatio: !0,
+  originRatio: 1,
+  x: 60,
+  y: 36,
+  repeat: !0,
+  spacingX: 200,
+  spacingY: 100,
+  rotate: 0,
+  opacity: 0.15
+}, WatermarkUserInfoBaseConfig = {
+  name: !0,
+  email: !1,
+  phone: !1,
+  uid: !1,
+  fontSize: 16,
+  color: "rgb(0,0,0)",
+  bold: !1,
+  italic: !1,
+  direction: "ltr",
+  x: 60,
+  y: 60,
+  repeat: !0,
+  spacingX: 200,
+  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) {
+    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;
+  }
+  async getWatermarkConfig() {
+    return await this._localStorageService.getItem(UNIVER_WATERMARK_STORAGE_KEY);
+  }
+  updateWatermarkConfig(config) {
+    this._localStorageService.setItem(UNIVER_WATERMARK_STORAGE_KEY, config), this._updateConfig$.next(config);
+  }
+  deleteWatermarkConfig() {
+    this._localStorageService.removeItem(UNIVER_WATERMARK_STORAGE_KEY), this._updateConfig$.next(null);
+  }
+  refresh() {
+    this._refresh$.next(Math.random());
+  }
+  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);
+}
+__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)
+    return;
+  let watermarkContent = "";
+  if (name && (watermarkContent += `${userInfo.name} `), !watermarkContent)
+    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();
+  } else
+    ctx.save(), ctx.translate(x, y), ctx.rotate(Math.PI / 180 * rotate), ctx.fillText(watermarkContent, 0, 0), ctx.restore();
+  ctx.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();
+    } else
+      ctx.save(), ctx.translate(x, y), ctx.rotate(Math.PI / 180 * rotate), ctx.fillText(content, 0, 0), ctx.restore();
+  ctx.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))
+    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();
+  } else
+    ctx.save(), ctx.translate(x, y), ctx.rotate(Math.PI / 180 * rotate), ctx.drawImage(image, 0, 0, actualWidth, actualHeight), ctx.restore();
+  ctx.restore();
+}
+__name(renderImageWatermark, "renderImageWatermark");
+const _WatermarkLayer = class _WatermarkLayer extends Layer {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "_config");
+    __publicField(this, "_image");
+    __publicField(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;
+  }
+  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);
+  }
+  _renderWatermark(ctx) {
+    this._config && renderWatermark(ctx, 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) {
+    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();
+  }
+  _initAddRender() {
+    const { scene } = this._context;
+    scene.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());
+  }
+  _initWatermarkUpdate() {
+    this.disposeWithMe(
+      this._watermarkService.updateConfig$.subscribe((_config) => {
+        var _a5, _b;
+        if (!_config) {
+          this._watermarkLayer.updateConfig(), (_a5 = this._context.mainComponent) == null || _a5.makeDirty();
+          return;
+        }
+        _config.type === IWatermarkTypeEnum.UserInfo ? this._watermarkLayer.updateConfig(_config, this._userManagerService.getCurrentUser()) : this._watermarkLayer.updateConfig(_config), (_b = this._context.mainComponent) == null || _b.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();
+  }
+  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 } } });
+    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);
+    }
+  }
+  _initDependencies() {
+    [[WatermarkService], [UniverWatermarkMenuController]].forEach((d) => {
+      this._injector.add(d);
+    });
+  }
+  _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();
+  }
+  _initRenderDependencies() {
+    [
+      [WatermarkRenderController]
+    ].forEach((d) => {
+      this._renderManagerSrv.registerRenderModule(UniverInstanceType.UNIVER_SHEET, d), this._renderManagerSrv.registerRenderModule(UniverInstanceType.UNIVER_DOC, d);
+    });
+  }
+}, __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);
+export {
+  IWatermarkTypeEnum,
+  UniverWatermarkPlugin,
+  WatermarkImageBaseConfig,
+  WatermarkService,
+  WatermarkTextBaseConfig,
+  WatermarkUserInfoBaseConfig
+};