amis-theme-editor
Version:
amis主题编辑器
324 lines (321 loc) • 11.8 kB
JavaScript
/**
* amis-theme-editor v2.0.22-beta.2
* Copyright 2018-2023 @fex
*/
import React__default from 'react';
import { render } from 'amis-core';
import { getSchemaTpl } from '../tpl.js';
import cx from 'classnames';
import { ToastComponent, toast } from 'amis';
import { registerComponent } from './index.js';
import { i18n } from 'i18n-runtime';
var ThemeToastCommon = function (props) {
var title = props.title,
edit = props.edit,
body = props.body,
activeId = props.activeId;
function handleEdit() {
props.onEdit(edit);
}
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
className: "theme-component"
}, React__default.createElement("div", {
className: "theme-component-title"
}, title), React__default.createElement("div", {
className: cx('theme-component-content', 'theme-component-content-steps', activeId === edit.path && 'theme-component-content--active'),
onClick: function () {
handleEdit();
}
}, body)));
};
var ThemeToast = function (props) {
return {
title: i18n("adbcc5fe77f25f8b6b2904575bd48bd4"),
body: [{
title: i18n("e1371d733ff347664655629011b4130f"),
body: [{
title: i18n("e1371d733ff347664655629011b4130f"),
body: function (onEdit) {
return React__default.createElement(ThemeToastCommon, {
activeId: props.activeId,
onEdit: onEdit,
title: i18n("e1371d733ff347664655629011b4130f"),
edit: {
title: i18n("2f1448085b4bec952ffdb627d136cf78"),
path: 'component.toast.base.body',
body: getSchemaTpl('collapseGroup', [{
title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
body: [{
type: 'amis-theme-wrapper',
label: false,
title: i18n("e8ed49e9fde0bb778e2185876c2d2697"),
body: [{
mode: 'default',
type: 'amis-theme-padding-and-margin',
name: 'padding-and-margin',
hideMargin: true,
source: '${sizesOptions}'
}]
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("0103eb2d3dca70270d1a74e9ec987ac9"),
body: [{
mode: 'default',
type: 'amis-theme-radius',
disableBorder: true,
name: 'border'
}]
}]
}, {
title: i18n("37ae4f181d4f139be90fb80cae3fc493"),
body: [{
type: 'amis-theme-wrapper',
label: false,
title: i18n("c8339fd2a85af4ba66084d28df808de4"),
body: [{
type: 'amis-theme-select',
name: 'icon-size',
label: false,
options: '${sizesOptions}'
}]
}]
}])
},
body: render({
type: 'page',
body: [React__default.createElement(ToastComponent, null), {
label: i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
type: 'button',
onClick: function () {
toast.success(i18n("7f451fc6ae67ca480a41728757466d83"), {
closeButton: true
});
}
}]
})
});
}
}]
}, {
title: i18n("ae480d05373baebcef4b69b725d580e5"),
body: [{
title: i18n("e1371d733ff347664655629011b4130f"),
body: function (onEdit) {
return React__default.createElement(ThemeToastCommon, {
activeId: props.activeId,
onEdit: onEdit,
title: i18n("4dee00ae2b76d132732f194738bcada9"),
edit: {
title: i18n("2f1448085b4bec952ffdb627d136cf78"),
path: 'component.toast.info.body',
body: getSchemaTpl('collapseGroup', [{
title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
body: [{
type: 'amis-theme-font-editor',
label: false,
title: i18n("f345f09f14a525226197090b86d769b3"),
hasSenior: false,
hideLineHeight: true,
hideFontFamily: true,
name: 'font'
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("961534b4ea37e4e88aada736b299d063"),
body: [{
mode: 'default',
type: 'amis-theme-border',
name: 'border'
}]
}, {
type: 'amis-theme-color-picker',
label: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
labelMode: 'input',
name: 'bgColor',
options: '${colorOptions}'
}]
}])
},
body: render({
type: 'page',
body: [React__default.createElement(ToastComponent, null), {
label: i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
type: 'button',
onClick: function () {
toast.info(i18n("7f451fc6ae67ca480a41728757466d83"), {
closeButton: true
});
}
}]
})
});
}
}, {
title: i18n("e1371d733ff347664655629011b4130f"),
body: function (onEdit) {
return React__default.createElement(ThemeToastCommon, {
activeId: props.activeId,
onEdit: onEdit,
title: i18n("f4ef94bdfe2ee4374a14313642969970"),
edit: {
title: i18n("2f1448085b4bec952ffdb627d136cf78"),
path: 'component.toast.success.body',
body: getSchemaTpl('collapseGroup', [{
title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
body: [{
type: 'amis-theme-font-editor',
label: false,
title: i18n("f345f09f14a525226197090b86d769b3"),
hasSenior: false,
hideLineHeight: true,
hideFontFamily: true,
name: 'font'
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("961534b4ea37e4e88aada736b299d063"),
body: [{
mode: 'default',
type: 'amis-theme-border',
name: 'border'
}]
}, {
type: 'amis-theme-color-picker',
label: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
labelMode: 'input',
name: 'bgColor',
options: '${colorOptions}'
}]
}])
},
body: render({
type: 'page',
body: [React__default.createElement(ToastComponent, null), {
label: i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
type: 'button',
onClick: function () {
toast.success(i18n("7f451fc6ae67ca480a41728757466d83"), {
closeButton: true
});
}
}]
})
});
}
}, {
title: i18n("e1371d733ff347664655629011b4130f"),
body: function (onEdit) {
return React__default.createElement(ThemeToastCommon, {
activeId: props.activeId,
onEdit: onEdit,
title: i18n("b76927814a0ffbc41f4460c79c32449a"),
edit: {
title: i18n("2f1448085b4bec952ffdb627d136cf78"),
path: 'component.toast.danger.body',
body: getSchemaTpl('collapseGroup', [{
title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
body: [{
type: 'amis-theme-font-editor',
label: false,
title: i18n("f345f09f14a525226197090b86d769b3"),
hasSenior: false,
hideLineHeight: true,
hideFontFamily: true,
name: 'font'
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("961534b4ea37e4e88aada736b299d063"),
body: [{
mode: 'default',
type: 'amis-theme-border',
name: 'border'
}]
}, {
type: 'amis-theme-color-picker',
label: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
labelMode: 'input',
name: 'bgColor',
options: '${colorOptions}'
}]
}])
},
body: render({
type: 'page',
body: [React__default.createElement(ToastComponent, null), {
label: i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
type: 'button',
onClick: function () {
toast.error(i18n("7f451fc6ae67ca480a41728757466d83"), {
closeButton: true
});
}
}]
})
});
}
}, {
title: i18n("e1371d733ff347664655629011b4130f"),
body: function (onEdit) {
return React__default.createElement(ThemeToastCommon, {
activeId: props.activeId,
onEdit: onEdit,
title: i18n("da0020ead54cf9227db2048ee08c5086"),
edit: {
title: i18n("2f1448085b4bec952ffdb627d136cf78"),
path: 'component.toast.warning.body',
body: getSchemaTpl('collapseGroup', [{
title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
body: [{
type: 'amis-theme-font-editor',
label: false,
title: i18n("f345f09f14a525226197090b86d769b3"),
hasSenior: false,
hideLineHeight: true,
hideFontFamily: true,
name: 'font'
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("961534b4ea37e4e88aada736b299d063"),
body: [{
mode: 'default',
type: 'amis-theme-border',
name: 'border'
}]
}, {
type: 'amis-theme-color-picker',
label: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
labelMode: 'input',
name: 'bgColor',
options: '${colorOptions}'
}]
}])
},
body: render({
type: 'page',
body: [React__default.createElement(ToastComponent, null), {
label: i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
type: 'button',
onClick: function () {
toast.warning(i18n("7f451fc6ae67ca480a41728757466d83"), {
closeButton: true
});
}
}]
})
});
}
}]
}]
};
};
registerComponent('toast', {
type: 'feedback',
label: i18n("72e3de72640d26a3988eff6c36ed4dca"),
key: 'toast',
component: function () {
return ThemeToast;
}
});