tianzixuan/Doric
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat:complete the implement of JSX

Browse Source
This commit is contained in:
pengfei.zhou 2021-09-03 13:42:25 +08:00 committed by osborn
parent 266d20782a
commit bec0d44af0
23 changed files with 322 additions and 150 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
doric-demo/src/TSXDemo.tsx
View File

@ -4,9 +4,12 @@ import {
Panel,
Gravity,
Group,
LayoutSpec,
layoutConfig,
Text,
makeRef,
Stack,
Color,
modal,
} from "doric";
function createFragment() {
@ -27,27 +30,24 @@ class Counter extends Panel {
<VLayout
space={20}
gravity={Gravity.Center}
layoutConfig={{
widthSpec: LayoutSpec.MOST,
heightSpec: LayoutSpec.MOST,
}}
layoutConfig={layoutConfig().fit().configAlignment(Gravity.Center)}
parent={root}
>
<Text text={`${count}`} textSize={40} ref={ref} />
<Text textSize={40} ref={ref}>
{`${count}`}
</Text>
<Text
text="Click to count"
textSize={20}
text="Click to count"
onClick={() => {
count++;
ref.current.text = `${count}`;
}}
/>
></Text>
{fragments}
{fragments}
{[0, 1, 2, 3].map((i) => (
<>
<Text text={`Index ${i}`} />
<Text text={`Subtitle ${i}`} textSize={10} />
</>
<Text text={`Index ${i}`} />
))}
</VLayout>;
}

74
doric-js/bundle/doric-lib.es5.js
View File

@ -700,6 +700,25 @@ var Group = /** @class */ (function (_super) {
this.children.push(view);
this.dirtyProps.children = this.children.map(function (e) { return e.viewId; });
};
Group.prototype.addInnerElement = function (e) {
var _this = this;
if (e instanceof Array) {
e.forEach(function (e) { return _this.addInnerElement(e); });
}
else if (e instanceof View) {
this.addChild(e);
}
else {
loge("Not allowed to add " + typeof e);
}
};
Object.defineProperty(Group.prototype, "innerElement", {
set: function (e) {
this.addInnerElement(e);
},
enumerable: false,
configurable: true
});
return Group;
}(Superview));
@ -1887,6 +1906,13 @@ var Text = /** @class */ (function (_super) {
function Text() {
return _super !== null && _super.apply(this, arguments) || this;
}
Object.defineProperty(Text.prototype, "innerElement", {
set: function (e) {
this.text = e;
},
enumerable: false,
configurable: true
});
__decorate$a([
Property,
__metadata$a("design:type", String)
@ -2500,6 +2526,13 @@ var Scroller = /** @class */ (function (_super) {
Scroller.prototype.scrollBy = function (context, offset, animated) {
return this.nativeChannel(context, "scrollBy")({ offset: offset, animated: animated });
};
Object.defineProperty(Scroller.prototype, "innerElement", {
set: function (e) {
this.content = e;
},
enumerable: false,
configurable: true
});
__decorate$6([
Property,
__metadata$6("design:type", Object)
@ -2576,6 +2609,19 @@ var Refreshable = /** @class */ (function (_super) {
this.dirtyProps.header = (this.header || {}).viewId;
return _super.prototype.toModel.call(this);
};
Object.defineProperty(Refreshable.prototype, "innerElement", {
set: function (e) {
if (e instanceof View) {
this.content = e;
}
else {
this.header = e[0];
this.content = e[1];
}
},
enumerable: false,
configurable: true
});
__decorate$5([
Property,
__metadata$5("design:type", Function)
@ -2699,20 +2745,6 @@ var __extends$7 = (undefined && undefined.__extends) || (function () {
})();
exports.jsx = void 0;
(function (jsx) {
function addElement(group, v) {
if (v instanceof Array) {
v.forEach(function (e) { return addElement(group, e); });
}
else if (v instanceof Fragment) {
v.children.forEach(function (e) { return addElement(group, e); });
}
else if (v instanceof View) {
group.addChild(v);
}
else {
throw new Error("Can only use view as child");
}
}
function createElement(constructor, config) {
var arguments$1 = arguments;
@ -2721,18 +2753,22 @@ exports.jsx = void 0;
children[_i - 2] = arguments$1[_i];
}
var e = new constructor();
if (e instanceof Fragment) {
return children;
}
e.layoutConfig = layoutConfig().fit();
if (config) {
e.apply(config);
}
if (children && children.length > 0) {
if (e instanceof Group) {
children.forEach(function (child) {
addElement(e, child);
});
if (children.length === 1) {
children = children[0];
}
if (Reflect.has(e, "innerElement")) {
Reflect.set(e, "innerElement", children, e);
}
else {
throw new Error("Can only add child to group view, do not support " + constructor.name);
throw new Error("Do not support " + constructor.name + " for " + children);
}
}
return e;

57
doric-js/bundle/doric-lib.js
View File

@ -561,6 +561,20 @@ class Group extends Superview {
removeAllChildren() {
this.children.length = 0;
}
addInnerElement(e) {
if (e instanceof Array) {
e.forEach(e => this.addInnerElement(e));
}
else if (e instanceof View) {
this.addChild(e);
}
else {
loge(`Not allowed to add ${typeof e}`);
}
}
set innerElement(e) {
this.addInnerElement(e);
}
}
const SPECIFIED = 1;
@ -1399,6 +1413,9 @@ exports.TruncateAt = void 0;
TruncateAt[TruncateAt["Clip"] = 3] = "Clip";
})(exports.TruncateAt || (exports.TruncateAt = {}));
class Text extends View {
set innerElement(e) {
this.text = e;
}
}
__decorate$a([
Property,
@ -1900,6 +1917,9 @@ class Scroller extends Superview {
scrollBy(context, offset, animated) {
return this.nativeChannel(context, "scrollBy")({ offset, animated });
}
set innerElement(e) {
this.content = e;
}
}
__decorate$6([
Property,
@ -1956,6 +1976,15 @@ class Refreshable extends Superview {
this.dirtyProps.header = (this.header || {}).viewId;
return super.toModel();
}
set innerElement(e) {
if (e instanceof View) {
this.content = e;
}
else {
this.header = e[0];
this.content = e[1];
}
}
}
__decorate$5([
Property,
@ -2062,34 +2091,24 @@ exports.Display = void 0;
exports.jsx = void 0;
(function (jsx) {
function addElement(group, v) {
if (v instanceof Array) {
v.forEach(e => addElement(group, e));
}
else if (v instanceof Fragment) {
v.children.forEach(e => addElement(group, e));
}
else if (v instanceof View) {
group.addChild(v);
}
else {
throw new Error(`Can only use view as child`);
}
}
function createElement(constructor, config, ...children) {
const e = new constructor();
if (e instanceof Fragment) {
return children;
}
e.layoutConfig = layoutConfig().fit();
if (config) {
e.apply(config);
}
if (children && children.length > 0) {
if (e instanceof Group) {
children.forEach((child) => {
addElement(e, child);
});
if (children.length === 1) {
children = children[0];
}
if (Reflect.has(e, "innerElement")) {
Reflect.set(e, "innerElement", children, e);
}
else {
throw new Error(`Can only add child to group view, do not support ${constructor.name}`);
throw new Error(`Do not support ${constructor.name} for ${children}`);
}
}
return e;

57
doric-js/bundle/doric-vm.js
View File

@ -2085,6 +2085,20 @@ class Group extends Superview {
removeAllChildren() {
this.children.length = 0;
}
addInnerElement(e) {
if (e instanceof Array) {
e.forEach(e => this.addInnerElement(e));
}
else if (e instanceof View) {
this.addChild(e);
}
else {
loge(`Not allowed to add ${typeof e}`);
}
}
set innerElement(e) {
this.addInnerElement(e);
}
}
const SPECIFIED = 1;
@ -2923,6 +2937,9 @@ exports.TruncateAt = void 0;
TruncateAt[TruncateAt["Clip"] = 3] = "Clip";
})(exports.TruncateAt || (exports.TruncateAt = {}));
class Text extends View {
set innerElement(e) {
this.text = e;
}
}
__decorate$a([
Property,
@ -3424,6 +3441,9 @@ class Scroller extends Superview {
scrollBy(context, offset, animated) {
return this.nativeChannel(context, "scrollBy")({ offset, animated });
}
set innerElement(e) {
this.content = e;
}
}
__decorate$6([
Property,
@ -3480,6 +3500,15 @@ class Refreshable extends Superview {
this.dirtyProps.header = (this.header || {}).viewId;
return super.toModel();
}
set innerElement(e) {
if (e instanceof View) {
this.content = e;
}
else {
this.header = e[0];
this.content = e[1];
}
}
}
__decorate$5([
Property,
@ -3586,34 +3615,24 @@ exports.Display = void 0;
exports.jsx = void 0;
(function (jsx) {
function addElement(group, v) {
if (v instanceof Array) {
v.forEach(e => addElement(group, e));
}
else if (v instanceof Fragment) {
v.children.forEach(e => addElement(group, e));
}
else if (v instanceof View) {
group.addChild(v);
}
else {
throw new Error(`Can only use view as child`);
}
}
function createElement(constructor, config, ...children) {
const e = new constructor();
if (e instanceof Fragment) {
return children;
}
e.layoutConfig = layoutConfig().fit();
if (config) {
e.apply(config);
}
if (children && children.length > 0) {
if (e instanceof Group) {
children.forEach((child) => {
addElement(e, child);
});
if (children.length === 1) {
children = children[0];
}
if (Reflect.has(e, "innerElement")) {
Reflect.set(e, "innerElement", children, e);
}
else {
throw new Error(`Can only add child to group view, do not support ${constructor.name}`);
throw new Error(`Do not support ${constructor.name} for ${children}`);
}
}
return e;

22
doric-js/index.d.ts vendored
View File

@ -323,12 +323,15 @@ declare module 'doric/lib/src/ui/view' {
clean(): void;
toModel(): NativeViewModel;
}
export abstract class Group extends Superview {
export type ViewArray = View[];
export type ViewFragment = View | ViewArray;
export abstract class Group extends Superview implements JSX.ElementChildrenAttribute {
readonly children: View[];
allSubviews(): View[];
addChild(view: View): void;
removeChild(view: View): void;
removeAllChildren(): void;
set innerElement(e: View | ViewFragment | ViewFragment[] | undefined | null);
}
}
@ -508,7 +511,7 @@ declare module 'doric/lib/src/widget/text' {
Start = 2,
Clip = 3
}
export class Text extends View {
export class Text extends View implements JSX.ElementChildrenAttribute {
text?: string;
textColor?: Color | GradientColor;
textSize?: number;
@ -523,6 +526,7 @@ declare module 'doric/lib/src/widget/text' {
underline?: boolean;
htmlText?: string;
truncateAt?: TruncateAt;
set innerElement(e: string);
}
export function text(config: Partial<Text>): Text;
}
@ -682,7 +686,7 @@ declare module 'doric/lib/src/widget/scroller' {
import { Superview, View, NativeViewModel } from 'doric/lib/src/ui/view';
import { BridgeContext } from 'doric/lib/src/runtime/global';
export function scroller(content: View, config?: Partial<Scroller>): Scroller;
export class Scroller extends Superview {
export class Scroller extends Superview implements JSX.ElementChildrenAttribute {
content: View;
contentOffset?: {
x: number;
@ -711,13 +715,14 @@ declare module 'doric/lib/src/widget/scroller' {
x: number;
y: number;
}, animated?: boolean): Promise<any>;
set innerElement(e: View);
}
}
declare module 'doric/lib/src/widget/refreshable' {
import { View, Superview, NativeViewModel } from "doric/lib/src/ui/view";
import { BridgeContext } from "doric/lib/src/runtime/global";
export class Refreshable extends Superview {
export class Refreshable extends Superview implements JSX.ElementChildrenAttribute {
content: View;
header?: View;
onRefresh?: () => void;
@ -727,6 +732,7 @@ declare module 'doric/lib/src/widget/refreshable' {
isRefreshable(context: BridgeContext): Promise<boolean>;
isRefreshing(context: BridgeContext): Promise<boolean>;
toModel(): NativeViewModel;
set innerElement(e: View | [View, View]);
}
export function refreshable(config: Partial<Refreshable>): Refreshable;
export interface IPullable {
@ -1402,13 +1408,13 @@ declare module 'doric/lib/src/util/jsx' {
import { Group, View } from "doric/lib/src/ui/view";
import { ClassType } from "doric/lib/src/util/types";
export namespace jsx {
function createElement<T extends View>(constructor: ClassType<T>, config: Partial<T> | null, ...children: View[]): T;
function createElement<T extends View>(constructor: ClassType<T>, config: Partial<T> | null, ...children: any[]): any[] | T;
class Fragment extends Group {
}
}
global {
namespace JSX {
interface IntrinsicElements {
interface Element extends View {
}
interface ElementClass extends View {
}
@ -1416,7 +1422,9 @@ declare module 'doric/lib/src/util/jsx' {
props: {};
}
interface ElementChildrenAttribute {
children: View[];
innerElement: any;
}
interface IntrinsicElements {
}
}
}

6
doric-js/lib/src/ui/view.d.ts vendored
View File

@ -153,10 +153,14 @@ export declare abstract class Superview extends View {
clean(): void;
toModel(): NativeViewModel;
}
export declare abstract class Group extends Superview {
export declare type ViewArray = View[];
export declare type ViewFragment = View | ViewArray;
export declare abstract class Group extends Superview implements JSX.ElementChildrenAttribute {
readonly children: View[];
allSubviews(): View[];
addChild(view: View): void;
removeChild(view: View): void;
removeAllChildren(): void;
private addInnerElement;
set innerElement(e: View | ViewFragment | ViewFragment[] | undefined | null);
}

14
doric-js/lib/src/ui/view.js
View File

@ -443,4 +443,18 @@ export class Group extends Superview {
removeAllChildren() {
this.children.length = 0;
}
addInnerElement(e) {
if (e instanceof Array) {
e.forEach(e => this.addInnerElement(e));
}
else if (e instanceof View) {
this.addChild(e);
}
else {
loge(`Not allowed to add ${typeof e}`);
}
}
set innerElement(e) {
this.addInnerElement(e);
}
}

8
doric-js/lib/src/util/jsx.d.ts vendored
View File

@ -1,13 +1,13 @@
import { Group, View } from "../ui/view";
import { ClassType } from "./types";
export declare namespace jsx {
function createElement<T extends View>(constructor: ClassType<T>, config: Partial<T> | null, ...children: View[]): T;
function createElement<T extends View>(constructor: ClassType<T>, config: Partial<T> | null, ...children: any[]): any[] | T;
class Fragment extends Group {
}
}
declare global {
namespace JSX {
interface IntrinsicElements {
interface Element extends View {
}
interface ElementClass extends View {
}
@ -15,7 +15,9 @@ declare global {
props: {};
}
interface ElementChildrenAttribute {
children: View[];
innerElement: any;
}
interface IntrinsicElements {
}
}
}

30
doric-js/lib/src/util/jsx.js
View File

@ -1,35 +1,25 @@
import { Group, View } from "../ui/view";
import { Group } from "../ui/view";
import { layoutConfig } from "./layoutconfig";
export var jsx;
(function (jsx) {
function addElement(group, v) {
if (v instanceof Array) {
v.forEach(e => addElement(group, e));
}
else if (v instanceof Fragment) {
v.children.forEach(e => addElement(group, e));
}
else if (v instanceof View) {
group.addChild(v);
}
else {
throw new Error(`Can only use view as child`);
}
}
function createElement(constructor, config, ...children) {
const e = new constructor();
if (e instanceof Fragment) {
return children;
}
e.layoutConfig = layoutConfig().fit();
if (config) {
e.apply(config);
}
if (children && children.length > 0) {
if (e instanceof Group) {
children.forEach((child) => {
addElement(e, child);
});
if (children.length === 1) {
children = children[0];
}
if (Reflect.has(e, "innerElement")) {
Reflect.set(e, "innerElement", children, e);
}
else {
throw new Error(`Can only add child to group view, do not support ${constructor.name}`);
throw new Error(`Do not support ${constructor.name} for ${children}`);
}
}
return e;

3
doric-js/lib/src/widget/refreshable.d.ts vendored
View File

@ -1,6 +1,6 @@
import { View, Superview, NativeViewModel } from "../ui/view";
import { BridgeContext } from "../runtime/global";
export declare class Refreshable extends Superview {
export declare class Refreshable extends Superview implements JSX.ElementChildrenAttribute {
content: View;
header?: View;
onRefresh?: () => void;
@ -10,6 +10,7 @@ export declare class Refreshable extends Superview {
isRefreshable(context: BridgeContext): Promise<boolean>;
isRefreshing(context: BridgeContext): Promise<boolean>;
toModel(): NativeViewModel;
set innerElement(e: View | [View, View]);
}
export declare function refreshable(config: Partial<Refreshable>): Refreshable;
export interface IPullable {

11
doric-js/lib/src/widget/refreshable.js
View File

@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
import { Property, Superview } from "../ui/view";
import { View, Property, Superview } from "../ui/view";
import { layoutConfig } from "../util/layoutconfig";
export class Refreshable extends Superview {
allSubviews() {
@ -34,6 +34,15 @@ export class Refreshable extends Superview {
this.dirtyProps.header = (this.header || {}).viewId;
return super.toModel();
}
set innerElement(e) {
if (e instanceof View) {
this.content = e;
}
else {
this.header = e[0];
this.content = e[1];
}
}
}
__decorate([
Property,

3
doric-js/lib/src/widget/scroller.d.ts vendored
View File

@ -1,7 +1,7 @@
import { Superview, View, NativeViewModel } from '../ui/view';
import { BridgeContext } from '../runtime/global';
export declare function scroller(content: View, config?: Partial<Scroller>): Scroller;
export declare class Scroller extends Superview {
export declare class Scroller extends Superview implements JSX.ElementChildrenAttribute {
content: View;
contentOffset?: {
x: number;
@ -30,4 +30,5 @@ export declare class Scroller extends Superview {
x: number;
y: number;
}, animated?: boolean): Promise<any>;
set innerElement(e: View);
}

3
doric-js/lib/src/widget/scroller.js
View File

@ -47,6 +47,9 @@ export class Scroller extends Superview {
scrollBy(context, offset, animated) {
return this.nativeChannel(context, "scrollBy")({ offset, animated });
}
set innerElement(e) {
this.content = e;
}
}
__decorate([
Property,

3
doric-js/lib/src/widget/text.d.ts vendored
View File

@ -7,7 +7,7 @@ export declare enum TruncateAt {
Start = 2,
Clip = 3
}
export declare class Text extends View {
export declare class Text extends View implements JSX.ElementChildrenAttribute {
text?: string;
textColor?: Color | GradientColor;
textSize?: number;
@ -22,5 +22,6 @@ export declare class Text extends View {
underline?: boolean;
htmlText?: string;
truncateAt?: TruncateAt;
set innerElement(e: string);
}
export declare function text(config: Partial<Text>): Text;

3
doric-js/lib/src/widget/text.js
View File

@ -33,6 +33,9 @@ export var TruncateAt;
TruncateAt[TruncateAt["Clip"] = 3] = "Clip";
})(TruncateAt || (TruncateAt = {}));
export class Text extends View {
set innerElement(e) {
this.text = e;
}
}
__decorate([
Property,

17
doric-js/src/ui/view.es5.ts
View File

@ -465,6 +465,9 @@ export abstract class Superview extends View {
return super.toModel()
}
}
export type ViewArray = View[]
export type ViewFragment = View | ViewArray
export abstract class Group extends Superview {
@ -478,5 +481,19 @@ export abstract class Group extends Superview {
this.children.push(view)
this.dirtyProps.children = this.children.map(e => e.viewId)
}
private addInnerElement(e: View | ViewFragment | ViewFragment[] | undefined | null) {
if (e instanceof Array) {
e.forEach(e => this.addInnerElement(e))
} else if (e instanceof View) {
this.addChild(e)
} else {
loge(`Not allowed to add ${typeof e}`)
}
}
set innerElement(e: View | ViewFragment | ViewFragment[] | undefined | null) {
this.addInnerElement(e)
}
}

19
doric-js/src/ui/view.ts
View File

@ -491,7 +491,11 @@ export abstract class Superview extends View {
}
}
export abstract class Group extends Superview {
export type ViewArray = View[]
export type ViewFragment = View | ViewArray
export abstract class Group extends Superview implements JSX.ElementChildrenAttribute {
readonly children: View[] = new Proxy([], {
set: (target, index, value) => {
@ -519,5 +523,18 @@ export abstract class Group extends Superview {
removeAllChildren() {
this.children.length = 0
}
private addInnerElement(e: View | ViewFragment | ViewFragment[] | undefined | null) {
if (e instanceof Array) {
e.forEach(e => this.addInnerElement(e))
} else if (e instanceof View) {
this.addChild(e)
} else {
loge(`Not allowed to add ${typeof e}`)
}
}
set innerElement(e: View | ViewFragment | ViewFragment[] | undefined | null) {
this.addInnerElement(e)
}
}

36
doric-js/src/util/jsx.ts
View File

@ -1,40 +1,31 @@
import { Group, View } from "../ui/view";
import { layoutConfig } from "./layoutconfig";
import { loge } from "./log";
import { ClassType } from "./types";
export namespace jsx {
function addElement(group: Group, v: any) {
if (v instanceof Array) {
v.forEach(e => addElement(group, e))
} else if (v instanceof Fragment) {
v.children.forEach(e => addElement(group, e))
} else if (v instanceof View) {
group.addChild(v)
} else {
throw new Error(
`Can only use view as child`
);
}
}
export function createElement<T extends View>(
constructor: ClassType<T>,
config: Partial<T> | null,
...children: View[]
...children: any[]
) {
const e = new constructor();
if (e instanceof Fragment) {
return children
}
e.layoutConfig = layoutConfig().fit()
if (config) {
e.apply(config)
}
if (children && children.length > 0) {
if (e instanceof Group) {
children.forEach((child) => {
addElement(e, child)
});
if (children.length === 1) {
children = children[0]
}
if (Reflect.has(e, "innerElement")) {
Reflect.set(e, "innerElement", children, e)
} else {
throw new Error(
`Can only add child to group view, do not support ${constructor.name}`
`Do not support ${constructor.name} for ${children}`
);
}
}
@ -45,13 +36,14 @@ export namespace jsx {
declare global {
namespace JSX {
interface IntrinsicElements { }
interface Element extends View { }
interface ElementClass extends View { }
interface ElementAttributesProperty {
props: {};
}
interface ElementChildrenAttribute {
children: View[];
innerElement: any;
}
interface IntrinsicElements { }
}
}

11
doric-js/src/widget/refreshable.ts
View File

@ -4,7 +4,7 @@ import { Scroller } from "./scroller";
import { BridgeContext } from "../runtime/global";
import { layoutConfig } from "../util/layoutconfig";
export class Refreshable extends Superview {
export class Refreshable extends Superview implements JSX.ElementChildrenAttribute {
content!: View
@ -42,6 +42,15 @@ export class Refreshable extends Superview {
this.dirtyProps.header = ((this.header || {}) as any).viewId
return super.toModel()
}
set innerElement(e: View | [View, View]) {
if (e instanceof View) {
this.content = e
} else {
this.header = e[0]
this.content = e[1]
}
}
}
export function refreshable(config: Partial<Refreshable>) {

6
doric-js/src/widget/scroller.ts
View File

@ -28,7 +28,7 @@ export function scroller(content: View, config?: Partial<Scroller>) {
}
export class Scroller extends Superview {
export class Scroller extends Superview implements JSX.ElementChildrenAttribute {
content!: View
@Property
@ -64,4 +64,8 @@ export class Scroller extends Superview {
scrollBy(context: BridgeContext, offset: { x: number, y: number }, animated?: boolean) {
return this.nativeChannel(context, "scrollBy")({ offset, animated })
}
set innerElement(e: View) {
this.content = e
}
}

6
doric-js/src/widget/text.ts
View File

@ -25,7 +25,7 @@ export enum TruncateAt {
Clip = 3,
}
export class Text extends View {
export class Text extends View implements JSX.ElementChildrenAttribute {
@Property
text?: string
@ -67,6 +67,10 @@ export class Text extends View {
@Property
truncateAt?: TruncateAt
set innerElement(e: string) {
this.text = e
}
}
export function text(config: Partial<Text>) {

57
doric-web/dist/index.js vendored
View File

@ -2139,6 +2139,20 @@ class Group extends Superview {
removeAllChildren() {
this.children.length = 0;
}
addInnerElement(e) {
if (e instanceof Array) {
e.forEach(e => this.addInnerElement(e));
}
else if (e instanceof View) {
this.addChild(e);
}
else {
loge(`Not allowed to add ${typeof e}`);
}
}
set innerElement(e) {
this.addInnerElement(e);
}
}
const SPECIFIED = 1;
@ -2977,6 +2991,9 @@ exports.TruncateAt = void 0;
TruncateAt[TruncateAt["Clip"] = 3] = "Clip";
})(exports.TruncateAt || (exports.TruncateAt = {}));
class Text extends View {
set innerElement(e) {
this.text = e;
}
}
__decorate$a([
Property,
@ -3478,6 +3495,9 @@ class Scroller extends Superview {
scrollBy(context, offset, animated) {
return this.nativeChannel(context, "scrollBy")({ offset, animated });
}
set innerElement(e) {
this.content = e;
}
}
__decorate$6([
Property,
@ -3534,6 +3554,15 @@ class Refreshable extends Superview {
this.dirtyProps.header = (this.header || {}).viewId;
return super.toModel();
}
set innerElement(e) {
if (e instanceof View) {
this.content = e;
}
else {
this.header = e[0];
this.content = e[1];
}
}
}
__decorate$5([
Property,
@ -3640,34 +3669,24 @@ exports.Display = void 0;
exports.jsx = void 0;
(function (jsx) {
function addElement(group, v) {
if (v instanceof Array) {
v.forEach(e => addElement(group, e));
}
else if (v instanceof Fragment) {
v.children.forEach(e => addElement(group, e));
}
else if (v instanceof View) {
group.addChild(v);
}
else {
throw new Error(`Can only use view as child`);
}
}
function createElement(constructor, config, ...children) {
const e = new constructor();
if (e instanceof Fragment) {
return children;
}
e.layoutConfig = layoutConfig().fit();
if (config) {
e.apply(config);
}
if (children && children.length > 0) {
if (e instanceof Group) {
children.forEach((child) => {
addElement(e, child);
});
if (children.length === 1) {
children = children[0];
}
if (Reflect.has(e, "innerElement")) {
Reflect.set(e, "innerElement", children, e);
}
else {
throw new Error(`Can only add child to group view, do not support ${constructor.name}`);
throw new Error(`Do not support ${constructor.name} for ${children}`);
}
}
return e;

2
doric-web/dist/index.js.map vendored
View File

File diff suppressed because one or more lines are too long