@king-design/intact 3.3.1 → 3.3.3

package/es/site/src/components/blockquote/index.js

@@ -0,0 +1,11 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { Component } from 'intact';
+import template from './index.vdt';
+export var Blockquote = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Blockquote, _Component);
+  function Blockquote() {
+    return _Component.apply(this, arguments) || this;
+  }
+  return Blockquote;
+}(Component);
+Blockquote.template = template;

package/es/site/src/components/blockquote/slot.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'intact';
+interface Props {
+    name?: string;
+}
+export declare class BlockquoteSlot extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        name: string;
+    };
+}
+export {};

package/es/site/src/components/blockquote/slot.js

@@ -0,0 +1,16 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { Component } from 'intact';
+import template from './slot.vdt';
+export var BlockquoteSlot = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(BlockquoteSlot, _Component);
+  function BlockquoteSlot() {
+    return _Component.apply(this, arguments) || this;
+  }
+  BlockquoteSlot.defaults = function defaults() {
+    return {
+      name: 'name'
+    };
+  };
+  return BlockquoteSlot;
+}(Component);
+BlockquoteSlot.template = template;

package/es/site/src/components/card/index.d.ts

@@ -0,0 +1,12 @@
+import { Component, TypeDefs } from 'intact';
+export interface CardProps {
+    mainTitle: string;
+    subTitle: string;
+    href: string;
+}
+export declare class Card extends Component {
+    static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<CardProps>>;
+    static defaults: () => Partial<CardProps>;
+    goHref(): void;
+}

package/es/site/src/components/card/index.js

@@ -0,0 +1,26 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { Component } from 'intact';
+import template from './index.vdt';
+import { Link } from '../link';
+var typeDefs = {
+  mainTitle: String,
+  subTitle: String,
+  href: String
+};
+var defaults = function defaults() {
+  return {};
+};
+export var Card = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Card, _Component);
+  function Card() {
+    return _Component.apply(this, arguments) || this;
+  }
+  var _proto = Card.prototype;
+  _proto.goHref = function goHref() {
+    Link.to(this.get('href'));
+  };
+  return Card;
+}(Component);
+Card.template = template;
+Card.typeDefs = typeDefs;
+Card.defaults = defaults;

package/es/site/src/components/card/styles.d.ts

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

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

@@ -0,0 +1,5 @@
+import { css } from '@emotion/css';
+import { theme } from 'kpc/styles/theme';
+export function makeStyles() {
+  return /*#__PURE__*/css("width:590px;background:#EFF3FA;border-radius:8px;height:100%;display:inline-block;margin-right:20px;padding:24px 48px;font-family:PingFang SC;vertical-align:top;transition:box-shadow ", theme.transition.middle, ";&:hover{box-shadow:0 0 8px rgba(0, 0, 0, .15);}.title{height:45px;display:flex;font-weight:600;font-size:32px;color:#000000;&>div:first-child{flex-grow:1;}.k-btn:hover{background:#fff;}}.sub-title{font-size:16px;margin-top:8px;height:22px;color:#797979;}.content-box{width:100%;height:176px;margin-top:36px;}@media (max-width: 768px){width:auto;display:block;margin-right:0;margin-bottom:20px;padding:20px;.content-box{height:auto;}}");
+}

package/es/site/src/components/catalogue/index.d.ts

@@ -0,0 +1,18 @@
+import { Component } from 'intact';
+export interface CatalogueProps {
+    data: DataItem[];
+    value: string;
+}
+type DataItem = {
+    text: string;
+    level: number;
+    id: string;
+};
+export declare class Catalogue extends Component<CatalogueProps> {
+    static template: string | import("intact").Template<any>;
+    mounted(): void;
+    beforeUnmount(): void;
+    scrollTo(data: DataItem): void;
+    onScroll(): void;
+}
+export {};

package/es/site/src/components/catalogue/index.js

@@ -0,0 +1,56 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find";
+import { __decorate } from "tslib";
+import { Component } from 'intact';
+import template from './index.vdt';
+import { bind } from 'kpc';
+var TOP = 84;
+export var Catalogue = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Catalogue, _Component);
+  function Catalogue() {
+    return _Component.apply(this, arguments) || this;
+  }
+  var _proto = Catalogue.prototype;
+  _proto.mounted = function mounted() {
+    window.addEventListener('scroll', this.onScroll);
+  };
+  _proto.beforeUnmount = function beforeUnmount() {
+    window.removeEventListener('scroll', this.onScroll);
+  };
+  _proto.scrollTo = function scrollTo(data) {
+    this.set('value', data.id);
+    var dom = document.getElementById(data.id);
+    if (!dom) return;
+    var top = dom.getBoundingClientRect().top + window.pageYOffset;
+    window.scrollTo(0, top - TOP);
+  };
+  _proto.onScroll = function onScroll() {
+    var _this = this;
+    var ids = document.querySelectorAll('[id]');
+    var scrollTop = window.pageYOffset;
+    var _loop = function _loop() {
+        var dom = ids[i];
+        var top = dom.getBoundingClientRect().top + scrollTop;
+        if (top > 0 && top - TOP - 1 <= scrollTop) {
+          var _context;
+          var id = dom.id;
+          if (_findInstanceProperty(_context = _this.get('data')).call(_context, function (item) {
+            return item.id === id;
+          })) {
+            _this.set('value', id);
+            return {
+              v: void 0
+            };
+          }
+        }
+      },
+      _ret;
+    for (var i = ids.length - 1; i >= 0; i--) {
+      _ret = _loop();
+      if (_ret) return _ret.v;
+    }
+  };
+  return Catalogue;
+}(Component);
+Catalogue.template = template;
+__decorate([bind], Catalogue.prototype, "onScroll", null);

package/es/site/src/components/catalogue/styles.d.ts

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

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

@@ -0,0 +1,5 @@
+import { css } from '@emotion/css';
+import { theme } from 'kpc/styles/theme';
+export function makeStyles() {
+  return /*#__PURE__*/css("position:absolute;top:0;right:-200px;width:200px;.k-affix{.k-tabs{width:100%;border-right:none;border-left:1px solid ", theme.color.border, ";.k-tab{text-align:left;height:auto;}.k-tabs-active-bar{left:0;}}}.senior{font-size:14px!important;}.k-affix-wrapper{max-height:calc(100% - 120px);overflow:auto;}");
+}

package/es/site/src/components/footer/index.d.ts

@@ -0,0 +1,11 @@
+import { Component, TypeDefs } from 'intact';
+export interface FooterProps {
+    bgColor: string;
+}
+export interface FooterEvents {
+}
+export declare class Footer extends Component<FooterProps> {
+    static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<FooterProps>>;
+    static defaults: () => Partial<FooterProps>;
+}

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

@@ -0,0 +1,21 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { Component } from 'intact';
+import template from './index.vdt';
+var typeDefs = {
+  bgColor: String
+};
+var defaults = function defaults() {
+  return {
+    bgColor: '#ffffff'
+  };
+};
+export var Footer = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Footer, _Component);
+  function Footer() {
+    return _Component.apply(this, arguments) || this;
+  }
+  return Footer;
+}(Component);
+Footer.template = template;
+Footer.typeDefs = typeDefs;
+Footer.defaults = defaults;

package/es/site/src/components/footer/styles.d.ts

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

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

@@ -0,0 +1,8 @@
+import { css } from '@emotion/css';
+import footer_logo from '../../imgs/header_logo.png';
+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;.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/components/link/index.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'intact';
+interface LinkProps {
+    href: string;
+}
+export declare class Link extends Component<LinkProps> {
+    static template: string | import("intact").Template<any>;
+    static to: (href: string) => void;
+    static url: (href: string) => string;
+    goTo(e: MouseEvent): void;
+}
+export {};

package/es/site/src/components/link/index.js

@@ -0,0 +1,29 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { __decorate } from "tslib";
+import { Component } from 'intact';
+import { bind } from 'kpc';
+import template from './index.vdt';
+import { history } from '../../history';
+import { version } from '../../router';
+export var Link = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Link, _Component);
+  function Link() {
+    return _Component.apply(this, arguments) || this;
+  }
+  var _proto = Link.prototype;
+  _proto.goTo = function goTo(e) {
+    if (!e.metaKey) {
+      e.preventDefault();
+    }
+    history.push(version + this.get('href'));
+  };
+  return Link;
+}(Component);
+Link.template = template;
+Link.to = function (href) {
+  history.push(version + href);
+};
+Link.url = function (href) {
+  return version + href;
+};
+__decorate([bind], Link.prototype, "goTo", null);

package/es/site/src/components/palette/index.d.ts

@@ -0,0 +1,17 @@
+import { Component } from 'intact';
+interface PaletteProps {
+    primaryColor: string;
+    colors: string[];
+}
+export default class extends Component<PaletteProps> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        primaryColor: string;
+        colors: never[];
+    };
+    _init(): void;
+    _generate(): void;
+    _palette(color: string, level: number): string;
+    _changeColor(e: InputEvent): void;
+}
+export {};

package/es/site/src/components/palette/index.js

@@ -0,0 +1,58 @@
+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 './index.styl';
+import Chroma from 'chroma-js';
+import { Message } from 'kpc';
+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 {
+      primaryColor: '#0091ea',
+      colors: []
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto._init = function _init() {
+    this._generate();
+    this.on('$change:primaryColor', this._generate);
+  };
+  _proto._generate = function _generate() {
+    var color = this.get('primaryColor');
+    var colors = [];
+    for (var i = -4; i < 5; i++) {
+      colors.push(this._palette(color, i));
+    }
+    this.set({
+      colors: colors
+    });
+  };
+  _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-f]{6}/i.test(value)) {
+      this.set('primaryColor', target.value);
+    } else {
+      Message.error('请输入hex格式颜色值');
+    }
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/src/history.d.ts

@@ -0,0 +1 @@
+export declare const history: import("history").BrowserHistory;

package/es/site/src/history.js

@@ -0,0 +1,2 @@
+import { createBrowserHistory } from 'history';
+export var history = createBrowserHistory();

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,62 @@
+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,51 @@
+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: "dk906w",
+    styles: ".k-dialog-body{display:flex;&>div:first-child{width:50%;padding:10px 5px;&>div:first-child{font-size:24px;}&>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: "dk906w",
+    styles: ".k-dialog-body{display:flex;&>div:first-child{width:50%;padding:10px 5px;&>div:first-child{font-size:24px;}&>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/demo/index.d.ts

@@ -0,0 +1,10 @@
+import { Component } from 'intact';
+interface DemoProps {
+    path: string;
+    Demo: Component;
+}
+export default class extends Component<DemoProps> {
+    static template: string | import("intact").Template<any>;
+    init(): Promise<void>;
+}
+export {};

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

@@ -0,0 +1,51 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import { Component } from 'intact';
+import template from './index.vdt';
+import { req } from '../document';
+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 = /*#__PURE__*/function () {
+    var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var path, qs, Demo;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            path = this.get('path');
+            if (!path) {
+              qs = {};
+              location.search.substring(1).split('&').forEach(function (item) {
+                var _item$split = item.split('='),
+                  key = _item$split[0],
+                  value = _item$split[1];
+                qs[key] = value;
+              });
+              path = qs.path;
+            }
+            _context.next = 4;
+            return req("./" + path + "/index.ts");
+          case 4:
+            Demo = _context.sent;
+            this.set({
+              Demo: Demo
+            });
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, this);
+    }));
+    function init() {
+      return _init.apply(this, arguments);
+    }
+    return init;
+  }();
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

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

@@ -0,0 +1,5 @@
+import Document from '../document';
+export default class extends Document {
+    static template: string | import("intact").Template<any>;
+    updateCatalogue(): void;
+}

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

@@ -0,0 +1,28 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import Document from '../document';
+import template from './index.vdt';
+var default_1 = /*#__PURE__*/function (_Document) {
+  _inheritsLoose(default_1, _Document);
+  function default_1() {
+    return _Document.apply(this, arguments) || this;
+  }
+  var _proto = default_1.prototype;
+  _proto.updateCatalogue = function updateCatalogue() {
+    var _context;
+    var Article = this.get('Article');
+    var setting = this.articleRef.value.get('setting');
+    var catalogs = Article.data.catalogs;
+    this.set({
+      catalogue: _concatInstanceProperty(_context = [{
+        text: setting.title,
+        level: 1,
+        id: 'article-title'
+      }]).call(_context, catalogs),
+      catalogueId: 'article-title'
+    });
+  };
+  return default_1;
+}(Document);
+default_1.template = template;
+export { default_1 as default };

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

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

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

@@ -0,0 +1,12 @@
+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" ? {
+    name: "jg2u6w",
+    styles: "&.design-page{img{display:block;width:100%;max-width:990px;}.api{font-size:14px;}article{line-height:1.8;}}"
+  } : {
+    name: "jg2u6w",
+    styles: "&.design-page{img{display:block;width:100%;max-width:990px;}.api{font-size:14px;}article{line-height:1.8;}}",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  });
+}