@univerjs/ui-adapter-vue3 1.0.0-alpha.1 → 1.0.0-alpha.3

package/lib/cjs/index.js

@@ -3,9 +3,30 @@ let _univerjs_core = require("@univerjs/core");
 let _univerjs_ui = require("@univerjs/ui");
 let vue = require("vue");
 
+//#region src/config/config.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY = "ui-adapter-vue3.config";
+const configSymbol = Symbol(UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
 //#region package.json
 var name = "@univerjs/ui-adapter-vue3";
-var version = "1.0.0-alpha.1";
+var version = "1.0.0-alpha.3";
 
 //#endregion
 //#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
@@ -69,11 +90,14 @@ function _defineProperty(e, r, t) {
 //#endregion
 //#region src/plugin.ts
 let UniverVue3AdapterPlugin = class UniverVue3AdapterPlugin extends _univerjs_core.Plugin {
-	constructor(_config = {}, _injector, _componentManager) {
+	constructor(_config = defaultPluginConfig, _injector, _configService, _componentManager) {
 		super();
 		this._config = _config;
 		this._injector = _injector;
+		this._configService = _configService;
 		this._componentManager = _componentManager;
+		const { ...rest } = (0, _univerjs_core.merge)({}, defaultPluginConfig, this._config);
+		this._configService.setConfig(UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY, rest);
 	}
 	onStarting() {
 		const { createElement, useEffect, useRef } = this._componentManager.reactUtils;
@@ -99,7 +123,8 @@ _defineProperty(UniverVue3AdapterPlugin, "version", version);
 UniverVue3AdapterPlugin = __decorate([
 	(0, _univerjs_core.DependentOn)(_univerjs_ui.UniverUIPlugin),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
-	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager))
+	__decorateParam(2, _univerjs_core.IConfigService),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager))
 ], UniverVue3AdapterPlugin);
 function VueComponentWrapper(options) {
 	const { component, props, reactUtils } = options;
@@ -116,6 +141,7 @@ function VueComponentWrapper(options) {
 }
 
 //#endregion
+exports.UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY = UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY;
 Object.defineProperty(exports, 'UniverVue3AdapterPlugin', {
   enumerable: true,
   get: function () {

package/lib/es/index.js

@@ -1,10 +1,31 @@
-import { DependentOn, Inject, Injector, Plugin } from "@univerjs/core";
+import { DependentOn, IConfigService, Inject, Injector, Plugin, merge } from "@univerjs/core";
 import { ComponentManager, UniverUIPlugin } from "@univerjs/ui";
 import { h, render } from "vue";
 
+//#region src/config/config.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY = "ui-adapter-vue3.config";
+const configSymbol = Symbol(UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
 //#region package.json
 var name = "@univerjs/ui-adapter-vue3";
-var version = "1.0.0-alpha.1";
+var version = "1.0.0-alpha.3";
 
 //#endregion
 //#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
@@ -68,11 +89,14 @@ function _defineProperty(e, r, t) {
 //#endregion
 //#region src/plugin.ts
 let UniverVue3AdapterPlugin = class UniverVue3AdapterPlugin extends Plugin {
-	constructor(_config = {}, _injector, _componentManager) {
+	constructor(_config = defaultPluginConfig, _injector, _configService, _componentManager) {
 		super();
 		this._config = _config;
 		this._injector = _injector;
+		this._configService = _configService;
 		this._componentManager = _componentManager;
+		const { ...rest } = merge({}, defaultPluginConfig, this._config);
+		this._configService.setConfig(UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY, rest);
 	}
 	onStarting() {
 		const { createElement, useEffect, useRef } = this._componentManager.reactUtils;
@@ -98,7 +122,8 @@ _defineProperty(UniverVue3AdapterPlugin, "version", version);
 UniverVue3AdapterPlugin = __decorate([
 	DependentOn(UniverUIPlugin),
 	__decorateParam(1, Inject(Injector)),
-	__decorateParam(2, Inject(ComponentManager))
+	__decorateParam(2, IConfigService),
+	__decorateParam(3, Inject(ComponentManager))
 ], UniverVue3AdapterPlugin);
 function VueComponentWrapper(options) {
 	const { component, props, reactUtils } = options;
@@ -115,4 +140,4 @@ function VueComponentWrapper(options) {
 }
 
 //#endregion
-export { UniverVue3AdapterPlugin };
+export { UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY, UniverVue3AdapterPlugin };

package/lib/index.js

@@ -1,10 +1,31 @@
-import { DependentOn, Inject, Injector, Plugin } from "@univerjs/core";
+import { DependentOn, IConfigService, Inject, Injector, Plugin, merge } from "@univerjs/core";
 import { ComponentManager, UniverUIPlugin } from "@univerjs/ui";
 import { h, render } from "vue";
 
+//#region src/config/config.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY = "ui-adapter-vue3.config";
+const configSymbol = Symbol(UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
 //#region package.json
 var name = "@univerjs/ui-adapter-vue3";
-var version = "1.0.0-alpha.1";
+var version = "1.0.0-alpha.3";
 
 //#endregion
 //#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
@@ -68,11 +89,14 @@ function _defineProperty(e, r, t) {
 //#endregion
 //#region src/plugin.ts
 let UniverVue3AdapterPlugin = class UniverVue3AdapterPlugin extends Plugin {
-	constructor(_config = {}, _injector, _componentManager) {
+	constructor(_config = defaultPluginConfig, _injector, _configService, _componentManager) {
 		super();
 		this._config = _config;
 		this._injector = _injector;
+		this._configService = _configService;
 		this._componentManager = _componentManager;
+		const { ...rest } = merge({}, defaultPluginConfig, this._config);
+		this._configService.setConfig(UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY, rest);
 	}
 	onStarting() {
 		const { createElement, useEffect, useRef } = this._componentManager.reactUtils;
@@ -98,7 +122,8 @@ _defineProperty(UniverVue3AdapterPlugin, "version", version);
 UniverVue3AdapterPlugin = __decorate([
 	DependentOn(UniverUIPlugin),
 	__decorateParam(1, Inject(Injector)),
-	__decorateParam(2, Inject(ComponentManager))
+	__decorateParam(2, IConfigService),
+	__decorateParam(3, Inject(ComponentManager))
 ], UniverVue3AdapterPlugin);
 function VueComponentWrapper(options) {
 	const { component, props, reactUtils } = options;
@@ -115,4 +140,4 @@ function VueComponentWrapper(options) {
 }
 
 //#endregion
-export { UniverVue3AdapterPlugin };
+export { UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY, UniverVue3AdapterPlugin };

package/lib/types/config/config.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY = "ui-adapter-vue3.config";
+export declare const configSymbol: unique symbol;
+export interface IUniverVue3AdapterConfig {
+}
+export declare const defaultPluginConfig: IUniverVue3AdapterConfig;

package/lib/types/index.d.ts

@@ -13,4 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+export { UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY } from './config/config';
+export type { IUniverVue3AdapterConfig } from './config/config';
 export { UniverVue3AdapterPlugin } from './plugin';

package/lib/types/plugin.d.ts

@@ -14,7 +14,8 @@
  * limitations under the License.
  */
 import type { defineComponent } from 'vue';
-import { Injector, Plugin } from '@univerjs/core';
+import type { IUniverVue3AdapterConfig } from './config/config';
+import { IConfigService, Injector, Plugin } from '@univerjs/core';
 import { ComponentManager } from '@univerjs/ui';
 /**
  * The plugin that allows Univer to use Vue 3 components as UI components.
@@ -22,11 +23,12 @@ import { ComponentManager } from '@univerjs/ui';
 export declare class UniverVue3AdapterPlugin extends Plugin {
     private readonly _config;
     protected readonly _injector: Injector;
+    private readonly _configService;
     protected readonly _componentManager: ComponentManager;
     static pluginName: string;
     static packageName: string;
     static version: string;
-    constructor(_config: {} | undefined, _injector: Injector, _componentManager: ComponentManager);
+    constructor(_config: Partial<IUniverVue3AdapterConfig> | undefined, _injector: Injector, _configService: IConfigService, _componentManager: ComponentManager);
     onStarting(): void;
 }
 export declare function VueComponentWrapper(options: {

package/lib/umd/index.js

@@ -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=`1.0.0-alpha.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}})});
+(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`});let i=`ui-adapter-vue3.config`,a={};var o=`@univerjs/ui-adapter-vue3`,s=`1.0.0-alpha.3`;function c(e,t){return function(n,r){t(n,r,e)}}function l(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 u(e){"@babel/helpers - typeof";return u=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},u(e)}function d(e,t){if(u(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(u(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function f(e){var t=d(e,`string`);return u(t)==`symbol`?t:t+``}function p(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}let m=class extends t.Plugin{constructor(e=a,n,r,o){super(),this._config=e,this._injector=n,this._configService=r,this._componentManager=o;let{...s}=(0,t.merge)({},a,this._config);this._configService.setConfig(i,s)}onStarting(){let{createElement:e,useEffect:t,useRef:n}=this._componentManager.reactUtils;this._componentManager.setHandler(`vue3`,r=>i=>e(h,{component:r,props:Object.keys(i).reduce((e,t)=>(t!==`key`&&(e[t]=i[t]),e),{}),reactUtils:{createElement:e,useEffect:t,useRef:n}}))}};p(m,`pluginName`,`UNIVER_UI_ADAPTER_VUE3_PLUGIN`),p(m,`packageName`,o),p(m,`version`,s),m=l([(0,t.DependentOn)(n.UniverUIPlugin),c(1,(0,t.Inject)(t.Injector)),c(2,t.IConfigService),c(3,(0,t.Inject)(n.ComponentManager))],m);function h(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})}e.UI_ADAPTER_VUE3_PLUGIN_CONFIG_KEY=i,Object.defineProperty(e,"UniverVue3AdapterPlugin",{enumerable:!0,get:function(){return m}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/ui-adapter-vue3",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.3",
   "private": false,
   "description": "Vue 3 adapter for Univer UI services.",
   "author": "DreamNum Co., Ltd. <developer@univer.ai>",
@@ -52,14 +52,14 @@
     "vue": ">=3.0.0"
   },
   "dependencies": {
-    "@univerjs/core": "1.0.0-alpha.1",
-    "@univerjs/ui": "1.0.0-alpha.1"
+    "@univerjs/ui": "1.0.0-alpha.3",
+    "@univerjs/core": "1.0.0-alpha.3"
   },
   "devDependencies": {
     "typescript": "^6.0.3",
-    "vitest": "^4.1.9",
-    "vue": "^3.5.38",
-    "@univerjs-infra/shared": "1.0.0-alpha.1"
+    "vitest": "^4.1.10",
+    "vue": "^3.5.39",
+    "@univerjs-infra/shared": "1.0.0-alpha.3"
   },
   "scripts": {
     "test": "vitest run",