初始化代码
This commit is contained in:
1295
uniapp/uni-app/components/miniprogram_npm/widget-ui/css-layout.js
Normal file
1295
uniapp/uni-app/components/miniprogram_npm/widget-ui/css-layout.js
Normal file
File diff suppressed because it is too large
Load Diff
172
uniapp/uni-app/components/miniprogram_npm/widget-ui/element.ts
Normal file
172
uniapp/uni-app/components/miniprogram_npm/widget-ui/element.ts
Normal file
@@ -0,0 +1,172 @@
|
||||
|
||||
import computeLayout from "./css-layout";
|
||||
import { getDefaultStyle, scalableStyles, layoutAffectedStyles } from "./style";
|
||||
|
||||
type LayoutData = {
|
||||
left: number,
|
||||
top: number,
|
||||
width: number,
|
||||
height: number
|
||||
};
|
||||
|
||||
type LayoutNode = {
|
||||
id: number,
|
||||
style: Object,
|
||||
children: LayoutNode[],
|
||||
layout?: LayoutData
|
||||
};
|
||||
|
||||
let uuid = 0;
|
||||
|
||||
class Element {
|
||||
public static uuid(): number {
|
||||
return uuid++;
|
||||
}
|
||||
|
||||
public parent: Element | null = null;
|
||||
public id: number = Element.uuid();
|
||||
public style: { [key: string]: any } = {};
|
||||
public computedStyle: { [key: string]: any } = {};
|
||||
public lastComputedStyle: { [key: string]: any } = {};
|
||||
public children: { [key: string]: Element } = {};
|
||||
public layoutBox: LayoutData = { left: 0, top: 0, width: 0, height: 0 };
|
||||
|
||||
constructor(style: { [key: string]: any } = {}) {
|
||||
// 拷贝一份，防止被外部逻辑修改
|
||||
style = Object.assign(getDefaultStyle(), style);
|
||||
this.computedStyle = Object.assign(getDefaultStyle(), style);
|
||||
this.lastComputedStyle = Object.assign(getDefaultStyle(), style);
|
||||
|
||||
Object.keys(style).forEach(key => {
|
||||
Object.defineProperty(this.style, key, {
|
||||
configurable: true,
|
||||
enumerable: true,
|
||||
get: () => style[key],
|
||||
set: (value: any) => {
|
||||
if (value === style[key] || value === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.lastComputedStyle = this.computedStyle[key]
|
||||
style[key] = value
|
||||
this.computedStyle[key] = value
|
||||
|
||||
// 如果设置的是一个可缩放的属性, 计算自己
|
||||
if (scalableStyles.includes(key) && this.style.scale) {
|
||||
this.computedStyle[key] = value * this.style.scale
|
||||
}
|
||||
|
||||
// 如果设置的是 scale, 则把所有可缩放的属性计算
|
||||
if (key === "scale") {
|
||||
scalableStyles.forEach(prop => {
|
||||
if (style[prop]) {
|
||||
this.computedStyle[prop] = style[prop] * value
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
if (key === "hidden") {
|
||||
if (value) {
|
||||
layoutAffectedStyles.forEach((key: string) => {
|
||||
this.computedStyle[key] = 0;
|
||||
});
|
||||
} else {
|
||||
layoutAffectedStyles.forEach((key: string) => {
|
||||
this.computedStyle[key] = this.lastComputedStyle[key];
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
if (this.style.scale) {
|
||||
scalableStyles.forEach((key: string) => {
|
||||
if (this.style[key]) {
|
||||
const computedValue = this.style[key] * this.style.scale;
|
||||
this.computedStyle[key] = computedValue;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (style.hidden) {
|
||||
layoutAffectedStyles.forEach((key: string) => {
|
||||
this.computedStyle[key] = 0;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
getAbsolutePosition(element: Element) {
|
||||
if (!element) {
|
||||
return this.getAbsolutePosition(this)
|
||||
}
|
||||
|
||||
if (!element.parent) {
|
||||
return {
|
||||
left: 0,
|
||||
top: 0
|
||||
}
|
||||
}
|
||||
|
||||
const {left, top} = this.getAbsolutePosition(element.parent)
|
||||
|
||||
return {
|
||||
left: left + element.layoutBox.left,
|
||||
top: top + element.layoutBox.top
|
||||
}
|
||||
}
|
||||
|
||||
public add(element: Element) {
|
||||
element.parent = this;
|
||||
this.children[element.id] = element;
|
||||
}
|
||||
|
||||
public remove(element?: Element) {
|
||||
// 删除自己
|
||||
if (!element) {
|
||||
Object.keys(this.children).forEach(id => {
|
||||
const child = this.children[id]
|
||||
child.remove()
|
||||
delete this.children[id]
|
||||
})
|
||||
} else if (this.children[element.id]) {
|
||||
// 是自己的子节点才删除
|
||||
element.remove()
|
||||
delete this.children[element.id];
|
||||
}
|
||||
}
|
||||
|
||||
public getNodeTree(): LayoutNode {
|
||||
return {
|
||||
id: this.id,
|
||||
style: this.computedStyle,
|
||||
children: Object.keys(this.children).map((id: string) => {
|
||||
const child = this.children[id];
|
||||
return child.getNodeTree();
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
public applyLayout(layoutNode: LayoutNode) {
|
||||
["left", "top", "width", "height"].forEach((key: string) => {
|
||||
if (layoutNode.layout && typeof layoutNode.layout[key] === "number") {
|
||||
this.layoutBox[key] = layoutNode.layout[key];
|
||||
if (this.parent && (key === "left" || key === "top")) {
|
||||
this.layoutBox[key] += this.parent.layoutBox[key];
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
layoutNode.children.forEach((child: LayoutNode) => {
|
||||
this.children[child.id].applyLayout(child);
|
||||
});
|
||||
}
|
||||
|
||||
layout() {
|
||||
const nodeTree = this.getNodeTree();
|
||||
computeLayout(nodeTree);
|
||||
this.applyLayout(nodeTree);
|
||||
}
|
||||
}
|
||||
|
||||
export default Element;
|
||||
15
uniapp/uni-app/components/miniprogram_npm/widget-ui/event.ts
Normal file
15
uniapp/uni-app/components/miniprogram_npm/widget-ui/event.ts
Normal file
@@ -0,0 +1,15 @@
|
||||
import _EventEmitter from "eventemitter3";
|
||||
const emitter = new _EventEmitter();
|
||||
export default class EventEmitter {
|
||||
public emit(event: string, data?: any) {
|
||||
emitter.emit(event, data);
|
||||
}
|
||||
|
||||
public on(event: string, callback) {
|
||||
emitter.on(event, callback);
|
||||
}
|
||||
|
||||
public off(event: string, callback) {
|
||||
emitter.off(event, callback);
|
||||
}
|
||||
}
|
||||
746
uniapp/uni-app/components/miniprogram_npm/widget-ui/index.js
Normal file
746
uniapp/uni-app/components/miniprogram_npm/widget-ui/index.js
Normal file
@@ -0,0 +1,746 @@
|
||||
module.exports = function () {
|
||||
var __MODS__ = {};
|
||||
|
||||
var __DEFINE__ = function (modId, func, req) {
|
||||
var m = {
|
||||
exports: {}
|
||||
};
|
||||
__MODS__[modId] = {
|
||||
status: 0,
|
||||
func: func,
|
||||
req: req,
|
||||
m: m
|
||||
};
|
||||
};
|
||||
|
||||
var __REQUIRE__ = function (modId, source) {
|
||||
if (!__MODS__[modId]) return require(source);
|
||||
|
||||
if (!__MODS__[modId].status) {
|
||||
var m = {
|
||||
exports: {}
|
||||
};
|
||||
__MODS__[modId].status = 1;
|
||||
|
||||
__MODS__[modId].func(__MODS__[modId].req, m, m.exports);
|
||||
|
||||
if (typeof m.exports === "object") {
|
||||
__MODS__[modId].m.exports.__proto__ = m.exports.__proto__;
|
||||
Object.keys(m.exports).forEach(function (k) {
|
||||
__MODS__[modId].m.exports[k] = m.exports[k];
|
||||
var desp = Object.getOwnPropertyDescriptor(m.exports, k);
|
||||
if (desp && desp.configurable) Object.defineProperty(m.exports, k, {
|
||||
set: function (val) {
|
||||
__MODS__[modId].m.exports[k] = val;
|
||||
},
|
||||
get: function () {
|
||||
return __MODS__[modId].m.exports[k];
|
||||
}
|
||||
});
|
||||
});
|
||||
if (m.exports.__esModule) Object.defineProperty(__MODS__[modId].m.exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
} else {
|
||||
__MODS__[modId].m.exports = m.exports;
|
||||
}
|
||||
}
|
||||
|
||||
return __MODS__[modId].m.exports;
|
||||
};
|
||||
|
||||
var __REQUIRE_WILDCARD__ = function (obj) {
|
||||
if (obj && obj.__esModule) {
|
||||
return obj;
|
||||
} else {
|
||||
var newObj = {};
|
||||
|
||||
if (obj != null) {
|
||||
for (var k in obj) {
|
||||
if (Object.prototype.hasOwnProperty.call(obj, k)) newObj[k] = obj[k];
|
||||
}
|
||||
}
|
||||
|
||||
newObj.default = obj;
|
||||
return newObj;
|
||||
}
|
||||
};
|
||||
|
||||
var __REQUIRE_DEFAULT__ = function (obj) {
|
||||
return obj && obj.__esModule ? obj.default : obj;
|
||||
};
|
||||
|
||||
__DEFINE__(1572960819414, function (require, module, exports) {
|
||||
!function (t, e) {
|
||||
if ("object" == typeof exports && "object" == typeof module) module.exports = e();else if ("function" == typeof define && define.amd) define([], e);else {
|
||||
var o = e();
|
||||
|
||||
for (var r in o) ("object" == typeof exports ? exports : t)[r] = o[r];
|
||||
}
|
||||
}(this, function () {
|
||||
return function (t) {
|
||||
var e = {};
|
||||
|
||||
function o(r) {
|
||||
if (e[r]) return e[r].exports;
|
||||
var i = e[r] = {
|
||||
i: r,
|
||||
l: !1,
|
||||
exports: {}
|
||||
};
|
||||
return t[r].call(i.exports, i, i.exports, o), i.l = !0, i.exports;
|
||||
}
|
||||
|
||||
return o.m = t, o.c = e, o.d = function (t, e, r) {
|
||||
o.o(t, e) || Object.defineProperty(t, e, {
|
||||
enumerable: !0,
|
||||
get: r
|
||||
});
|
||||
}, o.r = function (t) {
|
||||
"undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, {
|
||||
value: "Module"
|
||||
}), Object.defineProperty(t, "__esModule", {
|
||||
value: !0
|
||||
});
|
||||
}, o.t = function (t, e) {
|
||||
if (1 & e && (t = o(t)), 8 & e) return t;
|
||||
if (4 & e && "object" == typeof t && t && t.__esModule) return t;
|
||||
var r = Object.create(null);
|
||||
if (o.r(r), Object.defineProperty(r, "default", {
|
||||
enumerable: !0,
|
||||
value: t
|
||||
}), 2 & e && "string" != typeof t) for (var i in t) o.d(r, i, function (e) {
|
||||
return t[e];
|
||||
}.bind(null, i));
|
||||
return r;
|
||||
}, o.n = function (t) {
|
||||
var e = t && t.__esModule ? function () {
|
||||
return t.default;
|
||||
} : function () {
|
||||
return t;
|
||||
};
|
||||
return o.d(e, "a", e), e;
|
||||
}, o.o = function (t, e) {
|
||||
return Object.prototype.hasOwnProperty.call(t, e);
|
||||
}, o.p = "", o(o.s = 0);
|
||||
}([function (t, e, o) {
|
||||
var r = this && this.__importDefault || function (t) {
|
||||
return t && t.__esModule ? t : {
|
||||
default: t
|
||||
};
|
||||
};
|
||||
|
||||
Object.defineProperty(e, "__esModule", {
|
||||
value: !0
|
||||
});
|
||||
|
||||
var i = r(o(1)),
|
||||
l = o(2),
|
||||
n = 0,
|
||||
a = function () {
|
||||
function t(e) {
|
||||
var o = this;
|
||||
void 0 === e && (e = {}), this.parent = null, this.id = t.uuid(), this.style = {}, this.computedStyle = {}, this.lastComputedStyle = {}, this.children = {}, this.layoutBox = {
|
||||
left: 0,
|
||||
top: 0,
|
||||
width: 0,
|
||||
height: 0
|
||||
}, e = Object.assign(l.getDefaultStyle(), e), this.computedStyle = Object.assign(l.getDefaultStyle(), e), this.lastComputedStyle = Object.assign(l.getDefaultStyle(), e), Object.keys(e).forEach(function (t) {
|
||||
Object.defineProperty(o.style, t, {
|
||||
configurable: !0,
|
||||
enumerable: !0,
|
||||
get: function () {
|
||||
return e[t];
|
||||
},
|
||||
set: function (r) {
|
||||
r !== e[t] && void 0 !== r && (o.lastComputedStyle = o.computedStyle[t], e[t] = r, o.computedStyle[t] = r, l.scalableStyles.includes(t) && o.style.scale && (o.computedStyle[t] = r * o.style.scale), "scale" === t && l.scalableStyles.forEach(function (t) {
|
||||
e[t] && (o.computedStyle[t] = e[t] * r);
|
||||
}), "hidden" === t && (r ? l.layoutAffectedStyles.forEach(function (t) {
|
||||
o.computedStyle[t] = 0;
|
||||
}) : l.layoutAffectedStyles.forEach(function (t) {
|
||||
o.computedStyle[t] = o.lastComputedStyle[t];
|
||||
})));
|
||||
}
|
||||
});
|
||||
}), this.style.scale && l.scalableStyles.forEach(function (t) {
|
||||
if (o.style[t]) {
|
||||
var e = o.style[t] * o.style.scale;
|
||||
o.computedStyle[t] = e;
|
||||
}
|
||||
}), e.hidden && l.layoutAffectedStyles.forEach(function (t) {
|
||||
o.computedStyle[t] = 0;
|
||||
});
|
||||
}
|
||||
|
||||
return t.uuid = function () {
|
||||
return n++;
|
||||
}, t.prototype.getAbsolutePosition = function (t) {
|
||||
if (!t) return this.getAbsolutePosition(this);
|
||||
if (!t.parent) return {
|
||||
left: 0,
|
||||
top: 0
|
||||
};
|
||||
var e = this.getAbsolutePosition(t.parent),
|
||||
o = e.left,
|
||||
r = e.top;
|
||||
return {
|
||||
left: o + t.layoutBox.left,
|
||||
top: r + t.layoutBox.top
|
||||
};
|
||||
}, t.prototype.add = function (t) {
|
||||
t.parent = this, this.children[t.id] = t;
|
||||
}, t.prototype.remove = function (t) {
|
||||
var e = this;
|
||||
t ? this.children[t.id] && (t.remove(), delete this.children[t.id]) : Object.keys(this.children).forEach(function (t) {
|
||||
e.children[t].remove(), delete e.children[t];
|
||||
});
|
||||
}, t.prototype.getNodeTree = function () {
|
||||
var t = this;
|
||||
return {
|
||||
id: this.id,
|
||||
style: this.computedStyle,
|
||||
children: Object.keys(this.children).map(function (e) {
|
||||
return t.children[e].getNodeTree();
|
||||
})
|
||||
};
|
||||
}, t.prototype.applyLayout = function (t) {
|
||||
var e = this;
|
||||
["left", "top", "width", "height"].forEach(function (o) {
|
||||
t.layout && "number" == typeof t.layout[o] && (e.layoutBox[o] = t.layout[o], !e.parent || "left" !== o && "top" !== o || (e.layoutBox[o] += e.parent.layoutBox[o]));
|
||||
}), t.children.forEach(function (t) {
|
||||
e.children[t.id].applyLayout(t);
|
||||
});
|
||||
}, t.prototype.layout = function () {
|
||||
var t = this.getNodeTree();
|
||||
i.default(t), this.applyLayout(t);
|
||||
}, t;
|
||||
}();
|
||||
|
||||
e.default = a;
|
||||
}, function (t, e, o) {
|
||||
o.r(e);
|
||||
|
||||
var r = function () {
|
||||
var t,
|
||||
e = "inherit",
|
||||
o = "ltr",
|
||||
r = "rtl",
|
||||
i = "row",
|
||||
l = "row-reverse",
|
||||
n = "column",
|
||||
a = "column-reverse",
|
||||
u = "flex-start",
|
||||
d = "center",
|
||||
s = "flex-end",
|
||||
y = "space-between",
|
||||
c = "space-around",
|
||||
f = "flex-start",
|
||||
h = "center",
|
||||
p = "flex-end",
|
||||
g = "stretch",
|
||||
v = "relative",
|
||||
m = "absolute",
|
||||
b = {
|
||||
row: "left",
|
||||
"row-reverse": "right",
|
||||
column: "top",
|
||||
"column-reverse": "bottom"
|
||||
},
|
||||
x = {
|
||||
row: "right",
|
||||
"row-reverse": "left",
|
||||
column: "bottom",
|
||||
"column-reverse": "top"
|
||||
},
|
||||
w = {
|
||||
row: "left",
|
||||
"row-reverse": "right",
|
||||
column: "top",
|
||||
"column-reverse": "bottom"
|
||||
},
|
||||
S = {
|
||||
row: "width",
|
||||
"row-reverse": "width",
|
||||
column: "height",
|
||||
"column-reverse": "height"
|
||||
};
|
||||
|
||||
function W(t) {
|
||||
return void 0 === t;
|
||||
}
|
||||
|
||||
function L(t) {
|
||||
return t === i || t === l;
|
||||
}
|
||||
|
||||
function k(t, e) {
|
||||
if (void 0 !== t.style.marginStart && L(e)) return t.style.marginStart;
|
||||
var o = null;
|
||||
|
||||
switch (e) {
|
||||
case "row":
|
||||
o = t.style.marginLeft;
|
||||
break;
|
||||
|
||||
case "row-reverse":
|
||||
o = t.style.marginRight;
|
||||
break;
|
||||
|
||||
case "column":
|
||||
o = t.style.marginTop;
|
||||
break;
|
||||
|
||||
case "column-reverse":
|
||||
o = t.style.marginBottom;
|
||||
}
|
||||
|
||||
return void 0 !== o ? o : void 0 !== t.style.margin ? t.style.margin : 0;
|
||||
}
|
||||
|
||||
function j(t, e) {
|
||||
if (void 0 !== t.style.marginEnd && L(e)) return t.style.marginEnd;
|
||||
var o = null;
|
||||
|
||||
switch (e) {
|
||||
case "row":
|
||||
o = t.style.marginRight;
|
||||
break;
|
||||
|
||||
case "row-reverse":
|
||||
o = t.style.marginLeft;
|
||||
break;
|
||||
|
||||
case "column":
|
||||
o = t.style.marginBottom;
|
||||
break;
|
||||
|
||||
case "column-reverse":
|
||||
o = t.style.marginTop;
|
||||
}
|
||||
|
||||
return null != o ? o : void 0 !== t.style.margin ? t.style.margin : 0;
|
||||
}
|
||||
|
||||
function B(t, e) {
|
||||
if (void 0 !== t.style.borderStartWidth && t.style.borderStartWidth >= 0 && L(e)) return t.style.borderStartWidth;
|
||||
var o = null;
|
||||
|
||||
switch (e) {
|
||||
case "row":
|
||||
o = t.style.borderLeftWidth;
|
||||
break;
|
||||
|
||||
case "row-reverse":
|
||||
o = t.style.borderRightWidth;
|
||||
break;
|
||||
|
||||
case "column":
|
||||
o = t.style.borderTopWidth;
|
||||
break;
|
||||
|
||||
case "column-reverse":
|
||||
o = t.style.borderBottomWidth;
|
||||
}
|
||||
|
||||
return null != o && o >= 0 ? o : void 0 !== t.style.borderWidth && t.style.borderWidth >= 0 ? t.style.borderWidth : 0;
|
||||
}
|
||||
|
||||
function E(t, e) {
|
||||
if (void 0 !== t.style.borderEndWidth && t.style.borderEndWidth >= 0 && L(e)) return t.style.borderEndWidth;
|
||||
var o = null;
|
||||
|
||||
switch (e) {
|
||||
case "row":
|
||||
o = t.style.borderRightWidth;
|
||||
break;
|
||||
|
||||
case "row-reverse":
|
||||
o = t.style.borderLeftWidth;
|
||||
break;
|
||||
|
||||
case "column":
|
||||
o = t.style.borderBottomWidth;
|
||||
break;
|
||||
|
||||
case "column-reverse":
|
||||
o = t.style.borderTopWidth;
|
||||
}
|
||||
|
||||
return null != o && o >= 0 ? o : void 0 !== t.style.borderWidth && t.style.borderWidth >= 0 ? t.style.borderWidth : 0;
|
||||
}
|
||||
|
||||
function C(t, e) {
|
||||
return function (t, e) {
|
||||
if (void 0 !== t.style.paddingStart && t.style.paddingStart >= 0 && L(e)) return t.style.paddingStart;
|
||||
var o = null;
|
||||
|
||||
switch (e) {
|
||||
case "row":
|
||||
o = t.style.paddingLeft;
|
||||
break;
|
||||
|
||||
case "row-reverse":
|
||||
o = t.style.paddingRight;
|
||||
break;
|
||||
|
||||
case "column":
|
||||
o = t.style.paddingTop;
|
||||
break;
|
||||
|
||||
case "column-reverse":
|
||||
o = t.style.paddingBottom;
|
||||
}
|
||||
|
||||
return null != o && o >= 0 ? o : void 0 !== t.style.padding && t.style.padding >= 0 ? t.style.padding : 0;
|
||||
}(t, e) + B(t, e);
|
||||
}
|
||||
|
||||
function T(t, e) {
|
||||
return function (t, e) {
|
||||
if (void 0 !== t.style.paddingEnd && t.style.paddingEnd >= 0 && L(e)) return t.style.paddingEnd;
|
||||
var o = null;
|
||||
|
||||
switch (e) {
|
||||
case "row":
|
||||
o = t.style.paddingRight;
|
||||
break;
|
||||
|
||||
case "row-reverse":
|
||||
o = t.style.paddingLeft;
|
||||
break;
|
||||
|
||||
case "column":
|
||||
o = t.style.paddingBottom;
|
||||
break;
|
||||
|
||||
case "column-reverse":
|
||||
o = t.style.paddingTop;
|
||||
}
|
||||
|
||||
return null != o && o >= 0 ? o : void 0 !== t.style.padding && t.style.padding >= 0 ? t.style.padding : 0;
|
||||
}(t, e) + E(t, e);
|
||||
}
|
||||
|
||||
function O(t, e) {
|
||||
return B(t, e) + E(t, e);
|
||||
}
|
||||
|
||||
function _(t, e) {
|
||||
return k(t, e) + j(t, e);
|
||||
}
|
||||
|
||||
function R(t, e) {
|
||||
return C(t, e) + T(t, e);
|
||||
}
|
||||
|
||||
function A(t, e) {
|
||||
return e.style.alignSelf ? e.style.alignSelf : t.style.alignItems ? t.style.alignItems : "stretch";
|
||||
}
|
||||
|
||||
function P(t, e) {
|
||||
if (e === r) {
|
||||
if (t === i) return l;
|
||||
if (t === l) return i;
|
||||
}
|
||||
|
||||
return t;
|
||||
}
|
||||
|
||||
function D(t, e) {
|
||||
return function (t) {
|
||||
return t === n || t === a;
|
||||
}(t) ? P(i, e) : n;
|
||||
}
|
||||
|
||||
function H(t) {
|
||||
return t.style.position ? t.style.position : "relative";
|
||||
}
|
||||
|
||||
function M(t) {
|
||||
return H(t) === v && t.style.flex > 0;
|
||||
}
|
||||
|
||||
function I(t, e) {
|
||||
return t.layout[S[e]] + _(t, e);
|
||||
}
|
||||
|
||||
function N(t, e) {
|
||||
return void 0 !== t.style[S[e]] && t.style[S[e]] >= 0;
|
||||
}
|
||||
|
||||
function F(t, e) {
|
||||
return void 0 !== t.style[e];
|
||||
}
|
||||
|
||||
function q(t, e) {
|
||||
return void 0 !== t.style[e] ? t.style[e] : 0;
|
||||
}
|
||||
|
||||
function z(t, e, o) {
|
||||
var r = {
|
||||
row: t.style.minWidth,
|
||||
"row-reverse": t.style.minWidth,
|
||||
column: t.style.minHeight,
|
||||
"column-reverse": t.style.minHeight
|
||||
}[e],
|
||||
i = {
|
||||
row: t.style.maxWidth,
|
||||
"row-reverse": t.style.maxWidth,
|
||||
column: t.style.maxHeight,
|
||||
"column-reverse": t.style.maxHeight
|
||||
}[e],
|
||||
l = o;
|
||||
return void 0 !== i && i >= 0 && l > i && (l = i), void 0 !== r && r >= 0 && l < r && (l = r), l;
|
||||
}
|
||||
|
||||
function U(t, e) {
|
||||
return t > e ? t : e;
|
||||
}
|
||||
|
||||
function G(t, e) {
|
||||
void 0 === t.layout[S[e]] && N(t, e) && (t.layout[S[e]] = U(z(t, e, t.style[S[e]]), R(t, e)));
|
||||
}
|
||||
|
||||
function J(t, e, o) {
|
||||
e.layout[x[o]] = t.layout[S[o]] - e.layout[S[o]] - e.layout[w[o]];
|
||||
}
|
||||
|
||||
function K(t, e) {
|
||||
return void 0 !== t.style[b[e]] ? q(t, b[e]) : -q(t, x[e]);
|
||||
}
|
||||
|
||||
function Q(r, E, Q) {
|
||||
var X = function (t, r) {
|
||||
var i;
|
||||
return (i = t.style.direction ? t.style.direction : e) === e && (i = void 0 === r ? o : r), i;
|
||||
}(r, Q),
|
||||
Y = P(function (t) {
|
||||
return t.style.flexDirection ? t.style.flexDirection : n;
|
||||
}(r), X),
|
||||
Z = D(Y, X),
|
||||
$ = P(i, X);
|
||||
|
||||
G(r, Y), G(r, Z), r.layout.direction = X, r.layout[b[Y]] += k(r, Y) + K(r, Y), r.layout[x[Y]] += j(r, Y) + K(r, Y), r.layout[b[Z]] += k(r, Z) + K(r, Z), r.layout[x[Z]] += j(r, Z) + K(r, Z);
|
||||
var tt = r.children.length,
|
||||
et = R(r, $);
|
||||
|
||||
if (function (t) {
|
||||
return void 0 !== t.style.measure;
|
||||
}(r)) {
|
||||
var ot = !W(r.layout[S[$]]),
|
||||
rt = t;
|
||||
rt = N(r, $) ? r.style.width : ot ? r.layout[S[$]] : E - _(r, $), rt -= et;
|
||||
var it = !N(r, $) && !ot,
|
||||
lt = !N(r, n) && W(r.layout[S[n]]);
|
||||
|
||||
if (it || lt) {
|
||||
var nt = r.style.measure(rt);
|
||||
it && (r.layout.width = nt.width + et), lt && (r.layout.height = nt.height + R(r, n));
|
||||
}
|
||||
|
||||
if (0 === tt) return;
|
||||
}
|
||||
|
||||
var at,
|
||||
ut,
|
||||
dt,
|
||||
st,
|
||||
yt = function (t) {
|
||||
return "wrap" === t.style.flexWrap;
|
||||
}(r),
|
||||
ct = function (t) {
|
||||
return t.style.justifyContent ? t.style.justifyContent : "flex-start";
|
||||
}(r),
|
||||
ft = C(r, Y),
|
||||
ht = C(r, Z),
|
||||
pt = R(r, Y),
|
||||
gt = R(r, Z),
|
||||
vt = !W(r.layout[S[Y]]),
|
||||
mt = !W(r.layout[S[Z]]),
|
||||
bt = L(Y),
|
||||
xt = null,
|
||||
wt = null,
|
||||
St = t;
|
||||
|
||||
vt && (St = r.layout[S[Y]] - pt);
|
||||
|
||||
for (var Wt = 0, Lt = 0, kt = 0, jt = 0, Bt = 0, Et = 0; Lt < tt;) {
|
||||
var Ct,
|
||||
Tt = 0,
|
||||
Ot = 0,
|
||||
_t = 0,
|
||||
Rt = 0,
|
||||
At = vt && ct === u || !vt && ct !== d,
|
||||
Pt = At ? tt : Wt,
|
||||
Dt = !0,
|
||||
Ht = tt,
|
||||
Mt = null,
|
||||
It = null,
|
||||
Nt = ft,
|
||||
Ft = 0;
|
||||
|
||||
for (at = Wt; at < tt; ++at) {
|
||||
if ((dt = r.children[at]).lineIndex = Et, dt.nextAbsoluteChild = null, dt.nextFlexChild = null, (Xt = A(r, dt)) === g && H(dt) === v && mt && !N(dt, Z)) dt.layout[S[Z]] = U(z(dt, Z, r.layout[S[Z]] - gt - _(dt, Z)), R(dt, Z));else if (H(dt) === m) for (null === xt && (xt = dt), null !== wt && (wt.nextAbsoluteChild = dt), wt = dt, ut = 0; ut < 2; ut++) st = 0 !== ut ? i : n, !W(r.layout[S[st]]) && !N(dt, st) && F(dt, b[st]) && F(dt, x[st]) && (dt.layout[S[st]] = U(z(dt, st, r.layout[S[st]] - R(r, st) - _(dt, st) - q(dt, b[st]) - q(dt, x[st])), R(dt, st)));
|
||||
var qt = 0;
|
||||
|
||||
if (vt && M(dt) ? (Ot++, _t += dt.style.flex, null === Mt && (Mt = dt), null !== It && (It.nextFlexChild = dt), It = dt, qt = R(dt, Y) + _(dt, Y)) : (Ct = t, bt || (Ct = N(r, $) ? r.layout[S[$]] - et : E - _(r, $) - et), 0 === kt && V(dt, Ct, X), H(dt) === v && (Rt++, qt = I(dt, Y))), yt && vt && Tt + qt > St && at !== Wt) {
|
||||
Rt--, kt = 1;
|
||||
break;
|
||||
}
|
||||
|
||||
At && (H(dt) !== v || M(dt)) && (At = !1, Pt = at), Dt && (H(dt) !== v || Xt !== g && Xt !== f || W(dt.layout[S[Z]])) && (Dt = !1, Ht = at), At && (dt.layout[w[Y]] += Nt, vt && J(r, dt, Y), Nt += I(dt, Y), Ft = U(Ft, z(dt, Z, I(dt, Z)))), Dt && (dt.layout[w[Z]] += jt + ht, mt && J(r, dt, Z)), kt = 0, Tt += qt, Lt = at + 1;
|
||||
}
|
||||
|
||||
var zt = 0,
|
||||
Ut = 0,
|
||||
Gt = 0;
|
||||
|
||||
if (Gt = vt ? St - Tt : U(Tt, 0) - Tt, 0 !== Ot) {
|
||||
var Jt,
|
||||
Kt,
|
||||
Qt = Gt / _t;
|
||||
|
||||
for (It = Mt; null !== It;) (Jt = Qt * It.style.flex + R(It, Y)) !== (Kt = z(It, Y, Jt)) && (Gt -= Kt, _t -= It.style.flex), It = It.nextFlexChild;
|
||||
|
||||
for ((Qt = Gt / _t) < 0 && (Qt = 0), It = Mt; null !== It;) It.layout[S[Y]] = z(It, Y, Qt * It.style.flex + R(It, Y)), Ct = t, N(r, $) ? Ct = r.layout[S[$]] - et : bt || (Ct = E - _(r, $) - et), V(It, Ct, X), dt = It, It = It.nextFlexChild, dt.nextFlexChild = null;
|
||||
} else ct !== u && (ct === d ? zt = Gt / 2 : ct === s ? zt = Gt : ct === y ? (Gt = U(Gt, 0), Ut = Ot + Rt - 1 != 0 ? Gt / (Ot + Rt - 1) : 0) : ct === c && (zt = (Ut = Gt / (Ot + Rt)) / 2));
|
||||
|
||||
for (Nt += zt, at = Pt; at < Lt; ++at) H(dt = r.children[at]) === m && F(dt, b[Y]) ? dt.layout[w[Y]] = q(dt, b[Y]) + B(r, Y) + k(dt, Y) : (dt.layout[w[Y]] += Nt, vt && J(r, dt, Y), H(dt) === v && (Nt += Ut + I(dt, Y), Ft = U(Ft, z(dt, Z, I(dt, Z)))));
|
||||
|
||||
var Vt = r.layout[S[Z]];
|
||||
|
||||
for (mt || (Vt = U(z(r, Z, Ft + gt), gt)), at = Ht; at < Lt; ++at) if (H(dt = r.children[at]) === m && F(dt, b[Z])) dt.layout[w[Z]] = q(dt, b[Z]) + B(r, Z) + k(dt, Z);else {
|
||||
var Xt,
|
||||
Yt = ht;
|
||||
if (H(dt) === v) if ((Xt = A(r, dt)) === g) W(dt.layout[S[Z]]) && (dt.layout[S[Z]] = U(z(dt, Z, Vt - gt - _(dt, Z)), R(dt, Z)));else if (Xt !== f) {
|
||||
var Zt = Vt - gt - I(dt, Z);
|
||||
Yt += Xt === h ? Zt / 2 : Zt;
|
||||
}
|
||||
dt.layout[w[Z]] += jt + Yt, mt && J(r, dt, Z);
|
||||
}
|
||||
|
||||
jt += Ft, Bt = U(Bt, Nt), Et += 1, Wt = Lt;
|
||||
}
|
||||
|
||||
if (Et > 1 && mt) {
|
||||
var $t = r.layout[S[Z]] - gt,
|
||||
te = $t - jt,
|
||||
ee = 0,
|
||||
oe = ht,
|
||||
re = function (t) {
|
||||
return t.style.alignContent ? t.style.alignContent : "flex-start";
|
||||
}(r);
|
||||
|
||||
re === p ? oe += te : re === h ? oe += te / 2 : re === g && $t > jt && (ee = te / Et);
|
||||
var ie = 0;
|
||||
|
||||
for (at = 0; at < Et; ++at) {
|
||||
var le = ie,
|
||||
ne = 0;
|
||||
|
||||
for (ut = le; ut < tt; ++ut) if (H(dt = r.children[ut]) === v) {
|
||||
if (dt.lineIndex !== at) break;
|
||||
W(dt.layout[S[Z]]) || (ne = U(ne, dt.layout[S[Z]] + _(dt, Z)));
|
||||
}
|
||||
|
||||
for (ie = ut, ne += ee, ut = le; ut < ie; ++ut) if (H(dt = r.children[ut]) === v) {
|
||||
var ae = A(r, dt);
|
||||
if (ae === f) dt.layout[w[Z]] = oe + k(dt, Z);else if (ae === p) dt.layout[w[Z]] = oe + ne - j(dt, Z) - dt.layout[S[Z]];else if (ae === h) {
|
||||
var ue = dt.layout[S[Z]];
|
||||
dt.layout[w[Z]] = oe + (ne - ue) / 2;
|
||||
} else ae === g && (dt.layout[w[Z]] = oe + k(dt, Z));
|
||||
}
|
||||
|
||||
oe += ne;
|
||||
}
|
||||
}
|
||||
|
||||
var de = !1,
|
||||
se = !1;
|
||||
if (vt || (r.layout[S[Y]] = U(z(r, Y, Bt + T(r, Y)), pt), Y !== l && Y !== a || (de = !0)), mt || (r.layout[S[Z]] = U(z(r, Z, jt + gt), gt), Z !== l && Z !== a || (se = !0)), de || se) for (at = 0; at < tt; ++at) dt = r.children[at], de && J(r, dt, Y), se && J(r, dt, Z);
|
||||
|
||||
for (wt = xt; null !== wt;) {
|
||||
for (ut = 0; ut < 2; ut++) st = 0 !== ut ? i : n, !W(r.layout[S[st]]) && !N(wt, st) && F(wt, b[st]) && F(wt, x[st]) && (wt.layout[S[st]] = U(z(wt, st, r.layout[S[st]] - O(r, st) - _(wt, st) - q(wt, b[st]) - q(wt, x[st])), R(wt, st))), F(wt, x[st]) && !F(wt, b[st]) && (wt.layout[b[st]] = r.layout[S[st]] - wt.layout[S[st]] - q(wt, x[st]));
|
||||
|
||||
dt = wt, wt = wt.nextAbsoluteChild, dt.nextAbsoluteChild = null;
|
||||
}
|
||||
}
|
||||
|
||||
function V(t, e, r) {
|
||||
t.shouldUpdate = !0;
|
||||
var i = t.style.direction || o;
|
||||
!t.isDirty && t.lastLayout && t.lastLayout.requestedHeight === t.layout.height && t.lastLayout.requestedWidth === t.layout.width && t.lastLayout.parentMaxWidth === e && t.lastLayout.direction === i ? (t.layout.width = t.lastLayout.width, t.layout.height = t.lastLayout.height, t.layout.top = t.lastLayout.top, t.layout.left = t.lastLayout.left) : (t.lastLayout || (t.lastLayout = {}), t.lastLayout.requestedWidth = t.layout.width, t.lastLayout.requestedHeight = t.layout.height, t.lastLayout.parentMaxWidth = e, t.lastLayout.direction = i, t.children.forEach(function (t) {
|
||||
t.layout.width = void 0, t.layout.height = void 0, t.layout.top = 0, t.layout.left = 0;
|
||||
}), Q(t, e, r), t.lastLayout.width = t.layout.width, t.lastLayout.height = t.layout.height, t.lastLayout.top = t.layout.top, t.lastLayout.left = t.layout.left);
|
||||
}
|
||||
|
||||
return {
|
||||
layoutNodeImpl: Q,
|
||||
computeLayout: V,
|
||||
fillNodes: function t(e) {
|
||||
return e.layout && !e.isDirty || (e.layout = {
|
||||
width: void 0,
|
||||
height: void 0,
|
||||
top: 0,
|
||||
left: 0,
|
||||
right: 0,
|
||||
bottom: 0
|
||||
}), e.style || (e.style = {}), e.children || (e.children = []), e.children.forEach(t), e;
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
e.default = function (t) {
|
||||
r.fillNodes(t), r.computeLayout(t);
|
||||
};
|
||||
}, function (t, e, o) {
|
||||
Object.defineProperty(e, "__esModule", {
|
||||
value: !0
|
||||
});
|
||||
e.textStyles = ["color", "fontSize", "textAlign", "fontWeight", "lineHeight", "lineBreak"];
|
||||
e.scalableStyles = ["left", "top", "right", "bottom", "width", "height", "margin", "marginLeft", "marginRight", "marginTop", "marginBottom", "padding", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "borderWidth", "borderLeftWidth", "borderRightWidth", "borderTopWidth", "borderBottomWidth"];
|
||||
e.layoutAffectedStyles = ["margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "width", "height"];
|
||||
|
||||
e.getDefaultStyle = function () {
|
||||
return {
|
||||
left: void 0,
|
||||
top: void 0,
|
||||
right: void 0,
|
||||
bottom: void 0,
|
||||
width: void 0,
|
||||
height: void 0,
|
||||
maxWidth: void 0,
|
||||
maxHeight: void 0,
|
||||
minWidth: void 0,
|
||||
minHeight: void 0,
|
||||
margin: void 0,
|
||||
marginLeft: void 0,
|
||||
marginRight: void 0,
|
||||
marginTop: void 0,
|
||||
marginBottom: void 0,
|
||||
padding: void 0,
|
||||
paddingLeft: void 0,
|
||||
paddingRight: void 0,
|
||||
paddingTop: void 0,
|
||||
paddingBottom: void 0,
|
||||
borderWidth: void 0,
|
||||
flexDirection: void 0,
|
||||
justifyContent: void 0,
|
||||
alignItems: void 0,
|
||||
alignSelf: void 0,
|
||||
flex: void 0,
|
||||
flexWrap: void 0,
|
||||
position: void 0,
|
||||
hidden: !1,
|
||||
scale: 1
|
||||
};
|
||||
};
|
||||
}]).default;
|
||||
});
|
||||
}, function (modId) {
|
||||
var map = {};
|
||||
return __REQUIRE__(map[modId], modId);
|
||||
});
|
||||
|
||||
return __REQUIRE__(1572960819414);
|
||||
}(); //# sourceMappingURL=index.js.map
|
||||
File diff suppressed because one or more lines are too long
87
uniapp/uni-app/components/miniprogram_npm/widget-ui/style.ts
Normal file
87
uniapp/uni-app/components/miniprogram_npm/widget-ui/style.ts
Normal file
@@ -0,0 +1,87 @@
|
||||
const textStyles: string[] = ["color", "fontSize", "textAlign", "fontWeight", "lineHeight", "lineBreak"];
|
||||
|
||||
const scalableStyles: string[] = ["left", "top", "right", "bottom", "width", "height",
|
||||
"margin", "marginLeft", "marginRight", "marginTop", "marginBottom",
|
||||
"padding", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom",
|
||||
"borderWidth", "borderLeftWidth", "borderRightWidth", "borderTopWidth", "borderBottomWidth"];
|
||||
|
||||
const layoutAffectedStyles: string[] = [
|
||||
"margin", "marginTop", "marginBottom", "marginLeft", "marginRight",
|
||||
"padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight",
|
||||
"width", "height"];
|
||||
|
||||
type Style = {
|
||||
left: number,
|
||||
top: number,
|
||||
right: number,
|
||||
bottom: number,
|
||||
width: number,
|
||||
height: number,
|
||||
maxWidth: number,
|
||||
maxHeight: number,
|
||||
minWidth: number,
|
||||
minHeight: number,
|
||||
margin: number,
|
||||
marginLeft: number,
|
||||
marginRight: number,
|
||||
marginTop: number,
|
||||
marginBottom: number,
|
||||
padding: number,
|
||||
paddingLeft: number,
|
||||
paddingRight: number,
|
||||
paddingTop: number,
|
||||
paddingBottom: number,
|
||||
borderWidth: number,
|
||||
borderLeftWidth: number,
|
||||
borderRightWidth: number,
|
||||
borderTopWidth: number,
|
||||
borderBottomWidth: number,
|
||||
flexDirection: "column" | "row",
|
||||
justifyContent: "flex-start" | "center" | "flex-end" | "space-between" | "space-around",
|
||||
alignItems: "flex-start" | "center" | "flex-end" | "stretch",
|
||||
alignSelf: "flex-start" | "center" | "flex-end" | "stretch",
|
||||
flex: number,
|
||||
flexWrap: "wrap" | "nowrap",
|
||||
position: "relative" | "absolute",
|
||||
|
||||
hidden: boolean,
|
||||
scale: number
|
||||
}
|
||||
|
||||
const getDefaultStyle = () => ({
|
||||
left: undefined,
|
||||
top: undefined,
|
||||
right: undefined,
|
||||
bottom: undefined,
|
||||
width: undefined,
|
||||
height: undefined,
|
||||
maxWidth: undefined,
|
||||
maxHeight: undefined,
|
||||
minWidth: undefined,
|
||||
minHeight: undefined,
|
||||
margin: undefined,
|
||||
marginLeft: undefined,
|
||||
marginRight: undefined,
|
||||
marginTop: undefined,
|
||||
marginBottom: undefined,
|
||||
padding: undefined,
|
||||
paddingLeft: undefined,
|
||||
paddingRight: undefined,
|
||||
paddingTop: undefined,
|
||||
paddingBottom: undefined,
|
||||
borderWidth: undefined,
|
||||
flexDirection: undefined,
|
||||
justifyContent: undefined,
|
||||
alignItems: undefined,
|
||||
alignSelf: undefined,
|
||||
flex: undefined,
|
||||
flexWrap: undefined,
|
||||
position: undefined,
|
||||
|
||||
hidden: false,
|
||||
scale: 1
|
||||
})
|
||||
|
||||
export {
|
||||
getDefaultStyle, scalableStyles, textStyles, layoutAffectedStyles
|
||||
}
|
||||
Reference in New Issue
Block a user