@univerjs/ui-adapter-vue3 0.17.0 → 0.18.0

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@univerjs/core"),p=require("@univerjs/ui"),s=require("vue"),_="@univerjs/ui-adapter-vue3",f="0.17.0",d={name:_,version:f};var m=Object.defineProperty,P=Object.getOwnPropertyDescriptor,U=(n,e,r)=>e in n?m(n,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[e]=r,V=(n,e,r,t)=>{for(var i=t>1?void 0:t?P(e,r):e,o=n.length-1,a;o>=0;o--)(a=n[o])&&(i=a(i)||i);return i},v=(n,e)=>(r,t)=>e(r,t,n),l=(n,e,r)=>U(n,typeof e!="symbol"?e+"":e,r);exports.UniverVue3AdapterPlugin=class extends c.Plugin{constructor(e={},r,t){super(),this._config=e,this._injector=r,this._componentManager=t}onStarting(){const{createElement:e,useEffect:r,useRef:t}=this._componentManager.reactUtils;this._componentManager.setHandler("vue3",i=>o=>e(A,{component:i,props:Object.keys(o).reduce((a,u)=>(u!=="key"&&(a[u]=o[u]),a),{}),reactUtils:{createElement:e,useEffect:r,useRef:t}}))}};l(exports.UniverVue3AdapterPlugin,"pluginName","UNIVER_UI_ADAPTER_VUE3_PLUGIN");l(exports.UniverVue3AdapterPlugin,"packageName",d.name);l(exports.UniverVue3AdapterPlugin,"version",d.version);exports.UniverVue3AdapterPlugin=V([c.DependentOn(p.UniverUIPlugin),v(1,c.Inject(c.Injector)),v(2,c.Inject(p.ComponentManager))],exports.UniverVue3AdapterPlugin);function A(n){const{component:e,props:r,reactUtils:t}=n,{createElement:i,useEffect:o,useRef:a}=t,u=a(null);return o(()=>{if(!u.current)return;const g=s.h(e,r);return s.render(g,u.current),()=>{u.current&&s.render(null,u.current)}},[r]),i("div",{ref:u})}
+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.18.0`;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}});

package/lib/es/index.js

@@ -1,46 +1 @@
-import { DependentOn as v, Inject as p, Injector as g, Plugin as d } from "@univerjs/core";
-import { UniverUIPlugin as P, ComponentManager as U } from "@univerjs/ui";
-import { h, render as l } from "vue";
-const E = "@univerjs/ui-adapter-vue3", b = "0.17.0", f = {
-  name: E,
-  version: b
-};
-var I = Object.defineProperty, O = Object.getOwnPropertyDescriptor, j = (r, e, n) => e in r ? I(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n, N = (r, e, n, o) => {
-  for (var t = o > 1 ? void 0 : o ? O(e, n) : e, a = r.length - 1, c; a >= 0; a--)
-    (c = r[a]) && (t = c(t) || t);
-  return t;
-}, m = (r, e) => (n, o) => e(n, o, r), i = (r, e, n) => j(r, typeof e != "symbol" ? e + "" : e, n);
-let u = class extends d {
-  constructor(r = {}, e, n) {
-    super(), this._config = r, this._injector = e, this._componentManager = n;
-  }
-  onStarting() {
-    const { createElement: r, useEffect: e, useRef: n } = this._componentManager.reactUtils;
-    this._componentManager.setHandler("vue3", (o) => (t) => r(R, {
-      component: o,
-      props: Object.keys(t).reduce((a, c) => (c !== "key" && (a[c] = t[c]), a), {}),
-      reactUtils: { createElement: r, useEffect: e, useRef: n }
-    }));
-  }
-};
-i(u, "pluginName", "UNIVER_UI_ADAPTER_VUE3_PLUGIN");
-i(u, "packageName", f.name);
-i(u, "version", f.version);
-u = N([
-  v(P),
-  m(1, p(g)),
-  m(2, p(U))
-], u);
-function R(r) {
-  const { component: e, props: n, reactUtils: o } = r, { createElement: t, useEffect: a, useRef: c } = o, s = c(null);
-  return a(() => {
-    if (!s.current) return;
-    const _ = h(e, n);
-    return l(_, s.current), () => {
-      s.current && l(null, s.current);
-    };
-  }, [n]), t("div", { ref: s });
-}
-export {
-  u as UniverVue3AdapterPlugin
-};
+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.18.0`;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};

package/lib/index.js

@@ -1,46 +1 @@
-import { DependentOn as v, Inject as p, Injector as g, Plugin as d } from "@univerjs/core";
-import { UniverUIPlugin as P, ComponentManager as U } from "@univerjs/ui";
-import { h, render as l } from "vue";
-const E = "@univerjs/ui-adapter-vue3", b = "0.17.0", f = {
-  name: E,
-  version: b
-};
-var I = Object.defineProperty, O = Object.getOwnPropertyDescriptor, j = (r, e, n) => e in r ? I(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n, N = (r, e, n, o) => {
-  for (var t = o > 1 ? void 0 : o ? O(e, n) : e, a = r.length - 1, c; a >= 0; a--)
-    (c = r[a]) && (t = c(t) || t);
-  return t;
-}, m = (r, e) => (n, o) => e(n, o, r), i = (r, e, n) => j(r, typeof e != "symbol" ? e + "" : e, n);
-let u = class extends d {
-  constructor(r = {}, e, n) {
-    super(), this._config = r, this._injector = e, this._componentManager = n;
-  }
-  onStarting() {
-    const { createElement: r, useEffect: e, useRef: n } = this._componentManager.reactUtils;
-    this._componentManager.setHandler("vue3", (o) => (t) => r(R, {
-      component: o,
-      props: Object.keys(t).reduce((a, c) => (c !== "key" && (a[c] = t[c]), a), {}),
-      reactUtils: { createElement: r, useEffect: e, useRef: n }
-    }));
-  }
-};
-i(u, "pluginName", "UNIVER_UI_ADAPTER_VUE3_PLUGIN");
-i(u, "packageName", f.name);
-i(u, "version", f.version);
-u = N([
-  v(P),
-  m(1, p(g)),
-  m(2, p(U))
-], u);
-function R(r) {
-  const { component: e, props: n, reactUtils: o } = r, { createElement: t, useEffect: a, useRef: c } = o, s = c(null);
-  return a(() => {
-    if (!s.current) return;
-    const _ = h(e, n);
-    return l(_, s.current), () => {
-      s.current && l(null, s.current);
-    };
-  }, [n]), t("div", { ref: s });
-}
-export {
-  u as UniverVue3AdapterPlugin
-};
+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.18.0`;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};

package/lib/types/plugin.d.ts

@@ -1,4 +1,19 @@
-import { defineComponent } from 'vue';
+/**
+ * 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.
+ */
+import type { defineComponent } from 'vue';
 import { Injector, Plugin } from '@univerjs/core';
 import { ComponentManager } from '@univerjs/ui';
 /**
@@ -18,4 +33,4 @@ export declare function VueComponentWrapper(options: {
     component: ReturnType<typeof defineComponent>;
     props: Record<string, unknown>;
     reactUtils: typeof ComponentManager.prototype.reactUtils;
-}): import('react').DetailedReactHTMLElement<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+}): import("react").DetailedReactHTMLElement<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>;

package/lib/umd/index.js

@@ -1 +1 @@
-(function(r,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("@univerjs/core"),require("@univerjs/ui"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/ui","vue"],u):(r=typeof globalThis<"u"?globalThis:r||self,u(r.UniverUiAdapterVue3={},r.UniverCore,r.UniverUi,r.Vue))})(this,(function(r,u,v,p){"use strict";const f={name:"@univerjs/ui-adapter-vue3",version:"0.17.0"};var m=Object.defineProperty,U=Object.getOwnPropertyDescriptor,_=(t,e,n)=>e in t?m(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,g=(t,e,n,i)=>{for(var s=i>1?void 0:i?U(e,n):e,a=t.length-1,c;a>=0;a--)(c=t[a])&&(s=c(s)||s);return s},l=(t,e)=>(n,i)=>e(n,i,t),d=(t,e,n)=>_(t,typeof e!="symbol"?e+"":e,n);r.UniverVue3AdapterPlugin=class extends u.Plugin{constructor(e={},n,i){super(),this._config=e,this._injector=n,this._componentManager=i}onStarting(){const{createElement:e,useEffect:n,useRef:i}=this._componentManager.reactUtils;this._componentManager.setHandler("vue3",s=>a=>e(P,{component:s,props:Object.keys(a).reduce((c,o)=>(o!=="key"&&(c[o]=a[o]),c),{}),reactUtils:{createElement:e,useEffect:n,useRef:i}}))}},d(r.UniverVue3AdapterPlugin,"pluginName","UNIVER_UI_ADAPTER_VUE3_PLUGIN"),d(r.UniverVue3AdapterPlugin,"packageName",f.name),d(r.UniverVue3AdapterPlugin,"version",f.version),r.UniverVue3AdapterPlugin=g([u.DependentOn(v.UniverUIPlugin),l(1,u.Inject(u.Injector)),l(2,u.Inject(v.ComponentManager))],r.UniverVue3AdapterPlugin);function P(t){const{component:e,props:n,reactUtils:i}=t,{createElement:s,useEffect:a,useRef:c}=i,o=c(null);return a(()=>{if(!o.current)return;const j=p.h(e,n);return p.render(j,o.current),()=>{o.current&&p.render(null,o.current)}},[n]),s("div",{ref:o})}Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})}));
+(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.18.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

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/ui-adapter-vue3",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "private": false,
   "description": "Vue adapter for Univer UI",
   "author": "DreamNum <developer@univer.ai>",
@@ -48,22 +48,23 @@
     "vue": ">=3.0.0"
   },
   "dependencies": {
-    "@univerjs/ui": "0.17.0",
-    "@univerjs/core": "0.17.0"
+    "@univerjs/core": "0.18.0",
+    "@univerjs/ui": "0.18.0"
   },
   "devDependencies": {
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vitest": "^4.0.18",
+    "vitest": "^4.1.0",
     "vue": "^3.5.29",
-    "@univerjs-infra/shared": "0.17.0"
+    "@univerjs-infra/shared": "0.18.0"
   },
   "scripts": {
     "test": "vitest run",
     "test:watch": "vitest",
     "coverage": "vitest run --coverage",
     "typecheck": "tsc --noEmit",
-    "build": "univer-cli build"
+    "build:bundle": "univer-cli build",
+    "build:types": "tsc -p tsconfig.node.json",
+    "build": "pnpm run build:bundle && pnpm run build:types"
   },
   "module": "./lib/es/index.js"
 }