@king-design/intact 2.1.4 → 2.1.5

package/es/styles/utils.js

@@ -5,11 +5,15 @@ export function deepDefaults(source) {
   for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     args[_key - 1] = arguments[_key];
   }
+
   for (var _i = 0, _args = args; _i < _args.length; _i++) {
     var defaults = _args[_i];
+
     for (var key in defaults) {
       var sourceDescriptor = _Object$getOwnPropertyDescriptor(source, key);
+
       var defaultDescriptor = _Object$getOwnPropertyDescriptor(defaults, key);
+
       if (defaultDescriptor !== undefined) {
         if (sourceDescriptor === undefined) {
           Object.defineProperty(source, key, defaultDescriptor);
@@ -23,17 +27,22 @@ export function deepDefaults(source) {
       }
     }
   }
+
   return source;
 }
 export function deepExtends(source) {
   for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
     args[_key2 - 1] = arguments[_key2];
   }
+
   for (var _i2 = 0, _args2 = args; _i2 < _args2.length; _i2++) {
     var defaults = _args2[_i2];
+
     for (var key in defaults) {
       var sourceDescriptor = _Object$getOwnPropertyDescriptor(source, key);
+
       var defaultDescriptor = _Object$getOwnPropertyDescriptor(defaults, key);
+
       if (defaultDescriptor !== undefined) {
         if (sourceDescriptor === undefined || !isObject(sourceDescriptor.value)) {
           if (!isObject(defaultDescriptor.value)) {
@@ -48,16 +57,19 @@ export function deepExtends(source) {
       }
     }
   }
+
   return source;
 }
 var cache = {};
 export function palette(color, level) {
   var key = color + '@' + level;
   if (cache[key]) return cache[key];
+
   var _tinycolor$toHsv = tinycolor(color).toHsv(),
-    h = _tinycolor$toHsv.h,
-    s = _tinycolor$toHsv.s,
-    v = _tinycolor$toHsv.v;
+      h = _tinycolor$toHsv.h,
+      s = _tinycolor$toHsv.s,
+      v = _tinycolor$toHsv.v;
+
   var deS = s < 0.1 ? 0 : (s - 0.1) / 4;
   var inS = (1 - s) / 4;
   var deV = (1 - v) / 4;
@@ -77,6 +89,7 @@ export function palette(color, level) {
 export function getLeft(padding) {
   var paddings = padding.split(/\s+/);
   var length = paddings.length;
+
   if (length === 4) {
     return paddings[3];
   } else if (length > 1) {
@@ -88,6 +101,7 @@ export function getLeft(padding) {
 export function getRight(padding) {
   var paddings = padding.split(/\s+/);
   var length = paddings.length;
+
   if (length > 1) {
     return paddings[1];
   } else {

package/es/test/demos.js

@@ -1,9 +1,11 @@
 import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import { mount, testDemos, unmount, nextFrame } from './utils';
-var req = require.context('~/components/', true, /^((?!(affix|code)).)*\/demos\/.*index\.ts$/);
-// const req = require.context('~/components/', true, /upload\/demos\/.*index\.ts$/);
+
+var req = require.context('~/components/', true, /^((?!(affix|code)).)*\/demos\/.*index\.ts$/); // const req = require.context('~/components/', true, /upload\/demos\/.*index\.ts$/);
 // const vueReq = require.context('~/components/', true, /^((?!(affix|code)).)*\/demos\/.*index\.vue$/);
+
+
 describe('Demos', function () {
   afterEach(function () {
     return unmount();
@@ -12,20 +14,26 @@ describe('Demos', function () {
     testDemos(req, /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(Demo) {
         var _mount, instance, element;
+
         return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _mount = mount(Demo), instance = _mount[0], element = _mount[1];
-              _context.next = 3;
-              return nextFrame();
-            case 3:
-              expect(element.outerHTML).to.matchSnapshot();
-            case 4:
-            case "end":
-              return _context.stop();
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _mount = mount(Demo), instance = _mount[0], element = _mount[1];
+                _context.next = 3;
+                return nextFrame();
+
+              case 3:
+                expect(element.outerHTML).to.matchSnapshot();
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee);
       }));
+
       return function (_x) {
         return _ref.apply(this, arguments);
       };

package/es/test/index.js

@@ -1,15 +1,17 @@
 import _keysInstanceProperty from "@babel/runtime-corejs3/core-js/instance/keys";
-import { matchSnapshot } from 'chai-karma-snapshot';
-// import 'babel-polyfill';
+import { matchSnapshot } from 'chai-karma-snapshot'; // import 'babel-polyfill';
 // import '../styles/kpc.styl';
+
 import './test.styl';
 import mx from '../components/diagram/mxgraph/mx';
-chai.use(matchSnapshot);
-// disable POINTER because it is always false on Mac
-mx.mxClient.IS_POINTER = false;
-// require all test files (files that ends with .spec.js)
-var testsContext = require.context('../components/', true, /index\.spec\.ts/);
-// const testsContext = require.context('../components/', true, /(tooltip)\/index\.spec\.ts/);
-_keysInstanceProperty(testsContext).call(testsContext).forEach(testsContext);
-// test demos
+chai.use(matchSnapshot); // disable POINTER because it is always false on Mac
+
+mx.mxClient.IS_POINTER = false; // require all test files (files that ends with .spec.js)
+
+var testsContext = require.context('../components/', true, /index\.spec\.ts/); // const testsContext = require.context('../components/', true, /(tooltip)\/index\.spec\.ts/);
+
+
+_keysInstanceProperty(testsContext).call(testsContext).forEach(testsContext); // test demos
+
+
 require('./demos');

package/es/test/utils.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="webpack-env" />
 import { ComponentConstructor, Component } from 'intact';
-export declare function mount<T extends Component>(Component: ComponentConstructor<T>, style?: Record<string, string> | null, data?: any): readonly [T, HTMLElement];
+export declare function mount<T extends Component>(Component: ComponentConstructor<T>, style?: Record<string, string> | null, data?: any): readonly [NonNullable<T>, HTMLElement];
 export declare function unmount(): void;
 export declare function dispatchEvent(target: Element | Document, eventName: string, options?: Record<string, any>): void;
 export declare function getElement(query: string): HTMLElement | undefined;

package/es/test/utils.js

@@ -5,34 +5,36 @@ import _keysInstanceProperty from "@babel/runtime-corejs3/core-js/instance/keys"
 import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
 import _Promise from "@babel/runtime-corejs3/core-js/promise";
 import { render, createVNode as h, findDomFromVNode } from 'intact';
-import { nextFrame as _nextFrame } from '../components/utils';
-// import {createApp, render as vueRender} from 'vue';
+import { nextFrame as _nextFrame } from '../components/utils'; // import {createApp, render as vueRender} from 'vue';
 // export function render(Component, props) {
 // const c = new Component(props);
 // c.init();
 // c.mount();
 // return c;
 // }
+
 var container = null;
 export function mount(Component, style, data) {
   container = document.createElement('div');
   container.setAttribute('style', "width: 800px; height: 1080px; overflow: auto");
+
   if (style) {
     for (var key in style) {
       container.style[key] = style[key];
     }
   }
+
   if (data) {
     container.className = 'example ' + data.index;
   }
+
   document.body.appendChild(container);
   var instance;
   render(h(Component, {
     ref: function ref(i) {
       return instance = i;
     }
-  }), container);
-  // if (Component.prototype instanceof Component) {
+  }), container); // if (Component.prototype instanceof Component) {
   // instance = Intact.mount(Component, container);
   // render(h(Component), container);
   // } else {
@@ -40,6 +42,7 @@ export function mount(Component, style, data) {
   // instance = Component(container);
   // }
   // scroll to the view
+
   window.scrollTo(0, document.scrollingElement.scrollHeight - 1080);
   var element = findDomFromVNode(instance.$lastInput, true);
   return [instance, element];
@@ -53,20 +56,23 @@ export function unmount() {
 }
 export function dispatchEvent(target, eventName, options) {
   var event;
+
   if (document.createEvent) {
     event = document.createEvent('Event');
-    event.initEvent(eventName, true, true);
-    // } else if (document.createEventObject) {
+    event.initEvent(eventName, true, true); // } else if (document.createEventObject) {
     // event = document.createEventObject();
     // return target.fireEvent(`on${eventName}`, event);
   } else if (typeof CustomEvent !== 'undefined') {
     event = new CustomEvent(eventName);
   }
+
   _Object$assign(event, options);
+
   target.dispatchEvent(event);
 }
 export function getElement(query) {
   var elements = document.querySelectorAll(query);
+
   for (var i = elements.length - 1; i > -1; i--) {
     if (elements[i].style.display !== 'none') {
       return elements[i];
@@ -76,42 +82,51 @@ export function getElement(query) {
 export function getElements(query) {
   var elements = document.querySelectorAll(query);
   var ret = [];
+
   for (var i = 0; i < elements.length; i++) {
     if (elements[i].style.display !== 'none') {
       ret.push(elements[i]);
     }
   }
+
   return ret;
 }
 export function testDemos(req, test) {
   var groups = {};
+
   _keysInstanceProperty(req).call(req).forEach(function (item) {
     if (item[0] !== '.') return;
     var paths = item.split('/');
     var name = paths[1];
     var type = paths[3];
     var Demo = req(item).default;
+
     if (!groups[name]) {
       groups[name] = [];
     }
+
     groups[name].push({
       title: "" + name[0].toUpperCase() + name.substring(1) + " " + type,
       Demo: Demo
     });
   });
+
   _Object$keys(groups).forEach(function (key) {
     var value = groups[key];
     describe(key, function () {
       value.forEach(function (value) {
         it(value.title, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
           return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return test(value.Demo);
-              case 2:
-              case "end":
-                return _context.stop();
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return test(value.Demo);
+
+                case 2:
+                case "end":
+                  return _context.stop();
+              }
             }
           }, _callee);
         })));
@@ -125,6 +140,7 @@ export function wait(time) {
       return resolve();
     }).then();
   }
+
   return new _Promise(function (resolve) {
     setTimeout(resolve, time);
   });
@@ -133,8 +149,7 @@ export function nextFrame() {
   return new _Promise(function (resolve) {
     _nextFrame(resolve);
   });
-}
-// export function renderVue(App, hook) {
+} // export function renderVue(App, hook) {
 // const container = document.createElement('div');
 // document.body.appendChild(container);
 // const app = createApp(App);
@@ -146,12 +161,14 @@ export function nextFrame() {
 // vueRender(null, container);
 // document.body.removeChild(container);
 // }
+
 export function fakeError() {
   var error = console.error;
   var spy = sinon.spy(function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     return error.apply(console, args);
   });
   console.error = spy;

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.1.4
+ * @king-design v2.1.5
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -62,6 +62,6 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
 
-export const version = '2.1.4';
+export const version = '2.1.5';
 
 /* generate end */

package/package.json

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

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

@@ -1,6 +0,0 @@
-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/card/demos/size/index.js

@@ -1,14 +0,0 @@
-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/card/demos/size/react.d.ts

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

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

@@ -1,31 +0,0 @@
-import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
-import React from 'react';
-import { Card } 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(Card, {
-      title: "\u7528\u6237\u4FE1\u606F",
-      type: "border",
-      size: "large"
-    }, /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9"), /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9")), /*#__PURE__*/React.createElement(Card, {
-      title: "\u7528\u6237\u4FE1\u606F",
-      type: "border"
-    }, /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9"), /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9")), /*#__PURE__*/React.createElement(Card, {
-      title: "\u7528\u6237\u4FE1\u606F",
-      type: "border",
-      size: "small"
-    }, /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9"), /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9")), /*#__PURE__*/React.createElement(Card, {
-      title: "\u7528\u6237\u4FE1\u606F",
-      type: "border",
-      size: "mini"
-    }, /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9"), /*#__PURE__*/React.createElement("div", null, "\u5361\u7247\u5185\u5BB9")));
-  };
-  return Demo;
-}(React.Component);
-export { Demo as default };

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

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

@@ -1,19 +0,0 @@
-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';
-var default_1 = /*#__PURE__*/function (_Component) {
-  _inheritsLoose(default_1, _Component);
-  function default_1() {
-    return _Component.apply(this, arguments) || this;
-  }
-  var _proto = default_1.prototype;
-  _proto.showMessage = function showMessage() {
-    Message.classNamePrefix = 'kd';
-    Message.info('Message with classNamePrefix');
-  };
-  return default_1;
-}(Component);
-default_1.template = template;
-export { default_1 as default };

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

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

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

@@ -1,30 +0,0 @@
-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';
-var Demo = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Demo, _React$Component);
-  function Demo() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-  var _proto = Demo.prototype;
-  _proto.showMessage = function showMessage() {
-    Message.classNamePrefix = 'kd';
-    Message.info('Message with classNamePrefix');
-  };
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(ConfigProvider, {
-      value: {
-        classNamePrefix: 'kd'
-      }
-    }, /*#__PURE__*/React.createElement(Button, {
-      onClick: this.showMessage
-    }, "Button"), /*#__PURE__*/React.createElement("div", {
-      style: {
-        "marginTop": "8px"
-      }
-    }, /*#__PURE__*/React.createElement(Input, null)));
-  };
-  return Demo;
-}(React.Component);
-export { Demo as default };

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

@@ -1,57 +0,0 @@
-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/config/index.js

@@ -1,32 +0,0 @@
-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/copy/demos/basic/index.d.ts

@@ -1,5 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

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

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

@@ -1,17 +0,0 @@
-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

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

@@ -1,14 +0,0 @@
-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

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