@king-design/intact 2.1.0 → 2.1.2

package/es/components/virtual.d.ts

@@ -0,0 +1,8 @@
+import { Component, VNode } from 'intact';
+export declare class Virtual extends Component<any> {
+    static template(this: Virtual): VNode<import("intact").VNodeTag>;
+    private vNodeProps;
+    private getVNodeProps;
+    private getEventProps;
+    private callEvent;
+}

package/es/components/virtual.js

@@ -0,0 +1,126 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+var _excluded = ["children"];
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
+import { Component, directClone, createVNode } from 'intact';
+import { isTextChildren } from './utils';
+import { EMPTY_OBJ, isFunction, hasOwn } from 'intact-shared';
+import { cx } from '@emotion/css';
+var reactEventReg = /on[A-Z]/;
+export var Virtual = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Virtual, _Component);
+
+  function Virtual() {
+    var _context;
+
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.vNodeProps = null;
+    return _this;
+  }
+
+  Virtual.template = function template() {
+    var _cx;
+
+    var _this$get = this.get(),
+        children = _this$get.children,
+        props = _objectWithoutPropertiesLoose(_this$get, _excluded);
+
+    if (process.env.NODE_ENV !== 'production') {
+      if (!children || Array.isArray(children) && children.length !== 1) {
+        throw new Error('Component must receive one children');
+      }
+    }
+
+    var vNode = Array.isArray(children) ? children[0] : children;
+    var clonedVNode = isTextChildren(vNode) ? createVNode('span', null, vNode) : directClone(vNode);
+    var vNodeProps = this.vNodeProps = this.getVNodeProps(clonedVNode.props || EMPTY_OBJ);
+    var eventProps = this.getEventProps(); //  merge className 
+
+    var className = clonedVNode.className || vNodeProps.className;
+    className = cx((_cx = {}, _cx[className] = !!className, _cx[props.className] = !!props.className, _cx));
+    clonedVNode.props = _extends({}, props, vNodeProps, eventProps, {
+      className: className
+    });
+    clonedVNode.className = className;
+    return clonedVNode;
+  };
+
+  var _proto = Virtual.prototype;
+
+  _proto.getVNodeProps = function getVNodeProps(props) {
+    var vnode = props.vnode;
+    if (!vnode) return props; // maybe we render the intact component in react slot property, in this case
+    // the $isReact is false. so use the vnode $$typeof field as gauge
+
+    if (vnode.$$typeof || vnode.__v_isVNode
+    /* vue3 vnode */
+    ) {
+      var _props = vnode.props;
+      if (!_props) return props;
+      var events = {};
+
+      for (var key in _props) {
+        if (reactEventReg.test(key)) {
+          events["ev-" + key.substring(2).toLowerCase()] = _props[key];
+        }
+      }
+
+      return _extends({}, props, events, {
+        className: _props.className || _props.class
+        /* vue-next */
+
+      });
+    } else if (hasOwn.call(vnode, 'componentOptions')
+    /* vue2 vnode */
+    ) {
+      var data = vnode.data;
+      var on = data && data.on || EMPTY_OBJ;
+      var _events = {};
+
+      for (var _key2 in on) {
+        _events["ev-" + _key2] = on[_key2];
+      }
+
+      return _extends({}, props, _events);
+    }
+
+    return props;
+  };
+
+  _proto.getEventProps = function getEventProps() {
+    var _this2 = this;
+
+    var props = {};
+
+    var _loop = function _loop(prop) {
+      if (_startsWithInstanceProperty(prop).call(prop, 'ev-')) {
+        props[prop] = function (e) {
+          return _this2.callEvent(prop, e);
+        };
+      }
+    };
+
+    for (var prop in this.get()) {
+      _loop(prop);
+    }
+
+    return props;
+  };
+
+  _proto.callEvent = function callEvent(name, e) {
+    var callback = this.vNodeProps[name];
+    var callbackOnVirtual = this.get(name);
+    if (isFunction(callback)) callback(e);
+    if (isFunction(callbackOnVirtual)) callbackOnVirtual(e);
+  };
+
+  return Virtual;
+}(Component);

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.1.0
+ * @king-design v2.1.2
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -57,4 +57,4 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "2.1.0";
+export declare const version = "2.1.2";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.1.0
+ * @king-design v2.1.2
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -59,5 +59,5 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '2.1.0';
+export var version = '2.1.2';
 /* generate end */

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

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

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

@@ -0,0 +1,17 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

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

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

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

@@ -0,0 +1,23 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Copy } from '@king-design/react';
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    return _React$Component.apply(this, arguments) || this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(Copy, {
+      text: "Hello King Desgin!"
+    });
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/copy/demos/children/index.d.ts

@@ -0,0 +1,6 @@
+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>;
+}

package/es/site/data/components/copy/demos/children/index.js

@@ -0,0 +1,18 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/copy/demos/children/react.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    render(): JSX.Element;
+}

package/es/site/data/components/copy/demos/children/react.js

@@ -0,0 +1,44 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Copy, Button, Icon } from '@king-design/react';
+import './index.styl';
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    return _React$Component.apply(this, arguments) || this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Copy, {
+      text: "Hello King Desgin!"
+    }, "Copy"), /*#__PURE__*/React.createElement(Copy, {
+      text: "Hello King Desgin!"
+    }, /*#__PURE__*/React.createElement(Button, null, "Copy")), /*#__PURE__*/React.createElement(Copy, {
+      text: "Hello King Desgin!"
+    }, /*#__PURE__*/React.createElement(Button, {
+      type: "link",
+      size: "mini"
+    }, "Copy")), /*#__PURE__*/React.createElement(Copy, {
+      text: "Hello King Desgin!"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-ios-copy",
+      size: "large",
+      hoverable: true
+    })), /*#__PURE__*/React.createElement(Copy, {
+      text: "Hello King Desgin!"
+    }, /*#__PURE__*/React.createElement(Button, {
+      icon: true,
+      circle: true
+    }, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-ios-copy-outline"
+    }))));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/copy/index.d.ts

@@ -0,0 +1,57 @@
+import { Component } from 'intact';
+import Article from '~/../src/components/article';
+export default class extends Article {
+    static sidebar: {
+        组件: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+            path: string;
+        }[];
+        undefined: ({
+            title: string;
+            order: number;
+            sidebar: string;
+            disabled: boolean;
+            path: string;
+        } | {
+            title: string;
+            order: number;
+            sidebar: string;
+            path: string;
+            disabled?: undefined;
+        })[];
+    };
+    static data: {
+        setting: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+        };
+        contents: string;
+        index: string;
+        catalogs: {
+            text: string;
+            level: number;
+            id: string;
+        }[];
+    };
+    static defaults: () => {
+        demos: Component<any, {}, {}, {}>[];
+        setting: {
+            title: string;
+            category: string;
+            order: number;
+            sidebar: string;
+        };
+        contents: string;
+        index: string;
+        catalogs: {
+            text: string;
+            level: number;
+            id: string;
+        }[];
+    };
+}

package/es/site/data/components/copy/index.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _keysInstanceProperty from "@babel/runtime-corejs3/core-js/instance/keys";
+import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
+import Article from '~/../src/components/article';
+import data from './index.json';
+import sidebar from '~/doc.json';
+
+var r = require.context('./', true, /demos.*(index|demo).ts/);
+
+var keys = _keysInstanceProperty(r).call(r);
+
+var demos = [];
+
+for (var i = 0; i < keys.length; i++) {
+  var file = keys[i];
+  if (!_startsWithInstanceProperty(file).call(file, '.')) continue; // if we found demo.js then ignore index.js
+
+  if (/demo.ts$/.test(file)) i++;
+  demos.push(r(file));
+}
+
+var default_1 = /*#__PURE__*/function (_Article) {
+  _inheritsLoose(default_1, _Article);
+
+  function default_1() {
+    return _Article.apply(this, arguments) || this;
+  }
+
+  return default_1;
+}(Article);
+
+default_1.sidebar = sidebar;
+default_1.data = data;
+
+default_1.defaults = function () {
+  return _extends({}, Article.defaults, data, {
+    demos: demos
+  });
+};
+
+export { default_1 as default };

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

@@ -50,10 +50,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       ref: function ref(i) {
         return _this2.__demo = i;
       }
-    }, "Dialog Body", this.state.show ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, {
-      filterable: true,
-      multiple: true
-    })) : undefined));
+    }, "Dialog Body", /*#__PURE__*/React.createElement(Select, null)));
   };
 
   return Demo;

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

@@ -0,0 +1,6 @@
+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>;
+}

package/es/site/data/components/icon/demos/disabled/index.js

@@ -0,0 +1,18 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,33 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Icon } from '@king-design/react';
+import './index.styl';
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    return _React$Component.apply(this, arguments) || this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-happy-outline",
+      disabled: true
+    }), /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-happy-outline",
+      disabled: true,
+      hoverable: true
+    }), /*#__PURE__*/React.createElement(Icon, {
+      className: "ion-happy-outline",
+      disabled: true,
+      color: "primary"
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/input/demos/flat/index.d.ts

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

package/es/site/data/components/input/demos/flat/index.js

@@ -0,0 +1,17 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/input/demos/flat/react.d.ts

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

package/es/site/data/components/input/demos/flat/react.js

@@ -0,0 +1,29 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Input } from '@king-design/react';
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    return _React$Component.apply(this, arguments) || this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
+      placeholder: "Please enter",
+      flat: true
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
+      placeholder: "Please enter",
+      flat: true,
+      value: "disabled",
+      disabled: true
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/input/demos/showCount/index.d.ts

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

package/es/site/data/components/input/demos/showCount/index.js

@@ -0,0 +1,17 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/input/demos/showCount/react.d.ts

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

package/es/site/data/components/input/demos/showCount/react.js

@@ -0,0 +1,33 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import React from 'react';
+import { Input } from '@king-design/react';
+
+var Demo = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Demo, _React$Component);
+
+  function Demo() {
+    return _React$Component.apply(this, arguments) || this;
+  }
+
+  var _proto = Demo.prototype;
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
+      placeholder: "Please enter",
+      showCount: true
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
+      placeholder: "Please enter",
+      showCount: true,
+      maxlength: "10"
+    }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Input, {
+      type: "textarea",
+      placeholder: "please enter",
+      showCount: true,
+      maxlength: "100"
+    }));
+  };
+
+  return Demo;
+}(React.Component);
+
+export { Demo as default };

package/es/site/data/components/menu/demos/collapse/index.js

@@ -16,7 +16,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
     return {
       expandedKeys: ['3'],
       selectedKey: '3-2',
-      collapse: false,
+      collapse: true,
       theme: 'dark'
     };
   };

package/es/site/data/components/menu/demos/collapse/react.js

@@ -21,7 +21,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       expandedKeys: ['3'],
       selectedKey: '3-2',
-      collapse: false,
+      collapse: true,
       theme: 'dark'
     };
     _this.__test = void 0;

package/es/site/data/components/pagination/demos/flat/index.d.ts

@@ -0,0 +1,6 @@
+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>;
+}

package/es/site/data/components/pagination/demos/flat/index.js

@@ -0,0 +1,18 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+export { default as data } from './index.json';
+import { Component } from 'intact';
+import template from './index.vdt';
+import './index.styl';
+
+var default_1 = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(default_1, _Component);
+
+  function default_1() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  return default_1;
+}(Component);
+
+default_1.template = template;
+export { default_1 as default };

package/es/site/data/components/pagination/demos/flat/react.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.styl';
+export default class Demo extends React.Component {
+    render(): JSX.Element;
+}