@zfqh/uniapp 0.1.1

package/lib/modules/im.d.ts

@@ -0,0 +1,6 @@
+import type { StoreOptions } from 'vuex';
+interface VuexStoreOptions extends StoreOptions<any> {
+    request?: () => Promise<any>;
+}
+declare const store: VuexStoreOptions;
+export default store;

package/lib/modules/im.js

@@ -0,0 +1,105 @@
+function getDefaultState() {
+    return {
+        info: {
+            userId: '',
+            userSig: '',
+            appId: 0,
+            isLogin: false,
+            isReady: false,
+        },
+    };
+}
+const login = {
+    resolve: null,
+    reject: null,
+};
+const ready = {
+    resolve: null,
+    reject: null,
+};
+const store = {
+    state: getDefaultState(),
+    getters: {
+        isImLogin(state) {
+            return new Promise((res, rej) => {
+                if (state.info.isLogin === true) {
+                    res(true);
+                    login.resolve = null;
+                    login.reject = null;
+                }
+                else {
+                    login.resolve = res;
+                    login.reject = rej;
+                }
+            });
+        },
+        isImReady(state) {
+            return new Promise((res, rej) => {
+                if (state.info.isReady === true) {
+                    res(true);
+                    ready.resolve = null;
+                    ready.reject = null;
+                }
+                else {
+                    ready.resolve = res;
+                    ready.reject = rej;
+                }
+            });
+        },
+    },
+    mutations: {
+        setImInfo(state, data) {
+            if (data?.isLogin != null) {
+                if (data.isLogin === true && login.resolve) {
+                    login.resolve(true);
+                }
+                else if (login.reject) {
+                    login.reject(new Error('IM Login Fail'));
+                }
+                login.resolve = null;
+                login.reject = null;
+            }
+            if (data?.isReady != null) {
+                if (data.isReady === true && ready.resolve) {
+                    ready.resolve(true);
+                }
+                else if (ready.reject) {
+                    ready.reject(new Error('IM Ready Fail'));
+                }
+                ready.resolve = null;
+                ready.reject = null;
+            }
+            Object.assign(state.info, data);
+        },
+        resetState(state) {
+            if (state.info.isLogin === true) {
+                uni.$emit('logoutIm');
+            }
+            state.info = getDefaultState().info;
+        },
+    },
+    actions: {
+        async getImInfo({ commit, state }) {
+            try {
+                const { data } = await store.request();
+                // 防止登录其他账号，IM信息不变，先退出之前账号
+                if (state.info.isLogin === true && state.info.userId !== data.userId) {
+                    uni.$emit('logoutIm');
+                    commit('setImInfo', getDefaultState().info);
+                    // 加延迟防止新账号登录不成功
+                    await new Promise((res) => {
+                        setTimeout(() => {
+                            res();
+                        }, 1000);
+                    });
+                }
+                if (state.info.isLogin !== true) {
+                    commit('setImInfo', data);
+                    uni.$emit('loginIm');
+                }
+            }
+            catch (e) { }
+        },
+    },
+};
+export default store;

package/lib/modules/index.d.ts

@@ -0,0 +1,8 @@
+export { default as app } from './app';
+export { default as dict } from './dict';
+export { default as launch } from './launch';
+export { default as login } from './login';
+export { default as network } from './network';
+export { default as system } from './system';
+export { default as im } from './im';
+export { default as location } from './location';

package/lib/modules/index.js

@@ -0,0 +1,8 @@
+export { default as app } from './app';
+export { default as dict } from './dict';
+export { default as launch } from './launch';
+export { default as login } from './login';
+export { default as network } from './network';
+export { default as system } from './system';
+export { default as im } from './im';
+export { default as location } from './location';

package/lib/modules/launch.d.ts

@@ -0,0 +1,5 @@
+import type { StoreOptions } from 'vuex';
+interface VuexStoreOptions extends StoreOptions<any> {
+}
+declare const store: VuexStoreOptions;
+export default store;

package/lib/modules/launch.js

@@ -0,0 +1,32 @@
+import { getStorageSync, setStorage, storageKeys } from '../utils/storage';
+function getDefaultState() {
+    return {
+        info: {
+            id: 0,
+            path: '',
+            query: {},
+            referrerInfo: {},
+            scene: 0,
+        },
+        key: getStorageSync(storageKeys.launch) || 0,
+    };
+}
+const store = {
+    state: getDefaultState(),
+    mutations: {
+        setLaunchInfo(state, data) {
+            let { scene, path } = data;
+            if (scene === null) {
+                scene = 0;
+            }
+            if (path && !path.startsWith('/')) {
+                path = `/${path}`;
+            }
+            Object.assign(state.info, data, { scene, path });
+        },
+        setLaunchId(state, data) {
+            setStorage(storageKeys.launch, (state.key = data || 0));
+        },
+    },
+};
+export default store;

package/lib/modules/location.d.ts

@@ -0,0 +1,5 @@
+import type { StoreOptions } from 'vuex';
+interface VuexStoreOptions extends StoreOptions<any> {
+}
+declare const store: VuexStoreOptions;
+export default store;

package/lib/modules/location.js

@@ -0,0 +1,57 @@
+import { requestPermission } from '../utils/permit';
+import { getStorageSync, setStorage, storageKeys } from '../utils/storage';
+const defaultState = {
+    name: '北京', // 城市名称
+    address: {}, // 地址信息
+    longitude: 0, // 经度
+    latitude: 0, // 纬度
+};
+function getDefaultState() {
+    return {
+        info: getStorageSync(storageKeys.location) || defaultState,
+    };
+}
+const store = {
+    state: getDefaultState(),
+    mutations: {
+        setLocationInfo(state, data) {
+            state.info = {
+                ...state.info,
+                ...data,
+            };
+            setStorage(storageKeys.location, state.info);
+        },
+    },
+    actions: {
+        async getLocationInfo({ commit }, options = {}) {
+            await requestPermission('location');
+            return await new Promise((res) => {
+                uni.getLocation({
+                    ...options,
+                    geocode: true,
+                    type: 'gcj02',
+                    success: ({ latitude, longitude, address }) => {
+                        if (!address) {
+                            address = {};
+                        }
+                        if (Array.isArray(address.city)) {
+                            address.city = address.city[0];
+                        }
+                        const data = {
+                            name: address.city || address.province,
+                            latitude,
+                            longitude,
+                            address,
+                        };
+                        commit('setLocationInfo', data);
+                        res();
+                    },
+                    fail() {
+                        res();
+                    },
+                });
+            });
+        },
+    },
+};
+export default store;

package/lib/modules/login.d.ts

@@ -0,0 +1,5 @@
+import type { StoreOptions } from 'vuex';
+interface VuexStoreOptions extends StoreOptions<any> {
+}
+declare const store: VuexStoreOptions;
+export default store;

package/lib/modules/login.js

@@ -0,0 +1,72 @@
+import { storageKeys, getStorageSync, setStorage, setStorageSync, removeStorage } from '../utils/storage';
+import query from '../utils/query';
+import navigate from '../utils/navigate';
+import Throttle from '../utils/throttle';
+import { getPage } from '../utils/pages';
+const throttle = new Throttle();
+// #ifdef H5
+if (query.token != null) {
+    const store = getStorageSync(storageKeys.login) || {};
+    if (query.token !== store.token) {
+        store.token = query.token;
+        setStorageSync(storageKeys.login, store);
+    }
+}
+// #endif
+function getDefaultState() {
+    return {
+        token: null,
+        refreshToken: '',
+        expiresTime: 0,
+        phone: '',
+        email: '',
+        nickName: '',
+        userId: '',
+        username: '',
+        avatar: '',
+        storeId: '',
+        storeName: '',
+        tenantId: '',
+        tenantName: '',
+    };
+}
+const store = {
+    state: {
+        info: getStorageSync(storageKeys.login) || getDefaultState(),
+    },
+    getters: {
+        // 是否已登录
+        isLogin(state) {
+            return Boolean(state.info.token);
+        },
+    },
+    mutations: {
+        setLoginInfo(state, data) {
+            if (data.token) {
+                data.token = data.token.replace(/^bearer\s+/i, '');
+            }
+            state.info = { ...state.info, ...data };
+            setStorage(storageKeys.login, state.info);
+        },
+        resetState(state) {
+            state.info = getDefaultState();
+            removeStorage(storageKeys.login);
+        },
+    },
+    actions: {
+        logout({ commit, getters }, reLaunch) {
+            throttle.exec(() => {
+                if (getters.isLogin) {
+                    commit('resetState');
+                }
+                if (reLaunch) {
+                    uni.reLaunch({ url: getPage('login') });
+                }
+                else {
+                    navigate({ url: '', needLogin: true });
+                }
+            });
+        },
+    },
+};
+export default store;

package/lib/modules/network.d.ts

@@ -0,0 +1,5 @@
+import type { StoreOptions } from 'vuex';
+interface VuexStoreOptions extends StoreOptions<any> {
+}
+declare const store: VuexStoreOptions;
+export default store;

package/lib/modules/network.js

@@ -0,0 +1,39 @@
+function getDefaultState() {
+    return {
+        info: {
+            type: 'unknown',
+        },
+    };
+}
+const store = {
+    state: getDefaultState(),
+    getters: {
+        isConnected(state) {
+            return state.info.type !== 'none';
+        },
+    },
+    mutations: {
+        setNetworkInfo(state, data) {
+            Object.assign(state.info, data);
+        },
+    },
+    actions: {
+        getNetworkInfo({ commit }) {
+            return new Promise((res) => {
+                uni.getNetworkType({
+                    success: (e) => {
+                        const data = { type: e.networkType };
+                        commit('setNetworkInfo', data);
+                        res(data);
+                    },
+                    fail: () => {
+                        const data = { type: 'none' };
+                        commit('setNetworkInfo', data);
+                        res(data);
+                    },
+                });
+            });
+        },
+    },
+};
+export default store;

package/lib/modules/system.d.ts

@@ -0,0 +1,5 @@
+import type { StoreOptions } from 'vuex';
+interface VuexStoreOptions extends StoreOptions<any> {
+}
+declare const store: VuexStoreOptions;
+export default store;

package/lib/modules/system.js

@@ -0,0 +1,65 @@
+function getInfo(info, extra = {}) {
+    let titleHeight = 44;
+    let topStatusBarHeight = info.statusBarHeight;
+    let topBarTitleHeight = 0;
+    // #ifdef MP
+    const { height, top } = uni.getMenuButtonBoundingClientRect();
+    titleHeight = height + 16;
+    topStatusBarHeight = top - 8;
+    // #endif
+    topBarTitleHeight = topStatusBarHeight + titleHeight;
+    return Object.assign({}, info, extra, {
+        deviceOrientation: info.windowWidth > info.windowHeight ? 'landscape' : 'portrait',
+        titleHeight,
+        topStatusBarHeight,
+        topBarTitleHeight,
+    });
+}
+function getSystemInfo() {
+    return Object.assign({}, uni.getWindowInfo(), uni.getDeviceInfo(), uni.getAppBaseInfo());
+}
+const systemInfo = getSystemInfo();
+const uaEnv = {};
+// #ifdef H5
+const { ua = '' } = systemInfo;
+if (/micromessenger/i.test(ua)) {
+    uaEnv.weixin = true;
+    uaEnv.devtools = /wechatdevtools/i.test(ua);
+}
+else if (/alipayclient/i.test(ua)) {
+    uaEnv.alipay = true;
+    uaEnv.devtools = /alipaydevtools/i.test(ua);
+}
+else {
+    uaEnv.browser = true;
+}
+// #endif
+function getDefaultState() {
+    return {
+        info: getInfo(systemInfo, { uaEnv }),
+    };
+}
+const store = {
+    state: getDefaultState(),
+    mutations: {
+        setSystemInfo(state, info) {
+            Object.assign(state.info, info);
+        },
+    },
+    actions: {
+        getSystemInfo({ commit }) {
+            return new Promise((res) => {
+                uni.getSystemInfo({
+                    success(e) {
+                        commit('setSystemInfo', getInfo(e));
+                        res();
+                    },
+                    fail() {
+                        res();
+                    },
+                });
+            });
+        },
+    },
+};
+export default store;

package/lib/styles/animate-vue.scss

@@ -0,0 +1,3 @@
+.transition-all-300 {
+  transition: all 300ms;
+}

package/lib/styles/animate.scss

@@ -0,0 +1,27 @@
+.origin-center {
+  transform-origin: center center;
+}
+.origin-top {
+  transform-origin: top;
+}
+.origin-top-right {
+  transform-origin: top right;
+}
+.origin-right {
+  transform-origin: right;
+}
+.origin-bottom-right {
+  transform-origin: bottom right;
+}
+.origin-bottom {
+  transform-origin: bottom;
+}
+.origin-bottom-left {
+  transform-origin: bottom left;
+}
+.origin-left {
+  transform-origin: left;
+}
+.origin-top-left {
+  transform-origin: top left;
+}

package/lib/styles/bg-vue.scss

@@ -0,0 +1,21 @@
+.backdrop-blur-0 {
+  backdrop-filter: blur(0);
+}
+.backdrop-blur-10px {
+  backdrop-filter: blur(10px);
+}
+.backdrop-blur-10rpx {
+  backdrop-filter: blur(10rpx);
+}
+.backdrop-blur-20px {
+  backdrop-filter: blur(20px);
+}
+.backdrop-blur-20rpx {
+  backdrop-filter: blur(20rpx);
+}
+.backdrop-blur-30px {
+  backdrop-filter: blur(30px);
+}
+.backdrop-blur-30rpx {
+  backdrop-filter: blur(30rpx);
+}

package/lib/styles/bg.scss

@@ -0,0 +1,93 @@
+.bg-transparent {
+  background-color: transparent;
+}
+.bg-white {
+  background-color: #ffffff;
+}
+.bg-black {
+  background-color: #000000;
+}
+.bg-primary {
+  background-color: $uv-primary;
+}
+.bg-primary-dark {
+  background-color: $uv-primary-dark;
+}
+.bg-primary-light {
+  background-color: $uv-primary-light;
+}
+.bg-primary-disabled {
+  background-color: $uv-primary-disabled;
+}
+.bg-warning {
+  background-color: $uv-warning;
+}
+.bg-warning-dark {
+  background-color: $uv-warning-dark;
+}
+.bg-warning-light {
+  background-color: $uv-warning-light;
+}
+.bg-warning-disabled {
+  background-color: $uv-warning-disabled;
+}
+.bg-success {
+  background-color: $uv-success;
+}
+.bg-success-dark {
+  background-color: $uv-success-dark;
+}
+.bg-success-light {
+  background-color: $uv-success-light;
+}
+.bg-success-disabled {
+  background-color: $uv-success-disabled;
+}
+.bg-error {
+  background-color: $uv-error;
+}
+.bg-error-dark {
+  background-color: $uv-error-dark;
+}
+.bg-error-light {
+  background-color: $uv-error-light;
+}
+.bg-error-disabled {
+  background-color: $uv-error-disabled;
+}
+.bg-info {
+  background-color: $uv-info;
+}
+.bg-info-dark {
+  background-color: $uv-info-dark;
+}
+.bg-info-light {
+  background-color: $uv-info-light;
+}
+.bg-info-disabled {
+  background-color: $uv-info-disabled;
+}
+.bg-main {
+  background-color: $uv-main-color;
+}
+.bg-content {
+  background-color: $uv-content-color;
+}
+.bg-tips {
+  background-color: $uv-tips-color;
+}
+.bg-light {
+  background-color: $uv-light-color;
+}
+.bg-border {
+  background-color: $uv-border-color;
+}
+.bg {
+  background-color: $uv-bg-color;
+}
+.bg-light {
+  background-color: $uv-bg-light-color;
+}
+.bg-disabled {
+  background-color: $uv-disabled-color;
+}