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

package/lib/plugin/Form/InputDateRange.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.0-beta.1
+ * amis-editor v5.2.0-beta.2
  * Copyright 2018-2022 @fex
  */
 
@@ -8,343 +8,306 @@
 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 validator = require('../../validator.js');
-var util = require('../../util.js');
+var helper = require('../../renderer/event-control/helper.js');
+var i18nRuntime = require('i18n-runtime');
 
 var DateType = {
-    date: {
-        format: 'YYYY-MM-DD',
-        placeholder: '请选择日期范围',
-        ranges: [
-            'yesterday',
-            '7daysago',
-            'prevweek',
-            'thismonth',
-            'prevmonth',
-            'prevquarter'
-        ]
-    },
-    datetime: {
-        format: 'YYYY-MM-DD HH:mm:ss',
-        placeholder: '请选择日期时间范围',
-        ranges: [
-            'yesterday',
-            '7daysago',
-            'prevweek',
-            'thismonth',
-            'prevmonth',
-            'prevquarter'
-        ]
-    },
-    time: {
-        format: 'HH:mm',
-        placeholder: '请选择时间范围',
-        ranges: []
-    },
-    month: {
-        format: 'YYYY-MM',
-        placeholder: '请选择月份范围',
-        ranges: []
-    },
-    quarter: {
-        format: 'YYYY [Q]Q',
-        placeholder: '请选择季度范围',
-        ranges: ['thisquarter', 'prevquarter']
-    },
-    year: {
-        format: 'YYYY',
-        placeholder: '请选择年范围',
-        ranges: ['thisyear', 'lastYear']
-    }
+  date: {
+    format: 'YYYY-MM-DD',
+    placeholder: i18nRuntime.i18n("a2847d82fc998cbe25447b14d113234b"),
+    ranges: ['yesterday', '7daysago', 'prevweek', 'thismonth', 'prevmonth', 'prevquarter']
+  },
+  datetime: {
+    format: 'YYYY-MM-DD HH:mm:ss',
+    placeholder: i18nRuntime.i18n("3f9c3a9eb55b7116bcaa6b614ecb38be"),
+    ranges: ['yesterday', '7daysago', 'prevweek', 'thismonth', 'prevmonth', 'prevquarter']
+  },
+  time: {
+    format: 'HH:mm',
+    placeholder: i18nRuntime.i18n("ddc4a982defd88cd164c61da914819e1"),
+    ranges: []
+  },
+  month: {
+    format: 'YYYY-MM',
+    placeholder: i18nRuntime.i18n("c899221db27c8b3606ce7c807f0765f2"),
+    ranges: []
+  },
+  quarter: {
+    format: 'YYYY [Q]Q',
+    placeholder: i18nRuntime.i18n("c09ddfc72d3c34ae6aa76d5a457cb403"),
+    ranges: ['thisquarter', 'prevquarter']
+  },
+  year: {
+    format: 'YYYY',
+    placeholder: i18nRuntime.i18n("cb6deedf9cd4a0b65abd70798cfed85e"),
+    ranges: ['thisyear', 'lastYear']
+  }
 };
-var tipedLabelText = '支持 <code>now、+1day、-2weeks、+1hours、+2years</code>这种相对值用法，同时支持变量如<code>\\${start_date}</code>';
-var DateRangeControlPlugin = /** @class */ (function (_super) {
-    tslib.__extends(DateRangeControlPlugin, _super);
-    function DateRangeControlPlugin() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        // 关联渲染器名字
-        _this.rendererName = 'input-date-range';
-        _this.$schema = '/schemas/DateRangeControlSchema.json';
-        _this.order = -440;
-        // 组件名称
-        _this.icon = 'fa fa-calendar';
-        _this.name = '日期范围';
-        _this.isBaseComponent = true;
-        // 添加源对应组件中文名称 & type字段
-        _this.searchKeywords = '日期范围框、input-datetime-range、日期时间范围、input-time-range、时间范围、input-month-range、月份范围、input-quarter-range、季度范围、input-year-range、年范围';
-        _this.description = '日期范围选择，可通过<code>minDate</code>、<code>maxDate</code>设定最小、最大日期';
-        _this.docLink = '/amis/zh-CN/components/form/input-date-range';
-        _this.tags = ['表单项'];
-        _this.scaffold = {
-            type: 'input-date-range',
-            label: '日期范围',
-            name: 'date-range'
-        };
-        _this.previewSchema = {
-            type: 'form',
-            className: 'text-left',
-            mode: 'horizontal',
-            wrapWithPanel: false,
-            body: [
-                tslib.__assign({}, _this.scaffold)
-            ]
-        };
-        _this.notRenderFormZone = true;
-        _this.panelTitle = '日期范围';
-        _this.events = [
-            {
-                eventName: 'change',
-                eventLabel: '值变化',
-                description: '时间值变化时触发',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.value': {
-                                type: 'string',
-                                title: '时间值'
-                            }
-                        }
-                    }
-                ]
-            },
-            {
-                eventName: 'focus',
-                eventLabel: '获取焦点',
-                description: '输入框获取焦点(非内嵌模式)时触发',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.value': {
-                                type: 'string',
-                                title: '时间值'
-                            }
-                        }
-                    }
-                ]
-            },
-            {
-                eventName: 'blur',
-                eventLabel: '失去焦点',
-                description: '输入框失去焦点(非内嵌模式)时触发',
-                dataSchema: [
-                    {
-                        type: 'object',
-                        properties: {
-                            'event.data.value': {
-                                type: 'string',
-                                title: '时间值'
-                            }
-                        }
-                    }
-                ]
+
+var tipedLabelText = i18nRuntime.i18n("4be42a8a2cbb9088b4d051cfd824d68c");
+
+var DateRangeControlPlugin =
+/** @class */
+function (_super) {
+  tslib.__extends(DateRangeControlPlugin, _super);
+
+  function DateRangeControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'input-date-range';
+    _this.$schema = '/schemas/DateRangeControlSchema.json';
+    _this.order = -440; // 组件名称
+
+    _this.icon = 'fa fa-calendar';
+    _this.pluginIcon = 'input-date-range-plugin';
+    _this.name = i18nRuntime.i18n("7866226eb814f681dcc4037e7489aab8");
+    _this.isBaseComponent = true; // 添加源对应组件中文名称 & type字段
+
+    _this.searchKeywords = i18nRuntime.i18n("28de3d73d839b616bd617b3636669780");
+    _this.description = i18nRuntime.i18n("9024ff398faf8340b92bf0208431973b");
+    _this.docLink = '/amis/zh-CN/components/form/input-date-range';
+    _this.tags = [i18nRuntime.i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'input-date-range',
+      label: i18nRuntime.i18n("7866226eb814f681dcc4037e7489aab8"),
+      name: 'date-range'
+    };
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      mode: 'horizontal',
+      wrapWithPanel: false,
+      body: [tslib.__assign({}, _this.scaffold)]
+    };
+    _this.notRenderFormZone = true;
+    _this.panelTitle = i18nRuntime.i18n("7866226eb814f681dcc4037e7489aab8");
+    _this.events = [{
+      eventName: 'change',
+      eventLabel: i18nRuntime.i18n("755955372bcc0c7ebf161a656bc389b3"),
+      description: i18nRuntime.i18n("96f9d9fc9cef8b18e3cd1cf9077147d1"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'string',
+            title: i18nRuntime.i18n("0a72b3858efffaa1bab685fa840b701b")
+          }
+        }
+      }]
+    }, {
+      eventName: 'focus',
+      eventLabel: i18nRuntime.i18n("ab0710b367acefa1d6a78e2338291e86"),
+      description: i18nRuntime.i18n("f6db3514c72bdc34922f137a8a92b997"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'string',
+            title: i18nRuntime.i18n("0a72b3858efffaa1bab685fa840b701b")
+          }
+        }
+      }]
+    }, {
+      eventName: 'blur',
+      eventLabel: i18nRuntime.i18n("fc96a5f1b79cb734afe08e401b6ba5e7"),
+      description: i18nRuntime.i18n("0f5fc3b84cf9c24ff3acae45ae22fb57"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'string',
+            title: i18nRuntime.i18n("0a72b3858efffaa1bab685fa840b701b")
+          }
+        }
+      }]
+    }]; // 动作定义
+
+    _this.actions = [{
+      actionType: 'clear',
+      actionLabel: i18nRuntime.i18n("288f0c404c4e546aa3683ff5054e85e2"),
+      description: i18nRuntime.i18n("3086da6514671fb8950171bf3af4ab2d")
+    }, {
+      actionType: 'reset',
+      actionLabel: i18nRuntime.i18n("4b9c3271dc2f299dc3aeffb369187513"),
+      description: i18nRuntime.i18n("8db57ba01ffb9bf29c1656de5f0208f5")
+    }, {
+      actionType: 'setValue',
+      actionLabel: i18nRuntime.i18n("8f40db3b25528063f1b6a59602a05cd5"),
+      description: i18nRuntime.i18n("0310aa5a05fe07147d8b7ef20616f659")
+    }];
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      var renderer = context.info.renderer;
+      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'), amisEditorCore.getSchemaTpl('selectDateRangeType', {
+            value: _this.scaffold.type,
+            onChange: function (value, oldValue, model, form) {
+              var _a, _b, _c;
+
+              var type = value.split('-')[1];
+              form.setValues({
+                inputFormat: (_a = DateType[type]) === null || _a === void 0 ? void 0 : _a.format,
+                placeholder: (_b = DateType[type]) === null || _b === void 0 ? void 0 : _b.placeholder,
+                format: type === 'time' ? 'HH:mm' : 'X',
+                minDate: '',
+                maxDate: '',
+                value: '',
+                ranges: (_c = DateType[type]) === null || _c === void 0 ? void 0 : _c.ranges
+              });
             }
-        ];
-        // 动作定义
-        _this.actions = [
-            {
-                actionType: 'clear',
-                actionLabel: '清空',
-                description: '清空输入框内容'
+          }), {
+            type: 'input-text',
+            name: 'format',
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("db0258df1ddbd88749b335aecdc8425e"), i18nRuntime.i18n("e02d111d524de97e8622121f7ce845cf")),
+            pipeIn: amisEditorCore.defaultValue('X')
+          }, {
+            type: 'input-text',
+            name: 'inputFormat',
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("ecd1a3cadcf1d55250afafbbde767250"), i18nRuntime.i18n("fcb9b16d5d056bfbf6b6cba9dcf61efa")),
+            pipeIn: amisEditorCore.defaultValue('YYYY-MM-DD'),
+            clearable: true // onChange: (
+            //   value: string,
+            //   oldValue: any,
+            //   model: any,
+            //   form: any
+            // ) => {
+            //   model.setOptions(
+            //     DateType[form.data.type.split('-')[1]].formatOptions
+            //   );
+            // },
+            // options:
+            //   DateType[this.scaffold.type.split('-')[1]].formatOptions
+
+          }, amisEditorCore.getSchemaTpl('utc'), amisEditorCore.getSchemaTpl('clearable', {
+            pipeIn: amisEditorCore.defaultValue(true)
+          }), amisEditorCore.getSchemaTpl('valueFormula', {
+            /* 备注: 待 amis 日期组件优化
+            rendererSchema: {
+            ...context?.schema,
+            size: 'full', // 备注：目前样式还有问题，需要在amis端进行优化
+            mode: "inline"
             },
-            {
-                actionType: 'reset',
-                actionLabel: '重置',
-                description: '将值重置为resetValue，若没有配置resetValue，则清空'
+            mode: 'vertical',
+            */
+            rendererSchema: {
+              type: 'input-date'
             },
-            {
-                actionType: 'setValue',
-                actionLabel: '赋值',
-                description: '触发组件数据更新'
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("225f3ed00750ae78ad1e6ea42c8f5087"), i18nRuntime.i18n("bf8f46b5c3b309f666965a74d57ac093"))
+          }), amisEditorCore.getSchemaTpl('valueFormula', {
+            name: 'minDate',
+            rendererSchema: tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), {
+              value: context === null || context === void 0 ? void 0 : context.schema.minDate,
+              type: 'input-date'
+            }),
+            needDeleteProps: ['minDate'],
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("c322edb884724d04842fc35f4d29a24e"), tipedLabelText)
+          }), amisEditorCore.getSchemaTpl('valueFormula', {
+            name: 'maxDate',
+            rendererSchema: tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), {
+              value: context === null || context === void 0 ? void 0 : context.schema.maxDate,
+              type: 'input-date'
+            }),
+            needDeleteProps: ['maxDate'],
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("5da893141114a59da868052b3a17a79a"), tipedLabelText)
+          }), amisEditorCore.getSchemaTpl('valueFormula', {
+            name: 'minDuration',
+            rendererSchema: tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), {
+              value: context === null || context === void 0 ? void 0 : context.schema.minDuration,
+              type: 'input-text'
+            }),
+            needDeleteProps: ['minDuration'],
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("e7271563debf3c7bcb85e23816c35acb"), i18nRuntime.i18n("6f44927b5ffddc499e4dc26889169143"))
+          }), amisEditorCore.getSchemaTpl('valueFormula', {
+            name: 'maxDuration',
+            rendererSchema: tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), {
+              value: context === null || context === void 0 ? void 0 : context.schema.maxDuration,
+              type: 'input-text'
+            }),
+            needDeleteProps: ['maxDuration'],
+            label: amisEditorCore.tipedLabel(i18nRuntime.i18n("6da95498bea887b2ea7c6c2bb4b2fdc3"), i18nRuntime.i18n("61fd7e3e86b168be41ac2e37237e1788"))
+          }), amisEditorCore.getSchemaTpl('dateShortCutControl', {
+            mode: 'normal',
+            dropDownOption: {
+              'yesterday': i18nRuntime.i18n("2f8d6f1584b73bfc6dada44526abb502"),
+              'thisweek': i18nRuntime.i18n("0dc86a275145ad5a7774e594f0d94a06"),
+              'prevweek': i18nRuntime.i18n("79abd4ee3661ff70c7d79716c8aaed83"),
+              '7daysago': i18nRuntime.i18n("73bef6f0c997ffe317c868c4716baab0"),
+              'thismonth': i18nRuntime.i18n("8f2a5a5f6e3777c7a0e1ce9484a2f7d7"),
+              'prevmonth': i18nRuntime.i18n("d5578d93388a5b2552316418cd1124da"),
+              'thisquarter': i18nRuntime.i18n("ffb2b7fbf227d9d21e03d0f160fb2a34"),
+              'prevquarter': i18nRuntime.i18n("dd657784cc0d5511d2f25459e49ead1a"),
+              'thisyear': i18nRuntime.i18n("d3dbc7a7fd9fc5ccd168084c8579c1ec")
             }
-        ];
-        _this.panelJustify = true;
-        _this.panelBodyCreator = function (context) {
-            var renderer = context.info.renderer;
-            return AMisCodeEditor.getSchemaTpl('tabs', [
-                {
-                    title: '属性',
-                    body: AMisCodeEditor.getSchemaTpl('collapseGroup', [
-                        {
-                            title: '基本',
-                            body: [
-                                AMisCodeEditor.getSchemaTpl('formItemName', {
-                                    required: true
-                                }),
-                                AMisCodeEditor.getSchemaTpl('label'),
-                                AMisCodeEditor.getSchemaTpl('selectDateRangeType', {
-                                    value: _this.scaffold.type,
-                                    onChange: function (value, oldValue, model, form) {
-                                        var _a, _b, _c;
-                                        var type = value.split('-')[1];
-                                        form.setValues({
-                                            inputFormat: (_a = DateType[type]) === null || _a === void 0 ? void 0 : _a.format,
-                                            placeholder: (_b = DateType[type]) === null || _b === void 0 ? void 0 : _b.placeholder,
-                                            format: type === 'time' ? 'HH:mm' : 'X',
-                                            minDate: '',
-                                            maxDate: '',
-                                            value: '',
-                                            ranges: (_c = DateType[type]) === null || _c === void 0 ? void 0 : _c.ranges
-                                        });
-                                    }
-                                }),
-                                {
-                                    type: 'input-text',
-                                    name: 'format',
-                                    label: BaseControl.tipedLabel('值格式', '提交数据前将根据设定格式化数据，请参考 <a href="https://momentjs.com/" target="_blank">moment</a> 中的格式用法。'),
-                                    pipeIn: AMisCodeEditor.defaultValue('X')
-                                },
-                                {
-                                    type: 'input-text',
-                                    name: 'inputFormat',
-                                    label: BaseControl.tipedLabel('显示格式', '请参考 <a href="https://momentjs.com/" target="_blank">moment</a> 中的格式用法。'),
-                                    pipeIn: AMisCodeEditor.defaultValue('YYYY-MM-DD'),
-                                    clearable: true
-                                    // onChange: (
-                                    //   value: string,
-                                    //   oldValue: any,
-                                    //   model: any,
-                                    //   form: any
-                                    // ) => {
-                                    //   model.setOptions(
-                                    //     DateType[form.data.type.split('-')[1]].formatOptions
-                                    //   );
-                                    // },
-                                    // options:
-                                    //   DateType[this.scaffold.type.split('-')[1]].formatOptions
-                                },
-                                AMisCodeEditor.getSchemaTpl('utc'),
-                                AMisCodeEditor.getSchemaTpl('clearable', {
-                                    pipeIn: AMisCodeEditor.defaultValue(true)
-                                }),
-                                AMisCodeEditor.getSchemaTpl('valueFormula', {
-                                    /* 备注: 待 amis 日期组件优化
-                                    rendererSchema: {
-                                      ...context?.schema,
-                                      size: 'full', // 备注：目前样式还有问题，需要在amis端进行优化
-                                      mode: "inline"
-                                    },
-                                    mode: 'vertical',
-                                    */
-                                    rendererSchema: {
-                                        type: 'input-date'
-                                    },
-                                    label: BaseControl.tipedLabel('默认值', '支持 <code>now、+1day、-2weeks、+1hours、+2years</code>等这种相对值用法')
-                                }),
-                                AMisCodeEditor.getSchemaTpl('valueFormula', {
-                                    name: 'minDate',
-                                    rendererSchema: tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), { value: context === null || context === void 0 ? void 0 : context.schema.minDate, type: 'input-date' }),
-                                    needDeleteProps: ['minDate'],
-                                    label: BaseControl.tipedLabel('最小值', tipedLabelText)
-                                }),
-                                AMisCodeEditor.getSchemaTpl('valueFormula', {
-                                    name: 'maxDate',
-                                    rendererSchema: tslib.__assign(tslib.__assign({}, context === null || context === void 0 ? void 0 : context.schema), { value: context === null || context === void 0 ? void 0 : context.schema.maxDate, type: 'input-date' }),
-                                    needDeleteProps: ['maxDate'],
-                                    label: BaseControl.tipedLabel('最大值', tipedLabelText)
-                                }),
-                                AMisCodeEditor.getSchemaTpl('formulaControl', {
-                                    name: 'minDuration',
-                                    label: BaseControl.tipedLabel('最小跨度', '例如 2days'),
-                                    placeholder: '请输入最小跨度',
-                                    inputClassName: 'is-inline'
-                                }),
-                                AMisCodeEditor.getSchemaTpl('formulaControl', {
-                                    name: 'maxDuration',
-                                    label: BaseControl.tipedLabel('最大跨度', '例如 1year'),
-                                    placeholder: '请输入最大跨度',
-                                    inputClassName: 'is-inline'
-                                }),
-                                AMisCodeEditor.getSchemaTpl('dateShortCutControl', {
-                                    mode: 'normal',
-                                    dropDownOption: {
-                                        'yesterday': '昨天',
-                                        'thisweek': '这个周',
-                                        'prevweek': '上周',
-                                        '7daysago': '最近7天',
-                                        'thismonth': '这个月',
-                                        'prevmonth': '上个月',
-                                        'thisquarter': '这个季度',
-                                        'prevquarter': '上个季度',
-                                        'thisyear': '今年'
-                                    }
-                                }),
-                                // getSchemaTpl('remark'),
-                                // getSchemaTpl('labelRemark'),
-                                {
-                                    type: 'input-text',
-                                    name: 'startPlaceholder',
-                                    label: '前占位提示',
-                                    pipeIn: AMisCodeEditor.defaultValue('开始时间')
-                                },
-                                {
-                                    type: 'input-text',
-                                    name: 'endPlaceholder',
-                                    label: '后占位提示',
-                                    pipeIn: AMisCodeEditor.defaultValue('结束时间')
-                                }
-                            ]
-                        },
-                        AMisCodeEditor.getSchemaTpl('status', { isFormItem: true }),
-                        AMisCodeEditor.getSchemaTpl('validation', {
-                            tag: validator.ValidatorTag.Date
-                        })
-                    ], 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),
-                        AMisCodeEditor.getSchemaTpl('style:classNames', [
-                            AMisCodeEditor.getSchemaTpl('className', {
-                                label: '描述',
-                                name: 'descriptionClassName',
-                                visibleOn: 'this.description'
-                            }),
-                            AMisCodeEditor.getSchemaTpl('className', {
-                                name: 'addOn.className',
-                                label: 'AddOn',
-                                visibleOn: 'this.addOn && this.addOn.type === "text"'
-                            })
-                        ]),
-                        AMisCodeEditor.getSchemaTpl('style:others', [
-                            {
-                                name: 'embed',
-                                type: 'button-group-select',
-                                size: 'md',
-                                label: '模式',
-                                mode: 'row',
-                                value: false,
-                                options: [
-                                    {
-                                        label: '浮层',
-                                        value: false
-                                    },
-                                    {
-                                        label: '内嵌',
-                                        value: true
-                                    }
-                                ]
-                            }
-                        ])
-                    ], 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;
-    }
-    return DateRangeControlPlugin;
-}(AMisCodeEditor.BasePlugin));
-AMisCodeEditor.registerEditorPlugin(DateRangeControlPlugin);
+          }), // getSchemaTpl('remark'),
+          // getSchemaTpl('labelRemark'),
+          {
+            type: 'input-text',
+            name: 'startPlaceholder',
+            label: i18nRuntime.i18n("2f92fc7bf6ef3dd57c514d0797fe2f1e"),
+            pipeIn: amisEditorCore.defaultValue(i18nRuntime.i18n("592c59589144ddc68d05d528da17dcdc"))
+          }, {
+            type: 'input-text',
+            name: 'endPlaceholder',
+            label: i18nRuntime.i18n("a04c4894d83323d187f65cc357fa646e"),
+            pipeIn: amisEditorCore.defaultValue(i18nRuntime.i18n("f782779e8b5d709462c8e71e0d9019f2"))
+          }, amisEditorCore.getSchemaTpl('autoFillApi')]
+        }, amisEditorCore.getSchemaTpl('status', {
+          isFormItem: true
+        }), amisEditorCore.getSchemaTpl('validation', {
+          tag: validator.ValidatorTag.Date
+        })], 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), amisEditorCore.getSchemaTpl('style:classNames', [amisEditorCore.getSchemaTpl('className', {
+          label: i18nRuntime.i18n("3bdd08adab6ea90b9164b20a0e4151ac"),
+          name: 'descriptionClassName',
+          visibleOn: 'this.description'
+        }), amisEditorCore.getSchemaTpl('className', {
+          name: 'addOn.className',
+          label: 'AddOn',
+          visibleOn: 'this.addOn && this.addOn.type === "text"'
+        })]), amisEditorCore.getSchemaTpl('style:others', [{
+          name: 'embed',
+          type: 'button-group-select',
+          size: 'md',
+          label: i18nRuntime.i18n("f0789e79d48f135e5d870753f7a85d05"),
+          mode: 'row',
+          value: false,
+          options: [{
+            label: i18nRuntime.i18n("a553741d5ebb9c80d7d2a63b202cf4b8"),
+            value: false
+          }, {
+            label: i18nRuntime.i18n("c6e1b91d329a61b691d0d5d2eb343ddd"),
+            value: true
+          }]
+        }])], 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;
+  }
+
+  return DateRangeControlPlugin;
+}(amisEditorCore.BasePlugin);
+amisEditorCore.registerEditorPlugin(DateRangeControlPlugin);
 
 exports.DateRangeControlPlugin = DateRangeControlPlugin;