2021SC@SDUSC amis-低代码前端框架代码分析 七

代码分析

inputdate.js

exports.default = DateControl;
  DateControl.defaultProps = {
      format: 'X',
      viewMode: 'days',
      inputFormat: 'YYYY-MM-DD',
      timeConstraints: {
          minutes: {
              step: 1
          }
      },
      clearable: true
  };

这是一个存放日期的表

  let DateControlRenderer = class DateControlRenderer extends DateControl {
  };
  DateControlRenderer.defaultProps = Object.assign(Object.assign({}, DateControl.defaultProps), { placeholder: 'Date.placeholder', dateFormat: 'YYYY-MM-DD', timeFormat: '', strictMode: false });
  DateControlRenderer = (0, tslib_1.__decorate)([
      (0, Item_1.FormItem)({
          type: 'input-date',
          weight: -150
      })
  ], DateControlRenderer);
  exports.DateControlRenderer = DateControlRenderer;
  let DatetimeControlRenderer = class DatetimeControlRenderer extends DateControl {
  };
  DatetimeControlRenderer.defaultProps = Object.assign(Object.assign({}, DateControl.defaultProps), { placeholder: 'DateTime.placeholder', inputFormat: 'YYYY-MM-DD HH:mm:ss', dateFormat: 'LL', timeFormat: 'HH:mm:ss', closeOnSelect: false, strictMode: false });
  DatetimeControlRenderer = (0, tslib_1.__decorate)([
      (0, Item_1.FormItem)({
          type: 'input-datetime'
      })
  ], DatetimeControlRenderer);
  exports.DatetimeControlRenderer = DatetimeControlRenderer;
  let TimeControlRenderer = class TimeControlRenderer extends DateControl {
  };
  TimeControlRenderer.defaultProps = Object.assign(Object.assign({}, DateControl.defaultProps), { placeholder: 'Time.placeholder', inputFormat: 'HH:mm', dateFormat: '', timeFormat: 'HH:mm', viewMode: 'time', closeOnSelect: false });
  TimeControlRenderer = (0, tslib_1.__decorate)([
      (0, Item_1.FormItem)({
          type: 'input-time'
      })
  ], TimeControlRenderer);
  exports.TimeControlRenderer = TimeControlRenderer;
  let MonthControlRenderer = class MonthControlRenderer extends DateControl {
  };
  MonthControlRenderer.defaultProps = Object.assign(Object.assign({}, DateControl.defaultProps), { placeholder: 'Month.placeholder', inputFormat: 'YYYY-MM', dateFormat: 'MM', timeFormat: '', viewMode: 'months', closeOnSelect: true });
  MonthControlRenderer = (0, tslib_1.__decorate)([
      (0, Item_1.FormItem)({
          type: 'input-month'
      })
  ], MonthControlRenderer);
  exports.MonthControlRenderer = MonthControlRenderer;
  let QuarterControlRenderer = class QuarterControlRenderer extends DateControl {
  };
  QuarterControlRenderer.defaultProps = Object.assign(Object.assign({}, DateControl.defaultProps), { placeholder: 'Quarter.placeholder', inputFormat: 'YYYY [Q]Q', dateFormat: 'YYYY [Q]Q', timeFormat: '', viewMode: 'quarters', closeOnSelect: true });
  QuarterControlRenderer = (0, tslib_1.__decorate)([
      (0, Item_1.FormItem)({
          type: 'input-quarter'
      })
  ], QuarterControlRenderer);
  exports.QuarterControlRenderer = QuarterControlRenderer;
  let YearControlRenderer = class YearControlRenderer extends DateControl {
  };
  YearControlRenderer.defaultProps = Object.assign(Object.assign({}, DateControl.defaultProps), { placeholder: 'Year.placeholder', inputFormat: 'YYYY', dateFormat: 'YYYY', timeFormat: '', viewMode: 'years', closeOnSelect: true });
  YearControlRenderer = (0, tslib_1.__decorate)([
      (0, Item_1.FormItem)({
          type: 'input-year'
      })
  ], YearControlRenderer);
  exports.YearControlRenderer = YearControlRenderer;

这些代码的重叠性很高，比较类似，就是用来存放日期的具体数据并引用。

总结

这段代码是用来输入日期的，并收集起来使用的。