kate522
9375b1c30c
- assets/vendor 全量迁移: fontawesome5→assets/fontawesome5, css→assets/css, js→assets/js/runtime(避开 14 个同名自有文件), img 合并去重→assets/img, fonts→assets/fonts; 删除 assets/vendor - libs 五个与 widgets/third-party 字节相同的库不重复入库, loader paths 改指向 - 运行时切换: _win.uri=assets 根, loader baseUrl=/js/runtime, enlighter 注入 路径同步; PHP 7 个引用文件切换并改名 $zibll_*→$runtime_* - 去品牌: Qinver 头注释/品牌 console.log/演示链接清除, 默认文案中性化 - 功能标识符改名: zib__→aksrt__, zib_ajax→aksrt_ajax, window.zib→ window.aksrtLegacy, zibllblock/*→aksrtblock/*, .zib-widget→.aksrt-panel, .zib-slider→.aksrt-slider, zib_menu_options meta 键等 - 自有 CSS 改名: legacy-utilities/compat-vars/footer shell - admin SPA 重建; 契约测试同步(路径/断言/文件更名) - 例外保留: tests/visual 对照环境与 fixtures 前缀(外部 Zibll 产品引用) 验证: php -l 133 个改动文件通过; runtime 86 个 JS node --check 通过; 契约测试 68/70(2 个失败经 stash 对照确认为存量问题)
7500 lines
323 KiB
JavaScript
7500 lines
323 KiB
JavaScript
(function ($, wp, window) {
|
||
$(document).ready(function () {
|
||
console.log(i18n__('gutenberg_editor_enhanced'));
|
||
var b = wp.blocks,
|
||
c = wp.components,
|
||
e = wp.element,
|
||
ed = wp.blockEditor ? wp.blockEditor : wp.editor,
|
||
rE = wp.richText.registerFormatType,
|
||
_data = wp.data,
|
||
dispatch = _data.dispatch,
|
||
select = _data.select,
|
||
_dispatch = dispatch('core/block-editor') ? dispatch('core/block-editor') : dispatch('core/editor'),
|
||
_select = select('core/block-editor') ? select('core/block-editor') : select('core/editor'),
|
||
getBlockOrder = _select.getBlockOrder,
|
||
getBlock = _select.getBlock,
|
||
insertBlock = _dispatch.insertBlock,
|
||
removeBlock = _dispatch.removeBlock,
|
||
updateBlockAttributes = _dispatch.updateBlockAttributes,
|
||
el = e.createElement,
|
||
rB = b.registerBlockType,
|
||
createBlock = b.createBlock,
|
||
InnerBlocks = ed.InnerBlocks,
|
||
RichTextToolbarButton = ed.RichTextToolbarButton,
|
||
Component = e.Component,
|
||
getRectangleFromRange = wp.dom.getRectangleFromRange,
|
||
Popover = c.Popover,
|
||
Button = c.Button,
|
||
RichText = ed.RichText,
|
||
PlainText = ed.PlainText,
|
||
MediaUpload = ed.MediaUpload,
|
||
Fragment = e.Fragment,
|
||
InspectorControls = ed.InspectorControls,
|
||
PanelBody = c.PanelBody,
|
||
ClipboardButton = c.ClipboardButton,
|
||
TextControl = c.TextControl,
|
||
RadioControl = c.RadioControl,
|
||
Toolbar = c.Toolbar,
|
||
SelectControl = c.SelectControl,
|
||
ToggleControl = c.ToggleControl,
|
||
CheckboxControl = CheckboxControl,
|
||
RangeControl = c.RangeControl,
|
||
DropdownMenu = c.DropdownMenu,
|
||
BlockControls = ed.BlockControls,
|
||
AlignmentToolbar = ed.AlignmentToolbar,
|
||
_lodash = window.lodash || window._,
|
||
wpApiSettings = window.wpApiSettings,
|
||
times = _lodash.times,
|
||
debounce = _lodash.debounce;
|
||
|
||
function i18n__(key) {
|
||
var map = window.aksrt_block_var && window.aksrt_block_var.i18n;
|
||
if (map && Object.prototype.hasOwnProperty.call(map, key)) {
|
||
return map[key];
|
||
}
|
||
return key;
|
||
}
|
||
|
||
function i18n_sprintf(key) {
|
||
var args = Array.prototype.slice.call(arguments, 1);
|
||
var str = i18n__(key);
|
||
var autoIndex = 0;
|
||
return str.replace(/%(\d+\$)?s/g, function (match, num) {
|
||
var idx = num ? parseInt(num, 10) - 1 : autoIndex++;
|
||
return args[idx] !== undefined && args[idx] !== null ? args[idx] : match;
|
||
});
|
||
}
|
||
|
||
var icon = {};
|
||
var icon_color = '#1fbc45';
|
||
var icon_args = function (viewBox) {
|
||
viewBox = viewBox || '0 0 1024 1024';
|
||
return {
|
||
viewBox: viewBox,
|
||
className: 'svg-icon',
|
||
xmlns: xmlns,
|
||
};
|
||
};
|
||
var xmlns = 'http://www.w3.org/2000/svg';
|
||
|
||
icon.legacy = el(
|
||
'svg',
|
||
{
|
||
width: '16px',
|
||
height: '16px',
|
||
viewBox: '0 0 80 90',
|
||
className: 'svg-icon mb10',
|
||
xmlns: xmlns,
|
||
fillRule: 'evenodd',
|
||
clipRule: 'evenodd',
|
||
strokeLinejoin: 'round',
|
||
strokeMiterlimit: '1.414',
|
||
},
|
||
el(
|
||
'g',
|
||
{
|
||
fillRule: 'nonzero',
|
||
transform: 'scale(0.19785394)',
|
||
},
|
||
el('path', {
|
||
d: 'm 408.68862,333.8044 0.009,0.59315 0.004,0.29795 c 0.18694,71.91774 -59.58485,130.93907 -134.53126,132.29044 -0.85543,0.0154 -1.71097,0.0231 -2.56654,0.0231 H 21.034693 C 11.007191,467.00905 2.5761396,460.42672 0.14656613,451.50411 L 338.63176,215.013 c 45.60925,25.97569 68.96153,65.57282 70.05686,118.7914 z M 231.25625,0 C 278.01331,0 321.188,23.909861 344.73248,62.682399 L 0,303.53751 V 20.793975 C 0,9.3097796 9.6674353,0 21.592821,0 Z',
|
||
fill: icon_color,
|
||
})
|
||
)
|
||
);
|
||
|
||
icon.productbox = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'M975.36 400.64A88.32 88.32 0 0 0 887.68 320h-57.6c0-176.64-142.72-320-318.08-320-175.36 0-318.08 143.36-318.08 320h-57.6c-45.44 0-83.2 34.56-87.68 80.64l-44.16 446.08c-4.48 45.44 10.24 90.88 40.96 124.8 30.08 33.28 72.96 52.48 118.4 52.48h696.32c45.44 0 88.96-19.2 119.04-53.12 30.08-33.92 45.44-79.36 40.96-124.8l-44.8-445.44zM512 64c140.16 0 254.08 114.56 254.08 256H257.92c0-141.44 113.92-256 254.08-256z m419.84 864c-18.56 20.48-44.16 32-71.68 32H163.84c-27.52 0-53.12-11.52-71.68-32-18.56-20.48-27.52-47.36-24.96-75.52l44.16-446.08c1.28-12.8 12.16-22.4 24.96-22.4h57.6v96c0 17.92 14.08 32 32 32 17.28 0 32-14.08 32-32V384h508.8v96c0 17.92 14.08 32 32 32 17.28 0 32-14.08 32-32V384h57.6c12.8 0 23.68 9.6 24.96 22.4l44.16 446.08c1.92 28.16-7.04 54.4-25.6 75.52z',
|
||
fill: icon_color,
|
||
}),
|
||
el('path', {
|
||
d: 'M752 679.04a536.768 536.768 0 0 1-480 0 31.744 31.744 0 0 0-42.88 14.08c-7.68 16-1.28 35.2 14.08 42.88 83.84 42.24 176.64 63.36 268.8 63.36 92.16 0 184.32-21.12 268.8-63.36 16-7.68 21.76-26.88 14.08-42.88a31.744 31.744 0 0 0-42.88-14.08z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
|
||
icon.video = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'M704 874.666667H128c-46.933333 0-85.333333-38.4-85.333333-85.333334V234.666667c0-46.933333 38.4-85.333333 85.333333-85.333334h576c46.933333 0 85.333333 38.4 85.333333 85.333334v554.666666c0 46.933333-38.4 85.333333-85.333333 85.333334zM128 213.333333c-12.8 0-21.333333 8.533333-21.333333 21.333334v554.666666c0 12.8 8.533333 21.333333 21.333333 21.333334h576c12.8 0 21.333333-8.533333 21.333333-21.333334V234.666667c0-12.8-8.533333-21.333333-21.333333-21.333334H128z',
|
||
fill: icon_color,
|
||
}),
|
||
el('path', {
|
||
d: 'M277.333333 490.666667c-59.733333 0-106.666667-46.933333-106.666666-106.666667s46.933333-106.666667 106.666666-106.666667 106.666667 46.933333 106.666667 106.666667-46.933333 106.666667-106.666667 106.666667z m0-149.333334c-23.466667 0-42.666667 19.2-42.666666 42.666667s19.2 42.666667 42.666666 42.666667 42.666667-19.2 42.666667-42.666667-19.2-42.666667-42.666667-42.666667zM938.666667 800c-8.533333 0-14.933333-2.133333-21.333334-6.4L725.333333 682.666667V341.333333l192-110.933333c10.666667-6.4 21.333333-6.4 32-4.266667 10.666667 2.133333 21.333333 8.533333 25.6 19.2 4.266667 6.4 6.4 14.933333 6.4 21.333334v490.666666c0 23.466667-19.2 42.666667-42.666666 42.666667z m-149.333334-153.6l128 74.666667V302.933333l-128 74.666667v268.8z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
|
||
icon.iframe = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'M885.76 52.053333h-364.8c-47.786667 0-86.186667 38.826667-86.186667 86.186667v82.346667H139.093333c-48.213333 0-87.466667 39.253333-87.466666 87.04v576.426666c0 48.213333 39.253333 87.466667 87.466666 87.466667h576.426667c48.213333 0 87.04-39.253333 87.04-87.466667v-294.826666h82.773333c47.786667 0 86.186667-38.826667 86.186667-86.186667V138.666667c0.426667-47.786667-37.973333-86.613333-85.76-86.613334z m-151.04 832.426667c0 10.666667-8.533333 19.2-19.2 19.2H139.093333c-10.666667 0-19.2-8.533333-19.2-19.2V308.053333c0-10.666667 8.533333-19.2 19.2-19.2h295.253334v214.186667c0 12.373333 2.56 24.32 7.68 34.986667L255.146667 725.333333v-68.693333c0-18.773333-15.36-34.133333-34.133334-34.133333s-34.133333 15.36-34.133333 34.133333v151.04a33.109333 33.109333 0 0 0 9.386667 23.466667c0.426667 0.426667 0.426667 0.426667 0.426666 0.853333 0.426667 0.426667 0.853333 0.426667 1.28 0.853333 2.986667 2.56 5.973333 5.12 9.813334 6.4 4.266667 1.706667 8.533333 2.56 13.226666 2.56h151.04c18.773333 0 34.133333-15.36 34.133334-34.133333s-15.36-34.133333-34.133334-34.133333H303.36l189.013333-189.013334c8.96 2.986667 18.346667 5.12 28.586667 5.12h213.76v294.826667z m168.96-381.013333c0 9.813333-8.106667 17.92-17.92 17.92h-364.8c-9.813333 0-17.92-8.106667-17.92-17.92V138.666667c0-9.813333 8.106667-17.92 17.92-17.92h364.8c9.813333 0 17.92 8.106667 17.92 17.92v364.8z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
|
||
icon.iframeseries = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'm 662.88377,441.87421 a 42.666667,42.666667 0 0 1 -72.87235,-31.63569 l 7.28782,-180.63176 a 43.235556,43.235556 0 0 1 42.55618,-42.72389 42.666667,42.666667 0 0 1 42.72388,42.55617 l -7.2815,183.84988 a 40.96,40.96 0 0 1 -12.41403,28.58529 z',
|
||
fill: icon_color,
|
||
}),
|
||
el('path', {
|
||
d: 'm 843.88852,434.27746 a 42.097778,42.097778 0 0 1 -28.53625,12.52636 l -181.00475,7.59675 a 42.666667,42.666667 0 0 1 -4.18877,-84.46761 l 180.60327,-7.19369 a 42.666667,42.666667 0 0 1 32.32355,72.34431 z',
|
||
fill: icon_color,
|
||
}),
|
||
el('path', {
|
||
d: 'M 873.65726,230.27007 662.88377,441.87421 a 42.666668,42.666668 0 0 1 -60.45832,-60.221 L 813.19894,170.04908 a 42.666667,42.666667 0 0 1 60.45832,60.22099 z',
|
||
fill: icon_color,
|
||
}),
|
||
el('path', {
|
||
d: 'm 922.2479,554.42362 0.64665,328.81714 a 42.097778,42.097778 0 0 1 -42.58268,42.75049 l -735.00302,1.44546 a 42.097778,42.097778 0 0 1 -42.75049,-42.58267 l -1.17919,-599.60773 a 42.666667,42.666667 0 0 1 42.58268,-42.75049 l 302.6483,-0.59519 a 42.666667,42.666667 0 1 1 0.16782,85.33316 l -259.98172,0.51129 1.00689,511.99901 649.66986,-1.27765 -0.55939,-284.44389 a 42.666667,42.666667 0 1 1 85.33317,-0.16782 z',
|
||
fill: icon_color,
|
||
}),
|
||
el('path', {
|
||
d: 'm 705.18337,682.28186 a 42.097778,42.097778 0 0 1 -42.58268,42.75049 l -341.33267,0.67126 a 42.666667,42.666667 0 0 1 -0.16782,-85.33316 l 341.33268,-0.67127 a 42.666667,42.666667 0 0 1 42.75049,42.58268 z M 534.15231,497.16007 a 42.097778,42.097778 0 0 1 -42.58268,42.75049 L 320.9033,540.2462 a 42.666667,42.666667 0 1 1 -0.16782,-85.33317 l 170.66634,-0.33564 a 42.666667,42.666667 0 0 1 42.75049,42.58268 z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
|
||
icon.feature = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'M833.176 606.564c37.737-60.688 59.927-131.977 59.927-208.47 0-218.921-178.605-397.021-398.09-397.021-219.534 0-398.178 178.1-398.178 397.021 0 87.873 29.126 168.877 77.787 234.72L30.118 883.48l156.358 11.582L275.333 1024l136.88-237.615c26.767 5.693 54.414 8.782 82.806 8.782 38.717 0 76.062-5.787 111.49-16.139L747.663 1024l88.858-128.938 156.314-11.582-159.659-276.916zM362.37 772.156L271.496 929.8l-57.172-83.017-100.66-7.458 95.25-165.296c0.79 0.832 1.719 1.474 2.509 2.307 9.742 9.86 19.876 19.33 30.555 28.111 2.364 1.917 4.918 3.581 7.283 5.448 8.902 6.966 18.004 13.636 27.45 19.872 3.641 2.401 7.384 4.463 11.07 6.72 9.104 5.542 18.353 10.794 27.9 15.603 3.002 1.57 6.05 2.995 9.154 4.414a397.407 397.407 0 0 0 34.93 14.575c0.885 0.342 1.72 0.782 2.605 1.078z m43.495-39.2a355.38 355.38 0 0 1-51.657-18.007 8.63 8.63 0 0 0-0.79-0.346c-15.4-6.822-30.112-14.916-44.236-23.843-1.62-1.035-3.344-1.967-4.92-2.995-13.377-8.731-26.027-18.592-38.076-29.146a321.702 321.702 0 0 1-7.632-6.916c-11.853-10.988-23.17-22.664-33.55-35.424-48.562-59.66-77.789-135.564-77.789-218.185 0-191.2 156.018-346.781 347.799-346.781 191.737 0 347.704 155.58 347.704 346.781 0 73.108-22.88 140.862-61.749 196.844-8.705 12.509-18.347 24.336-28.633 35.57-2.263 2.503-4.426 5.006-6.74 7.408-11.461 11.826-23.669 22.916-36.655 33.023-1.379 1.078-2.807 2.06-4.185 3.139-28.487 21.441-60.174 38.76-94.022 50.682-1.72 0.587-3.394 1.273-5.115 1.865l-8.611 2.995a347.098 347.098 0 0 1-101.994 15.307c-30.847 0-60.662-4.42-89.149-11.972z m402.807 113.826l-57.17 83.017-96.925-168.19c13.58-5.938 26.711-12.76 39.457-20.167 1.625-0.934 3.198-1.917 4.773-2.895 10.773-6.43 21.154-13.346 31.193-20.703a354.339 354.339 0 0 0 7.971-5.94c8.657-6.67 16.925-13.686 24.992-21.05 3.15-2.843 6.298-5.542 9.345-8.435 7.53-7.313 14.616-15.011 21.507-22.86 2.36-2.654 5.064-5.006 7.327-7.754L909.29 839.324l-100.617 7.458z',
|
||
fill: icon_color,
|
||
}),
|
||
el('path', {
|
||
d: 'M654.672 637.872l-30.548-177.414 129.3-125.559-178.65-25.904-79.71-161.369-79.95 161.369-178.693 25.904 129.343 125.56-30.503 177.361 159.753-83.753 159.658 83.805z m-309.915-267.94l103.814-15.016 46.398-93.76 46.347 93.76 103.765 15.017L570 442.889l17.76 103.033-92.74-48.671-92.845 48.721 17.713-103.083-75.13-72.956z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
|
||
icon.biaoti = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'M203.127 1023.991a143.334 143.334 0 0 1-109.74-49.27 154.98 154.98 0 0 1-38.073-100.782V160.854A165.73 165.73 0 0 1 225.074 0.052h573.783a165.73 165.73 0 0 1 169.76 160.802V873.94a139.302 139.302 0 0 1-6.718 44.792 137.063 137.063 0 0 1-91.823 92.27 154.532 154.532 0 0 1-143.334-25.978L583.857 873.49a89.584 89.584 0 0 0-105.261-4.479L290.023 997.564a158.115 158.115 0 0 1-86.896 26.427z m21.948-961.23a102.573 102.573 0 0 0-106.605 98.093V873.94a89.584 89.584 0 0 0 22.396 60.021 86.448 86.448 0 0 0 113.771 11.646L443.211 817.5a151.396 151.396 0 0 1 179.167 6.72L763.472 936.2a93.167 93.167 0 0 0 85.552 15.229 77.938 77.938 0 0 0 52.406-51.959 83.76 83.76 0 0 0 3.584-25.53V160.853A102.573 102.573 0 0 0 798.857 62.76zM377.367 152.344h268.75q44.792 0 44.792 44.792 0 44.791-44.792 44.791h-268.75q-44.792 0-44.792-44.791 0-44.792 44.792-44.792z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
|
||
icon.postsbox = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'M544.256 887.97866668c-9.728 0-19.456-2.56-28.16-8.192-16.896-10.24-27.136-28.16-26.624-48.128V269.99466668c0-24.576 13.824-47.616 35.84-58.368 117.76-60.416 260.608-90.112 423.936-87.04 35.84 1.024 65.024 30.208 65.024 66.048V731.30666668c0 33.792-25.088 61.44-58.88 65.024l-20.992 2.56c-141.312 15.36-263.168 29.184-364.032 82.944-8.192 4.096-17.408 6.144-26.112 6.144zM928.768 175.78666668c-146.432 0-274.432 27.648-380.416 81.92-4.608 2.56-7.68 7.168-7.68 12.8v562.688c0 1.536 0.512 2.56 2.048 3.584s2.56 0.512 3.072 0h0.512c109.568-58.368 236.032-72.192 382.976-88.576l20.992-2.56c7.68-0.512 13.312-6.656 13.312-13.824V190.63466668c0-8.192-6.656-14.848-14.848-14.848h-19.968z',
|
||
fill: icon_color,
|
||
}),
|
||
el('path', {
|
||
d: 'M487.424 889.51466668c-8.704 0-17.408-2.048-25.6-6.656C358.4 827.05066668 232.448 813.73866668 87.04 797.86666668l-13.312-1.536c-33.28-3.072-58.368-30.72-58.368-64.512V191.14666668c0-35.328 29.184-65.024 65.024-66.048 163.84-2.56 306.688 26.624 424.448 87.552 21.504 10.752 35.328 33.792 35.328 57.856V836.26666668c0 18.944-9.728 36.352-26.112 46.08-8.192 4.608-17.408 7.168-26.624 7.168z m-386.56-713.216H81.408c-8.192 0-14.848 6.656-14.848 14.848v540.672c0 7.168 5.632 13.312 12.8 13.824l13.312 1.536c151.04 15.872 281.088 30.208 393.728 90.624h0.512c0.512 0.512 1.024 0.512 1.536 0s1.024-1.024 1.024-1.536V270.50666668c0-5.12-3.072-10.24-7.168-12.288-106.496-54.784-234.496-81.92-381.44-81.92z',
|
||
fill: icon_color,
|
||
}),
|
||
el('path', {
|
||
d: 'M386.56 416.93866668c-3.072 0-6.656-0.512-9.728-2.048-67.584-27.136-136.704-40.96-204.288-40.96-14.336 0-25.6-11.264-25.6-25.6s11.264-25.6 25.6-25.6c74.24 0 149.504 14.848 223.744 45.056 13.312 5.12 19.456 19.968 14.336 33.28-4.096 9.728-13.824 15.872-24.064 15.872z m0 171.52c-3.072 0-6.656-0.512-9.728-2.048-67.584-27.136-136.704-40.96-204.288-40.96-14.336 0-25.6-11.264-25.6-25.6s11.264-25.6 25.6-25.6c74.24 0 149.504 14.848 223.744 45.056 13.312 5.12 19.456 19.968 14.336 33.28-4.096 9.728-13.824 15.872-24.064 15.872z m256.512-171.52c-10.24 0-19.968-6.144-23.552-15.872-5.12-13.312 1.024-28.16 14.336-33.28 73.728-29.696 148.992-45.056 223.744-45.056 14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6c-68.096 0-136.704 13.824-204.288 40.96-3.584 1.536-7.168 2.048-10.24 2.048z m0 171.52c-10.24 0-19.968-6.144-23.552-15.872-5.12-13.312 1.024-28.16 14.336-33.28 73.728-29.696 148.992-45.056 223.744-45.056 14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6c-68.096 0-136.704 13.824-204.288 40.96-3.584 1.536-7.168 2.048-10.24 2.048z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
icon.postslists = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'M154 63c38.585-3.549 87.825-1 131-1h324c21.986 0 46.771-2.819 66 0 11.027 1.617 26.985 22.985 38 34 70.388 70.388 142.474 141.474 215 214 11.001 11.001 31.66 25.64 34 37 4.283 20.798 0 51.069 0 73 0 147.213 2.939 289.276 0 438-1.354 68.465-45.274 104-114 104H265c-47.349 0-105.861 6.086-139-7-35.031-13.833-58.411-40.73-63-83-4.718-43.462-1-90.155-1-144V217c0-22.874-2.529-48.263 1-71 7.309-47.087 44.564-78.729 91-83z m-12 128v598c0 25.297-4.657 76.62 5 87 10.792 11.601 61.731 6 86 6h555c24.86 0 76.86 5.363 88-5 9.054-8.424 6-40.445 6-60V442c0-21.463 3.845-47.044 0-63-2.278-9.453-19.905-22.905-28-31-61.891-61.891-119.072-117.072-180-178-9.53-9.53-21.852-26.199-32-28-16.563-2.939-39.449 0-60 0H219c-20.042 0-48.823-2.389-62 1-18.908 4.862-15 23.169-15 48zM237 249c25.855-3.795 59.35-1 86-1h212c34.246 0 63 4.409 63 40 0 48.994-57.106 40-110 40H311c-52.225 0-111.121 9.443-109-42 0.828-20.071 15.229-34.098 35-37zM237 474c41.5-6.092 97.15-1 142-1h352c23.335 0 50.952-3.611 67 3 31.346 12.914 28.819 62.127 0 74-14.449 5.953-46.639 3-70 3H292c-46.79 0-91.773 4.328-90-42 0.76-19.867 15.16-34.087 35-37zM237 698c41.5-6.092 97.15-1 142-1h352c23.335 0 50.952-3.611 67 3 31.346 12.914 28.819 62.127 0 74-14.449 5.953-46.639 3-70 3H292c-46.79 0-91.773 4.328-90-42 0.76-19.867 15.16-34.088 35-37z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
|
||
icon.enlighter = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 73.142857a438.857143 438.857143 0 1 0 0 877.714286A438.857143 438.857143 0 0 0 512 73.142857z m50.834286 150.674286a36.571429 36.571429 0 0 1 29.622857 42.422857l-88.868572 504.246857a36.571429 36.571429 0 0 1-72.045714-12.726857l88.868572-504.246857a36.571429 36.571429 0 0 1 42.422857-29.622857zM341.430857 382.317714a36.571429 36.571429 0 0 1 0 51.785143l-77.531428 77.531429 77.531428 77.531428a36.571429 36.571429 0 0 1-51.712 51.785143L186.221714 537.453714a36.571429 36.571429 0 0 1 0-51.712l103.497143-103.497143a36.571429 36.571429 0 0 1 51.712 0z m388.827429-4.169143l5.12 4.169143 103.424 103.497143a36.571429 36.571429 0 0 1 4.242285 46.665143l-4.242285 5.046857-103.424 103.424a36.571429 36.571429 0 0 1-55.954286-46.665143l4.169143-5.12 77.604571-77.531428-77.531428-77.531429a36.571429 36.571429 0 0 1 46.592-55.954286z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
icon.buttons = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'M769 468.7c5.5-22.1 11.1-49.7 11.1-77.4 0-44.2-11.1-88.4-27.6-127.1-16.6-38.7-38.7-71.9-71.9-105-27.6-27.6-60.8-49.7-99.5-66.3-38.7-16.6-82.9-27.7-127.1-27.7s-88.4 11.1-127.1 27.6-77.4 38.7-105 71.9c-27.6 27.6-55.3 66.3-71.9 105s-22.1 77.4-22.1 127.1c0 38.7 5.5 71.9 16.6 105 11.1 33.2 27.6 60.8 49.7 88.4s44.2 49.7 77.4 71.9c27.6 22.1 60.8 33.2 94 44.2V584.8c-38.7-16.6-66.3-44.2-88.4-77.4-22.1-33.2-33.2-71.9-33.2-110.6 0-27.6 5.5-55.3 16.6-82.9s27.6-49.7 44.2-66.3c16.6-22.1 38.7-33.2 66.3-44.2 27.6-11.1 55.3-16.6 82.9-16.6s55.3 5.5 82.9 16.6c22.1 11.1 44.2 22.1 60.8 44.2 16.6 16.6 33.2 38.7 44.2 66.3 11.1 27.6 16.6 55.3 16.6 82.9v5.5c0 0.1 110.5 66.4 110.5 66.4z',
|
||
fill: icon_color,
|
||
}),
|
||
el('path', {
|
||
d: 'M426.3 866.7c11.1-16.6 27.6-33.2 44.2-49.7 11.1-11.1 27.6-27.6 49.7-44.2 16.6-16.6 38.7-27.6 60.8-44.2L669.5 922c11.1 16.6 22.1 27.6 44.2 33.2 16.6 5.5 38.7 5.5 55.3-5.5 16.6-11.1 27.6-22.1 33.2-44.2 5.5-16.6 5.5-38.7-5.5-55.3L686.1 684.3c27.6-5.5 49.7-11.1 77.4-16.6 27.6-5.5 49.7-5.5 66.3-5.5h66.3L420.8 291.8l5.5 574.9z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
icon.tabs = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'M420.608 489.984a15.104 15.104 0 0 1 4.864 11.776 14.848 14.848 0 0 1-4.864 11.776 17.664 17.664 0 0 1-12.288 4.352h-44.288V665.6a15.104 15.104 0 0 1-5.376 12.032 18.176 18.176 0 0 1-13.056 5.12 17.664 17.664 0 0 1-13.056-5.12 15.872 15.872 0 0 1-5.12-12.032v-147.712h-44.032a16.64 16.64 0 0 1-12.288-4.608 14.848 14.848 0 0 1-4.864-11.776 14.848 14.848 0 0 1 4.864-11.52 17.152 17.152 0 0 1 12.288-4.352H409.6a16.384 16.384 0 0 1 11.008 4.352zM557.824 534.016a15.872 15.872 0 0 1 4.864 12.288V665.6a15.616 15.616 0 0 1-4.864 12.032 15.872 15.872 0 0 1-12.032 5.12 16.64 16.64 0 0 1-12.032-4.864 17.664 17.664 0 0 1-4.864-12.032 61.952 61.952 0 0 1-44.032 19.712 64.512 64.512 0 0 1-35.328-9.984 69.376 69.376 0 0 1-25.6-27.904 92.16 92.16 0 0 1 0-80.384 67.072 67.072 0 0 1 25.6-27.904 61.696 61.696 0 0 1 34.304-9.984 66.816 66.816 0 0 1 45.312 17.408 16.64 16.64 0 0 1 4.864-12.288 17.408 17.408 0 0 1 24.064 0zM518.912 640a55.04 55.04 0 0 0 0-67.328 36.864 36.864 0 0 0-29.952-13.568 36.352 36.352 0 0 0-29.44 13.568 51.2 51.2 0 0 0-11.52 33.536 51.2 51.2 0 0 0 11.264 33.792 37.632 37.632 0 0 0 29.696 13.312 38.4 38.4 0 0 0 29.952-13.312zM712.448 539.136a70.4 70.4 0 0 1 25.6 27.648 86.016 86.016 0 0 1 9.216 40.192 87.04 87.04 0 0 1-9.216 40.448 68.608 68.608 0 0 1-25.6 27.904 61.696 61.696 0 0 1-34.304 9.984 57.6 57.6 0 0 1-25.6-5.632 61.952 61.952 0 0 1-19.712-13.312v1.792a16.64 16.64 0 0 1-16.896 17.152 15.616 15.616 0 0 1-12.032-4.864 16.128 16.128 0 0 1-4.864-12.288v-176.64a16.64 16.64 0 0 1 4.864-12.288 17.408 17.408 0 0 1 24.064 0 16.64 16.64 0 0 1 4.864 12.288v58.624a55.296 55.296 0 0 1 18.688-14.592 53.248 53.248 0 0 1 25.6-6.4 64.512 64.512 0 0 1 35.328 9.984z m-9.984 102.4a51.2 51.2 0 0 0 11.52-33.792 51.2 51.2 0 0 0-11.264-33.536 40.192 40.192 0 0 0-59.648 0 55.04 55.04 0 0 0 0 67.328 37.632 37.632 0 0 0 29.952 13.568 37.12 37.12 0 0 0 29.44-15.104zM857.088 337.408V281.6a76.8 76.8 0 0 0-76.8-76.8H402.176a76.8 76.8 0 0 0-57.088-25.6H206.336a76.8 76.8 0 0 0-76.8 76.8v512a76.8 76.8 0 0 0 76.8 76.8h622.592a76.8 76.8 0 0 0 76.8-76.8V409.6a76.8 76.8 0 0 0-48.64-72.192z m-51.2-56.576v51.2h-153.6V281.6a76.8 76.8 0 0 0-4.608-25.6h132.608a25.6 25.6 0 0 1 25.6 25.6z m-230.4-25.6a25.6 25.6 0 0 1 25.6 25.6v51.2h-179.2V256z m279.04 512a25.6 25.6 0 0 1-25.6 25.6H206.336a25.6 25.6 0 0 1-25.6-25.6V256a25.6 25.6 0 0 1 25.6-25.6h138.752a25.6 25.6 0 0 1 25.6 25.6v102.4a25.6 25.6 0 0 0 25.6 25.6h432.64a25.6 25.6 0 0 1 25.6 25.6z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
icon.featured = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'M879.488423 92.01323c80.158765 0 145.076075 64.91731 145.076075 145.076075v550.385888c0 80.158765-64.91731 145.076075-145.076075 145.076075H145.076075C64.91731 931.98677 0 867.06946 0 786.910695V237.089305c0-80.158765 64.91731-145.076075 145.076075-145.076075h734.412348z m76.207277 284.507167H68.3043v410.954796c0 41.772878 33.305402 75.642778 75.07828 76.207277H878.923925c41.772878 0 75.642778-33.305402 76.207277-75.07828v-1.128997l0.564498-410.954796zM441.437707 461.759647c3.951488 0 7.338479 1.128997 10.725468 2.822492l205.477398 122.496141c10.16097 6.209482 13.54796 18.628445 7.338479 28.789416-1.693495 2.822492-4.515987 5.644983-7.338479 7.338478L452.163175 745.137817c-10.16097 6.209482-23.144432 2.822492-28.789415-7.338479-1.693495-3.38699-2.822492-6.77398-2.822492-10.725468V482.646086c0-11.289967 9.596472-20.886439 20.886439-20.886439zM68.3043 235.39581V307.651599h101.609702L75.642778 204.9129c-4.515987 9.596472-6.77398 20.32194-7.338478 30.48291z m811.184123-75.07828h-95.964718L910.535832 304.829107c0.564498 1.128997 1.693495 1.693495 2.257994 2.822492h43.466372V237.089305c0-41.772878-33.305402-75.642778-75.07828-76.207276l-1.693495-0.564499z m-187.413451 0h-125.318632l125.318632 145.076075c0.564498 0.564498 1.128997 1.693495 1.693495 2.257994h127.576627l-129.270122-147.334069z m-216.202866 0H353.375965l125.318633 145.076075c0.564498 0.564498 1.128997 1.693495 1.693495 2.257994h123.060639c0 0.564498-127.576626-147.334068-127.576626-147.334069z m-212.815877 0H145.076075c-5.080485 0-10.16097 0.564498-15.241455 1.693495l132.092613 143.947079 1.693495 1.693495h127.576626L263.056229 160.31753z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
icon.download = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'M543.6 825.3H131.3c-28 0-50.7-22.8-50.7-50.7V141c0-29.9 24.3-54.2 54.2-54.2h126.3c25.1 0 46.6 17.9 51.2 42.6l20.9 111.9c11.7 62.6 66.4 108 130.1 108h385.6c29.9 0 54.2 24.3 54.2 54.3V476c0 22.2 18 40.3 40.3 40.3 22.2 0 40.3-18 40.3-40.3v-72.4c0-74.3-60.5-134.8-134.8-134.8H463.3c-24.9 0-46.3-17.8-50.9-42.3l-20.9-111.9C379.8 51.7 324.9 6.2 261.1 6.2H134.8C60.5 6.2 0 66.7 0 141v633.6C0 847 58.9 905.9 131.3 905.9h412.4c22.2 0 40.3-18 40.3-40.3-0.1-22.3-18.1-40.3-40.4-40.3z',
|
||
fill: icon_color,
|
||
}),
|
||
el('path', {
|
||
d: 'M560.1 140.4h338.3c22.2 0 40.3-18 40.3-40.3 0-22.2-18-40.3-40.3-40.3H560.1c-22.2 0-40.3 18-40.3 40.3 0 22.3 18 40.3 40.3 40.3zM1014.6 828c-12.6-12.6-33-12.6-45.6 0l-95.4 95.4V605.5c0-17.8-14.4-32.2-32.2-32.2s-32.2 14.4-32.2 32.2v317.9L713.8 828c-12.6-12.6-33-12.6-45.6 0s-12.6 33 0 45.6l123.9 123.9c13.1 13.1 30.1 19.8 47.3 20.3 0.6 0 1.3 0.1 1.9 0.1 0.6 0 1.3 0 1.9-0.1 17.2-0.5 34.3-7.2 47.3-20.3l123.9-123.9c12.7-12.7 12.7-33 0.2-45.6z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
icon.seamlessimg = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'M551.36 124.16a36.608 36.608 0 0 1 0 71.68L544 196.48H132.48v458.24l126.336-303.104 2.24-4.544a36.608 36.608 0 0 1 62.784-0.192l80 133.312 41.152-61.632 5.184-6.272a36.672 36.672 0 0 1 51.072 0.64l73.088 73.152 4.736 5.76a36.544 36.544 0 0 1-50.624 50.624l-5.76-4.672-41.6-41.6-48.384 72.576a36.672 36.672 0 0 1-61.824-1.408L298.496 446.592l-155.008 372.096c-0.704 1.728-1.728 3.328-2.688 4.928h403.2l7.36 0.768a36.672 36.672 0 0 1 0 71.68l-7.36 0.704H131.968A72.576 72.576 0 0 1 59.52 824.32V195.968c0-40.064 32.448-72.512 72.512-72.576H544l7.36 0.768zM921.664 824.32a36.608 36.608 0 0 1 0 71.68l-7.36 0.704h-219.456a36.544 36.544 0 1 1 0-73.088h219.456l7.36 0.768zM921.664 649.344a36.608 36.608 0 0 1 0 71.68l-7.36 0.704h-219.456a36.544 36.544 0 1 1 0-73.152h219.456l7.36 0.768zM921.664 474.368a36.608 36.608 0 0 1 0 71.616l-7.36 0.768h-219.456a36.544 36.544 0 1 1 0-73.152h219.456l7.36 0.768zM921.664 299.328a36.608 36.608 0 0 1 0 71.68l-7.36 0.704h-219.456a36.544 36.544 0 1 1 0-73.088h219.456l7.36 0.704zM921.664 124.352a36.608 36.608 0 0 1 0 71.68l-7.36 0.704h-219.456a36.544 36.544 0 1 1 0-73.152h219.456l7.36 0.768z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
icon.modal = el(
|
||
'svg',
|
||
icon_args(),
|
||
el('path', {
|
||
d: 'M654.601 708.8a36.965 36.965 0 0 0 26.158-10.843 37.047 37.047 0 0 0 10.843-26.186V434.47H454.555a36.992 36.992 0 0 0-32.594 18.322 37.074 37.074 0 0 0 0 37.422 36.992 36.992 0 0 0 32.594 18.322H565.33l-44.525 44.58L365.239 708.92a37.056 37.056 0 0 0 16.274 62.574 36.955 36.955 0 0 0 36.023-10.222L573.23 605.403l44.489-44.544v110.912A37.01 37.01 0 0 0 654.6 708.8z m313.92-450.834h-0.393V227.84c0-95.131-77.76-172.983-172.846-172.983H227.657c-95.049 0-172.8 77.852-172.8 172.983v568.265c0 95.186 77.751 172.983 172.8 172.983h567.625c95.086 0 172.8-77.833 172.8-172.983v-209.92a38.162 38.162 0 0 0-38.034-37.202 38.162 38.162 0 0 0-38.034 37.211v209.92c-0.247 53.385-43.401 96.604-96.732 96.878H227.657c-53.321-0.274-96.484-43.493-96.731-96.887V331.547H968.53v-73.581z m-76.452 0H130.926V227.84c0.274-53.367 43.42-96.558 96.731-96.832h567.625c53.312 0.274 96.457 43.465 96.732 96.832l0.055 30.126z m-80.951-82.368H475.246c-9.847 0-17.93 8.411-17.93 18.679v3.291c0 10.267 8.083 18.679 17.93 18.679h335.872c9.856 0 17.929-8.412 17.929-18.688v-3.282c0-10.268-8.073-18.68-17.93-18.68z m-488.85-2.643a22.994 22.994 0 0 0-16.22 39.223 22.93 22.93 0 0 0 39.168-16.256 22.967 22.967 0 0 0-22.949-22.967z m69.522 0a22.994 22.994 0 0 0-16.22 39.223 22.93 22.93 0 0 0 39.177-16.256 22.985 22.985 0 0 0-22.976-22.967h0.019z',
|
||
fill: icon_color,
|
||
})
|
||
);
|
||
|
||
icon.headingLevel1 = el(
|
||
'svg',
|
||
{
|
||
xmlns: xmlns,
|
||
viewBox: '0 0 24 24',
|
||
},
|
||
el('path', {
|
||
d: 'M17.6 7c-.6.9-1.5 1.7-2.6 2v1h2v7h2V7h-1.4zM11 11H7V7H5v10h2v-4h4v4h2V7h-2v4z',
|
||
})
|
||
);
|
||
|
||
icon.headingLevel2 = el(
|
||
'svg',
|
||
{
|
||
xmlns: xmlns,
|
||
viewBox: '0 0 24 24',
|
||
},
|
||
el('path', {
|
||
d: 'M9 11.1H5v-4H3v10h2v-4h4v4h2v-10H9v4zm8 4c.5-.4.6-.6 1.1-1.1.4-.4.8-.8 1.2-1.3.3-.4.6-.8.9-1.3.2-.4.3-.8.3-1.3 0-.4-.1-.9-.3-1.3-.2-.4-.4-.7-.8-1-.3-.3-.7-.5-1.2-.6-.5-.2-1-.2-1.5-.2-.4 0-.7 0-1.1.1-.3.1-.7.2-1 .3-.3.1-.6.3-.9.5-.3.2-.6.4-.8.7l1.2 1.2c.3-.3.6-.5 1-.7.4-.2.7-.3 1.2-.3s.9.1 1.3.4c.3.3.5.7.5 1.1 0 .4-.1.8-.4 1.1-.3.5-.6.9-1 1.2-.4.4-1 .9-1.6 1.4-.6.5-1.4 1.1-2.2 1.6v1.5h8v-2H17z',
|
||
})
|
||
);
|
||
|
||
icon.headingLevel3 = el(
|
||
'svg',
|
||
{
|
||
xmlns: xmlns,
|
||
viewBox: '0 0 24 24',
|
||
},
|
||
el('path', {
|
||
d: 'M9 11H5V7H3v10h2v-4h4v4h2V7H9v4zm11.3 1.7c-.4-.4-1-.7-1.6-.8v-.1c.6-.2 1.1-.5 1.5-.9.3-.4.5-.8.5-1.3 0-.4-.1-.8-.3-1.1-.2-.3-.5-.6-.8-.8-.4-.2-.8-.4-1.2-.5-.6-.1-1.1-.2-1.6-.2-.6 0-1.3.1-1.8.3s-1.1.5-1.6.9l1.2 1.4c.4-.2.7-.4 1.1-.6.3-.2.7-.3 1.1-.3.4 0 .8.1 1.1.3.3.2.4.5.4.8 0 .4-.2.7-.6.9-.7.3-1.5.5-2.2.4v1.6c.5 0 1 0 1.5.1.3.1.7.2 1 .3.2.1.4.2.5.4s.1.4.1.6c0 .3-.2.7-.5.8-.4.2-.9.3-1.4.3s-1-.1-1.4-.3c-.4-.2-.8-.4-1.2-.7L13 15.6c.5.4 1 .8 1.6 1 .7.3 1.5.4 2.3.4.6 0 1.1-.1 1.6-.2.4-.1.9-.2 1.3-.5.4-.2.7-.5.9-.9.2-.4.3-.8.3-1.2 0-.6-.3-1.1-.7-1.5z',
|
||
})
|
||
);
|
||
|
||
icon.headingLevel4 = el(
|
||
'svg',
|
||
{
|
||
xmlns: xmlns,
|
||
viewBox: '0 0 24 24',
|
||
},
|
||
el('path', {
|
||
d: 'M20 13V7h-3l-4 6v2h5v2h2v-2h1v-2h-1zm-2 0h-2.8L18 9v4zm-9-2H5V7H3v10h2v-4h4v4h2V7H9v4z',
|
||
})
|
||
);
|
||
|
||
icon.headingLevel5 = el(
|
||
'svg',
|
||
{
|
||
xmlns: xmlns,
|
||
viewBox: '0 0 24 24',
|
||
},
|
||
el('path', {
|
||
d: 'M9 11H5V7H3v10h2v-4h4v4h2V7H9v4zm11.7 1.2c-.2-.3-.5-.7-.8-.9-.3-.3-.7-.5-1.1-.6-.5-.1-.9-.2-1.4-.2-.2 0-.5.1-.7.1-.2.1-.5.1-.7.2l.1-1.9h4.3V7H14l-.3 5 1 .6.5-.2.4-.1c.1-.1.3-.1.4-.1h.5c.5 0 1 .1 1.4.4.4.2.6.7.6 1.1 0 .4-.2.8-.6 1.1-.4.3-.9.4-1.4.4-.4 0-.9-.1-1.3-.3-.4-.2-.7-.4-1.1-.7 0 0-1.1 1.4-1 1.5.5.4 1 .8 1.6 1 .7.3 1.5.4 2.3.4.5 0 1-.1 1.5-.3s.9-.4 1.3-.7c.4-.3.7-.7.9-1.1s.3-.9.3-1.4-.1-1-.3-1.4z',
|
||
})
|
||
);
|
||
|
||
var colors = [
|
||
{
|
||
color: '#fb2121',
|
||
},
|
||
{
|
||
color: '#ef0c7e',
|
||
},
|
||
{
|
||
color: '#F3AC07',
|
||
},
|
||
{
|
||
color: '#8CA803',
|
||
},
|
||
{
|
||
color: '#64BD05',
|
||
},
|
||
{
|
||
color: '#11C33F',
|
||
},
|
||
{
|
||
color: '#08B89A',
|
||
},
|
||
{
|
||
color: '#09ACE2',
|
||
},
|
||
{
|
||
color: '#1F91F3',
|
||
},
|
||
{
|
||
color: '#3B6ED5',
|
||
},
|
||
{
|
||
color: '#664FFA',
|
||
},
|
||
{
|
||
color: '#A845F7',
|
||
},
|
||
{
|
||
color: '#333',
|
||
},
|
||
{
|
||
color: '#666',
|
||
},
|
||
{
|
||
color: '#999',
|
||
},
|
||
{
|
||
color: '#f8f8f8',
|
||
},
|
||
];
|
||
|
||
function _toConsumableArray(arr) {
|
||
if (Array.isArray(arr)) {
|
||
for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) {
|
||
arr2[i] = arr[i];
|
||
}
|
||
return arr2;
|
||
} else {
|
||
return Array.from(arr);
|
||
}
|
||
}
|
||
|
||
function help_link(link, text) {
|
||
text = text || i18n__('gutenberg_view_official_tutorial');
|
||
var url = '""';
|
||
//如果传入的是数字
|
||
if (typeof link == 'number') {
|
||
link = url + link + '.html';
|
||
} else if (link.indexOf('http') != -1) {
|
||
link = url + '?s=' + link;
|
||
}
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'padding-15',
|
||
},
|
||
el(
|
||
'a',
|
||
{
|
||
className: 'but jb-green em09',
|
||
href: link,
|
||
target: 'blank',
|
||
},
|
||
text
|
||
)
|
||
);
|
||
}
|
||
|
||
function show_title(title) {
|
||
return 'legacy:' + title;
|
||
}
|
||
|
||
var notices = function (type, txte, data) {
|
||
type = type || 'info';
|
||
wp.data.dispatch('core/notices').createNotice(
|
||
type, // Can be one of: success, info, warning, error.
|
||
txte, // Text string to display.
|
||
data
|
||
);
|
||
};
|
||
|
||
//--------------------------------------------------------------
|
||
rB('aksrtblock/download', {
|
||
title: show_title(i18n__('gutenberg_file_download')),
|
||
icon: icon.download,
|
||
supports: {
|
||
className: false, //保存时候不自动添加根class
|
||
anchor: true, //允许添加描点
|
||
},
|
||
description: i18n__('gutenberg_file_download_desc'),
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
file_id: {
|
||
type: 'string',
|
||
source: 'attribute',
|
||
selector: '.file-download-btn',
|
||
attribute: 'data-download-file',
|
||
default: 0,
|
||
},
|
||
url: {
|
||
type: 'string',
|
||
source: 'attribute',
|
||
selector: '.file-download-btn',
|
||
attribute: 'href',
|
||
default: '',
|
||
},
|
||
icon: {
|
||
type: 'string',
|
||
source: 'attribute',
|
||
selector: '.file-download-icon>img',
|
||
attribute: 'src',
|
||
default: '',
|
||
},
|
||
file_name: {
|
||
type: 'string',
|
||
selector: '.file-download-name',
|
||
source: 'text',
|
||
},
|
||
desc: {
|
||
type: 'array',
|
||
source: 'query',
|
||
selector: '.file-download-desc',
|
||
default: [
|
||
{
|
||
left: '',
|
||
right: '',
|
||
},
|
||
],
|
||
query: {
|
||
left: {
|
||
type: 'string',
|
||
source: 'text',
|
||
selector: '.desc-left',
|
||
},
|
||
right: {
|
||
type: 'string',
|
||
source: 'text',
|
||
selector: '.desc-right',
|
||
},
|
||
},
|
||
},
|
||
},
|
||
edit: function (props) {
|
||
var at = props.attributes;
|
||
var file_id = at.file_id;
|
||
var file_name = at.file_name;
|
||
var url = !file_id && at.url != 'javascript:;' ? at.url : '';
|
||
var desc = at.desc;
|
||
var icon = at.icon;
|
||
var sa = props.setAttributes;
|
||
var isS = props.isSelected;
|
||
|
||
function getFileExt(name) {
|
||
return name.substring(name.lastIndexOf('.') + 1);
|
||
}
|
||
|
||
function formatSize(size, pointLength, units) {
|
||
var unit;
|
||
units = units || ['B', 'K', 'M', 'G', 'TB'];
|
||
while ((unit = units.shift()) && size > 1024) {
|
||
size = size / 1024;
|
||
}
|
||
return (unit === 'B' ? size : size.toFixed(pointLength === undefined ? 1 : pointLength)) + unit;
|
||
}
|
||
|
||
function get_thumbnail_url(file_data) {
|
||
if (!file_data || !file_data.type || file_data.type !== 'image') return '';
|
||
return file_data.sizes && file_data.sizes.thumbnail && file_data.sizes.thumbnail.url ? file_data.sizes.thumbnail.url : file_data.url;
|
||
}
|
||
|
||
var media = el(MediaUpload, {
|
||
title: i18n__('gutenberg_select_or_upload_file'),
|
||
// allowedTypes: ["video"],
|
||
onSelect: function onSelect(file_data) {
|
||
var name = file_data.filename || file_data.name;
|
||
var desc_1 = i18n_sprintf('gutenberg_ext_file', getFileExt(name));
|
||
var desc_2 = file_data.filesizeInBytes ? formatSize(file_data.filesizeInBytes) : '';
|
||
|
||
if (file_data.type === 'image') {
|
||
icon = get_thumbnail_url(file_data);
|
||
}
|
||
|
||
sa({
|
||
file_name: name,
|
||
url: '',
|
||
icon: icon,
|
||
file_id: file_data.id,
|
||
desc: [
|
||
{
|
||
left: desc_1,
|
||
right: desc_2,
|
||
},
|
||
],
|
||
});
|
||
},
|
||
value: file_id,
|
||
render: function render(_ref) {
|
||
var open = _ref.open;
|
||
return el(
|
||
'a',
|
||
{
|
||
className: 'but jb-blue is-secondary flex0',
|
||
onClick: open,
|
||
},
|
||
(!file_id ? i18n__('gutenberg_select_or_upload') : i18n__('gutenberg_replace')) + i18n__('gutenberg_file')
|
||
);
|
||
},
|
||
});
|
||
|
||
return el(
|
||
'div',
|
||
{},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'muted-box file-download-box',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'flex ac jsb',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'flex ac flex1',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'mr10',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'file-download-icon',
|
||
},
|
||
[
|
||
icon &&
|
||
el('img', {
|
||
className: 'fit-cover',
|
||
src: icon,
|
||
alt: i18n__('gutenberg_download_icon'),
|
||
}),
|
||
]
|
||
)
|
||
),
|
||
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'flex1',
|
||
},
|
||
[
|
||
isS
|
||
? [
|
||
url || file_id
|
||
? el(TextControl, {
|
||
className: '',
|
||
tagName: 'input',
|
||
onChange: function (e) {
|
||
sa({
|
||
file_name: e,
|
||
});
|
||
},
|
||
value: file_name,
|
||
placeholder: i18n__('gutenberg_enter_file_name'),
|
||
})
|
||
: i18n__('gutenberg_enter_download_url_or_file'),
|
||
]
|
||
: el(
|
||
'div',
|
||
{
|
||
className: 'text-ellipsis-2 file-download-name',
|
||
},
|
||
file_name || i18n__('gutenberg_enter_file_name')
|
||
),
|
||
],
|
||
|
||
[
|
||
isS
|
||
? el(
|
||
'div',
|
||
{
|
||
className: 'flex ac',
|
||
},
|
||
[
|
||
!file_id
|
||
? el(TextControl, {
|
||
className: 'flex1',
|
||
tagName: 'input',
|
||
onChange: function (e) {
|
||
sa({
|
||
url: e,
|
||
});
|
||
},
|
||
value: url,
|
||
placeholder: i18n__('gutenberg_enter_download_url'),
|
||
})
|
||
: el(
|
||
'div',
|
||
{
|
||
className: 'flex ac',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'px12',
|
||
},
|
||
i18n__('gutenberg_local_file_selected')
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'mb6 ml10',
|
||
},
|
||
el(
|
||
'a',
|
||
{
|
||
className: 'but c-blue-2',
|
||
onClick: function () {
|
||
sa({
|
||
file_id: 0,
|
||
});
|
||
},
|
||
},
|
||
i18n__('gutenberg_enter_url')
|
||
)
|
||
)
|
||
),
|
||
],
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'mb6 ml6',
|
||
},
|
||
media
|
||
)
|
||
)
|
||
: el(
|
||
'div',
|
||
{
|
||
className: 'px12 opacity5',
|
||
},
|
||
url ? url : file_id ? i18n__('gutenberg_local_file') : ''
|
||
),
|
||
]
|
||
)
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'flex0 ml20',
|
||
},
|
||
[
|
||
isS ||
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'but c-blue file-download-btn',
|
||
},
|
||
el(
|
||
'i',
|
||
{
|
||
className: 'fa fas fa-download',
|
||
},
|
||
i18n__('gutenberg_download')
|
||
)
|
||
),
|
||
]
|
||
)
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'mt10',
|
||
},
|
||
desc.map(function (item, index) {
|
||
if (isS) {
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'flex ab jsb muted-2-color file-download-desc',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'desc-left',
|
||
},
|
||
el(TextControl, {
|
||
className: 'flex1 mr6',
|
||
tagName: 'input',
|
||
onChange: function (e) {
|
||
desc[index].left = e;
|
||
sa({
|
||
desc: _toConsumableArray(desc),
|
||
});
|
||
},
|
||
value: item.left,
|
||
placeholder: i18n__('gutenberg_enter_file_attr'),
|
||
})
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'desc-right flex ac',
|
||
},
|
||
el(TextControl, {
|
||
className: 'flex1 mr6',
|
||
tagName: 'input',
|
||
onChange: function (e) {
|
||
desc[index].right = e;
|
||
sa({
|
||
desc: _toConsumableArray(desc),
|
||
});
|
||
},
|
||
value: item.right,
|
||
placeholder: i18n__('gutenberg_enter_file_attr'),
|
||
}),
|
||
el('button', {
|
||
className: 'mb6 ml6 c-red fa far fa-trash-alt',
|
||
type: 'button',
|
||
onClick: function () {
|
||
desc.splice(index, 1);
|
||
sa({
|
||
desc: _toConsumableArray(desc),
|
||
});
|
||
},
|
||
})
|
||
)
|
||
);
|
||
} else if (item.left || item.right) {
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'flex ab jsb muted-2-color file-download-desc em09',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'desc-left',
|
||
},
|
||
item.left
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'desc-right',
|
||
},
|
||
item.right
|
||
)
|
||
);
|
||
}
|
||
})
|
||
),
|
||
|
||
[
|
||
isS &&
|
||
el(
|
||
'a',
|
||
{
|
||
className: 'but c-blue is-secondary hollow',
|
||
onClick: function () {
|
||
let add = {
|
||
left: '',
|
||
right: '',
|
||
};
|
||
sa({
|
||
desc: [].concat(_toConsumableArray(desc), add),
|
||
});
|
||
},
|
||
},
|
||
i18n__('gutenberg_add_file_attr')
|
||
),
|
||
]
|
||
),
|
||
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
help_link(13990),
|
||
el(
|
||
PanelBody,
|
||
{
|
||
icon: 'image',
|
||
title: i18n__('gutenberg_file_icon'),
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'components-base-control',
|
||
},
|
||
[
|
||
icon &&
|
||
el(
|
||
'div',
|
||
{
|
||
className: ' ',
|
||
},
|
||
el('img', {
|
||
src: icon,
|
||
})
|
||
),
|
||
],
|
||
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'flex ac',
|
||
},
|
||
el(MediaUpload, {
|
||
title: i18n__('gutenberg_select_or_upload_file_icon'),
|
||
allowedTypes: ['image'],
|
||
onSelect: function onSelect(media) {
|
||
sa({
|
||
icon: get_thumbnail_url(media),
|
||
});
|
||
},
|
||
render: function render(_ref) {
|
||
var open = _ref.open;
|
||
return el(
|
||
'a',
|
||
{
|
||
className: 'but jb-blue',
|
||
onClick: open,
|
||
},
|
||
(icon ? i18n__('gutenberg_replace') : i18n__('gutenberg_add')) + i18n__('gutenberg_icon')
|
||
);
|
||
},
|
||
}),
|
||
[
|
||
icon &&
|
||
el(
|
||
'a',
|
||
{
|
||
className: 'but c-red ml6',
|
||
onClick: function () {
|
||
sa({
|
||
icon: '',
|
||
});
|
||
},
|
||
},
|
||
i18n__('gutenberg_remove')
|
||
),
|
||
]
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'mt6 em09 opacity5',
|
||
},
|
||
i18n__('gutenberg_file_icon_square_hint')
|
||
)
|
||
)
|
||
)
|
||
)
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var at = props.attributes;
|
||
var file_id = ~~at.file_id;
|
||
var file_name = at.file_name;
|
||
var url = at.url || 'javascript:;';
|
||
var icon = at.icon;
|
||
var desc = at.desc;
|
||
|
||
var a_attr = {
|
||
className: 'but c-blue file-download-btn',
|
||
href: url,
|
||
};
|
||
if (file_id) {
|
||
a_attr['data-download-file'] = file_id;
|
||
}
|
||
|
||
var desc_lists = desc.map(function (item) {
|
||
if (item.left || item.right) {
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'flex ab jsb muted-2-color file-download-desc em09',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'desc-left',
|
||
},
|
||
item.left
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'desc-right',
|
||
},
|
||
item.right
|
||
)
|
||
);
|
||
}
|
||
});
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
contenteditable: 'false',
|
||
className: 'muted-box file-download-box mb20',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'flex ac jsb',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'flex ac',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'mr10',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'file-download-icon',
|
||
},
|
||
[
|
||
icon &&
|
||
el('img', {
|
||
className: 'fit-cover no-imgbox',
|
||
src: icon,
|
||
alt: i18n__('gutenberg_download_icon'),
|
||
}),
|
||
]
|
||
)
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'text-ellipsis-2 file-download-name',
|
||
contenteditable: 'true',
|
||
},
|
||
file_name
|
||
)
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'flex0 ml20',
|
||
},
|
||
el(
|
||
'a',
|
||
a_attr,
|
||
el('i', {
|
||
className: 'fa fas fa-download',
|
||
}),
|
||
i18n__('gutenberg_download')
|
||
)
|
||
)
|
||
),
|
||
[
|
||
desc_lists &&
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'mt10',
|
||
},
|
||
desc_lists
|
||
),
|
||
]
|
||
);
|
||
},
|
||
});
|
||
|
||
//--------------------------------------------------------------
|
||
rB('aksrtblock/tabs', {
|
||
title: show_title(i18n__('gutenberg_tab')),
|
||
icon: icon.tabs,
|
||
supports: {
|
||
className: false, //保存时候不自动添加根class
|
||
anchor: true, //允许添加描点
|
||
},
|
||
description: i18n__('gutenberg_tab_desc'),
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
tabHeaders: {
|
||
type: 'array',
|
||
default: [i18n__('gutenberg_tab_col_1'), i18n__('gutenberg_tab_col_2'), i18n__('gutenberg_tab_col_3')],
|
||
},
|
||
tabActive: {
|
||
type: 'number',
|
||
default: 0,
|
||
},
|
||
open: {
|
||
type: 'number',
|
||
default: 0,
|
||
},
|
||
layout: {
|
||
type: 'string',
|
||
default: 'nav-top',
|
||
},
|
||
},
|
||
|
||
edit: function (props) {
|
||
var at = props.attributes,
|
||
isS = props.isSelected,
|
||
sa = props.setAttributes,
|
||
tabHeaders = at.tabHeaders,
|
||
tabActive = at.tabActive,
|
||
layout = at.layout;
|
||
|
||
var clientId = props.clientId;
|
||
|
||
var get_el = function (_key) {
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'tab-header-item' + (_key == tabActive ? ' active' : ''),
|
||
onClick: function () {
|
||
active(_key);
|
||
},
|
||
},
|
||
el(TextControl, {
|
||
// tagName: "p",
|
||
className: 'tab-header-input',
|
||
onChange: function (e) {
|
||
tabHeaders[_key] = e;
|
||
sa({
|
||
tabHeaders: _toConsumableArray(tabHeaders),
|
||
});
|
||
},
|
||
value: tabHeaders[_key],
|
||
placeholder: i18n__('gutenberg_enter_title'),
|
||
}),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'tab-operation',
|
||
},
|
||
el(
|
||
'a',
|
||
{
|
||
className: 'but b-red circular',
|
||
onClick: function () {
|
||
remove(_key);
|
||
},
|
||
},
|
||
el('i', {
|
||
className: 'fa fas fa-times',
|
||
})
|
||
)
|
||
)
|
||
);
|
||
};
|
||
|
||
var active = function (_key) {
|
||
var block = getBlock(clientId);
|
||
sa({
|
||
tabActive: _key,
|
||
});
|
||
|
||
times(block.innerBlocks.length, function (n) {
|
||
updateBlockAttributes(block.innerBlocks[n].clientId, {
|
||
tabActive: _key,
|
||
id: n,
|
||
});
|
||
});
|
||
};
|
||
|
||
var add = function () {
|
||
var tabItemBlock = createBlock('aksrtblock/tab');
|
||
insertBlock(tabItemBlock, tabHeaders.length, clientId);
|
||
sa({
|
||
tabHeaders: [].concat(_toConsumableArray(tabHeaders), ''),
|
||
});
|
||
active(tabHeaders.length);
|
||
};
|
||
var remove = function (_key) {
|
||
if (tabHeaders.length < 2) {
|
||
return notices('warning', i18n__('gutenberg_cannot_delete_tab_min_one'));
|
||
}
|
||
var childBlocks = getBlockOrder(clientId);
|
||
removeBlock(childBlocks[_key], false);
|
||
tabHeaders.splice(_key, 1);
|
||
sa({
|
||
tabHeaders: _toConsumableArray(tabHeaders),
|
||
});
|
||
return active(0), !1;
|
||
};
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'tab-card theme-card-box ' + layout,
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'tab-header flex ab',
|
||
},
|
||
tabHeaders.map(function (item, index) {
|
||
return get_el(index);
|
||
}),
|
||
[
|
||
isS &&
|
||
el(
|
||
'a',
|
||
{
|
||
className: 'but jb-blue em09 ml6',
|
||
onClick: add,
|
||
},
|
||
i18n__('gutenberg_add_plus')
|
||
),
|
||
]
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'tab-content',
|
||
},
|
||
el(InnerBlocks, {
|
||
template: [
|
||
[
|
||
'aksrtblock/tab',
|
||
{
|
||
id: 0,
|
||
},
|
||
],
|
||
[
|
||
'aksrtblock/tab',
|
||
{
|
||
id: 1,
|
||
},
|
||
],
|
||
[
|
||
'aksrtblock/tab',
|
||
{
|
||
id: 2,
|
||
},
|
||
],
|
||
],
|
||
templateLock: false,
|
||
allowedBlocks: ['aksrtblock/tab'],
|
||
})
|
||
),
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
help_link(2195),
|
||
el(
|
||
PanelBody,
|
||
{
|
||
icon: 'admin-generic',
|
||
title: i18n__('gutenberg_settings'),
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'components-base-control',
|
||
},
|
||
//侧边设置
|
||
el(SelectControl, {
|
||
label: i18n__('gutenberg_nav_position'),
|
||
value: layout,
|
||
onChange: function (e) {
|
||
sa({
|
||
layout: e,
|
||
});
|
||
},
|
||
options: [
|
||
{
|
||
label: i18n__('gutenberg_top'),
|
||
value: 'nav-top',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_left'),
|
||
value: 'nav-left',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_right'),
|
||
value: 'nav-left nav-right',
|
||
},
|
||
],
|
||
})
|
||
)
|
||
)
|
||
)
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var at = props.attributes,
|
||
tabHeaders = at.tabHeaders,
|
||
open = at.open,
|
||
layout = at.layout;
|
||
|
||
var header = function (_key) {
|
||
return el(
|
||
'li',
|
||
{
|
||
className: _key == open ? 'active' : '',
|
||
},
|
||
el(
|
||
'a',
|
||
{
|
||
className: 'post-tab-toggle',
|
||
href: 'javascript:;',
|
||
'tab-id': _key,
|
||
},
|
||
tabHeaders[_key] || i18n_sprintf('gutenberg_tab_col_n', _key + 1)
|
||
)
|
||
);
|
||
};
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'mb20 post-tab ' + layout,
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'list-inline scroll-x mini-scrollbar tab-nav-theme',
|
||
},
|
||
tabHeaders.map(function (item, index) {
|
||
return header(index);
|
||
})
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'tab-content',
|
||
},
|
||
el(InnerBlocks.Content, null)
|
||
)
|
||
);
|
||
},
|
||
});
|
||
|
||
//--------------------------------------------------------------
|
||
rB('aksrtblock/tab', {
|
||
title: show_title(i18n__('gutenberg_tab')),
|
||
parent: ['aksrtblock/tabs'], //父级快
|
||
icon: icon.tabs,
|
||
supports: {
|
||
className: false, //保存时候不自动添加根class
|
||
reusable: false,
|
||
},
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
id: {
|
||
type: 'number',
|
||
default: 0,
|
||
},
|
||
pid: {
|
||
type: 'string',
|
||
},
|
||
tabActive: {
|
||
type: 'number',
|
||
default: 0,
|
||
},
|
||
open: {
|
||
type: 'number',
|
||
default: 0,
|
||
},
|
||
},
|
||
|
||
edit: function (props) {
|
||
var at = props.attributes,
|
||
id = at.id,
|
||
tabActive = at.tabActive;
|
||
|
||
return el(
|
||
Fragment,
|
||
null,
|
||
el(
|
||
'div',
|
||
{
|
||
className: '',
|
||
style: {
|
||
display: id === tabActive ? 'block' : 'none',
|
||
},
|
||
},
|
||
el(InnerBlocks, {
|
||
template: [['core/paragraph']],
|
||
templateLock: false,
|
||
})
|
||
)
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var at = props.attributes,
|
||
id = at.id,
|
||
open = at.open;
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'tab-pane fade' + (id == open ? ' active in' : ''),
|
||
'tab-id': id,
|
||
},
|
||
el(InnerBlocks.Content, null)
|
||
);
|
||
},
|
||
});
|
||
|
||
//--------------------------------------------------------------
|
||
rB('aksrtblock/dplayerfeatured', {
|
||
title: show_title(i18n__('gutenberg_video_series')),
|
||
icon: icon.featured,
|
||
supports: {
|
||
className: false, //保存时候不自动添加根class
|
||
color: false, //不为块添加背景和颜色设置
|
||
},
|
||
description: i18n__('gutenberg_video_series_desc'),
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
featured: {
|
||
type: 'array',
|
||
source: 'query',
|
||
selector: '.switch-video',
|
||
default: [],
|
||
query: {
|
||
text: {
|
||
type: 'string',
|
||
source: 'attribute',
|
||
attribute: 'title',
|
||
},
|
||
url: {
|
||
type: 'string',
|
||
source: 'attribute',
|
||
attribute: 'video-url',
|
||
},
|
||
media_id: {
|
||
type: 'number',
|
||
source: 'attribute',
|
||
attribute: 'media-id',
|
||
},
|
||
},
|
||
},
|
||
pic: {
|
||
type: 'string',
|
||
source: 'attribute',
|
||
selector: '.new-dplayer',
|
||
attribute: 'video-pic',
|
||
default: '',
|
||
},
|
||
loop: {
|
||
type: 'string',
|
||
source: 'attribute',
|
||
selector: '.new-dplayer',
|
||
attribute: 'data-loop',
|
||
default: '',
|
||
},
|
||
autoplay: {
|
||
type: 'string',
|
||
source: 'attribute',
|
||
selector: '.new-dplayer',
|
||
attribute: 'data-autoplay',
|
||
default: '',
|
||
},
|
||
volume: {
|
||
type: 'string',
|
||
source: 'attribute',
|
||
selector: '.new-dplayer',
|
||
attribute: 'data-volume',
|
||
default: 1,
|
||
},
|
||
height: {
|
||
type: 'string',
|
||
source: 'attribute',
|
||
selector: '.new-dplayer',
|
||
attribute: 'data-scale-height',
|
||
default: 0,
|
||
},
|
||
hide_controller: {
|
||
type: 'boolean',
|
||
default: false,
|
||
},
|
||
},
|
||
transforms: {
|
||
to: [
|
||
{
|
||
type: 'block',
|
||
blocks: ['aksrtblock/dplayer'],
|
||
transform: function (e) {
|
||
var attr = {
|
||
url: e.featured[0].url,
|
||
media_id: e.featured[0].media_id,
|
||
pic: e.pic,
|
||
loop: e.loop,
|
||
autoplay: e.autoplay,
|
||
volume: e.volume,
|
||
hide_controller: e.hide_controller,
|
||
};
|
||
return createBlock('aksrtblock/dplayer', attr);
|
||
},
|
||
},
|
||
{
|
||
type: 'block',
|
||
blocks: ['aksrtblock/iframeseries'],
|
||
transform: function (e) {
|
||
var attr = {
|
||
lists: e.featured,
|
||
};
|
||
return createBlock('aksrtblock/iframeseries', attr);
|
||
},
|
||
},
|
||
],
|
||
},
|
||
edit: function (props) {
|
||
var at = props.attributes,
|
||
isS = props.isSelected,
|
||
sa = props.setAttributes,
|
||
pic = at.pic,
|
||
loop = at.loop,
|
||
autoplay = at.autoplay,
|
||
hide_controller = at.hide_controller,
|
||
height = at.height || 0,
|
||
volume = at.volume || 1;
|
||
|
||
var featured = at.featured.length
|
||
? at.featured
|
||
: [
|
||
{
|
||
text: '',
|
||
url: '',
|
||
media_id: '',
|
||
},
|
||
{
|
||
text: '',
|
||
url: '',
|
||
media_id: '',
|
||
},
|
||
];
|
||
|
||
var get_el = function (_key) {
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'flex featured-item',
|
||
},
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'mr10 c-red',
|
||
},
|
||
_key + 1
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'flex1',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'flex ab',
|
||
},
|
||
el(TextControl, {
|
||
className: 'flex1 mr6',
|
||
tagName: 'input',
|
||
onChange: function (e) {
|
||
featured[_key].text = e;
|
||
sa({
|
||
featured: _toConsumableArray(featured),
|
||
});
|
||
},
|
||
value: featured[_key].text,
|
||
placeholder: i18n_sprintf('gutenberg_episode_title_placeholder', _key + 1),
|
||
}),
|
||
[
|
||
featured.length > 2 &&
|
||
el('button', {
|
||
className: 'mb6 ml6 c-red fa far fa-trash-alt',
|
||
type: 'button',
|
||
onClick: function () {
|
||
remove(_key);
|
||
},
|
||
}),
|
||
]
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'flex ab',
|
||
},
|
||
el(TextControl, {
|
||
className: 'flex1 mr6',
|
||
tagName: 'input',
|
||
onChange: function (e) {
|
||
featured[_key].url = e;
|
||
featured[_key].media_id = '';
|
||
sa({
|
||
featured: _toConsumableArray(featured),
|
||
});
|
||
},
|
||
value: featured[_key].url,
|
||
placeholder: i18n__('gutenberg_enter_video_url_or_upload'),
|
||
}),
|
||
el(MediaUpload, {
|
||
title: i18n__('gutenberg_select_or_upload_video'),
|
||
allowedTypes: ['video'],
|
||
onSelect: function onSelect(media) {
|
||
featured[_key].url = media.url;
|
||
featured[_key].media_id = media.id;
|
||
sa({
|
||
featured: _toConsumableArray(featured),
|
||
});
|
||
},
|
||
value: featured[_key].media_id,
|
||
render: function render(_ref) {
|
||
var open = _ref.open;
|
||
return el(
|
||
'a',
|
||
{
|
||
className: 'but c-blue is-secondary flex0',
|
||
onClick: open,
|
||
},
|
||
i18n__('gutenberg_local_video')
|
||
);
|
||
},
|
||
})
|
||
)
|
||
)
|
||
);
|
||
};
|
||
|
||
var add = function () {
|
||
let add = {
|
||
url: '',
|
||
media_id: '',
|
||
};
|
||
sa({
|
||
featured: [].concat(_toConsumableArray(featured), add),
|
||
});
|
||
};
|
||
var remove = function (_key) {
|
||
if (featured.length < 3) {
|
||
return notices('warning', i18n__('gutenberg_cannot_delete_episode_min_two'));
|
||
}
|
||
featured.splice(_key, 1);
|
||
sa({
|
||
featured: _toConsumableArray(featured),
|
||
});
|
||
};
|
||
|
||
return el(
|
||
'div',
|
||
{},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'theme-card-box',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'em12 mb10 flex ac',
|
||
},
|
||
icon.featured,
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'ml10',
|
||
},
|
||
i18n__('gutenberg_video_series_module')
|
||
)
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'opacity8 mb10 px12',
|
||
},
|
||
i18n__('gutenberg_video_series_hint')
|
||
),
|
||
|
||
[
|
||
isS
|
||
? featured.map(function (item, index) {
|
||
return get_el(index);
|
||
})
|
||
: featured.map(function (item, index) {
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'flex featured-item px12 opacity8',
|
||
style: {
|
||
padding: '2px 10px',
|
||
'margin-bottom': '-1px',
|
||
},
|
||
},
|
||
index + 1 + '：' + item.url
|
||
);
|
||
}),
|
||
],
|
||
[
|
||
isS &&
|
||
el(
|
||
'a',
|
||
{
|
||
className: 'but jb-blue',
|
||
onClick: add,
|
||
},
|
||
i18n__('gutenberg_add_episode')
|
||
),
|
||
]
|
||
),
|
||
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
help_link(2223),
|
||
el(
|
||
PanelBody,
|
||
{
|
||
icon: 'admin-generic',
|
||
title: i18n__('gutenberg_settings'),
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'components-base-control',
|
||
},
|
||
[
|
||
pic &&
|
||
el(
|
||
'div',
|
||
{
|
||
className: ' ',
|
||
},
|
||
el('img', {
|
||
src: pic,
|
||
})
|
||
),
|
||
],
|
||
|
||
el(MediaUpload, {
|
||
title: i18n__('gutenberg_select_or_upload_poster'),
|
||
allowedTypes: ['image'],
|
||
onSelect: function onSelect(media) {
|
||
sa({
|
||
pic: media.url,
|
||
});
|
||
},
|
||
render: function render(_ref) {
|
||
var open = _ref.open;
|
||
return el(
|
||
'a',
|
||
{
|
||
className: 'but jb-blue',
|
||
onClick: open,
|
||
},
|
||
(pic ? i18n__('gutenberg_replace') : i18n__('gutenberg_add')) + i18n__('gutenberg_poster_image')
|
||
);
|
||
},
|
||
})
|
||
),
|
||
|
||
el(ToggleControl, {
|
||
label: i18n__('gutenberg_autoplay'),
|
||
checked: autoplay,
|
||
onChange: function (e) {
|
||
sa({
|
||
autoplay: e,
|
||
});
|
||
},
|
||
}),
|
||
el(ToggleControl, {
|
||
label: i18n__('gutenberg_loop'),
|
||
checked: loop,
|
||
onChange: function (e) {
|
||
sa({
|
||
loop: e,
|
||
});
|
||
},
|
||
}),
|
||
el(ToggleControl, {
|
||
label: i18n__('gutenberg_hide_controller'),
|
||
checked: hide_controller,
|
||
onChange: function (e) {
|
||
sa({
|
||
hide_controller: e,
|
||
});
|
||
},
|
||
}),
|
||
el(RangeControl, {
|
||
label: i18n__('gutenberg_initial_volume'),
|
||
value: ~~(volume * 100),
|
||
onChange: function (e) {
|
||
sa({
|
||
volume: e / 100,
|
||
});
|
||
},
|
||
allowReset: true,
|
||
min: '0',
|
||
max: '100',
|
||
}),
|
||
el(RangeControl, {
|
||
label: i18n__('gutenberg_fixed_aspect_ratio'),
|
||
help: height > 0 ? i18n_sprintf('gutenberg_height_of_width', height) : i18n__('gutenberg_height_ratio_auto'),
|
||
value: ~~height,
|
||
onChange: function (e) {
|
||
sa({
|
||
height: e,
|
||
});
|
||
},
|
||
allowReset: true,
|
||
min: '0',
|
||
step: '5',
|
||
max: '200',
|
||
})
|
||
)
|
||
)
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var at = props.attributes,
|
||
pic = at.pic,
|
||
loop = at.loop || '',
|
||
autoplay = at.autoplay || '',
|
||
hide_controller = at.hide_controller || '',
|
||
height = at.height || 0,
|
||
featured = at.featured,
|
||
volume = at.volume || 1;
|
||
if (!featured || !featured[0]) return;
|
||
var url = featured[0].url;
|
||
|
||
var graphic = el(
|
||
'div',
|
||
{
|
||
className: 'graphic',
|
||
style: {
|
||
'padding-bottom': '50%',
|
||
},
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'abs-center text-center',
|
||
},
|
||
el('i', {
|
||
className: 'fa fas fa-play-circle fa-4x muted-3-color opacity5',
|
||
})
|
||
)
|
||
);
|
||
|
||
var attr = {
|
||
className: 'new-dplayer' + (hide_controller ? ' controller-hide' : '') + (height > 0 ? ' dplayer-scale-height' : ''),
|
||
'video-url': url,
|
||
'video-pic': pic,
|
||
'data-loop': loop,
|
||
'data-autoplay': autoplay,
|
||
'data-volume': volume,
|
||
};
|
||
if (height > 0) {
|
||
attr.style = '--scale-height:' + height + '%;';
|
||
attr['data-scale-height'] = height;
|
||
}
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'mb20',
|
||
},
|
||
el('div', attr, graphic),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'featured-video-episode mt10 dplayer-featured',
|
||
},
|
||
featured.map(function (item, index) {
|
||
index = index + 1;
|
||
var text = item.text || i18n_sprintf('gutenberg_episode_n', index);
|
||
// if (!item.url) return;
|
||
return el(
|
||
'a',
|
||
{
|
||
className: 'switch-video text-ellipsis' + (index == 1 ? ' active' : ''),
|
||
'data-index': index,
|
||
'video-url': item.url,
|
||
'media-id': item.media_id,
|
||
title: item.text,
|
||
href: 'javascript:;',
|
||
},
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'mr6 badg badg-sm',
|
||
},
|
||
index
|
||
),
|
||
el(
|
||
'i',
|
||
{
|
||
className: 'episode-active-icon',
|
||
},
|
||
''
|
||
),
|
||
text
|
||
);
|
||
})
|
||
)
|
||
);
|
||
},
|
||
});
|
||
|
||
//--------------------------------------------------------------------
|
||
rB('aksrtblock/iframe', {
|
||
title: show_title(i18n__('gutenberg_super_embed')),
|
||
icon: icon.iframe,
|
||
description: i18n__('gutenberg_super_embed_desc'),
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
url: {
|
||
source: 'attribute',
|
||
selector: 'iframe',
|
||
attribute: 'src',
|
||
},
|
||
aspect: {
|
||
type: 'attribute',
|
||
selector: 'iframe',
|
||
attribute: 'data-aspect',
|
||
},
|
||
allowfullscreen: {
|
||
type: 'attribute',
|
||
selector: 'iframe',
|
||
attribute: 'allowfullscreen',
|
||
},
|
||
},
|
||
transforms: {
|
||
to: [
|
||
{
|
||
type: 'block',
|
||
blocks: ['aksrtblock/iframeseries'],
|
||
transform: function (e) {
|
||
var attr = {
|
||
lists: [
|
||
{
|
||
url: e.url,
|
||
title: '',
|
||
},
|
||
],
|
||
aspect: e.aspect,
|
||
allowfullscreen: e.allowfullscreen,
|
||
};
|
||
return createBlock('aksrtblock/iframeseries', attr);
|
||
},
|
||
},
|
||
{
|
||
type: 'block',
|
||
blocks: ['aksrtblock/dplayer'],
|
||
transform: function (e) {
|
||
var attr = {
|
||
url: e.url,
|
||
};
|
||
return createBlock('aksrtblock/dplayer', attr);
|
||
},
|
||
},
|
||
],
|
||
},
|
||
edit: function (props) {
|
||
var at = props.attributes,
|
||
isS = props.isSelected,
|
||
sa = props.setAttributes,
|
||
url = at.url,
|
||
allowfullscreen = at.allowfullscreen,
|
||
aspect = at.aspect || '56%';
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'aksrtblock-iframe',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: !url || isS ? 'theme-card-box' : 'nois_selected',
|
||
},
|
||
[
|
||
url &&
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'aksrtblock-iframe-div',
|
||
style: {
|
||
'padding-bottom': aspect,
|
||
},
|
||
},
|
||
el('iframe', {
|
||
className: '',
|
||
width: '100%',
|
||
src: url,
|
||
}),
|
||
el('div', {
|
||
className: 'iframe-mask',
|
||
})
|
||
),
|
||
],
|
||
[
|
||
!url &&
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'components-placeholder__label',
|
||
style: {
|
||
width: '95%',
|
||
height: '27px',
|
||
'font-size': '15px',
|
||
},
|
||
},
|
||
icon.iframe,
|
||
i18n__('gutenberg_embed_online_content')
|
||
),
|
||
],
|
||
[
|
||
(!url || isS) &&
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'mt20',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'opacity8 iframe-label',
|
||
},
|
||
i18n__('gutenberg_embed_url_hint_multi')
|
||
),
|
||
el(
|
||
'a',
|
||
{
|
||
className: 'block-editor-block-card__description',
|
||
},
|
||
''
|
||
)
|
||
),
|
||
],
|
||
[
|
||
(!url || isS) &&
|
||
el(TextControl, {
|
||
style: {
|
||
width: '95%',
|
||
},
|
||
tagName: 'input',
|
||
onChange: function (e) {
|
||
var html = $.parseHTML(e);
|
||
var src = $(html).attr('src') || e;
|
||
sa({
|
||
url: src,
|
||
});
|
||
},
|
||
value: url,
|
||
placeholder: i18n__('gutenberg_enter_url_or_embed_code'),
|
||
}),
|
||
]
|
||
),
|
||
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
help_link(1934),
|
||
el(
|
||
PanelBody,
|
||
{
|
||
icon: 'admin-generic',
|
||
title: i18n__('gutenberg_settings'),
|
||
},
|
||
el(SelectControl, {
|
||
label: i18n__('gutenberg_aspect_ratio_settings'),
|
||
value: aspect,
|
||
onChange: function (e) {
|
||
sa({
|
||
aspect: e,
|
||
});
|
||
},
|
||
options: [
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_4_1'),
|
||
value: '25%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_3_1'),
|
||
value: '33%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_5_2'),
|
||
value: '40%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_2_1'),
|
||
value: '50%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_16_9'),
|
||
value: '56%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_5_3'),
|
||
value: '60%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_4_3'),
|
||
value: '75%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_5_4'),
|
||
value: '80%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_8_7'),
|
||
value: '87.5%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_square_1_1'),
|
||
value: '100%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_7_8'),
|
||
value: '114%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_4_5'),
|
||
value: '125%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_3_4'),
|
||
value: '133%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_3_5'),
|
||
value: '166%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_1_2'),
|
||
value: '200%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_2_5'),
|
||
value: '250%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_1_3'),
|
||
value: '300%',
|
||
},
|
||
],
|
||
}),
|
||
el(ToggleControl, {
|
||
label: i18n__('gutenberg_allow_fullscreen'),
|
||
checked: !!allowfullscreen,
|
||
onChange: function (e) {
|
||
sa({
|
||
allowfullscreen: e,
|
||
});
|
||
},
|
||
})
|
||
)
|
||
)
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var at = props.attributes,
|
||
url = at.url,
|
||
aspect = at.aspect || '56%';
|
||
var iframe_attr = {
|
||
className: '',
|
||
'data-aspect': aspect,
|
||
framespacing: '0',
|
||
border: '0',
|
||
width: '100%',
|
||
frameborder: 'no',
|
||
src: url,
|
||
};
|
||
if (at.allowfullscreen) {
|
||
iframe_attr.allowfullscreen = 'allowfullscreen';
|
||
}
|
||
|
||
if (!url) return;
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'wp-block-embed is-type-video mb20',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: '',
|
||
style: {
|
||
'padding-bottom': aspect,
|
||
},
|
||
},
|
||
el('iframe', iframe_attr)
|
||
)
|
||
);
|
||
},
|
||
});
|
||
|
||
//--------------------------------------------------------------------
|
||
rB('aksrtblock/iframeseries', {
|
||
title: show_title(i18n__('gutenberg_embed_series')),
|
||
icon: icon.iframeseries,
|
||
supports: {
|
||
className: false, //保存时候不自动添加根class
|
||
color: false, //不为块添加背景和颜色设置
|
||
},
|
||
description: i18n__('gutenberg_embed_series_desc'),
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
lists: {
|
||
type: 'array',
|
||
source: 'query',
|
||
selector: '.switch-iframe',
|
||
default: [
|
||
{
|
||
text: '',
|
||
url: '',
|
||
},
|
||
{
|
||
text: '',
|
||
url: '',
|
||
},
|
||
],
|
||
query: {
|
||
text: {
|
||
type: 'string',
|
||
source: 'attribute',
|
||
attribute: 'title',
|
||
},
|
||
url: {
|
||
type: 'string',
|
||
source: 'attribute',
|
||
attribute: 'iframe-url',
|
||
},
|
||
},
|
||
},
|
||
aspect: {
|
||
type: 'attribute',
|
||
selector: 'iframe',
|
||
attribute: 'data-aspect',
|
||
},
|
||
allowfullscreen: {
|
||
type: 'attribute',
|
||
selector: 'iframe',
|
||
attribute: 'allowfullscreen',
|
||
},
|
||
},
|
||
transforms: {
|
||
to: [
|
||
{
|
||
type: 'block',
|
||
blocks: ['aksrtblock/iframe'],
|
||
transform: function (e) {
|
||
var attr = {
|
||
url: e.lists[0].url,
|
||
aspect: e.aspect,
|
||
allowfullscreen: e.allowfullscreen,
|
||
};
|
||
return createBlock('aksrtblock/iframe', attr);
|
||
},
|
||
},
|
||
{
|
||
type: 'block',
|
||
blocks: ['aksrtblock/dplayerfeatured'],
|
||
transform: function (e) {
|
||
var attr = {
|
||
featured: e.lists,
|
||
};
|
||
return createBlock('aksrtblock/dplayerfeatured', attr);
|
||
},
|
||
},
|
||
],
|
||
},
|
||
edit: function (props) {
|
||
var at = props.attributes,
|
||
isS = props.isSelected,
|
||
sa = props.setAttributes,
|
||
lists = at.lists,
|
||
allowfullscreen = at.allowfullscreen,
|
||
aspect = at.aspect || '56%';
|
||
|
||
var get_el = function (_key) {
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'flex featured-item',
|
||
},
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'mr10 c-red',
|
||
},
|
||
_key + 1
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'flex1',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'flex ab',
|
||
},
|
||
el(TextControl, {
|
||
className: 'flex1 mr6',
|
||
tagName: 'input',
|
||
onChange: function (e) {
|
||
lists[_key].text = e;
|
||
sa({
|
||
lists: _toConsumableArray(lists),
|
||
});
|
||
},
|
||
value: lists[_key].text,
|
||
placeholder: i18n_sprintf('gutenberg_episode_title_placeholder', _key + 1),
|
||
}),
|
||
[
|
||
lists.length > 2 &&
|
||
el('button', {
|
||
className: 'mb6 ml6 c-red fa far fa-trash-alt',
|
||
type: 'button',
|
||
onClick: function () {
|
||
remove(_key);
|
||
},
|
||
}),
|
||
]
|
||
),
|
||
el(TextControl, {
|
||
className: 'flex1 mr6',
|
||
tagName: 'input',
|
||
onChange: function (e) {
|
||
var html = $.parseHTML(e);
|
||
var src = $(html).attr('src') || e;
|
||
lists[_key].url = src;
|
||
sa({
|
||
lists: _toConsumableArray(lists),
|
||
});
|
||
},
|
||
value: lists[_key].url,
|
||
placeholder: i18n__('gutenberg_enter_embed_url'),
|
||
})
|
||
)
|
||
);
|
||
};
|
||
|
||
var add = function () {
|
||
let add = {
|
||
url: '',
|
||
media_id: '',
|
||
};
|
||
sa({
|
||
lists: [].concat(_toConsumableArray(lists), add),
|
||
});
|
||
};
|
||
var remove = function (_key) {
|
||
if (lists.length < 3) {
|
||
return notices('warning', i18n__('gutenberg_cannot_delete_episode_min_two'));
|
||
}
|
||
lists.splice(_key, 1);
|
||
sa({
|
||
lists: _toConsumableArray(lists),
|
||
});
|
||
};
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'aksrtblock-iframe',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'theme-card-box',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'em12 mb10 flex ac',
|
||
},
|
||
icon.iframeseries,
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'ml10',
|
||
},
|
||
i18n__('gutenberg_embed_series_module')
|
||
)
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'opacity8 mb10 px12',
|
||
},
|
||
i18n__('gutenberg_embed_series_hint')
|
||
),
|
||
|
||
[
|
||
isS
|
||
? lists.map(function (item, index) {
|
||
return get_el(index);
|
||
})
|
||
: lists.map(function (item, index) {
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'flex featured-item px12 opacity8',
|
||
style: {
|
||
padding: '2px 10px',
|
||
'margin-bottom': '-1px',
|
||
},
|
||
},
|
||
index + 1 + '：' + item.url
|
||
);
|
||
}),
|
||
],
|
||
[
|
||
isS &&
|
||
el(
|
||
'a',
|
||
{
|
||
className: 'but jb-blue',
|
||
onClick: add,
|
||
},
|
||
i18n__('gutenberg_add_episode')
|
||
),
|
||
]
|
||
),
|
||
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
help_link(1934),
|
||
el(
|
||
PanelBody,
|
||
{
|
||
icon: 'admin-generic',
|
||
title: i18n__('gutenberg_settings'),
|
||
},
|
||
el(SelectControl, {
|
||
label: i18n__('gutenberg_aspect_ratio_settings'),
|
||
value: aspect,
|
||
onChange: function (e) {
|
||
sa({
|
||
aspect: e,
|
||
});
|
||
},
|
||
options: [
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_4_1'),
|
||
value: '25%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_3_1'),
|
||
value: '33%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_5_2'),
|
||
value: '40%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_2_1'),
|
||
value: '50%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_16_9'),
|
||
value: '56%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_5_3'),
|
||
value: '60%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_4_3'),
|
||
value: '75%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_5_4'),
|
||
value: '80%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_8_7'),
|
||
value: '87.5%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_square_1_1'),
|
||
value: '100%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_7_8'),
|
||
value: '114%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_4_5'),
|
||
value: '125%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_3_4'),
|
||
value: '133%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_3_5'),
|
||
value: '166%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_1_2'),
|
||
value: '200%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_2_5'),
|
||
value: '250%',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_1_3'),
|
||
value: '300%',
|
||
},
|
||
],
|
||
}),
|
||
el(ToggleControl, {
|
||
label: i18n__('gutenberg_allow_fullscreen'),
|
||
checked: !!allowfullscreen,
|
||
onChange: function (e) {
|
||
sa({
|
||
allowfullscreen: e,
|
||
});
|
||
},
|
||
})
|
||
)
|
||
)
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var at = props.attributes,
|
||
lists = at.lists,
|
||
aspect = at.aspect || '56%';
|
||
if (!lists || !lists[0]) return;
|
||
|
||
var iframe_attr = {
|
||
className: '',
|
||
'data-aspect': aspect,
|
||
framespacing: '0',
|
||
border: '0',
|
||
width: '100%',
|
||
frameborder: 'no',
|
||
src: lists[0].url,
|
||
};
|
||
if (at.allowfullscreen) {
|
||
iframe_attr.allowfullscreen = 'allowfullscreen';
|
||
}
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'mb20 iframe-series',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'wp-block-embed is-type-video',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'iframe-series-box',
|
||
style: {
|
||
'padding-bottom': aspect,
|
||
},
|
||
},
|
||
el('iframe', iframe_attr)
|
||
)
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'featured-video-episode mt10 dplayer-featured',
|
||
},
|
||
lists.map(function (item, index) {
|
||
index = index + 1;
|
||
var text = item.text || i18n_sprintf('gutenberg_episode_n', index);
|
||
// if (!item.url) return;
|
||
return el(
|
||
'a',
|
||
{
|
||
className: 'switch-iframe text-ellipsis' + (index == 1 ? ' active' : ''),
|
||
'data-index': index,
|
||
'iframe-url': item.url,
|
||
title: item.text,
|
||
href: 'javascript:;',
|
||
},
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'mr6 badg badg-sm',
|
||
},
|
||
index
|
||
),
|
||
el(
|
||
'i',
|
||
{
|
||
className: 'episode-active-icon',
|
||
},
|
||
''
|
||
),
|
||
text
|
||
);
|
||
})
|
||
)
|
||
);
|
||
},
|
||
});
|
||
|
||
/////////------------------------------------------------------------
|
||
|
||
rB('aksrtblock/dplayer', {
|
||
title: show_title(i18n__('gutenberg_video')),
|
||
icon: icon.video,
|
||
description: i18n__('gutenberg_video_desc'),
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
url: {
|
||
source: 'attribute',
|
||
selector: '.new-dplayer',
|
||
attribute: 'video-url',
|
||
},
|
||
media_id: {
|
||
source: 'attribute',
|
||
selector: '.new-dplayer',
|
||
attribute: 'media-id',
|
||
},
|
||
pic: {
|
||
source: 'attribute',
|
||
selector: '.new-dplayer',
|
||
attribute: 'video-pic',
|
||
},
|
||
loop: {
|
||
source: 'attribute',
|
||
selector: '.new-dplayer',
|
||
attribute: 'data-loop',
|
||
},
|
||
autoplay: {
|
||
source: 'attribute',
|
||
selector: '.new-dplayer',
|
||
attribute: 'data-autoplay',
|
||
},
|
||
volume: {
|
||
source: 'attribute',
|
||
selector: '.new-dplayer',
|
||
attribute: 'data-volume',
|
||
},
|
||
height: {
|
||
type: 'string',
|
||
source: 'attribute',
|
||
selector: '.new-dplayer',
|
||
attribute: 'data-scale-height',
|
||
default: 0,
|
||
},
|
||
hide_controller: {
|
||
source: 'attribute',
|
||
selector: '.new-dplayer',
|
||
attribute: 'data-hide',
|
||
},
|
||
},
|
||
transforms: {
|
||
to: [
|
||
{
|
||
type: 'block',
|
||
blocks: ['aksrtblock/dplayerfeatured'],
|
||
transform: function (e) {
|
||
var attr = {
|
||
featured: [
|
||
{
|
||
text: '',
|
||
url: e.url,
|
||
media_id: e.media_id,
|
||
},
|
||
{
|
||
text: '',
|
||
url: '',
|
||
media_id: '',
|
||
},
|
||
],
|
||
pic: e.pic,
|
||
loop: e.loop,
|
||
autoplay: e.autoplay,
|
||
volume: e.volume,
|
||
hide_controller: e.hide_controller,
|
||
};
|
||
return createBlock('aksrtblock/dplayerfeatured', attr);
|
||
},
|
||
},
|
||
{
|
||
type: 'block',
|
||
blocks: ['aksrtblock/iframe'],
|
||
transform: function (e) {
|
||
var attr = {
|
||
url: e.url,
|
||
};
|
||
return createBlock('aksrtblock/iframe', attr);
|
||
},
|
||
},
|
||
],
|
||
},
|
||
edit: function (props) {
|
||
var at = props.attributes,
|
||
isS = props.isSelected,
|
||
sa = props.setAttributes,
|
||
url = at.url,
|
||
media_id = at.media_id,
|
||
pic = at.pic,
|
||
loop = at.loop,
|
||
autoplay = at.autoplay,
|
||
hide_controller = at.hide_controller,
|
||
height = at.height || 0,
|
||
volume = at.volume || 1;
|
||
|
||
return el(
|
||
'div',
|
||
{},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'theme-card-box',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'em12 mb10 flex ac',
|
||
},
|
||
icon.video,
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'ml10',
|
||
},
|
||
i18n__('gutenberg_video_module')
|
||
)
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'opacity8 mb10 px12',
|
||
},
|
||
i18n__('gutenberg_video_hint')
|
||
),
|
||
|
||
el(TextControl, {
|
||
style: {
|
||
width: '95%',
|
||
},
|
||
tagName: 'input',
|
||
onChange: function (e) {
|
||
sa({
|
||
url: e,
|
||
media_id: '',
|
||
});
|
||
},
|
||
value: url,
|
||
placeholder: i18n__('gutenberg_enter_video_url_or_upload'),
|
||
}),
|
||
|
||
el(MediaUpload, {
|
||
title: i18n__('gutenberg_select_or_upload_video'),
|
||
allowedTypes: ['video'],
|
||
onSelect: function onSelect(media) {
|
||
sa({
|
||
url: media.url,
|
||
media_id: media.id,
|
||
});
|
||
},
|
||
value: media_id,
|
||
render: function render(_ref) {
|
||
var open = _ref.open;
|
||
return (
|
||
isS &&
|
||
el(
|
||
'a',
|
||
{
|
||
className: 'but jb-blue',
|
||
onClick: open,
|
||
},
|
||
i18n__('gutenberg_select_local_video')
|
||
)
|
||
);
|
||
},
|
||
})
|
||
),
|
||
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
help_link(1921),
|
||
el(
|
||
PanelBody,
|
||
{
|
||
icon: 'admin-generic',
|
||
title: i18n__('gutenberg_settings'),
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'components-base-control',
|
||
},
|
||
[
|
||
pic &&
|
||
el(
|
||
'div',
|
||
{
|
||
className: ' ',
|
||
},
|
||
el('img', {
|
||
src: pic,
|
||
})
|
||
),
|
||
],
|
||
|
||
el(MediaUpload, {
|
||
title: i18n__('gutenberg_select_or_upload_poster'),
|
||
allowedTypes: ['image'],
|
||
onSelect: function onSelect(media) {
|
||
sa({
|
||
pic: media.url,
|
||
});
|
||
},
|
||
render: function render(_ref) {
|
||
var open = _ref.open;
|
||
return el(
|
||
'a',
|
||
{
|
||
className: 'but jb-blue',
|
||
onClick: open,
|
||
},
|
||
(pic ? i18n__('gutenberg_replace') : i18n__('gutenberg_add')) + i18n__('gutenberg_poster_image')
|
||
);
|
||
},
|
||
})
|
||
),
|
||
|
||
el(ToggleControl, {
|
||
label: i18n__('gutenberg_autoplay'),
|
||
checked: autoplay,
|
||
onChange: function (e) {
|
||
sa({
|
||
autoplay: e,
|
||
});
|
||
},
|
||
}),
|
||
el(ToggleControl, {
|
||
label: i18n__('gutenberg_loop'),
|
||
checked: loop,
|
||
onChange: function (e) {
|
||
sa({
|
||
loop: e,
|
||
});
|
||
},
|
||
}),
|
||
el(ToggleControl, {
|
||
label: i18n__('gutenberg_hide_controller'),
|
||
checked: hide_controller,
|
||
onChange: function (e) {
|
||
sa({
|
||
hide_controller: e,
|
||
});
|
||
},
|
||
}),
|
||
el(RangeControl, {
|
||
label: i18n__('gutenberg_initial_volume'),
|
||
value: ~~(volume * 100),
|
||
onChange: function (e) {
|
||
sa({
|
||
volume: e / 100,
|
||
});
|
||
},
|
||
allowReset: true,
|
||
min: '0',
|
||
max: '100',
|
||
}),
|
||
el(RangeControl, {
|
||
label: i18n__('gutenberg_fixed_aspect_ratio'),
|
||
help: height > 0 ? i18n_sprintf('gutenberg_height_of_width', height) : i18n__('gutenberg_height_ratio_auto'),
|
||
value: ~~height,
|
||
onChange: function (e) {
|
||
sa({
|
||
height: e,
|
||
});
|
||
},
|
||
allowReset: true,
|
||
min: '0',
|
||
step: '5',
|
||
max: '200',
|
||
})
|
||
)
|
||
)
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var at = props.attributes,
|
||
url = at.url,
|
||
media_id = at.media_id,
|
||
pic = at.pic,
|
||
loop = at.loop || '',
|
||
autoplay = at.autoplay || '',
|
||
hide_controller = at.hide_controller || '',
|
||
height = at.height || 0,
|
||
volume = at.volume || 1;
|
||
if (!url) return;
|
||
|
||
var graphic = el(
|
||
'div',
|
||
{
|
||
className: 'graphic',
|
||
style: {
|
||
'padding-bottom': '50%',
|
||
},
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'abs-center text-center',
|
||
},
|
||
el('i', {
|
||
className: 'fa fas fa-play-circle fa-4x muted-3-color opacity5',
|
||
})
|
||
)
|
||
);
|
||
var attr = {
|
||
className: 'new-dplayer post-dplayer' + (hide_controller ? ' controller-hide' : '') + (height > 0 ? ' dplayer-scale-height' : ''),
|
||
'video-url': url,
|
||
'media-id': media_id,
|
||
'video-pic': pic,
|
||
'data-loop': loop,
|
||
'data-hide': hide_controller,
|
||
'data-autoplay': autoplay,
|
||
'data-volume': volume,
|
||
};
|
||
if (height > 0) {
|
||
attr.style = '--scale-height:' + height + '%;';
|
||
attr['data-scale-height'] = height;
|
||
}
|
||
return el('div', attr, graphic);
|
||
},
|
||
});
|
||
|
||
//---------------------------------------------
|
||
rB('aksrtblock/feature', {
|
||
title: show_title(i18n__('gutenberg_feature')),
|
||
icon: icon.feature,
|
||
description: i18n__('gutenberg_feature_desc'),
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
title: {
|
||
type: 'array',
|
||
source: 'children',
|
||
selector: '.feature-title',
|
||
},
|
||
icon: {
|
||
source: 'attribute',
|
||
selector: '.feature',
|
||
attribute: 'data-icon',
|
||
},
|
||
note: {
|
||
type: 'array',
|
||
source: 'children',
|
||
selector: '.feature-note',
|
||
},
|
||
theme: {
|
||
source: 'attribute',
|
||
selector: '.feature',
|
||
attribute: 'class',
|
||
},
|
||
color: {
|
||
source: 'attribute',
|
||
selector: '.feature',
|
||
attribute: 'data-color',
|
||
},
|
||
},
|
||
edit: function (props) {
|
||
var at = props.attributes,
|
||
isS = props.isSelected,
|
||
sa = props.setAttributes,
|
||
bt = at.title,
|
||
jj = at.note,
|
||
ic = at.icon || 'fa-flag',
|
||
icc = at.color || 'feature-icon no1';
|
||
|
||
let Coc = el(c.ColorPalette, {
|
||
value: icc || '#444',
|
||
colors: colors,
|
||
className: 'q-ColorPalette',
|
||
onChange: function (e) {
|
||
sa({
|
||
color: e,
|
||
});
|
||
},
|
||
});
|
||
|
||
var rti = el(TextControl, {
|
||
tagName: 'div',
|
||
onChange: function (e) {
|
||
sa({
|
||
icon: e,
|
||
});
|
||
},
|
||
value: ic,
|
||
placeholder: i18n__('gutenberg_enter_icon_class'),
|
||
}),
|
||
rt = el(RichText, {
|
||
tagName: 'div',
|
||
onChange: function (e) {
|
||
sa({
|
||
title: e,
|
||
});
|
||
},
|
||
value: bt,
|
||
placeholder: i18n__('gutenberg_enter_feature_title'),
|
||
}),
|
||
rtj = el(RichText, {
|
||
tagName: 'div',
|
||
onChange: function (e) {
|
||
sa({
|
||
note: e,
|
||
});
|
||
},
|
||
value: jj,
|
||
placeholder: i18n__('gutenberg_enter_feature_note'),
|
||
});
|
||
|
||
return el(
|
||
'div',
|
||
{},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'feature',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'feature-icon',
|
||
},
|
||
el('i', {
|
||
style: {
|
||
color: icc,
|
||
},
|
||
className: 'fa ' + ic,
|
||
})
|
||
),
|
||
|
||
[
|
||
isS &&
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'feature-iconbj',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'feature-icont',
|
||
},
|
||
i18n__('gutenberg_enter_fa_icon_class')
|
||
),
|
||
rti
|
||
),
|
||
],
|
||
[isS && Coc],
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'feature-title',
|
||
},
|
||
rt
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'feature-note',
|
||
},
|
||
rtj
|
||
)
|
||
),
|
||
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'modal-ss block-editor-block-card',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'components-base-control',
|
||
},
|
||
el('h5', {}, i18n__('gutenberg_icon_usage')),
|
||
el('p', {}, i18n__('gutenberg_icon_usage_desc')),
|
||
el(
|
||
'a',
|
||
{
|
||
href: 'http://fontawesome.dashgame.com',
|
||
target: 'blank',
|
||
},
|
||
i18n__('gutenberg_font_awesome')
|
||
)
|
||
)
|
||
),
|
||
el(
|
||
PanelBody,
|
||
{
|
||
icon: 'admin-generic',
|
||
title: i18n__('gutenberg_settings'),
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'components-base-control',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'feature-icont',
|
||
},
|
||
i18n__('gutenberg_fa_icon_class')
|
||
),
|
||
rti,
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'feature-icont',
|
||
},
|
||
i18n__('gutenberg_select_icon_color')
|
||
),
|
||
Coc
|
||
)
|
||
)
|
||
)
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var at = props.attributes,
|
||
bt = at.title,
|
||
jj = at.note,
|
||
icc = at.color || 'feature-icon no1',
|
||
ic = at.icon || 'fa-flag',
|
||
zt = at.theme || 'feature feature-default';
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
className: zt,
|
||
'data-icon': ic,
|
||
'data-color': icc,
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'feature-icon',
|
||
},
|
||
el('i', {
|
||
style: {
|
||
color: icc,
|
||
},
|
||
className: 'fa ' + ic,
|
||
})
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'feature-title',
|
||
},
|
||
bt
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'feature-note',
|
||
},
|
||
jj
|
||
)
|
||
);
|
||
},
|
||
});
|
||
|
||
//---------------------------------------------
|
||
rE('aksrtblock/set-color', {
|
||
title: i18n__('gutenberg_set_color'),
|
||
tagName: 'qc',
|
||
className: null,
|
||
attributes: {
|
||
style: 'style',
|
||
block: 'inline-block',
|
||
},
|
||
edit: class extend_Edit extends Component {
|
||
constructor() {
|
||
super(...arguments);
|
||
this.show_modal = this.show_modal.bind(this);
|
||
this.close_modal = this.close_modal.bind(this);
|
||
this.words_selected = this.words_selected.bind(this);
|
||
this.set_popover_rect = this.set_popover_rect.bind(this);
|
||
this.remove_Format = this.remove_Format.bind(this);
|
||
this.onChange_cb = this.onChange_cb.bind(this);
|
||
this.set_color = this.set_color.bind(this);
|
||
this.set_color2 = this.set_color2.bind(this);
|
||
this.xsba = this.xsba.bind(this);
|
||
this.xsba_f = this.xsba_f.bind(this);
|
||
this.set_background = this.set_background.bind(this);
|
||
this.set_background2 = this.set_background2.bind(this);
|
||
this.state = {
|
||
modal_visibility: false,
|
||
};
|
||
}
|
||
words_selected() {
|
||
const { value } = this.props;
|
||
return value.start !== value.end;
|
||
}
|
||
set_popover_rect() {
|
||
const selection = window.getSelection();
|
||
const range = selection.rangeCount > 0 ? selection.getRangeAt(0) : null;
|
||
var rectangle = getRectangleFromRange(range);
|
||
this.setState({
|
||
popover_rect: rectangle,
|
||
});
|
||
}
|
||
show_modal() {
|
||
this.setState({
|
||
modal_visibility: true,
|
||
});
|
||
this.set_popover_rect();
|
||
}
|
||
close_modal() {
|
||
this.setState({
|
||
modal_visibility: false,
|
||
});
|
||
}
|
||
xsba() {
|
||
this.setState({
|
||
xsba: true,
|
||
});
|
||
}
|
||
xsba_f() {
|
||
this.setState({
|
||
xsba: false,
|
||
});
|
||
}
|
||
remove_Format() {
|
||
this.setState({
|
||
color: '',
|
||
background: '',
|
||
});
|
||
this.props.onChange(
|
||
wp.richText.toggleFormat(this.props.value, {
|
||
type: 'aksrtblock/set-color',
|
||
})
|
||
);
|
||
}
|
||
onChange_cb() {
|
||
this.props.onChange(
|
||
wp.richText.applyFormat(this.props.value, {
|
||
type: 'aksrtblock/set-color',
|
||
attributes: {
|
||
style: 'color:' + this.state.color + ';background:' + this.state.background,
|
||
},
|
||
})
|
||
);
|
||
}
|
||
set_color(e) {
|
||
this.setState({
|
||
color: 'rgba(' + e.rgb.r + ',' + e.rgb.g + ',' + e.rgb.b + ',' + e.rgb.a + ')',
|
||
});
|
||
this.onChange_cb();
|
||
}
|
||
set_color2(e) {
|
||
this.setState({
|
||
color: e,
|
||
});
|
||
this.props.onChange(
|
||
wp.richText.applyFormat(this.props.value, {
|
||
type: 'aksrtblock/set-color',
|
||
attributes: {
|
||
style: 'color:' + e + ';background:' + this.state.background,
|
||
},
|
||
})
|
||
);
|
||
}
|
||
|
||
set_background2(e) {
|
||
this.setState({
|
||
background: e,
|
||
});
|
||
this.props.onChange(
|
||
wp.richText.applyFormat(this.props.value, {
|
||
type: 'aksrtblock/set-color',
|
||
attributes: {
|
||
style: 'color:' + this.state.color + ';background:' + e,
|
||
},
|
||
})
|
||
);
|
||
}
|
||
set_background(e) {
|
||
this.setState({
|
||
background: 'rgba(' + e.rgb.r + ',' + e.rgb.g + ',' + e.rgb.b + ',' + e.rgb.a + ')',
|
||
});
|
||
this.onChange_cb();
|
||
}
|
||
render() {
|
||
let { isActive } = this.props;
|
||
let Co = el(c.ColorPicker, {
|
||
color: this.state.color || '#444',
|
||
onChangeComplete: this.set_color,
|
||
});
|
||
let Coc = el(c.ColorPalette, {
|
||
value: this.state.color || '#444',
|
||
colors: colors,
|
||
clearable: false,
|
||
className: 'q-ColorPalette',
|
||
disableCustomColors: true,
|
||
onChange: this.set_color2,
|
||
});
|
||
let Bob = el(c.ColorPalette, {
|
||
value: this.state.background || '#fff',
|
||
colors: colors,
|
||
clearable: false,
|
||
className: 'q-ColorPalette',
|
||
disableCustomColors: true,
|
||
onChange: this.set_background2,
|
||
});
|
||
let Cob = el(c.ColorPicker, {
|
||
color: this.state.background || '#fff',
|
||
onChangeComplete: this.set_background,
|
||
}),
|
||
cz = el(
|
||
'button',
|
||
{
|
||
className: 'remove-Format',
|
||
onClick: this.remove_Format,
|
||
},
|
||
el('span', {
|
||
className: 'dashicons dashicons-image-rotate',
|
||
})
|
||
);
|
||
return el(
|
||
Fragment,
|
||
null,
|
||
el(RichTextToolbarButton, {
|
||
icon: 'art',
|
||
title: i18n__('gutenberg_custom_color'),
|
||
onClick: this.show_modal,
|
||
isActive: isActive,
|
||
isDisabled: !this.words_selected(),
|
||
}),
|
||
this.state.modal_visibility &&
|
||
el(
|
||
Popover,
|
||
{
|
||
anchorRect: this.state.popover_rect,
|
||
position: 'bottom',
|
||
className: 'color_popover',
|
||
onFocusOutside: this.close_modal,
|
||
},
|
||
el(
|
||
c.ButtonGroup,
|
||
{},
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'btn btn-default ' + (!this.state.xsba && 'isS'),
|
||
onClick: this.xsba_f,
|
||
},
|
||
i18n__('gutenberg_color')
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'btn btn-default ' + (this.state.xsba && 'isS'),
|
||
onClick: this.xsba,
|
||
},
|
||
i18n__('gutenberg_bg_color')
|
||
)
|
||
),
|
||
|
||
cz,
|
||
!this.state.xsba && el('div', {}, el('p', {}, i18n__('gutenberg_select_text_color')), Coc, Co),
|
||
this.state.xsba && el('div', {}, el('p', {}, i18n__('gutenberg_select_bg_color')), Bob, Cob)
|
||
)
|
||
);
|
||
}
|
||
},
|
||
});
|
||
|
||
//---------------------------------------------
|
||
rB('aksrtblock/modal', {
|
||
title: show_title(i18n__('gutenberg_modal')),
|
||
icon: icon.modal,
|
||
description: i18n__('gutenberg_modal_desc'),
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
biaoti: {
|
||
type: 'array',
|
||
source: 'children',
|
||
selector: '.modal-title',
|
||
},
|
||
kuandu: {
|
||
type: 'attribute',
|
||
selector: '.modal-dialog',
|
||
attribute: 'data-kd',
|
||
},
|
||
btn1: {
|
||
type: 'array',
|
||
source: 'children',
|
||
selector: 'button.btn1',
|
||
},
|
||
btn2: {
|
||
type: 'array',
|
||
source: 'children',
|
||
selector: 'button.btn2',
|
||
},
|
||
id: {
|
||
source: 'attribute',
|
||
selector: '.modal',
|
||
attribute: 'id',
|
||
},
|
||
btn1kg: {
|
||
type: 'attribute',
|
||
attribute: 'data-bkg1',
|
||
default: true,
|
||
},
|
||
btn2kg: {
|
||
type: 'attribute',
|
||
attribute: 'data-bkg2',
|
||
default: true,
|
||
},
|
||
btntm1: {
|
||
type: 'attribute',
|
||
selector: 'button.btn1',
|
||
attribute: 'class',
|
||
},
|
||
btntm2: {
|
||
type: 'attribute',
|
||
selector: 'button.btn2',
|
||
attribute: 'class',
|
||
},
|
||
oncopy: {
|
||
source: 'string',
|
||
},
|
||
},
|
||
edit: function (props) {
|
||
var at = props.attributes,
|
||
bt = at.biaoti,
|
||
btn1 = at.btn1,
|
||
btn2 = at.btn2,
|
||
btntm1 = at.btntm1 || 'btn1 but',
|
||
btntm2 = at.btntm2 || 'btn2 but c-blue',
|
||
bkg1 = at.btn1kg,
|
||
bkg2 = at.btn2kg,
|
||
onC = at.oncopy,
|
||
kd = at.kuandu || '',
|
||
sa = props.setAttributes;
|
||
|
||
var sjs = parseInt((Math.random() + 1) * Math.pow(10, 4));
|
||
|
||
if (!at.id) {
|
||
sa({
|
||
id: 'modal_' + sjs,
|
||
});
|
||
}
|
||
|
||
function sabt1(e) {
|
||
var type = e.target.className;
|
||
sa({
|
||
btntm1: 'btn1 ' + type,
|
||
});
|
||
}
|
||
|
||
function sabt2(e) {
|
||
var type = e.target.className;
|
||
sa({
|
||
btntm2: 'btn2 ' + type,
|
||
});
|
||
}
|
||
var xzk = el(InnerBlocks, {}, ''),
|
||
rt = el(RichText, {
|
||
tagName: 'div',
|
||
onChange: function (e) {
|
||
sa({
|
||
biaoti: e,
|
||
});
|
||
},
|
||
value: bt,
|
||
placeholder: i18n__('gutenberg_enter_title_dots'),
|
||
}),
|
||
b1rt = el(RichText, {
|
||
tagName: 'div',
|
||
onChange: function (e) {
|
||
sa({
|
||
btn1: e,
|
||
});
|
||
},
|
||
value: btn1,
|
||
placeholder: i18n__('gutenberg_button_1'),
|
||
}),
|
||
b2rt = el(RichText, {
|
||
tagName: 'div',
|
||
onChange: function (e) {
|
||
sa({
|
||
btn2: e,
|
||
});
|
||
},
|
||
value: btn2,
|
||
placeholder: i18n__('gutenberg_button_2'),
|
||
}),
|
||
ztan1 = el(
|
||
'span',
|
||
{
|
||
className: 'modal-bu',
|
||
},
|
||
[
|
||
el('button', {
|
||
className: 'but',
|
||
onClick: sabt1,
|
||
}),
|
||
el('button', {
|
||
className: 'but c-blue',
|
||
onClick: sabt1,
|
||
}),
|
||
el('button', {
|
||
className: 'but c-red',
|
||
onClick: sabt1,
|
||
}),
|
||
el('button', {
|
||
className: 'but c-yellow',
|
||
onClick: sabt1,
|
||
}),
|
||
el('button', {
|
||
className: 'but c-green',
|
||
onClick: sabt1,
|
||
}),
|
||
el('button', {
|
||
className: 'but c-purple',
|
||
onClick: sabt1,
|
||
}),
|
||
el('button', {
|
||
className: 'but b-blue',
|
||
onClick: sabt1,
|
||
}),
|
||
el('button', {
|
||
className: 'but b-red',
|
||
onClick: sabt1,
|
||
}),
|
||
el('button', {
|
||
className: 'but b-yellow',
|
||
onClick: sabt1,
|
||
}),
|
||
el('button', {
|
||
className: 'but b-green',
|
||
onClick: sabt1,
|
||
}),
|
||
el('button', {
|
||
className: 'but b-purple',
|
||
onClick: sabt1,
|
||
}),
|
||
]
|
||
),
|
||
ztan2 = el(
|
||
'span',
|
||
{
|
||
className: 'modal-bu',
|
||
},
|
||
[
|
||
el('button', {
|
||
className: 'but',
|
||
onClick: sabt2,
|
||
}),
|
||
el('button', {
|
||
className: 'but c-blue',
|
||
onClick: sabt2,
|
||
}),
|
||
el('button', {
|
||
className: 'but c-red',
|
||
onClick: sabt2,
|
||
}),
|
||
el('button', {
|
||
className: 'but c-yellow',
|
||
onClick: sabt2,
|
||
}),
|
||
el('button', {
|
||
className: 'but c-green',
|
||
onClick: sabt2,
|
||
}),
|
||
el('button', {
|
||
className: 'but c-purple',
|
||
onClick: sabt2,
|
||
}),
|
||
el('button', {
|
||
className: 'but b-blue',
|
||
onClick: sabt2,
|
||
}),
|
||
el('button', {
|
||
className: 'but b-red',
|
||
onClick: sabt2,
|
||
}),
|
||
el('button', {
|
||
className: 'but b-yellow',
|
||
onClick: sabt2,
|
||
}),
|
||
el('button', {
|
||
className: 'but b-green',
|
||
onClick: sabt2,
|
||
}),
|
||
el('button', {
|
||
className: 'but b-purple',
|
||
onClick: sabt2,
|
||
}),
|
||
]
|
||
);
|
||
return el(
|
||
'div',
|
||
{},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'modal ' + kd,
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'modal-title',
|
||
},
|
||
rt,
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'close',
|
||
},
|
||
'×'
|
||
)
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'modal-body',
|
||
},
|
||
xzk
|
||
),
|
||
[
|
||
(bkg1 || bkg2) &&
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'modal-footer',
|
||
},
|
||
[
|
||
bkg1 &&
|
||
el(
|
||
'span',
|
||
{
|
||
className: btntm1,
|
||
},
|
||
b1rt
|
||
),
|
||
],
|
||
[
|
||
bkg2 &&
|
||
el(
|
||
'span',
|
||
{
|
||
className: btntm2,
|
||
},
|
||
b2rt
|
||
),
|
||
]
|
||
),
|
||
]
|
||
),
|
||
|
||
el(
|
||
InspectorControls,
|
||
{},
|
||
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'modal-ss padding-h',
|
||
},
|
||
el('h5', {}, i18n__('gutenberg_usage_tutorial')),
|
||
el('p', {}, i18n__('gutenberg_modal_usage_desc')),
|
||
el(
|
||
'p',
|
||
{
|
||
className: 'modal-code',
|
||
},
|
||
"javascript:void($('#" + at.id + "').modal('show'));"
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'Copy',
|
||
},
|
||
el(
|
||
ClipboardButton,
|
||
{
|
||
text: "javascript:void($('#" + at.id + "').modal('show'));",
|
||
className: 'Copy but jb-blue',
|
||
onCopy: function () {
|
||
sa({
|
||
oncopy: true,
|
||
});
|
||
},
|
||
onFinishCopy: function () {
|
||
sa({
|
||
oncopy: false,
|
||
});
|
||
},
|
||
},
|
||
onC ? i18n__('gutenberg_code_copied') : i18n__('gutenberg_click_copy_code')
|
||
)
|
||
)
|
||
),
|
||
el(
|
||
PanelBody,
|
||
{
|
||
title: i18n__('gutenberg_modal_settings'),
|
||
},
|
||
el(SelectControl, {
|
||
label: i18n__('gutenberg_width_select'),
|
||
value: kd,
|
||
onChange: function (e) {
|
||
sa({
|
||
kuandu: e,
|
||
});
|
||
},
|
||
options: [
|
||
{
|
||
label: i18n__('gutenberg_width_default'),
|
||
value: '',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_width_xs'),
|
||
value: 'modal-sm',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_width_sm'),
|
||
value: 'modal-mini',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_width_lg'),
|
||
value: 'modal-lg',
|
||
},
|
||
],
|
||
}),
|
||
|
||
el('p', {}, ' '),
|
||
el(ToggleControl, {
|
||
label: i18n__('gutenberg_enable_button_1'),
|
||
checked: bkg1,
|
||
onChange: function (e) {
|
||
sa({
|
||
btn1kg: e,
|
||
});
|
||
},
|
||
}),
|
||
[bkg1 && ztan1],
|
||
|
||
el(ToggleControl, {
|
||
label: i18n__('gutenberg_enable_button_2'),
|
||
checked: bkg2,
|
||
onChange: function (e) {
|
||
sa({
|
||
btn2kg: e,
|
||
});
|
||
},
|
||
}),
|
||
[bkg2 && ztan2]
|
||
)
|
||
)
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var at = props.attributes,
|
||
btn1 = at.btn1,
|
||
btn2 = at.btn2,
|
||
btntm1 = at.btntm1 || 'btn1 but',
|
||
btntm2 = at.btntm2 || 'btn2 but c-blue',
|
||
bkg1 = at.btn1kg,
|
||
bkg2 = at.btn2kg,
|
||
kd = at.kuandu,
|
||
id = at.id,
|
||
bt = at.biaoti;
|
||
|
||
var bth = el(
|
||
'div',
|
||
{
|
||
className: 'modal-header',
|
||
},
|
||
el(
|
||
'strong',
|
||
{
|
||
className: 'modal-title',
|
||
},
|
||
bt
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'close',
|
||
'data-dismiss': 'modal',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
'data-class': 'ic-close',
|
||
'data-svg': 'close',
|
||
'data-viewbox': '0 0 1024 1024',
|
||
},
|
||
''
|
||
)
|
||
)
|
||
);
|
||
var coh = el(
|
||
'div',
|
||
{
|
||
className: 'modal-body',
|
||
},
|
||
el(InnerBlocks.Content)
|
||
);
|
||
|
||
var foo = [
|
||
((bkg1 && btn1) || (bkg2 && btn2)) &&
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'modal-footer',
|
||
},
|
||
[
|
||
bkg1 &&
|
||
btn1 &&
|
||
el(
|
||
'button',
|
||
{
|
||
className: btntm1,
|
||
},
|
||
btn1
|
||
),
|
||
],
|
||
[
|
||
bkg2 &&
|
||
btn2 &&
|
||
el(
|
||
'button',
|
||
{
|
||
className: btntm2,
|
||
},
|
||
btn2
|
||
),
|
||
]
|
||
),
|
||
];
|
||
|
||
return el(
|
||
'div',
|
||
{},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'modal fade',
|
||
id: id,
|
||
'aria-hidden': 'true',
|
||
'data-bkg1': bkg1,
|
||
'aria-bkg2': bkg2,
|
||
role: 'dialog',
|
||
tabindex: '-1',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'modal-dialog ' + kd,
|
||
'data-kd': kd,
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'modal-content',
|
||
},
|
||
|
||
bth,
|
||
coh,
|
||
foo
|
||
)
|
||
)
|
||
)
|
||
);
|
||
},
|
||
});
|
||
//---------------------------------------------
|
||
rB('aksrtblock/collapse', {
|
||
title: show_title(i18n__('gutenberg_accordion')),
|
||
icon: {
|
||
src: 'sort',
|
||
foreground: icon_color,
|
||
},
|
||
description: i18n__('gutenberg_accordion_desc'),
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
biaoti: {
|
||
type: 'array',
|
||
source: 'children',
|
||
selector: '.biaoti',
|
||
},
|
||
isshow: {
|
||
type: 'attribute',
|
||
selector: '.panel',
|
||
attribute: 'data-isshow',
|
||
default: true,
|
||
},
|
||
theme: {
|
||
source: 'attribute',
|
||
selector: '.panel',
|
||
attribute: 'class',
|
||
},
|
||
id: {
|
||
source: 'attribute',
|
||
selector: '.collapse',
|
||
attribute: 'id',
|
||
},
|
||
ffs: {
|
||
source: 'string',
|
||
},
|
||
},
|
||
edit: function (props) {
|
||
var at = props.attributes,
|
||
bt = at.biaoti,
|
||
zt = at.theme || 'panel panel-default',
|
||
kg = at.isshow,
|
||
ffs = at.ffs || 'ffshow',
|
||
sa = props.setAttributes;
|
||
|
||
var sjs = parseInt((Math.random() + 1) * Math.pow(10, 4));
|
||
|
||
if (!at.id) {
|
||
sa({
|
||
id: 'collapse_' + sjs,
|
||
});
|
||
}
|
||
|
||
function ffshow() {
|
||
if (ffs == 'ffshow') {
|
||
sa({
|
||
ffs: 'ffhide',
|
||
});
|
||
} else {
|
||
sa({
|
||
ffs: 'ffshow',
|
||
});
|
||
}
|
||
}
|
||
|
||
function changeType(e) {
|
||
var type = e.target.className;
|
||
sa({
|
||
theme: 'panel ' + type,
|
||
});
|
||
}
|
||
var xzk = el(InnerBlocks, {}, ''),
|
||
rt = el(RichText, {
|
||
tagName: 'div',
|
||
onChange: function (e) {
|
||
sa({
|
||
biaoti: e,
|
||
});
|
||
},
|
||
value: bt,
|
||
isSelected: props.isSelected,
|
||
placeholder: i18n__('gutenberg_enter_accordion_title'),
|
||
}),
|
||
ztan = el(
|
||
'span',
|
||
{
|
||
className: 'g_extend anz panel_b',
|
||
},
|
||
[
|
||
el('button', {
|
||
className: 'panel-default',
|
||
onClick: changeType,
|
||
}),
|
||
el('button', {
|
||
className: 'panel-info',
|
||
onClick: changeType,
|
||
}),
|
||
el('button', {
|
||
className: 'panel-success',
|
||
onClick: changeType,
|
||
}),
|
||
el('button', {
|
||
className: 'panel-warning',
|
||
onClick: changeType,
|
||
}),
|
||
el('button', {
|
||
className: 'panel-danger',
|
||
onClick: changeType,
|
||
}),
|
||
]
|
||
);
|
||
return el(
|
||
'div',
|
||
{},
|
||
el(
|
||
'div',
|
||
{
|
||
className: zt,
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'panel-heading',
|
||
},
|
||
rt
|
||
),
|
||
el('span', {
|
||
className: ffs + ' isshow dashicons dashicons-arrow-down-alt2',
|
||
onClick: ffshow,
|
||
}),
|
||
el(
|
||
'div',
|
||
{
|
||
className: ffs + ' panel-body',
|
||
},
|
||
xzk
|
||
)
|
||
),
|
||
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
el(
|
||
PanelBody,
|
||
{
|
||
icon: 'admin-generic',
|
||
title: i18n__('gutenberg_settings'),
|
||
},
|
||
el(
|
||
'p',
|
||
{},
|
||
el(ToggleControl, {
|
||
label: i18n__('gutenberg_default_expand'),
|
||
checked: kg,
|
||
onChange: function (e) {
|
||
sa({
|
||
isshow: e,
|
||
});
|
||
},
|
||
})
|
||
),
|
||
el(
|
||
'i',
|
||
{
|
||
className: '.components-base-control__help',
|
||
},
|
||
kg ? i18n__('gutenberg_default_expanded') : i18n__('gutenberg_default_collapsed')
|
||
)
|
||
)
|
||
)
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var at = props.attributes,
|
||
zt = at.theme || 'panel',
|
||
kg = at.isshow,
|
||
id = at.id,
|
||
bt = at.biaoti;
|
||
|
||
var bth = el(
|
||
'div',
|
||
{
|
||
className: 'panel-heading ' + (kg ? '' : 'collapsed'),
|
||
href: '#' + id,
|
||
'data-toggle': 'collapse',
|
||
'aria-controls': 'collapseExample',
|
||
},
|
||
el('i', {
|
||
className: 'fa fas fa-plus',
|
||
}),
|
||
el(
|
||
'strong',
|
||
{
|
||
className: 'biaoti ',
|
||
},
|
||
bt
|
||
)
|
||
);
|
||
var coh = el(
|
||
'div',
|
||
{
|
||
className: 'collapse ' + (kg ? 'in' : ''),
|
||
id: id,
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'panel-body',
|
||
},
|
||
el(InnerBlocks.Content)
|
||
)
|
||
);
|
||
|
||
return el(
|
||
'div',
|
||
{},
|
||
el(
|
||
'div',
|
||
{
|
||
className: zt,
|
||
'data-theme': zt,
|
||
'data-isshow': kg,
|
||
},
|
||
bth,
|
||
coh
|
||
)
|
||
);
|
||
},
|
||
});
|
||
|
||
//-------------------------------------------------------------
|
||
rB('aksrtblock/enlighter', {
|
||
title: show_title(i18n__('gutenberg_code_highlight')),
|
||
icon: icon.enlighter,
|
||
category: 'aksrt_block_cat',
|
||
description: i18n__('gutenberg_code_highlight_desc'),
|
||
keywords: ['code', 'sourcecode', i18n__('gutenberg_code')],
|
||
attributes: {
|
||
content: {
|
||
type: 'string',
|
||
selector: 'code.gl',
|
||
source: 'text',
|
||
},
|
||
c_language: {
|
||
type: 'attribute',
|
||
attribute: 'data-enlighter-language',
|
||
default: 'generic',
|
||
},
|
||
theme: {
|
||
type: 'attribute',
|
||
attribute: 'data-enlighter-theme',
|
||
default: '',
|
||
},
|
||
highlight: {
|
||
type: 'attribute',
|
||
attribute: 'data-enlighter-highlight',
|
||
default: '',
|
||
},
|
||
linenumbers: {
|
||
type: 'attribute',
|
||
attribute: 'data-enlighter-linenumbers',
|
||
default: '',
|
||
},
|
||
lineoffset: {
|
||
type: 'attribute',
|
||
attribute: 'data-enlighter-lineoffset',
|
||
default: '',
|
||
},
|
||
title: {
|
||
type: 'attribute',
|
||
attribute: 'data-enlighter-title',
|
||
default: '',
|
||
},
|
||
group: {
|
||
type: 'attribute',
|
||
attribute: 'data-enlighter-group',
|
||
default: '',
|
||
},
|
||
},
|
||
transforms: {
|
||
from: [
|
||
{
|
||
type: 'raw',
|
||
priority: 4,
|
||
isMatch: function (e) {
|
||
return 'PRE' === e.nodeName && 1 === e.children.length && 'CODE' === e.firstChild.nodeName;
|
||
},
|
||
transform: function (e) {
|
||
return createBlock('aksrtblock/enlighter', {
|
||
content: e.textContent,
|
||
});
|
||
},
|
||
},
|
||
{
|
||
type: 'raw',
|
||
priority: 4,
|
||
isMatch: function (e) {
|
||
return 'PRE' === e.nodeName && 'EnlighterJSRAW' === e.className;
|
||
},
|
||
transform: function (e) {
|
||
return createBlock('aksrtblock/enlighter', {
|
||
content: e.textContent,
|
||
language: e.dataset.enlighterLanguage || '',
|
||
theme: e.dataset.enlighterTheme || '',
|
||
highlight: e.dataset.enlighterHighlight || '',
|
||
linenumbers: e.dataset.enlighterLinenumbers || '',
|
||
lineoffset: e.dataset.enlighterLineoffset || '',
|
||
title: e.dataset.enlighterTitle || '',
|
||
group: e.dataset.enlighterGroup || '',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/code', 'core/preformatted', 'core/paragraph'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('aksrtblock/enlighter', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
],
|
||
to: [
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/code'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('core/code', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/preformatted'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('core/preformatted', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
],
|
||
},
|
||
edit: function (props) {
|
||
var l = props.attributes,
|
||
r = props.setAttributes;
|
||
|
||
var sm = el(
|
||
Toolbar,
|
||
null,
|
||
el(DropdownMenu, {
|
||
className: 'enlighter-dropdownmenu',
|
||
icon: 'editor-paste-text',
|
||
label: i18n__('gutenberg_set_code_language'),
|
||
controls: [
|
||
{
|
||
title: 'yaml',
|
||
value: 'yaml',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'yaml',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'xml/html',
|
||
value: 'xml',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'xml',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'visualbasic',
|
||
value: 'visualbasic',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'visualbasic',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'vhdl',
|
||
value: 'vhdl',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'vhdl',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'typescript',
|
||
value: 'typescript',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'typescript',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'swift',
|
||
value: 'swift',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'swift',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'squirrel',
|
||
value: 'squirrel',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'squirrel',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'sql',
|
||
value: 'sql',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'sql',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'shell',
|
||
value: 'shell',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'shell',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'scss/sass',
|
||
value: 'scss',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'scss',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'rust',
|
||
value: 'rust',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'rust',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'ruby',
|
||
value: 'ruby',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'ruby',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'raw',
|
||
value: 'raw',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'raw',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'python',
|
||
value: 'python',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'python',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'prolog',
|
||
value: 'prolog',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'prolog',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'powershell',
|
||
value: 'powershell',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'powershell',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'php',
|
||
value: 'php',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'php',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'nsis',
|
||
value: 'nsis',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'nsis',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'matlab',
|
||
value: 'matlab',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'matlab',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'markdown',
|
||
value: 'markdown',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'markdown',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'lua',
|
||
value: 'lua',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'lua',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'less',
|
||
value: 'less',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'less',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'kotlin',
|
||
value: 'kotlin',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'kotlin',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'json',
|
||
value: 'json',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'json',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'javascript',
|
||
value: 'javascript',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'javascript',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'java',
|
||
value: 'java',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'java',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'ini/conf',
|
||
value: 'ini',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'ini',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'groovy',
|
||
value: 'groovy',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'groovy',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'go/golang',
|
||
value: 'go',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'go',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'docker',
|
||
value: 'dockerfile',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'dockerfile',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'diff',
|
||
value: 'diff',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'diff',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'cordpro',
|
||
value: 'cordpro',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'cordpro',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'cython',
|
||
value: 'cython',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'cython',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'css',
|
||
value: 'css',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'css',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'csharp',
|
||
value: 'csharp',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'csharp',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'Cpp/C++/C',
|
||
value: 'cpp',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'cpp',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'avrassembly',
|
||
value: 'avrassembly',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'avrassembly',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: 'assembly',
|
||
value: 'assembly',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'assembly',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: i18n__('gutenberg_auto_detect'),
|
||
value: 'generic',
|
||
onClick: function () {
|
||
return r({
|
||
c_language: 'generic',
|
||
});
|
||
},
|
||
},
|
||
],
|
||
})
|
||
),
|
||
sp = el(PlainText, {
|
||
value: l.content,
|
||
onChange: function (e) {
|
||
return r({
|
||
content: e,
|
||
});
|
||
},
|
||
placeholder: i18n__('gutenberg_enter_code'),
|
||
'aria-label': 'Code',
|
||
});
|
||
var ss = el(SelectControl, {
|
||
label: i18n__('gutenberg_code_language'),
|
||
value: l.c_language,
|
||
options: [
|
||
{
|
||
label: 'yaml',
|
||
value: 'yaml',
|
||
},
|
||
{
|
||
label: 'xml/html',
|
||
value: 'xml',
|
||
},
|
||
{
|
||
label: 'visualbasic',
|
||
value: 'visualbasic',
|
||
},
|
||
{
|
||
label: 'vhdl',
|
||
value: 'vhdl',
|
||
},
|
||
{
|
||
label: 'typescript',
|
||
value: 'typescript',
|
||
},
|
||
{
|
||
label: 'swift',
|
||
value: 'swift',
|
||
},
|
||
{
|
||
label: 'squirrel',
|
||
value: 'squirrel',
|
||
},
|
||
{
|
||
label: 'sql',
|
||
value: 'sql',
|
||
},
|
||
{
|
||
label: 'shell',
|
||
value: 'shell',
|
||
},
|
||
{
|
||
label: 'scss/sass',
|
||
value: 'scss',
|
||
},
|
||
{
|
||
label: 'rust',
|
||
value: 'rust',
|
||
},
|
||
{
|
||
label: 'ruby',
|
||
value: 'ruby',
|
||
},
|
||
{
|
||
label: 'raw',
|
||
value: 'raw',
|
||
},
|
||
{
|
||
label: 'python',
|
||
value: 'python',
|
||
},
|
||
{
|
||
label: 'prolog',
|
||
value: 'prolog',
|
||
},
|
||
{
|
||
label: 'powershell',
|
||
value: 'powershell',
|
||
},
|
||
{
|
||
label: 'php',
|
||
value: 'php',
|
||
},
|
||
{
|
||
label: 'nsis',
|
||
value: 'nsis',
|
||
},
|
||
{
|
||
label: 'matlab',
|
||
value: 'matlab',
|
||
},
|
||
{
|
||
label: 'markdown',
|
||
value: 'markdown',
|
||
},
|
||
{
|
||
label: 'lua',
|
||
value: 'lua',
|
||
},
|
||
{
|
||
label: 'less',
|
||
value: 'less',
|
||
},
|
||
{
|
||
label: 'kotlin',
|
||
value: 'kotlin',
|
||
},
|
||
{
|
||
label: 'json',
|
||
value: 'json',
|
||
},
|
||
{
|
||
label: 'javascript',
|
||
value: 'javascript',
|
||
},
|
||
{
|
||
label: 'java',
|
||
value: 'java',
|
||
},
|
||
{
|
||
label: 'ini/conf',
|
||
value: 'ini',
|
||
},
|
||
{
|
||
label: 'groovy',
|
||
value: 'groovy',
|
||
},
|
||
{
|
||
label: 'go/golang',
|
||
value: 'go',
|
||
},
|
||
{
|
||
label: 'docker',
|
||
value: 'dockerfile',
|
||
},
|
||
{
|
||
label: 'diff',
|
||
value: 'diff',
|
||
},
|
||
{
|
||
label: 'cordpro',
|
||
value: 'cordpro',
|
||
},
|
||
{
|
||
label: 'cython',
|
||
value: 'cython',
|
||
},
|
||
{
|
||
label: 'css',
|
||
value: 'css',
|
||
},
|
||
{
|
||
label: 'csharp',
|
||
value: 'csharp',
|
||
},
|
||
{
|
||
label: 'Cpp/C++/C',
|
||
value: 'cpp',
|
||
},
|
||
{
|
||
label: 'avrassembly',
|
||
value: 'avrassembly',
|
||
},
|
||
{
|
||
label: 'assembly',
|
||
value: 'assembly',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_auto_detect'),
|
||
value: 'generic',
|
||
},
|
||
],
|
||
onChange: function (e) {
|
||
return r({
|
||
c_language: e,
|
||
});
|
||
},
|
||
}),
|
||
sz = el(
|
||
InspectorControls,
|
||
null,
|
||
el(
|
||
PanelBody,
|
||
{
|
||
icon: 'admin-appearance',
|
||
title: i18n__('gutenberg_code_settings'),
|
||
},
|
||
ss,
|
||
el(SelectControl, {
|
||
label: i18n__('gutenberg_select_theme'),
|
||
value: l.theme,
|
||
options: [
|
||
{
|
||
label: 'enlighter',
|
||
value: 'enlighter',
|
||
},
|
||
{
|
||
label: 'classic',
|
||
value: 'classic',
|
||
},
|
||
{
|
||
label: 'beyond',
|
||
value: 'beyond',
|
||
},
|
||
{
|
||
label: 'mowtwo',
|
||
value: 'mowtwo',
|
||
},
|
||
{
|
||
label: 'eclipse',
|
||
value: 'eclipse',
|
||
},
|
||
{
|
||
label: 'droide',
|
||
value: 'droide',
|
||
},
|
||
{
|
||
label: 'minimal',
|
||
value: 'minimal',
|
||
},
|
||
{
|
||
label: 'atomic',
|
||
value: 'atomic',
|
||
},
|
||
{
|
||
label: 'dracula',
|
||
value: 'dracula',
|
||
},
|
||
{
|
||
label: 'bootstrap4',
|
||
value: 'bootstrap4',
|
||
},
|
||
{
|
||
label: 'rowhammer',
|
||
value: 'rowhammer',
|
||
},
|
||
{
|
||
label: 'godzilla',
|
||
value: 'godzilla',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_follow_theme'),
|
||
value: '',
|
||
},
|
||
],
|
||
onChange: function (e) {
|
||
return r({
|
||
theme: e,
|
||
});
|
||
},
|
||
}),
|
||
el(RadioControl, {
|
||
label: i18n__('gutenberg_show_line_numbers'),
|
||
selected: l.linenumbers,
|
||
options: [
|
||
{
|
||
label: i18n__('gutenberg_follow_theme'),
|
||
value: '',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_show'),
|
||
value: 'true',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_hide'),
|
||
value: 'false',
|
||
},
|
||
],
|
||
onChange: function (e) {
|
||
return r({
|
||
linenumbers: e,
|
||
});
|
||
},
|
||
}),
|
||
el(TextControl, {
|
||
label: i18n__('gutenberg_start_line_number'),
|
||
value: l.lineoffset,
|
||
onChange: function (e) {
|
||
return r({
|
||
lineoffset: e,
|
||
});
|
||
},
|
||
placeholder: i18n__('gutenberg_line_number_example'),
|
||
}),
|
||
el(TextControl, {
|
||
label: i18n__('gutenberg_highlight_lines'),
|
||
value: l.highlight,
|
||
onChange: function (e) {
|
||
return r({
|
||
highlight: e,
|
||
});
|
||
},
|
||
placeholder: i18n__('gutenberg_highlight_lines_format'),
|
||
})
|
||
),
|
||
el(
|
||
PanelBody,
|
||
{
|
||
title: i18n__('gutenberg_code_group'),
|
||
initialOpen: !1,
|
||
icon: 'excerpt-view',
|
||
},
|
||
el('p', null, i18n__('gutenberg_code_group_desc')),
|
||
el(TextControl, {
|
||
label: i18n__('gutenberg_code_title'),
|
||
value: l.title,
|
||
onChange: function (e) {
|
||
return r({
|
||
title: e,
|
||
});
|
||
},
|
||
placeholder: i18n__('gutenberg_code_group_title'),
|
||
}),
|
||
el(TextControl, {
|
||
label: i18n__('gutenberg_custom_group_id'),
|
||
value: l.group,
|
||
onChange: function (e) {
|
||
return r({
|
||
group: e,
|
||
});
|
||
},
|
||
placeholder: i18n__('gutenberg_custom_group_id_placeholder'),
|
||
})
|
||
)
|
||
);
|
||
|
||
return el(
|
||
'div',
|
||
null,
|
||
el(Fragment, null, el(BlockControls, null, sm)),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'enlighter-block-wrapper',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'enlighter-header',
|
||
},
|
||
el('div', {
|
||
className: 'enlighter-title',
|
||
})
|
||
),
|
||
el(
|
||
'pre',
|
||
{
|
||
tagName: 'pre',
|
||
className: 'enlighter-pre',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'enlighter-label',
|
||
},
|
||
i18n__('gutenberg_language_label'),
|
||
l.c_language,
|
||
i18n__('gutenberg_theme_label'),
|
||
l.theme ? l.theme : i18n__('gutenberg_follow_theme_short')
|
||
),
|
||
sp
|
||
),
|
||
el('div', {
|
||
className: 'enlighter-footer',
|
||
}),
|
||
sz
|
||
)
|
||
);
|
||
},
|
||
save: function (e) {
|
||
var t = e.attributes,
|
||
tt = el(
|
||
'code',
|
||
{
|
||
className: 'gl',
|
||
'data-enlighter-language': t.c_language,
|
||
'data-enlighter-theme': t.theme,
|
||
'data-enlighter-highlight': t.highlight,
|
||
'data-enlighter-linenumbers': t.linenumbers,
|
||
'data-enlighter-lineoffset': t.lineoffset,
|
||
'data-enlighter-title': t.title,
|
||
'data-enlighter-group': t.group,
|
||
},
|
||
t.content
|
||
);
|
||
return el('pre', {}, tt);
|
||
},
|
||
});
|
||
//-------------------------------------------
|
||
rB('aksrtblock/biaoti', {
|
||
title: show_title(i18n__('gutenberg_heading')),
|
||
icon: icon.biaoti,
|
||
category: 'aksrt_block_cat',
|
||
description: i18n__('gutenberg_heading_desc'),
|
||
className: false,
|
||
textdomain: 'default',
|
||
attributes: {
|
||
content: {
|
||
type: 'array',
|
||
source: 'children',
|
||
selector: '.title-theme',
|
||
},
|
||
typeClass: {
|
||
source: 'attribute',
|
||
selector: '.title-theme',
|
||
attribute: 'class',
|
||
},
|
||
color: {
|
||
source: 'attribute',
|
||
selector: '.title-theme',
|
||
attribute: 'data-color',
|
||
},
|
||
tag_name: {
|
||
source: 'tag',
|
||
selector: '.title-theme',
|
||
attribute: 'data-color',
|
||
},
|
||
},
|
||
transforms: {
|
||
from: [
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/heading', 'core/preformatted', 'core/paragraph'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
var tag = e.level ? 'h' + e.level : 'h2';
|
||
return createBlock('aksrtblock/biaoti', {
|
||
content: t,
|
||
tag_name: tag,
|
||
});
|
||
},
|
||
},
|
||
],
|
||
to: [
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/heading'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
var tag = e.tag_name ? e.tag_name.replace('h', '') : 2;
|
||
return createBlock('core/heading', {
|
||
content: t,
|
||
level: ~~tag,
|
||
});
|
||
},
|
||
},
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/paragraph'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('core/paragraph', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/preformatted'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('core/preformatted', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
],
|
||
},
|
||
edit: function (props) {
|
||
var content = props.attributes.content,
|
||
tag_name = props.attributes.tag_name || 'h2',
|
||
typeClass = content.typeClass || 'title-theme',
|
||
color = props.attributes.color;
|
||
|
||
function onChangeContent(newContent) {
|
||
props.setAttributes({
|
||
content: newContent,
|
||
});
|
||
}
|
||
|
||
function changecolor(c) {
|
||
props.setAttributes({
|
||
color: c,
|
||
});
|
||
}
|
||
|
||
var richText = el(RichText, {
|
||
tagName: 'div',
|
||
onChange: onChangeContent,
|
||
value: content,
|
||
isSelected: props.isSelected,
|
||
placeholder: i18n__('gutenberg_enter_heading'),
|
||
disableLineBreaks: true,
|
||
});
|
||
|
||
var outerHtml = el(
|
||
'div',
|
||
{
|
||
className: typeClass,
|
||
'data-color': color,
|
||
style: {
|
||
color: color,
|
||
'border-left-color': color,
|
||
},
|
||
},
|
||
el(tag_name, {}, richText)
|
||
);
|
||
|
||
const HEADING_LEVELS = [1, 2, 3, 4, 5];
|
||
var headingLeve = tag_name.replace('h', '');
|
||
var HeadingLevelDropdown = el(
|
||
Toolbar,
|
||
{},
|
||
el(DropdownMenu, {
|
||
icon: icon['headingLevel' + headingLeve],
|
||
label: i18n__('gutenberg_heading_level'),
|
||
controls: HEADING_LEVELS.map(function (value) {
|
||
{
|
||
const value_tag = 'h' + value;
|
||
const isActive = tag_name === value_tag;
|
||
return {
|
||
icon: icon['headingLevel' + value],
|
||
isActive: isActive,
|
||
onClick: function () {
|
||
props.setAttributes({
|
||
tag_name: value_tag,
|
||
});
|
||
},
|
||
role: 'menuitemradio',
|
||
};
|
||
}
|
||
}),
|
||
})
|
||
);
|
||
|
||
var Co = el(c.ColorPalette, {
|
||
value: color,
|
||
colors: colors,
|
||
className: 'q-ColorPalette',
|
||
onChange: changecolor,
|
||
});
|
||
|
||
return el(
|
||
'div',
|
||
{},
|
||
outerHtml,
|
||
el(BlockControls, null, HeadingLevelDropdown),
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
el(
|
||
PanelBody,
|
||
{
|
||
title: i18n__('gutenberg_custom_color'),
|
||
},
|
||
el(
|
||
'p',
|
||
{
|
||
className: 'components-base-control',
|
||
},
|
||
i18n__('gutenberg_heading_color_hint')
|
||
),
|
||
el(
|
||
'p',
|
||
{
|
||
className: 'components-base-control',
|
||
},
|
||
Co
|
||
)
|
||
)
|
||
)
|
||
);
|
||
},
|
||
|
||
save: function (props) {
|
||
var content = props.attributes.content,
|
||
tag_name = props.attributes.tag_name || 'h2',
|
||
typeClass = props.attributes.typeClass || 'title-theme',
|
||
color = props.attributes.color,
|
||
sty = color && '--theme-color:' + color;
|
||
|
||
var outerHtml = el(
|
||
tag_name,
|
||
{
|
||
'data-color': color,
|
||
className: typeClass,
|
||
style: sty,
|
||
},
|
||
content
|
||
);
|
||
|
||
return outerHtml;
|
||
},
|
||
});
|
||
//---------------------------------------------
|
||
rB('aksrtblock/hide-content', {
|
||
title: show_title(i18n__('gutenberg_hidden_content')),
|
||
icon: {
|
||
src: 'hidden',
|
||
foreground: icon_color,
|
||
},
|
||
description: i18n__('gutenberg_hidden_content_desc'),
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
type: {
|
||
source: 'attribute',
|
||
selector: 'div',
|
||
attribute: 'data-type',
|
||
},
|
||
password: {
|
||
source: 'attribute',
|
||
selector: '[data-password]',
|
||
attribute: 'data-password',
|
||
default: '',
|
||
},
|
||
img_id: {
|
||
source: 'attribute',
|
||
selector: '[data-img-id]',
|
||
attribute: 'data-img-id',
|
||
default: '',
|
||
},
|
||
img_url: {
|
||
source: 'attribute',
|
||
selector: '[data-img-url]',
|
||
attribute: 'data-img-url',
|
||
default: '',
|
||
},
|
||
desc: {
|
||
source: 'attribute',
|
||
selector: '[data-desc]',
|
||
attribute: 'data-desc',
|
||
default: '',
|
||
},
|
||
},
|
||
edit: function (props) {
|
||
var sa = props.setAttributes,
|
||
pa = props.attributes,
|
||
type_v = pa.type || 'reply',
|
||
xzk = el(
|
||
'div',
|
||
{
|
||
className: 'hide-innerblocks',
|
||
},
|
||
el(InnerBlocks)
|
||
),
|
||
text = {
|
||
reply: i18n__('gutenberg_comment_visible'),
|
||
payshow: i18n__('gutenberg_paid_reading'),
|
||
logged: i18n__('gutenberg_login_visible'),
|
||
password: i18n__('gutenberg_password_verify'),
|
||
vip1: i18n__('gutenberg_all_vip_visible'),
|
||
vip2: i18n__('gutenberg_vip2_visible'),
|
||
};
|
||
var gjl = el(
|
||
Toolbar,
|
||
{},
|
||
el(DropdownMenu, {
|
||
icon: 'editor-paste-text',
|
||
className: 'aksrtblock-buttons-sl',
|
||
label: i18n__('gutenberg_hidden_mode_select'),
|
||
controls: [
|
||
{
|
||
title: text.reply,
|
||
value: 'reply',
|
||
onClick: function () {
|
||
sa({
|
||
type: 'reply',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: text.logged,
|
||
value: 'logged',
|
||
onClick: function () {
|
||
sa({
|
||
type: 'logged',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: text.password,
|
||
value: 'password',
|
||
onClick: function () {
|
||
sa({
|
||
type: 'password',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: text.payshow,
|
||
value: 'payshow',
|
||
onClick: function () {
|
||
sa({
|
||
type: 'payshow',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: text.vip1,
|
||
value: 'vip1',
|
||
onClick: function () {
|
||
sa({
|
||
type: 'vip1',
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: text.vip2,
|
||
value: 'vip2',
|
||
onClick: function () {
|
||
sa({
|
||
type: 'vip2',
|
||
});
|
||
},
|
||
},
|
||
],
|
||
})
|
||
),
|
||
dqk = el(Fragment, null, el(BlockControls, null, gjl));
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'hide-content',
|
||
},
|
||
dqk,
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'hide-title',
|
||
},
|
||
i18n_sprintf('gutenberg_hidden_content_title', text[type_v]),
|
||
el('span', {
|
||
className: 'dashicons dashicons-admin-generic',
|
||
style: {
|
||
float: 'right',
|
||
margin: '5px 10px',
|
||
},
|
||
})
|
||
),
|
||
xzk,
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
help_link(853),
|
||
el(
|
||
PanelBody,
|
||
{
|
||
title: i18n__('gutenberg_hidden_content_settings'),
|
||
},
|
||
el(SelectControl, {
|
||
label: i18n__('gutenberg_hidden_visible_mode'),
|
||
value: type_v,
|
||
options: [
|
||
{
|
||
label: text.reply,
|
||
value: 'reply',
|
||
},
|
||
{
|
||
label: text.logged,
|
||
value: 'logged',
|
||
},
|
||
{
|
||
label: text.password,
|
||
value: 'password',
|
||
},
|
||
{
|
||
label: text.payshow,
|
||
value: 'payshow',
|
||
},
|
||
{
|
||
label: text.vip1,
|
||
value: 'vip1',
|
||
},
|
||
{
|
||
label: text.vip2,
|
||
value: 'vip2',
|
||
},
|
||
],
|
||
onChange: function (e) {
|
||
sa({
|
||
type: e,
|
||
});
|
||
},
|
||
}),
|
||
[
|
||
type_v == 'payshow' &&
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'block-editor-block-card__description',
|
||
},
|
||
i18n__('gutenberg_paid_reading_hint'),
|
||
el(
|
||
'a',
|
||
{
|
||
href: '""#wznav_3',
|
||
target: 'blank',
|
||
},
|
||
i18n__('gutenberg_view_official_tutorial_link')
|
||
)
|
||
),
|
||
],
|
||
[
|
||
type_v == 'password' &&
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'block-editor-block-card__description',
|
||
},
|
||
el(TextControl, {
|
||
label: i18n__('gutenberg_set_password'),
|
||
value: pa.password || '',
|
||
onChange: function (e) {
|
||
return sa({
|
||
password: e,
|
||
});
|
||
},
|
||
placeholder: i18n__('gutenberg_enter_password'),
|
||
}),
|
||
el(TextControl, {
|
||
label: i18n__('gutenberg_remind_text'),
|
||
value: pa.desc || '',
|
||
onChange: function (e) {
|
||
return sa({
|
||
desc: e,
|
||
});
|
||
},
|
||
placeholder: i18n__('gutenberg_enter_remind_content'),
|
||
}),
|
||
[
|
||
pa.img_id &&
|
||
el(
|
||
'div',
|
||
{
|
||
className: ' ',
|
||
},
|
||
el('img', {
|
||
src: pa.img_url,
|
||
})
|
||
),
|
||
],
|
||
el(MediaUpload, {
|
||
title: i18n__('gutenberg_remind_image'),
|
||
allowedTypes: ['image'],
|
||
onSelect: function onSelect(media) {
|
||
sa({
|
||
img_url: media.url,
|
||
img_id: media.id,
|
||
});
|
||
},
|
||
value: pa.img_id,
|
||
render: function render(_ref) {
|
||
var open = _ref.open;
|
||
return el(
|
||
Button,
|
||
{
|
||
className: 'but jb-blue is-secondary',
|
||
onClick: open,
|
||
},
|
||
[pa.img_id ? i18n__('gutenberg_replace_remind_image') : i18n__('gutenberg_add_remind_image')]
|
||
);
|
||
},
|
||
}),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'mt10 em09',
|
||
},
|
||
i18n__('gutenberg_password_remind_hint')
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'mt6 em09',
|
||
},
|
||
i18n__('gutenberg_password_unique_hint')
|
||
)
|
||
),
|
||
],
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'opacity8 mb10 em09 mt10 c-yellow',
|
||
},
|
||
i18n__('gutenberg_hidden_no_nest_hint')
|
||
)
|
||
)
|
||
)
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var pa = props.attributes;
|
||
var type = pa.type || 'reply';
|
||
var tag = {};
|
||
var tag_2 = '';
|
||
if (type == 'password') {
|
||
tag = {
|
||
'data-password': pa.password,
|
||
'data-img-id': pa.img_id,
|
||
'data-img-url': pa.img_url,
|
||
'data-desc': pa.desc,
|
||
};
|
||
tag_2 = ' password="' + pa.password + '" img_id="' + pa.img_id + '" img_url="' + pa.img_url + '" desc="' + pa.desc + '"';
|
||
}
|
||
return el(
|
||
'div',
|
||
{
|
||
'data-type': type,
|
||
},
|
||
[el('span', {}, '[hidecontent type="' + type + '"' + tag_2 + ']'), el(InnerBlocks.Content), el('span', tag, '[/hidecontent]')]
|
||
);
|
||
},
|
||
});
|
||
|
||
//---------------------------------------------------------------------------------
|
||
var debounce_ajax_get = debounce(ajax_get, 600);
|
||
function ajax_get(data, callback) {
|
||
var url = data.url || wpApiSettings.root + 'wp/v2/search';
|
||
$.get(url, data, callback);
|
||
}
|
||
|
||
rB('aksrtblock/postslists', {
|
||
title: show_title(i18n__('gutenberg_post_list')),
|
||
icon: icon.postslists,
|
||
attributes: {
|
||
orderby: {
|
||
source: 'attribute',
|
||
selector: '.single-posts-lists',
|
||
attribute: 'data-orderby',
|
||
default: 'date',
|
||
},
|
||
cat: {
|
||
source: 'attribute',
|
||
selector: '.single-posts-lists',
|
||
attribute: 'data-cat',
|
||
default: '',
|
||
},
|
||
topics: {
|
||
source: 'attribute',
|
||
selector: '.single-posts-lists',
|
||
attribute: 'data-topics',
|
||
default: '',
|
||
},
|
||
style: {
|
||
source: 'attribute',
|
||
selector: '.single-posts-lists',
|
||
attribute: 'data-style',
|
||
default: 'text',
|
||
},
|
||
count: {
|
||
source: 'attribute',
|
||
selector: '.single-posts-lists',
|
||
attribute: 'data-count',
|
||
default: 12,
|
||
},
|
||
paginate: {
|
||
source: 'attribute',
|
||
selector: '.single-posts-lists',
|
||
attribute: 'data-paginate',
|
||
default: '',
|
||
},
|
||
},
|
||
description: i18n__('gutenberg_post_list_desc'),
|
||
category: 'aksrt_block_cat',
|
||
edit: function (props) {
|
||
var attr = props.attributes;
|
||
var setattr = props.setAttributes;
|
||
|
||
var orderby = attr.orderby || 'date';
|
||
var cat = attr.cat || '';
|
||
var topics = attr.topics || '';
|
||
var style = attr.style || 'text';
|
||
var count = attr.count || 12;
|
||
var paginate = attr.paginate || '';
|
||
|
||
var trem_edit = function (type) {
|
||
var name = type === 'topics' ? i18n__('gutenberg_topics') : i18n__('gutenberg_category');
|
||
var label = i18n_sprintf('gutenberg_taxonomy_id_select', name);
|
||
return el(TextControl, {
|
||
label: i18n_sprintf('gutenberg_taxonomy_limit', name),
|
||
value: type === 'topics' ? topics : cat,
|
||
help: i18n_sprintf('gutenberg_taxonomy_id_help', name),
|
||
onChange: function (e) {
|
||
return type === 'topics'
|
||
? setattr({
|
||
topics: e,
|
||
})
|
||
: setattr({
|
||
cat: e,
|
||
});
|
||
},
|
||
placeholder: label,
|
||
});
|
||
};
|
||
|
||
var edit = el(
|
||
'div',
|
||
{},
|
||
trem_edit('cat'),
|
||
trem_edit('topics'),
|
||
el(SelectControl, {
|
||
label: i18n__('gutenberg_orderby'),
|
||
value: orderby,
|
||
options: [
|
||
{
|
||
label: i18n__('gutenberg_post_title'),
|
||
value: 'title',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_recent_update'),
|
||
value: 'modified',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_latest_publish'),
|
||
value: 'date',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_by_comments'),
|
||
value: 'comment_count',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_by_likes'),
|
||
value: 'like',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_by_views'),
|
||
value: 'views',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_by_favorites'),
|
||
value: 'favorite',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_sale_price'),
|
||
value: 'aksrtpay_price',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_points_price'),
|
||
value: 'aksrtpay_points_price',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_sales_volume'),
|
||
value: 'sales_volume',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_random_order'),
|
||
value: 'rand',
|
||
},
|
||
],
|
||
onChange: function (e) {
|
||
return setattr({
|
||
orderby: e,
|
||
});
|
||
},
|
||
}),
|
||
el(RadioControl, {
|
||
label: i18n__('gutenberg_list_style'),
|
||
selected: style,
|
||
options: [
|
||
{
|
||
label: i18n__('gutenberg_text_list'),
|
||
value: 'text',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_mini_card'),
|
||
value: 'minicard',
|
||
},
|
||
],
|
||
onChange: function (e) {
|
||
return setattr({
|
||
style: e,
|
||
});
|
||
},
|
||
}),
|
||
el(TextControl, {
|
||
label: (paginate != '' ? i18n__('gutenberg_per_page') : '') + i18n__('gutenberg_display_count'),
|
||
value: count,
|
||
onChange: function (e) {
|
||
return setattr({
|
||
count: e,
|
||
});
|
||
},
|
||
placeholder: i18n__('gutenberg_enter_display_count'),
|
||
}),
|
||
el(RadioControl, {
|
||
label: i18n__('gutenberg_pagination'),
|
||
selected: paginate,
|
||
options: [
|
||
{
|
||
label: i18n__('gutenberg_not_show'),
|
||
value: '',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ajax_pagination'),
|
||
value: 'ajax',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_number_pagination'),
|
||
value: 'number',
|
||
},
|
||
],
|
||
onChange: function (e) {
|
||
return setattr({
|
||
paginate: e,
|
||
});
|
||
},
|
||
})
|
||
);
|
||
|
||
var panel_edit = el(
|
||
InspectorControls,
|
||
null,
|
||
help_link(22555),
|
||
el(
|
||
PanelBody,
|
||
{
|
||
title: i18n__('gutenberg_post_list_settings'),
|
||
},
|
||
edit
|
||
)
|
||
);
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'theme-card-box',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'em12 mb10 flex ac',
|
||
},
|
||
icon.postsbox,
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'ml10',
|
||
},
|
||
show_title(i18n__('gutenberg_post_list'))
|
||
)
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'opacity8 mb10 em09',
|
||
},
|
||
i18n__('gutenberg_post_list_desc')
|
||
),
|
||
props.isSelected
|
||
? el(
|
||
PanelBody,
|
||
{
|
||
initialOpen: false,
|
||
title: i18n__('gutenberg_post_list_settings'),
|
||
},
|
||
edit
|
||
)
|
||
: el(
|
||
'div',
|
||
{
|
||
class: 'px12',
|
||
},
|
||
'[cat="' + attr.cat + '" topics="' + attr.topics + '" orderby="' + attr.orderby + '" style="' + attr.style + '" count="' + attr.count + '" paginate="' + attr.paginate + '"]'
|
||
),
|
||
panel_edit
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var attr = props.attributes;
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
class: 'single-posts-lists',
|
||
contenteditable: 'false',
|
||
'data-orderby': attr.orderby,
|
||
'data-cat': attr.cat,
|
||
'data-topics': attr.topics,
|
||
'data-style': attr.style,
|
||
'data-count': attr.count,
|
||
'data-paginate': attr.paginate,
|
||
},
|
||
'[postslists cat="' + attr.cat + '" topics="' + attr.topics + '" orderby="' + attr.orderby + '" style="' + attr.style + '" count="' + attr.count + '" paginate="' + attr.paginate + '"]'
|
||
);
|
||
},
|
||
});
|
||
|
||
//---------------------------------------------------------------------------------
|
||
rB('aksrtblock/postsbox', {
|
||
title: show_title(i18n__('gutenberg_post_card')),
|
||
icon: icon.postsbox,
|
||
attributes: {
|
||
post_id: {
|
||
source: 'attribute',
|
||
selector: 'div',
|
||
attribute: 'data-pid',
|
||
},
|
||
},
|
||
description: i18n__('gutenberg_post_card_desc'),
|
||
category: 'aksrt_block_cat',
|
||
edit: function (props) {
|
||
var content = props.attributes.post_id;
|
||
var that = props.attributes;
|
||
that.search_lists = that.search_lists || [];
|
||
|
||
function onChangeContent(e) {
|
||
props.setAttributes({
|
||
post_id: e,
|
||
});
|
||
ajax(e);
|
||
}
|
||
|
||
function ajax(e) {
|
||
if (e.length < 2 || ~~e || that.loading) {
|
||
return;
|
||
}
|
||
var ajax_data = {
|
||
per_page: 20,
|
||
search: e,
|
||
type: 'post',
|
||
post_type: ['post', 'forum_post'],
|
||
order_by: 'post_title',
|
||
};
|
||
props.setAttributes({
|
||
loading: true,
|
||
});
|
||
return debounce_ajax_get(ajax_data, function (data) {
|
||
data = data || [];
|
||
props.setAttributes({
|
||
search_lists: data,
|
||
});
|
||
props.setAttributes({
|
||
loading: false,
|
||
});
|
||
});
|
||
}
|
||
|
||
function onKeyDown(e) {
|
||
if (e.keyCode == 13) {
|
||
ajax(e.target.value);
|
||
}
|
||
}
|
||
|
||
var rti = el(
|
||
'div',
|
||
{
|
||
className: 'rti-container',
|
||
},
|
||
|
||
props.isSelected
|
||
? el(
|
||
'div',
|
||
{},
|
||
el(TextControl, {
|
||
tagName: 'div',
|
||
onChange: onChangeContent,
|
||
required: true,
|
||
onKeyDown: onKeyDown,
|
||
value: content,
|
||
// type: 'number',
|
||
placeholder: i18n__('gutenberg_search_post_id'),
|
||
label: i18n__('gutenberg_search_post_id'),
|
||
}),
|
||
that.loading &&
|
||
el(c.Spinner, {
|
||
style: {
|
||
position: 'absolute',
|
||
right: '12px',
|
||
bottom: '30px',
|
||
},
|
||
})
|
||
)
|
||
: el(
|
||
'div',
|
||
{
|
||
className: ' ' + (~~content ? 'px12' : 'c-red em09'),
|
||
},
|
||
~~content ? '[ID:' + content + ']' + (that.post_title ? that.post_title : '') : i18n__('gutenberg_post_id_invalid')
|
||
)
|
||
);
|
||
|
||
function get_el(index) {
|
||
return el(
|
||
'button',
|
||
{
|
||
className: 'components-button components-menu-item__button block-editor-link-control__search-item has-text has-icon',
|
||
key: index,
|
||
onClick: function () {
|
||
props.setAttributes({
|
||
post_id: that.search_lists[index].id,
|
||
post_title: that.search_lists[index].title,
|
||
});
|
||
this.popover_anchor_rect = false;
|
||
},
|
||
},
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'em12 mr6',
|
||
},
|
||
icon.postsbox
|
||
),
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'components-menu-item__item',
|
||
},
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'components-menu-item__info-wrapper',
|
||
},
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'components-menu-item__item',
|
||
},
|
||
'[' + that.search_lists[index].id + ']' + that.search_lists[index].title
|
||
)
|
||
)
|
||
),
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'components-menu-item__shortcut',
|
||
},
|
||
that.search_lists[index].subtype
|
||
)
|
||
);
|
||
}
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'theme-card-box',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'em12 mb10 flex ac',
|
||
},
|
||
icon.postsbox,
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'ml10',
|
||
},
|
||
show_title(i18n__('gutenberg_post_card'))
|
||
)
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'opacity8 mb10 em09',
|
||
},
|
||
i18n__('gutenberg_post_card_hint')
|
||
),
|
||
rti,
|
||
props.isSelected &&
|
||
that.search_lists.length > 0 &&
|
||
el(
|
||
Popover,
|
||
{
|
||
focusOnMount: false,
|
||
position: 'left middle center ',
|
||
className: ' ',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'block-editor-link-control',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'mt6 block-editor-link-control__search-results',
|
||
},
|
||
that.search_lists.map(function (item, index) {
|
||
return get_el(index);
|
||
})
|
||
)
|
||
)
|
||
),
|
||
el(InspectorControls, null, help_link(860))
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var post_id = props.attributes.post_id;
|
||
return el(
|
||
'div',
|
||
{
|
||
'data-pid': post_id,
|
||
},
|
||
'[postsbox post_id="' + post_id + '"]'
|
||
);
|
||
},
|
||
});
|
||
|
||
rB('aksrtblock/quote', {
|
||
title: show_title(i18n__('gutenberg_quote')),
|
||
icon: {
|
||
src: 'format-quote',
|
||
foreground: icon_color,
|
||
},
|
||
description: i18n__('gutenberg_quote_desc'),
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
content: {
|
||
type: 'array',
|
||
source: 'children',
|
||
selector: '.quote_q p',
|
||
},
|
||
typeClass: {
|
||
source: 'attribute',
|
||
selector: '.quote_q',
|
||
attribute: 'class',
|
||
},
|
||
color: {
|
||
source: 'attribute',
|
||
selector: '.quote_q',
|
||
attribute: 'data-color',
|
||
},
|
||
},
|
||
transforms: {
|
||
from: [
|
||
{
|
||
type: 'block',
|
||
blocks: ['aksrtblock/alert', 'core/quote', 'core/preformatted', 'core/paragraph'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('aksrtblock/quote', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
],
|
||
to: [
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/quote'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('core/quote', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
{
|
||
type: 'block',
|
||
blocks: ['aksrtblock/alert'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('aksrtblock/alert', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/paragraph'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('core/paragraph', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/preformatted'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('core/preformatted', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
],
|
||
},
|
||
edit: function (props) {
|
||
var content = props.attributes.content,
|
||
typeClass = props.attributes.typeClass || 'quote_q',
|
||
color = props.attributes.color,
|
||
sty = color ? color : '';
|
||
|
||
function changecolor(e) {
|
||
props.setAttributes({
|
||
color: e,
|
||
});
|
||
}
|
||
|
||
function onChangeContent(e) {
|
||
props.setAttributes({
|
||
content: e,
|
||
});
|
||
}
|
||
|
||
var richText = el(RichText, {
|
||
tagName: 'div',
|
||
isSelected: props.isSelected,
|
||
onChange: onChangeContent,
|
||
value: content,
|
||
placeholder: i18n__('gutenberg_enter_content'),
|
||
});
|
||
var outerHtml = el(
|
||
'div',
|
||
{
|
||
className: typeClass,
|
||
style: {
|
||
'--quote-color': sty,
|
||
},
|
||
},
|
||
el('i', {
|
||
className: 'fa fas fa-quote-left',
|
||
}),
|
||
richText
|
||
);
|
||
|
||
var Co = el(c.ColorPalette, {
|
||
value: color || '#555',
|
||
colors: colors,
|
||
className: 'q-ColorPalette',
|
||
onChange: changecolor,
|
||
});
|
||
|
||
return el(
|
||
'div',
|
||
{},
|
||
outerHtml,
|
||
el(
|
||
'div',
|
||
{},
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
el(
|
||
PanelBody,
|
||
{
|
||
title: i18n__('gutenberg_custom_color'),
|
||
},
|
||
el('p', {}, i18n__('gutenberg_quote_color_hint')),
|
||
el('p', {}, Co)
|
||
)
|
||
)
|
||
)
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var content = props.attributes.content,
|
||
typeClass = props.attributes.typeClass || 'quote_q',
|
||
color = props.attributes.color,
|
||
sty = color && '--quote-color:' + color;
|
||
|
||
var outerHtml = el(
|
||
'div',
|
||
{
|
||
className: typeClass,
|
||
'data-color': color,
|
||
style: sty,
|
||
},
|
||
el('i', {
|
||
className: 'fa fas fa-quote-left',
|
||
}),
|
||
el('p', {}, content)
|
||
);
|
||
|
||
return el('div', {}, outerHtml);
|
||
},
|
||
});
|
||
//-------------------------------------------------------------
|
||
rB('aksrtblock/alert', {
|
||
title: show_title(i18n__('gutenberg_alert')),
|
||
icon: {
|
||
src: 'info',
|
||
foreground: icon_color,
|
||
},
|
||
description: i18n__('gutenberg_alert_desc'),
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
content: {
|
||
type: 'array',
|
||
source: 'children',
|
||
selector: 'div.alert',
|
||
},
|
||
typeClass: {
|
||
source: 'attribute',
|
||
selector: '.alert',
|
||
attribute: 'class',
|
||
},
|
||
isChecked: {
|
||
source: 'attribute',
|
||
selector: '.alert',
|
||
attribute: 'data-isclose',
|
||
},
|
||
},
|
||
transforms: {
|
||
from: [
|
||
{
|
||
type: 'block',
|
||
blocks: ['aksrtblock/quote', 'core/quote', 'core/preformatted', 'core/paragraph'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('aksrtblock/alert', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
],
|
||
to: [
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/quote'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('core/quote', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
{
|
||
type: 'block',
|
||
blocks: ['aksrtblock/quote'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('aksrtblock/quote', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/paragraph'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('core/paragraph', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/preformatted'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('core/preformatted', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
],
|
||
},
|
||
edit: function (props) {
|
||
var content = props.attributes.content,
|
||
typeClass = props.attributes.typeClass || 'alert jb-blue',
|
||
isChecked = props.attributes.isChecked,
|
||
isSelected = props.isSelected;
|
||
|
||
function onChangeContent(e) {
|
||
props.setAttributes({
|
||
content: e,
|
||
});
|
||
}
|
||
|
||
function onisChecked(e) {
|
||
props.setAttributes({
|
||
isChecked: e,
|
||
});
|
||
}
|
||
|
||
function changeType(e) {
|
||
var type = e.target.className;
|
||
props.setAttributes({
|
||
typeClass: 'alert ' + type,
|
||
});
|
||
}
|
||
var richText = el(RichText, {
|
||
tagName: 'div',
|
||
isSelected: props.isSelected,
|
||
onChange: onChangeContent,
|
||
value: content,
|
||
placeholder: i18n__('gutenberg_enter_content'),
|
||
});
|
||
|
||
var outerHtml = el(
|
||
'div',
|
||
{
|
||
className: typeClass,
|
||
},
|
||
richText
|
||
);
|
||
|
||
var selector = el(
|
||
'span',
|
||
{
|
||
className: 'g_extend anz alert_b',
|
||
},
|
||
[
|
||
el('button', {
|
||
className: 'jb-blue',
|
||
onClick: changeType,
|
||
}),
|
||
el('button', {
|
||
className: 'jb-green',
|
||
onClick: changeType,
|
||
}),
|
||
el('button', {
|
||
className: 'jb-yellow',
|
||
onClick: changeType,
|
||
}),
|
||
el('button', {
|
||
className: 'jb-red',
|
||
onClick: changeType,
|
||
}),
|
||
]
|
||
),
|
||
closebutton = el(
|
||
'div',
|
||
{
|
||
className: 'close_an',
|
||
},
|
||
el(ToggleControl, {
|
||
label: i18n__('gutenberg_alert_closable'),
|
||
checked: isChecked,
|
||
onChange: onisChecked,
|
||
})
|
||
);
|
||
|
||
return el(
|
||
'div',
|
||
{},
|
||
[
|
||
outerHtml,
|
||
isChecked &&
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'close',
|
||
},
|
||
'×'
|
||
),
|
||
isSelected && selector,
|
||
isSelected && closebutton,
|
||
],
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
el(
|
||
PanelBody,
|
||
{
|
||
icon: 'admin-appearance',
|
||
title: i18n__('gutenberg_alert_settings'),
|
||
},
|
||
el('div', {}, i18n__('gutenberg_alert_type')),
|
||
el('div', {}, selector)
|
||
),
|
||
closebutton
|
||
)
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var content = props.attributes.content,
|
||
isChecked = props.attributes.isChecked || '',
|
||
typeClass = props.attributes.typeClass || 'alert jb-blue';
|
||
var Close = el(
|
||
'button',
|
||
{
|
||
type: 'button',
|
||
className: 'close',
|
||
'data-dismiss': 'alert',
|
||
'aria-label': 'Close',
|
||
},
|
||
el('div', {
|
||
'data-class': 'ic-close',
|
||
'data-svg': 'close',
|
||
'data-viewbox': '0 0 1024 1024',
|
||
})
|
||
);
|
||
|
||
var outerHtml = el(
|
||
'div',
|
||
{
|
||
className: typeClass,
|
||
'data-isclose': isChecked,
|
||
role: 'alert',
|
||
},
|
||
content
|
||
);
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'alert-dismissible fade in',
|
||
},
|
||
[isChecked && Close],
|
||
outerHtml
|
||
);
|
||
},
|
||
});
|
||
//-------------------------------------------------------------
|
||
rB('aksrtblock/buttons', {
|
||
title: show_title(i18n__('gutenberg_buttons')),
|
||
description: i18n__('gutenberg_buttons_desc'),
|
||
icon: icon.buttons,
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
alignment: {
|
||
type: 'string',
|
||
},
|
||
quantity: {
|
||
type: 'attribute',
|
||
attribute: 'data-quantity',
|
||
default: 1,
|
||
},
|
||
radius: {
|
||
type: 'attribute',
|
||
attribute: 'data-radius',
|
||
default: true,
|
||
},
|
||
content1: {
|
||
type: 'array',
|
||
source: 'children',
|
||
selector: 'span.an_1',
|
||
},
|
||
typeClass1: {
|
||
source: 'attribute',
|
||
selector: '.an_1',
|
||
attribute: 'class',
|
||
},
|
||
content2: {
|
||
type: 'array',
|
||
source: 'children',
|
||
selector: 'span.an_2',
|
||
},
|
||
typeClass2: {
|
||
source: 'attribute',
|
||
selector: '.an_2',
|
||
attribute: 'class',
|
||
},
|
||
content3: {
|
||
type: 'array',
|
||
source: 'children',
|
||
selector: 'span.an_3',
|
||
},
|
||
typeClass3: {
|
||
source: 'attribute',
|
||
selector: '.an_3',
|
||
attribute: 'class',
|
||
},
|
||
content4: {
|
||
type: 'array',
|
||
source: 'children',
|
||
selector: 'span.an_4',
|
||
},
|
||
typeClass4: {
|
||
source: 'attribute',
|
||
selector: '.an_4',
|
||
attribute: 'class',
|
||
},
|
||
content5: {
|
||
type: 'array',
|
||
source: 'children',
|
||
selector: 'span.an_5',
|
||
},
|
||
typeClass5: {
|
||
source: 'attribute',
|
||
selector: '.an_5',
|
||
attribute: 'class',
|
||
},
|
||
},
|
||
transforms: {
|
||
from: [
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/paragraph'],
|
||
transform: function (e) {
|
||
var t = e.content;
|
||
return createBlock('aksrtblock/buttons', {
|
||
content1: t,
|
||
});
|
||
},
|
||
},
|
||
],
|
||
to: [
|
||
{
|
||
type: 'block',
|
||
blocks: ['core/paragraph'],
|
||
transform: function (e) {
|
||
var t = e.content1;
|
||
return createBlock('core/paragraph', {
|
||
content: t,
|
||
});
|
||
},
|
||
},
|
||
],
|
||
},
|
||
edit: function (props) {
|
||
var at = props.attributes,
|
||
sa = props.setAttributes,
|
||
alignment = at.alignment,
|
||
isS = props.isSelected,
|
||
sl = at.quantity,
|
||
rd = at.radius,
|
||
c = [];
|
||
|
||
for (let i = 0; i <= 5; i++) {
|
||
(c['c' + i] = at['content' + i]),
|
||
(c['cs' + i] = at['typeClass' + i] || 'but b-blue'),
|
||
(c['rt' + i] = el(RichText, {
|
||
tagName: 'div',
|
||
onChange: function (e) {
|
||
sa({
|
||
['content' + i]: e,
|
||
});
|
||
},
|
||
value: c['c' + i],
|
||
isSelected: props.isS,
|
||
placeholder: i18n__('gutenberg_button') + '-' + i,
|
||
})),
|
||
(c['crt' + i] = el(
|
||
'div',
|
||
{
|
||
className: c['cs' + i],
|
||
},
|
||
c['rt' + i]
|
||
)),
|
||
(c['bk' + i] = el(
|
||
'button',
|
||
{
|
||
className: 'anz sz',
|
||
onClick: function () {
|
||
$('.anz.an.x' + i).slideToggle(200);
|
||
},
|
||
},
|
||
el('span', {
|
||
className: 'dashicons dashicons-admin-appearance',
|
||
})
|
||
)),
|
||
(c['btt' + i] = el(
|
||
'div',
|
||
{
|
||
className: 'g_extend anz an x' + i,
|
||
},
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but b-red',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but b-yellow',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but b-blue',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but b-green',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but b-purple',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but hollow c-red',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but hollow c-yellow',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but hollow c-blue',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but hollow c-green',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but hollow c-purple',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but jb-red',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but jb-yellow',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but jb-blue',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but jb-green',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
),
|
||
el(
|
||
'button',
|
||
{
|
||
className: 'but jb-purple',
|
||
onClick: function (e) {
|
||
sa({
|
||
['typeClass' + i]: 'an_' + i + ' ' + e.target.className,
|
||
});
|
||
},
|
||
},
|
||
''
|
||
)
|
||
));
|
||
}
|
||
|
||
var gjl = el(
|
||
Toolbar,
|
||
{},
|
||
el(DropdownMenu, {
|
||
icon: 'plus-alt',
|
||
className: 'aksrtblock-buttons-sl',
|
||
label: i18n__('gutenberg_button_count'),
|
||
controls: [
|
||
{
|
||
title: i18n__('gutenberg_count_1'),
|
||
value: 1,
|
||
onClick: function () {
|
||
sa({
|
||
quantity: 1,
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: i18n__('gutenberg_count_2'),
|
||
onClick: function () {
|
||
sa({
|
||
quantity: 2,
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: i18n__('gutenberg_count_3'),
|
||
value: 3,
|
||
onClick: function () {
|
||
sa({
|
||
quantity: 3,
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: i18n__('gutenberg_count_4'),
|
||
value: 4,
|
||
onClick: function () {
|
||
sa({
|
||
quantity: 4,
|
||
});
|
||
},
|
||
},
|
||
{
|
||
title: i18n__('gutenberg_count_5'),
|
||
value: 5,
|
||
onClick: function () {
|
||
sa({
|
||
quantity: 5,
|
||
});
|
||
},
|
||
},
|
||
],
|
||
})
|
||
),
|
||
dqk = el(
|
||
Fragment,
|
||
null,
|
||
el(
|
||
BlockControls,
|
||
null,
|
||
gjl,
|
||
el(AlignmentToolbar, {
|
||
value: alignment,
|
||
onChange: function (e) {
|
||
sa({
|
||
alignment: e,
|
||
});
|
||
},
|
||
})
|
||
)
|
||
);
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
style: {
|
||
textAlign: alignment,
|
||
},
|
||
className: 'aniuzu ' + (rd && 'radius'),
|
||
},
|
||
dqk,
|
||
[c.crt1, isS && c.bk1, isS && c.btt1],
|
||
[sl >= 2 && [c.crt2, isS && c.bk2, isS && c.btt2]],
|
||
[sl >= 3 && [c.crt3, isS && c.bk3, isS && c.btt3]],
|
||
[sl >= 4 && [c.crt4, isS && c.bk4, isS && c.btt4]],
|
||
[sl >= 5 && [c.crt5, isS && c.bk5, isS && c.btt5]],
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
el(
|
||
PanelBody,
|
||
{
|
||
icon: 'admin-generic',
|
||
title: i18n__('gutenberg_button_settings'),
|
||
},
|
||
el(RangeControl, {
|
||
label: i18n__('gutenberg_button_count'),
|
||
value: sl,
|
||
onChange: function (e) {
|
||
sa({
|
||
quantity: e,
|
||
});
|
||
},
|
||
min: '1',
|
||
max: '5',
|
||
}),
|
||
el(ToggleControl, {
|
||
className: 'close_an',
|
||
label: i18n__('gutenberg_button_radius'),
|
||
checked: rd,
|
||
onChange: function (e) {
|
||
sa({
|
||
radius: e,
|
||
});
|
||
},
|
||
})
|
||
)
|
||
)
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var at = props.attributes,
|
||
alignment = at.alignment,
|
||
sl = at.quantity,
|
||
rd = at.radius,
|
||
c = [];
|
||
|
||
for (let i = 0; i <= 5; i++) {
|
||
(c[i] = at['content' + i]),
|
||
(c['s' + i] = at['typeClass' + i] || 'an_' + i + ' but b-blue'),
|
||
(c['jg' + i] = el(
|
||
'span',
|
||
{
|
||
className: c['s' + i],
|
||
},
|
||
c[i]
|
||
));
|
||
}
|
||
return el(
|
||
'div',
|
||
{
|
||
'data-quantity': sl,
|
||
'data-radius': rd,
|
||
style: {
|
||
textAlign: alignment,
|
||
},
|
||
className: rd && 'radius',
|
||
},
|
||
[sl > 0 && c.jg1],
|
||
[sl > 1 && c.jg2],
|
||
[sl > 2 && c.jg3],
|
||
[sl > 3 && c.jg4],
|
||
[sl > 4 && c.jg5]
|
||
);
|
||
},
|
||
});
|
||
|
||
//-------------------------------------------------------------
|
||
rB('aksrtblock/carousel', {
|
||
title: show_title(i18n__('gutenberg_carousel')),
|
||
description: i18n__('gutenberg_carousel_desc'),
|
||
icon: {
|
||
src: 'images-alt2',
|
||
foreground: icon_color,
|
||
},
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
center: {
|
||
type: 'string',
|
||
selector: 'div',
|
||
source: 'attribute',
|
||
attribute: 'data-cen',
|
||
default: true,
|
||
},
|
||
interval: {
|
||
type: 'string',
|
||
selector: '.carousel',
|
||
source: 'attribute',
|
||
attribute: 'data-interval',
|
||
default: 4000,
|
||
},
|
||
limitedwidth: {
|
||
type: 'string',
|
||
selector: 'div',
|
||
source: 'attribute',
|
||
attribute: 'data-liw',
|
||
default: true,
|
||
},
|
||
maxwidth: {
|
||
type: 'string',
|
||
source: 'attribute',
|
||
selector: 'div',
|
||
attribute: 'data-mw',
|
||
default: 600,
|
||
},
|
||
effect: {
|
||
type: 'string',
|
||
selector: '.carousel',
|
||
source: 'attribute',
|
||
attribute: 'data-effect',
|
||
default: '',
|
||
},
|
||
jyloop: {
|
||
type: 'string',
|
||
selector: '.carousel',
|
||
source: 'attribute',
|
||
attribute: 'data-jyloop',
|
||
default: true,
|
||
},
|
||
id: {
|
||
type: 'string',
|
||
selector: '.carousel',
|
||
source: 'attribute',
|
||
attribute: 'id',
|
||
},
|
||
proportion: {
|
||
type: 'string',
|
||
selector: '.carousel',
|
||
source: 'attribute',
|
||
attribute: 'proportion',
|
||
default: '0.6',
|
||
},
|
||
},
|
||
edit: function (props) {
|
||
var at = props.attributes,
|
||
liw = at.limitedwidth,
|
||
int = at.interval,
|
||
cn = at.center,
|
||
mw = at.maxwidth,
|
||
eff = at.effect,
|
||
lop = at.jyloop,
|
||
sa = props.setAttributes;
|
||
|
||
var sjs = parseInt((Math.random() + 1) * Math.pow(10, 4));
|
||
|
||
if (!at.id) {
|
||
sa({
|
||
id: sjs,
|
||
});
|
||
}
|
||
const TEMPLATE = [
|
||
[
|
||
'core/gallery',
|
||
{
|
||
linkTo: 'none',
|
||
columns: '8',
|
||
},
|
||
],
|
||
];
|
||
|
||
var xzk = el(
|
||
InnerBlocks,
|
||
{
|
||
allowedBlocks: ['core/gallery'],
|
||
templateLock: '',
|
||
template: TEMPLATE,
|
||
},
|
||
''
|
||
),
|
||
inhg = el(RangeControl, {
|
||
label: i18n__('gutenberg_switch_interval'),
|
||
value: int / 1000,
|
||
onChange: function (e) {
|
||
sa({
|
||
interval: e * 1000,
|
||
});
|
||
},
|
||
min: '1',
|
||
max: '20',
|
||
}),
|
||
jzxh = el(ToggleControl, {
|
||
label: i18n__('gutenberg_loop'),
|
||
checked: lop,
|
||
onChange: function (e) {
|
||
sa({
|
||
jyloop: e,
|
||
});
|
||
},
|
||
}),
|
||
wdxz = el(ToggleControl, {
|
||
label: i18n__('gutenberg_limit_max_width'),
|
||
checked: liw,
|
||
onChange: function (e) {
|
||
sa({
|
||
limitedwidth: e,
|
||
});
|
||
},
|
||
}),
|
||
jza = el(ToggleControl, {
|
||
label: i18n__('gutenberg_center_display'),
|
||
checked: cn,
|
||
onChange: function (e) {
|
||
sa({
|
||
center: e,
|
||
});
|
||
},
|
||
}),
|
||
mwhg = el(RangeControl, {
|
||
label: i18n__('gutenberg_max_width'),
|
||
value: mw,
|
||
onChange: function (e) {
|
||
sa({
|
||
maxwidth: e,
|
||
});
|
||
},
|
||
min: '200',
|
||
max: '1500',
|
||
}),
|
||
eeff = el(SelectControl, {
|
||
label: i18n__('gutenberg_switch_animation'),
|
||
value: eff,
|
||
onChange: function (e) {
|
||
sa({
|
||
effect: e,
|
||
});
|
||
},
|
||
options: [
|
||
{
|
||
label: i18n__('gutenberg_slide'),
|
||
value: '',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_fade'),
|
||
value: 'fade',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_3d_cube'),
|
||
value: 'cube',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_3d_slide'),
|
||
value: 'coverflow',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_3d_flip'),
|
||
value: 'flip',
|
||
},
|
||
],
|
||
});
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'carousel iss',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'leab',
|
||
},
|
||
show_title(i18n__('gutenberg_carousel')),
|
||
el('span', {
|
||
className: 'dashicons dashicons-admin-generic',
|
||
})
|
||
),
|
||
xzk,
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
help_link(675),
|
||
el(
|
||
PanelBody,
|
||
{
|
||
title: i18n__('gutenberg_carousel_settings'),
|
||
},
|
||
eeff,
|
||
el(SelectControl, {
|
||
label: i18n__('gutenberg_keep_aspect_ratio'),
|
||
value: at.proportion,
|
||
options: [
|
||
{
|
||
label: i18n__('gutenberg_disabled'),
|
||
value: '',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_3_1'),
|
||
value: '0.333',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_5_2'),
|
||
value: '0.4',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_2_1'),
|
||
value: '0.5',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_5_3'),
|
||
value: '0.6',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_4_3'),
|
||
value: '0.75',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_5_4'),
|
||
value: '0.75',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_landscape_8_7'),
|
||
value: '0.875',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_square_1_1'),
|
||
value: '1',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_7_8'),
|
||
value: '1.142',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_4_5'),
|
||
value: '1.25',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_3_4'),
|
||
value: '1.333',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_3_5'),
|
||
value: '1.666',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_1_2'),
|
||
value: '2',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_2_5'),
|
||
value: '2.5',
|
||
},
|
||
{
|
||
label: i18n__('gutenberg_ratio_portrait_1_3'),
|
||
value: '3',
|
||
},
|
||
],
|
||
onChange: function (e) {
|
||
sa({
|
||
proportion: e,
|
||
});
|
||
},
|
||
}),
|
||
inhg,
|
||
jzxh,
|
||
wdxz,
|
||
liw && [mwhg, jza],
|
||
el('p', null, i18n__('gutenberg_carousel_ratio_hint'))
|
||
)
|
||
)
|
||
);
|
||
},
|
||
|
||
save: function (props) {
|
||
var at = props.attributes,
|
||
liw = at.limitedwidth ? 'true' : '',
|
||
cn = at.center ? 'true' : '',
|
||
mw = at.maxwidth,
|
||
int = at.interval,
|
||
eff = at.effect,
|
||
lop = at.jyloop ? 'true' : '',
|
||
mar = (liw && cn && '10px auto') || '',
|
||
mww = (liw && mw + 'px') || '',
|
||
id = at.id;
|
||
|
||
var dhl = el('div', {
|
||
className: 'swiper-button-next',
|
||
}),
|
||
dhr = el('div', {
|
||
className: 'swiper-button-prev',
|
||
}),
|
||
zsq = el('div', {
|
||
className: 'swiper-pagination',
|
||
});
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
'data-mw': mw,
|
||
'data-liw': liw,
|
||
'data-cen': cn,
|
||
className: 'wp-block-carousel',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'carousel slide',
|
||
'data-effect': eff,
|
||
'data-jyloop': lop,
|
||
'data-interval': int,
|
||
id: id,
|
||
proportion: at.proportion,
|
||
style: {
|
||
'max-width': mww,
|
||
margin: mar,
|
||
},
|
||
},
|
||
el(InnerBlocks.Content),
|
||
dhl,
|
||
dhr,
|
||
zsq
|
||
)
|
||
);
|
||
},
|
||
});
|
||
|
||
//-------------------------------------------------------------
|
||
rB('aksrtblock/seamlessimg', {
|
||
title: show_title(i18n__('gutenberg_seamless_image')),
|
||
description: i18n__('gutenberg_seamless_image_desc'),
|
||
className: false,
|
||
icon: icon.seamlessimg,
|
||
category: 'aksrt_block_cat',
|
||
attributes: {
|
||
full_container: {
|
||
type: 'string',
|
||
selector: 'div',
|
||
source: 'attribute',
|
||
attribute: 'data-full-container',
|
||
default: true,
|
||
},
|
||
},
|
||
edit: function (props) {
|
||
var at = props.attributes,
|
||
full_container = at.full_container,
|
||
isChecked = props.attributes.isChecked,
|
||
sa = props.setAttributes;
|
||
|
||
const TEMPLATE = [
|
||
[
|
||
'core/gallery',
|
||
{
|
||
linkTo: 'none',
|
||
columns: 1,
|
||
imageCrop: false,
|
||
fixedHeight: false,
|
||
sizeSlug: 'full',
|
||
},
|
||
],
|
||
];
|
||
|
||
var xzk = el(
|
||
InnerBlocks,
|
||
{
|
||
allowedBlocks: ['core/gallery'],
|
||
templateLock: '',
|
||
template: TEMPLATE,
|
||
},
|
||
''
|
||
),
|
||
jza = el(ToggleControl, {
|
||
label: i18n__('gutenberg_width_full_container'),
|
||
checked: full_container,
|
||
onChange: function (e) {
|
||
sa({
|
||
full_container: e,
|
||
});
|
||
},
|
||
});
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'carousel iss seamless-img' + (full_container ? ' full-container' : ''),
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'leab',
|
||
},
|
||
show_title(i18n__('gutenberg_seamless_image')),
|
||
el('span', {
|
||
className: 'dashicons dashicons-admin-generic',
|
||
})
|
||
),
|
||
xzk,
|
||
el(
|
||
InspectorControls,
|
||
null,
|
||
help_link(675),
|
||
el(
|
||
PanelBody,
|
||
{
|
||
title: i18n__('gutenberg_seamless_image_settings'),
|
||
},
|
||
jza,
|
||
el('p', { className: 'px12 opacity5' }, i18n__('gutenberg_seamless_image_full_hint'))
|
||
)
|
||
)
|
||
);
|
||
},
|
||
|
||
save: function (props) {
|
||
var at = props.attributes,
|
||
full_container = at.full_container ? 'true' : '';
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
'data-full-container': full_container,
|
||
className: 'seamless-img' + (full_container ? ' full-container' : ''),
|
||
},
|
||
el(InnerBlocks.Content)
|
||
);
|
||
},
|
||
});
|
||
|
||
//---------------------------------------------------------------------------------
|
||
rB('aksrtblock/productbox', {
|
||
title: show_title(i18n__('gutenberg_product')),
|
||
icon: icon.productbox,
|
||
className: false,
|
||
attributes: {
|
||
post_id: {
|
||
source: 'attribute',
|
||
selector: 'div',
|
||
attribute: 'data-pid',
|
||
},
|
||
},
|
||
description: i18n__('gutenberg_product_desc'),
|
||
category: 'aksrt_block_cat',
|
||
edit: function (props) {
|
||
var content = props.attributes.post_id;
|
||
var that = props.attributes;
|
||
var setAttributes = props.setAttributes;
|
||
that.search_lists = that.search_lists || [];
|
||
|
||
function onChangeContent(e) {
|
||
setAttributes({
|
||
post_id: e,
|
||
});
|
||
ajax(e);
|
||
}
|
||
|
||
function ajax(e) {
|
||
if (e.length < 2 || ~~e || that.loading) {
|
||
return;
|
||
}
|
||
var ajax_data = {
|
||
per_page: 20,
|
||
search: e,
|
||
type: 'post',
|
||
post_type: ['shop_product'],
|
||
order_by: 'post_title',
|
||
};
|
||
setAttributes({
|
||
loading: true,
|
||
});
|
||
return debounce_ajax_get(ajax_data, function (data) {
|
||
data = data || [];
|
||
setAttributes({
|
||
search_lists: data,
|
||
loading: false,
|
||
});
|
||
});
|
||
}
|
||
|
||
function onKeyDown(e) {
|
||
if (e.keyCode == 13) {
|
||
ajax(e.target.value);
|
||
}
|
||
}
|
||
|
||
var rti = el(
|
||
'div',
|
||
{
|
||
className: 'rti-container',
|
||
},
|
||
|
||
props.isSelected
|
||
? el(
|
||
'div',
|
||
{},
|
||
el(TextControl, {
|
||
tagName: 'div',
|
||
onChange: onChangeContent,
|
||
required: true,
|
||
onKeyDown: onKeyDown,
|
||
value: content,
|
||
// type: 'number',
|
||
placeholder: i18n__('gutenberg_search_product_id'),
|
||
label: i18n__('gutenberg_search_product_id'),
|
||
}),
|
||
that.loading &&
|
||
el(c.Spinner, {
|
||
style: {
|
||
position: 'absolute',
|
||
right: '12px',
|
||
bottom: '30px',
|
||
},
|
||
})
|
||
)
|
||
: el(
|
||
'div',
|
||
{
|
||
className: ' ' + (~~content ? 'px12' : 'c-red em09'),
|
||
},
|
||
~~content ? '[ID:' + content + ']' + (that.post_title ? that.post_title : '') : i18n__('gutenberg_product_id_invalid')
|
||
)
|
||
);
|
||
|
||
function get_el(index) {
|
||
return el(
|
||
'button',
|
||
{
|
||
className: 'components-button components-menu-item__button block-editor-link-control__search-item has-text has-icon',
|
||
key: index,
|
||
onClick: function () {
|
||
props.setAttributes({
|
||
post_id: that.search_lists[index].id,
|
||
post_title: that.search_lists[index].title,
|
||
});
|
||
this.popover_anchor_rect = false;
|
||
},
|
||
},
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'em12 mr6',
|
||
},
|
||
icon.postsbox
|
||
),
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'components-menu-item__item',
|
||
},
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'components-menu-item__info-wrapper',
|
||
},
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'components-menu-item__item',
|
||
},
|
||
'[' + that.search_lists[index].id + ']' + that.search_lists[index].title
|
||
)
|
||
)
|
||
),
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'components-menu-item__shortcut',
|
||
},
|
||
that.search_lists[index].subtype
|
||
)
|
||
);
|
||
}
|
||
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'theme-card-box',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'em12 mb10 flex ac',
|
||
},
|
||
icon.productbox,
|
||
el(
|
||
'span',
|
||
{
|
||
className: 'ml10',
|
||
},
|
||
show_title(i18n__('gutenberg_shop_product'))
|
||
)
|
||
),
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'opacity8 mb10 em09',
|
||
},
|
||
i18n__('gutenberg_product_card_desc')
|
||
),
|
||
rti,
|
||
props.isSelected &&
|
||
that.search_lists.length > 0 &&
|
||
el(
|
||
Popover,
|
||
{
|
||
focusOnMount: false,
|
||
position: 'left middle center ',
|
||
className: ' ',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'block-editor-link-control',
|
||
},
|
||
el(
|
||
'div',
|
||
{
|
||
className: 'mt6 block-editor-link-control__search-results',
|
||
},
|
||
that.search_lists.map(function (item, index) {
|
||
return get_el(index);
|
||
})
|
||
)
|
||
)
|
||
),
|
||
el(InspectorControls, null, help_link(860))
|
||
);
|
||
},
|
||
save: function (props) {
|
||
var post_id = props.attributes.post_id;
|
||
return el(
|
||
'div',
|
||
{
|
||
className: 'post-productbox',
|
||
contenteditable: 'false',
|
||
'data-pid': post_id,
|
||
},
|
||
'[productbox id="' + post_id + '"]'
|
||
);
|
||
},
|
||
});
|
||
//-------------------------------------------------------------
|
||
b.updateCategory('aksrt_block_cat', {
|
||
icon: icon.legacy,
|
||
});
|
||
//-------------------------------------------------------------
|
||
});
|
||
})(jQuery, wp, window);
|