@king-design/intact 3.3.1 → 3.3.3

package/es/test/index.js

@@ -0,0 +1,15 @@
+import _keysInstanceProperty from "@babel/runtime-corejs3/core-js/instance/keys";
+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
+require('./demos');

package/es/test/utils.d.ts

@@ -0,0 +1,11 @@
+/// <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 unmount(): void;
+export declare function dispatchEvent(target: Element | Document, eventName: string, options?: Record<string, any>): void;
+export declare function getElement(query: string): HTMLElement | undefined;
+export declare function getElements(query: string): HTMLElement[];
+export declare function testDemos(req: __WebpackModuleApi.RequireContext, test: (Demo: ComponentConstructor<Component>) => Promise<void>): void;
+export declare function wait(time?: number): Promise<unknown>;
+export declare function nextFrame(): Promise<void>;
+export declare function fakeError(): (msg: string) => void;

package/es/test/utils.js

@@ -0,0 +1,162 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import _Object$assign from "@babel/runtime-corejs3/core-js/object/assign";
+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';
+// 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) {
+  // instance = Intact.mount(Component, container);
+  // render(h(Component), container);
+  // } else {
+  // // for vue@3.0
+  // instance = Component(container);
+  // }
+  // scroll to the view
+  window.scrollTo(0, document.scrollingElement.scrollHeight - 1080);
+  var element = findDomFromVNode(instance.$lastInput, true);
+  return [instance, element];
+}
+export function unmount() {
+  if (container) {
+    render(null, container);
+    document.body.removeChild(container);
+    container = null;
+  }
+}
+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 = 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];
+    }
+  }
+}
+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();
+            }
+          }, _callee);
+        })));
+      });
+    });
+  });
+}
+export function wait(time) {
+  if (time === undefined) {
+    return new _Promise(function (resolve) {
+      return resolve();
+    }).then();
+  }
+  return new _Promise(function (resolve) {
+    setTimeout(resolve, time);
+  });
+}
+export function nextFrame() {
+  return new _Promise(function (resolve) {
+    _nextFrame(resolve);
+  });
+}
+// export function renderVue(App, hook) {
+// const container = document.createElement('div');
+// document.body.appendChild(container);
+// const app = createApp(App);
+// hook && hook(app);
+// return app.mount(container);
+// }
+// export function unmountVue(vm) {
+// const container = vm.$el.parentElement;
+// 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;
+  return function (msg) {
+    expect(spy.calledWith(msg)).to.be.true;
+    console.error = error;
+  };
+}

package/i18n/en-US.ts

@@ -120,6 +120,9 @@ const i18n = {
 
 export default i18n; 
 
-if (typeof (global as any).Kpc !== 'undefined') {
-    (global as any).Kpc.localize(i18n);
+/**
+ * global does not exist in Vite, use standard object globalThis
+ */
+if (typeof (globalThis as any).Kpc !== 'undefined') {
+    (globalThis as any).Kpc.localize(i18n);
 }

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.3.1
+ * @king-design v3.3.3
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -68,6 +68,6 @@ export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
 
-export const version = '3.3.1';
+export const version = '3.3.3';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.3.1",
+  "version": "3.3.3",
   "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.34",
+    "intact": "^3.0.35",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",