@univerjs/ui-adapter-vue3 0.16.1 → 0.17.0

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@univerjs/core"),l=require("@univerjs/ui"),s=require("vue");var d=Object.defineProperty,f=Object.getOwnPropertyDescriptor,g=(n,e,r)=>e in n?d(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?f(e,r):e,c=n.length-1,o;c>=0;c--)(o=n[c])&&(i=o(i)||i);return i},p=(n,e)=>(r,t)=>e(r,t,n),P=(n,e,r)=>g(n,e+"",r);exports.UniverVue3AdapterPlugin=class extends a.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=>c=>e(m,{component:i,props:Object.keys(c).reduce((o,u)=>(u!=="key"&&(o[u]=c[u]),o),{}),reactUtils:{createElement:e,useEffect:r,useRef:t}}))}};P(exports.UniverVue3AdapterPlugin,"pluginName","UNIVER_UI_ADAPTER_VUE3_PLUGIN");exports.UniverVue3AdapterPlugin=v([a.DependentOn(l.UniverUIPlugin),p(1,a.Inject(a.Injector)),p(2,a.Inject(l.ComponentManager))],exports.UniverVue3AdapterPlugin);function m(n){const{component:e,props:r,reactUtils:t}=n,{createElement:i,useEffect:c,useRef:o}=t,u=o(null);return c(()=>{if(!u.current)return;const _=s.h(e,r);return s.render(_,u.current),()=>{u.current&&s.render(null,u.current)}},[r]),i("div",{ref:u})}
+"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})}

package/lib/es/index.js

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

package/lib/index.js

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

package/lib/types/plugin.d.ts

@@ -9,11 +9,13 @@ export declare class UniverVue3AdapterPlugin extends Plugin {
     protected readonly _injector: Injector;
     protected readonly _componentManager: ComponentManager;
     static pluginName: string;
+    static packageName: string;
+    static version: string;
     constructor(_config: {} | undefined, _injector: Injector, _componentManager: ComponentManager);
     onStarting(): void;
 }
 export declare function VueComponentWrapper(options: {
     component: ReturnType<typeof defineComponent>;
-    props: Record<string, any>;
+    props: Record<string, unknown>;
     reactUtils: typeof ComponentManager.prototype.reactUtils;
 }): import('react').DetailedReactHTMLElement<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>;

package/lib/umd/index.js

@@ -1 +1 @@
-(function(t,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):(t=typeof globalThis<"u"?globalThis:t||self,u(t.UniverUiAdapterVue3={},t.UniverCore,t.UniverUi,t.Vue))})(this,(function(t,u,f,d){"use strict";var l=Object.defineProperty,v=Object.getOwnPropertyDescriptor,_=(r,e,n)=>e in r?l(r,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[e]=n,U=(r,e,n,i)=>{for(var s=i>1?void 0:i?v(e,n):e,c=r.length-1,a;c>=0;c--)(a=r[c])&&(s=a(s)||s);return s},p=(r,e)=>(n,i)=>e(n,i,r),g=(r,e,n)=>_(r,e+"",n);t.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=>c=>e(m,{component:s,props:Object.keys(c).reduce((a,o)=>(o!=="key"&&(a[o]=c[o]),a),{}),reactUtils:{createElement:e,useEffect:n,useRef:i}}))}},g(t.UniverVue3AdapterPlugin,"pluginName","UNIVER_UI_ADAPTER_VUE3_PLUGIN"),t.UniverVue3AdapterPlugin=U([u.DependentOn(f.UniverUIPlugin),p(1,u.Inject(u.Injector)),p(2,u.Inject(f.ComponentManager))],t.UniverVue3AdapterPlugin);function m(r){const{component:e,props:n,reactUtils:i}=r,{createElement:s,useEffect:c,useRef:a}=i,o=a(null);return c(()=>{if(!o.current)return;const P=d.h(e,n);return d.render(P,o.current),()=>{o.current&&d.render(null,o.current)}},[n]),s("div",{ref:o})}Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
+(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"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/ui-adapter-vue3",
-  "version": "0.16.1",
+  "version": "0.17.0",
   "private": false,
   "description": "Vue adapter for Univer UI",
   "author": "DreamNum <developer@univer.ai>",
@@ -48,15 +48,15 @@
     "vue": ">=3.0.0"
   },
   "dependencies": {
-    "@univerjs/core": "0.16.1",
-    "@univerjs/ui": "0.16.1"
+    "@univerjs/ui": "0.17.0",
+    "@univerjs/core": "0.17.0"
   },
   "devDependencies": {
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vitest": "^4.0.18",
-    "vue": "^3.5.27",
-    "@univerjs-infra/shared": "0.16.1"
+    "vue": "^3.5.29",
+    "@univerjs-infra/shared": "0.17.0"
   },
   "scripts": {
     "test": "vitest run",