@king-design/intact 2.0.1 → 2.0.4

package/es/site/data/components/skeleton/demos/basic/index.js

@@ -0,0 +1,23 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  default_1.defaults = function defaults() {
+    return {
+      showSkeleton: true
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/skeleton/demos/basic/react.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    showSkeleton?: boolean;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        showSkeleton: boolean;
+    };
+    render(): JSX.Element;
+}
+export {};

package/es/site/data/components/skeleton/demos/basic/react.js

@@ -0,0 +1,36 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Skeleton } from '@king-design/react';
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    var _context;
+
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.state = {
+      showSkeleton: true
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Skeleton, {
+      loading: this.state.showSkeleton
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/skeleton/demos/custom/index.d.ts

@@ -0,0 +1,11 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+interface Props {
+    showSkeleton?: boolean;
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        showSkeleton: boolean;
+    };
+}

package/es/site/data/components/skeleton/demos/custom/index.js

@@ -0,0 +1,23 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  default_1.defaults = function defaults() {
+    return {
+      showSkeleton: true
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/skeleton/demos/custom/react.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    showSkeleton?: boolean;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        showSkeleton: boolean;
+    };
+    render(): JSX.Element;
+}
+export {};

package/es/site/data/components/skeleton/demos/custom/react.js

@@ -0,0 +1,60 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Skeleton, SkeletonItem } from '@king-design/react';
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    var _context;
+
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.state = {
+      showSkeleton: true
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Skeleton, {
+      loading: this.state.showSkeleton,
+      avator: true,
+      animated: true
+    }, /*#__PURE__*/React.createElement(SkeletonItem, {
+      type: "image"
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        "display": "flex",
+        "justifyContent": "space-between",
+        "width": "200px",
+        "marginTop": "20px"
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SkeletonItem, {
+      type: "button",
+      style: {
+        "height": "16px"
+      }
+    }), /*#__PURE__*/React.createElement(SkeletonItem, {
+      type: "button",
+      style: {
+        "height": "16px",
+        "marginTop": "8px"
+      }
+    })), /*#__PURE__*/React.createElement(SkeletonItem, {
+      type: "button"
+    }))));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/skeleton/demos/rows/index.d.ts

@@ -0,0 +1,13 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+interface Props {
+    showSkeleton?: boolean;
+    rows?: number;
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        showSkeleton: boolean;
+        rows: number;
+    };
+}

package/es/site/data/components/skeleton/demos/rows/index.js

@@ -0,0 +1,24 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  default_1.defaults = function defaults() {
+    return {
+      showSkeleton: true,
+      rows: 4
+    };
+  };
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/skeleton/demos/rows/react.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Props {
+    showSkeleton?: boolean;
+    rows?: number;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        showSkeleton: boolean;
+        rows: number;
+    };
+    render(): JSX.Element;
+}
+export {};

package/es/site/data/components/skeleton/demos/rows/react.js

@@ -0,0 +1,38 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Skeleton } from '@king-design/react';
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    var _context;
+
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.state = {
+      showSkeleton: true,
+      rows: 4
+    };
+    return _this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Skeleton, {
+      loading: this.state.showSkeleton,
+      rows: this.state.rows
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/skeleton/index.d.ts

@@ -0,0 +1,57 @@
+import { Component } from 'intact';
+import Article from '~/../src/components/article';
+export default class extends Article {
+    static sidebar: {
+        组件: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+            path: string;
+        }[];
+        undefined: ({
+            title: string;
+            order: number;
+            sidebar: string;
+            disabled: boolean;
+            path: string;
+        } | {
+            title: string;
+            order: number;
+            sidebar: string;
+            path: string;
+            disabled?: undefined;
+        })[];
+    };
+    static data: {
+        setting: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+        };
+        contents: string;
+        index: string;
+        catalogs: {
+            text: string;
+            level: number;
+            id: string;
+        }[];
+    };
+    static defaults: () => {
+        demos: Component<any, {}, {}, {}>[];
+        setting: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+        };
+        contents: string;
+        index: string;
+        catalogs: {
+            text: string;
+            level: number;
+            id: string;
+        }[];
+    };
+}

package/es/site/data/components/skeleton/index.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _keysInstanceProperty from "@babel/runtime-corejs3/core-js/instance/keys";
+import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
+import Article from '~/../src/components/article';
+import data from './index.json';
+import sidebar from '~/doc.json';
+
+var r = require.context('./', true, /demos.*(index|demo).ts/);
+
+var keys = _keysInstanceProperty(r).call(r);
+
+var demos = [];
+
+for (var i = 0; i < keys.length; i++) {
+  var file = keys[i];
+  if (!_startsWithInstanceProperty(file).call(file, '.')) continue; // if we found demo.js then ignore index.js
+
+  if (/demo.ts$/.test(file)) i++;
+  demos.push(r(file));
+}
+
+var default_1 = /*#__PURE__*/function (_Article) {
+  _inheritsLoose(default_1, _Article);
+
+  function default_1() {
+    return _Article.apply(this, arguments) || this;
+  }
+
+  return default_1;
+}(Article);
+
+default_1.sidebar = sidebar;
+default_1.data = data;
+
+default_1.defaults = function () {
+  return _extends({}, Article.defaults, data, {
+    demos: demos
+  });
+};
+
+export { default_1 as default };

package/es/site/src/client.js

@@ -2,10 +2,10 @@ import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import router from './router';
 import { render, createVNode as h } from 'intact';
-import { history } from './history';
-import { localize } from 'kpc';
-import i18n from 'kpc/i18n/en-US';
-localize(i18n);
+import { history } from './history'; // import {localize} from 'kpc';
+// import i18n from 'kpc/i18n/en-US';
+// localize(i18n);
+
 var container = document.getElementById('page');
 var unlisten;
 

package/es/site/src/components/footer/styles.js

@@ -4,5 +4,5 @@ import { mainBlock } from '../../styles/default';
 export function makeStyles() {
   var tableBorder = '1px solid #C4C4C4';
   var leftPadding = '16px';
-  return /*#__PURE__*/css("background:#FFFFFF;", mainBlock(420), ";letter-spacing:-0.05em;color:#5B5A5A;font-size:14px;a{color:#5B5A5A;text-decoration:none;}.footer-box{width:100%;display:flex;align-items:center;}.footer-table{width:100%;height:300px;border:", tableBorder, ";.info-box{height:209px;border-bottom:", tableBorder, ";}.info-left{border-right:", tableBorder, ";padding-left:", leftPadding, ";padding-top:37px;.title{font-size:30px;color:#000000;margin-bottom:16px;}span{margin-right:50px;}.qrcode-box{display:flex;&>div{padding-left:20px;display:flex;flex-direction:column;justify-content:space-around;}}}.info-right{.k-row:first-child{border-bottom:", tableBorder, ";}.k-row{padding:25px 0 0 30px;}.title{color:#000000;}}.quick-access-box{height:101px;}.link-list{margin-top:15px;display:flex;&>div{margin-right:25px;}}}.copy-right-info{display:flex;align-items:center;padding-left:", leftPadding, ";height:30px;font-size:12px;}.footer-logo-box{height:60px;display:flex;align-items:center;padding-left:16px;border-bottom:", tableBorder, ";.logo{width:181px;height:40px;background-image:url(", footer_logo, ");background-size:cover;}}@media (max-width: 768px){height:auto;.footer-table{height:auto;.info-box{height:auto;}.info-left{border:none;.title{font-size:24px;}span{display:block;}}.info-right{.k-row{padding:20px;&:first-child{border:none;}}}.link-list{gap:20px;>div{margin-right:0;}}}.copy-right-info{padding:20px;height:auto;}}");
+  return /*#__PURE__*/css("background:#FFFFFF;", mainBlock(420), ";letter-spacing:-0.05em;color:#5B5A5A;font-size:14px;.web-info{display:block;}.h5-info{display:none;}a{color:#5B5A5A;text-decoration:none;}.footer-box{width:100%;display:flex;align-items:center;}.footer-table{width:100%;height:300px;border:", tableBorder, ";.info-box{height:209px;border-bottom:", tableBorder, ";}.info-left{border-right:", tableBorder, ";padding-left:", leftPadding, ";padding-top:37px;.title{font-size:30px;color:#000000;margin-bottom:16px;}span{margin-right:50px;}.qrcode-box{display:flex;&>div{padding-left:20px;display:flex;flex-direction:column;justify-content:space-around;}}}.info-right{.k-row:first-child{border-bottom:", tableBorder, ";}.k-row{padding:25px 0 0 30px;}.title{color:#000000;}}.quick-access-box{height:101px;}.link-list{margin-top:15px;display:flex;&>div{margin-right:25px;}}}.copy-right-info{display:flex;align-items:center;padding-left:", leftPadding, ";height:30px;font-size:12px;}.footer-logo-box{height:60px;display:flex;align-items:center;padding-left:16px;border-bottom:", tableBorder, ";.logo{width:226px;height:40px;background-image:url(", footer_logo, ");background-size:cover;}}@media (max-width: 768px){height:auto;.web-info{display:none;}.h5-info{display:block;}.h5-footer{padding:30px 20px 20px 20px;&>div{text-align:center;}&>div:nth-child(2){margin:20px 0;font-size:16px;}&>div:nth-child(4){margin:16px 0 30px 0;font-size:14px;}&>div:last-child{font-size:10px;color:#5B5A5A;line-height:16px;}}.footer-table{height:auto;.info-box{height:auto;}.info-left{border:none;.title{font-size:24px;}span{display:block;}}.info-right{.k-row{padding:20px;&:first-child{border:none;}}}.link-list{gap:20px;>div{margin-right:0;}}}.copy-right-info{padding:20px;height:auto;}}");
 }

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

@@ -0,0 +1,21 @@
+import { Component } from 'intact';
+interface ColorProcessProps {
+    inputColor: string;
+    theme: string;
+    colorType: string;
+    pickerColor: string;
+    contrastMenu: boolean;
+    preColor: string;
+    bacColor: string;
+}
+export default class Index extends Component<ColorProcessProps> {
+    static template: string | import("intact").Template<any>;
+    static defaults: () => Partial<ColorProcessProps>;
+    _palette(color: string, level: number): string;
+    _changeColor(e: InputEvent): void;
+    _changeTheme(val: string): void;
+    _changeColorType(val: string): void;
+    _changeContrastShow(val: boolean): void;
+    _switchColor(): void;
+}
+export {};

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

@@ -0,0 +1,79 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
+import template from './index.vdt';
+import { Component } from 'intact';
+import Chroma from 'chroma-js';
+import { Message } from 'kpc';
+
+var Index = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Index, _Component);
+
+  function Index() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  var _proto = Index.prototype;
+
+  _proto._palette = function _palette(color, level) {
+    var _Chroma$hsv = Chroma(color).hsv(),
+        h = _Chroma$hsv[0],
+        s = _Chroma$hsv[1],
+        b = _Chroma$hsv[2];
+
+    var deS = s < 0.1 ? 0 : (s - 0.1) / 4;
+    var inS = (1 - s) / 4;
+    var deB = (1 - b) / 4;
+    var inB = b <= 0.4 ? 0 : (b - 0.4) / 4;
+    if (level < 0 && level >= -4) return Chroma.hsv(h + level, s + level * deS, b - level * deB).hex();else if (level > 0 && level <= 4) return Chroma.hsv(h + level, s + level * inS, b - level * inB).hex();else return color;
+  };
+
+  _proto._changeColor = function _changeColor(e) {
+    var _context;
+
+    var target = e.target;
+
+    var value = _trimInstanceProperty(_context = target.value).call(_context);
+
+    if (/#[0-9A-Fa-f]{6}/i.test(value)) {
+      this.set('inputColor', target.value);
+    } else {
+      Message.error('请输入hex格式颜色值');
+    }
+  };
+
+  _proto._changeTheme = function _changeTheme(val) {
+    this.set('theme', val);
+  };
+
+  _proto._changeColorType = function _changeColorType(val) {
+    this.set('colorType', val);
+  };
+
+  _proto._changeContrastShow = function _changeContrastShow(val) {
+    this.set('contrastMenu', val);
+  };
+
+  _proto._switchColor = function _switchColor() {
+    var temp = this.get('preColor');
+    this.set('preColor', this.get('bacColor'));
+    this.set('bacColor', temp);
+  };
+
+  return Index;
+}(Component);
+
+Index.template = template;
+
+Index.defaults = function () {
+  return {
+    inputColor: '#0091EA',
+    theme: 'light',
+    colorType: 'HEX',
+    pickerColor: '#0091EA',
+    contrastMenu: false,
+    preColor: '#fd0009',
+    bacColor: '#d1d1d1'
+  };
+};
+
+export { Index as default };

package/es/site/src/pages/colorProcess/style.d.ts

@@ -0,0 +1,3 @@
+export declare function makeStyles(theme: string): string;
+export declare function changeTheme(theme: string): string;
+export declare function DiaStyles(): string;

package/es/site/src/pages/colorProcess/style.js

@@ -0,0 +1,53 @@
+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(theme) {
+  if (theme == 'light') return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+    name: "c6wrgo",
+    styles: "height:100%;.k-btn{font-size:16px;}.k-layout-wrapper{height:100%;}.k-layout-header{background:white;position:relative;display:flex;align-items:center;font-family:Roboto;font-weight:500;font-size:12px;justify-content:space-between;&>div{flex-grow:1;}&>div:last-child{display:flex;justify-content:flex-end;}.header-title{text-align:center;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:black;}.header-logo{display:flex;padding-left:25px;img{width:50px;}}.header-options{line-height:70px;color:black;vertical-align:middle;&>div{margin-left:10px;}.contrast{cursor:pointer;text-align:center;}.theme,.color-type{&>button{background-color:white;}&>button:first-child{border-right:none;}&>button:last-child{border-left:none;}.checkout{background-color:blue;color:white;}}}}.cp-body{.card-title{font-size:40px;}.k-card{background:#ececec;}.input{margin-top:40px;margin-bottom:20px;}.Color-RGB{display:flex;align-items:center;&>div:last-child{margin-left:10px;}}.recomend{.recomend-item{margin-top:40px;.recomend-item-title{font-size:24px;margin-bottom:20px;}.color-pelette{display:flex;align-items:center;&>div:nth-child(n+5){color:white;}&>div:nth-child(5){margin-right:2px;height:50px!important;line-height:50px!important;}.color-pelette-item{flex-grow:1;width:100px;height:46px;text-align:center;line-height:46px;vertical-align:middle;}}}}.color-pelette{display:flex;align-items:center;&>div:nth-child(n+5){color:white;}&>div:nth-child(5){margin-right:2px;height:50px!important;line-height:50px!important;}.color-pelette-item{flex-grow:1;width:100px;height:46px;text-align:center;line-height:46px;vertical-align:middle;}}}"
+  } : {
+    name: "c6wrgo",
+    styles: "height:100%;.k-btn{font-size:16px;}.k-layout-wrapper{height:100%;}.k-layout-header{background:white;position:relative;display:flex;align-items:center;font-family:Roboto;font-weight:500;font-size:12px;justify-content:space-between;&>div{flex-grow:1;}&>div:last-child{display:flex;justify-content:flex-end;}.header-title{text-align:center;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:black;}.header-logo{display:flex;padding-left:25px;img{width:50px;}}.header-options{line-height:70px;color:black;vertical-align:middle;&>div{margin-left:10px;}.contrast{cursor:pointer;text-align:center;}.theme,.color-type{&>button{background-color:white;}&>button:first-child{border-right:none;}&>button:last-child{border-left:none;}.checkout{background-color:blue;color:white;}}}}.cp-body{.card-title{font-size:40px;}.k-card{background:#ececec;}.input{margin-top:40px;margin-bottom:20px;}.Color-RGB{display:flex;align-items:center;&>div:last-child{margin-left:10px;}}.recomend{.recomend-item{margin-top:40px;.recomend-item-title{font-size:24px;margin-bottom:20px;}.color-pelette{display:flex;align-items:center;&>div:nth-child(n+5){color:white;}&>div:nth-child(5){margin-right:2px;height:50px!important;line-height:50px!important;}.color-pelette-item{flex-grow:1;width:100px;height:46px;text-align:center;line-height:46px;vertical-align:middle;}}}}.color-pelette{display:flex;align-items:center;&>div:nth-child(n+5){color:white;}&>div:nth-child(5){margin-right:2px;height:50px!important;line-height:50px!important;}.color-pelette-item{flex-grow:1;width:100px;height:46px;text-align:center;line-height:46px;vertical-align:middle;}}}",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  });else {
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1h0d5ue",
+      styles: "height:100%;.k-btn{font-size:16px;}.k-layout-wrapper{height:100%;}.k-layout-header{background:black;position:relative;display:flex;align-items:center;font-family:Roboto;font-weight:500;font-size:12px;justify-content:space-between;&>div{flex-grow:1;}&>div:last-child{display:flex;justify-content:flex-end;}.header-title{text-align:center;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:white;}.header-logo{display:flex;padding-left:25px;img{width:50px;}}.header-options{line-height:70px;color:white;vertical-align:middle;&>div{margin-left:10px;}.contrast{cursor:pointer;text-align:center;}.theme,.color-type{&>button{background-color:white;}&>button:first-child{border-right:none;}&>button:last-child{border-left:none;}.checkout{background-color:blue;color:white;}}}}.cp-body{background:#373737;.k-card{background:#373737;}.card-title{font-size:40px;color:white;}.input{margin-top:40px;margin-bottom:20px;color:white;}.Color-RGB{display:flex;align-items:center;&>div:last-child{margin-left:10px;}}.recomend{.recomend-item{margin-top:40px;.recomend-item-title{color:white;font-size:24px;margin-bottom:20px;}.color-pelette{display:flex;align-items:center;&>div:nth-child(n+5){color:white;}&>div:nth-child(5){margin-right:2px;height:50px!important;line-height:50px!important;}.color-pelette-item{flex-grow:1;width:100px;height:46px;text-align:center;line-height:46px;vertical-align:middle;}}}}.color-pelette{display:flex;align-items:center;&>div:nth-child(n+5){color:white;}&>div:nth-child(5){margin-right:2px;height:50px!important;line-height:50px!important;}.color-pelette-item{flex-grow:1;width:100px;height:46px;text-align:center;line-height:46px;vertical-align:middle;}}}"
+    } : {
+      name: "1h0d5ue",
+      styles: "height:100%;.k-btn{font-size:16px;}.k-layout-wrapper{height:100%;}.k-layout-header{background:black;position:relative;display:flex;align-items:center;font-family:Roboto;font-weight:500;font-size:12px;justify-content:space-between;&>div{flex-grow:1;}&>div:last-child{display:flex;justify-content:flex-end;}.header-title{text-align:center;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:white;}.header-logo{display:flex;padding-left:25px;img{width:50px;}}.header-options{line-height:70px;color:white;vertical-align:middle;&>div{margin-left:10px;}.contrast{cursor:pointer;text-align:center;}.theme,.color-type{&>button{background-color:white;}&>button:first-child{border-right:none;}&>button:last-child{border-left:none;}.checkout{background-color:blue;color:white;}}}}.cp-body{background:#373737;.k-card{background:#373737;}.card-title{font-size:40px;color:white;}.input{margin-top:40px;margin-bottom:20px;color:white;}.Color-RGB{display:flex;align-items:center;&>div:last-child{margin-left:10px;}}.recomend{.recomend-item{margin-top:40px;.recomend-item-title{color:white;font-size:24px;margin-bottom:20px;}.color-pelette{display:flex;align-items:center;&>div:nth-child(n+5){color:white;}&>div:nth-child(5){margin-right:2px;height:50px!important;line-height:50px!important;}.color-pelette-item{flex-grow:1;width:100px;height:46px;text-align:center;line-height:46px;vertical-align:middle;}}}}.color-pelette{display:flex;align-items:center;&>div:nth-child(n+5){color:white;}&>div:nth-child(5){margin-right:2px;height:50px!important;line-height:50px!important;}.color-pelette-item{flex-grow:1;width:100px;height:46px;text-align:center;line-height:46px;vertical-align:middle;}}}",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
+  }
+}
+export function changeTheme(theme) {
+  if (theme == 'light') {
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "11g67yz",
+      styles: ".k-layout-header{background-color:white!important;.header-title{color:black;}}"
+    } : {
+      name: "11g67yz",
+      styles: ".k-layout-header{background-color:white!important;.header-title{color:black;}}",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
+  }
+
+  return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+    name: "zxl79f",
+    styles: ".k-layout-header{background-color:white!important;.header-title{color:white;}}"
+  } : {
+    name: "zxl79f",
+    styles: ".k-layout-header{background-color:white!important;.header-title{color:white;}}",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  });
+}
+export function DiaStyles() {
+  return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+    name: "1nikfdi",
+    styles: ".k-dialog-body{display:flex;&>div:first-child{width:50%;padding:10px 5px;&>div:last-child{font-size:18px;}}&>div:last-child{width:50%;.contrast-box>div{margin-left:50px;margin-top:20px;}.contrast-box{border:1px solid gray;width:100%;height:300px;&>div:nth-child(n+2){font-size:12px;display:flex;}}.title{font-size:20px;}.contrast-number{&>div:first-child{font-size:30px;}&>div:last-child{vertical-align:bottom;line-height:45px;margin-left:5px;}}.choose-box{display:flex;justify-content:space-between;align-items:center;}}}.k-dialog-cancel{display:none;}"
+  } : {
+    name: "1nikfdi",
+    styles: ".k-dialog-body{display:flex;&>div:first-child{width:50%;padding:10px 5px;&>div:last-child{font-size:18px;}}&>div:last-child{width:50%;.contrast-box>div{margin-left:50px;margin-top:20px;}.contrast-box{border:1px solid gray;width:100%;height:300px;&>div:nth-child(n+2){font-size:12px;display:flex;}}.title{font-size:20px;}.contrast-number{&>div:first-child{font-size:30px;}&>div:last-child{vertical-align:bottom;line-height:45px;margin-left:5px;}}.choose-box{display:flex;justify-content:space-between;align-items:center;}}}.k-dialog-cancel{display:none;}",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  });
+}

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

@@ -0,0 +1,12 @@
+import Layout from '../layout';
+export default class Index extends Layout {
+    static template: string | import("vdt").Template<any>;
+    static defaults: () => {
+        version?: string | undefined;
+        themeColor?: string | undefined;
+        colorList?: string[] | undefined;
+        showThemeColor?: boolean | undefined;
+        curLang?: string | undefined;
+        videoLevel?: number | undefined;
+    };
+}

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

@@ -0,0 +1,22 @@
+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;
+  }
+
+  return Index;
+}(Layout);
+
+Index.template = template;
+
+Index.defaults = function () {
+  return _extends({}, Layout.defaults());
+};
+
+export { Index as default };

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

@@ -0,0 +1 @@
+export declare function makeStyles(): string;

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

@@ -0,0 +1,9 @@
+import { css } from '@emotion/css';
+import source_nav_web from '../../imgs/font/banner-web.jpg';
+import source_nav_h5 from '../../imgs/font/banner-h5.jpg';
+import title_web from "../../imgs/font/title-web.png";
+import text_web from "../../imgs/font/text-web.png";
+import text_h5 from "../../imgs/font/text-h5.png";
+export function makeStyles() {
+  return /*#__PURE__*/css(".source-nav{display:flex;justify-content:center;position:relative;height:800px;width:100%;overflow:hidden;background-image:url(", source_nav_web, ");background-repeat:no-repeat;background-position:left;background-size:cover;@media (max-width: 768px){overflow:hidden;background-image:url(", source_nav_h5, ");width:100%;background-position:center;}@media (min-width: 1920px){width:100%;}.content-img{height:151px;width:440px;margin-top:26px;display:flex;justify-content:center;background-image:url(", title_web, ");background-repeat:no-repeat;background-position:right bottom;background-size:100%;position:absolute;left:21%;bottom:356px;@media (max-width: 768px){left:50%;transform:translate(-50%,0);bottom:75%;width:57%;}}.dowload{width:440px;height:80px;position:absolute;left:21%;bottom:254px;border:none;background:#006FFF;border-radius:14px;font-family:PingFangSC-Regular;font-size:30px;color:#FFFFFF;font-weight:400;cursor:pointer;&:hover{background-color:#3D91FF;}&:active{background-color:#3D91FF;}@media (max-width: 768px){left:50%;transform:translate(-50%,0);bottom:58%;width:57%;height:60px;}}}.source-intro{margin:100px auto;background-image:url(", text_web, ");width:800px;height:590px;background-repeat:no-repeat;background-position:right bottom;background-size:cover;@media (max-width:768px){margin:13% auto;width:64%;background-image:url(", text_h5, ");background-size:contain;background-position:center;}}.source-designer{background-color:#FAFAFA;padding-top:30px;padding-bottom:100px;position:relative;@media (max-width:768px){padding-top:4%;padding-bottom:13.4%;}.designer-title{position:relative;width:800px;height:120px;margin:30px auto 40px;img{width:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}@media (max-width:768px){width:72%;height:40px;margin:3.8% auto 4.8%;}}.designer-content{margin:0 15%;@media (max-width:768px){margin:0 5.8%;}.designer-show{display:grid;grid-template-columns:repeat(auto-fill, 200px);grid-template-rows:repeat(auto-fill, 290px);grid-gap:40px 50px;justify-content:center;@media (max-width:768px){grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(6, 1fr);grid-gap:5.3% 6.7%;}.designer-item{img{width:100%;}&>div{margin-top:20px;font-family:PingFangSC-Regular;font-size:20px;color:#000000;letter-spacing:0;text-align:center;line-height:30px;font-weight:400;}}}}}");
+}