@king-design/intact 3.4.3 → 3.4.5

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

@@ -1,9 +1,9 @@
-import { superCall as _$su, className as _$cn, extend as _$ex, EMPTY_OBJ as _$em, createElementVNode as _$ce, noop as _$no, createUnknownComponentVNode as _$cc } from 'intact';
+import { createUnknownComponentVNode as _$cc, className as _$cn, noop as _$no, superCall as _$su, extend as _$ex, EMPTY_OBJ as _$em, createElementVNode as _$ce } from 'intact';
 import { Button } from '../button';
 import { Icon } from '../icon';
 import { makeStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
-  var _classNameObj;
+  var _classNameObj, _$cn2;
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
@@ -13,9 +13,28 @@ export default function ($props, $blocks, $__proto__) {
     children = _this$get.children,
     closable = _this$get.closable,
     type = _this$get.type,
-    disabled = _this$get.disabled;
+    disabled = _this$get.disabled,
+    showIcon = _this$get.showIcon;
   var k = this.config.k;
+  var iconMap = {
+    default: 'information-fill',
+    info: 'information-fill',
+    warning: 'warning-fill',
+    success: 'success-fill',
+    error: 'error-fill'
+  };
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-tip"] = true, _classNameObj[makeStyles(k)] = true, _classNameObj);
+  var iconWrapper = !$blocks.icon ? _$cc(Icon, {
+    'className': _$cn((_$cn2 = {}, _$cn2[k + "-icon-" + (iconMap[type] || iconMap.info)] = true, _$cn2[k + "-tip-icon"] = true, _$cn2))
+  }) : (_$blocks['icon'] = function ($super) {
+    return null;
+  }, __$blocks['icon'] = function ($super, data) {
+    var block = $blocks['icon'];
+    var callBlock = function callBlock() {
+      return _$blocks['icon'].call($this, $super, data);
+    };
+    return block ? block.call($this, callBlock, data) : callBlock();
+  }, __$blocks['icon'](_$no));
   return _$su.call($this, {
     'className': _$cn(classNameObj),
     'name': 'k-fade'
@@ -23,7 +42,8 @@ export default function ($props, $blocks, $__proto__) {
     var _$blocks = {},
       __$blocks = _$ex({}, $blocks);
     return (_$blocks['body'] = function ($super) {
-      return _$ce(2, 'div', [$blocks.title ? _$ce(2, 'div', (_$blocks['title'] = function ($super) {
+      var _$cn3, _$cn4;
+      return _$ce(2, 'div', [!$blocks.title && (showIcon || $blocks.icon) ? iconWrapper : undefined, $blocks.title ? _$ce(2, 'div', [showIcon ? iconWrapper : undefined, _$ce(2, 'span', (_$blocks['title'] = function ($super) {
         return null;
       }, __$blocks['title'] = function ($super, data) {
         var block = $blocks['title'];
@@ -31,7 +51,7 @@ export default function ($props, $blocks, $__proto__) {
           return _$blocks['title'].call($this, $super, data);
         };
         return block ? block.call($this, callBlock, data) : callBlock();
-      }, __$blocks['title'](_$no)), 0, _$cn(k + "-tip-title")) : undefined, children], 0, _$cn(k + "-tip-wrapper"));
+      }, __$blocks['title'](_$no)), 0, _$cn(k + "-title-content"))], 0, _$cn((_$cn3 = {}, _$cn3[k + "-tip-title"] = true, _$cn3[k + "-with-icon"] = showIcon, _$cn3))) : undefined, _$ce(2, 'div', children, 0, _$cn(k + "-tip-content"))], 0, _$cn((_$cn4 = {}, _$cn4[k + "-tip-wrapper"] = true, _$cn4[k + "-with-icon"] = !$blocks.title && (showIcon || $blocks.icon), _$cn4)));
     }, __$blocks['body'] = function ($super, data) {
       var block = $blocks['body'];
       var callBlock = function callBlock() {

package/es/components/tip/styles.js

@@ -1,7 +1,8 @@
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import { theme, setDefault } from '../../styles/theme';
 import { css } from '@emotion/css';
 import '../../styles/global';
-import { deepDefaults } from '../../styles/utils';
+import { deepDefaults, sizes } from '../../styles/utils';
 import { cache } from '../utils';
 var defaults = {
   title: {
@@ -14,6 +15,39 @@ var defaults = {
   },
   get padding() {
     return "6px " + theme.default.padding;
+  },
+  content: {
+    padding: '7px 33px 8px 8px'
+  },
+  icon: {
+    fontSize: "18px",
+    left: "16px",
+    top: "6px"
+  },
+  large: {
+    padding: "12px",
+    get fontSize() {
+      return theme.default.fontSize;
+    },
+    close: {
+      height: '42px'
+    }
+  },
+  small: {
+    padding: "4px 12px",
+    get fontSize() {
+      return theme.small.fontSize;
+    },
+    close: {
+      height: '26px'
+    }
+  },
+  mini: {
+    padding: "2px 12px",
+    fontSize: '11px',
+    close: {
+      height: '20px'
+    }
   }
 };
 var tip;
@@ -24,5 +58,13 @@ setDefault(function () {
   makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("&.", k, "-tip{display:flex;height:auto;padding:0;color:", tip.color, "!important;align-items:flex-start;}.", k, "-tip-wrapper{flex:1;padding:", tip.padding, ";}.", k, "-tip-title{font-size:", tip.title.fontSize, ";margin-bottom:", tip.title.gap, ";font-weight:", tip.title.fontWeight, ";}&.", k, "-fade-leave-active{position:relative;}.", k, "-tip-close:hover{background:none;}");
+  var _context;
+  return /*#__PURE__*/css("&.", k, "-tip{display:flex;height:auto;padding:0;color:", tip.color, "!important;align-items:flex-start;", _mapInstanceProperty(sizes).call(sizes, function (s) {
+    if (s === 'default') return;
+    var styles = tip[s];
+    return /*#__PURE__*/css("&.", k, "-", s, "{padding:0;height:auto;font-size:", styles.fontSize, ";.", k, "-tip-wrapper{padding:", styles.padding, ";}.", k, "-tip-close{height:", styles.close.height, ";}}");
+  }), ";}.", k, "-tip-wrapper{flex:1;padding:", tip.padding, ";}.", k, "-tip-title{font-size:", tip.title.fontSize, ";margin-bottom:", tip.title.gap, ";font-weight:", tip.title.fontWeight, " display:flex;align-items:center;}&.", k, "-fade-leave-active{position:relative;}.", k, "-tip-close{height:30px;&:hover{background:none;}}.", k, "-with-icon{display:flex;.", k, "-tip-icon{font-size:18px;vertical-align:middle;}.", k, "-title-content{display:inline-block;padding-left:8px;}.", k, "-tip-content{display:inline-block;padding-left:8px;vertical-align:middle;word-break:break-word;overflow-wrap:break-word;}}", _mapInstanceProperty(_context = ['primary', 'danger', 'success', 'warning']).call(_context, function (type) {
+    var color = theme.color[type];
+    return /*#__PURE__*/css("&.", k, "-", type, "{.", k, "-tip-icon{color:", color, ";}}");
+  }), ";");
 });

package/es/components/tooltip/tooltip.js

@@ -54,7 +54,11 @@ export var Tooltip = /*#__PURE__*/function (_Dropdown) {
     if (shouldFocus === void 0) {
       shouldFocus = false;
     }
-    if (this.get('disabled')) return;
+    var _this$get = this.get(),
+      disabled = _this$get.disabled,
+      always = _this$get.always,
+      value = _this$get.value;
+    if (disabled || always && !value) return;
     clearTimeout(this.timer);
     this.set('value', true);
   };

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

@@ -128,8 +128,7 @@ export default function ($props, $blocks, $__proto__) {
     'icon': true,
     'disabled': !enableRemove(),
     'ev-click': remove,
-    'type': 'primary',
-    'size': 'large',
+    'type': 'secondary',
     'children': _$cc(Icon, {
       'className': _$cn(k + "-transfer-icon " + k + "-icon-left")
     })
@@ -138,8 +137,7 @@ export default function ($props, $blocks, $__proto__) {
     'icon': true,
     'disabled': !enableAdd(),
     'ev-click': add,
-    'type': 'primary',
-    'size': 'large',
+    'type': 'secondary',
     'children': _$cc(Icon, {
       'className': _$cn(k + "-transfer-icon " + k + "-icon-right")
     })

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

@@ -3,6 +3,7 @@ import { createVNode as _$cv, className as _$cn, noop as _$no, createUnknownComp
 import { Button } from '../button';
 import { Progress } from '../progress';
 import { Dialog } from '../dialog';
+import { Ellipsis } from '../ellipsis';
 import { expandAnimationCallbacks, getRestProps } from '../utils';
 import { makeStyles, makeUploadDialogStyles } from './styles';
 import { TransitionGroup, Transition, linkEvent } from 'intact';
@@ -128,7 +129,9 @@ export default function ($props, $blocks, $__proto__) {
       var _$cn3;
       return _$ce(2, 'div', [_$ce(2, 'div', [_$ce(2, 'div', [_$cc(Icon, {
         'className': _$cn(k + "-upload-file-icon ion-document")
-      }), _$ce(2, 'span', $value.name, 0, _$cn(k + "-upload-file-name")), $value.status === UploadFileStatus.Done ? _$cc(Icon, {
+      }), _$ce(2, 'span', _$cc(Ellipsis, {
+        'children': $value.name
+      }), 2, _$cn(k + "-upload-file-name")), $value.status === UploadFileStatus.Done ? _$cc(Icon, {
         'className': _$cn(k + "-upload-status-icon " + k + "-icon-success-fill")
       }) : $value.status === UploadFileStatus.Error ? _$cc(Icon, {
         'className': _$cn(k + "-upload-status-icon " + k + "-icon-error-fill")

package/es/components/upload/styles.js

@@ -113,7 +113,7 @@ setDefault(function () {
   makeUploadDialogStyles == null || makeUploadDialogStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("font-size:", upload.fontSize, ";position:relative;.", k, "-icon-upload{position:relative;top:-1px;}.", k, "-upload-handle{display:inline-block;vertical-align:middle;color:", upload.color, ";}.", k, "-upload-tip{margin-top:", upload.tip.gap, ";color:", upload.color, ";}.", k, "-upload-files{margin-top:", upload.filesGap, ";}.", k, "-upload-file{margin:", upload.file.margin, ";padding-right:", upload.file.delete.width, ";position:relative;&:hover{.", k, "-upload-close{display:inline-flex;position:absolute;right:", upload.file.delete.right, ";top:", upload.file.delete.top, ";}.", k, "-upload-file-main{background:", upload.file.bgColor, ";}}}.", k, "-upload-file-main{padding:", upload.file.padding, ";border-radius:", upload.file.borderRadius, ";}.", k, "-upload-name{display:flex;align-items:center;height:", upload.file.height, ";}.", k, "-upload-file-icon{margin-right:", upload.file.fileIconGap, ";}.", k, "-upload-file-name{flex:1;}.", k, "-upload-status-icon{color:", upload.file.status.color, ";margin-right:", upload.file.status.offsetRight, ";}.", k, "-upload-close{display:none;}.", k, "-upload-file.", k, "-error{color:", upload.file.errorColor, ";.", k, "-upload-status-icon{color:", upload.file.status.errorColor, ";}}.", k, "-upload-progress{.", k, "-progress-text{width:auto!important;}}&.", k, "-drag{.", k, "-upload-handle{display:block;border:", upload.drag.border, ";border-radius:", upload.drag.borderRadius, ";cursor:pointer;text-align:center;transition:border-color ", upload.transition, ";background:", upload.drag.bgColor, ";&:hover{border-color:", upload.drag.hoverBorderColor, ";}}.", k, "-upload-area{padding:", upload.drag.padding, ";.", k, "-icon{display:inline-block;font-size:", upload.drag.icon.fontSize, ";margin-bottom:", upload.drag.icon.gap, ";}}&.", k, "-dragover{.", k, "-upload-handle{border-color:", upload.drag.overBorderColor, ";}}}.", k, "-upload-pictures{display:inline-block;vertical-align:middle;}.", k, "-upload-picture{padding:", upload.gallery.padding, ";position:relative;vertical-align:middle;&.", k, "-error{border-color:", upload.gallery.errorBorderColor, ";}.", k, "-upload-close{display:inline-flex;}&:hover{.", k, "-upload-icons{opacity:1;}}.", k, "-upload-img{display:inline-block;width:100%;height:100%;}.", k, "-upload-icons{opacity:0;transition:opacity ", upload.transition, ";}}.", k, "-upload-picture-card{display:inline-flex;width:", upload.gallery.width, ";height:", upload.gallery.height, ";border-radius:", upload.gallery.borderRadius, ";border:", upload.gallery.border, ";margin:", upload.gallery.margin, ";background:", upload.gallery.bgColor, ";align-items:center;justify-content:center;flex-direction:column;}.", k, "-upload-add{border:", upload.gallery.add.border, ";cursor:pointer;&:hover{border-color:", upload.gallery.add.hoverBorderColor, ";}}.", k, "-upload-overlap{position:absolute;width:100%;height:100%;left:0;top:0;background:", upload.overlap.bgColor, ";display:flex;align-items:center;justify-content:center;gap:", upload.overlap.iconGap, ";color:", upload.overlap.color, ";.", k, "-icon:not(:hover){color:inherit;}.", k, "-upload-progress{position:absolute;width:100%;top:50%;padding:", upload.gallery.padding, ";transform:translateY(-50%);}}&.", k, "-disabled{.", k, "-upload-add,.", k, "-upload-handle{cursor:auto;a{color:", upload.color, ";}&:hover{border-color:", theme.color.border, ";}}}");
+  return /*#__PURE__*/css("font-size:", upload.fontSize, ";position:relative;.", k, "-icon-upload{position:relative;top:-1px;}.", k, "-upload-handle{display:inline-block;vertical-align:middle;color:", upload.color, ";}.", k, "-upload-tip{margin-top:", upload.tip.gap, ";color:", upload.color, ";}.", k, "-upload-files{margin-top:", upload.filesGap, ";}.", k, "-upload-file{margin:", upload.file.margin, ";padding-right:", upload.file.delete.width, ";position:relative;&:hover{.", k, "-upload-close{display:inline-flex;position:absolute;right:", upload.file.delete.right, ";top:", upload.file.delete.top, ";}.", k, "-upload-file-main{background:", upload.file.bgColor, ";}}}.", k, "-upload-file-main{padding:", upload.file.padding, ";border-radius:", upload.file.borderRadius, ";}.", k, "-upload-name{display:flex;align-items:center;height:", upload.file.height, ";}.", k, "-upload-file-icon{margin-right:", upload.file.fileIconGap, ";}.", k, "-upload-file-name{flex:1;min-width:0;}.", k, "-upload-status-icon{color:", upload.file.status.color, ";margin-right:", upload.file.status.offsetRight, ";}.", k, "-upload-close{display:none;}.", k, "-upload-file.", k, "-error{color:", upload.file.errorColor, ";.", k, "-upload-status-icon{color:", upload.file.status.errorColor, ";}}.", k, "-upload-progress{.", k, "-progress-text{width:auto!important;}}&.", k, "-drag{.", k, "-upload-handle{display:block;border:", upload.drag.border, ";border-radius:", upload.drag.borderRadius, ";cursor:pointer;text-align:center;transition:border-color ", upload.transition, ";background:", upload.drag.bgColor, ";&:hover{border-color:", upload.drag.hoverBorderColor, ";}}.", k, "-upload-area{padding:", upload.drag.padding, ";.", k, "-icon{display:inline-block;font-size:", upload.drag.icon.fontSize, ";margin-bottom:", upload.drag.icon.gap, ";}}&.", k, "-dragover{.", k, "-upload-handle{border-color:", upload.drag.overBorderColor, ";}}}.", k, "-upload-pictures{display:inline-block;vertical-align:middle;}.", k, "-upload-picture{padding:", upload.gallery.padding, ";position:relative;vertical-align:middle;&.", k, "-error{border-color:", upload.gallery.errorBorderColor, ";}.", k, "-upload-close{display:inline-flex;}&:hover{.", k, "-upload-icons{opacity:1;}}.", k, "-upload-img{display:inline-block;width:100%;height:100%;}.", k, "-upload-icons{opacity:0;transition:opacity ", upload.transition, ";}}.", k, "-upload-picture-card{display:inline-flex;width:", upload.gallery.width, ";height:", upload.gallery.height, ";border-radius:", upload.gallery.borderRadius, ";border:", upload.gallery.border, ";margin:", upload.gallery.margin, ";background:", upload.gallery.bgColor, ";align-items:center;justify-content:center;flex-direction:column;}.", k, "-upload-add{border:", upload.gallery.add.border, ";cursor:pointer;&:hover{border-color:", upload.gallery.add.hoverBorderColor, ";}}.", k, "-upload-overlap{position:absolute;width:100%;height:100%;left:0;top:0;background:", upload.overlap.bgColor, ";display:flex;align-items:center;justify-content:center;gap:", upload.overlap.iconGap, ";color:", upload.overlap.color, ";.", k, "-icon:not(:hover){color:inherit;}.", k, "-upload-progress{position:absolute;width:100%;top:50%;padding:", upload.gallery.padding, ";transform:translateY(-50%);}}&.", k, "-disabled{.", k, "-upload-add,.", k, "-upload-handle{cursor:auto;a{color:", upload.color, ";}&:hover{border-color:", theme.color.border, ";}}}");
 });
 export var makeUploadDialogStyles = cache(function makeUploadDialogStyles(k) {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.4.3
+ * @king-design v3.4.5
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -64,4 +64,4 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
-export declare const version = "3.4.3";
+export declare const version = "3.4.5";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.4.3
+ * @king-design v3.4.5
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -65,5 +65,5 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
-export var version = '3.4.3';
+export var version = '3.4.5';
 /* generate end */

package/es/site/data/components/button/demos/group/react.js

@@ -121,7 +121,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
           city: city
         });
       },
-      seperate: true
+      separate: true
     }, /*#__PURE__*/React.createElement(Button, {
       value: "beijing"
     }, "\u5317\u4EAC"), /*#__PURE__*/React.createElement(Button, {
@@ -131,7 +131,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }, "\u5E7F\u5DDE"), /*#__PURE__*/React.createElement(Button, {
       value: "shenzhen"
     }, "\u6DF1\u5733")), /*#__PURE__*/React.createElement(ButtonGroup, {
-      seperate: true
+      separate: true
     }, /*#__PURE__*/React.createElement(Button, {
       value: "beijing",
       type: "primary",

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

@@ -45,7 +45,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
   }
   var _proto = Demo.prototype;
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(Table, {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Table, {
       data: this.state.data,
       rowKey: function rowKey(data) {
         return data.name;
@@ -60,7 +60,23 @@ var Demo = /*#__PURE__*/function (_React$Component) {
         var data = _ref[0];
         return /*#__PURE__*/React.createElement(React.Fragment, null, data.size, "MB");
       }
-    }));
+    })), /*#__PURE__*/React.createElement("h4", null, "\u81EA\u5B9A\u4E49\u5C55\u5F00Icon\u4F4D\u7F6E"), /*#__PURE__*/React.createElement(Table, {
+      data: this.state.data,
+      rowKey: function rowKey(data) {
+        return data.name;
+      },
+      spreadArrowIndex: 1
+    }, /*#__PURE__*/React.createElement(TableColumn, {
+      key: "name",
+      title: "Name"
+    }), /*#__PURE__*/React.createElement(TableColumn, {
+      key: "size",
+      title: "Size",
+      slotTemplate: function slotTemplate(_ref2) {
+        var data = _ref2[0];
+        return /*#__PURE__*/React.createElement(React.Fragment, null, data.size, "MB");
+      }
+    })));
   };
   return Demo;
 }(React.Component);

package/es/site/data/components/tip/demos/icon/index.d.ts

@@ -0,0 +1,9 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        types: readonly ["default", "primary", "success", "warning", "danger"];
+    };
+}

package/es/site/data/components/tip/demos/icon/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 {
+      types: ['default', 'primary', 'success', 'warning', 'danger']
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/tip/demos/icon/react.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    state: {
+        types: readonly ["default", "primary", "success", "warning", "danger"];
+    };
+    render(): React.JSX.Element;
+}

package/es/site/data/components/tip/demos/icon/react.js

@@ -0,0 +1,54 @@
+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 React from 'react';
+import { Tip, Icon } 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 = {
+      types: ['default', 'primary', 'success', 'warning', 'danger']
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _context2;
+    return /*#__PURE__*/React.createElement("div", null, _mapInstanceProperty(_context2 = this.state.types).call(_context2, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Tip, {
+        type: $value,
+        showIcon: true,
+        closable: true
+      }, $value);
+    }), /*#__PURE__*/React.createElement(Tip, {
+      type: "success",
+      showIcon: true,
+      closable: true
+    }, "\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\uFF0C\u8FD9\u662F\u4E00\u6761\u6D4B\u8BD5\u5185\u5BB9\u3002"), /*#__PURE__*/React.createElement("h3", null, "\u81EA\u5B9A\u4E49Icon"), /*#__PURE__*/React.createElement(Tip, {
+      slotIcon: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+        className: "k-icon-internet"
+      }))
+    }, "custom Icon"), /*#__PURE__*/React.createElement("h3", null, "\u6807\u9898\u5E26Icon"), /*#__PURE__*/React.createElement(Tip, {
+      type: "primary",
+      showIcon: true,
+      slotTitle: /*#__PURE__*/React.createElement(React.Fragment, null, "\u8FD9\u662F\u6807\u9898")
+    }, "This is a tip."), /*#__PURE__*/React.createElement("h3", null, "\u6807\u9898\u81EA\u5B9A\u4E49Icon"), /*#__PURE__*/React.createElement(Tip, {
+      type: "primary",
+      showIcon: true,
+      closable: true,
+      slotIcon: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+        className: "k-icon-internet"
+      })),
+      slotTitle: /*#__PURE__*/React.createElement(React.Fragment, null, "\u8FD9\u662F\u6807\u9898")
+    }, "This is a tip."));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/tip/demos/size/index.d.ts

@@ -0,0 +1,9 @@
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import './index.styl';
+export default class extends Component {
+    static template: string | import("intact").Template<any>;
+    static defaults(): {
+        sizes: readonly ["large", "default", "small", "mini"];
+    };
+}

package/es/site/data/components/tip/demos/size/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 {
+      sizes: ['large', 'default', 'small', 'mini']
+    };
+  };
+  return default_1;
+}(Component);
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/tip/demos/size/react.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    state: {
+        sizes: readonly ["large", "default", "small", "mini"];
+    };
+    render(): React.JSX.Element;
+}

package/es/site/data/components/tip/demos/size/react.js

@@ -0,0 +1,39 @@
+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 React from 'react';
+import { Tip } 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 = {
+      sizes: ['large', 'default', 'small', 'mini']
+    };
+    return _this;
+  }
+  var _proto = Demo.prototype;
+  _proto.render = function render() {
+    var _context2, _context3;
+    return /*#__PURE__*/React.createElement("div", null, _mapInstanceProperty(_context2 = this.state.sizes).call(_context2, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Tip, {
+        type: "primary",
+        size: $value
+      }, $value);
+    }), /*#__PURE__*/React.createElement("h3", null, "\u5E26\u5173\u95ED\u6309\u94AE"), _mapInstanceProperty(_context3 = this.state.sizes).call(_context3, function ($value, $key) {
+      return /*#__PURE__*/React.createElement(Tip, {
+        type: "primary",
+        size: $value,
+        closable: true
+      }, $value);
+    }));
+  };
+  return Demo;
+}(React.Component);
+export { Demo as default };

package/es/site/data/components/tooltip/demos/always/react.js

@@ -21,6 +21,11 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       value: true,
       container: this.container
     }, "always show this tootip"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Tooltip, {
+      content: "hide",
+      always: true,
+      value: false,
+      container: this.container
+    }, "always hide this tootip"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Tooltip, {
       content: "",
       always: true,
       value: true

package/es/site/data/components/upload/demos/files/index.js

@@ -20,6 +20,9 @@ var default_1 = /*#__PURE__*/function (_Component) {
       }, {
         name: 'test3.png',
         status: UploadFileStatus.Error
+      }, {
+        name: 'test4-测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长.png',
+        url: 'http://www.example.com/test4.png'
       }]
     };
   };

package/es/site/data/components/upload/demos/files/react.js

@@ -23,6 +23,9 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       }, {
         name: 'test3.png',
         status: UploadFileStatus.Error
+      }, {
+        name: 'test4-测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长.png',
+        url: 'http://www.example.com/test4.png'
       }]
     };
     return _this;

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

@@ -9,7 +9,7 @@ var Index = /*#__PURE__*/function (_Layout) {
   }
   var _proto = Index.prototype;
   _proto.handleDownLoad = function handleDownLoad() {
-    location.href = 'https://damife.ks3-cn-beijing.ksyuncs.com/kpc/Kingsoft_Cloud_Font.ttf';
+    location.href = 'https://damife.ks3-cn-beijing.ksyuncs.com/kpc/Kingsoft_Cloud_Font_v1.0.1.ttf';
   };
   return Index;
 }(Layout);

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

@@ -3,5 +3,5 @@ import source_nav_web from '../../imgs/font/banner-font.jpg';
 import text_web from "../../imgs/font/text-web.png";
 import text_h5 from "../../imgs/font/text-h5.png";
 export function makeStyles() {
-  return /*#__PURE__*/css(".font-nav{height:600px;margin-top:-64px;background-image:url(", source_nav_web, ");background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;.bg-img{display:none;}.font-nav-content{height:536px;margin-top:64px;width:1200px;display:flex;align-items:center;.nav-content-img{img{width:380px;}.nav-btn-download{margin-top:30px;width:380px;height:60px;border:none;background:#006FFF;border-radius:14px;font-family:PingFangSC-Regular;font-size:18px;color:#FFFFFF;font-weight:400;cursor:pointer;transition:all .25s ease-in;outline:none;&:hover{background-color:#3D91FF;}&:active{background-color:#3D91FF;}}}}@media (max-width: 768px){background-image:none;height:900px;position:relative;height:auto;.bg-img{display:block;width:100%;}.font-nav-content{position:absolute;left:0;top:10px;width:100%;height:40%;justify-content:center;.nav-content-img{width:100%;text-align:center;img{width:65%;}.nav-btn-download{height:50px;width:65%;}}}}}.source-intro{margin:100px auto;background-image:url(", text_web, ");width:800px;height:590px;background-repeat:no-repeat;background-position:right bottom;background-size:cover;@media (max-width:768px){margin:13% auto;width:64%;background-image:url(", text_h5, ");background-size:contain;background-position:center;}}.font-info{background:#F7F8F9;margin-bottom:60px;padding:80px 0;text-align:center;img{width:400px;}@media (max-width:768px){margin-bottom:40px;padding:60px 0;img{width:80%;height:auto;}}}.designer-box{background:#F7F8F9;padding-top:40px;}.designer-part{width:1200px;margin:0 auto;.designer-title{display:flex;margin-bottom:60px;img{width:90px;}&>div:last-child{flex-grow:1;margin-left:24px;border-bottom:1px solid rgba(151, 151, 151, .3);}@media (max-width:768px){margin-bottom:40px;img{width:60px;height:auto;}}}.designer-list{width:100%;display:flex;flex-wrap:wrap;@media (max-width: 768px){justify-content:space-between;}.designer-item{img{width:200px;border-radius:16px;}&>div:last-child{text-align:center;font-size:18px;color:#000000;padding:20px 0 40px 0;font-family:PingFangSC-Regular;}@media (max-width: 768px){img{border-radius:8px;}&>div:last-child{font-size:12px;padding:10px 0 25px 0;}}}.designer-item:not(:nth-child(5n)){margin-right:50px;}}@media (max-width: 768px){width:90%;.designer-list{.designer-item{width:22%;img{width:100%!important;}}.designer-item:not(:nth-child(5n)){margin-right:0;}}}}.icon-list-box{/* padding-top: 60px;\n            @media (max-width: 768px) {\n                padding-top: 30px;\n            } */}.icon-list{width:1200px;margin:0 auto;@media (max-width: 768px){width:98%;}.icon-box{margin-top:20px;.icon-box-title{margin-bottom:60px;display:flex;&>div{border-bottom:1px solid rgba(151, 151, 151, .3);}&>div:first-child{display:none;}img{height:30px;}&>div:last-child{width:100%;margin-left:24px;}@media (max-width: 768px){margin-bottom:40px;&>div:first-child{display:block;width:45%;margin-right:24px;}&>div:last-child{width:45%;margin-left:24px;}img{height:20px;}}}.icon-wrapper{display:flex;flex-wrap:wrap;img{width:60px;height:60px;}.icon-item{width:240px;display:flex;align-items:center;margin-bottom:60px;display:flex;&>div:last-child{margin-left:20px;font-family:PingFangSC-Regular;font-size:16px;color:#000000;}@media (max-width: 768px){text-align:center;display:block;margin-bottom:30px;width:33.33%;&>div:last-child{font-size:14px!important;margin-left:0px;margin-top:5px;}img{width:45%;height:auto;}}}}}}");
+  return /*#__PURE__*/css(".font-nav{height:600px;margin-top:-64px;background-image:url(", source_nav_web, ");background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;.bg-img{display:none;}.font-nav-content{height:536px;margin-top:64px;width:1200px;display:flex;align-items:center;.nav-content-img{img{width:380px;}.nav-content-notice{width:380px;margin-top:10px;text-align:center;font-size:14px;font-weight:500;}.nav-btn-download{margin-top:30px;width:380px;height:60px;border:none;background:#006FFF;border-radius:14px;font-family:PingFangSC-Regular;font-size:18px;color:#FFFFFF;font-weight:400;cursor:pointer;transition:all .25s ease-in;outline:none;&:hover{background-color:#3D91FF;}&:active{background-color:#3D91FF;}}}}@media (max-width: 768px){background-image:none;height:900px;position:relative;height:auto;.bg-img{display:block;width:100%;}.font-nav-content{position:absolute;left:0;top:10px;width:100%;height:40%;justify-content:center;.nav-content-img{width:100%;text-align:center;img{width:65%;}.nav-btn-download{height:50px;width:65%;}}}}}.source-intro{margin:100px auto;background-image:url(", text_web, ");width:800px;height:590px;background-repeat:no-repeat;background-position:right bottom;background-size:cover;@media (max-width:768px){margin:13% auto;width:64%;background-image:url(", text_h5, ");background-size:contain;background-position:center;}}.font-info{background:#F7F8F9;margin-bottom:60px;padding:80px 0;text-align:center;img{width:400px;}@media (max-width:768px){margin-bottom:40px;padding:60px 0;img{width:80%;height:auto;}}}.designer-box{background:#F7F8F9;padding-top:40px;}.designer-part{width:1200px;margin:0 auto;.designer-title{display:flex;margin-bottom:60px;img{width:90px;}&>div:last-child{flex-grow:1;margin-left:24px;border-bottom:1px solid rgba(151, 151, 151, .3);}@media (max-width:768px){margin-bottom:40px;img{width:60px;height:auto;}}}.designer-list{width:100%;display:flex;flex-wrap:wrap;@media (max-width: 768px){justify-content:space-between;}.designer-item{img{width:200px;border-radius:16px;}&>div:last-child{text-align:center;font-size:18px;color:#000000;padding:20px 0 40px 0;font-family:PingFangSC-Regular;}@media (max-width: 768px){img{border-radius:8px;}&>div:last-child{font-size:12px;padding:10px 0 25px 0;}}}.designer-item:not(:nth-child(5n)){margin-right:50px;}}@media (max-width: 768px){width:90%;.designer-list{.designer-item{width:22%;img{width:100%!important;}}.designer-item:not(:nth-child(5n)){margin-right:0;}}}}.icon-list-box{/* padding-top: 60px;\n            @media (max-width: 768px) {\n                padding-top: 30px;\n            } */}.icon-list{width:1200px;margin:0 auto;@media (max-width: 768px){width:98%;}.icon-box{margin-top:20px;.icon-box-title{margin-bottom:60px;display:flex;&>div{border-bottom:1px solid rgba(151, 151, 151, .3);}&>div:first-child{display:none;}img{height:30px;}&>div:last-child{width:100%;margin-left:24px;}@media (max-width: 768px){margin-bottom:40px;&>div:first-child{display:block;width:45%;margin-right:24px;}&>div:last-child{width:45%;margin-left:24px;}img{height:20px;}}}.icon-wrapper{display:flex;flex-wrap:wrap;img{width:60px;height:60px;}.icon-item{width:240px;display:flex;align-items:center;margin-bottom:60px;display:flex;&>div:last-child{margin-left:20px;font-family:PingFangSC-Regular;font-size:16px;color:#000000;}@media (max-width: 768px){text-align:center;display:block;margin-bottom:30px;width:33.33%;&>div:last-child{font-size:14px!important;margin-left:0px;margin-top:5px;}img{width:45%;height:auto;}}}}}}");
 }

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.4.3
+ * @king-design v3.4.5
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -69,6 +69,6 @@ export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
 
-export const version = '3.4.3';
+export const version = '3.4.5';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.4.3",
+  "version": "3.4.5",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {
@@ -180,7 +180,7 @@
     "@emotion/css": "^11.5.0",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.38",
+    "intact": "^3.0.39",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",