@univerjs/ui 0.4.1 → 0.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/index.js +4 -4
- package/lib/es/index.js +119 -144
- package/lib/index.css +1 -1
- package/lib/types/common/menu-hidden-observable.d.ts +1 -1
- package/lib/types/components/progress-bar/ProgressBar.d.ts +7 -1
- package/lib/types/index.d.ts +0 -1
- package/lib/types/services/parts/parts.service.d.ts +1 -1
- package/lib/types/views/MobileApp.d.ts +1 -1
- package/lib/types/views/workbench/Workbench.d.ts +1 -1
- package/lib/umd/index.js +4 -4
- package/package.json +7 -7
- package/lib/types/services/__tests__/progress.service.spec.d.ts +0 -16
- package/lib/types/services/progress/progress.service.d.ts +0 -55
package/lib/es/index.js
CHANGED
|
@@ -6,10 +6,10 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
|
|
|
6
6
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
|
|
7
7
|
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
|
|
8
8
|
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
9
|
-
import { toDisposable, IUniverInstanceService, DocumentFlavor, useDependency, LocaleService, ColorKit, createIdentifier, Disposable, Workbook, UniverInstanceType, DocumentDataModel, SlideDataModel, remove, FOCUSING_UNIVER_EDITOR, IContextService, Inject, Injector, Tools, IConfigService, isRealNum, ErrorService, CommandType, IUndoRedoService, UndoCommand, RedoCommand, Optional, ICommandService, useInjector, ILogService, useObservable as useObservable$1,
|
|
9
|
+
import { toDisposable, IUniverInstanceService, DocumentFlavor, useDependency, LocaleService, ColorKit, createIdentifier, Disposable, Workbook, UniverInstanceType, DocumentDataModel, SlideDataModel, remove, FOCUSING_UNIVER_EDITOR, IContextService, Inject, Injector, Tools, IConfigService, isRealNum, ThemeService, ErrorService, CommandType, IUndoRedoService, UndoCommand, RedoCommand, Optional, ICommandService, useInjector, ILogService, useObservable as useObservable$1, LifecycleService, connectInjector, isInternalEditorID, LifecycleStages, DependentOn, Plugin, mergeOverrideWithDependencies, ILocalStorageService, BaselineOffset, getBorderStyleType, BorderStyleTypes } from "@univerjs/core";
|
|
10
10
|
import * as React from "react";
|
|
11
11
|
import React__default, { forwardRef, useRef, createElement, cloneElement, useEffect, useState, useMemo, useCallback, memo, createContext, useContext, version as version$1, isValidElement, useLayoutEffect } from "react";
|
|
12
|
-
import { Observable, switchMap, BehaviorSubject, isObservable, fromEvent, Subject, combineLatest, distinctUntilChanged, throttleTime, animationFrameScheduler, filter, debounceTime, map as map$1, startWith, take, ReplaySubject } from "rxjs";
|
|
12
|
+
import { Observable, switchMap, BehaviorSubject, isObservable, fromEvent, Subject, combineLatest, distinctUntilChanged, first, throttleTime, animationFrameScheduler, filter, debounceTime, map as map$1, startWith, take, ReplaySubject } from "rxjs";
|
|
13
13
|
import { InputNumber, resizeObserverCtor, Menu as Menu$1, MenuItemGroup, MenuItem as MenuItem$1, SubMenu, MessageType, RectPopup, Popup, Tooltip, Dropdown, defaultTheme, themeInstance, ConfigProvider, ConfigContext, Confirm, Dialog, Message } from "@univerjs/design";
|
|
14
14
|
import { map } from "rxjs/operators";
|
|
15
15
|
import { IRenderManagerService, UniverRenderEnginePlugin, ptToPx } from "@univerjs/engine-render";
|
|
@@ -61,78 +61,86 @@ function generateShortUuid() {
|
|
|
61
61
|
}
|
|
62
62
|
__name(generateShortUuid, "generateShortUuid");
|
|
63
63
|
IconBase.displayName = "UniverIcon";
|
|
64
|
-
var element$
|
|
64
|
+
var element$1J = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.06641 3.49366C4.06641 2.27555 5.14145 1.3916 6.33307 1.3916 7.52469 1.3916 8.59974 2.27555 8.59974 3.49366V6.49777C8.59974 7.71586 7.52469 8.59982 6.33307 8.59982 5.14145 8.59982 4.06641 7.71586 4.06641 6.49777V3.49366zM6.33307 2.5916C5.68376 2.5916 5.26641 3.05264 5.26641 3.49366V6.49777C5.26641 6.93878 5.68376 7.39982 6.33307 7.39982 6.98239 7.39982 7.39974 6.93878 7.39974 6.49777V3.49366C7.39974 3.05264 6.98239 2.5916 6.33307 2.5916zM10.0664 3.49366C10.0664 2.27555 11.1415 1.3916 12.3331 1.3916 13.5247 1.3916 14.5997 2.27555 14.5997 3.49366V6.49777C14.5997 7.71586 13.5247 8.59982 12.3331 8.59982 11.1415 8.59982 10.0664 7.71586 10.0664 6.49777V3.49366zM12.3331 2.5916C11.6838 2.5916 11.2664 3.05264 11.2664 3.49366V6.49777C11.2664 6.93878 11.6838 7.39982 12.3331 7.39982 12.9824 7.39982 13.3997 6.93878 13.3997 6.49777V3.49366C13.3997 3.05264 12.9824 2.5916 12.3331 2.5916z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M12.4242 9.5417C12.1899 9.30739 11.81 9.30739 11.5756 9.5417 11.3413 9.77602 11.3413 10.1559 11.5756 10.3902L12.5514 11.366H6.3334C6.00203 11.366 5.7334 11.6346 5.7334 11.966 5.7334 12.2973 6.00203 12.566 6.3334 12.566H12.5514L11.5756 13.5417C11.3413 13.776 11.3413 14.1559 11.5756 14.3902 11.81 14.6245 12.1899 14.6245 12.4242 14.3902L14.4159 12.3985C14.5294 12.2893 14.6001 12.1359 14.6001 11.966 14.6001 11.796 14.5294 11.6426 14.4159 11.5334L12.4242 9.5417zM1.3999 8.3002C1.3999 7.96882 1.66853 7.7002 1.9999 7.7002H2.33324C2.66461 7.7002 2.93324 7.96882 2.93324 8.3002 2.93324 8.63157 2.66461 8.9002 2.33324 8.9002H1.9999C1.66853 8.9002 1.3999 8.63157 1.3999 8.3002z" } }] }, AddDigitsSingle = forwardRef(function(props, ref) {
|
|
65
65
|
return createElement(IconBase, Object.assign({}, props, {
|
|
66
66
|
id: "add-digits-single",
|
|
67
67
|
ref,
|
|
68
|
-
icon: element$
|
|
68
|
+
icon: element$1J
|
|
69
69
|
}));
|
|
70
70
|
});
|
|
71
71
|
AddDigitsSingle.displayName = "AddDigitsSingle";
|
|
72
|
-
var element$
|
|
72
|
+
var element$1I = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_107_1312", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_107_1312)" }, children: [{ tag: "path", attrs: { fill: "colorChannel1", d: "M8.60231 5.77597L9.38125 6.55432C9.61658 6.78947 9.99797 6.78932 10.2331 6.554C10.4683 6.31867 10.4681 5.93728 10.2328 5.70214L8.44939 3.92009C8.33908 3.79657 8.1786 3.7188 7.99995 3.7188C7.84562 3.71861 7.6906 3.77736 7.57281 3.89506L5.76712 5.69933C5.5318 5.93447 5.53165 6.31587 5.76679 6.55119C6.00193 6.78652 6.38332 6.78667 6.61865 6.55153L7.3976 5.77319L7.3976 10.2246L6.61865 9.44621C6.38333 9.21107 6.00194 9.21121 5.76679 9.44654C5.53165 9.68186 5.53179 10.0633 5.76712 10.2984L7.55051 12.0804C7.66082 12.204 7.82131 12.2817 7.99995 12.2817L8.00089 12.2817C8.15512 12.2819 8.30939 12.2231 8.4271 12.1055L10.2328 10.3012C10.4681 10.0661 10.4683 9.68467 10.2331 9.44934C9.99798 9.21402 9.61659 9.21387 9.38126 9.44901L8.60231 10.2274L8.60231 5.77597Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M13.7039 3.24701C14.0539 3.24701 14.3377 2.96327 14.3377 2.61325 14.3377 2.26324 14.0539 1.97949 13.7039 1.97949L2.29627 1.97949C1.94625 1.97949 1.66251 2.26324 1.66251 2.61325 1.66251 2.96327 1.94625 3.24701 2.29627 3.24701L13.7039 3.24701zM13.7039 14.0209C14.0539 14.0209 14.3377 13.7372 14.3377 13.3872 14.3377 13.0371 14.0539 12.7534 13.7039 12.7534L2.29627 12.7534C1.94625 12.7534 1.66251 13.0371 1.66251 13.3872 1.66251 13.7372 1.94625 14.0209 2.29627 14.0209L13.7039 14.0209z" } }] }] }, AdjustHeight = forwardRef(function(props, ref) {
|
|
73
73
|
return createElement(IconBase, Object.assign({}, props, {
|
|
74
74
|
id: "adjust-height",
|
|
75
75
|
ref,
|
|
76
|
-
icon: element$
|
|
76
|
+
icon: element$1I
|
|
77
77
|
}));
|
|
78
78
|
});
|
|
79
79
|
AdjustHeight.displayName = "AdjustHeight";
|
|
80
|
-
var element$
|
|
80
|
+
var element$1H = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_102_1166", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_102_1166)" }, children: [{ tag: "path", attrs: { fill: "colorChannel1", d: "M5.77574 7.3974L6.5541 6.61846C6.78924 6.38313 6.78909 6.00174 6.55377 5.7666C6.31844 5.53145 5.93705 5.5316 5.70191 5.76692L3.91987 7.55032C3.79634 7.66063 3.71857 7.82111 3.71857 7.99976C3.71838 8.15409 3.77713 8.30912 3.89483 8.42691L5.6991 10.2326C5.93425 10.4679 6.31564 10.4681 6.55096 10.2329C6.78629 9.99778 6.78644 9.61639 6.5513 9.38106L5.77296 8.60211L10.2243 8.60211L9.44598 9.38106C9.21084 9.61638 9.21099 9.99777 9.44631 10.2329C9.68164 10.4681 10.063 10.4679 10.2982 10.2326L12.0802 8.4492C12.2037 8.33889 12.2815 8.1784 12.2815 7.99976L12.2815 7.99882C12.2816 7.84459 12.2229 7.69032 12.1052 7.57261L10.301 5.76693C10.0658 5.5316 9.68444 5.53145 9.44911 5.76659C9.21379 6.00173 9.21364 6.38312 9.44878 6.61845L10.2271 7.3974L5.77574 7.3974Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.24683 2.29598C3.24683 1.94596 2.96308 1.66222 2.61307 1.66222 2.26305 1.66222 1.97931 1.94596 1.97931 2.29598L1.97931 13.7036C1.97931 14.0537 2.26305 14.3374 2.61307 14.3374 2.96308 14.3374 3.24683 14.0537 3.24683 13.7036L3.24683 2.29598zM14.0207 2.29598C14.0207 1.94596 13.737 1.66222 13.387 1.66222 13.037 1.66222 12.7532 1.94596 12.7532 2.29598L12.7532 13.7036C12.7532 14.0537 13.037 14.3374 13.387 14.3374 13.737 14.3374 14.0207 14.0537 14.0207 13.7036L14.0207 2.29598z" } }] }] }, AdjustWidth = forwardRef(function(props, ref) {
|
|
81
81
|
return createElement(IconBase, Object.assign({}, props, {
|
|
82
82
|
id: "adjust-width",
|
|
83
83
|
ref,
|
|
84
|
-
icon: element$
|
|
84
|
+
icon: element$1H
|
|
85
85
|
}));
|
|
86
86
|
});
|
|
87
87
|
AdjustWidth.displayName = "AdjustWidth";
|
|
88
|
-
var element$
|
|
88
|
+
var element$1G = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.3999 13.6999C1.3999 13.3685 1.66853 13.0999 1.9999 13.0999H13.9999C14.3313 13.0999 14.5999 13.3685 14.5999 13.6999 14.5999 14.0312 14.3313 14.2999 13.9999 14.2999H1.9999C1.66853 14.2999 1.3999 14.0312 1.3999 13.6999zM7.57564 10.3914C7.80995 10.6257 8.18985 10.6257 8.42417 10.3914L10.4242 8.3914C10.6585 8.15709 10.6585 7.77719 10.4242 7.54287 10.1899 7.30856 9.80995 7.30856 9.57564 7.54287L7.9999 9.11861 6.42417 7.54287C6.18985 7.30856 5.80995 7.30856 5.57564 7.54287 5.34132 7.77719 5.34132 8.15709 5.57564 8.3914L7.57564 10.3914z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M7.9999 10.5671C8.33127 10.5671 8.5999 10.2985 8.5999 9.96714V2.30047C8.5999 1.9691 8.33127 1.70047 7.9999 1.70047C7.66853 1.70047 7.3999 1.9691 7.3999 2.30047V9.96714C7.3999 10.2985 7.66853 10.5671 7.9999 10.5671Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, AlignBottomSingle = forwardRef(function(props, ref) {
|
|
89
89
|
return createElement(IconBase, Object.assign({}, props, {
|
|
90
90
|
id: "align-bottom-single",
|
|
91
91
|
ref,
|
|
92
|
-
icon: element$
|
|
92
|
+
icon: element$1G
|
|
93
93
|
}));
|
|
94
94
|
});
|
|
95
95
|
AlignBottomSingle.displayName = "AlignBottomSingle";
|
|
96
|
-
var element$
|
|
96
|
+
var element$1F = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.9999 1.89941C1.66853 1.89941 1.3999 2.16804 1.3999 2.49941 1.3999 2.83078 1.66853 3.09941 1.9999 3.09941H13.9999C14.3313 3.09941 14.5999 2.83078 14.5999 2.49941 14.5999 2.16804 14.3313 1.89941 13.9999 1.89941H1.9999zM1.9999 5.56641C1.66853 5.56641 1.3999 5.83504 1.3999 6.16641 1.3999 6.49778 1.66853 6.76641 1.9999 6.76641H13.9999C14.3313 6.76641 14.5999 6.49778 14.5999 6.16641 14.5999 5.83504 14.3313 5.56641 13.9999 5.56641H1.9999zM1.3999 9.8334C1.3999 9.50203 1.66853 9.2334 1.9999 9.2334H13.9999C14.3313 9.2334 14.5999 9.50203 14.5999 9.8334 14.5999 10.1648 14.3313 10.4334 13.9999 10.4334H1.9999C1.66853 10.4334 1.3999 10.1648 1.3999 9.8334zM1.9999 12.9004C1.66853 12.9004 1.3999 13.169 1.3999 13.5004 1.3999 13.8318 1.66853 14.1004 1.9999 14.1004H13.9999C14.3313 14.1004 14.5999 13.8318 14.5999 13.5004 14.5999 13.169 14.3313 12.9004 13.9999 12.9004H1.9999z" } }] }, AlignTextBothSingle = forwardRef(function(props, ref) {
|
|
97
97
|
return createElement(IconBase, Object.assign({}, props, {
|
|
98
98
|
id: "align-text-both-single",
|
|
99
99
|
ref,
|
|
100
|
-
icon: element$
|
|
100
|
+
icon: element$1F
|
|
101
101
|
}));
|
|
102
102
|
});
|
|
103
103
|
AlignTextBothSingle.displayName = "AlignTextBothSingle";
|
|
104
|
-
var element$
|
|
104
|
+
var element$1E = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.3999 2.3002C1.3999 2.63157 1.66853 2.9002 1.9999 2.9002H13.9999C14.3313 2.9002 14.5999 2.63157 14.5999 2.3002 14.5999 1.96882 14.3313 1.7002 13.9999 1.7002H1.9999C1.66853 1.7002 1.3999 1.96882 1.3999 2.3002zM8.22957 5.47839C8.30034 5.50767 8.36664 5.55107 8.42417 5.6086L10.4242 7.6086C10.6585 7.84291 10.6585 8.22281 10.4242 8.45713 10.1899 8.69144 9.80995 8.69144 9.57564 8.45713L8.5999 7.48139V13.6995C8.5999 14.0309 8.33127 14.2995 7.9999 14.2995 7.66853 14.2995 7.3999 14.0309 7.3999 13.6995V7.48139L6.42417 8.45713C6.18985 8.69144 5.80995 8.69144 5.57564 8.45713 5.34132 8.22281 5.34132 7.84291 5.57564 7.6086L7.57541 5.60882C7.7522 5.43203 8.01209 5.38841 8.22957 5.47839z" } }] }, AlignTopSingle = forwardRef(function(props, ref) {
|
|
105
105
|
return createElement(IconBase, Object.assign({}, props, {
|
|
106
106
|
id: "align-top-single",
|
|
107
107
|
ref,
|
|
108
|
-
icon: element$
|
|
108
|
+
icon: element$1E
|
|
109
109
|
}));
|
|
110
110
|
});
|
|
111
111
|
AlignTopSingle.displayName = "AlignTopSingle";
|
|
112
|
-
var element$
|
|
112
|
+
var element$1D = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.9999 1.12915C8.03875 1.12915 8.07673 1.13284 8.11352 1.13989H12.2599C13.6958 1.13989 14.8599 2.30395 14.8599 3.73989V7.88619C14.867 7.92301 14.8707 7.96102 14.8707 7.9999C14.8707 8.03878 14.867 8.0768 14.8599 8.11362V12.2599C14.8599 13.6958 13.6958 14.8599 12.2599 14.8599H8.11362C8.0768 14.867 8.03878 14.8707 7.9999 14.8707C7.96102 14.8707 7.92301 14.867 7.88619 14.8599H3.73989C2.30396 14.8599 1.13989 13.6958 1.13989 12.2599V8.11352C1.13284 8.07673 1.12915 8.03875 1.12915 7.9999C1.12915 7.96106 1.13284 7.92308 1.13989 7.88629V3.73989C1.13989 2.30396 2.30395 1.13989 3.73989 1.13989H7.88629C7.92308 1.13284 7.96106 1.12915 7.9999 1.12915ZM2.33989 8.5999V12.2599C2.33989 13.0331 2.9667 13.6599 3.73989 13.6599H7.3999V8.5999H2.33989ZM7.3999 7.3999H2.33989V3.73989C2.33989 2.9667 2.96669 2.33989 3.73989 2.33989H7.3999V7.3999ZM8.5999 8.5999V13.6599H12.2599C13.0331 13.6599 13.6599 13.0331 13.6599 12.2599V8.5999H8.5999ZM13.6599 7.3999H8.5999V2.33989H12.2599C13.0331 2.33989 13.6599 2.96669 13.6599 3.73989V7.3999Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, AllBorderSingle = forwardRef(function(props, ref) {
|
|
113
113
|
return createElement(IconBase, Object.assign({}, props, {
|
|
114
114
|
id: "all-border-single",
|
|
115
115
|
ref,
|
|
116
|
-
icon: element$
|
|
116
|
+
icon: element$1D
|
|
117
117
|
}));
|
|
118
118
|
});
|
|
119
119
|
AllBorderSingle.displayName = "AllBorderSingle";
|
|
120
|
-
var element$
|
|
120
|
+
var element$1C = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.5999 5.9999C8.5999 5.66853 8.33127 5.3999 7.9999 5.3999C7.66853 5.3999 7.3999 5.66853 7.3999 5.9999V7.40329L6.004 7.4051C5.67263 7.40553 5.40435 7.67451 5.40479 8.00588C5.40522 8.33725 5.6742 8.60553 6.00557 8.6051L7.3999 8.60329V9.9999C7.3999 10.3313 7.66853 10.5999 7.9999 10.5999C8.33127 10.5999 8.5999 10.3313 8.5999 9.9999V8.60172L10.0004 8.5999C10.3317 8.59947 10.6 8.33049 10.5996 7.99912C10.5992 7.66775 10.3302 7.39947 9.9988 7.3999L8.5999 7.40172V5.9999Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M7.99958 1.73315C4.53861 1.73315 1.73291 4.53885 1.73291 7.99982C1.73291 11.4608 4.53861 14.2665 7.99958 14.2665C9.51395 14.2665 10.9029 13.7293 11.9862 12.8351L13.2422 14.0908C13.4765 14.3251 13.8564 14.3251 14.0907 14.0907C14.325 13.8564 14.325 13.4765 14.0906 13.2422L12.8347 11.9866C13.729 10.9033 14.2662 9.51428 14.2662 7.99982C14.2662 4.53885 11.4605 1.73315 7.99958 1.73315ZM2.93291 7.99982C2.93291 5.20159 5.20135 2.93315 7.99958 2.93315C10.7978 2.93315 13.0662 5.20159 13.0662 7.99982C13.0662 10.7981 10.7978 13.0665 7.99958 13.0665C5.20135 13.0665 2.93291 10.7981 2.93291 7.99982Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, AmplifySingle = forwardRef(function(props, ref) {
|
|
121
121
|
return createElement(IconBase, Object.assign({}, props, {
|
|
122
122
|
id: "amplify-single",
|
|
123
123
|
ref,
|
|
124
|
-
icon: element$
|
|
124
|
+
icon: element$1C
|
|
125
125
|
}));
|
|
126
126
|
});
|
|
127
127
|
AmplifySingle.displayName = "AmplifySingle";
|
|
128
|
-
var element$
|
|
128
|
+
var element$1B = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_107_1317", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_107_1317)" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.29713 1.98047C1.94717 1.98047 1.66348 2.26416 1.66348 2.61412 1.66348 2.96408 1.94717 3.24777 2.29713 3.24777H13.7028C14.0528 3.24777 14.3365 2.96408 14.3365 2.61412 14.3365 2.26416 14.0528 1.98047 13.7028 1.98047H2.29713zM2.29713 12.7525C1.94717 12.7525 1.66348 13.0362 1.66348 13.3862 1.66348 13.7361 1.94717 14.0198 2.29713 14.0198H13.7028C14.0528 14.0198 14.3365 13.7361 14.3365 13.3862 14.3365 13.0362 14.0528 12.7525 13.7028 12.7525H2.29713z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M7.42163 4.25588L4.25471 11.2231C4.10989 11.5417 4.25077 11.9174 4.56935 12.0622C4.88794 12.207 5.2636 12.0661 5.40841 11.7475L6.24766 9.90119H9.75197L10.5912 11.7475C10.736 12.0661 11.1117 12.207 11.4303 12.0622C11.7489 11.9174 11.8897 11.5417 11.7449 11.2231L8.578 4.25589C8.5675 4.23244 8.55557 4.20961 8.54227 4.18755C8.49012 4.10102 8.41688 4.0262 8.32579 3.97171C8.301 3.95688 8.27527 3.94377 8.24878 3.93246C8.16764 3.89775 8.08309 3.8813 7.99981 3.88135C7.88457 3.88142 7.77177 3.91309 7.67384 3.97171C7.58714 4.02361 7.5121 4.09664 7.45735 4.18755C7.44406 4.20961 7.43213 4.23244 7.42163 4.25588ZM9.17592 8.63388L7.99981 6.04644L6.8237 8.63388H9.17592Z", fillRule: "evenodd", clipRule: "evenodd" } }] }] }, AutoHeight = forwardRef(function(props, ref) {
|
|
129
129
|
return createElement(IconBase, Object.assign({}, props, {
|
|
130
130
|
id: "auto-height",
|
|
131
131
|
ref,
|
|
132
|
-
icon: element$
|
|
132
|
+
icon: element$1B
|
|
133
133
|
}));
|
|
134
134
|
});
|
|
135
135
|
AutoHeight.displayName = "AutoHeight";
|
|
136
|
+
var element$1A = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_102_1171", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_102_1171)" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.98032 13.7028C1.98032 14.0527 2.26401 14.3364 2.61397 14.3364 2.96392 14.3364 3.24762 14.0527 3.24762 13.7028L3.24762 2.29706C3.24762 1.9471 2.96392 1.66341 2.61397 1.66341 2.26401 1.66341 1.98032 1.9471 1.98032 2.29706L1.98032 13.7028zM12.7524 13.7028C12.7524 14.0527 13.0361 14.3364 13.386 14.3364 13.736 14.3364 14.0197 14.0527 14.0197 13.7028L14.0197 2.29706C14.0197 1.9471 13.736 1.66341 13.386 1.66341 13.0361 1.66341 12.7524 1.9471 12.7524 2.29706L12.7524 13.7028z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M7.42187 4.25588L4.25495 11.2231C4.11014 11.5417 4.25101 11.9174 4.5696 12.0622C4.88819 12.207 5.26385 12.0661 5.40866 11.7475L6.2479 9.90119H9.75222L10.5915 11.7475C10.7363 12.0661 11.1119 12.207 11.4305 12.0622C11.7491 11.9174 11.89 11.5417 11.7452 11.2231L8.57825 4.25589C8.56775 4.23244 8.55582 4.20961 8.54252 4.18755C8.49037 4.10102 8.41713 4.0262 8.32603 3.97171C8.30125 3.95688 8.27551 3.94377 8.24902 3.93246C8.16788 3.89775 8.08333 3.8813 8.00006 3.88135C7.88481 3.88142 7.77201 3.91309 7.67409 3.97171C7.58739 4.02361 7.51235 4.09664 7.4576 4.18755C7.4443 4.20961 7.43237 4.23244 7.42187 4.25588ZM9.17617 8.63388L8.00006 6.04644L6.82395 8.63388H9.17617Z", fillRule: "evenodd", clipRule: "evenodd" } }] }] }, AutoWidth = forwardRef(function(props, ref) {
|
|
137
|
+
return createElement(IconBase, Object.assign({}, props, {
|
|
138
|
+
id: "auto-width",
|
|
139
|
+
ref,
|
|
140
|
+
icon: element$1A
|
|
141
|
+
}));
|
|
142
|
+
});
|
|
143
|
+
AutoWidth.displayName = "AutoWidth";
|
|
136
144
|
var element$1z = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.5999 2.2001C2.5999 1.86873 2.33127 1.6001 1.9999 1.6001 1.66853 1.6001 1.3999 1.86873 1.3999 2.2001V13.8001C1.3999 14.1315 1.66853 14.4001 1.9999 14.4001 2.33127 14.4001 2.5999 14.1315 2.5999 13.8001V2.2001zM14.5999 2.2001C14.5999 1.86873 14.3313 1.6001 13.9999 1.6001 13.6685 1.6001 13.3999 1.86873 13.3999 2.2001V13.8001C13.3999 14.1315 13.6685 14.4001 13.9999 14.4001 14.3313 14.4001 14.5999 14.1315 14.5999 13.8001V2.2001zM6.424 8.24239C6.65832 8.4767 6.65832 8.8566 6.424 9.09091L6.11502 9.3999H9.33307C10.1063 9.3999 10.7331 8.7731 10.7331 7.9999 10.7331 7.22671 10.1063 6.5999 9.33307 6.5999H4.6666L4.66645 5.3999H9.33307C10.769 5.3999 11.9331 6.56396 11.9331 7.9999 11.9331 9.43584 10.769 10.5999 9.33307 10.5999H6.11485L6.424 10.9091C6.65832 11.1434 6.65832 11.5233 6.424 11.7576 6.18969 11.9919 5.80979 11.9919 5.57548 11.7576L4.24214 10.4242C4.00783 10.1899 4.00783 9.81003 4.24214 9.57572L5.57548 8.24239C5.80979 8.00807 6.18969 8.00807 6.424 8.24239z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.6666 6.5999C4.33523 6.5999 4.06641 6.33127 4.06641 5.9999C4.06641 5.66853 4.33508 5.3999 4.66645 5.3999L4.6666 6.5999Z" } }] }, AutowrapSingle = forwardRef(function(props, ref) {
|
|
137
145
|
return createElement(IconBase, Object.assign({}, props, {
|
|
138
146
|
id: "autowrap-single",
|
|
@@ -1008,6 +1016,7 @@ const _ComponentManager = class _ComponentManager {
|
|
|
1008
1016
|
Hide,
|
|
1009
1017
|
HorizontalBorder,
|
|
1010
1018
|
AutoHeight,
|
|
1019
|
+
AutoWidth,
|
|
1011
1020
|
AdjustHeight,
|
|
1012
1021
|
AdjustWidth,
|
|
1013
1022
|
AvgSingle,
|
|
@@ -1122,11 +1131,11 @@ const _ZIndexManager = class _ZIndexManager {
|
|
|
1122
1131
|
};
|
|
1123
1132
|
_MAX_INDEX = new WeakMap(), _MIN_INDEX = new WeakMap(), __name(_ZIndexManager, "ZIndexManager"), __privateAdd(_ZIndexManager, _MAX_INDEX, 2147483647), __privateAdd(_ZIndexManager, _MIN_INDEX, -2147483647);
|
|
1124
1133
|
let ZIndexManager = _ZIndexManager;
|
|
1125
|
-
function getMenuHiddenObservable(accessor, targetUniverType, matchUnitId) {
|
|
1134
|
+
function getMenuHiddenObservable(accessor, targetUniverType, matchUnitId, needHideUnitId) {
|
|
1126
1135
|
const univerInstanceService = accessor.get(IUniverInstanceService);
|
|
1127
1136
|
return new Observable((subscriber) => {
|
|
1128
1137
|
const subscription = univerInstanceService.focused$.subscribe((unitId) => {
|
|
1129
|
-
if (unitId == null || matchUnitId && matchUnitId !== unitId)
|
|
1138
|
+
if (unitId == null || matchUnitId && matchUnitId !== unitId || needHideUnitId && needHideUnitId === unitId)
|
|
1130
1139
|
return subscriber.next(!0);
|
|
1131
1140
|
const univerType2 = univerInstanceService.getUnitType(unitId);
|
|
1132
1141
|
subscriber.next(univerType2 !== targetUniverType);
|
|
@@ -2076,93 +2085,41 @@ function MenuItem({ menuItem, onClick }) {
|
|
|
2076
2085
|
] });
|
|
2077
2086
|
}
|
|
2078
2087
|
__name(MenuItem, "MenuItem");
|
|
2079
|
-
const
|
|
2080
|
-
constructor() {
|
|
2081
|
-
super(...arguments);
|
|
2082
|
-
/**
|
|
2083
|
-
* The total number of tasks remaining
|
|
2084
|
-
*/
|
|
2085
|
-
__publicField(this, "_taskCount", 0);
|
|
2086
|
-
__publicField(this, "_progressChange$", new Subject());
|
|
2087
|
-
__publicField(this, "_progressVisible$", new Subject());
|
|
2088
|
-
__publicField(this, "progressChange$", this._progressChange$.asObservable());
|
|
2089
|
-
__publicField(this, "progressVisible$", this._progressVisible$.asObservable());
|
|
2090
|
-
}
|
|
2091
|
-
dispose() {
|
|
2092
|
-
super.dispose(), this._clear(), this._progressChange$.complete(), this._progressVisible$.complete();
|
|
2093
|
-
}
|
|
2094
|
-
pushTask(task) {
|
|
2095
|
-
if (this._taskCount === 0)
|
|
2096
|
-
return;
|
|
2097
|
-
const { count } = task;
|
|
2098
|
-
if (count <= 0)
|
|
2099
|
-
return;
|
|
2100
|
-
const step = Math.min(1, count / this._taskCount);
|
|
2101
|
-
this._progressChange$.next({
|
|
2102
|
-
step
|
|
2103
|
-
}), this._taskCount -= count, this._taskCount < 0 && (this._taskCount = 0), this._taskCount === 0 && this._progressVisible$.next(!1);
|
|
2104
|
-
}
|
|
2105
|
-
insertTaskCount(count) {
|
|
2106
|
-
count <= 0 || (this._taskCount === 0 && this._progressVisible$.next(!0), this._taskCount += count);
|
|
2107
|
-
}
|
|
2108
|
-
complete() {
|
|
2109
|
-
this._taskCount !== 0 && (this._progressChange$.next({
|
|
2110
|
-
step: 1
|
|
2111
|
-
}), this._clear(), this._progressVisible$.next(!1));
|
|
2112
|
-
}
|
|
2113
|
-
stop() {
|
|
2114
|
-
this._taskCount !== 0 && (this._clear(), this._progressVisible$.next(!1));
|
|
2115
|
-
}
|
|
2116
|
-
getTaskCount() {
|
|
2117
|
-
return this._taskCount;
|
|
2118
|
-
}
|
|
2119
|
-
_clear() {
|
|
2120
|
-
this._taskCount = 0;
|
|
2121
|
-
}
|
|
2122
|
-
};
|
|
2123
|
-
__name(_ProgressService, "ProgressService");
|
|
2124
|
-
let ProgressService = _ProgressService;
|
|
2125
|
-
const IProgressService = createIdentifier(
|
|
2126
|
-
"univer.progress.service"
|
|
2127
|
-
), progressBar = "univer-progress-bar", progressBarContainer = "univer-progress-bar-container", progressBarInner = "univer-progress-bar-inner", progressBarCloseButton = "univer-progress-bar-close-button", styles$b = {
|
|
2088
|
+
const progressBar = "univer-progress-bar", progressBarContainer = "univer-progress-bar-container", progressBarInner = "univer-progress-bar-inner", progressBarCloseButton = "univer-progress-bar-close-button", styles$b = {
|
|
2128
2089
|
progressBar,
|
|
2129
2090
|
progressBarContainer,
|
|
2130
2091
|
progressBarInner,
|
|
2131
2092
|
progressBarCloseButton
|
|
2132
2093
|
};
|
|
2133
2094
|
function ProgressBar(props) {
|
|
2134
|
-
const { barColor } = props,
|
|
2135
|
-
useEffect(() => {
|
|
2136
|
-
|
|
2137
|
-
|
|
2138
|
-
|
|
2139
|
-
|
|
2140
|
-
}),
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2145
|
-
|
|
2146
|
-
});
|
|
2147
|
-
return () => {
|
|
2148
|
-
progressVisible.unsubscribe(), progressChange.unsubscribe();
|
|
2095
|
+
const { barColor, progress, onTerminate, onClearProgress } = props, { count, done } = progress, themeService = useDependency(ThemeService), color = barColor != null ? barColor : themeService.getCurrentTheme().primaryColor, progressBarInnerRef = useRef(null), [visible, setVisible] = useState(count > 0), [prevCount, setPrevCount] = useState(0), [prevDone, setPrevDone] = useState(0);
|
|
2096
|
+
return useEffect(() => {
|
|
2097
|
+
if (!progressBarInnerRef.current) return;
|
|
2098
|
+
const progressBarInner2 = progressBarInnerRef.current;
|
|
2099
|
+
count === 0 && done === 0 ? setVisible(!1) : count === done && prevCount === 0 && prevDone === 0 ? (setVisible(!0), progressBarInner2.style.width = "0%", requestAnimationFrame(() => {
|
|
2100
|
+
progressBarInner2.style.width = "100%";
|
|
2101
|
+
})) : count > 0 && (setVisible(!0), progressBarInner2.style.width = `${Math.floor(done / count * 100)}%`);
|
|
2102
|
+
const handleTransitionEnd = /* @__PURE__ */ __name(() => {
|
|
2103
|
+
(count === 0 && done === 0 || done === count) && (setVisible(!1), progressBarInner2.style.width = "0%", done === count && onClearProgress && onClearProgress());
|
|
2104
|
+
}, "handleTransitionEnd");
|
|
2105
|
+
return progressBarInner2.addEventListener("transitionend", handleTransitionEnd), setPrevCount(count), setPrevDone(done), () => {
|
|
2106
|
+
progressBarInner2.removeEventListener("transitionend", handleTransitionEnd);
|
|
2149
2107
|
};
|
|
2150
|
-
}, [])
|
|
2151
|
-
function handleClose() {
|
|
2152
|
-
progressService.stop();
|
|
2153
|
-
}
|
|
2154
|
-
return __name(handleClose, "handleClose"), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$b.progressBarContainer, style: { display: visible ? "flex" : "none" }, children: [
|
|
2108
|
+
}, [count, done]), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$b.progressBarContainer, style: { display: visible ? "flex" : "none" }, children: [
|
|
2155
2109
|
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$b.progressBar, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
2156
2110
|
"div",
|
|
2157
2111
|
{
|
|
2158
2112
|
ref: progressBarInnerRef,
|
|
2159
2113
|
className: styles$b.progressBarInner,
|
|
2160
2114
|
style: {
|
|
2161
|
-
backgroundColor:
|
|
2115
|
+
backgroundColor: color
|
|
2162
2116
|
}
|
|
2163
2117
|
}
|
|
2164
2118
|
) }),
|
|
2165
|
-
/* @__PURE__ */ jsxRuntimeExports.
|
|
2119
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$b.progressBarCloseButton, onClick: onTerminate, children: [
|
|
2120
|
+
" ",
|
|
2121
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(CloseSingle, {})
|
|
2122
|
+
] })
|
|
2166
2123
|
] });
|
|
2167
2124
|
}
|
|
2168
2125
|
__name(ProgressBar, "ProgressBar");
|
|
@@ -3190,21 +3147,47 @@ const floatDomWrapper = "univer-float-dom-wrapper", floatDom = "univer-float-dom
|
|
|
3190
3147
|
floatDomWrapper,
|
|
3191
3148
|
floatDom
|
|
3192
3149
|
}, FloatDomSingle = memo((props) => {
|
|
3193
|
-
const { layer, id } = props, componentManager = useDependency(ComponentManager),
|
|
3150
|
+
const { layer, id } = props, componentManager = useDependency(ComponentManager), size$ = useMemo(() => layer.position$.pipe(
|
|
3151
|
+
distinctUntilChanged(
|
|
3152
|
+
(prev, curr) => prev.absolute.left === curr.absolute.left && prev.absolute.top === curr.absolute.top && prev.endX - prev.startX === curr.endX - curr.startX && prev.endY - prev.startY === curr.endY - curr.startY
|
|
3153
|
+
)
|
|
3154
|
+
), [layer.position$]), position = useObservable(useMemo(() => layer.position$.pipe(first()), [layer.position$])), domRef = useRef(null), innerDomRef = useRef(null), transformRef = useRef(`transform: rotate(${position == null ? void 0 : position.rotate}deg) translate(${position == null ? void 0 : position.startX}px, ${position == null ? void 0 : position.startY}px)`), innerStyle = useRef({}), Component = typeof layer.componentKey == "string" ? componentManager.get(layer.componentKey) : layer.componentKey, layerProps = useMemo(() => ({
|
|
3194
3155
|
data: layer.data,
|
|
3195
3156
|
...layer.props
|
|
3196
|
-
};
|
|
3157
|
+
}), [layer.data, layer.props]);
|
|
3158
|
+
useEffect(() => {
|
|
3159
|
+
const subscription = layer.position$.subscribe((position2) => {
|
|
3160
|
+
transformRef.current = `rotate(${position2.rotate}deg) translate(${position2.startX}px, ${position2.startY}px)`, domRef.current && (domRef.current.style.transform = transformRef.current);
|
|
3161
|
+
}), sizeSubscription = size$.subscribe((size) => {
|
|
3162
|
+
if (domRef.current && (domRef.current.style.width = `${Math.max(size.endX - size.startX - 2, 0)}px`, domRef.current.style.height = `${Math.max(size.endY - size.startY - 2, 0)}px`), innerDomRef.current) {
|
|
3163
|
+
const style2 = {
|
|
3164
|
+
width: `${size.width - 4}px`,
|
|
3165
|
+
height: `${size.height - 4}px`,
|
|
3166
|
+
left: `${size.absolute.left ? 0 : "auto"}`,
|
|
3167
|
+
top: `${size.absolute.top ? 0 : "auto"}`,
|
|
3168
|
+
right: `${size.absolute.left ? "auto" : 0}`,
|
|
3169
|
+
bottom: `${size.absolute.top ? "auto" : 0}`
|
|
3170
|
+
};
|
|
3171
|
+
innerDomRef.current.style.width = style2.width, innerDomRef.current.style.height = style2.height, innerDomRef.current.style.left = style2.left, innerDomRef.current.style.top = style2.top, innerDomRef.current.style.right = style2.right, innerDomRef.current.style.bottom = style2.bottom, innerStyle.current = style2;
|
|
3172
|
+
}
|
|
3173
|
+
});
|
|
3174
|
+
return () => {
|
|
3175
|
+
subscription.unsubscribe(), sizeSubscription.unsubscribe();
|
|
3176
|
+
};
|
|
3177
|
+
}, [layer.position$, size$]);
|
|
3178
|
+
const component = useMemo(() => Component ? /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...layerProps }) : null, [Component, layerProps]);
|
|
3197
3179
|
return position ? /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
3198
3180
|
"div",
|
|
3199
3181
|
{
|
|
3182
|
+
ref: domRef,
|
|
3200
3183
|
className: styles$9.floatDomWrapper,
|
|
3201
3184
|
style: {
|
|
3202
3185
|
position: "absolute",
|
|
3203
|
-
top:
|
|
3204
|
-
left:
|
|
3186
|
+
top: 0,
|
|
3187
|
+
left: 0,
|
|
3205
3188
|
width: Math.max(position.endX - position.startX - 2, 0),
|
|
3206
3189
|
height: Math.max(position.endY - position.startY - 2, 0),
|
|
3207
|
-
transform:
|
|
3190
|
+
transform: transformRef.current,
|
|
3208
3191
|
overflow: "hidden"
|
|
3209
3192
|
},
|
|
3210
3193
|
onPointerMove: /* @__PURE__ */ __name((e2) => {
|
|
@@ -3223,15 +3206,10 @@ const floatDomWrapper = "univer-float-dom-wrapper", floatDom = "univer-float-dom
|
|
|
3223
3206
|
"div",
|
|
3224
3207
|
{
|
|
3225
3208
|
id,
|
|
3209
|
+
ref: innerDomRef,
|
|
3226
3210
|
className: styles$9.floatDom,
|
|
3227
|
-
style: {
|
|
3228
|
-
|
|
3229
|
-
height: position.height,
|
|
3230
|
-
position: "absolute",
|
|
3231
|
-
...position.absolute.left ? { left: 0 } : { right: 0 },
|
|
3232
|
-
...position.absolute.top ? { top: 0 } : { bottom: 0 }
|
|
3233
|
-
},
|
|
3234
|
-
children: Component ? /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...layerProps }) : null
|
|
3211
|
+
style: { position: "absolute", ...innerStyle.current },
|
|
3212
|
+
children: component
|
|
3235
3213
|
}
|
|
3236
3214
|
)
|
|
3237
3215
|
}
|
|
@@ -4088,7 +4066,7 @@ function ZenZone() {
|
|
|
4088
4066
|
if (Component2)
|
|
4089
4067
|
return Component2;
|
|
4090
4068
|
}, [componentKey]);
|
|
4091
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { style: hidden ? {
|
|
4069
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { style: hidden ? { opacity: 0, zIndex: -1 } : void 0, className: _className, children: Component && /* @__PURE__ */ jsxRuntimeExports.jsx(Component, {}) });
|
|
4092
4070
|
}
|
|
4093
4071
|
__name(ZenZone, "ZenZone");
|
|
4094
4072
|
const IGlobalZoneService = createIdentifier("univer.global-zone-service"), globalZone = "univer-global-zone", globalZoneOpen = "univer-global-zone-open", globalZoneClose = "univer-global-zone-close", styles$4 = {
|
|
@@ -4131,13 +4109,13 @@ function DesktopWorkbench(props) {
|
|
|
4131
4109
|
contextMenu = !0,
|
|
4132
4110
|
mountContainer,
|
|
4133
4111
|
onRendered
|
|
4134
|
-
} = props, localeService = useDependency(LocaleService), themeService = useDependency(ThemeService), messageService = useDependency(IMessageService), instanceService = useDependency(IUniverInstanceService), contentRef = useRef(null), footerComponents = useComponentsOfPart(BuiltInUIPart.FOOTER), headerComponents = useComponentsOfPart(BuiltInUIPart.HEADER), headerMenuComponents = useComponentsOfPart(BuiltInUIPart.HEADER_MENU), contentComponents = useComponentsOfPart(BuiltInUIPart.CONTENT), leftSidebarComponents = useComponentsOfPart(BuiltInUIPart.LEFT_SIDEBAR), globalComponents = useComponentsOfPart(BuiltInUIPart.GLOBAL), [
|
|
4112
|
+
} = props, localeService = useDependency(LocaleService), themeService = useDependency(ThemeService), messageService = useDependency(IMessageService), instanceService = useDependency(IUniverInstanceService), contentRef = useRef(null), footerComponents = useComponentsOfPart(BuiltInUIPart.FOOTER), headerComponents = useComponentsOfPart(BuiltInUIPart.HEADER), headerMenuComponents = useComponentsOfPart(BuiltInUIPart.HEADER_MENU), contentComponents = useComponentsOfPart(BuiltInUIPart.CONTENT), leftSidebarComponents = useComponentsOfPart(BuiltInUIPart.LEFT_SIDEBAR), globalComponents = useComponentsOfPart(BuiltInUIPart.GLOBAL), [docSnapShot, setDocSnapShot] = useState(null);
|
|
4135
4113
|
useEffect(() => {
|
|
4136
4114
|
const sub = instanceService.focused$.subscribe((id) => {
|
|
4137
4115
|
if (id == null)
|
|
4138
4116
|
return;
|
|
4139
|
-
const instanceType = instanceService.getUnitType(id);
|
|
4140
|
-
|
|
4117
|
+
const instanceType = instanceService.getUnitType(id), instance = instanceService.getUnit(id);
|
|
4118
|
+
instanceType === UniverInstanceType.UNIVER_DOC && instance && setDocSnapShot(instance.getSnapshot());
|
|
4141
4119
|
});
|
|
4142
4120
|
return () => {
|
|
4143
4121
|
sub.unsubscribe();
|
|
@@ -4173,7 +4151,7 @@ function DesktopWorkbench(props) {
|
|
|
4173
4151
|
className: clsx$1(
|
|
4174
4152
|
styles$3.workbenchContainerContent,
|
|
4175
4153
|
{
|
|
4176
|
-
[styles$3.workbenchContainerDocContent]:
|
|
4154
|
+
[styles$3.workbenchContainerDocContent]: (docSnapShot == null ? void 0 : docSnapShot.documentStyle.documentFlavor) === DocumentFlavor.TRADITIONAL
|
|
4177
4155
|
}
|
|
4178
4156
|
),
|
|
4179
4157
|
children: [
|
|
@@ -4294,17 +4272,7 @@ function createContainer$1(id) {
|
|
|
4294
4272
|
return element2.id = id, element2;
|
|
4295
4273
|
}
|
|
4296
4274
|
__name(createContainer$1, "createContainer$1");
|
|
4297
|
-
const
|
|
4298
|
-
appLayout,
|
|
4299
|
-
appHeader,
|
|
4300
|
-
appContainer,
|
|
4301
|
-
appContainerHeader,
|
|
4302
|
-
appContainerWrapper,
|
|
4303
|
-
appContainerContent,
|
|
4304
|
-
appContainerCanvas,
|
|
4305
|
-
appContainerLeftSidebar,
|
|
4306
|
-
appContainerSidebar
|
|
4307
|
-
}, mobileMenuContainer = "univer-mobile-menu-container", mobileMenuItem = "univer-mobile-menu-item", styles$1 = {
|
|
4275
|
+
const mobileMenuContainer = "univer-mobile-menu-container", mobileMenuItem = "univer-mobile-menu-item", styles$2 = {
|
|
4308
4276
|
mobileMenuContainer,
|
|
4309
4277
|
mobileMenuItem
|
|
4310
4278
|
};
|
|
@@ -4322,7 +4290,7 @@ function MobileMenu(props) {
|
|
|
4322
4290
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
4323
4291
|
"div",
|
|
4324
4292
|
{
|
|
4325
|
-
className: styles$
|
|
4293
|
+
className: styles$2.mobileMenuContainer,
|
|
4326
4294
|
style: {
|
|
4327
4295
|
gridTemplateColumns: `repeat(${Math.min(2, flattedMenuItems.length)}, 48px)`
|
|
4328
4296
|
},
|
|
@@ -4342,9 +4310,9 @@ function MobileMenuItem(props) {
|
|
|
4342
4310
|
const { menuItem, onClick } = props, { id, type, title, label, icon } = menuItem;
|
|
4343
4311
|
if (type !== MenuItemType.BUTTON)
|
|
4344
4312
|
throw new Error(`[MobileMenuItem]: on mobile devices only "BUTTON" type menu items are supported. Please check "${id}".`);
|
|
4345
|
-
const disabled = useObservable$1(menuItem.disabled$, !1), activated = useObservable$1(menuItem.activated$, !1), hidden = useObservable$1(menuItem.hidden$, !1), value = useObservable$1(menuItem.value$), className = clsx$1(styles$
|
|
4346
|
-
[styles$
|
|
4347
|
-
[styles$
|
|
4313
|
+
const disabled = useObservable$1(menuItem.disabled$, !1), activated = useObservable$1(menuItem.activated$, !1), hidden = useObservable$1(menuItem.hidden$, !1), value = useObservable$1(menuItem.value$), className = clsx$1(styles$2.mobileMenuItem, {
|
|
4314
|
+
[styles$2.mobileMenuItemActivated]: activated,
|
|
4315
|
+
[styles$2.mobileMenuItemHidden]: hidden
|
|
4348
4316
|
});
|
|
4349
4317
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
4350
4318
|
"button",
|
|
@@ -4395,6 +4363,17 @@ function MobileContextMenu() {
|
|
|
4395
4363
|
) }) });
|
|
4396
4364
|
}
|
|
4397
4365
|
__name(MobileContextMenu, "MobileContextMenu");
|
|
4366
|
+
const appLayout = "univer-app-layout", appHeader = "univer-app-header", appContainer = "univer-app-container", appContainerHeader = "univer-app-container-header", appContainerWrapper = "univer-app-container-wrapper", appContainerContent = "univer-app-container-content", appContainerCanvas = "univer-app-container-canvas", appContainerLeftSidebar = "univer-app-container-left-sidebar", appContainerSidebar = "univer-app-container-sidebar", styles$1 = {
|
|
4367
|
+
appLayout,
|
|
4368
|
+
appHeader,
|
|
4369
|
+
appContainer,
|
|
4370
|
+
appContainerHeader,
|
|
4371
|
+
appContainerWrapper,
|
|
4372
|
+
appContainerContent,
|
|
4373
|
+
appContainerCanvas,
|
|
4374
|
+
appContainerLeftSidebar,
|
|
4375
|
+
appContainerSidebar
|
|
4376
|
+
};
|
|
4398
4377
|
function MobileApp(props) {
|
|
4399
4378
|
const {
|
|
4400
4379
|
header = !0,
|
|
@@ -4425,17 +4404,17 @@ function MobileApp(props) {
|
|
|
4425
4404
|
subscriptions.forEach((subscription) => subscription.unsubscribe()), document.body.removeChild(portalContainer);
|
|
4426
4405
|
};
|
|
4427
4406
|
}, [localeService, messageService, mountContainer, portalContainer, themeService.currentTheme$]), /* @__PURE__ */ jsxRuntimeExports.jsxs(ConfigProvider, { locale: locale == null ? void 0 : locale.design, mountContainer: portalContainer, children: [
|
|
4428
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$
|
|
4429
|
-
header && /* @__PURE__ */ jsxRuntimeExports.jsx("header", { className: styles$
|
|
4430
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: styles$
|
|
4431
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$
|
|
4432
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: styles$
|
|
4433
|
-
/* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: styles$
|
|
4434
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("header", { className: styles$
|
|
4407
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.appLayout, tabIndex: -1, onBlur: /* @__PURE__ */ __name((e2) => e2.stopPropagation(), "onBlur"), children: [
|
|
4408
|
+
header && /* @__PURE__ */ jsxRuntimeExports.jsx("header", { className: styles$1.appContainerHeader }),
|
|
4409
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: styles$1.appContainer, children: [
|
|
4410
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.appContainerWrapper, children: [
|
|
4411
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: styles$1.appContainerLeftSidebar, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContainer, { components: leftSidebarComponents }, "left-sidebar") }),
|
|
4412
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: styles$1.appContainerContent, children: [
|
|
4413
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("header", { className: styles$1.appHeader, children: header && /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContainer, { components: headerComponents }, "header") }),
|
|
4435
4414
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
4436
4415
|
"section",
|
|
4437
4416
|
{
|
|
4438
|
-
className: styles$
|
|
4417
|
+
className: styles$1.appContainerCanvas,
|
|
4439
4418
|
ref: contentRef,
|
|
4440
4419
|
"data-range-selector": !0,
|
|
4441
4420
|
onContextMenu: /* @__PURE__ */ __name((e2) => e2.preventDefault(), "onContextMenu"),
|
|
@@ -4443,9 +4422,9 @@ function MobileApp(props) {
|
|
|
4443
4422
|
}
|
|
4444
4423
|
)
|
|
4445
4424
|
] }),
|
|
4446
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: styles$
|
|
4425
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: styles$1.appContainerSidebar, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Sidebar, {}) })
|
|
4447
4426
|
] }),
|
|
4448
|
-
footer && /* @__PURE__ */ jsxRuntimeExports.jsx("footer", { className: styles$
|
|
4427
|
+
footer && /* @__PURE__ */ jsxRuntimeExports.jsx("footer", { className: styles$1.appFooter, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContainer, { components: footerComponents }, "footer") }),
|
|
4449
4428
|
/* @__PURE__ */ jsxRuntimeExports.jsx(ZenZone, {})
|
|
4450
4429
|
] })
|
|
4451
4430
|
] }),
|
|
@@ -8504,7 +8483,6 @@ let UniverMobileUIPlugin = (_a17 = class extends Plugin {
|
|
|
8504
8483
|
[ILocalStorageService, { useClass: DesktopLocalStorageService, lazy: !0 }],
|
|
8505
8484
|
[IBeforeCloseService, { useClass: DesktopBeforeCloseService }],
|
|
8506
8485
|
[ICanvasPopupService, { useClass: CanvasPopupService }],
|
|
8507
|
-
[IProgressService, { useClass: ProgressService }],
|
|
8508
8486
|
[CanvasFloatDomService],
|
|
8509
8487
|
// controllers
|
|
8510
8488
|
[
|
|
@@ -8580,7 +8558,6 @@ let UniverUIPlugin = (_a18 = class extends Plugin {
|
|
|
8580
8558
|
[IBeforeCloseService, { useClass: DesktopBeforeCloseService }],
|
|
8581
8559
|
[ILocalFileService, { useClass: DesktopLocalFileService }],
|
|
8582
8560
|
[ICanvasPopupService, { useClass: CanvasPopupService }],
|
|
8583
|
-
[IProgressService, { useClass: ProgressService }],
|
|
8584
8561
|
[CanvasFloatDomService],
|
|
8585
8562
|
[IUIController, {
|
|
8586
8563
|
useFactory: /* @__PURE__ */ __name((injector) => injector.createInstance(DesktopUIController, this._config), "useFactory"),
|
|
@@ -8921,8 +8898,8 @@ function handelTableToJson(table) {
|
|
|
8921
8898
|
data[r2][c2] = cell;
|
|
8922
8899
|
const rowSpan = (_a19 = Number(td.getAttribute("rowSpan"))) != null ? _a19 : 1, colSpan = (_b = Number(td.getAttribute("colSpan"))) != null ? _b : 1;
|
|
8923
8900
|
if (rowSpan > 1 || colSpan > 1) {
|
|
8924
|
-
const
|
|
8925
|
-
data[r2][c2].mc =
|
|
8901
|
+
const first2 = { rs: +rowSpan - 1, cs: +colSpan - 1, r: r2, c: c2 };
|
|
8902
|
+
data[r2][c2].mc = first2;
|
|
8926
8903
|
for (let rp = 0; rp < rowSpan; rp++)
|
|
8927
8904
|
for (let cp = 0; cp < colSpan; cp++)
|
|
8928
8905
|
rp === 0 && cp === 0 || (data[r2 + rp][c2 + cp] = { mc: null });
|
|
@@ -9010,8 +8987,8 @@ function handelExcelToJson(html) {
|
|
|
9010
8987
|
data[r2][c2] = cell;
|
|
9011
8988
|
const rowSpan = (_a20 = Number(td.getAttribute("rowSpan"))) != null ? _a20 : 1, colSpan = (_b = Number(td.getAttribute("colSpan"))) != null ? _b : 1;
|
|
9012
8989
|
if (rowSpan > 1 || colSpan > 1) {
|
|
9013
|
-
const
|
|
9014
|
-
data[r2][c2].mc =
|
|
8990
|
+
const first2 = { rs: +rowSpan - 1, cs: +colSpan - 1, r: r2, c: c2 };
|
|
8991
|
+
data[r2][c2].mc = first2;
|
|
9015
8992
|
for (let rp = 0; rp < rowSpan; rp++)
|
|
9016
8993
|
for (let cp = 0; cp < colSpan; cp++)
|
|
9017
8994
|
rp === 0 && cp === 0 || (data[r2 + rp][c2 + cp] = { mc: null });
|
|
@@ -9102,7 +9079,6 @@ export {
|
|
|
9102
9079
|
IMessageService,
|
|
9103
9080
|
INotificationService,
|
|
9104
9081
|
IPlatformService,
|
|
9105
|
-
IProgressService,
|
|
9106
9082
|
IShortcutService,
|
|
9107
9083
|
ISidebarService,
|
|
9108
9084
|
IUIController,
|
|
@@ -9123,7 +9099,6 @@ export {
|
|
|
9123
9099
|
PasteCommand,
|
|
9124
9100
|
PlatformService,
|
|
9125
9101
|
ProgressBar,
|
|
9126
|
-
ProgressService,
|
|
9127
9102
|
RedoShortcutItem,
|
|
9128
9103
|
Ribbon,
|
|
9129
9104
|
RibbonDataGroup,
|