@uxda/appkit 1.2.72 → 4.0.0

package/src/index.ts

@@ -1,88 +1,88 @@
-import { App } from 'vue'
-import { components as paymentComponents } from './payment/components'
-import { services as paymentServices } from './payment'
-import // Grid,
-// GridItem,
-// Button,
-// Checkbox,
-// Popup,
-// OverLay,
-// DatePicker,
-// Form,
-// FormItem,
-// Cell,
-// CellGroup,
-// Dialog
-'@nutui/nutui-taro'
-import { type AppKitOptions, useAppKitOptions, DollarApp } from './Appkit'
-import { PaymentParams, RechargeParams } from './payment/types'
-import './main.scss'
-
-const nutComponents = [
-  // Grid,
-  // GridItem,
-  // Button,
-  // Checkbox,
-  // Popup,
-  // OverLay,
-  // DatePicker,
-  // Form,
-  // FormItem,
-  // Cell,
-  // CellGroup,
-  // Dialog
-]
-
-const appComponents = {
-  ...paymentComponents,
-}
-
-const services = [...paymentServices]
-
-const $app: DollarApp = {
-  setToken: (token: () => string) => {
-    const appKitOptions = useAppKitOptions()
-    appKitOptions.token = token
-  },
-  setTempToken: (token: () => string) => {
-    const appKitOptions = useAppKitOptions()
-    appKitOptions.tempToken = token
-  },
-  requestPayment: (options: PaymentParams) => {},
-  invokeRecharge: (options: RechargeParams) => {},
-}
-
-services.forEach((service) => {
-  service.install($app)
-})
-
-export function useAppKit(): DollarApp {
-  return $app
-}
-
-const AppKit = {
-  install(app: App, options: AppKitOptions) {
-    const appKitOptions = useAppKitOptions()
-    appKitOptions.app = options.app
-    appKitOptions.tenant = options.tenant
-    appKitOptions.token = options.token
-    appKitOptions.baseUrl = options.baseUrl
-    appKitOptions[401] = options[401]
-    appKitOptions.gray = options.gray
-    nutComponents.forEach((component) => {
-      app.use(component)
-    })
-    Object.entries(appComponents).forEach(([name, component]) => {
-      app.component(name, component)
-    })
-  },
-}
-
-export default AppKit
-
-export * from './payment'
-export * from './balance'
-export * from './shared'
-export * from './register'
-export * from './notice'
-export { type AppKitOptions }
+import { App } from 'vue'
+import { components as paymentComponents } from './payment/components'
+import { services as paymentServices } from './payment'
+import // Grid,
+// GridItem,
+// Button,
+// Checkbox,
+// Popup,
+// OverLay,
+// DatePicker,
+// Form,
+// FormItem,
+// Cell,
+// CellGroup,
+// Dialog
+'@nutui/nutui-taro'
+import { type AppKitOptions, useAppKitOptions, DollarApp } from './Appkit'
+import { PaymentParams, RechargeParams } from './payment/types'
+import './main.scss'
+
+const nutComponents = [
+  // Grid,
+  // GridItem,
+  // Button,
+  // Checkbox,
+  // Popup,
+  // OverLay,
+  // DatePicker,
+  // Form,
+  // FormItem,
+  // Cell,
+  // CellGroup,
+  // Dialog
+]
+
+const appComponents = {
+  ...paymentComponents,
+}
+
+const services = [...paymentServices]
+
+const $app: DollarApp = {
+  setToken: (token: () => string) => {
+    const appKitOptions = useAppKitOptions()
+    appKitOptions.token = token
+  },
+  setTempToken: (token: () => string) => {
+    const appKitOptions = useAppKitOptions()
+    appKitOptions.tempToken = token
+  },
+  requestPayment: (options: PaymentParams) => {},
+  invokeRecharge: (options: RechargeParams) => {},
+}
+
+services.forEach((service) => {
+  service.install($app)
+})
+
+export function useAppKit(): DollarApp {
+  return $app
+}
+
+const AppKit = {
+  install(app: App, options: AppKitOptions) {
+    const appKitOptions = useAppKitOptions()
+    appKitOptions.app = options.app
+    appKitOptions.tenant = options.tenant
+    appKitOptions.token = options.token
+    appKitOptions.baseUrl = options.baseUrl
+    appKitOptions[401] = options[401]
+    appKitOptions.gray = options.gray
+    nutComponents.forEach((component) => {
+      app.use(component)
+    })
+    Object.entries(appComponents).forEach(([name, component]) => {
+      app.component(name, component)
+    })
+  },
+}
+
+export default AppKit
+
+export * from './payment'
+export * from './balance'
+export * from './shared'
+export * from './register'
+export * from './notice'
+export { type AppKitOptions }

package/src/main.scss

@@ -1,2 +1,2 @@
-@import url(./styles/vars.scss);
+@import url(./styles/vars.scss);
 @import url(./styles/fonts.scss);

package/src/notice/api/endpoints.ts

@@ -1,17 +1,17 @@
-import { HttpEndpoints } from '../../shared/http'
-
-const endpointsList: HttpEndpoints = {}
-
-const endpoints = Object.fromEntries(
-  Object.entries(endpointsList).map(([name, def]) => [name, def.path])
-)
-
-const translates = Object.fromEntries(
-  Object.entries(endpointsList).map(([, def]) => [def.path, def.translate])
-)
-
-const transforms = Object.fromEntries(
-  Object.entries(endpointsList).map(([, def]) => [def.path, def.transform])
-)
-
-export { endpoints, translates, transforms }
+import { HttpEndpoints } from '../../shared/http'
+
+const endpointsList: HttpEndpoints = {}
+
+const endpoints = Object.fromEntries(
+  Object.entries(endpointsList).map(([name, def]) => [name, def.path])
+)
+
+const translates = Object.fromEntries(
+  Object.entries(endpointsList).map(([, def]) => [def.path, def.translate])
+)
+
+const transforms = Object.fromEntries(
+  Object.entries(endpointsList).map(([, def]) => [def.path, def.transform])
+)
+
+export { endpoints, translates, transforms }

package/src/notice/api/index.ts

@@ -1,82 +1,82 @@
-import Taro from '@tarojs/taro'
-import { HttpRequestConfig, PagingData, PagingParams, ResponseRaw, createHttp } from '../../shared'
-import { translates, transforms } from './endpoints'
-import { useAppKitOptions } from '../../Appkit'
-
-/**
- * 小程序端 Http
- * 使用 Taro.request 实现
- */
-const vendor = {
-  async request<T>(config: HttpRequestConfig) {
-    return new Promise<ResponseRaw<T>>((resolve, reject) => {
-      Taro.request({
-        url: config.url,
-        method: config.method,
-        header: config.headers,
-        data: config.data,
-      })
-        .then(({ data }) => {
-          resolve({
-            status: +data.code,
-            message: data.msg,
-            data: data.result as T,
-          })
-        })
-        .catch((e: any) => {
-          reject(e)
-        })
-    })
-  },
-}
-
-function useHttp() {
-  const appkitOptions = useAppKitOptions()
-  const headers = {
-    Token: appkitOptions.tempToken() || appkitOptions.token(),
-    Appcode: appkitOptions.app(),
-    cookie: `tid=${appkitOptions.tenant()}`,
-    gray: appkitOptions.gray ? appkitOptions.gray() : '0',
-  }
-  /**
-   * 传入配置获取 Http instanse
-   */
-  const $http = createHttp({
-    vendor,
-    baseUrl: appkitOptions.baseUrl(),
-    headers,
-    interceptors: [
-      (raw) => {
-        if (raw.status == 401) {
-          appkitOptions[401]()
-          return true
-        }
-        return false
-      },
-      (raw) => {
-        if (raw.status > 500 && raw.status != 51015 && raw.status != 51014) {
-          return true
-        }
-        return false
-      },
-    ],
-    paging: {
-      translate: (params: PagingParams) => ({
-        pageNum: params.page,
-        pageSize: params.pageSize,
-      }),
-      transform(data: any): PagingData {
-        return {
-          totalPages: data.pages,
-        }
-      },
-    },
-    translates,
-    transforms,
-  })
-  return $http
-}
-
-export { useHttp }
-
-export * from './endpoints'
+import Taro from '@tarojs/taro'
+import { HttpRequestConfig, PagingData, PagingParams, ResponseRaw, createHttp } from '../../shared'
+import { translates, transforms } from './endpoints'
+import { useAppKitOptions } from '../../Appkit'
+
+/**
+ * 小程序端 Http
+ * 使用 Taro.request 实现
+ */
+const vendor = {
+  async request<T>(config: HttpRequestConfig) {
+    return new Promise<ResponseRaw<T>>((resolve, reject) => {
+      Taro.request({
+        url: config.url,
+        method: config.method,
+        header: config.headers,
+        data: config.data,
+      })
+        .then(({ data }) => {
+          resolve({
+            status: +data.code,
+            message: data.msg,
+            data: data.result as T,
+          })
+        })
+        .catch((e: any) => {
+          reject(e)
+        })
+    })
+  },
+}
+
+function useHttp() {
+  const appkitOptions = useAppKitOptions()
+  const headers = {
+    Token: appkitOptions.tempToken() || appkitOptions.token(),
+    Appcode: appkitOptions.app(),
+    cookie: `tid=${appkitOptions.tenant()}`,
+    gray: appkitOptions.gray ? appkitOptions.gray() : '0',
+  }
+  /**
+   * 传入配置获取 Http instanse
+   */
+  const $http = createHttp({
+    vendor,
+    baseUrl: appkitOptions.baseUrl(),
+    headers,
+    interceptors: [
+      (raw) => {
+        if (raw.status == 401) {
+          appkitOptions[401]()
+          return true
+        }
+        return false
+      },
+      (raw) => {
+        if (raw.status > 500 && raw.status != 51015 && raw.status != 51014) {
+          return true
+        }
+        return false
+      },
+    ],
+    paging: {
+      translate: (params: PagingParams) => ({
+        pageNum: params.page,
+        pageSize: params.pageSize,
+      }),
+      transform(data: any): PagingData {
+        return {
+          totalPages: data.pages,
+        }
+      },
+    },
+    translates,
+    transforms,
+  })
+  return $http
+}
+
+export { useHttp }
+
+export * from './endpoints'

package/src/notice/components/LoginSetting.vue

@@ -1,112 +1,112 @@
-<template>
-  <div class="login-setting" :style="style" v-if="show && showLoginRule">
-    <img
-      class="login-setting-img"
-      src="https://cdn.ddjf.com/static/images/nutshell/empty-permission.png"
-    />
-    <div class="login-setting-text">
-      {{ loginRuleTip }}
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed, ref, onMounted } from 'vue'
-import { useHttp } from '../api'
-import { useAppKitOptions } from '../../Appkit'
-import { useSafeArea } from '../../shared/composables'
-import { useDidShow } from '@tarojs/taro'
-import debounce from 'lodash/debounce'
-
-const props = withDefaults(
-  defineProps<{
-    app: string
-    withTabbar?: boolean
-    withNavbar?: boolean
-    show?: boolean
-  }>(),
-  {
-    app: '',
-    withTabbar: false,
-    withNavbar: false,
-    show: true,
-  }
-)
-
-const safeArea = useSafeArea()
-const showLoginRule = ref<boolean>(false)
-const loginRuleTip = ref('')
-
-const style = computed(() => {
-  let str = ''
-  if (props.withTabbar) {
-    str += `bottom: ${safeArea.menuRect.bottom + 5}px;`
-  }
-  if (props.withNavbar) {
-    str += `top: ${safeArea.nav + safeArea.status + 5}px;`
-  }
-  return str
-})
-
-onMounted(() => {
-  checkLoginTimeRule()
-})
-useDidShow(() => {
-  checkLoginTimeRule()
-})
-
-// 检验登录时间
-const checkLoginTimeRule = debounce(() => {
-  const appkitOptions = useAppKitOptions()
-
-  const $http = useHttp()
-  $http
-    .post('/cas/sysUser/checkLoginTimeRule', {
-      appCode: props.app || appkitOptions.app(),
-      tenantId: appkitOptions.tenant(),
-      device: 'mini',
-    })
-    .then((result: any) => {
-      if (result === true) {
-        showLoginRule.value = false
-        loginRuleTip.value = ''
-        emits('show', loginRuleTip.value)
-        return
-      } else if (result.status) {
-        showLoginRule.value = true
-        loginRuleTip.value = result.message
-        emits('show', loginRuleTip.value)
-      }
-    })
-}, 100)
-
-// 父组件事件
-const emits = defineEmits(['show'])
-</script>
-
-<style lang="scss">
-.login-setting {
-  position: fixed;
-  z-index: 4;
-  left: 12px;
-  top: 10px;
-  bottom: 10px;
-  align-items: center;
-  justify-content: center;
-  width: calc(100% - 24px);
-  background: #ffffff;
-  border-radius: 5px;
-  display: flex;
-  flex-direction: column;
-  &-img {
-    height: 111px;
-    width: 198px;
-  }
-  &-text {
-    margin-top: 10px;
-    color: #353535;
-    opacity: 0.4;
-    font-size: 12px;
-  }
-}
-</style>
+<template>
+  <div class="login-setting" :style="style" v-if="show && showLoginRule">
+    <img
+      class="login-setting-img"
+      src="https://cdn.ddjf.com/static/images/nutshell/empty-permission.png"
+    />
+    <div class="login-setting-text">
+      {{ loginRuleTip }}
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref, onMounted } from 'vue'
+import { useHttp } from '../api'
+import { useAppKitOptions } from '../../Appkit'
+import { useSafeArea } from '../../shared/composables'
+import { useDidShow } from '@tarojs/taro'
+import debounce from 'lodash/debounce'
+
+const props = withDefaults(
+  defineProps<{
+    app: string
+    withTabbar?: boolean
+    withNavbar?: boolean
+    show?: boolean
+  }>(),
+  {
+    app: '',
+    withTabbar: false,
+    withNavbar: false,
+    show: true,
+  }
+)
+
+const safeArea = useSafeArea()
+const showLoginRule = ref<boolean>(false)
+const loginRuleTip = ref('')
+
+const style = computed(() => {
+  let str = ''
+  if (props.withTabbar) {
+    str += `bottom: ${safeArea.menuRect.bottom + 5}px;`
+  }
+  if (props.withNavbar) {
+    str += `top: ${safeArea.nav + safeArea.status + 5}px;`
+  }
+  return str
+})
+
+onMounted(() => {
+  checkLoginTimeRule()
+})
+useDidShow(() => {
+  checkLoginTimeRule()
+})
+
+// 检验登录时间
+const checkLoginTimeRule = debounce(() => {
+  const appkitOptions = useAppKitOptions()
+
+  const $http = useHttp()
+  $http
+    .post('/cas/sysUser/checkLoginTimeRule', {
+      appCode: props.app || appkitOptions.app(),
+      tenantId: appkitOptions.tenant(),
+      device: 'mini',
+    })
+    .then((result: any) => {
+      if (result === true) {
+        showLoginRule.value = false
+        loginRuleTip.value = ''
+        emits('show', loginRuleTip.value)
+        return
+      } else if (result.status) {
+        showLoginRule.value = true
+        loginRuleTip.value = result.message
+        emits('show', loginRuleTip.value)
+      }
+    })
+}, 100)
+
+// 父组件事件
+const emits = defineEmits(['show'])
+</script>
+
+<style lang="scss">
+.login-setting {
+  position: fixed;
+  z-index: 4;
+  left: 12px;
+  top: 10px;
+  bottom: 10px;
+  align-items: center;
+  justify-content: center;
+  width: calc(100% - 24px);
+  background: #ffffff;
+  border-radius: 5px;
+  display: flex;
+  flex-direction: column;
+  &-img {
+    height: 111px;
+    width: 198px;
+  }
+  &-text {
+    margin-top: 10px;
+    color: #353535;
+    opacity: 0.4;
+    font-size: 12px;
+  }
+}
+</style>