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

package/esm/plugin/Form/InputDate.js

@@ -0,0 +1,304 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __spreadArray, __extends, __assign } from 'tslib';
+import { getSchemaTpl, tipedLabel, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { ValidatorTag } from '../../validator.js';
+import { getEventControlConfig } from '../../renderer/event-control/helper.js';
+import { i18n } from 'i18n-runtime';
+
+var formatX = [{
+  label: i18n("79d7c8cd739a1f94c7bb30c74323eaa7"),
+  value: 'X'
+}, {
+  label: i18n("84c7af622906c4e9d62bbf905d6ee517"),
+  value: 'x'
+}];
+var DateType = {
+  date: {
+    format: 'YYYY-MM-DD',
+    placeholder: i18n("aa2fb1b6cffd7c9783c11047adcdbae4"),
+    formatOptions: __spreadArray(__spreadArray([], formatX, true), [{
+      label: 'YYYY-MM-DD',
+      value: 'YYYY-MM-DD'
+    }, {
+      label: 'YYYY/MM/DD',
+      value: 'YYYY/MM/DD'
+    }, {
+      label: i18n("8935dbb864f032bacc618b0938887ad7"),
+      value: i18n("8935dbb864f032bacc618b0938887ad7")
+    }], false)
+  },
+  datetime: {
+    format: 'YYYY-MM-DD HH:mm:ss',
+    placeholder: i18n("ff91b28a49de6fd998dea31598198a73"),
+    formatOptions: __spreadArray(__spreadArray([], formatX, true), [{
+      label: 'YYYY-MM-DD HH:mm:ss',
+      value: 'YYYY-MM-DD HH:mm:ss'
+    }, {
+      label: 'YYYY/MM/DD HH:mm:ss',
+      value: 'YYYY/MM/DD HH:mm:ss'
+    }, {
+      label: i18n("3e253325914594e1dc483c0b64ea7643"),
+      value: i18n("3e253325914594e1dc483c0b64ea7643")
+    }], false)
+  },
+  time: {
+    format: 'HH:mm',
+    placeholder: i18n("fbd05a89ca037ca9e5a6af4c2206d488"),
+    formatOptions: [{
+      label: 'HH:mm',
+      value: 'HH:mm',
+      timeFormat: 'HH:mm'
+    }, {
+      label: 'HH:mm:ss',
+      value: 'HH:mm:ss',
+      timeFormat: 'HH:mm'
+    }, {
+      label: i18n("90696835bfa70d38b02ef5533d33c88d"),
+      value: i18n("90696835bfa70d38b02ef5533d33c88d"),
+      timeFormat: 'HH:mm'
+    }, {
+      label: i18n("6154f88c0ac259ace41b0a5be45d753c"),
+      value: i18n("6154f88c0ac259ace41b0a5be45d753c"),
+      timeFormat: 'HH:mm:ss'
+    }]
+  },
+  month: {
+    format: 'YYYY-MM',
+    placeholder: i18n("904393383755b88e61f5c242eafabdda"),
+    formatOptions: __spreadArray(__spreadArray([], formatX, true), [{
+      label: 'YYYY-MM',
+      value: 'YYYY-MM'
+    }, {
+      label: 'MM',
+      value: 'MM'
+    }, {
+      label: 'M',
+      value: 'M'
+    }], false)
+  },
+  quarter: {
+    format: 'YYYY [Q]Q',
+    placeholder: i18n("55546b74d8819d49cccda6277f3a3282"),
+    formatOptions: __spreadArray(__spreadArray([], formatX, true), [{
+      label: 'YYYY-[Q]Q',
+      value: 'YYYY-[Q]Q'
+    }, {
+      label: 'Q',
+      value: 'Q'
+    }], false)
+  },
+  year: {
+    format: 'YYYY',
+    placeholder: i18n("13ef7828361c8aebbf6ebe09370f5e41"),
+    formatOptions: __spreadArray(__spreadArray([], formatX, true), [{
+      label: 'YYYY',
+      value: 'YYYY'
+    }], false)
+  }
+};
+
+var tipedLabelText = i18n("4be42a8a2cbb9088b4d051cfd824d68c");
+
+var DateControlPlugin =
+/** @class */
+function (_super) {
+  __extends(DateControlPlugin, _super);
+
+  function DateControlPlugin() {
+    var _this = _super !== null && _super.apply(this, arguments) || this; // 关联渲染器名字
+
+
+    _this.rendererName = 'input-date';
+    _this.$schema = '/schemas/DateControlSchema.json';
+    _this.order = -450; // 组件名称
+
+    _this.icon = 'fa fa-calendar';
+    _this.pluginIcon = 'input-date-plugin';
+    _this.name = i18n("4ff1e74e43a3586339251494117185ad");
+    _this.isBaseComponent = true; // 添加源对应组件中文名称 & type字段
+
+    _this.searchKeywords = i18n("be28cd64f978dd70c1cd345ebe751bca");
+    _this.description = i18n("52ea2070560eb55083b64f5ba748697d");
+    _this.docLink = '/amis/zh-CN/components/form/input-date';
+    _this.tags = [i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'input-date',
+      label: i18n("4ff1e74e43a3586339251494117185ad"),
+      name: 'date'
+    };
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      mode: 'horizontal',
+      wrapWithPanel: false,
+      body: [__assign({}, _this.scaffold)]
+    };
+    _this.notRenderFormZone = true;
+    _this.panelTitle = i18n("e54ca3223a36c6489de0fb8a39d4049f");
+    _this.events = [{
+      eventName: 'change',
+      eventLabel: i18n("755955372bcc0c7ebf161a656bc389b3"),
+      description: i18n("96f9d9fc9cef8b18e3cd1cf9077147d1"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'string',
+            title: i18n("0a72b3858efffaa1bab685fa840b701b")
+          }
+        }
+      }]
+    }, {
+      eventName: 'focus',
+      eventLabel: i18n("ab0710b367acefa1d6a78e2338291e86"),
+      description: i18n("f6db3514c72bdc34922f137a8a92b997")
+    }, {
+      eventName: 'blur',
+      eventLabel: i18n("fc96a5f1b79cb734afe08e401b6ba5e7"),
+      description: i18n("0f5fc3b84cf9c24ff3acae45ae22fb57")
+    }]; // 动作定义
+
+    _this.actions = [{
+      actionType: 'clear',
+      actionLabel: i18n("288f0c404c4e546aa3683ff5054e85e2"),
+      description: i18n("3086da6514671fb8950171bf3af4ab2d")
+    }, {
+      actionType: 'reset',
+      actionLabel: i18n("4b9c3271dc2f299dc3aeffb369187513"),
+      description: i18n("8db57ba01ffb9bf29c1656de5f0208f5")
+    }, {
+      actionType: 'setValue',
+      actionLabel: i18n("8f40db3b25528063f1b6a59602a05cd5"),
+      description: i18n("0310aa5a05fe07147d8b7ef20616f659")
+    }];
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      var renderer = context.info.renderer;
+      return getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [getSchemaTpl('formItemName', {
+            required: true
+          }), getSchemaTpl('label'), getSchemaTpl('selectDateType', {
+            value: _this.scaffold.type,
+            onChange: function (value, oldValue, model, form) {
+              var _a, _b;
+
+              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: ''
+              });
+            }
+          }), {
+            type: 'input-text',
+            name: 'format',
+            label: tipedLabel(i18n("db0258df1ddbd88749b335aecdc8425e"), i18n("e02d111d524de97e8622121f7ce845cf")),
+            pipeIn: defaultValue('X')
+          }, {
+            type: 'input-text',
+            name: 'inputFormat',
+            label: tipedLabel(i18n("ecd1a3cadcf1d55250afafbbde767250"), i18n("fcb9b16d5d056bfbf6b6cba9dcf61efa")),
+            pipeIn: defaultValue('YYYY-MM-DD'),
+            clearable: true,
+            onChange: function (value, oldValue, model, form) {
+              var type = form.data.type.split('-')[1];
+              model.setOptions(DateType[type].formatOptions); // 时间日期类组件 input-time 需要更加关注 timeFormat 和 inputFormat 属性区别
+              // inputFormat 表示输入框内的显示格式； timeFormat表示选择下拉弹窗中展示"HH、mm、ss"的组合
+
+              if (type === 'time') {
+                var timeFormatObj = DateType[type].formatOptions.find(function (item) {
+                  return item.value === value;
+                });
+                var timeFormat = timeFormatObj ? timeFormatObj.timeFormat : 'HH:mm:ss';
+                form.setValues({
+                  timeFormat: timeFormat
+                });
+              }
+            },
+            options: DateType[_this.scaffold.type.split('-')[1]].formatOptions
+          }, getSchemaTpl('utc'), getSchemaTpl('clearable', {
+            pipeIn: defaultValue(true)
+          }), getSchemaTpl('valueFormula', {
+            rendererSchema: context === null || context === void 0 ? void 0 : context.schema,
+            label: tipedLabel(i18n("225f3ed00750ae78ad1e6ea42c8f5087"), i18n("bf8f46b5c3b309f666965a74d57ac093"))
+          }), getSchemaTpl('valueFormula', {
+            name: 'minDate',
+            rendererSchema: __assign(__assign({}, context === null || context === void 0 ? void 0 : context.schema), {
+              value: context === null || context === void 0 ? void 0 : context.schema.minDate
+            }),
+            needDeleteProps: ['minDate'],
+            label: tipedLabel(i18n("c322edb884724d04842fc35f4d29a24e"), tipedLabelText)
+          }), getSchemaTpl('valueFormula', {
+            name: 'maxDate',
+            rendererSchema: __assign(__assign({}, context === null || context === void 0 ? void 0 : context.schema), {
+              value: context === null || context === void 0 ? void 0 : context.schema.maxDate
+            }),
+            needDeleteProps: ['maxDate'],
+            label: tipedLabel(i18n("5da893141114a59da868052b3a17a79a"), tipedLabelText)
+          }), getSchemaTpl('placeholder', {
+            pipeIn: defaultValue(i18n("aa2fb1b6cffd7c9783c11047adcdbae4"))
+          }), // getSchemaTpl('remark'),
+          // getSchemaTpl('labelRemark'),
+          getSchemaTpl('description'), getSchemaTpl('autoFillApi')]
+        }, getSchemaTpl('status', {
+          isFormItem: true
+        }), getSchemaTpl('validation', {
+          tag: ValidatorTag.Date
+        })], __assign(__assign({}, context === null || context === void 0 ? void 0 : context.schema), {
+          configTitle: 'props'
+        }))
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: getSchemaTpl('collapseGroup', [getSchemaTpl('style:formItem', renderer), getSchemaTpl('style:classNames', [getSchemaTpl('className', {
+          label: i18n("3bdd08adab6ea90b9164b20a0e4151ac"),
+          name: 'descriptionClassName',
+          visibleOn: 'this.description'
+        }), getSchemaTpl('className', {
+          name: 'addOn.className',
+          label: 'AddOn',
+          visibleOn: 'this.addOn && this.addOn.type === "text"'
+        })]), getSchemaTpl('style:others', [{
+          name: 'embed',
+          type: 'button-group-select',
+          size: 'md',
+          label: i18n("f0789e79d48f135e5d870753f7a85d05"),
+          mode: 'row',
+          value: false,
+          options: [{
+            label: i18n("a553741d5ebb9c80d7d2a63b202cf4b8"),
+            value: false
+          }, {
+            label: i18n("c6e1b91d329a61b691d0d5d2eb343ddd"),
+            value: true
+          }]
+        }])], __assign(__assign({}, context === null || context === void 0 ? void 0 : context.schema), {
+          configTitle: 'style'
+        }))
+      }, {
+        title: i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [getSchemaTpl('eventControl', __assign({
+          name: 'onEvent'
+        }, getEventControlConfig(_this.manager, context)))]
+      }]);
+    };
+
+    return _this;
+  }
+
+  return DateControlPlugin;
+}(BasePlugin);
+registerEditorPlugin(DateControlPlugin);
+
+export { DateControlPlugin };

package/esm/plugin/Form/InputDateRange.d.ts

@@ -0,0 +1,27 @@
+import { BasePlugin, BaseEventContext } from 'amis-editor-core';
+import { RendererPluginAction, RendererPluginEvent } from 'amis-editor-core';
+export declare class DateRangeControlPlugin extends BasePlugin {
+    rendererName: string;
+    $schema: string;
+    order: number;
+    icon: string;
+    pluginIcon: string;
+    name: string;
+    isBaseComponent: boolean;
+    searchKeywords: string;
+    description: string;
+    docLink: string;
+    tags: string[];
+    scaffold: {
+        type: string;
+        label: string;
+        name: string;
+    };
+    previewSchema: any;
+    notRenderFormZone: boolean;
+    panelTitle: string;
+    events: RendererPluginEvent[];
+    actions: RendererPluginAction[];
+    panelJustify: boolean;
+    panelBodyCreator: (context: BaseEventContext) => any;
+}

package/esm/plugin/Form/InputDateRange.js

@@ -0,0 +1,309 @@
+/**
+ * amis-editor v5.2.0-beta.2
+ * Copyright 2018-2022 @fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import { getSchemaTpl, tipedLabel, defaultValue, BasePlugin, registerEditorPlugin } from 'amis-editor-core';
+import { ValidatorTag } from '../../validator.js';
+import { getEventControlConfig } from '../../renderer/event-control/helper.js';
+import { i18n } from 'i18n-runtime';
+
+var DateType = {
+  date: {
+    format: 'YYYY-MM-DD',
+    placeholder: i18n("a2847d82fc998cbe25447b14d113234b"),
+    ranges: ['yesterday', '7daysago', 'prevweek', 'thismonth', 'prevmonth', 'prevquarter']
+  },
+  datetime: {
+    format: 'YYYY-MM-DD HH:mm:ss',
+    placeholder: i18n("3f9c3a9eb55b7116bcaa6b614ecb38be"),
+    ranges: ['yesterday', '7daysago', 'prevweek', 'thismonth', 'prevmonth', 'prevquarter']
+  },
+  time: {
+    format: 'HH:mm',
+    placeholder: i18n("ddc4a982defd88cd164c61da914819e1"),
+    ranges: []
+  },
+  month: {
+    format: 'YYYY-MM',
+    placeholder: i18n("c899221db27c8b3606ce7c807f0765f2"),
+    ranges: []
+  },
+  quarter: {
+    format: 'YYYY [Q]Q',
+    placeholder: i18n("c09ddfc72d3c34ae6aa76d5a457cb403"),
+    ranges: ['thisquarter', 'prevquarter']
+  },
+  year: {
+    format: 'YYYY',
+    placeholder: i18n("cb6deedf9cd4a0b65abd70798cfed85e"),
+    ranges: ['thisyear', 'lastYear']
+  }
+};
+
+var tipedLabelText = i18n("4be42a8a2cbb9088b4d051cfd824d68c");
+
+var DateRangeControlPlugin =
+/** @class */
+function (_super) {
+  __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 = i18n("7866226eb814f681dcc4037e7489aab8");
+    _this.isBaseComponent = true; // 添加源对应组件中文名称 & type字段
+
+    _this.searchKeywords = i18n("28de3d73d839b616bd617b3636669780");
+    _this.description = i18n("9024ff398faf8340b92bf0208431973b");
+    _this.docLink = '/amis/zh-CN/components/form/input-date-range';
+    _this.tags = [i18n("55b45c73ae417c4dead67905b1550e85")];
+    _this.scaffold = {
+      type: 'input-date-range',
+      label: i18n("7866226eb814f681dcc4037e7489aab8"),
+      name: 'date-range'
+    };
+    _this.previewSchema = {
+      type: 'form',
+      className: 'text-left',
+      mode: 'horizontal',
+      wrapWithPanel: false,
+      body: [__assign({}, _this.scaffold)]
+    };
+    _this.notRenderFormZone = true;
+    _this.panelTitle = i18n("7866226eb814f681dcc4037e7489aab8");
+    _this.events = [{
+      eventName: 'change',
+      eventLabel: i18n("755955372bcc0c7ebf161a656bc389b3"),
+      description: i18n("96f9d9fc9cef8b18e3cd1cf9077147d1"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'string',
+            title: i18n("0a72b3858efffaa1bab685fa840b701b")
+          }
+        }
+      }]
+    }, {
+      eventName: 'focus',
+      eventLabel: i18n("ab0710b367acefa1d6a78e2338291e86"),
+      description: i18n("f6db3514c72bdc34922f137a8a92b997"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'string',
+            title: i18n("0a72b3858efffaa1bab685fa840b701b")
+          }
+        }
+      }]
+    }, {
+      eventName: 'blur',
+      eventLabel: i18n("fc96a5f1b79cb734afe08e401b6ba5e7"),
+      description: i18n("0f5fc3b84cf9c24ff3acae45ae22fb57"),
+      dataSchema: [{
+        type: 'object',
+        properties: {
+          'event.data.value': {
+            type: 'string',
+            title: i18n("0a72b3858efffaa1bab685fa840b701b")
+          }
+        }
+      }]
+    }]; // 动作定义
+
+    _this.actions = [{
+      actionType: 'clear',
+      actionLabel: i18n("288f0c404c4e546aa3683ff5054e85e2"),
+      description: i18n("3086da6514671fb8950171bf3af4ab2d")
+    }, {
+      actionType: 'reset',
+      actionLabel: i18n("4b9c3271dc2f299dc3aeffb369187513"),
+      description: i18n("8db57ba01ffb9bf29c1656de5f0208f5")
+    }, {
+      actionType: 'setValue',
+      actionLabel: i18n("8f40db3b25528063f1b6a59602a05cd5"),
+      description: i18n("0310aa5a05fe07147d8b7ef20616f659")
+    }];
+    _this.panelJustify = true;
+
+    _this.panelBodyCreator = function (context) {
+      var renderer = context.info.renderer;
+      return getSchemaTpl('tabs', [{
+        title: i18n("24d67862f87f439db7ca957aecb77cce"),
+        body: getSchemaTpl('collapseGroup', [{
+          title: i18n("4092ed98e9035652d4c9ca9441701ed7"),
+          body: [getSchemaTpl('formItemName', {
+            required: true
+          }), getSchemaTpl('label'), 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: tipedLabel(i18n("db0258df1ddbd88749b335aecdc8425e"), i18n("e02d111d524de97e8622121f7ce845cf")),
+            pipeIn: defaultValue('X')
+          }, {
+            type: 'input-text',
+            name: 'inputFormat',
+            label: tipedLabel(i18n("ecd1a3cadcf1d55250afafbbde767250"), i18n("fcb9b16d5d056bfbf6b6cba9dcf61efa")),
+            pipeIn: 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
+
+          }, getSchemaTpl('utc'), getSchemaTpl('clearable', {
+            pipeIn: defaultValue(true)
+          }), getSchemaTpl('valueFormula', {
+            /* 备注: 待 amis 日期组件优化
+            rendererSchema: {
+            ...context?.schema,
+            size: 'full', // 备注：目前样式还有问题，需要在amis端进行优化
+            mode: "inline"
+            },
+            mode: 'vertical',
+            */
+            rendererSchema: {
+              type: 'input-date'
+            },
+            label: tipedLabel(i18n("225f3ed00750ae78ad1e6ea42c8f5087"), i18n("bf8f46b5c3b309f666965a74d57ac093"))
+          }), getSchemaTpl('valueFormula', {
+            name: 'minDate',
+            rendererSchema: __assign(__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: tipedLabel(i18n("c322edb884724d04842fc35f4d29a24e"), tipedLabelText)
+          }), getSchemaTpl('valueFormula', {
+            name: 'maxDate',
+            rendererSchema: __assign(__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: tipedLabel(i18n("5da893141114a59da868052b3a17a79a"), tipedLabelText)
+          }), getSchemaTpl('valueFormula', {
+            name: 'minDuration',
+            rendererSchema: __assign(__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: tipedLabel(i18n("e7271563debf3c7bcb85e23816c35acb"), i18n("6f44927b5ffddc499e4dc26889169143"))
+          }), getSchemaTpl('valueFormula', {
+            name: 'maxDuration',
+            rendererSchema: __assign(__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: tipedLabel(i18n("6da95498bea887b2ea7c6c2bb4b2fdc3"), i18n("61fd7e3e86b168be41ac2e37237e1788"))
+          }), getSchemaTpl('dateShortCutControl', {
+            mode: 'normal',
+            dropDownOption: {
+              'yesterday': i18n("2f8d6f1584b73bfc6dada44526abb502"),
+              'thisweek': i18n("0dc86a275145ad5a7774e594f0d94a06"),
+              'prevweek': i18n("79abd4ee3661ff70c7d79716c8aaed83"),
+              '7daysago': i18n("73bef6f0c997ffe317c868c4716baab0"),
+              'thismonth': i18n("8f2a5a5f6e3777c7a0e1ce9484a2f7d7"),
+              'prevmonth': i18n("d5578d93388a5b2552316418cd1124da"),
+              'thisquarter': i18n("ffb2b7fbf227d9d21e03d0f160fb2a34"),
+              'prevquarter': i18n("dd657784cc0d5511d2f25459e49ead1a"),
+              'thisyear': i18n("d3dbc7a7fd9fc5ccd168084c8579c1ec")
+            }
+          }), // getSchemaTpl('remark'),
+          // getSchemaTpl('labelRemark'),
+          {
+            type: 'input-text',
+            name: 'startPlaceholder',
+            label: i18n("2f92fc7bf6ef3dd57c514d0797fe2f1e"),
+            pipeIn: defaultValue(i18n("592c59589144ddc68d05d528da17dcdc"))
+          }, {
+            type: 'input-text',
+            name: 'endPlaceholder',
+            label: i18n("a04c4894d83323d187f65cc357fa646e"),
+            pipeIn: defaultValue(i18n("f782779e8b5d709462c8e71e0d9019f2"))
+          }, getSchemaTpl('autoFillApi')]
+        }, getSchemaTpl('status', {
+          isFormItem: true
+        }), getSchemaTpl('validation', {
+          tag: ValidatorTag.Date
+        })], __assign(__assign({}, context === null || context === void 0 ? void 0 : context.schema), {
+          configTitle: 'props'
+        }))
+      }, {
+        title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+        body: getSchemaTpl('collapseGroup', [getSchemaTpl('style:formItem', renderer), getSchemaTpl('style:classNames', [getSchemaTpl('className', {
+          label: i18n("3bdd08adab6ea90b9164b20a0e4151ac"),
+          name: 'descriptionClassName',
+          visibleOn: 'this.description'
+        }), getSchemaTpl('className', {
+          name: 'addOn.className',
+          label: 'AddOn',
+          visibleOn: 'this.addOn && this.addOn.type === "text"'
+        })]), getSchemaTpl('style:others', [{
+          name: 'embed',
+          type: 'button-group-select',
+          size: 'md',
+          label: i18n("f0789e79d48f135e5d870753f7a85d05"),
+          mode: 'row',
+          value: false,
+          options: [{
+            label: i18n("a553741d5ebb9c80d7d2a63b202cf4b8"),
+            value: false
+          }, {
+            label: i18n("c6e1b91d329a61b691d0d5d2eb343ddd"),
+            value: true
+          }]
+        }])], __assign(__assign({}, context === null || context === void 0 ? void 0 : context.schema), {
+          configTitle: 'style'
+        }))
+      }, {
+        title: i18n("10b2761db5a8e089049df39675abc550"),
+        className: 'p-none',
+        body: [getSchemaTpl('eventControl', __assign({
+          name: 'onEvent'
+        }, getEventControlConfig(_this.manager, context)))]
+      }]);
+    };
+
+    return _this;
+  }
+
+  return DateRangeControlPlugin;
+}(BasePlugin);
+registerEditorPlugin(DateRangeControlPlugin);
+
+export { DateRangeControlPlugin };

package/esm/plugin/Form/InputDateTime.d.ts

@@ -0,0 +1,20 @@
+import { DateControlPlugin } from './InputDate';
+export declare class DateTimeControlPlugin extends DateControlPlugin {
+    rendererName: string;
+    $schema: string;
+    isBaseComponent: boolean;
+    icon: string;
+    pluginIcon: string;
+    name: string;
+    description: string;
+    docLink: string;
+    tags: string[];
+    scaffold: {
+        type: string;
+        label: string;
+        name: string;
+    };
+    disabledRendererPlugin: boolean;
+    previewSchema: any;
+    panelTitle: string;
+}