@king-design/intact 2.1.4 → 2.1.6

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

@@ -19,6 +19,7 @@ var templateMap = {
   react: reactTemplate,
   vue3: vue3Template
 };
+
 var getTemplate = function getTemplate(type) {
   return function (buttonStatus, contentInput, iconPosition) {
     var isLeft = iconPosition == 'left';
@@ -30,6 +31,7 @@ var getTemplate = function getTemplate(type) {
     return tmp.replace('placeholder1', placeholder1).replace('placeholder2', placeholder2);
   };
 };
+
 var typeDefs = {
   codeContent: String,
   contentInput: String,
@@ -41,6 +43,7 @@ var typeDefs = {
   supportList: Array,
   themeColor: String
 };
+
 var defaults = function defaults() {
   return {
     codeContent: '',
@@ -72,14 +75,19 @@ 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();
@@ -87,64 +95,83 @@ 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 || _this$iframeBoxRef$va.reRender(theme);
+
+    (_this$iframeBoxRef$va = this.iframeBoxRef.value) == null ? void 0 : _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({
@@ -162,9 +189,11 @@ 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,6 +12,7 @@ var typeDefs = {
   iframeScale: Number,
   curThemeType: String
 };
+
 var defaults = function defaults() {
   return {
     colorList: [{
@@ -34,25 +35,33 @@ 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;
@@ -60,24 +69,31 @@ 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 || _this$iframeBoxRef$va.reRender({
+        curThemeType = _this$get.curThemeType,
+        curColor = _this$get.curColor;
+
+    (_this$iframeBoxRef$va = this.iframeBoxRef.value) == null ? void 0 : _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,8 +5,10 @@ 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,16 +2,22 @@ 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,6 +23,7 @@ var typeDefs = {
   themeColor: String,
   documentWidth: Number
 };
+
 var defaults = function defaults() {
   return {
     cardLeft: 0,
@@ -42,6 +43,7 @@ var defaults = function defaults() {
     documentWidth: 0
   };
 };
+
 var curveTypeMap = {
   '1': [.53, .01, .53, .98],
   '2': [.35, .27, .35, 1],
@@ -49,26 +51,36 @@ 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();
       }
     });
@@ -78,61 +90,81 @@ 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,33 +3,47 @@ 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 || _this$bestPrac$value.setFrameValue(color);
+
+    (_this$bestPrac$value = this.bestPrac.value) == null ? void 0 : _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 };

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

@@ -9,6 +9,7 @@ Dialog.setHooks({
   onStart: function onStart(scrollBarWidth) {
     if (scrollBarWidth) {
       var header = document.querySelector('.k-layout-header');
+
       if (header) {
         header.style.paddingRight = scrollBarWidth + "px";
       }
@@ -16,17 +17,22 @@ Dialog.setHooks({
   },
   onEnd: function onEnd() {
     var header = document.querySelector('.k-layout-header');
+
     if (header) {
       header.style.paddingRight = '0';
     }
   }
 });
+
 var Layout = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Layout, _Component);
+
   function Layout() {
     return _Component.apply(this, arguments) || this;
   }
+
   var _proto = Layout.prototype;
+
   _proto.handleColorChange = function handleColorChange(color) {
     if (this.get('themeColor') !== color) {
       this.set('themeColor', color);
@@ -40,21 +46,28 @@ var Layout = /*#__PURE__*/function (_Component) {
       this.forceUpdate();
     }
   };
+
   _proto.showColorList = function showColorList() {
     this.set('showThemeColor', true);
   };
+
   _proto.hideColorList = function hideColorList() {
     this.set('showThemeColor', false);
   };
+
   _proto.setLang = function setLang(langType) {
     this.set('curLang', langType);
   };
+
   _proto.onChangeVersion = function onChangeVersion(version) {
     location.href = "/" + version + "/";
   };
+
   return Layout;
 }(Component);
+
 Layout.template = template;
+
 Layout.defaults = function () {
   return {
     version: 'v1.1.1',
@@ -65,7 +78,11 @@ Layout.defaults = function () {
     videoLevel: 0
   };
 };
+
 export { Layout as default };
+
 __decorate([bind], Layout.prototype, "showColorList", null);
+
 __decorate([bind], Layout.prototype, "hideColorList", null);
+
 __decorate([bind], Layout.prototype, "onChangeVersion", null);

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

@@ -18,20 +18,27 @@ export var getDesign = function getDesign() {
 export var getWeights = function getWeights() {
   location.href = 'https://damife.ks3-cn-beijing.ksyuncs.com/kpc/度量工具.xlsx';
 };
+
 var Index = /*#__PURE__*/function (_Layout) {
   _inheritsLoose(Index, _Layout);
+
   function Index() {
     return _Layout.apply(this, arguments) || this;
   }
+
   Index.defaults = function defaults() {
     return _extends({}, Layout.defaults());
   };
+
   var _proto = Index.prototype;
+
   _proto.goDoc = function goDoc(link) {
     Link.to(link);
   };
+
   return Index;
 }(Layout);
+
 Index.template = template;
 export { Index as default };
 ;

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

@@ -2,29 +2,38 @@ 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;
   }
+
   Index.defaults = function defaults() {
     return _extends({}, Layout.defaults(), {
       curImgList: [],
       showImgBox: false
     });
   };
+
   var _proto = Index.prototype;
+
   _proto.handleImgClick = function handleImgClick(info) {
     this.set('curImgList', info.templateList);
     this.set('showImgBox', true);
   };
+
   _proto.handleBoxClose = function handleBoxClose() {
     this.set('showImgBox', false);
   };
+
   _proto.downloadSketch = function downloadSketch(info) {
     location.href = "https://damife.ks3-cn-beijing.ksyuncs.com/kpc/" + info.downloadFileName;
   };
+
   return Index;
 }(Layout);
+
 Index.template = template;
 export { Index as default };

package/es/site/src/router/index.d.ts

@@ -1,11 +1,11 @@
 import Router from 'universal-router';
 import { ComponentConstructor } from 'intact';
-export type RouteResult = Promise<RouteAction>;
-type RouteAction = {
+export declare type RouteResult = Promise<RouteAction>;
+declare type RouteAction = {
     Page: ComponentConstructor;
     data?: Data;
 };
-type Data = {
+declare type Data = {
     path?: string;
 };
 export declare const version: string;