@viewfly/platform-browser 2.2.1 → 3.0.0-alpha.1

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 export * from './create-app';
-export * from './create-portal';
 export * from './html-renderer';
 export * from './dom-renderer';
 export * from './html-idl-reflection';

package/dist/index.esm.js

@@ -560,44 +560,6 @@ function createApp(root, config = true) {
 	});
 }
 //#endregion
-//#region src/create-portal.ts
-/**
-* 用于创建脱离当前 DOM 树的子节点，常用于弹窗等
-* @deprecated 即将弃用，请使用 @viewfly/core 模块的 Portal 组件实现
-* @param childRender
-* @param host
-* @example
-* ```tsx
-* function App() {
-*   const number = createSignal(0)
-*
-*   setInterval(() => {
-*     number.set(number() + 1)
-*   }, 1000)
-*
-*   const ModalPortal = function (props) {
-*     return createPortal(() => {
-*       return <div class="modal">parent data is {props.text}</div>
-*     }, document.body)
-*   }
-*   return () => {
-*     return (
-*       <div>
-*         <div>data is {number()}</div>
-*         <ModalPortal text={number()}/>
-*       </div>
-*     )
-*   }
-* }
-* ```
-*/
-function createPortal(childRender, host) {
-	return {
-		$portalHost: host,
-		$render: childRender
-	};
-}
-//#endregion
 //#region src/html-renderer.ts
 /** JSX style 对象键 → CSS 属性名（含 webkit / moz / ms / o 前缀） */
 function styleKeyToCssPropertyName(key) {
@@ -782,4 +744,4 @@ var OutputTranslator = class OutputTranslator {
 	}
 };
 //#endregion
-export { DomRenderer, HTMLRenderer, IDL_FALSY_OR_NONFINITE_REMOVES, IDL_TO_CONTENT_ATTR, OutputTranslator, VDOMElement, VDOMNode, VDOMText, XML_JSX_NAME_TO_ATTR, createApp, createPortal, getContentAttrNameForIdl, getXmlPresentationAttributeName, isUnsetLikeReflectedIdlValue };
+export { DomRenderer, HTMLRenderer, IDL_FALSY_OR_NONFINITE_REMOVES, IDL_TO_CONTENT_ATTR, OutputTranslator, VDOMElement, VDOMNode, VDOMText, XML_JSX_NAME_TO_ATTR, createApp, getContentAttrNameForIdl, getXmlPresentationAttributeName, isUnsetLikeReflectedIdlValue };

package/dist/index.js

@@ -561,44 +561,6 @@ function createApp(root, config = true) {
 	});
 }
 //#endregion
-//#region src/create-portal.ts
-/**
-* 用于创建脱离当前 DOM 树的子节点，常用于弹窗等
-* @deprecated 即将弃用，请使用 @viewfly/core 模块的 Portal 组件实现
-* @param childRender
-* @param host
-* @example
-* ```tsx
-* function App() {
-*   const number = createSignal(0)
-*
-*   setInterval(() => {
-*     number.set(number() + 1)
-*   }, 1000)
-*
-*   const ModalPortal = function (props) {
-*     return createPortal(() => {
-*       return <div class="modal">parent data is {props.text}</div>
-*     }, document.body)
-*   }
-*   return () => {
-*     return (
-*       <div>
-*         <div>data is {number()}</div>
-*         <ModalPortal text={number()}/>
-*       </div>
-*     )
-*   }
-* }
-* ```
-*/
-function createPortal(childRender, host) {
-	return {
-		$portalHost: host,
-		$render: childRender
-	};
-}
-//#endregion
 //#region src/html-renderer.ts
 /** JSX style 对象键 → CSS 属性名（含 webkit / moz / ms / o 前缀） */
 function styleKeyToCssPropertyName(key) {
@@ -793,7 +755,6 @@ exports.VDOMNode = VDOMNode;
 exports.VDOMText = VDOMText;
 exports.XML_JSX_NAME_TO_ATTR = XML_JSX_NAME_TO_ATTR;
 exports.createApp = createApp;
-exports.createPortal = createPortal;
 exports.getContentAttrNameForIdl = getContentAttrNameForIdl;
 exports.getXmlPresentationAttributeName = getXmlPresentationAttributeName;
 exports.isUnsetLikeReflectedIdlValue = isUnsetLikeReflectedIdlValue;

package/dist/jsx-dom.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ClassNames, JSXNode } from '@viewfly/core';
+import { JSX, ClassNames, JSXNode, DynamicRef, Ref, RefProp } from '@viewfly/core';
 import * as CSS from 'csstype';
 export interface CSSProperties extends CSS.Properties<string | number>, CSS.PropertiesHyphen<string | number> {
     /**
@@ -200,7 +200,8 @@ interface AriaAttributes {
     'aria-valuetext'?: string;
 }
 export type StyleValue = string | CSSProperties | null;
-export interface HTMLAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSX.RefAttributes<T> {
+export interface HTMLAttributes<T> extends AriaAttributes, EventHandlers<Events>, Omit<JSX.IntrinsicAttributes, 'ref'> {
+    ref?: RefProp<T> | RefProp<T>[];
     children?: JSXNode;
     innerHTML?: string;
     /** 支持 ClassNames / 对象解析，走 `setClass`（不经 `setProperty`）。 */
@@ -624,7 +625,8 @@ export interface WebViewHTMLAttributes<T> extends HTMLAttributes<T> {
     useragent?: string;
     webpreferences?: string;
 }
-export interface SVGAttributes<T> extends AriaAttributes, EventHandlers<Events>, JSX.RefAttributes<T> {
+export interface SVGAttributes<T> extends AriaAttributes, EventHandlers<Events> {
+    ref?: Ref<T | null> | DynamicRef<T | null> | Array<Ref<T | null> | DynamicRef<T | null>>;
     children?: JSXNode;
     innerHTML?: string;
     /**
@@ -1091,7 +1093,8 @@ export interface SVGElements {
     use: SVGAttributes<SVGUseElement>;
     view: SVGAttributes<SVGViewElement>;
 }
-export interface MathMLAttributes extends JSX.RefAttributes<MathMLElement> {
+export interface MathMLAttributes<T> {
+    ref?: Ref<T | null> | DynamicRef<T | null> | Array<Ref<T | null> | DynamicRef<T | null>>;
     children?: JSXNode;
     scriptlevel?: string;
     /** 同 HTML/SVG：`class` 走 setClass + ClassNames；`className` 仅字符串、不经 classToString。 */
@@ -1103,7 +1106,7 @@ export interface MathMLAttributes extends JSX.RefAttributes<MathMLElement> {
     tabindex?: Numberish;
     tabIndex?: Numberish;
 }
-export interface MathMLMoAttributes extends MathMLAttributes {
+export interface MathMLMoAttributes<T> extends MathMLAttributes<T> {
     accent?: Booleanish;
     fence?: Booleanish;
     lspace?: string;
@@ -1115,28 +1118,28 @@ export interface MathMLMoAttributes extends MathMLAttributes {
     stretchy?: Booleanish;
     symmetric?: Booleanish;
 }
-export interface MathMLMathAttributes extends MathMLAttributes {
+export interface MathMLMathAttributes<T> extends MathMLAttributes<T> {
     xmlns?: 'http://www.w3.org/1998/Math/MathML';
     display?: 'block' | 'inline';
 }
-export interface MathMLMfracAttributes extends MathMLAttributes {
+export interface MathMLMfracAttributes<T> extends MathMLAttributes<T> {
     linethickness?: string;
 }
-export interface MathMLMoverAttributes extends MathMLAttributes {
+export interface MathMLMoverAttributes<T> extends MathMLAttributes<T> {
     accent?: Booleanish;
 }
-export interface MathMLMpaddedAttributes extends MathMLAttributes {
+export interface MathMLMpaddedAttributes<T> extends MathMLAttributes<T> {
     depth?: string;
     height?: string;
     lspace?: string;
     voffset?: string;
     width?: string;
 }
-export interface MathMLMspaceAttributes extends MathMLAttributes {
+export interface MathMLMspaceAttributes<T> extends MathMLAttributes<T> {
     width?: string;
     height?: string;
 }
-export interface MathMLMtableAttribute extends MathMLAttributes {
+export interface MathMLMtableAttribute<T> extends MathMLAttributes<T> {
     align?: string;
     columnalign?: string;
     columnlines?: Numberish;
@@ -1148,54 +1151,54 @@ export interface MathMLMtableAttribute extends MathMLAttributes {
     rowspacing?: Numberish;
     width?: string;
 }
-export interface MathMLMtdAttributes extends MathMLAttributes {
+export interface MathMLMtdAttributes<T> extends MathMLAttributes<T> {
     columnalign?: string;
     columnspan?: Numberish;
     rowalign?: string;
     rowspan?: Numberish;
 }
-export interface MathMLMtrAttributes extends MathMLAttributes {
+export interface MathMLMtrAttributes<T> extends MathMLAttributes<T> {
     columnalign?: string;
     rowalign?: string;
 }
-export interface MathMLMunderAttributes extends MathMLAttributes {
+export interface MathMLMunderAttributes<T> extends MathMLAttributes<T> {
     accentunder?: Booleanish;
 }
-export interface MathMLMunderoverAttributes extends MathMLAttributes {
+export interface MathMLMunderoverAttributes<T> extends MathMLAttributes<T> {
     accent?: Booleanish;
     accentunder?: Booleanish;
 }
 export interface MathMLElements {
-    annotation: MathMLAttributes;
-    'annotation-xml': MathMLAttributes;
-    maction: MathMLAttributes;
-    math: MathMLMathAttributes;
-    merror: MathMLAttributes;
-    mfrac: MathMLMfracAttributes;
-    mi: MathMLAttributes;
-    mmultiscripts: MathMLAttributes;
-    mn: MathMLAttributes;
-    mo: MathMLMoAttributes;
-    mover: MathMLMoverAttributes;
-    mpadded: MathMLMpaddedAttributes;
-    mphantom: MathMLAttributes;
-    mprescripts: MathMLAttributes;
-    mroot: MathMLAttributes;
-    mrow: MathMLAttributes;
-    ms: MathMLAttributes;
-    mspace: MathMLMspaceAttributes;
-    msqrt: MathMLAttributes;
-    mstyle: MathMLAttributes;
-    msub: MathMLAttributes;
-    msubsup: MathMLAttributes;
-    msup: MathMLAttributes;
-    mtable: MathMLMtableAttribute;
-    mtd: MathMLMtdAttributes;
-    mtext: MathMLAttributes;
-    mtr: MathMLMtrAttributes;
-    munder: MathMLMunderAttributes;
-    semantics: MathMLAttributes;
-    munderover: MathMLMunderoverAttributes;
+    annotation: MathMLAttributes<MathMLElement>;
+    'annotation-xml': MathMLAttributes<MathMLElement>;
+    maction: MathMLAttributes<MathMLElement>;
+    math: MathMLMathAttributes<MathMLElement>;
+    merror: MathMLAttributes<MathMLElement>;
+    mfrac: MathMLMfracAttributes<MathMLElement>;
+    mi: MathMLAttributes<MathMLElement>;
+    mmultiscripts: MathMLAttributes<MathMLElement>;
+    mn: MathMLAttributes<MathMLElement>;
+    mo: MathMLMoAttributes<MathMLElement>;
+    mover: MathMLMoverAttributes<MathMLElement>;
+    mpadded: MathMLMpaddedAttributes<MathMLElement>;
+    mphantom: MathMLAttributes<MathMLElement>;
+    mprescripts: MathMLAttributes<MathMLElement>;
+    mroot: MathMLAttributes<MathMLElement>;
+    mrow: MathMLAttributes<MathMLElement>;
+    ms: MathMLAttributes<MathMLElement>;
+    mspace: MathMLMspaceAttributes<MathMLElement>;
+    msqrt: MathMLAttributes<MathMLElement>;
+    mstyle: MathMLAttributes<MathMLElement>;
+    msub: MathMLAttributes<MathMLElement>;
+    msubsup: MathMLAttributes<MathMLElement>;
+    msup: MathMLAttributes<MathMLElement>;
+    mtable: MathMLMtableAttribute<MathMLElement>;
+    mtd: MathMLMtdAttributes<MathMLElement>;
+    mtext: MathMLAttributes<MathMLElement>;
+    mtr: MathMLMtrAttributes<MathMLElement>;
+    munder: MathMLMunderAttributes<MathMLElement>;
+    semantics: MathMLAttributes<MathMLElement>;
+    munderover: MathMLMunderoverAttributes<MathMLElement>;
 }
 export interface NativeElements extends DOMElements, SVGElements, MathMLElements {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/platform-browser",
-  "version": "2.2.1",
+  "version": "3.0.0-alpha.1",
   "description": "This project is used to enable the Viewfly framework to run in a browser.",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -12,18 +12,13 @@
       "require": "./dist/index.js"
     }
   },
-  "scripts": {
-    "build:lib": "rimraf dist && pnpm run build && rimraf dist/platform-browser",
-    "build": "vite build --config vite.config.ts",
-    "publish:lib": "npm run build:lib && npm publish --access=public"
-  },
   "files": [
     "dist/**/*"
   ],
   "license": "MIT",
   "keywords": [],
   "dependencies": {
-    "@viewfly/core": "^2.2.0",
+    "@viewfly/core": "^3.0.0-alpha.1",
     "csstype": "^3.1.3"
   },
   "devDependencies": {
@@ -43,5 +38,10 @@
   },
   "bugs": {
     "url": "https://github.com/viewfly/viewfly/issues"
+  },
+  "scripts": {
+    "build:lib": "rimraf dist && pnpm run build && rimraf dist/platform-browser",
+    "build": "vite build --config vite.config.ts",
+    "publish:lib": "npm run build:lib && npm publish --access=public"
   }
-}
+}

package/dist/create-portal.d.ts

@@ -1,35 +0,0 @@
-import { JSXNode, NativeNode } from '@viewfly/core';
-/**
- * 用于创建脱离当前 DOM 树的子节点，常用于弹窗等
- * @deprecated 即将弃用，请使用 @viewfly/core 模块的 Portal 组件实现
- * @param childRender
- * @param host
- * @example
- * ```tsx
- * function App() {
- *   const number = createSignal(0)
- *
- *   setInterval(() => {
- *     number.set(number() + 1)
- *   }, 1000)
- *
- *   const ModalPortal = function (props) {
- *     return createPortal(() => {
- *       return <div class="modal">parent data is {props.text}</div>
- *     }, document.body)
- *   }
- *   return () => {
- *     return (
- *       <div>
- *         <div>data is {number()}</div>
- *         <ModalPortal text={number()}/>
- *       </div>
- *     )
- *   }
- * }
- * ```
- */
-export declare function createPortal<T extends NativeNode>(childRender: () => JSXNode, host: T): {
-    $portalHost: T;
-    $render: () => JSXNode;
-};