You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
2.1 KiB
92 lines
2.1 KiB
2 months ago
|
window.panel = window.panel ?? {};
|
||
|
window.panel.plugins = {
|
||
|
components: {},
|
||
|
created: [],
|
||
|
icons: {},
|
||
|
routes: [],
|
||
|
textareaButtons: {},
|
||
|
thirdParty: {},
|
||
|
use: [],
|
||
|
views: {},
|
||
|
writerMarks: {},
|
||
|
writerNodes: {}
|
||
|
};
|
||
|
|
||
|
window.panel.plugin = function (plugin, extensions) {
|
||
|
// Blocks
|
||
|
resolve(extensions, "blocks", (name, options) => {
|
||
|
if (typeof options === "string") {
|
||
|
options = { template: options };
|
||
|
}
|
||
|
|
||
|
window.panel.plugins.components[`k-block-type-${name}`] = {
|
||
|
extends: "k-block-type",
|
||
|
...options
|
||
|
};
|
||
|
});
|
||
|
|
||
|
// Components
|
||
|
resolve(extensions, "components", (name, options) => {
|
||
|
window.panel.plugins.components[name] = options;
|
||
|
});
|
||
|
|
||
|
// Fields
|
||
|
resolve(extensions, "fields", (name, options) => {
|
||
|
window.panel.plugins.components[`k-${name}-field`] = options;
|
||
|
});
|
||
|
|
||
|
// Icons
|
||
|
resolve(extensions, "icons", (name, options) => {
|
||
|
window.panel.plugins.icons[name] = options;
|
||
|
});
|
||
|
|
||
|
// Sections
|
||
|
resolve(extensions, "sections", (name, options) => {
|
||
|
window.panel.plugins.components[`k-${name}-section`] = {
|
||
|
...options,
|
||
|
mixins: ["section", ...(options.mixins ?? [])]
|
||
|
};
|
||
|
});
|
||
|
|
||
|
// `Vue.use`
|
||
|
resolve(extensions, "use", (name, options) => {
|
||
|
window.panel.plugins.use.push(options);
|
||
|
});
|
||
|
|
||
|
// Vue `created` callback
|
||
|
if (extensions["created"]) {
|
||
|
window.panel.plugins.created.push(extensions["created"]);
|
||
|
}
|
||
|
|
||
|
// Login
|
||
|
if (extensions.login) {
|
||
|
window.panel.plugins.login = extensions.login;
|
||
|
}
|
||
|
|
||
|
// Textarea custom toolbar buttons
|
||
|
resolve(extensions, "textareaButtons", (name, options) => {
|
||
|
window.panel.plugins.textareaButtons[name] = options;
|
||
|
});
|
||
|
|
||
|
// Third-party plugins
|
||
|
resolve(extensions, "thirdParty", (name, options) => {
|
||
|
window.panel.plugins.thirdParty[name] = options;
|
||
|
});
|
||
|
|
||
|
// Writer custom marks
|
||
|
resolve(extensions, "writerMarks", (name, options) => {
|
||
|
window.panel.plugins.writerMarks[name] = options;
|
||
|
});
|
||
|
|
||
|
// Writer custom nodes
|
||
|
resolve(extensions, "writerNodes", function (name, options) {
|
||
|
window.panel.plugins.writerNodes[name] = options;
|
||
|
});
|
||
|
};
|
||
|
|
||
|
const resolve = (extensions, type, callback) => {
|
||
|
for (const [name, options] of Object.entries(extensions[type] ?? {})) {
|
||
|
callback(name, options);
|
||
|
}
|
||
|
};
|