amis-theme-editor/lib/component/Divider.js

amis主题编辑器

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

'use strict';

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

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 ThemeDividerBase = function (props) {
  var onEdit = props.onEdit,
    activeId = props.activeId;
  function handleEdit() {
    onEdit({
      title: i18nRuntime.i18n("8c47ecd40d7f739e308567de89accd56"),
      path: 'component.divider.body',
      body: tpl.getSchemaTpl('collapseGroup', [{
        title: i18nRuntime.i18n("9e4ab3933a0281a681412c59e51546cc"),
        body: [{
          type: 'amis-theme-wrapper',
          label: false,
          title: i18nRuntime.i18n("8c47ecd40d7f739e308567de89accd56"),
          body: [{
            type: 'flex',
            className: 'Theme-border-singer',
            items: [{
              type: 'amis-theme-color-picker',
              label: false,
              name: 'color',
              options: '${colorOptions}'
            }, {
              type: 'amis-theme-select',
              label: false,
              name: 'width',
              options: '${borderWidthOptions}'
            }, {
              type: 'select',
              label: false,
              name: 'style',
              source: '${borderStyleOptions}'
            }]
          }]
        }, {
          type: 'amis-theme-wrapper',
          label: false,
          title: i18nRuntime.i18n("4e7f76261f8c4c6d78998f85fc1f4c6e"),
          body: [{
            mode: 'default',
            hidePadding: true,
            type: 'amis-theme-padding-and-margin',
            name: 'margin',
            source: '${sizesOptions}'
          }]
        }]
      }])
    });
  }
  return React__default["default"].createElement("div", {
    className: "Theme-Link-base"
  }, React__default["default"].createElement("div", {
    className: "Theme-Link-base-item"
  }, React__default["default"].createElement("div", {
    className: cx__default["default"]('Theme-Link-base-item-content', activeId === 'component.divider.body' && 'Theme-Link-base-item-content--active'),
    onClick: function () {
      return handleEdit();
    }
  }, amisCore.render({
    type: 'divider'
  }))));
};
var ThemeDivider = function (props) {
  return {
    title: i18nRuntime.i18n("a570fb905a78a803b76ec27eee4bfbef"),
    body: [{
      title: i18nRuntime.i18n("4af1215ffa45b8245f055eb676fd6970"),
      body: function (onEdit) {
        return React__default["default"].createElement(ThemeDividerBase, tslib.__assign({}, props, {
          onEdit: onEdit
        }));
      }
    }]
  };
};
index.registerComponent('divider', {
  type: 'layout',
  label: i18nRuntime.i18n("8c47ecd40d7f739e308567de89accd56"),
  key: 'divider',
  component: function () {
    return ThemeDivider;
  }
});