amis-theme-editor
Version:
amis主题编辑器
88 lines (85 loc) • 2.71 kB
JavaScript
/**
* amis-theme-editor v2.0.22-beta.2
* Copyright 2018-2023 @fex
*/
import { __assign } 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 ThemeProgressContent = function (props) {
var onEdit = props.onEdit,
activeId = props.activeId;
function handleEditDefault() {
onEdit({
title: i18n("600581dd35ba9623a57ba705c2a114b0"),
path: "component.progress.base.line",
body: getSchemaTpl('collapseGroup', [{
title: i18n("6b36c6f7ec834692ec6c8e3816349fdd"),
body: [{
type: 'amis-theme-color-picker',
label: i18n("6710ecbf297cc24f78ad94c9ba28a06d"),
labelMode: 'input',
name: 'body.bg',
options: '${colorOptions}'
}, {
type: 'amis-theme-color-picker',
label: i18n("13bae4ffa8d0ae1c5c523bec44d81059"),
labelMode: 'input',
name: 'body.theme-color',
options: '${colorOptions}'
}]
}, {
title: i18n("97d07614380da93d257f9fbf81aa56fb"),
body: [{
type: 'amis-theme-font-editor',
label: i18n("ca746b1ff10193a3ce20878dec04a733"),
mode: 'default',
hasSenior: false,
hideFontFamily: true,
hideLineHeight: true,
hideFontWeight: true,
name: 'body.font'
}]
}])
});
}
return React__default.createElement("div", {
className: "Theme-InputRange"
}, React__default.createElement("div", {
className: "Theme-InputRange-item"
}, React__default.createElement("div", {
className: "Theme-InputRange-item-title"
}, i18n("745d7686aee3bfbe132927427f815e06")), React__default.createElement("div", {
className: cx('Theme-InputRange-item-content', 'theme-component-content-steps', activeId === "component.progress.base.line" && 'Theme-InputRange-item-content--active'),
onClick: function () {
return handleEditDefault();
}
}, render({
type: 'progress',
value: 60
}))));
};
var ThemeProgress = function (props) {
return {
title: i18n("069dc3f8454b741ea38924c867567352"),
body: [{
title: i18n("76b0fbc6b43d20b7a1b8c473f145eda1"),
body: function (onEdit) {
return React__default.createElement(ThemeProgressContent, __assign({}, props, {
onEdit: onEdit
}));
}
}]
};
};
registerComponent('progress', {
type: 'data-entry',
label: i18n("e2e33e2c41a9f6f71fe37343f89a72d4"),
key: 'progress',
component: function () {
return ThemeProgress;
}
});