@king-design/intact 3.6.2 → 3.7.0

package/es/site/data/components/transfer/demos/table/react.js

@@ -0,0 +1,246 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+var _context;
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import _Set from "@babel/runtime-corejs3/core-js/set";
+import { __decorate } from "tslib";
+import React from 'react';
+import { Transfer, Table, TableColumn, Input, Icon } from '@king-design/react';
+import './index.styl';
+import { bind } from '@king-design/react';
+import { range } from '@king-design/react/components/utils';
+var rawData = _mapInstanceProperty(_context = range(1, 50)).call(_context, function (item) {
+  return {
+    id: item,
+    name: "\u670D\u52A1\u5668" + item,
+    ip: "10.10.1." + item,
+    status: item % 3 === 0 ? '运行中' : item % 3 === 1 ? '已停止' : '维护中'
+  };
+});
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+  function Demo() {
+    var _context2;
+    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(_context2 = [this]).call(_context2, args)) || this;
+    _this.state = {
+      allData: rawData,
+      leftData: rawData,
+      rightData: [],
+      leftCheckedKeys: [],
+      rightCheckedKeys: [],
+      leftKeywords: '',
+      rightKeywords: '',
+      leftFilteredData: rawData,
+      rightFilteredData: []
+    };
+    _this.leftTable = void 0;
+    _this.rightTable = void 0;
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.filterData = function filterData(data, keywords) {
+    if (!keywords) return data;
+    var lowerKeywords = keywords.toLowerCase();
+    return _filterInstanceProperty(data).call(data, function (item) {
+      var _context3, _context4, _context5;
+      return _includesInstanceProperty(_context3 = item.name.toLowerCase()).call(_context3, lowerKeywords) || _includesInstanceProperty(_context4 = item.ip).call(_context4, keywords) || _includesInstanceProperty(_context5 = item.status).call(_context5, keywords);
+    });
+  };
+  _proto.onLeftKeywordsChange = function onLeftKeywordsChange(v) {
+    var keywords = v || '';
+    this.setState({
+      leftKeywords: keywords
+    });
+    var data = this.filterData(this.state.leftData, keywords);
+    this.setState({
+      leftFilteredData: data
+    });
+  };
+  _proto.onRightKeywordsChange = function onRightKeywordsChange(v) {
+    var keywords = v || '';
+    this.setState({
+      rightKeywords: keywords
+    });
+    var data = this.filterData(this.state.rightData, keywords);
+    this.setState({
+      rightFilteredData: data
+    });
+  };
+  _proto.onLeftCheckedKeysChange = function onLeftCheckedKeysChange(keys) {
+    this.setState({
+      leftCheckedKeys: keys || []
+    });
+  };
+  _proto.onRightCheckedKeysChange = function onRightCheckedKeysChange(keys) {
+    this.setState({
+      rightCheckedKeys: keys || []
+    });
+  };
+  _proto.enableAdd = function enableAdd() {
+    var keys = this.state.leftCheckedKeys;
+    return keys && keys.length > 0;
+  };
+  _proto.enableRemove = function enableRemove() {
+    var keys = this.state.rightCheckedKeys;
+    return keys && keys.length > 0;
+  };
+  _proto.onAdd = function onAdd() {
+    var _context6;
+    var leftCheckedKeys = this.state.leftCheckedKeys;
+    var leftData = this.state.leftData;
+    var rightData = this.state.rightData;
+    var selectedItems = _filterInstanceProperty(leftData).call(leftData, function (item) {
+      return _includesInstanceProperty(leftCheckedKeys).call(leftCheckedKeys, item.id);
+    });
+    var newLeftData = _filterInstanceProperty(leftData).call(leftData, function (item) {
+      return !_includesInstanceProperty(leftCheckedKeys).call(leftCheckedKeys, item.id);
+    });
+    var newRightData = _concatInstanceProperty(_context6 = []).call(_context6, rightData, selectedItems);
+    this.setState({
+      leftData: newLeftData,
+      rightData: newRightData,
+      leftCheckedKeys: []
+    });
+    var leftFiltered = this.filterData(newLeftData, this.state.leftKeywords);
+    var rightFiltered = this.filterData(newRightData, this.state.rightKeywords);
+    this.setState({
+      leftFilteredData: leftFiltered
+    });
+    this.setState({
+      rightFilteredData: rightFiltered
+    });
+  };
+  _proto.onRemove = function onRemove() {
+    var rightCheckedKeys = this.state.rightCheckedKeys;
+    var allData = this.state.allData;
+    var rightData = this.state.rightData;
+    var newRightData = _filterInstanceProperty(rightData).call(rightData, function (item) {
+      return !_includesInstanceProperty(rightCheckedKeys).call(rightCheckedKeys, item.id);
+    });
+    var rightDataIds = new _Set(_mapInstanceProperty(newRightData).call(newRightData, function (item) {
+      return item.id;
+    }));
+    var newLeftData = _filterInstanceProperty(allData).call(allData, function (item) {
+      return !rightDataIds.has(item.id);
+    });
+    this.setState({
+      leftData: newLeftData,
+      rightData: newRightData,
+      rightCheckedKeys: []
+    });
+    var leftFiltered = this.filterData(newLeftData, this.state.leftKeywords);
+    var rightFiltered = this.filterData(newRightData, this.state.rightKeywords);
+    this.setState({
+      leftFilteredData: leftFiltered
+    });
+    this.setState({
+      rightFilteredData: rightFiltered
+    });
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(Transfer, {
+      slotHeader: function slotHeader(type) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'left' ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, "\u53EF\u9009\u6570\u636E"), /*#__PURE__*/React.createElement("span", null, _this2.state.leftCheckedKeys.length + ' / ' + _this2.state.leftData.length)) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, "\u5DF2\u9009\u6570\u636E"), /*#__PURE__*/React.createElement("span", null, _this2.state.rightCheckedKeys.length + ' / ' + _this2.state.rightData.length)));
+      },
+      slotFilter: function slotFilter(type) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'left' ? /*#__PURE__*/React.createElement(Input, {
+          slotPrefix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+            className: "k-icon-search",
+            size: "small"
+          })),
+          placeholder: "\u641C\u7D22\u540D\u79F0\u3001IP\u6216\u72B6\u6001",
+          clearable: true,
+          size: "small",
+          value: _this2.state.leftKeywords,
+          onChangeValue: _this2.onLeftKeywordsChange
+        }) : /*#__PURE__*/React.createElement(Input, {
+          slotPrefix: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+            className: "k-icon-search",
+            size: "small"
+          })),
+          placeholder: "\u641C\u7D22\u540D\u79F0\u3001IP\u6216\u72B6\u6001",
+          clearable: true,
+          size: "small",
+          value: _this2.state.rightKeywords,
+          onChangeValue: _this2.onRightKeywordsChange
+        }));
+      },
+      slotList: function slotList(type) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'left' ? /*#__PURE__*/React.createElement(Table, {
+          data: _this2.state.leftFilteredData,
+          rowKey: function rowKey(item) {
+            return item.id;
+          },
+          checkedKeys: _this2.state.leftCheckedKeys,
+          onChangeCheckedKeys: _this2.onLeftCheckedKeysChange,
+          pagination: {
+            limit: 5,
+            showLimits: false,
+            showTotal: false
+          },
+          ref: function ref(i) {
+            return _this2.leftTable = i;
+          },
+          fixHeader: true
+        }, /*#__PURE__*/React.createElement(TableColumn, {
+          key: "name",
+          title: "\u540D\u79F0"
+        }), /*#__PURE__*/React.createElement(TableColumn, {
+          key: "ip",
+          title: "IP\u5730\u5740"
+        }), /*#__PURE__*/React.createElement(TableColumn, {
+          key: "status",
+          title: "\u72B6\u6001"
+        })) : /*#__PURE__*/React.createElement(Table, {
+          data: _this2.state.rightFilteredData,
+          rowKey: function rowKey(item) {
+            return item.id;
+          },
+          checkedKeys: _this2.state.rightCheckedKeys,
+          onChangeCheckedKeys: _this2.onRightCheckedKeysChange,
+          pagination: {
+            limit: 5,
+            showLimits: false,
+            showTotal: false
+          },
+          ref: function ref(i) {
+            return _this2.rightTable = i;
+          },
+          fixHeader: true
+        }, /*#__PURE__*/React.createElement(TableColumn, {
+          key: "name",
+          title: "\u540D\u79F0"
+        }), /*#__PURE__*/React.createElement(TableColumn, {
+          key: "ip",
+          title: "IP\u5730\u5740"
+        }), /*#__PURE__*/React.createElement(TableColumn, {
+          key: "status",
+          title: "\u72B6\u6001"
+        })));
+      },
+      filterable: true,
+      enableAdd: this.enableAdd,
+      enableRemove: this.enableRemove,
+      onAdd: this.onAdd,
+      onRemove: this.onRemove,
+      className: "custom-table-transfer"
+    });
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };
+__decorate([bind], Demo.prototype, "onLeftKeywordsChange", null);
+__decorate([bind], Demo.prototype, "onRightKeywordsChange", null);
+__decorate([bind], Demo.prototype, "onLeftCheckedKeysChange", null);
+__decorate([bind], Demo.prototype, "onRightCheckedKeysChange", null);
+__decorate([bind], Demo.prototype, "enableAdd", null);
+__decorate([bind], Demo.prototype, "enableRemove", null);
+__decorate([bind], Demo.prototype, "onAdd", null);
+__decorate([bind], Demo.prototype, "onRemove", null);

package/es/styles/fonts/iconfont.js

@@ -6,5 +6,5 @@ import svg from './iconfont.svg';
 import woff2 from './iconfont.woff2';
 import { cache } from '../../components/utils';
 export var makeIconStyles = cache(function _makeIconStyles(k) {
-  injectGlobal("@font-face{font-family:\"kd-font\";src:url('", eot, "');src:url('", eot, "#iefix') format('embedded-opentype'),url('", woff2, "') format('woff2'),url('", woff, "') format('woff'),url('", ttf, "') format('truetype'),url('", svg, "#kpc-font') format('svg');}.", k, "-icon{font-family:\"kd-font\"!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.", k, "-icon-heart-fill:before{content:\"\\e9ba\";}.", k, "-icon-notification-fill:before{content:\"\\e9b9\";}.", k, "-icon-share:before{content:\"\\e9b8\";}.", k, "-icon-tag:before{content:\"\\e9b7\";}.", k, "-icon-clone:before{content:\"\\e9b6\";}.", k, "-icon-information-fill:before{content:\"\\e9b1\";}.", k, "-icon-warning-fill:before{content:\"\\e9b2\";}.", k, "-icon-success-fill:before{content:\"\\e9b3\";}.", k, "-icon-error-fill:before{content:\"\\e9b4\";}.", k, "-icon-question-fill:before{content:\"\\e9b5\";}.", k, "-icon-information:before{content:\"\\e9b0\";}.", k, "-icon-cloud:before{content:\"\\e9ac\";}.", k, "-icon-pin:before{content:\"\\e9ad\";}.", k, "-icon-home:before{content:\"\\e9ae\";}.", k, "-icon-cut:before{content:\"\\e9af\";}.", k, "-icon-server:before{content:\"\\e99a\";}.", k, "-icon-internet:before{content:\"\\e99b\";}.", k, "-icon-mail:before{content:\"\\e99c\";}.", k, "-icon-paper:before{content:\"\\e99d\";}.", k, "-icon-phone:before{content:\"\\e99e\";}.", k, "-icon-panel:before{content:\"\\e99f\";}.", k, "-icon-alarm:before{content:\"\\e9a0\";}.", k, "-icon-notification:before{content:\"\\e9a1\";}.", k, "-icon-earphone:before{content:\"\\e9a2\";}.", k, "-icon-settings-horizontal:before{content:\"\\e9a3\";}.", k, "-icon-message:before{content:\"\\e9a4\";}.", k, "-icon-heart:before{content:\"\\e9a5\";}.", k, "-icon-return-right:before{content:\"\\e9a6\";}.", k, "-icon-picture:before{content:\"\\e9a7\";}.", k, "-icon-logout:before{content:\"\\e9a8\";}.", k, "-icon-all:before{content:\"\\e9a9\";}.", k, "-icon-drag:before{content:\"\\e9aa\";}.", k, "-icon-settings-vertical:before{content:\"\\e9ab\";}.", k, "-icon-more:before{content:\"\\e97d\";}.", k, "-icon-more-circled:before{content:\"\\e988\";}.", k, "-icon-folder:before{content:\"\\e994\";}.", k, "-icon-unlock:before{content:\"\\e995\";}.", k, "-icon-user:before{content:\"\\e996\";}.", k, "-icon-folder-open:before{content:\"\\e997\";}.", k, "-icon-lock:before{content:\"\\e998\";}.", k, "-icon-users:before{content:\"\\e999\";}.", k, "-icon-edit:before{content:\"\\e98e\";}.", k, "-icon-location:before{content:\"\\e98f\";}.", k, "-icon-delete:before{content:\"\\e990\";}.", k, "-icon-settings:before{content:\"\\e992\";}.", k, "-icon-calendar:before{content:\"\\e993\";}.", k, "-icon-search:before{content:\"\\e97e\";}.", k, "-icon-alert:before{content:\"\\e97f\";}.", k, "-icon-question:before{content:\"\\e980\";}.", k, "-icon-zoom-in:before{content:\"\\e981\";}.", k, "-icon-zoom-out:before{content:\"\\e982\";}.", k, "-icon-close-outline:before{content:\"\\e983\";}.", k, "-icon-check-outline:before{content:\"\\e984\";}.", k, "-icon-hidden:before{content:\"\\e985\";}.", k, "-icon-visible:before{content:\"\\e986\";}.", k, "-icon-time:before{content:\"\\e987\";}.", k, "-icon-refresh:before{content:\"\\e989\";}.", k, "-icon-batchsearch:before{content:\"\\e98a\";}.", k, "-icon-upload:before{content:\"\\e98c\";}.", k, "-icon-download:before{content:\"\\e98d\";}.", k, "-icon-left-squared:before{content:\"\\e975\";}.", k, "-icon-right-squared:before{content:\"\\e976\";}.", k, "-icon-down-squared:before{content:\"\\e977\";}.", k, "-icon-up-squared:before{content:\"\\e978\";}.", k, "-icon-right-circled:before{content:\"\\e979\";}.", k, "-icon-down-circled:before{content:\"\\e97a\";}.", k, "-icon-left-circled:before{content:\"\\e97b\";}.", k, "-icon-up-circled:before{content:\"\\e97c\";}.", k, "-icon-up-bold:before{content:\"\\e962\";}.", k, "-icon-left-bold:before{content:\"\\e963\";}.", k, "-icon-down:before{content:\"\\e964\";}.", k, "-icon-right-bold:before{content:\"\\e965\";}.", k, "-icon-right:before{content:\"\\e966\";}.", k, "-icon-left:before{content:\"\\e968\";}.", k, "-icon-up:before{content:\"\\e969\";}.", k, "-icon-down-bold:before{content:\"\\e96a\";}.", k, "-icon-sort:before{content:\"\\e96b\";}.", k, "-icon-sort-bold:before{content:\"\\e96c\";}.", k, "-icon-check:before{content:\"\\e96d\";}.", k, "-icon-check-bold:before{content:\"\\e96e\";}.", k, "-icon-close-bold:before{content:\"\\e96f\";}.", k, "-icon-add:before{content:\"\\e970\";}.", k, "-icon-minus-bold:before{content:\"\\e971\";}.", k, "-icon-close:before{content:\"\\e972\";}.", k, "-icon-minus:before{content:\"\\e973\";}.", k, "-icon-add-bold:before{content:\"\\e974\";}.", k, "-icon-start:before{content:\"\\e9bb\";}.", k, "-icon-stop:before{content:\"\\e9bd\";}.", k, "-icon-sortorder:before{content:\"\\e9bc\";}");
+  injectGlobal("@font-face{font-family:\"kd-font\";src:url('", eot, "');src:url('", eot, "#iefix') format('embedded-opentype'),url('", woff2, "') format('woff2'),url('", woff, "') format('woff'),url('", ttf, "') format('truetype'),url('", svg, "#kpc-font') format('svg');}.", k, "-icon{font-family:\"kd-font\"!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.", k, "-icon-add-circled:before{content:\"\\e60b\";}.", k, "-icon-think:before{content:\"\\e60a\";}.", k, "-icon-outboundrules:before{content:\"\\e9cd\";}.", k, "-icon-inboundrules:before{content:\"\\e9ce\";}.", k, "-icon-fullscreen:before{content:\"\\e9cc\";}.", k, "-icon-history:before{content:\"\\e9cb\";}.", k, "-icon-correlation:before{content:\"\\e9c3\";}.", k, "-icon-webui:before{content:\"\\e9c4\";}.", k, "-icon-log:before{content:\"\\e9c5\";}.", k, "-icon-save:before{content:\"\\e9c6\";}.", k, "-icon-memory:before{content:\"\\e9c7\";}.", k, "-icon-Physicalport:before{content:\"\\e9c8\";}.", k, "-icon-queue:before{content:\"\\e9c9\";}.", k, "-icon-channel:before{content:\"\\e9ca\";}.", k, "-icon-cpu:before{content:\"\\e9be\";}.", k, "-icon-change:before{content:\"\\e9bf\";}.", k, "-icon-subnet:before{content:\"\\e9c0\";}.", k, "-icon-batchsearch1:before{content:\"\\e9c1\";}.", k, "-icon-listener:before{content:\"\\e9c2\";}.", k, "-icon-heart-fill:before{content:\"\\e9ba\";}.", k, "-icon-notification-fill:before{content:\"\\e9b9\";}.", k, "-icon-share:before{content:\"\\e9b8\";}.", k, "-icon-tag:before{content:\"\\e9b7\";}.", k, "-icon-clone:before{content:\"\\e9b6\";}.", k, "-icon-information-fill:before{content:\"\\e9b1\";}.", k, "-icon-warning-fill:before{content:\"\\e9b2\";}.", k, "-icon-success-fill:before{content:\"\\e9b3\";}.", k, "-icon-error-fill:before{content:\"\\e9b4\";}.", k, "-icon-question-fill:before{content:\"\\e9b5\";}.", k, "-icon-information:before{content:\"\\e9b0\";}.", k, "-icon-cloud:before{content:\"\\e9ac\";}.", k, "-icon-pin:before{content:\"\\e9ad\";}.", k, "-icon-home:before{content:\"\\e9ae\";}.", k, "-icon-cut:before{content:\"\\e9af\";}.", k, "-icon-server:before{content:\"\\e99a\";}.", k, "-icon-internet:before{content:\"\\e99b\";}.", k, "-icon-mail:before{content:\"\\e99c\";}.", k, "-icon-paper:before{content:\"\\e99d\";}.", k, "-icon-phone:before{content:\"\\e99e\";}.", k, "-icon-panel:before{content:\"\\e99f\";}.", k, "-icon-alarm:before{content:\"\\e9a0\";}.", k, "-icon-notification:before{content:\"\\e9a1\";}.", k, "-icon-earphone:before{content:\"\\e9a2\";}.", k, "-icon-settings-horizontal:before{content:\"\\e9a3\";}.", k, "-icon-message:before{content:\"\\e9a4\";}.", k, "-icon-heart:before{content:\"\\e9a5\";}.", k, "-icon-return-right:before{content:\"\\e9a6\";}.", k, "-icon-picture:before{content:\"\\e9a7\";}.", k, "-icon-logout:before{content:\"\\e9a8\";}.", k, "-icon-all:before{content:\"\\e9a9\";}.", k, "-icon-drag:before{content:\"\\e9aa\";}.", k, "-icon-settings-vertical:before{content:\"\\e9ab\";}.", k, "-icon-more:before{content:\"\\e97d\";}.", k, "-icon-more-circled:before{content:\"\\e988\";}.", k, "-icon-folder:before{content:\"\\e994\";}.", k, "-icon-unlock:before{content:\"\\e995\";}.", k, "-icon-user:before{content:\"\\e996\";}.", k, "-icon-folder-open:before{content:\"\\e997\";}.", k, "-icon-lock:before{content:\"\\e998\";}.", k, "-icon-users:before{content:\"\\e999\";}.", k, "-icon-edit:before{content:\"\\e98e\";}.", k, "-icon-location:before{content:\"\\e98f\";}.", k, "-icon-delete:before{content:\"\\e990\";}.", k, "-icon-settings:before{content:\"\\e992\";}.", k, "-icon-calendar:before{content:\"\\e993\";}.", k, "-icon-search:before{content:\"\\e97e\";}.", k, "-icon-alert:before{content:\"\\e97f\";}.", k, "-icon-question:before{content:\"\\e980\";}.", k, "-icon-zoom-in:before{content:\"\\e981\";}.", k, "-icon-zoom-out:before{content:\"\\e982\";}.", k, "-icon-close-outline:before{content:\"\\e983\";}.", k, "-icon-check-outline:before{content:\"\\e984\";}.", k, "-icon-hidden:before{content:\"\\e985\";}.", k, "-icon-visible:before{content:\"\\e986\";}.", k, "-icon-time:before{content:\"\\e987\";}.", k, "-icon-refresh:before{content:\"\\e989\";}.", k, "-icon-batchsearch:before{content:\"\\e98a\";}.", k, "-icon-upload:before{content:\"\\e98c\";}.", k, "-icon-download:before{content:\"\\e98d\";}.", k, "-icon-left-squared:before{content:\"\\e975\";}.", k, "-icon-right-squared:before{content:\"\\e976\";}.", k, "-icon-down-squared:before{content:\"\\e977\";}.", k, "-icon-up-squared:before{content:\"\\e978\";}.", k, "-icon-right-circled:before{content:\"\\e979\";}.", k, "-icon-down-circled:before{content:\"\\e97a\";}.", k, "-icon-left-circled:before{content:\"\\e97b\";}.", k, "-icon-up-circled:before{content:\"\\e97c\";}.", k, "-icon-up-bold:before{content:\"\\e962\";}.", k, "-icon-left-bold:before{content:\"\\e963\";}.", k, "-icon-down:before{content:\"\\e964\";}.", k, "-icon-right-bold:before{content:\"\\e965\";}.", k, "-icon-right:before{content:\"\\e966\";}.", k, "-icon-left:before{content:\"\\e968\";}.", k, "-icon-up:before{content:\"\\e969\";}.", k, "-icon-down-bold:before{content:\"\\e96a\";}.", k, "-icon-sort:before{content:\"\\e96b\";}.", k, "-icon-sort-bold:before{content:\"\\e96c\";}.", k, "-icon-check:before{content:\"\\e96d\";}.", k, "-icon-check-bold:before{content:\"\\e96e\";}.", k, "-icon-close-bold:before{content:\"\\e96f\";}.", k, "-icon-add:before{content:\"\\e970\";}.", k, "-icon-minus-bold:before{content:\"\\e971\";}.", k, "-icon-close:before{content:\"\\e972\";}.", k, "-icon-minus:before{content:\"\\e973\";}.", k, "-icon-add-bold:before{content:\"\\e974\";}.", k, "-icon-start:before{content:\"\\e9bb\";}.", k, "-icon-stop:before{content:\"\\e9bd\";}.", k, "-icon-sortorder:before{content:\"\\e9bc\";}");
 });

package/es/styles/fonts/iconfont.svg

@@ -14,6 +14,44 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="tianjia" unicode="&#58891;" d="M531.2 586.688c7.04 0 12.8-5.76 12.8-12.8V416h157.824c7.04 0 12.8-5.76 12.8-12.8v-38.4a12.8 12.8 0 0 0-12.8-12.8H544v-157.888a12.8 12.8 0 0 0-12.8-12.736h-38.4a12.8 12.8 0 0 0-12.8 12.8V352H322.112a12.8 12.8 0 0 0-12.8 12.8v38.4c0 7.04 5.76 12.8 12.8 12.8H480V573.888c0 7.04 5.76 12.8 12.8 12.8h38.4zM512 842.688a458.688 458.688 0 1 0-0.128-917.376A458.688 458.688 0 0 0 512 842.688z m0-64a394.752 394.752 0 0 1 0-789.312A394.624 394.624 0 0 1 512 778.688z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="shendusikao" unicode="&#58890;" d="M906.624 433.536c0 66.816-23.808 153.92-78.848 223.744-54.144 68.672-139.008 121.408-264.64 121.408-86.08 0-149.952-19.2-195.008-54.016-44.672-34.496-74.752-87.296-87.936-162.304a32.064 32.064 0 0 0-17.024-23.04 3007.616 3007.616 0 0 1-120.064-63.68 2.112 2.112 0 0 1 0-3.648c12.16-7.552 27.84-18.688 38.464-34.56 11.968-17.792 16.704-40.512 6.976-65.344-6.08-15.36-14.912-33.28-23.04-50.304-8.448-17.664-16.64-35.264-23.04-52.48-6.464-17.28-10.432-32.384-11.2-44.992-0.768-12.224 1.6-19.904 5.312-25.088 4.032-5.632 10.496-10.24 22.208-14.08 12.288-4.032 27.328-6.272 46.592-8.832 35.456-4.608 86.144-9.856 126.08-41.472 48.64-38.592 83.072-95.744 105.28-168.128l5.632-18.368a12.8 12.8 0 0 0-8.512-16l-36.736-11.264a12.8 12.8 0 0 0-16 8.512l-5.568 18.368c-19.648 64-48.256 108.416-83.968 136.768-23.36 18.56-54.592 22.848-94.528 28.16-18.304 2.368-39.36 5.248-58.24 11.456-19.648 6.4-39.68 17.28-54.208 37.568-14.848 20.672-18.56 44.416-17.216 66.304 1.28 21.632 7.616 43.52 15.04 63.488 7.552 20.16 16.96 40.128 25.408 57.728 8.768 18.304 16.192 33.408 21.184 46.08 1.28 3.264 0.896 4.032-0.576 6.272-2.816 4.16-8.896 9.472-19.2 15.936a351.744 351.744 0 0 1-15.168 8.832c-4.928 2.688-10.752 5.888-15.616 8.96a64.96 64.96 0 0 0-17.024 14.464 36.288 36.288 0 0 0-0.32 45.568l4.992 5.376c5.376 5.12 11.968 9.664 17.408 13.312 8.704 5.76 20.096 12.608 33.92 20.416 23.936 13.632 56.448 30.848 97.28 51.776a13.056 13.056 0 0 1 6.784 8.768c17.28 76.544 52.48 137.6 107.52 180.096 59.776 46.08 139.008 67.328 234.112 67.392 146.304 0 249.28-62.528 314.88-145.792 64.704-82.112 92.608-183.552 92.608-263.36 0-153.152-121.152-312.32-295.168-361.728-6.4-1.792-9.984-8.512-7.04-14.4 9.6-19.072 28.608-45.056 59.008-78.592l12.864-14.272a12.8 12.8 0 0 0-0.896-18.048l-28.416-25.792a12.8 12.8 0 0 0-18.112 0.896l-12.928 14.272c-31.68 34.88-55.168 65.984-68.672 92.8-12.416 24.768-21.76 57.152-3.136 84.288l4.096 4.8a31.936 31.936 0 0 0 16.32 8.512c164.8 31.424 278.08 177.216 278.08 307.2zM526.592 673.728a56.64 56.64 0 0 0 30.144-14.848l3.2-3.136a12.8 12.8 0 0 1 2.112-1.472 37.504 37.504 0 0 1 6.144-0.384c24.704 0 51.776-3.456 73.664-10.816 10.88-3.648 22.4-8.96 31.872-16.64a53.952 53.952 0 0 0 18.688-28.736c0.064-0.32 0.384-0.64 0.704-0.768 8.448-2.176 19.584-2.752 27.136-2.752 11.072 0 19.776-4.672 24.832-8.064 5.568-3.712 10.496-8.32 14.72-13.056 8.32-9.472 16.128-21.952 22.656-36.096 12.992-28.48 22.208-67.328 17.344-110.656-3.584-32.192-18.56-60.544-49.728-74.112-18.56-8-39.808-9.344-62.208-6.464a14.528 14.528 0 0 1-13.056-5.504 93.44 93.44 0 0 0-19.968-18.56c-18.304-12.672-40.704-19.264-65.024-21.76-14.592-1.536-29.888 0-43.904 7.04a66.88 66.88 0 0 0-30.976 32.896c-6.784 14.976-9.216 32.832-8.832 52.352a13.696 13.696 0 0 1-10.432 13.568c-36.992 8.768-67.84 22.72-89.664 44.16-35.2 34.688-35.52 88.32-20.992 144.704l0.32 1.216c13.056 43.712 51.392 66.56 98.048 75.52 16.64 3.264 30.848 4.48 43.2 2.368z m-31.04-65.152c-34.112-6.592-45.056-19.072-48.768-30.528-13.12-51.328-5.12-73.472 4.096-82.496 14.72-14.464 44.16-27.52 95.232-33.92a32 32 0 0 0 27.52-37.248c-5.888-33.664-3.584-51.008-0.384-58.112a9.6 9.6 0 0 1 1.152-2.048 0.64 0.64 0 0 1 0.256-0.128s2.304-1.152 8.576-0.512c17.472 1.792 28.48 6.08 35.264 10.752a30.464 30.464 0 0 1 12.48 18.048 32 32 0 0 0 39.552 22.272c30.336-8.576 46.656-6.912 54.08-3.712 4.16 1.792 9.728 5.76 11.52 22.528 3.456 30.272-3.136 57.6-11.968 76.8a99.264 99.264 0 0 1-8.96 16 11.52 11.52 0 0 1-8.896 4.544 150.528 150.528 0 0 0-29.44 4.224 76.224 76.224 0 0 0-28.16 13.312 49.792 49.792 0 0 0-16.704 24.064c-1.152 3.712-3.392 7.232-7.04 8.704a59.52 59.52 0 0 1-3.456 1.28 179.008 179.008 0 0 1-53.312 7.488 76.16 76.16 0 0 0-38.08 8.576 62.656 62.656 0 0 0-15.232 11.84 1.152 1.152 0 0 1-0.768 0.32 85.824 85.824 0 0 1-18.56-2.048zM688 352.576a12.8 12.8 0 0 0-4.16-17.664l-16.32-10.112a334.4 334.4 0 0 1-32.192-22.848c-11.072-8.96-18.944-16.768-22.656-21.952-8.128-11.328-15.808-21.44-22.72-30.528-6.912-9.152-12.8-17.024-17.92-24.32-10.432-14.848-14.912-23.936-16.32-31.04l-3.712-18.816a12.8 12.8 0 0 0-15.04-10.048l-37.696 7.424a12.8 12.8 0 0 0-10.048 15.04l3.776 18.88c4.16 20.864 15.232 39.04 26.688 55.424 5.888 8.32 12.544 17.152 19.328 26.112 6.848 9.088 14.08 18.624 21.632 29.184 8.832 12.288 22.144 24.448 34.496 34.432 12.8 10.368 26.752 20.032 38.656 27.456l16.32 10.112a12.8 12.8 0 0 0 17.6-4.16l20.288-32.64z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-outboundrules" unicode="&#59853;" d="M202.688-10.688H480V119.68a8.32 8.32 0 0 0 8.32 8.32h47.36a8.32 8.32 0 0 0 8.32-8.32v-162.368a32 32 0 0 0-32-32H170.688a32.064 32.064 0 0 0-32.064 32V119.68a8.32 8.32 0 0 0 8.32 8.32h47.424a8.32 8.32 0 0 0 8.32-8.32v-130.368zM373.376 178.944a8.32 8.32 0 0 0-8.32-8.32h-47.36a8.32 8.32 0 0 0-8.32 8.32V588.992a8.32 8.32 0 0 0 8.32 8.32h47.36a8.32 8.32 0 0 0 8.32-8.32v-410.048zM961.28 406.656a32 32 0 0 0 0-45.312l-164.8-164.736a8.32 8.32 0 0 0-11.712 0l-33.536 33.536a8.32 8.32 0 0 0 0 11.712l110.08 110.144H520.32A8.32 8.32 0 0 0 512 360.32v47.36a8.32 8.32 0 0 0 8.32 8.32h341.12l-110.208 110.208a8.32 8.32 0 0 0 0 11.712l33.536 33.536a8.32 8.32 0 0 0 11.712 0l164.8-164.8zM512 842.688a32 32 0 0 0 32-32V648.32a8.32 8.32 0 0 0-8.32-8.32h-47.36a8.32 8.32 0 0 0-8.32 8.32V778.688H202.688V648.32a8.32 8.32 0 0 0-8.32-8.32h-47.424a8.32 8.32 0 0 0-8.32 8.32V810.688c0 17.664 14.4 32 32.064 32H512z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-inboundrules" unicode="&#59854;" d="M853.312 842.688a32 32 0 0 0 32-32V648.32a8.32 8.32 0 0 0-8.32-8.32h-47.36a8.32 8.32 0 0 0-8.32 8.32V778.688H544V648.32a8.32 8.32 0 0 0-8.32-8.32h-47.36a8.32 8.32 0 0 0-8.32 8.32V810.688a32 32 0 0 0 32 32h341.312zM535.68 128a8.32 8.32 0 0 0 8.32-8.32v-130.368h277.312V119.68a8.32 8.32 0 0 0 8.32 8.32h47.36a8.32 8.32 0 0 0 8.32-8.32v-162.368a32 32 0 0 0-32-32H512a32 32 0 0 0-32 32V119.68a8.32 8.32 0 0 0 8.32 8.32h47.36zM706.368 597.312a8.32 8.32 0 0 0 8.32-8.32v-410.048a8.32 8.32 0 0 0-8.32-8.32h-47.36a8.32 8.32 0 0 0-8.32 8.32V588.992a8.32 8.32 0 0 0 8.32 8.32h47.36zM93.632 352a8.32 8.32 0 0 0-8.32 8.32v47.36a8.32 8.32 0 0 0 8.32 8.32H512v-64H93.632zM324.544 230.08a8.32 8.32 0 0 0 0 11.776l142.208 142.08-142.208 142.208a8.32 8.32 0 0 0 0 11.776l33.536 33.472a8.32 8.32 0 0 0 11.712 0l164.864-164.736a32 32 0 0 0 0-45.248l-164.864-164.8a8.32 8.32 0 0 0-11.712 0l-33.536 33.472z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-fullscreen" unicode="&#59852;" d="M610.368 736c-20.736 0-41.408-20.736-41.408-41.408 0-20.736 20.672-41.408 41.408-41.408h113.92L563.712 497.856a40.64 40.64 0 0 1 0-56.96c10.368-5.12 20.672-10.304 31.04-10.304 10.368 0 20.736 5.12 25.92 10.368l160.448 160.448v-113.92c0-20.672 15.488-41.408 41.408-41.408 25.856 0 41.408 15.552 41.408 41.472V736H610.368z m-414.08-289.92a40.832 40.832 0 0 1 41.344 41.472V653.184h165.632a40.832 40.832 0 0 1 41.472 41.408A40.832 40.832 0 0 1 403.2 736H160v-248.448c0-20.736 15.552-41.472 36.224-41.472z m621.12-124.16a40.832 40.832 0 0 1-41.408-41.472v-165.632H610.368a40.832 40.832 0 0 1-41.408-41.408c0-25.92 15.488-41.408 41.408-41.408h248.448V280.448c-5.12 20.736-20.672 41.408-41.408 41.408zM392.96 327.04l-160.512-160.448v113.92a40.832 40.832 0 0 1-41.408 41.344c-25.856 0-31.04-20.672-31.04-41.408V32h243.264a40.832 40.832 0 0 1 41.472 41.408 40.832 40.832 0 0 1-41.472 41.408H289.408L449.92 275.264a40.64 40.64 0 0 1 0 56.96c-15.488 15.552-41.408 10.368-56.96-5.12z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-history" unicode="&#59851;" d="M512 842.688A458.688 458.688 0 1 0 53.376 380.096 3.84 3.84 0 0 0 57.216 384h56.32c2.048 0 3.84-1.792 3.84-3.84a394.624 394.624 0 1 1 85.632 249.216h104.448a3.84 3.84 0 0 0 3.84-3.84v-56.32a3.84 3.84 0 0 0-3.84-3.84H124.096a32 32 0 0 0-32 32V780.672a3.84 3.84 0 0 0 3.84 3.84h56.32a3.84 3.84 0 0 0 3.84-3.84v-107.584A457.6 457.6 0 0 0 512 842.688zM540.224 672a3.84 3.84 0 0 0 3.84-3.84v-271.104l191.424-191.424a3.84 3.84 0 0 0 0-5.376l-39.808-39.872a3.84 3.84 0 0 0-5.44 0L489.408 361.216a32 32 0 0 0-9.344 22.592V668.16a3.84 3.84 0 0 0 3.84 3.84h56.32z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-correlation" unicode="&#59843;" d="M925.696 382.272v3.84a161.664 161.664 0 0 1-161.216 161.216h-205.44a161.728 161.728 0 0 1-161.28-161.28v-3.776c0-7.36 0.64-14.592 1.664-21.76h75.2a84.096 84.096 0 0 0-2.816 21.76v3.84c0 48.192 39.04 87.296 87.296 87.296h205.44c48.128 0 87.232-39.104 87.232-87.296v-3.84a87.36 87.36 0 0 0-87.296-87.296h-92.864a225.408 225.408 0 0 0-50.816-73.856h143.68a161.6 161.6 0 0 1 161.28 161.152z m-299.776 3.84c0 7.296-0.512 14.464-1.536 21.696H549.184c1.792-7.04 2.816-14.336 2.816-21.76v-3.84c0-48.192-39.04-87.296-87.296-87.296H259.392c-48.192 0-87.296 39.04-87.296 87.296v3.84a87.36 87.36 0 0 0 87.296 87.232h92.928c11.776 27.84 29.056 52.928 50.752 73.92l-143.68 0.128a161.728 161.728 0 0 1-161.408-161.28v-3.776a161.728 161.728 0 0 1 161.216-161.152h205.44a161.664 161.664 0 0 1 161.152 161.152l0.128 3.84z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-webui" unicode="&#59844;" d="M876.8 755.2H147.2c-51.2 0-96-44.8-96-96v-556.8c0-51.2 44.8-96 96-96h723.2c51.2 0 96 44.8 96 96V659.2c0 51.2-44.8 96-96 96zM115.2 659.2c0 19.2 12.8 32 32 32h723.2c19.2 0 32-12.8 32-32v-160H115.2V659.2z m793.6-550.4c0-19.2-12.8-32-32-32H147.2c-19.2 0-32 12.8-32 32V441.6h787.2v-332.8zM211.2 595.2m-44.8 0a44.8 44.8 0 1 1 89.6 0 44.8 44.8 0 1 1-89.6 0ZM339.2 595.2m-44.8 0a44.8 44.8 0 1 1 89.6 0 44.8 44.8 0 1 1-89.6 0ZM652.8 128c12.8 0 25.6 12.8 25.6 25.6V371.2c0 12.8-12.8 25.6-25.6 25.6s-25.6-12.8-25.6-25.6v-217.6c0-12.8 12.8-25.6 25.6-25.6zM371.2 153.6c6.4-12.8 19.2-19.2 32-25.6 12.8 0 32-6.4 57.6-6.4s38.4 0 51.2 6.4c12.8 0 25.6 12.8 32 25.6 6.4 6.4 12.8 19.2 19.2 32s0 38.4 0 70.4V371.2c0 12.8-12.8 25.6-25.6 25.6S512 384 512 371.2V204.8c0-6.4-6.4-19.2-12.8-25.6-6.4 0-19.2-6.4-38.4-6.4s-25.6 0-38.4 12.8c-6.4 6.4-12.8 12.8-19.2 25.6V377.6c0 12.8-12.8 25.6-25.6 25.6s-25.6-12.8-25.6-25.6v-192c0-12.8 6.4-19.2 12.8-32z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-log" unicode="&#59845;" d="M876.8-76.8H275.2c-19.2 0-32 12.8-32 32v96H147.2c-19.2 0-32 12.8-32 32v704c0 32 25.6 51.2 51.2 51.2h576c19.2 0 32-12.8 32-32v-96h96c19.2 0 32-12.8 32-32v-723.2c0-19.2-12.8-32-32-32z m-569.6 64h531.2V652.8H307.2v-659.2z m-128 128h64V684.8c0 19.2 12.8 32 32 32h435.2v64H179.2v-659.2z m524.8-19.2H448c-19.2 0-32 12.8-32 32s12.8 32 32 32h256c19.2 0 32-12.8 32-32s-12.8-32-32-32z m0 192H448c-19.2 0-32 12.8-32 32s12.8 32 32 32h256c19.2 0 32-12.8 32-32s-12.8-32-32-32z m0 192H448c-19.2 0-32 12.8-32 32s12.8 32 32 32h256c19.2 0 32-12.8 32-32s-12.8-32-32-32z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-save" unicode="&#59846;" d="M742.4 800H192c-51.2 0-96-44.8-96-96v-640c0-51.2 44.8-96 96-96h640c51.2 0 96 44.8 96 96V627.2l-185.6 172.8zM864 64c0-19.2-12.8-32-32-32H192c-19.2 0-32 12.8-32 32V704c0 19.2 12.8 32 32 32h76.8v-211.2c0-19.2 12.8-32 19.2-38.4 12.8-6.4 25.6-12.8 38.4-12.8h224c12.8 0 25.6 0 38.4 12.8 12.8 6.4 19.2 19.2 19.2 32V736h108.8l147.2-134.4V64z m-320 672v-198.4H332.8V736h211.2zM262.4 377.6m12.8 0l467.2 0q12.8 0 12.8-12.8l0-38.4q0-12.8-12.8-12.8l-467.2 0q-12.8 0-12.8 12.8l0 38.4q0 12.8 12.8 12.8ZM262.4 204.8m12.8 0l256 0q12.8 0 12.8-12.8l0-38.4q0-12.8-12.8-12.8l-256 0q-12.8 0-12.8 12.8l0 38.4q0 12.8 12.8 12.8Z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-memory" unicode="&#59847;" d="M918.4 704a41.6 41.6 0 0 0 41.6-41.6v-556.8a41.6 41.6 0 0 0-41.6-41.6h-140.8a41.6 41.6 0 0 0-41.6 41.6v54.4h-64v-86.4a9.6 9.6 0 0 0-9.6-9.6h-44.8a9.6 9.6 0 0 0-9.6 9.6V160h-64v-86.4a9.6 9.6 0 0 0-9.6-9.6h-44.8a9.6 9.6 0 0 0-9.6 9.6V160h-64v-86.4a9.6 9.6 0 0 0-9.6-9.6h-44.8a9.6 9.6 0 0 0-9.6 9.6V160h-64v-54.4a41.6 41.6 0 0 0-41.6-41.6h-140.8a41.6 41.6 0 0 0-41.6 41.6v556.8A41.6 41.6 0 0 0 105.6 704h812.8zM128 128h96v54.4a41.6 41.6 0 0 0 41.6 41.6h492.8a41.6 41.6 0 0 0 41.6-41.6V128H896V640H128v-512z m150.4 416a9.6 9.6 0 0 0 9.6-9.6v-172.8a9.6 9.6 0 0 0-9.6-9.6h-44.8a9.6 9.6 0 0 0-9.6 9.6v172.8a9.6 9.6 0 0 0 9.6 9.6h44.8z m170.688 0a9.6 9.6 0 0 0 9.536-9.6v-172.8a9.6 9.6 0 0 0-9.6-9.6h-44.8a9.6 9.6 0 0 0-9.6 9.6v172.8a9.6 9.6 0 0 0 9.6 9.6h44.8z m170.624 0a9.6 9.6 0 0 0 9.6-9.6v-172.8a9.6 9.6 0 0 0-9.6-9.6h-44.8a9.6 9.6 0 0 0-9.6 9.6v172.8a9.6 9.6 0 0 0 9.6 9.6h44.8z m170.688 0a9.6 9.6 0 0 0 9.536-9.6v-172.8a9.6 9.6 0 0 0-9.6-9.6h-44.8a9.6 9.6 0 0 0-9.6 9.6v172.8a9.6 9.6 0 0 0 9.6 9.6h44.8z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-Physicalport" unicode="&#59848;" d="M832-32H192c-51.2 0-96 44.8-96 96V704c0 51.2 44.8 96 96 96h640c51.2 0 96-44.8 96-96v-640c0-51.2-44.8-96-96-96zM192 736c-19.2 0-32-12.8-32-32v-640c0-19.2 12.8-32 32-32h640c19.2 0 32 12.8 32 32V704c0 19.2-12.8 32-32 32H192z m428.8-576H409.6c-19.2 0-32 12.8-32 32V288H300.8c-19.2 0-32 12.8-32 32V576c0 19.2 12.8 32 32 32h428.8c19.2 0 32-12.8 32-32v-256c0-19.2-12.8-32-32-32h-76.8V192c0-19.2-12.8-32-32-32z m-185.6 64h147.2v64H435.2v-64z m-102.4 128h364.8v192H614.4v-51.2c0-19.2-12.8-32-32-32s-32 12.8-32 32v51.2h-64v-51.2c0-19.2-12.8-32-32-32s-32 12.8-32 32v51.2H339.2v-192z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-queue" unicode="&#59849;" d="M992-32c-19.2 0-32 12.8-32 32v25.6c0 89.6 0 134.4-12.8 166.4-12.8 25.6-32 44.8-57.6 57.6-12.8 6.4-19.2 25.6-12.8 44.8 6.4 12.8 25.6 19.2 44.8 12.8 38.4-19.2 70.4-51.2 89.6-89.6 19.2-44.8 19.2-96 19.2-192v-25.6c0-19.2-12.8-32-32-32z m-172.8 0c-19.2 0-32 12.8-32 32v25.6c0 89.6 0 134.4-12.8 166.4-12.8 25.6-32 44.8-57.6 57.6-12.8 6.4-19.2 25.6-12.8 44.8 6.4 12.8 25.6 19.2 44.8 12.8 38.4-19.2 70.4-51.2 89.6-89.6 19.2-44.8 19.2-96 19.2-192v-25.6c0-19.2-12.8-32-32-32z m-172.8 0h-512c-19.2 0-32 12.8-32 32v44.8c0 83.2 0 128 12.8 160 19.2 51.2 57.6 89.6 108.8 108.8 38.4 12.8 76.8 12.8 160 12.8s128 0 160-12.8c51.2-19.2 89.6-57.6 108.8-108.8 12.8-38.4 12.8-76.8 12.8-160v-44.8c0-19.2-12.8-32-32-32z m-480 64h448v12.8c0 76.8 0 115.2-12.8 140.8-12.8 32-38.4 64-76.8 76.8-25.6 12.8-64 12.8-140.8 12.8s-115.2 0-140.8-12.8c-32-12.8-64-38.4-76.8-76.8-12.8-25.6-12.8-64-12.8-140.8v-12.8z m224 403.2c-102.4 0-179.2 83.2-179.2 179.2s83.2 179.2 179.2 179.2 179.2-83.2 179.2-179.2-83.2-179.2-179.2-179.2z m0 300.8c-64 0-115.2-51.2-115.2-115.2s51.2-115.2 115.2-115.2 115.2 51.2 115.2 115.2-51.2 115.2-115.2 115.2z m428.8-268.8c-12.8 0-19.2 0-25.6 12.8-12.8 12.8-6.4 32 6.4 44.8 32 19.2 51.2 57.6 51.2 96s-19.2 76.8-51.2 96c-12.8 12.8-19.2 32-6.4 44.8 12.8 12.8 32 19.2 44.8 6.4 51.2-32 76.8-89.6 76.8-147.2s-32-115.2-76.8-147.2h-19.2z m-172.8 0c-12.8 0-19.2 0-25.6 12.8-12.8 12.8-6.4 32 6.4 44.8 32 19.2 51.2 57.6 51.2 96s-19.2 76.8-51.2 96c-12.8 12.8-19.2 32-6.4 44.8s32 19.2 44.8 6.4c51.2-32 76.8-89.6 76.8-147.2s-32-115.2-76.8-147.2h-19.2z"  horiz-adv-x="1088" />
+      
+      <glyph glyph-name="k-icon-channel" unicode="&#59850;" d="M288 784A128 128 0 0 0 406.656 704H736a176 176 0 1 0 0-352h-448a112 112 0 1 1 0-224h321.152a127.872 127.872 0 0 0 254.848-16 128 128 0 0 0-246.656-48H288a176 176 0 1 0 0 352h448a112 112 0 1 1 0 224H414.848A127.936 127.936 0 0 0 160 656a128 128 0 0 0 128 128z m448-608a64 64 0 1 1 0-128 64 64 0 0 1 0 128z m-448 544a64 64 0 1 1 0-128 64 64 0 0 1 0 128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-cpu" unicode="&#59838;" d="M422.4 256h172.8c25.6 0 44.8 19.2 44.8 44.8V473.6c0 25.6-19.2 38.4-44.8 38.4H422.4c-25.6 0-38.4-19.2-38.4-38.4v-172.8c0-25.6 19.2-44.8 38.4-44.8zM448 448h128v-128H448V448zM915.2 480s12.8 0 12.8 12.8v44.8s0 12.8-12.8 12.8H832V665.6c0 25.6-19.2 38.4-44.8 38.4h-115.2V793.6s0 12.8-12.8 12.8h-44.8s-12.8 0-12.8-12.8V704h-192V793.6s0 12.8-12.8 12.8h-44.8s-12.8 0-12.8-12.8V704H217.6c-25.6 0-38.4-19.2-38.4-38.4v-115.2H96s-12.8 0-12.8-12.8v-44.8s0-12.8 12.8-12.8h83.2v-192H96s-12.8 0-12.8-12.8v-44.8s0-12.8 12.8-12.8h83.2v-115.2c0-25.6 19.2-44.8 38.4-44.8h121.6v-83.2s0-12.8 12.8-12.8h44.8s12.8 0 12.8 12.8v83.2h192v-83.2s0-12.8 12.8-12.8h44.8s12.8 0 12.8 12.8v83.2h115.2c25.6 0 44.8 19.2 44.8 44.8v115.2h83.2s12.8 0 12.8 12.8v44.8s0 12.8-12.8 12.8H832v192h83.2zM768 128H256V640h512v-512z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-change" unicode="&#59839;" d="M870.4 480c32 0 44.8 38.4 25.6 64l-192 179.2h-12.8l-32-32v-12.8l140.8-128H121.6s-12.8 0-12.8-12.8v-44.8s0-6.4 12.8-6.4h748.8zM902.4 288H153.6c-32 0-44.8-38.4-25.6-64l192-179.2h12.8l32 32v12.8l-140.8 128h678.4s6.4 0 6.4 12.8v44.8s0 12.8-6.4 12.8z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-subnet" unicode="&#59840;" d="M844.8 576c-25.6 12.8-51.2 25.6-70.4 32h-12.8c-12.8 32-38.4 70.4-70.4 102.4C646.4 742.4 588.8 768 512 768c-89.6 0-153.6-32-192-76.8-32-32-51.2-76.8-57.6-108.8-25.6 0-64-12.8-102.4-38.4-51.2-32-89.6-83.2-89.6-166.4 0-76.8 38.4-121.6 83.2-147.2 44.8-25.6 96-38.4 134.4-38.4h140.8v51.2H288c-32 0-70.4 6.4-102.4 25.6-32 19.2-51.2 44.8-51.2 96 0 57.6 25.6 89.6 64 115.2 32 19.2 76.8 25.6 89.6 25.6 12.8 0 25.6 6.4 32 25.6v25.6c19.2 25.6 32 57.6 51.2 76.8 25.6 32 70.4 57.6 140.8 57.6 64 0 108.8-19.2 140.8-44.8 32-25.6 44.8-57.6 57.6-89.6 0-12.8 12.8-19.2 25.6-25.6h19.2c12.8 0 38.4-12.8 57.6-25.6 38.4-25.6 76.8-64 76.8-134.4 0-51.2-19.2-83.2-51.2-102.4-32-19.2-70.4-32-102.4-32H595.2v-51.2h140.8c44.8 0 96 12.8 140.8 44.8 44.8 32 76.8 83.2 76.8 153.6 0 102.4-57.6 160-108.8 192zM844.8 128h-115.2v-25.6H550.4V320h-51.2v-217.6H320V128H204.8v-115.2H320v25.6h416v-25.6h115.2V128z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-batchsearch1" unicode="&#59841;" d="M140.8 716.8h736c19.2 0 32 12.8 32 32s-12.8 32-32 32H140.8c-19.2 0-32-12.8-32-32s12.8-32 32-32zM140.8 352h128c19.2 0 32 12.8 32 32s-12.8 32-32 32h-128c-19.2 0-32-12.8-32-32s12.8-32 32-32zM358.4 51.2H140.8c-19.2 0-32-12.8-32-32s12.8-32 32-32h217.6c19.2 0 32 12.8 32 32s-12.8 32-32 32zM780.8 211.2c51.2 44.8 76.8 102.4 76.8 172.8 0 128-102.4 230.4-230.4 230.4S396.8 512 396.8 384s102.4-230.4 230.4-230.4 64 6.4 96 19.2l121.6-179.2s12.8-6.4 19.2 0l32 25.6s6.4 12.8 0 19.2l-121.6 172.8zM467.2 377.6c0 89.6 70.4 166.4 166.4 166.4s166.4-70.4 166.4-166.4-70.4-166.4-166.4-166.4-166.4 70.4-166.4 166.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="k-icon-listener" unicode="&#59842;" d="M881.664 43.968a32 32 0 0 0 0-63.936H144a32 32 0 0 0 0 64h736l1.664-0.064zM396.032 600a32 32 0 0 0 32-32v-256l-0.064-1.664a32 32 0 0 0-63.936 0V568a32 32 0 0 0 32 32zM632 600a32 32 0 0 0 32-32v-257.664a32 32 0 0 0-64 0V568a32 32 0 0 0 32 32zM276.032 539.968a32 32 0 0 0 32-32v-160a32 32 0 0 0-64 0v160a32 32 0 0 0 32 32zM512 539.968a32 32 0 0 0 32-32v-160a32 32 0 0 0-64 0v160a32 32 0 0 0 32 32zM752 539.968a32 32 0 0 0 32-32v-160a32 32 0 0 0-64 0v160a32 32 0 0 0 32 32zM849.664 784a64 64 0 0 0 62.336-64v-561.664a64 64 0 0 0-62.336-62.336H178.368a64 64 0 0 0-62.336 62.336V720a64 64 0 0 0 62.336 64H849.664zM180.032 160H848V720H179.968v-560z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="k-icon-stop" unicode="&#59837;" d="M512 780.8C294.4 780.8 115.2 601.6 115.2 384s179.2-396.8 396.8-396.8 396.8 179.2 396.8 396.8S729.6 780.8 512 780.8z m0-729.6c-185.6 0-332.8 153.6-332.8 332.8 0 185.6 153.6 332.8 332.8 332.8 185.6 0 332.8-153.6 332.8-332.8 0-185.6-147.2-332.8-332.8-332.8zM608 512h-192c-19.2 0-32-12.8-32-32v-192c0-19.2 12.8-32 32-32h192c19.2 0 32 12.8 32 32v192c0 19.2-12.8 32-32 32z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="k-icon-sortorder" unicode="&#59836;" d="M356.096 182.46400000000006a9.6 9.6 0 0 1-13.632 0l-57.216-57.216V310.4a9.6 9.6 0 0 1-9.6 9.6h-44.8a9.6 9.6 0 0 1-9.6-9.6v-185.152l-57.152 57.216a9.6 9.6 0 0 1-13.632 0l-31.68-31.68a9.6 9.6 0 0 1 0-13.568l134.464-134.464 134.528 134.464a9.6 9.6 0 0 1 0 13.568l-31.68 31.68zM253.248 765.312l-134.4-134.528a9.6 9.6 0 0 1 0-13.568l31.616-31.68a9.6 9.6 0 0 1 13.632 0l57.152 57.216V457.6c0-5.312 4.352-9.6 9.6-9.6h44.8a9.6 9.6 0 0 1 9.6 9.6V642.752l57.216-57.216a9.6 9.6 0 0 1 13.632 0l31.68 31.68a9.6 9.6 0 0 1 0 13.568L253.248 765.312zM912 681.6a9.6 9.6 0 0 0-9.6-9.6H473.6a9.6 9.6 0 0 0-9.6 9.6v44.8a9.6 9.6 0 0 0 9.6 9.6h428.8a9.6 9.6 0 0 0 9.6-9.6v-44.8zM912 361.6a9.6 9.6 0 0 0-9.6-9.6H473.6a9.6 9.6 0 0 0-9.6 9.6v44.8a9.6 9.6 0 0 0 9.6 9.6h428.8a9.6 9.6 0 0 0 9.6-9.6v-44.8zM912 41.60000000000002a9.6 9.6 0 0 0-9.6-9.6H473.6a9.6 9.6 0 0 0-9.6 9.6v44.8a9.6 9.6 0 0 0 9.6 9.6h428.8a9.6 9.6 0 0 0 9.6-9.6v-44.8z"  horiz-adv-x="1024" />

package/es/styles/theme.d.ts

@@ -46,6 +46,10 @@ export declare function defaultTheme(): {
         disabledBg: string;
         disabledBorder: string;
         lightBlack: string;
+        purple: string;
+        teal: string;
+        blue: string;
+        yellow: string;
     };
     borderRadius: string;
     largeBorderRadius: string;
@@ -107,6 +111,10 @@ declare let theme: {
         disabledBg: string;
         disabledBorder: string;
         lightBlack: string;
+        purple: string;
+        teal: string;
+        blue: string;
+        yellow: string;
     };
     borderRadius: string;
     largeBorderRadius: string;

package/es/styles/theme.js

@@ -48,7 +48,11 @@ export function defaultTheme() {
       disabled: '#bec3c5',
       disabledBg: '#f0f2f4',
       disabledBorder: '#d0d5d9',
-      lightBlack: '#848f9a'
+      lightBlack: '#848f9a',
+      purple: '#9747FF',
+      teal: '#11D5A9',
+      blue: '#437CFF',
+      yellow: '#FFC22F'
     },
     borderRadius: '4px',
     largeBorderRadius: '6px',

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.6.2
+ * @king-design v3.7.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -15,6 +15,7 @@ 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';
@@ -41,6 +42,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';
@@ -71,6 +73,6 @@ export * from './components/view';
 export * from './components/virtualList';
 export * from './components/wave';
 
-export const version = '3.6.2';
+export const version = '3.7.0';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.6.2",
+  "version": "3.7.0",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {