@king-design/intact 2.0.0 → 2.0.1

package/README.md

@@ -1,18 +1,18 @@
 <div align="center">
 
-<a href="https://ksc-fe.github.io/kpc/" rel="nofollow">
-    <img src="/site/src/imgs/logo.png" alt="LOGO" width="150">
+<a href="https://design.ksyun.com" rel="nofollow">
+    <img src="/site/src/imgs/header_logo_x2.png" alt="LOGO" />
 </a>
 
 <p></p>
 
 [![Build Status](https://github.com/ksc-fe/kpc/workflows/Node.js%20CI/badge.svg?branch=master)](https://github.com/ksc-fe/kpc/actions?query=workflow%3A%22Node.js+CI%22)
 [![Codecov](https://codecov.io/gh/ksc-fe/kpc/branch/master/graphs/badge.svg)](https://codecov.io/gh/ksc-fe/kpc/branch/master)
-[![gzip size: js](http://img.badgesize.io/https://cdn.jsdelivr.net/npm/kpc/dist/kpc.min.js?compression=gzip&label=gzip%20size:%20js)](https://cdn.jsdelivr.net/npm/kpc/dist/)
-[![gzip size: css](http://img.badgesize.io/https://cdn.jsdelivr.net/npm/kpc/dist/kpc.css?compression=gzip&label=gzip%20size:%20css)](https://cdn.jsdelivr.net/npm/kpc/dist/)
+[![npm](https://img.shields.io/npm/v/@king-design/vue.svg)](https://www.npmjs.com/package/@king-design/vue)
 
-[![npm](https://img.shields.io/npm/dm/kpc.svg)](https://www.npmjs.com/package/kpc)
-[![npm](https://img.shields.io/npm/v/kpc.svg)](https://www.npmjs.com/package/kpc)
+[![npm](https://img.shields.io/npm/dm/@king-design/react.svg?label=react%20download)](https://www.npmjs.com/package/@king-design/react)
+[![npm](https://img.shields.io/npm/dm/@king-design/vue.svg?label=vue3%20download)](https://www.npmjs.com/package/@king-design/vue)
+[![npm](https://img.shields.io/npm/dm/@king-design/vue-legacy.svg?label=vue2%20download)](https://www.npmjs.com/package/@king-design/vue-legacy)
 
 </div>
 
@@ -20,11 +20,11 @@ English | [简体中文](./README-zh_CN.md)
 
 ## Features 
 
-* Support multiple frameworks: [Intact][1] / [Vue][2] / [React][3] / [Angular][4].
-* Complete custom theme system.
-* 360° locate popup layer.
+* Support multiple frameworks: [Intact][1] / [Vue][2] / [React][3].
+* Support TypeScript.
+* Change theme on runtime. 
 * Declarative form validation.
-* Excellent [documents](https://ksc-fe.github.io/kpc/) and design
+* Excellent [documents](https://design.ksyun.com) and design
 * 90% coverage unit tests.
 
 ## Browsers Support
@@ -38,7 +38,11 @@ English | [简体中文](./README-zh_CN.md)
 ### Installation
 
 ```shell
-npm install kpc-vue --save
+# Vue3
+npm install @king-design/vue --save
+
+# Vue2
+npm install @king-desing/vue-legacy --save
 ```
 
 ### Usage 
@@ -48,7 +52,7 @@ npm install kpc-vue --save
     <Button>Hello</Button>
 </template>
 <script>
-import {Button} from 'kpc-vue';
+import {Button} from '@king-design/vue';
 
 export default {
     components: {
@@ -63,114 +67,16 @@ export default {
 ### Installation 
 
 ```shell
-npm install kpc-react --save
+npm install @king-design/react--save
 ```
 
 ### Usage 
 
 ```jsx
-import React from 'react';
-import {Button} from 'kpc-react';
-
-class App extends React.Component {
-    render() {
-        return <Button>Hello</Button>
-    }
-}
-```
-
-## Intact
-
-### Installation 
-
-```shell
-npm install kpc --save
-```
-
-### Usage 
-
-```js
-import {Button} from 'kpc';
-
-<Button>Hello</Button>
-```
-
-## Angular
-
-Read [more][5]
+import {Button} from '@king-design/react';
 
-### Installation 
-
-```shell
-npm install kpc-angular -S
-```
-
-### Configure `webpack.config.js`
-
-You need use `@angular-builders/custom-webapck` to configure webpack, if your project initialized by Angular CLI.
-
-```js
-const path = require('path');
-
-module.exports = function(config) {
-  config.module.rules.find(rule => {
-    if (rule.test.toString() === '/\\.css$/') {
-      rule.exclude.push(path.resolve(__dirname, 'node_modules/kpc-angular'));
-      return true;
-    }
-  });
-
-  return config;
-};
-```
-
-### Usage 
-
-`src/app/app.module.ts`
-
-```ts
-import { KpcBrowserModule, KpcModule } from 'kpc-angular';
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
-
-@NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    KpcBrowserModule,
-    AppRoutingModule,
-    KpcModule,
-  ],
-  providers: [],
-  bootstrap: [AppComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA]
-})
-export class AppModule { }
-```
-
-```ts
-import { Component, ViewEncapsulation } from '@angular/core';
-import { MessageComponent } from 'kpc-angular';
-
-@Component({
-  selector: 'app-root',
-  template: `
-    <k-button type="primary" (click)="onClick()">Hello World</k-button>
-  `,
-  style: `
-    .k-button {
-      margin: 10px;
-    }
-  `,
-  encapsulation: ViewEncapsulation.None,
-})
-export class AppComponent {
-  onClick() {
-    MessageComponent.success('Welcome to kpc world!');
-  }
+function App() {
+    return <Button>Hello</Button>
 }
 ```
 
@@ -187,10 +93,6 @@ Welcome to join us by QQ. Group Number: 529739732
 
 * [KPC Document](https://design.ksyun.com)
 * [Intact MVVM Framework][1]
-* [Vdt Template Engine](http://javey.github.io/vdt.js/)
-* [Intact-Vue Compatibility Layer](https://github.com/Javey/intact-vue)
-* [Intact-React Compatibility Layer](https://github.com/ksc-fe/intact-react)
-* [Intact-Angular Compatibility Layer](https://github.com/ksc-fe/intact-angular)
 
 ## Develop 
 

package/components/datepicker/index.vdt

@@ -76,12 +76,13 @@ const generatePanel = (flag) => {
     <b:base-menu>
         <DropdownMenu class={classNameObj}>
             <div class="k-datepicker-shortcuts" v-if={shortcuts && shortcuts.length}>
-                <div v-for={shortcuts}
-                    class="k-datepicker-shortcut"
-                    ev-click={linkEvent($value, this.setByShortcut)}
-                >
-                    {isFunction($value.label) ? $value.label() : $value.label}
-                </div>
+                {shortcuts.map($value => {
+                    const label = isFunction($value.label) ? $value.label() : $value.label;
+                    return <div class="k-datepicker-shortcut c-ellipsis"
+                        title={label}
+                        ev-click={linkEvent($value, this.setByShortcut)}
+                    >{label}</div>
+                })}
             </div>
             <div class="k-datepicker-wrapper">
                 <div class="k-datepicker-calendars">

package/components/dropdown/dropdown.ts

@@ -249,6 +249,8 @@ export class Dropdown<
             if (!vnode) return props;
 
             const _props = vnode.props;
+            if (!_props) return props;
+
             return {
                 vnode,
                 'ev-click': _props.onClick,

package/components/tooltip/index.spec.ts

@@ -50,7 +50,12 @@ describe('Tooltip', () => {
         const at = element.querySelector('.opera .k-btn') as HTMLElement;
         const {width, height, left, top} = at.getBoundingClientRect();
         const contains = (name: string) => expect(arrow.classList.contains(name)).to.be.true;
-        const eql = (a: number, b: number) => expect(Math.floor(a)).to.eql(Math.floor(b));
+        const eql = (a: number, b: number) => {
+            a = Math.floor(a);
+            b = Math.floor(b);
+            // Don't be entangled with the difference of 1 to 2 pixels
+            expect(a >= b - 1 && a <= b + 1).to.be.true;
+        };
 
         
         instance.set('position', 'left');

package/components/transfer/styles.ts

@@ -29,8 +29,7 @@ const defaults = {
         get hoverColor() { return theme.color.primary },
         bgColor: '#fff',
         hoverBgColor: 'transparent',
-        padding: '5px 16px',
-        get height() { return theme.default.height },
+        padding: '7px 16px',
         get descColor() { return theme.color.lightBlack },
     },
 
@@ -68,7 +67,6 @@ export function makeStyles() {
             .k-checkbox {
                 color: ${transfer.title.color}; 
                 font-size: ${transfer.title.fontSize};
-                display: block;
             }
         }
         .k-transfer-count {
@@ -84,7 +82,6 @@ export function makeStyles() {
             color: ${transfer.item.color};
             background: ${transfer.item.bgColor};
             user-select: none;
-            display: table;
             width: 100%;
             &:not(.k-disabled):hover {
                 background: ${transfer.item.hoverBgColor};
@@ -95,10 +92,7 @@ export function makeStyles() {
             }
             .k-checkbox {
                 padding: ${transfer.item.padding};
-                display: table-cell;
-                height: ${transfer.item.height};
-                vertical-align: middle;
-                white-space: nowrap;
+                display: flex;
             }
             p {
                 margin: 0;

package/es/components/datepicker/index.vdt.js

@@ -1,4 +1,5 @@
-import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, superCall as _$su, extend as _$ex, EMPTY_OBJ as _$em, className as _$cn, map as _$ma, createTextVNode as _$ct } from 'intact';
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, superCall as _$su, extend as _$ex, EMPTY_OBJ as _$em, className as _$cn, createTextVNode as _$ct } from 'intact';
 import { linkEvent } from 'intact';
 import { DropdownMenu } from '../dropdown';
 import { DatepickerCalendar } from './calendar';
@@ -102,13 +103,17 @@ export default function ($props, $blocks, $__proto__) {
         __$blocks = _$ex({}, $blocks);
 
     return (_$blocks['base-menu'] = function ($super) {
+      var _this2 = this;
+
       return _$cc(DropdownMenu, {
         'className': _$cn(classNameObj),
-        'children': [shortcuts && shortcuts.length ? _$ce(2, 'div', _$ma(shortcuts, function ($value, $key) {
-          return _$ce(2, 'div', isFunction($value.label) ? $value.label() : $value.label, 0, 'k-datepicker-shortcut', {
-            'ev-click': linkEvent($value, this.setByShortcut)
+        'children': [shortcuts && shortcuts.length ? _$ce(2, 'div', _mapInstanceProperty(shortcuts).call(shortcuts, function ($value) {
+          var label = isFunction($value.label) ? $value.label() : $value.label;
+          return _$ce(2, 'div', label, 0, 'k-datepicker-shortcut c-ellipsis', {
+            'title': label,
+            'ev-click': linkEvent($value, _this2.setByShortcut)
           });
-        }, $this), 4, 'k-datepicker-shortcuts') : undefined, _$ce(2, 'div', [_$ce(2, 'div', [generatePanel(PanelFlags.Start), _$ct('\n                    '), range ? generatePanel(PanelFlags.End) : null], 0, 'k-datepicker-calendars'), type === 'datetime' ? _$ce(2, 'div', _$cc(Button, {
+        }), 0, 'k-datepicker-shortcuts') : undefined, _$ce(2, 'div', [_$ce(2, 'div', [generatePanel(PanelFlags.Start), _$ct('\n                    '), range ? generatePanel(PanelFlags.End) : null], 0, 'k-datepicker-calendars'), type === 'datetime' ? _$ce(2, 'div', _$cc(Button, {
           'type': 'primary',
           'size': 'small',
           'disabled': isDisabledConfirm(),

package/es/components/dropdown/dropdown.js

@@ -167,6 +167,7 @@ export var Dropdown = /*#__PURE__*/function (_Component) {
       var vnode = props.vnode;
       if (!vnode) return props;
       var _props = vnode.props;
+      if (!_props) return props;
       return {
         vnode: vnode,
         'ev-click': _props.onClick,

package/es/components/tooltip/index.spec.js

@@ -83,7 +83,10 @@ describe('Tooltip', function () {
             };
 
             eql = function eql(a, b) {
-              return expect(Math.floor(a)).to.eql(Math.floor(b));
+              a = Math.floor(a);
+              b = Math.floor(b); // Don't be entangled with the difference of 1 to 2 pixels
+
+              expect(a >= b - 1 && a <= b + 1).to.be.true;
             };
 
             instance.set('position', 'left');

package/es/components/transfer/styles.js

@@ -45,11 +45,7 @@ var defaults = {
 
     bgColor: '#fff',
     hoverBgColor: 'transparent',
-    padding: '5px 16px',
-
-    get height() {
-      return theme.default.height;
-    },
+    padding: '7px 16px',
 
     get descColor() {
       return theme.color.lightBlack;
@@ -67,5 +63,5 @@ setDefault(function () {
   }).transfer;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("font-size:", transfer.fontSize, ";.k-transfer-panel,.k-transfer-arrows{display:inline-block;vertical-align:middle;}.k-transfer-panel{width:", transfer.panel.width, ";border:", transfer.panel.border, ";border-radius:", transfer.panel.borderRadius, ";height:", transfer.panel.height, ";display:inline-flex;flex-direction:column;}.k-transfer-title{line-height:", transfer.title.lineHeight, ";background:", transfer.title.bgColor, ";padding:", transfer.title.padding, ";.k-checkbox{color:", transfer.title.color, ";font-size:", transfer.title.fontSize, ";display:block;}}.k-transfer-count{float:right;margin-left:", transfer.title.countGap, ";}.k-transfer-list{overflow:auto;position:relative;flex:1;}.k-transfer-item{color:", transfer.item.color, ";background:", transfer.item.bgColor, ";user-select:none;display:table;width:100%;&:not(.k-disabled):hover{background:", transfer.item.hoverBgColor, ";color:", transfer.item.hoverColor, ";p{color:", transfer.item.hoverColor, ";}}.k-checkbox{padding:", transfer.item.padding, ";display:table-cell;height:", transfer.item.height, ";vertical-align:middle;white-space:nowrap;}p{margin:0;color:", transfer.item.descColor, ";}&.k-disabled{p{color:", theme.color.disabled, ";}}}.k-input{width:auto;margin:", transfer.searchGap, ";}.k-transfer-arrows{.k-btn{display:flex;margin:", transfer.arrow.gap, ";}}");
+  return /*#__PURE__*/css("font-size:", transfer.fontSize, ";.k-transfer-panel,.k-transfer-arrows{display:inline-block;vertical-align:middle;}.k-transfer-panel{width:", transfer.panel.width, ";border:", transfer.panel.border, ";border-radius:", transfer.panel.borderRadius, ";height:", transfer.panel.height, ";display:inline-flex;flex-direction:column;}.k-transfer-title{line-height:", transfer.title.lineHeight, ";background:", transfer.title.bgColor, ";padding:", transfer.title.padding, ";.k-checkbox{color:", transfer.title.color, ";font-size:", transfer.title.fontSize, ";}}.k-transfer-count{float:right;margin-left:", transfer.title.countGap, ";}.k-transfer-list{overflow:auto;position:relative;flex:1;}.k-transfer-item{color:", transfer.item.color, ";background:", transfer.item.bgColor, ";user-select:none;width:100%;&:not(.k-disabled):hover{background:", transfer.item.hoverBgColor, ";color:", transfer.item.hoverColor, ";p{color:", transfer.item.hoverColor, ";}}.k-checkbox{padding:", transfer.item.padding, ";display:flex;}p{margin:0;color:", transfer.item.descColor, ";}&.k-disabled{p{color:", theme.color.disabled, ";}}}.k-input{width:auto;margin:", transfer.searchGap, ";}.k-transfer-arrows{.k-btn{display:flex;margin:", transfer.arrow.gap, ";}}");
 }

package/es/i18n/en-US.d.ts

@@ -26,6 +26,7 @@ declare const i18n: {
     五: string;
     六: string;
     '{n}\u5E74': string;
+    '{start}\u5E74 - {end}\u5E74': string;
     今天: string;
     昨天: string;
     明天: string;

package/es/i18n/en-US.js

@@ -27,6 +27,7 @@ var i18n = {
   '五': 'Fri',
   '六': 'Sat',
   '{n}年': '{n}',
+  '{start}年 - {end}年': '{start} - {end}',
   '今天': 'Today',
   '昨天': 'Yesterday',
   '明天': 'Tomorrow',

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.0
+ * @king-design v2.0.1
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -56,4 +56,4 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "2.0.0";
+export declare const version = "2.0.1";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.0
+ * @king-design v2.0.1
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -58,5 +58,5 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '2.0.0';
+export var version = '2.0.1';
 /* generate end */

package/es/site/src/client.js

@@ -3,6 +3,9 @@ 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);
 var container = document.getElementById('page');
 var unlisten;
 

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

@@ -2,5 +2,5 @@ import { css } from '@emotion/css';
 import global from '../../styles/default';
 import banner from '../../imgs/banner.jpg';
 export function makeStyles() {
-  return /*#__PURE__*/css("font-family:", global.fontFamily, ";.nav{height:460px;position:relative;margin-top:-64px;.nav-bg,.nav-content-box{width:100%;height:100%;position:absolute;left:0;top:0;}.nav-bg{z-index:1;background-image:url(", banner, ");background-repeat:no-repeat;background-size:1920px 460px;}.nav-video-box{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;.nav-video-bg{width:1920px;height:460px;}}.nav-content-box{z-index:10;background:linear-gradient(270deg, rgba(248,252,255,0) 32%, rgba(244,249,255,0.96) 73%);display:flex;align-items:center;justify-content:center;padding-left:20px;}.nav-content{width:", global.contentWidth, "px;color:#000000;height:100%;position:relative;&>div{position:absolute;}&>div:first-child{font-size:45px;font-weight:500;top:164px;}&>div:nth-child(2){font-size:22px;top:237px;}&>div:nth-child(3){top:340px;.k-btn{margin-right:16px;}}}}@media (max-width: 768px){.nav{.nav-content{width:100%;&>div:first-child{font-size:34px;}&>div:nth-child(2){width:300px;background-size:contain;background-position:center;font-size:16px;}}}}");
+  return /*#__PURE__*/css("font-family:", global.fontFamily, ";.nav{height:460px;position:relative;margin-top:-64px;.nav-bg,.nav-content-box{width:100%;height:100%;position:absolute;left:0;top:0;}.nav-bg{z-index:1;background-image:url(", banner, ");background-repeat:no-repeat;background-size:1920px 460px;}.nav-video-box{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;.nav-video-bg{width:1920px;height:460px;}}.nav-content-box{z-index:10;background:linear-gradient(270deg, rgba(248,252,255,0) 32%, rgba(244,249,255,0.96) 73%);display:flex;align-items:center;justify-content:center;padding-left:20px;}.nav-content{width:", global.contentWidth, "px;color:#000000;height:100%;position:relative;&>div{position:absolute;}&>div:first-child{font-size:45px;font-weight:500;top:164px;}&>div:nth-child(2){font-size:22px;top:237px;}&>div:nth-child(3){top:340px;.k-btn{margin-right:16px;}}}}@media (max-width: 768px){.nav{.nav-content{width:100%;&>div:first-child{font-size:34px;}&>div:nth-child(2){width:300px;background-size:contain;background-position:center;font-size:16px;}}.nav-video-box{&,& video{display:none;}}}}");
 }

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

@@ -14,4 +14,5 @@ export default class Layout<T extends LayoutProps = LayoutProps> extends Compone
     showColorList(): void;
     hideColorList(): void;
     setLang(langType: string): void;
+    onChangeVersion(version: string): void;
 }

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

@@ -59,6 +59,12 @@ var Layout = /*#__PURE__*/function (_Component) {
     this.set('curLang', langType);
   };
 
+  _proto.onChangeVersion = function onChangeVersion(version) {
+    if (version === 'v1') {
+      location.href = '/v1/';
+    }
+  };
+
   return Layout;
 }(Component);
 
@@ -79,4 +85,6 @@ export { Layout as default };
 
 __decorate([bind], Layout.prototype, "showColorList", null);
 
-__decorate([bind], Layout.prototype, "hideColorList", null);
+__decorate([bind], Layout.prototype, "hideColorList", null);
+
+__decorate([bind], Layout.prototype, "onChangeVersion", null);

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

@@ -4,16 +4,16 @@ 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');
+  location.href = 'https://damife.ks3-cn-beijing.ksyuncs.com/kpc/KingDesign-Axure.zip';
 };
 export var getSketch = function getSketch() {
-  Link.to('https://damife.ks3-cn-beijing.ksyuncs.com/kpc/KingDesing-1.4.1.sketch');
+  location.href = 'https://damife.ks3-cn-beijing.ksyuncs.com/kpc/KingDesign-Sketch.zip';
 };
 export var getFigma = function getFigma() {
-  Link.to('https://www.figma.com/file/Uo5AKEmBXT4HOD41CDWliK/King-Design-V1.0.0?node-id=0%3A1');
+  window.open('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');
+  location.href = 'https://damife.ks3-cn-beijing.ksyuncs.com/kpc/度量工具.xlsx';
 };
 
 var Index = /*#__PURE__*/function (_Layout) {

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

@@ -2,7 +2,6 @@ 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);
@@ -30,7 +29,7 @@ var Index = /*#__PURE__*/function (_Layout) {
   };
 
   _proto.downloadSketch = function downloadSketch(info) {
-    Link.to("https://damife.ks3-cn-beijing.ksyuncs.com/kpc/" + info.downloadFileName);
+    location.href = "https://damife.ks3-cn-beijing.ksyuncs.com/kpc/" + info.downloadFileName;
   };
 
   return Index;

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

@@ -4,8 +4,8 @@ import headerLogo2x from '../imgs/header_logo_x2.png';
 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.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, ";}}}}");
+  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;}}}.k-select.versions{background:transparent;}.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;height:100%;display:flex;align-items:center;padding:0 16px;white-space:nowrap;&:hover{background:#ffffff;&>div:first-child{background:#ffffff;}}&>div:first-child{display:flex;align-items:center;height:100%;padding-right: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, ";}}");
+  return /*#__PURE__*/css("min-width:1240px;a,a code{color:", theme.color.link, ";text-decoration:none;&:hover{color:", theme.color.linkHover, ";}}@media (max-width: 768px){min-width:auto;}");
 }

package/i18n/en-US.ts

@@ -27,6 +27,7 @@ const i18n = {
     '五': 'Fri',
     '六': 'Sat',
     '{n}年': '{n}',
+    '{start}年 - {end}年': '{start} - {end}',
     '今天': 'Today',
     '昨天': 'Yesterday',
     '明天': 'Tomorrow',

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.0
+ * @king-design v2.0.1
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -61,6 +61,6 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
 
-export const version = '2.0.0';
+export const version = '2.0.1';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "scripts": {
@@ -113,7 +113,7 @@
     "highlight.js": "^10.4.1",
     "history": "^5.0.0",
     "html-webpack-plugin": "5.3.1",
-    "intact-react": "^3.0.0",
+    "intact-react": "^3.0.1",
     "istanbul-instrumenter-loader": "^3.0.0",
     "js-yaml": "^4.1.0",
     "karma": "^6.3.2",
@@ -175,7 +175,7 @@
     "dayjs": "^1.10.7",
     "downloadjs": "^1.4.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.0",
+    "intact": "^3.0.1",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",