umy-ui-table 1.2.4 → 1.2.6

package/packages/ux-grid/test/ui-components.cjs

@@ -0,0 +1,103 @@
+// Real official UI dependency wiring; browser suite measures visual geometry.
+const assert = require('assert');
+const fs = require('fs');
+const path = require('path');
+const dependencyRoot = process.env.UX_GRID_TEST_DEPENDENCIES || process.cwd();
+const external = name => require(require.resolve(name, { paths: [dependencyRoot] }));
+const { JSDOM } = external('jsdom');
+const dom = new JSDOM('<html><body><script></script></body></html>', { url: 'http://localhost/' });
+for (const key of ['window', 'document', 'Element', 'HTMLElement', 'HTMLTableElement', 'Node', 'MutationObserver', 'getComputedStyle', 'name', 'Image']) global[key] = dom.window[key];
+Object.defineProperty(global, 'navigator', { configurable: true, value: dom.window.navigator });
+global.requestAnimationFrame = callback => setTimeout(callback, 0);
+global.cancelAnimationFrame = clearTimeout;
+const Vue = require('vue');
+const vueModule = require.cache[require.resolve('vue')];
+for (const root of [dependencyRoot, require.resolve('vxe-table'), require.resolve('vxe-pc-ui')]) require.cache[require.resolve('vue', { paths: [root] })] = vueModule;
+Vue.config.productionTip = false;
+Vue.config.devtools = false;
+const errors = [];
+Vue.config.errorHandler = error => errors.push(error);
+const scenario = process.argv[2];
+if (!scenario) {
+  for (const name of ['empty', 'short', 'tooltip', 'loading', 'both']) {
+    const child = require('child_process').spawnSync(process.execPath, [__filename, name], { env: process.env, encoding: 'utf8' });
+    assert.strictEqual(child.status, 0, name + '\n' + child.stdout + child.stderr);
+  }
+}
+const { VxeUI } = require('vxe-table/lib/ui');
+const translator = key => 'custom:' + key;
+VxeUI.setConfig({ i18n: translator, tooltip: { enterDelay: 0 }, table: { rowConfig: { height: 47 } } });
+VxeUI.setIcon({ TABLE_SORT_ASC: 'consumer-sort' });
+const expectedArrays = scenario === 'empty'
+  ? { iconPicker: { icons: [] }, upload: { imageTypes: [] }, watermark: { gap: [] } }
+  : { iconPicker: { icons: [{ name: 'custom', children: [] }] }, upload: { imageTypes: ['custom'] }, watermark: { gap: [17] } };
+VxeUI.setConfig(expectedArrays);
+const customTooltip = { name: 'VxeTooltip', render(h) { return h('span'); } };
+const customLoading = { name: 'VxeLoading', render(h) { return h('span'); } };
+if (scenario === 'tooltip' || scenario === 'both') VxeUI.component(customTooltip);
+if (scenario === 'loading' || scenario === 'both') VxeUI.component(customLoading);
+const beforeTooltip = VxeUI.getComponent('VxeTooltip');
+const beforeLoading = VxeUI.getComponent('VxeLoading');
+if (scenario) VxeUI.setIcon({ LOADING: 'consumer-loading-icon' });
+const setup = fs.readFileSync(path.join(__dirname, '../src/setup.js'), 'utf8').replace(/^import .*;$/gm, '');
+function runSetup() {
+  require('vm').runInNewContext(setup, { require, VxeUI, XEUtils: require('xe-utils'), zhCN: {} });
+}
+runSetup();
+assert.strictEqual(VxeUI.getConfig().i18n, translator);
+assert.equal(VxeUI.getConfig().table.rowConfig.height, 47);
+assert.equal(VxeUI.getConfig().tooltip.enterDelay, 0);
+assert.equal(VxeUI.getIcon().TABLE_SORT_ASC, 'consumer-sort');
+for (const name of Object.keys(expectedArrays)) {
+  for (const field of Object.keys(expectedArrays[name])) {
+    assert.deepStrictEqual(VxeUI.getConfig()[name][field], expectedArrays[name][field]);
+  }
+}
+if (beforeTooltip) assert.strictEqual(VxeUI.getComponent('VxeTooltip'), beforeTooltip);
+if (beforeLoading) assert.strictEqual(VxeUI.getComponent('VxeLoading'), beforeLoading);
+if (scenario) {
+  assert.equal(VxeUI.getIcon().LOADING, 'consumer-loading-icon');
+  dom.window.close();
+  process.exit(0);
+}
+assert(VxeUI.getComponent('VxeTooltip') && VxeUI.getComponent('VxeLoading'));
+const originalTooltip = VxeUI.getComponent('VxeTooltip');
+const originalLoading = VxeUI.getComponent('VxeLoading');
+runSetup();
+assert.strictEqual(VxeUI.getComponent('VxeTooltip'), originalTooltip);
+assert.strictEqual(VxeUI.getComponent('VxeLoading'), originalLoading);
+assert.strictEqual(require('vxe-pc-ui/lib/ui').VxeUI, VxeUI, 'shared UI singleton');
+const Grid = require('../../../lib/ux-grid.js');
+let vm;
+const delay = () => new Promise(resolve => setTimeout(resolve, 100));
+(async () => {
+  vm = new Vue({
+    data: () => ({ loading: true }),
+    render(h) { return h(Grid.default || Grid, { ref: 'grid', props: {
+      loading: this.loading, height: 200, data: [{ name: '' }], columns: [{ field: 'name' }],
+      showOverflow: true, rules: { name: [{ required: true, message: 'Required name' }] }, validConfig: { message: 'tooltip' }
+    } }); }
+  }).$mount();
+  document.body.appendChild(vm.$el);
+  await delay();
+  assert(vm.$el.querySelector('.vxe-loading.is--visible'), 'official loading mask mounted');
+  assert(vm.$el.querySelector('.vxe-loading .vxe-icon-spinner'), 'official default spinner rendered');
+  vm.loading = false;
+  await delay();
+  assert(!vm.$el.querySelector('.vxe-loading.is--visible'));
+  const table = vm.$refs.grid.$refs.singleTable.$refs.refTable;
+  for (const name of ['refTooltip', 'refValidTooltip']) {
+    const tip = table.$refs[name];
+    assert(tip, name + ' exists');
+    await tip.open(vm.$el.querySelector('td'), 'Official popup');
+    await delay();
+    assert(document.body.textContent.includes('Official popup'));
+    await tip.close();
+  }
+  assert.deepStrictEqual(errors, []);
+  console.log('ux-grid official Tooltip/Loading wiring and consumer configuration passed');
+})().catch(error => { console.error(error); process.exitCode = 1; }).finally(() => {
+  if (vm) vm.$destroy();
+  dom.window.close();
+  setImmediate(() => process.exit(process.exitCode || 0));
+});

package/tools/locale/format.js

@@ -1,4 +1,4 @@
-import { hasOwn } from 'umy-ui/tools/utils/util';
+import { hasOwn } from '../utils/util';
 
 const RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
 /**

package/tools/locale/index.js

@@ -1,6 +1,4 @@
-import defaultLang from 'umy-ui/tools/locale/lang/zh-CN';
-// 如果是按需加载，设置u-table的locale（本地 u-table 组件统一使用 packages/tools/locale）
-import tableLocale from '../../packages/tools/locale'
+import defaultLang from './lang/zh-CN';
 import Vue from 'vue';
 import deepmerge from 'deepmerge';
 import Format from './format';
@@ -41,10 +39,6 @@ export const t = function(path, options) {
 
 export const use = function(l) {
   lang = l || lang;
-  if (l) {
-     // 如果是按需加载，设置u-table语言
-      tableLocale.use(l)
-  }
 };
 
 export const i18n = function(fn) {

package/tools/mixins/locale.js

@@ -1,4 +1,4 @@
-import { t } from 'umy-ui/tools/locale';
+import { t } from '../locale';
 
 export default {
   methods: {

package/tools/utils/util.js

@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import { isString, isObject } from 'umy-ui/tools/utils/types';
+import { isString, isObject } from './types';
 
 const hasOwnProperty = Object.prototype.hasOwnProperty;