eapp-amis-theme-editor/lib/components/BaseContent.js

amis主题编辑器

/**
 * amis-theme-editor v2.0.11-beta.2
 * Copyright 2018-2023 @fex
 */

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var React = require('react');
var amisCore = require('amis-core');
require('../icons/index.js');
var cx = require('classnames');
var i18nRuntime = require('i18n-runtime');
var amis = require('amis');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);

var BaseContent = function (props) {
  var config = props.config,
    handleSetConfig = props.handleSetConfig;
  var editButton = function (config) {
    var EditButton = amisCore.render({
      type: 'button',
      level: 'link',
      label: i18nRuntime.i18n("95b351c86267f3aedf89520959bce689"),
      size: 'xs',
      tooltip: config.tooltip,
      tooltipPlacement: 'top',
      onClick: function () {
        handleSetConfig(config);
      }
    });
    return EditButton;
  };
  var colorEditButton = function (colorEditButton) {
    var EditButton = amisCore.render(colorEditButton);
    return EditButton;
  };
  var addButton = function (dialog) {
    var AddButton = amisCore.render({
      type: 'button',
      className: 'theme-icon',
      icon: React__default["default"].createElement(amis.Icon, {
        icon: "add-button",
        className: "theme-icon-svg"
      }),
      level: 'link',
      actionType: 'dialog',
      dialog: dialog
    });
    return AddButton;
  };
  return React__default["default"].createElement("div", {
    className: cx__default["default"]('ThemeEditor-body-center', config.className)
  }, React__default["default"].createElement("div", {
    className: "ThemeEditor-body-header"
  }, React__default["default"].createElement("div", {
    className: "ThemeEditor-body-title"
  }, config.title), React__default["default"].createElement("div", {
    className: "ThemeEditor-body-description"
  }, config.description)), React__default["default"].createElement("div", {
    className: "ThemeEditor-body-content"
  }, config.body.map(function (item, i) {
    var _a, _b, _c, _d;
    return React__default["default"].createElement("div", {
      className: "ThemeEditor-body-content-item",
      key: i
    }, React__default["default"].createElement("div", {
      className: "ThemeEditor-body-content-item-title"
    }, item.title, item.subtitle, ((_a = item === null || item === void 0 ? void 0 : item.action) === null || _a === void 0 ? void 0 : _a.editButton) ? editButton(item.action.editButton) : null, ((_b = item === null || item === void 0 ? void 0 : item.action) === null || _b === void 0 ? void 0 : _b.colorEditButton) ? colorEditButton(item.action.colorEditButton) : null, ((_c = item === null || item === void 0 ? void 0 : item.action) === null || _c === void 0 ? void 0 : _c.configButton) ? item.action.configButton : null, ((_d = item === null || item === void 0 ? void 0 : item.action) === null || _d === void 0 ? void 0 : _d.addButton) ? addButton(item.action.addButton) : null), Array.isArray(item.body) ? item.body.map(function (ele, j) {
      return React__default["default"].createElement("div", {
        className: "ThemeEditor-body-content-item-content",
        key: j
      }, ele.body(function (config) {
        handleSetConfig(config);
      }));
    }) : React__default["default"].createElement("div", {
      className: "ThemeEditor-body-content-item-content"
    }, item.body(function (config) {
      handleSetConfig(config);
    })));
  })));
};
var baseContent = function (config, handleSetConfig) {
  return React__default["default"].createElement(BaseContent, {
    config: config,
    handleSetConfig: handleSetConfig
  });
};

exports["default"] = baseContent;