@vxe-ui/core 0.0.1 → 0.1.1

package/README.md

@@ -4,7 +4,7 @@
 
 Vxe UI 核心库.
 
-## 安装
+## 使用
 
 ```shell
 npm install @vxe-ui/core

package/README.zh-TW.md

@@ -4,7 +4,7 @@
 
 Vxe UI core library.
 
-## Use
+## 使用
 
 ```shell
 npm install @vxe-ui/core

package/es/index.esm.js

@@ -1,9 +1,7 @@
-import VxeCore, { setConfig } from './src/core';
-import XEUtils from 'xe-utils';
+import VxeUI, { setI18n, setTheme } from './src/core';
 import zhCN from './language/zh-CN';
 // 默认中文
-setConfig({
-    i18n: (key, args) => XEUtils.toFormatString(XEUtils.get(zhCN, key), args)
-});
+setI18n('zh-CN', zhCN);
+setTheme('default');
 export * from './src/core';
-export default VxeCore;
+export default VxeUI;

package/es/src/commands.js

@@ -1,5 +1,5 @@
 import XEUtils from 'xe-utils';
-import { warnLog } from './log';
+import { log } from './log';
 class VXECommandsStore {
     constructor() {
         Object.defineProperty(this, "store", {
@@ -26,7 +26,7 @@ class VXECommandsStore {
         // 兼容
         if (XEUtils.isFunction(render)) {
             if (process.env.NODE_ENV === 'development') {
-                warnLog('vxe.error.delProp', ['commands -> callback', 'commandMethod']);
+                log.warn('vxe.error.delProp', ['commands -> callback', 'commandMethod']);
             }
             render = {
                 commandMethod: render
@@ -37,7 +37,7 @@ class VXECommandsStore {
             const confKeys = XEUtils.keys(conf);
             XEUtils.each(render, (item, key) => {
                 if (confKeys.includes(key)) {
-                    warnLog('vxe.error.coverProp', [name, key]);
+                    log.warn('vxe.error.coverProp', [name, key]);
                 }
             });
         }

package/es/src/core.js

@@ -1,8 +1,11 @@
 import XEUtils from 'xe-utils';
 import DomZIndex from 'dom-zindex';
-import globalConfigStore from './globalStore';
-import iconConfigStore from './iconStore';
-import setTheme from './theme';
+import { globalConfigStore } from './globalStore';
+import { iconConfigStore } from './iconStore';
+import { themeConfigStore } from './themeStore';
+import { i18nConfigStore } from './i18nStore';
+import { globalEvents } from './event';
+import { globalResize } from './resize';
 import { getI18n } from './i18n';
 import { renderer } from './renderer';
 import { validators } from './validators';
@@ -11,21 +14,42 @@ import { formats } from './formats';
 import { commands } from './commands';
 import { interceptor } from './interceptor';
 import { clipboard } from './clipboard';
+import { log } from './log';
 import { hooks } from './hooks';
+export function setTheme(name) {
+    const theme = name || 'default';
+    themeConfigStore.theme = theme;
+    if (typeof document !== 'undefined') {
+        const documentElement = document.documentElement;
+        if (documentElement) {
+            documentElement.setAttribute('data-vxe-theme', theme);
+        }
+    }
+    return VxeUI;
+}
+export function getTheme() {
+    return themeConfigStore.theme;
+}
+export function setLanguage(locale) {
+    i18nConfigStore.language = locale;
+    return VxeUI;
+}
+export function setI18n(locale, data) {
+    i18nConfigStore.language = locale;
+    i18nConfigStore.langMaps[i18nConfigStore.language] = data || {};
+    return VxeUI;
+}
 /**
 * 全局参数设置
 */
 export function setConfig(options) {
     if (options) {
-        if (options.theme) {
-            setTheme(options);
-        }
         if (options.zIndex) {
             DomZIndex.setCurrent(options.zIndex);
         }
         XEUtils.merge(globalConfigStore, options);
     }
-    return VxeCore;
+    return VxeUI;
 }
 /**
 * 获取全局参数
@@ -37,19 +61,25 @@ export function setIcon(options) {
     if (options) {
         Object.assign(iconConfigStore, options);
     }
-    return VxeCore;
+    return VxeUI;
 }
 export function getIcon(key) {
     return arguments.length ? XEUtils.get(iconConfigStore, key) : iconConfigStore;
 }
-export const version = "0.0.1";
-const VxeCore = {
-    version,
+export const coreVersion = "0.1.1";
+export const VxeUI = {
+    coreVersion,
+    setTheme,
+    getTheme,
     setConfig,
-    getConfig,
+    getConfig: getConfig,
     setIcon,
-    getIcon,
+    getIcon: getIcon,
+    setLanguage,
+    setI18n,
     getI18n,
+    globalEvents,
+    globalResize,
     renderer,
     validators,
     menus,
@@ -57,9 +87,12 @@ const VxeCore = {
     commands,
     interceptor,
     clipboard,
+    log,
     hooks
 };
 setTheme();
+export * from './event';
+export * from './resize';
 export * from './i18n';
 export * from './renderer';
 export * from './validators';
@@ -67,5 +100,7 @@ export * from './menus';
 export * from './formats';
 export * from './commands';
 export * from './interceptor';
+export * from './clipboard';
+export * from './log';
 export * from './hooks';
-export default VxeCore;
+export default VxeUI;

package/es/src/event.js

@@ -1,5 +1,5 @@
 import XEUtils from 'xe-utils';
-export const EVENT_KEYS = {
+export const GLOBAL_EVENT_KEYS = {
     F2: 'F2',
     ESCAPE: 'Escape',
     ENTER: 'Enter',
@@ -18,21 +18,16 @@ export const EVENT_KEYS = {
 const browse = XEUtils.browse();
 const convertEventKeys = {
     ' ': 'Spacebar',
-    Apps: EVENT_KEYS.CONTEXT_MENU,
-    Del: EVENT_KEYS.DELETE,
-    Up: EVENT_KEYS.ARROW_UP,
-    Down: EVENT_KEYS.ARROW_DOWN,
-    Left: EVENT_KEYS.ARROW_LEFT,
-    Right: EVENT_KEYS.ARROW_RIGHT
+    Apps: GLOBAL_EVENT_KEYS.CONTEXT_MENU,
+    Del: GLOBAL_EVENT_KEYS.DELETE,
+    Up: GLOBAL_EVENT_KEYS.ARROW_UP,
+    Down: GLOBAL_EVENT_KEYS.ARROW_DOWN,
+    Left: GLOBAL_EVENT_KEYS.ARROW_LEFT,
+    Right: GLOBAL_EVENT_KEYS.ARROW_RIGHT
 };
 // 监听全局事件
 const wheelName = browse.firefox ? 'DOMMouseScroll' : 'mousewheel';
 const eventStore = [];
-export const hasEventKey = (evnt, targetKey) => {
-    const { key } = evnt;
-    targetKey = targetKey.toLowerCase();
-    return key ? (targetKey === key.toLowerCase() || !!(convertEventKeys[key] && convertEventKeys[key].toLowerCase() === targetKey)) : false;
-};
 function triggerEvent(evnt) {
     const isWheel = evnt.type === wheelName;
     eventStore.forEach(({ type, cb }) => {
@@ -44,22 +39,46 @@ function triggerEvent(evnt) {
         }
     });
 }
-export const GlobalEvent = {
+export const globalEvents = {
     on(comp, type, cb) {
         eventStore.push({ comp, type, cb });
     },
     off(comp, type) {
         XEUtils.remove(eventStore, item => item.comp === comp && item.type === type);
     },
-    trigger: triggerEvent,
-    eqKeypad(evnt, keyVal) {
+    hasKey(evnt, targetKey) {
         const { key } = evnt;
-        if (keyVal.toLowerCase() === key.toLowerCase()) {
-            return true;
-        }
-        return false;
+        targetKey = targetKey.toLowerCase();
+        return key ? (targetKey === key.toLowerCase() || !!(convertEventKeys[key] && convertEventKeys[key].toLowerCase() === targetKey)) : false;
     }
 };
+class VxeComponentEvent {
+    constructor(evnt, params1, params2) {
+        Object.defineProperty(this, "$event", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.$event = evnt;
+        Object.assign(this, params1, params2);
+    }
+    stopPropagation() {
+        const evnt = this.$event;
+        if (evnt) {
+            evnt.stopPropagation();
+        }
+    }
+    preventDefault() {
+        const evnt = this.$event;
+        if (evnt) {
+            evnt.preventDefault();
+        }
+    }
+}
+export function createEvent(evnt, params1, params2) {
+    return new VxeComponentEvent(evnt, params1, params2);
+}
 if (browse.isDoc) {
     if (!browse.msie) {
         window.addEventListener('copy', triggerEvent, false);

package/es/src/formats.js

@@ -1,5 +1,5 @@
 import XEUtils from 'xe-utils';
-import { warnLog } from './log';
+import { log } from './log';
 class VXEFormatsStore {
     constructor() {
         Object.defineProperty(this, "store", {
@@ -26,7 +26,7 @@ class VXEFormatsStore {
         // 兼容
         if (XEUtils.isFunction(render)) {
             if (process.env.NODE_ENV === 'development') {
-                warnLog('vxe.error.delProp', ['formats -> callback', 'cellFormatMethod']);
+                log.warn('vxe.error.delProp', ['formats -> callback', 'cellFormatMethod']);
             }
             render = {
                 cellFormatMethod: render
@@ -37,7 +37,7 @@ class VXEFormatsStore {
             const confKeys = XEUtils.keys(conf);
             XEUtils.each(render, (item, key) => {
                 if (confKeys.includes(key)) {
-                    warnLog('vxe.error.coverProp', [name, key]);
+                    log.warn('vxe.error.coverProp', [name, key]);
                 }
             });
         }

package/es/src/globalStore.js

@@ -1,9 +1,8 @@
-const globalConfigStore = {
+export const globalConfigStore = {
+    authId: '',
     size: '',
-    theme: '',
     version: 1,
     zIndex: 999,
     resizeInterval: 500,
     i18n: (key) => key
 };
-export default globalConfigStore;

package/es/src/i18n.js

@@ -1,7 +1,5 @@
-import globalConfigStore from './globalStore';
+import XEUtils from 'xe-utils';
+import { i18nConfigStore } from './i18nStore';
 export function getI18n(key, args) {
-    if (globalConfigStore.i18n) {
-        return globalConfigStore.i18n(key, args);
-    }
-    return key;
+    return XEUtils.toFormatString(XEUtils.get(i18nConfigStore.langMaps[i18nConfigStore.language], key), args);
 }

package/es/src/i18nStore.js

@@ -0,0 +1,4 @@
+export const i18nConfigStore = {
+    language: '',
+    langMaps: {}
+};

package/es/src/iconStore.js

@@ -1,2 +1 @@
-const iconConfigStore = {};
-export default iconConfigStore;
+export const iconConfigStore = {};

package/es/src/interceptor.js

@@ -1,5 +1,5 @@
 import XEUtils from 'xe-utils';
-import { warnLog } from './log';
+import { log } from './log';
 const storeMap = {};
 export const interceptor = {
     mixin(options) {
@@ -20,7 +20,7 @@ export const interceptor = {
             // 检测重复
             if (process.env.NODE_ENV === 'development') {
                 if (eList.indexOf(callback) > -1) {
-                    warnLog('vxe.error.coverProp', ['Interceptor', type]);
+                    log.warn('vxe.error.coverProp', ['Interceptor', type]);
                 }
             }
             eList.push(callback);

package/es/src/log.js

@@ -1,13 +1,13 @@
 import { getI18n } from './i18n';
-export function getLog(message, params) {
-    return `[vxe-table v${"0.0.1"}] ${getI18n(message, params)}`;
-}
-function outLog(type) {
-    return function (message, params) {
-        const msg = getLog(message, params);
+function createLog(type, name) {
+    return function (key, args) {
+        const msg = `[${name || 'vxe'} v${"0.1.1"}] ${getI18n(key, args)}`;
         console[type](msg);
         return msg;
     };
 }
-export const warnLog = outLog('warn');
-export const errLog = outLog('error');
+export const log = {
+    create: createLog,
+    warn: createLog('warn'),
+    err: createLog('error')
+};

package/es/src/menus.js

@@ -1,5 +1,5 @@
 import XEUtils from 'xe-utils';
-import { warnLog } from './log';
+import { log } from './log';
 class VXEMenusStore {
     constructor() {
         Object.defineProperty(this, "store", {
@@ -26,7 +26,7 @@ class VXEMenusStore {
         // 兼容
         if (XEUtils.isFunction(render)) {
             if (process.env.NODE_ENV === 'development') {
-                warnLog('vxe.error.delProp', ['menus -> callback', 'menuMethod']);
+                log.warn('vxe.error.delProp', ['menus -> callback', 'menuMethod']);
             }
             render = {
                 menuMethod: render
@@ -37,7 +37,7 @@ class VXEMenusStore {
             const confKeys = XEUtils.keys(conf);
             XEUtils.each(render, (item, key) => {
                 if (confKeys.includes(key)) {
-                    warnLog('vxe.error.coverProp', [name, key]);
+                    log.warn('vxe.error.coverProp', [name, key]);
                 }
             });
         }

package/es/src/renderer.js

@@ -1,5 +1,5 @@
 import XEUtils from 'xe-utils';
-import { warnLog } from './log';
+import { log } from './log';
 /**
  * 内置的组件渲染
  */
@@ -23,7 +23,7 @@ export const renderer = {
                 if (process.env.NODE_ENV === 'development') {
                     XEUtils.each(options, (val, key) => {
                         if (!XEUtils.eqNull(renders[key]) && renders[key] !== val) {
-                            warnLog('vxe.error.coverProp', [`Renderer.${name}`, key]);
+                            log.warn('vxe.error.coverProp', [`Renderer.${name}`, key]);
                         }
                     });
                 }

package/es/src/resize.js

@@ -1,5 +1,5 @@
 import XEUtils from 'xe-utils';
-import globalConfigStore from './globalStore';
+import { globalConfigStore } from './globalStore';
 /**
  * 监听 resize 事件
  * 如果项目中已使用了 resize-observer-polyfill，那么只需要将方法定义全局，该组件就会自动使用
@@ -32,7 +32,7 @@ function eventListener() {
     clearTimeout(resizeTimeout);
     resizeTimeout = setTimeout(eventHandle, globalConfigStore.resizeInterval || defaultInterval);
 }
-export class XEResizeObserver {
+class XEResizeObserver {
     constructor(callback) {
         Object.defineProperty(this, "tarList", {
             enumerable: true,
@@ -73,9 +73,11 @@ export class XEResizeObserver {
         XEUtils.remove(eventStore, item => item === this);
     }
 }
-export function createResizeEvent(callback) {
-    if (window.ResizeObserver) {
-        return new window.ResizeObserver(callback);
+export const globalResize = {
+    create(callback) {
+        if (window.ResizeObserver) {
+            return new window.ResizeObserver(callback);
+        }
+        return new XEResizeObserver(callback);
     }
-    return new XEResizeObserver(callback);
-}
+};

package/es/src/store.js

@@ -1,4 +1,4 @@
-import { warnLog } from './log';
+import { log } from './log';
 import XEUtils from 'xe-utils';
 /**
  * 创建数据仓库
@@ -31,7 +31,7 @@ export class Store {
             const confKeys = XEUtils.keys(conf);
             XEUtils.each(options, (item, key) => {
                 if (confKeys.includes(key)) {
-                    warnLog('vxe.error.coverProp', [name, key]);
+                    log.warn('vxe.error.coverProp', [name, key]);
                 }
             });
         }

package/es/src/themeStore.js

@@ -0,0 +1,3 @@
+export const themeConfigStore = {
+    theme: ''
+};

package/lib/index.common.js

@@ -17,13 +17,11 @@ Object.keys(_core).forEach(function (key) {
     }
   });
 });
-var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _zhCN = _interopRequireDefault(require("./language/zh-CN"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // 默认中文
-(0, _core.setConfig)({
-  i18n: (key, args) => _xeUtils.default.toFormatString(_xeUtils.default.get(_zhCN.default, key), args)
-});
+(0, _core.setI18n)('zh-CN', _zhCN.default);
+(0, _core.setTheme)('default');
 var _default = exports.default = _core.default;