@easyv/config 1.0.53 → 1.1.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [1.1.0](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-config/compare/v1.0.53...v1.1.0) (2022-04-27)
+
+
+### Features
+
+* **animation.js:** 增加数据动画配置项 ([aae17b3](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-config/commit/aae17b34bf57b6cd4055ee622c6830dd8d2d1dab))
+* **animation.js:** interval配置项可选 ([8d49a7a](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-config/commit/8d49a7a7cefde401eb2ccf23ef68e97105baf729))
+
 ### [1.0.53](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-config/compare/v1.0.52...v1.0.53) (2022-04-08)
 
 ### [1.0.52](https://gitlab.prod.dtstack.cn:10022/visdev/visApplication/easyv-config/compare/v1.0.51...v1.0.52) (2022-04-02)

package/lib/animation.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.animationOfCarousel = exports.animationOfPie = exports["default"] = void 0;
+exports.animationOfCarousel = exports.animationOfPie = exports.dataAnimation = exports["default"] = void 0;
 
 var _ = require("./");
 
@@ -55,6 +55,41 @@ var _default = function _default() {
 };
 
 exports["default"] = _default;
+var defaultDataAnimation = {
+  show: false,
+  duration: 3
+};
+
+var dataAnimation = function dataAnimation() {
+  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultDataAnimation,
+      _ref2$show = _ref2.show,
+      show = _ref2$show === void 0 ? defaultDataAnimation.show : _ref2$show,
+      _ref2$duration = _ref2.duration,
+      duration = _ref2$duration === void 0 ? defaultDataAnimation.duration : _ref2$duration;
+
+  return {
+    name: 'dataAnimation',
+    displayName: '数据动画',
+    value: [{
+      name: 'show',
+      displayName: '打开',
+      value: show,
+      type: 'boolean'
+    }, {
+      rule: [['show', '$eq', true]],
+      name: 'duration',
+      displayName: '滚动时长',
+      value: duration,
+      type: 'number',
+      config: {
+        span: 12,
+        suffix: 's'
+      }
+    }]
+  };
+};
+
+exports.dataAnimation = dataAnimation;
 var defaultAnimationOfPie = {
   show: true,
   current: {
@@ -66,20 +101,20 @@ var defaultAnimationOfPie = {
 };
 
 var animationOfPie = function animationOfPie() {
-  var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultAnimationOfPie,
-      _ref2$show = _ref2.show,
-      show = _ref2$show === void 0 ? defaultAnimationOfPie.show : _ref2$show,
-      _ref2$current = _ref2.current;
+  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultAnimationOfPie,
+      _ref3$show = _ref3.show,
+      show = _ref3$show === void 0 ? defaultAnimationOfPie.show : _ref3$show,
+      _ref3$current = _ref3.current;
 
-  _ref2$current = _ref2$current === void 0 ? defaultAnimationOfPie.current : _ref2$current;
-  var _ref2$current$heighte = _ref2$current.heighten,
-      heighten = _ref2$current$heighte === void 0 ? defaultAnimationOfPie.current.heighten : _ref2$current$heighte,
-      _ref2$current$opacity = _ref2$current.opacity,
-      opacity = _ref2$current$opacity === void 0 ? defaultAnimationOfPie.current.opacity : _ref2$current$opacity,
-      _ref2$interval = _ref2.interval,
-      interval = _ref2$interval === void 0 ? defaultAnimationOfPie.interval : _ref2$interval,
-      _ref2$interactive = _ref2.interactive,
-      interactive = _ref2$interactive === void 0 ? defaultAnimationOfPie.interactive : _ref2$interactive;
+  _ref3$current = _ref3$current === void 0 ? defaultAnimationOfPie.current : _ref3$current;
+  var _ref3$current$heighte = _ref3$current.heighten,
+      heighten = _ref3$current$heighte === void 0 ? defaultAnimationOfPie.current.heighten : _ref3$current$heighte,
+      _ref3$current$opacity = _ref3$current.opacity,
+      opacity = _ref3$current$opacity === void 0 ? defaultAnimationOfPie.current.opacity : _ref3$current$opacity,
+      _ref3$interval = _ref3.interval,
+      interval = _ref3$interval === void 0 ? defaultAnimationOfPie.interval : _ref3$interval,
+      _ref3$interactive = _ref3.interactive,
+      interactive = _ref3$interactive === void 0 ? defaultAnimationOfPie.interactive : _ref3$interactive;
   return {
     name: 'animation',
     displayName: '轮播动画',
@@ -158,26 +193,26 @@ var defaultAnimationOfCarousel = {
 };
 
 var animationOfCarousel = function animationOfCarousel() {
-  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultAnimationOfCarousel,
-      _ref3$show = _ref3.show,
-      show = _ref3$show === void 0 ? defaultAnimationOfCarousel.show : _ref3$show,
-      _ref3$current = _ref3.current;
+  var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultAnimationOfCarousel,
+      _ref4$show = _ref4.show,
+      show = _ref4$show === void 0 ? defaultAnimationOfCarousel.show : _ref4$show,
+      _ref4$current = _ref4.current;
 
-  _ref3$current = _ref3$current === void 0 ? defaultAnimationOfCarousel.current : _ref3$current;
-  var _ref3$current$width = _ref3$current.width,
-      width = _ref3$current$width === void 0 ? defaultAnimationOfCarousel.current.width : _ref3$current$width,
-      _ref3$current$color = _ref3$current.color,
-      color = _ref3$current$color === void 0 ? defaultAnimationOfCarousel.current.color : _ref3$current$color,
-      _ref3$current$textSty = _ref3$current.textStyle,
-      textStyle = _ref3$current$textSty === void 0 ? defaultAnimationOfCarousel.current.font : _ref3$current$textSty,
-      _ref3$current$gap = _ref3$current.gap,
-      gap = _ref3$current$gap === void 0 ? defaultAnimationOfCarousel.current.gap : _ref3$current$gap,
-      _ref3$interval = _ref3.interval,
-      interval = _ref3$interval === void 0 ? defaultAnimationOfCarousel.interval : _ref3$interval,
-      _ref3$rotate = _ref3.rotate,
-      rotate = _ref3$rotate === void 0 ? defaultAnimationOfCarousel.rotate : _ref3$rotate,
-      _ref3$interactive = _ref3.interactive,
-      interactive = _ref3$interactive === void 0 ? defaultAnimationOfCarousel.interactive : _ref3$interactive;
+  _ref4$current = _ref4$current === void 0 ? defaultAnimationOfCarousel.current : _ref4$current;
+  var _ref4$current$width = _ref4$current.width,
+      width = _ref4$current$width === void 0 ? defaultAnimationOfCarousel.current.width : _ref4$current$width,
+      _ref4$current$color = _ref4$current.color,
+      color = _ref4$current$color === void 0 ? defaultAnimationOfCarousel.current.color : _ref4$current$color,
+      _ref4$current$textSty = _ref4$current.textStyle,
+      textStyle = _ref4$current$textSty === void 0 ? defaultAnimationOfCarousel.current.font : _ref4$current$textSty,
+      _ref4$current$gap = _ref4$current.gap,
+      gap = _ref4$current$gap === void 0 ? defaultAnimationOfCarousel.current.gap : _ref4$current$gap,
+      _ref4$interval = _ref4.interval,
+      interval = _ref4$interval === void 0 ? defaultAnimationOfCarousel.interval : _ref4$interval,
+      _ref4$rotate = _ref4.rotate,
+      rotate = _ref4$rotate === void 0 ? defaultAnimationOfCarousel.rotate : _ref4$rotate,
+      _ref4$interactive = _ref4.interactive,
+      interactive = _ref4$interactive === void 0 ? defaultAnimationOfCarousel.interactive : _ref4$interactive;
   return {
     name: 'animation',
     displayName: '轮播动画',
@@ -204,7 +239,7 @@ var animationOfCarousel = function animationOfCarousel() {
         name: 'textStyle',
         displayName: '类目文本样式',
         value: (0, _.font)(textStyle),
-        type: "textStyle",
+        type: 'textStyle',
         markColorType: 'textColor'
       }, {
         name: 'gap',
@@ -212,7 +247,7 @@ var animationOfCarousel = function animationOfCarousel() {
         value: gap,
         type: 'number',
         config: {
-          suffix: "px"
+          suffix: 'px'
         }
       }],
       config: {
@@ -242,7 +277,7 @@ var animationOfCarousel = function animationOfCarousel() {
       name: 'interactive',
       displayName: '点击交互',
       value: interactive,
-      type: "boolean"
+      type: 'boolean'
     }]
   };
 };

package/lib/series.js

@@ -333,7 +333,7 @@ var defaultLineSeries = {
 };
 var defaultIcon = {
   show: true,
-  mode: 'double',
+  mode: 'single',
   inner: {
     color: '#83C4FF',
     radius: 3
@@ -596,7 +596,8 @@ var icon = function icon() {
       name: 'color',
       displayName: '颜色',
       value: color,
-      type: 'color'
+      type: 'color',
+      markColorType: 'palette'
     }, {
       rule: [['show', '$eq', true], ['mode', '$eq', 'single']],
       name: 'radius',

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@easyv/config",
-  "version": "1.0.53",
+  "version": "1.1.0",
   "description": "",
   "main": "index.js",
   "scripts": {
     "make": "babel src -d lib",
-    "release": "standard-version",
-    "publish": "npm run make && npm run release && npm publish --access public"
+    "release": "standard-version"
   },
   "keywords": [],
   "author": "",
@@ -23,5 +22,10 @@
     "babel-plugin-transform-import-styles": "0.0.11",
     "babel-preset-env": "^1.7.0",
     "standard-version": "^9.3.2"
+  },
+  "standard-version": {
+    "skip": {
+      "commit": true
+    }
   }
-}
+}

package/src/animation.js

@@ -1,4 +1,4 @@
-import { multiColor,font } from './';
+import { multiColor, font } from './';
 const animation = {
   show: false,
   duration: 3,
@@ -43,6 +43,37 @@ export default ({
   ],
 });
 
+const defaultDataAnimation = {
+  show: false,
+  duration: 3,
+};
+export const dataAnimation = ({
+  show = defaultDataAnimation.show,
+  duration = defaultDataAnimation.duration,
+} = defaultDataAnimation) => ({
+  name: 'dataAnimation',
+  displayName: '数据动画',
+  value: [
+    {
+      name: 'show',
+      displayName: '打开',
+      value: show,
+      type: 'boolean',
+    },
+    {
+      rule: [['show', '$eq', true]],
+      name: 'duration',
+      displayName: '滚动时长',
+      value: duration,
+      type: 'number',
+      config: {
+        span: 12,
+        suffix: 's',
+      },
+    },
+  ],
+});
+
 const defaultAnimationOfPie = {
   show: true,
   current: { heighten: 10, opacity: 60 },
@@ -62,10 +93,10 @@ export const animationOfPie = ({
   displayName: '轮播动画',
   value: [
     {
-      name: 'on', 
-      displayName: '开启', 
-      value: show, 
-      type: 'boolean'
+      name: 'on',
+      displayName: '开启',
+      value: show,
+      type: 'boolean',
     },
     {
       rule: [['on', '$eq', true]],
@@ -84,8 +115,8 @@ export const animationOfPie = ({
           value: opacity,
           type: 'range',
           config: {
-            min:0,
-            max:100,
+            min: 0,
+            max: 100,
             suffix: '%',
           },
         },
@@ -122,38 +153,38 @@ export const animationOfPie = ({
   ],
 });
 
-const defaultAnimationOfCarousel= {
+const defaultAnimationOfCarousel = {
   show: true,
-  current: { 
-    width: 0.1, 
+  current: {
+    width: 0.1,
     color: multiColor(),
-    font:font(),
-    gap: 15
+    font: font(),
+    gap: 15,
   },
   interval: 3,
   rotate: 30,
   interactive: true,
 };
-export const animationOfCarousel= ({
+export const animationOfCarousel = ({
   show = defaultAnimationOfCarousel.show,
   current: {
     width = defaultAnimationOfCarousel.current.width,
     color = defaultAnimationOfCarousel.current.color,
     textStyle = defaultAnimationOfCarousel.current.font,
-    gap = defaultAnimationOfCarousel.current.gap
+    gap = defaultAnimationOfCarousel.current.gap,
   } = defaultAnimationOfCarousel.current,
   interval = defaultAnimationOfCarousel.interval,
   rotate = defaultAnimationOfCarousel.rotate,
-  interactive = defaultAnimationOfCarousel.interactive
+  interactive = defaultAnimationOfCarousel.interactive,
 } = defaultAnimationOfCarousel) => ({
   name: 'animation',
   displayName: '轮播动画',
   value: [
     {
-      name: 'on', 
-      displayName: '开启', 
-      value: show, 
-      type: 'boolean'
+      name: 'on',
+      displayName: '开启',
+      value: show,
+      type: 'boolean',
     },
     {
       rule: [['on', '$eq', true]],
@@ -175,19 +206,19 @@ export const animationOfCarousel= ({
         {
           name: 'textStyle',
           displayName: '类目文本样式',
-          value:font(textStyle),
-          type:"textStyle",
-          markColorType: 'textColor'
+          value: font(textStyle),
+          type: 'textStyle',
+          markColorType: 'textColor',
         },
         {
           name: 'gap',
           displayName: '类目文本间距',
           value: gap,
           type: 'number',
-          config:{
-            suffix:"px"
-          }
-        }
+          config: {
+            suffix: 'px',
+          },
+        },
       ],
       config: {
         defaultOpen: true,
@@ -210,8 +241,8 @@ export const animationOfCarousel= ({
       value: rotate,
       type: 'number',
       config: {
-        min:0,
-        max:360,
+        min: 0,
+        max: 360,
         suffix: '°',
       },
     },
@@ -219,7 +250,7 @@ export const animationOfCarousel= ({
       name: 'interactive',
       displayName: '点击交互',
       value: interactive,
-      type:"boolean"
-    }
+      type: 'boolean',
+    },
   ],
 });

package/src/series.js

@@ -284,7 +284,7 @@ const defaultLineSeries = {
 };
 const defaultIcon = {
   show: true,
-  mode: 'double',
+  mode: 'single',
   inner: { color: '#83C4FF', radius: 3 },
   outer: { color: 'rgba(24,144,255,0.4)', radius: 6 },
   color: '#1283E3',
@@ -567,6 +567,7 @@ const icon = ({
       displayName: '颜色',
       value: color,
       type: 'color',
+      markColorType: 'palette',
     },
     {
       rule: [