@univerjs/ui-adapter-web-component 0.8.3-nightly.202507010644 → 0.8.3-nightly.202507021607

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@univerjs/core"),p=require("@univerjs/ui"),u=require("react");var l=Object.defineProperty,s=Object.getOwnPropertyDescriptor,d=(r,e,n)=>e in r?l(r,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[e]=n,_=(r,e,n,t)=>{for(var o=t>1?void 0:t?s(e,n):e,i=r.length-1,c;i>=0;i--)(c=r[i])&&(o=c(o)||o);return o},m=(r,e)=>(n,t)=>e(n,t,r),f=(r,e,n)=>d(r,e+"",n);exports.UniverWebComponentAdapterPlugin=class extends a.Plugin{constructor(e={},n,t){super(),this._config=e,this._injector=n,this._componentManager=t}onStarting(){this._componentManager.setHandler("web-component",(e,n)=>()=>u.cloneElement(u.createElement(g,{component:e,props:{name:n}})))}};f(exports.UniverWebComponentAdapterPlugin,"pluginName","UNIVER_UI_ADAPTER_WEB_COMPONENT_PLUGIN");exports.UniverWebComponentAdapterPlugin=_([a.DependentOn(p.UniverUIPlugin),m(1,a.Inject(a.Injector)),m(2,a.Inject(p.ComponentManager))],exports.UniverWebComponentAdapterPlugin);function g(r){const{component:e,props:n}=r,{name:t}=n!=null?n:{};if(!t)throw new Error("WebComponentComponentWrapper requires a name prop to define the custom element.");customElements.get(t)||customElements.define(t,e);const o=u.useRef(null);return u.useEffect(()=>{if(!o.current)return;const i=document.createElement(t);return o.current.appendChild(i),()=>{var c;(c=o.current)==null||c.removeChild(i)}},[]),u.createElement("div",{ref:o})}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@univerjs/core"),m=require("@univerjs/ui");var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,g=(t,e,n)=>e in t?f(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,v=(t,e,n,o)=>{for(var r=o>1?void 0:o?_(e,n):e,i=t.length-1,a;i>=0;i--)(a=t[i])&&(r=a(r)||r);return r},l=(t,e)=>(n,o)=>e(n,o,t),P=(t,e,n)=>g(t,e+"",n);exports.UniverWebComponentAdapterPlugin=class extends c.Plugin{constructor(e={},n,o){super(),this._config=e,this._injector=n,this._componentManager=o}onStarting(){const{createElement:e,useEffect:n,useRef:o}=this._componentManager.reactUtils;this._componentManager.setHandler("web-component",(r,i)=>()=>e(b,{component:r,props:{name:i},reactUtils:{createElement:e,useEffect:n,useRef:o}}))}};P(exports.UniverWebComponentAdapterPlugin,"pluginName","UNIVER_UI_ADAPTER_WEB_COMPONENT_PLUGIN");exports.UniverWebComponentAdapterPlugin=v([c.DependentOn(m.UniverUIPlugin),l(1,c.Inject(c.Injector)),l(2,c.Inject(m.ComponentManager))],exports.UniverWebComponentAdapterPlugin);function b(t){const{component:e,props:n,reactUtils:o}=t,{name:r}=n!=null?n:{},{createElement:i,useEffect:a,useRef:d}=o;if(!r)throw new Error("WebComponentComponentWrapper requires a name prop to define the custom element.");customElements.get(r)||customElements.define(r,e);const u=d(null);return a(()=>{if(!u.current)return;const p=document.createElement(r);return u.current.appendChild(p),()=>{var s;(s=u.current)==null||s.removeChild(p)}},[]),i("div",{ref:u})}

package/lib/es/index.js

@@ -1,47 +1,46 @@
-import { DependentOn as l, Inject as a, Injector as s, Plugin as f } from "@univerjs/core";
-import { UniverUIPlugin as _, ComponentManager as d } from "@univerjs/ui";
-import { cloneElement as g, createElement as u, useRef as v, useEffect as P } from "react";
-var C = Object.defineProperty, E = Object.getOwnPropertyDescriptor, b = (e, n, r) => n in e ? C(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r, h = (e, n, r, t) => {
-  for (var o = t > 1 ? void 0 : t ? E(n, r) : n, m = e.length - 1, p; m >= 0; m--)
-    (p = e[m]) && (o = p(o) || o);
-  return o;
-}, i = (e, n) => (r, t) => n(r, t, e), w = (e, n, r) => b(e, n + "", r);
-let c = class extends f {
-  constructor(e = {}, n, r) {
-    super(), this._config = e, this._injector = n, this._componentManager = r;
+import { DependentOn as _, Inject as u, Injector as d, Plugin as g } from "@univerjs/core";
+import { UniverUIPlugin as v, ComponentManager as E } from "@univerjs/ui";
+var P = Object.defineProperty, C = Object.getOwnPropertyDescriptor, h = (e, t, n) => t in e ? P(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, b = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? C(t, n) : t, c = e.length - 1, a; c >= 0; c--)
+    (a = e[c]) && (r = a(r) || r);
+  return r;
+}, l = (e, t) => (n, o) => t(n, o, e), U = (e, t, n) => h(e, t + "", n);
+let m = class extends g {
+  constructor(e = {}, t, n) {
+    super(), this._config = e, this._injector = t, this._componentManager = n;
   }
   onStarting() {
-    this._componentManager.setHandler("web-component", (e, n) => () => g(
-      u(O, {
-        component: e,
-        props: {
-          name: n
-        }
-      })
-    ));
+    const { createElement: e, useEffect: t, useRef: n } = this._componentManager.reactUtils;
+    this._componentManager.setHandler("web-component", (o, r) => () => e(w, {
+      component: o,
+      props: {
+        name: r
+      },
+      reactUtils: { createElement: e, useEffect: t, useRef: n }
+    }));
   }
 };
-w(c, "pluginName", "UNIVER_UI_ADAPTER_WEB_COMPONENT_PLUGIN");
-c = h([
-  l(_),
-  i(1, a(s)),
-  i(2, a(d))
-], c);
-function O(e) {
-  const { component: n, props: r } = e, { name: t } = r != null ? r : {};
-  if (!t)
+U(m, "pluginName", "UNIVER_UI_ADAPTER_WEB_COMPONENT_PLUGIN");
+m = b([
+  _(v),
+  l(1, u(d)),
+  l(2, u(E))
+], m);
+function w(e) {
+  const { component: t, props: n, reactUtils: o } = e, { name: r } = n != null ? n : {}, { createElement: c, useEffect: a, useRef: f } = o;
+  if (!r)
     throw new Error("WebComponentComponentWrapper requires a name prop to define the custom element.");
-  customElements.get(t) || customElements.define(t, n);
-  const o = v(null);
-  return P(() => {
-    if (!o.current) return;
-    const m = document.createElement(t);
-    return o.current.appendChild(m), () => {
-      var p;
-      (p = o.current) == null || p.removeChild(m);
+  customElements.get(r) || customElements.define(r, t);
+  const i = f(null);
+  return a(() => {
+    if (!i.current) return;
+    const p = document.createElement(r);
+    return i.current.appendChild(p), () => {
+      var s;
+      (s = i.current) == null || s.removeChild(p);
     };
-  }, []), u("div", { ref: o });
+  }, []), c("div", { ref: i });
 }
 export {
-  c as UniverWebComponentAdapterPlugin
+  m as UniverWebComponentAdapterPlugin
 };

package/lib/index.js

@@ -1,47 +1,46 @@
-import { DependentOn as l, Inject as a, Injector as s, Plugin as f } from "@univerjs/core";
-import { UniverUIPlugin as _, ComponentManager as d } from "@univerjs/ui";
-import { cloneElement as g, createElement as u, useRef as v, useEffect as P } from "react";
-var C = Object.defineProperty, E = Object.getOwnPropertyDescriptor, b = (e, n, r) => n in e ? C(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r, h = (e, n, r, t) => {
-  for (var o = t > 1 ? void 0 : t ? E(n, r) : n, m = e.length - 1, p; m >= 0; m--)
-    (p = e[m]) && (o = p(o) || o);
-  return o;
-}, i = (e, n) => (r, t) => n(r, t, e), w = (e, n, r) => b(e, n + "", r);
-let c = class extends f {
-  constructor(e = {}, n, r) {
-    super(), this._config = e, this._injector = n, this._componentManager = r;
+import { DependentOn as _, Inject as u, Injector as d, Plugin as g } from "@univerjs/core";
+import { UniverUIPlugin as v, ComponentManager as E } from "@univerjs/ui";
+var P = Object.defineProperty, C = Object.getOwnPropertyDescriptor, h = (e, t, n) => t in e ? P(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, b = (e, t, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? C(t, n) : t, c = e.length - 1, a; c >= 0; c--)
+    (a = e[c]) && (r = a(r) || r);
+  return r;
+}, l = (e, t) => (n, o) => t(n, o, e), U = (e, t, n) => h(e, t + "", n);
+let m = class extends g {
+  constructor(e = {}, t, n) {
+    super(), this._config = e, this._injector = t, this._componentManager = n;
   }
   onStarting() {
-    this._componentManager.setHandler("web-component", (e, n) => () => g(
-      u(O, {
-        component: e,
-        props: {
-          name: n
-        }
-      })
-    ));
+    const { createElement: e, useEffect: t, useRef: n } = this._componentManager.reactUtils;
+    this._componentManager.setHandler("web-component", (o, r) => () => e(w, {
+      component: o,
+      props: {
+        name: r
+      },
+      reactUtils: { createElement: e, useEffect: t, useRef: n }
+    }));
   }
 };
-w(c, "pluginName", "UNIVER_UI_ADAPTER_WEB_COMPONENT_PLUGIN");
-c = h([
-  l(_),
-  i(1, a(s)),
-  i(2, a(d))
-], c);
-function O(e) {
-  const { component: n, props: r } = e, { name: t } = r != null ? r : {};
-  if (!t)
+U(m, "pluginName", "UNIVER_UI_ADAPTER_WEB_COMPONENT_PLUGIN");
+m = b([
+  _(v),
+  l(1, u(d)),
+  l(2, u(E))
+], m);
+function w(e) {
+  const { component: t, props: n, reactUtils: o } = e, { name: r } = n != null ? n : {}, { createElement: c, useEffect: a, useRef: f } = o;
+  if (!r)
     throw new Error("WebComponentComponentWrapper requires a name prop to define the custom element.");
-  customElements.get(t) || customElements.define(t, n);
-  const o = v(null);
-  return P(() => {
-    if (!o.current) return;
-    const m = document.createElement(t);
-    return o.current.appendChild(m), () => {
-      var p;
-      (p = o.current) == null || p.removeChild(m);
+  customElements.get(r) || customElements.define(r, t);
+  const i = f(null);
+  return a(() => {
+    if (!i.current) return;
+    const p = document.createElement(r);
+    return i.current.appendChild(p), () => {
+      var s;
+      (s = i.current) == null || s.removeChild(p);
     };
-  }, []), u("div", { ref: o });
+  }, []), c("div", { ref: i });
 }
 export {
-  c as UniverWebComponentAdapterPlugin
+  m as UniverWebComponentAdapterPlugin
 };

package/lib/types/plugin.d.ts

@@ -14,4 +14,5 @@ export declare class UniverWebComponentAdapterPlugin extends Plugin {
 export declare function WebComponentComponentWrapper(options: {
     component: CustomElementConstructor;
     props?: Record<string, any>;
+    reactUtils: typeof ComponentManager.prototype.reactUtils;
 }): import('react').DetailedReactHTMLElement<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>;

package/lib/umd/index.js

@@ -1 +1 @@
-(function(r,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("@univerjs/core"),require("@univerjs/ui"),require("react")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/ui","react"],i):(r=typeof globalThis<"u"?globalThis:r||self,i(r.UniverUiAdapterWebComponent={},r.UniverCore,r.UniverUi,r.React))})(this,function(r,i,a,m){"use strict";var d=Object.defineProperty,f=Object.getOwnPropertyDescriptor,l=(t,e,n)=>e in t?d(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,v=(t,e,n,o)=>{for(var u=o>1?void 0:o?f(e,n):e,p=t.length-1,c;p>=0;p--)(c=t[p])&&(u=c(u)||u);return u},s=(t,e)=>(n,o)=>e(n,o,t),_=(t,e,n)=>l(t,e+"",n);r.UniverWebComponentAdapterPlugin=class extends i.Plugin{constructor(e={},n,o){super(),this._config=e,this._injector=n,this._componentManager=o}onStarting(){this._componentManager.setHandler("web-component",(e,n)=>()=>m.cloneElement(m.createElement(C,{component:e,props:{name:n}})))}},_(r.UniverWebComponentAdapterPlugin,"pluginName","UNIVER_UI_ADAPTER_WEB_COMPONENT_PLUGIN"),r.UniverWebComponentAdapterPlugin=v([i.DependentOn(a.UniverUIPlugin),s(1,i.Inject(i.Injector)),s(2,i.Inject(a.ComponentManager))],r.UniverWebComponentAdapterPlugin);function C(t){const{component:e,props:n}=t,{name:o}=n!=null?n:{};if(!o)throw new Error("WebComponentComponentWrapper requires a name prop to define the custom element.");customElements.get(o)||customElements.define(o,e);const u=m.useRef(null);return m.useEffect(()=>{if(!u.current)return;const p=document.createElement(o);return u.current.appendChild(p),()=>{var c;(c=u.current)==null||c.removeChild(p)}},[]),m.createElement("div",{ref:u})}Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+(function(r,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("@univerjs/core"),require("@univerjs/ui")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/ui"],u):(r=typeof globalThis<"u"?globalThis:r||self,u(r.UniverUiAdapterWebComponent={},r.UniverCore,r.UniverUi))})(this,function(r,u,a){"use strict";var l=Object.defineProperty,v=Object.getOwnPropertyDescriptor,_=(t,e,n)=>e in t?l(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,g=(t,e,n,i)=>{for(var o=i>1?void 0:i?v(e,n):e,p=t.length-1,c;p>=0;p--)(c=t[p])&&(o=c(o)||o);return o},m=(t,e)=>(n,i)=>e(n,i,t),U=(t,e,n)=>_(t,e+"",n);r.UniverWebComponentAdapterPlugin=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("web-component",(o,p)=>()=>e(C,{component:o,props:{name:p},reactUtils:{createElement:e,useEffect:n,useRef:i}}))}},U(r.UniverWebComponentAdapterPlugin,"pluginName","UNIVER_UI_ADAPTER_WEB_COMPONENT_PLUGIN"),r.UniverWebComponentAdapterPlugin=g([u.DependentOn(a.UniverUIPlugin),m(1,u.Inject(u.Injector)),m(2,u.Inject(a.ComponentManager))],r.UniverWebComponentAdapterPlugin);function C(t){const{component:e,props:n,reactUtils:i}=t,{name:o}=n!=null?n:{},{createElement:p,useEffect:c,useRef:P}=i;if(!o)throw new Error("WebComponentComponentWrapper requires a name prop to define the custom element.");customElements.get(o)||customElements.define(o,e);const s=P(null);return c(()=>{if(!s.current)return;const f=document.createElement(o);return s.current.appendChild(f),()=>{var d;(d=s.current)==null||d.removeChild(f)}},[]),p("div",{ref:s})}Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/ui-adapter-web-component",
-  "version": "0.8.3-nightly.202507010644",
+  "version": "0.8.3-nightly.202507021607",
   "private": false,
   "description": "Web component adapter for Univer UI",
   "author": "DreamNum <developer@univer.ai>",
@@ -48,11 +48,10 @@
     "react": "^16.9.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
   },
   "dependencies": {
-    "@univerjs/core": "0.8.3-nightly.202507010644",
-    "@univerjs/ui": "0.8.3-nightly.202507010644"
+    "@univerjs/core": "0.8.3-nightly.202507021607",
+    "@univerjs/ui": "0.8.3-nightly.202507021607"
   },
   "devDependencies": {
-    "react": "18.3.1",
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
     "vitest": "^3.2.4",