amis-theme-editor/lib/component/InputRating.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 ThemeInputRatingContent = function (props) {
  var activeId = props.activeId,
    onEdit = props.onEdit;
  function handleEdit() {
    onEdit({
      title: i18nRuntime.i18n("e8740d3309ad2ee5ea2a68c3603eebdf"),
      path: 'component.inputRating',
      body: tpl.getSchemaTpl('collapseGroup', [{
        title: i18nRuntime.i18n("37ae4f181d4f139be90fb80cae3fc493"),
        body: [{
          type: 'amis-theme-select',
          name: 'icon.body.size',
          label: i18nRuntime.i18n("c8339fd2a85af4ba66084d28df808de4"),
          extraUnit: ['px', 'rem'],
          options: '${sizesOptions}'
        }, {
          type: 'amis-theme-select',
          name: 'icon.body.margin',
          label: i18nRuntime.i18n("60bac4c0a381a42b320a703227be59eb"),
          options: '${sizesOptions}'
        }, {
          type: 'amis-theme-color-picker',
          label: i18nRuntime.i18n("8d2317049ce73eac66887bfdbcbd3d27"),
          labelMode: 'input',
          name: 'inactiveColors.body.color',
          options: '${colorOptions}'
        }, {
          name: 'activeColors',
          mode: 'default',
          type: 'combo',
          label: i18nRuntime.i18n("076d83a2f933060a26b575adfb820c45"),
          multiple: true,
          items: [{
            type: 'input-number',
            name: 'id'
          }, {
            type: 'amis-theme-color-picker',
            labelMode: 'input',
            name: 'value',
            options: '${colorOptions}'
          }]
        }]
      }, {
        title: i18nRuntime.i18n("4c5fead0489fbc7651c91400dec5d379"),
        body: [{
          type: 'amis-theme-font-editor',
          label: i18nRuntime.i18n("ca746b1ff10193a3ce20878dec04a733"),
          mode: 'default',
          hasSenior: false,
          hideFontFamily: true,
          name: 'text.body.font'
        }]
      }])
    });
  }
  return React__default["default"].createElement("div", {
    className: "Theme-Link-icon"
  }, React__default["default"].createElement("div", {
    className: "Theme-Link-icon-item"
  }, React__default["default"].createElement("div", {
    className: cx__default["default"]('Theme-Link-icon-item-content', activeId === "component.inputRating" && 'Theme-Link-icon-item-content--active'),
    onClick: handleEdit
  }, amisCore.render({
    type: 'input-rating',
    name: 'rating',
    count: 5,
    texts: {
      '1': i18nRuntime.i18n("6c47d4c8b22cc1a5aef5eb9d33edb5fc"),
      '2': i18nRuntime.i18n("a3d534d9fef05a97bdce9895e2fffa9d"),
      '3': i18nRuntime.i18n("2ab01e418dca1500dcb133d50656deea"),
      '4': i18nRuntime.i18n("1d865f5530071cb9e80f214fc15cb970"),
      '5': i18nRuntime.i18n("745e25a85ec598a719c35a508a86bd98")
    }
  }))));
};
var ThemeInputRating = function (props) {
  return {
    title: i18nRuntime.i18n("74f8228d0403c4a9ef6e73c07c08ae2b"),
    body: [{
      title: i18nRuntime.i18n("36937385dcb5b205cd1892d6416f32c5"),
      body: function (onEdit) {
        return React__default["default"].createElement(ThemeInputRatingContent, tslib.__assign({}, props, {
          onEdit: onEdit
        }));
      }
    }]
  };
};
index.registerComponent('input-rating', {
  type: 'data-entry',
  label: i18nRuntime.i18n("108db12ed4454cf1ab4242ca98442b7a"),
  key: 'input-rating',
  component: function () {
    return ThemeInputRating;
  }
});