amis 2.8.0 → 3.0.0

package/lib/renderers/Carousel.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 
@@ -31,7 +31,7 @@ var defaultSchema = {
         var data = props.data || {};
         var thumbMode = props.thumbMode;
         var cx = props.classnames;
-        return (React__default["default"].createElement(React__default["default"].Fragment, null, data.hasOwnProperty('image') ? (React__default["default"].createElement(Image["default"], { src: data.image, title: data.title, href: data.href, blank: data.blank, htmlTarget: data.htmlTarget, imageCaption: data.description, thumbMode: (_b = (_a = data.thumbMode) !== null && _a !== void 0 ? _a : thumbMode) !== null && _b !== void 0 ? _b : 'contain', imageMode: "original", className: cx('Carousel-image') })) : data.hasOwnProperty('html') ? (React__default["default"].createElement(amisUi.Html, { html: data.html })) : data.hasOwnProperty('item') ? (React__default["default"].createElement("span", null, data.item)) : (React__default["default"].createElement("p", null))));
+        return (React__default["default"].createElement(React__default["default"].Fragment, null, data.hasOwnProperty('image') ? (React__default["default"].createElement(Image["default"], { src: data.image, title: data.title, href: data.href, blank: data.blank, htmlTarget: data.htmlTarget, imageCaption: data.description, thumbMode: (_b = (_a = data.thumbMode) !== null && _a !== void 0 ? _a : thumbMode) !== null && _b !== void 0 ? _b : 'contain', imageMode: "original", className: cx('Carousel-image') })) : data.hasOwnProperty('html') ? (React__default["default"].createElement(amisUi.Html, { html: data.html, filterHtml: props.env.filterHtml })) : data.hasOwnProperty('item') ? (React__default["default"].createElement("span", null, data.item)) : (React__default["default"].createElement("p", null))));
     }
 };
 var Carousel = /** @class */ (function (_super) {
@@ -44,6 +44,7 @@ var Carousel = /** @class */ (function (_super) {
             options: _this.props.options || amisCore.getPropValue(_this.props) || [],
             nextAnimation: ''
         };
+        _this.loading = false;
         return _this;
     }
     Carousel.prototype.componentDidMount = function () {
@@ -150,9 +151,17 @@ var Carousel = /** @class */ (function (_super) {
         }
     };
     Carousel.prototype.next = function () {
+        var multiple = this.props.multiple;
+        if (this.loading && multiple && multiple.count > 1) {
+            return;
+        }
         this.autoSlide('next');
     };
     Carousel.prototype.prev = function () {
+        var multiple = this.props.multiple;
+        if (this.loading && multiple && multiple.count > 1) {
+            return;
+        }
         this.autoSlide('prev');
     };
     Carousel.prototype.clearAutoTimeout = function () {
@@ -161,12 +170,15 @@ var Carousel = /** @class */ (function (_super) {
     };
     Carousel.prototype.changeSlide = function (index) {
         return tslib.__awaiter(this, void 0, void 0, function () {
-            var current, _a, dispatchEvent, data, rendererEvent;
+            var current, _a, dispatchEvent, data, multiple, rendererEvent;
             return tslib.__generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
                         current = this.state.current;
-                        _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data;
+                        _a = this.props, dispatchEvent = _a.dispatchEvent, data = _a.data, multiple = _a.multiple;
+                        if (this.loading && multiple && multiple.count > 1) {
+                            return [2 /*return*/];
+                        }
                         return [4 /*yield*/, dispatchEvent('change', amisCore.createObject(data, {
                                 activeIndex: index,
                                 prevIndex: current
@@ -199,46 +211,120 @@ var Carousel = /** @class */ (function (_super) {
                 React__default["default"].createElement(amisUi.Icon, { icon: "right-arrow", className: "icon" }))));
     };
     Carousel.prototype.handleMouseEnter = function () {
+        var multiple = this.props.multiple;
+        if (multiple && multiple.count > 1) {
+            return;
+        }
         this.clearAutoTimeout();
     };
     Carousel.prototype.handleMouseLeave = function () {
+        var multiple = this.props.multiple;
+        if (multiple && multiple.count > 1) {
+            return;
+        }
         this.prepareAutoSlide();
     };
+    // 处理options
+    Carousel.prototype.getNewOptions = function (options, count) {
+        if (count === void 0) { count = 1; }
+        var newOptions = options;
+        if (Array.isArray(options) && options.length) {
+            newOptions = new Array(options.length);
+            for (var i = 0; i < options.length; i++) {
+                newOptions[i] = new Array(count);
+                for (var j = 0; j < count; j++) {
+                    newOptions[i][j] = options[(i + j) % options.length];
+                }
+            }
+        }
+        return newOptions;
+    };
     Carousel.prototype.render = function () {
+        var _a;
         var _this = this;
-        var _a = this.props, render = _a.render, className = _a.className, style = _a.style, cx = _a.classnames, itemSchema = _a.itemSchema, animation = _a.animation, width = _a.width, height = _a.height, controls = _a.controls, controlsTheme = _a.controlsTheme, placeholder = _a.placeholder, data = _a.data, name = _a.name;
-        var _b = this.state, options = _b.options, current = _b.current, nextAnimation = _b.nextAnimation;
+        var _b = this.props, render = _b.render, className = _b.className, style = _b.style, cx = _b.classnames, itemSchema = _b.itemSchema, animation = _b.animation, width = _b.width, height = _b.height, controls = _b.controls, controlsTheme = _b.controlsTheme, placeholder = _b.placeholder, data = _b.data, name = _b.name, duration = _b.duration, multiple = _b.multiple, alwaysShowArrow = _b.alwaysShowArrow, icons = _b.icons;
+        var _c = this.state, options = _c.options, current = _c.current, nextAnimation = _c.nextAnimation;
         var body = null;
         var carouselStyles = style || {};
         width ? (carouselStyles.width = width + 'px') : '';
         height ? (carouselStyles.height = height + 'px') : '';
-        var _c = tslib.__read([
+        var _d = tslib.__read([
             controls.indexOf('dots') > -1,
             controls.indexOf('arrows') > -1
-        ], 2), dots = _c[0], arrows = _c[1];
+        ], 2), dots = _d[0], arrows = _d[1];
         var animationName = nextAnimation || animation;
         if (Array.isArray(options) && options.length) {
-            body = (React__default["default"].createElement("div", { ref: this.wrapperRef, className: cx('Carousel-container'), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, options.map(function (option, key) { return (React__default["default"].createElement(Transition__default["default"], { mountOnEnter: true, unmountOnExit: true, in: key === current, timeout: 500, key: key }, function (status) {
+            var multipleCount_1 = 1;
+            if (multiple &&
+                typeof multiple.count === 'number' &&
+                multiple.count >= 2) {
+                multipleCount_1 =
+                    Math.floor(multiple.count) < options.length
+                        ? Math.floor(multiple.count)
+                        : options.length;
+            }
+            var newOptions_1 = this.getNewOptions(options, multipleCount_1);
+            var transitionDuration_1 = multipleCount_1 > 1 && typeof duration === 'number'
+                ? "".concat(duration, "ms")
+                : duration || '500ms';
+            var timeout_1 = multipleCount_1 > 1 && typeof duration === 'number' ? duration : 500;
+            body = (React__default["default"].createElement("div", { ref: this.wrapperRef, className: cx('Carousel-container'), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, options.map(function (option, key) { return (React__default["default"].createElement(Transition__default["default"], { mountOnEnter: true, unmountOnExit: true, in: key === current, timeout: timeout_1, key: key }, function (status) {
                 var _a;
                 if (status === Transition.ENTERING) {
                     _this.wrapperRef.current &&
                         _this.wrapperRef.current.childNodes.forEach(function (item) { return item.offsetHeight; });
                 }
-                return (React__default["default"].createElement("div", { className: cx('Carousel-item', animationName, animationStyles[status]) }, render("".concat(current, "/body"), itemSchema ? itemSchema : defaultSchema, {
-                    thumbMode: _this.props.thumbMode,
-                    data: amisCore.createObject(data, amisCore.isObject(option)
-                        ? option
-                        : (_a = { item: option }, _a[name] = option, _a))
-                })));
+                if (multipleCount_1 > 1) {
+                    if ((status === Transition.ENTERING || status === Transition.EXITING) &&
+                        !_this.loading) {
+                        _this.loading = true;
+                    }
+                    else if ((status === Transition.ENTERED || status === Transition.EXITED) &&
+                        _this.loading) {
+                        _this.loading = false;
+                    }
+                }
+                var transformStyles = (_a = {},
+                    _a[Transition.ENTERING] = 0,
+                    _a[Transition.ENTERED] = 0,
+                    _a[Transition.EXITING] = animationName === 'slideRight'
+                        ? 100 / multipleCount_1
+                        : -100 / multipleCount_1,
+                    _a[Transition.EXITED] = animationName === 'slideRight'
+                        ? -100 / multipleCount_1
+                        : 100 / multipleCount_1,
+                    _a);
+                var itemStyle = multipleCount_1 > 1
+                    ? tslib.__assign({ transitionTimingFunction: 'linear', transitionDuration: transitionDuration_1 }, (animation === 'slide'
+                        ? {
+                            transform: "translateX(".concat(transformStyles[status], "%)")
+                        }
+                        : {})) : {};
+                var itemRender = function (option) {
+                    var _a;
+                    return render("".concat(current, "/body"), itemSchema ? itemSchema : defaultSchema, {
+                        thumbMode: _this.props.thumbMode,
+                        data: amisCore.createObject(data, amisCore.isObject(option)
+                            ? option
+                            : (_a = { item: option }, _a[name] = option, _a))
+                    });
+                };
+                return (React__default["default"].createElement("div", { className: cx('Carousel-item', animationName, animationStyles[status]), style: itemStyle },
+                    multipleCount_1 === 1 ? itemRender(option) : null,
+                    multipleCount_1 > 1
+                        ? newOptions_1[key].map(function (option, index) { return (React__default["default"].createElement("div", { key: index, style: {
+                                width: 100 / multipleCount_1 + '%',
+                                height: '100%',
+                                float: 'left'
+                            } }, itemRender(option))); })
+                        : null));
             })); })));
         }
-        return (React__default["default"].createElement("div", { className: cx("Carousel Carousel--".concat(controlsTheme), className), style: carouselStyles },
+        return (React__default["default"].createElement("div", { className: cx("Carousel Carousel--".concat(controlsTheme), (_a = {}, _a['Carousel-arrow--always'] = !!alwaysShowArrow, _a), className), style: carouselStyles },
             body ? body : placeholder,
             dots ? this.renderDots() : null,
-            arrows ? (React__default["default"].createElement("div", { className: cx('Carousel-leftArrow'), onClick: this.prev },
-                React__default["default"].createElement(amisUi.Icon, { icon: "left-arrow", className: "icon" }))) : null,
-            arrows ? (React__default["default"].createElement("div", { className: cx('Carousel-rightArrow'), onClick: this.next },
-                React__default["default"].createElement(amisUi.Icon, { icon: "right-arrow", className: "icon" }))) : null));
+            arrows ? (React__default["default"].createElement("div", { className: cx('Carousel-leftArrow'), onClick: this.prev }, icons && icons.prev ? (React__default["default"].isValidElement(icons.prev) ? (icons.prev) : (render('arrow-prev', icons.prev))) : (React__default["default"].createElement(amisUi.Icon, { icon: "left-arrow", className: "icon" })))) : null,
+            arrows ? (React__default["default"].createElement("div", { className: cx('Carousel-rightArrow'), onClick: this.next }, icons && icons.next ? (React__default["default"].isValidElement(icons.next) ? (icons.next) : (render('arrow-next', icons.next))) : (React__default["default"].createElement(amisUi.Icon, { icon: "right-arrow", className: "icon" })))) : null));
     };
     Carousel.defaultProps = {
         auto: true,
@@ -247,7 +333,9 @@ var Carousel = /** @class */ (function (_super) {
         controlsTheme: 'light',
         animation: 'fade',
         controls: ['dots', 'arrows'],
-        placeholder: '-'
+        placeholder: '-',
+        multiple: { count: 1 },
+        alwaysShowArrow: false
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/renderers/Chart.d.ts

@@ -6,7 +6,7 @@ import { BaseSchema, SchemaApi, SchemaExpression, SchemaFunction, SchemaName, Sc
 import { ActionSchema } from './Action';
 /**
  * Chart 图表渲染器。
- * 文档：https://baidu.gitee.io/amis/docs/components/carousel
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/carousel
  */
 export interface ChartSchema extends BaseSchema {
     /**

package/lib/renderers/Chart.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 
@@ -407,11 +407,12 @@ var Chart = /** @class */ (function (_super) {
     };
     Chart.prototype.render = function () {
         var _this = this;
-        var _a = this.props, className = _a.className, width = _a.width, height = _a.height, ns = _a.classPrefix, unMountOnHidden = _a.unMountOnHidden;
+        var _a = this.props, className = _a.className, width = _a.width, height = _a.height, ns = _a.classPrefix, unMountOnHidden = _a.unMountOnHidden, data = _a.data;
         var style = this.props.style || {};
         width && (style.width = width);
         height && (style.height = height);
-        return (React__default["default"].createElement("div", { className: cx__default["default"]("".concat(ns, "Chart"), className), style: style },
+        var styleVar = amisCore.buildStyle(style, data);
+        return (React__default["default"].createElement("div", { className: cx__default["default"]("".concat(ns, "Chart"), className), style: styleVar },
             React__default["default"].createElement(amisCore.LazyComponent, { unMountOnHidden: unMountOnHidden, placeholder: "..." // 之前那个 spinner 会导致 sensor 失效
                 , component: function () { return (React__default["default"].createElement("div", { className: "".concat(ns, "Chart-content"), ref: _this.refFn })); } })));
     };

package/lib/renderers/Code.d.ts

@@ -53,7 +53,7 @@ export interface CustomLang {
 }
 /**
  * 代码高亮组件
- * 文档：https://baidu.gitee.io/amis/docs/components/code
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/code
  */
 export interface CodeSchema extends BaseSchema {
     type: 'code';

package/lib/renderers/Code.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Collapse.d.ts

@@ -3,7 +3,7 @@ import { RendererProps } from 'amis-core';
 import { BaseSchema, SchemaCollection, SchemaTpl, SchemaObject } from '../Schema';
 /**
  * Collapse 折叠渲染器，格式说明。
- * 文档：https://baidu.gitee.io/amis/docs/components/collapse
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/collapse
  */
 export interface CollapseSchema extends BaseSchema {
     /**

package/lib/renderers/Collapse.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/CollapseGroup.d.ts

@@ -3,7 +3,7 @@ import { RendererProps } from 'amis-core';
 import { BaseSchema, SchemaCollection, SchemaObject } from '../Schema';
 /**
  * CollapseGroup 折叠渲染器，格式说明。
- * 文档：https://baidu.gitee.io/amis/docs/components/collapse
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/collapse
  */
 export interface CollapseGroupSchema extends BaseSchema {
     /**

package/lib/renderers/CollapseGroup.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Color.d.ts

@@ -6,7 +6,7 @@ import { RendererProps } from 'amis-core';
 import { BaseSchema } from '../Schema';
 /**
  * Color 显示渲染器，格式说明。
- * 文档：https://baidu.gitee.io/amis/docs/components/color
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/color
  */
 export interface ColorSchema extends BaseSchema {
     /**

package/lib/renderers/Color.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Container.d.ts

@@ -46,7 +46,7 @@ export interface ContainerDraggableConfig {
 }
 /**
  * Container 容器渲染器。
- * 文档：https://baidu.gitee.io/amis/docs/components/container
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/container
  */
 export interface ContainerSchema extends BaseSchema {
     /**
@@ -92,7 +92,7 @@ export default class Container<T> extends React.Component<ContainerProps & T, ob
     static defaultProps: {
         className: string;
         draggableConfig: {
-            axis: "both" | "x" | "y" | undefined;
+            axis: "x" | "y" | "both" | undefined;
             scale: number;
             enableUserSelect: boolean;
         };

package/lib/renderers/Container.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Copyable.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Custom.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/Date.d.ts

@@ -3,7 +3,7 @@ import { RendererProps } from 'amis-core';
 import { BaseSchema } from '../Schema';
 /**
  * Date 展示渲染器。
- * 文档：https://baidu.gitee.io/amis/docs/components/date
+ * 文档：https://aisuda.bce.baidu.com/amis/zh-CN/components/date
  */
 export interface DateSchema extends BaseSchema {
     /**

package/lib/renderers/Date.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */
 

package/lib/renderers/DateRange.js

@@ -1,5 +1,5 @@
 /**
- * amis v2.8.0
+ * amis v3.0.0
  * Copyright 2018-2023 baidu
  */