@king-design/intact 2.0.0-beta.1 → 2.0.0

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

@@ -1,4 +1,8 @@
 import Layout from '../layout';
+export declare const getAxure: () => void;
+export declare const getSketch: () => void;
+export declare const getFigma: () => void;
+export declare const getWeights: () => void;
 export default class Index extends Layout {
     static template: string | import("vdt").Template<any>;
     static defaults(): {
@@ -7,5 +11,7 @@ export default class Index extends Layout {
         colorList?: string[] | undefined;
         showThemeColor?: boolean | undefined;
         curLang?: string | undefined;
+        videoLevel?: number | undefined;
     };
+    goDoc(link: string): void;
 }

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

@@ -2,6 +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';
+import { Link } from '../../components/link';
+export var getAxure = function getAxure() {
+  Link.to('https://damife.ks3-cn-beijing.ksyuncs.com/kpc/KingDesign.rplib');
+};
+export var getSketch = function getSketch() {
+  Link.to('https://damife.ks3-cn-beijing.ksyuncs.com/kpc/KingDesing-1.4.1.sketch');
+};
+export var getFigma = function getFigma() {
+  Link.to('https://www.figma.com/file/Uo5AKEmBXT4HOD41CDWliK/King-Design-V1.0.0?node-id=0%3A1');
+};
+export var getWeights = function getWeights() {
+  Link.to('https://damife.ks3-cn-beijing.ksyuncs.com/kpc/度量工具.xlsx');
+};
 
 var Index = /*#__PURE__*/function (_Layout) {
   _inheritsLoose(Index, _Layout);
@@ -14,8 +27,15 @@ var Index = /*#__PURE__*/function (_Layout) {
     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 };
+export { Index as default };
+;

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

@@ -1,8 +1,10 @@
 import { css } from '@emotion/css';
-import global, { mainBlock } from '../../styles/default';
-import resource_bg from '../../imgs/resource_bg.png';
+import global, { mainBlock, center } from '../../styles/default';
+import resource_bg from '../../imgs/resource_bg.jpg';
 import color_process_bg from '../../imgs/color_process_bg.png';
 import workflow_bg from '../../imgs/workflow_bg.png';
+import color_process_expect from '../../imgs/expect.png';
+import { theme } from 'kpc/styles/theme';
 export function makeStyles() {
-  return /*#__PURE__*/css("font-family:", global.fontFamily, ";.source-nav{", mainBlock(260), ";padding-top:64px;background:#F1F6FA;background-image:url(", resource_bg, ");background-repeat:no-repeat;background-position:750px 10px;.content{display:flex;align-items:center;.nav-title{&>div:first-child{font-size:44px;color:#000000;}&>div:last-child{color:#797979;font-size:16px;}}}}.source-content{", mainBlock(961), ";.content-top{height:429px;background:#EFF3FA;border-radius:8px;margin-top:32px;}.main-title{color:#000000;font-weight:600;font-size:24px;padding:26px 0px 9px 40px;}.secondary-title{padding-left:40px;color:#7A7A7A;font-size:16px;}.card-title{margin-bottom:24px;font-size:12px;color:#626262;}.card-content-box{height:141px;display:flex;&>div:not(:last-child){margin-right:27px;}}.card-item{width:168px;height:42px;background:#EFF3FA;border-radius:4px;display:flex;align-items:center;padding-left:9px;color:#434343;margin-bottom:12px;img{width:27px;height:27px;}&>div:last-child{padding-left:14px;}}.workflow-box{background-image:url(", workflow_bg, ");width:1132px;height:252px;margin:32px auto;margin-bottom:18px;background-repeat:no-repeat;display:flex;justify-content:space-around;align-items:center;padding-top:25px;}.line{height:4px;width:100%;background:linear-gradient(90deg, #0191EA 20.07%, #0142EA 84.76%);}.content-bottom{height:420px;margin-top:29px;display:flex;color:#7A7A7A;font-size:16px;.title{color:#000000;font-size:24px;}&>div{background:#EFF3FA;border-radius:8px;}.tool-box{flex-grow:1;margin-right:31px;padding:25px 39px 37px 41px;.tool-item{background:#DAE3EF;border-radius:8px;height:120px;margin-top:30px;display:flex;align-items:center;padding-left:40px;}.process-box{background-image:url(", color_process_bg, ");}}.priciples{margin-top:15px;}.principle{width:505px;padding:28px 49px 29px 41px;.priciple-item{cursor:pointer;color:#000000;height:60px;display:flex;align-items:center;span{flex-grow:1;}.k-icon{color:#5A5A68;}}.priciple-item:not(:last-child){border-bottom:1px solid #B0BDC8;}}}}");
+  return /*#__PURE__*/css("font-family:", global.fontFamily, ";.source-nav{", mainBlock(260), ";background-image:url(", resource_bg, ");background-repeat:no-repeat;background-position:right bottom;background-size:cover;padding-left:20px;.content{display:flex;align-items:center;.nav-title{color:#000000;&>div:first-child{font-size:44px;}&>div:last-child{font-size:16px;}}}}.source-content{", mainBlock(961), ";.content-top{height:429px;background:#EFF3FA;border-radius:8px;margin-top:32px;}.main-title{color:#000000;font-weight:600;font-size:24px;padding:26px 0px 0px 40px;}.secondary-title{padding-left:40px;color:#7A7A7A;font-size:16px;}.card-title{margin-bottom:24px;font-size:12px;color:#626262;}.card-content-box{height:141px;display:flex;&>div:not(:last-child){margin-right:27px;}}.card-item{width:168px;height:42px;background:#EFF3FA;border-radius:4px;display:flex;align-items:center;padding-left:9px;color:#434343;margin-bottom:12px;cursor:pointer;img{width:27px;height:27px;border-radius:4px;}&>div:last-child{padding-left:14px;}&:hover{background:#E5EAF4;}&:active{background:#DAE3EF;}.github-logo{width:27px;height:27px;border-radius:4px;", center(), ";background:#fff;margin-right:14px;}.code-resource{display:flex;align-items:center;color:#434343;&>div:last-child{padding-left:14px;}}.sketch-img-box{width:27px;height:27px;border-radius:4px;", center(), ";background:#fff;img{width:70%;height:70%;}}}.workflow-box{background-image:url(", workflow_bg, ");width:1132px;height:252px;margin:32px auto;margin-bottom:18px;background-repeat:no-repeat;display:flex;justify-content:space-around;align-items:center;padding-top:25px;}.line{height:4px;width:100%;background:linear-gradient(90deg, #0191EA 20.07%, #0142EA 84.76%);}.content-bottom{height:420px;margin-top:29px;display:flex;color:#7A7A7A;font-size:16px;.title{color:#000000;font-size:24px;}&>div{background:#EFF3FA;border-radius:8px;}.tool-box{flex-grow:1;margin-right:31px;padding:25px 39px 37px 41px;.tool-item{background:#DAE3EF;border-radius:8px;height:120px;margin-top:30px;display:flex;align-items:center;padding-left:40px;transition:box-shadow ", theme.transition.middle, ";}.tool-item:hover{box-shadow:", global.cardBoxShadow, ";}.process-box{background-image:url(", color_process_bg, ");background-size:contain;span{color:#626262;margin-left:10px;}}.expect-box{background-image:url(", color_process_expect, ");background-size:cover;}}.priciples{margin-top:15px;}.principle{width:505px;padding:28px 49px 29px 41px;.priciple-item{cursor:pointer;color:#000000;height:60px;display:flex;align-items:center;span{flex-grow:1;}.k-icon{color:#5A5A68;}}.priciple-item:not(:last-child){border-bottom:1px solid #B0BDC8;}.priciple-item,.priciple-item i{transition:color .25s linear;}.priciple-item:hover{color:#0191EA;i{color:#0191EA;}}}}}@media (max-width: 768px){.source-content{height:auto;padding:8px;.content-top{height:auto;}.main-title{padding:26px 16px;}.secondary-title{padding-left:16px;}.workflow-box{flex-direction:column;padding:8px;height:auto;width:100%;align-items:normal;}.card-content-box{height:auto;flex-direction:column;}.content-bottom{height:auto;flex-direction:column;.tool-box{padding:26px 16px;margin-right:0;.tool-item{max-width:500px;}.process-box{padding-left:15px;}.expect-box{background-position:-24px;}}.principle{width:auto;margin-top:20px;padding:26px 16px;}}}}");
 }

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

@@ -2,10 +2,16 @@ import Layout from '../layout';
 export default class Index extends Layout {
     static template: string | import("vdt").Template<any>;
     static defaults(): {
+        curImgList: never[];
+        showImgBox: boolean;
         version?: string | undefined;
         themeColor?: string | undefined;
         colorList?: string[] | undefined;
         showThemeColor?: boolean | undefined;
         curLang?: string | undefined;
+        videoLevel?: number | undefined;
     };
+    handleImgClick(info: any): void;
+    handleBoxClose(): void;
+    downloadSketch(info: any): void;
 }

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

@@ -2,6 +2,7 @@ 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';
+import { Link } from '../../components/link';
 
 var Index = /*#__PURE__*/function (_Layout) {
   _inheritsLoose(Index, _Layout);
@@ -11,7 +12,25 @@ var Index = /*#__PURE__*/function (_Layout) {
   }
 
   Index.defaults = function defaults() {
-    return _extends({}, Layout.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) {
+    Link.to("https://damife.ks3-cn-beijing.ksyuncs.com/kpc/" + info.downloadFileName);
   };
 
   return Index;

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

@@ -1,6 +1,7 @@
 import { css } from '@emotion/css';
 import global, { mainBlock } from '../../styles/default';
-import solution_bg from '../../imgs/solution_bg.png';
+import solution_bg from '../../imgs/solution_bg.jpg';
+import { theme } from 'kpc/styles/theme';
 export function makeStyles() {
-  return /*#__PURE__*/css("font-family:", global.fontFamily, ";.solution-nav{", mainBlock(260), ";padding-top:64px;background:#F1F6FA;background-image:url(", solution_bg, ");background-repeat:no-repeat;background-position:-30px 0px;.content{display:flex;align-items:center;.nav-title{&>div:first-child{font-size:44px;color:#000000;}&>div:last-child{color:#797979;font-size:16px;}}}}.solution-content{", mainBlock(1030), ";&>div{padding-top:32px;}.solution-row{display:flex;justify-content:space-between;margin-top:20px;}.solution-item{width:384px;&>div:first-child{width:384px;height:240px;background:#EFF3FA;border-radius:8px;}&>div:last-child{display:flex;align-items:center;.title-box{flex-grow:1;&>div:first-child{margin-top:15px;font-size:18px;color:#000000;}}.download-icon{.k-icon{font-size:25px;}}}}}");
+  return /*#__PURE__*/css("font-family:", global.fontFamily, ";.solution-nav{", mainBlock(260), ";background-image:url(", solution_bg, ");background-repeat:no-repeat;background-position:right bottom;background-size:cover;.content{display:flex;align-items:center;.nav-title{color:#000000;&>div:first-child{font-size:44px;}&>div:last-child{font-size:16px;}}}}.solution-content{background:#F7F8FA;padding-bottom:40px;", mainBlock(1030), ";height:auto;&>div{padding-top:20px;}.solution-title{font-family:PingFangSC-Regular;font-size:16px;color:#000000;margin-bottom:30px;margin-top:10px;}.solution-box{display:flex;flex-wrap:wrap;}.solution-item{width:285px;height:310px;background:#ffffff;margin-bottom:20px;border-radius:10px;transition:box-shadow ", theme.transition.middle, ";img{width:100%;border-radius:10px 10px 0 0;cursor:pointer;}&:hover{box-shadow:", global.cardBoxShadow, ";}}.solution-item:not(:nth-child(4)){margin-right:20px;}.solution-item:hover{box-shadow:", global.cardBoxShadow, ";}.solution-info{padding:20px;&>div:first-child{font-size:16px;}&>div:last-child{display:flex;align-items:center;.sketch-logo{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #E6E6E6;border-radius:6px;cursor:pointer;transition:background ", theme.transition.middle, ";}.sketch-logo:hover{background:#F3F3F3;border-color:#F3F3F3;}.solution-desc{flex-grow:1;color:#8A8A8A;}img{width:70%;}}}}@media (max-width: 768px){.solution-nav{.content{padding-left:20px;}}.solution-title{padding-left:20px;}.solution-content{.solution-row{flex-direction:column;padding:0 16px;}}.solution-box{padding:0 20px;}.solution-content{.solution-item{margin:0 0 20px 0!important;width:100%;height:340px;}}}");
 }

package/es/site/src/pages/styles.d.ts

@@ -1 +1,2 @@
 export declare function makeHeaderStyles(): string;
+export declare function makeLayoutStyles(): string;

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

@@ -1,8 +1,11 @@
 import { css } from '@emotion/css';
 import headerLogo from '../imgs/header_logo.png';
 import headerLogo2x from '../imgs/header_logo_x2.png';
-import { center, fullfill } from '../styles/default';
+import { center } from '../styles/default';
 import { theme } from 'kpc/styles/theme';
 export function makeHeaderStyles() {
-  return /*#__PURE__*/css("&.k-layout-header{background:rgba(255, 255, 255, 0.6);box-shadow:0px 1px 1px rgba(176, 176, 176, 0.63);color:#000;backdrop-filter:blur(20px);justify-content:space-between;.logo{background-image:url(", headerLogo, ");width:174px;height:37px;background-size:cover;margin-left:22px;cursor:pointer;}@media screen and (-webkit-min-device-pixel-ratio: 2){.logo{background-image:url(", headerLogo2x, ");}}.k-tabs{border:none;display:flex;align-items:center;}.k-tab{color:#000;}.lang-wrapper{height:100%;display:flex;align-items:center;}.lang-box{display:flex;background:#DFEAF2;border-radius:2px;padding:4px;&>div{color:#090909;width:66px;height:24px;border-radius:2px;line-height:24px;text-align:center;}&>div.active{background:#FFFFFF;color:#0191EA;}}.main{height:100%;display:flex;align-items:center;.theme-color-box{position:relative;width:100px;height:100%;&:hover{background:#ffffff;}.cur-color{", fullfill(), ";", center(), ";}.theme-color-option{width:100%;position:absolute;left:0;top:65px;background:#ffffff;box-shadow:0px 4px 20px rgba(108, 103, 103, 0.25);&>div{height:62px;", center(), ";}}.color-item{", center(), ";cursor:pointer;width:34px;height:34px;border-radius:50%;color:#ffffff;border:4px solid #FFFFFF;box-shadow:0px 4px 20px rgba(108, 103, 103, 0.25);box-sizing:border-box;}}}.menu-btn{display:none;}@media (max-width: 768px){.logo{width:30px;}.k-tabs{display:none;}.menu-btn{display:block;}.nav-menu-list{width:200px;.active{color:", theme.color.primary, ";}}}}");
+  return /*#__PURE__*/css("&.k-layout-header{background:rgba(255, 255, 255, 0.65);box-shadow:0px 1px 4px 0px rgba(11, 11, 11, 0.2);color:#000;backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);justify-content:space-between;.logo{background-image:url(", headerLogo, ");width:182px;height:40px;background-size:cover;margin-left:22px;cursor:pointer;}@media screen and (-webkit-min-device-pixel-ratio: 2){.logo{background-image:url(", headerLogo2x, ");}}.k-tabs{border:none;display:flex;align-items:center;}.k-tab{a{color:inherit;&:before{content:'';position:absolute;inset:0;}}}.lang-wrapper{height:100%;display:flex;align-items:center;}.lang-box{display:flex;background:#DFEAF2;border-radius:2px;padding:4px;&>div{color:#090909;width:66px;height:24px;border-radius:2px;line-height:24px;text-align:center;}&>div.active{background:#FFFFFF;color:#0191EA;}}.main{height:100%;display:flex;align-items:center;.k-tabs{margin-right:40px;.k-tab{color:#000000;}}.theme-color-box{font-size:14px;position:relative;width:100px;height:100%;display:flex;align-items:center;&:hover{background:#ffffff;&>div:first-child{background:#ffffff;}}&>div:first-child{position:absolute;left:-25px;display:flex;align-items:center;height:100%;padding-left:10px;}.cur-color{height:100%;", center(), ";flex-grow:1;}.theme-color-option{width:100%;position:absolute;left:0;top:65px;background:#ffffff;box-shadow:0px 4px 20px rgba(108, 103, 103, 0.25);border-radius:4px;overflow:hidden;&>div{height:62px;", center(), ";}&>div:hover{background:#F8F8F8;}}.color-item{", center(), ";cursor:pointer;width:34px;height:34px;border-radius:50%;color:#ffffff;border:4px solid #FFFFFF;box-shadow:0px 4px 20px rgba(108, 103, 103, 0.25);box-sizing:border-box;}.color-item:hover{box-shadow:0 0 16px rgba(0, 0, 0, .1);}}}.menu-btn{display:none;margin-right:20px;}@media (max-width: 768px){.logo{width:50px;}.k-tabs{display:none;}.menu-btn{display:block;}.nav-menu-list{width:100%;.active{color:", theme.color.primary, ";}}}}");
+}
+export function makeLayoutStyles() {
+  return /*#__PURE__*/css("a,a code{color:", theme.color.link, ";text-decoration:none;&:hover{color:", theme.color.linkHover, ";}}");
 }

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

@@ -8,5 +8,6 @@ declare type RouteAction = {
 declare type Data = {
     path?: string;
 };
+export declare const version: string;
 declare const _default: Router<RouteResult, import("universal-router").RouterContext>;
 export default _default;