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

feat:enhance layoutConfig

Browse Source
This commit is contained in:
pengfei.zhou 2021-05-14 19:32:19 +08:00 committed by osborn
parent 7ee30d1cd3
commit 57643c5990
11 changed files with 178 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
doric-demo/src/ComponetDemo.ts
View File

@ -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: {

14
doric-demo/src/components/PreferenceView.ts Normal file
View File

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

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

@ -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;

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

@ -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;

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

@ -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;

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

@ -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: {

6
doric-js/lib/src/util/layoutconfig.d.ts vendored
View File

@ -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: {

24
doric-js/lib/src/util/layoutconfig.js
View File

@ -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;

30
doric-js/src/util/layoutconfig.ts
View File

@ -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

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

@ -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;

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

File diff suppressed because one or more lines are too long