amis-ui 2.6.0 → 2.7.0

package/esm/components/NumberInput.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 import { __extends, __assign, __decorate, __metadata } from 'tslib';
@@ -100,10 +100,10 @@ var NumberInput = /** @class */ (function (_super) {
                 _a["Number--enhance-border".concat(ucFirst(borderMode))] = borderMode,
                 _a)) },
             React__default.createElement("div", { className: cx('Number--enhance-left-icon', value && value === min ? 'Number--enhance-border-min' : '', disabled ? 'Number--enhance-border-disabled' : '', readOnly ? 'Number--enhance-border-readOnly' : ''), onClick: function () { return _this.handleEnhanceModeChange('subtract'); } },
-                React__default.createElement(Icon, { icon: "minus", className: "icon" })),
+                React__default.createElement(Icon, { icon: "minus", className: "icon", wrapClassName: cx('InputNumber-enhance-minus icon'), iconContent: "InputNumber-enhance-minus" })),
             this.renderBase(),
             React__default.createElement("div", { className: cx('Number--enhance-right-icon', value && value === max ? 'Number--enhance-border-max' : '', disabled ? 'Number--enhance-border-disabled' : '', readOnly ? 'Number--enhance-border-readOnly' : ''), onClick: function () { return _this.handleEnhanceModeChange('add'); } },
-                React__default.createElement(Icon, { icon: "plus", className: "icon " })))) : (this.renderBase())));
+                React__default.createElement(Icon, { icon: "plus", className: "icon", wrapClassName: cx('InputNumber-enhance-plus icon'), iconContent: "InputNumber-enhance-plus" })))) : (this.renderBase())));
     };
     NumberInput.defaultProps = {
         step: 1,

package/esm/components/Pagination.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 import { __extends, __decorate, __metadata } from 'tslib';

package/esm/components/Picker.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 import { __assign, __spreadArray } from 'tslib';

package/esm/components/PickerColumn.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 import { __assign } from 'tslib';

package/esm/components/PickerContainer.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 import { __extends, __awaiter, __generator, __assign, __rest, __decorate, __metadata } from 'tslib';

package/esm/components/PopOverContainer.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 import { __extends, __decorate, __metadata } from 'tslib';

package/esm/components/PopUp.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 import { __extends, __rest, __assign } from 'tslib';

package/esm/components/Progress.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 import { __extends } from 'tslib';

package/esm/components/PullRefresh.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 import React__default, { forwardRef, useEffect } from 'react';

package/esm/components/Radios.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 import { __extends } from 'tslib';

package/esm/components/Range.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 import { __extends, __decorate, __metadata, __assign } from 'tslib';

package/esm/components/Rating.d.ts

@@ -44,13 +44,10 @@ export declare class Rating extends React.Component<RatingProps, any> {
         value: number;
         count: number;
         char: JSX.Element;
-        colors: {
-            '2': string;
-            '3': string;
-            '5': string;
-        };
+        colors: string;
         textPosition: textPositionType;
     };
+    ratingRef: React.RefObject<HTMLDivElement>;
     starsNode: Record<string, any>;
     constructor(props: RatingProps);
     componentDidMount(): void;
@@ -83,11 +80,7 @@ declare const _default: {
         value: number;
         count: number;
         char: JSX.Element;
-        colors: {
-            '2': string;
-            '3': string;
-            '5': string;
-        };
+        colors: string;
         textPosition: textPositionType;
     }, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps): {
         ref: any;
@@ -103,11 +96,7 @@ declare const _default: {
             value: number;
             count: number;
             char: JSX.Element;
-            colors: {
-                '2': string;
-                '3': string;
-                '5': string;
-            };
+            colors: string;
             textPosition: textPositionType;
         }, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -119,11 +108,7 @@ declare const _default: {
             value: number;
             count: number;
             char: JSX.Element;
-            colors: {
-                '2': string;
-                '3': string;
-                '5': string;
-            };
+            colors: string;
             textPosition: textPositionType;
         }, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
@@ -141,11 +126,7 @@ declare const _default: {
             value: number;
             count: number;
             char: JSX.Element;
-            colors: {
-                '2': string;
-                '3': string;
-                '5': string;
-            };
+            colors: string;
             textPosition: textPositionType;
         }, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
@@ -158,11 +139,7 @@ declare const _default: {
             value: number;
             count: number;
             char: JSX.Element;
-            colors: {
-                '2': string;
-                '3': string;
-                '5': string;
-            };
+            colors: string;
             textPosition: textPositionType;
         }, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
         componentDidUpdate?(prevProps: Readonly<Pick<Omit<RatingProps, keyof import("amis-core").ThemeProps>, "disabled" | "id" | "onChange" | "key" | "charClassName" | "textClassName" | "onHoverChange" | "inactiveColor" | "texts"> & Partial<Pick<Omit<RatingProps, keyof import("amis-core").ThemeProps>, "value" | "char" | "readOnly" | "half" | "count" | "containerClass" | "allowClear" | "colors" | "textPosition">> & Partial<Pick<{
@@ -173,11 +150,7 @@ declare const _default: {
             value: number;
             count: number;
             char: JSX.Element;
-            colors: {
-                '2': string;
-                '3': string;
-                '5': string;
-            };
+            colors: string;
             textPosition: textPositionType;
         }, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
@@ -190,11 +163,7 @@ declare const _default: {
             value: number;
             count: number;
             char: JSX.Element;
-            colors: {
-                '2': string;
-                '3': string;
-                '5': string;
-            };
+            colors: string;
             textPosition: textPositionType;
         }, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<RatingProps, keyof import("amis-core").ThemeProps>, "disabled" | "id" | "onChange" | "key" | "charClassName" | "textClassName" | "onHoverChange" | "inactiveColor" | "texts"> & Partial<Pick<Omit<RatingProps, keyof import("amis-core").ThemeProps>, "value" | "char" | "readOnly" | "half" | "count" | "containerClass" | "allowClear" | "colors" | "textPosition">> & Partial<Pick<{
@@ -205,11 +174,7 @@ declare const _default: {
             value: number;
             count: number;
             char: JSX.Element;
-            colors: {
-                '2': string;
-                '3': string;
-                '5': string;
-            };
+            colors: string;
             textPosition: textPositionType;
         }, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
         componentWillUpdate?(nextProps: Readonly<Pick<Omit<RatingProps, keyof import("amis-core").ThemeProps>, "disabled" | "id" | "onChange" | "key" | "charClassName" | "textClassName" | "onHoverChange" | "inactiveColor" | "texts"> & Partial<Pick<Omit<RatingProps, keyof import("amis-core").ThemeProps>, "value" | "char" | "readOnly" | "half" | "count" | "containerClass" | "allowClear" | "colors" | "textPosition">> & Partial<Pick<{
@@ -220,11 +185,7 @@ declare const _default: {
             value: number;
             count: number;
             char: JSX.Element;
-            colors: {
-                '2': string;
-                '3': string;
-                '5': string;
-            };
+            colors: string;
             textPosition: textPositionType;
         }, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<RatingProps, keyof import("amis-core").ThemeProps>, "disabled" | "id" | "onChange" | "key" | "charClassName" | "textClassName" | "onHoverChange" | "inactiveColor" | "texts"> & Partial<Pick<Omit<RatingProps, keyof import("amis-core").ThemeProps>, "value" | "char" | "readOnly" | "half" | "count" | "containerClass" | "allowClear" | "colors" | "textPosition">> & Partial<Pick<{
@@ -235,11 +196,7 @@ declare const _default: {
             value: number;
             count: number;
             char: JSX.Element;
-            colors: {
-                '2': string;
-                '3': string;
-                '5': string;
-            };
+            colors: string;
             textPosition: textPositionType;
         }, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };

package/esm/components/Rating.js

@@ -1,12 +1,13 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 import { __extends } from 'tslib';
 import React__default from 'react';
 import { isObjectShallowModified, validations, isObject, themeable } from 'amis-core';
 import { Icon } from './icons.js';
+import { isEmpty } from 'lodash';
 
 /**
  * @file Rating
@@ -17,6 +18,7 @@ var Rating = /** @class */ (function (_super) {
     __extends(Rating, _super);
     function Rating(props) {
         var _this = _super.call(this, props) || this;
+        _this.ratingRef = React__default.createRef();
         _this.starsNode = {};
         _this.state = {
             value: props.value || 0,
@@ -81,6 +83,24 @@ var Rating = /** @class */ (function (_super) {
     };
     Rating.prototype.getShowColorAndText = function (value) {
         var _a = this.props, colors = _a.colors, texts = _a.texts, half = _a.half;
+        var tempColor = colors;
+        if (this.ratingRef.current) {
+            var style = getComputedStyle(this.ratingRef.current);
+            var defaultColors = [];
+            try {
+                defaultColors = JSON.parse(JSON.parse(style.getPropertyValue('content')));
+            }
+            catch (e) {
+                console.warn(e);
+            }
+            var obj_1 = {};
+            defaultColors.forEach(function (item) {
+                obj_1[item.id] = item.value;
+            });
+            if (isEmpty(colors) && !isEmpty(obj_1)) {
+                tempColor = obj_1;
+            }
+        }
         if (!value)
             return this.setState({
                 showText: null
@@ -92,19 +112,19 @@ var Rating = /** @class */ (function (_super) {
         else {
             value = Math.floor(value);
         }
-        if (colors && typeof colors !== 'string') {
-            var keys = this.sortKeys(colors);
+        if (tempColor && typeof tempColor !== 'string') {
+            var keys = this.sortKeys(tempColor);
             var showKey = keys.filter(function (item) { return Number(item) < value; }).length;
-            var showColor = keys[showKey] !== undefined && colors[keys[showKey]];
-            // 取最大 key 的颜色，避免如下情况：colors 只设置了 1-4，value 为 5，导致取不到颜色而无法显示
-            var lastColor = keys.length && colors[keys[keys.length - 1]];
+            var showColor = keys[showKey] !== undefined && tempColor[keys[showKey]];
+            // 取最大 key 的颜色，避免如下情况：tempColor 只设置了 1-4，value 为 5，导致取不到颜色而无法显示
+            var lastColor = keys.length && tempColor[keys[keys.length - 1]];
             this.setState({
                 showColor: showColor || lastColor || ''
             });
         }
-        else if (colors && typeof colors === 'string') {
+        else if (tempColor && typeof tempColor === 'string') {
             this.setState({
-                showColor: colors
+                showColor: tempColor
             });
         }
         if (texts && isObject(texts)) {
@@ -297,7 +317,7 @@ var Rating = /** @class */ (function (_super) {
     };
     Rating.prototype.render = function () {
         var _a = this.props, className = _a.className, textPosition = _a.textPosition, cx = _a.classnames;
-        return (React__default.createElement("div", { className: cx('Rating', className) }, textPosition === 'left' ? (React__default.createElement(React__default.Fragment, null,
+        return (React__default.createElement("div", { className: cx('Rating', className), ref: this.ratingRef }, textPosition === 'left' ? (React__default.createElement(React__default.Fragment, null,
             this.renderText(),
             this.renderStars())) : (React__default.createElement(React__default.Fragment, null,
             this.renderStars(),
@@ -310,12 +330,8 @@ var Rating = /** @class */ (function (_super) {
         allowClear: true,
         value: 0,
         count: 5,
-        char: React__default.createElement(Icon, { icon: "star", className: "icon" }),
-        colors: {
-            '2': '#abadb1',
-            '3': '#787b81',
-            '5': '#ffa900'
-        },
+        char: React__default.createElement(Icon, { icon: "star", className: "icon", iconContent: "Rating-star-icon" }),
+        colors: '',
         textPosition: 'right'
     };
     return Rating;