@king-design/intact 3.1.2 → 3.1.4-beta.0

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

@@ -7,7 +7,7 @@ import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _unsupportedIterableToArray(o, minLen) { var _context21; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context21 = Object.prototype.toString.call(o)).call(_context21, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _unsupportedIterableToArray(o, minLen) { var _context23; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context23 = Object.prototype.toString.call(o)).call(_context23, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
@@ -732,6 +732,66 @@ describe('Dialog', function () {
         }
       }
     }, _callee14);
+  })));
+  it('should update position when change container', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15() {
+    var Demo, _mount15, instance, element, dialogDom, style;
+
+    return _regeneratorRuntime.wrap(function _callee15$(_context22) {
+      while (1) {
+        switch (_context22.prev = _context22.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component7) {
+              _inheritsLoose(Demo, _Component7);
+
+              function Demo() {
+                var _context21;
+
+                var _this7;
+
+                for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+                  args[_key7] = arguments[_key7];
+                }
+
+                _this7 = _Component7.call.apply(_Component7, _concatInstanceProperty(_context21 = [this]).call(_context21, args)) || this;
+                _this7.Dialog = Dialog;
+                return _this7;
+              }
+
+              Demo.defaults = function defaults() {
+                return {
+                  container: function container(parentDom) {
+                    return parentDom;
+                  }
+                };
+              };
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                var Dialog = this.Dialog;\n                <Dialog value={true} container={this.get('container')} ref=\"dialog\">test</Dialog>\n            ";
+            _mount15 = mount(Demo), instance = _mount15[0], element = _mount15[1];
+            _context22.next = 5;
+            return wait();
+
+          case 5:
+            instance.set('container', undefined);
+            _context22.next = 8;
+            return wait();
+
+          case 8:
+            dialogDom = instance.refs.dialog.dialogRef.value;
+            style = dialogDom.style;
+            expect(style.left).not.eql('');
+            expect(style.top).not.eql(''); // should append to body
+
+            expect(dialogDom.closest('.k-dialog-wrapper').parentElement).to.eql(document.body);
+
+          case 13:
+          case "end":
+            return _context22.stop();
+        }
+      }
+    }, _callee15);
   }))); // it('should handle v-if and v-model at the same time correctly in Vue', async () => {
   // const Test = {
   // template: `<Dialog v-model="show" v-if="show" ref="dialog">test</Dialog>`,

package/es/components/dialog/usePosition.js

@@ -5,6 +5,13 @@ export function usePosition(elementRef) {
   var instance = useInstance();
   instance.on(SHOW, center);
   instance.on('afterClose', onAfterLeave);
+  instance.watch('container', function () {
+    if (!instance.get('value')) return;
+    center();
+  }, {
+    presented: true,
+    inited: true
+  });
 
   function center() {
     position(elementRef.value, {

package/es/components/dropdown/usePosition.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { useInstance, findDomFromVNode } from 'intact';
 import { position } from '../position';
-import { noop } from 'intact-shared';
-import { isObject } from 'intact-shared';
+import { noop, isObject, isFunction } from 'intact-shared';
 import { isEqualObject } from '../utils';
 export function usePosition() {
   var instance = useInstance();
@@ -16,19 +15,23 @@ export function usePosition() {
   });
   ['of', 'position'].forEach(function (item) {
     instance.watch(item, function (newValue, oldValue) {
-      // return if object is the same
-      if (isObject(newValue) && isObject(oldValue) && // is not event object
-      !(newValue instanceof Event) && isEqualObject(newValue, oldValue)) {
-        return;
-      }
-
-      if (instance.get('value')) {
-        handle(noop);
-      }
+      if (!instance.get('value') || // return if object is the same
+      isObject(newValue) && isObject(oldValue) && // is not event object
+      !(newValue instanceof Event) && isEqualObject(newValue, oldValue)) return;
+      handle(noop);
     }, {
       presented: true,
       inited: true
     });
+  }); // watch container, it is not commonly used
+
+  instance.watch('container', function (newValue, oldValue) {
+    if (!instance.get('value') || // return if function is the same. Not rigorous!
+    isFunction(newValue) && isFunction(oldValue) && newValue.toString() === oldValue.toString()) return;
+    handle(noop);
+  }, {
+    presented: true,
+    inited: true
   }); // if the dropdown is nested, we must show child after parent has positioned
 
   function p(ofElement, parentFeedback) {

package/es/components/editable/styles.js

@@ -22,5 +22,5 @@ setDefault(function () {
 });
 export { editable };
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("display:inline-flex;align-items:center;.", k, "-editable-icon{margin:", editable.iconGap, ";}&.", k, "-invalid{.", k, "-input-inner{border:", editable.invalid.border, "!important;}}");
+  return /*#__PURE__*/css("display:inline-flex;align-items:center;.", k, "-editable-icon{margin:", editable.iconGap, ";}&.", k, "-invalid{.", k, "-input-wrapper{border:", editable.invalid.border, "!important;}}");
 });

package/es/components/message/message.d.ts

@@ -10,6 +10,7 @@ export declare class Message extends Component<MessageProps> {
     static template: string | import("intact").Template<any>;
     static typeDefs: Required<TypeDefs<MessageProps>>;
     static defaults: () => Partial<MessageProps>;
+    static classNamePrefix: string;
     static notice(content: Children | Partial<MessageProps>, duration?: number, type?: MessageProps['type']): void;
     static info(content: Children | Partial<MessageProps>, duration?: number): void;
     static error(content: Children | Partial<MessageProps>, duration?: number): void;

package/es/components/message/message.js

@@ -54,16 +54,6 @@ export var Message = /*#__PURE__*/function (_Component) {
       type = 'info';
     }
 
-    if (!messages) {
-      var container = document.createElement('div');
-      document.body.append(container);
-      render(h(Messages, {
-        ref: function ref(i) {
-          return messages = i;
-        }
-      }), container);
-    }
-
     if (isObject(content) && !content.tag) {
       content = _extends({}, content, {
         type: type,
@@ -78,6 +68,17 @@ export var Message = /*#__PURE__*/function (_Component) {
       };
     }
 
+    if (!messages) {
+      var container = document.createElement('div');
+      document.body.append(container);
+      render(h(Messages, {
+        ref: function ref(i) {
+          return messages = i;
+        },
+        classNamePrefix: Message.classNamePrefix
+      }), container);
+    }
+
     messages.notice(h(Message, content));
   };
 
@@ -108,5 +109,6 @@ export var Message = /*#__PURE__*/function (_Component) {
 Message.template = template;
 Message.typeDefs = typeDefs;
 Message.defaults = defaults;
+Message.classNamePrefix = void 0;
 
 __decorate([bind], Message.prototype, "close", null);

package/es/components/message/message.vdt.js

@@ -16,7 +16,8 @@ export default function ($props, $blocks, $__proto__) {
       content = _this$get.content,
       children = _this$get.children,
       closable = _this$get.closable,
-      hideIcon = _this$get.hideIcon;
+      hideIcon = _this$get.hideIcon,
+      classNamePrefix = _this$get.classNamePrefix;
 
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-message"] = true, _classNameObj[k + "-" + type] = type, _classNameObj[makeMessageStyles(k)] = true, _classNameObj);

package/es/components/message/messages.d.ts

@@ -1,7 +1,11 @@
-import { Component, VNodeComponentClass } from 'intact';
+import { Component, VNodeComponentClass, TypeDefs } from 'intact';
 import type { Message } from './message';
+export interface MessagesProps {
+    classNamePrefix?: string;
+}
 export declare class Messages extends Component {
     static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<MessagesProps>>;
     private messages;
     private config;
     notice(message: VNodeComponentClass<Message>): void;

package/es/components/message/messages.js

@@ -5,6 +5,9 @@ import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/spl
 import { Component } from 'intact';
 import template from './messages.vdt';
 import { useConfigContext } from '../config';
+var typeDefs = {
+  classNamePrefix: String
+};
 export var Messages = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Messages, _Component);
 
@@ -48,4 +51,5 @@ export var Messages = /*#__PURE__*/function (_Component) {
 
   return Messages;
 }(Component);
-Messages.template = template;
+Messages.template = template;
+Messages.typeDefs = typeDefs;

package/es/components/message/messages.vdt.js

@@ -1,17 +1,23 @@
-import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, map as _$ma, className as _$cn } from 'intact';
+import { createUnknownComponentVNode as _$cc, createElementVNode as _$ce, map as _$ma, className as _$cn } from 'intact';
 import { TransitionGroup, Transition } from 'intact';
 import { makeMessagesStyles } from './styles';
+import { ConfigProvider } from '../config';
 export default function ($props, $blocks, $__proto__) {
   var _$cn2;
 
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-  var k = this.config.k;
-  return _$ce(2, 'div', _$cc(TransitionGroup, {
-    'children': _$ma(this.messages, function ($value, $key) {
-      return $value;
-    }, $this)
-  }), 2, _$cn((_$cn2 = {}, _$cn2[k + "-messages"] = true, _$cn2[makeMessagesStyles(k)] = true, _$cn2)));
+  var k = this.get('classNamePrefix') || this.config.k;
+  return _$cc(ConfigProvider, {
+    'value': {
+      classNamePrefix: k
+    },
+    'children': _$ce(2, 'div', _$cc(TransitionGroup, {
+      'children': _$ma(this.messages, function ($value, $key) {
+        return $value;
+      }, $this)
+    }), 2, _$cn((_$cn2 = {}, _$cn2[k + "-messages"] = true, _$cn2[makeMessagesStyles(k)] = true, _$cn2)))
+  });
 }
 ;

package/es/components/portal.js

@@ -1,6 +1,6 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
-import { Component, createCommentVNode, createTextVNode, mount, patch, remove, inject } from 'intact';
+import { Component, createCommentVNode, createTextVNode, mount, patch, remove, inject, unmount, removeVNodeDom } from 'intact';
 import { isString } from 'intact-shared';
 import { DIALOG } from './dialog/constants';
 import { BaseDialog } from './dialog/base';
@@ -51,7 +51,9 @@ export var Portal = /*#__PURE__*/function (_Component) {
     var nextProps = nextVNode.props;
     var fakeContainer = document.createDocumentFragment();
     (mountedQueue.priority || mountedQueue).push(function () {
-      var parentDom = _this2.$lastInput.dom.parentElement;
+      var parentDom = _this2.$lastInput.dom.parentElement; // maybe the <!-- portal --> has been removed by react, #938
+
+      if (!parentDom) return;
 
       _this2.initContainer(nextProps.container, parentDom, anchor);
 
@@ -97,7 +99,14 @@ export var Portal = /*#__PURE__*/function (_Component) {
   };
 
   _proto.$unmount = function $unmount(vNode, nextVNode) {
-    remove(vNode.props.children, this.container, false); // removeVNodeDom(vNode.props!.children as VNode, this.container!);
+    var children = vNode.props.children;
+    unmount(children, null);
+
+    if (this.container) {
+      // maybe the <!-- portal --> has been removed by react, #938
+      // remove(children, this.container, false);
+      removeVNodeDom(children, this.container);
+    }
 
     _Component.prototype.$unmount.call(this, vNode, nextVNode);
   };
@@ -109,6 +118,9 @@ export var Portal = /*#__PURE__*/function (_Component) {
       } else {
         this.container = container(parentDom, anchor);
       }
+    } else {
+      // let below logic to set container to default if container does not exist.
+      this.container = null;
     }
 
     if (!this.container) {

package/es/components/steps/context.d.ts

@@ -1,5 +1,5 @@
 export declare const context: {
-    Provider: import("misstime").ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("misstime").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
-    useContext: () => import("misstime").RefObject<any>;
+    Provider: import("vdt").ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import("vdt").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    useContext: () => import("vdt").RefObject<any>;
 };

package/es/components/upload/useFiles.js

@@ -9,6 +9,7 @@ import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/spl
 import { useInstance } from 'intact';
 import { _$ } from '../../i18n';
 import { UploadFileStatus } from './useUpload';
+import { isEqualArray } from '../utils';
 var uid = 0;
 export function useFiles(isValidType, upload) {
   var instance = useInstance();
@@ -33,8 +34,8 @@ export function useFiles(isValidType, upload) {
     }
   }
 
-  instance.on("$receive:files", function (files) {
-    if (!files) return;
+  instance.on("$receive:files", function (files, oldFiles) {
+    if (!files || isEqualArray(files, oldFiles)) return;
     instance.set('files', _mapInstanceProperty(files).call(files, normalizeFile));
   });
 

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.2
+ * @king-design v3.1.4-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -60,4 +60,4 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "3.1.2";
+export declare const version = "3.1.4-beta.0";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.2
+ * @king-design v3.1.4-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -62,5 +62,5 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '3.1.2';
+export var version = '3.1.4-beta.0';
 /* generate end */

package/es/packages/kpc-react/__tests__/components/cascader.spec.js

@@ -36,7 +36,6 @@ describe('Cascader', function () {
                   }]
                 }],
                 value: value,
-                multiple: true,
                 filterable: true,
                 onChangeValue: function onChangeValue(v) {
                   setValue(v);

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

@@ -1,6 +1,6 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
-import { Button } from '@king-design/react';
+import { Button, Icon } from '@king-design/react';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
@@ -21,8 +21,8 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       disabled: true,
       icon: true,
       circle: true
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "k-icon k-icon-search"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-search"
     })), /*#__PURE__*/React.createElement(Button, {
       disabled: true,
       type: "link"

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

@@ -1,6 +1,6 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
-import { Button } from '@king-design/react';
+import { Button, Icon } from '@king-design/react';
 import './index.styl';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
@@ -17,10 +17,14 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       className: "wrapper"
     }, /*#__PURE__*/React.createElement(Button, {
       ghost: true
-    }, "default"), /*#__PURE__*/React.createElement(Button, {
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-left"
+    }), "default"), /*#__PURE__*/React.createElement(Button, {
       type: "primary",
       ghost: true
-    }, "primay"), /*#__PURE__*/React.createElement(Button, {
+    }, "primay", /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-right"
+    })), /*#__PURE__*/React.createElement(Button, {
       type: "warning",
       ghost: true
     }, "warning"), /*#__PURE__*/React.createElement(Button, {

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

@@ -1,7 +1,7 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import React from 'react';
-import { Button, ButtonGroup } from '@king-design/react';
+import { Button, ButtonGroup, Icon } from '@king-design/react';
 import './index.styl';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
@@ -45,12 +45,12 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       type: "flat"
     }, "\u91CD\u542F")), /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
       type: "primary"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "k-icon k-icon-left"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-left"
     }), "\u4E0A\u4E00\u9875"), /*#__PURE__*/React.createElement(Button, {
       type: "primary"
-    }, "\u4E0B\u4E00\u9875", /*#__PURE__*/React.createElement("i", {
-      className: "k-icon k-icon-right"
+    }, "\u4E0B\u4E00\u9875", /*#__PURE__*/React.createElement(Icon, {
+      className: "k-icon-right"
     }))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u7EB5\u5411\u6309\u94AE\u7EC4"), /*#__PURE__*/React.createElement(ButtonGroup, {
       vertical: true
     }, /*#__PURE__*/React.createElement(Button, {

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

@@ -2,4 +2,5 @@ export { default as data } from './index.json';
 import { Component } from 'intact';
 export default class extends Component {
     static template: string | import("intact").Template<any>;
+    showMessage(): void;
 }

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

@@ -2,6 +2,8 @@ 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 { Message } from 'kpc';
+Message.classNamePrefix = 'kd';
 
 var default_1 = /*#__PURE__*/function (_Component) {
   _inheritsLoose(default_1, _Component);
@@ -10,6 +12,12 @@ var default_1 = /*#__PURE__*/function (_Component) {
     return _Component.apply(this, arguments) || this;
   }
 
+  var _proto = default_1.prototype;
+
+  _proto.showMessage = function showMessage() {
+    Message.info('Message with classNamePrefix');
+  };
+
   return default_1;
 }(Component);
 

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

@@ -1,4 +1,5 @@
 import React from 'react';
 export default class Demo extends React.Component {
+    showMessage(): void;
     render(): JSX.Element;
 }

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

@@ -1,6 +1,8 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
 import { ConfigProvider, Button, Input } from '@king-design/react';
+import { Message } from '@king-design/react';
+Message.classNamePrefix = 'kd';
 
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
@@ -11,12 +13,18 @@ var Demo = /*#__PURE__*/function (_React$Component) {
 
   var _proto = Demo.prototype;
 
+  _proto.showMessage = function showMessage() {
+    Message.info('Message with classNamePrefix');
+  };
+
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement(ConfigProvider, {
       value: {
         classNamePrefix: 'kd'
       }
-    }, /*#__PURE__*/React.createElement(Button, null, "Button"), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(Button, {
+      onClick: this.showMessage
+    }, "Button"), /*#__PURE__*/React.createElement("div", {
       style: {
         "marginTop": "8px"
       }

package/es/site/data/components/menu/demos/collapse/react.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MenuProps } from '@king-design/react';
+interface Props extends MenuProps {
+}
+export default class Demo extends React.Component<{}, Props> {
+    state: MenuProps<import("vdt").Key>;
+    private __test;
+    setTheme(theme?: string): void;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.styl';
+import type { MenuProps } from '@king-design/react';
+export default class Demo extends React.Component {
+    state: MenuProps<import("vdt").Key>;
+    render(): JSX.Element;
+}

package/es/styles/global.js

@@ -10,8 +10,13 @@ var slideDirections = {
   up: 'center bottom 0',
   left: 'right center 0',
   right: 'left center 0'
-}; // TODO: update global when theme changed
+};
 
-injectGlobal("html{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Text,Helvetica Neue,Helvetica,PingFang SC,Segoe UI,Roboto,Hiragino Sans GB,arial,microsoft yahei ui,Microsoft YaHei,sans-serif;}body{font-size:", theme.fontSize, ";line-height:", theme.lineHeight, ";margin:0;padding:0;color:", theme.color.text, ";}*,*:before,*:after{box-sizing:inherit;}::-webkit-scrollbar{width:10px;height:10px;background-color:#fff;}::-webkit-scrollbar-track{background-color:#fff;}::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:16px;border:2px solid #fff;&:hover{background-color:#a0a0a5;}}::-webkit-scroll-button{display:none;}", _mapInstanceProperty(_context = _Object$keys(slideDirections)).call(_context, function (direction) {
+if (!/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)) {
+  document.body.classList.add('k-customize-scrollbar');
+} // TODO: update global when theme changed
+
+
+injectGlobal("html{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Text,Helvetica Neue,Helvetica,PingFang SC,Segoe UI,Roboto,Hiragino Sans GB,arial,microsoft yahei ui,Microsoft YaHei,sans-serif;}body{font-size:", theme.fontSize, ";line-height:", theme.lineHeight, ";margin:0;padding:0;color:", theme.color.text, ";}*,*:before,*:after{box-sizing:inherit;}.k-customize-scrollbar{&::-webkit-scrollbar,*::-webkit-scrollbar{width:10px;height:10px;background-color:#fff;}&::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background-color:#fff;}&::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:16px;border:2px solid #fff;&:hover{background-color:#a0a0a5;}}&::-webkit-scroll-button,*::-webkit-scroll-button{display:none;}}", _mapInstanceProperty(_context = _Object$keys(slideDirections)).call(_context, function (direction) {
   return /*#__PURE__*/css(".k-slide", direction, "-enter-from,.k-slide", direction, "-leave-to{transform-origin:", slideDirections[direction], ";opacity:0;transform:", direction === 'down' || direction === 'up' ? "scaleY(.8)" : 'scaleX(.8)', ";}.k-slide", direction, "-enter-active,.k-slide", direction, "-leave-active{transform-origin:", slideDirections[direction], ";transition:opacity ", theme.transition.large, ",transform ", theme.transition.large, "!important;}.k-slide", direction, "-leave-active{pointer-events:none;}");
 }), " .k-fade-enter-from,.k-fade-leave-to{opacity:0!important;}.k-fade-enter-active,.k-fade-leave-active{transition:opacity ", theme.transition.large, "!important;}.k-fade-leave-active:not(tr){position:absolute;}.k-fade-move{transition:transform ", theme.transition.large, "!important;}.k-scale-enter-from,.k-scale-leave-to{transform:scale(0);}.k-scale-enter-active,.k-scale-leave-active{transition:transform ", theme.transition.large, ";}.k-expand-enter-from,.k-expand-leave-to{opacity:0;overflow:hidden;}.k-expand-enter-active,.k-expand-leave-active{transition:all ", theme.transition.large, "!important;overflow:hidden;}.k-expand-move{transition:transform ", theme.transition.large, ";}.k-dropdown-enter-from,.k-dropdown-leave-to{opacity:0;transform:translateY(-20px);}.k-dropdown-enter-active,.k-dropdown-leave-active,.k-dropdown-move{transition:all ", theme.transition.large, ";}.k-dropdown-leave-active{position:absolute!important;}.k-dropdown-move{transition:transform ", theme.transition.large, ";}.k-fade-in-left-enter-from,.k-fade-in-left-leave-to{opacity:0;transform:translate3d(-15px, 0, 0);}.k-fade-in-left-enter-active,.k-fade-in-left-leave-active{transition:all ", theme.transition.large, ";}.k-fade-in-left-move{transition:transform ", theme.transition.large, ";}.k-fade-expand-enter-from,.k-fade-expand-leave-to{opacity:0;}.k-fade-expand-enter-active,.k-fade-expand-leave-active{transition:all ", theme.transition.large, ";}.c-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.c-hidden{display:none!important;}.c-middle{display:inline-block;vertical-align:middle;}");

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.1.2
+ * @king-design v3.1.4-beta.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -65,6 +65,6 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
 
-export const version = '3.1.2';
+export const version = '3.1.4-beta.0';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.1.2",
+  "version": "3.1.4-beta.0",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {
@@ -120,7 +120,7 @@
     "highlight.js": "^10.4.1",
     "history": "^5.0.0",
     "html-webpack-plugin": "5.3.1",
-    "intact-react": "^3.0.23",
+    "intact-react": "^3.0.24",
     "istanbul-instrumenter-loader": "^3.0.0",
     "js-yaml": "^4.1.0",
     "karma": "^6.3.2",
@@ -179,10 +179,10 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.16.0",
     "@emotion/css": "^11.5.0",
-    "@king-design/react": "^3.1.2",
+    "@king-design/react": "^3.1.4-beta.0",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.19",
+    "intact": "^3.0.25",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",