feat:enhance layoutConfig

doric-demo/src/ComponetDemo.ts

@@ -19,45 +19,7 @@ class ComponentDemo extends Panel {
                             imageBase64: logo,
                         }
                     }),
-                    richTitleView().applyChild({
+
-                        title: {
-                            text: "Title"
-                        },
-                        subTitle: {
-                            text: "Subtitle"
-                        },
-                    }),
-                    richTitleView().applyChild({
-                        icon: {
-                            imageBase64: logo,
-                        },
-                        subTitle: {
-                            text: "Subtitle"
-                        },
-                    }),
-                    richTitleView().applyChild({
-                        icon: {
-                            imageBase64: logo,
-                        },
-                        title: {
-                            text: "Title"
-                        },
-                    }),
-                    richTitleView().applyChild({
-                        title: {
-                            text: "Just title"
-                        },
-                    }),
-                    richTitleView().applyChild({
-                        subTitle: {
-                            text: "Just subtitle"
-                        },
-                    }),
-                    richTitleView().applyChild({
-                        icon: {
-                            imageBase64: logo,
-                        },
-                    }),
                 ],
                 {
                     layoutConfig: {

doric-demo/src/components/PreferenceView.ts

@@ -0,0 +1,14 @@
+import { hlayout, HLayout, layoutConfig, ViewComponent } from "doric";
+
+@ViewComponent
+export class PreferenceView extends HLayout {
+
+    constructor() {
+        super()
+        hlayout(
+            [],
+            {
+                layoutConfig: layoutConfig(),
+            }).in(this)
+    }
+}

doric-js/bundle/doric-lib.es5.js

@@ -733,16 +733,40 @@ var LayoutConfigImpl = /** @class */ (function () {
         this.heightSpec = exports.LayoutSpec.FIT;
         return this;
     };
+    LayoutConfigImpl.prototype.fitWidth = function () {
+        this.widthSpec = exports.LayoutSpec.FIT;
+        return this;
+    };
+    LayoutConfigImpl.prototype.fitHeight = function () {
+        this.heightSpec = exports.LayoutSpec.FIT;
+        return this;
+    };
     LayoutConfigImpl.prototype.most = function () {
         this.widthSpec = exports.LayoutSpec.MOST;
         this.heightSpec = exports.LayoutSpec.MOST;
         return this;
     };
+    LayoutConfigImpl.prototype.mostWidth = function () {
+        this.widthSpec = exports.LayoutSpec.MOST;
+        return this;
+    };
+    LayoutConfigImpl.prototype.mostHeight = function () {
+        this.widthSpec = exports.LayoutSpec.MOST;
+        return this;
+    };
     LayoutConfigImpl.prototype.just = function () {
         this.widthSpec = exports.LayoutSpec.JUST;
         this.heightSpec = exports.LayoutSpec.JUST;
         return this;
     };
+    LayoutConfigImpl.prototype.justWidth = function () {
+        this.widthSpec = exports.LayoutSpec.JUST;
+        return this;
+    };
+    LayoutConfigImpl.prototype.justHeight = function () {
+        this.heightSpec = exports.LayoutSpec.JUST;
+        return this;
+    };
     LayoutConfigImpl.prototype.configWidth = function (w) {
         this.widthSpec = w;
         return this;

doric-js/bundle/doric-lib.js

@@ -619,16 +619,40 @@ class LayoutConfigImpl {
         this.heightSpec = exports.LayoutSpec.FIT;
         return this;
     }
+    fitWidth() {
+        this.widthSpec = exports.LayoutSpec.FIT;
+        return this;
+    }
+    fitHeight() {
+        this.heightSpec = exports.LayoutSpec.FIT;
+        return this;
+    }
     most() {
         this.widthSpec = exports.LayoutSpec.MOST;
         this.heightSpec = exports.LayoutSpec.MOST;
         return this;
     }
+    mostWidth() {
+        this.widthSpec = exports.LayoutSpec.MOST;
+        return this;
+    }
+    mostHeight() {
+        this.widthSpec = exports.LayoutSpec.MOST;
+        return this;
+    }
     just() {
         this.widthSpec = exports.LayoutSpec.JUST;
         this.heightSpec = exports.LayoutSpec.JUST;
         return this;
     }
+    justWidth() {
+        this.widthSpec = exports.LayoutSpec.JUST;
+        return this;
+    }
+    justHeight() {
+        this.heightSpec = exports.LayoutSpec.JUST;
+        return this;
+    }
     configWidth(w) {
         this.widthSpec = w;
         return this;

doric-js/bundle/doric-vm.js

@@ -2140,16 +2140,40 @@ class LayoutConfigImpl {
         this.heightSpec = exports.LayoutSpec.FIT;
         return this;
     }
+    fitWidth() {
+        this.widthSpec = exports.LayoutSpec.FIT;
+        return this;
+    }
+    fitHeight() {
+        this.heightSpec = exports.LayoutSpec.FIT;
+        return this;
+    }
     most() {
         this.widthSpec = exports.LayoutSpec.MOST;
         this.heightSpec = exports.LayoutSpec.MOST;
         return this;
     }
+    mostWidth() {
+        this.widthSpec = exports.LayoutSpec.MOST;
+        return this;
+    }
+    mostHeight() {
+        this.widthSpec = exports.LayoutSpec.MOST;
+        return this;
+    }
     just() {
         this.widthSpec = exports.LayoutSpec.JUST;
         this.heightSpec = exports.LayoutSpec.JUST;
         return this;
     }
+    justWidth() {
+        this.widthSpec = exports.LayoutSpec.JUST;
+        return this;
+    }
+    justHeight() {
+        this.heightSpec = exports.LayoutSpec.JUST;
+        return this;
+    }
     configWidth(w) {
         this.widthSpec = w;
         return this;

doric-js/index.d.ts

@@ -1167,8 +1167,14 @@ declare module 'doric/lib/src/util/layoutconfig' {
             minWidth?: number;
             minHeight?: number;
             fit(): this;
+            fitWidth(): this;
+            fitHeight(): this;
             most(): this;
+            mostWidth(): this;
+            mostHeight(): this;
             just(): this;
+            justWidth(): this;
+            justHeight(): this;
             configWidth(w: LayoutSpec): this;
             configHeight(h: LayoutSpec): this;
             configMargin(m: {

doric-js/lib/src/util/layoutconfig.d.ts

@@ -46,8 +46,14 @@ export declare class LayoutConfigImpl implements LayoutConfig, Modeling {
     minWidth?: number;
     minHeight?: number;
     fit(): this;
+    fitWidth(): this;
+    fitHeight(): this;
     most(): this;
+    mostWidth(): this;
+    mostHeight(): this;
     just(): this;
+    justWidth(): this;
+    justHeight(): this;
     configWidth(w: LayoutSpec): this;
     configHeight(h: LayoutSpec): this;
     configMargin(m: {

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

@@ -19,16 +19,40 @@ export class LayoutConfigImpl {
         this.heightSpec = LayoutSpec.FIT;
         return this;
     }
+    fitWidth() {
+        this.widthSpec = LayoutSpec.FIT;
+        return this;
+    }
+    fitHeight() {
+        this.heightSpec = LayoutSpec.FIT;
+        return this;
+    }
     most() {
         this.widthSpec = LayoutSpec.MOST;
         this.heightSpec = LayoutSpec.MOST;
         return this;
     }
+    mostWidth() {
+        this.widthSpec = LayoutSpec.MOST;
+        return this;
+    }
+    mostHeight() {
+        this.widthSpec = LayoutSpec.MOST;
+        return this;
+    }
     just() {
         this.widthSpec = LayoutSpec.JUST;
         this.heightSpec = LayoutSpec.JUST;
         return this;
     }
+    justWidth() {
+        this.widthSpec = LayoutSpec.JUST;
+        return this;
+    }
+    justHeight() {
+        this.heightSpec = LayoutSpec.JUST;
+        return this;
+    }
     configWidth(w) {
         this.widthSpec = w;
         return this;

doric-js/src/util/layoutconfig.ts

@@ -76,18 +76,48 @@ export class LayoutConfigImpl implements LayoutConfig, Modeling {
         return this
     }
 
+    fitWidth() {
+        this.widthSpec = LayoutSpec.FIT
+        return this
+    }
+
+    fitHeight() {
+        this.heightSpec = LayoutSpec.FIT
+        return this
+    }
+
     most() {
         this.widthSpec = LayoutSpec.MOST
         this.heightSpec = LayoutSpec.MOST
         return this
     }
 
+    mostWidth() {
+        this.widthSpec = LayoutSpec.MOST
+        return this
+    }
+
+    mostHeight() {
+        this.widthSpec = LayoutSpec.MOST
+        return this
+    }
+
     just() {
         this.widthSpec = LayoutSpec.JUST
         this.heightSpec = LayoutSpec.JUST
         return this
     }
 
+    justWidth() {
+        this.widthSpec = LayoutSpec.JUST
+        return this
+    }
+
+    justHeight() {
+        this.heightSpec = LayoutSpec.JUST
+        return this
+    }
+
     configWidth(w: LayoutSpec) {
         this.widthSpec = w
         return this

doric-web/dist/index.js

@@ -2194,16 +2194,40 @@ class LayoutConfigImpl {
         this.heightSpec = exports.LayoutSpec.FIT;
         return this;
     }
+    fitWidth() {
+        this.widthSpec = exports.LayoutSpec.FIT;
+        return this;
+    }
+    fitHeight() {
+        this.heightSpec = exports.LayoutSpec.FIT;
+        return this;
+    }
     most() {
         this.widthSpec = exports.LayoutSpec.MOST;
         this.heightSpec = exports.LayoutSpec.MOST;
         return this;
     }
+    mostWidth() {
+        this.widthSpec = exports.LayoutSpec.MOST;
+        return this;
+    }
+    mostHeight() {
+        this.widthSpec = exports.LayoutSpec.MOST;
+        return this;
+    }
     just() {
         this.widthSpec = exports.LayoutSpec.JUST;
         this.heightSpec = exports.LayoutSpec.JUST;
         return this;
     }
+    justWidth() {
+        this.widthSpec = exports.LayoutSpec.JUST;
+        return this;
+    }
+    justHeight() {
+        this.heightSpec = exports.LayoutSpec.JUST;
+        return this;
+    }
     configWidth(w) {
         this.widthSpec = w;
         return this;