js: remove other module to avoid import error
This commit is contained in:
parent
6696278c5b
commit
74f1c61261
@ -48,7 +48,7 @@ class MyDemo extends Panel {
|
|||||||
}),
|
}),
|
||||||
|
|
||||||
headerImage = image({
|
headerImage = image({
|
||||||
imageUrl: "https://img.zcool.cn/community/01e75b5da933daa801209e1ffa4649.jpg@1280w_1l_2o_100sh.jpg",
|
imageUrl: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic.jj20.com%2Fup%2Fallimg%2F1112%2F12101P11147%2F1Q210011147-3.jpg&refer=http%3A%2F%2Fpic.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1662787633&t=99942c90360f55bbcfe00fa140d1c1df",
|
||||||
layoutConfig: layoutConfig().just(),
|
layoutConfig: layoutConfig().just(),
|
||||||
width: root.width,
|
width: root.width,
|
||||||
height: 200,
|
height: 200,
|
||||||
|
@ -31,14 +31,14 @@ class CounterView extends ViewHolder {
|
|||||||
text({
|
text({
|
||||||
text: `Current language is ${Environment.localeLanguage}`,
|
text: `Current language is ${Environment.localeLanguage}`,
|
||||||
onClick: function () {
|
onClick: function () {
|
||||||
const v = this as View
|
const v = this as unknown as View
|
||||||
group.removeChild(v)
|
group.removeChild(v)
|
||||||
}
|
}
|
||||||
}),
|
}),
|
||||||
text({
|
text({
|
||||||
text: `Current country is ${Environment.localeCountry}`,
|
text: `Current country is ${Environment.localeCountry}`,
|
||||||
onClick: function () {
|
onClick: function () {
|
||||||
const v = this as View
|
const v = this as unknown as View
|
||||||
group.removeChild(v)
|
group.removeChild(v)
|
||||||
}
|
}
|
||||||
}),
|
}),
|
||||||
@ -46,7 +46,7 @@ class CounterView extends ViewHolder {
|
|||||||
text: "Click to remove",
|
text: "Click to remove",
|
||||||
textSize: 30,
|
textSize: 30,
|
||||||
onClick: function () {
|
onClick: function () {
|
||||||
const v = this as View
|
const v = this as unknown as View
|
||||||
group.removeChild(v)
|
group.removeChild(v)
|
||||||
}
|
}
|
||||||
}),
|
}),
|
||||||
|
@ -2,291 +2,291 @@ import { AssetsResource, AndroidAssetsResource, Base64Resource, DrawableResource
|
|||||||
import { colors, label } from "./utils";
|
import { colors, label } from "./utils";
|
||||||
import { img_base64 } from "./image_base64";
|
import { img_base64 } from "./image_base64";
|
||||||
|
|
||||||
const imageUrl = 'https://img.zcool.cn/community/01e75b5da933daa801209e1ffa4649.jpg@1280w_1l_2o_100sh.jpg'
|
const imageUrl = 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic.jj20.com%2Fup%2Fallimg%2F1112%2F12101P11147%2F1Q210011147-3.jpg&refer=http%3A%2F%2Fpic.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1662787633&t=99942c90360f55bbcfe00fa140d1c1df'
|
||||||
|
|
||||||
import logo from "./images/logo_w.png"
|
import logo from "./images/logo_w.png"
|
||||||
import button from "./images/button.png"
|
import button from "./images/button.png"
|
||||||
|
|
||||||
@Entry
|
@Entry
|
||||||
class ImageDemo extends Panel {
|
class ImageDemo extends Panel {
|
||||||
build(rootView: Group): void {
|
build(rootView: Group): void {
|
||||||
let imageView: Image
|
let imageView: Image
|
||||||
scroller(
|
scroller(
|
||||||
vlayout(
|
vlayout(
|
||||||
[
|
[
|
||||||
text({
|
text({
|
||||||
text: "Image Demo",
|
text: "Image Demo",
|
||||||
layoutConfig: layoutConfig().configWidth(LayoutSpec.MOST),
|
layoutConfig: layoutConfig().configWidth(LayoutSpec.MOST),
|
||||||
textSize: 30,
|
textSize: 30,
|
||||||
textColor: Color.WHITE,
|
textColor: Color.WHITE,
|
||||||
backgroundColor: colors[5],
|
backgroundColor: colors[5],
|
||||||
textAlignment: gravity().center(),
|
textAlignment: gravity().center(),
|
||||||
height: 50,
|
height: 50,
|
||||||
}),
|
}),
|
||||||
|
|
||||||
label("Button"),
|
label("Button"),
|
||||||
image({
|
image({
|
||||||
image:
|
image:
|
||||||
Environment.platform === "Android"
|
Environment.platform === "Android"
|
||||||
? new AndroidAssetsResource(
|
? new AndroidAssetsResource(
|
||||||
"assets/The_Parthenon_in_Athens.jpeg"
|
"assets/The_Parthenon_in_Athens.jpeg"
|
||||||
)
|
)
|
||||||
: new MainBundleResource(
|
: new MainBundleResource(
|
||||||
"assets/The_Parthenon_in_Athens.jpeg"
|
"assets/The_Parthenon_in_Athens.jpeg"
|
||||||
),
|
|
||||||
}),
|
|
||||||
image({
|
|
||||||
image: new AssetsResource("The_Parthenon_in_Athens.jpeg"),
|
|
||||||
}),
|
|
||||||
image({
|
|
||||||
image: new RemoteResource(
|
|
||||||
"https://p.upyun.com/demo/webp/webp/jpg-0.webp"
|
|
||||||
),
|
),
|
||||||
}),
|
}),
|
||||||
image({
|
image({
|
||||||
image: new Base64Resource(img_base64[0]),
|
image: new AssetsResource("The_Parthenon_in_Athens.jpeg"),
|
||||||
scaleType: ScaleType.ScaleToFill,
|
}),
|
||||||
layoutConfig: {
|
image({
|
||||||
widthSpec: LayoutSpec.FIT,
|
image: new RemoteResource(
|
||||||
heightSpec: LayoutSpec.FIT,
|
"https://p.upyun.com/demo/webp/webp/jpg-0.webp"
|
||||||
},
|
),
|
||||||
}),
|
}),
|
||||||
image({
|
image({
|
||||||
imageBase64: button,
|
image: new Base64Resource(img_base64[0]),
|
||||||
scaleType: ScaleType.ScaleToFill,
|
scaleType: ScaleType.ScaleToFill,
|
||||||
layoutConfig: {
|
layoutConfig: {
|
||||||
widthSpec: LayoutSpec.JUST,
|
widthSpec: LayoutSpec.FIT,
|
||||||
heightSpec: LayoutSpec.JUST,
|
heightSpec: LayoutSpec.FIT,
|
||||||
},
|
},
|
||||||
width: 200,
|
}),
|
||||||
height: 150 / 2.75,
|
image({
|
||||||
stretchInset: {
|
imageBase64: button,
|
||||||
left: 100,
|
scaleType: ScaleType.ScaleToFill,
|
||||||
top: 0,
|
layoutConfig: {
|
||||||
right: 100,
|
widthSpec: LayoutSpec.JUST,
|
||||||
bottom: 0,
|
heightSpec: LayoutSpec.JUST,
|
||||||
},
|
},
|
||||||
imageScale: 2.75,
|
width: 200,
|
||||||
}),
|
height: 150 / 2.75,
|
||||||
image({
|
stretchInset: {
|
||||||
imageBase64: button,
|
left: 100,
|
||||||
scaleType: ScaleType.ScaleToFill,
|
top: 0,
|
||||||
layoutConfig: {
|
right: 100,
|
||||||
widthSpec: LayoutSpec.JUST,
|
bottom: 0,
|
||||||
heightSpec: LayoutSpec.JUST,
|
},
|
||||||
},
|
imageScale: 2.75,
|
||||||
width: 200,
|
}),
|
||||||
height: 75,
|
image({
|
||||||
stretchInset: {
|
imageBase64: button,
|
||||||
left: 100,
|
scaleType: ScaleType.ScaleToFill,
|
||||||
top: 0,
|
layoutConfig: {
|
||||||
right: 100,
|
widthSpec: LayoutSpec.JUST,
|
||||||
bottom: 0,
|
heightSpec: LayoutSpec.JUST,
|
||||||
},
|
},
|
||||||
imageScale: 2,
|
width: 200,
|
||||||
}),
|
height: 75,
|
||||||
label("Gif "),
|
stretchInset: {
|
||||||
image({
|
left: 100,
|
||||||
imageUrl:
|
top: 0,
|
||||||
"https://www.w3.org/People/mimasa/test/imgformat/img/w3c_home_animation.gif",
|
right: 100,
|
||||||
scaleType: ScaleType.ScaleToFill,
|
bottom: 0,
|
||||||
imageScale: 3,
|
},
|
||||||
}),
|
imageScale: 2,
|
||||||
label("APNG"),
|
}),
|
||||||
image({
|
label("Gif "),
|
||||||
imageUrl:
|
image({
|
||||||
"https://upload.wikimedia.org/wikipedia/commons/1/14/Animated_PNG_example_bouncing_beach_ball.png",
|
imageUrl:
|
||||||
}),
|
"https://www.w3.org/People/mimasa/test/imgformat/img/w3c_home_animation.gif",
|
||||||
label("Animated WebP"),
|
scaleType: ScaleType.ScaleToFill,
|
||||||
image({
|
imageScale: 3,
|
||||||
imageUrl:
|
}),
|
||||||
"https://p.upyun.com/demo/webp/webp/animated-gif-0.webp",
|
label("APNG"),
|
||||||
}),
|
image({
|
||||||
label("WebP"),
|
imageUrl:
|
||||||
(imageView = image({
|
"https://upload.wikimedia.org/wikipedia/commons/1/14/Animated_PNG_example_bouncing_beach_ball.png",
|
||||||
imageUrl: "https://p.upyun.com/demo/webp/webp/jpg-0.webp",
|
}),
|
||||||
layoutConfig: layoutConfig().just(),
|
label("Animated WebP"),
|
||||||
width: 200,
|
image({
|
||||||
height: 200,
|
imageUrl:
|
||||||
loadCallback: (ret) => {
|
"https://p.upyun.com/demo/webp/webp/animated-gif-0.webp",
|
||||||
if (ret) {
|
}),
|
||||||
imageView.width = ret.width;
|
label("WebP"),
|
||||||
imageView.height = ret.height;
|
(imageView = image({
|
||||||
}
|
imageUrl: "https://p.upyun.com/demo/webp/webp/jpg-0.webp",
|
||||||
},
|
layoutConfig: layoutConfig().just(),
|
||||||
})),
|
width: 200,
|
||||||
label("ScaleToFill"),
|
height: 200,
|
||||||
image({
|
loadCallback: (ret) => {
|
||||||
imageUrl,
|
if (ret) {
|
||||||
width: 300,
|
imageView.width = ret.width;
|
||||||
height: 300,
|
imageView.height = ret.height;
|
||||||
isBlur: true,
|
}
|
||||||
border: {
|
},
|
||||||
width: 2,
|
})),
|
||||||
color: Color.GRAY,
|
label("ScaleToFill"),
|
||||||
},
|
image({
|
||||||
scaleType: ScaleType.ScaleToFill,
|
imageUrl,
|
||||||
layoutConfig: layoutConfig().just(),
|
width: 300,
|
||||||
loadCallback: (ret) => {},
|
height: 300,
|
||||||
}),
|
isBlur: true,
|
||||||
label("ScaleAspectFit"),
|
border: {
|
||||||
image({
|
width: 2,
|
||||||
imageUrl,
|
color: Color.GRAY,
|
||||||
width: 300,
|
},
|
||||||
height: 300,
|
scaleType: ScaleType.ScaleToFill,
|
||||||
border: {
|
layoutConfig: layoutConfig().just(),
|
||||||
width: 2,
|
loadCallback: (ret) => { },
|
||||||
color: Color.GRAY,
|
}),
|
||||||
},
|
label("ScaleAspectFit"),
|
||||||
scaleType: ScaleType.ScaleAspectFit,
|
image({
|
||||||
layoutConfig: layoutConfig().just(),
|
imageUrl,
|
||||||
}),
|
width: 300,
|
||||||
label("ScaleAspectFill"),
|
height: 300,
|
||||||
image({
|
border: {
|
||||||
imageUrl,
|
width: 2,
|
||||||
width: 300,
|
color: Color.GRAY,
|
||||||
height: 300,
|
},
|
||||||
border: {
|
scaleType: ScaleType.ScaleAspectFit,
|
||||||
width: 2,
|
layoutConfig: layoutConfig().just(),
|
||||||
color: Color.GRAY,
|
}),
|
||||||
},
|
label("ScaleAspectFill"),
|
||||||
scaleType: ScaleType.ScaleAspectFill,
|
image({
|
||||||
layoutConfig: layoutConfig().just(),
|
imageUrl,
|
||||||
}),
|
width: 300,
|
||||||
label("ImageBase64"),
|
height: 300,
|
||||||
image({
|
border: {
|
||||||
imageBase64: img_base64[0],
|
width: 2,
|
||||||
width: 300,
|
color: Color.GRAY,
|
||||||
height: 300,
|
},
|
||||||
border: {
|
scaleType: ScaleType.ScaleAspectFill,
|
||||||
width: 2,
|
layoutConfig: layoutConfig().just(),
|
||||||
color: Color.GRAY,
|
}),
|
||||||
},
|
label("ImageBase64"),
|
||||||
scaleType: ScaleType.ScaleAspectFill,
|
image({
|
||||||
layoutConfig: layoutConfig().just(),
|
imageBase64: img_base64[0],
|
||||||
}),
|
width: 300,
|
||||||
label("StretchInset 1"),
|
height: 300,
|
||||||
image({
|
border: {
|
||||||
imageBase64: img_base64[1],
|
width: 2,
|
||||||
height: 60,
|
color: Color.GRAY,
|
||||||
width: 134,
|
},
|
||||||
scaleType: ScaleType.ScaleAspectFill,
|
scaleType: ScaleType.ScaleAspectFill,
|
||||||
layoutConfig: layoutConfig().just(),
|
layoutConfig: layoutConfig().just(),
|
||||||
}),
|
}),
|
||||||
image({
|
label("StretchInset 1"),
|
||||||
imageBase64: img_base64[1],
|
image({
|
||||||
height: 60,
|
imageBase64: img_base64[1],
|
||||||
width: 294,
|
height: 60,
|
||||||
scaleType: ScaleType.ScaleToFill,
|
width: 134,
|
||||||
layoutConfig: layoutConfig().just(),
|
scaleType: ScaleType.ScaleAspectFill,
|
||||||
stretchInset: {
|
layoutConfig: layoutConfig().just(),
|
||||||
left: 0.85,
|
}),
|
||||||
top: 0,
|
image({
|
||||||
right: 0.149,
|
imageBase64: img_base64[1],
|
||||||
bottom: 0,
|
height: 60,
|
||||||
},
|
width: 294,
|
||||||
}),
|
scaleType: ScaleType.ScaleToFill,
|
||||||
|
layoutConfig: layoutConfig().just(),
|
||||||
|
stretchInset: {
|
||||||
|
left: 0.85,
|
||||||
|
top: 0,
|
||||||
|
right: 0.149,
|
||||||
|
bottom: 0,
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
|
||||||
label("StretchInset 2"),
|
label("StretchInset 2"),
|
||||||
image({
|
image({
|
||||||
image: new AssetsResource("coupon_bg2.png"),
|
image: new AssetsResource("coupon_bg2.png"),
|
||||||
height: 48,
|
height: 48,
|
||||||
width: 78,
|
width: 78,
|
||||||
scaleType: ScaleType.ScaleAspectFill,
|
scaleType: ScaleType.ScaleAspectFill,
|
||||||
layoutConfig: layoutConfig().just(),
|
layoutConfig: layoutConfig().just(),
|
||||||
}),
|
}),
|
||||||
image({
|
image({
|
||||||
image: new AssetsResource("coupon_bg2.png"),
|
image: new AssetsResource("coupon_bg2.png"),
|
||||||
height: 48,
|
height: 48,
|
||||||
width: 78 * 3,
|
width: 78 * 3,
|
||||||
scaleType: ScaleType.ScaleToFill,
|
scaleType: ScaleType.ScaleToFill,
|
||||||
imageScale: 1,
|
imageScale: 1,
|
||||||
layoutConfig: layoutConfig().just(),
|
layoutConfig: layoutConfig().just(),
|
||||||
stretchInset: {
|
stretchInset: {
|
||||||
left: 0,
|
left: 0,
|
||||||
top: 0,
|
top: 0,
|
||||||
right: 76,
|
right: 76,
|
||||||
bottom: 0,
|
bottom: 0,
|
||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
|
|
||||||
label("tileInset 1"),
|
label("tileInset 1"),
|
||||||
image({
|
image({
|
||||||
image: new AssetsResource("dididi.png"),
|
image: new AssetsResource("dididi.png"),
|
||||||
height: 78,
|
height: 78,
|
||||||
width: 84,
|
width: 84,
|
||||||
backgroundColor: Color.BLACK,
|
backgroundColor: Color.BLACK,
|
||||||
scaleType: ScaleType.ScaleAspectFill,
|
scaleType: ScaleType.ScaleAspectFill,
|
||||||
layoutConfig: layoutConfig().just(),
|
layoutConfig: layoutConfig().just(),
|
||||||
}),
|
}),
|
||||||
image({
|
image({
|
||||||
image: new AssetsResource("dididi.png"),
|
image: new AssetsResource("dididi.png"),
|
||||||
height: 78,
|
height: 78,
|
||||||
width: 84 * 3,
|
width: 84 * 3,
|
||||||
imageScale: 1,
|
imageScale: 1,
|
||||||
backgroundColor: Color.BLACK,
|
backgroundColor: Color.BLACK,
|
||||||
scaleType: ScaleType.Tile,
|
scaleType: ScaleType.Tile,
|
||||||
layoutConfig: layoutConfig().just(),
|
layoutConfig: layoutConfig().just(),
|
||||||
}),
|
}),
|
||||||
|
|
||||||
label("tileInset 2"),
|
label("tileInset 2"),
|
||||||
image({
|
image({
|
||||||
image: new AssetsResource("123.png"),
|
image: new AssetsResource("123.png"),
|
||||||
height: 288 / 2,
|
height: 288 / 2,
|
||||||
width: 154 / 2,
|
width: 154 / 2,
|
||||||
scaleType: ScaleType.ScaleAspectFill,
|
scaleType: ScaleType.ScaleAspectFill,
|
||||||
layoutConfig: layoutConfig().just(),
|
layoutConfig: layoutConfig().just(),
|
||||||
}),
|
}),
|
||||||
image({
|
image({
|
||||||
image: new AssetsResource("123.png"),
|
image: new AssetsResource("123.png"),
|
||||||
height: 288,
|
height: 288,
|
||||||
width: 154,
|
width: 154,
|
||||||
imageScale: 2,
|
imageScale: 2,
|
||||||
scaleType: ScaleType.Tile,
|
scaleType: ScaleType.Tile,
|
||||||
layoutConfig: layoutConfig().just(),
|
layoutConfig: layoutConfig().just(),
|
||||||
}),
|
}),
|
||||||
],
|
],
|
||||||
{
|
{
|
||||||
layoutConfig: layoutConfig().most().configHeight(LayoutSpec.FIT),
|
layoutConfig: layoutConfig().most().configHeight(LayoutSpec.FIT),
|
||||||
gravity: gravity().center(),
|
gravity: gravity().center(),
|
||||||
space: 10,
|
space: 10,
|
||||||
}
|
}
|
||||||
),
|
),
|
||||||
{
|
{
|
||||||
layoutConfig: layoutConfig().most(),
|
layoutConfig: layoutConfig().most(),
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
.also((it) => {
|
.also((it) => {
|
||||||
coordinator(context).verticalScrolling({
|
coordinator(context).verticalScrolling({
|
||||||
scrollable: it,
|
scrollable: it,
|
||||||
scrollRange: {
|
scrollRange: {
|
||||||
start: 0,
|
start: 0,
|
||||||
end: 100,
|
end: 100,
|
||||||
},
|
},
|
||||||
target: "NavBar",
|
target: "NavBar",
|
||||||
changing: {
|
changing: {
|
||||||
name: "backgroundColor",
|
name: "backgroundColor",
|
||||||
start: Color.WHITE,
|
start: Color.WHITE,
|
||||||
end: Color.RED,
|
end: Color.RED,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
coordinator(context).verticalScrolling({
|
coordinator(context).verticalScrolling({
|
||||||
scrollable: it,
|
scrollable: it,
|
||||||
scrollRange: {
|
scrollRange: {
|
||||||
start: 0,
|
start: 0,
|
||||||
end: 100,
|
end: 100,
|
||||||
},
|
},
|
||||||
target: imageView,
|
target: imageView,
|
||||||
changing: {
|
changing: {
|
||||||
name: "width",
|
name: "width",
|
||||||
start: 10,
|
start: 10,
|
||||||
end: 200,
|
end: 200,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
.in(rootView);
|
.in(rootView);
|
||||||
}
|
}
|
||||||
onDestroy() {
|
onDestroy() {
|
||||||
modal(context).toast('onDestroy')
|
modal(context).toast('onDestroy')
|
||||||
}
|
}
|
||||||
}
|
}
|
@ -68,7 +68,7 @@ var Mutable = /** @class */ (function () {
|
|||||||
*/
|
*/
|
||||||
var __uniqueId__ = 0;
|
var __uniqueId__ = 0;
|
||||||
function uniqueId(prefix) {
|
function uniqueId(prefix) {
|
||||||
return "__" + prefix + "_" + __uniqueId__++ + "__";
|
return "__".concat(prefix, "_").concat(__uniqueId__++, "__");
|
||||||
}
|
}
|
||||||
|
|
||||||
function toString(message) {
|
function toString(message) {
|
||||||
@ -92,11 +92,6 @@ function toString(message) {
|
|||||||
}
|
}
|
||||||
function log() {
|
function log() {
|
||||||
var arguments$1 = arguments;
|
var arguments$1 = arguments;
|
||||||
|
|
||||||
var args = [];
|
|
||||||
for (var _i = 0; _i < arguments.length; _i++) {
|
|
||||||
args[_i] = arguments$1[_i];
|
|
||||||
}
|
|
||||||
var out = "";
|
var out = "";
|
||||||
for (var i = 0; i < arguments.length; i++) {
|
for (var i = 0; i < arguments.length; i++) {
|
||||||
if (i > 0) {
|
if (i > 0) {
|
||||||
@ -108,11 +103,6 @@ function log() {
|
|||||||
}
|
}
|
||||||
function loge() {
|
function loge() {
|
||||||
var arguments$1 = arguments;
|
var arguments$1 = arguments;
|
||||||
|
|
||||||
var message = [];
|
|
||||||
for (var _i = 0; _i < arguments.length; _i++) {
|
|
||||||
message[_i] = arguments$1[_i];
|
|
||||||
}
|
|
||||||
var out = "";
|
var out = "";
|
||||||
for (var i = 0; i < arguments.length; i++) {
|
for (var i = 0; i < arguments.length; i++) {
|
||||||
if (i > 0) {
|
if (i > 0) {
|
||||||
@ -124,11 +114,6 @@ function loge() {
|
|||||||
}
|
}
|
||||||
function logw() {
|
function logw() {
|
||||||
var arguments$1 = arguments;
|
var arguments$1 = arguments;
|
||||||
|
|
||||||
var message = [];
|
|
||||||
for (var _i = 0; _i < arguments.length; _i++) {
|
|
||||||
message[_i] = arguments$1[_i];
|
|
||||||
}
|
|
||||||
var out = "";
|
var out = "";
|
||||||
for (var i = 0; i < arguments.length; i++) {
|
for (var i = 0; i < arguments.length; i++) {
|
||||||
if (i > 0) {
|
if (i > 0) {
|
||||||
@ -177,11 +162,11 @@ var __values$5 = (undefined && undefined.__values) || function(o) {
|
|||||||
function Property(target, propKey) {
|
function Property(target, propKey) {
|
||||||
Object.defineProperty(target, propKey, {
|
Object.defineProperty(target, propKey, {
|
||||||
get: function () {
|
get: function () {
|
||||||
return Reflect.get(this, "__prop__" + propKey, this);
|
return Reflect.get(this, "__prop__".concat(propKey), this);
|
||||||
},
|
},
|
||||||
set: function (v) {
|
set: function (v) {
|
||||||
var oldV = Reflect.get(this, "__prop__" + propKey, this);
|
var oldV = Reflect.get(this, "__prop__".concat(propKey), this);
|
||||||
Reflect.set(this, "__prop__" + propKey, v, this);
|
Reflect.set(this, "__prop__".concat(propKey), v, this);
|
||||||
if (oldV !== v) {
|
if (oldV !== v) {
|
||||||
Reflect.apply(this.onPropertyChanged, this, [propKey, oldV, v]);
|
Reflect.apply(this.onPropertyChanged, this, [propKey, oldV, v]);
|
||||||
}
|
}
|
||||||
@ -191,11 +176,11 @@ function Property(target, propKey) {
|
|||||||
function InconsistProperty(target, propKey) {
|
function InconsistProperty(target, propKey) {
|
||||||
Object.defineProperty(target, propKey, {
|
Object.defineProperty(target, propKey, {
|
||||||
get: function () {
|
get: function () {
|
||||||
return Reflect.get(this, "__prop__" + propKey, this);
|
return Reflect.get(this, "__prop__".concat(propKey), this);
|
||||||
},
|
},
|
||||||
set: function (v) {
|
set: function (v) {
|
||||||
var oldV = Reflect.get(this, "__prop__" + propKey, this);
|
var oldV = Reflect.get(this, "__prop__".concat(propKey), this);
|
||||||
Reflect.set(this, "__prop__" + propKey, v, this);
|
Reflect.set(this, "__prop__".concat(propKey), v, this);
|
||||||
Reflect.apply(this.onPropertyChanged, this, [propKey, oldV, v]);
|
Reflect.apply(this.onPropertyChanged, this, [propKey, oldV, v]);
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
@ -359,11 +344,6 @@ var View = /** @class */ (function () {
|
|||||||
};
|
};
|
||||||
View.prototype.responseCallback = function (id) {
|
View.prototype.responseCallback = function (id) {
|
||||||
var arguments$1 = arguments;
|
var arguments$1 = arguments;
|
||||||
|
|
||||||
var args = [];
|
|
||||||
for (var _i = 1; _i < arguments.length; _i++) {
|
|
||||||
args[_i - 1] = arguments$1[_i];
|
|
||||||
}
|
|
||||||
var f = this.id2Callback(id);
|
var f = this.id2Callback(id);
|
||||||
if (f instanceof Function) {
|
if (f instanceof Function) {
|
||||||
var argumentsList = [];
|
var argumentsList = [];
|
||||||
@ -373,7 +353,7 @@ var View = /** @class */ (function () {
|
|||||||
return Reflect.apply(f, this, argumentsList);
|
return Reflect.apply(f, this, argumentsList);
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
loge("Cannot find callback:" + id + " for " + JSON.stringify(this.toModel()));
|
loge("Cannot find callback:".concat(id, " for ").concat(JSON.stringify(this.toModel())));
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
View.prototype.toModel = function () {
|
View.prototype.toModel = function () {
|
||||||
@ -717,7 +697,7 @@ var Group = /** @class */ (function (_super) {
|
|||||||
this.addChild(e);
|
this.addChild(e);
|
||||||
}
|
}
|
||||||
else if (!!e) {
|
else if (!!e) {
|
||||||
loge("Not allowed to add " + typeof e);
|
loge("Not allowed to add ".concat(typeof e));
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
Object.defineProperty(Group.prototype, "innerElement", {
|
Object.defineProperty(Group.prototype, "innerElement", {
|
||||||
@ -1232,7 +1212,7 @@ var Panel = /** @class */ (function () {
|
|||||||
|
|
||||||
var v = this.retrospectView(viewIds);
|
var v = this.retrospectView(viewIds);
|
||||||
if (v === undefined) {
|
if (v === undefined) {
|
||||||
loge("Cannot find view for " + viewIds);
|
loge("Cannot find view for ".concat(viewIds));
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
var argumentsList = [callbackId];
|
var argumentsList = [callbackId];
|
||||||
@ -1434,7 +1414,7 @@ var Color = /** @class */ (function () {
|
|||||||
}
|
}
|
||||||
Color.parse = function (str) {
|
Color.parse = function (str) {
|
||||||
if (!str.startsWith("#")) {
|
if (!str.startsWith("#")) {
|
||||||
throw new Error("Parse color error with " + str);
|
throw new Error("Parse color error with ".concat(str));
|
||||||
}
|
}
|
||||||
var val = parseInt(str.substr(1), 16);
|
var val = parseInt(str.substr(1), 16);
|
||||||
if (str.length === 7) {
|
if (str.length === 7) {
|
||||||
@ -1444,7 +1424,7 @@ var Color = /** @class */ (function () {
|
|||||||
return new Color(val);
|
return new Color(val);
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
throw new Error("Parse color error with " + str);
|
throw new Error("Parse color error with ".concat(str));
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
Color.safeParse = function (str, defVal) {
|
Color.safeParse = function (str, defVal) {
|
||||||
@ -2247,7 +2227,7 @@ var MainBundleResource = /** @class */ (function (_super) {
|
|||||||
var BundleResource = /** @class */ (function (_super) {
|
var BundleResource = /** @class */ (function (_super) {
|
||||||
__extends$f(BundleResource, _super);
|
__extends$f(BundleResource, _super);
|
||||||
function BundleResource(bundleName, fileName) {
|
function BundleResource(bundleName, fileName) {
|
||||||
return _super.call(this, "bundle", bundleName + "://" + fileName) || this;
|
return _super.call(this, "bundle", "".concat(bundleName, "://").concat(fileName)) || this;
|
||||||
}
|
}
|
||||||
return BundleResource;
|
return BundleResource;
|
||||||
}(iOSResource));
|
}(iOSResource));
|
||||||
@ -2530,7 +2510,7 @@ var List = /** @class */ (function (_super) {
|
|||||||
List.prototype.getItem = function (itemIdx) {
|
List.prototype.getItem = function (itemIdx) {
|
||||||
var view = this.renderItem(itemIdx);
|
var view = this.renderItem(itemIdx);
|
||||||
view.superview = this;
|
view.superview = this;
|
||||||
this.cachedViews.set("" + itemIdx, view);
|
this.cachedViews.set("".concat(itemIdx), view);
|
||||||
return view;
|
return view;
|
||||||
};
|
};
|
||||||
List.prototype.renderBunchedItems = function (start, length) {
|
List.prototype.renderBunchedItems = function (start, length) {
|
||||||
@ -2680,7 +2660,7 @@ var Slider = /** @class */ (function (_super) {
|
|||||||
Slider.prototype.getItem = function (itemIdx) {
|
Slider.prototype.getItem = function (itemIdx) {
|
||||||
var view = this.renderPage(itemIdx);
|
var view = this.renderPage(itemIdx);
|
||||||
view.superview = this;
|
view.superview = this;
|
||||||
this.cachedViews.set("" + itemIdx, view);
|
this.cachedViews.set("".concat(itemIdx), view);
|
||||||
return view;
|
return view;
|
||||||
};
|
};
|
||||||
Slider.prototype.renderBunchedItems = function (start, length) {
|
Slider.prototype.renderBunchedItems = function (start, length) {
|
||||||
@ -3050,7 +3030,7 @@ exports.jsx = void 0;
|
|||||||
Reflect.set(e, "innerElement", children, e);
|
Reflect.set(e, "innerElement", children, e);
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
throw new Error("Do not support " + constructor.name + " for " + children);
|
throw new Error("Do not support ".concat(constructor.name, " for ").concat(children));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return e;
|
return e;
|
||||||
@ -3184,7 +3164,7 @@ var FlowLayout = /** @class */ (function (_super) {
|
|||||||
FlowLayout.prototype.getItem = function (itemIdx) {
|
FlowLayout.prototype.getItem = function (itemIdx) {
|
||||||
var view = this.renderItem(itemIdx);
|
var view = this.renderItem(itemIdx);
|
||||||
view.superview = this;
|
view.superview = this;
|
||||||
this.cachedViews.set("" + itemIdx, view);
|
this.cachedViews.set("".concat(itemIdx), view);
|
||||||
return view;
|
return view;
|
||||||
};
|
};
|
||||||
FlowLayout.prototype.renderBunchedItems = function (start, length) {
|
FlowLayout.prototype.renderBunchedItems = function (start, length) {
|
||||||
@ -3865,7 +3845,7 @@ function navbar(context) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function internalScheme(context, panelClass) {
|
function internalScheme(context, panelClass) {
|
||||||
return "_internal_://export?class=" + encodeURIComponent(panelClass.name) + "&context=" + context.id;
|
return "_internal_://export?class=".concat(encodeURIComponent(panelClass.name), "&context=").concat(context.id);
|
||||||
}
|
}
|
||||||
function navigator(context) {
|
function navigator(context) {
|
||||||
var moduleName = "navigator";
|
var moduleName = "navigator";
|
||||||
@ -3905,9 +3885,9 @@ function transformRequest(request) {
|
|||||||
if (request.params !== undefined) {
|
if (request.params !== undefined) {
|
||||||
var queryStrings = [];
|
var queryStrings = [];
|
||||||
for (var key in request.params) {
|
for (var key in request.params) {
|
||||||
queryStrings.push(key + "=" + encodeURIComponent(request.params[key]));
|
queryStrings.push("".concat(key, "=").concat(encodeURIComponent(request.params[key])));
|
||||||
}
|
}
|
||||||
request.url = "" + request.url + (url.indexOf('?') >= 0 ? '&' : '?') + queryStrings.join('&');
|
request.url = "".concat(request.url).concat(url.indexOf('?') >= 0 ? '&' : '?').concat(queryStrings.join('&'));
|
||||||
}
|
}
|
||||||
if (typeof request.data === 'object') {
|
if (typeof request.data === 'object') {
|
||||||
request.data = JSON.stringify(request.data);
|
request.data = JSON.stringify(request.data);
|
||||||
@ -4183,7 +4163,7 @@ function animate(context) {
|
|||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
return function (args) {
|
return function (args) {
|
||||||
return Promise.reject("Cannot find panel in Context:" + context.id);
|
return Promise.reject("Cannot find panel in Context:".concat(context.id));
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
File diff suppressed because it is too large
Load Diff
18
doric-js/generateDts.js
Normal file
18
doric-js/generateDts.js
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
const fs = require("fs");
|
||||||
|
|
||||||
|
async function work() {
|
||||||
|
const imageDts = await fs.promises.readFile("src/image.d.ts", "utf-8");
|
||||||
|
const indexDts = await fs.promises.readFile("index.d.ts", "utf-8");
|
||||||
|
const content = `declare module "doric" {
|
||||||
|
${indexDts
|
||||||
|
.replace(/\sdeclare\s/g, " ")
|
||||||
|
.split("\n")
|
||||||
|
.map((e) => ` ${e}`)
|
||||||
|
.join("\n")}
|
||||||
|
}
|
||||||
|
${imageDts}
|
||||||
|
`;
|
||||||
|
await fs.promises.writeFile("index.d.ts", content);
|
||||||
|
}
|
||||||
|
|
||||||
|
work();
|
3680
doric-js/index.d.ts
vendored
3680
doric-js/index.d.ts
vendored
File diff suppressed because it is too large
Load Diff
@ -13,6 +13,34 @@
|
|||||||
* See the License for the specific language governing permissions and
|
* See the License for the specific language governing permissions and
|
||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
declare global {
|
||||||
|
namespace Reflect {
|
||||||
|
function decorate(decorators: ClassDecorator[], target: Function): Function;
|
||||||
|
function decorate(decorators: (PropertyDecorator | MethodDecorator)[], target: Object, propertyKey: string | symbol, attributes?: PropertyDescriptor): PropertyDescriptor;
|
||||||
|
function metadata(metadataKey: any, metadataValue: any): {
|
||||||
|
(target: Function): void;
|
||||||
|
(target: Object, propertyKey: string | symbol): void;
|
||||||
|
};
|
||||||
|
function defineMetadata(metadataKey: any, metadataValue: any, target: Object): void;
|
||||||
|
function defineMetadata(metadataKey: any, metadataValue: any, target: Object, propertyKey: string | symbol): void;
|
||||||
|
function hasMetadata(metadataKey: any, target: Object): boolean;
|
||||||
|
function hasMetadata(metadataKey: any, target: Object, propertyKey: string | symbol): boolean;
|
||||||
|
function hasOwnMetadata(metadataKey: any, target: Object): boolean;
|
||||||
|
function hasOwnMetadata(metadataKey: any, target: Object, propertyKey: string | symbol): boolean;
|
||||||
|
function getMetadata(metadataKey: any, target: Object): any;
|
||||||
|
function getMetadata(metadataKey: any, target: Object, propertyKey: string | symbol): any;
|
||||||
|
function getOwnMetadata(metadataKey: any, target: Object): any;
|
||||||
|
function getOwnMetadata(metadataKey: any, target: Object, propertyKey: string | symbol): any;
|
||||||
|
function getMetadataKeys(target: Object): any[];
|
||||||
|
function getMetadataKeys(target: Object, propertyKey: string | symbol): any[];
|
||||||
|
function getOwnMetadataKeys(target: Object): any[];
|
||||||
|
function getOwnMetadataKeys(target: Object, propertyKey: string | symbol): any[];
|
||||||
|
function deleteMetadata(metadataKey: any, target: Object): boolean;
|
||||||
|
function deleteMetadata(metadataKey: any, target: Object, propertyKey: string | symbol): boolean;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
export * from './src/runtime/global'
|
export * from './src/runtime/global'
|
||||||
export * from './src/ui/index.ui'
|
export * from './src/ui/index.ui'
|
||||||
export * from "./src/widget/index.widget"
|
export * from "./src/widget/index.widget"
|
||||||
|
26
doric-js/lib/index.d.ts
vendored
26
doric-js/lib/index.d.ts
vendored
@ -1,3 +1,29 @@
|
|||||||
|
declare global {
|
||||||
|
namespace Reflect {
|
||||||
|
function decorate(decorators: ClassDecorator[], target: Function): Function;
|
||||||
|
function decorate(decorators: (PropertyDecorator | MethodDecorator)[], target: Object, propertyKey: string | symbol, attributes?: PropertyDescriptor): PropertyDescriptor;
|
||||||
|
function metadata(metadataKey: any, metadataValue: any): {
|
||||||
|
(target: Function): void;
|
||||||
|
(target: Object, propertyKey: string | symbol): void;
|
||||||
|
};
|
||||||
|
function defineMetadata(metadataKey: any, metadataValue: any, target: Object): void;
|
||||||
|
function defineMetadata(metadataKey: any, metadataValue: any, target: Object, propertyKey: string | symbol): void;
|
||||||
|
function hasMetadata(metadataKey: any, target: Object): boolean;
|
||||||
|
function hasMetadata(metadataKey: any, target: Object, propertyKey: string | symbol): boolean;
|
||||||
|
function hasOwnMetadata(metadataKey: any, target: Object): boolean;
|
||||||
|
function hasOwnMetadata(metadataKey: any, target: Object, propertyKey: string | symbol): boolean;
|
||||||
|
function getMetadata(metadataKey: any, target: Object): any;
|
||||||
|
function getMetadata(metadataKey: any, target: Object, propertyKey: string | symbol): any;
|
||||||
|
function getOwnMetadata(metadataKey: any, target: Object): any;
|
||||||
|
function getOwnMetadata(metadataKey: any, target: Object, propertyKey: string | symbol): any;
|
||||||
|
function getMetadataKeys(target: Object): any[];
|
||||||
|
function getMetadataKeys(target: Object, propertyKey: string | symbol): any[];
|
||||||
|
function getOwnMetadataKeys(target: Object): any[];
|
||||||
|
function getOwnMetadataKeys(target: Object, propertyKey: string | symbol): any[];
|
||||||
|
function deleteMetadata(metadataKey: any, target: Object): boolean;
|
||||||
|
function deleteMetadata(metadataKey: any, target: Object, propertyKey: string | symbol): boolean;
|
||||||
|
}
|
||||||
|
}
|
||||||
export * from './src/runtime/global';
|
export * from './src/runtime/global';
|
||||||
export * from './src/ui/index.ui';
|
export * from './src/ui/index.ui';
|
||||||
export * from "./src/widget/index.widget";
|
export * from "./src/widget/index.widget";
|
||||||
|
10
doric-js/lib/src/native/navigator.d.ts
vendored
10
doric-js/lib/src/native/navigator.d.ts
vendored
@ -4,11 +4,11 @@ import { ClassType } from "../util/types";
|
|||||||
export declare function internalScheme(context: BridgeContext, panelClass: ClassType<Panel>): string;
|
export declare function internalScheme(context: BridgeContext, panelClass: ClassType<Panel>): string;
|
||||||
export declare function navigator(context: BridgeContext): {
|
export declare function navigator(context: BridgeContext): {
|
||||||
push: (source: string | ClassType<Panel>, config?: {
|
push: (source: string | ClassType<Panel>, config?: {
|
||||||
alias?: string | undefined;
|
alias?: string;
|
||||||
animated?: boolean | undefined;
|
animated?: boolean;
|
||||||
extra?: object | undefined;
|
extra?: object;
|
||||||
singlePage?: boolean | undefined;
|
singlePage?: boolean;
|
||||||
} | undefined) => Promise<any>;
|
}) => Promise<any>;
|
||||||
pop: (animated?: boolean) => Promise<any>;
|
pop: (animated?: boolean) => Promise<any>;
|
||||||
popSelf: (animated?: boolean) => Promise<any>;
|
popSelf: (animated?: boolean) => Promise<any>;
|
||||||
popToRoot: (animated?: boolean) => Promise<any>;
|
popToRoot: (animated?: boolean) => Promise<any>;
|
||||||
|
8
doric-js/lib/src/native/network.d.ts
vendored
8
doric-js/lib/src/native/network.d.ts
vendored
@ -20,8 +20,8 @@ export interface IResponse {
|
|||||||
}
|
}
|
||||||
export declare function network(context: BridgeContext): {
|
export declare function network(context: BridgeContext): {
|
||||||
request: (config: IRequest) => Promise<IResponse>;
|
request: (config: IRequest) => Promise<IResponse>;
|
||||||
get: (url: string, config?: IRequest | undefined) => Promise<IResponse>;
|
get: (url: string, config?: IRequest) => Promise<IResponse>;
|
||||||
post: (url: string, data?: string | object | undefined, config?: IRequest | undefined) => Promise<IResponse>;
|
post: (url: string, data?: object | string, config?: IRequest) => Promise<IResponse>;
|
||||||
put: (url: string, data?: string | object | undefined, config?: IRequest | undefined) => Promise<IResponse>;
|
put: (url: string, data?: object | string, config?: IRequest) => Promise<IResponse>;
|
||||||
delete: (url: string, data?: string | object | undefined, config?: IRequest | undefined) => Promise<IResponse>;
|
delete: (url: string, data?: object | string, config?: IRequest) => Promise<IResponse>;
|
||||||
};
|
};
|
||||||
|
6
doric-js/lib/src/native/storage.d.ts
vendored
6
doric-js/lib/src/native/storage.d.ts
vendored
@ -1,7 +1,7 @@
|
|||||||
import { BridgeContext } from "../runtime/global";
|
import { BridgeContext } from "../runtime/global";
|
||||||
export declare function storage(context: BridgeContext): {
|
export declare function storage(context: BridgeContext): {
|
||||||
setItem: (key: string, value: string, zone?: string | undefined) => Promise<any>;
|
setItem: (key: string, value: string, zone?: string) => Promise<any>;
|
||||||
getItem: (key: string, zone?: string | undefined) => Promise<string>;
|
getItem: (key: string, zone?: string) => Promise<string>;
|
||||||
remove: (key: string, zone?: string | undefined) => Promise<any>;
|
remove: (key: string, zone?: string) => Promise<any>;
|
||||||
clear: (zone: string) => Promise<any>;
|
clear: (zone: string) => Promise<any>;
|
||||||
};
|
};
|
||||||
|
@ -6,8 +6,8 @@
|
|||||||
"types": "index.d.ts",
|
"types": "index.d.ts",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"test": "echo \"Error: no test specified\" && exit 1",
|
"test": "echo \"Error: no test specified\" && exit 1",
|
||||||
"build": "cp -rf index.web.html bundle/doric-web.html && tsc -p tsconfig.es5.json && mv -f lib-es5/src/ui/view.es5.js lib-es5/src/ui/view.js && tsc -d -p . && rollup -c && dts-bundle --configJson dts-bundle.json && cat src/image.d.ts >> index.d.ts",
|
"build": "cp -rf index.web.html bundle/doric-web.html && tsc -p tsconfig.es5.json && mv -f lib-es5/src/ui/view.es5.js lib-es5/src/ui/view.js && tsc -d -p . && rollup -c && dts-bundle-generator -o index.d.ts index.ts --project tsconfig.json --inline-declare-global && node generateDts.js",
|
||||||
"build-win32": "cp -rf index.web.html bundle/doric-web.html && tsc -p tsconfig.es5.json && tsc -d -p . && rollup -c && dts-bundle --configJson dts-bundle.json",
|
"build-win32": "cp -rf index.web.html bundle/doric-web.html && tsc -p tsconfig.es5.json && tsc -d -p . && rollup -c && dts-bundle-generator -o index.d.ts index.ts --project tsconfig.json --inline-declare-global && node generateDts.js",
|
||||||
"dev": "tsc -w -p . & rollup -c -w",
|
"dev": "tsc -w -p . & rollup -c -w",
|
||||||
"clean": "rm -rf lib && rm -rf lib-es5 && rm -rf bundle",
|
"clean": "rm -rf lib && rm -rf lib-es5 && rm -rf bundle",
|
||||||
"prepublish": "npm run build"
|
"prepublish": "npm run build"
|
||||||
@ -36,7 +36,7 @@
|
|||||||
"@types/core-js": "^2.5.5",
|
"@types/core-js": "^2.5.5",
|
||||||
"@types/ws": "^7.2.6",
|
"@types/ws": "^7.2.6",
|
||||||
"core-js": "^3.9.1",
|
"core-js": "^3.9.1",
|
||||||
"dts-bundle": "^0.7.3",
|
"dts-bundle-generator": "^6.12.0",
|
||||||
"proxy-polyfill": "^0.3.2",
|
"proxy-polyfill": "^0.3.2",
|
||||||
"reflect-metadata": "^0.1.13",
|
"reflect-metadata": "^0.1.13",
|
||||||
"rollup": "^2.40.0"
|
"rollup": "^2.40.0"
|
||||||
|
Reference in New Issue
Block a user