• R/O
  • HTTP
  • SSH
  • HTTPS

clientJs: コミット

クライアント側 js 開発用


コミットメタ情報

リビジョンfef2e81d242a7ebd86dcb1089338303ef28659d5 (tree)
日時2015-12-07 00:52:39
作者itozyun <itozyun@user...>
コミッターitozyun

ログメッセージ

Version 0.6.199, bug fixes X.Node.Anime & X.Util.Window & X.Net.OAuth2 & X.UI.*.

変更サマリ

差分

--- a/0.6.x/js/01_core/13_XClass.js
+++ b/0.6.x/js/01_core/13_XClass.js
@@ -171,7 +171,9 @@ X_Class_CommonMethods =
171171 // index が替わっている可能性があるので取り直し
172172 if( X_Class_SUPER_CALLER[ i ] !== me ) i = X_Class_SUPER_CALLER.indexOf( me );
173173
174- if( X_Class_SUPER_STACKS[ i ] === stack ) console.log( 'スーパークラス、またはスーパークラスのコンストラクタは存在しません' );
174+ if( X_Class_SUPER_STACKS[ i ] === stack ){
175+ //console.log( 'スーパークラス、またはスーパークラスのコンストラクタは存在しません' );
176+ };
175177
176178 if( stack === 0 ){
177179 X_Class_SUPER_CALLER.splice( i, 1 );
@@ -662,7 +664,7 @@ function X_Class_actualConstructor( f, args ){
662664
663665 obj = def.Constructor ?
664666 def.Constructor.apply( instance, args ) :
665- instance[ 'Super' ].apply( instance, args );
667+ def.SuperClass && instance[ 'Super' ].apply( instance, args );
666668
667669 if( obj !== instance && ( X_Type_isObject( obj ) || X_Type_isFunction( obj ) ) ){ // Class
668670 instance[ 'kill' ]();
--- a/0.6.x/js/02_dom/06_XNodeCSS.js
+++ b/0.6.x/js/02_dom/06_XNodeCSS.js
@@ -831,7 +831,7 @@ X[ 'CSS' ] = {
831831 for( j = vendors.length; j; ){
832832 v = vendors[ --j ];
833833 if( testStyle[ v + prop ] !== undefined ){
834- if( v === 'ms' && !( 10 <= X_UA[ 'IEHost' ] ) ) v = 'Ms';// for ie9, 但し ie11 のieには不要
834+ if( v === 'ms'/* && !( 10 <= X_UA[ 'IEHost' ] )*/ ) v = 'Ms';// for ie9, 但し ie11 のieには不要
835835 if( v === 'o' ) v = 'O';//for opera12
836836 X_Node_CSS_VENDER_PREFIX[ search ] = v + prop;
837837 break;
--- a/0.6.x/js/02_dom/10_XNodeAnime.js
+++ b/0.6.x/js/02_dom/10_XNodeAnime.js
@@ -1,531 +1,361 @@
11
2-var
3- ease = {
4- 'quadratic' : {
5- style: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
6- fn: function (k) {
7- return k * ( 2 - k );
8- }
9- },
10- 'circular' : {
11- style: 'cubic-bezier(0.1, 0.57, 0.1, 1)', // Not properly "circular" but this looks better, it should be (0.075, 0.82, 0.165, 1)
12- fn: function (k) {
13- return Math.sqrt( 1 - ( --k * k ) );
14- }
15- },
16- 'back' : {
17- style: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
18- fn: function (k) {
19- var b = 4;
20- return ( k = k - 1 ) * k * ( ( b + 1 ) * k + b ) + 1;
21- }
22- },
23- 'bounce' : {
24- style: '',
25- fn: function (k) {
26- if ( ( k /= 1 ) < ( 1 / 2.75 ) ) {
27- return 7.5625 * k * k;
28- } else if ( k < ( 2 / 2.75 ) ) {
29- return 7.5625 * ( k -= ( 1.5 / 2.75 ) ) * k + 0.75;
30- } else if ( k < ( 2.5 / 2.75 ) ) {
31- return 7.5625 * ( k -= ( 2.25 / 2.75 ) ) * k + 0.9375;
32- } else {
33- return 7.5625 * ( k -= ( 2.625 / 2.75 ) ) * k + 0.984375;
34- }
35- }
36- },
37- 'elastic' : {
38- style: '',
39- fn: function (k) {
40- var f = 0.22,
41- e = 0.4;
42-
43- if ( k === 0 ) { return 0; }
44- if ( k == 1 ) { return 1; }
45-
46- return ( e * Math.pow( 2, - 10 * k ) * Math.sin( ( k - f / 4 ) * ( 2 * Math.PI ) / f ) + 1 );
47- }
48- }
49- };
50-
51-// お約束
52-// transform や transition animation は スタイルシートに書かない
53-
54-// 新規アニメーションが追加された場合、
55-// tree が dirty なら AFTER_COMMIT を待つ
56-// 1) xnode の既存アニメーションとの親子関係の調査
57-// 親なら -> 既存アニメーションの GPU レイヤー解除
58-// 子なら -> GPU レイヤーを設定しない
59-// 2) 目標座標のセット
60-// 3) アニメーション完了後も GPU レイヤーはしばらく解除しない スクロール等の連続アニメーション時に GPU 転送時間で画面ががたつくから
61-// アニメ中の remove
62-
63-var X_Node_ANIMATIONS = [],
64- X_Node_Anime_reserved = false,
65- X_Node_Anime_updateTimerID = 0,
66- X_Node_Anime_needsDetection = false,
67- X_Node_Anime_onTransition = false,
2+var X_NodeAnime_QUEUE = [],
3+ X_NodeAnime_uid = 0,
4+ X_NodeAnime_reserved = false,
5+ X_NodeAnime_updateTimerID = 0,
6+ X_NodeAnime_needsDetection = false,
687
69- X_Node_Anime_hasTransform = !!X_Node_CSS_VENDER_PREFIX[ 'transform' ],
8+ X_NodeAnime_hasTransform = !!X_Node_CSS_VENDER_PREFIX[ 'transform' ],
709 /* Opera mobile で translateZ(0) が有効だと XY が 0 0 になる */
7110 /* GPUレイヤーにいる間に要素のコンテンツを変更をすると transitionend が動かなくなるっぽい Mac safari と firefox */
72- X_Node_Anime_translateZ = X_Node_CSS_VENDER_PREFIX[ 'perspective' ] && !X_UA[ 'OperaMobile' ] && !X_UA[ 'OperaTablet' ] ? ' translateZ(0)' : '',
73- /* Opera12(XP,8.1) 切った方がスムース, win Safari3 で、たまに動作が止まってしまう、、、 */
74- X_Node_Anime_hasTransition = false && !!X_Node_CSS_VENDER_PREFIX[ 'transitionDelay' ] && !( X_UA[ 'iOS' ] < 6 ) && !X_UA[ 'Opera' ] && !X_UA[ 'Blink' ], // && !( X_UA[ 'Webkit' ] <= 528.16 ),
75- X_Node_Anime_transitionProps = X_Node_Anime_hasTransform ? X_Node_CSS_VENDER_PREFIX[ 'transform' ] : 'left,top',
76- // transitionEnd イベント中に要素の更新( X_Node_startUpdate() )ができるか?
77- // iOS3+4 では可能、iOS6.1.5 で不可。TODO iOS5 及び他の環境で調査。ダメな場合、anime.html が正しく描画されない。
78- X_Node_updateOnTransitionEnd = false;
79-
80-// gpu化だけ transformX , willChange
81-// 終了位置の変更
82-// 中断
11+ X_NodeAnime_translateZ = X_Node_CSS_VENDER_PREFIX[ 'perspective' ] && !X_UA[ 'OperaMobile' ] && !X_UA[ 'OperaTablet' ] ? ' translateZ(0)' : '',
12+
13+ X_NodeAnime_transitionProps = X_NodeAnime_hasTransform ? X_Node_CSS_VENDER_PREFIX[ 'transform' ] : 'left,top';
8314
8415 /*
85- * TODO : DX Anime
86- * TODO : scale, ActiveX transform, zoom, fontSizeScale
87- * TODO : rotate, ActiveX transform -> 位置補正のために size 情報が必要なので、commitUpdate 後に計算して適用
88- * TODO : matrix
89- * TODO : skew
90- * TODO : filter
91- * TODO 前回位置からの継続
92- * TODO scrollLeft, scrollTop
16+ * phase:
17+ * 0: アニメーション無
18+ * 1: 登録されたばかり
19+ * 2: 準待機
20+ * 3: 後続待機
21+ * 4: 強制停止(GPU転送予約)
22+ * 5: GPU解除待ち
23+ * 6: 開始可能
24+ * 7: アニメーション中
25+ * TODO node.css( 'opacity' ) の上書き
9326 */
27+
28+var X_NODE_ANIME_RESET = 1,
29+ X_NODE_ANIME_STAY_GPU = 2;
30+
9431 /**
9532 * GPU サポートの効いたアニメーションの設定 X.Event.ANIME_START, X.Event.ANIME_END, X.Event.GPU_RELEASED
96- *
9733 * @alias Node.prototype.animate
9834 * @param {object} start { x : 0, y : 0, opacity : 1 }
9935 * @param {object} dest { x : 100, y : 100, opacity : 0 }
10036 * @param {number=} duartion アニメーション時間 ms
10137 * @param {string=} easing 'quadratic', 'circular', 'back', 'bounce', 'elastic'
10238 * @param {number=} wait GPU レイヤーの遅延解除 ms
39+ * @param {number=} option フォールバックについて
10340 * @return {Node} メソッドチェーン
10441 */
105-function X_Node_animate( start, dest, duration, easing, wait ){
106- var isNew = !this[ '_anime' ],
107- obj = this[ '_anime' ];
42+function X_Node_animate( start, dest, duration, easing, lazyRelease, option ){
43+ var list = X_NodeAnime_QUEUE,
44+ obj = this[ '_anime' ],
45+ isNew = !obj,
46+ now, stop;
10847
109- if( !obj ){
110- this[ '_anime' ] = obj = X_Node_Anime_getComputedPosition( this );
111- obj.destX = obj.x;
112- obj.destY = obj.y;
113- obj.destA = obj.a;
48+ if( !( this[ '_flags' ] & X_NodeFlags_IN_TREE ) ){
49+ alert( '@animate 要素はツリーに追加されていません!' );
50+ // それでもアニメーションしてタイマー代わりにするとか、、、?
51+ return this;
11452 };
11553
116- obj.duration = 0 <= duration && X_Type_isFinite( duration ) ? duration : 500;
117- obj.easing = ease[ easing ] || ease[ 'circular' ];
118- // 現在 GPUレイヤーのtop になっているか?将来については phase で判定
119- obj.gpuParent = obj.gpuParent || false;
120- obj.phase = duration === 0 ? 9 : obj.phase === 9 ? 9 : 0; //
121- obj.wait = X_Type_isFinite( wait ) ? wait : 1000;
122-
123- obj.startTime = X_Timer_now();
124- obj.startX = ( start.x || start.x === 0 ) ? start.x : obj.x || NaN;
125- obj.startY = ( start.y || start.y === 0 ) ? start.y : obj.y || NaN;
126- obj.startA = 0 <= start.opacity && start.opacity <= 1 ? start.opacity : obj.a || 1;
127-
128- obj.destTime = obj.startTime + obj.duration;
129- obj.destX = ( dest.x || dest.x === 0 ) ? dest.x : obj.destX || NaN;
130- obj.destY = ( dest.y || dest.y === 0 ) ? dest.y : obj.destY || NaN;
131- obj.destA = 0 <= dest.opacity && dest.opacity <= 1 ? dest.opacity : obj.destA || 1;
132-
133- X_Node_ANIMATIONS.indexOf( this ) === -1 &&
134- ( X_Node_ANIMATIONS[ X_Node_ANIMATIONS.length ] = this );
135-
54+ if( isNew ){
55+ this[ '_anime' ] = obj = {
56+ x : 0, y : 0, a : 1,
57+ destX : 0, destY : 0, destA : 1,
58+ duration : 0
59+ //phase, lazyRelease, easing, follower, releaseNow
60+ };
61+ };
13662
137- if( X_Node_Anime_onTransition ) return this;
63+ if( 0 <= duration && X_Type_isFinite( duration ) ){
64+ obj.duration = duration;
65+ stop = !duration;
66+ };
13867
139- if( X_Node_Anime_hasTransition ){
140-
141- if( obj.gpuTimerID ){
142- X_Timer_remove( obj.gpuTimerID );
143- delete obj.gpuTimerID;
144- };
145-
146- X_Node_Anime_needsDetection = true;
68+ if( obj.phase !== 7 ){
69+ // アニメーション中は easing の変更ができない
70+ obj.easing = X_Type_isFunction( easing ) ? easing : X_NodeAnime_ease[ easing ] || X_NodeAnime_ease[ 'circular' ];
71+ };
72+// form :
73+ obj.startX = obj.x = X_NodeAnime_getFinite( start[ 'x' ], obj.x );
74+ obj.startY = obj.y = X_NodeAnime_getFinite( start[ 'y' ], obj.y );
75+ obj.startA = obj.a = X_NodeAnime_getFinite( start[ 'opacity' ], obj.a );
76+
77+ // to :
78+ obj.destX = X_NodeAnime_getFinite( dest[ 'x' ], obj.destX );
79+ obj.destY = X_NodeAnime_getFinite( dest[ 'y' ], obj.destY );
80+ obj.destA = X_NodeAnime_getFinite( dest[ 'opacity' ], obj.destA );
81+
82+ obj.lazyRelease = 0 <= lazyRelease && X_Type_isFinite( lazyRelease ) ? lazyRelease : 0;
83+
84+ if( stop && 6 <= obj.phase ){
85+ this[ 'stop' ](); // 現在値で停止
86+ } else
87+ if( !stop || obj.lazyRelease ){
88+ if( isNew || !obj.phase ){
89+ list[ list.length ] = this;
90+ obj.phase = 1;
91+ obj.uid = ++X_NodeAnime_uid;
92+ X_NodeAnime_needsDetection = true;
93+ } else
94+ if( obj.phase < 4 ){
95+ list.splice( list.indexOf( this ), 1 );
96+ list[ list.length ] = this;
97+ obj.uid = ++X_NodeAnime_uid;
98+ X_NodeAnime_needsDetection = true;
99+ } else
100+ if( !stop ){
101+ // リストの先頭にいるため検査不要でアニメーション開始可能 4, 5, 6, 7
102+ obj.phase = 6;
103+ } else
104+ // obj.lazyRelease はあり
105+ if( obj.phase !== 5 ){ // GPU解除待ち ではない -> 4. 6, 7
106+ obj.phase = 4; // 強制停止(GPU転送予約)
107+ obj.releaseNow = false; // TODO folower が要るため GPU 転送できないケースあり
108+ X_NodeAnime_needsDetection = true;
109+ };
147110
148- X_Node_Anime_reserveUpdate( true );
149- } else {
150- if( !X_Node_Anime_reserved ){
151- X_Node_Anime_reserved = true;
111+ if( !X_NodeAnime_reserved ){
112+ X_NodeAnime_reserved = true;
113+
152114 if( X_Node_updateTimerID ){
153- X_System[ 'listen' ]( X_EVENT_UPDATED, X_Node_Anime_updateAnimationsNoTransition );
154- X_Node_Anime_updateTimerID && X_Timer_cancelFrame( X_Node_Anime_updateTimerID );
155- X_Node_Anime_updateTimerID = 0;
115+ if( X_NodeAnime_updateTimerID ) X_NodeAnime_updateTimerID = X_Timer_cancelFrame( X_NodeAnime_updateTimerID );
116+
117+ X_System[ 'listen' ]( X_EVENT_UPDATED, X_NodeAnime_updateAnimations );
156118 } else {
157- X_System[ 'unlisten' ]( X_EVENT_UPDATED, X_Node_Anime_updateAnimationsNoTransition );
158- X_Node_Anime_updateTimerID = X_Timer_requestFrame( X_Node_Anime_updateAnimationsNoTransition );
119+ X_System[ 'unlisten' ]( X_EVENT_UPDATED, X_NodeAnime_updateAnimations );
120+ X_NodeAnime_updateTimerID = X_Timer_requestFrame( X_NodeAnime_updateAnimations );
159121 };
122+ };
123+ } else {
124+ if( obj.phase ){
125+ this[ 'stop' ](); // リストから外す
160126 };
161-
162- isNew && this[ 'dispatch' ]( { type : X_EVENT_ANIME_START, 'gpu' : false } );
127+ console.log( 'リストに加えない!' );
163128 };
164-
165- // console.log( 'animate() ' + this[ '_id' ] + ' y:' + obj.startY + ' > ' + obj.destY + ' d:' + obj.duration );
166-
129+
167130 return this;
168131 };
169132
133+function X_NodeAnime_getFinite( a, b ){
134+ if( a || a === 0 ) return a;
135+ if( b || b === 0 ) return b;
136+ return NaN;
137+};
138+
139+/*
140+ * 1.アニメーション中の要素の停止 ->後続アニメーションの開始
141+ * 2.アニメーション待機中の要素の停止 -> 後続アニメーションの再調査
142+ */
170143 /**
171144 * アニメーションの停止。
172145 * @alias Node.prototype.stop
173146 * @return {Node} メソッドチェーン
174147 */
175-function X_Node_stop(){
176- var obj = this[ '_anime' ];
148+function X_Node_stop( option ){
149+ var obj = this[ '_anime' ],
150+ list = X_NodeAnime_QUEUE,
151+ i, rm, j, xnode, _obj;
177152
178- if( !obj ) return this;
179-
180- if( X_Node_Anime_hasTransition ){
181- obj.phase = 100;
182- X_Node_Anime_needsDetection = true;
183- X_Node_Anime_reserveUpdate();
184- } else {
185- X_Node_ANIMATIONS.splice( X_Node_ANIMATIONS.indexOf( this ), 1 );
186- //obj.gpuTimerID && X_Timer_remove( obj.gpuTimerID );
187- delete this[ '_anime' ];
153+ if( !obj || !obj.phase ) return this;
154+
155+ switch( obj.phase ){
156+ case 6 : // アニメーション開始可能 ??
157+ case 2 : // 準待機
158+ case 3 : // アニメーション待機中
159+ X_NodeAnime_needsDetection = true;
160+ case 1 :
161+ rm = true;
162+
163+ case 4 : // 強制停止(GPU転送予約)
164+ case 7 : // アニメーション中
165+ if( option & X_NODE_ANIME_RESET ){
166+ obj.startX = obj.startY = obj.destX = obj.destY = obj.x = obj.y = 0;
167+ obj.startA = obj.destA = obj.a = 1;
168+ }; // TODO 終了値で停止も,,,
169+
170+ if( rm ) break; // 1,2,3,6 の場合ここまで
171+
172+ obj.destX = obj.x;
173+ obj.destY = obj.y;
174+ obj.destA = obj.a;
175+
176+ obj.phase = 4; // 強制解除
177+ X_NodeAnime_needsDetection = true;
178+
179+ case 5 : // GPU解除待ち
180+ obj.releaseNow = !( option & X_NODE_ANIME_STAY_GPU );
181+ break;
188182 };
183+
184+ if( rm ){
185+ list.splice( list.indexOf( this ), 1 );
186+ obj.phase = 0;
187+ };
188+
189189 return this;
190190 };
191191
192-function X_Node_Anime_reserveUpdate( before ){
193- if( !X_Node_Anime_reserved ){
194- X_Node_Anime_reserved = true;
192+/*
193+ * 1. 新規アニメーションが現在アニメーション中の要素の親か子であればアニメーションを待機
194+ * 2.
195+ */
196+function X_NodeAnime_detectWaitAnimation( xnode, duration, isText ){
197+ var list = X_NodeAnime_QUEUE,
198+ i = 0, _xnode;
199+
200+ for( ; _xnode = list[ i ]; ++i ){
201+ if( _xnode === xnode ) break;
195202
196- if( X_Node_updateTimerID ){
197- //console.log( before ? '> BEFORE_UPDATE' : '> UPDATED' );
198- before = false;
199- X_System[ 'listenOnce' ]( before ? X_EVENT_BEFORE_UPDATE : X_EVENT_UPDATED, X_Node_Anime_updateAnimations );
200- } else {
201- //console.log( '> Timer' );
202- // Opera12 requestAnimationFrame では transition が動かない、、、
203- X_Node_Anime_updateTimerID =
204- X_UA[ 'Opera' ] ?
205- X_Timer_once( 0, X_Node_Anime_updateAnimations ) :
206- X_Timer_requestFrame( X_Node_Anime_updateAnimations );
203+ // アニメーションの優先度はリストにいる順
204+ // まず先行する後続待機要素の中に、親子関係のものがいないか?探す
205+ if( _xnode[ '_anime' ].phase <= 3 ){
206+ if( xnode[ 'contains' ]( _xnode ) || _xnode[ 'contains' ]( xnode ) ){
207+ // -> いる、このような要素が複数いる場合、誰に後続すればいいか?判然としないため、準待機フラグを立てる
208+ return 2;
209+ };
207210 };
208- } else {
209- // console.log( ' X_Node_Anime_reserved 済、予約なし' );
210211 };
211-};
212212
213-function X_Node_Anime_updateAnimations( v, updateNow ){
214- var i = X_Node_ANIMATIONS.length, c = false, ret, xnode;
215-
216- // console.log( v.type || v );
217-
218- //console.log( 'updateAnimations len:' + i + ' time:' + v + ' det:' + X_Node_Anime_needsDetection );
219-
220- if( X_Node_Anime_needsDetection ) X_Node_Anime_detectAnimationLayers();
221-
222- for( ; i; ){
223- xnode = X_Node_ANIMATIONS[ --i ];
224- //console.log( 'phase : ' + xnode[ '_id' ] + ' ' + xnode[ '_anime' ].phase + ' ' + xnode[ '_anime' ].duration );
225- ret = X_Node_Anime_updateAnimation( xnode );
226- if( ret === true ){
227- X_Node_ANIMATIONS.splice( i, 1 );
228- xnode[ '_anime' ].gpuTimerID && X_Timer_remove( xnode[ '_anime' ].gpuTimerID );
229- delete xnode[ '_anime' ];
230- } else
231- if( ret !== false ){
232- c = true;
213+ // -> いない、アニメーション中(開始可能も)の要素の中に、親子関係のものがいないか?探す
214+ // -> いる、待機状態へ
215+ // -> いない、アニメーションが可能
216+ for( i = 0; _xnode = list[ i ]; ++i ){
217+ if( _xnode === xnode ) break;
218+
219+ if( 6 <= _xnode[ '_anime' ].phase ){
220+ if( xnode[ 'contains' ]( _xnode ) || _xnode[ 'contains' ]( xnode ) ){
221+ return isText ? 3 : _xnode;
222+ };
233223 };
234224 };
235-
236- if( ( X_Node_Anime_updateTimerID || updateNow ) && X_Node_updateTimerID ) X_Node_startUpdate();
237-
238- X_Node_Anime_updateTimerID = 0;
239- X_Node_Anime_reserved = false;
240- if( c ){
241- X_Node_Anime_reserveUpdate();
242- };
225+ // アニメーション可能
226+ return duration ? 6 : 4; // duration がない場合は、アニメーション強制停止へ進みそこから GPU 解除待ちへ
243227 };
244228
245-// TODO X_Timer_requestFrame 経由の BEFORE_UPDATE で更新を行う
246-function X_Node_Anime_detectAnimationLayers(){
247- var i = X_Node_ANIMATIONS.length,
248- l = i,
249- j, xnode, parent, _xnode, hasGPUChild, remove;
250-
251- for( ; i; ){
252- xnode = X_Node_ANIMATIONS[ --i ];
253- parent = hasGPUChild = false;
254- for( j = l; j; ){
255- _xnode = X_Node_ANIMATIONS[ --j ];
229+function X_NodeAnime_updateAnimations( e ){
230+ var list = X_NodeAnime_QUEUE,
231+ i = list.length,
232+ now = X_Timer_now(),
233+ c = false,
234+ i, xnode, obj, _xnode,
235+ rm, easing, follower, lazy;
236+
237+ if( X_NodeAnime_needsDetection ){
238+ X_NodeAnime_needsDetection = false;
239+
240+ //
241+ list.sort( X_NodeAnime_sortAnimationNode );
242+
243+ for( i = 0; xnode = list[ i ]; ++i ){
244+ obj = xnode[ '_anime' ];
256245
257- if( xnode.parent === _xnode.parent ){
258- continue;
259- } else
260- if( _xnode[ 'contains' ]( xnode ) ){
261- if( ( _xnode[ '_anime' ].phase === 3 && _xnode[ '_anime' ].gpuParent ) || _xnode[ '_anime' ].phase === 10 ){
262- _xnode[ '_anime' ].phase = 15;
263- } else
264- if( xnode[ '_anime' ].gpuParent ){
265- parent = true;
266- xnode[ '_anime' ].phase = xnode[ '_anime' ].phase === 2 ? 6 : 15;// GPU レイヤーの解除 > アニメーションは継続, すでに終了フェイズなら破棄
267- } else
268- if( [ 7, 8, 9, 13, 14 ].indexOf( xnode[ '_anime' ].phase ) !== -1 ){// GPU レイヤーの中止
269- parent = true;
270- xnode[ '_anime' ].phase -= 8;
246+ if( obj.phase <= 3 ){
247+ if( !X_Type_isNumber( obj.phase = _xnode = X_NodeAnime_detectWaitAnimation( xnode, obj.duration ) ) ){
248+ _xnode[ '_anime' ].follower = true;
249+ obj.phase = 3; // 後続待機
271250 };
272- break;
273- } else
274- if( xnode[ 'contains' ]( _xnode ) ){
275- if( ( xnode[ '_anime' ].phase === 3 && xnode[ '_anime' ].gpuParent ) || xnode[ '_anime' ].phase === 10 ){
276- xnode[ '_anime' ].phase = 15;
277- } else
278- if( _xnode[ '_anime' ].gpuParent ){
279- hasGPUChild = true;
280- _xnode[ '_anime' ].phase = _xnode[ '_anime' ].phase === 2 ? 6 : 15;// GPU レイヤーの解除 > アニメーションは継続, すでに終了フェイズなら破棄
281- } else
282- if( [ 7, 8, 9, 13, 14 ].indexOf( _xnode[ '_anime' ].phase ) !== -1 ){// GPU レイヤーの中止
283- hasGPUChild = true;
284- _xnode[ '_anime' ].phase -= 8;
285- };
286- break;
287- };
288- };
289-
290- if( !parent && xnode[ '_anime' ].phase !== 15 ){
291- if( xnode[ '_anime' ].phase === 0 ){
292- // 新規
293- xnode[ '_anime' ].phase = hasGPUChild ? 7 : 8;// 非GPU -> GPU 子に GPU アニメをもつなら、タイミングをずらす。
294- } else
295- if( [ 3, 4, 10, 100 ].indexOf( xnode[ '_anime' ].phase ) === -1 ){
296- // 非GPU -> GPU
297- xnode[ '_anime' ].phase = hasGPUChild ? 13 : 14;// 非GPU -> GPU 子に GPU アニメをもつなら、タイミングをずらす。
251+ } else {
252+ obj.follower = false;
298253 };
299254 };
300255 };
301256
302- X_Node_Anime_needsDetection = false;
303-};
257+ for( ; i; ){
258+ rm = false;
259+ xnode = list[ --i ];
260+ obj = xnode[ '_anime' ];
304261
305-function X_Node_Anime_updateAnimation( xnode ){
306- var obj = xnode[ '_anime' ],
307- phase = obj.phase,
308- current, time;
309- switch( phase ){
310- case 2 :
311- // アニメーション中
312- return false;
313-
314- case -1 :// 子の GPU レイヤー解除待ち
315- case 7 :
316- ++obj.phase;
317- break;
318- case 0 : // 開始位置+アニメーションの設定
319- case 8 :
320- X_ViewPort[ 'unlisten' ]( X_EVENT_AFTER_UPDATE, xnode, X_Node_Anime_gpuReleased );
321-
322- xnode[ 'css' ]({
323- //willChange : X_Node_Anime_transitionProps + ',opacity,width,height',
324- backfaceVisibility : 'hidden',
325- transitionTimingFunction : obj.easing.style,
326- transitionDelay : '0s' // 0.001 にすると transitionend のタイミングが狂う、、、
327- });
328-
329- //console.log( '開始位置 ' + phase );
330- X_Node_Anime_updatePosition( xnode, obj.startX, obj.startY, obj.startA, phase === 8 );
331-
332- xnode[ 'dispatch' ]( { type : X_EVENT_ANIME_START, 'gpu' : phase === 8 } );
333- ++obj.phase;
334- break;
335- case 1 :
336- case 9 : // 終了位置の設定
337- obj.gpuParent = phase === 9;
338- if( obj.duration ){
339- xnode[ 'listenOnce' ]( 'transitionend', X_Node_Anime_onTransitionEnd );
340-
341- xnode[ 'css' ]({
342- transitionProperty : X_Node_Anime_transitionProps + ',opacity,width,height',
343- transitionDuration : obj.duration + 'ms'
344- });
262+ switch( obj.phase ){
263+ case 7 : // アニメーション中
264+ if( now < obj.destTime ){
265+ easing = obj.progress = obj.easing.fn( ( now - obj.startTime ) / obj.duration );
266+ X_NodeAnime_updatePosition( xnode,
267+ obj.x = ( obj.destX - obj.startX ) * easing + obj.startX | 0,
268+ obj.y = ( obj.destY - obj.startY ) * easing + obj.startY | 0,
269+ obj.a = ( obj.destA - obj.startA ) * easing + obj.startA, true );
270+ c = true;
271+ break;
272+ };
273+ // アニメーション終了
274+ case 4 : // 強制停止(GPU転送予約)
275+ lazy = !obj.follower && !obj.releaseNow && obj.lazyRelease;
276+ X_NodeAnime_updatePosition( xnode, obj.destX, obj.destY, obj.destA, !!lazy );
277+
278+ xnode[ 'asyncDispatch' ]( X_EVENT_ANIME_END );
345279
346- //console.log( '修了位置 ' + phase );
347- X_Node_Anime_updatePosition( xnode, obj.destX, obj.destY, obj.destA, obj.gpuParent );
348- obj.phase = 2;
280+ if( lazy ){
281+ console.log( 'アニメーション終了(' + obj.phase + ') -> GPU 解除待機 ' + lazy );
282+ obj.releaseTime = now + lazy;
283+ obj.phase = 5; // GPU解除待ち
284+ c = true;
285+ } else {
286+ console.log( 'アニメーション終了(' + obj.phase + ') -> ' );
287+ rm = true;
288+ };
349289 break;
350- };
351- //console.log( 'duration = 0 の場合、アニメーションの解除' );
352- // duration = 0 の場合、アニメーションの解除
353-
354- case 3 : // TransitionEnd -> アニメーションの解除
355- obj.phase = obj.gpuParent ? 10 : 4;
356-
357- //console.log( '#### アニメーションの解除 ' + obj.phase );
358-
359- // このタイミングで animation 関連の css を削除したところ(X_Node_Anime_clearTransition)、iOS3、4 で再描画忘れが度々起きるように、、、
360- if( !obj.gpuParent ) X_Node_Anime_clearTransition( xnode );
361- break;
362290
363- case 4 :
364- // アニメーションは停止・GPU=false -> リストから削除
365- obj.gpuParent = false;
366- return true;
367-
368- case 10 :
369- // アニメーションは停止・GPUレイヤーは解除していない(再アニメーションに備えて待機)
370- if( !obj.gpuTimerID ){
371- //console.log( '#### アニメーションは停止 ' + obj.wait );
372- if( obj.wait ){
373- obj.gpuTimerID = X_Timer_once( obj.wait, xnode, X_Node_Anime_releaseGPULayer );
291+ case 6 : // アニメーション開始可能
292+ obj.startTime = now;
293+ obj.destTime = now + obj.duration;
294+ obj.phase = 7; // アニメーション中
295+ obj.progress = 0;
296+ X_NodeAnime_updatePosition( xnode, obj.startX, obj.startY, obj.startA, true );
297+ xnode[ 'asyncDispatch' ]( X_EVENT_ANIME_START );
298+ c = true;
299+ break;
300+
301+ case 5 : // GPU解除待ち
302+ if( obj.releaseTime <= now || obj.follower || obj.releaseNow ){
303+ X_NodeAnime_translateZ && X_NodeAnime_updatePosition( xnode, obj.destX, obj.destY, obj.destA, false );
304+ rm = true;
374305 } else {
375- X_Node_Anime_releaseGPULayer.call( xnode );
306+ c = true;
376307 };
377- };
378- return false;
379-
380- case 5 :
381- case 13 :
382- // 子のGPU解除待ち
383- ++obj.phase;
384- break;
385-
386- // GPU レイヤーの変更> アニメーションは継続,但し残り時間が短ければ停止
387- case 6 :
388- case 14 :
389- now = X_Timer_now();
390- time = obj.duration - now + obj.startTime;
391- if( time < 16 ){
392- X_Node_Anime_clearTransition( xnode );
393- X_Node_Anime_updatePosition( xnode, obj.destX, obj.destY, obj.destA, phase === 14 );
394- obj.phase = phase === 14 ? 10 : 4;
395- xnode[ 'dispatch' ]( time, { type : X_EVENT_ANIME_END, 'gpu' : obj.gpuParent } );
396- } else {
397- current = X_Node_Anime_getComputedPosition( xnode );
398- obj.startX = current.x;
399- obj.startY = current.y;
400- obj.startA = current.a;
401- obj.duration = time;
402- obj.startTime = now;
403- X_Node_Anime_updatePosition( xnode, current.x, current.y, current.a, phase === 14 );
404- obj.phase = phase === 14 ? 9 : 1;
405- };
406- break;
407-
408- case 15 :
409- // GPU有効で停止(待機)している xnode の解除
410- //console.log( 'GPU有効で停止(待機)している xnode の解除' + xnode[ '_tag' ] + xnode[ 'getOrder' ]() );
411- // console.log( 'GPU有効で停止(待機)している xnode のGPU解除' );
412- X_Node_Anime_clearTransition( xnode );
413- X_Node_Anime_updatePosition( xnode, obj.destX, obj.destY, obj.destA, false );
414- //obj.gpuTimerID && X_Timer_remove( obj.gpuTimerID );
415- //delete obj.gpuTimerID;
416- X_ViewPort[ 'listenOnce' ]( X_EVENT_AFTER_UPDATE, xnode, X_Node_Anime_gpuReleased );
417- return true;
308+ break;
309+ };
418310
419- case 100 : // stop() : アニメーションを中断して削除
420- //console.log( 'stop() gpu:' + obj.gpuParent );
421- // console.log( 'アニメーションを中断して削除' );
422- current = X_Node_Anime_getComputedPosition( xnode );
423-
424- X_Node_Anime_clearTransition( xnode );
425- X_Node_Anime_updatePosition( xnode, current.x, current.y, current.a, obj.gpuParent );
426- obj.phase = obj.gpuParent ? 10 : 4;
427- break;
311+ obj.releaseNow = false;
428312
429- };
430-};
431-
432-function X_Node_Anime_getComputedPosition( that ){
433- var raw = that[ '_rawObject' ],
434- x = NaN, y = NaN, a = 1, style, matrix;
435-
436- if( raw ){
437- if( X_Node_Anime_hasTransform ){
438- if( style = X_Node_CSS_getComputedStyle( raw, null ) ){
439- matrix = ( style[ X_Node_CSS_VENDER_PREFIX[ 'transform' ] ] || '' ).split( ')' )[ 0 ].split( ', ' );
440- x = + ( matrix[ 12 ] || matrix[ 4 ] );
441- y = + ( matrix[ 13 ] || matrix[ 5 ] );
442- a = matrix[ X_Node_CSS_Support[ 'opacity' ] ];
443- };
444- } else
445- if( X_Node_CSS_getComputedStyle ){
446- if( style = X_Node_CSS_getComputedStyle( raw, null ) ){
447- x = parseFloat( style[ 'left' ] );
448- y = parseFloat( style[ 'top' ] );
449- a = parseFloat( style[ X_Node_CSS_Support[ 'opacity' ] ] );
450- };
451- } else
452- if( style = ( raw.currentStyle || raw.style ) ){
453- x = parseFloat( style[ 'left' ] );
454- y = parseFloat( style[ 'top' ] );
455- a = that[ '_css' ] && 0 <= that[ '_css' ].opacity ? that[ '_css' ].opacity : 1;
456- //parseFloat( ( style[ 'filter' ] || 'opacity=1' ).split( 'opacity=' )[ 1 ] );
313+ if( rm ){
314+ X_NodeAnime_translateZ && xnode[ 'asyncDispatch' ]( X_EVENT_GPU_RELEASED );
315+ // 後続のアニメーションがある場合
316+ if( obj.follower ) X_NodeAnime_needsDetection = c = true;
317+ list.splice( i, 1 );
318+ obj.phase = 0;
457319 };
458320 };
459-
460- return { x : x, y : y, a : a };
461-};
462-
463-function X_Node_Anime_onTransitionEnd( e ){
464- console.log( '[TransitionEnd] ' + ( this[ '_anime' ] && this[ '_anime' ].phase ) );
465-
466- if( !this[ '_anime' ] || this[ '_anime' ].phase !== 2 ){
467- // ここで return してしまうと、view の更新イベント待ちの場合、アニメが止まる
468- X_Node_Anime_reserved && !X_Node_Anime_updateTimerID && !X_Node_updateTimerID && X_Node_Anime_reserveUpdate( X_Node_Anime_reserved = false );
469- return X_CALLBACK_PREVENT_DEFAULT | X_CALLBACK_STOP_PROPAGATION;
470- };
471321
472- this[ '_anime' ].phase = 3;
473-
474- X_Node_Anime_clearTransition( this ); // X_EVENT_ANIME_END より前で呼んでおく
475-
476- X_Node_Anime_onTransition = true;
477- this[ 'dispatch' ]( { type : X_EVENT_ANIME_END, 'gpu' : this[ '_anime' ].gpuParent } );
478- X_Node_Anime_onTransition = false;
479-
480- X_Node_Anime_needsDetection = true;
481- // iOS は transitionend 内の 更新でアニメーション可能 iOS3, iOS4 で確認
482- // win+Gecko は不可
483- X_Node_Anime_updateAnimations( 0, X_Node_updateOnTransitionEnd );
322+ //c && console.log( 'anime... ' + X_Node_updateTimerID );
484323
485- return X_CALLBACK_PREVENT_DEFAULT | X_CALLBACK_STOP_PROPAGATION;
486-};
487-
488-function X_Node_Anime_releaseGPULayer(){
489- var obj = this[ '_anime' ], tmp;
490- if( !obj ){
491- // console.log( '_anime無' );
492- return;
324+ if( X_NodeAnime_reserved = c ){
325+ if( X_Node_updateTimerID ){
326+ // scrollbox では X_System X_EVENT_UPDATED は不可。。。
327+ !e || e.type !== X_EVENT_UPDATED ?
328+ X_System[ 'listen' ]( X_EVENT_UPDATED, X_NodeAnime_updateAnimations ) :
329+ X_NodeAnime_updateTimerID && X_Timer_cancelFrame( X_NodeAnime_updateTimerID );
330+ X_NodeAnime_updateTimerID = 0;
331+ } else {
332+ X_System[ 'unlisten' ]( X_EVENT_UPDATED, X_NodeAnime_updateAnimations );
333+ X_NodeAnime_updateTimerID = X_Timer_requestFrame( X_NodeAnime_updateAnimations );
334+ };
335+ } else {
336+ X_System[ 'unlisten' ]( X_EVENT_UPDATED, X_NodeAnime_updateAnimations );
337+ X_NodeAnime_updateTimerID = 0;
493338 };
494- X_Node_Anime_clearTransition( this );
495- X_Node_Anime_updatePosition( this, obj.destX, obj.destY, obj.destA, false );
496- X_Node_ANIMATIONS.splice( X_Node_ANIMATIONS.indexOf( this ), 1 );
497- delete obj.gpuTimerID;
498- delete this[ '_anime' ];
499- //console.log( 'GPUレイヤーの破棄を指示' );
500-
501- X_ViewPort[ 'listenOnce' ]( X_EVENT_AFTER_UPDATE, this, X_Node_Anime_gpuReleased );
502-};
503-
504-function X_Node_Anime_gpuReleased(){
505- //console.log( 'GPU レイヤーが解放されました' );
506- this[ 'dispatch' ]( { type : X_EVENT_GPU_RELEASED, 'gpu' : true } );
507339 };
508340
509-function X_Node_Anime_clearTransition( xnode ){
510- // 開始座標のセット(新規のみ)
511- // アニメーション指定のセット(または解除)(対象のみ)
512- // 目標座標のセット
513- xnode[ 'unlisten' ]( 'transitionend', X_Node_Anime_onTransitionEnd );
514-
515- xnode[ 'css' ]({
516- //willChange : '',
517- backfaceVisibility : '',
518- transitionTimingFunction : '',
519- transitionDelay : '',
520- transitionDuration : ''
521- });
341+/*
342+ * アニメーション開始、アニメーション中、強制停止(GPU転送予約)、GPU解除待ち の要素をリストの先頭に
343+ */
344+function X_NodeAnime_sortAnimationNode( xnode1, xnode2 ){
345+ var a = 4 <= xnode1[ '_anime' ].phase,
346+ b = 4 <= xnode2[ '_anime' ].phase;
347+
348+ if( ( a && b ) && ( !a && !b ) ){ // Chrome のみ
349+ return xnode1[ '_anime' ].uid - xnode2[ '_anime' ].uid;
350+ };
351+ return a ? -1 : 1;
522352 };
523353
524-function X_Node_Anime_updatePosition( xnode, x, y, opacity, useGPU ){
354+function X_NodeAnime_updatePosition( xnode, x, y, opacity, useGPU ){
525355 //console.log( 'updatePosition x:' + x + ' gpu:' + !!useGPU );
526- if( X_Node_Anime_hasTransform ){
356+ if( X_NodeAnime_hasTransform ){
527357 xnode[ 'css' ]({
528- transform : 'translate(' + ( x | 0 ) + 'px,' + ( y | 0 ) + 'px)' + ( useGPU ? X_Node_Anime_translateZ : '' ),
358+ transform : 'translate(' + ( x | 0 ) + 'px,' + ( y | 0 ) + 'px)' + ( useGPU ? X_NodeAnime_translateZ : '' ),
529359 opacity : opacity
530360 });
531361 } else {
@@ -534,7 +364,7 @@ function X_Node_Anime_updatePosition( xnode, x, y, opacity, useGPU ){
534364 opacity === opacity && xnode[ 'css' ]( 'opacity', opacity );
535365 };
536366
537- if( X_Node_Anime_translateZ ){
367+ if( X_NodeAnime_translateZ ){
538368 if( useGPU ){
539369 if( xnode[ '_flags' ] & X_NodeFlags_GPU_RELEASE_RESERVED ){
540370 xnode[ '_flags' ] &= X_Node_BitMask_RESET_GPU;
@@ -556,54 +386,52 @@ function X_Node_Anime_updatePosition( xnode, x, y, opacity, useGPU ){
556386 };
557387 };
558388
559-function X_Node_Anime_updateAnimationsNoTransition( e ){
560- var i = X_Node_ANIMATIONS.length,
561- now = X_Timer_now(),
562- obj,
563- newX, newY, newA, easing,
564- c = false;
565-
566- for( ; i; ){
567- xnode = X_Node_ANIMATIONS[ --i ];
568- obj = xnode[ '_anime' ];
569389
570- if( obj.destTime <= now ){
571- X_Node_Anime_updatePosition( xnode, obj.destX, obj.destY, obj.destA, false );
390+var
391+ X_NodeAnime_ease = {
392+ 'quadratic' : {
393+ style: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
394+ fn: function (k) {
395+ return k * ( 2 - k );
396+ }
397+ },
398+ 'circular' : {
399+ style: 'cubic-bezier(0.1, 0.57, 0.1, 1)', // Not properly "circular" but this looks better, it should be (0.075, 0.82, 0.165, 1)
400+ fn: function (k) {
401+ return Math.sqrt( 1 - ( --k * k ) );
402+ }
403+ },
404+ 'back' : {
405+ style: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
406+ fn: function (k) {
407+ var b = 4;
408+ return ( k = k - 1 ) * k * ( ( b + 1 ) * k + b ) + 1;
409+ }
410+ },
411+ 'bounce' : {
412+ style: '',
413+ fn: function (k) {
414+ if ( ( k /= 1 ) < ( 1 / 2.75 ) ) {
415+ return 7.5625 * k * k;
416+ } else if ( k < ( 2 / 2.75 ) ) {
417+ return 7.5625 * ( k -= ( 1.5 / 2.75 ) ) * k + 0.75;
418+ } else if ( k < ( 2.5 / 2.75 ) ) {
419+ return 7.5625 * ( k -= ( 2.25 / 2.75 ) ) * k + 0.9375;
420+ } else {
421+ return 7.5625 * ( k -= ( 2.625 / 2.75 ) ) * k + 0.984375;
422+ }
423+ }
424+ },
425+ 'elastic' : {
426+ style: '',
427+ fn: function (k) {
428+ var f = 0.22,
429+ e = 0.4;
572430
573- delete xnode[ '_anime' ];
574- X_Node_ANIMATIONS.splice( i, 1 );
575- //console.log( obj.destA );
576- // filter な 親が解除されないと子要素への filter が反映されない
577- xnode[ 'asyncDispatch' ]( { type : X_EVENT_ANIME_END, 'gpu' : false } );
578- } else {
579- easing = obj.easing.fn( ( now - obj.startTime ) / obj.duration );
580- newX = ( obj.destX - obj.startX ) * easing + obj.startX;
581- newY = ( obj.destY - obj.startY ) * easing + obj.startY;
582- newA = ( obj.destA - obj.startA ) * easing + obj.startA;
583- X_Node_Anime_updatePosition( xnode, newX, newY, newA, false );
584- obj.x = newX;
585- obj.y = newY;
586- obj.a = newA;
587- c = true;
588- };
589- };
590-
591- //c && console.log( 'anime... ' + X_Node_updateTimerID );
592-
593- if( X_Node_Anime_reserved = c ){
594- if( X_Node_updateTimerID ){
595- // scrollbox では X_System X_EVENT_UPDATED は不可。。。
596- !e || e.type !== X_EVENT_UPDATED ?
597- X_System[ 'listen' ]( X_EVENT_UPDATED, X_Node_Anime_updateAnimationsNoTransition ) :
598- X_Node_Anime_updateTimerID && X_Timer_cancelFrame( X_Node_Anime_updateTimerID );
599- X_Node_Anime_updateTimerID = 0;
600- } else {
601- X_System[ 'unlisten' ]( X_EVENT_UPDATED, X_Node_Anime_updateAnimationsNoTransition );
602- X_Node_Anime_updateTimerID = X_Timer_requestFrame( X_Node_Anime_updateAnimationsNoTransition );
603- };
604- } else {
605- X_System[ 'unlisten' ]( X_EVENT_UPDATED, X_Node_Anime_updateAnimationsNoTransition );
606- X_Node_Anime_updateTimerID = 0;
607- };
608-};
431+ if ( k === 0 ) { return 0; }
432+ if ( k == 1 ) { return 1; }
609433
434+ return ( e * Math.pow( 2, - 10 * k ) * Math.sin( ( k - f / 4 ) * ( 2 * Math.PI ) / f ) + 1 );
435+ }
436+ }
437+ };
--- a/0.6.x/js/02_dom/20_XNode.js
+++ b/0.6.x/js/02_dom/20_XNode.js
@@ -560,7 +560,8 @@ function X_Node_append( v ){
560560 return X_Node_append.apply( this, X_HtmlParser_parse( v, true ) );
561561 case X_NodeType_XNODE :
562562 // 親の xnodes から v を消す
563- v.parent && v[ 'remove' ]();
563+ if( v.parent === this && xnodes[ xnodes.length - 1 ] === v ) return this;
564+ v[ 'remove' ]();
564565 // IE4 でテキストノードの追加、FIXED 済でない場合、親に要素の追加を通知
565566 if( X_UA[ 'IE4' ] && !v[ '_tag' ] && ( ( this[ '_flags' ] & X_NodeFlags_IE4_FIXED ) === 0 ) ) this[ '_flags' ] |= X_NodeFlags_IE4_DIRTY_CHILDREN;
566567 break;
@@ -780,6 +781,13 @@ function X_Node_remove(){
780781
781782 if( !parent ) return this;
782783
784+ // TODO anime
785+ // stop() ->
786+ if( this[ '_anime' ] && this[ '_anime' ].phase ){
787+ console.log( 'Animation 中の REMOVE' );
788+ this[ 'stop' ]();
789+ };
790+
783791 delete this.parent;
784792 parent[ '_xnodes' ].splice( parent[ '_xnodes' ].indexOf( this ), 1 );
785793
@@ -852,7 +860,13 @@ function X_Node_onKill( that ){
852860 };
853861
854862 X_Node_CHASHE[ that[ '_uid' ] ] = null; // array に対して delete X_Node_CHASHE[ uid ] はまずい!
855-
863+
864+// TODO anime
865+ if( that[ '_anime' ] && that[ '_anime' ].phase ){
866+ console.log( 'Animation 中の KILL' );
867+ that[ 'stop' ]();
868+ };
869+
856870 // remove _xnodes
857871 if( X_UA_DOM.IE4 ){
858872 if( elm ){
@@ -882,17 +896,22 @@ function X_Node_onKill( that ){
882896 */
883897 function X_Node_contains( v ){
884898 var elm, type, xnodes, i;
899+
885900 if( !v || !this[ '_tag' ] || this === v ) return false;
901+
886902 // contains ie4+
903+ /*
887904 if( ( elm = this[ '_rawObject' ] || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this ) ) && document.contains && ( type = X_Node_getType( v ) ) && ( type === X_NodeType_RAW_HTML || type === X_NodeType_RAW_TEXT ) ){
888905 return elm.contains( v );
889- };
906+ }; */
890907
891908 //if( document.compareDocumentPosition ){
892909 //
893910 //};
911+
894912 xnodes = this[ '_xnodes' ];
895913 if( !xnodes || !xnodes.length ) return false;
914+ if( this === v[ 'parent' ] ) return true; // fast
896915 if( xnodes.indexOf( v ) !== -1 ) return true; // fast
897916 for( i = xnodes.length; i; ){
898917 if( xnodes[ --i ][ 'contains' ]( v ) ) return true;
@@ -1218,6 +1237,12 @@ function X_Node_call( name /*, opt_args... */ ){
12181237 return this.parent ? X_Node_CSS_getCharSize( this ) : 0;
12191238 case 'inGPU' :
12201239 return !!( this[ '_flags' ] & ( X_NodeFlags_GPU_NOW | X_NodeFlags_GPU_RELEASE_RESERVED ) );
1240+ case 'canAnimateNow' :
1241+ return ( this[ '_flags' ] & X_NodeFlags_IN_TREE ) && X_NodeAnime_detectWaitAnimation( this, true, true ) === 6;
1242+ case 'animeState' :
1243+ return this[ '_anime' ] ? this[ '_anime' ].phase : 0;
1244+ case 'animeProgress' :
1245+ return this[ '_anime' ] && this[ '_anime' ].phase === 7 ? this[ '_anime' ].progress : 0;
12211246 };
12221247
12231248 X_Node_updateTimerID && X_Node_startUpdate();
@@ -1362,6 +1387,7 @@ function X_Node_startUpdate( time ){
13621387 for( ; i; ){
13631388 xnodeOrElm = removal[ --i ];
13641389 // TODO GPU レイヤーの子の場合、remove をスキップする。 非GPU レイヤーへ apppend される場合、clone する?
1390+ // GPU レイヤーを削除する場合、cssText = '' して GPU レイヤーを解除する
13651391 if( !xnodeOrElm[ 'instanceOf' ] ){
13661392 if( X_UA_DOM.IE4 ){
13671393 xnodeOrElm.removeAttribute( 'id' ); // ?
@@ -1424,14 +1450,14 @@ var X_Node__commitUpdate =
14241450
14251451 // 1. GPU 一切の更新をスキップ
14261452 if( that[ '_flags' ] & X_NodeFlags_GPU_NOW ){
1427- //console.log( '更新のskip ' + !!( that[ '_flags' ] & X_Node_BitMask_IS_DIRTY ) );
1453+ console.log( '更新のskip ' + !!( that[ '_flags' ] & X_Node_BitMask_IS_DIRTY ) );
14281454 that[ '_flags' ] & X_Node_BitMask_IS_DIRTY && X_Node__updateRawNode( that, elm );
14291455 return elm;
14301456 };
14311457
14321458 // 2. GPU解放予約
14331459 if( that[ '_flags' ] & X_NodeFlags_GPU_RELEASE_RESERVED ){
1434- // console.log( 'GPU 解放 ' );
1460+ console.log( 'GPU 解放 ' );
14351461 //X_Node_updateReservedByReleaseGPU = true;
14361462 that[ '_flags' ] &= X_Node_BitMask_RESET_GPU;
14371463 //return elm;// TODO もしかしたらこのタイミングで更新できるかも。
@@ -1439,6 +1465,7 @@ var X_Node__commitUpdate =
14391465
14401466 // 3. GPU予約 -> GPU
14411467 if( that[ '_flags' ] & X_NodeFlags_GPU_RESERVED ){
1468+ // TODO size 取得のための update の場合、GPU化を待つ
14421469 that[ '_flags' ] &= X_Node_BitMask_RESET_GPU;
14431470 that[ '_flags' ] |= X_NodeFlags_GPU_NOW;
14441471 };
--- a/0.6.x/js/05_util/06_XWindow.js
+++ b/0.6.x/js/05_util/06_XWindow.js
@@ -25,23 +25,13 @@ var X_Window = X[ 'Util' ][ 'Window' ] = X_EventDispatcher[ 'inherits' ](
2525 'X.Window',
2626
2727 /** @lends X.Util.Window.prototype */
28- {
29-
30- // TODO pair 側に
31- /**
32- * closed の監視用タイマーID
33- * @private
34- * @type {number} */
35- _timerID : 0,
36-
28+ {
3729 'Constructor' : function( options ){
3830 var url = options[ 'url' ],
3931 page = window.open( url || ''/* 'about:blank' */, options[ 'name' ] || '', options[ 'params' ] || '' ),
4032 html = options[ 'html' ],
4133 doc = X_Script_try( X_Object_find, [ page, 'document' ] );
42-
43- X_Pair_create( this, page );
44-
34+
4535 if( !url && html ){
4636 this[ 'write' ]( html );
4737 };
@@ -49,7 +39,10 @@ var X_Window = X[ 'Util' ][ 'Window' ] = X_EventDispatcher[ 'inherits' ](
4939 X_ViewPort[ 'listenOnce' ]( X_EVENT_UNLOAD, this, X_Util_Window_handleEvent );
5040 this[ 'listenOnce' ]( [ X_EVENT_UNLOAD, X_EVENT_KILL_INSTANCE ], X_Util_Window_handleEvent );
5141
52- this._timerID = X_Timer_add( options[ 'interval' ] || 500, 0, this, X_Util_Window_onTimer );
42+ X_Pair_create( this, {
43+ page : page,
44+ timerID : X_Timer_add( options[ 'interval' ] || 500, 0, this, X_Util_Window_onTimer )
45+ } );
5346 },
5447
5548 /**
@@ -61,16 +54,30 @@ var X_Window = X[ 'Util' ][ 'Window' ] = X_EventDispatcher[ 'inherits' ](
6154 * @return {boolean}
6255 */
6356 'closed' : function(){
64- return X_Script_try( X_Object_find, [ X_Pair_get( this ), 'closed' ] );
57+ var pair = X_Pair_get( this );
58+
59+ return pair ? X_Script_try( X_Object_find, [ pair.page, 'closed' ] ) : true;
6560 },
66-
61+
62+ /**
63+ * 別窓の url を書き換える
64+ * @param {string} url
65+ * @return {Window} チェーンメソッド
66+ */
67+ 'url' : function( url ){
68+ var pair = X_Pair_get( this );
69+
70+ pair && ( pair.location.href = url );
71+ },
72+
6773 /**
6874 * 別窓の内容を書き換える
6975 * @param {string=} opt_html html文字列
7076 * @return {Window} チェーンメソッド
7177 */
7278 'write' : function( opt_html ){
73- var doc = X_Script_try( X_Object_find, [ X_Pair_get( this ), 'document' ] );
79+ var pair = X_Pair_get( this ),
80+ doc = pair && X_Script_try( X_Object_find, [ pair.page, 'document' ] );
7481
7582 if( doc ){
7683 doc.open();
@@ -81,23 +88,34 @@ var X_Window = X[ 'Util' ][ 'Window' ] = X_EventDispatcher[ 'inherits' ](
8188 };
8289
8390 return this;
91+ },
92+
93+ /**
94+ * 別窓の値にアクセスする, X.Object.find 参照
95+ * @param {string} selector 'navigator>mineTypes>hoge'
96+ * @return {*}
97+ */
98+ 'find' : function( selector ){
99+ var pair = X_Pair_get( this );
100+
101+ if( pair ) return X_Script_try( X_Object_find, [ pair.page, selector ] );
84102 }
85-
86- // TODO url
87-
88103 }
89104 );
90105
91106 function X_Util_Window_onTimer( e ){
107+ var pair = X_Pair_get( this );
108+
92109 if( this[ 'closed' ]() ){
93110 this[ 'asyncDispatch' ]( X_EVENT_UNLOAD );
94- delete this._timerID;
111+ delete pair.timerID;
95112 return X_CALLBACK_UN_LISTEN;
96113 };
97114 };
98115
99116 function X_Util_Window_handleEvent( e ){
100- var page = X_Pair_get( this );
117+ var pair = X_Pair_get( this ),
118+ page = pair && pair.page;
101119
102120 switch( e.type ){
103121 case X_EVENT_UNLOAD :
@@ -113,7 +131,7 @@ function X_Util_Window_handleEvent( e ){
113131 };
114132 X_Pair_release( this, page );
115133 };
116- this._timerID && X_Timer_remove( this._timerID );
134+ pair.timerID && X_Timer_remove( pair.timerID );
117135 X_ViewPort[ 'unlisten' ]( X_EVENT_UNLOAD, this, X_Util_Window_handleEvent );
118136 break;
119137 };
--- a/0.6.x/js/06_net/05_XXHRGadget.js
+++ b/0.6.x/js/06_net/05_XXHRGadget.js
@@ -1,4 +1,4 @@
1-//{+xhrgadget"OpenSocialガジェット通信プロキシ"(Xドメインは元よりXプロトコルな擬似xhr通信を可能にする)[+xhr]
1+//{+xhrgadget"OpenSocialガジェット通信プロキシ"(クロスドメインは元よりクロスプロトコルな擬似xhr通信を可能にする)[+xhr]
22
33 /*
44 * gadgets.io.makeRequest
--- a/0.6.x/js/06_net/10_XOAuth2.js
+++ b/0.6.x/js/06_net/10_XOAuth2.js
@@ -1,7 +1,7 @@
11
2-//{+oauth2"OAuth2 サービスの定義"(OAuth2外部サービスを定義し、認可プロセス・xhrの署名を自動化します)[+xhr]
3-var X_NET_OAUTH2_authorizationWindow,
4- X_NET_OAUTH2_authorizationTimerID;
2+//{+oauth2"OAuth2 サービスの定義"(OAuth2外部サービスを定義し、認可プロセス・xhrの署名を自動化します)[+xhr,+window]
3+var X_OAUTH2_authWindow,
4+ X_OAUTH2_authTimerID;
55
66 /**
77 * イベント
@@ -73,7 +73,7 @@ X[ 'OAuth2' ] = X_EventDispatcher[ 'inherits' ](
7373 };
7474
7575 // TODO canUse gadgetProxy
76- this[ 'listen' ]( [ X_EVENT_KILL_INSTANCE, X_EVENT_SUCCESS, X_EVENT_ERROR, X_EVENT_NEED_AUTH ], X_NET_OAUTH2_handleEvent );
76+ this[ 'listen' ]( [ X_EVENT_KILL_INSTANCE, X_EVENT_SUCCESS, X_EVENT_ERROR, X_EVENT_NEED_AUTH ], X_OAUTH2_handleEvent );
7777 },
7878
7979 /**
@@ -113,7 +113,7 @@ X[ 'OAuth2' ] = X_EventDispatcher[ 'inherits' ](
113113 };
114114
115115 // 二つ以上の popup を作らない
116- if( X_NET_OAUTH2_authorizationWindow ) return;
116+ if( X_OAUTH2_authWindow ) return;
117117
118118 pair = X_Pair_get( this );
119119
@@ -121,25 +121,25 @@ X[ 'OAuth2' ] = X_EventDispatcher[ 'inherits' ](
121121
122122 w = pair[ 'authorizeWindowWidth' ] || 500;
123123 h = pair[ 'authorizeWindowHeight' ] || 500;
124+
125+ X_OAUTH2_authWindow = X_Window( {
126+ 'url' : X_URL_create( pair[ 'authorizeEndpoint' ],
127+ {
128+ 'response_type' : 'code',
129+ 'client_id' : pair[ 'clientID' ],
130+ 'redirect_uri' : pair[ 'redirectURI' ],
131+ 'scope' : ( pair[ 'scopes' ] || [] ).join( ' ' )
132+ }
133+ ),
134+ 'name' : 'oauthauthorize',
135+ 'params' : 'width=' + w
136+ + ',height=' + h
137+ + ',left=' + ( screen.width - w ) / 2
138+ + ',top=' + ( screen.height - h ) / 2
139+ + ',menubar=no,toolbar=no'
140+ } )[ 'listen' ]( X_EVENT_UNLOAD, this, X_OAuth2_detectAuthPopup );
124141
125- // TODO X.Util.Window
126- X_NET_OAUTH2_authorizationWindow = window.open(
127- X_URL_create( pair[ 'authorizeEndpoint' ],
128- {
129- 'response_type' : 'code',
130- 'client_id' : pair[ 'clientID' ],
131- 'redirect_uri' : pair[ 'redirectURI' ],
132- 'scope' : ( pair[ 'scopes' ] || [] ).join( ' ' )
133- }
134- ),
135- 'oauthauthorize',
136- 'width=' + w
137- + ',height=' + h
138- + ',left=' + ( screen.width - w ) / 2
139- + ',top=' + ( screen.height - h ) / 2
140- + ',menubar=no,toolbar=no');
141-
142- X_NET_OAUTH2_authorizationTimerID = X_Timer_add( 333, 0, this, X_Net_OAuth2_detectAuthPopup );
142+ X_OAUTH2_authTimerID = X_Timer_add( 333, 0, this, X_OAuth2_detectAuthPopup );
143143
144144 pair.oauth2State = 1;
145145
@@ -162,17 +162,13 @@ X[ 'OAuth2' ] = X_EventDispatcher[ 'inherits' ](
162162 };
163163
164164 // http://kojikoji75.hatenablog.com/entry/2013/12/15/223839
165- if( X_NET_OAUTH2_authorizationWindow ){
166- if( 9 < X_UA[ 'IEHost' ] ){
167- X_NET_OAUTH2_authorizationWindow.close();
168- } else {
169- X_NET_OAUTH2_authorizationWindow.open( 'about:blank', '_self' ).close();
170- };
171- X_NET_OAUTH2_authorizationWindow = null;
165+ if( X_OAUTH2_authWindow ){
166+ X_OAUTH2_authWindow[ 'kill' ]();
167+ X_OAUTH2_authWindow = null;
172168 };
173169
174- X_NET_OAUTH2_authorizationTimerID && X_Timer_remove( X_NET_OAUTH2_authorizationTimerID );
175- X_NET_OAUTH2_authorizationTimerID = 0;
170+ X_OAUTH2_authTimerID && X_Timer_remove( X_OAUTH2_authTimerID );
171+ X_OAUTH2_authTimerID = 0;
176172
177173 this[ 'asyncDispatch' ]( X_EVENT_CANCELED );
178174 },
@@ -213,14 +209,14 @@ X[ 'OAuth2' ] = X_EventDispatcher[ 'inherits' ](
213209 'Content-Type' : 'application/x-www-form-urlencoded'
214210 },
215211 'test' : 'gadget' // canuse
216- } ).listenOnce( [ X_EVENT_SUCCESS, X_EVENT_ERROR ], this, X_Net_OAuth2_responceHandler );
212+ } ).listenOnce( [ X_EVENT_SUCCESS, X_EVENT_ERROR ], this, X_OAuth2_responceHandler );
217213
218214 this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, message : 'Start to refresh token.' } );
219215 }
220216 }
221217 );
222218
223-function X_NET_OAUTH2_handleEvent( e ){
219+function X_OAUTH2_handleEvent( e ){
224220 var pair = X_Pair_get( this );
225221
226222 switch( e.type ){
@@ -241,41 +237,35 @@ function X_NET_OAUTH2_handleEvent( e ){
241237 };
242238 };
243239
244-function X_Net_OAuth2_detectAuthPopup(){
245- var closed, search, pair = X_Pair_get( this );
246-
247- if( X_NET_OAUTH2_authorizationWindow.closed ){
248- pair.oauth2State = 0;
249- closed = true;
240+function X_OAuth2_detectAuthPopup( e ){
241+ var pair = X_Pair_get( this ),
242+ status, search;
250243
244+ if( X_OAUTH2_authWindow[ 'closed' ]() ){
245+ status = 0;
251246 this[ 'asyncDispatch' ]( X_EVENT_CANCELED );
252247 } else
253- if( search = X_Script_try( X_Object_find, [ X_NET_OAUTH2_authorizationWindow, 'location>search' ] ) ){
254- pair = X_Pair_get( this );
248+ if( search = X_OAUTH2_authWindow[ 'find' ]( 'location>search' ) ){
249+ pair = X_Pair_get( this );
255250 pair.code = X_URL_paramToObj( search.slice( 1 ) )[ 'code' ];
256-
257- if( 9 < X_UA[ 'IEHost' ] ){
258- X_NET_OAUTH2_authorizationWindow.close();
259- } else {
260- X_NET_OAUTH2_authorizationWindow.open( 'about:blank', '_self' ).close();
261- };
262- closed = true;
263-
264- X_Net_OAuth2_authorizationCode( this, pair );
265-
266- pair.oauth2State = 2;
251+ status = 2;
252+ X_OAuth2_authorizationCode( this, pair );
267253 this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, message : 'Get code success, then authorization code.' } );
268254 };
269255
270- if( closed ){
271- X_NET_OAUTH2_authorizationWindow = null;
272- X_NET_OAUTH2_authorizationTimerID = 0;
256+ if( 0 <= status ){
257+ pair = pair || X_Pair_get( this );
258+ pair.oauth2State = status;
259+
260+ X_OAUTH2_authWindow[ 'kill' ]();
261+ X_OAUTH2_authWindow = null;
262+ X_OAUTH2_authTimerID = X_Timer_remove( X_OAUTH2_authTimerID );
273263
274264 return X_CALLBACK_UN_LISTEN;
275265 };
276266 };
277267
278-function X_Net_OAuth2_authorizationCode( oauth2, pair ){
268+function X_OAuth2_authorizationCode( oauth2, pair ){
279269 pair.net = X.Net( {
280270 'xhr' : pair[ 'tokenEndpoint' ],
281271 'postdata' : X_URL_objToParam({
@@ -291,10 +281,10 @@ function X_Net_OAuth2_authorizationCode( oauth2, pair ){
291281 'Content-Type' : 'application/x-www-form-urlencoded'
292282 },
293283 'test' : 'gadget'
294- } ).listenOnce( [ X_EVENT_SUCCESS, X_EVENT_ERROR ], oauth2, X_Net_OAuth2_responceHandler );
284+ } ).listenOnce( [ X_EVENT_SUCCESS, X_EVENT_ERROR ], oauth2, X_OAuth2_responceHandler );
295285 };
296286
297-function X_Net_OAuth2_responceHandler( e ){
287+function X_OAuth2_responceHandler( e ){
298288 var data = e.response,
299289 pair = X_Pair_get( this ),
300290 isRefresh = pair.oauth2State === 3;
@@ -353,7 +343,7 @@ function X_Net_OAuth2_responceHandler( e ){
353343 X_OAuth2_setAuthMechanism( this, 'param' );
354344 this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, message : 'Refresh access token failed. retry header -> param. ' } );
355345 // retry
356- X_Net_OAuth2_authorizationCode( this, pair );
346+ X_OAuth2_authorizationCode( this, pair );
357347 };
358348 break;
359349 };
--- a/0.6.x/js/07_audio/00_XAudio.js
+++ b/0.6.x/js/07_audio/00_XAudio.js
@@ -62,7 +62,7 @@ X_TEMP.onSystemReady.push(
6262 */
6363 X[ 'Audio' ] = X_EventDispatcher[ 'inherits' ](
6464 'X.Audio',
65- X_Class.POOL_OBJECT,
65+ X_Class.NONE,
6666 {
6767 /**
6868 * 音声の url。X.Event.BACKEND_READY で設定される。
--- a/0.6.x/js/20_ui/01_XUI_LayoutBase.js
+++ b/0.6.x/js/20_ui/01_XUI_LayoutBase.js
@@ -17,8 +17,6 @@ XUI_Dirty = {
1717 FONT : 3, // フォントサイズが変更された
1818 CONTENT : 4 // コンテンツが変更された
1919 },
20-
21-XUI_currentRootData,
2220
2321 XUI_LayoutBase = X_Class_create(
2422 'X.UI.Layout.Base',
--- a/0.6.x/js/20_ui/05_XUI_Gesture.js
+++ b/0.6.x/js/20_ui/05_XUI_Gesture.js
@@ -303,7 +303,7 @@ function XUI_Gesture_handleEvent( e ){
303303 hammerEvent.touches = touches;
304304
305305 if( isStart && !hammer.gestureStartEvent ){
306- console.log( '=- add -=' );
306+ //console.log( '=- add -=' );
307307 // already busy with a Hammer.gesture detection on an element
308308 hammer.gestureStartEvent = hammerEvent;
309309 XUI_rootData[ 'listen' ]( [ XUI_Event._POINTER_MOVE, XUI_Event._POINTER_UP, XUI_Event._POINTER_CANCEL, XUI_Event.POINTER_OUT ], hammer, XUI_Gesture_handleEvent );
@@ -357,13 +357,13 @@ function XUI_Gesture_handleEvent( e ){
357357 // store as previous event event
358358 hammer.gestureLastEvent = hammerEvent;
359359 activated = hammer.gestureActivated;
360- console.log( '... ' );
360+ //console.log( '... ' );
361361 // call Hammer.gesture handlers
362362 for( i = 0, l = gestures.length; i < l; ++i ){
363363 gesture = gestures[ i ];
364364
365365 if( activated[ gesture.name ] && !hammer.gestureCanceled[ gesture.name ] ){
366- ( console.log( '... ' + i + ' ' + gesture.name ) );
366+ //( console.log( '... ' + i + ' ' + gesture.name ) );
367367 // if a handler returns false, we stop with the detection
368368 ( ret |= ( gesture.handler( hammerEvent, hammer ) || X_CALLBACK_NONE ) );
369369 };
@@ -389,14 +389,14 @@ function XUI_Gesture_handleEvent( e ){
389389 for( i = touches.length; i; ){
390390 uid = touches[ --i ][ 'pointerId' ];
391391 if( XUI_Gesture_CAPTURED[ uid ] === hammer ){
392- console.log( 'released. ' + uid );
392+ //console.log( 'released. ' + uid );
393393 delete XUI_Gesture_CAPTURED[ uid ];
394394 };
395395 };
396396 };
397397
398398 if( isEnd ){
399- console.log( '=- clear -=' );
399+ //console.log( '=- clear -=' );
400400 XUI_rootData[ 'unlisten' ]( [ XUI_Event._POINTER_MOVE, XUI_Event._POINTER_UP, XUI_Event._POINTER_CANCEL, XUI_Event.POINTER_OUT ], hammer, XUI_Gesture_handleEvent );
401401
402402 hammer.previous = {
@@ -624,7 +624,7 @@ var XUI_Gesture_LIST = [
624624 // break;
625625 //};
626626 ret |= X_CALLBACK_CAPTURE_POINTER;
627- console.log( '----- drag start ....' + e.type );
627+ //console.log( '----- drag start ....' + e.type );
628628 hammer.gestureTriggered[ drag.name ] = true;
629629 break;
630630 };
@@ -653,13 +653,13 @@ var XUI_Gesture_LIST = [
653653 break;
654654
655655 case XUI_Event.POINTER_OUT :
656- console.log( 'cancel!!' );
656+ //console.log( 'cancel!!' );
657657 case XUI_Event._POINTER_CANCEL :
658658 case XUI_Event._POINTER_UP:
659659 // trigger dragend
660660 if( hammer.gestureTriggered[ drag.name ] ){
661661 ret = XUI_Gesture_trigger( hammer, XUI_Event.DRAG_END, e ) | X_CALLBACK_CAPTURE_POINTER;
662- console.log( '----- drag end ....' + e.type );
662+ //console.log( '----- drag end ....' + e.type );
663663 hammer.gestureTriggered[ drag.name ] = false;
664664 };
665665 break;
@@ -704,7 +704,7 @@ var XUI_Gesture_LIST = [
704704 // do a single tap
705705 if( hammer.gestureOptions.tap_always ){
706706 hammer.gestureCurrentName = 'tap';
707- console.log( 'tap! ' + e.deltaTime + 'ms ' + e.type );
707+ //console.log( 'tap! ' + e.deltaTime + 'ms ' + e.type );
708708 return XUI_Gesture_trigger( hammer, XUI_Event.TAP, e );
709709 };
710710 };
--- a/0.6.x/js/20_ui/08_Box.js
+++ b/0.6.x/js/20_ui/08_Box.js
@@ -233,6 +233,8 @@ var XUI_Box = XUI_AbstractUINode.inherits(
233233 };
234234 p3 && data.phase < 3 && data.creationComplete();
235235 };
236+
237+ console.log( 'addAt レイアウト 4? ' + this.phase );
236238 4 <= this.phase && this.rootData.reserveCalc();
237239 },
238240
--- a/0.6.x/js/20_ui/15_ScrollBox.js
+++ b/0.6.x/js/20_ui/15_ScrollBox.js
@@ -9,44 +9,54 @@ var XUI_ScrollBox_current,
99
1010 function XUI_ScrollBox_start( scrollBox ){
1111 // 既存スクロールの停止
12- if( scrollBox.hasVScroll ){
12+ if( XUI_ScrollBox_current && XUI_ScrollBox_current !== scrollBox ){
13+ XUI_ScrollBox_indicatorV &&
14+ XUI_ScrollBox_current[ 'unlisten' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorV, XUI_ScrollBox_indicatorHandleEvent );
15+
16+ XUI_ScrollBox_indicatorH &&
17+ XUI_ScrollBox_current[ 'unlisten' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorH, XUI_ScrollBox_indicatorHandleEvent );
18+ };
19+
20+ if( scrollBox && scrollBox.hasVScroll ){
1321 if( !XUI_ScrollBox_indicatorV ){
1422 XUI_ScrollBox_indicatorV = X_Doc_create( 'div' )[ 'className' ]( 'ScrollBox-IndicatorV' );
1523 };
16- if( XUI_ScrollBox_current )
17- XUI_ScrollBox_current[ 'unlisten' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorV, XUI_ScrollBox_indicatorHandleEvent );
18-
19- scrollBox.xnode[ 'append' ]( XUI_ScrollBox_indicatorV );
20- XUI_ScrollBox_indicatorV[ 'animate' ](
21- { opacity : 0 },
22- { opacity : 1 },
23- 900, 'circular', 300
24- );
25- scrollBox
26- [ 'listenOnce' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorV, XUI_ScrollBox_indicatorHandleEvent );
24+ if( scrollBox.xnode !== XUI_ScrollBox_indicatorV.parent ){
25+ console.log( '*** Scroll Indicator add ***' );
26+ scrollBox.xnode[ 'append' ]( XUI_ScrollBox_indicatorV );
27+ XUI_ScrollBox_indicatorV[ 'animate' ](
28+ { opacity : 0 },
29+ { opacity : 1 },
30+ 900, 'circular', 300
31+ );
32+ scrollBox
33+ [ 'listen' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorV, XUI_ScrollBox_indicatorHandleEvent );
34+ };
2735 } else
2836 if( XUI_ScrollBox_indicatorV ){
37+ console.log( '*** Scroll Indicator remove ***' );
2938 XUI_ScrollBox_indicatorV[ 'remove' ]();
3039 };
3140
32- if( scrollBox.hasHScroll ){
41+ if( scrollBox && scrollBox.hasHScroll ){
3342 if( !XUI_ScrollBox_indicatorH ){
3443 XUI_ScrollBox_indicatorH = X_Doc_create( 'div' )[ 'className' ]( 'ScrollBox-IndicatorH' );
3544 };
36- if( XUI_ScrollBox_current )
37- XUI_ScrollBox_current[ 'unlisten' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorH, XUI_ScrollBox_indicatorHandleEvent );
38- scrollBox.xnode[ 'append' ]( XUI_ScrollBox_indicatorH );
39- XUI_ScrollBox_indicatorH[ 'animate' ](
40- { opacity : 0 },
41- { opacity : 1 },
42- 900, 'circular', 300
43- );
44- scrollBox
45- [ 'listenOnce' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorH, XUI_ScrollBox_indicatorHandleEvent );
45+ if( scrollBox.xnode !== XUI_ScrollBox_indicatorH.parent ){
46+ scrollBox.xnode[ 'append' ]( XUI_ScrollBox_indicatorH );
47+ XUI_ScrollBox_indicatorH[ 'animate' ](
48+ { opacity : 0 },
49+ { opacity : 1 },
50+ 900, 'circular', 300
51+ );
52+ scrollBox
53+ [ 'listen' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorH, XUI_ScrollBox_indicatorHandleEvent );
54+ };
4655 } else
4756 if( XUI_ScrollBox_indicatorH ){
4857 XUI_ScrollBox_indicatorH[ 'remove' ]();
4958 };
59+
5060 XUI_ScrollBox_current = scrollBox;
5161 };
5262
@@ -198,6 +208,10 @@ var XUI_ScrollBox = XUI_ChromeBox.inherits(
198208 this[ 'unlisten' ]( XUI_Event.SCROLL_END, XUI_rootData, XUI_rootData.calculate );
199209
200210 this.xnodeSlider[ 'stop' ]();
211+
212+ XUI_ScrollBox_current === this && XUI_ScrollBox_start( null );
213+
214+ this.scrolling = false;
201215 };
202216 }
203217
@@ -205,7 +219,7 @@ var XUI_ScrollBox = XUI_ChromeBox.inherits(
205219 );
206220
207221 function X_UI_ScrollBox_onLayoutBefore( e ){
208- if( e[ 'cancelable' ] && this.isInTransition && X_Node_Anime_translateZ ){
222+ if( e[ 'cancelable' ] && this.isInTransition && X_NodeAnime_translateZ ){
209223 this[ 'listenOnce' ]( XUI_Event.SCROLL_END, XUI_rootData, XUI_rootData.calculate );
210224 return X_CALLBACK_PREVENT_DEFAULT;
211225 };
@@ -298,7 +312,7 @@ function X_UI_ScrollBox_translate( that, x, y, opt_time, opt_easing, opt_release
298312 XUI_ScrollBox_indicatorH && XUI_ScrollBox_indicatorH[ 'css' ]( 'top' , ( scrollBoxH - that.fontSize * 0.6 | 0 ) + 'px' );
299313 };
300314
301- if( that.hasVScroll && XUI_ScrollBox_indicatorV ){
315+ if( that.hasVScroll && XUI_ScrollBox_indicatorV && XUI_ScrollBox_indicatorV.parent === that.xnode ){
302316 indicatorH = scrollBoxH * scrollBoxH / ( - that.scrollYMax + scrollBoxH );
303317 scrollBoxH -= indicatorH;
304318
@@ -317,7 +331,7 @@ function X_UI_ScrollBox_translate( that, x, y, opt_time, opt_easing, opt_release
317331 opt_time, opt_easing, opt_release
318332 );
319333 };
320- if( that.hasHScroll && XUI_ScrollBox_indicatorH ){
334+ if( that.hasHScroll && XUI_ScrollBox_indicatorH && XUI_ScrollBox_indicatorH.parent === that.xnode ){
321335 indicatorW = scrollBoxW * scrollBoxW / ( - that.scrollXMax + scrollBoxW );
322336 scrollBoxW -= indicatorW;
323337 XUI_ScrollBox_indicatorH
@@ -393,7 +407,7 @@ function X_UI_ScrollBox_onMove( e ){
393407 };
394408
395409 // gpu の用意
396- if( !this.xnodeSlider[ '_anime' ] ){
410+ if( !this.xnodeSlider[ '_anime' ] || !this.xnodeSlider[ '_anime' ].phase ){
397411 //console.log( 'gpuレイヤーの用意 ' + e.pageY );
398412 //console.log( 'mov1 x:' + this.scrollX + ' y:' + this.scrollY );
399413 X_UI_ScrollBox_translate( this, this.scrollX, this.scrollY, 0, '', 300 );
--- a/0.6.x/js/20_ui/20_Root.js
+++ b/0.6.x/js/20_ui/20_Root.js
@@ -208,9 +208,12 @@ var XUI_Root = XUI_Box.inherits(
208208 size, font, w, h;
209209
210210 if( ( this[ 'dispatch' ]( { type : XUI_Event.LAYOUT_BEFORE, 'cancelable' : cancelable } ) & X_CALLBACK_PREVENT_DEFAULT ) && cancelable ){
211+ console.log( 'Layout のキャンセル' );
211212 return X_CALLBACK_NONE;
212213 };
213214
215+ console.log( 'レイアウト開始' );
216+
214217 XUI_mousemoveFix && XUI_mousemoveFixResetScroll();
215218
216219 size = X[ 'ViewPort' ][ 'getSize' ]();
@@ -219,9 +222,14 @@ var XUI_Root = XUI_Box.inherits(
219222 this.updateLayout();
220223
221224 this.calcReserved = false;
222-
223- X_ViewPort[ 'listenOnce' ]( X_EVENT_AFTER_UPDATE, this, XUI_Root_onViewUpdate );
224-
225+
226+ // size を測りながらレイアウトする結果、アップデートがない場合がある
227+ if( X_Node_updateTimerID ){
228+ X_ViewPort[ 'listenOnce' ]( X_EVENT_AFTER_UPDATE, this, XUI_Root_onViewUpdate );
229+ } else {
230+ this[ 'asyncDispatch' ]( XUI_Event.LAYOUT_COMPLETE );
231+ };
232+
225233 return X_CALLBACK_NONE;
226234 },
227235
@@ -240,6 +248,7 @@ function XUI_Root_do1stCalculate(){
240248 };
241249
242250 function XUI_Root_onViewUpdate( e ){
251+ console.log( 'レイアウト完了' );
243252 this[ 'dispatch' ]( XUI_Event.LAYOUT_COMPLETE );
244253 };
245254
旧リポジトリブラウザで表示