@vxe-ui/core 1.0.13 → 3.0.0-alpha.0

package/README.md

@@ -1,8 +1,6 @@
 # vxe-core
 
-简体中文 | [繁體中文](README.zh-TW.md) | [English](README.en.md)  
-
-Vxe UI 核心库.
+Vxe UI v3.x 核心库.
 
 ## 使用
 

package/es/src/core.js

@@ -17,7 +17,7 @@ import { clipboard } from './clipboard';
 import { permission } from './permission';
 import { log } from './log';
 import { hooks } from './hooks';
-import { useFns } from './useFns';
+import { mixins } from './mixins';
 export function setTheme(name) {
     const theme = !name || name === 'default' ? 'light' : name;
     themeConfigStore.theme = theme;
@@ -70,7 +70,7 @@ export function setIcon(options) {
 export function getIcon(key) {
     return arguments.length ? XEUtils.get(iconConfigStore, key) : iconConfigStore;
 }
-export const coreVersion = "1.0.13";
+export const coreVersion = "3.0.0-alpha.0";
 const installedPlugins = [];
 export function use(Plugin, options) {
     if (Plugin && Plugin.install) {
@@ -119,7 +119,7 @@ export const VxeUI = {
     hooks,
     component,
     getComponent,
-    useFns,
+    mixins,
     use
 };
 setTheme();
@@ -134,7 +134,7 @@ export * from './commands';
 export * from './interceptor';
 export * from './clipboard';
 export * from './permission';
-export * from './useFns';
+export * from './mixins';
 export * from './log';
 export * from './hooks';
 export default VxeUI;

package/es/src/i18nStore.js

@@ -1,5 +1,4 @@
-import { reactive } from 'vue';
-export const i18nConfigStore = reactive({
+export const i18nConfigStore = {
     language: '',
     langMaps: {}
-});
+};

package/es/src/log.js

@@ -6,7 +6,7 @@ function createLog(type, name) {
         return msg;
     };
 }
-const version = "1.0.13";
+const version = "3.0.0-alpha.0";
 export const log = {
     create: createLog,
     warn: createLog('warn', `v${version}`),

package/es/src/mixins.js

@@ -0,0 +1,35 @@
+import { handleCheckInfo } from './permission';
+export const sizeMixin = {
+    inject: {
+        $xeSizeInfo: {
+            default: null
+        }
+    },
+    provide() {
+        return {
+            $xeSizeInfo: {
+                size: this.vSize
+            }
+        };
+    },
+    computed: {
+        vSize() {
+            const { $xeSizeInfo, size } = this;
+            return size || ($xeSizeInfo ? $xeSizeInfo.size : null);
+        }
+    }
+};
+export const permissionMixin = {
+    props: {
+        permissionCode: String
+    },
+    computed: {
+        permissionInfo() {
+            return handleCheckInfo(this.permissionCode, this.permissionMethod);
+        }
+    }
+};
+export const mixins = {
+    sizeMixin,
+    permissionMixin
+};

package/es/src/permission.js

@@ -1,23 +1,45 @@
 import { globalConfigStore } from './globalStore';
 import XEUtils from 'xe-utils';
-export function handleCheckInfo(code, permissionMethod) {
-    let visible = true;
-    let disabled = false;
+export function handleCheckInfo(permissionCode, permissionMethod) {
+    let checkVisible = true;
+    let checkDisabled = false;
     const checkMethod = permissionMethod || globalConfigStore.permissionMethod;
-    if (code && checkMethod) {
-        const rest = checkMethod({ code });
-        if (XEUtils.isBoolean(rest)) {
-            visible = rest;
-        }
-        else if (rest) {
-            visible = !!rest.visible;
-            disabled = !!rest.disabled;
+    if (permissionCode && checkMethod) {
+        checkVisible = false;
+        checkDisabled = true;
+        let vDone = false;
+        let dDone = false;
+        // 或 使用 | 隔开：任意一个为可视，则可视；任意一个禁用，则禁用
+        const codeList = String(permissionCode).split('|');
+        for (let i = 0; i < codeList.length; i++) {
+            const code = codeList[i];
+            let visible = true;
+            let disabled = false;
+            const rest = checkMethod({ code });
+            if (XEUtils.isBoolean(rest)) {
+                visible = rest;
+            }
+            else if (rest) {
+                visible = !!rest.visible;
+                disabled = !!rest.disabled;
+            }
+            if (!disabled && !dDone) {
+                dDone = true;
+                checkDisabled = disabled;
+            }
+            if (visible && !vDone) {
+                vDone = true;
+                checkVisible = visible;
+            }
+            if (vDone && dDone) {
+                break;
+            }
         }
     }
     const info = {
-        code,
-        visible,
-        disabled
+        code: permissionCode,
+        visible: checkVisible,
+        disabled: checkDisabled
     };
     return info;
 }