amis-theme-editor/esm/component/InputRating.js

amis主题编辑器

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