@univerjs/ui-adapter-vue3 0.21.1 → 0.22.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 (6) hide show
  1. package/README.md +37 -0
  2. package/lib/cjs/index.js +7 -7
  3. package/lib/es/index.js +7 -7
  4. package/lib/index.js +7 -7
  5. package/lib/umd/index.js +1 -1
  6. package/package.json +14 -10
package/README.md CHANGED
@@ -1 +1,38 @@
1
1
  # @univerjs/ui-adapter-vue3
2
+
3
+ [![npm version](https://img.shields.io/npm/v/@univerjs/ui-adapter-vue3?style=flat-square)](https://npmjs.com/package/@univerjs/ui-adapter-vue3)
4
+ [![license](https://img.shields.io/npm/l/@univerjs/ui-adapter-vue3?style=flat-square)](https://npmjs.com/package/@univerjs/ui-adapter-vue3)
5
+ [![downloads](https://img.shields.io/npm/dm/@univerjs/ui-adapter-vue3?style=flat-square)](https://npmjs.com/package/@univerjs/ui-adapter-vue3)
6
+
7
+ `@univerjs/ui-adapter-vue3` adapts Univer UI services for Vue 3 integrations.
8
+
9
+ ## Package Overview
10
+
11
+ | Package | UMD global | CSS | Locales | Facade entry |
12
+ | --- | --- | :---: | :---: | :---: |
13
+ | `@univerjs/ui-adapter-vue3` | `UniverUiAdapterVue3` | No | No | No |
14
+
15
+ ## Installation
16
+
17
+ ```sh
18
+ pnpm add @univerjs/ui-adapter-vue3
19
+ # or
20
+ npm install @univerjs/ui-adapter-vue3
21
+ ```
22
+
23
+ Keep all `@univerjs/*` packages on the same version.
24
+
25
+ ## Usage
26
+
27
+ ```ts
28
+ import { UniverVue3AdapterPlugin } from '@univerjs/ui-adapter-vue3';
29
+
30
+ univer.registerPlugin(UniverVue3AdapterPlugin);
31
+ ```
32
+
33
+ ## Resources
34
+
35
+ - [Documentation](https://docs.univer.ai)
36
+ - [NPM package](https://npmjs.com/package/@univerjs/ui-adapter-vue3)
37
+ - [GitHub repository](https://github.com/dream-num/univer)
38
+
package/lib/cjs/index.js CHANGED
@@ -5,10 +5,10 @@ let vue = require("vue");
5
5
 
6
6
  //#region package.json
7
7
  var name = "@univerjs/ui-adapter-vue3";
8
- var version = "0.21.1";
8
+ var version = "0.22.0";
9
9
 
10
10
  //#endregion
11
- //#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
11
+ //#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
12
12
  function __decorateParam(paramIndex, decorator) {
13
13
  return function(target, key) {
14
14
  decorator(target, key, paramIndex);
@@ -16,7 +16,7 @@ function __decorateParam(paramIndex, decorator) {
16
16
  }
17
17
 
18
18
  //#endregion
19
- //#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
19
+ //#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
20
20
  function __decorate(decorators, target, key, desc) {
21
21
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
22
22
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -25,7 +25,7 @@ function __decorate(decorators, target, key, desc) {
25
25
  }
26
26
 
27
27
  //#endregion
28
- //#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
28
+ //#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
29
29
  function _typeof(o) {
30
30
  "@babel/helpers - typeof";
31
31
  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -36,7 +36,7 @@ function _typeof(o) {
36
36
  }
37
37
 
38
38
  //#endregion
39
- //#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
39
+ //#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
40
40
  function toPrimitive(t, r) {
41
41
  if ("object" != _typeof(t) || !t) return t;
42
42
  var e = t[Symbol.toPrimitive];
@@ -49,14 +49,14 @@ function toPrimitive(t, r) {
49
49
  }
50
50
 
51
51
  //#endregion
52
- //#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
52
+ //#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
53
53
  function toPropertyKey(t) {
54
54
  var i = toPrimitive(t, "string");
55
55
  return "symbol" == _typeof(i) ? i : i + "";
56
56
  }
57
57
 
58
58
  //#endregion
59
- //#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
59
+ //#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
60
60
  function _defineProperty(e, r, t) {
61
61
  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
62
62
  value: t,
package/lib/es/index.js CHANGED
@@ -4,10 +4,10 @@ import { h, render } from "vue";
4
4
 
5
5
  //#region package.json
6
6
  var name = "@univerjs/ui-adapter-vue3";
7
- var version = "0.21.1";
7
+ var version = "0.22.0";
8
8
 
9
9
  //#endregion
10
- //#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
10
+ //#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
11
11
  function __decorateParam(paramIndex, decorator) {
12
12
  return function(target, key) {
13
13
  decorator(target, key, paramIndex);
@@ -15,7 +15,7 @@ function __decorateParam(paramIndex, decorator) {
15
15
  }
16
16
 
17
17
  //#endregion
18
- //#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
18
+ //#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
19
19
  function __decorate(decorators, target, key, desc) {
20
20
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
21
21
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -24,7 +24,7 @@ function __decorate(decorators, target, key, desc) {
24
24
  }
25
25
 
26
26
  //#endregion
27
- //#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
27
+ //#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
28
28
  function _typeof(o) {
29
29
  "@babel/helpers - typeof";
30
30
  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -35,7 +35,7 @@ function _typeof(o) {
35
35
  }
36
36
 
37
37
  //#endregion
38
- //#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
38
+ //#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
39
39
  function toPrimitive(t, r) {
40
40
  if ("object" != _typeof(t) || !t) return t;
41
41
  var e = t[Symbol.toPrimitive];
@@ -48,14 +48,14 @@ function toPrimitive(t, r) {
48
48
  }
49
49
 
50
50
  //#endregion
51
- //#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
51
+ //#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
52
52
  function toPropertyKey(t) {
53
53
  var i = toPrimitive(t, "string");
54
54
  return "symbol" == _typeof(i) ? i : i + "";
55
55
  }
56
56
 
57
57
  //#endregion
58
- //#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
58
+ //#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
59
59
  function _defineProperty(e, r, t) {
60
60
  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
61
61
  value: t,
package/lib/index.js CHANGED
@@ -4,10 +4,10 @@ import { h, render } from "vue";
4
4
 
5
5
  //#region package.json
6
6
  var name = "@univerjs/ui-adapter-vue3";
7
- var version = "0.21.1";
7
+ var version = "0.22.0";
8
8
 
9
9
  //#endregion
10
- //#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
10
+ //#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
11
11
  function __decorateParam(paramIndex, decorator) {
12
12
  return function(target, key) {
13
13
  decorator(target, key, paramIndex);
@@ -15,7 +15,7 @@ function __decorateParam(paramIndex, decorator) {
15
15
  }
16
16
 
17
17
  //#endregion
18
- //#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
18
+ //#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
19
19
  function __decorate(decorators, target, key, desc) {
20
20
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
21
21
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -24,7 +24,7 @@ function __decorate(decorators, target, key, desc) {
24
24
  }
25
25
 
26
26
  //#endregion
27
- //#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
27
+ //#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
28
28
  function _typeof(o) {
29
29
  "@babel/helpers - typeof";
30
30
  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -35,7 +35,7 @@ function _typeof(o) {
35
35
  }
36
36
 
37
37
  //#endregion
38
- //#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
38
+ //#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
39
39
  function toPrimitive(t, r) {
40
40
  if ("object" != _typeof(t) || !t) return t;
41
41
  var e = t[Symbol.toPrimitive];
@@ -48,14 +48,14 @@ function toPrimitive(t, r) {
48
48
  }
49
49
 
50
50
  //#endregion
51
- //#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
51
+ //#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
52
52
  function toPropertyKey(t) {
53
53
  var i = toPrimitive(t, "string");
54
54
  return "symbol" == _typeof(i) ? i : i + "";
55
55
  }
56
56
 
57
57
  //#endregion
58
- //#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
58
+ //#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
59
59
  function _defineProperty(e, r, t) {
60
60
  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
61
61
  value: t,
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.21.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.22.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,9 +1,9 @@
1
1
  {
2
2
  "name": "@univerjs/ui-adapter-vue3",
3
- "version": "0.21.1",
3
+ "version": "0.22.0",
4
4
  "private": false,
5
- "description": "Vue adapter for Univer UI",
6
- "author": "DreamNum <developer@univer.ai>",
5
+ "description": "Vue 3 adapter for Univer UI services.",
6
+ "author": "DreamNum Co., Ltd. <developer@univer.ai>",
7
7
  "license": "Apache-2.0",
8
8
  "funding": {
9
9
  "type": "opencollective",
@@ -18,7 +18,11 @@
18
18
  "url": "https://github.com/dream-num/univer/issues"
19
19
  },
20
20
  "keywords": [
21
- "univer"
21
+ "univer",
22
+ "ui",
23
+ "vue3",
24
+ "adapter",
25
+ "plugin"
22
26
  ],
23
27
  "exports": {
24
28
  ".": {
@@ -48,14 +52,14 @@
48
52
  "vue": ">=3.0.0"
49
53
  },
50
54
  "dependencies": {
51
- "@univerjs/core": "0.21.1",
52
- "@univerjs/ui": "0.21.1"
55
+ "@univerjs/ui": "0.22.0",
56
+ "@univerjs/core": "0.22.0"
53
57
  },
54
58
  "devDependencies": {
55
- "typescript": "^6.0.2",
56
- "vitest": "^4.1.4",
57
- "vue": "^3.5.32",
58
- "@univerjs-infra/shared": "0.21.1"
59
+ "typescript": "^6.0.3",
60
+ "vitest": "^4.1.5",
61
+ "vue": "^3.5.34",
62
+ "@univerjs-infra/shared": "0.22.0"
59
63
  },
60
64
  "scripts": {
61
65
  "test": "vitest run",