@king-design/intact 3.1.4-beta.2 → 3.1.5

package/es/site/src/pages/font/index.js

@@ -2,27 +2,19 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import template from './index.vdt';
 import Layout from '../layout';
-
 var Index = /*#__PURE__*/function (_Layout) {
   _inheritsLoose(Index, _Layout);
-
   function Index() {
     return _Layout.apply(this, arguments) || this;
   }
-
   var _proto = Index.prototype;
-
   _proto.handleDownLoad = function handleDownLoad() {
     location.href = 'https://damife.ks3-cn-beijing.ksyuncs.com/kpc/Kingsoft_Cloud_Font.ttf';
   };
-
   return Index;
 }(Layout);
-
 Index.template = template;
-
 Index.defaults = function () {
   return _extends({}, Layout.defaults());
 };
-
 export { Index as default };

package/es/site/src/pages/iframe/button/index.d.ts

@@ -1,5 +1,5 @@
 import { Component, TypeDefs } from 'intact';
-declare type ButtonProps = {
+type ButtonProps = {
     buttonRadius: number;
     buttonStatus: string;
     contentInput: string;

package/es/site/src/pages/iframe/button/index.js

@@ -10,7 +10,6 @@ var typeDefs = {
   contentInput: String,
   iconPosition: String
 };
-
 var defaults = function defaults() {
   return {
     buttonRadius: 2,
@@ -19,37 +18,28 @@ var defaults = function defaults() {
     iconPosition: 'left'
   };
 };
-
 var default_1 = /*#__PURE__*/function (_Component) {
   _inheritsLoose(default_1, _Component);
-
   function default_1() {
     var _context;
-
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.curTheme = {};
     return _this;
   }
-
   var _proto = default_1.prototype;
-
   _proto.init = function init() {
     window.setValue = this.setValue.bind(this);
   };
-
   _proto.setValue = function setValue(val) {
     var _this$get = this.get(),
-        buttonRadius = _this$get.buttonRadius,
-        buttonStatus = _this$get.buttonStatus,
-        contentInput = _this$get.contentInput,
-        iconPosition = _this$get.iconPosition;
-
+      buttonRadius = _this$get.buttonRadius,
+      buttonStatus = _this$get.buttonStatus,
+      contentInput = _this$get.contentInput,
+      iconPosition = _this$get.iconPosition;
     var target = val ? val : {
       buttonRadius: buttonRadius,
       buttonStatus: buttonStatus,
@@ -64,7 +54,6 @@ var default_1 = /*#__PURE__*/function (_Component) {
         borderRadius: target.buttonRadius + "px"
       }
     };
-
     if (target.primary) {
       this.curTheme = {
         color: {
@@ -72,14 +61,11 @@ var default_1 = /*#__PURE__*/function (_Component) {
         }
       };
     }
-
     setTheme(_extends({}, targetTheme, this.curTheme));
     this.forceUpdate();
   };
-
   return default_1;
 }(Component);
-
 default_1.template = template;
 default_1.typeDefs = typeDefs;
 default_1.defaults = defaults;

package/es/site/src/pages/iframe/button/styles.js

@@ -1,5 +1,4 @@
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/css';
 export function makeStyles() {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {

package/es/site/src/pages/iframe/colorProcess/index.d.ts

@@ -1,6 +1,6 @@
 import { Component, TypeDefs } from 'intact';
-declare type BgThemeType = 'light' | 'dark';
-export declare type BgThemeValue = {
+type BgThemeType = 'light' | 'dark';
+export type BgThemeValue = {
     bgColor: string;
     cardBgColor: string;
     menuColor: string;
@@ -10,8 +10,8 @@ interface BgTheme {
     dark: BgThemeValue;
     light: BgThemeValue;
 }
-declare type ThemeType = 'New Era' | 'Ocean' | 'Techno' | 'burset 62';
-export declare type ThemeValue = {
+type ThemeType = 'New Era' | 'Ocean' | 'Techno' | 'burset 62';
+export type ThemeValue = {
     mainColor: string;
     textColor: string;
     collectionsColor: string;

package/es/site/src/pages/iframe/colorProcess/index.js

@@ -10,7 +10,6 @@ var typeDefs = {
   theme: Object,
   curTheme: String
 };
-
 var defaults = function defaults() {
   return {
     asideWidth: 350,
@@ -59,28 +58,21 @@ var defaults = function defaults() {
     curTheme: 'New Era'
   };
 };
-
 var default_1 = /*#__PURE__*/function (_Component) {
   _inheritsLoose(default_1, _Component);
-
   function default_1() {
     return _Component.apply(this, arguments) || this;
   }
-
   var _proto = default_1.prototype;
-
   _proto.init = function init() {
     var _this = this;
-
     window.setValue = function (target) {
       if (target) {
         _this.set('curBgTheme', target.bgTheme);
-
         _this.setColor(target.theme);
       }
     };
   };
-
   _proto.getDefaultProps = function getDefaultProps() {
     var curTheme = this.get('theme')[this.get('curTheme')];
     var curBgTheme = this.get('bgTheme')[this.get('curBgTheme')];
@@ -103,29 +95,23 @@ var default_1 = /*#__PURE__*/function (_Component) {
       }
     };
   };
-
   _proto.setThemeViaProps = function setThemeViaProps() {
     // set style via props
     this.setValue(this.getDefaultProps());
   };
-
   _proto.setColor = function setColor(themeName) {
     this.set('curTheme', themeName);
     this.setThemeViaProps();
   };
-
   _proto.setValue = function setValue(theme) {
     setTheme(theme);
     this.forceUpdate();
   };
-
   _proto.mounted = function mounted() {
     this.setColor(this.get('curTheme'));
   };
-
   return default_1;
 }(Component);
-
 default_1.template = template;
 default_1.typeDefs = typeDefs;
 default_1.defaults = defaults;

package/es/site/src/pages/iframe/colorProcess/styles.js

@@ -3,17 +3,13 @@ import { css } from '@emotion/css';
 import { center } from '../../../styles/default';
 export function makeStyles(bgTheme, theme) {
   var styleId = 'style';
-
   if (!document.getElementById(styleId)) {
     var style = document.createElement('style');
     style.id = styleId;
     style.innerHTML = "\n            html, body, #page {\n                height: 100%;\n            }\n        ";
     document.head.appendChild(style);
   }
-
-  return /*#__PURE__*/css("height:100%;.k-btn{font-size:16px;}.k-layout-wrapper{height:100%;}.cp-body{padding:20px;background:", bgTheme.bgColor, ";}.k-layout-aside{background:", bgTheme.menuColor, ";}.k-layout-header{display:flex;align-items:center;font-family:Roboto;font-weight:500;font-size:24px;&>div:first-child{flex-grow:1;}.header-logo{display:flex;padding-left:25px;img{width:400px;}}.header-menu{display:flex;align-items:center;padding-right:60px;&>div{cursor:pointer;height:100%;align-items:center;margin-left:82px;display:flex;align-items:center;justify-content:center;transition:all .25s ease-in-out;color:", theme.textColor, ";}&>div:not(:last-child){opacity:", theme.opacity, ";}&>div:not(:last-child):hover{opacity:1;color:", theme.textColor, ";}&>div:last-child{width:60px;height:60px;border-radius:50%;background:#ffffff;}}}.k-menu{height:100%;.k-menu-header{font-family:Roboto;font-weight:500;font-size:32px;letter-spacing:-0.05em;color:#C6C6C6;height:100px;&>div:first-child{width:100%;display:flex;align-items:center;&>span{flex-grow:1;}}.k-icon{font-size:50px;}}}.menu-footer{", center(), ";height:86px;border-top:1px solid #696969;background:", bgTheme.menuColor, ";&>div{width:280px;border:1px solid ", theme.mainColor, ";color:", theme.mainColor, ";display:flex;align-items:center;padding:12px 20px;", function () {
-    var _context;
-
+  return /*#__PURE__*/css("height:100%;.k-btn{font-size:16px;}.k-layout-wrapper{height:100%;}.cp-body{padding:20px;background:", bgTheme.bgColor, ";}.k-layout-aside{background:", bgTheme.menuColor, ";}.k-layout-header{display:flex;align-items:center;font-family:Roboto;font-weight:500;font-size:24px;&>div:first-child{flex-grow:1;}.header-logo{display:flex;padding-left:25px;img{width:400px;}}.header-menu{display:flex;align-items:center;padding-right:60px;&>div{cursor:pointer;height:100%;align-items:center;margin-left:82px;display:flex;align-items:center;justify-content:center;transition:all .25s ease-in-out;color:", theme.textColor, ";}&>div:not(:last-child){opacity:", theme.opacity, ";}&>div:not(:last-child):hover{opacity:1;color:", theme.textColor, ";}&>div:last-child{width:60px;height:60px;border-radius:50%;background:#ffffff;}}}.k-menu{height:100%;.k-menu-header{font-family:Roboto;font-weight:500;font-size:32px;letter-spacing:-0.05em;color:#C6C6C6;height:100px;&>div:first-child{width:100%;display:flex;align-items:center;&>span{flex-grow:1;}}.k-icon{font-size:50px;}}}.menu-footer{", center(), ";height:86px;border-top:1px solid #696969;background:", bgTheme.menuColor, ";&>div{width:280px;border:1px solid ", theme.mainColor, ";color:", theme.mainColor, ";display:flex;align-items:center;padding:12px 20px;", function (_context) {
     if (_includesInstanceProperty(_context = theme.mainColor).call(_context, 'linear-gradient')) {
       return "\n                            border: 1px solid transparent;\n                            background-image: " + theme.mainColor + ";\n                            background-clip: text; \n                            text-fill-color: transparent;\n                            border-image: " + theme.mainColor + " 10 10 stretch;\n                        ";
     }

package/es/site/src/pages/index/BestPractice/index.d.ts

@@ -1,5 +1,5 @@
 import { Component, TypeDefs } from 'intact';
-declare type SupportLang = {
+type SupportLang = {
     title: string;
     src: any;
     activeSrc: any;

package/es/site/src/pages/index/BestPractice/index.js

@@ -19,7 +19,6 @@ var templateMap = {
   react: reactTemplate,
   vue3: vue3Template
 };
-
 var getTemplate = function getTemplate(type) {
   return function (buttonStatus, contentInput, iconPosition) {
     var isLeft = iconPosition == 'left';
@@ -31,7 +30,6 @@ var getTemplate = function getTemplate(type) {
     return tmp.replace('placeholder1', placeholder1).replace('placeholder2', placeholder2);
   };
 };
-
 var typeDefs = {
   codeContent: String,
   contentInput: String,
@@ -43,7 +41,6 @@ var typeDefs = {
   supportList: Array,
   themeColor: String
 };
-
 var defaults = function defaults() {
   return {
     codeContent: '',
@@ -75,19 +72,14 @@ var defaults = function defaults() {
     themeColor: ''
   };
 };
-
 export var BestPractice = /*#__PURE__*/function (_Component) {
   _inheritsLoose(BestPractice, _Component);
-
   function BestPractice() {
     var _context;
-
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.iframeBoxRef = createRef();
     _this.leftBox = createRef();
@@ -95,83 +87,64 @@ export var BestPractice = /*#__PURE__*/function (_Component) {
     _this.columnNum = [];
     return _this;
   }
-
   var _proto = BestPractice.prototype;
-
   _proto.init = function init() {
     var _this2 = this;
-
     var handleValueChange = function handleValueChange() {
       return _this2.setFrameValue();
     };
-
     this.watch('iconPosition', handleValueChange);
     this.watch('contentInput', handleValueChange);
     this.watch('buttonStatus', handleValueChange);
     this.watch('buttonRadius', handleValueChange);
   };
-
   _proto.setFrameValue = function setFrameValue(primaryColor) {
     var _this$iframeBoxRef$va;
-
     var _this$get = this.get(),
-        iconPosition = _this$get.iconPosition,
-        contentInput = _this$get.contentInput,
-        buttonStatus = _this$get.buttonStatus,
-        buttonRadius = _this$get.buttonRadius;
-
+      iconPosition = _this$get.iconPosition,
+      contentInput = _this$get.contentInput,
+      buttonStatus = _this$get.buttonStatus,
+      buttonRadius = _this$get.buttonRadius;
     var theme = {
       iconPosition: iconPosition,
       contentInput: contentInput,
       buttonStatus: buttonStatus,
       buttonRadius: buttonRadius
     };
-
     if (primaryColor) {
       theme.primary = primaryColor;
     }
-
-    (_this$iframeBoxRef$va = this.iframeBoxRef.value) == null ? void 0 : _this$iframeBoxRef$va.reRender(theme);
+    (_this$iframeBoxRef$va = this.iframeBoxRef.value) == null || _this$iframeBoxRef$va.reRender(theme);
     this.setCode();
   };
-
   _proto.setCode = function setCode() {
     var _context2;
-
     var _this$get2 = this.get(),
-        iconPosition = _this$get2.iconPosition,
-        contentInput = _this$get2.contentInput,
-        buttonStatus = _this$get2.buttonStatus;
-
+      iconPosition = _this$get2.iconPosition,
+      contentInput = _this$get2.contentInput,
+      buttonStatus = _this$get2.buttonStatus;
     var active = _findInstanceProperty(_context2 = this.get('supportList')).call(_context2, function (item) {
       return item.isActive;
     });
-
     var code = active.codeTemplate(buttonStatus, contentInput, iconPosition);
     this.set('codeContent', code);
   };
-
   _proto.handleLanguageClick = function handleLanguageClick(curLang) {
     var _this$get3 = this.get(),
-        supportList = _this$get3.supportList;
-
+      supportList = _this$get3.supportList;
     var tmp = _mapInstanceProperty(supportList).call(supportList, function (item) {
       item.isActive = false;
       return item;
     });
-
     this.set('supportList', tmp);
     curLang.isActive = true;
     this.setCode();
   };
-
   _proto.handleCodeBoxReady = function handleCodeBoxReady() {
     this.setCode();
   };
-
   _proto.mounted = function mounted() {
     var _context3, _context4;
-
     var box = this.leftBox.value;
     var width = 22;
     this.rowNum = _mapInstanceProperty(_context3 = _Array$from({
@@ -189,11 +162,9 @@ export var BestPractice = /*#__PURE__*/function (_Component) {
       };
     });
   };
-
   return BestPractice;
 }(Component);
 BestPractice.template = template;
 BestPractice.typeDefs = typeDefs;
 BestPractice.defaults = defaults;
-
 __decorate([bind], BestPractice.prototype, "handleCodeBoxReady", null);

package/es/site/src/pages/index/ColorProcess/index.js

@@ -12,7 +12,6 @@ var typeDefs = {
   iframeScale: Number,
   curThemeType: String
 };
-
 var defaults = function defaults() {
   return {
     colorList: [{
@@ -35,33 +34,25 @@ var defaults = function defaults() {
     curThemeType: 'dark'
   };
 };
-
 export var ColorProcess = /*#__PURE__*/function (_Component) {
   _inheritsLoose(ColorProcess, _Component);
-
   function ColorProcess() {
     var _context;
-
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.iframeBoxRef = createRef();
     _this.cpBoxRef = createRef();
     _this.curColor = '';
     return _this;
   }
-
   var _proto = ColorProcess.prototype;
-
   _proto.handleColorClick = function handleColorClick(item) {
     this.set('curColor', item.name);
     this.setTheme();
   };
-
   _proto.handleThemeTypeChange = function handleThemeTypeChange(themeType) {
     if (this.curColor !== themeType) {
       this.curColor = themeType;
@@ -69,31 +60,24 @@ export var ColorProcess = /*#__PURE__*/function (_Component) {
       this.setTheme();
     }
   };
-
   _proto.setTheme = function setTheme() {
     var _this$iframeBoxRef$va;
-
     var _this$get = this.get(),
-        curThemeType = _this$get.curThemeType,
-        curColor = _this$get.curColor;
-
-    (_this$iframeBoxRef$va = this.iframeBoxRef.value) == null ? void 0 : _this$iframeBoxRef$va.reRender({
+      curThemeType = _this$get.curThemeType,
+      curColor = _this$get.curColor;
+    (_this$iframeBoxRef$va = this.iframeBoxRef.value) == null || _this$iframeBoxRef$va.reRender({
       bgTheme: curThemeType,
       theme: curColor
     });
   };
-
   _proto.mounted = function mounted() {
     var scale = this.cpBoxRef.value.offsetWidth / this.get('iframeWidth');
     this.set('iframeScale', scale);
   };
-
   return ColorProcess;
 }(Component);
 ColorProcess.template = template;
 ColorProcess.typeDefs = typeDefs;
 ColorProcess.defaults = defaults;
-
 __decorate([bind], ColorProcess.prototype, "handleColorClick", null);
-
 __decorate([bind], ColorProcess.prototype, "handleThemeTypeChange", null);

package/es/site/src/pages/index/ColorProcess/styles.js

@@ -5,10 +5,8 @@ import { mainBlock, center } from '../../../styles/default';
 export function makeStyles(colorList) {
   var boxShadowColorList = _mapInstanceProperty(colorList).call(colorList, function (item) {
     var _context;
-
     return _includesInstanceProperty(_context = item.color).call(_context, 'linear-gradient') ? item.color.match(/#\w{6}/)[0] : item.color;
   });
-
   return /*#__PURE__*/css("background:linear-gradient(94.17deg, #F1DEFF 35.58%, rgba(0, 194, 255, 0) 99.19%);", mainBlock(450), ";position:relative;.web-info{display:block;}.h5-info{display:none;}.bg-layer{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;img{position:absolute;filter:blur(40px);}img:first-child{left:760px;top:120px;}img:nth-child(2){left:1270px;top:-10px;opacity:.67;}img:last-child{left:1220px;top:230px;opacity:.67;}}.cp-content{position:relative;z-index:5;display:flex;&>div:first-child{flex-grow:1;}&>div:last-child{width:625px;display:flex;align-items:center;}.cp-logo{margin-top:30px;}.cp-desc{font-size:16px;line-height:22px;color:#2E2E2E;width:374px;}.info-box{display:flex;align-items:center;&>div:first-child{font-size:14px;color:#000000;font-family:Roboto;a{text-decoration:none;color:#000000;border-bottom:1px solid #000000;}}&>div:last-child a:hover{color:#0191EA;}}.color-box{padding-top:20px;.color-wrapper{width:407px;height:112px;background:#000000;border:1px solid #6E64E0;box-sizing:border-box;border-radius:8px;display:flex;.color-item-box{display:flex;justify-content:space-around;flex-grow:1;align-items:center;color:#CDCDCD;", function () {
     return _mapInstanceProperty(boxShadowColorList).call(boxShadowColorList, function (color, index) {
       return "\n                                    .color-item:nth-child(" + (index + 1) + ") {\n                                        & > div:first-child:hover {\n                                            box-shadow: 0 0 16px " + color + ";\n                                        }\n                                    }\n                                ";

package/es/site/src/pages/index/KingVersion/index.js

@@ -2,22 +2,16 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import { Component } from 'intact';
 import template from './index.vdt';
 var typeDefs = {};
-
 var defaults = function defaults() {
   return {};
 };
-
 export var KingVersion = /*#__PURE__*/function (_Component) {
   _inheritsLoose(KingVersion, _Component);
-
   function KingVersion() {
     return _Component.apply(this, arguments) || this;
   }
-
   var _proto = KingVersion.prototype;
-
   _proto.init = function init() {};
-
   return KingVersion;
 }(Component);
 KingVersion.template = template;

package/es/site/src/pages/index/NewFunction/index.js

@@ -23,7 +23,6 @@ var typeDefs = {
   themeColor: String,
   documentWidth: Number
 };
-
 var defaults = function defaults() {
   return {
     cardLeft: 0,
@@ -43,7 +42,6 @@ var defaults = function defaults() {
     documentWidth: 0
   };
 };
-
 var curveTypeMap = {
   '1': [.53, .01, .53, .98],
   '2': [.35, .27, .35, 1],
@@ -51,36 +49,26 @@ var curveTypeMap = {
 };
 export var NewFunction = /*#__PURE__*/function (_Component) {
   _inheritsLoose(NewFunction, _Component);
-
   function NewFunction() {
     var _context;
-
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.cardBoxRef = createRef();
     return _this;
   }
-
   var _proto = NewFunction.prototype;
-
   _proto.mounted = function mounted() {
     this.set('documentWidth', document.documentElement.offsetWidth);
   };
-
   _proto.init = function init() {
     var _this2 = this;
-
     this.watch('animationType', function (value) {
       var target = curveTypeMap[value];
-
       if (target) {
         _this2.set('bezierValue', target);
-
         _this2.showTransition();
       }
     });
@@ -90,81 +78,61 @@ export var NewFunction = /*#__PURE__*/function (_Component) {
       }
     });
   };
-
   _proto.setCardBoxPosition = function setCardBoxPosition() {
     var _this$get = this.get(),
-        curCardNum = _this$get.curCardNum,
-        cardsPerPage = _this$get.cardsPerPage,
-        totalCards = _this$get.totalCards;
-
+      curCardNum = _this$get.curCardNum,
+      cardsPerPage = _this$get.cardsPerPage,
+      totalCards = _this$get.totalCards;
     var cardWidthWithMargin = this.cardBoxRef.value.offsetWidth / totalCards;
     this.set('cardLeft', (curCardNum - cardsPerPage) * cardWidthWithMargin);
   };
-
   _proto.showTransition = function showTransition() {
     var _this3 = this;
-
     this.set('transition', 'all 0s ease');
     this.set('textTop', '40');
     setTimeout(function () {
       var bezierValue = _this3.get('bezierValue').join();
-
       _this3.set('transition', "all .3s cubic-bezier(" + bezierValue + ")");
-
       _this3.set('textTop', '0');
     });
   };
-
   _proto.handleBezierValChange = function handleBezierValChange(bezierValue) {
     var targetCurveType = '';
-
     _Object$keys(curveTypeMap).forEach(function (key) {
       var isEqual = curveTypeMap[key].every(function (item, index) {
         return item == bezierValue[index];
       });
-
       if (isEqual) {
         targetCurveType = key;
       }
     });
-
     this.set('animationType', targetCurveType);
-    this.set('bezierValue', bezierValue); // Show tarnsition when bezier value change
-
+    this.set('bezierValue', bezierValue);
+    // Show tarnsition when bezier value change
     this.showTransition();
   };
-
   _proto.handlePrevClick = function handlePrevClick() {
     this.set('curCardNum', this.get('curCardNum') - 1);
     this.setCardBoxPosition();
   };
-
   _proto.handleNextClick = function handleNextClick() {
     this.set('curCardNum', this.get('curCardNum') + 1);
     this.setCardBoxPosition();
   };
-
   _proto.changeComponentsGroup = function changeComponentsGroup() {
     var cur = this.get('curComponentsGroup');
     this.set('curComponentsGroup', (cur + 1) % 3);
   };
-
   _proto.handleGlobalInfo = function handleGlobalInfo() {
     Message.success('成功');
   };
-
   return NewFunction;
 }(Component);
 NewFunction.template = template;
 NewFunction.typeDefs = typeDefs;
 NewFunction.defaults = defaults;
-
 __decorate([bind], NewFunction.prototype, "handleBezierValChange", null);
-
 __decorate([bind], NewFunction.prototype, "handlePrevClick", null);
-
 __decorate([bind], NewFunction.prototype, "handleNextClick", null);
-
 __decorate([bind], NewFunction.prototype, "changeComponentsGroup", null);
-
 __decorate([bind], NewFunction.prototype, "handleGlobalInfo", null);

package/es/site/src/pages/index/index.js

@@ -3,47 +3,33 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/con
 import { createRef } from 'intact';
 import template from './index.vdt';
 import Layout from '../layout';
-
 var Index = /*#__PURE__*/function (_Layout) {
   _inheritsLoose(Index, _Layout);
-
   function Index() {
     var _context;
-
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _Layout.call.apply(_Layout, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.bestPrac = createRef();
     _this.bannerVideo = createRef();
     return _this;
   }
-
   var _proto = Index.prototype;
-
   _proto.handleColorChange = function handleColorChange(color) {
     var _this$bestPrac$value;
-
     _Layout.prototype.handleColorChange.call(this, color);
-
-    (_this$bestPrac$value = this.bestPrac.value) == null ? void 0 : _this$bestPrac$value.setFrameValue(color);
+    (_this$bestPrac$value = this.bestPrac.value) == null || _this$bestPrac$value.setFrameValue(color);
   };
-
   _proto.mounted = function mounted() {
     var _this2 = this;
-
     var video = this.bannerVideo.value;
-
     video.oncanplay = function () {
       _this2.set('videoLevel', 5);
     };
   };
-
   return Index;
 }(Layout);
-
 Index.template = template;
 export { Index as default };