itmar-block-packages 3.1.5 → 3.2.0
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.
- package/README.md +3 -0
- package/build/cjs/SwiperControl.js +26 -1
- package/build/cjs/SwiperControl.js.map +1 -1
- package/build/cjs/customHooks.js +35 -16
- package/build/cjs/customHooks.js.map +1 -1
- package/build/cjs/index.js +2 -0
- package/build/cjs/index.js.map +1 -1
- package/build/cjs/styleComponentApply.js +138 -4
- package/build/cjs/styleComponentApply.js.map +1 -1
- package/build/cjs/types/customHooks.d.ts +3 -2
- package/build/cjs/types/index.d.ts +1 -1
- package/build/cjs/types/styleComponentApply.d.ts +24 -1
- package/build/esm/SwiperControl.js +26 -1
- package/build/esm/SwiperControl.js.map +1 -1
- package/build/esm/customHooks.js +35 -16
- package/build/esm/customHooks.js.map +1 -1
- package/build/esm/index.js +1 -1
- package/build/esm/styleComponentApply.js +137 -5
- package/build/esm/styleComponentApply.js.map +1 -1
- package/build/esm/types/customHooks.d.ts +3 -2
- package/build/esm/types/index.d.ts +1 -1
- package/build/esm/types/styleComponentApply.d.ts +24 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var Swiper = require('swiper');
|
|
4
|
+
var modules = require('swiper/modules');
|
|
4
5
|
|
|
5
6
|
// 2. 外部変数の宣言（管理用のSetとMap）
|
|
6
7
|
const linkedPairs = new Set();
|
|
@@ -111,6 +112,26 @@ function slideBlockSwiperInit(swiperElement) {
|
|
|
111
112
|
const is_thumbnail = !!getData(el, "thumb-flg");
|
|
112
113
|
const swiper_info = getData(el, "swiper-info");
|
|
113
114
|
const parallax_obj = getData(el, "parallax-option");
|
|
115
|
+
const moduleArray = [];
|
|
116
|
+
//モジュールのマッピング
|
|
117
|
+
const effectModule = {
|
|
118
|
+
fade_single_view: modules.EffectFade,
|
|
119
|
+
coverflow: modules.EffectCoverflow,
|
|
120
|
+
coverflow_2: modules.EffectCoverflow,
|
|
121
|
+
cube: modules.EffectCube,
|
|
122
|
+
flip: modules.EffectFlip,
|
|
123
|
+
cards: modules.EffectCards,
|
|
124
|
+
parallax: modules.Parallax,
|
|
125
|
+
thumbs: modules.Thumbs,
|
|
126
|
+
};
|
|
127
|
+
//エフェクトのセット
|
|
128
|
+
if (swiper_info.effect) {
|
|
129
|
+
if (effectModule[swiper_info.effect]) {
|
|
130
|
+
moduleArray.push(effectModule[swiper_info.effect]);
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
//モジュールを追加
|
|
134
|
+
moduleArray.push(effectModule["parallax"], effectModule["thumbs"]);
|
|
114
135
|
if (!swiper_info || typeof swiper_info !== "object") {
|
|
115
136
|
throw new Error("data-swiper-info が見つからないか、JSONとして解釈できません。");
|
|
116
137
|
}
|
|
@@ -231,15 +252,19 @@ function slideBlockSwiperInit(swiperElement) {
|
|
|
231
252
|
}
|
|
232
253
|
// ナビゲーション等の設定
|
|
233
254
|
if (swiper_info.navigation?.disp) {
|
|
255
|
+
moduleArray.push(modules.Navigation);
|
|
234
256
|
swiperOptions.navigation = {
|
|
235
257
|
nextEl: `.${swiper_id}-next`,
|
|
236
258
|
prevEl: `.${swiper_id}-prev`,
|
|
259
|
+
addIcons: false,
|
|
237
260
|
};
|
|
238
261
|
}
|
|
239
262
|
if (swiper_info.pagination?.disp) {
|
|
263
|
+
moduleArray.push(modules.Pagination);
|
|
240
264
|
swiperOptions.pagination = { el: `.${swiper_id}-pagination` };
|
|
241
265
|
}
|
|
242
266
|
if (swiper_info.scrollbar?.disp) {
|
|
267
|
+
moduleArray.push(modules.Scrollbar);
|
|
243
268
|
swiperOptions.scrollbar = { el: `.${swiper_id}-scrollbar` };
|
|
244
269
|
}
|
|
245
270
|
// エフェクトの適用
|
|
@@ -248,7 +273,7 @@ function slideBlockSwiperInit(swiperElement) {
|
|
|
248
273
|
swiperOptions = { ...swiperOptions, ...effectOption[currentEffect] };
|
|
249
274
|
}
|
|
250
275
|
// ここが $swiperElement[0] -> el に変わる
|
|
251
|
-
const instance = new Swiper(el, swiperOptions);
|
|
276
|
+
const instance = new Swiper(el, { ...swiperOptions, modules: moduleArray });
|
|
252
277
|
const swiperObj = {
|
|
253
278
|
instance,
|
|
254
279
|
swiper_id,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwiperControl.js","sources":["../../src/SwiperControl.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SwiperControl.js","sources":["../../src/SwiperControl.ts"],"sourcesContent":[null],"names":["EffectFade","EffectCoverflow","EffectCube","EffectFlip","EffectCards","Parallax","Thumbs","Navigation","Pagination","Scrollbar"],"mappings":";;;;;AA2BA;AACA,MAAM,WAAW,GAAG,IAAI,GAAG,EAAU;AACrC,MAAM,cAAc,GAAG,IAAI,GAAG,EAAwB;AAEtD,SAAS,eAAe,CAAC,GAA8B,EAAA;IACrD,IAAI,GAAG,IAAI,IAAI;AAAE,QAAA,OAAO,IAAI;IAC5B,IAAI,OAAO,GAAG,KAAK,QAAQ;AAAE,QAAA,OAAO,GAAG;AAEvC,IAAA,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE;IACpB,IAAI,CAAC,KAAK,EAAE;AAAE,QAAA,OAAO,EAAE;IAEvB,IAAI,CAAC,KAAK,MAAM;AAAE,QAAA,OAAO,IAAI;IAC7B,IAAI,CAAC,KAAK,OAAO;AAAE,QAAA,OAAO,KAAK;IAC/B,IAAI,CAAC,KAAK,MAAM;AAAE,QAAA,OAAO,IAAI;;AAG7B,IAAA,MAAM,SAAS,GACb,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;AACrC,SAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACxC,IAAI,SAAS,EAAE;AACb,QAAA,IAAI;AACF,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QACtB;AAAE,QAAA,MAAM;;AAEN,YAAA,OAAO,GAAG;QACZ;IACF;;AAGA,IAAA,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;IACnB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE;AAAE,QAAA,OAAO,CAAC;AAE1C,IAAA,OAAO,GAAG;AACZ;AAEA,SAAS,YAAY,CAAC,GAAW,EAAA;;AAE/B,IAAA,OAAO,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;AAC5D;AAEA,SAAS,OAAO,CAAC,EAAsB,EAAE,GAAW,EAAA;AAClD,IAAA,IAAI,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACpB,IAAA,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC;;IAG/B,IAAI,EAAE,CAAC,OAAO,IAAI,KAAK,IAAI,EAAE,CAAC,OAAO,EAAE;QACrC,OAAO,eAAe,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3C;;IAGA,MAAM,IAAI,GAAG,EAAE,CAAC,YAAY,GAAG,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,CAAC;IAC7C,IAAI,IAAI,IAAI,IAAI;AAAE,QAAA,OAAO,eAAe,CAAC,IAAI,CAAC;AAE9C,IAAA,OAAO,IAAI;AACb;AACA;;AAEG;AACH,SAAS,WAAW,CAAC,CAAe,EAAE,CAAe,EAAA;AACnD,IAAA,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;QAAE;IAEd,MAAM,OAAO,GAAG,CAAA,EAAG,CAAC,CAAC,SAAS,CAAA,EAAA,EAAK,CAAC,CAAC,SAAS,CAAA,CAAE;AAChD,IAAA,IAAI,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC;QAAE;AAC9B,IAAA,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC;;AAGxB,IAAA,IAAI,CAAC,CAAC,YAAY,EAAE;QAClB,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,QAAQ;AACrC,QAAA,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE;QACxB,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;QAC9B;IACF;;AAGA,IAAA,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE;QACnB,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,4BAA4B,EAAE,CAAC,MAAc,KAAI;AAC7D,YAAA,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC;AAC5D,QAAA,CAAC,CAAC;QACF,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,4BAA4B,EAAE,CAAC,MAAc,KAAI;AAC7D,YAAA,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC;AAC5D,QAAA,CAAC,CAAC;IACJ;AACF;AAEA,SAAS,OAAO,CAAC,SAAuB,EAAA;;AAEtC,IAAA,IAAI,SAAS,CAAC,SAAS,IAAI,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE;QAClE,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC;AACtD,QAAA,IAAI,MAAM;AAAE,YAAA,WAAW,CAAC,SAAS,EAAE,MAAM,CAAC;IAC5C;;IAGA,KAAK,MAAM,KAAK,IAAI,cAAc,CAAC,MAAM,EAAE,EAAE;QAC3C,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,EAAE;AAC3C,YAAA,WAAW,CAAC,KAAK,EAAE,SAAS,CAAC;QAC/B;IACF;AACF;AA6BA;;AAEG;AAEG,SAAU,oBAAoB,CAClC,aAAmC,EAAA;;AAGnC,IAAA,MAAM,EAAE,GACN,OAAO,aAAa,KAAK;AACvB,UAAE,QAAQ,CAAC,aAAa,CAAc,aAAa;UACjD,aAAa;AAEnB,IAAA,IAAI,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;IAEpB,MAAM,SAAS,GAAG,OAAO,CAAC,EAAE,EAAE,WAAW,CAAW;IACpD,MAAM,SAAS,GAAG,OAAO,CAAC,EAAE,EAAE,WAAW,CAAkB;IAC3D,MAAM,YAAY,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,WAAW,CAAC;IAC/C,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE,EAAE,aAAa,CAAe;IAC5D,MAAM,YAAY,GAAG,OAAO,CAAC,EAAE,EAAE,iBAAiB,CAAC;IAEnD,MAAM,WAAW,GAAmB,EAAE;;AAGtC,IAAA,MAAM,YAAY,GAAG;AACnB,QAAA,gBAAgB,EAAEA,kBAAU;AAC5B,QAAA,SAAS,EAAEC,uBAAe;AAC1B,QAAA,WAAW,EAAEA,uBAAe;AAC5B,QAAA,IAAI,EAAEC,kBAAU;AAChB,QAAA,IAAI,EAAEC,kBAAU;AAChB,QAAA,KAAK,EAAEC,mBAAW;AAClB,QAAA,QAAQ,EAAEC,gBAAQ;AAClB,QAAA,MAAM,EAAEC,cAAM;KACf;;AAGD,IAAA,IAAI,WAAW,CAAC,MAAM,EAAE;AACtB,QAAA,IAAI,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;YACpC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACpD;IACF;;AAGA,IAAA,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAElE,IAAI,CAAC,WAAW,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;AACnD,QAAA,MAAM,IAAI,KAAK,CACb,2CAA2C,CAC5C;IACH;;AAGA,IAAA,MAAM,eAAe,GACnB,YAAY,IAAI,IAAI,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE;;AAGhD,IAAA,MAAM,cAAc,GAAkB,WAAW,CAAC;AAChD,UAAE;YACE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC5C,YAAA,QAAQ,EAAE;AACR,gBAAA,KAAK,EAAE,WAAW,CAAC,QAAQ,IAAI,IAAI;AACnC,gBAAA,eAAe,EAAE,KAAK;AACtB,gBAAA,oBAAoB,EAAE,KAAK;AAC5B,aAAA;AACF;UACD,EAAE;;AAEN,IAAA,MAAM,YAAY,GAAkC;AAClD,QAAA,IAAI,EAAE;YACJ,cAAc,EAAE,WAAW,CAAC,cAAc;YAC1C,SAAS,EAAE,WAAW,CAAC,eAAe;YACtC,KAAK,EAAE,WAAW,CAAC,UAAU;YAC7B,aAAa,EAAE,WAAW,CAAC,aAAa;YACxC,YAAY,EAAE,WAAW,CAAC,aAAa;AACvC,YAAA,WAAW,EAAE;AACX,gBAAA,GAAG,EAAE;oBACH,aAAa,EAAE,WAAW,CAAC,cAAc;oBACzC,YAAY,EAAE,WAAW,CAAC,cAAc;AACzC,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,iBAAiB,EAAE;YACjB,SAAS,EAAE,WAAW,CAAC,eAAe;AACtC,YAAA,oBAAoB,EAAE,CAAC;YACvB,KAAK,EAAE,WAAW,CAAC,UAAU;AAC7B,YAAA,cAAc,EAAE,KAAK;AACrB,YAAA,GAAG,eAAe;AACnB,SAAA;AACD,QAAA,gBAAgB,EAAE;YAChB,KAAK,EAAE,WAAW,CAAC,UAAU;AAC7B,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,UAAU,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;AAC/B,YAAA,GAAG,eAAe;AACnB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,cAAc,EAAE,IAAI;AACpB,YAAA,aAAa,EAAE,CAAC;YAChB,YAAY,EAAE,WAAW,CAAC,aAAa;AACvC,YAAA,MAAM,EAAE,WAAW;AACnB,YAAA,eAAe,EAAE;AACf,gBAAA,MAAM,EAAE,EAAE;AACV,gBAAA,KAAK,EAAE,GAAG;AACV,gBAAA,OAAO,EAAE,CAAC;AACV,gBAAA,QAAQ,EAAE,CAAC;AACX,gBAAA,KAAK,EAAE,GAAG;AACV,gBAAA,YAAY,EAAE,IAAI;AACnB,aAAA;AACD,YAAA,WAAW,EAAE;AACX,gBAAA,GAAG,EAAE;oBACH,YAAY,EAAE,WAAW,CAAC,cAAc;AACxC,oBAAA,eAAe,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AAChC,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,cAAc,EAAE,IAAI;AACpB,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,MAAM,EAAE,WAAW;AACnB,YAAA,eAAe,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;AACjE,YAAA,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,eAAe,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE;AAC5D,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,UAAU,EAAE;AACV,gBAAA,YAAY,EAAE,IAAI;AAClB,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,YAAY,EAAE,EAAE;AAChB,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACD,YAAA,EAAE,EAAE;AACF,gBAAA,0BAA0B,EAAE,YAAA;oBAC1B,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC;oBACpC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC;gBACpC,CAAC;AACD,gBAAA,wBAAwB,EAAE,YAAA;oBACxB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC;oBACrC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;gBACnC,CAAC;AACF,aAAA;AACF,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE;AACxD,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,OAAO;AACf,YAAA,WAAW,EAAE;AACX,gBAAA,cAAc,EAAE,CAAC;AACjB,gBAAA,cAAc,EAAE,CAAC;AACjB,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,YAAY,EAAE,IAAI;AACnB,aAAA;AACF,SAAA;KACF;;AAGD,IAAA,IAAI,aAAa,GAAkB;QACjC,IAAI,EAAE,WAAW,CAAC,IAAI;AACtB,QAAA,GAAG,cAAc;KAClB;;IAGD,IAAI,YAAY,EAAE;AAChB,QAAA,aAAa,GAAG;AACd,YAAA,GAAG,aAAa;AAChB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,QAAQ,EAAE,IAAI;SACf;IACH;;AAGA,IAAA,IAAI,WAAW,CAAC,UAAU,EAAE,IAAI,EAAE;AAChC,QAAA,WAAW,CAAC,IAAI,CAACC,kBAAU,CAAC;QAC5B,aAAa,CAAC,UAAU,GAAG;YACzB,MAAM,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,KAAA,CAAO;YAC5B,MAAM,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,KAAA,CAAO;AAC5B,YAAA,QAAQ,EAAE,KAAK;SAChB;IACH;AAEA,IAAA,IAAI,WAAW,CAAC,UAAU,EAAE,IAAI,EAAE;AAChC,QAAA,WAAW,CAAC,IAAI,CAACC,kBAAU,CAAC;QAC5B,aAAa,CAAC,UAAU,GAAG,EAAE,EAAE,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,WAAA,CAAa,EAAE;IAC/D;AAEA,IAAA,IAAI,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE;AAC/B,QAAA,WAAW,CAAC,IAAI,CAACC,iBAAS,CAAC;QAC3B,aAAa,CAAC,SAAS,GAAG,EAAE,EAAE,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,UAAA,CAAY,EAAE;IAC7D;;AAGA,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,IAAI,MAAM;AAClD,IAAA,IAAI,YAAY,CAAC,aAAa,CAAC,EAAE;QAC/B,aAAa,GAAG,EAAE,GAAG,aAAa,EAAE,GAAG,YAAY,CAAC,aAAa,CAAC,EAAE;IACtE;;AAGA,IAAA,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,EAAE,EAAE,EAAE,GAAG,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;AAE3E,IAAA,MAAM,SAAS,GAAiB;QAC9B,QAAQ;QACR,SAAS;QACT,SAAS;QACT,YAAY;KACb;AACD,IAAA,IAAI,SAAS;AAAE,QAAA,cAAc,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC;;IAGvD,OAAO,CAAC,SAAS,CAAC;AAElB,IAAA,OAAO,SAAS;AAClB;;;;"}
|
package/build/cjs/customHooks.js
CHANGED
|
@@ -92,26 +92,45 @@ function useElementBackgroundColor(blockRef, style) {
|
|
|
92
92
|
return baseColor;
|
|
93
93
|
}
|
|
94
94
|
//ブロックのスタイルを取得し、コールバック関数を返すカスタムフック
|
|
95
|
-
function
|
|
95
|
+
function camelToKebab(prop) {
|
|
96
|
+
if (prop.startsWith("--")) {
|
|
97
|
+
return prop;
|
|
98
|
+
}
|
|
99
|
+
return prop.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
|
|
100
|
+
}
|
|
101
|
+
function useElementStyleObject(blockRef, style = {}) {
|
|
96
102
|
const [styleObject, setStyleObject] = element.useState("");
|
|
103
|
+
const styleSignature = JSON.stringify(style ?? {});
|
|
97
104
|
element.useEffect(() => {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
105
|
+
const element = blockRef.current;
|
|
106
|
+
if (!element || !styleSignature || styleSignature === "{}") {
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
let cancelled = false;
|
|
110
|
+
const frameId = window.requestAnimationFrame(() => {
|
|
111
|
+
if (cancelled || !blockRef.current) {
|
|
112
|
+
return;
|
|
113
|
+
}
|
|
114
|
+
const computedStyles = window.getComputedStyle(blockRef.current);
|
|
115
|
+
const styleKeys = Object.keys(JSON.parse(styleSignature));
|
|
116
|
+
const newStyleObject = styleKeys.reduce((acc, key) => {
|
|
117
|
+
const cssPropertyName = camelToKebab(key);
|
|
118
|
+
const value = computedStyles.getPropertyValue(cssPropertyName);
|
|
119
|
+
if (value) {
|
|
120
|
+
acc[key] = value.trim();
|
|
108
121
|
}
|
|
109
122
|
return acc;
|
|
110
123
|
}, {});
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
124
|
+
const nextStyleObject = JSON.stringify(newStyleObject);
|
|
125
|
+
setStyleObject((prev) => {
|
|
126
|
+
return prev === nextStyleObject ? prev : nextStyleObject;
|
|
127
|
+
});
|
|
128
|
+
});
|
|
129
|
+
return () => {
|
|
130
|
+
cancelled = true;
|
|
131
|
+
window.cancelAnimationFrame(frameId);
|
|
132
|
+
};
|
|
133
|
+
}, [blockRef, styleSignature]);
|
|
115
134
|
return styleObject;
|
|
116
135
|
}
|
|
117
136
|
//たくさんの要素をもつオブジェクトや配列の内容の変化で発火するuseEffect
|
|
@@ -269,7 +288,7 @@ function useDuplicateBlockRemove(clientId, blockNames) {
|
|
|
269
288
|
}, [innerBlocks, blockNames, removeBlock, createNotice]);
|
|
270
289
|
}
|
|
271
290
|
//iframeにスタイルをわたすReactコンポーネントを作る
|
|
272
|
-
function useStyleIframe(StyleComp, attributes) {
|
|
291
|
+
function useStyleIframe(StyleComp, attributes, styleName = "") {
|
|
273
292
|
const [iframeHead, setIframeHead] = element.useState(null);
|
|
274
293
|
element.useEffect(() => {
|
|
275
294
|
let disposed = false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"customHooks.js","sources":["../../src/customHooks.tsx"],"sourcesContent":[null],"names":["useRef","useState","useEffect","useDispatch","useSelect","__","createPortal","_jsx","StyleSheetManager"],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"customHooks.js","sources":["../../src/customHooks.tsx"],"sourcesContent":[null],"names":["useRef","useState","useEffect","useDispatch","useSelect","__","createPortal","_jsx","StyleSheetManager"],"mappings":";;;;;;;;;;AA0BA;SACgB,eAAe,GAAA;AAI7B,IAAA,MAAM,GAAG,GAAGA,cAAM,CAAC,IAAI,CAAC;IACxB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,gBAAQ,CAAC,CAAC,CAAC;IAErCC,iBAAS,CAAC,MAAK;QACb,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,KAAI;AACpD,YAAA,KAAK,IAAI,KAAK,IAAI,OAAO,EAAE;AACzB,gBAAA,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;YACnC;AACF,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,GAAG,CAAC,OAAO,EAAE;AACf,YAAA,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;QACrC;AAEA,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,UAAU,EAAE;AAC7B,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE;AACvB;AAEA;SACgB,WAAW,GAAA;IACzB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGD,gBAAQ,CAAC,KAAK,CAAC;IAE/CC,iBAAS,CAAC,MAAK;AACb,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,MAAM,YAAY,GAAG,MAAK;AACxB,gBAAA,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,GAAG,CAAC;AACvC,YAAA,CAAC;AAED,YAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC;AAE/C,YAAA,OAAO,MAAK;AACV,gBAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC;AACpD,YAAA,CAAC;QACH;IACF,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAO,QAAQ;AACjB;AAEA;SACgB,iBAAiB,GAAA;IAC/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGD,gBAAQ,CAAC,KAAK,CAAC;IAE/CC,iBAAS,CAAC,MAAK;;QAEb,MAAM,eAAe,GAAG,MAAK;YAC3B,MAAM,cAAc,GAAG,QAAQ,CAAC,iBAAiB,CAC/C,eAAe,CAChB,CAAC,CAAC,CAAsB;AACzB,YAAA,IAAI,cAAc,IAAI,cAAc,CAAC,aAAa,EAAE;gBAClD,WAAW,CAAC,cAAc,CAAC,aAAa,CAAC,UAAU,IAAI,GAAG,CAAC;YAC7D;AACF,QAAA,CAAC;;QAGD,MAAM,cAAc,GAAG,QAAQ,CAAC,iBAAiB,CAC/C,eAAe,CAChB,CAAC,CAAC,CAAsB;AACzB,QAAA,IAAI,cAAc,IAAI,cAAc,CAAC,aAAa,EAAE;YAClD,cAAc,CAAC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,CAAC;QAC1E;;AAGA,QAAA,eAAe,EAAE;;AAGjB,QAAA,OAAO,MAAK;AACV,YAAA,IAAI,cAAc,IAAI,cAAc,CAAC,aAAa,EAAE;gBAClD,cAAc,CAAC,aAAa,CAAC,mBAAmB,CAC9C,QAAQ,EACR,eAAe,CAChB;YACH;AACF,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAO,QAAQ;AACjB;AAEA;AACM,SAAU,yBAAyB,CACvC,QAAgC,EAChC,KAA0B,EAAA;IAE1B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGD,gBAAQ,CAAC,EAAE,CAAC;IAE9CC,iBAAS,CAAC,MAAK;AACb,QAAA,IAAI,QAAQ,CAAC,OAAO,IAAI,KAAK,EAAE;YAC7B,IACE,KAAK,CAAC,eAAe;gBACrB,CAAC,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC,UAAU,CAAC,EAC7C;;AAEA,gBAAA,YAAY,CAAC,KAAK,CAAC,eAAe,CAAC;YACrC;iBAAO;;AAEL,gBAAA,IAAI,QAAQ,CAAC,OAAO,EAAE;oBACpB,MAAM,cAAc,GAAG,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC;AACzD,oBAAA,YAAY,CAAC,cAAc,CAAC,eAAe,CAAC;gBAC9C;YACF;QACF;AACF,IAAA,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAErB,IAAA,OAAO,SAAS;AAClB;AAEA;AACA,SAAS,YAAY,CAAC,IAAY,EAAA;AAChC,IAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;AACzB,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,KAAK,CAAC,WAAW,EAAE,CAAA,CAAE,CAAC;AACrE;SAEgB,qBAAqB,CACnC,QAAgC,EAChC,QAA6B,EAAE,EAAA;IAE/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGD,gBAAQ,CAAC,EAAE,CAAC;IAElD,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,EAAE,CAAC;IAElDC,iBAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO;QAEhC,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,IAAI,cAAc,KAAK,IAAI,EAAE;YAC1D;QACF;QAEA,IAAI,SAAS,GAAG,KAAK;AAErB,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,qBAAqB,CAAC,MAAK;AAChD,YAAA,IAAI,SAAS,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;gBAClC;YACF;YAEA,MAAM,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC;AAChE,YAAA,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;YAEzD,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,CACrC,CAAC,GAAG,EAAE,GAAG,KAAI;AACX,gBAAA,MAAM,eAAe,GAAG,YAAY,CAAC,GAAG,CAAC;gBAEzC,MAAM,KAAK,GAAG,cAAc,CAAC,gBAAgB,CAAC,eAAe,CAAC;gBAE9D,IAAI,KAAK,EAAE;oBACT,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE;gBACzB;AAEA,gBAAA,OAAO,GAAG;YACZ,CAAC,EACD,EAAE,CACH;YAED,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;AAEtD,YAAA,cAAc,CAAC,CAAC,IAAI,KAAI;gBACtB,OAAO,IAAI,KAAK,eAAe,GAAG,IAAI,GAAG,eAAe;AAC1D,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,MAAK;YACV,SAAS,GAAG,IAAI;AAChB,YAAA,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC;AACtC,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;AAC9B,IAAA,OAAO,WAAW;AACpB;AAEA;AACM,SAAU,oBAAoB,CAClC,QAAmC;AACnC,YAAmB,EAAA;AAEnB,IAAA,MAAM,eAAe,GAAGF,cAAM,EAAS;IAEvC,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE;AACnD,QAAA,eAAe,CAAC,OAAO,GAAG,YAAY;IACxC;IAEAE,iBAAS,CAAC,MAAK;QACb,OAAO,QAAQ,EAAE;AACnB,IAAA,CAAC,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;AAC/B;SAEgB,oBAAoB,GAAA;;IAElCA,iBAAS,CAAC,MAAK;QACb,MAAM,cAAc,GAAG,QAAQ,CAAC,iBAAiB,CAC/C,eAAe,CAChB,CAAC,CAAC,CAAsB;QAEzB,IAAI,cAAc,EAAE;AAClB,YAAA,MAAM,cAAc,GAClB,cAAc,CAAC,eAAe;AAC9B,gBAAA,cAAc,CAAC,aAAa,EAAE,QAAQ;YACxC,IAAI,CAAC,cAAc,EAAE;;gBAEnB;YACF;YACA,MAAM,aAAa,GAAG,cAAc,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC5D,YAAA,aAAa,CAAC,YAAY,CAAC,KAAK,EAAE,gCAAgC,CAAC;;AAGnE,YAAA,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;;AAG9C,YAAA,OAAO,MAAK;AACV,gBAAA,cAAc,CAAC,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC;AACjD,YAAA,CAAC;QACH;IACF,CAAC,EAAE,EAAE,CAAC;AACR;AAEA;AACA,MAAM,gBAAgB,GAAG,CAAC,MAAuB,KAAqB;IACpE,OAAO,MAAM,CAAC,MAAM,CAAkB,CAAC,GAAG,EAAE,KAAK,KAAI;AACnD,QAAA,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;AACf,QAAA,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;YACrD,GAAG,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAClD;AACA,QAAA,OAAO,GAAG;IACZ,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAED;AACM,SAAU,wBAAwB,CACtC,QAAgB,EAChB,SAAiB,EACjB,SAAiB,EACjB,MAAA,GAAkB,KAAK,EACvB,oBAAyC,EAAE,EAAA;IAE3C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGD,gBAAQ,CAAgB,IAAI,CAAC;;AAE7E,IAAA,MAAM,aAAa,GAAGD,cAAM,CAAgC,EAAE,CAAC;;IAG/D,MAAM,EAAE,qBAAqB,EAAE,GAAGG,gBAAW,CAAC,mBAAmB,CAAQ;;AAEzE,IAAA,MAAM,eAAe,GAAGC,cAAS,CAC/B,CAAC,MAAM,KAAI;QACT,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,mBAAmB,CAAQ;AACvD,QAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,QAAQ,CAAyB;AAC5D,QAAA,OAAO,SAAS,GAAG,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE;AACvD,IAAA,CAAC,EACD,CAAC,QAAQ,CAAC,CACX;AAED,IAAA,MAAM,YAAY,GAAG,eAAe,CAAC,MAAM,CACzC,CAAC,KAAK,KACJ,KAAK,CAAC,IAAI,KAAK,SAAS;QACxB,KAAK,CAAC,UAAU,CAAC,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,CAClD;IAEDF,iBAAS,CAAC,MAAK;;AAEb,QAAA,KAAK,MAAM,KAAK,IAAI,YAAY,EAAE;AAChC,YAAA,MAAM,cAAc,GAClB,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,UAAU,IAAI,EAAE;;YAEzD,IAAI,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;;AAE1C,gBAAA,MAAM,yBAAyB,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,MAAM,CAEpE,CAAC,GAAG,EAAE,GAAG,KAAI;AACb,oBAAA,IAAI,EAAE,GAAG,IAAI,iBAAiB,CAAC,EAAE;wBAC/B,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;oBAClC;AACA,oBAAA,OAAO,GAAG;gBACZ,CAAC,EAAE,EAAE,CAAC;AAEN,gBAAA,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,CAE/D,CAAC,GAAG,EAAE,GAAG,KAAI;AACb,oBAAA,IAAI,EAAE,GAAG,IAAI,iBAAiB,CAAC,EAAE;wBAC/B,GAAG,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC;oBAChC;AACA,oBAAA,OAAO,GAAG;gBACZ,CAAC,EAAE,EAAE,CAAC;;AAGN,gBAAA,IACE,IAAI,CAAC,SAAS,CAAC,yBAAyB,CAAC;AACzC,oBAAA,IAAI,CAAC,SAAS,CAAC,sBAAsB,CAAC,EACtC;;;;;;;;oBASA,mBAAmB,CAAC,IAAI,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAAC;gBAChE;YACF;;AAEA,YAAA,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,KAAK,EAAE;QACtD;IACF,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;;IAGxCA,iBAAS,CAAC,MAAK;;AAEb,QAAA,IAAI,gBAAgB,IAAI,MAAM,EAAE;;;;;;AAM9B,YAAA,YAAY,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AAC7B,gBAAA,qBAAqB,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;AACrE,YAAA,CAAC,CAAC;QACJ;AACF,IAAA,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;;AAGtB,IAAA,IAAI;AACF,QAAA,OAAO,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAC/D;IAAE,OAAO,CAAC,EAAE;AACV,QAAA,OAAO,IAAI;IACb;AACF;AAEA;AACM,SAAU,uBAAuB,CACrC,QAAgB,EAChB,UAAoB,EAAA;IAEpB,MAAM,EAAE,WAAW,EAAE,GAAGC,gBAAW,CAAC,mBAAmB,CAAQ;IAC/D,MAAM,EAAE,YAAY,EAAE,GAAGA,gBAAW,CAAC,cAAc,CAAQ;;AAG3D,IAAA,MAAM,WAAW,GAAGC,cAAS,CAC3B,CAAC,MAAM,KAAI;QACT,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,mBAAmB,CAAQ;AACxD,QAAA,OAAO,SAAS,CAAC,QAAQ,CAAoB;AAC/C,IAAA,CAAC,EACD,CAAC,QAAQ,CAAC,CACQ;;AAGpB,IAAA,MAAM,kBAAkB,GAAGJ,cAAM,CAAkB,WAAW,CAAC;IAE/DE,iBAAS,CAAC,MAAK;AACb,QAAA,MAAM,eAAe,GAAG,kBAAkB,CAAC,OAAO;;QAElD,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,KAAK,KACxC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAChC;QAED,IAAI,MAAM,EAAE;;YAEV,IAAI,WAAW,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,EAAE;;AAE/C,gBAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,IAAI,CACzC,CAAC,KAAK,KACJ,CAAC,eAAe,CAAC,IAAI,CACnB,CAAC,SAAS,KAAK,SAAS,CAAC,QAAQ,KAAK,KAAK,CAAC,QAAQ,CACrD,CACJ;;AAGD,gBAAA,IACE,kBAAkB;oBAClB,UAAU,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAC5C;AACA,oBAAA,WAAW,CAAC,kBAAkB,CAAC,QAAQ,CAAC;;oBAGxC,YAAY,CACV,OAAO;AACP,oBAAAG,OAAE,CACA,yEAAyE,EACzE,mBAAmB,CACpB;AACD,oBAAA;wBACE,IAAI,EAAE,UAAU;wBAChB,aAAa,EAAE,IAAI;AACpB,qBAAA,CACF;gBACH;YACF;QACF;;AAGA,QAAA,kBAAkB,CAAC,OAAO,GAAG,WAAW;IAC1C,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;AAC1D;AAEA;AACM,SAAU,cAAc,CAC5B,SAA6E,EAC7E,UAAa,EACb,SAAS,GAAG,EAAE,EAAA;IAEd,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGJ,gBAAQ,CAAyB,IAAI,CAAC;IAE1EC,iBAAS,CAAC,MAAK;QACb,IAAI,QAAQ,GAAG,KAAK;AACpB,QAAA,IAAI,OAA2B;QAE/B,MAAM,cAAc,GAAG,MAAK;YAC1B,MAAM,MAAM,GAAG,QAAQ,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC,CAE/C;AAEb,YAAA,MAAM,GAAG,GACP,MAAM,EAAE,eAAe,IAAI,MAAM,EAAE,aAAa,EAAE,QAAQ,IAAI,IAAI;AAEpE,YAAA,IAAI,GAAG,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC1B,gBAAA,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC;AACvB,gBAAA,OAAO,IAAI;YACb;AAEA,YAAA,OAAO,KAAK;AACd,QAAA,CAAC;AAED,QAAA,IAAI,CAAC,cAAc,EAAE,EAAE;AACrB,YAAA,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;AAChC,gBAAA,IAAI,cAAc,EAAE,IAAI,OAAO,EAAE;AAC/B,oBAAA,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC;gBAC/B;YACF,CAAC,EAAE,GAAG,CAAC;QACT;AAEA,QAAA,OAAO,MAAK;YACV,QAAQ,GAAG,IAAI;YACf,IAAI,OAAO,EAAE;AACX,gBAAA,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC;YAC/B;AACF,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAO,IAAI;IAE5B,OAAOI,qBAAY,CACjBC,cAAA,CAACC,kCAAiB,IAAC,MAAM,EAAE,UAAU,EAAA,QAAA,EACnCD,cAAA,CAAC,SAAS,EAAA,EAAC,UAAU,EAAE,UAAU,EAAA,CAAI,GACnB,EACpB,UAAU,CACX;AACH;;;;;;;;;;;;;"}
|
package/build/cjs/index.js
CHANGED
|
@@ -123,6 +123,8 @@ exports.getCtx = pickupStore.getCtx;
|
|
|
123
123
|
exports.registerPickup = pickupStore.registerPickup;
|
|
124
124
|
exports.setState = pickupStore.setState;
|
|
125
125
|
exports.subscribe = pickupStore.subscribe;
|
|
126
|
+
exports.cssValueToString = styleComponentApply.cssValueToString;
|
|
126
127
|
exports.styleComponentApply = styleComponentApply.styleComponentApply;
|
|
128
|
+
exports.styleDataApply = styleComponentApply.styleDataApply;
|
|
127
129
|
exports.BookingActionContext = BookingActionContext;
|
|
128
130
|
//# sourceMappingURL=index.js.map
|
package/build/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["createContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAQA;MACa,oBAAoB,GAC/BA,qBAAa,CAAkC,IAAI
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":[null],"names":["createContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAQA;MACa,oBAAoB,GAC/BA,qBAAa,CAAkC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -6,7 +6,25 @@ var server = require('react-dom/server');
|
|
|
6
6
|
|
|
7
7
|
// 注入済みのクラス名を記憶する（関数の外で定義することで、呼び出し間で共有される）
|
|
8
8
|
const injectedClasses = new Set();
|
|
9
|
-
const
|
|
9
|
+
const resolveTarget = (el, selector = ".itmar-wrap", mode = "auto") => {
|
|
10
|
+
if (mode === "self") {
|
|
11
|
+
return el;
|
|
12
|
+
}
|
|
13
|
+
if (mode === "outer") {
|
|
14
|
+
const parent = el.parentElement;
|
|
15
|
+
return parent?.matches(selector) ? parent : null;
|
|
16
|
+
}
|
|
17
|
+
if (mode === "inner") {
|
|
18
|
+
return el.querySelector(selector);
|
|
19
|
+
}
|
|
20
|
+
// auto: 外側は直親だけ、内側は直近の子孫
|
|
21
|
+
const parent = el.parentElement;
|
|
22
|
+
if (parent?.matches(selector)) {
|
|
23
|
+
return parent;
|
|
24
|
+
}
|
|
25
|
+
return el.querySelector(selector) || el;
|
|
26
|
+
};
|
|
27
|
+
const styleComponentApply = (StyleComp, blockSelector, options = {}) => {
|
|
10
28
|
const blocks = document.querySelectorAll(blockSelector);
|
|
11
29
|
blocks.forEach((el) => {
|
|
12
30
|
const attrData = el.getAttribute("data-attributes");
|
|
@@ -16,8 +34,15 @@ const styleComponentApply = (StyleComp, blockSelector) => {
|
|
|
16
34
|
const attributes = JSON.parse(attrData);
|
|
17
35
|
//styleタグの生成
|
|
18
36
|
const sheet = new styledComponents.ServerStyleSheet();
|
|
19
|
-
|
|
20
|
-
|
|
37
|
+
let html = "";
|
|
38
|
+
let styleTags = "";
|
|
39
|
+
try {
|
|
40
|
+
html = server.renderToString(sheet.collectStyles(jsxRuntime.jsx(StyleComp, { attributes: attributes })));
|
|
41
|
+
styleTags = sheet.getStyleTags();
|
|
42
|
+
}
|
|
43
|
+
finally {
|
|
44
|
+
sheet.seal();
|
|
45
|
+
}
|
|
21
46
|
// 正規表現でクラス名を抽出
|
|
22
47
|
const classMatch = html.match(/class="([^"]+)"/);
|
|
23
48
|
const className = classMatch ? classMatch[1] : "";
|
|
@@ -37,7 +62,10 @@ const styleComponentApply = (StyleComp, blockSelector) => {
|
|
|
37
62
|
}
|
|
38
63
|
// 2. クラス名を適用する対象を探す
|
|
39
64
|
// save.tsx で <div className="itmar-wrap"> のように目印をつけておくと確実です
|
|
40
|
-
const target =
|
|
65
|
+
const target = options.getTarget?.(el) ||
|
|
66
|
+
resolveTarget(el, options.selector ?? ".itmar-wrap", options.target ?? "auto");
|
|
67
|
+
if (!target)
|
|
68
|
+
return;
|
|
41
69
|
const classNames = className.trim().split(/\s+/).filter(Boolean);
|
|
42
70
|
target.classList.add(...classNames);
|
|
43
71
|
}
|
|
@@ -47,6 +75,112 @@ const styleComponentApply = (StyleComp, blockSelector) => {
|
|
|
47
75
|
}
|
|
48
76
|
});
|
|
49
77
|
};
|
|
78
|
+
const stableSerialize = (value) => {
|
|
79
|
+
if (value === null || typeof value !== "object") {
|
|
80
|
+
return JSON.stringify(value) ?? "null";
|
|
81
|
+
}
|
|
82
|
+
if (Array.isArray(value)) {
|
|
83
|
+
return `[${value.map(stableSerialize).join(",")}]`;
|
|
84
|
+
}
|
|
85
|
+
const record = value;
|
|
86
|
+
const keys = Object.keys(record).sort();
|
|
87
|
+
return `{${keys
|
|
88
|
+
.map((key) => `${JSON.stringify(key)}:${stableSerialize(record[key])}`)
|
|
89
|
+
.join(",")}}`;
|
|
90
|
+
};
|
|
91
|
+
const hashString = (value) => {
|
|
92
|
+
let hash = 0x811c9dc5;
|
|
93
|
+
for (let index = 0; index < value.length; index += 1) {
|
|
94
|
+
hash ^= value.charCodeAt(index);
|
|
95
|
+
hash = Math.imul(hash, 0x01000193);
|
|
96
|
+
}
|
|
97
|
+
return (hash >>> 0).toString(36);
|
|
98
|
+
};
|
|
99
|
+
/**
|
|
100
|
+
* React/styled-componentsを使わず、保存済み属性からスコープ付きCSSを適用する。
|
|
101
|
+
* 戻り値のrefreshはAjax等で追加されたブロックにも再適用できる。
|
|
102
|
+
*/
|
|
103
|
+
const styleDataApply = (createCss, blockSelector, options = {}) => {
|
|
104
|
+
const processedElements = new WeakSet();
|
|
105
|
+
const attributeName = options.attributeName ?? "data-attributes";
|
|
106
|
+
const classPrefix = options.classPrefix ?? "itmar-style-";
|
|
107
|
+
const applyToElement = (el) => {
|
|
108
|
+
if (processedElements.has(el))
|
|
109
|
+
return;
|
|
110
|
+
const attrData = el.getAttribute(attributeName);
|
|
111
|
+
if (!attrData)
|
|
112
|
+
return;
|
|
113
|
+
try {
|
|
114
|
+
const attributes = JSON.parse(attrData);
|
|
115
|
+
const styleKey = hashString(`${blockSelector}:${classPrefix}:${stableSerialize(attributes)}`);
|
|
116
|
+
const scopeClass = `${classPrefix}${styleKey}`;
|
|
117
|
+
const scopeSelector = `.${scopeClass}`;
|
|
118
|
+
const cssText = createCss(attributes, scopeSelector).trim();
|
|
119
|
+
const target = options.getTarget?.(el) ??
|
|
120
|
+
resolveTarget(el, options.selector ?? ".itmar-wrap", options.target ?? "auto");
|
|
121
|
+
if (!target)
|
|
122
|
+
return;
|
|
123
|
+
target.classList.add(scopeClass);
|
|
124
|
+
options.decorateTarget?.(target, attributes);
|
|
125
|
+
const existingStyle = document.head.querySelector(`style[data-itmar-style="${styleKey}"]`);
|
|
126
|
+
if (cssText && !existingStyle) {
|
|
127
|
+
const styleElement = document.createElement("style");
|
|
128
|
+
styleElement.dataset.itmarStyle = styleKey;
|
|
129
|
+
styleElement.textContent = cssText;
|
|
130
|
+
document.head.appendChild(styleElement);
|
|
131
|
+
}
|
|
132
|
+
processedElements.add(el);
|
|
133
|
+
}
|
|
134
|
+
catch (error) {
|
|
135
|
+
console.error("Style data injection failed:", error, el);
|
|
136
|
+
}
|
|
137
|
+
};
|
|
138
|
+
const refresh = (root = document) => {
|
|
139
|
+
if (root instanceof Element && root.matches(blockSelector)) {
|
|
140
|
+
applyToElement(root);
|
|
141
|
+
}
|
|
142
|
+
root.querySelectorAll(blockSelector).forEach(applyToElement);
|
|
143
|
+
};
|
|
144
|
+
const observer = options.observe === false
|
|
145
|
+
? null
|
|
146
|
+
: new MutationObserver((mutations) => {
|
|
147
|
+
mutations.forEach((mutation) => {
|
|
148
|
+
mutation.addedNodes.forEach((node) => {
|
|
149
|
+
if (node instanceof Element)
|
|
150
|
+
refresh(node);
|
|
151
|
+
});
|
|
152
|
+
});
|
|
153
|
+
});
|
|
154
|
+
refresh();
|
|
155
|
+
observer?.observe(document.documentElement, {
|
|
156
|
+
childList: true,
|
|
157
|
+
subtree: true,
|
|
158
|
+
});
|
|
159
|
+
return {
|
|
160
|
+
refresh,
|
|
161
|
+
disconnect: () => observer?.disconnect(),
|
|
162
|
+
};
|
|
163
|
+
};
|
|
164
|
+
//純粋CSS生成関数
|
|
165
|
+
const cssValueToString = (value) => {
|
|
166
|
+
if (value == null || value === false)
|
|
167
|
+
return "";
|
|
168
|
+
if (Array.isArray(value)) {
|
|
169
|
+
return value.map(cssValueToString).join("");
|
|
170
|
+
}
|
|
171
|
+
if (typeof value === "object") {
|
|
172
|
+
return Object.entries(value)
|
|
173
|
+
.filter(([, cssValue]) => cssValue != null)
|
|
174
|
+
.map(([property, cssValue]) => {
|
|
175
|
+
const cssProperty = property.replace(/[A-Z]/g, (char) => `-${char.toLowerCase()}`);
|
|
176
|
+
return `${cssProperty}:${cssValue};`;
|
|
177
|
+
})
|
|
178
|
+
.join("");
|
|
179
|
+
}
|
|
180
|
+
return String(value);
|
|
181
|
+
};
|
|
50
182
|
|
|
183
|
+
exports.cssValueToString = cssValueToString;
|
|
51
184
|
exports.styleComponentApply = styleComponentApply;
|
|
185
|
+
exports.styleDataApply = styleDataApply;
|
|
52
186
|
//# sourceMappingURL=styleComponentApply.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styleComponentApply.js","sources":["../../src/styleComponentApply.tsx"],"sourcesContent":[null],"names":["ServerStyleSheet","renderToString","_jsx"],"mappings":";;;;;;AAGA;AACA,MAAM,eAAe,GAAG,IAAI,GAAG,EAAU;
|
|
1
|
+
{"version":3,"file":"styleComponentApply.js","sources":["../../src/styleComponentApply.tsx"],"sourcesContent":[null],"names":["ServerStyleSheet","renderToString","_jsx"],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { RefObject } from "@wordpress/element";
|
|
2
|
+
import type React from "react";
|
|
2
3
|
export declare function useElementWidth(): {
|
|
3
4
|
ref: RefObject<HTMLDivElement | null>;
|
|
4
5
|
width: number;
|
|
@@ -6,7 +7,7 @@ export declare function useElementWidth(): {
|
|
|
6
7
|
export declare function useIsMobile(): any;
|
|
7
8
|
export declare function useIsIframeMobile(): any;
|
|
8
9
|
export declare function useElementBackgroundColor(blockRef: RefObject<HTMLElement>, style: React.CSSProperties): any;
|
|
9
|
-
export declare function useElementStyleObject(blockRef: RefObject<HTMLElement>, style
|
|
10
|
+
export declare function useElementStyleObject(blockRef: RefObject<HTMLElement>, style?: React.CSSProperties): any;
|
|
10
11
|
export declare function useDeepCompareEffect(callback: () => void | (() => void), // EffectCallback の中身を直接書く
|
|
11
12
|
dependencies: any[]): void;
|
|
12
13
|
export declare function useFontawesomeIframe(): void;
|
|
@@ -15,4 +16,4 @@ export declare function useDuplicateBlockRemove(clientId: string, blockNames: st
|
|
|
15
16
|
export declare function useStyleIframe<T>(StyleComp: React.ComponentType<{
|
|
16
17
|
attributes: T;
|
|
17
18
|
children?: React.ReactNode;
|
|
18
|
-
}>, attributes: T): any;
|
|
19
|
+
}>, attributes: T, styleName?: string): any;
|
|
@@ -29,4 +29,4 @@ export { useRebuildChangeField } from "./BrockInserter";
|
|
|
29
29
|
export { default as MasonryControl } from "./MasonryControl";
|
|
30
30
|
export { slideBlockSwiperInit } from "./SwiperControl";
|
|
31
31
|
export { ensureCtx, registerPickup, getCtx, subscribe, setState, } from "./pickupStore";
|
|
32
|
-
export { styleComponentApply } from "./styleComponentApply";
|
|
32
|
+
export { styleComponentApply, styleDataApply, cssValueToString, } from "./styleComponentApply";
|
|
@@ -1,4 +1,27 @@
|
|
|
1
|
+
type TargetMode = "self" | "outer" | "inner" | "auto";
|
|
2
|
+
type StyleComponentApplyOptions = {
|
|
3
|
+
selector?: string;
|
|
4
|
+
target?: TargetMode;
|
|
5
|
+
getTarget?: (el: Element) => Element | null;
|
|
6
|
+
};
|
|
7
|
+
type StyleDataApplyOptions<T> = StyleComponentApplyOptions & {
|
|
8
|
+
attributeName?: string;
|
|
9
|
+
classPrefix?: string;
|
|
10
|
+
observe?: boolean;
|
|
11
|
+
decorateTarget?: (target: Element, attributes: T) => void;
|
|
12
|
+
};
|
|
13
|
+
type StyleDataApplyController = {
|
|
14
|
+
refresh: (root?: ParentNode) => void;
|
|
15
|
+
disconnect: () => void;
|
|
16
|
+
};
|
|
1
17
|
export declare const styleComponentApply: <T>(StyleComp: React.ComponentType<{
|
|
2
18
|
attributes: T;
|
|
3
19
|
children?: React.ReactNode;
|
|
4
|
-
}>, blockSelector: string) => void;
|
|
20
|
+
}>, blockSelector: string, options?: StyleComponentApplyOptions) => void;
|
|
21
|
+
/**
|
|
22
|
+
* React/styled-componentsを使わず、保存済み属性からスコープ付きCSSを適用する。
|
|
23
|
+
* 戻り値のrefreshはAjax等で追加されたブロックにも再適用できる。
|
|
24
|
+
*/
|
|
25
|
+
export declare const styleDataApply: <T>(createCss: (attributes: T, scopeSelector: string) => string, blockSelector: string, options?: StyleDataApplyOptions<T>) => StyleDataApplyController;
|
|
26
|
+
export declare const cssValueToString: (value: unknown) => string;
|
|
27
|
+
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import Swiper from 'swiper';
|
|
2
|
+
import { Thumbs, Parallax, EffectCards, EffectFlip, EffectCube, EffectCoverflow, EffectFade, Navigation, Pagination, Scrollbar } from 'swiper/modules';
|
|
2
3
|
|
|
3
4
|
// 2. 外部変数の宣言（管理用のSetとMap）
|
|
4
5
|
const linkedPairs = new Set();
|
|
@@ -109,6 +110,26 @@ function slideBlockSwiperInit(swiperElement) {
|
|
|
109
110
|
const is_thumbnail = !!getData(el, "thumb-flg");
|
|
110
111
|
const swiper_info = getData(el, "swiper-info");
|
|
111
112
|
const parallax_obj = getData(el, "parallax-option");
|
|
113
|
+
const moduleArray = [];
|
|
114
|
+
//モジュールのマッピング
|
|
115
|
+
const effectModule = {
|
|
116
|
+
fade_single_view: EffectFade,
|
|
117
|
+
coverflow: EffectCoverflow,
|
|
118
|
+
coverflow_2: EffectCoverflow,
|
|
119
|
+
cube: EffectCube,
|
|
120
|
+
flip: EffectFlip,
|
|
121
|
+
cards: EffectCards,
|
|
122
|
+
parallax: Parallax,
|
|
123
|
+
thumbs: Thumbs,
|
|
124
|
+
};
|
|
125
|
+
//エフェクトのセット
|
|
126
|
+
if (swiper_info.effect) {
|
|
127
|
+
if (effectModule[swiper_info.effect]) {
|
|
128
|
+
moduleArray.push(effectModule[swiper_info.effect]);
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
//モジュールを追加
|
|
132
|
+
moduleArray.push(effectModule["parallax"], effectModule["thumbs"]);
|
|
112
133
|
if (!swiper_info || typeof swiper_info !== "object") {
|
|
113
134
|
throw new Error("data-swiper-info が見つからないか、JSONとして解釈できません。");
|
|
114
135
|
}
|
|
@@ -229,15 +250,19 @@ function slideBlockSwiperInit(swiperElement) {
|
|
|
229
250
|
}
|
|
230
251
|
// ナビゲーション等の設定
|
|
231
252
|
if (swiper_info.navigation?.disp) {
|
|
253
|
+
moduleArray.push(Navigation);
|
|
232
254
|
swiperOptions.navigation = {
|
|
233
255
|
nextEl: `.${swiper_id}-next`,
|
|
234
256
|
prevEl: `.${swiper_id}-prev`,
|
|
257
|
+
addIcons: false,
|
|
235
258
|
};
|
|
236
259
|
}
|
|
237
260
|
if (swiper_info.pagination?.disp) {
|
|
261
|
+
moduleArray.push(Pagination);
|
|
238
262
|
swiperOptions.pagination = { el: `.${swiper_id}-pagination` };
|
|
239
263
|
}
|
|
240
264
|
if (swiper_info.scrollbar?.disp) {
|
|
265
|
+
moduleArray.push(Scrollbar);
|
|
241
266
|
swiperOptions.scrollbar = { el: `.${swiper_id}-scrollbar` };
|
|
242
267
|
}
|
|
243
268
|
// エフェクトの適用
|
|
@@ -246,7 +271,7 @@ function slideBlockSwiperInit(swiperElement) {
|
|
|
246
271
|
swiperOptions = { ...swiperOptions, ...effectOption[currentEffect] };
|
|
247
272
|
}
|
|
248
273
|
// ここが $swiperElement[0] -> el に変わる
|
|
249
|
-
const instance = new Swiper(el, swiperOptions);
|
|
274
|
+
const instance = new Swiper(el, { ...swiperOptions, modules: moduleArray });
|
|
250
275
|
const swiperObj = {
|
|
251
276
|
instance,
|
|
252
277
|
swiper_id,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwiperControl.js","sources":["../../src/SwiperControl.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SwiperControl.js","sources":["../../src/SwiperControl.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AA2BA;AACA,MAAM,WAAW,GAAG,IAAI,GAAG,EAAU;AACrC,MAAM,cAAc,GAAG,IAAI,GAAG,EAAwB;AAEtD,SAAS,eAAe,CAAC,GAA8B,EAAA;IACrD,IAAI,GAAG,IAAI,IAAI;AAAE,QAAA,OAAO,IAAI;IAC5B,IAAI,OAAO,GAAG,KAAK,QAAQ;AAAE,QAAA,OAAO,GAAG;AAEvC,IAAA,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE;IACpB,IAAI,CAAC,KAAK,EAAE;AAAE,QAAA,OAAO,EAAE;IAEvB,IAAI,CAAC,KAAK,MAAM;AAAE,QAAA,OAAO,IAAI;IAC7B,IAAI,CAAC,KAAK,OAAO;AAAE,QAAA,OAAO,KAAK;IAC/B,IAAI,CAAC,KAAK,MAAM;AAAE,QAAA,OAAO,IAAI;;AAG7B,IAAA,MAAM,SAAS,GACb,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;AACrC,SAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACxC,IAAI,SAAS,EAAE;AACb,QAAA,IAAI;AACF,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QACtB;AAAE,QAAA,MAAM;;AAEN,YAAA,OAAO,GAAG;QACZ;IACF;;AAGA,IAAA,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;IACnB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE;AAAE,QAAA,OAAO,CAAC;AAE1C,IAAA,OAAO,GAAG;AACZ;AAEA,SAAS,YAAY,CAAC,GAAW,EAAA;;AAE/B,IAAA,OAAO,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;AAC5D;AAEA,SAAS,OAAO,CAAC,EAAsB,EAAE,GAAW,EAAA;AAClD,IAAA,IAAI,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACpB,IAAA,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC;;IAG/B,IAAI,EAAE,CAAC,OAAO,IAAI,KAAK,IAAI,EAAE,CAAC,OAAO,EAAE;QACrC,OAAO,eAAe,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3C;;IAGA,MAAM,IAAI,GAAG,EAAE,CAAC,YAAY,GAAG,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,CAAC;IAC7C,IAAI,IAAI,IAAI,IAAI;AAAE,QAAA,OAAO,eAAe,CAAC,IAAI,CAAC;AAE9C,IAAA,OAAO,IAAI;AACb;AACA;;AAEG;AACH,SAAS,WAAW,CAAC,CAAe,EAAE,CAAe,EAAA;AACnD,IAAA,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;QAAE;IAEd,MAAM,OAAO,GAAG,CAAA,EAAG,CAAC,CAAC,SAAS,CAAA,EAAA,EAAK,CAAC,CAAC,SAAS,CAAA,CAAE;AAChD,IAAA,IAAI,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC;QAAE;AAC9B,IAAA,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC;;AAGxB,IAAA,IAAI,CAAC,CAAC,YAAY,EAAE;QAClB,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,QAAQ;AACrC,QAAA,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE;QACxB,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;QAC9B;IACF;;AAGA,IAAA,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE;QACnB,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,4BAA4B,EAAE,CAAC,MAAc,KAAI;AAC7D,YAAA,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC;AAC5D,QAAA,CAAC,CAAC;QACF,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,4BAA4B,EAAE,CAAC,MAAc,KAAI;AAC7D,YAAA,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC;AAC5D,QAAA,CAAC,CAAC;IACJ;AACF;AAEA,SAAS,OAAO,CAAC,SAAuB,EAAA;;AAEtC,IAAA,IAAI,SAAS,CAAC,SAAS,IAAI,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE;QAClE,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC;AACtD,QAAA,IAAI,MAAM;AAAE,YAAA,WAAW,CAAC,SAAS,EAAE,MAAM,CAAC;IAC5C;;IAGA,KAAK,MAAM,KAAK,IAAI,cAAc,CAAC,MAAM,EAAE,EAAE;QAC3C,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,EAAE;AAC3C,YAAA,WAAW,CAAC,KAAK,EAAE,SAAS,CAAC;QAC/B;IACF;AACF;AA6BA;;AAEG;AAEG,SAAU,oBAAoB,CAClC,aAAmC,EAAA;;AAGnC,IAAA,MAAM,EAAE,GACN,OAAO,aAAa,KAAK;AACvB,UAAE,QAAQ,CAAC,aAAa,CAAc,aAAa;UACjD,aAAa;AAEnB,IAAA,IAAI,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;IAEpB,MAAM,SAAS,GAAG,OAAO,CAAC,EAAE,EAAE,WAAW,CAAW;IACpD,MAAM,SAAS,GAAG,OAAO,CAAC,EAAE,EAAE,WAAW,CAAkB;IAC3D,MAAM,YAAY,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,WAAW,CAAC;IAC/C,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE,EAAE,aAAa,CAAe;IAC5D,MAAM,YAAY,GAAG,OAAO,CAAC,EAAE,EAAE,iBAAiB,CAAC;IAEnD,MAAM,WAAW,GAAmB,EAAE;;AAGtC,IAAA,MAAM,YAAY,GAAG;AACnB,QAAA,gBAAgB,EAAE,UAAU;AAC5B,QAAA,SAAS,EAAE,eAAe;AAC1B,QAAA,WAAW,EAAE,eAAe;AAC5B,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,MAAM,EAAE,MAAM;KACf;;AAGD,IAAA,IAAI,WAAW,CAAC,MAAM,EAAE;AACtB,QAAA,IAAI,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;YACpC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACpD;IACF;;AAGA,IAAA,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAElE,IAAI,CAAC,WAAW,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;AACnD,QAAA,MAAM,IAAI,KAAK,CACb,2CAA2C,CAC5C;IACH;;AAGA,IAAA,MAAM,eAAe,GACnB,YAAY,IAAI,IAAI,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE;;AAGhD,IAAA,MAAM,cAAc,GAAkB,WAAW,CAAC;AAChD,UAAE;YACE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC5C,YAAA,QAAQ,EAAE;AACR,gBAAA,KAAK,EAAE,WAAW,CAAC,QAAQ,IAAI,IAAI;AACnC,gBAAA,eAAe,EAAE,KAAK;AACtB,gBAAA,oBAAoB,EAAE,KAAK;AAC5B,aAAA;AACF;UACD,EAAE;;AAEN,IAAA,MAAM,YAAY,GAAkC;AAClD,QAAA,IAAI,EAAE;YACJ,cAAc,EAAE,WAAW,CAAC,cAAc;YAC1C,SAAS,EAAE,WAAW,CAAC,eAAe;YACtC,KAAK,EAAE,WAAW,CAAC,UAAU;YAC7B,aAAa,EAAE,WAAW,CAAC,aAAa;YACxC,YAAY,EAAE,WAAW,CAAC,aAAa;AACvC,YAAA,WAAW,EAAE;AACX,gBAAA,GAAG,EAAE;oBACH,aAAa,EAAE,WAAW,CAAC,cAAc;oBACzC,YAAY,EAAE,WAAW,CAAC,cAAc;AACzC,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,iBAAiB,EAAE;YACjB,SAAS,EAAE,WAAW,CAAC,eAAe;AACtC,YAAA,oBAAoB,EAAE,CAAC;YACvB,KAAK,EAAE,WAAW,CAAC,UAAU;AAC7B,YAAA,cAAc,EAAE,KAAK;AACrB,YAAA,GAAG,eAAe;AACnB,SAAA;AACD,QAAA,gBAAgB,EAAE;YAChB,KAAK,EAAE,WAAW,CAAC,UAAU;AAC7B,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,UAAU,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;AAC/B,YAAA,GAAG,eAAe;AACnB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,cAAc,EAAE,IAAI;AACpB,YAAA,aAAa,EAAE,CAAC;YAChB,YAAY,EAAE,WAAW,CAAC,aAAa;AACvC,YAAA,MAAM,EAAE,WAAW;AACnB,YAAA,eAAe,EAAE;AACf,gBAAA,MAAM,EAAE,EAAE;AACV,gBAAA,KAAK,EAAE,GAAG;AACV,gBAAA,OAAO,EAAE,CAAC;AACV,gBAAA,QAAQ,EAAE,CAAC;AACX,gBAAA,KAAK,EAAE,GAAG;AACV,gBAAA,YAAY,EAAE,IAAI;AACnB,aAAA;AACD,YAAA,WAAW,EAAE;AACX,gBAAA,GAAG,EAAE;oBACH,YAAY,EAAE,WAAW,CAAC,cAAc;AACxC,oBAAA,eAAe,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AAChC,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,cAAc,EAAE,IAAI;AACpB,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,MAAM,EAAE,WAAW;AACnB,YAAA,eAAe,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;AACjE,YAAA,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,eAAe,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE;AAC5D,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,UAAU,EAAE;AACV,gBAAA,YAAY,EAAE,IAAI;AAClB,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,YAAY,EAAE,EAAE;AAChB,gBAAA,WAAW,EAAE,IAAI;AAClB,aAAA;AACD,YAAA,EAAE,EAAE;AACF,gBAAA,0BAA0B,EAAE,YAAA;oBAC1B,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC;oBACpC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC;gBACpC,CAAC;AACD,gBAAA,wBAAwB,EAAE,YAAA;oBACxB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC;oBACrC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;gBACnC,CAAC;AACF,aAAA;AACF,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE;AACxD,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,OAAO;AACf,YAAA,WAAW,EAAE;AACX,gBAAA,cAAc,EAAE,CAAC;AACjB,gBAAA,cAAc,EAAE,CAAC;AACjB,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,YAAY,EAAE,IAAI;AACnB,aAAA;AACF,SAAA;KACF;;AAGD,IAAA,IAAI,aAAa,GAAkB;QACjC,IAAI,EAAE,WAAW,CAAC,IAAI;AACtB,QAAA,GAAG,cAAc;KAClB;;IAGD,IAAI,YAAY,EAAE;AAChB,QAAA,aAAa,GAAG;AACd,YAAA,GAAG,aAAa;AAChB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,QAAQ,EAAE,IAAI;SACf;IACH;;AAGA,IAAA,IAAI,WAAW,CAAC,UAAU,EAAE,IAAI,EAAE;AAChC,QAAA,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;QAC5B,aAAa,CAAC,UAAU,GAAG;YACzB,MAAM,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,KAAA,CAAO;YAC5B,MAAM,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,KAAA,CAAO;AAC5B,YAAA,QAAQ,EAAE,KAAK;SAChB;IACH;AAEA,IAAA,IAAI,WAAW,CAAC,UAAU,EAAE,IAAI,EAAE;AAChC,QAAA,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;QAC5B,aAAa,CAAC,UAAU,GAAG,EAAE,EAAE,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,WAAA,CAAa,EAAE;IAC/D;AAEA,IAAA,IAAI,WAAW,CAAC,SAAS,EAAE,IAAI,EAAE;AAC/B,QAAA,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC;QAC3B,aAAa,CAAC,SAAS,GAAG,EAAE,EAAE,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,UAAA,CAAY,EAAE;IAC7D;;AAGA,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,IAAI,MAAM;AAClD,IAAA,IAAI,YAAY,CAAC,aAAa,CAAC,EAAE;QAC/B,aAAa,GAAG,EAAE,GAAG,aAAa,EAAE,GAAG,YAAY,CAAC,aAAa,CAAC,EAAE;IACtE;;AAGA,IAAA,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,EAAE,EAAE,EAAE,GAAG,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;AAE3E,IAAA,MAAM,SAAS,GAAiB;QAC9B,QAAQ;QACR,SAAS;QACT,SAAS;QACT,YAAY;KACb;AACD,IAAA,IAAI,SAAS;AAAE,QAAA,cAAc,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC;;IAGvD,OAAO,CAAC,SAAS,CAAC;AAElB,IAAA,OAAO,SAAS;AAClB;;;;"}
|
package/build/esm/customHooks.js
CHANGED
|
@@ -90,26 +90,45 @@ function useElementBackgroundColor(blockRef, style) {
|
|
|
90
90
|
return baseColor;
|
|
91
91
|
}
|
|
92
92
|
//ブロックのスタイルを取得し、コールバック関数を返すカスタムフック
|
|
93
|
-
function
|
|
93
|
+
function camelToKebab(prop) {
|
|
94
|
+
if (prop.startsWith("--")) {
|
|
95
|
+
return prop;
|
|
96
|
+
}
|
|
97
|
+
return prop.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
|
|
98
|
+
}
|
|
99
|
+
function useElementStyleObject(blockRef, style = {}) {
|
|
94
100
|
const [styleObject, setStyleObject] = useState("");
|
|
101
|
+
const styleSignature = JSON.stringify(style ?? {});
|
|
95
102
|
useEffect(() => {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
103
|
+
const element = blockRef.current;
|
|
104
|
+
if (!element || !styleSignature || styleSignature === "{}") {
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
let cancelled = false;
|
|
108
|
+
const frameId = window.requestAnimationFrame(() => {
|
|
109
|
+
if (cancelled || !blockRef.current) {
|
|
110
|
+
return;
|
|
111
|
+
}
|
|
112
|
+
const computedStyles = window.getComputedStyle(blockRef.current);
|
|
113
|
+
const styleKeys = Object.keys(JSON.parse(styleSignature));
|
|
114
|
+
const newStyleObject = styleKeys.reduce((acc, key) => {
|
|
115
|
+
const cssPropertyName = camelToKebab(key);
|
|
116
|
+
const value = computedStyles.getPropertyValue(cssPropertyName);
|
|
117
|
+
if (value) {
|
|
118
|
+
acc[key] = value.trim();
|
|
106
119
|
}
|
|
107
120
|
return acc;
|
|
108
121
|
}, {});
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
122
|
+
const nextStyleObject = JSON.stringify(newStyleObject);
|
|
123
|
+
setStyleObject((prev) => {
|
|
124
|
+
return prev === nextStyleObject ? prev : nextStyleObject;
|
|
125
|
+
});
|
|
126
|
+
});
|
|
127
|
+
return () => {
|
|
128
|
+
cancelled = true;
|
|
129
|
+
window.cancelAnimationFrame(frameId);
|
|
130
|
+
};
|
|
131
|
+
}, [blockRef, styleSignature]);
|
|
113
132
|
return styleObject;
|
|
114
133
|
}
|
|
115
134
|
//たくさんの要素をもつオブジェクトや配列の内容の変化で発火するuseEffect
|
|
@@ -267,7 +286,7 @@ function useDuplicateBlockRemove(clientId, blockNames) {
|
|
|
267
286
|
}, [innerBlocks, blockNames, removeBlock, createNotice]);
|
|
268
287
|
}
|
|
269
288
|
//iframeにスタイルをわたすReactコンポーネントを作る
|
|
270
|
-
function useStyleIframe(StyleComp, attributes) {
|
|
289
|
+
function useStyleIframe(StyleComp, attributes, styleName = "") {
|
|
271
290
|
const [iframeHead, setIframeHead] = useState(null);
|
|
272
291
|
useEffect(() => {
|
|
273
292
|
let disposed = false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"customHooks.js","sources":["../../src/customHooks.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"customHooks.js","sources":["../../src/customHooks.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
|
package/build/esm/index.js
CHANGED
|
@@ -26,7 +26,7 @@ export { useRebuildChangeField } from './BrockInserter.js';
|
|
|
26
26
|
export { default as MasonryControl } from './MasonryControl.js';
|
|
27
27
|
export { slideBlockSwiperInit } from './SwiperControl.js';
|
|
28
28
|
export { ensureCtx, getCtx, registerPickup, setState, subscribe } from './pickupStore.js';
|
|
29
|
-
export { styleComponentApply } from './styleComponentApply.js';
|
|
29
|
+
export { cssValueToString, styleComponentApply, styleDataApply } from './styleComponentApply.js';
|
|
30
30
|
|
|
31
31
|
// itmaroon-block-packages/src/index.ts
|
|
32
32
|
// 初期値を null で作成
|
|
@@ -4,7 +4,25 @@ import { renderToString } from 'react-dom/server';
|
|
|
4
4
|
|
|
5
5
|
// 注入済みのクラス名を記憶する（関数の外で定義することで、呼び出し間で共有される）
|
|
6
6
|
const injectedClasses = new Set();
|
|
7
|
-
const
|
|
7
|
+
const resolveTarget = (el, selector = ".itmar-wrap", mode = "auto") => {
|
|
8
|
+
if (mode === "self") {
|
|
9
|
+
return el;
|
|
10
|
+
}
|
|
11
|
+
if (mode === "outer") {
|
|
12
|
+
const parent = el.parentElement;
|
|
13
|
+
return parent?.matches(selector) ? parent : null;
|
|
14
|
+
}
|
|
15
|
+
if (mode === "inner") {
|
|
16
|
+
return el.querySelector(selector);
|
|
17
|
+
}
|
|
18
|
+
// auto: 外側は直親だけ、内側は直近の子孫
|
|
19
|
+
const parent = el.parentElement;
|
|
20
|
+
if (parent?.matches(selector)) {
|
|
21
|
+
return parent;
|
|
22
|
+
}
|
|
23
|
+
return el.querySelector(selector) || el;
|
|
24
|
+
};
|
|
25
|
+
const styleComponentApply = (StyleComp, blockSelector, options = {}) => {
|
|
8
26
|
const blocks = document.querySelectorAll(blockSelector);
|
|
9
27
|
blocks.forEach((el) => {
|
|
10
28
|
const attrData = el.getAttribute("data-attributes");
|
|
@@ -14,8 +32,15 @@ const styleComponentApply = (StyleComp, blockSelector) => {
|
|
|
14
32
|
const attributes = JSON.parse(attrData);
|
|
15
33
|
//styleタグの生成
|
|
16
34
|
const sheet = new ServerStyleSheet();
|
|
17
|
-
|
|
18
|
-
|
|
35
|
+
let html = "";
|
|
36
|
+
let styleTags = "";
|
|
37
|
+
try {
|
|
38
|
+
html = renderToString(sheet.collectStyles(jsx(StyleComp, { attributes: attributes })));
|
|
39
|
+
styleTags = sheet.getStyleTags();
|
|
40
|
+
}
|
|
41
|
+
finally {
|
|
42
|
+
sheet.seal();
|
|
43
|
+
}
|
|
19
44
|
// 正規表現でクラス名を抽出
|
|
20
45
|
const classMatch = html.match(/class="([^"]+)"/);
|
|
21
46
|
const className = classMatch ? classMatch[1] : "";
|
|
@@ -35,7 +60,10 @@ const styleComponentApply = (StyleComp, blockSelector) => {
|
|
|
35
60
|
}
|
|
36
61
|
// 2. クラス名を適用する対象を探す
|
|
37
62
|
// save.tsx で <div className="itmar-wrap"> のように目印をつけておくと確実です
|
|
38
|
-
const target =
|
|
63
|
+
const target = options.getTarget?.(el) ||
|
|
64
|
+
resolveTarget(el, options.selector ?? ".itmar-wrap", options.target ?? "auto");
|
|
65
|
+
if (!target)
|
|
66
|
+
return;
|
|
39
67
|
const classNames = className.trim().split(/\s+/).filter(Boolean);
|
|
40
68
|
target.classList.add(...classNames);
|
|
41
69
|
}
|
|
@@ -45,6 +73,110 @@ const styleComponentApply = (StyleComp, blockSelector) => {
|
|
|
45
73
|
}
|
|
46
74
|
});
|
|
47
75
|
};
|
|
76
|
+
const stableSerialize = (value) => {
|
|
77
|
+
if (value === null || typeof value !== "object") {
|
|
78
|
+
return JSON.stringify(value) ?? "null";
|
|
79
|
+
}
|
|
80
|
+
if (Array.isArray(value)) {
|
|
81
|
+
return `[${value.map(stableSerialize).join(",")}]`;
|
|
82
|
+
}
|
|
83
|
+
const record = value;
|
|
84
|
+
const keys = Object.keys(record).sort();
|
|
85
|
+
return `{${keys
|
|
86
|
+
.map((key) => `${JSON.stringify(key)}:${stableSerialize(record[key])}`)
|
|
87
|
+
.join(",")}}`;
|
|
88
|
+
};
|
|
89
|
+
const hashString = (value) => {
|
|
90
|
+
let hash = 0x811c9dc5;
|
|
91
|
+
for (let index = 0; index < value.length; index += 1) {
|
|
92
|
+
hash ^= value.charCodeAt(index);
|
|
93
|
+
hash = Math.imul(hash, 0x01000193);
|
|
94
|
+
}
|
|
95
|
+
return (hash >>> 0).toString(36);
|
|
96
|
+
};
|
|
97
|
+
/**
|
|
98
|
+
* React/styled-componentsを使わず、保存済み属性からスコープ付きCSSを適用する。
|
|
99
|
+
* 戻り値のrefreshはAjax等で追加されたブロックにも再適用できる。
|
|
100
|
+
*/
|
|
101
|
+
const styleDataApply = (createCss, blockSelector, options = {}) => {
|
|
102
|
+
const processedElements = new WeakSet();
|
|
103
|
+
const attributeName = options.attributeName ?? "data-attributes";
|
|
104
|
+
const classPrefix = options.classPrefix ?? "itmar-style-";
|
|
105
|
+
const applyToElement = (el) => {
|
|
106
|
+
if (processedElements.has(el))
|
|
107
|
+
return;
|
|
108
|
+
const attrData = el.getAttribute(attributeName);
|
|
109
|
+
if (!attrData)
|
|
110
|
+
return;
|
|
111
|
+
try {
|
|
112
|
+
const attributes = JSON.parse(attrData);
|
|
113
|
+
const styleKey = hashString(`${blockSelector}:${classPrefix}:${stableSerialize(attributes)}`);
|
|
114
|
+
const scopeClass = `${classPrefix}${styleKey}`;
|
|
115
|
+
const scopeSelector = `.${scopeClass}`;
|
|
116
|
+
const cssText = createCss(attributes, scopeSelector).trim();
|
|
117
|
+
const target = options.getTarget?.(el) ??
|
|
118
|
+
resolveTarget(el, options.selector ?? ".itmar-wrap", options.target ?? "auto");
|
|
119
|
+
if (!target)
|
|
120
|
+
return;
|
|
121
|
+
target.classList.add(scopeClass);
|
|
122
|
+
options.decorateTarget?.(target, attributes);
|
|
123
|
+
const existingStyle = document.head.querySelector(`style[data-itmar-style="${styleKey}"]`);
|
|
124
|
+
if (cssText && !existingStyle) {
|
|
125
|
+
const styleElement = document.createElement("style");
|
|
126
|
+
styleElement.dataset.itmarStyle = styleKey;
|
|
127
|
+
styleElement.textContent = cssText;
|
|
128
|
+
document.head.appendChild(styleElement);
|
|
129
|
+
}
|
|
130
|
+
processedElements.add(el);
|
|
131
|
+
}
|
|
132
|
+
catch (error) {
|
|
133
|
+
console.error("Style data injection failed:", error, el);
|
|
134
|
+
}
|
|
135
|
+
};
|
|
136
|
+
const refresh = (root = document) => {
|
|
137
|
+
if (root instanceof Element && root.matches(blockSelector)) {
|
|
138
|
+
applyToElement(root);
|
|
139
|
+
}
|
|
140
|
+
root.querySelectorAll(blockSelector).forEach(applyToElement);
|
|
141
|
+
};
|
|
142
|
+
const observer = options.observe === false
|
|
143
|
+
? null
|
|
144
|
+
: new MutationObserver((mutations) => {
|
|
145
|
+
mutations.forEach((mutation) => {
|
|
146
|
+
mutation.addedNodes.forEach((node) => {
|
|
147
|
+
if (node instanceof Element)
|
|
148
|
+
refresh(node);
|
|
149
|
+
});
|
|
150
|
+
});
|
|
151
|
+
});
|
|
152
|
+
refresh();
|
|
153
|
+
observer?.observe(document.documentElement, {
|
|
154
|
+
childList: true,
|
|
155
|
+
subtree: true,
|
|
156
|
+
});
|
|
157
|
+
return {
|
|
158
|
+
refresh,
|
|
159
|
+
disconnect: () => observer?.disconnect(),
|
|
160
|
+
};
|
|
161
|
+
};
|
|
162
|
+
//純粋CSS生成関数
|
|
163
|
+
const cssValueToString = (value) => {
|
|
164
|
+
if (value == null || value === false)
|
|
165
|
+
return "";
|
|
166
|
+
if (Array.isArray(value)) {
|
|
167
|
+
return value.map(cssValueToString).join("");
|
|
168
|
+
}
|
|
169
|
+
if (typeof value === "object") {
|
|
170
|
+
return Object.entries(value)
|
|
171
|
+
.filter(([, cssValue]) => cssValue != null)
|
|
172
|
+
.map(([property, cssValue]) => {
|
|
173
|
+
const cssProperty = property.replace(/[A-Z]/g, (char) => `-${char.toLowerCase()}`);
|
|
174
|
+
return `${cssProperty}:${cssValue};`;
|
|
175
|
+
})
|
|
176
|
+
.join("");
|
|
177
|
+
}
|
|
178
|
+
return String(value);
|
|
179
|
+
};
|
|
48
180
|
|
|
49
|
-
export { styleComponentApply };
|
|
181
|
+
export { cssValueToString, styleComponentApply, styleDataApply };
|
|
50
182
|
//# sourceMappingURL=styleComponentApply.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styleComponentApply.js","sources":["../../src/styleComponentApply.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAGA;AACA,MAAM,eAAe,GAAG,IAAI,GAAG,EAAU;
|
|
1
|
+
{"version":3,"file":"styleComponentApply.js","sources":["../../src/styleComponentApply.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { RefObject } from "@wordpress/element";
|
|
2
|
+
import type React from "react";
|
|
2
3
|
export declare function useElementWidth(): {
|
|
3
4
|
ref: RefObject<HTMLDivElement | null>;
|
|
4
5
|
width: number;
|
|
@@ -6,7 +7,7 @@ export declare function useElementWidth(): {
|
|
|
6
7
|
export declare function useIsMobile(): any;
|
|
7
8
|
export declare function useIsIframeMobile(): any;
|
|
8
9
|
export declare function useElementBackgroundColor(blockRef: RefObject<HTMLElement>, style: React.CSSProperties): any;
|
|
9
|
-
export declare function useElementStyleObject(blockRef: RefObject<HTMLElement>, style
|
|
10
|
+
export declare function useElementStyleObject(blockRef: RefObject<HTMLElement>, style?: React.CSSProperties): any;
|
|
10
11
|
export declare function useDeepCompareEffect(callback: () => void | (() => void), // EffectCallback の中身を直接書く
|
|
11
12
|
dependencies: any[]): void;
|
|
12
13
|
export declare function useFontawesomeIframe(): void;
|
|
@@ -15,4 +16,4 @@ export declare function useDuplicateBlockRemove(clientId: string, blockNames: st
|
|
|
15
16
|
export declare function useStyleIframe<T>(StyleComp: React.ComponentType<{
|
|
16
17
|
attributes: T;
|
|
17
18
|
children?: React.ReactNode;
|
|
18
|
-
}>, attributes: T): any;
|
|
19
|
+
}>, attributes: T, styleName?: string): any;
|
|
@@ -29,4 +29,4 @@ export { useRebuildChangeField } from "./BrockInserter";
|
|
|
29
29
|
export { default as MasonryControl } from "./MasonryControl";
|
|
30
30
|
export { slideBlockSwiperInit } from "./SwiperControl";
|
|
31
31
|
export { ensureCtx, registerPickup, getCtx, subscribe, setState, } from "./pickupStore";
|
|
32
|
-
export { styleComponentApply } from "./styleComponentApply";
|
|
32
|
+
export { styleComponentApply, styleDataApply, cssValueToString, } from "./styleComponentApply";
|
|
@@ -1,4 +1,27 @@
|
|
|
1
|
+
type TargetMode = "self" | "outer" | "inner" | "auto";
|
|
2
|
+
type StyleComponentApplyOptions = {
|
|
3
|
+
selector?: string;
|
|
4
|
+
target?: TargetMode;
|
|
5
|
+
getTarget?: (el: Element) => Element | null;
|
|
6
|
+
};
|
|
7
|
+
type StyleDataApplyOptions<T> = StyleComponentApplyOptions & {
|
|
8
|
+
attributeName?: string;
|
|
9
|
+
classPrefix?: string;
|
|
10
|
+
observe?: boolean;
|
|
11
|
+
decorateTarget?: (target: Element, attributes: T) => void;
|
|
12
|
+
};
|
|
13
|
+
type StyleDataApplyController = {
|
|
14
|
+
refresh: (root?: ParentNode) => void;
|
|
15
|
+
disconnect: () => void;
|
|
16
|
+
};
|
|
1
17
|
export declare const styleComponentApply: <T>(StyleComp: React.ComponentType<{
|
|
2
18
|
attributes: T;
|
|
3
19
|
children?: React.ReactNode;
|
|
4
|
-
}>, blockSelector: string) => void;
|
|
20
|
+
}>, blockSelector: string, options?: StyleComponentApplyOptions) => void;
|
|
21
|
+
/**
|
|
22
|
+
* React/styled-componentsを使わず、保存済み属性からスコープ付きCSSを適用する。
|
|
23
|
+
* 戻り値のrefreshはAjax等で追加されたブロックにも再適用できる。
|
|
24
|
+
*/
|
|
25
|
+
export declare const styleDataApply: <T>(createCss: (attributes: T, scopeSelector: string) => string, blockSelector: string, options?: StyleDataApplyOptions<T>) => StyleDataApplyController;
|
|
26
|
+
export declare const cssValueToString: (value: unknown) => string;
|
|
27
|
+
export {};
|
package/package.json
CHANGED