amis 2.3.1 → 2.4.0

package/lib/renderers/Color.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 
@@ -25,7 +25,7 @@ var ColorField = /** @class */ (function (_super) {
         var color = amisCore.getPropValue(this.props);
         return (React__default["default"].createElement("div", { className: cx('ColorField', className) },
             React__default["default"].createElement("i", { className: cx('ColorField-previewIcon'), style: { backgroundColor: color || defaultColor } }),
-            showValue ? (React__default["default"].createElement("span", { className: cx('ColorField-value') }, color)) : null));
+            showValue ? (React__default["default"].createElement("span", { className: cx('ColorField-value') }, color || defaultColor)) : null));
     };
     ColorField.defaultProps = {
         className: '',

package/lib/renderers/Container.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Copyable.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Custom.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/Date.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.3.1
+ * amis v2.4.0
  * Copyright 2018-2022 baidu
  */
 

package/lib/renderers/DateRange.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { RendererProps } from 'amis-core';
+import { BaseSchema } from '../Schema';
+/**
+ * DateRange 展示渲染器。
+ */
+export interface DateRangeSchema extends BaseSchema {
+    /**
+     * 指定为日期展示类型
+     */
+    type: 'date-range';
+    /**
+     * 值的时间格式，参考 moment 中的格式说明。
+     */
+    valueFormat?: string;
+    /**
+     * 展示的时间格式，参考 moment 中的格式说明。
+     */
+    format?: string;
+    /**
+     * 分割符
+     */
+    delimiter?: string;
+    /**
+     * 连接符
+     */
+    connector?: string;
+}
+export interface DateRangeProps extends RendererProps, Omit<DateRangeSchema, 'type' | 'className'> {
+}
+export declare class DateRangeField extends React.Component<DateRangeProps, Object> {
+    refreshInterval: ReturnType<typeof setTimeout>;
+    static defaultProps: Pick<DateRangeProps, 'valueFormat' | 'format' | 'connector'>;
+    render(): JSX.Element | null;
+}
+export declare class DateRangeFieldRenderer extends DateRangeField {
+}

package/lib/renderers/DateRange.js

@@ -0,0 +1,66 @@
+/**
+ * amis v2.4.0
+ * Copyright 2018-2022 baidu
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var amisCore = require('amis-core');
+var moment = require('moment');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+
+var DateRangeField = /** @class */ (function (_super) {
+    tslib.__extends(DateRangeField, _super);
+    function DateRangeField() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DateRangeField.prototype.render = function () {
+        var _a = this.props, _b = _a.delimiter, delimiter = _b === void 0 ? ',' : _b, _c = _a.connector, connector = _c === void 0 ? '~' : _c, value = _a.value, valueFormat = _a.valueFormat, _d = _a.format, format = _d === void 0 ? 'YYYY-MM-DD' : _d, cx = _a.classnames, className = _a.className;
+        if (!value) {
+            return null;
+        }
+        if (typeof value === 'string') {
+            value = value.split(delimiter);
+        }
+        var _e = value[0], startTime = _e === void 0 ? '' : _e, _f = value[1], endTime = _f === void 0 ? '' : _f;
+        if (valueFormat) {
+            startTime = moment__default["default"](startTime, valueFormat);
+            endTime = moment__default["default"](endTime, valueFormat);
+        }
+        else {
+            startTime = moment__default["default"](startTime * 1000);
+            endTime = moment__default["default"](endTime * 1000);
+        }
+        startTime = startTime.isValid() ? startTime.format(format) : '';
+        endTime = endTime.isValid() ? endTime.format(format) : '';
+        return (React__default["default"].createElement("span", { className: cx('DateRangeField', className) }, [startTime, endTime].join(" ".concat(connector, " "))));
+    };
+    DateRangeField.defaultProps = {
+        format: 'YYYY-MM-DD',
+        valueFormat: 'X',
+        connector: '~'
+    };
+    return DateRangeField;
+}(React__default["default"].Component));
+/** @class */ ((function (_super) {
+    tslib.__extends(DateRangeFieldRenderer, _super);
+    function DateRangeFieldRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DateRangeFieldRenderer = tslib.__decorate([
+        amisCore.Renderer({
+            type: 'date-range'
+        })
+    ], DateRangeFieldRenderer);
+    return DateRangeFieldRenderer;
+})(DateRangeField));
+
+exports.DateRangeField = DateRangeField;