amis-editor 5.2.0-beta.1 → 5.2.0-beta.2

package/lib/component/BaseControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -9,8 +9,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var flatten = require('lodash/flatten');
-var util = require('../util.js');
-var AMisCodeEditor = require('amis-editor-core');
+var helper = require('../renderer/event-control/helper.js');
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,13 +20,12 @@ var flatten__default = /*#__PURE__*/_interopDefaultLegacy(flatten);
 /**
  * @file 基础控件集合
  */
-// 默认动作
 var BUTTON_DEFAULT_ACTION = {
-    onEvent: {
-        click: {
-            actions: []
-        }
+  onEvent: {
+    click: {
+      actions: []
     }
+  }
 };
 /**
  * Label提示
@@ -39,34 +39,49 @@ var BUTTON_DEFAULT_ACTION = {
  * placement: 'left'
  * ```
  */
+
 var BaseLabelMark = function (schema) {
-    var base = {
-        className: 'ae-BaseRemark',
-        icon: 'fa fa-question-circle',
-        trigger: ['hover', 'click'],
-        placement: 'left',
-        content: ''
-    };
-    if (!AMisCodeEditor.isObject(schema) || typeof schema === 'string') {
-        return schema ? tslib.__assign(tslib.__assign({}, base), { content: schema.toString() }) : undefined;
-    }
-    var className = schema.className, content = schema.content, rest = tslib.__rest(schema, ["className", "content"]);
-    return content
-        ? tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, base), rest), (className
-            ? { className: "".concat(base.className, " ").concat(rest.className) }
-            : {})), { content: content }) : undefined;
+  var base = {
+    className: 'ae-BaseRemark',
+    icon: 'fa fa-question-circle',
+    trigger: ['hover', 'click'],
+    placement: 'left',
+    content: ''
+  };
+
+  if (!amisEditorCore.isObject(schema) || typeof schema === 'string') {
+    return schema ? tslib.__assign(tslib.__assign({}, base), {
+      content: schema.toString()
+    }) : undefined;
+  }
+
+  var className = schema.className,
+      content = schema.content,
+      rest = tslib.__rest(schema, ["className", "content"]);
+
+  return content ? tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, base), rest), className ? {
+    className: "".concat(base.className, " ").concat(rest.className)
+  } : {}), {
+    content: content
+  }) : undefined;
 };
+
 var normalizCollapsedGroup = function (publicProps, body) {
-    if (publicProps === void 0) { publicProps = {}; }
-    return body
-        ? Array.isArray(body)
-            ? body
-                .filter(function (item) { return item; })
-                .map(function (item, index) { return (tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, publicProps), { key: item.key || index.toString() }), item), { body: flatten__default["default"](item.body) })); })
-            : [
-                tslib.__assign(tslib.__assign(tslib.__assign({}, publicProps), { key: '0' }), body)
-            ]
-        : [];
+  if (publicProps === void 0) {
+    publicProps = {};
+  }
+
+  return body ? Array.isArray(body) ? body.filter(function (item) {
+    return item;
+  }).map(function (item, index) {
+    return tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, publicProps), {
+      key: item.key || index.toString()
+    }), item), {
+      body: flatten__default["default"](item.body)
+    });
+  }) : [tslib.__assign(tslib.__assign(tslib.__assign({}, publicProps), {
+    key: '0'
+  }), body)] : [];
 };
 /**
  * 更新/归一化处理表单项
@@ -76,19 +91,20 @@ var normalizCollapsedGroup = function (publicProps, body) {
  * @param replace 是否完全替换
  * @returns
  */
+
+
 var normalizeBodySchema = function (defaultBody, body, replace, reverse, order) {
-    if (replace === void 0) { replace = false; }
-    if (reverse === void 0) { reverse = false; }
-    var normalizedBody = body
-        ? Array.isArray(body)
-            ? body.concat()
-            : [body]
-        : [];
-    var schema = flatten__default["default"](replace
-        ? normalizedBody
-        : reverse
-            ? tslib.__spreadArray(tslib.__spreadArray([], normalizedBody, true), defaultBody, true) : tslib.__spreadArray(tslib.__spreadArray([], defaultBody, true), normalizedBody, true));
-    return schema;
+  if (replace === void 0) {
+    replace = false;
+  }
+
+  if (reverse === void 0) {
+    reverse = false;
+  }
+
+  var normalizedBody = body ? Array.isArray(body) ? body.concat() : [body] : [];
+  var schema = flatten__default["default"](replace ? normalizedBody : reverse ? tslib.__spreadArray(tslib.__spreadArray([], normalizedBody, true), defaultBody, true) : tslib.__spreadArray(tslib.__spreadArray([], defaultBody, true), normalizedBody, true));
+  return schema;
 };
 /**
  * 表单项组件面板
@@ -96,7 +112,7 @@ var normalizeBodySchema = function (defaultBody, body, replace, reverse, order)
  * @param {Object=} panels
  * @param {string=} key
  * `property` 属性
- *     `common` 常用
+ *     `common` 基本
  *     `status` 状态
  *     `validation` 校验
  * `style` 样式
@@ -105,262 +121,210 @@ var normalizeBodySchema = function (defaultBody, body, replace, reverse, order)
  * @param {boolean=} panels.replace - 是否完全替换默认Schema，默认追加
  * @param {Array} panels.validation.validationType - 默认显示的校验类型
  */
+
+
 var formItemControl = function (panels, context) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-    var collapseProps = {
-        type: 'collapse',
-        headingClassName: 'ae-formItemControl-header',
-        bodyClassName: 'ae-formItemControl-body'
-    };
-    // 已经配置了的属性
-    Object.keys((_a = context === null || context === void 0 ? void 0 : context.schema) !== null && _a !== void 0 ? _a : {});
-    // 选项面版内容，支持Option的组件才展示该面板
-    var optionBody = normalizeBodySchema([], (_b = panels === null || panels === void 0 ? void 0 : panels.option) === null || _b === void 0 ? void 0 : _b.body, (_c = panels === null || panels === void 0 ? void 0 : panels.option) === null || _c === void 0 ? void 0 : _c.replace);
-    // 属性面板配置
-    var collapseGroupBody = (panels === null || panels === void 0 ? void 0 : panels.property)
-        ? normalizCollapsedGroup(collapseProps, panels === null || panels === void 0 ? void 0 : panels.property)
-        : tslib.__spreadArray(tslib.__spreadArray([
-            tslib.__assign(tslib.__assign({}, collapseProps), { header: '常用', key: 'common', body: normalizeBodySchema([
-                    AMisCodeEditor.getSchemaTpl('formItemName', {
-                        required: true
-                    }),
-                    AMisCodeEditor.getSchemaTpl('label'),
-                    AMisCodeEditor.getSchemaTpl('labelRemark'),
-                    AMisCodeEditor.getSchemaTpl('remark'),
-                    AMisCodeEditor.getSchemaTpl('placeholder'),
-                    AMisCodeEditor.getSchemaTpl('description')
-                ], (_d = panels === null || panels === void 0 ? void 0 : panels.common) === null || _d === void 0 ? void 0 : _d.body, (_e = panels === null || panels === void 0 ? void 0 : panels.common) === null || _e === void 0 ? void 0 : _e.replace, (_f = panels === null || panels === void 0 ? void 0 : panels.common) === null || _f === void 0 ? void 0 : _f.reverse) })
-        ], (optionBody.length !== 0
-            ? [
-                tslib.__assign(tslib.__assign({}, collapseProps), { header: ((_g = panels === null || panels === void 0 ? void 0 : panels.option) === null || _g === void 0 ? void 0 : _g.title) || '选项', key: 'option', body: optionBody })
-            ]
-            : []), true), [
-            tslib.__assign(tslib.__assign({}, collapseProps), { header: '状态', key: 'status', body: normalizeBodySchema([
-                    AMisCodeEditor.getSchemaTpl('hidden'),
-                    // TODO: 下面的部分表单项才有，是不是判断一下是否是表单项
-                    AMisCodeEditor.getSchemaTpl('disabled'),
-                    AMisCodeEditor.getSchemaTpl('clearValueOnHidden')
-                ], (_h = panels === null || panels === void 0 ? void 0 : panels.status) === null || _h === void 0 ? void 0 : _h.body, (_j = panels === null || panels === void 0 ? void 0 : panels.status) === null || _j === void 0 ? void 0 : _j.replace, (_k = panels === null || panels === void 0 ? void 0 : panels.status) === null || _k === void 0 ? void 0 : _k.reverse) })
-        ], false);
-    return [
-        {
-            type: 'tabs',
-            tabsMode: 'line',
-            className: 'editor-prop-config-tabs',
-            linksClassName: 'editor-prop-config-tabs-links',
-            contentClassName: 'no-border editor-prop-config-tabs-cont',
-            tabs: tslib.__spreadArray([
-                {
-                    title: '属性',
-                    className: 'p-none',
-                    body: [
-                        {
-                            type: 'collapse-group',
-                            expandIconPosition: 'right',
-                            expandIcon: {
-                                type: 'icon',
-                                icon: 'chevron-right'
-                            },
-                            className: 'ae-formItemControl',
-                            activeKey: collapseGroupBody.map(function (group, index) { return group.key; }),
-                            body: collapseGroupBody
-                        }
-                    ]
-                },
-                {
-                    title: '外观',
-                    body: normalizeBodySchema([
-                        AMisCodeEditor.getSchemaTpl('formItemMode'),
-                        AMisCodeEditor.getSchemaTpl('horizontalMode'),
-                        AMisCodeEditor.getSchemaTpl('horizontal', {
-                            label: '',
-                            visibleOn: 'data.mode == "horizontal" && data.label !== false && data.horizontal'
-                        }),
-                        // renderer.sizeMutable !== false
-                        //   ? getSchemaTpl('formItemSize')
-                        //   : null,
-                        AMisCodeEditor.getSchemaTpl('formItemInline'),
-                        AMisCodeEditor.getSchemaTpl('className'),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            label: 'Label CSS 类名',
-                            name: 'labelClassName'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            label: '控件 CSS 类名',
-                            name: 'inputClassName'
-                        }),
-                        AMisCodeEditor.getSchemaTpl('className', {
-                            label: '描述 CSS 类名',
-                            name: 'descriptionClassName',
-                            visibleOn: 'this.description'
-                        })
-                    ], (_l = panels === null || panels === void 0 ? void 0 : panels.style) === null || _l === void 0 ? void 0 : _l.body, (_m = panels === null || panels === void 0 ? void 0 : panels.style) === null || _m === void 0 ? void 0 : _m.replace, (_o = panels === null || panels === void 0 ? void 0 : panels.style) === null || _o === void 0 ? void 0 : _o.reverse)
-                }
-            ], (AMisCodeEditor.isObject(context) && !((_p = panels === null || panels === void 0 ? void 0 : panels.event) === null || _p === void 0 ? void 0 : _p.hidden)
-                ? [
-                    {
-                        title: '事件',
-                        className: 'p-none',
-                        body: normalizeBodySchema([
-                            AMisCodeEditor.getSchemaTpl('eventControl', tslib.__assign({ name: 'onEvent' }, util.getEventControlConfig(context.info.plugin.manager, context)))
-                        ], (_q = panels === null || panels === void 0 ? void 0 : panels.event) === null || _q === void 0 ? void 0 : _q.body, (_r = panels === null || panels === void 0 ? void 0 : panels.event) === null || _r === void 0 ? void 0 : _r.replace)
-                    }
-                ]
-                : []), true)
-        }
-    ];
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+
+  var collapseProps = {
+    type: 'collapse',
+    headingClassName: 'ae-formItemControl-header',
+    bodyClassName: 'ae-formItemControl-body'
+  }; // 已经配置了的属性
+
+  Object.keys((_a = context === null || context === void 0 ? void 0 : context.schema) !== null && _a !== void 0 ? _a : {}); // 选项面版内容，支持Option的组件才展示该面板
+
+  var optionBody = normalizeBodySchema([], (_b = panels === null || panels === void 0 ? void 0 : panels.option) === null || _b === void 0 ? void 0 : _b.body, (_c = panels === null || panels === void 0 ? void 0 : panels.option) === null || _c === void 0 ? void 0 : _c.replace); // 属性面板配置
+
+  var collapseGroupBody = (panels === null || panels === void 0 ? void 0 : panels.property) ? normalizCollapsedGroup(collapseProps, panels === null || panels === void 0 ? void 0 : panels.property) : tslib.__spreadArray(tslib.__spreadArray([tslib.__assign(tslib.__assign({}, collapseProps), {
+    header: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+    key: 'common',
+    body: normalizeBodySchema([amisEditorCore.getSchemaTpl('formItemName', {
+      required: true
+    }), amisEditorCore.getSchemaTpl('label'), amisEditorCore.getSchemaTpl('labelRemark'), amisEditorCore.getSchemaTpl('remark'), amisEditorCore.getSchemaTpl('placeholder'), amisEditorCore.getSchemaTpl('description')], (_d = panels === null || panels === void 0 ? void 0 : panels.common) === null || _d === void 0 ? void 0 : _d.body, (_e = panels === null || panels === void 0 ? void 0 : panels.common) === null || _e === void 0 ? void 0 : _e.replace, (_f = panels === null || panels === void 0 ? void 0 : panels.common) === null || _f === void 0 ? void 0 : _f.reverse)
+  })], optionBody.length !== 0 ? [tslib.__assign(tslib.__assign({}, collapseProps), {
+    header: ((_g = panels === null || panels === void 0 ? void 0 : panels.option) === null || _g === void 0 ? void 0 : _g.title) || i18nRuntime.i18n("ea15ae2b7fba76c83eec6d0986d15197"),
+    key: 'option',
+    body: optionBody
+  })] : [], true), [tslib.__assign(tslib.__assign({}, collapseProps), {
+    header: i18nRuntime.i18n("3fea7ca76cdece641436d7ab0d02ab1b"),
+    key: 'status',
+    body: normalizeBodySchema([amisEditorCore.getSchemaTpl('hidden'), // TODO: 下面的部分表单项才有，是不是判断一下是否是表单项
+    amisEditorCore.getSchemaTpl('disabled'), amisEditorCore.getSchemaTpl('clearValueOnHidden')], (_h = panels === null || panels === void 0 ? void 0 : panels.status) === null || _h === void 0 ? void 0 : _h.body, (_j = panels === null || panels === void 0 ? void 0 : panels.status) === null || _j === void 0 ? void 0 : _j.replace, (_k = panels === null || panels === void 0 ? void 0 : panels.status) === null || _k === void 0 ? void 0 : _k.reverse)
+  })], false);
+  return [{
+    type: 'tabs',
+    tabsMode: 'line',
+    className: 'editor-prop-config-tabs',
+    linksClassName: 'editor-prop-config-tabs-links',
+    contentClassName: 'no-border editor-prop-config-tabs-cont',
+    tabs: tslib.__spreadArray([{
+      title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+      className: 'p-none',
+      body: [{
+        type: 'collapse-group',
+        expandIconPosition: 'right',
+        expandIcon: {
+          type: 'icon',
+          icon: 'chevron-right'
+        },
+        className: 'ae-formItemControl',
+        activeKey: collapseGroupBody.map(function (group, index) {
+          return group.key;
+        }),
+        body: collapseGroupBody
+      }]
+    }, {
+      title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+      body: normalizeBodySchema([amisEditorCore.getSchemaTpl('formItemMode'), amisEditorCore.getSchemaTpl('horizontalMode'), amisEditorCore.getSchemaTpl('horizontal', {
+        label: '',
+        visibleOn: 'data.mode == "horizontal" && data.label !== false && data.horizontal'
+      }), // renderer.sizeMutable !== false
+      //   ? getSchemaTpl('formItemSize')
+      //   : null,
+      amisEditorCore.getSchemaTpl('formItemInline'), amisEditorCore.getSchemaTpl('className'), amisEditorCore.getSchemaTpl('className', {
+        label: i18nRuntime.i18n("6d0034a2419e1f394dedab07994b9665"),
+        name: 'labelClassName'
+      }), amisEditorCore.getSchemaTpl('className', {
+        label: i18nRuntime.i18n("2cadb6621afe19333b142faa541b0f91"),
+        name: 'inputClassName'
+      }), amisEditorCore.getSchemaTpl('className', {
+        label: i18nRuntime.i18n("0e627e6a0ff773ee76bc4cc0871cb48d"),
+        name: 'descriptionClassName',
+        visibleOn: 'this.description'
+      })], (_l = panels === null || panels === void 0 ? void 0 : panels.style) === null || _l === void 0 ? void 0 : _l.body, (_m = panels === null || panels === void 0 ? void 0 : panels.style) === null || _m === void 0 ? void 0 : _m.replace, (_o = panels === null || panels === void 0 ? void 0 : panels.style) === null || _o === void 0 ? void 0 : _o.reverse)
+    }], amisEditorCore.isObject(context) && !((_p = panels === null || panels === void 0 ? void 0 : panels.event) === null || _p === void 0 ? void 0 : _p.hidden) ? [{
+      title: i18nRuntime.i18n("10b2761db5a8e089049df39675abc550"),
+      className: 'p-none',
+      body: normalizeBodySchema([amisEditorCore.getSchemaTpl('eventControl', tslib.__assign({
+        name: 'onEvent'
+      }, helper.getEventControlConfig(context.info.plugin.manager, context)))], (_q = panels === null || panels === void 0 ? void 0 : panels.event) === null || _q === void 0 ? void 0 : _q.body, (_r = panels === null || panels === void 0 ? void 0 : panels.event) === null || _r === void 0 ? void 0 : _r.replace)
+    }] : [], true)
+  }];
 };
-function tipedLabel(body, tip, style) {
-    return {
-        type: 'tooltip-wrapper',
-        tooltip: tip,
-        tooltipTheme: 'dark',
-        placement: 'top',
-        tooltipStyle: tslib.__assign({ fontSize: '12px' }, (style || {})),
-        className: 'ae-formItemControl-label-tip',
-        body: body
-    };
-}
 /**
  * 信息提示组件模版
  */
+
 function remarkTpl(config) {
-    return {
-        type: 'ae-switch-more',
-        formType: 'dialog',
-        label: config.labelRemark
-            ? tipedLabel(config.label, config.labelRemark)
-            : config.label,
-        bulk: false,
-        name: config.name,
-        pipeIn: function (value) { return !!value; },
-        pipeOut: function (value) {
-            // 更新内容
-            if (AMisCodeEditor.isObject(value)) {
-                return value;
-            }
-            // 关到开
-            if (value) {
-                return {
-                    icon: 'fa fa-question-circle',
-                    trigger: ['hover'],
-                    className: 'Remark--warning',
-                    placement: 'top'
-                };
-            }
-            // 开到关
-            return undefined;
-        },
-        form: {
+  return {
+    type: 'ae-switch-more',
+    formType: 'dialog',
+    className: 'ae-switch-more-flex',
+    label: config.labelRemark ? amisEditorCore.tipedLabel(config.label, config.labelRemark) : config.label,
+    bulk: false,
+    name: config.name,
+    pipeIn: function (value) {
+      return !!value;
+    },
+    pipeOut: function (value) {
+      // 更新内容
+      if (amisEditorCore.isObject(value)) {
+        return value;
+      } // 关到开
+
+
+      if (value) {
+        return {
+          icon: 'fa fa-question-circle',
+          trigger: ['hover'],
+          className: 'Remark--warning',
+          placement: 'top'
+        };
+      } // 开到关
+
+
+      return undefined;
+    },
+    form: {
+      size: 'md',
+      className: 'mb-8',
+      mode: 'horizontal',
+      horizontal: {
+        left: 4,
+        right: 8,
+        justify: true
+      },
+      body: {
+        type: 'grid',
+        className: 'pt-4 right-panel-pop',
+        gap: 'lg',
+        columns: [{
+          md: '6',
+          body: [{
+            name: 'title',
+            type: 'input-text',
+            label: i18nRuntime.i18n("dc19704991f1476fa4dcbb80c50bedd6"),
+            placeholder: i18nRuntime.i18n("55713166f8bddcc0aefc3a32464746f1")
+          }, {
+            name: 'content',
+            type: 'textarea',
+            label: i18nRuntime.i18n("2d711b09bd0db0ad240cc83b30dd8014")
+          }]
+        }, {
+          md: '6',
+          body: [{
+            name: 'placement',
+            type: 'button-group-select',
             size: 'md',
-            className: 'mb-8',
-            mode: 'horizontal',
-            horizontal: {
-                left: 4,
-                right: 8,
-                justify: true
+            label: i18nRuntime.i18n("59b9e2022323a63079c6ddab63fec112"),
+            options: [{
+              label: i18nRuntime.i18n("af767b7e4ae069d54f9ea839858d4c6d"),
+              value: 'top'
+            }, {
+              label: i18nRuntime.i18n("3850a186c3235bc646d4c2f79cebac36"),
+              value: 'bottom'
+            }, {
+              label: i18nRuntime.i18n("d2aff1417831aa621c16cd5b95306b4b"),
+              value: 'left'
+            }, {
+              label: i18nRuntime.i18n("4d9c32c23df5d234e629c922c58d8e12"),
+              value: 'right'
+            }]
+          }, {
+            name: 'icon',
+            label: i18nRuntime.i18n("5ef69f62dc668c1a3e68b51c50a2530a"),
+            type: 'icon-picker',
+            className: 'fix-icon-picker-overflow'
+          }, {
+            name: 'className',
+            label: i18nRuntime.i18n("4434b33a8731a73613ba5fa1eb984efb"),
+            type: 'input-text',
+            labelRemark: BaseLabelMark(i18nRuntime.i18n("f10b676db977ae808af8d96b327be7f3"))
+          }, {
+            name: 'trigger',
+            type: 'select',
+            label: i18nRuntime.i18n("159dbc2fafd57b9d3652f16659b1b519"),
+            labelRemark: BaseLabelMark(i18nRuntime.i18n("45a51525391d4a3771b22f2cf1aa96b3")),
+            multiple: true,
+            pipeIn: function (value) {
+              return Array.isArray(value) ? value.join(',') : [];
+            },
+            pipeOut: function (value) {
+              return value && value.length ? value.split(',') : ['hover'];
             },
-            body: {
-                type: 'grid',
-                className: 'pt-4 right-panel-pop',
-                gap: 'lg',
-                columns: [
-                    {
-                        md: '6',
-                        body: [
-                            {
-                                name: 'title',
-                                type: 'input-text',
-                                label: '提示标题',
-                                placeholder: '请输入提示标题'
-                            },
-                            {
-                                name: 'content',
-                                type: 'textarea',
-                                label: '内容'
-                            }
-                        ]
-                    },
-                    {
-                        md: '6',
-                        body: [
-                            {
-                                name: 'placement',
-                                type: 'button-group-select',
-                                size: 'md',
-                                label: '弹出位置',
-                                options: [
-                                    {
-                                        label: '上',
-                                        value: 'top'
-                                    },
-                                    {
-                                        label: '下',
-                                        value: 'bottom'
-                                    },
-                                    {
-                                        label: '左',
-                                        value: 'left'
-                                    },
-                                    {
-                                        label: '右',
-                                        value: 'right'
-                                    }
-                                ]
-                            },
-                            {
-                                name: 'icon',
-                                label: '图标',
-                                type: 'icon-picker',
-                                className: 'fix-icon-picker-overflow'
-                            },
-                            {
-                                name: 'className',
-                                label: 'CSS 类名',
-                                type: 'input-text',
-                                labelRemark: BaseLabelMark('有哪些辅助类 CSS 类名？请前往 <a href="https://baidu.gitee.io/amis/zh-CN/style/index" target="_blank">样式说明</a>，除此之外你可以添加自定义类名，然后在系统配置中添加自定义样式。')
-                            },
-                            {
-                                name: 'trigger',
-                                type: 'select',
-                                label: '触发方式',
-                                labelRemark: BaseLabelMark('浮层触发方式默认值为鼠标悬停'),
-                                multiple: true,
-                                pipeIn: function (value) {
-                                    return Array.isArray(value) ? value.join(',') : [];
-                                },
-                                pipeOut: function (value) {
-                                    return value && value.length ? value.split(',') : ['hover'];
-                                },
-                                options: [
-                                    {
-                                        label: '鼠标悬停',
-                                        value: 'hover'
-                                    },
-                                    {
-                                        label: '点击',
-                                        value: 'click'
-                                    }
-                                ]
-                            },
-                            {
-                                name: 'rootClose',
-                                visibleOn: '~this.trigger.indexOf("click")',
-                                label: '点击空白关闭',
-                                type: 'switch',
-                                mode: 'row',
-                                inputClassName: 'inline-flex justify-between flex-row-reverse'
-                            }
-                        ]
-                    }
-                ]
-            }
-        }
-    };
+            options: [{
+              label: i18nRuntime.i18n("728c7cdfa431821d291b5108394ec65a"),
+              value: 'hover'
+            }, {
+              label: i18nRuntime.i18n("4363c17ebb346b646af55bd8c8075915"),
+              value: 'click'
+            }]
+          }, {
+            name: 'rootClose',
+            visibleOn: '~this.trigger.indexOf("click")',
+            label: i18nRuntime.i18n("5632c68dac780bd766f740830481f4b0"),
+            type: 'switch',
+            mode: 'row',
+            inputClassName: 'inline-flex justify-between flex-row-reverse'
+          }]
+        }]
+      }
+    }
+  };
 }
 
 exports.BUTTON_DEFAULT_ACTION = BUTTON_DEFAULT_ACTION;
 exports.BaseLabelMark = BaseLabelMark;
 exports.formItemControl = formItemControl;
 exports.remarkTpl = remarkTpl;
-exports.tipedLabel = tipedLabel;

package/lib/component/InputComponentName.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -10,7 +10,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 function InputComponentName(props) {
-    var value = props.value, onChange = props.onChange, render = props.render, name = props.name, node = props.node;
+    var value = props.value, onChange = props.onChange, render = props.render, name = props.name, node = props.node, placeholder = props.placeholder;
     var _a = React.useState([]), options = _a[0], setOptions = _a[1];
     React.useEffect(function () {
         var thisComp = node === null || node === void 0 ? void 0 : node.getComponent();
@@ -33,7 +33,8 @@ function InputComponentName(props) {
     }
     return render('inner', {
         type: 'input-text',
-        name: name
+        name: name,
+        placeholder: placeholder
     }, {
         value: value,
         onChange: onInnerChange,