eapp-amis-theme-editor/esm/component/Divider.js

amis主题编辑器

/**
 * amis-theme-editor v2.0.11-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 ThemeDividerBase = function (props) {
  var onEdit = props.onEdit,
    activeId = props.activeId;
  function handleEdit() {
    onEdit({
      title: i18n("8c47ecd40d7f739e308567de89accd56"),
      path: 'component.divider.body',
      body: getSchemaTpl('collapseGroup', [{
        title: i18n("9e4ab3933a0281a681412c59e51546cc"),
        body: [{
          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: '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: i18n("4e7f76261f8c4c6d78998f85fc1f4c6e"),
          body: [{
            mode: 'default',
            hidePadding: true,
            type: 'amis-theme-padding-and-margin',
            name: 'margin',
            source: '${sizesOptions}'
          }]
        }]
      }])
    });
  }
  return React__default.createElement("div", {
    className: "Theme-Link-base"
  }, React__default.createElement("div", {
    className: "Theme-Link-base-item"
  }, React__default.createElement("div", {
    className: cx('Theme-Link-base-item-content', activeId === 'component.divider.body' && 'Theme-Link-base-item-content--active'),
    onClick: function () {
      return handleEdit();
    }
  }, render({
    type: 'divider'
  }))));
};
var ThemeDivider = function (props) {
  return {
    title: i18n("a570fb905a78a803b76ec27eee4bfbef"),
    body: [{
      title: i18n("4af1215ffa45b8245f055eb676fd6970"),
      body: function (onEdit) {
        return React__default.createElement(ThemeDividerBase, __assign({}, props, {
          onEdit: onEdit
        }));
      }
    }]
  };
};
registerComponent('divider', {
  type: 'layout',
  label: i18n("8c47ecd40d7f739e308567de89accd56"),
  key: 'divider',
  component: function () {
    return ThemeDivider;
  }
});