feat:Android LinearNode setBaselineAligned false

doric-android/doric/src/main/java/pub/doric/shader/LinearNode.java

@@ -20,12 +20,12 @@ import android.graphics.drawable.ShapeDrawable;
 import android.view.ViewGroup;
 import android.widget.LinearLayout;
 
-import pub.doric.DoricContext;
-import pub.doric.utils.DoricUtils;
-
 import com.github.pengfeizhou.jscore.JSObject;
 import com.github.pengfeizhou.jscore.JSValue;
 
+import pub.doric.DoricContext;
+import pub.doric.utils.DoricUtils;
+
 /**
  * @Description: com.github.penfeizhou.doric.shader
  * @Author: pengfei.zhou
@@ -94,7 +94,9 @@ public class LinearNode extends GroupNode<LinearLayout> {
 
     @Override
     protected LinearLayout build() {
-        return new MaximumLinearLayout(getContext());
+        LinearLayout linearLayout= new MaximumLinearLayout(getContext());
+        linearLayout.setBaselineAligned(false);
+        return  linearLayout;
     }
 
     @Override

doric-demo/src/TextDemo.ts

@@ -1,4 +1,4 @@
-import { Panel, Group, scroller, vlayout, layoutConfig, LayoutSpec, Input, Gravity, log, input, text, Color, Text, InputType } from "doric";
+import { Panel, Group, scroller, vlayout, layoutConfig, LayoutSpec, Input, Gravity, log, input, text, Color, Text, InputType, hlayout } from "doric";
 import { title } from "./utils";
 @Entry
 class TextDemo extends Panel {
@@ -13,29 +13,28 @@ class TextDemo extends Panel {
                         inputType: InputType.Number,
                         hintText: "number"
                     }),
-
+                    hlayout([
-                    // input({
+                        text({
-                    //     width : 100,
+                            text: "size 10",
-                    //     height:100,
+                            textSize: 10,
-                    //     inputType: InputType.NumberSigned,
+                            backgroundColor: Color.GREEN
-                    //     hintText: "NumberSigned"    
+                        }),
-                    // }),
+                        text({
-
+                            text: "size 25",
-                    // input({
+                            textSize: 25,
-                    //     width : 100,
+                            backgroundColor: Color.BLUE
-                    //     height:100,
+                        }),
-                    //     inputType: InputType.Alphabet,
+                        text({
-                    //     hintText: "Alphabet"    
+                            text: "size 18",
-                    // }),
+                            textSize: 18,
-
+                            backgroundColor: Color.LTGRAY,
-                    // input({
+                        })
-                    //     width : 100,
+                    ], {
-                    //     height:100,
+                        backgroundColor: Color.RED,
-                    //     inputType: InputType.Phone,
+                        height: 50,
-                    //     hintText: "Phone" 
+                        gravity: Gravity.CenterX,
-                   
+                        layoutConfig: layoutConfig().configWidth(LayoutSpec.MOST).configHeight(LayoutSpec.JUST),
-                    // }),
+                    }),
-
                     text({
                         text: "This is normal text",
                     }),

doric-js/bundle/doric-lib.js

@@ -128,7 +128,6 @@ var __metadata = (undefined && undefined.__metadata) || function (k, v) {
 function Property(target, propKey) {
     Reflect.defineMetadata(propKey, true, target);
 }
-let View = /** @class */ (() => {
 class View {
     constructor() {
         this.width = 0;
@@ -398,8 +397,6 @@ let View = /** @class */ (() => {
     Property,
     __metadata("design:type", Object)
 ], View.prototype, "flexConfig", void 0);
-    return View;
-})();
 class Superview extends View {
     subviewById(id) {
         for (let v of this.allSubviews()) {
@@ -481,7 +478,6 @@ const BOTTOM = (END | SPECIFIED) << SHIFT_Y;
 const CENTER_X = SPECIFIED << SHIFT_X;
 const CENTER_Y = SPECIFIED << SHIFT_Y;
 const CENTER = CENTER_X | CENTER_Y;
-let Gravity = /** @class */ (() => {
 class Gravity {
     constructor() {
         this.val = 0;
@@ -540,8 +536,6 @@ let Gravity = /** @class */ (() => {
 Gravity.Right = Gravity.origin.right();
 Gravity.Top = Gravity.origin.top();
 Gravity.Bottom = Gravity.origin.bottom();
-    return Gravity;
-})();
 function gravity() {
     return new Gravity;
 }
@@ -639,7 +633,6 @@ class Stack extends Group {
 }
 class Root extends Stack {
 }
-let LinearLayout = /** @class */ (() => {
 class LinearLayout extends Group {
 }
 __decorate$1([
@@ -650,8 +643,6 @@ let LinearLayout = /** @class */ (() => {
     Property,
     __metadata$1("design:type", Gravity)
 ], LinearLayout.prototype, "gravity", void 0);
-    return LinearLayout;
-})();
 class VLayout extends LinearLayout {
 }
 class HLayout extends LinearLayout {
@@ -728,7 +719,6 @@ function NativeCall(target, propertyKey, descriptor) {
     };
     return descriptor;
 }
-let Panel = /** @class */ (() => {
 class Panel {
     constructor() {
         this.destroyed = false;
@@ -954,8 +944,6 @@ let Panel = /** @class */ (() => {
     __metadata$2("design:paramtypes", [Array, String]),
     __metadata$2("design:returntype", void 0)
 ], Panel.prototype, "__response__", null);
-    return Panel;
-})();
 
 /*
  * Copyright [2019] [Doric.Pub]
@@ -1222,7 +1210,6 @@ class AnimationSet {
 /**
  *  Store color as format AARRGGBB or RRGGBB
  */
-let Color = /** @class */ (() => {
 class Color {
     constructor(v) {
         this._value = 0;
@@ -1274,8 +1261,6 @@ let Color = /** @class */ (() => {
 Color.CYAN = new Color(0xFF00FFFF);
 Color.MAGENTA = new Color(0xFFFF00FF);
 Color.TRANSPARENT = new Color(0);
-    return Color;
-})();
 (function (GradientOrientation) {
     /** draw the gradient from the top to the bottom */
     GradientOrientation[GradientOrientation["TOP_BOTTOM"] = 0] = "TOP_BOTTOM";
@@ -1310,7 +1295,6 @@ var __metadata$3 = (undefined && undefined.__metadata) || function (k, v) {
     TruncateAt[TruncateAt["Start"] = 2] = "Start";
     TruncateAt[TruncateAt["Clip"] = 3] = "Clip";
 })(exports.TruncateAt || (exports.TruncateAt = {}));
-let Text = /** @class */ (() => {
 class Text extends View {
 }
 __decorate$3([
@@ -1369,8 +1353,6 @@ let Text = /** @class */ (() => {
     Property,
     __metadata$3("design:type", Number)
 ], Text.prototype, "truncateAt", void 0);
-    return Text;
-})();
 function text(config) {
     const ret = new Text;
     ret.layoutConfig = layoutConfig().fit();
@@ -1394,7 +1376,6 @@ var __metadata$4 = (undefined && undefined.__metadata) || function (k, v) {
     ScaleType[ScaleType["ScaleAspectFit"] = 1] = "ScaleAspectFit";
     ScaleType[ScaleType["ScaleAspectFill"] = 2] = "ScaleAspectFill";
 })(exports.ScaleType || (exports.ScaleType = {}));
-let Image = /** @class */ (() => {
 class Image extends View {
 }
 __decorate$4([
@@ -1462,8 +1443,6 @@ let Image = /** @class */ (() => {
     Property,
     __metadata$4("design:type", Object)
 ], Image.prototype, "stretchInset", void 0);
-    return Image;
-})();
 function image(config) {
     const ret = new Image;
     ret.layoutConfig = layoutConfig().fit();
@@ -1497,16 +1476,12 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$5 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let ListItem = /** @class */ (() => {
 class ListItem extends Stack {
 }
 __decorate$5([
     Property,
     __metadata$5("design:type", String)
 ], ListItem.prototype, "identifier", void 0);
-    return ListItem;
-})();
-let List = /** @class */ (() => {
 class List extends Superview {
     constructor() {
         super(...arguments);
@@ -1595,8 +1570,6 @@ let List = /** @class */ (() => {
     Property,
     __metadata$5("design:type", Number)
 ], List.prototype, "scrolledPosition", void 0);
-    return List;
-})();
 function list(config) {
     const ret = new List;
     for (let key in config) {
@@ -1632,16 +1605,12 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$6 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let SlideItem = /** @class */ (() => {
 class SlideItem extends Stack {
 }
 __decorate$6([
     Property,
     __metadata$6("design:type", String)
 ], SlideItem.prototype, "identifier", void 0);
-    return SlideItem;
-})();
-let Slider = /** @class */ (() => {
 class Slider extends Superview {
     constructor() {
         super(...arguments);
@@ -1701,8 +1670,6 @@ let Slider = /** @class */ (() => {
     Property,
     __metadata$6("design:type", Boolean)
 ], Slider.prototype, "loop", void 0);
-    return Slider;
-})();
 function slider(config) {
     const ret = new Slider;
     for (let key in config) {
@@ -1749,7 +1716,6 @@ function scroller(content, config) {
         v.content = content;
     });
 }
-let Scroller = /** @class */ (() => {
 class Scroller extends Superview {
     allSubviews() {
         return [this.content];
@@ -1777,8 +1743,6 @@ let Scroller = /** @class */ (() => {
     Property,
     __metadata$7("design:type", Function)
 ], Scroller.prototype, "onScrollEnd", void 0);
-    return Scroller;
-})();
 
 var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -1789,7 +1753,6 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$8 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let Refreshable = /** @class */ (() => {
 class Refreshable extends Superview {
     allSubviews() {
         const ret = [this.content];
@@ -1820,8 +1783,6 @@ let Refreshable = /** @class */ (() => {
     Property,
     __metadata$8("design:type", Function)
 ], Refreshable.prototype, "onRefresh", void 0);
-    return Refreshable;
-})();
 function refreshable(config) {
     const ret = new Refreshable;
     ret.layoutConfig = layoutConfig().fit();
@@ -1844,7 +1805,6 @@ var ValueType;
     ValueType[ValueType["Percent"] = 2] = "Percent";
     ValueType[ValueType["Auto"] = 3] = "Auto";
 })(ValueType || (ValueType = {}));
-let FlexTypedValue = /** @class */ (() => {
 class FlexTypedValue {
     constructor(type) {
         this.value = 0;
@@ -1868,8 +1828,6 @@ let FlexTypedValue = /** @class */ (() => {
     }
 }
 FlexTypedValue.Auto = new FlexTypedValue(ValueType.Auto);
-    return FlexTypedValue;
-})();
 (function (FlexDirection) {
     FlexDirection[FlexDirection["COLUMN"] = 0] = "COLUMN";
     FlexDirection[FlexDirection["COLUMN_REVERSE"] = 1] = "COLUMN_REVERSE";
@@ -1927,16 +1885,12 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$9 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let FlowLayoutItem = /** @class */ (() => {
 class FlowLayoutItem extends Stack {
 }
 __decorate$9([
     Property,
     __metadata$9("design:type", String)
 ], FlowLayoutItem.prototype, "identifier", void 0);
-    return FlowLayoutItem;
-})();
-let FlowLayout = /** @class */ (() => {
 class FlowLayout extends Superview {
     constructor() {
         super(...arguments);
@@ -2030,8 +1984,6 @@ let FlowLayout = /** @class */ (() => {
     Property,
     __metadata$9("design:type", Function)
 ], FlowLayout.prototype, "onScrollEnd", void 0);
-    return FlowLayout;
-})();
 function flowlayout(config) {
     const ret = new FlowLayout;
     for (let key in config) {
@@ -2067,7 +2019,6 @@ var __decorate$a = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$a = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let Input = /** @class */ (() => {
 class Input extends View {
     getText(context) {
         return this.nativeChannel(context, 'getText')();
@@ -2129,8 +2080,6 @@ let Input = /** @class */ (() => {
     Property,
     __metadata$a("design:type", Number)
 ], Input.prototype, "maxLength", void 0);
-    return Input;
-})();
 (function (InputType) {
     InputType[InputType["Default"] = 0] = "Default";
     InputType[InputType["Number"] = 1] = "Number";
@@ -2156,7 +2105,6 @@ var __decorate$b = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$b = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let NestedSlider = /** @class */ (() => {
 class NestedSlider extends Group {
     addSlideItem(view) {
         this.addChild(view);
@@ -2172,8 +2120,6 @@ let NestedSlider = /** @class */ (() => {
     Property,
     __metadata$b("design:type", Function)
 ], NestedSlider.prototype, "onPageSlided", void 0);
-    return NestedSlider;
-})();
 
 var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -2184,15 +2130,12 @@ var __decorate$c = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$c = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let Draggable = /** @class */ (() => {
 class Draggable extends Stack {
 }
 __decorate$c([
     Property,
     __metadata$c("design:type", Function)
 ], Draggable.prototype, "onDrag", void 0);
-    return Draggable;
-})();
 function draggable(views, config) {
     const ret = new Draggable;
     ret.layoutConfig = layoutConfig().fit();
@@ -2221,7 +2164,6 @@ var __decorate$d = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$d = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let Switch = /** @class */ (() => {
 class Switch extends View {
 }
 __decorate$d([
@@ -2244,8 +2186,6 @@ let Switch = /** @class */ (() => {
     Property,
     __metadata$d("design:type", Color)
 ], Switch.prototype, "thumbTintColor", void 0);
-    return Switch;
-})();
 function switchView(config) {
     const ret = new Switch;
     ret.layoutConfig = layoutConfig().just();

doric-js/bundle/doric-vm.js

@@ -1587,7 +1587,6 @@ var __metadata = (undefined && undefined.__metadata) || function (k, v) {
 function Property(target, propKey) {
     Reflect.defineMetadata(propKey, true, target);
 }
-let View = /** @class */ (() => {
 class View {
     constructor() {
         this.width = 0;
@@ -1857,8 +1856,6 @@ let View = /** @class */ (() => {
     Property,
     __metadata("design:type", Object)
 ], View.prototype, "flexConfig", void 0);
-    return View;
-})();
 class Superview extends View {
     subviewById(id) {
         for (let v of this.allSubviews()) {
@@ -1940,7 +1937,6 @@ const BOTTOM = (END | SPECIFIED) << SHIFT_Y;
 const CENTER_X = SPECIFIED << SHIFT_X;
 const CENTER_Y = SPECIFIED << SHIFT_Y;
 const CENTER = CENTER_X | CENTER_Y;
-let Gravity = /** @class */ (() => {
 class Gravity {
     constructor() {
         this.val = 0;
@@ -1999,8 +1995,6 @@ let Gravity = /** @class */ (() => {
 Gravity.Right = Gravity.origin.right();
 Gravity.Top = Gravity.origin.top();
 Gravity.Bottom = Gravity.origin.bottom();
-    return Gravity;
-})();
 function gravity() {
     return new Gravity;
 }
@@ -2098,7 +2092,6 @@ class Stack extends Group {
 }
 class Root extends Stack {
 }
-let LinearLayout = /** @class */ (() => {
 class LinearLayout extends Group {
 }
 __decorate$1([
@@ -2109,8 +2102,6 @@ let LinearLayout = /** @class */ (() => {
     Property,
     __metadata$1("design:type", Gravity)
 ], LinearLayout.prototype, "gravity", void 0);
-    return LinearLayout;
-})();
 class VLayout extends LinearLayout {
 }
 class HLayout extends LinearLayout {
@@ -2187,7 +2178,6 @@ function NativeCall(target, propertyKey, descriptor) {
     };
     return descriptor;
 }
-let Panel = /** @class */ (() => {
 class Panel {
     constructor() {
         this.destroyed = false;
@@ -2413,8 +2403,6 @@ let Panel = /** @class */ (() => {
     __metadata$2("design:paramtypes", [Array, String]),
     __metadata$2("design:returntype", void 0)
 ], Panel.prototype, "__response__", null);
-    return Panel;
-})();
 
 /*
  * Copyright [2019] [Doric.Pub]
@@ -2681,7 +2669,6 @@ class AnimationSet {
 /**
  *  Store color as format AARRGGBB or RRGGBB
  */
-let Color = /** @class */ (() => {
 class Color {
     constructor(v) {
         this._value = 0;
@@ -2733,8 +2720,6 @@ let Color = /** @class */ (() => {
 Color.CYAN = new Color(0xFF00FFFF);
 Color.MAGENTA = new Color(0xFFFF00FF);
 Color.TRANSPARENT = new Color(0);
-    return Color;
-})();
 (function (GradientOrientation) {
     /** draw the gradient from the top to the bottom */
     GradientOrientation[GradientOrientation["TOP_BOTTOM"] = 0] = "TOP_BOTTOM";
@@ -2769,7 +2754,6 @@ var __metadata$3 = (undefined && undefined.__metadata) || function (k, v) {
     TruncateAt[TruncateAt["Start"] = 2] = "Start";
     TruncateAt[TruncateAt["Clip"] = 3] = "Clip";
 })(exports.TruncateAt || (exports.TruncateAt = {}));
-let Text = /** @class */ (() => {
 class Text extends View {
 }
 __decorate$3([
@@ -2828,8 +2812,6 @@ let Text = /** @class */ (() => {
     Property,
     __metadata$3("design:type", Number)
 ], Text.prototype, "truncateAt", void 0);
-    return Text;
-})();
 function text(config) {
     const ret = new Text;
     ret.layoutConfig = layoutConfig().fit();
@@ -2853,7 +2835,6 @@ var __metadata$4 = (undefined && undefined.__metadata) || function (k, v) {
     ScaleType[ScaleType["ScaleAspectFit"] = 1] = "ScaleAspectFit";
     ScaleType[ScaleType["ScaleAspectFill"] = 2] = "ScaleAspectFill";
 })(exports.ScaleType || (exports.ScaleType = {}));
-let Image = /** @class */ (() => {
 class Image extends View {
 }
 __decorate$4([
@@ -2921,8 +2902,6 @@ let Image = /** @class */ (() => {
     Property,
     __metadata$4("design:type", Object)
 ], Image.prototype, "stretchInset", void 0);
-    return Image;
-})();
 function image(config) {
     const ret = new Image;
     ret.layoutConfig = layoutConfig().fit();
@@ -2956,16 +2935,12 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$5 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let ListItem = /** @class */ (() => {
 class ListItem extends Stack {
 }
 __decorate$5([
     Property,
     __metadata$5("design:type", String)
 ], ListItem.prototype, "identifier", void 0);
-    return ListItem;
-})();
-let List = /** @class */ (() => {
 class List extends Superview {
     constructor() {
         super(...arguments);
@@ -3054,8 +3029,6 @@ let List = /** @class */ (() => {
     Property,
     __metadata$5("design:type", Number)
 ], List.prototype, "scrolledPosition", void 0);
-    return List;
-})();
 function list(config) {
     const ret = new List;
     for (let key in config) {
@@ -3091,16 +3064,12 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$6 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let SlideItem = /** @class */ (() => {
 class SlideItem extends Stack {
 }
 __decorate$6([
     Property,
     __metadata$6("design:type", String)
 ], SlideItem.prototype, "identifier", void 0);
-    return SlideItem;
-})();
-let Slider = /** @class */ (() => {
 class Slider extends Superview {
     constructor() {
         super(...arguments);
@@ -3160,8 +3129,6 @@ let Slider = /** @class */ (() => {
     Property,
     __metadata$6("design:type", Boolean)
 ], Slider.prototype, "loop", void 0);
-    return Slider;
-})();
 function slider(config) {
     const ret = new Slider;
     for (let key in config) {
@@ -3208,7 +3175,6 @@ function scroller(content, config) {
         v.content = content;
     });
 }
-let Scroller = /** @class */ (() => {
 class Scroller extends Superview {
     allSubviews() {
         return [this.content];
@@ -3236,8 +3202,6 @@ let Scroller = /** @class */ (() => {
     Property,
     __metadata$7("design:type", Function)
 ], Scroller.prototype, "onScrollEnd", void 0);
-    return Scroller;
-})();
 
 var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -3248,7 +3212,6 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$8 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let Refreshable = /** @class */ (() => {
 class Refreshable extends Superview {
     allSubviews() {
         const ret = [this.content];
@@ -3279,8 +3242,6 @@ let Refreshable = /** @class */ (() => {
     Property,
     __metadata$8("design:type", Function)
 ], Refreshable.prototype, "onRefresh", void 0);
-    return Refreshable;
-})();
 function refreshable(config) {
     const ret = new Refreshable;
     ret.layoutConfig = layoutConfig().fit();
@@ -3303,7 +3264,6 @@ var ValueType;
     ValueType[ValueType["Percent"] = 2] = "Percent";
     ValueType[ValueType["Auto"] = 3] = "Auto";
 })(ValueType || (ValueType = {}));
-let FlexTypedValue = /** @class */ (() => {
 class FlexTypedValue {
     constructor(type) {
         this.value = 0;
@@ -3327,8 +3287,6 @@ let FlexTypedValue = /** @class */ (() => {
     }
 }
 FlexTypedValue.Auto = new FlexTypedValue(ValueType.Auto);
-    return FlexTypedValue;
-})();
 (function (FlexDirection) {
     FlexDirection[FlexDirection["COLUMN"] = 0] = "COLUMN";
     FlexDirection[FlexDirection["COLUMN_REVERSE"] = 1] = "COLUMN_REVERSE";
@@ -3386,16 +3344,12 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$9 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let FlowLayoutItem = /** @class */ (() => {
 class FlowLayoutItem extends Stack {
 }
 __decorate$9([
     Property,
     __metadata$9("design:type", String)
 ], FlowLayoutItem.prototype, "identifier", void 0);
-    return FlowLayoutItem;
-})();
-let FlowLayout = /** @class */ (() => {
 class FlowLayout extends Superview {
     constructor() {
         super(...arguments);
@@ -3489,8 +3443,6 @@ let FlowLayout = /** @class */ (() => {
     Property,
     __metadata$9("design:type", Function)
 ], FlowLayout.prototype, "onScrollEnd", void 0);
-    return FlowLayout;
-})();
 function flowlayout(config) {
     const ret = new FlowLayout;
     for (let key in config) {
@@ -3526,7 +3478,6 @@ var __decorate$a = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$a = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let Input = /** @class */ (() => {
 class Input extends View {
     getText(context) {
         return this.nativeChannel(context, 'getText')();
@@ -3588,8 +3539,6 @@ let Input = /** @class */ (() => {
     Property,
     __metadata$a("design:type", Number)
 ], Input.prototype, "maxLength", void 0);
-    return Input;
-})();
 (function (InputType) {
     InputType[InputType["Default"] = 0] = "Default";
     InputType[InputType["Number"] = 1] = "Number";
@@ -3615,7 +3564,6 @@ var __decorate$b = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$b = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let NestedSlider = /** @class */ (() => {
 class NestedSlider extends Group {
     addSlideItem(view) {
         this.addChild(view);
@@ -3631,8 +3579,6 @@ let NestedSlider = /** @class */ (() => {
     Property,
     __metadata$b("design:type", Function)
 ], NestedSlider.prototype, "onPageSlided", void 0);
-    return NestedSlider;
-})();
 
 var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -3643,15 +3589,12 @@ var __decorate$c = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$c = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let Draggable = /** @class */ (() => {
 class Draggable extends Stack {
 }
 __decorate$c([
     Property,
     __metadata$c("design:type", Function)
 ], Draggable.prototype, "onDrag", void 0);
-    return Draggable;
-})();
 function draggable(views, config) {
     const ret = new Draggable;
     ret.layoutConfig = layoutConfig().fit();
@@ -3680,7 +3623,6 @@ var __decorate$d = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$d = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let Switch = /** @class */ (() => {
 class Switch extends View {
 }
 __decorate$d([
@@ -3703,8 +3645,6 @@ let Switch = /** @class */ (() => {
     Property,
     __metadata$d("design:type", Color)
 ], Switch.prototype, "thumbTintColor", void 0);
-    return Switch;
-})();
 function switchView(config) {
     const ret = new Switch;
     ret.layoutConfig = layoutConfig().just();

doric-js/lib/src/ui/panel.js

@@ -33,8 +33,7 @@ export function NativeCall(target, propertyKey, descriptor) {
     };
     return descriptor;
 }
-let Panel = /** @class */ (() => {
+export class Panel {
-    class Panel {
     constructor() {
         this.destroyed = false;
         this.__root__ = new Root;
@@ -259,6 +258,3 @@ let Panel = /** @class */ (() => {
     __metadata("design:paramtypes", [Array, String]),
     __metadata("design:returntype", void 0)
 ], Panel.prototype, "__response__", null);
-    return Panel;
-})();
-export { Panel };

doric-js/lib/src/ui/view.js

@@ -13,8 +13,7 @@ import { loge } from "../util/log";
 export function Property(target, propKey) {
     Reflect.defineMetadata(propKey, true, target);
 }
-let View = /** @class */ (() => {
+export class View {
-    class View {
     constructor() {
         this.width = 0;
         this.height = 0;
@@ -283,9 +282,6 @@ let View = /** @class */ (() => {
     Property,
     __metadata("design:type", Object)
 ], View.prototype, "flexConfig", void 0);
-    return View;
-})();
-export { View };
 export class Superview extends View {
     subviewById(id) {
         for (let v of this.allSubviews()) {

doric-js/lib/src/util/color.js

@@ -1,8 +1,7 @@
 /**
  *  Store color as format AARRGGBB or RRGGBB
  */
-let Color = /** @class */ (() => {
+export class Color {
-    class Color {
     constructor(v) {
         this._value = 0;
         this._value = v | 0x0;
@@ -53,9 +52,6 @@ let Color = /** @class */ (() => {
 Color.CYAN = new Color(0xFF00FFFF);
 Color.MAGENTA = new Color(0xFFFF00FF);
 Color.TRANSPARENT = new Color(0);
-    return Color;
-})();
-export { Color };
 export var GradientOrientation;
 (function (GradientOrientation) {
     /** draw the gradient from the top to the bottom */

doric-js/lib/src/util/flexbox.js

@@ -5,8 +5,7 @@ var ValueType;
     ValueType[ValueType["Percent"] = 2] = "Percent";
     ValueType[ValueType["Auto"] = 3] = "Auto";
 })(ValueType || (ValueType = {}));
-let FlexTypedValue = /** @class */ (() => {
+export class FlexTypedValue {
-    class FlexTypedValue {
     constructor(type) {
         this.value = 0;
         this.type = type;
@@ -29,9 +28,6 @@ let FlexTypedValue = /** @class */ (() => {
     }
 }
 FlexTypedValue.Auto = new FlexTypedValue(ValueType.Auto);
-    return FlexTypedValue;
-})();
-export { FlexTypedValue };
 export var FlexDirection;
 (function (FlexDirection) {
     FlexDirection[FlexDirection["COLUMN"] = 0] = "COLUMN";

doric-js/lib/src/util/gravity.js

@@ -10,8 +10,7 @@ export const BOTTOM = (END | SPECIFIED) << SHIFT_Y;
 export const CENTER_X = SPECIFIED << SHIFT_X;
 export const CENTER_Y = SPECIFIED << SHIFT_Y;
 export const CENTER = CENTER_X | CENTER_Y;
-let Gravity = /** @class */ (() => {
+export class Gravity {
-    class Gravity {
     constructor() {
         this.val = 0;
     }
@@ -69,9 +68,6 @@ let Gravity = /** @class */ (() => {
 Gravity.Right = Gravity.origin.right();
 Gravity.Top = Gravity.origin.top();
 Gravity.Bottom = Gravity.origin.bottom();
-    return Gravity;
-})();
-export { Gravity };
 export function gravity() {
     return new Gravity;
 }

doric-js/lib/src/widget/draggable.js

@@ -25,16 +25,12 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 import { Property, View } from "../ui/view";
 import { Stack } from "../widget/layouts";
 import { layoutConfig } from "../util/layoutconfig";
-let Draggable = /** @class */ (() => {
+export class Draggable extends Stack {
-    class Draggable extends Stack {
 }
 __decorate([
     Property,
     __metadata("design:type", Function)
 ], Draggable.prototype, "onDrag", void 0);
-    return Draggable;
-})();
-export { Draggable };
 export function draggable(views, config) {
     const ret = new Draggable;
     ret.layoutConfig = layoutConfig().fit();

doric-js/lib/src/widget/flowlayout.js

@@ -25,18 +25,13 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 import { Stack } from './layouts';
 import { Property, Superview, View } from '../ui/view';
 import { layoutConfig } from '../util/index.util';
-let FlowLayoutItem = /** @class */ (() => {
+export class FlowLayoutItem extends Stack {
-    class FlowLayoutItem extends Stack {
 }
 __decorate([
     Property,
     __metadata("design:type", String)
 ], FlowLayoutItem.prototype, "identifier", void 0);
-    return FlowLayoutItem;
+export class FlowLayout extends Superview {
-})();
-export { FlowLayoutItem };
-let FlowLayout = /** @class */ (() => {
-    class FlowLayout extends Superview {
     constructor() {
         super(...arguments);
         this.cachedViews = new Map;
@@ -129,9 +124,6 @@ let FlowLayout = /** @class */ (() => {
     Property,
     __metadata("design:type", Function)
 ], FlowLayout.prototype, "onScrollEnd", void 0);
-    return FlowLayout;
-})();
-export { FlowLayout };
 export function flowlayout(config) {
     const ret = new FlowLayout;
     for (let key in config) {

doric-js/lib/src/widget/image.js

@@ -31,8 +31,7 @@ export var ScaleType;
     ScaleType[ScaleType["ScaleAspectFit"] = 1] = "ScaleAspectFit";
     ScaleType[ScaleType["ScaleAspectFill"] = 2] = "ScaleAspectFill";
 })(ScaleType || (ScaleType = {}));
-let Image = /** @class */ (() => {
+export class Image extends View {
-    class Image extends View {
 }
 __decorate([
     Property,
@@ -99,9 +98,6 @@ let Image = /** @class */ (() => {
     Property,
     __metadata("design:type", Object)
 ], Image.prototype, "stretchInset", void 0);
-    return Image;
-})();
-export { Image };
 export function image(config) {
     const ret = new Image;
     ret.layoutConfig = layoutConfig().fit();

doric-js/lib/src/widget/input.js

@@ -26,8 +26,7 @@ import { View, Property } from "../ui/view";
 import { Color } from "../util/color";
 import { Gravity } from "../util/gravity";
 import { layoutConfig } from "../util/index.util";
-let Input = /** @class */ (() => {
+export class Input extends View {
-    class Input extends View {
     getText(context) {
         return this.nativeChannel(context, 'getText')();
     }
@@ -88,9 +87,6 @@ let Input = /** @class */ (() => {
     Property,
     __metadata("design:type", Number)
 ], Input.prototype, "maxLength", void 0);
-    return Input;
-})();
-export { Input };
 export var InputType;
 (function (InputType) {
     InputType[InputType["Default"] = 0] = "Default";

doric-js/lib/src/widget/layouts.js

@@ -29,7 +29,6 @@ export class Stack extends Group {
 }
 export class Root extends Stack {
 }
-let LinearLayout = /** @class */ (() => {
 class LinearLayout extends Group {
 }
 __decorate([
@@ -40,8 +39,6 @@ let LinearLayout = /** @class */ (() => {
     Property,
     __metadata("design:type", Gravity)
 ], LinearLayout.prototype, "gravity", void 0);
-    return LinearLayout;
-})();
 export class VLayout extends LinearLayout {
 }
 export class HLayout extends LinearLayout {

doric-js/lib/src/widget/list.js

@@ -25,18 +25,13 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 import { View, Property, Superview } from "../ui/view";
 import { Stack } from "./layouts";
 import { layoutConfig } from "../util/layoutconfig";
-let ListItem = /** @class */ (() => {
+export class ListItem extends Stack {
-    class ListItem extends Stack {
 }
 __decorate([
     Property,
     __metadata("design:type", String)
 ], ListItem.prototype, "identifier", void 0);
-    return ListItem;
+export class List extends Superview {
-})();
-export { ListItem };
-let List = /** @class */ (() => {
-    class List extends Superview {
     constructor() {
         super(...arguments);
         this.cachedViews = new Map;
@@ -124,9 +119,6 @@ let List = /** @class */ (() => {
     Property,
     __metadata("design:type", Number)
 ], List.prototype, "scrolledPosition", void 0);
-    return List;
-})();
-export { List };
 export function list(config) {
     const ret = new List;
     for (let key in config) {

doric-js/lib/src/widget/nestedSlider.js

@@ -23,8 +23,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
  * limitations under the License.
  */
 import { Group, Property } from '../ui/view';
-let NestedSlider = /** @class */ (() => {
+export class NestedSlider extends Group {
-    class NestedSlider extends Group {
     addSlideItem(view) {
         this.addChild(view);
     }
@@ -39,6 +38,3 @@ let NestedSlider = /** @class */ (() => {
     Property,
     __metadata("design:type", Function)
 ], NestedSlider.prototype, "onPageSlided", void 0);
-    return NestedSlider;
-})();
-export { NestedSlider };

doric-js/lib/src/widget/refreshable.js

@@ -9,8 +9,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 import { Property, Superview } from "../ui/view";
 import { layoutConfig } from "../util/layoutconfig";
-let Refreshable = /** @class */ (() => {
+export class Refreshable extends Superview {
-    class Refreshable extends Superview {
     allSubviews() {
         const ret = [this.content];
         if (this.header) {
@@ -40,9 +39,6 @@ let Refreshable = /** @class */ (() => {
     Property,
     __metadata("design:type", Function)
 ], Refreshable.prototype, "onRefresh", void 0);
-    return Refreshable;
-})();
-export { Refreshable };
 export function refreshable(config) {
     const ret = new Refreshable;
     ret.layoutConfig = layoutConfig().fit();

doric-js/lib/src/widget/scroller.js

@@ -35,8 +35,7 @@ export function scroller(content, config) {
         v.content = content;
     });
 }
-let Scroller = /** @class */ (() => {
+export class Scroller extends Superview {
-    class Scroller extends Superview {
     allSubviews() {
         return [this.content];
     }
@@ -63,6 +62,3 @@ let Scroller = /** @class */ (() => {
     Property,
     __metadata("design:type", Function)
 ], Scroller.prototype, "onScrollEnd", void 0);
-    return Scroller;
-})();
-export { Scroller };

doric-js/lib/src/widget/slider.js

@@ -25,18 +25,13 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 import { Superview, View, Property } from "../ui/view";
 import { Stack } from "./layouts";
 import { layoutConfig } from "../util/layoutconfig";
-let SlideItem = /** @class */ (() => {
+export class SlideItem extends Stack {
-    class SlideItem extends Stack {
 }
 __decorate([
     Property,
     __metadata("design:type", String)
 ], SlideItem.prototype, "identifier", void 0);
-    return SlideItem;
+export class Slider extends Superview {
-})();
-export { SlideItem };
-let Slider = /** @class */ (() => {
-    class Slider extends Superview {
     constructor() {
         super(...arguments);
         this.cachedViews = new Map;
@@ -95,9 +90,6 @@ let Slider = /** @class */ (() => {
     Property,
     __metadata("design:type", Boolean)
 ], Slider.prototype, "loop", void 0);
-    return Slider;
-})();
-export { Slider };
 export function slider(config) {
     const ret = new Slider;
     for (let key in config) {

doric-js/lib/src/widget/switch.js

@@ -25,8 +25,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 import { View, Property } from "../ui/view";
 import { Color } from "../util/color";
 import { layoutConfig } from "../util/index.util";
-let Switch = /** @class */ (() => {
+export class Switch extends View {
-    class Switch extends View {
 }
 __decorate([
     Property,
@@ -48,9 +47,6 @@ let Switch = /** @class */ (() => {
     Property,
     __metadata("design:type", Color)
 ], Switch.prototype, "thumbTintColor", void 0);
-    return Switch;
-})();
-export { Switch };
 export function switchView(config) {
     const ret = new Switch;
     ret.layoutConfig = layoutConfig().just();

doric-js/lib/src/widget/text.js

@@ -33,8 +33,7 @@ export var TruncateAt;
     TruncateAt[TruncateAt["Start"] = 2] = "Start";
     TruncateAt[TruncateAt["Clip"] = 3] = "Clip";
 })(TruncateAt || (TruncateAt = {}));
-let Text = /** @class */ (() => {
+export class Text extends View {
-    class Text extends View {
 }
 __decorate([
     Property,
@@ -92,9 +91,6 @@ let Text = /** @class */ (() => {
     Property,
     __metadata("design:type", Number)
 ], Text.prototype, "truncateAt", void 0);
-    return Text;
-})();
-export { Text };
 export function text(config) {
     const ret = new Text;
     ret.layoutConfig = layoutConfig().fit();

doric-js/src/pattern/mvvm.ts

@@ -38,7 +38,6 @@ export abstract class ViewModel<M extends Object, V extends ViewHolder> {
     getViewHolder() {
         return this.viewHolder;
     }
-
     updateState(setter: Setter<M>) {
         setter(this.state)
         this.onBind(this.state, this.viewHolder)

doric-web/dist/index.js

@@ -1645,7 +1645,6 @@ var __metadata = (undefined && undefined.__metadata) || function (k, v) {
 function Property(target, propKey) {
     Reflect.defineMetadata(propKey, true, target);
 }
-let View = /** @class */ (() => {
 class View {
     constructor() {
         this.width = 0;
@@ -1915,8 +1914,6 @@ let View = /** @class */ (() => {
     Property,
     __metadata("design:type", Object)
 ], View.prototype, "flexConfig", void 0);
-    return View;
-})();
 class Superview extends View {
     subviewById(id) {
         for (let v of this.allSubviews()) {
@@ -1998,7 +1995,6 @@ const BOTTOM = (END | SPECIFIED) << SHIFT_Y;
 const CENTER_X = SPECIFIED << SHIFT_X;
 const CENTER_Y = SPECIFIED << SHIFT_Y;
 const CENTER = CENTER_X | CENTER_Y;
-let Gravity = /** @class */ (() => {
 class Gravity {
     constructor() {
         this.val = 0;
@@ -2057,8 +2053,6 @@ let Gravity = /** @class */ (() => {
 Gravity.Right = Gravity.origin.right();
 Gravity.Top = Gravity.origin.top();
 Gravity.Bottom = Gravity.origin.bottom();
-    return Gravity;
-})();
 function gravity() {
     return new Gravity;
 }
@@ -2156,7 +2150,6 @@ class Stack extends Group {
 }
 class Root extends Stack {
 }
-let LinearLayout = /** @class */ (() => {
 class LinearLayout extends Group {
 }
 __decorate$1([
@@ -2167,8 +2160,6 @@ let LinearLayout = /** @class */ (() => {
     Property,
     __metadata$1("design:type", Gravity)
 ], LinearLayout.prototype, "gravity", void 0);
-    return LinearLayout;
-})();
 class VLayout extends LinearLayout {
 }
 class HLayout extends LinearLayout {
@@ -2245,7 +2236,6 @@ function NativeCall(target, propertyKey, descriptor) {
     };
     return descriptor;
 }
-let Panel = /** @class */ (() => {
 class Panel {
     constructor() {
         this.destroyed = false;
@@ -2471,8 +2461,6 @@ let Panel = /** @class */ (() => {
     __metadata$2("design:paramtypes", [Array, String]),
     __metadata$2("design:returntype", void 0)
 ], Panel.prototype, "__response__", null);
-    return Panel;
-})();
 
 /*
  * Copyright [2019] [Doric.Pub]
@@ -2739,7 +2727,6 @@ class AnimationSet {
 /**
  *  Store color as format AARRGGBB or RRGGBB
  */
-let Color = /** @class */ (() => {
 class Color {
     constructor(v) {
         this._value = 0;
@@ -2791,8 +2778,6 @@ let Color = /** @class */ (() => {
 Color.CYAN = new Color(0xFF00FFFF);
 Color.MAGENTA = new Color(0xFFFF00FF);
 Color.TRANSPARENT = new Color(0);
-    return Color;
-})();
 (function (GradientOrientation) {
     /** draw the gradient from the top to the bottom */
     GradientOrientation[GradientOrientation["TOP_BOTTOM"] = 0] = "TOP_BOTTOM";
@@ -2827,7 +2812,6 @@ var __metadata$3 = (undefined && undefined.__metadata) || function (k, v) {
     TruncateAt[TruncateAt["Start"] = 2] = "Start";
     TruncateAt[TruncateAt["Clip"] = 3] = "Clip";
 })(exports.TruncateAt || (exports.TruncateAt = {}));
-let Text = /** @class */ (() => {
 class Text extends View {
 }
 __decorate$3([
@@ -2886,8 +2870,6 @@ let Text = /** @class */ (() => {
     Property,
     __metadata$3("design:type", Number)
 ], Text.prototype, "truncateAt", void 0);
-    return Text;
-})();
 function text(config) {
     const ret = new Text;
     ret.layoutConfig = layoutConfig().fit();
@@ -2911,7 +2893,6 @@ var __metadata$4 = (undefined && undefined.__metadata) || function (k, v) {
     ScaleType[ScaleType["ScaleAspectFit"] = 1] = "ScaleAspectFit";
     ScaleType[ScaleType["ScaleAspectFill"] = 2] = "ScaleAspectFill";
 })(exports.ScaleType || (exports.ScaleType = {}));
-let Image = /** @class */ (() => {
 class Image extends View {
 }
 __decorate$4([
@@ -2979,8 +2960,6 @@ let Image = /** @class */ (() => {
     Property,
     __metadata$4("design:type", Object)
 ], Image.prototype, "stretchInset", void 0);
-    return Image;
-})();
 function image(config) {
     const ret = new Image;
     ret.layoutConfig = layoutConfig().fit();
@@ -3014,16 +2993,12 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$5 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let ListItem = /** @class */ (() => {
 class ListItem extends Stack {
 }
 __decorate$5([
     Property,
     __metadata$5("design:type", String)
 ], ListItem.prototype, "identifier", void 0);
-    return ListItem;
-})();
-let List = /** @class */ (() => {
 class List extends Superview {
     constructor() {
         super(...arguments);
@@ -3112,8 +3087,6 @@ let List = /** @class */ (() => {
     Property,
     __metadata$5("design:type", Number)
 ], List.prototype, "scrolledPosition", void 0);
-    return List;
-})();
 function list(config) {
     const ret = new List;
     for (let key in config) {
@@ -3149,16 +3122,12 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$6 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let SlideItem = /** @class */ (() => {
 class SlideItem extends Stack {
 }
 __decorate$6([
     Property,
     __metadata$6("design:type", String)
 ], SlideItem.prototype, "identifier", void 0);
-    return SlideItem;
-})();
-let Slider = /** @class */ (() => {
 class Slider extends Superview {
     constructor() {
         super(...arguments);
@@ -3218,8 +3187,6 @@ let Slider = /** @class */ (() => {
     Property,
     __metadata$6("design:type", Boolean)
 ], Slider.prototype, "loop", void 0);
-    return Slider;
-})();
 function slider(config) {
     const ret = new Slider;
     for (let key in config) {
@@ -3266,7 +3233,6 @@ function scroller(content, config) {
         v.content = content;
     });
 }
-let Scroller = /** @class */ (() => {
 class Scroller extends Superview {
     allSubviews() {
         return [this.content];
@@ -3294,8 +3260,6 @@ let Scroller = /** @class */ (() => {
     Property,
     __metadata$7("design:type", Function)
 ], Scroller.prototype, "onScrollEnd", void 0);
-    return Scroller;
-})();
 
 var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -3306,7 +3270,6 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$8 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let Refreshable = /** @class */ (() => {
 class Refreshable extends Superview {
     allSubviews() {
         const ret = [this.content];
@@ -3337,8 +3300,6 @@ let Refreshable = /** @class */ (() => {
     Property,
     __metadata$8("design:type", Function)
 ], Refreshable.prototype, "onRefresh", void 0);
-    return Refreshable;
-})();
 function refreshable(config) {
     const ret = new Refreshable;
     ret.layoutConfig = layoutConfig().fit();
@@ -3361,7 +3322,6 @@ var ValueType;
     ValueType[ValueType["Percent"] = 2] = "Percent";
     ValueType[ValueType["Auto"] = 3] = "Auto";
 })(ValueType || (ValueType = {}));
-let FlexTypedValue = /** @class */ (() => {
 class FlexTypedValue {
     constructor(type) {
         this.value = 0;
@@ -3385,8 +3345,6 @@ let FlexTypedValue = /** @class */ (() => {
     }
 }
 FlexTypedValue.Auto = new FlexTypedValue(ValueType.Auto);
-    return FlexTypedValue;
-})();
 (function (FlexDirection) {
     FlexDirection[FlexDirection["COLUMN"] = 0] = "COLUMN";
     FlexDirection[FlexDirection["COLUMN_REVERSE"] = 1] = "COLUMN_REVERSE";
@@ -3444,16 +3402,12 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$9 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let FlowLayoutItem = /** @class */ (() => {
 class FlowLayoutItem extends Stack {
 }
 __decorate$9([
     Property,
     __metadata$9("design:type", String)
 ], FlowLayoutItem.prototype, "identifier", void 0);
-    return FlowLayoutItem;
-})();
-let FlowLayout = /** @class */ (() => {
 class FlowLayout extends Superview {
     constructor() {
         super(...arguments);
@@ -3547,8 +3501,6 @@ let FlowLayout = /** @class */ (() => {
     Property,
     __metadata$9("design:type", Function)
 ], FlowLayout.prototype, "onScrollEnd", void 0);
-    return FlowLayout;
-})();
 function flowlayout(config) {
     const ret = new FlowLayout;
     for (let key in config) {
@@ -3584,7 +3536,6 @@ var __decorate$a = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$a = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let Input = /** @class */ (() => {
 class Input extends View {
     getText(context) {
         return this.nativeChannel(context, 'getText')();
@@ -3646,8 +3597,6 @@ let Input = /** @class */ (() => {
     Property,
     __metadata$a("design:type", Number)
 ], Input.prototype, "maxLength", void 0);
-    return Input;
-})();
 (function (InputType) {
     InputType[InputType["Default"] = 0] = "Default";
     InputType[InputType["Number"] = 1] = "Number";
@@ -3673,7 +3622,6 @@ var __decorate$b = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$b = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let NestedSlider = /** @class */ (() => {
 class NestedSlider extends Group {
     addSlideItem(view) {
         this.addChild(view);
@@ -3689,8 +3637,6 @@ let NestedSlider = /** @class */ (() => {
     Property,
     __metadata$b("design:type", Function)
 ], NestedSlider.prototype, "onPageSlided", void 0);
-    return NestedSlider;
-})();
 
 var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -3701,15 +3647,12 @@ var __decorate$c = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$c = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let Draggable = /** @class */ (() => {
 class Draggable extends Stack {
 }
 __decorate$c([
     Property,
     __metadata$c("design:type", Function)
 ], Draggable.prototype, "onDrag", void 0);
-    return Draggable;
-})();
 function draggable(views, config) {
     const ret = new Draggable;
     ret.layoutConfig = layoutConfig().fit();
@@ -3738,7 +3681,6 @@ var __decorate$d = (undefined && undefined.__decorate) || function (decorators,
 var __metadata$d = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let Switch = /** @class */ (() => {
 class Switch extends View {
 }
 __decorate$d([
@@ -3761,8 +3703,6 @@ let Switch = /** @class */ (() => {
     Property,
     __metadata$d("design:type", Color)
 ], Switch.prototype, "thumbTintColor", void 0);
-    return Switch;
-})();
 function switchView(config) {
     const ret = new Switch;
     ret.layoutConfig = layoutConfig().just();