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

package/lib/plugin/Progress.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,251 +8,222 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var AMisCodeEditor = require('amis-editor-core');
-var BaseControl = require('../component/BaseControl.js');
+var amisEditorCore = require('amis-editor-core');
+var i18nRuntime = require('i18n-runtime');
 
-var ProgressPlugin = /** @class */ (function (_super) {
-    tslib.__extends(ProgressPlugin, _super);
-    function ProgressPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'progress';
-        _this.$schema = '/schemas/ProgressSchema.json';
-        // 组件名称
-        _this.name = '进度展示';
-        _this.searchKeywords = '进度条、progress';
-        _this.isBaseComponent = true;
-        _this.description = '用来展示进度。可配置各个进度段用不同的颜色展示。';
-        _this.docLink = '/amis/zh-CN/components/progress';
-        _this.tags = ['展示'];
-        _this.icon = 'fa fa-angle-double-right';
-        _this.scaffold = {
-            type: 'progress',
-            value: 66,
-            strokeWidth: 6
-        };
-        _this.previewSchema = tslib.__assign({}, _this.scaffold);
-        _this.panelTitle = '进度';
-        _this.panelJustify = true;
-        _this.panelBodyCreator = function (context) {
-            var isFormItem = !!(context === null || context === void 0 ? void 0 : context.info.renderer.isFormItem);
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '属性',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        {
-                            title: '基本',
-                            body: [
-                                {
-                                    label: '类型',
-                                    name: 'mode',
-                                    type: 'select',
-                                    option: '继承',
-                                    value: 'line',
-                                    tiled: true,
-                                    options: [
-                                        {
-                                            label: '线形',
-                                            value: 'line'
-                                        },
-                                        {
-                                            label: '圆形',
-                                            value: 'circle'
-                                        },
-                                        {
-                                            label: '仪表盘',
-                                            value: 'dashboard'
-                                        }
-                                    ],
-                                    onChange: function (value, oldValue, model, form) {
-                                        if (value === 'circle') {
-                                            form.setValueByName('gapDegree', 0);
-                                            form.setValueByName('gapPosition', '');
-                                        }
-                                        else if (value === 'dashboard') {
-                                            form.setValueByName('gapDegree', 75);
-                                            form.setValueByName('gapPosition', 'bottom');
-                                        }
-                                    }
-                                },
-                                {
-                                    type: 'input-number',
-                                    name: 'value',
-                                    label: '默认值',
-                                    min: 0,
-                                    max: 100
-                                },
-                                AMisCodeEditor.getSchemaTpl('menuTpl', {
-                                    name: 'valueTpl'
-                                }),
-                                AMisCodeEditor.getSchemaTpl('switch', {
-                                    name: 'showLabel',
-                                    label: '进度值',
-                                    pipeIn: AMisCodeEditor.defaultValue(true)
-                                }),
-                                AMisCodeEditor.getSchemaTpl('placeholder', {
-                                    value: '-',
-                                    placeholder: '无数据空位提示',
-                                    label: BaseControl.tipedLabel('占位提示', '数据字段未定义时的值，不包括0')
-                                })
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('status', { isFormItem: isFormItem })
-                    ])
-                },
-                {
-                    title: '外观',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        {
-                            title: '基本',
-                            body: [
-                                {
-                                    type: 'select',
-                                    name: 'progressClassName',
-                                    label: '尺寸',
-                                    value: '',
-                                    options: [
-                                        {
-                                            label: '极小',
-                                            value: 'w-xs'
-                                        },
-                                        {
-                                            label: '小',
-                                            value: 'w-sm'
-                                        },
-                                        {
-                                            label: '中',
-                                            value: 'w-md'
-                                        },
-                                        {
-                                            label: '大',
-                                            value: 'w-lg'
-                                        },
-                                        {
-                                            label: '默认',
-                                            value: ''
-                                        }
-                                    ]
-                                },
-                                {
-                                    type: 'input-number',
-                                    name: 'strokeWidth',
-                                    label: '线条宽度',
-                                    value: 6,
-                                    min: 0,
-                                    max: 100
-                                },
-                                {
-                                    type: 'input-number',
-                                    name: 'gapDegree',
-                                    visibleOn: 'data.mode === "dashboard"',
-                                    label: '缺口角度',
-                                    value: 75,
-                                    min: 0,
-                                    max: 295
-                                },
-                                {
-                                    label: '缺口位置',
-                                    name: 'gapPosition',
-                                    type: 'button-group-select',
-                                    visibleOn: 'data.mode === "dashboard"',
-                                    value: AMisCodeEditor.defaultValue('bottom'),
-                                    tiled: true,
-                                    options: [
-                                        {
-                                            label: '上',
-                                            value: 'top'
-                                        },
-                                        {
-                                            label: '下',
-                                            value: 'bottom'
-                                        },
-                                        {
-                                            label: '左',
-                                            value: 'left'
-                                        },
-                                        {
-                                            label: '右',
-                                            value: 'right'
-                                        }
-                                    ]
-                                },
-                                AMisCodeEditor.getSchemaTpl('switch', {
-                                    name: 'animate',
-                                    label: '显示动画',
-                                    visibleOn: 'data.mode === "line"'
-                                }),
-                                {
-                                    type: 'button-group-select',
-                                    name: 'style',
-                                    label: '样式',
-                                    visibleOn: 'data.mode === "line"',
-                                    options: [
-                                        {
-                                            label: '纯色',
-                                            value: 'purity'
-                                        },
-                                        {
-                                            label: '条纹',
-                                            value: 'stripe'
-                                        }
-                                    ],
-                                    pipeIn: function (value, form) {
-                                        var _a;
-                                        return ((_a = form.data) === null || _a === void 0 ? void 0 : _a.stripe) ? 'stripe' : 'purity';
-                                    },
-                                    onChange: function (value, oldValue, model, form) {
-                                        form.setValueByName('stripe', value === 'stripe');
-                                    }
-                                },
-                                {
-                                    name: 'map',
-                                    type: 'combo',
-                                    mode: 'normal',
-                                    multiple: true,
-                                    label: BaseControl.tipedLabel('颜色', '分配不同的值段，用不同的颜色提示用户'),
-                                    items: [
-                                        {
-                                            type: 'input-number',
-                                            name: 'value',
-                                            placeholder: 'value',
-                                            required: true,
-                                            columnClassName: 'w-xs',
-                                            unique: true,
-                                            min: 0,
-                                            step: 10,
-                                            precision: 0
-                                        },
-                                        {
-                                            placeholder: 'color',
-                                            type: 'input-color',
-                                            name: 'color',
-                                            required: true
-                                        }
-                                    ],
-                                    value: [
-                                        { color: '#dc3545', value: 20 },
-                                        { color: '#fad733', value: 60 },
-                                        { color: '#28a745', value: 100 }
-                                    ],
-                                    pipeIn: function (value) {
-                                        return Array.isArray(value) ? value : [];
-                                    }
-                                }
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('style:classNames', {
-                            schema: [],
-                            isFormItem: isFormItem
-                        })
-                    ])
-                }
-            ]);
-        };
-        return _this;
-    }
-    return ProgressPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(ProgressPlugin);
+var ProgressPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(ProgressPlugin, _super);
+
+  function ProgressPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'progress';
+    _this.$schema = '/schemas/ProgressSchema.json'; // 组件名称
+
+    _this.name = i18nRuntime.i18n("83077805e05ac6bedad69b47fca4462b");
+    _this.searchKeywords = i18nRuntime.i18n("c77048def6e8a2d6c556a3fcc9c66730");
+    _this.isBaseComponent = true;
+    _this.description = i18nRuntime.i18n("b1aefb18d4bf96dc283a26d67abc41a8");
+    _this.docLink = '/amis/zh-CN/components/progress';
+    _this.tags = [i18nRuntime.i18n("027446c2f9070b0f5b16a18208bf5fc7")];
+    _this.icon = 'fa fa-angle-double-right';
+    _this.pluginIcon = 'progress-plugin';
+    _this.scaffold = {
+      type: 'progress',
+      value: 66,
+      strokeWidth: 6
+    };
+    _this.previewSchema = tslib.__assign({}, _this.scaffold);
+    _this.panelTitle = i18nRuntime.i18n("c7bff79d059a0b7ff9b02441959d8be2");
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      var isFormItem = !!(context === null || context === void 0 ? void 0 : context.info.renderer.isFormItem);
+      return amisEditorCore.getSchemaTpl('tabs', [{
+        title: i18nRuntime.i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            label: i18nRuntime.i18n("226b0912184333c81babf2f1894ec0c1"),
+            name: 'mode',
+            type: 'select',
+            option: i18nRuntime.i18n("2dde3029c4170a1c8e961a90766e0194"),
+            value: 'line',
+            tiled: true,
+            options: [{
+              label: i18nRuntime.i18n("ce179eca04fab0d584506b0d19736836"),
+              value: 'line'
+            }, {
+              label: i18nRuntime.i18n("2db0fcd5342b479688fd999a0108ef5a"),
+              value: 'circle'
+            }, {
+              label: i18nRuntime.i18n("3fa8b34a2744f62fe93dd599a275af39"),
+              value: 'dashboard'
+            }],
+            onChange: function (value, oldValue, model, form) {
+              if (value === 'circle') {
+                form.setValueByName('gapDegree', 0);
+                form.setValueByName('gapPosition', '');
+              } else if (value === 'dashboard') {
+                form.setValueByName('gapDegree', 75);
+                form.setValueByName('gapPosition', 'bottom');
+              }
+            }
+          }, {
+            type: 'input-number',
+            name: 'value',
+            label: i18nRuntime.i18n("225f3ed00750ae78ad1e6ea42c8f5087"),
+            min: 0,
+            max: 100
+          }, amisEditorCore.getSchemaTpl('menuTpl', {
+            name: 'valueTpl'
+          }), amisEditorCore.getSchemaTpl('switch', {
+            name: 'showLabel',
+            label: i18nRuntime.i18n("1ca3fa86d8faa46cc75792bcf90d7fff"),
+            pipeIn: amisEditorCore.defaultValue(true)
+          }), amisEditorCore.getSchemaTpl('placeholder', {
+            value: '-',
+            placeholder: i18nRuntime.i18n("b0932e5bb7f7d95e3636d82d1a039854"),
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("940b12c19fcf7aced0cdd164edc9acbc"), i18nRuntime.i18n("9cf66e7783e4c9b1d74bcd411edb6950"))
+          })]
+        }, amisEditorCore.getSchemaTpl('status', {
+          isFormItem: isFormItem
+        })])
+      }, {
+        title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+          title: i18nRuntime.i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [{
+            type: 'select',
+            name: 'progressClassName',
+            label: i18nRuntime.i18n("c8339fd2a85af4ba66084d28df808de4"),
+            value: '',
+            options: [{
+              label: i18nRuntime.i18n("23ecf42cada8bf2715792d718544d107"),
+              value: 'w-xs'
+            }, {
+              label: i18nRuntime.i18n("391b8fa9c747a1799353ab856e666ad5"),
+              value: 'w-sm'
+            }, {
+              label: i18nRuntime.i18n("aed1dfbc31703955e64806b799b67645"),
+              value: 'w-md'
+            }, {
+              label: i18nRuntime.i18n("ab18e30c0dc4093ceeda8961fac3d1f4"),
+              value: 'w-lg'
+            }, {
+              label: i18nRuntime.i18n("18c63459a2c069022c7790430f761214"),
+              value: ''
+            }]
+          }, {
+            type: 'input-number',
+            name: 'strokeWidth',
+            label: i18nRuntime.i18n("2f0faae87508471abce4384b60900e15"),
+            value: 6,
+            min: 0,
+            max: 100
+          }, {
+            type: 'input-number',
+            name: 'gapDegree',
+            visibleOn: 'data.mode === "dashboard"',
+            label: i18nRuntime.i18n("bd9b3f7e564c9eeaedd72f1bcbb7fc9f"),
+            value: 75,
+            min: 0,
+            max: 295
+          }, {
+            label: i18nRuntime.i18n("31a088147dc0006e4775d066980fa688"),
+            name: 'gapPosition',
+            type: 'button-group-select',
+            visibleOn: 'data.mode === "dashboard"',
+            value: amisEditorCore.defaultValue('bottom'),
+            tiled: true,
+            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'
+            }]
+          }, amisEditorCore.getSchemaTpl('switch', {
+            name: 'animate',
+            label: i18nRuntime.i18n("77a7419dd4fad70c3f3e4b075b2c3fcb"),
+            visibleOn: 'data.mode === "line"'
+          }), {
+            type: 'button-group-select',
+            name: 'style',
+            label: i18nRuntime.i18n("39003734d1d700d5bd97bf1e7a2fcf73"),
+            visibleOn: 'data.mode === "line"',
+            options: [{
+              label: i18nRuntime.i18n("a04564aaca658461333b00cbcd071518"),
+              value: 'purity'
+            }, {
+              label: i18nRuntime.i18n("0a9fc7083e2768107fc178ff36f29ba0"),
+              value: 'stripe'
+            }],
+            pipeIn: function (value, form) {
+              var _a;
+
+              return ((_a = form.data) === null || _a === void 0 ? void 0 : _a.stripe) ? 'stripe' : 'purity';
+            },
+            onChange: function (value, oldValue, model, form) {
+              form.setValueByName('stripe', value === 'stripe');
+            }
+          }, {
+            name: 'map',
+            type: 'combo',
+            mode: 'normal',
+            multiple: true,
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("6b36c6f7ec834692ec6c8e3816349fdd"), i18nRuntime.i18n("c035fb9e67c0b566fd5d35889035424e")),
+            items: [{
+              type: 'input-number',
+              name: 'value',
+              placeholder: 'value',
+              required: true,
+              columnClassName: 'w-xs',
+              unique: true,
+              min: 0,
+              step: 10,
+              precision: 0
+            }, {
+              placeholder: 'color',
+              type: 'input-color',
+              name: 'color',
+              required: true
+            }],
+            value: [{
+              color: '#dc3545',
+              value: 20
+            }, {
+              color: '#fad733',
+              value: 60
+            }, {
+              color: '#28a745',
+              value: 100
+            }],
+            pipeIn: function (value) {
+              return Array.isArray(value) ? value : [];
+            }
+          }]
+        }, amisEditorCore.getSchemaTpl('style:classNames', {
+          schema: [],
+          isFormItem: isFormItem
+        })])
+      }]);
+    };
+
+    return _this;
+  }
+
+  return ProgressPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(ProgressPlugin);
 
 exports.ProgressPlugin = ProgressPlugin;

package/lib/plugin/Property.d.ts

@@ -5,6 +5,7 @@ export declare class PropertyPlugin extends BasePlugin {
     name: string;
     isBaseComponent: boolean;
     icon: string;
+    pluginIcon: string;
     description: string;
     docLink: string;
     tags: string[];