amis-theme-editor/lib/component/Progress.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 ThemeProgressContent = function (props) {
  var onEdit = props.onEdit,
    activeId = props.activeId;
  function handleEditDefault() {
    onEdit({
      title: i18nRuntime.i18n("600581dd35ba9623a57ba705c2a114b0"),
      path: "component.progress.base.line",
      body: tpl.getSchemaTpl('collapseGroup', [{
        title: i18nRuntime.i18n("6b36c6f7ec834692ec6c8e3816349fdd"),
        body: [{
          type: 'amis-theme-color-picker',
          label: i18nRuntime.i18n("6710ecbf297cc24f78ad94c9ba28a06d"),
          labelMode: 'input',
          name: 'body.bg',
          options: '${colorOptions}'
        }, {
          type: 'amis-theme-color-picker',
          label: i18nRuntime.i18n("13bae4ffa8d0ae1c5c523bec44d81059"),
          labelMode: 'input',
          name: 'body.theme-color',
          options: '${colorOptions}'
        }]
      }, {
        title: i18nRuntime.i18n("97d07614380da93d257f9fbf81aa56fb"),
        body: [{
          type: 'amis-theme-font-editor',
          label: i18nRuntime.i18n("ca746b1ff10193a3ce20878dec04a733"),
          mode: 'default',
          hasSenior: false,
          hideFontFamily: true,
          hideLineHeight: true,
          hideFontWeight: true,
          name: 'body.font'
        }]
      }])
    });
  }
  return React__default["default"].createElement("div", {
    className: "Theme-InputRange"
  }, React__default["default"].createElement("div", {
    className: "Theme-InputRange-item"
  }, React__default["default"].createElement("div", {
    className: "Theme-InputRange-item-title"
  }, i18nRuntime.i18n("745d7686aee3bfbe132927427f815e06")), React__default["default"].createElement("div", {
    className: cx__default["default"]('Theme-InputRange-item-content', 'theme-component-content-steps', activeId === "component.progress.base.line" && 'Theme-InputRange-item-content--active'),
    onClick: function () {
      return handleEditDefault();
    }
  }, amisCore.render({
    type: 'progress',
    value: 60
  }))));
};
var ThemeProgress = function (props) {
  return {
    title: i18nRuntime.i18n("069dc3f8454b741ea38924c867567352"),
    body: [{
      title: i18nRuntime.i18n("76b0fbc6b43d20b7a1b8c473f145eda1"),
      body: function (onEdit) {
        return React__default["default"].createElement(ThemeProgressContent, tslib.__assign({}, props, {
          onEdit: onEdit
        }));
      }
    }]
  };
};
index.registerComponent('progress', {
  type: 'data-entry',
  label: i18nRuntime.i18n("e2e33e2c41a9f6f71fe37343f89a72d4"),
  key: 'progress',
  component: function () {
    return ThemeProgress;
  }
});