@univerjs/ui-adapter-vue3 0.20.1 → 0.21.0

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.
Files changed (5) hide show
  1. package/lib/cjs/index.js +124 -1
  2. package/lib/es/index.js +118 -1
  3. package/lib/index.js +118 -1
  4. package/lib/umd/index.js +1 -1
  5. package/package.json +6 -6
package/lib/cjs/index.js CHANGED
@@ -1 +1,124 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@univerjs/core`),t=require(`@univerjs/ui`),n=require(`vue`);var r=`@univerjs/ui-adapter-vue3`,i=`0.20.1`;function a(e,t){return function(n,r){t(n,r,e)}}function o(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function s(e){"@babel/helpers - typeof";return s=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},s(e)}function c(e,t){if(s(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(s(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function l(e){var t=c(e,`string`);return s(t)==`symbol`?t:t+``}function u(e,t,n){return(t=l(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}let d=class extends e.Plugin{constructor(e={},t,n){super(),this._config=e,this._injector=t,this._componentManager=n}onStarting(){let{createElement:e,useEffect:t,useRef:n}=this._componentManager.reactUtils;this._componentManager.setHandler(`vue3`,r=>i=>e(f,{component:r,props:Object.keys(i).reduce((e,t)=>(t!==`key`&&(e[t]=i[t]),e),{}),reactUtils:{createElement:e,useEffect:t,useRef:n}}))}};u(d,`pluginName`,`UNIVER_UI_ADAPTER_VUE3_PLUGIN`),u(d,`packageName`,r),u(d,`version`,i),d=o([(0,e.DependentOn)(t.UniverUIPlugin),a(1,(0,e.Inject)(e.Injector)),a(2,(0,e.Inject)(t.ComponentManager))],d);function f(e){let{component:t,props:r,reactUtils:i}=e,{createElement:a,useEffect:o,useRef:s}=i,c=s(null);return o(()=>{if(c.current)return(0,n.render)((0,n.h)(t,r),c.current),()=>{c.current&&(0,n.render)(null,c.current)}},[r]),a(`div`,{ref:c})}Object.defineProperty(exports,`UniverVue3AdapterPlugin`,{enumerable:!0,get:function(){return d}});
1
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
2
+ let _univerjs_core = require("@univerjs/core");
3
+ let _univerjs_ui = require("@univerjs/ui");
4
+ let vue = require("vue");
5
+
6
+ //#region package.json
7
+ var name = "@univerjs/ui-adapter-vue3";
8
+ var version = "0.21.0";
9
+
10
+ //#endregion
11
+ //#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
12
+ function __decorateParam(paramIndex, decorator) {
13
+ return function(target, key) {
14
+ decorator(target, key, paramIndex);
15
+ };
16
+ }
17
+
18
+ //#endregion
19
+ //#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
20
+ function __decorate(decorators, target, key, desc) {
21
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
22
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
23
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
24
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
25
+ }
26
+
27
+ //#endregion
28
+ //#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
29
+ function _typeof(o) {
30
+ "@babel/helpers - typeof";
31
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
32
+ return typeof o;
33
+ } : function(o) {
34
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
35
+ }, _typeof(o);
36
+ }
37
+
38
+ //#endregion
39
+ //#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
40
+ function toPrimitive(t, r) {
41
+ if ("object" != _typeof(t) || !t) return t;
42
+ var e = t[Symbol.toPrimitive];
43
+ if (void 0 !== e) {
44
+ var i = e.call(t, r || "default");
45
+ if ("object" != _typeof(i)) return i;
46
+ throw new TypeError("@@toPrimitive must return a primitive value.");
47
+ }
48
+ return ("string" === r ? String : Number)(t);
49
+ }
50
+
51
+ //#endregion
52
+ //#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
53
+ function toPropertyKey(t) {
54
+ var i = toPrimitive(t, "string");
55
+ return "symbol" == _typeof(i) ? i : i + "";
56
+ }
57
+
58
+ //#endregion
59
+ //#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
60
+ function _defineProperty(e, r, t) {
61
+ return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
62
+ value: t,
63
+ enumerable: !0,
64
+ configurable: !0,
65
+ writable: !0
66
+ }) : e[r] = t, e;
67
+ }
68
+
69
+ //#endregion
70
+ //#region src/plugin.ts
71
+ let UniverVue3AdapterPlugin = class UniverVue3AdapterPlugin extends _univerjs_core.Plugin {
72
+ constructor(_config = {}, _injector, _componentManager) {
73
+ super();
74
+ this._config = _config;
75
+ this._injector = _injector;
76
+ this._componentManager = _componentManager;
77
+ }
78
+ onStarting() {
79
+ const { createElement, useEffect, useRef } = this._componentManager.reactUtils;
80
+ this._componentManager.setHandler("vue3", (component) => {
81
+ return (props) => createElement(VueComponentWrapper, {
82
+ component,
83
+ props: Object.keys(props).reduce((acc, key) => {
84
+ if (key !== "key") acc[key] = props[key];
85
+ return acc;
86
+ }, {}),
87
+ reactUtils: {
88
+ createElement,
89
+ useEffect,
90
+ useRef
91
+ }
92
+ });
93
+ });
94
+ }
95
+ };
96
+ _defineProperty(UniverVue3AdapterPlugin, "pluginName", "UNIVER_UI_ADAPTER_VUE3_PLUGIN");
97
+ _defineProperty(UniverVue3AdapterPlugin, "packageName", name);
98
+ _defineProperty(UniverVue3AdapterPlugin, "version", version);
99
+ UniverVue3AdapterPlugin = __decorate([
100
+ (0, _univerjs_core.DependentOn)(_univerjs_ui.UniverUIPlugin),
101
+ __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
102
+ __decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager))
103
+ ], UniverVue3AdapterPlugin);
104
+ function VueComponentWrapper(options) {
105
+ const { component, props, reactUtils } = options;
106
+ const { createElement, useEffect, useRef } = reactUtils;
107
+ const domRef = useRef(null);
108
+ useEffect(() => {
109
+ if (!domRef.current) return;
110
+ (0, vue.render)((0, vue.h)(component, props), domRef.current);
111
+ return () => {
112
+ domRef.current && (0, vue.render)(null, domRef.current);
113
+ };
114
+ }, [props]);
115
+ return createElement("div", { ref: domRef });
116
+ }
117
+
118
+ //#endregion
119
+ Object.defineProperty(exports, 'UniverVue3AdapterPlugin', {
120
+ enumerable: true,
121
+ get: function () {
122
+ return UniverVue3AdapterPlugin;
123
+ }
124
+ });
package/lib/es/index.js CHANGED
@@ -1 +1,118 @@
1
- import{DependentOn as e,Inject as t,Injector as n,Plugin as r}from"@univerjs/core";import{ComponentManager as i,UniverUIPlugin as a}from"@univerjs/ui";import{h as o,render as s}from"vue";var c=`@univerjs/ui-adapter-vue3`,l=`0.20.1`;function u(e,t){return function(n,r){t(n,r,e)}}function d(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function f(e){"@babel/helpers - typeof";return f=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},f(e)}function p(e,t){if(f(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(f(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function m(e){var t=p(e,`string`);return f(t)==`symbol`?t:t+``}function h(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}let g=class extends r{constructor(e={},t,n){super(),this._config=e,this._injector=t,this._componentManager=n}onStarting(){let{createElement:e,useEffect:t,useRef:n}=this._componentManager.reactUtils;this._componentManager.setHandler(`vue3`,r=>i=>e(_,{component:r,props:Object.keys(i).reduce((e,t)=>(t!==`key`&&(e[t]=i[t]),e),{}),reactUtils:{createElement:e,useEffect:t,useRef:n}}))}};h(g,`pluginName`,`UNIVER_UI_ADAPTER_VUE3_PLUGIN`),h(g,`packageName`,c),h(g,`version`,l),g=d([e(a),u(1,t(n)),u(2,t(i))],g);function _(e){let{component:t,props:n,reactUtils:r}=e,{createElement:i,useEffect:a,useRef:c}=r,l=c(null);return a(()=>{if(l.current)return s(o(t,n),l.current),()=>{l.current&&s(null,l.current)}},[n]),i(`div`,{ref:l})}export{g as UniverVue3AdapterPlugin};
1
+ import { DependentOn, Inject, Injector, Plugin } from "@univerjs/core";
2
+ import { ComponentManager, UniverUIPlugin } from "@univerjs/ui";
3
+ import { h, render } from "vue";
4
+
5
+ //#region package.json
6
+ var name = "@univerjs/ui-adapter-vue3";
7
+ var version = "0.21.0";
8
+
9
+ //#endregion
10
+ //#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
11
+ function __decorateParam(paramIndex, decorator) {
12
+ return function(target, key) {
13
+ decorator(target, key, paramIndex);
14
+ };
15
+ }
16
+
17
+ //#endregion
18
+ //#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
19
+ function __decorate(decorators, target, key, desc) {
20
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
21
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
22
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
23
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
24
+ }
25
+
26
+ //#endregion
27
+ //#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
28
+ function _typeof(o) {
29
+ "@babel/helpers - typeof";
30
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
31
+ return typeof o;
32
+ } : function(o) {
33
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
34
+ }, _typeof(o);
35
+ }
36
+
37
+ //#endregion
38
+ //#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
39
+ function toPrimitive(t, r) {
40
+ if ("object" != _typeof(t) || !t) return t;
41
+ var e = t[Symbol.toPrimitive];
42
+ if (void 0 !== e) {
43
+ var i = e.call(t, r || "default");
44
+ if ("object" != _typeof(i)) return i;
45
+ throw new TypeError("@@toPrimitive must return a primitive value.");
46
+ }
47
+ return ("string" === r ? String : Number)(t);
48
+ }
49
+
50
+ //#endregion
51
+ //#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
52
+ function toPropertyKey(t) {
53
+ var i = toPrimitive(t, "string");
54
+ return "symbol" == _typeof(i) ? i : i + "";
55
+ }
56
+
57
+ //#endregion
58
+ //#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
59
+ function _defineProperty(e, r, t) {
60
+ return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
61
+ value: t,
62
+ enumerable: !0,
63
+ configurable: !0,
64
+ writable: !0
65
+ }) : e[r] = t, e;
66
+ }
67
+
68
+ //#endregion
69
+ //#region src/plugin.ts
70
+ let UniverVue3AdapterPlugin = class UniverVue3AdapterPlugin extends Plugin {
71
+ constructor(_config = {}, _injector, _componentManager) {
72
+ super();
73
+ this._config = _config;
74
+ this._injector = _injector;
75
+ this._componentManager = _componentManager;
76
+ }
77
+ onStarting() {
78
+ const { createElement, useEffect, useRef } = this._componentManager.reactUtils;
79
+ this._componentManager.setHandler("vue3", (component) => {
80
+ return (props) => createElement(VueComponentWrapper, {
81
+ component,
82
+ props: Object.keys(props).reduce((acc, key) => {
83
+ if (key !== "key") acc[key] = props[key];
84
+ return acc;
85
+ }, {}),
86
+ reactUtils: {
87
+ createElement,
88
+ useEffect,
89
+ useRef
90
+ }
91
+ });
92
+ });
93
+ }
94
+ };
95
+ _defineProperty(UniverVue3AdapterPlugin, "pluginName", "UNIVER_UI_ADAPTER_VUE3_PLUGIN");
96
+ _defineProperty(UniverVue3AdapterPlugin, "packageName", name);
97
+ _defineProperty(UniverVue3AdapterPlugin, "version", version);
98
+ UniverVue3AdapterPlugin = __decorate([
99
+ DependentOn(UniverUIPlugin),
100
+ __decorateParam(1, Inject(Injector)),
101
+ __decorateParam(2, Inject(ComponentManager))
102
+ ], UniverVue3AdapterPlugin);
103
+ function VueComponentWrapper(options) {
104
+ const { component, props, reactUtils } = options;
105
+ const { createElement, useEffect, useRef } = reactUtils;
106
+ const domRef = useRef(null);
107
+ useEffect(() => {
108
+ if (!domRef.current) return;
109
+ render(h(component, props), domRef.current);
110
+ return () => {
111
+ domRef.current && render(null, domRef.current);
112
+ };
113
+ }, [props]);
114
+ return createElement("div", { ref: domRef });
115
+ }
116
+
117
+ //#endregion
118
+ export { UniverVue3AdapterPlugin };
package/lib/index.js CHANGED
@@ -1 +1,118 @@
1
- import{DependentOn as e,Inject as t,Injector as n,Plugin as r}from"@univerjs/core";import{ComponentManager as i,UniverUIPlugin as a}from"@univerjs/ui";import{h as o,render as s}from"vue";var c=`@univerjs/ui-adapter-vue3`,l=`0.20.1`;function u(e,t){return function(n,r){t(n,r,e)}}function d(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function f(e){"@babel/helpers - typeof";return f=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},f(e)}function p(e,t){if(f(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(f(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function m(e){var t=p(e,`string`);return f(t)==`symbol`?t:t+``}function h(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}let g=class extends r{constructor(e={},t,n){super(),this._config=e,this._injector=t,this._componentManager=n}onStarting(){let{createElement:e,useEffect:t,useRef:n}=this._componentManager.reactUtils;this._componentManager.setHandler(`vue3`,r=>i=>e(_,{component:r,props:Object.keys(i).reduce((e,t)=>(t!==`key`&&(e[t]=i[t]),e),{}),reactUtils:{createElement:e,useEffect:t,useRef:n}}))}};h(g,`pluginName`,`UNIVER_UI_ADAPTER_VUE3_PLUGIN`),h(g,`packageName`,c),h(g,`version`,l),g=d([e(a),u(1,t(n)),u(2,t(i))],g);function _(e){let{component:t,props:n,reactUtils:r}=e,{createElement:i,useEffect:a,useRef:c}=r,l=c(null);return a(()=>{if(l.current)return s(o(t,n),l.current),()=>{l.current&&s(null,l.current)}},[n]),i(`div`,{ref:l})}export{g as UniverVue3AdapterPlugin};
1
+ import { DependentOn, Inject, Injector, Plugin } from "@univerjs/core";
2
+ import { ComponentManager, UniverUIPlugin } from "@univerjs/ui";
3
+ import { h, render } from "vue";
4
+
5
+ //#region package.json
6
+ var name = "@univerjs/ui-adapter-vue3";
7
+ var version = "0.21.0";
8
+
9
+ //#endregion
10
+ //#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
11
+ function __decorateParam(paramIndex, decorator) {
12
+ return function(target, key) {
13
+ decorator(target, key, paramIndex);
14
+ };
15
+ }
16
+
17
+ //#endregion
18
+ //#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
19
+ function __decorate(decorators, target, key, desc) {
20
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
21
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
22
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
23
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
24
+ }
25
+
26
+ //#endregion
27
+ //#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
28
+ function _typeof(o) {
29
+ "@babel/helpers - typeof";
30
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
31
+ return typeof o;
32
+ } : function(o) {
33
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
34
+ }, _typeof(o);
35
+ }
36
+
37
+ //#endregion
38
+ //#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
39
+ function toPrimitive(t, r) {
40
+ if ("object" != _typeof(t) || !t) return t;
41
+ var e = t[Symbol.toPrimitive];
42
+ if (void 0 !== e) {
43
+ var i = e.call(t, r || "default");
44
+ if ("object" != _typeof(i)) return i;
45
+ throw new TypeError("@@toPrimitive must return a primitive value.");
46
+ }
47
+ return ("string" === r ? String : Number)(t);
48
+ }
49
+
50
+ //#endregion
51
+ //#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
52
+ function toPropertyKey(t) {
53
+ var i = toPrimitive(t, "string");
54
+ return "symbol" == _typeof(i) ? i : i + "";
55
+ }
56
+
57
+ //#endregion
58
+ //#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
59
+ function _defineProperty(e, r, t) {
60
+ return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
61
+ value: t,
62
+ enumerable: !0,
63
+ configurable: !0,
64
+ writable: !0
65
+ }) : e[r] = t, e;
66
+ }
67
+
68
+ //#endregion
69
+ //#region src/plugin.ts
70
+ let UniverVue3AdapterPlugin = class UniverVue3AdapterPlugin extends Plugin {
71
+ constructor(_config = {}, _injector, _componentManager) {
72
+ super();
73
+ this._config = _config;
74
+ this._injector = _injector;
75
+ this._componentManager = _componentManager;
76
+ }
77
+ onStarting() {
78
+ const { createElement, useEffect, useRef } = this._componentManager.reactUtils;
79
+ this._componentManager.setHandler("vue3", (component) => {
80
+ return (props) => createElement(VueComponentWrapper, {
81
+ component,
82
+ props: Object.keys(props).reduce((acc, key) => {
83
+ if (key !== "key") acc[key] = props[key];
84
+ return acc;
85
+ }, {}),
86
+ reactUtils: {
87
+ createElement,
88
+ useEffect,
89
+ useRef
90
+ }
91
+ });
92
+ });
93
+ }
94
+ };
95
+ _defineProperty(UniverVue3AdapterPlugin, "pluginName", "UNIVER_UI_ADAPTER_VUE3_PLUGIN");
96
+ _defineProperty(UniverVue3AdapterPlugin, "packageName", name);
97
+ _defineProperty(UniverVue3AdapterPlugin, "version", version);
98
+ UniverVue3AdapterPlugin = __decorate([
99
+ DependentOn(UniverUIPlugin),
100
+ __decorateParam(1, Inject(Injector)),
101
+ __decorateParam(2, Inject(ComponentManager))
102
+ ], UniverVue3AdapterPlugin);
103
+ function VueComponentWrapper(options) {
104
+ const { component, props, reactUtils } = options;
105
+ const { createElement, useEffect, useRef } = reactUtils;
106
+ const domRef = useRef(null);
107
+ useEffect(() => {
108
+ if (!domRef.current) return;
109
+ render(h(component, props), domRef.current);
110
+ return () => {
111
+ domRef.current && render(null, domRef.current);
112
+ };
113
+ }, [props]);
114
+ return createElement("div", { ref: domRef });
115
+ }
116
+
117
+ //#endregion
118
+ export { UniverVue3AdapterPlugin };
package/lib/umd/index.js CHANGED
@@ -1 +1 @@
1
- (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`@univerjs/ui`),require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/ui`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverUiAdapterVue3={},e.UniverCore,e.UniverUi,e.Vue))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var i=`@univerjs/ui-adapter-vue3`,a=`0.20.1`;function o(e,t){return function(n,r){t(n,r,e)}}function s(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function c(e){"@babel/helpers - typeof";return c=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},c(e)}function l(e,t){if(c(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(c(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function u(e){var t=l(e,`string`);return c(t)==`symbol`?t:t+``}function d(e,t,n){return(t=u(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}let f=class extends t.Plugin{constructor(e={},t,n){super(),this._config=e,this._injector=t,this._componentManager=n}onStarting(){let{createElement:e,useEffect:t,useRef:n}=this._componentManager.reactUtils;this._componentManager.setHandler(`vue3`,r=>i=>e(p,{component:r,props:Object.keys(i).reduce((e,t)=>(t!==`key`&&(e[t]=i[t]),e),{}),reactUtils:{createElement:e,useEffect:t,useRef:n}}))}};d(f,`pluginName`,`UNIVER_UI_ADAPTER_VUE3_PLUGIN`),d(f,`packageName`,i),d(f,`version`,a),f=s([(0,t.DependentOn)(n.UniverUIPlugin),o(1,(0,t.Inject)(t.Injector)),o(2,(0,t.Inject)(n.ComponentManager))],f);function p(e){let{component:t,props:n,reactUtils:i}=e,{createElement:a,useEffect:o,useRef:s}=i,c=s(null);return o(()=>{if(c.current)return(0,r.render)((0,r.h)(t,n),c.current),()=>{c.current&&(0,r.render)(null,c.current)}},[n]),a(`div`,{ref:c})}Object.defineProperty(e,`UniverVue3AdapterPlugin`,{enumerable:!0,get:function(){return f}})});
1
+ (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`@univerjs/ui`),require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/ui`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverUiAdapterVue3={},e.UniverCore,e.UniverUi,e.Vue))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var i=`@univerjs/ui-adapter-vue3`,a=`0.21.0`;function o(e,t){return function(n,r){t(n,r,e)}}function s(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function c(e){"@babel/helpers - typeof";return c=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},c(e)}function l(e,t){if(c(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(c(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function u(e){var t=l(e,`string`);return c(t)==`symbol`?t:t+``}function d(e,t,n){return(t=u(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}let f=class extends t.Plugin{constructor(e={},t,n){super(),this._config=e,this._injector=t,this._componentManager=n}onStarting(){let{createElement:e,useEffect:t,useRef:n}=this._componentManager.reactUtils;this._componentManager.setHandler(`vue3`,r=>i=>e(p,{component:r,props:Object.keys(i).reduce((e,t)=>(t!==`key`&&(e[t]=i[t]),e),{}),reactUtils:{createElement:e,useEffect:t,useRef:n}}))}};d(f,`pluginName`,`UNIVER_UI_ADAPTER_VUE3_PLUGIN`),d(f,`packageName`,i),d(f,`version`,a),f=s([(0,t.DependentOn)(n.UniverUIPlugin),o(1,(0,t.Inject)(t.Injector)),o(2,(0,t.Inject)(n.ComponentManager))],f);function p(e){let{component:t,props:n,reactUtils:i}=e,{createElement:a,useEffect:o,useRef:s}=i,c=s(null);return o(()=>{if(c.current)return(0,r.render)((0,r.h)(t,n),c.current),()=>{c.current&&(0,r.render)(null,c.current)}},[n]),a(`div`,{ref:c})}Object.defineProperty(e,`UniverVue3AdapterPlugin`,{enumerable:!0,get:function(){return f}})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@univerjs/ui-adapter-vue3",
3
- "version": "0.20.1",
3
+ "version": "0.21.0",
4
4
  "private": false,
5
5
  "description": "Vue adapter for Univer UI",
6
6
  "author": "DreamNum <developer@univer.ai>",
@@ -48,14 +48,14 @@
48
48
  "vue": ">=3.0.0"
49
49
  },
50
50
  "dependencies": {
51
- "@univerjs/core": "0.20.1",
52
- "@univerjs/ui": "0.20.1"
51
+ "@univerjs/core": "0.21.0",
52
+ "@univerjs/ui": "0.21.0"
53
53
  },
54
54
  "devDependencies": {
55
55
  "typescript": "^6.0.2",
56
- "vitest": "^4.1.1",
57
- "vue": "^3.5.29",
58
- "@univerjs-infra/shared": "0.20.1"
56
+ "vitest": "^4.1.4",
57
+ "vue": "^3.5.32",
58
+ "@univerjs-infra/shared": "0.21.0"
59
59
  },
60
60
  "scripts": {
61
61
  "test": "vitest run",