uicore-ts 1.0.87 → 1.0.88
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -24,7 +24,9 @@ module.exports = __toCommonJS(UIDialogView_exports);
|
|
|
24
24
|
var import_ClientCheckers = require("./ClientCheckers");
|
|
25
25
|
var import_UIColor = require("./UIColor");
|
|
26
26
|
var import_UICore = require("./UICore");
|
|
27
|
+
var import_UINativeScrollView = require("./UINativeScrollView");
|
|
27
28
|
var import_UIObject = require("./UIObject");
|
|
29
|
+
var import_UIScrollView = require("./UIScrollView");
|
|
28
30
|
var import_UIView = require("./UIView");
|
|
29
31
|
class UIDialogView extends import_UIView.UIView {
|
|
30
32
|
constructor(elementID, viewHTMLElement) {
|
|
@@ -139,7 +141,17 @@ class UIDialogView extends import_UIView.UIView {
|
|
|
139
141
|
return;
|
|
140
142
|
}
|
|
141
143
|
this.setPosition(0, 0, 0, 0, 0, "100%");
|
|
142
|
-
this.setPosition(
|
|
144
|
+
this.setPosition(
|
|
145
|
+
0,
|
|
146
|
+
0,
|
|
147
|
+
0,
|
|
148
|
+
0,
|
|
149
|
+
(0, import_UIObject.FIRST)(
|
|
150
|
+
(0, import_UIObject.IF)(this.superview.isKindOfClass(import_UINativeScrollView.UINativeScrollView))(() => this.superview.scrollSize.height).ELSE_IF(this.superview.isKindOfClass(import_UIScrollView.UIScrollView))(() => this.superview.scrollSize.height).ELSE(() => this.superview.frame.height),
|
|
151
|
+
import_UIView.UIView.pageHeight
|
|
152
|
+
),
|
|
153
|
+
"100%"
|
|
154
|
+
);
|
|
143
155
|
const bounds = this.bounds;
|
|
144
156
|
const margin = 20;
|
|
145
157
|
this.view.style.position = "relative";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../scripts/UIDialogView.ts"],
|
|
4
|
-
"sourcesContent": ["import { IS_FIREFOX } from \"./ClientCheckers\"\nimport { UIColor } from \"./UIColor\"\nimport { UICore } from \"./UICore\"\nimport { IS, nil, NO, YES } from \"./UIObject\"\nimport { UIView, UIViewBroadcastEvent } from \"./UIView\"\n\n\nexport class UIDialogView<ViewType extends UIView = UIView> extends UIView {\n \n _isAUIDialogView = YES\n _view: ViewType = nil\n _appearedAnimated?: boolean\n animationDuration: number = 0.25\n _zIndex: number = 100\n isVisible: boolean = NO\n dismissesOnTapOutside = YES\n \n constructor(elementID?: string, viewHTMLElement?: HTMLElement) {\n \n \n super(elementID, viewHTMLElement)\n \n this.addTargetForControlEvent(\n UIView.controlEvent.PointerTap,\n function (this: UIDialogView, sender: UIView, event: Event) {\n \n this.didDetectTapOutside(sender, event)\n \n }.bind(this)\n )\n \n this.backgroundColor = UIColor.colorWithRGBA(0, 10, 25).colorWithAlpha(0.75) //CBColor.primaryContentColor.colorWithAlpha(0.75)\n \n this.zIndex = this._zIndex\n \n }\n \n \n didDetectTapOutside(sender: UIView, event: Event) {\n \n if (event.target == this.viewHTMLElement && this.dismissesOnTapOutside) {\n this.dismiss(this._appearedAnimated)\n }\n \n }\n \n \n set zIndex(zIndex: number) {\n \n this._zIndex = zIndex\n this.style.zIndex = \"\" + zIndex\n \n }\n \n get zIndex() {\n \n return this._zIndex\n \n }\n \n \n set view(view: ViewType) {\n \n this._view.removeFromSuperview()\n \n this._view = view\n \n this.addSubview(view)\n \n }\n \n \n get view() {\n \n return this._view\n \n }\n \n \n override willAppear(animated: boolean = NO) {\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA2B;AAC3B,qBAAwB;AACxB,oBAAuB;AACvB,
|
|
4
|
+
"sourcesContent": ["import { IS_FIREFOX } from \"./ClientCheckers\"\nimport { UIColor } from \"./UIColor\"\nimport { UICore } from \"./UICore\"\nimport { UINativeScrollView } from \"./UINativeScrollView\"\nimport { FIRST, IF, IS, nil, NO, YES } from \"./UIObject\"\nimport { UIScrollView } from \"./UIScrollView\"\nimport { UIView, UIViewBroadcastEvent } from \"./UIView\"\n\n\nexport class UIDialogView<ViewType extends UIView = UIView> extends UIView {\n \n _isAUIDialogView = YES\n _view: ViewType = nil\n _appearedAnimated?: boolean\n animationDuration: number = 0.25\n _zIndex: number = 100\n isVisible: boolean = NO\n dismissesOnTapOutside = YES\n \n constructor(elementID?: string, viewHTMLElement?: HTMLElement) {\n \n \n super(elementID, viewHTMLElement)\n \n this.addTargetForControlEvent(\n UIView.controlEvent.PointerTap,\n function (this: UIDialogView, sender: UIView, event: Event) {\n \n this.didDetectTapOutside(sender, event)\n \n }.bind(this)\n )\n \n this.backgroundColor = UIColor.colorWithRGBA(0, 10, 25).colorWithAlpha(0.75) //CBColor.primaryContentColor.colorWithAlpha(0.75)\n \n this.zIndex = this._zIndex\n \n }\n \n \n didDetectTapOutside(sender: UIView, event: Event) {\n \n if (event.target == this.viewHTMLElement && this.dismissesOnTapOutside) {\n this.dismiss(this._appearedAnimated)\n }\n \n }\n \n \n set zIndex(zIndex: number) {\n \n this._zIndex = zIndex\n this.style.zIndex = \"\" + zIndex\n \n }\n \n get zIndex() {\n \n return this._zIndex\n \n }\n \n \n set view(view: ViewType) {\n \n this._view.removeFromSuperview()\n \n this._view = view\n \n this.addSubview(view)\n \n }\n \n \n get view() {\n \n return this._view\n \n }\n \n \n override willAppear(animated: boolean = NO) {\n \n if (animated) {\n \n this.style.opacity = \"0\"\n \n }\n \n this.style.height = \"\"\n \n this._frame = nil\n \n }\n \n \n animateAppearing() {\n \n this.style.opacity = \"1\"\n \n }\n \n animateDisappearing() {\n \n this.style.opacity = \"0\"\n \n }\n \n \n showInView(containerView: UIView, animated: boolean) {\n \n \n animated = (animated && !IS_FIREFOX)\n \n this._appearedAnimated = animated\n \n this.willAppear(animated)\n \n \n containerView.addSubview(this)\n \n if (animated) {\n \n this.layoutSubviews()\n \n UIView.animateViewOrViewsWithDurationDelayAndFunction(\n this,\n this.animationDuration,\n 0,\n undefined,\n () => this.animateAppearing(),\n nil\n )\n \n \n }\n else {\n \n this.setNeedsLayout()\n \n }\n \n this.isVisible = YES\n \n }\n \n \n showInRootView(animated: boolean) {\n \n this.showInView(UICore.main.rootViewController.view, animated)\n \n }\n \n \n dismiss(animated?: boolean) {\n \n if (!this.isVisible) {\n return\n }\n \n animated = (animated && !IS_FIREFOX)\n \n if (animated == undefined) {\n \n animated = this._appearedAnimated\n \n }\n \n if (animated) {\n \n UIView.animateViewOrViewsWithDurationDelayAndFunction(\n this,\n this.animationDuration,\n 0,\n undefined,\n (() => {\n \n this.animateDisappearing()\n \n }).bind(this),\n () => {\n \n if (this.isVisible == NO) {\n \n this.removeFromSuperview()\n \n }\n \n }\n )\n \n }\n else {\n \n this.removeFromSuperview()\n \n }\n \n this.isVisible = NO\n \n }\n \n \n override didReceiveBroadcastEvent(event: UIViewBroadcastEvent) {\n \n super.didReceiveBroadcastEvent(event)\n \n if (event.name == UICore.broadcastEventName.WindowDidResize) {\n \n this.setNeedsLayout()\n \n }\n \n }\n \n \n override layoutSubviews() {\n \n \n if (!IS(this.view)) {\n \n return\n \n }\n \n //this.frame = this.superview.bounds;\n \n this.setPosition(0, 0, 0, 0, 0, \"100%\")\n this.setPosition(\n 0,\n 0,\n 0,\n 0,\n FIRST(\n IF(this.superview.isKindOfClass(UINativeScrollView))(() => this.superview.scrollSize.height)\n .ELSE_IF(this.superview.isKindOfClass(UIScrollView))(() => this.superview.scrollSize.height)\n .ELSE(() => this.superview.frame.height),\n UIView.pageHeight\n ),\n \"100%\"\n )\n \n const bounds = this.bounds\n \n const margin = 20\n \n //this.view.centerInContainer();\n \n this.view.style.position = \"relative\"\n \n this.view.style.zIndex = \"\" + this.zIndex\n \n // this.view.style.maxHeight = \"\" + (bounds.height - margin * 2).integerValue + \"px\";\n // this.view.style.maxWidth = \"\" + (bounds.width - margin * 2).integerValue + \"px\";\n \n \n // var viewIntrinsicRectangle = this.view.intrinsicContentSize();\n // this.view.frame = new UIRectangle((bounds.width - viewIntrinsicRectangle.width)*0.5, )\n \n super.layoutSubviews()\n \n }\n \n \n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "uicore-ts",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.88",
|
|
4
4
|
"description": "UICore is a library to build native-like user interfaces using pure Typescript. No HTML is needed at all. Components are described as TS classes and all user interactions are handled explicitly. This library is strongly inspired by the UIKit framework that is used in IOS. In addition, UICore has tools to handle URL based routing, array sorting and filtering and adds a number of other utilities for convenience.",
|
|
5
5
|
"main": "compiledScripts/index.js",
|
|
6
6
|
"types": "compiledScripts/index.d.ts",
|
package/scripts/UIDialogView.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { IS_FIREFOX } from "./ClientCheckers"
|
|
2
2
|
import { UIColor } from "./UIColor"
|
|
3
3
|
import { UICore } from "./UICore"
|
|
4
|
-
import {
|
|
4
|
+
import { UINativeScrollView } from "./UINativeScrollView"
|
|
5
|
+
import { FIRST, IF, IS, nil, NO, YES } from "./UIObject"
|
|
6
|
+
import { UIScrollView } from "./UIScrollView"
|
|
5
7
|
import { UIView, UIViewBroadcastEvent } from "./UIView"
|
|
6
8
|
|
|
7
9
|
|
|
@@ -78,15 +80,15 @@ export class UIDialogView<ViewType extends UIView = UIView> extends UIView {
|
|
|
78
80
|
|
|
79
81
|
|
|
80
82
|
override willAppear(animated: boolean = NO) {
|
|
81
|
-
|
|
82
|
-
if (animated) {
|
|
83
83
|
|
|
84
|
+
if (animated) {
|
|
85
|
+
|
|
84
86
|
this.style.opacity = "0"
|
|
85
|
-
|
|
87
|
+
|
|
86
88
|
}
|
|
87
|
-
|
|
89
|
+
|
|
88
90
|
this.style.height = ""
|
|
89
|
-
|
|
91
|
+
|
|
90
92
|
this._frame = nil
|
|
91
93
|
|
|
92
94
|
}
|
|
@@ -172,18 +174,18 @@ export class UIDialogView<ViewType extends UIView = UIView> extends UIView {
|
|
|
172
174
|
0,
|
|
173
175
|
undefined,
|
|
174
176
|
(() => {
|
|
175
|
-
|
|
177
|
+
|
|
176
178
|
this.animateDisappearing()
|
|
177
|
-
|
|
179
|
+
|
|
178
180
|
}).bind(this),
|
|
179
181
|
() => {
|
|
180
|
-
|
|
182
|
+
|
|
181
183
|
if (this.isVisible == NO) {
|
|
182
|
-
|
|
184
|
+
|
|
183
185
|
this.removeFromSuperview()
|
|
184
|
-
|
|
186
|
+
|
|
185
187
|
}
|
|
186
|
-
|
|
188
|
+
|
|
187
189
|
}
|
|
188
190
|
)
|
|
189
191
|
|
|
@@ -224,27 +226,39 @@ export class UIDialogView<ViewType extends UIView = UIView> extends UIView {
|
|
|
224
226
|
//this.frame = this.superview.bounds;
|
|
225
227
|
|
|
226
228
|
this.setPosition(0, 0, 0, 0, 0, "100%")
|
|
227
|
-
this.setPosition(
|
|
228
|
-
|
|
229
|
+
this.setPosition(
|
|
230
|
+
0,
|
|
231
|
+
0,
|
|
232
|
+
0,
|
|
233
|
+
0,
|
|
234
|
+
FIRST(
|
|
235
|
+
IF(this.superview.isKindOfClass(UINativeScrollView))(() => this.superview.scrollSize.height)
|
|
236
|
+
.ELSE_IF(this.superview.isKindOfClass(UIScrollView))(() => this.superview.scrollSize.height)
|
|
237
|
+
.ELSE(() => this.superview.frame.height),
|
|
238
|
+
UIView.pageHeight
|
|
239
|
+
),
|
|
240
|
+
"100%"
|
|
241
|
+
)
|
|
242
|
+
|
|
229
243
|
const bounds = this.bounds
|
|
230
|
-
|
|
244
|
+
|
|
231
245
|
const margin = 20
|
|
232
|
-
|
|
246
|
+
|
|
233
247
|
//this.view.centerInContainer();
|
|
234
|
-
|
|
248
|
+
|
|
235
249
|
this.view.style.position = "relative"
|
|
236
|
-
|
|
250
|
+
|
|
237
251
|
this.view.style.zIndex = "" + this.zIndex
|
|
238
|
-
|
|
252
|
+
|
|
239
253
|
// this.view.style.maxHeight = "" + (bounds.height - margin * 2).integerValue + "px";
|
|
240
254
|
// this.view.style.maxWidth = "" + (bounds.width - margin * 2).integerValue + "px";
|
|
241
|
-
|
|
242
|
-
|
|
255
|
+
|
|
256
|
+
|
|
243
257
|
// var viewIntrinsicRectangle = this.view.intrinsicContentSize();
|
|
244
258
|
// this.view.frame = new UIRectangle((bounds.width - viewIntrinsicRectangle.width)*0.5, )
|
|
245
|
-
|
|
259
|
+
|
|
246
260
|
super.layoutSubviews()
|
|
247
|
-
|
|
261
|
+
|
|
248
262
|
}
|
|
249
263
|
|
|
250
264
|
|