@univerjs/sheets-zen-editor 0.2.2 → 0.2.3
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/README.md +11 -4
- package/lib/cjs/index.js +2 -2
- package/lib/es/index.js +168 -165
- package/lib/locale/vi-VN.json +8 -0
- package/lib/locale/zh-CN.json +2 -2
- package/lib/locale/zh-TW.json +8 -0
- package/lib/types/locale/vi-VN.d.ts +4 -0
- package/lib/types/locale/zh-TW.d.ts +4 -0
- package/lib/umd/index.js +2 -2
- package/package.json +16 -16
package/README.md
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
# @univerjs/sheets-zen-editor
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
## Package Overview
|
|
4
|
+
|
|
5
|
+
| Package Name | UMD Namespace | Version | License | Downloads | Contains CSS | Contains i18n locales |
|
|
6
|
+
| --- | --- | --- | --- | --- | :---: | :---: |
|
|
7
|
+
| `@univerjs/sheets-zen-editor` | `UniveSheetsZenEditor` | [![][npm-version-shield]][npm-version-link] | ![][npm-license-shield] | ![][npm-downloads-shield] | ❌ | ⭕️ |
|
|
7
8
|
|
|
8
9
|
## Introduction
|
|
9
10
|
|
|
@@ -20,3 +21,9 @@ npm install @univerjs/sheets-zen-editor
|
|
|
20
21
|
# Using pnpm
|
|
21
22
|
pnpm add @univerjs/sheets-zen-editor
|
|
22
23
|
```
|
|
24
|
+
|
|
25
|
+
<!-- Links -->
|
|
26
|
+
[npm-version-shield]: https://img.shields.io/npm/v/@univerjs/slides?style=flat-square
|
|
27
|
+
[npm-version-link]: https://npmjs.com/package/@univerjs/slides
|
|
28
|
+
[npm-license-shield]: https://img.shields.io/npm/l/@univerjs/slides?style=flat-square
|
|
29
|
+
[npm-downloads-shield]: https://img.shields.io/npm/dm/@univerjs/slides?style=flat-square
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var te=Object.defineProperty;var ne=(n,e,i)=>e in n?te(n,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):n[e]=i;var
|
|
1
|
+
"use strict";var te=Object.defineProperty;var ne=(n,e,i)=>e in n?te(n,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):n[e]=i;var O=(n,e,i)=>ne(n,typeof e!="symbol"?e+"":e,i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@univerjs/core"),m=require("@wendellhu/redi"),b=require("@univerjs/docs"),M=require("@univerjs/engine-render"),U=require("@univerjs/sheets-ui"),_=require("@univerjs/ui"),q=require("rxjs"),z=require("@univerjs/sheets"),S=require("react"),V=require("@wendellhu/redi/react-bindings"),F=require("clsx"),w={id:"zen-editor.operation.open-zen-editor",type:a.CommandType.OPERATION,handler:n=>!0};class ie{constructor(){O(this,"_position",null);O(this,"_position$",new q.BehaviorSubject(null));O(this,"position$",this._position$.asObservable())}dispose(){this._position$.complete(),this._position=null}setPosition(e){this._position=e,this._refresh(e)}getPosition(){return this._position}_refresh(e){this._position$.next(e)}}const k=m.createIdentifier("univer.sheet-zen-editor-manager.service");var re=Object.defineProperty,se=Object.getOwnPropertyDescriptor,oe=(n,e,i,t)=>{for(var r=t>1?void 0:t?se(e,i):e,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(t?s(e,i,r):s(r))||r);return t&&r&&re(e,i,r),r},I=(n,e)=>(i,t)=>e(i,t,n);const f="__defaultDocumentZenEditorSpecialUnitId_20231218__";let j=class extends a.RxDisposable{constructor(e,i,t,r,o,s,c,d,l){super();O(this,"_zenEditorInitialState",!1);this._injector=e,this._univerInstanceService=i,this._zenEditorManagerService=t,this._renderManagerService=r,this._commandService=o,this._zenZoneService=s,this._editorBridgeService=c,this._undoRedoService=d,this._textSelectionManagerService=l,this._initialize()}_initialize(){this._syncZenEditorSize(),this._commandExecutedListener()}_createZenEditorInstance(){const e={id:f,body:{dataStream:`${a.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],customBlocks:[],paragraphs:[{startIndex:0}]},documentStyle:{pageSize:{width:595,height:842},documentFlavor:a.DocumentFlavor.MODERN,marginTop:50,marginBottom:50,marginRight:40,marginLeft:40,renderConfig:{vertexAngle:0,centerAngle:0}},drawings:{},drawingsOrder:[]};return this._univerInstanceService.createUnit(a.UniverInstanceType.UNIVER_DOC,e)}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(q.takeUntil(this.dispose$)).subscribe(e=>{var d;if(e==null)return;const i=U.getEditorObject(f,this._renderManagerService),t=this._univerInstanceService.getUniverDocInstance(f);if(i==null||t==null)return;const{width:r,height:o}=e,{engine:s}=i,c=(d=this._renderManagerService.getRenderById(f))==null?void 0:d.with(b.DocSkeletonManagerService).getSkeleton();requestIdleCallback(()=>{s.resizeBySize(r,o),this._calculatePagePosition(i),c&&this._textSelectionManagerService.refreshSelection()})})}_handleOpenZenEditor(){this._zenEditorInitialState||(this._createZenEditorInstance(),this._zenEditorInitialState=!0),this._zenZoneService.open(),this._undoRedoService.clearUndoRedo(f),this._univerInstanceService.focusUnit(f),this._univerInstanceService.setCurrentUnitForType(f),this._editorBridgeService.isVisible().visible===!1&&this._editorBridgeService.changeVisible({visible:!0,eventType:M.DeviceInputEventType.PointerDown});const i=this._editorBridgeService.getLatestEditCellState();if(i==null)return;this._editorSyncHandler(i);const t=[{startOffset:0,endOffset:0}];this._textSelectionManagerService.replaceTextRanges(t)}_editorSyncHandler(e){var s,c;const i=(s=e.documentLayoutObject.documentModel)==null?void 0:s.getBody(),t=i==null?void 0:i.dataStream,r=i==null?void 0:i.paragraphs;let o=[];t==null||r==null||((c=i==null?void 0:i.textRuns)!=null&&c.length&&(o=i==null?void 0:i.textRuns),this._syncContentAndRender(f,t,r,o))}_syncContentAndRender(e,i,t,r=[],o=[],s={},c=[]){var C;const d=[f,a.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,a.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY],l=(C=this._renderManagerService.getRenderById(e))==null?void 0:C.with(b.DocSkeletonManagerService),u=l==null?void 0:l.getSkeleton(),h=this._univerInstanceService.getUniverDocInstance(e),p=l==null?void 0:l.getViewModel();if(h==null||p==null||u==null)return;const v=h.getBody(),E=h.getSnapshot();v.dataStream=i,v.paragraphs=t,v.customBlocks=o,E.drawings=s,E.drawingsOrder=c,e===a.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&(v.textRuns=[]),r.length>0&&(v.textRuns=r),p.reset(h);const R=this._getDocObject();R!=null&&(u.calculate(),d.includes(e)&&R.document.makeDirty())}_calculatePagePosition(e){const{document:i,scene:t,docBackground:r}=e,o=t==null?void 0:t.getParent(),{width:s,height:c,pageMarginLeft:d,pageMarginTop:l}=i;if(o==null||s===Number.POSITIVE_INFINITY||c===Number.POSITIVE_INFINITY)return;const{width:u,height:h}=o;let p=0,v=0,E=0,R=0,C=Number.POSITIVE_INFINITY;const{scaleX:N,scaleY:Q}=t.getAncestorScale();u>(s+d*2)*N?(p=u/2-s*N/2,p/=N,E=(u-d*2)/N,C=0):(p=d,E=s+d*2,C=(E-u/N)/2),h>c?(v=h/2-c/2,R=(h-l*2)/Q):(v=l,R=c+l*2),t.resize(E,R+200),i.translate(p,v),r.translate(p,v);const B=t.getViewport(b.VIEWPORT_KEY.VIEW_MAIN);if(C!==Number.POSITIVE_INFINITY&&B!=null){const ee=B.transScroll2ViewportScrollValue(C,0).x;B.scrollTo({x:ee})}return this}_commandExecutedListener(){const e=[w.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{e.includes(t.id)&&this._handleOpenZenEditor()}));const i=[b.RichTextEditingMutation.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(i.includes(t.id)){const r=t.params,{unitId:o}=r;if(o===f){const s=this._univerInstanceService.getUniverDocInstance(o),c=s==null?void 0:s.getBody(),d=c==null?void 0:c.dataStream,l=c==null?void 0:c.paragraphs,u=c==null?void 0:c.textRuns,h=c==null?void 0:c.customBlocks,p=s==null?void 0:s.getDrawings(),v=s==null?void 0:s.getDrawingsOrder();if(this._editorBridgeService.changeEditorDirty(!0),d==null||l==null)return;this._syncContentAndRender(a.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,d,l,u,h,p,v)}}}))}_getDocObject(){return b.getDocObject(this._univerInstanceService,this._renderManagerService)}};j=oe([a.OnLifecycle(a.LifecycleStages.Steady,j),I(0,m.Inject(m.Injector)),I(1,a.IUniverInstanceService),I(2,k),I(3,M.IRenderManagerService),I(4,a.ICommandService),I(5,_.IZenZoneService),I(6,U.IEditorBridgeService),I(7,a.IUndoRedoService),I(8,m.Inject(b.TextSelectionManagerService))],j);const Z={id:"zen-editor.command.cancel-zen-edit",type:a.CommandType.COMMAND,handler:async n=>{const e=n.get(_.IZenZoneService),i=n.get(U.IEditorBridgeService),t=n.get(a.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:M.DeviceInputEventType.Keyboard,keycode:_.KeyCode.ESC}),e.close();const o=t.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET);return o?(t.focusUnit(o.getUnitId()),i.refreshEditCellState(),!0):!1}},L={id:"zen-editor.command.confirm-zen-edit",type:a.CommandType.COMMAND,handler:async n=>{const e=n.get(_.IZenZoneService),i=n.get(U.IEditorBridgeService),t=n.get(a.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:M.DeviceInputEventType.PointerDown}),e.close();const o=t.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET);return o?(t.focusUnit(o.getUnitId()),i.refreshEditCellState(),!0):!1}};function ce(n){return{id:w.id,group:_.MenuGroup.CONTEXT_MENU_OTHERS,type:_.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",positions:[_.MenuPosition.CONTEXT_MENU],disabled$:U.getCurrentRangeDisable$(n,{workbookTypes:[z.WorkbookEditablePermission],worksheetTypes:[z.WorksheetEditPermission,z.WorksheetSetCellValuePermission,z.WorksheetSetCellStylePermission],rangeTypes:[z.RangeProtectionPermissionEditPoint]})}}var Y={exports:{}},A={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var ae=
|
|
9
|
+
*/var ae=S,de=Symbol.for("react.element"),le=Symbol.for("react.fragment"),ue=Object.prototype.hasOwnProperty,he=ae.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,_e={key:!0,ref:!0,__self:!0,__source:!0};function K(n,e,i){var t,r={},o=null,s=null;i!==void 0&&(o=""+i),e.key!==void 0&&(o=""+e.key),e.ref!==void 0&&(s=e.ref);for(t in e)ue.call(e,t)&&!_e.hasOwnProperty(t)&&(r[t]=e[t]);if(n&&n.defaultProps)for(t in e=n.defaultProps,e)r[t]===void 0&&(r[t]=e[t]);return{$$typeof:de,type:n,key:o,ref:s,props:r,_owner:he.current}}A.Fragment=le;A.jsx=K;A.jsxs=K;Y.exports=A;var y=Y.exports,g=function(){return g=Object.assign||function(n){for(var e,i=1,t=arguments.length;i<t;i++){e=arguments[i];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},g.apply(this,arguments)},ve=function(n,e){var i={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(i[t]=n[t]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(n);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(n,t[r])&&(i[t[r]]=n[t[r]]);return i},$=S.forwardRef(function(n,e){var i=n.icon,t=n.id,r=n.className,o=n.extend,s=ve(n,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(t," ").concat(r||"").trim(),d=S.useRef("_".concat(pe()));return H(i,"".concat(t),{defIds:i.defIds,idSuffix:d.current},g({ref:e,className:c},s),o)});function H(n,e,i,t,r){return S.createElement(n.tag,g(g({key:e},fe(n,i,r)),t),(ge(n,i).children||[]).map(function(o,s){return H(o,"".concat(e,"-").concat(n.tag,"-").concat(s),i,void 0,r)}))}function fe(n,e,i){var t=g({},n.attrs);i!=null&&i.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=i.colorChannel1);var r=e.defIds;return!r||r.length===0||(n.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(o){var s=o[0],c=o[1];typeof c=="string"&&(t[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),t}function ge(n,e){var i,t=e.defIds;return!t||t.length===0?n:n.tag==="defs"&&(!((i=n.children)===null||i===void 0)&&i.length)?g(g({},n),{children:n.children.map(function(r){return typeof r.attrs.id=="string"&&t&&t.indexOf(r.attrs.id)>-1?g(g({},r),{attrs:g(g({},r.attrs),{id:r.attrs.id+e.idSuffix})}):r})}):n}function pe(){return Math.random().toString(36).substring(2,8)}$.displayName="UniverIcon";var Se={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z",fillRule:"evenodd",clipRule:"evenodd"}}]},X=S.forwardRef(function(n,e){return S.createElement($,Object.assign({},n,{id:"check-mark-single",ref:e,icon:Se}))});X.displayName="CheckMarkSingle";var Ie={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z"}}]},G=S.forwardRef(function(n,e){return S.createElement($,Object.assign({},n,{id:"close-single",ref:e,icon:Ie}))});G.displayName="CloseSingle";const me="univer-zen-editor",Ee="univer-zen-editor-icon-wrapper",Ce="univer-zen-editor-icon-container",Oe="univer-zen-editor-icon-success",ye="univer-zen-editor-icon-error",Te="univer-zen-editor-canvas-container",T={zenEditor:me,zenEditorIconWrapper:Ee,zenEditorIconContainer:Ce,zenEditorIconSuccess:Oe,zenEditorIconError:ye,zenEditorCanvasContainer:Te},Re="ZEN_EDITOR_PLUGIN_",be=`${Re}ZEN_EDITOR_COMPONENT`;function Ne(){const n=S.useRef(null),e=V.useDependency(M.IRenderManagerService),i=V.useDependency(k),t=V.useDependency(a.ICommandService);S.useEffect(()=>{const s=n.current;if(!s)return;const c=e.currentRender$.subscribe(l=>{var h;if(l!==f)return;const u=(h=e.getRenderById(f))==null?void 0:h.engine;u==null||u.setContainer(s)}),d=new ResizeObserver(()=>{const l=s.getBoundingClientRect();i.setPosition(l)});return d.observe(s),()=>{d.unobserve(s),c.unsubscribe()}},[]);function r(){t.executeCommand(Z.id)}function o(){t.executeCommand(L.id)}return y.jsxs("div",{className:T.zenEditor,children:[y.jsxs("div",{className:T.zenEditorIconWrapper,children:[y.jsx("span",{className:F(T.zenEditorIconContainer,T.zenEditorIconError),onClick:r,children:y.jsx(G,{style:{fontSize:"22px"}})}),y.jsx("span",{className:F(T.zenEditorIconContainer,T.zenEditorIconSuccess),onClick:o,children:y.jsx(X,{style:{fontSize:"22px"}})})]}),y.jsx("div",{className:T.zenEditorCanvasContainer,ref:n})]})}const ze={id:L.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:n=>J(n),binding:_.KeyCode.ENTER|_.MetaKeys.ALT},xe={id:Z.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:n=>J(n),binding:_.KeyCode.ESC};function J(n){return n.getContextValue(a.FOCUSING_DOC)&&n.getContextValue(a.FOCUSING_UNIVER_EDITOR)&&n.getContextValue(a.EDITOR_ACTIVATED)&&!n.getContextValue(a.FOCUSING_EDITOR_STANDALONE)}var De=Object.defineProperty,Me=Object.getOwnPropertyDescriptor,Ue=(n,e,i,t)=>{for(var r=t>1?void 0:t?Me(e,i):e,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(t?s(e,i,r):s(r))||r);return t&&r&&De(e,i,r),r},x=(n,e)=>(i,t)=>e(i,t,n);const Pe={};let D=class extends a.Disposable{constructor(n,e,i,t,r,o){super(),this._config=n,this._injector=e,this._zenZoneService=i,this._commandService=t,this._menuService=r,this._shortcutService=o,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(be,Ne))}_initCommands(){[w,Z,L].forEach(n=>{this.disposeWithMe(this._commandService.registerCommand(n))})}_initMenus(){const{menu:n={}}=this._config;[ce].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e),n))})}_initShortcuts(){[ze,xe].forEach(n=>{this.disposeWithMe(this._shortcutService.registerShortcut(n))})}};D=Ue([a.OnLifecycle(a.LifecycleStages.Rendered,D),x(1,m.Inject(m.Injector)),x(2,_.IZenZoneService),x(3,a.ICommandService),x(4,_.IMenuService),x(5,_.IShortcutService)],D);var je=Object.defineProperty,we=Object.getOwnPropertyDescriptor,Ze=(n,e,i,t)=>{for(var r=t>1?void 0:t?we(e,i):e,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(t?s(e,i,r):s(r))||r);return t&&r&&je(e,i,r),r},W=(n,e)=>(i,t)=>e(i,t,n),P;exports.UniverSheetsZenEditorPlugin=(P=class extends a.Plugin{constructor(e={},i,t){super(),this._config=e,this._injector=i,this._localeService=t,this._initializeDependencies(this._injector),this._config=a.Tools.deepMerge({},Pe,this._config)}_initializeDependencies(e){[[D,{useFactory:()=>this._injector.createInstance(D,this._config)}],[j],[k,{useClass:ie}]].forEach(t=>e.add(t))}},O(P,"pluginName","zen-editor"),O(P,"type",a.UniverInstanceType.UNIVER_DOC),P);exports.UniverSheetsZenEditorPlugin=Ze([W(1,m.Inject(m.Injector)),W(2,m.Inject(a.LocaleService))],exports.UniverSheetsZenEditorPlugin);exports.CancelZenEditCommand=Z;exports.ConfirmZenEditCommand=L;exports.OpenZenEditorOperation=w;
|
package/lib/es/index.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
var he = Object.defineProperty;
|
|
2
2
|
var _e = (t, e, i) => e in t ? he(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
|
|
3
|
-
var
|
|
4
|
-
import { CommandType as
|
|
5
|
-
import { createIdentifier as Te, Inject as
|
|
3
|
+
var S = (t, e, i) => _e(t, typeof e != "symbol" ? e + "" : e, i);
|
|
4
|
+
import { CommandType as w, RxDisposable as fe, DEFAULT_EMPTY_DOCUMENT_VALUE as ge, DocumentFlavor as ve, UniverInstanceType as z, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as K, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as X, OnLifecycle as ee, LifecycleStages as te, IUniverInstanceService as U, ICommandService as j, IUndoRedoService as pe, FOCUSING_DOC as me, FOCUSING_UNIVER_EDITOR as Se, EDITOR_ACTIVATED as Ee, FOCUSING_EDITOR_STANDALONE as Ie, Disposable as Ce, Plugin as Oe, Tools as ye, LocaleService as be } from "@univerjs/core";
|
|
5
|
+
import { createIdentifier as Te, Inject as T, Injector as L } from "@wendellhu/redi";
|
|
6
6
|
import { DocSkeletonManagerService as G, VIEWPORT_KEY as Re, RichTextEditingMutation as Ne, getDocObject as ze, TextSelectionManagerService as xe } from "@univerjs/docs";
|
|
7
7
|
import { DeviceInputEventType as Z, IRenderManagerService as ne } from "@univerjs/engine-render";
|
|
8
|
-
import { getEditorObject as Me, IEditorBridgeService as V, getCurrentRangeDisable$ as
|
|
9
|
-
import { IZenZoneService as
|
|
8
|
+
import { getEditorObject as Me, IEditorBridgeService as V, getCurrentRangeDisable$ as Pe } from "@univerjs/sheets-ui";
|
|
9
|
+
import { IZenZoneService as x, KeyCode as A, MenuGroup as De, MenuItemType as we, MenuPosition as Ue, MetaKeys as je, IMenuService as Le, IShortcutService as Ze } from "@univerjs/ui";
|
|
10
10
|
import { BehaviorSubject as Ve, takeUntil as Ae } from "rxjs";
|
|
11
|
-
import { WorkbookEditablePermission as
|
|
12
|
-
import Ye, { forwardRef as
|
|
13
|
-
import { useDependency as
|
|
11
|
+
import { WorkbookEditablePermission as ke, WorksheetEditPermission as $e, WorksheetSetCellValuePermission as Be, WorksheetSetCellStylePermission as Fe, RangeProtectionPermissionEditPoint as We } from "@univerjs/sheets";
|
|
12
|
+
import Ye, { forwardRef as k, useRef as ie, createElement as $, useEffect as He } from "react";
|
|
13
|
+
import { useDependency as D } from "@wendellhu/redi/react-bindings";
|
|
14
14
|
import q from "clsx";
|
|
15
|
-
const
|
|
15
|
+
const B = {
|
|
16
16
|
id: "zen-editor.operation.open-zen-editor",
|
|
17
|
-
type:
|
|
17
|
+
type: w.OPERATION,
|
|
18
18
|
handler: (t) => !0
|
|
19
19
|
};
|
|
20
20
|
class Ke {
|
|
21
21
|
constructor() {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
S(this, "_position", null);
|
|
23
|
+
S(this, "_position$", new Ve(null));
|
|
24
|
+
S(this, "position$", this._position$.asObservable());
|
|
25
25
|
}
|
|
26
26
|
dispose() {
|
|
27
27
|
this._position$.complete(), this._position = null;
|
|
@@ -40,26 +40,27 @@ const F = Te(
|
|
|
40
40
|
"univer.sheet-zen-editor-manager.service"
|
|
41
41
|
);
|
|
42
42
|
var Xe = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, qe = (t, e, i, n) => {
|
|
43
|
-
for (var r = n > 1 ? void 0 : n ? Ge(e, i) : e,
|
|
44
|
-
(
|
|
43
|
+
for (var r = n > 1 ? void 0 : n ? Ge(e, i) : e, o = t.length - 1, s; o >= 0; o--)
|
|
44
|
+
(s = t[o]) && (r = (n ? s(e, i, r) : s(r)) || r);
|
|
45
45
|
return n && r && Xe(e, i, r), r;
|
|
46
|
-
},
|
|
47
|
-
const
|
|
48
|
-
let
|
|
49
|
-
constructor(e, i, n, r,
|
|
46
|
+
}, v = (t, e) => (i, n) => e(i, n, t);
|
|
47
|
+
const _ = "__defaultDocumentZenEditorSpecialUnitId_20231218__";
|
|
48
|
+
let N = class extends fe {
|
|
49
|
+
constructor(e, i, n, r, o, s, c, a, d) {
|
|
50
50
|
super();
|
|
51
|
-
|
|
52
|
-
this._injector = e, this._univerInstanceService = i, this._zenEditorManagerService = n, this._renderManagerService = r, this._commandService =
|
|
51
|
+
S(this, "_zenEditorInitialState", !1);
|
|
52
|
+
this._injector = e, this._univerInstanceService = i, this._zenEditorManagerService = n, this._renderManagerService = r, this._commandService = o, this._zenZoneService = s, this._editorBridgeService = c, this._undoRedoService = a, this._textSelectionManagerService = d, this._initialize();
|
|
53
53
|
}
|
|
54
54
|
_initialize() {
|
|
55
55
|
this._syncZenEditorSize(), this._commandExecutedListener();
|
|
56
56
|
}
|
|
57
57
|
_createZenEditorInstance() {
|
|
58
58
|
const e = {
|
|
59
|
-
id:
|
|
59
|
+
id: _,
|
|
60
60
|
body: {
|
|
61
|
-
dataStream: `${
|
|
61
|
+
dataStream: `${ge}`,
|
|
62
62
|
textRuns: [],
|
|
63
|
+
customBlocks: [],
|
|
63
64
|
paragraphs: [
|
|
64
65
|
{
|
|
65
66
|
startIndex: 0
|
|
@@ -71,7 +72,7 @@ let R = class extends fe {
|
|
|
71
72
|
width: 595,
|
|
72
73
|
height: 842
|
|
73
74
|
},
|
|
74
|
-
documentFlavor:
|
|
75
|
+
documentFlavor: ve.MODERN,
|
|
75
76
|
marginTop: 50,
|
|
76
77
|
marginBottom: 50,
|
|
77
78
|
marginRight: 40,
|
|
@@ -80,9 +81,11 @@ let R = class extends fe {
|
|
|
80
81
|
vertexAngle: 0,
|
|
81
82
|
centerAngle: 0
|
|
82
83
|
}
|
|
83
|
-
}
|
|
84
|
+
},
|
|
85
|
+
drawings: {},
|
|
86
|
+
drawingsOrder: []
|
|
84
87
|
};
|
|
85
|
-
return this._univerInstanceService.createUnit(
|
|
88
|
+
return this._univerInstanceService.createUnit(z.UNIVER_DOC, e);
|
|
86
89
|
}
|
|
87
90
|
// Listen to changes in the size of the zen editor container to set the size of the editor.
|
|
88
91
|
_syncZenEditorSize() {
|
|
@@ -90,17 +93,17 @@ let R = class extends fe {
|
|
|
90
93
|
var a;
|
|
91
94
|
if (e == null)
|
|
92
95
|
return;
|
|
93
|
-
const i = Me(
|
|
96
|
+
const i = Me(_, this._renderManagerService), n = this._univerInstanceService.getUniverDocInstance(_);
|
|
94
97
|
if (i == null || n == null)
|
|
95
98
|
return;
|
|
96
|
-
const { width: r, height:
|
|
99
|
+
const { width: r, height: o } = e, { engine: s } = i, c = (a = this._renderManagerService.getRenderById(_)) == null ? void 0 : a.with(G).getSkeleton();
|
|
97
100
|
requestIdleCallback(() => {
|
|
98
|
-
|
|
101
|
+
s.resizeBySize(r, o), this._calculatePagePosition(i), c && this._textSelectionManagerService.refreshSelection();
|
|
99
102
|
});
|
|
100
103
|
});
|
|
101
104
|
}
|
|
102
105
|
_handleOpenZenEditor() {
|
|
103
|
-
this._zenEditorInitialState || (this._createZenEditorInstance(), this._zenEditorInitialState = !0), this._zenZoneService.open(), this._undoRedoService.clearUndoRedo(
|
|
106
|
+
this._zenEditorInitialState || (this._createZenEditorInstance(), this._zenEditorInitialState = !0), this._zenZoneService.open(), this._undoRedoService.clearUndoRedo(_), this._univerInstanceService.focusUnit(_), this._univerInstanceService.setCurrentUnitForType(_), this._editorBridgeService.isVisible().visible === !1 && this._editorBridgeService.changeVisible({
|
|
104
107
|
visible: !0,
|
|
105
108
|
eventType: Z.PointerDown
|
|
106
109
|
});
|
|
@@ -117,44 +120,44 @@ let R = class extends fe {
|
|
|
117
120
|
this._textSelectionManagerService.replaceTextRanges(n);
|
|
118
121
|
}
|
|
119
122
|
_editorSyncHandler(e) {
|
|
120
|
-
var
|
|
121
|
-
const i = (
|
|
122
|
-
let
|
|
123
|
-
n == null || r == null || ((c = i == null ? void 0 : i.textRuns) != null && c.length && (
|
|
123
|
+
var s, c;
|
|
124
|
+
const i = (s = e.documentLayoutObject.documentModel) == null ? void 0 : s.getBody(), n = i == null ? void 0 : i.dataStream, r = i == null ? void 0 : i.paragraphs;
|
|
125
|
+
let o = [];
|
|
126
|
+
n == null || r == null || ((c = i == null ? void 0 : i.textRuns) != null && c.length && (o = i == null ? void 0 : i.textRuns), this._syncContentAndRender(_, n, r, o));
|
|
124
127
|
}
|
|
125
|
-
_syncContentAndRender(e, i, n, r = []) {
|
|
126
|
-
var
|
|
127
|
-
const
|
|
128
|
-
|
|
128
|
+
_syncContentAndRender(e, i, n, r = [], o = [], s = {}, c = []) {
|
|
129
|
+
var m;
|
|
130
|
+
const a = [
|
|
131
|
+
_,
|
|
129
132
|
X,
|
|
130
133
|
K
|
|
131
|
-
],
|
|
132
|
-
if (
|
|
134
|
+
], d = (m = this._renderManagerService.getRenderById(e)) == null ? void 0 : m.with(G), l = d == null ? void 0 : d.getSkeleton(), u = this._univerInstanceService.getUniverDocInstance(e), g = d == null ? void 0 : d.getViewModel();
|
|
135
|
+
if (u == null || g == null || l == null)
|
|
133
136
|
return;
|
|
134
|
-
const
|
|
135
|
-
|
|
136
|
-
const
|
|
137
|
-
|
|
137
|
+
const h = u.getBody(), p = u.getSnapshot();
|
|
138
|
+
h.dataStream = i, h.paragraphs = n, h.customBlocks = o, p.drawings = s, p.drawingsOrder = c, e === K && (h.textRuns = []), r.length > 0 && (h.textRuns = r), g.reset(u);
|
|
139
|
+
const C = this._getDocObject();
|
|
140
|
+
C != null && (l.calculate(), a.includes(e) && C.document.makeDirty());
|
|
138
141
|
}
|
|
139
142
|
_calculatePagePosition(e) {
|
|
140
|
-
const { document: i, scene: n, docBackground: r } = e,
|
|
141
|
-
if (
|
|
143
|
+
const { document: i, scene: n, docBackground: r } = e, o = n == null ? void 0 : n.getParent(), { width: s, height: c, pageMarginLeft: a, pageMarginTop: d } = i;
|
|
144
|
+
if (o == null || s === Number.POSITIVE_INFINITY || c === Number.POSITIVE_INFINITY)
|
|
142
145
|
return;
|
|
143
|
-
const { width: l, height:
|
|
144
|
-
let
|
|
145
|
-
const { scaleX:
|
|
146
|
-
l > (
|
|
147
|
-
const
|
|
148
|
-
if (
|
|
149
|
-
const ue =
|
|
150
|
-
|
|
146
|
+
const { width: l, height: u } = o;
|
|
147
|
+
let g = 0, h = 0, p = 0, C = 0, m = Number.POSITIVE_INFINITY;
|
|
148
|
+
const { scaleX: O, scaleY: le } = n.getAncestorScale();
|
|
149
|
+
l > (s + a * 2) * O ? (g = l / 2 - s * O / 2, g /= O, p = (l - a * 2) / O, m = 0) : (g = a, p = s + a * 2, m = (p - l / O) / 2), u > c ? (h = u / 2 - c / 2, C = (u - d * 2) / le) : (h = d, C = c + d * 2), n.resize(p, C + 200), i.translate(g, h), r.translate(g, h);
|
|
150
|
+
const P = n.getViewport(Re.VIEW_MAIN);
|
|
151
|
+
if (m !== Number.POSITIVE_INFINITY && P != null) {
|
|
152
|
+
const ue = P.transScroll2ViewportScrollValue(m, 0).x;
|
|
153
|
+
P.scrollTo({
|
|
151
154
|
x: ue
|
|
152
155
|
});
|
|
153
156
|
}
|
|
154
157
|
return this;
|
|
155
158
|
}
|
|
156
159
|
_commandExecutedListener() {
|
|
157
|
-
const e = [
|
|
160
|
+
const e = [B.id];
|
|
158
161
|
this.disposeWithMe(
|
|
159
162
|
this._commandService.onCommandExecuted((n) => {
|
|
160
163
|
e.includes(n.id) && this._handleOpenZenEditor();
|
|
@@ -164,12 +167,12 @@ let R = class extends fe {
|
|
|
164
167
|
this.disposeWithMe(
|
|
165
168
|
this._commandService.onCommandExecuted((n) => {
|
|
166
169
|
if (i.includes(n.id)) {
|
|
167
|
-
const r = n.params, { unitId:
|
|
168
|
-
if (
|
|
169
|
-
const
|
|
170
|
+
const r = n.params, { unitId: o } = r;
|
|
171
|
+
if (o === _) {
|
|
172
|
+
const s = this._univerInstanceService.getUniverDocInstance(o), c = s == null ? void 0 : s.getBody(), a = c == null ? void 0 : c.dataStream, d = c == null ? void 0 : c.paragraphs, l = c == null ? void 0 : c.textRuns, u = c == null ? void 0 : c.customBlocks, g = s == null ? void 0 : s.getDrawings(), h = s == null ? void 0 : s.getDrawingsOrder();
|
|
170
173
|
if (this._editorBridgeService.changeEditorDirty(!0), a == null || d == null)
|
|
171
174
|
return;
|
|
172
|
-
this._syncContentAndRender(X, a, d, l);
|
|
175
|
+
this._syncContentAndRender(X, a, d, l, u, g, h);
|
|
173
176
|
}
|
|
174
177
|
}
|
|
175
178
|
})
|
|
@@ -179,56 +182,56 @@ let R = class extends fe {
|
|
|
179
182
|
return ze(this._univerInstanceService, this._renderManagerService);
|
|
180
183
|
}
|
|
181
184
|
};
|
|
182
|
-
|
|
183
|
-
ee(te.Steady,
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
],
|
|
185
|
+
N = qe([
|
|
186
|
+
ee(te.Steady, N),
|
|
187
|
+
v(0, T(L)),
|
|
188
|
+
v(1, U),
|
|
189
|
+
v(2, F),
|
|
190
|
+
v(3, ne),
|
|
191
|
+
v(4, j),
|
|
192
|
+
v(5, x),
|
|
193
|
+
v(6, V),
|
|
194
|
+
v(7, pe),
|
|
195
|
+
v(8, T(xe))
|
|
196
|
+
], N);
|
|
194
197
|
const W = {
|
|
195
198
|
id: "zen-editor.command.cancel-zen-edit",
|
|
196
|
-
type:
|
|
199
|
+
type: w.COMMAND,
|
|
197
200
|
handler: async (t) => {
|
|
198
|
-
const e = t.get(
|
|
201
|
+
const e = t.get(x), i = t.get(V), n = t.get(U);
|
|
199
202
|
i.isVisible().visible && i.changeVisible({
|
|
200
203
|
visible: !1,
|
|
201
204
|
eventType: Z.Keyboard,
|
|
202
205
|
keycode: A.ESC
|
|
203
206
|
}), e.close();
|
|
204
|
-
const
|
|
205
|
-
return
|
|
207
|
+
const o = n.getCurrentUnitForType(z.UNIVER_SHEET);
|
|
208
|
+
return o ? (n.focusUnit(o.getUnitId()), i.refreshEditCellState(), !0) : !1;
|
|
206
209
|
}
|
|
207
210
|
}, Y = {
|
|
208
211
|
id: "zen-editor.command.confirm-zen-edit",
|
|
209
|
-
type:
|
|
212
|
+
type: w.COMMAND,
|
|
210
213
|
handler: async (t) => {
|
|
211
|
-
const e = t.get(
|
|
214
|
+
const e = t.get(x), i = t.get(V), n = t.get(U);
|
|
212
215
|
i.isVisible().visible && i.changeVisible({
|
|
213
216
|
visible: !1,
|
|
214
217
|
eventType: Z.PointerDown
|
|
215
218
|
}), e.close();
|
|
216
|
-
const
|
|
217
|
-
return
|
|
219
|
+
const o = n.getCurrentUnitForType(z.UNIVER_SHEET);
|
|
220
|
+
return o ? (n.focusUnit(o.getUnitId()), i.refreshEditCellState(), !0) : !1;
|
|
218
221
|
}
|
|
219
222
|
};
|
|
220
223
|
function Je(t) {
|
|
221
224
|
return {
|
|
222
|
-
id:
|
|
223
|
-
group:
|
|
224
|
-
type:
|
|
225
|
+
id: B.id,
|
|
226
|
+
group: De.CONTEXT_MENU_OTHERS,
|
|
227
|
+
type: we.BUTTON,
|
|
225
228
|
title: "rightClick.zenEditor",
|
|
226
229
|
icon: "AmplifySingle",
|
|
227
|
-
positions: [
|
|
228
|
-
disabled$:
|
|
230
|
+
positions: [Ue.CONTEXT_MENU],
|
|
231
|
+
disabled$: Pe(t, { workbookTypes: [ke], worksheetTypes: [$e, Be, Fe], rangeTypes: [We] })
|
|
229
232
|
};
|
|
230
233
|
}
|
|
231
|
-
var re = { exports: {} },
|
|
234
|
+
var re = { exports: {} }, M = {};
|
|
232
235
|
/**
|
|
233
236
|
* @license React
|
|
234
237
|
* react-jsx-runtime.production.min.js
|
|
@@ -239,130 +242,130 @@ var re = { exports: {} }, x = {};
|
|
|
239
242
|
* LICENSE file in the root directory of this source tree.
|
|
240
243
|
*/
|
|
241
244
|
var Qe = Ye, et = Symbol.for("react.element"), tt = Symbol.for("react.fragment"), nt = Object.prototype.hasOwnProperty, it = Qe.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, rt = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
242
|
-
function
|
|
243
|
-
var n, r = {},
|
|
244
|
-
i !== void 0 && (
|
|
245
|
+
function se(t, e, i) {
|
|
246
|
+
var n, r = {}, o = null, s = null;
|
|
247
|
+
i !== void 0 && (o = "" + i), e.key !== void 0 && (o = "" + e.key), e.ref !== void 0 && (s = e.ref);
|
|
245
248
|
for (n in e) nt.call(e, n) && !rt.hasOwnProperty(n) && (r[n] = e[n]);
|
|
246
249
|
if (t && t.defaultProps) for (n in e = t.defaultProps, e) r[n] === void 0 && (r[n] = e[n]);
|
|
247
|
-
return { $$typeof: et, type: t, key:
|
|
250
|
+
return { $$typeof: et, type: t, key: o, ref: s, props: r, _owner: it.current };
|
|
248
251
|
}
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
re.exports =
|
|
253
|
-
var
|
|
254
|
-
return
|
|
252
|
+
M.Fragment = tt;
|
|
253
|
+
M.jsx = se;
|
|
254
|
+
M.jsxs = se;
|
|
255
|
+
re.exports = M;
|
|
256
|
+
var E = re.exports, f = function() {
|
|
257
|
+
return f = Object.assign || function(t) {
|
|
255
258
|
for (var e, i = 1, n = arguments.length; i < n; i++) {
|
|
256
259
|
e = arguments[i];
|
|
257
260
|
for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
|
|
258
261
|
}
|
|
259
262
|
return t;
|
|
260
|
-
},
|
|
261
|
-
},
|
|
263
|
+
}, f.apply(this, arguments);
|
|
264
|
+
}, st = function(t, e) {
|
|
262
265
|
var i = {};
|
|
263
266
|
for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (i[n] = t[n]);
|
|
264
267
|
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
265
268
|
for (var r = 0, n = Object.getOwnPropertySymbols(t); r < n.length; r++)
|
|
266
269
|
e.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[r]) && (i[n[r]] = t[n[r]]);
|
|
267
270
|
return i;
|
|
268
|
-
}, H =
|
|
269
|
-
var i = t.icon, n = t.id, r = t.className,
|
|
270
|
-
return
|
|
271
|
+
}, H = k(function(t, e) {
|
|
272
|
+
var i = t.icon, n = t.id, r = t.className, o = t.extend, s = st(t, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), a = ie("_".concat(at()));
|
|
273
|
+
return oe(i, "".concat(n), { defIds: i.defIds, idSuffix: a.current }, f({ ref: e, className: c }, s), o);
|
|
271
274
|
});
|
|
272
|
-
function
|
|
273
|
-
return
|
|
274
|
-
return
|
|
275
|
+
function oe(t, e, i, n, r) {
|
|
276
|
+
return $(t.tag, f(f({ key: e }, ot(t, i, r)), n), (ct(t, i).children || []).map(function(o, s) {
|
|
277
|
+
return oe(o, "".concat(e, "-").concat(t.tag, "-").concat(s), i, void 0, r);
|
|
275
278
|
}));
|
|
276
279
|
}
|
|
277
|
-
function
|
|
278
|
-
var n =
|
|
280
|
+
function ot(t, e, i) {
|
|
281
|
+
var n = f({}, t.attrs);
|
|
279
282
|
i != null && i.colorChannel1 && n.fill === "colorChannel1" && (n.fill = i.colorChannel1);
|
|
280
283
|
var r = e.defIds;
|
|
281
|
-
return !r || r.length === 0 || (t.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(
|
|
282
|
-
var
|
|
283
|
-
typeof c == "string" && (n[
|
|
284
|
+
return !r || r.length === 0 || (t.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(o) {
|
|
285
|
+
var s = o[0], c = o[1];
|
|
286
|
+
typeof c == "string" && (n[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
|
|
284
287
|
})), n;
|
|
285
288
|
}
|
|
286
289
|
function ct(t, e) {
|
|
287
290
|
var i, n = e.defIds;
|
|
288
|
-
return !n || n.length === 0 ? t : t.tag === "defs" && (!((i = t.children) === null || i === void 0) && i.length) ?
|
|
289
|
-
return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ?
|
|
291
|
+
return !n || n.length === 0 ? t : t.tag === "defs" && (!((i = t.children) === null || i === void 0) && i.length) ? f(f({}, t), { children: t.children.map(function(r) {
|
|
292
|
+
return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? f(f({}, r), { attrs: f(f({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
|
|
290
293
|
}) }) : t;
|
|
291
294
|
}
|
|
292
295
|
function at() {
|
|
293
296
|
return Math.random().toString(36).substring(2, 8);
|
|
294
297
|
}
|
|
295
298
|
H.displayName = "UniverIcon";
|
|
296
|
-
var dt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, ce =
|
|
297
|
-
return
|
|
299
|
+
var dt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, ce = k(function(t, e) {
|
|
300
|
+
return $(H, Object.assign({}, t, {
|
|
298
301
|
id: "check-mark-single",
|
|
299
302
|
ref: e,
|
|
300
303
|
icon: dt
|
|
301
304
|
}));
|
|
302
305
|
});
|
|
303
306
|
ce.displayName = "CheckMarkSingle";
|
|
304
|
-
var lt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z" } }] }, ae =
|
|
305
|
-
return
|
|
307
|
+
var lt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z" } }] }, ae = k(function(t, e) {
|
|
308
|
+
return $(H, Object.assign({}, t, {
|
|
306
309
|
id: "close-single",
|
|
307
310
|
ref: e,
|
|
308
311
|
icon: lt
|
|
309
312
|
}));
|
|
310
313
|
});
|
|
311
314
|
ae.displayName = "CloseSingle";
|
|
312
|
-
const ut = "univer-zen-editor", ht = "univer-zen-editor-icon-wrapper", _t = "univer-zen-editor-icon-container", ft = "univer-zen-editor-icon-success",
|
|
315
|
+
const ut = "univer-zen-editor", ht = "univer-zen-editor-icon-wrapper", _t = "univer-zen-editor-icon-container", ft = "univer-zen-editor-icon-success", gt = "univer-zen-editor-icon-error", vt = "univer-zen-editor-canvas-container", I = {
|
|
313
316
|
zenEditor: ut,
|
|
314
317
|
zenEditorIconWrapper: ht,
|
|
315
318
|
zenEditorIconContainer: _t,
|
|
316
319
|
zenEditorIconSuccess: ft,
|
|
317
|
-
zenEditorIconError:
|
|
318
|
-
zenEditorCanvasContainer:
|
|
320
|
+
zenEditorIconError: gt,
|
|
321
|
+
zenEditorCanvasContainer: vt
|
|
319
322
|
}, pt = "ZEN_EDITOR_PLUGIN_", mt = `${pt}ZEN_EDITOR_COMPONENT`;
|
|
320
323
|
function St() {
|
|
321
|
-
const t = ie(null), e =
|
|
324
|
+
const t = ie(null), e = D(ne), i = D(F), n = D(j);
|
|
322
325
|
He(() => {
|
|
323
|
-
const
|
|
324
|
-
if (!
|
|
326
|
+
const s = t.current;
|
|
327
|
+
if (!s)
|
|
325
328
|
return;
|
|
326
329
|
const c = e.currentRender$.subscribe((d) => {
|
|
327
|
-
var
|
|
328
|
-
if (d !==
|
|
330
|
+
var u;
|
|
331
|
+
if (d !== _)
|
|
329
332
|
return;
|
|
330
|
-
const l = (
|
|
331
|
-
l == null || l.setContainer(
|
|
333
|
+
const l = (u = e.getRenderById(_)) == null ? void 0 : u.engine;
|
|
334
|
+
l == null || l.setContainer(s);
|
|
332
335
|
}), a = new ResizeObserver(() => {
|
|
333
|
-
const d =
|
|
336
|
+
const d = s.getBoundingClientRect();
|
|
334
337
|
i.setPosition(d);
|
|
335
338
|
});
|
|
336
|
-
return a.observe(
|
|
337
|
-
a.unobserve(
|
|
339
|
+
return a.observe(s), () => {
|
|
340
|
+
a.unobserve(s), c.unsubscribe();
|
|
338
341
|
};
|
|
339
342
|
}, []);
|
|
340
343
|
function r() {
|
|
341
344
|
n.executeCommand(W.id);
|
|
342
345
|
}
|
|
343
|
-
function
|
|
346
|
+
function o() {
|
|
344
347
|
n.executeCommand(Y.id);
|
|
345
348
|
}
|
|
346
|
-
return /* @__PURE__ */
|
|
347
|
-
/* @__PURE__ */
|
|
348
|
-
/* @__PURE__ */
|
|
349
|
+
return /* @__PURE__ */ E.jsxs("div", { className: I.zenEditor, children: [
|
|
350
|
+
/* @__PURE__ */ E.jsxs("div", { className: I.zenEditorIconWrapper, children: [
|
|
351
|
+
/* @__PURE__ */ E.jsx(
|
|
349
352
|
"span",
|
|
350
353
|
{
|
|
351
|
-
className: q(
|
|
354
|
+
className: q(I.zenEditorIconContainer, I.zenEditorIconError),
|
|
352
355
|
onClick: r,
|
|
353
|
-
children: /* @__PURE__ */
|
|
356
|
+
children: /* @__PURE__ */ E.jsx(ae, { style: { fontSize: "22px" } })
|
|
354
357
|
}
|
|
355
358
|
),
|
|
356
|
-
/* @__PURE__ */
|
|
359
|
+
/* @__PURE__ */ E.jsx(
|
|
357
360
|
"span",
|
|
358
361
|
{
|
|
359
|
-
className: q(
|
|
360
|
-
onClick:
|
|
361
|
-
children: /* @__PURE__ */
|
|
362
|
+
className: q(I.zenEditorIconContainer, I.zenEditorIconSuccess),
|
|
363
|
+
onClick: o,
|
|
364
|
+
children: /* @__PURE__ */ E.jsx(ce, { style: { fontSize: "22px" } })
|
|
362
365
|
}
|
|
363
366
|
)
|
|
364
367
|
] }),
|
|
365
|
-
/* @__PURE__ */
|
|
368
|
+
/* @__PURE__ */ E.jsx("div", { className: I.zenEditorCanvasContainer, ref: t })
|
|
366
369
|
] });
|
|
367
370
|
}
|
|
368
371
|
const Et = {
|
|
@@ -370,7 +373,7 @@ const Et = {
|
|
|
370
373
|
description: "shortcut.sheet.zen-edit-confirm",
|
|
371
374
|
group: "4_sheet-edit",
|
|
372
375
|
preconditions: (t) => de(t),
|
|
373
|
-
binding: A.ENTER |
|
|
376
|
+
binding: A.ENTER | je.ALT
|
|
374
377
|
}, It = {
|
|
375
378
|
id: W.id,
|
|
376
379
|
description: "shortcut.sheet.zen-edit-cancel",
|
|
@@ -382,14 +385,14 @@ function de(t) {
|
|
|
382
385
|
return t.getContextValue(me) && t.getContextValue(Se) && t.getContextValue(Ee) && !t.getContextValue(Ie);
|
|
383
386
|
}
|
|
384
387
|
var Ct = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, yt = (t, e, i, n) => {
|
|
385
|
-
for (var r = n > 1 ? void 0 : n ? Ot(e, i) : e,
|
|
386
|
-
(
|
|
388
|
+
for (var r = n > 1 ? void 0 : n ? Ot(e, i) : e, o = t.length - 1, s; o >= 0; o--)
|
|
389
|
+
(s = t[o]) && (r = (n ? s(e, i, r) : s(r)) || r);
|
|
387
390
|
return n && r && Ct(e, i, r), r;
|
|
388
|
-
},
|
|
391
|
+
}, y = (t, e) => (i, n) => e(i, n, t);
|
|
389
392
|
const bt = {};
|
|
390
|
-
let
|
|
391
|
-
constructor(t, e, i, n, r,
|
|
392
|
-
super(), this._config = t, this._injector = e, this._zenZoneService = i, this._commandService = n, this._menuService = r, this._shortcutService =
|
|
393
|
+
let b = class extends Ce {
|
|
394
|
+
constructor(t, e, i, n, r, o) {
|
|
395
|
+
super(), this._config = t, this._injector = e, this._zenZoneService = i, this._commandService = n, this._menuService = r, this._shortcutService = o, this._initialize();
|
|
393
396
|
}
|
|
394
397
|
_initialize() {
|
|
395
398
|
this._initCustomComponents(), this._initCommands(), this._initMenus(), this._initShortcuts();
|
|
@@ -398,7 +401,7 @@ let I = class extends Ce {
|
|
|
398
401
|
this.disposeWithMe(this._zenZoneService.set(mt, St));
|
|
399
402
|
}
|
|
400
403
|
_initCommands() {
|
|
401
|
-
[
|
|
404
|
+
[B, W, Y].forEach((t) => {
|
|
402
405
|
this.disposeWithMe(this._commandService.registerCommand(t));
|
|
403
406
|
});
|
|
404
407
|
}
|
|
@@ -417,43 +420,43 @@ let I = class extends Ce {
|
|
|
417
420
|
});
|
|
418
421
|
}
|
|
419
422
|
};
|
|
420
|
-
|
|
421
|
-
ee(te.Rendered,
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
],
|
|
423
|
+
b = yt([
|
|
424
|
+
ee(te.Rendered, b),
|
|
425
|
+
y(1, T(L)),
|
|
426
|
+
y(2, x),
|
|
427
|
+
y(3, j),
|
|
428
|
+
y(4, Le),
|
|
429
|
+
y(5, Ze)
|
|
430
|
+
], b);
|
|
428
431
|
var Tt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, Nt = (t, e, i, n) => {
|
|
429
|
-
for (var r = n > 1 ? void 0 : n ? Rt(e, i) : e,
|
|
430
|
-
(
|
|
432
|
+
for (var r = n > 1 ? void 0 : n ? Rt(e, i) : e, o = t.length - 1, s; o >= 0; o--)
|
|
433
|
+
(s = t[o]) && (r = (n ? s(e, i, r) : s(r)) || r);
|
|
431
434
|
return n && r && Tt(e, i, r), r;
|
|
432
|
-
}, J = (t, e) => (i, n) => e(i, n, t),
|
|
433
|
-
let Q = (
|
|
435
|
+
}, J = (t, e) => (i, n) => e(i, n, t), R;
|
|
436
|
+
let Q = (R = class extends Oe {
|
|
434
437
|
constructor(t = {}, e, i) {
|
|
435
438
|
super(), this._config = t, this._injector = e, this._localeService = i, this._initializeDependencies(this._injector), this._config = ye.deepMerge({}, bt, this._config);
|
|
436
439
|
}
|
|
437
440
|
_initializeDependencies(t) {
|
|
438
441
|
[
|
|
439
442
|
[
|
|
440
|
-
|
|
443
|
+
b,
|
|
441
444
|
{
|
|
442
|
-
useFactory: () => this._injector.createInstance(
|
|
445
|
+
useFactory: () => this._injector.createInstance(b, this._config)
|
|
443
446
|
}
|
|
444
447
|
],
|
|
445
|
-
[
|
|
448
|
+
[N],
|
|
446
449
|
[F, { useClass: Ke }]
|
|
447
450
|
].forEach((i) => t.add(i));
|
|
448
451
|
}
|
|
449
|
-
},
|
|
452
|
+
}, S(R, "pluginName", "zen-editor"), S(R, "type", z.UNIVER_DOC), R);
|
|
450
453
|
Q = Nt([
|
|
451
|
-
J(1,
|
|
452
|
-
J(2,
|
|
454
|
+
J(1, T(L)),
|
|
455
|
+
J(2, T(be))
|
|
453
456
|
], Q);
|
|
454
457
|
export {
|
|
455
458
|
W as CancelZenEditCommand,
|
|
456
459
|
Y as ConfirmZenEditCommand,
|
|
457
|
-
|
|
460
|
+
B as OpenZenEditorOperation,
|
|
458
461
|
Q as UniverSheetsZenEditorPlugin
|
|
459
462
|
};
|
package/lib/locale/zh-CN.json
CHANGED
package/lib/umd/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(d,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("@univerjs/core"),require("@wendellhu/redi"),require("@univerjs/docs"),require("@univerjs/engine-render"),require("@univerjs/sheets-ui"),require("@univerjs/ui"),require("rxjs"),require("@univerjs/sheets"),require("react"),require("@wendellhu/redi/react-bindings"),require("clsx")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@wendellhu/redi","@univerjs/docs","@univerjs/engine-render","@univerjs/sheets-ui","@univerjs/ui","rxjs","@univerjs/sheets","react","@wendellhu/redi/react-bindings","clsx"],c):(d=typeof globalThis<"u"?globalThis:d||self,c(d.UniverSheetsZenEditor={},d.UniverCore,d["@wendellhu/redi"],d.UniverDocs,d.UniverEngineRender,d.UniverSheetsUi,d.UniverUi,d.rxjs,d.UniverSheets,d.React,d["@wendellhu/redi/react-bindings"],d.clsx))})(this,function(d,c,
|
|
1
|
+
(function(d,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("@univerjs/core"),require("@wendellhu/redi"),require("@univerjs/docs"),require("@univerjs/engine-render"),require("@univerjs/sheets-ui"),require("@univerjs/ui"),require("rxjs"),require("@univerjs/sheets"),require("react"),require("@wendellhu/redi/react-bindings"),require("clsx")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@wendellhu/redi","@univerjs/docs","@univerjs/engine-render","@univerjs/sheets-ui","@univerjs/ui","rxjs","@univerjs/sheets","react","@wendellhu/redi/react-bindings","clsx"],c):(d=typeof globalThis<"u"?globalThis:d||self,c(d.UniverSheetsZenEditor={},d.UniverCore,d["@wendellhu/redi"],d.UniverDocs,d.UniverEngineRender,d.UniverSheetsUi,d.UniverUi,d.rxjs,d.UniverSheets,d.React,d["@wendellhu/redi/react-bindings"],d.clsx))})(this,function(d,c,v,N,j,b,h,Y,x,E,k,K){"use strict";var be=Object.defineProperty;var xe=(d,c,v)=>c in d?be(d,c,{enumerable:!0,configurable:!0,writable:!0,value:v}):d[c]=v;var R=(d,c,v)=>xe(d,typeof c!="symbol"?c+"":c,v);var V;const P={id:"zen-editor.operation.open-zen-editor",type:c.CommandType.OPERATION,handler:n=>!0};class ee{constructor(){R(this,"_position",null);R(this,"_position$",new Y.BehaviorSubject(null));R(this,"position$",this._position$.asObservable())}dispose(){this._position$.complete(),this._position=null}setPosition(t){this._position=t,this._refresh(t)}getPosition(){return this._position}_refresh(t){this._position$.next(t)}}const B=v.createIdentifier("univer.sheet-zen-editor-manager.service");var te=Object.defineProperty,ne=Object.getOwnPropertyDescriptor,ie=(n,t,i,e)=>{for(var r=e>1?void 0:e?ne(t,i):t,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(e?s(t,i,r):s(r))||r);return e&&r&&te(t,i,r),r},m=(n,t)=>(i,e)=>t(i,e,n);const g="__defaultDocumentZenEditorSpecialUnitId_20231218__";let w=class extends c.RxDisposable{constructor(t,i,e,r,o,s,a,l,u){super();R(this,"_zenEditorInitialState",!1);this._injector=t,this._univerInstanceService=i,this._zenEditorManagerService=e,this._renderManagerService=r,this._commandService=o,this._zenZoneService=s,this._editorBridgeService=a,this._undoRedoService=l,this._textSelectionManagerService=u,this._initialize()}_initialize(){this._syncZenEditorSize(),this._commandExecutedListener()}_createZenEditorInstance(){const t={id:g,body:{dataStream:`${c.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],customBlocks:[],paragraphs:[{startIndex:0}]},documentStyle:{pageSize:{width:595,height:842},documentFlavor:c.DocumentFlavor.MODERN,marginTop:50,marginBottom:50,marginRight:40,marginLeft:40,renderConfig:{vertexAngle:0,centerAngle:0}},drawings:{},drawingsOrder:[]};return this._univerInstanceService.createUnit(c.UniverInstanceType.UNIVER_DOC,t)}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(Y.takeUntil(this.dispose$)).subscribe(t=>{var l;if(t==null)return;const i=b.getEditorObject(g,this._renderManagerService),e=this._univerInstanceService.getUniverDocInstance(g);if(i==null||e==null)return;const{width:r,height:o}=t,{engine:s}=i,a=(l=this._renderManagerService.getRenderById(g))==null?void 0:l.with(N.DocSkeletonManagerService).getSkeleton();requestIdleCallback(()=>{s.resizeBySize(r,o),this._calculatePagePosition(i),a&&this._textSelectionManagerService.refreshSelection()})})}_handleOpenZenEditor(){this._zenEditorInitialState||(this._createZenEditorInstance(),this._zenEditorInitialState=!0),this._zenZoneService.open(),this._undoRedoService.clearUndoRedo(g),this._univerInstanceService.focusUnit(g),this._univerInstanceService.setCurrentUnitForType(g),this._editorBridgeService.isVisible().visible===!1&&this._editorBridgeService.changeVisible({visible:!0,eventType:j.DeviceInputEventType.PointerDown});const i=this._editorBridgeService.getLatestEditCellState();if(i==null)return;this._editorSyncHandler(i);const e=[{startOffset:0,endOffset:0}];this._textSelectionManagerService.replaceTextRanges(e)}_editorSyncHandler(t){var s,a;const i=(s=t.documentLayoutObject.documentModel)==null?void 0:s.getBody(),e=i==null?void 0:i.dataStream,r=i==null?void 0:i.paragraphs;let o=[];e==null||r==null||((a=i==null?void 0:i.textRuns)!=null&&a.length&&(o=i==null?void 0:i.textRuns),this._syncContentAndRender(g,e,r,o))}_syncContentAndRender(t,i,e,r=[],o=[],s={},a=[]){var T;const l=[g,c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY],u=(T=this._renderManagerService.getRenderById(t))==null?void 0:T.with(N.DocSkeletonManagerService),_=u==null?void 0:u.getSkeleton(),f=this._univerInstanceService.getUniverDocInstance(t),I=u==null?void 0:u.getViewModel();if(f==null||I==null||_==null)return;const p=f.getBody(),y=f.getSnapshot();p.dataStream=i,p.paragraphs=e,p.customBlocks=o,y.drawings=s,y.drawingsOrder=a,t===c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&(p.textRuns=[]),r.length>0&&(p.textRuns=r),I.reset(f);const z=this._getDocObject();z!=null&&(_.calculate(),l.includes(t)&&z.document.makeDirty())}_calculatePagePosition(t){const{document:i,scene:e,docBackground:r}=t,o=e==null?void 0:e.getParent(),{width:s,height:a,pageMarginLeft:l,pageMarginTop:u}=i;if(o==null||s===Number.POSITIVE_INFINITY||a===Number.POSITIVE_INFINITY)return;const{width:_,height:f}=o;let I=0,p=0,y=0,z=0,T=Number.POSITIVE_INFINITY;const{scaleX:U,scaleY:ze}=e.getAncestorScale();_>(s+l*2)*U?(I=_/2-s*U/2,I/=U,y=(_-l*2)/U,T=0):(I=l,y=s+l*2,T=(y-_/U)/2),f>a?(p=f/2-a/2,z=(f-u*2)/ze):(p=u,z=a+u*2),e.resize(y,z+200),i.translate(I,p),r.translate(I,p);const W=e.getViewport(N.VIEWPORT_KEY.VIEW_MAIN);if(T!==Number.POSITIVE_INFINITY&&W!=null){const je=W.transScroll2ViewportScrollValue(T,0).x;W.scrollTo({x:je})}return this}_commandExecutedListener(){const t=[P.id];this.disposeWithMe(this._commandService.onCommandExecuted(e=>{t.includes(e.id)&&this._handleOpenZenEditor()}));const i=[N.RichTextEditingMutation.id];this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(i.includes(e.id)){const r=e.params,{unitId:o}=r;if(o===g){const s=this._univerInstanceService.getUniverDocInstance(o),a=s==null?void 0:s.getBody(),l=a==null?void 0:a.dataStream,u=a==null?void 0:a.paragraphs,_=a==null?void 0:a.textRuns,f=a==null?void 0:a.customBlocks,I=s==null?void 0:s.getDrawings(),p=s==null?void 0:s.getDrawingsOrder();if(this._editorBridgeService.changeEditorDirty(!0),l==null||u==null)return;this._syncContentAndRender(c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,l,u,_,f,I,p)}}}))}_getDocObject(){return N.getDocObject(this._univerInstanceService,this._renderManagerService)}};w=ie([c.OnLifecycle(c.LifecycleStages.Steady,w),m(0,v.Inject(v.Injector)),m(1,c.IUniverInstanceService),m(2,B),m(3,j.IRenderManagerService),m(4,c.ICommandService),m(5,h.IZenZoneService),m(6,b.IEditorBridgeService),m(7,c.IUndoRedoService),m(8,v.Inject(N.TextSelectionManagerService))],w);const Z={id:"zen-editor.command.cancel-zen-edit",type:c.CommandType.COMMAND,handler:async n=>{const t=n.get(h.IZenZoneService),i=n.get(b.IEditorBridgeService),e=n.get(c.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:j.DeviceInputEventType.Keyboard,keycode:h.KeyCode.ESC}),t.close();const o=e.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);return o?(e.focusUnit(o.getUnitId()),i.refreshEditCellState(),!0):!1}},L={id:"zen-editor.command.confirm-zen-edit",type:c.CommandType.COMMAND,handler:async n=>{const t=n.get(h.IZenZoneService),i=n.get(b.IEditorBridgeService),e=n.get(c.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:j.DeviceInputEventType.PointerDown}),t.close();const o=e.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);return o?(e.focusUnit(o.getUnitId()),i.refreshEditCellState(),!0):!1}};function re(n){return{id:P.id,group:h.MenuGroup.CONTEXT_MENU_OTHERS,type:h.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",positions:[h.MenuPosition.CONTEXT_MENU],disabled$:b.getCurrentRangeDisable$(n,{workbookTypes:[x.WorkbookEditablePermission],worksheetTypes:[x.WorksheetEditPermission,x.WorksheetSetCellValuePermission,x.WorksheetSetCellStylePermission],rangeTypes:[x.RangeProtectionPermissionEditPoint]})}}var H={exports:{}},A={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var se=
|
|
9
|
+
*/var se=E,oe=Symbol.for("react.element"),ce=Symbol.for("react.fragment"),ae=Object.prototype.hasOwnProperty,de=se.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,le={key:!0,ref:!0,__self:!0,__source:!0};function X(n,t,i){var e,r={},o=null,s=null;i!==void 0&&(o=""+i),t.key!==void 0&&(o=""+t.key),t.ref!==void 0&&(s=t.ref);for(e in t)ae.call(t,e)&&!le.hasOwnProperty(e)&&(r[e]=t[e]);if(n&&n.defaultProps)for(e in t=n.defaultProps,t)r[e]===void 0&&(r[e]=t[e]);return{$$typeof:oe,type:n,key:o,ref:s,props:r,_owner:de.current}}A.Fragment=ce,A.jsx=X,A.jsxs=X,H.exports=A;var C=H.exports,S=function(){return S=Object.assign||function(n){for(var t,i=1,e=arguments.length;i<e;i++){t=arguments[i];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},S.apply(this,arguments)},ue=function(n,t){var i={};for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&t.indexOf(e)<0&&(i[e]=n[e]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(n);r<e.length;r++)t.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(n,e[r])&&(i[e[r]]=n[e[r]]);return i},F=E.forwardRef(function(n,t){var i=n.icon,e=n.id,r=n.className,o=n.extend,s=ue(n,["icon","id","className","extend"]),a="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),l=E.useRef("_".concat(_e()));return $(i,"".concat(e),{defIds:i.defIds,idSuffix:l.current},S({ref:t,className:a},s),o)});function $(n,t,i,e,r){return E.createElement(n.tag,S(S({key:t},ve(n,i,r)),e),(he(n,i).children||[]).map(function(o,s){return $(o,"".concat(t,"-").concat(n.tag,"-").concat(s),i,void 0,r)}))}function ve(n,t,i){var e=S({},n.attrs);i!=null&&i.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=i.colorChannel1);var r=t.defIds;return!r||r.length===0||(n.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(o){var s=o[0],a=o[1];typeof a=="string"&&(e[s]=a.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),e}function he(n,t){var i,e=t.defIds;return!e||e.length===0?n:n.tag==="defs"&&(!((i=n.children)===null||i===void 0)&&i.length)?S(S({},n),{children:n.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?S(S({},r),{attrs:S(S({},r.attrs),{id:r.attrs.id+t.idSuffix})}):r})}):n}function _e(){return Math.random().toString(36).substring(2,8)}F.displayName="UniverIcon";var fe={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z",fillRule:"evenodd",clipRule:"evenodd"}}]},G=E.forwardRef(function(n,t){return E.createElement(F,Object.assign({},n,{id:"check-mark-single",ref:t,icon:fe}))});G.displayName="CheckMarkSingle";var ge={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z"}}]},q=E.forwardRef(function(n,t){return E.createElement(F,Object.assign({},n,{id:"close-single",ref:t,icon:ge}))});q.displayName="CloseSingle";const O={zenEditor:"univer-zen-editor",zenEditorIconWrapper:"univer-zen-editor-icon-wrapper",zenEditorIconContainer:"univer-zen-editor-icon-container",zenEditorIconSuccess:"univer-zen-editor-icon-success",zenEditorIconError:"univer-zen-editor-icon-error",zenEditorCanvasContainer:"univer-zen-editor-canvas-container"},Se="ZEN_EDITOR_PLUGIN_ZEN_EDITOR_COMPONENT";function pe(){const n=E.useRef(null),t=k.useDependency(j.IRenderManagerService),i=k.useDependency(B),e=k.useDependency(c.ICommandService);E.useEffect(()=>{const s=n.current;if(!s)return;const a=t.currentRender$.subscribe(u=>{var f;if(u!==g)return;const _=(f=t.getRenderById(g))==null?void 0:f.engine;_==null||_.setContainer(s)}),l=new ResizeObserver(()=>{const u=s.getBoundingClientRect();i.setPosition(u)});return l.observe(s),()=>{l.unobserve(s),a.unsubscribe()}},[]);function r(){e.executeCommand(Z.id)}function o(){e.executeCommand(L.id)}return C.jsxs("div",{className:O.zenEditor,children:[C.jsxs("div",{className:O.zenEditorIconWrapper,children:[C.jsx("span",{className:K(O.zenEditorIconContainer,O.zenEditorIconError),onClick:r,children:C.jsx(q,{style:{fontSize:"22px"}})}),C.jsx("span",{className:K(O.zenEditorIconContainer,O.zenEditorIconSuccess),onClick:o,children:C.jsx(G,{style:{fontSize:"22px"}})})]}),C.jsx("div",{className:O.zenEditorCanvasContainer,ref:n})]})}const Ee={id:L.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:n=>J(n),binding:h.KeyCode.ENTER|h.MetaKeys.ALT},Ie={id:Z.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:n=>J(n),binding:h.KeyCode.ESC};function J(n){return n.getContextValue(c.FOCUSING_DOC)&&n.getContextValue(c.FOCUSING_UNIVER_EDITOR)&&n.getContextValue(c.EDITOR_ACTIVATED)&&!n.getContextValue(c.FOCUSING_EDITOR_STANDALONE)}var me=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,Oe=(n,t,i,e)=>{for(var r=e>1?void 0:e?Ce(t,i):t,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(e?s(t,i,r):s(r))||r);return e&&r&&me(t,i,r),r},D=(n,t)=>(i,e)=>t(i,e,n);const ye={};let M=class extends c.Disposable{constructor(n,t,i,e,r,o){super(),this._config=n,this._injector=t,this._zenZoneService=i,this._commandService=e,this._menuService=r,this._shortcutService=o,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(Se,pe))}_initCommands(){[P,Z,L].forEach(n=>{this.disposeWithMe(this._commandService.registerCommand(n))})}_initMenus(){const{menu:n={}}=this._config;[re].forEach(t=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(t),n))})}_initShortcuts(){[Ee,Ie].forEach(n=>{this.disposeWithMe(this._shortcutService.registerShortcut(n))})}};M=Oe([c.OnLifecycle(c.LifecycleStages.Rendered,M),D(1,v.Inject(v.Injector)),D(2,h.IZenZoneService),D(3,c.ICommandService),D(4,h.IMenuService),D(5,h.IShortcutService)],M);var Te=Object.defineProperty,Re=Object.getOwnPropertyDescriptor,Ne=(n,t,i,e)=>{for(var r=e>1?void 0:e?Re(t,i):t,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(e?s(t,i,r):s(r))||r);return e&&r&&Te(t,i,r),r},Q=(n,t)=>(i,e)=>t(i,e,n);d.UniverSheetsZenEditorPlugin=(V=class extends c.Plugin{constructor(t={},i,e){super(),this._config=t,this._injector=i,this._localeService=e,this._initializeDependencies(this._injector),this._config=c.Tools.deepMerge({},ye,this._config)}_initializeDependencies(t){[[M,{useFactory:()=>this._injector.createInstance(M,this._config)}],[w],[B,{useClass:ee}]].forEach(e=>t.add(e))}},R(V,"pluginName","zen-editor"),R(V,"type",c.UniverInstanceType.UNIVER_DOC),V),d.UniverSheetsZenEditorPlugin=Ne([Q(1,v.Inject(v.Injector)),Q(2,v.Inject(c.LocaleService))],d.UniverSheetsZenEditorPlugin),d.CancelZenEditCommand=Z,d.ConfirmZenEditCommand=L,d.OpenZenEditorOperation=P,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@univerjs/sheets-zen-editor",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.3",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Zen Editor plugin for Univer Sheets.",
|
|
6
6
|
"author": "DreamNum <developer@univer.ai>",
|
|
@@ -54,16 +54,16 @@
|
|
|
54
54
|
"clsx": ">=2.0.0",
|
|
55
55
|
"react": "^16.9.0 || ^17.0.0 || ^18.0.0",
|
|
56
56
|
"rxjs": ">=7.0.0",
|
|
57
|
-
"@univerjs/
|
|
58
|
-
"@univerjs/engine-render": "0.2.
|
|
59
|
-
"@univerjs/
|
|
60
|
-
"@univerjs/sheets
|
|
61
|
-
"@univerjs/
|
|
62
|
-
"@univerjs/ui": "0.2.
|
|
57
|
+
"@univerjs/core": "0.2.3",
|
|
58
|
+
"@univerjs/engine-render": "0.2.3",
|
|
59
|
+
"@univerjs/docs": "0.2.3",
|
|
60
|
+
"@univerjs/sheets": "0.2.3",
|
|
61
|
+
"@univerjs/sheets-ui": "0.2.3",
|
|
62
|
+
"@univerjs/ui": "0.2.3"
|
|
63
63
|
},
|
|
64
64
|
"dependencies": {
|
|
65
65
|
"@univerjs/icons": "^0.1.58",
|
|
66
|
-
"@univerjs/sheets": "0.2.
|
|
66
|
+
"@univerjs/sheets": "0.2.3"
|
|
67
67
|
},
|
|
68
68
|
"devDependencies": {
|
|
69
69
|
"@wendellhu/redi": "0.15.5",
|
|
@@ -74,14 +74,14 @@
|
|
|
74
74
|
"typescript": "^5.5.3",
|
|
75
75
|
"vite": "^5.3.3",
|
|
76
76
|
"vitest": "^1.6.0",
|
|
77
|
-
"@univerjs/
|
|
78
|
-
"@univerjs/
|
|
79
|
-
"@univerjs/
|
|
80
|
-
"@univerjs/engine-render": "0.2.
|
|
81
|
-
"@univerjs/shared": "0.2.
|
|
82
|
-
"@univerjs/sheets": "0.2.
|
|
83
|
-
"@univerjs/
|
|
84
|
-
"@univerjs/
|
|
77
|
+
"@univerjs/design": "0.2.3",
|
|
78
|
+
"@univerjs/docs": "0.2.3",
|
|
79
|
+
"@univerjs/core": "0.2.3",
|
|
80
|
+
"@univerjs/engine-render": "0.2.3",
|
|
81
|
+
"@univerjs/shared": "0.2.3",
|
|
82
|
+
"@univerjs/sheets-ui": "0.2.3",
|
|
83
|
+
"@univerjs/sheets": "0.2.3",
|
|
84
|
+
"@univerjs/ui": "0.2.3"
|
|
85
85
|
},
|
|
86
86
|
"univerSpace": {
|
|
87
87
|
".": {
|