@kunpeng-js/properties-panel 2026.0.0-alpha2 → 2026.10.2

package/preact/package.json

@@ -1,91 +1,52 @@
 {
   "name": "preact",
   "amdName": "preact",
-  "version": "10.29.8",
+  "version": "11.0.1",
   "private": false,
   "publishConfig": {
     "access": "public",
     "provenance": true
   },
-  "description": "Fast 3kb React-compatible Virtual DOM library.",
-  "main": "dist/preact.js",
-  "module": "dist/preact.module.js",
-  "umd:main": "dist/preact.umd.js",
-  "unpkg": "dist/preact.min.js",
+  "description": "Fast 4kb React-compatible Virtual DOM library.",
+  "main": "dist/preact.mjs",
+  "module": "dist/preact.mjs",
   "source": "src/index.js",
-  "typesVersions": {
-    "<=5.0": {
-      ".": [
-        "./src/index-5.d.ts"
-      ]
-    }
-  },
   "exports": {
     ".": {
-      "types@<=5.0": {
-        "types": "./src/index-5.d.ts"
-      },
       "types": "./src/index.d.ts",
-      "browser": "./dist/preact.module.js",
-      "umd": "./dist/preact.umd.js",
-      "import": "./dist/preact.mjs",
-      "require": "./dist/preact.js"
+      "default": "./dist/preact.mjs"
     },
     "./compat": {
       "types": "./compat/src/index.d.ts",
-      "browser": "./compat/dist/compat.module.js",
-      "umd": "./compat/dist/compat.umd.js",
-      "import": "./compat/dist/compat.mjs",
-      "require": "./compat/dist/compat.js"
+      "default": "./compat/dist/compat.mjs"
     },
     "./debug": {
       "types": "./debug/src/index.d.ts",
-      "browser": "./debug/dist/debug.module.js",
-      "umd": "./debug/dist/debug.umd.js",
-      "import": "./debug/dist/debug.mjs",
-      "require": "./debug/dist/debug.js"
+      "default": "./debug/dist/debug.mjs"
     },
     "./devtools": {
       "types": "./devtools/src/index.d.ts",
-      "browser": "./devtools/dist/devtools.module.js",
-      "umd": "./devtools/dist/devtools.umd.js",
-      "import": "./devtools/dist/devtools.mjs",
-      "require": "./devtools/dist/devtools.js"
+      "default": "./devtools/dist/devtools.mjs"
     },
     "./hooks": {
       "types": "./hooks/src/index.d.ts",
-      "browser": "./hooks/dist/hooks.module.js",
-      "umd": "./hooks/dist/hooks.umd.js",
-      "import": "./hooks/dist/hooks.mjs",
-      "require": "./hooks/dist/hooks.js"
+      "default": "./hooks/dist/hooks.mjs"
     },
     "./test-utils": {
       "types": "./test-utils/src/index.d.ts",
-      "browser": "./test-utils/dist/testUtils.module.js",
-      "umd": "./test-utils/dist/testUtils.umd.js",
-      "import": "./test-utils/dist/testUtils.mjs",
-      "require": "./test-utils/dist/testUtils.js"
+      "default": "./test-utils/dist/testUtils.mjs"
     },
     "./compat/test-utils": {
       "types": "./test-utils/src/index.d.ts",
-      "browser": "./test-utils/dist/testUtils.module.js",
-      "umd": "./test-utils/dist/testUtils.umd.js",
-      "import": "./test-utils/dist/testUtils.mjs",
-      "require": "./test-utils/dist/testUtils.js"
+      "default": "./test-utils/dist/testUtils.mjs"
     },
     "./jsx-runtime": {
       "types": "./jsx-runtime/src/index.d.ts",
-      "browser": "./jsx-runtime/dist/jsxRuntime.module.js",
-      "umd": "./jsx-runtime/dist/jsxRuntime.umd.js",
-      "import": "./jsx-runtime/dist/jsxRuntime.mjs",
-      "require": "./jsx-runtime/dist/jsxRuntime.js"
+      "default": "./jsx-runtime/dist/jsxRuntime.mjs"
     },
     "./jsx-dev-runtime": {
       "types": "./jsx-runtime/src/index.d.ts",
-      "browser": "./jsx-runtime/dist/jsxRuntime.module.js",
-      "umd": "./jsx-runtime/dist/jsxRuntime.umd.js",
-      "import": "./jsx-runtime/dist/jsxRuntime.mjs",
-      "require": "./jsx-runtime/dist/jsxRuntime.js"
+      "default": "./jsx-runtime/dist/jsxRuntime.mjs"
     },
     "./compat/client": {
       "types": "./compat/client.d.ts",
@@ -93,6 +54,7 @@
       "require": "./compat/client.js"
     },
     "./compat/server": {
+      "types": "./compat/server.d.ts",
       "browser": "./compat/server.browser.js",
       "import": "./compat/server.mjs",
       "require": "./compat/server.js"
@@ -112,6 +74,7 @@
       "require": "./compat/jsx-dev-runtime.js"
     },
     "./compat/scheduler": {
+      "types": "./compat/scheduler.d.ts",
       "import": "./compat/scheduler.mjs",
       "require": "./compat/scheduler.js"
     },
@@ -129,38 +92,6 @@
     "url": "https://opencollective.com/preact"
   },
   "types": "src/index.d.ts",
-  "scripts": {
-    "prepare": "husky && npm run test:install && run-s build",
-    "build": "npm-run-all --parallel 'build:*'",
-    "build:core": "microbundle build --raw --no-generateTypes -f cjs,esm,umd",
-    "build:core-min": "microbundle build --raw --no-generateTypes -f cjs,esm,umd,iife src/cjs.js -o dist/preact.min.js",
-    "build:debug": "microbundle build --raw --no-generateTypes -f cjs,esm,umd --cwd debug",
-    "build:devtools": "microbundle build --raw --no-generateTypes -f cjs,esm,umd --cwd devtools",
-    "build:hooks": "microbundle build --raw --no-generateTypes -f cjs,esm,umd --cwd hooks",
-    "build:test-utils": "microbundle build --raw --no-generateTypes -f cjs,esm,umd --cwd test-utils",
-    "build:compat": "microbundle build --raw --no-generateTypes -f cjs,esm,umd --cwd compat --globals 'preact/hooks=preactHooks'",
-    "build:jsx": "microbundle build --raw --no-generateTypes -f cjs,esm,umd --cwd jsx-runtime",
-    "postbuild": "node ./config/node-13-exports.js && node ./config/compat-entries.js",
-    "dev": "microbundle watch --raw --no-generateTypes --format cjs",
-    "dev:hooks": "microbundle watch --raw --no-generateTypes --format cjs --cwd hooks",
-    "dev:compat": "microbundle watch --raw --no-generateTypes --format cjs --cwd compat --globals 'preact/hooks=preactHooks'",
-    "test": "npm-run-all build lint test:unit",
-    "test:install": "playwright install chromium",
-    "test:unit": "run-p test:mocha test:vitest:min test:ts",
-    "test:vitest": "cross-env COVERAGE=true vitest run",
-    "test:vitest:min": "cross-env MINIFY=true vitest run",
-    "test:vitest:watch": "vitest",
-    "test:ts": "run-p 'test:ts:*'",
-    "test:ts:core": "tsc -p test/ts/ && mocha --require \"@babel/register\" test/ts/**/*-test.js",
-    "test:ts:compat": "tsc -p compat/test/ts/",
-    "test:mocha": "mocha --recursive --require \"@babel/register\" test/shared test/node",
-    "test:mocha:watch": "npm run test:mocha -- --watch",
-    "lint": "run-s oxlint tsc",
-    "tsc": "tsc -p jsconfig-lint.json",
-    "oxlint": "oxlint -c oxlint.json src test/browser test/node test/shared debug compat hooks test-utils",
-    "format": "oxfmt . --write",
-    "format:check": "oxfmt --check ."
-  },
   "nano-staged": {
     "**/*.{js,jsx,mjs,cjs,ts,tsx,yml,json,html,md,css,scss}": [
       "oxfmt --write --no-error-on-unmatched-pattern"
@@ -174,9 +105,11 @@
     "compat/client.d.ts",
     "compat/client.js",
     "compat/client.mjs",
+    "compat/server.d.ts",
     "compat/server.browser.js",
     "compat/server.js",
     "compat/server.mjs",
+    "compat/scheduler.d.ts",
     "compat/scheduler.js",
     "compat/scheduler.mjs",
     "compat/test-utils.js",
@@ -217,50 +150,40 @@
   "authors": [
     "The Preact Authors (https://github.com/preactjs/preact/contributors)"
   ],
-  "repository": "preactjs/preact",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/preactjs/preact.git"
+  },
   "bugs": "https://github.com/preactjs/preact/issues",
   "homepage": "https://preactjs.com",
   "devDependencies": {
-    "@actions/github": "^6.0.0",
-    "@actions/glob": "^0.5.0",
-    "@babel/core": "^7.26.0",
-    "@babel/plugin-transform-react-jsx": "^7.25.9",
-    "@babel/plugin-transform-react-jsx-source": "^7.25.9",
-    "@babel/preset-env": "^7.26.0",
-    "@babel/register": "^7.25.9",
-    "@types/chai": "^5.0.1",
-    "@types/mocha": "^10.0.0",
-    "@types/node": "^18.19.87",
-    "@types/sinon": "^17.0.3",
-    "@vitest/browser": "^3.2.1",
-    "@vitest/coverage-istanbul": "^3.2.1",
+    "@babel/core": "^7.28.0",
+    "@babel/preset-env": "^7.29.7",
+    "@rollup/plugin-babel": "^6.1.0",
+    "@types/chai": "^5.2.2",
+    "@types/node": "^22.20.1",
+    "@vitest/browser": "^5.0.0",
+    "@vitest/browser-playwright": "^5.0.0",
+    "@vitest/coverage-v8": "^5.0.0",
     "babel-plugin-transform-rename-properties": "0.1.0",
-    "chai": "^5.2.0",
-    "coveralls": "^3.1.1",
+    "chai": "^6.2.2",
     "cross-env": "^7.0.3",
-    "errorstacks": "^2.4.1",
-    "esbuild": "^0.24.0",
     "husky": "^9.1.7",
     "kolorist": "^1.8.0",
-    "microbundle": "^0.15.1",
-    "mocha": "^11.0.0",
+    "nano-staged": "^1.0.2",
     "npm-run-all2": "^7.0.0",
     "oxfmt": "^0.32.0",
-    "oxlint": "^0.15.12",
+    "oxlint": "^1.8.0",
+    "playwright": "^1.54.1",
     "preact-render-to-string": "^6.5.0",
     "prop-types": "^15.8.1",
-    "sade": "^1.8.1",
-    "sinon": "^19.0.2",
-    "sinon-chai": "^4.0.0",
+    "rollup": "^4.62.2",
     "terser": "5.16.0",
     "typescript": "5.1.6",
-    "undici": "^4.12.0",
-    "vite": "^6.2.0",
-    "vitest": "^3.2.1",
-    "playwright": "^1.52.0"
+    "vitest": "^5.0.0"
   },
   "peerDependencies": {
-    "preact-render-to-string": ">=5"
+    "preact-render-to-string": ">=6.7.0"
   },
   "peerDependenciesMeta": {
     "preact-render-to-string": {
@@ -268,6 +191,27 @@
     }
   },
   "volta": {
-    "node": "20.19.1"
+    "node": "22.22.2"
+  },
+  "scripts": {
+    "build": "node ./scripts/build.mjs",
+    "postbuild": "node ./config/compat-entries.js",
+    "dev": "node ./scripts/build.mjs --watch",
+    "dev:hooks": "node ./scripts/build.mjs --watch hooks",
+    "dev:compat": "node ./scripts/build.mjs --watch compat",
+    "test": "npm-run-all build lint test:unit",
+    "test:install": "playwright install chromium",
+    "test:unit": "run-p test:vitest:min test:ts",
+    "test:vitest": "cross-env COVERAGE=true vitest run",
+    "test:vitest:min": "cross-env MINIFY=true vitest run",
+    "test:vitest:watch": "vitest",
+    "test:ts": "run-p 'test:ts:*'",
+    "test:ts:core": "tsc -p test/ts/",
+    "test:ts:compat": "tsc -p compat/test/ts/",
+    "lint": "run-s oxlint tsc",
+    "tsc": "tsc -p jsconfig-lint.json",
+    "oxlint": "oxlint src test/browser test/node test/shared debug compat hooks test-utils",
+    "format": "oxfmt . --write",
+    "format:check": "oxfmt --check ."
   }
-}
+}

package/preact/src/component.js

@@ -1,8 +1,14 @@
-import { assign } from './util';
-import { diff, commitRoot } from './diff/index';
-import options from './options';
+import {
+	COMPONENT_DIRTY,
+	COMPONENT_FORCE,
+	MODE_HYDRATE,
+	NULL,
+	UNDEFINED
+} from './constants';
 import { Fragment } from './create-element';
-import { MODE_HYDRATE, NULL } from './constants';
+import { commitRoot, diff } from './diff/index';
+import options from './options';
+import { assign } from './util';
 
 /**
  * Base Component class. Provides `setState()` and `forceUpdate()`, which
@@ -14,6 +20,7 @@ import { MODE_HYDRATE, NULL } from './constants';
 export function BaseComponent(props, context) {
 	this.props = props;
 	this.context = context;
+	this._bits = 0;
 }
 
 /**
@@ -27,10 +34,8 @@ export function BaseComponent(props, context) {
  */
 BaseComponent.prototype.setState = function (update, callback) {
 	// only clone state when copying to nextState the first time.
-	let s;
-	if (this._nextState != NULL && this._nextState != this.state) {
-		s = this._nextState;
-	} else {
+	let s = this._nextState;
+	if (!s || s == this.state) {
 		s = this._nextState = assign({}, this.state);
 	}
 
@@ -42,11 +47,10 @@ BaseComponent.prototype.setState = function (update, callback) {
 
 	if (update) {
 		assign(s, update);
+	} else {
+		return;
 	}
 
-	// Skip update if updater function returned null
-	if (update == NULL) return;
-
 	if (this._vnode) {
 		if (callback) {
 			this._stateCallbacks.push(callback);
@@ -66,7 +70,7 @@ BaseComponent.prototype.forceUpdate = function (callback) {
 		// Set render mode so that we can differentiate where the render request
 		// is coming from. We need this because forceUpdate should never call
 		// shouldComponentUpdate
-		this._force = true;
+		this._bits |= COMPONENT_FORCE;
 		if (callback) this._renderCallbacks.push(callback);
 		enqueueRender(this);
 	}
@@ -100,7 +104,7 @@ export function getDomSibling(vnode, childIndex) {
 	for (; childIndex < vnode._children.length; childIndex++) {
 		sibling = vnode._children[childIndex];
 
-		if (sibling != NULL && sibling._dom != NULL) {
+		if (sibling && sibling._dom) {
 			// Since updateParentDomPointers keeps _dom pointer correct,
 			// we can rely on _dom to tell us if this subtree contains a
 			// rendered DOM node, and what the first rendered DOM node is
@@ -112,8 +116,10 @@ export function getDomSibling(vnode, childIndex) {
 	// We must resume from this vnode's sibling (in it's parent _children array)
 	// Only climb up and search the parent if we aren't searching through a DOM
 	// VNode (meaning we reached the DOM parent of the original vnode that began
-	// the search)
-	return typeof vnode.type == 'function' ? getDomSibling(vnode) : NULL;
+	// the search). New roots (_parentDom) are a DOM boundary too.
+	return typeof vnode.type == 'function' && !vnode.props._parentDom
+		? getDomSibling(vnode)
+		: NULL;
 }
 
 /**
@@ -121,32 +127,34 @@ export function getDomSibling(vnode, childIndex) {
  * @param {import('./internal').Component} component The component to rerender
  */
 function renderComponent(component) {
-	if (component._parentDom && component._dirty) {
-		let oldVNode = component._vnode,
-			oldDom = oldVNode._dom,
-			commitQueue = [],
-			refQueue = [],
-			newVNode = assign({}, oldVNode);
+	const oldVNode = component._vnode,
+		oldDom = oldVNode._dom,
+		commitQueue = [],
+		refQueue = [];
+
+	const parentDom = component._parentDom;
+	if (parentDom) {
+		const newVNode = assign({ constructor: UNDEFINED }, oldVNode);
 		newVNode._original = oldVNode._original + 1;
 		if (options.vnode) options.vnode(newVNode);
 
 		diff(
-			component._parentDom,
+			parentDom,
 			newVNode,
 			oldVNode,
 			component._globalContext,
-			component._parentDom.namespaceURI,
+			parentDom.namespaceURI,
 			oldVNode._flags & MODE_HYDRATE ? [oldDom] : NULL,
 			commitQueue,
-			oldDom == NULL ? getDomSibling(oldVNode) : oldDom,
-			!!(oldVNode._flags & MODE_HYDRATE),
+			oldDom || getDomSibling(oldVNode),
+			oldVNode._flags & MODE_HYDRATE,
 			refQueue
 		);
 
 		newVNode._original = oldVNode._original;
 		newVNode._parent._children[newVNode._index] = newVNode;
 		commitRoot(commitQueue, newVNode, refQueue);
-		oldVNode._dom = oldVNode._parent = null;
+		oldVNode._parent = oldVNode._dom = NULL;
 
 		if (newVNode._dom != oldDom) {
 			updateParentDomPointers(newVNode);
@@ -158,13 +166,12 @@ function renderComponent(component) {
  * @param {import('./internal').VNode} vnode
  */
 function updateParentDomPointers(vnode) {
-	if ((vnode = vnode._parent) != NULL && vnode._component != NULL) {
-		vnode._dom = vnode._component.base = NULL;
-		vnode._children.some(child => {
-			if (child != NULL && child._dom != NULL) {
-				return (vnode._dom = vnode._component.base = child._dom);
-			}
-		});
+	// Stop at root boundaries (_parentDom)
+	if ((vnode = vnode._parent) && vnode._component && !vnode.props._parentDom) {
+		// _dom starts nulled, so re-assigning a null child._dom is a no-op and
+		// the first truthy _dom stops the walk.
+		vnode._dom = NULL;
+		vnode._children.some(child => child && (vnode._dom = child._dom));
 
 		return updateParentDomPointers(vnode);
 	}
@@ -174,7 +181,7 @@ function updateParentDomPointers(vnode) {
  * The render queue
  * @type {Array<import('./internal').Component>}
  */
-let rerenderQueue = [];
+const rerenderQueue = [];
 
 /*
  * The value of `Component.debounce` must asynchronously invoke the passed in callback. It is
@@ -185,12 +192,12 @@ let rerenderQueue = [];
  * * [Callbacks synchronous and asynchronous](https://blog.ometer.com/2011/07/24/callbacks-synchronous-and-asynchronous/)
  */
 
-let prevDebounce;
+let prevDebounce,
+	rerenderCount = 0;
 
-const defer =
-	typeof Promise == 'function'
-		? Promise.prototype.then.bind(Promise.resolve())
-		: setTimeout;
+export function resetRenderCount() {
+	rerenderCount = 0;
+}
 
 /**
  * Enqueue a rerender of a component
@@ -198,14 +205,14 @@ const defer =
  */
 export function enqueueRender(c) {
 	if (
-		(!c._dirty &&
-			(c._dirty = true) &&
+		(!(c._bits & COMPONENT_DIRTY) &&
+			(c._bits |= COMPONENT_DIRTY) &&
 			rerenderQueue.push(c) &&
-			!process._rerenderCount++) ||
+			!rerenderCount++) ||
 		prevDebounce != options.debounceRendering
 	) {
 		prevDebounce = options.debounceRendering;
-		(prevDebounce || defer)(process);
+		(prevDebounce || queueMicrotask)(process);
 	}
 }
 
@@ -237,11 +244,11 @@ function process() {
 			c = rerenderQueue.shift();
 			l = rerenderQueue.length;
 
-			renderComponent(c);
+			if (c._bits & COMPONENT_DIRTY) {
+				renderComponent(c);
+			}
 		}
 	} finally {
-		rerenderQueue.length = process._rerenderCount = 0;
+		rerenderQueue.length = rerenderCount = 0;
 	}
 }
-
-process._rerenderCount = 0;

package/preact/src/constants.js

@@ -1,3 +1,4 @@
+// Vnode._flags
 /** Normal hydration that attaches to a DOM tree but does not diff it. */
 export const MODE_HYDRATE = 1 << 5;
 /** Signifies this VNode suspended on the previous render */
@@ -6,6 +7,20 @@ export const MODE_SUSPENDED = 1 << 7;
 export const INSERT_VNODE = 1 << 2;
 /** Indicates a VNode has been matched with another VNode in the diff */
 export const MATCHED = 1 << 1;
+/** Indicates that this vnode has been unmounted before indicating the loss of event listeners */
+export const FORCE_PROPS_REVALIDATE = 1 << 0;
+/** The vnode's ref was detached while its subtree was parked by Suspense */
+export const REF_DETACHED = 1 << 3;
+
+// component._bits
+/** Component is processing an exception */
+export const COMPONENT_PROCESSING_EXCEPTION = 1 << 0;
+/** Component has a pending error */
+export const COMPONENT_PENDING_ERROR = 1 << 1;
+/** Component should force update (skip shouldComponentUpdate) */
+export const COMPONENT_FORCE = 1 << 2;
+/** Component is queued for update */
+export const COMPONENT_DIRTY = 1 << 3;
 
 /** Reset all mode flags */
 export const RESET_MODE = ~(MODE_HYDRATE | MODE_SUSPENDED);
@@ -18,5 +33,5 @@ export const NULL = null;
 export const UNDEFINED = undefined;
 export const EMPTY_OBJ = /** @type {any} */ ({});
 export const EMPTY_ARR = [];
-export const IS_NON_DIMENSIONAL =
-	/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
+
+export const MATHML_TOKEN_ELEMENTS = /^m(i|n|o|s|text|space)$/;

package/preact/src/create-context.js

@@ -1,5 +1,5 @@
 import { enqueueRender } from './component';
-import { NULL } from './constants';
+import { COMPONENT_FORCE } from './constants';
 
 export let i = 0;
 
@@ -13,15 +13,11 @@ export function createContext(defaultValue) {
 
 			this.getChildContext = () => ctx;
 
-			this.componentWillUnmount = () => {
-				subs = NULL;
-			};
-
 			this.shouldComponentUpdate = function (_props) {
 				// @ts-expect-error even
 				if (this.props.value != _props.value) {
 					subs.forEach(c => {
-						c._force = true;
+						c._bits |= COMPONENT_FORCE;
 						enqueueRender(c);
 					});
 				}
@@ -31,9 +27,7 @@ export function createContext(defaultValue) {
 				subs.add(c);
 				let old = c.componentWillUnmount;
 				c.componentWillUnmount = () => {
-					if (subs) {
-						subs.delete(c);
-					}
+					subs.delete(c);
 					if (old) old.call(c);
 				};
 			};
@@ -50,11 +44,7 @@ export function createContext(defaultValue) {
 		return props.children(contextValue);
 	};
 
-	// we could also get rid of _contextRef entirely
-	Context.Provider =
-		Context._contextRef =
-		Context.Consumer.contextType =
-			Context;
+	Context.Provider = Context.Consumer.contextType = Context;
 
 	return Context;
 }

package/preact/src/create-element.js

@@ -1,4 +1,4 @@
-import { slice } from './util';
+import { assign, slice } from './util';
 import options from './options';
 import { NULL, UNDEFINED } from './constants';
 
@@ -17,29 +17,54 @@ export function createElement(type, props, children) {
 	let normalizedProps = {},
 		key,
 		ref,
-		i;
+		i,
+		length = arguments.length;
 	for (i in props) {
 		if (i == 'key') key = props[i];
-		else if (i == 'ref') ref = props[i];
+		else if (i == 'ref' && typeof type != 'function') ref = props[i];
 		else normalizedProps[i] = props[i];
 	}
 
-	if (arguments.length > 2) {
-		normalizedProps.children =
-			arguments.length > 3 ? slice.call(arguments, 2) : children;
+	if (length > 2) {
+		normalizedProps.children = length > 3 ? slice.call(arguments, 2) : children;
 	}
 
-	// If a Component VNode, check for and apply defaultProps
-	// Note: type may be undefined in development, must never error here.
-	if (typeof type == 'function' && type.defaultProps != NULL) {
-		for (i in type.defaultProps) {
-			if (normalizedProps[i] === UNDEFINED) {
-				normalizedProps[i] = type.defaultProps[i];
-			}
-		}
+	return createVNode(type, normalizedProps, key, ref, NULL);
+}
+
+/**
+ * Clones the given VNode, optionally adding attributes/props and replacing its
+ * children.
+ * @param {import('./internal').VNode} vnode The virtual DOM element to clone
+ * @param {object} props Attributes/props to add when cloning
+ * @param {Array<import('./internal').ComponentChildren>} children Any additional arguments will be used
+ * as replacement children.
+ * @returns {import('./internal').VNode}
+ */
+export function cloneElement(vnode, props, children) {
+	let normalizedProps = assign({}, vnode.props),
+		key,
+		ref,
+		i,
+		length = arguments.length;
+
+	for (i in props) {
+		if (i == 'key') key = props[i];
+		else if (i == 'ref' && typeof vnode.type != 'function') ref = props[i];
+		else normalizedProps[i] = props[i];
 	}
 
-	return createVNode(type, normalizedProps, key, ref, NULL);
+	if (length > 2) {
+		normalizedProps.children = length > 3 ? slice.call(arguments, 2) : children;
+	}
+
+	return createVNode(
+		vnode.type,
+		normalizedProps,
+		key !== UNDEFINED ? key : vnode.key,
+		ref !== UNDEFINED ? ref : vnode.ref,
+		NULL
+	);
 }
 
 /**
@@ -69,13 +94,13 @@ export function createVNode(type, props, key, ref, original) {
 		_dom: NULL,
 		_component: NULL,
 		constructor: UNDEFINED,
-		_original: original == NULL ? ++vnodeId : original,
+		_original: original || ++vnodeId,
 		_index: -1,
 		_flags: 0
 	};
 
 	// Only invoke the vnode hook if this was *not* a direct copy:
-	if (original == NULL && options.vnode != NULL) options.vnode(vnode);
+	if (!original && options.vnode) options.vnode(vnode);
 
 	return vnode;
 }