@king-design/intact 3.6.2-beta.1 → 3.7.0

package/es/components/transfer/styles.js

@@ -45,6 +45,9 @@ var defaults = {
   },
   arrow: {
     gap: '16px 10px'
+  },
+  pagination: {
+    padding: '6px 0'
   }
 };
 var transfer;
@@ -55,5 +58,5 @@ setDefault(function () {
   makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
-  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;overflow:auto;}.", 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, ";}}");
+  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;overflow:hidden;}.", 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, ";}}.", k, "-transfer-pagination-wrapper{padding:", transfer.pagination.padding, ";display:flex;align-items:center;justify-content:center;}");
 });

package/es/components/transfer/useCheck.js

@@ -41,7 +41,8 @@ export function useCheck(_ref) {
     } else if (e.shiftKey) {
       var _context2;
       e.preventDefault();
-      var values = getShowedData(model);
+      var allData = getShowedData(model);
+      var values = instance.get('pagination') ? instance.paginationState.getPagedData(model, allData) : allData;
       var checkedKeys = _sliceInstanceProperty(_context2 = instance.get(model + "CheckedKeys")).call(_context2, 0);
       var lastEndIndex = endIndex;
       var keyName = instance.get('keyName');

package/es/components/transfer/usePagination.d.ts

@@ -0,0 +1,12 @@
+import type { Model } from './useFilter';
+import { Pagination, PaginationChangeData } from '../pagination';
+export declare function usePagination(): {
+    getPagedData: (model: Model, allData: any[]) => any[];
+    leftValue: import("../../hooks/useState").State<number>;
+    leftLimit: import("../../hooks/useState").State<number>;
+    rightValue: import("../../hooks/useState").State<number>;
+    rightLimit: import("../../hooks/useState").State<number>;
+    onChange: (model: Model, data: PaginationChangeData) => void;
+    leftPaginationRef: import("intact").RefObject<Pagination>;
+    rightPaginationRef: import("intact").RefObject<Pagination>;
+};

package/es/components/transfer/usePagination.js

@@ -0,0 +1,79 @@
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import { useInstance, createRef } from 'intact';
+import { useState } from '../../hooks/useState';
+import { Pagination } from '../pagination';
+import { isObject } from 'intact-shared';
+import { useReceive } from '../../hooks/useReceive';
+var defaultPagination = Pagination.defaults();
+export function usePagination() {
+  var instance = useInstance();
+  var leftValue = useState(defaultPagination.value);
+  var leftLimit = useState(defaultPagination.limit);
+  var rightValue = useState(defaultPagination.value);
+  var rightLimit = useState(defaultPagination.limit);
+  var leftPaginationRef = createRef();
+  var rightPaginationRef = createRef();
+  useReceive(['pagination'], function () {
+    var pagination = instance.get('pagination');
+    if (isObject(pagination)) {
+      if (pagination.value !== undefined) {
+        leftValue.set(pagination.value);
+        rightValue.set(pagination.value);
+      }
+      if (pagination.limit !== undefined) {
+        leftLimit.set(pagination.limit);
+        rightLimit.set(pagination.limit);
+      }
+    }
+  });
+  instance.watch('leftKeywords', function () {
+    leftValue.set(1);
+    ;
+  });
+  instance.watch('rightKeywords', function () {
+    rightValue.set(1);
+  });
+  // 计算分页数据
+  function getPagedData(model, allData) {
+    if (!instance.get('pagination')) {
+      return allData;
+    }
+    var value = model === 'left' ? leftValue.value : rightValue.value;
+    var limit = model === 'left' ? leftLimit.value : rightLimit.value;
+    var totalPages = Math.ceil(allData.length / limit) || 1;
+    // 如果当前页超出总页数，跳转到最后一页
+    var currentPage = value;
+    if (currentPage > totalPages && totalPages > 0) {
+      currentPage = totalPages;
+      if (model === 'left') {
+        leftValue.set(currentPage);
+      } else {
+        rightValue.set(currentPage);
+      }
+    }
+    // 切片数据
+    var index = (currentPage - 1) * limit;
+    return _sliceInstanceProperty(allData).call(allData, index, index + limit);
+  }
+  function onChange(model, data) {
+    if (model === 'left') {
+      leftValue.set(data.value);
+      leftLimit.set(data.limit);
+    } else {
+      rightValue.set(data.value);
+      rightLimit.set(data.limit);
+    }
+    // 触发分页事件
+    instance.trigger('page', model, data);
+  }
+  return {
+    getPagedData: getPagedData,
+    leftValue: leftValue,
+    leftLimit: leftLimit,
+    rightValue: rightValue,
+    rightLimit: rightLimit,
+    onChange: onChange,
+    leftPaginationRef: leftPaginationRef,
+    rightPaginationRef: rightPaginationRef
+  };
+}

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.6.2-beta.1
+ * @king-design v3.7.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -11,6 +11,7 @@ export { _$, localize } from './i18n';
 export { bind } from './components/utils';
 export { setTheme, theme } from './styles/theme';
 export * from './components/affix';
+export * from './components/anchor';
 export * from './components/badge';
 export * from './components/breadcrumb';
 export * from './components/button';
@@ -37,6 +38,7 @@ export * from './components/input';
 export * from './components/layout';
 export * from './components/menu';
 export * from './components/message';
+export * from './components/notification';
 export * from './components/pagination';
 export * from './components/popover';
 export * from './components/progress';
@@ -66,4 +68,4 @@ export * from './components/upload';
 export * from './components/view';
 export * from './components/virtualList';
 export * from './components/wave';
-export declare const version = "3.6.2-beta.1";
+export declare const version = "3.7.0";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.6.2-beta.1
+ * @king-design v3.7.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -12,6 +12,7 @@ export { bind } from './components/utils';
 export { setTheme, theme } from './styles/theme';
 /* generate start */
 export * from './components/affix';
+export * from './components/anchor';
 export * from './components/badge';
 export * from './components/breadcrumb';
 export * from './components/button';
@@ -38,6 +39,7 @@ export * from './components/input';
 export * from './components/layout';
 export * from './components/menu';
 export * from './components/message';
+export * from './components/notification';
 export * from './components/pagination';
 export * from './components/popover';
 export * from './components/progress';
@@ -67,5 +69,5 @@ export * from './components/upload';
 export * from './components/view';
 export * from './components/virtualList';
 export * from './components/wave';
-export var version = '3.6.2-beta.1';
+export var version = '3.7.0';
 /* generate end */

package/es/site/data/components/anchor/demos/basic/index.d.ts

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

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

@@ -0,0 +1,18 @@
+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 {
+      activeAnchor: ''
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

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

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

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

@@ -0,0 +1,46 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Anchor, AnchorLink } 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 = {
+      activeAnchor: ''
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "anchor-demo"
+    }, /*#__PURE__*/React.createElement(Anchor, {
+      value: this.state.activeAnchor,
+      onChangeValue: function onChangeValue(activeAnchor) {
+        return _this2.setState({
+          activeAnchor: activeAnchor
+        });
+      },
+      offset: 76
+    }, /*#__PURE__*/React.createElement(AnchorLink, {
+      href: "components-anchor-demos-basic",
+      title: "\u57FA\u7840\u7528\u6CD5"
+    }), /*#__PURE__*/React.createElement(AnchorLink, {
+      href: "components-anchor-demos-horizontal",
+      title: "\u6C34\u5E73\u6392\u5217"
+    }), /*#__PURE__*/React.createElement(AnchorLink, {
+      href: "components-anchor-demos-container",
+      title: "\u81EA\u5B9A\u4E49\u6EDA\u52A8\u5BB9\u5668",
+      disabled: true
+    })));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/anchor/demos/container/index.d.ts

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

package/es/site/data/components/anchor/demos/container/index.js

@@ -0,0 +1,19 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+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 {
+      activeAnchor: 'config-info-card'
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/anchor/demos/container/react.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.styl';
+interface Props {
+    activeAnchor?: string;
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        activeAnchor: string;
+    };
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/anchor/demos/container/react.js

@@ -0,0 +1,52 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Anchor, AnchorLink } from '@king-design/react';
+import './index.styl';
+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 = {
+      activeAnchor: 'config-info-card'
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "anchor-demo"
+    }, /*#__PURE__*/React.createElement(Anchor, {
+      value: this.state.activeAnchor,
+      container: "#scroll-container1"
+    }, /*#__PURE__*/React.createElement(AnchorLink, {
+      href: "basic-info-card",
+      title: "\u57FA\u7840\u4FE1\u606F"
+    }), /*#__PURE__*/React.createElement(AnchorLink, {
+      href: "config-info-card",
+      title: "\u914D\u7F6E\u4FE1\u606F"
+    }), /*#__PURE__*/React.createElement(AnchorLink, {
+      href: "other-info-card",
+      title: "\u5176\u4ED6\u4FE1\u606F"
+    })), /*#__PURE__*/React.createElement("div", {
+      id: "scroll-container1",
+      className: "scroll-container1"
+    }, /*#__PURE__*/React.createElement("div", {
+      id: "basic-info-card",
+      className: "section basic-info"
+    }, /*#__PURE__*/React.createElement("h2", null, "\u57FA\u7840\u4FE1\u606F"), /*#__PURE__*/React.createElement("p", null, "\u8FD9\u662F\u57FA\u7840\u4FE1\u606F")), /*#__PURE__*/React.createElement("div", {
+      id: "config-info-card",
+      className: "section config-info"
+    }, /*#__PURE__*/React.createElement("h2", null, "\u914D\u7F6E\u4FE1\u606F"), /*#__PURE__*/React.createElement("p", null, "\u8FD9\u662F\u914D\u7F6E\u4FE1\u606F")), /*#__PURE__*/React.createElement("div", {
+      id: "other-info-card",
+      className: "section other-info"
+    }, /*#__PURE__*/React.createElement("h2", null, "\u5176\u4ED6\u4FE1\u606F"), /*#__PURE__*/React.createElement("p", null, "\u8FD9\u662F\u5176\u4ED6\u4FE1\u606F"))));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/anchor/demos/events/index.d.ts

@@ -0,0 +1,17 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+import { AnchorLinkProps } from 'kpc';
+interface Props {
+    activeAnchor?: string;
+    logs: string[];
+}
+export default class extends Component<Props> {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        activeAnchor: string;
+        logs: never[];
+    };
+    handleAnchorClick(e: MouseEvent, link: AnchorLinkProps): void;
+    handleAnchorChange(href: string): void;
+}

package/es/site/data/components/anchor/demos/events/index.js

@@ -0,0 +1,36 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { __decorate } from "tslib";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+import { bind } 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 {
+      activeAnchor: 'section_one',
+      logs: []
+    };
+  };
+  var _proto = default_1.prototype;
+  _proto.handleAnchorClick = function handleAnchorClick(e, link) {
+    var _context;
+    var logs = this.get('logs') || [];
+    this.set('logs', _concatInstanceProperty(_context = []).call(_context, logs, ["\u70B9\u51FB\u4E86\u951A\u70B9: title: " + link.title + " href: " + link.href]));
+  };
+  _proto.handleAnchorChange = function handleAnchorChange(href) {
+    var _context2;
+    var logs = this.get('logs') || [];
+    this.set('logs', _concatInstanceProperty(_context2 = []).call(_context2, logs, ["\u951A\u70B9\u6539\u53D8\u4E3A: " + href]));
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };
+__decorate([bind], default_1.prototype, "handleAnchorClick", null);
+__decorate([bind], default_1.prototype, "handleAnchorChange", null);

package/es/site/data/components/anchor/demos/events/react.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './index.styl';
+import { AnchorLinkProps } from '@king-design/react';
+interface Props {
+    activeAnchor?: string;
+    logs: string[];
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: {
+        activeAnchor: string;
+        logs: never[];
+    };
+    handleAnchorClick(e: MouseEvent, link: AnchorLinkProps): void;
+    handleAnchorChange(href: string): void;
+    render(): React.JSX.Element;
+}
+export {};

package/es/site/data/components/anchor/demos/events/react.js

@@ -0,0 +1,88 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { __decorate } from "tslib";
+import React from 'react';
+import { Anchor, AnchorLink } from '@king-design/react';
+import './index.styl';
+import { bind } 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 = {
+      activeAnchor: 'section_one',
+      logs: []
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.handleAnchorClick = function handleAnchorClick(e, link) {
+    var _context2;
+    var logs = this.state.logs || [];
+    this.setState({
+      logs: _concatInstanceProperty(_context2 = []).call(_context2, logs, ["\u70B9\u51FB\u4E86\u951A\u70B9: title: " + link.title + " href: " + link.href])
+    });
+  };
+  _proto.handleAnchorChange = function handleAnchorChange(href) {
+    var _context3;
+    var logs = this.state.logs || [];
+    this.setState({
+      logs: _concatInstanceProperty(_context3 = []).call(_context3, logs, ["\u951A\u70B9\u6539\u53D8\u4E3A: " + href])
+    });
+  };
+  _proto.render = function render() {
+    var _this2 = this,
+      _context4;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "anchor-demo"
+    }, /*#__PURE__*/React.createElement(Anchor, {
+      value: this.state.activeAnchor,
+      onChangeValue: function onChangeValue(activeAnchor) {
+        return _this2.setState({
+          activeAnchor: activeAnchor
+        });
+      },
+      vertical: false,
+      container: "#scroll-container2",
+      onClick: this.handleAnchorClick,
+      onChange: this.handleAnchorChange
+    }, /*#__PURE__*/React.createElement(AnchorLink, {
+      href: "section_one",
+      title: "section1"
+    }), /*#__PURE__*/React.createElement(AnchorLink, {
+      href: "section_two",
+      title: "section2"
+    }), /*#__PURE__*/React.createElement(AnchorLink, {
+      href: "section_three",
+      title: "section3"
+    })), /*#__PURE__*/React.createElement("div", {
+      id: "scroll-container2",
+      className: "scroll-container2"
+    }, /*#__PURE__*/React.createElement("div", {
+      id: "section_one",
+      className: "section section1"
+    }, /*#__PURE__*/React.createElement("h2", null, "Section1")), /*#__PURE__*/React.createElement("div", {
+      id: "section_two",
+      className: "section section2"
+    }, /*#__PURE__*/React.createElement("h2", null, "Section2")), /*#__PURE__*/React.createElement("div", {
+      id: "section_three",
+      className: "section section3"
+    }, /*#__PURE__*/React.createElement("h2", null, "Section3"))), this.state.logs.length ? /*#__PURE__*/React.createElement("div", {
+      className: "logs-container"
+    }, _mapInstanceProperty(_context4 = this.state.logs).call(_context4, function (log, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: index
+      }, log);
+    })) : undefined);
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "handleAnchorClick", null);
+__decorate([bind], Demo.prototype, "handleAnchorChange", null);

package/es/site/data/components/anchor/demos/horizontal/index.d.ts

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

package/es/site/data/components/anchor/demos/horizontal/index.js

@@ -0,0 +1,18 @@
+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 {
+      activeAnchor: ''
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/anchor/demos/horizontal/react.d.ts

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

package/es/site/data/components/anchor/demos/horizontal/react.js

@@ -0,0 +1,46 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import React from 'react';
+import { Anchor, AnchorLink } 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 = {
+      activeAnchor: ''
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "anchor-demo"
+    }, /*#__PURE__*/React.createElement(Anchor, {
+      value: this.state.activeAnchor,
+      onChangeValue: function onChangeValue(activeAnchor) {
+        return _this2.setState({
+          activeAnchor: activeAnchor
+        });
+      },
+      offset: 76,
+      vertical: false
+    }, /*#__PURE__*/React.createElement(AnchorLink, {
+      href: "components-anchor-demos-basic",
+      title: "\u57FA\u7840\u7528\u6CD5"
+    }), /*#__PURE__*/React.createElement(AnchorLink, {
+      href: "components-anchor-demos-horizontal",
+      title: "\u6C34\u5E73\u6392\u5217"
+    }), /*#__PURE__*/React.createElement(AnchorLink, {
+      href: "components-anchor-demos-container",
+      title: "\u81EA\u5B9A\u4E49\u6EDA\u52A8\u5BB9\u5668"
+    })));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/anchor/demos/nested/index.d.ts

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