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

package/lib/plugin/Form/InputColor.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,288 +8,288 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
+var amisEditorCore = require('amis-editor-core');
 var validator = require('../../validator.js');
-var util = require('../../util.js');
-var BaseControl = require('../../component/BaseControl.js');
+var helper = require('../../renderer/event-control/helper.js');
 var tinyColor = require('tinycolor2');
+var i18nRuntime = require('i18n-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var tinyColor__default = /*#__PURE__*/_interopDefaultLegacy(tinyColor);
 
 function convertColor(value, format) {
-    format = format.toLocaleLowerCase();
-    function convert(v) {
-        var color = tinyColor__default["default"](v);
-        if (!color.isValid()) {
-            return '';
-        }
-        if (format !== 'rgba') {
-            color.setAlpha(1);
-        }
-        switch (format) {
-            case 'hex':
-                return color.toHexString();
-            case 'hsl':
-                return color.toHslString();
-            case 'rgb':
-                return color.toRgbString();
-            case 'rgba':
-                var _a = color.toRgb(), r = _a.r, g = _a.g, b = _a.b, a = _a.a;
-                return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
-            default:
-                return color.toString();
-        }
+  format = format.toLocaleLowerCase();
+
+  function convert(v) {
+    var color = tinyColor__default["default"](v);
+
+    if (!color.isValid()) {
+      return '';
+    }
+
+    if (format !== 'rgba') {
+      color.setAlpha(1);
+    }
+
+    switch (format) {
+      case 'hex':
+        return color.toHexString();
+
+      case 'hsl':
+        return color.toHslString();
+
+      case 'rgb':
+        return color.toRgbString();
+
+      case 'rgba':
+        var _a = color.toRgb(),
+            r = _a.r,
+            g = _a.g,
+            b = _a.b,
+            a = _a.a;
+
+        return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
+
+      default:
+        return color.toString();
     }
-    return Array.isArray(value) ? value.map(convert) : convert(value);
+  }
+
+  return Array.isArray(value) ? value.map(convert) : convert(value);
 }
-var presetColors = [
-    '#ffffff',
-    '#000000',
-    '#d0021b',
-    '#f5a623',
-    '#f8e71c',
-    '#7ED321',
-    '#4A90E2',
-    '#9013fe'
-];
+
+var presetColors = ['#ffffff', '#000000', '#d0021b', '#f5a623', '#f8e71c', '#7ED321', '#4A90E2', '#9013fe'];
 var colorFormat = ['hex', 'rgb', 'rgba', 'hsl'];
 var presetColorsByFormat = colorFormat.reduce(function (res, fmt) {
-    res[fmt] = convertColor(presetColors, fmt);
-    return res;
+  res[fmt] = convertColor(presetColors, fmt);
+  return res;
 }, {});
-var ColorControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(ColorControlPlugin, _super);
-    function ColorControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'input-color';
-        _this.$schema = '/schemas/ColorControlSchema.json';
-        // 组件名称
-        _this.name = '颜色框';
-        _this.isBaseComponent = true;
-        _this.icon = 'fa fa-eyedropper';
-        _this.description = '支持<code>hex、hls、rgb、rgba</code>格式，默认为<code>hex</code>格式';
-        _this.docLink = '/amis/zh-CN/components/form/input-color';
-        _this.tags = ['表单项'];
-        _this.scaffold = {
-            type: 'input-color',
-            label: '颜色',
-            name: 'color'
-        };
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            mode: 'horizontal',
-            wrapWithPanel: false,
-            body: [
-                tslib.__assign({}, _this.scaffold)
-            ]
+
+var ColorControlPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(ColorControlPlugin, _super);
+
+  function ColorControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'input-color';
+    _this.$schema = '/schemas/ColorControlSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("d1b5ad85ada6350ea1a1432b813700be");
+    _this.isBaseComponent = true;
+    _this.icon = 'fa fa-eyedropper';
+    _this.pluginIcon = 'input-color-plugin';
+    _this.description = i18nRuntime.i18n("5a9e72d006165ae3dacdbd96f931f70e");
+    _this.docLink = '/amis/zh-CN/components/form/input-color';
+    _this.tags = [i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'input-color',
+      label: i18nRuntime.i18n("6b36c6f7ec834692ec6c8e3816349fdd"),
+      name: 'color'
+    };
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      mode: 'horizontal',
+      wrapWithPanel: false,
+      body: [tslib.__assign({}, _this.scaffold)]
+    };
+    _this.panelTitle = i18nRuntime.i18n("d1b5ad85ada6350ea1a1432b813700be");
+    _this.notRenderFormZone = true;
+    _this.events = [{
+      eventName: 'change',
+      eventLabel: i18nRuntime.i18n("755955372bcc0c7ebf161a656bc389b3"),
+      description: i18nRuntime.i18n("277daf93adca7889605057f566b584bf")
+    }, {
+      eventName: 'focus',
+      eventLabel: i18nRuntime.i18n("ab0710b367acefa1d6a78e2338291e86"),
+      description: i18nRuntime.i18n("829c57d7064cad467ec466ae26244ebb")
+    }, {
+      eventName: 'blur',
+      eventLabel: i18nRuntime.i18n("fc96a5f1b79cb734afe08e401b6ba5e7"),
+      description: i18nRuntime.i18n("40fa260f07ed5a14f9516c0c37fbfd4e")
+    }];
+    _this.actions = [{
+      actionType: 'clear',
+      actionLabel: i18nRuntime.i18n("288f0c404c4e546aa3683ff5054e85e2"),
+      description: i18nRuntime.i18n("3086da6514671fb8950171bf3af4ab2d")
+    }, {
+      actionType: 'focus',
+      actionLabel: i18nRuntime.i18n("ab0710b367acefa1d6a78e2338291e86"),
+      description: i18nRuntime.i18n("829c57d7064cad467ec466ae26244ebb")
+    }];
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      var renderer = context.info.renderer;
+      var formatOptions = colorFormat.map(function (value) {
+        return {
+          label: value.toUpperCase(),
+          value: value
         };
-        _this.panelTitle = '颜色框';
-        _this.notRenderFormZone = true;
-        _this.events = [
-            {
-                eventName: 'change',
-                eventLabel: '值变化',
-                description: '输入框内容变化'
-            },
-            {
-                eventName: 'focus',
-                eventLabel: '获取焦点',
-                description: '输入框获取焦点'
-            },
-            {
-                eventName: 'blur',
-                eventLabel: '失去焦点',
-                description: '输入框失去焦点'
+      });
+      return amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [amisEditorCore.getSchemaTpl('formItemName', {
+            required: true
+          }), amisEditorCore.getSchemaTpl('label'), {
+            type: 'select',
+            label: i18nRuntime.i18n("db0258df1ddbd88749b335aecdc8425e"),
+            name: 'format',
+            value: 'hex',
+            options: formatOptions,
+            onChange: function (format, oldFormat, model, form) {
+              var _a = form.data,
+                  value = _a.value,
+                  presetColors = _a.presetColors;
+
+              if (value) {
+                form.setValueByName('value', convertColor(value, format));
+              }
+
+              if (Array.isArray(presetColors)) {
+                form.setValueByName('presetColors', convertColor(presetColors, format));
+              }
             }
-        ];
-        _this.actions = [
-            {
-                actionType: 'clear',
-                actionLabel: '清空',
-                description: '清空输入框内容'
+          }, tslib.__spreadArray([], formatOptions.map(function (_a) {
+            var value = _a.value;
+            return _this.getConditionalColorPanel(value);
+          }), true), // {
+          //   label: '默认值',
+          //   name: 'value',
+          //   type: 'input-color',
+          //   format: '${format}'
+          // },
+          amisEditorCore.getSchemaTpl('clearable'), amisEditorCore.getSchemaTpl('labelRemark'), amisEditorCore.getSchemaTpl('remark'), amisEditorCore.getSchemaTpl('placeholder'), amisEditorCore.getSchemaTpl('description'), amisEditorCore.getSchemaTpl('autoFillApi')]
+        }, {
+          title: i18nRuntime.i18n("a47b08f4c83158a058c06e176cff501a"),
+          body: tslib.__spreadArray([amisEditorCore.getSchemaTpl('switch', {
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("1b25b3b1b5076f0c2e6bd12d73c56f79"), i18nRuntime.i18n("9b161db0e2e749c1106c702c8097d380")),
+            name: 'allowCustomColor',
+            disabledOn: 'Array.isArray(presetColors) && presetColors.length === 0',
+            pipeIn: function (value) {
+              return typeof value === 'undefined' ? false : !value;
             },
-            {
-                actionType: 'focus',
-                actionLabel: '获取焦点',
-                description: '输入框获取焦点'
+            pipeOut: function (value) {
+              return !value;
             }
-        ];
-        _this.panelJustify = true;
-        _this.panelBodyCreator = function (context) {
-            var renderer = context.info.renderer;
-            var formatOptions = colorFormat.map(function (value) { return ({
-                label: value.toUpperCase(),
-                value: value
-            }); });
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '属性',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        {
-                            title: '基本',
-                            body: [
-                                AMisCodeEditor.getSchemaTpl('formItemName', {
-                                    required: true
-                                }),
-                                AMisCodeEditor.getSchemaTpl('label'),
-                                {
-                                    type: 'select',
-                                    label: '值格式',
-                                    name: 'format',
-                                    value: 'hex',
-                                    options: formatOptions,
-                                    onChange: function (format, oldFormat, model, form) {
-                                        var _a = form.data, value = _a.value, presetColors = _a.presetColors;
-                                        if (value) {
-                                            form.setValueByName('value', convertColor(value, format));
-                                        }
-                                        if (Array.isArray(presetColors)) {
-                                            form.setValueByName('presetColors', convertColor(presetColors, format));
-                                        }
-                                    }
-                                },
-                                tslib.__spreadArray([], formatOptions.map(function (_a) {
-                                    var value = _a.value;
-                                    return _this.getConditionalColorPanel(value);
-                                }), true),
-                                // {
-                                //   label: '默认值',
-                                //   name: 'value',
-                                //   type: 'input-color',
-                                //   format: '${format}'
-                                // },
-                                AMisCodeEditor.getSchemaTpl('clearable'),
-                                AMisCodeEditor.getSchemaTpl('labelRemark'),
-                                AMisCodeEditor.getSchemaTpl('remark'),
-                                AMisCodeEditor.getSchemaTpl('placeholder'),
-                                AMisCodeEditor.getSchemaTpl('description')
-                            ]
-                        },
-                        {
-                            title: '拾色器',
-                            body: tslib.__spreadArray([
-                                AMisCodeEditor.getSchemaTpl('switch', {
-                                    label: BaseControl.tipedLabel('隐藏调色盘', '开启时，禁止手动输入颜色，只能从备选颜色中选择'),
-                                    name: 'allowCustomColor',
-                                    disabledOn: 'Array.isArray(presetColors) && presetColors.length === 0',
-                                    pipeIn: function (value) {
-                                        return typeof value === 'undefined' ? false : !value;
-                                    },
-                                    pipeOut: function (value) { return !value; }
-                                }),
-                                AMisCodeEditor.getSchemaTpl('switch', {
-                                    label: BaseControl.tipedLabel('备选色', '拾色器底部的备选颜色'),
-                                    name: 'presetColors',
-                                    onText: '自定义',
-                                    offText: '默认',
-                                    pipeIn: function (value) {
-                                        return typeof value === 'undefined' ? false : true;
-                                    },
-                                    pipeOut: function (value, originValue, _a) {
-                                        var _b = _a.format, format = _b === void 0 ? 'hex' : _b;
-                                        return !value ? undefined : presetColorsByFormat[format];
-                                    },
-                                    onChange: function (colors, oldValue, model, form) {
-                                        if (Array.isArray(colors) && colors.length === 0) {
-                                            form.setValueByName('allowCustomColor', true);
-                                        }
-                                    }
-                                })
-                            ], formatOptions.map(function (_a) {
-                                var value = _a.value;
-                                return _this.getConditionalColorComb(value);
-                            }), true)
-                        },
-                        AMisCodeEditor.getSchemaTpl('status', {
-                            isFormItem: true
-                        }),
-                        AMisCodeEditor.getSchemaTpl('validation', {
-                            tag: validator.ValidatorTag.MultiSelect
-                        })
-                    ], tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), { configTitle: 'props' }))
-                },
-                {
-                    title: '外观',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        AMisCodeEditor.getSchemaTpl('style:formItem', { renderer: renderer }),
-                        AMisCodeEditor.getSchemaTpl('style:classNames', {
-                            schema: [
-                                AMisCodeEditor.getSchemaTpl('className', {
-                                    label: '描述',
-                                    name: 'descriptionClassName',
-                                    visibleOn: 'this.description'
-                                })
-                            ]
-                        })
-                    ], tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), { configTitle: 'style' }))
-                },
-                {
-                    title: '事件',
-                    className: 'p-none',
-                    body: [
-                        AMisCodeEditor.getSchemaTpl('eventControl', tslib.__assign({ name: 'onEvent' }, util.getEventControlConfig(_this.manager, context)))
-                    ]
-                }
-            ]);
-        };
-        return _this;
-    }
-    ColorControlPlugin.prototype.getConditionalColorPanel = function (format) {
-        var visibleOnNoFormat = format === 'hex' ? ' || !this.format' : '';
-        return {
-            label: '默认值',
-            name: 'value',
-            type: 'input-color',
-            format: format,
-            clearable: true,
-            visibleOn: "this.format===\"".concat(format, "\"").concat(visibleOnNoFormat),
-            presetColors: presetColorsByFormat[format]
-        };
-    };
-    ColorControlPlugin.prototype.getConditionalColorComb = function (format) {
-        var visibleOnNoFormat = format === 'hex' ? ' || !this.format' : '';
-        return AMisCodeEditor.getSchemaTpl('combo-container', {
-            type: 'combo',
-            mode: 'normal',
+          }), amisEditorCore.getSchemaTpl('switch', {
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("05a64e0df1490a5db391e7a43eced6e0"), i18nRuntime.i18n("6cbabc9a4cc07c1e26bb131c02833f8d")),
             name: 'presetColors',
-            items: [
-                {
-                    type: 'input-color',
-                    format: format,
-                    name: 'color',
-                    clearable: false,
-                    presetColors: presetColorsByFormat[format]
-                }
-            ],
-            draggable: false,
-            multiple: true,
-            visibleOn: "this.presetColors !== undefined && (this.format === \"".concat(format, "\"").concat(visibleOnNoFormat, ")"),
-            onChange: function (colors, oldValue, model, form) {
-                if (Array.isArray(colors) && colors.length === 0) {
-                    form.setValueByName('allowCustomColor', true);
-                }
-            },
+            onText: i18nRuntime.i18n("f1d4ff50f3828f9b73412e7d94e6dd6e"),
+            offText: i18nRuntime.i18n("18c63459a2c069022c7790430f761214"),
             pipeIn: function (value) {
-                return value.map(function (color, index) {
-                    if (color === void 0) { color = ''; }
-                    return ({
-                        key: "".concat(color, "-").concat(index),
-                        color: convertColor(color, format)
-                    });
-                });
+              return typeof value === 'undefined' ? false : true;
             },
-            pipeOut: function (value) { return value.map(function (_a) {
-                var color = _a.color;
-                return color;
-            }); }
-        });
+            pipeOut: function (value, originValue, _a) {
+              var _b = _a.format,
+                  format = _b === void 0 ? 'hex' : _b;
+              return !value ? undefined : presetColorsByFormat[format];
+            },
+            onChange: function (colors, oldValue, model, form) {
+              if (Array.isArray(colors) && colors.length === 0) {
+                form.setValueByName('allowCustomColor', true);
+              }
+            }
+          })], formatOptions.map(function (_a) {
+            var value = _a.value;
+            return _this.getConditionalColorComb(value);
+          }), true)
+        }, amisEditorCore.getSchemaTpl('status', {
+          isFormItem: true
+        }), amisEditorCore.getSchemaTpl('validation', {
+          tag: validator.ValidatorTag.MultiSelect
+        })], tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), {
+          configTitle: 'props'
+        }))
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [amisEditorCore.getSchemaTpl('style:formItem', {
+          renderer: renderer
+        }), amisEditorCore.getSchemaTpl('style:classNames', {
+          schema: [amisEditorCore.getSchemaTpl('className', {
+            label: i18nRuntime.i18n("3bdd08adab6ea90b9164b20a0e4151ac"),
+            name: 'descriptionClassName',
+            visibleOn: 'this.description'
+          })]
+        })], tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), {
+          configTitle: 'style'
+        }))
+      }, {
+        title: i18nRuntime.i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [amisEditorCore.getSchemaTpl('eventControl', tslib.__assign({
+          name: 'onEvent'
+        }, helper.getEventControlConfig(_this.manager, context)))]
+      }]);
+    };
+
+    return _this;
+  }
+
+  ColorControlPlugin.prototype.getConditionalColorPanel = function (format) {
+    var visibleOnNoFormat = format === 'hex' ? ' || !this.format' : '';
+    return {
+      label: i18nRuntime.i18n("225f3ed00750ae78ad1e6ea42c8f5087"),
+      name: 'value',
+      type: 'input-color',
+      format: format,
+      clearable: true,
+      visibleOn: "this.format===\"".concat(format, "\"").concat(visibleOnNoFormat),
+      presetColors: presetColorsByFormat[format]
     };
-    return ColorControlPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(ColorControlPlugin);
+  };
+
+  ColorControlPlugin.prototype.getConditionalColorComb = function (format) {
+    var visibleOnNoFormat = format === 'hex' ? ' || !this.format' : '';
+    return amisEditorCore.getSchemaTpl('combo-container', {
+      type: 'combo',
+      mode: 'normal',
+      name: 'presetColors',
+      items: [{
+        type: 'input-color',
+        format: format,
+        name: 'color',
+        clearable: false,
+        presetColors: presetColorsByFormat[format]
+      }],
+      draggable: false,
+      multiple: true,
+      visibleOn: "this.presetColors !== undefined && (this.format === \"".concat(format, "\"").concat(visibleOnNoFormat, ")"),
+      onChange: function (colors, oldValue, model, form) {
+        if (Array.isArray(colors) && colors.length === 0) {
+          form.setValueByName('allowCustomColor', true);
+        }
+      },
+      pipeIn: function (value) {
+        return value.map(function (color, index) {
+          if (color === void 0) {
+            color = '';
+          }
+
+          return {
+            key: "".concat(color, "-").concat(index),
+            color: convertColor(color, format)
+          };
+        });
+      },
+      pipeOut: function (value) {
+        return value.map(function (_a) {
+          var _b = _a.color,
+              color = _b === void 0 ? '' : _b;
+          return color;
+        });
+      }
+    });
+  };
+
+  return ColorControlPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(ColorControlPlugin);
 
 exports.ColorControlPlugin = ColorControlPlugin;

package/lib/plugin/Form/InputDate.d.ts

@@ -1,10 +1,11 @@
 import { BasePlugin, BaseEventContext } from 'amis-editor-core';
-import { RendererAction, RendererEvent } from 'amis-editor-comp/dist/renderers/event-action';
+import { RendererPluginAction, RendererPluginEvent } from 'amis-editor-core';
 export declare class DateControlPlugin extends BasePlugin {
     rendererName: string;
     $schema: string;
     order: number;
     icon: string;
+    pluginIcon: string;
     name: string;
     isBaseComponent: boolean;
     searchKeywords: string;
@@ -19,8 +20,8 @@ export declare class DateControlPlugin extends BasePlugin {
     previewSchema: any;
     notRenderFormZone: boolean;
     panelTitle: string;
-    events: RendererEvent[];
-    actions: RendererAction[];
+    events: RendererPluginEvent[];
+    actions: RendererPluginAction[];
     panelJustify: boolean;
     panelBodyCreator: (context: BaseEventContext) => any;
 }