amis-theme-editor
Version:
amis主题编辑器
888 lines (885 loc) • 31.1 kB
JavaScript
/**
* amis-theme-editor v2.0.22-beta.2
* Copyright 2018-2023 @fex
*/
import { __assign, __spreadArray } from 'tslib';
import { render } from 'amis-core';
import React__default from 'react';
import cx from 'classnames';
import { getSchemaTpl } from '../tpl.js';
import { registerComponent } from './index.js';
import { i18n } from 'i18n-runtime';
var ThemeTabsMode = function (props) {
var onEdit = props.onEdit,
activeId = props.activeId;
function handleEditSimple() {
function stateFun(visibleOn, title, state) {
return {
type: 'amis-theme-font-editor',
label: i18n("ca746b1ff10193a3ce20878dec04a733"),
mode: 'default',
hasSenior: false,
hideFontFamily: true,
name: "".concat(state, ".body.font"),
visibleOn: visibleOn,
state: state
};
}
onEdit({
title: i18n("61c98cffc01819f0b2d0b13af4d98ae7"),
path: 'component.tabs.simple',
body: getSchemaTpl('collapseGroup', [{
title: i18n("cd7a7556acac6bfef89fb9bb43219951"),
body: [{
type: 'select',
name: 'state',
label: i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
selectFirst: true,
options: [{
label: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
value: 'default'
}, {
label: i18n("062d0b688adb10f3af5ebc2fd2667f1c"),
value: 'hover'
}, {
label: i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"),
value: 'active'
}, {
label: i18n("710ad08b11419332713360d2750cd707"),
value: 'disabled'
}]
}, stateFun("${state == 'default' || !state}", i18n("22b777e6fcb613b8ba83ced9594cd07e"), 'default'), stateFun("${state == 'hover'}", i18n("062d0b688adb10f3af5ebc2fd2667f1c"), 'hover'), stateFun("${state == 'active'}", i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"), 'active'), stateFun("${state == 'disabled'}", i18n("710ad08b11419332713360d2750cd707"), 'disabled')]
}, {
title: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
body: [{
type: 'amis-theme-wrapper',
label: false,
title: i18n("841d77223f0ec8cd0b530ed8e0775b20"),
body: [{
mode: 'default',
type: 'amis-theme-padding-and-margin',
name: 'default.body.padding',
source: '${sizesOptions}',
hideMargin: true
}]
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("8c47ecd40d7f739e308567de89accd56"),
body: [{
type: 'flex',
className: 'Theme-border-singer',
items: [{
type: 'amis-theme-color-picker',
label: false,
name: 'default.body.split-color',
options: '${colorOptions}'
}, {
type: 'amis-theme-select',
label: false,
name: 'default.body.split-width',
options: '${borderWidthOptions}'
}, {
type: 'select',
label: false,
name: 'default.body.split-style',
source: '${borderStyleOptions}'
}]
}]
}]
}])
});
}
function handleEditStrong() {
function stateFun(visibleOn, title, type) {
return [{
type: 'amis-theme-font-editor',
label: i18n("ca746b1ff10193a3ce20878dec04a733"),
mode: 'default',
hasSenior: false,
hideFontFamily: true,
name: "".concat(type, ".body.font"),
visibleOn: visibleOn
}, {
type: 'amis-theme-wrapper',
visibleOn: visibleOn,
label: false,
title: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
body: [{
label: i18n("6b36c6f7ec834692ec6c8e3816349fdd"),
type: 'amis-theme-color-picker',
name: "".concat(type, ".body.bg"),
options: '${colorOptions}',
labelMode: 'input'
}]
}, {
type: 'amis-theme-wrapper',
visibleOn: visibleOn,
label: false,
title: i18n("961534b4ea37e4e88aada736b299d063"),
body: [{
label: false,
type: 'amis-theme-border',
name: "".concat(type, ".body.border")
}]
}];
}
onEdit({
title: i18n("d372819567bedeecae443c0a2a726388"),
path: 'component.tabs.strong',
body: getSchemaTpl('collapseGroup', [{
title: i18n("cd7a7556acac6bfef89fb9bb43219951"),
body: __spreadArray(__spreadArray(__spreadArray(__spreadArray([{
type: 'select',
name: 'state',
label: i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
selectFirst: true,
options: [{
label: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
value: 'default'
}, {
label: i18n("062d0b688adb10f3af5ebc2fd2667f1c"),
value: 'hover'
}, {
label: i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"),
value: 'active'
}, {
label: i18n("710ad08b11419332713360d2750cd707"),
value: 'disabled'
}]
}], stateFun("${state == 'default' || !state}", i18n("22b777e6fcb613b8ba83ced9594cd07e"), 'default'), true), stateFun("${state == 'hover'}", i18n("062d0b688adb10f3af5ebc2fd2667f1c"), 'hover'), true), stateFun("${state == 'active'}", i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"), 'active'), true), stateFun("${state == 'disabled'}", i18n("710ad08b11419332713360d2750cd707"), 'disabled'), true)
}, {
title: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
body: [{
type: 'amis-theme-wrapper',
label: false,
title: i18n("9a233b241eef54521cfe9365bfaa7b2f"),
body: [{
mode: 'default',
type: 'amis-theme-padding-and-margin',
name: 'default.body.padding-and-margin',
source: '${sizesOptions}'
}]
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("0103eb2d3dca70270d1a74e9ec987ac9"),
body: [{
mode: 'default',
type: 'amis-theme-radius',
name: 'default.body.border'
}]
}]
}])
});
}
function handleEditLine() {
function stateFun(visibleOn, title, type) {
return {
type: 'amis-theme-font-editor',
label: i18n("ca746b1ff10193a3ce20878dec04a733"),
mode: 'default',
hasSenior: false,
hideFontFamily: true,
name: "".concat(type, ".body.font"),
visibleOn: visibleOn
};
}
onEdit({
title: i18n("c207a40edfb78055793eedf2c1810dba"),
path: 'component.tabs.line',
body: getSchemaTpl('collapseGroup', [{
title: i18n("cd7a7556acac6bfef89fb9bb43219951"),
body: [{
type: 'select',
name: 'state',
label: i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
selectFirst: true,
options: [{
label: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
value: 'default'
}, {
label: i18n("062d0b688adb10f3af5ebc2fd2667f1c"),
value: 'hover'
}, {
label: i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"),
value: 'active'
}, {
label: i18n("710ad08b11419332713360d2750cd707"),
value: 'disabled'
}]
}, stateFun("${state == 'default' || !state}", i18n("22b777e6fcb613b8ba83ced9594cd07e"), 'default'), stateFun("${state == 'hover'}", i18n("062d0b688adb10f3af5ebc2fd2667f1c"), 'hover'), stateFun("${state == 'active'}", i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"), 'active'), stateFun("${state == 'disabled'}", i18n("710ad08b11419332713360d2750cd707"), 'disabled')]
}, {
title: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
body: [{
type: 'amis-theme-wrapper',
label: false,
title: i18n("80f403d3cb7ea324e3ee370e6cef36c2"),
body: [{
label: i18n("c8339fd2a85af4ba66084d28df808de4"),
type: 'amis-theme-select',
name: 'default.body.padding',
options: '${sizesOptions}'
}]
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("8c47ecd40d7f739e308567de89accd56"),
body: [{
type: 'flex',
className: 'Theme-border-singer',
items: [{
type: 'amis-theme-color-picker',
label: false,
name: 'default.body.border-color',
options: '${colorOptions}'
}, {
type: 'amis-theme-select',
label: false,
name: 'default.body.border-width',
options: '${borderWidthOptions}'
}, {
type: 'select',
label: false,
name: 'default.body.border-style',
source: '${borderStyleOptions}'
}]
}]
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("f6f8ea0815881fe9a4aa9352a7fe2299"),
body: [{
type: 'flex',
className: 'Theme-border-singer',
items: [{
type: 'amis-theme-color-picker',
label: false,
name: 'active.body.border-color',
options: '${colorOptions}'
}, {
type: 'amis-theme-select',
label: false,
name: 'active.body.border-width',
options: '${borderWidthOptions}'
}, {
type: 'select',
label: false,
name: 'active.body.border-style',
source: '${borderStyleOptions}'
}]
}]
}]
}])
});
}
function handleEditCard() {
function stateFun(visibleOn, title, type) {
return [{
type: 'amis-theme-font-editor',
label: i18n("ca746b1ff10193a3ce20878dec04a733"),
mode: 'default',
hasSenior: false,
hideFontFamily: true,
name: "".concat(type, ".body.font"),
visibleOn: visibleOn
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
visibleOn: visibleOn,
body: [{
type: 'amis-theme-color-picker',
label: i18n("6b36c6f7ec834692ec6c8e3816349fdd"),
name: "".concat(type, ".body.linkBg"),
labelMode: 'input',
options: '${colorOptions}'
}]
}];
}
onEdit({
title: i18n("8706b778c211b35a31d524d34941cef5"),
path: 'component.tabs.card',
body: getSchemaTpl('collapseGroup', [{
title: i18n("cd7a7556acac6bfef89fb9bb43219951"),
body: __spreadArray(__spreadArray(__spreadArray(__spreadArray([{
type: 'select',
name: 'state',
label: i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
selectFirst: true,
options: [{
label: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
value: 'default'
}, {
label: i18n("062d0b688adb10f3af5ebc2fd2667f1c"),
value: 'hover'
}, {
label: i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"),
value: 'active'
}, {
label: i18n("710ad08b11419332713360d2750cd707"),
value: 'disabled'
}]
}], stateFun("${state == 'default' || !state}", i18n("22b777e6fcb613b8ba83ced9594cd07e"), 'default'), true), stateFun("${state == 'hover'}", i18n("062d0b688adb10f3af5ebc2fd2667f1c"), 'hover'), true), stateFun("${state == 'active'}", i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"), 'active'), true), stateFun("${state == 'disabled'}", i18n("710ad08b11419332713360d2750cd707"), 'disabled'), true)
}, {
title: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
body: [{
type: 'amis-theme-wrapper',
label: false,
title: i18n("e0dfa25ebceabddb2180720d36d4c3b6"),
body: [{
type: 'flex',
className: 'Theme-border-singer',
items: [{
type: 'amis-theme-color-picker',
label: false,
name: 'default.body.border-color',
options: '${colorOptions}'
}, {
type: 'amis-theme-select',
label: false,
name: 'default.body.border-width',
options: '${borderWidthOptions}'
}, {
type: 'select',
label: false,
name: 'default.body.border-style',
source: '${borderStyleOptions}'
}]
}]
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
body: [{
type: 'amis-theme-color-picker',
label: i18n("6b36c6f7ec834692ec6c8e3816349fdd"),
name: 'default.body.bg',
labelMode: 'input',
options: '${colorOptions}'
}]
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("841d77223f0ec8cd0b530ed8e0775b20"),
body: [{
mode: 'default',
type: 'amis-theme-padding-and-margin',
name: 'default.body.padding',
hideMargin: true,
source: '${sizesOptions}'
}]
}, {
type: 'amis-theme-wrapper',
label: false,
title: 'Tab',
body: [{
type: 'amis-theme-select',
label: i18n("841d77223f0ec8cd0b530ed8e0775b20"),
name: 'default.body.linkPadding',
options: '${sizesOptions}'
}, {
type: 'amis-theme-select',
label: i18n("60bac4c0a381a42b320a703227be59eb"),
name: 'default.body.linkMargin',
options: '${sizesOptions}'
}, {
type: 'amis-theme-select',
label: i18n("0103eb2d3dca70270d1a74e9ec987ac9"),
name: 'default.body.borderRadius',
options: '${borderRadiusOptions}'
}]
}]
}])
});
}
function handleEditTiled() {
function stateFun(visibleOn, title, type) {
return [{
type: 'amis-theme-font-editor',
label: i18n("ca746b1ff10193a3ce20878dec04a733"),
mode: 'default',
hasSenior: false,
hideFontFamily: true,
name: "".concat(type, ".body.font"),
visibleOn: visibleOn
}, {
type: 'amis-theme-wrapper',
visibleOn: visibleOn,
label: false,
title: i18n("961534b4ea37e4e88aada736b299d063"),
body: [{
label: false,
type: 'amis-theme-border',
name: "".concat(type, ".body.border")
}]
}];
}
onEdit({
title: i18n("c5b8044dacf2e63931d85e5e307a9168"),
path: 'component.tabs.tiled',
body: getSchemaTpl('collapseGroup', [{
title: i18n("cd7a7556acac6bfef89fb9bb43219951"),
body: __spreadArray(__spreadArray(__spreadArray(__spreadArray([{
type: 'select',
name: 'state',
label: i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
selectFirst: true,
options: [{
label: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
value: 'default'
}, {
label: i18n("062d0b688adb10f3af5ebc2fd2667f1c"),
value: 'hover'
}, {
label: i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"),
value: 'active'
}, {
label: i18n("710ad08b11419332713360d2750cd707"),
value: 'disabled'
}]
}], stateFun("${state == 'default' || !state}", i18n("22b777e6fcb613b8ba83ced9594cd07e"), 'default'), true), stateFun("${state == 'hover'}", i18n("062d0b688adb10f3af5ebc2fd2667f1c"), 'hover'), true), stateFun("${state == 'active'}", i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"), 'active'), true), stateFun("${state == 'disabled'}", i18n("710ad08b11419332713360d2750cd707"), 'disabled'), true)
}, {
title: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
body: [{
type: 'amis-theme-wrapper',
label: false,
title: i18n("841d77223f0ec8cd0b530ed8e0775b20"),
body: [{
mode: 'default',
type: 'amis-theme-padding-and-margin',
name: 'default.body.padding',
source: '${sizesOptions}',
hideMargin: true
}]
}]
}])
});
}
function handleEditRadio() {
function stateFun(visibleOn, title, type) {
return [{
type: 'amis-theme-font-editor',
label: i18n("ca746b1ff10193a3ce20878dec04a733"),
mode: 'default',
hasSenior: false,
hideFontFamily: true,
name: "".concat(type, ".body.font"),
visibleOn: visibleOn
}, {
type: 'amis-theme-wrapper',
visibleOn: visibleOn,
label: false,
title: i18n("961534b4ea37e4e88aada736b299d063"),
body: [{
label: false,
type: 'amis-theme-border',
name: "".concat(type, ".body.border")
}]
}, {
type: 'amis-theme-wrapper',
label: false,
visibleOn: visibleOn,
title: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
body: [{
type: 'amis-theme-color-picker',
label: i18n("6b36c6f7ec834692ec6c8e3816349fdd"),
name: "".concat(type, ".body.bg"),
labelMode: 'input',
options: '${colorOptions}'
}]
}];
}
onEdit({
title: i18n("c5b8044dacf2e63931d85e5e307a9168"),
path: 'component.tabs.radio',
body: getSchemaTpl('collapseGroup', [{
title: i18n("cd7a7556acac6bfef89fb9bb43219951"),
body: __spreadArray(__spreadArray(__spreadArray(__spreadArray([{
type: 'select',
name: 'state',
label: i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
selectFirst: true,
options: [{
label: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
value: 'default'
}, {
label: i18n("062d0b688adb10f3af5ebc2fd2667f1c"),
value: 'hover'
}, {
label: i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"),
value: 'active'
}, {
label: i18n("710ad08b11419332713360d2750cd707"),
value: 'disabled'
}]
}], stateFun("${state == 'default' || !state}", i18n("22b777e6fcb613b8ba83ced9594cd07e"), 'default'), true), stateFun("${state == 'hover'}", i18n("062d0b688adb10f3af5ebc2fd2667f1c"), 'hover'), true), stateFun("${state == 'active'}", i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"), 'active'), true), stateFun("${state == 'disabled'}", i18n("710ad08b11419332713360d2750cd707"), 'disabled'), true)
}])
});
}
function handleEditVertical() {
function stateFun(visibleOn, title, type) {
return [{
type: 'amis-theme-font-editor',
label: i18n("ca746b1ff10193a3ce20878dec04a733"),
mode: 'default',
hasSenior: false,
hideFontFamily: true,
name: "".concat(type, ".body.font"),
visibleOn: visibleOn
}];
}
onEdit({
title: i18n("75ac842f8e77305846f1d776f97dfaf8"),
path: 'component.tabs.vertical',
body: getSchemaTpl('collapseGroup', [{
title: i18n("cd7a7556acac6bfef89fb9bb43219951"),
body: __spreadArray(__spreadArray(__spreadArray(__spreadArray([{
type: 'select',
name: 'state',
label: i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
selectFirst: true,
options: [{
label: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
value: 'default'
}, {
label: i18n("062d0b688adb10f3af5ebc2fd2667f1c"),
value: 'hover'
}, {
label: i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"),
value: 'active'
}, {
label: i18n("710ad08b11419332713360d2750cd707"),
value: 'disabled'
}]
}], stateFun("${state == 'default' || !state}", i18n("22b777e6fcb613b8ba83ced9594cd07e"), 'default'), true), stateFun("${state == 'hover'}", i18n("062d0b688adb10f3af5ebc2fd2667f1c"), 'hover'), true), stateFun("${state == 'active'}", i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"), 'active'), true), stateFun("${state == 'disabled'}", i18n("710ad08b11419332713360d2750cd707"), 'disabled'), true)
}, {
title: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
body: [{
type: 'amis-theme-wrapper',
label: false,
title: i18n("c8339fd2a85af4ba66084d28df808de4"),
body: [{
label: i18n("c28479019e24e0e4745f4948e9e97ee7"),
type: 'amis-theme-select',
name: 'default.body.width',
source: '${sizesOptions}'
}]
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("8e1b944f4389bdaab6f11d5bc83190c8"),
body: [{
label: i18n("6b36c6f7ec834692ec6c8e3816349fdd"),
labelMode: 'input',
type: 'amis-theme-color-picker',
name: 'default.body.bg',
options: '${colorOptions}'
}]
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("841d77223f0ec8cd0b530ed8e0775b20"),
body: [{
mode: 'default',
type: 'amis-theme-padding-and-margin',
name: 'default.body.padding',
source: '${sizesOptions}',
hideMargin: true
}]
}, {
type: 'amis-theme-wrapper',
label: false,
title: i18n("8cc73fa067c5fa735aab196289b9ca0b"),
body: [{
type: 'flex',
className: 'Theme-border-singer',
items: [{
type: 'amis-theme-color-picker',
label: false,
name: 'active.body.border-color',
options: '${colorOptions}'
}, {
type: 'amis-theme-select',
label: false,
name: 'active.body.border-width',
options: '${borderWidthOptions}'
}, {
type: 'select',
label: false,
name: 'active.body.border-style',
source: '${borderStyleOptions}'
}]
}]
}]
}])
});
}
function handleEditSidebar() {
function stateFun(visibleOn, title, type) {
return [{
type: 'amis-theme-font-editor',
label: i18n("ca746b1ff10193a3ce20878dec04a733"),
mode: 'default',
hasSenior: false,
hideFontFamily: true,
name: "".concat(type, ".body.font"),
visibleOn: visibleOn
}];
}
onEdit({
title: i18n("75ac842f8e77305846f1d776f97dfaf8"),
path: 'component.tabs.sidebar',
body: getSchemaTpl('collapseGroup', [{
title: i18n("cd7a7556acac6bfef89fb9bb43219951"),
body: __spreadArray(__spreadArray(__spreadArray(__spreadArray([{
type: 'select',
name: 'state',
label: i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
selectFirst: true,
options: [{
label: i18n("22b777e6fcb613b8ba83ced9594cd07e"),
value: 'default'
}, {
label: i18n("062d0b688adb10f3af5ebc2fd2667f1c"),
value: 'hover'
}, {
label: i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"),
value: 'active'
}, {
label: i18n("710ad08b11419332713360d2750cd707"),
value: 'disabled'
}]
}], stateFun("${state == 'default' || !state}", i18n("22b777e6fcb613b8ba83ced9594cd07e"), 'default'), true), stateFun("${state == 'hover'}", i18n("062d0b688adb10f3af5ebc2fd2667f1c"), 'hover'), true), stateFun("${state == 'active'}", i18n("fad7c8a21fe3d7b3eb1db3d8a3212503"), 'active'), true), stateFun("${state == 'disabled'}", i18n("710ad08b11419332713360d2750cd707"), 'disabled'), true)
}, {
title: i18n("0d98c74797e49d00bcc4c17c9d557a2b"),
body: [{
type: 'amis-theme-wrapper',
label: false,
title: i18n("c8339fd2a85af4ba66084d28df808de4"),
body: [{
label: i18n("c28479019e24e0e4745f4948e9e97ee7"),
type: 'amis-theme-select',
name: 'default.body.sideWidth',
options: '${sizesOptions}'
}, {
label: i18n("60bac4c0a381a42b320a703227be59eb"),
type: 'amis-theme-select',
name: 'default.body.sideMargin',
options: '${sizesOptions}'
}]
}]
}])
});
}
return React__default.createElement("div", {
className: "Theme-Tabs-mode"
}, React__default.createElement("div", {
className: "Theme-Tabs-mode-item"
}, React__default.createElement("div", {
className: "Theme-Tabs-mode-item-title"
}, i18n("b30f254eccefa14c9980235bcbec74f9")), React__default.createElement("div", {
className: cx('Theme-Tabs-mode-item-content', activeId === 'component.tabs.simple' && 'Theme-Tabs-mode-item-content--active'),
onClick: function () {
return handleEditSimple();
}
}, render({
type: 'tabs',
tabsMode: 'simple',
tabs: [{
title: 'Tab 1',
tab: 'Content 1'
}, {
title: 'Tab 2',
tab: 'Content 2'
}, {
title: 'Tab 3',
tab: 'Content 3',
disabled: true
}]
}))), React__default.createElement("div", {
className: "Theme-Tabs-mode-item"
}, React__default.createElement("div", {
className: "Theme-Tabs-mode-item-title"
}, i18n("3d7443aeba7c8eaf1cbb42ad5232fa10")), React__default.createElement("div", {
className: cx('Theme-Tabs-mode-item-content', activeId === 'component.tabs.strong' && 'Theme-Tabs-mode-item-content--active'),
onClick: function () {
return handleEditStrong();
}
}, render({
type: 'tabs',
tabsMode: 'strong',
tabs: [{
title: 'Tab 1',
tab: 'Content 1'
}, {
title: 'Tab 2',
tab: 'Content 2'
}, {
title: 'Tab 3',
tab: 'Content 3',
disabled: true
}]
}))), React__default.createElement("div", {
className: "Theme-Tabs-mode-item"
}, React__default.createElement("div", {
className: "Theme-Tabs-mode-item-title"
}, i18n("ecfcea4b381d761fecd512761bc07954")), React__default.createElement("div", {
className: cx('Theme-Tabs-mode-item-content', activeId === 'component.tabs.line' && 'Theme-Tabs-mode-item-content--active'),
onClick: function () {
return handleEditLine();
}
}, render({
type: 'tabs',
tabs: [{
title: 'Tab 1',
tab: 'Content 1'
}, {
title: 'Tab 2',
tab: 'Content 2'
}, {
title: 'Tab 3',
tab: 'Content 3',
disabled: true
}]
}))), React__default.createElement("div", {
className: "Theme-Tabs-mode-item"
}, React__default.createElement("div", {
className: "Theme-Tabs-mode-item-title"
}, i18n("d87f215d9ac688b1d3399bf575a0ef6f")), React__default.createElement("div", {
className: cx('Theme-Tabs-mode-item-content', activeId === 'component.tabs.card' && 'Theme-Tabs-mode-item-content--active'),
onClick: function () {
return handleEditCard();
}
}, render({
type: 'tabs',
tabsMode: 'card',
tabs: [{
title: 'Tab 1',
tab: 'Content 1'
}, {
title: 'Tab 2',
tab: 'Content 2'
}, {
title: 'Tab 3',
tab: 'Content 3',
disabled: true
}]
}))), React__default.createElement("div", {
className: "Theme-Tabs-mode-item"
}, React__default.createElement("div", {
className: "Theme-Tabs-mode-item-title"
}, i18n("c5b8044dacf2e63931d85e5e307a9168")), React__default.createElement("div", {
className: cx('Theme-Tabs-mode-item-content', activeId === 'component.tabs.tiled' && 'Theme-Tabs-mode-item-content--active'),
onClick: function () {
return handleEditTiled();
}
}, render({
type: 'tabs',
tabsMode: 'tiled',
tabs: [{
title: 'Tab 1',
tab: 'Content 1'
}, {
title: 'Tab 2',
tab: 'Content 2'
}, {
title: 'Tab 3',
tab: 'Content 3',
disabled: true
}]
}))), React__default.createElement("div", {
className: "Theme-Tabs-mode-item"
}, React__default.createElement("div", {
className: "Theme-Tabs-mode-item-title"
}, i18n("0fe54c7be3c1a103974261b0b967161f")), React__default.createElement("div", {
className: cx('Theme-Tabs-mode-item-content', activeId === 'component.tabs.radio' && 'Theme-Tabs-mode-item-content--active'),
onClick: function () {
return handleEditRadio();
}
}, render({
type: 'tabs',
tabsMode: 'radio',
tabs: [{
title: 'Tab 1',
tab: 'Content 1'
}, {
title: 'Tab 2',
tab: 'Content 2'
}, {
title: 'Tab 3',
tab: 'Content 3',
disabled: true
}]
}))), React__default.createElement("div", {
className: "Theme-Tabs-mode-item"
}, React__default.createElement("div", {
className: "Theme-Tabs-mode-item-title"
}, i18n("75ac842f8e77305846f1d776f97dfaf8")), React__default.createElement("div", {
className: cx('Theme-Tabs-mode-item-content', activeId === 'component.tabs.vertical' && 'Theme-Tabs-mode-item-content--active'),
onClick: function () {
return handleEditVertical();
}
}, render({
type: 'tabs',
tabsMode: 'vertical',
tabs: [{
title: 'Tab 1',
tab: 'Content 1'
}, {
title: 'Tab 2',
tab: 'Content 2'
}, {
title: 'Tab 3',
tab: 'Content 3',
disabled: true
}]
}))), React__default.createElement("div", {
className: "Theme-Tabs-mode-item"
}, React__default.createElement("div", {
className: "Theme-Tabs-mode-item-title"
}, i18n("eeb04ac57104692b0de5e3348a065198")), React__default.createElement("div", {
className: cx('Theme-Tabs-mode-item-content', activeId === 'component.tabs.sidebar' && 'Theme-Tabs-mode-item-content--active'),
onClick: function () {
return handleEditSidebar();
}
}, render({
type: 'tabs',
tabsMode: 'sidebar',
tabs: [{
title: 'Tab 1',
icon: 'iconfont icon-setting',
tab: 'Content 1'
}, {
title: 'Tab 2',
icon: 'iconfont icon-setting',
tab: 'Content 2'
}, {
title: 'Tab 3',
icon: 'iconfont icon-setting',
tab: 'Content 3',
disabled: true
}]
}))));
};
var ThemeTabs = function (props) {
return {
title: i18n("f9b4ea522c9b1767568f9b6bd59cd944"),
body: [{
title: i18n("1fdadb49bcabfdc36a4a9e020f597f4d"),
body: function (onEdit) {
return React__default.createElement(ThemeTabsMode, __assign({}, props, {
onEdit: onEdit
}));
}
}]
};
};
registerComponent('tabs', {
type: 'layout',
label: i18n("9377e388f7189d6103a3985a321115c8"),
key: 'tabs',
component: function () {
return ThemeTabs;
}
});