@uxda/appkit 1.2.8 → 1.2.12

package/src/shared/components/PageHeader.vue

@@ -1,80 +1,80 @@
-<template>
-  <div :class="[
-    'page-header',
-    `color-mode-${colorMode}`
-  ]" :style="cssVars">
-    <h1 class="page-title" v-if="title">{{ title }}</h1>
-    <view class="back-button" @click="onBackButtonClick"></view>
-    <slot></slot>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { useSafeArea } from '../composables'
-
-
-const safeArea = useSafeArea()
-
-const cssVars = {
-  '--top': `${safeArea.status}px`,
-  '--height': `${safeArea.nav}px`
-}
-
-export type PageHeaderColorMode = 'light' | 'dark'
-
-export interface PageHeaderProps {
-  title?: string,
-  colorMode?: PageHeaderColorMode
-}
-
-const emit = defineEmits<{
-  (event: 'close'): void
-}>()
-
-withDefaults(
-  defineProps<PageHeaderProps>(), {
-    title: '',
-    colorMode: 'light'
-  }
-)
-
-const onBackButtonClick = () => {
-  emit('close')
-}
-</script>
-
-<style lang="scss">
-.page-header {
-  display: flex;
-  position: relative;
-  align-items: center;
-  padding-top: var(--top);
-  min-height: var(--height);
-  .page-title {
-    position: absolute;
-    font-size: 18px;
-    height: var(--height);
-    line-height: var(--height);
-    top: var(--top);
-    width: 100%;
-    text-align: center;
-  }
-  .back-button {
-    position: absolute;
-    top: var(--top);
-    left: 10px;
-    width: var(--height);
-    height: var(--height);
-    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg3OCA0MUw0MC45OTk5IDQxTDQwLjk5OTkgMUwwLjk5OTg3OCAxTDAuOTk5ODc4IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTMzIDE4Ljk0NzdDMTEuODYzMyAyMC4wMTQ1IDExLjgxMiAyMS43OTU0IDEyLjg3ODggMjIuOTI1NUwyNy45MTA1IDM3LjEzNDVDMjguNjkyNSAzNy44NzM0IDI5LjkyNTUgMzcuODM4NCAzMC42NjQ0IDM3LjA1NjRDMzEuMzY4MSAzNi4zMTE2IDMxLjM2OTkgMzUuMTU3OSAzMC42OTI5IDM0LjQxMTRMMTYuNTAxMiAyMC45OTM5TDMwLjU4NTcgNy42OTc4NUMzMS4zMzA4IDYuOTk0NDkgMzEuMjk4MiA1LjcyNzk1IDMwLjY2NDkgNC45NDQwMkMyOS45NjE2IDQuMTk4OTUgMjguODA5OCA0LjEzMTI5IDI4LjAyNTkgNC43NjQ1MkwxMi45OTMzIDE4Ljk0NzdaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
-    background-size: 50%;
-    background-repeat: no-repeat;
-    background-position: center center;
-  }
-  &.color-mode-dark {
-    color: var(--text-color-dark-mode, #fff);
-    .back-button {
-      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg0NyA0MUw0MC45OTk4IDQxTDQwLjk5OTggMUwwLjk5OTg0NyAxTDAuOTk5ODQ3IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTM0IDE4Ljk0NzVDMTEuODYzNCAyMC4wMTQzIDExLjgxMjEgMjEuNzk1MiAxMi44Nzg5IDIyLjkyNTJMMjcuOTEwNiAzNy4xMzQzQzI4LjY5MjcgMzcuODczMSAyOS45MjU2IDM3LjgzODIgMzAuNjY0NSAzNy4wNTYyQzMxLjM2ODIgMzYuMzExNCAzMS4zNyAzNS4xNTc2IDMwLjY5MyAzNC40MTExTDE2LjUwMTMgMjAuOTkzNkwzMC41ODU4IDcuNjk3NjFDMzEuMzMwOSA2Ljk5NDI0IDMxLjI5ODMgNS43Mjc3MSAzMC42NjUxIDQuOTQzNzdDMjkuOTYxNyA0LjE5ODcxIDI4LjgwOTkgNC4xMzEwNCAyOC4wMjYgNC43NjQyN0wxMi45OTM0IDE4Ljk0NzVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
-    }
-  }
-}
+<template>
+  <div :class="[
+    'page-header',
+    `color-mode-${colorMode}`
+  ]" :style="cssVars">
+    <h1 class="page-title" v-if="title">{{ title }}</h1>
+    <view class="back-button" @click="onBackButtonClick"></view>
+    <slot></slot>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useSafeArea } from '../composables'
+
+
+const safeArea = useSafeArea()
+
+const cssVars = {
+  '--top': `${safeArea.status}px`,
+  '--height': `${safeArea.nav}px`
+}
+
+export type PageHeaderColorMode = 'light' | 'dark'
+
+export interface PageHeaderProps {
+  title?: string,
+  colorMode?: PageHeaderColorMode
+}
+
+const emit = defineEmits<{
+  (event: 'close'): void
+}>()
+
+withDefaults(
+  defineProps<PageHeaderProps>(), {
+    title: '',
+    colorMode: 'light'
+  }
+)
+
+const onBackButtonClick = () => {
+  emit('close')
+}
+</script>
+
+<style lang="scss">
+.page-header {
+  display: flex;
+  position: relative;
+  align-items: center;
+  padding-top: var(--top);
+  min-height: var(--height);
+  .page-title {
+    position: absolute;
+    font-size: 18px;
+    height: var(--height);
+    line-height: var(--height);
+    top: var(--top);
+    width: 100%;
+    text-align: center;
+  }
+  .back-button {
+    position: absolute;
+    top: var(--top);
+    left: 10px;
+    width: var(--height);
+    height: var(--height);
+    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg3OCA0MUw0MC45OTk5IDQxTDQwLjk5OTkgMUwwLjk5OTg3OCAxTDAuOTk5ODc4IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTMzIDE4Ljk0NzdDMTEuODYzMyAyMC4wMTQ1IDExLjgxMiAyMS43OTU0IDEyLjg3ODggMjIuOTI1NUwyNy45MTA1IDM3LjEzNDVDMjguNjkyNSAzNy44NzM0IDI5LjkyNTUgMzcuODM4NCAzMC42NjQ0IDM3LjA1NjRDMzEuMzY4MSAzNi4zMTE2IDMxLjM2OTkgMzUuMTU3OSAzMC42OTI5IDM0LjQxMTRMMTYuNTAxMiAyMC45OTM5TDMwLjU4NTcgNy42OTc4NUMzMS4zMzA4IDYuOTk0NDkgMzEuMjk4MiA1LjcyNzk1IDMwLjY2NDkgNC45NDQwMkMyOS45NjE2IDQuMTk4OTUgMjguODA5OCA0LjEzMTI5IDI4LjAyNTkgNC43NjQ1MkwxMi45OTMzIDE4Ljk0NzdaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
+    background-size: 50%;
+    background-repeat: no-repeat;
+    background-position: center center;
+  }
+  &.color-mode-dark {
+    color: var(--text-color-dark-mode, #fff);
+    .back-button {
+      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg0NyA0MUw0MC45OTk4IDQxTDQwLjk5OTggMUwwLjk5OTg0NyAxTDAuOTk5ODQ3IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTM0IDE4Ljk0NzVDMTEuODYzNCAyMC4wMTQzIDExLjgxMjEgMjEuNzk1MiAxMi44Nzg5IDIyLjkyNTJMMjcuOTEwNiAzNy4xMzQzQzI4LjY5MjcgMzcuODczMSAyOS45MjU2IDM3LjgzODIgMzAuNjY0NSAzNy4wNTYyQzMxLjM2ODIgMzYuMzExNCAzMS4zNyAzNS4xNTc2IDMwLjY5MyAzNC40MTExTDE2LjUwMTMgMjAuOTkzNkwzMC41ODU4IDcuNjk3NjFDMzEuMzMwOSA2Ljk5NDI0IDMxLjI5ODMgNS43Mjc3MSAzMC42NjUxIDQuOTQzNzdDMjkuOTYxNyA0LjE5ODcxIDI4LjgwOTkgNC4xMzEwNCAyOC4wMjYgNC43NjQyN0wxMi45OTM0IDE4Ljk0NzVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
+    }
+  }
+}
 </style>

package/src/shared/components/index.ts

@@ -1,7 +1,7 @@
-import AppDrawer from './AppDrawer.vue'
-import PageHeader from './PageHeader.vue'
-
-export {
-  AppDrawer,
-  PageHeader
+import AppDrawer from './AppDrawer.vue'
+import PageHeader from './PageHeader.vue'
+
+export {
+  AppDrawer,
+  PageHeader
 }

package/src/shared/composables/index.ts

@@ -1,2 +1,2 @@
-export * from './useSafeArea'
-export * from './useTabbar'
+export * from './useSafeArea'
+export * from './useTabbar'

package/src/shared/composables/useSafeArea.ts

@@ -1,44 +1,44 @@
-import Taro from '@tarojs/taro'
-/**
- * 屏幕安全区域
- */
-export type SafeArea = {
-  /**
-   * 状态条高度
-   */
-  status: number,
-  /**
-   * 导航条区域(胶囊)
-   */
-  nav: number,
-  /**
-   * 屏幕底部范围
-   */
-  bottom: number
-}
-
-/**
- * 获取屏幕安全区域
- * 从系统 API 获取
- * @returns 
- */
-export function useSafeArea (): SafeArea {
-  const systemInfo = Taro.getSystemInfoSync(),
-    capsule = Taro.getMenuButtonBoundingClientRect()
-  /**
-   * 状态条高度
-   */
-  const status = systemInfo.statusBarHeight || 0,
-    /**
-     * 据说是胶囊上下间距
-     */
-    gap = capsule.top - status,
-    nav = capsule.height + gap * 2,
-    safeAreaBottom = systemInfo.safeArea?.bottom || 0,
-    bottom = systemInfo.screenHeight - safeAreaBottom
-  return {
-    status,
-    nav,
-    bottom
-  }
+import Taro from '@tarojs/taro'
+/**
+ * 屏幕安全区域
+ */
+export type SafeArea = {
+  /**
+   * 状态条高度
+   */
+  status: number,
+  /**
+   * 导航条区域(胶囊)
+   */
+  nav: number,
+  /**
+   * 屏幕底部范围
+   */
+  bottom: number
+}
+
+/**
+ * 获取屏幕安全区域
+ * 从系统 API 获取
+ * @returns 
+ */
+export function useSafeArea (): SafeArea {
+  const systemInfo = Taro.getSystemInfoSync(),
+    capsule = Taro.getMenuButtonBoundingClientRect()
+  /**
+   * 状态条高度
+   */
+  const status = systemInfo.statusBarHeight || 0,
+    /**
+     * 据说是胶囊上下间距
+     */
+    gap = capsule.top - status,
+    nav = capsule.height + gap * 2,
+    safeAreaBottom = systemInfo.safeArea?.bottom || 0,
+    bottom = systemInfo.screenHeight - safeAreaBottom
+  return {
+    status,
+    nav,
+    bottom
+  }
 }

package/src/shared/composables/useTabbar.ts

@@ -1,24 +1,24 @@
-import { ref } from 'vue'
-
-const tab = ref<string>(''),
-changeCallback = ref<(value: string) => void>(
-  (value: string) => {
-    console.log('ORIGINAL changeCallback===', value)
-  }
-)
-
-const setTab = (value: string) => {
-  tab.value = value
-  changeCallback.value(value)
-}
-
-const onTabChange = (callback: (value: string) => void) => {
-  changeCallback.value = callback
-}
-
-export function useTabbar () {
-  return {
-    onTabChange,
-    setTab
-  }
-}
+import { ref } from 'vue'
+
+const tab = ref<string>(''),
+changeCallback = ref<(value: string) => void>(
+  (value: string) => {
+    console.log('ORIGINAL changeCallback===', value)
+  }
+)
+
+const setTab = (value: string) => {
+  tab.value = value
+  changeCallback.value(value)
+}
+
+const onTabChange = (callback: (value: string) => void) => {
+  changeCallback.value = callback
+}
+
+export function useTabbar () {
+  return {
+    onTabChange,
+    setTab
+  }
+}

package/src/shared/http/Http.ts

@@ -1,126 +1,126 @@
-import { HttpInstance, HttpClientConfig,
-  HttpMethod, HttpRequestConfig,
-  RequestData, ResponseData,
-  ResponseRaw } from './types'
-/**
- * Useage:
- * const $http = createHttp({
- *
- * })
- * $http.get('/url').then(data => {
- *
- * })
- */
-
-/**
- * 统一请求过程
- * @param config
- * @returns
- */
-const request: HttpInstance['request'] = <T>(config: HttpRequestConfig) => {
-  const c = {
-    ...clientConfig,
-    ...config,
-  }
-  return new Promise<T>((resolve, reject) => {
-    const data = config.data
-      && clientConfig.translates
-      && clientConfig.translates[c.url]
-        ? clientConfig.translates[c.url]?.(c.data || {})
-        : c.data
-    console.log(`[][][][][]HTTP.${c.method}, ${c.baseUrl}${c.url}`, data)
-    clientConfig.vendor?.request({
-      url: `${c.baseUrl}${c.url}`,
-      data,
-      headers: c.headers,
-      method: c.method,
-    }).then((raw: ResponseRaw) => {
-      // 按顺序执行拦截器
-      for (const interc of c.interceptors || []) {
-        const r = interc(raw)
-        if (r) {
-          // 某拦截器命中时
-          // 按拦截结果 决定是否继续执行
-          reject('===INTERCEPTED===' + raw.status)
-          return false
-        }
-      }
-      if (raw.data) {
-        // 当用户配置含有 transforms 时, 使用用户提供的 transform
-        // 先 endpoints transform
-        // 再组装分页数据
-        const response = clientConfig.transforms
-          && clientConfig.transforms[c.url]
-            ? clientConfig.transforms[c.url]?.(raw.data) as T
-            : data as T
-        // 前端要求分页
-        // 在 endpoints transform 之前格式化分页数据
-        // 并拼装回原 raw 数据
-        const paging = config.data?.page
-          ? clientConfig.paging?.transform(raw.data)
-          : void 0
-        resolve(
-          paging
-            ? {
-                ...paging,
-                data: response
-              } as T
-            : response
-        )
-      } else {
-        reject(`未知错误`)
-      }
-    }).catch((e: any) => {
-      console.log('request.catch===', e)
-    })
-  })
-}
-
-const get: HttpInstance['get'] = <T = ResponseData>(url: string, data?: RequestData) => {
-  return request<T>({
-    url,
-    data,
-    method: HttpMethod.get
-  })
-}
-
-const post: HttpInstance['post'] = <T = ResponseData>(url: string, data: RequestData) => {
-  return request<T>({
-    url,
-    data,
-    method: HttpMethod.post
-  })
-}
-
-/**
- * 场景配置
- * 本地后台团队统一返回值外层
- */
-const defaultClientConfig: HttpClientConfig = {
-  baseUrl: '/',
-  interceptors: [
-    (raw) => raw.status == 401,
-  ]
-}
-
-let clientConfig = {
-  ...defaultClientConfig
-}
-
-/**
- * 写入配置并返回 HTTP instance
- * @param config
- * @returns
- */
-export function createHttp (config: HttpClientConfig): HttpInstance {
-  clientConfig = {
-    ...defaultClientConfig,
-    ...config
-  }
-
-  return {
-    request,
-    get,
-    post
-  }
-}
+import { HttpInstance, HttpClientConfig,
+  HttpMethod, HttpRequestConfig,
+  RequestData, ResponseData,
+  ResponseRaw } from './types'
+/**
+ * Useage:
+ * const $http = createHttp({
+ *
+ * })
+ * $http.get('/url').then(data => {
+ *
+ * })
+ */
+
+/**
+ * 统一请求过程
+ * @param config
+ * @returns
+ */
+const request: HttpInstance['request'] = <T>(config: HttpRequestConfig) => {
+  const c = {
+    ...clientConfig,
+    ...config,
+  }
+  return new Promise<T>((resolve, reject) => {
+    const data = config.data
+      && clientConfig.translates
+      && clientConfig.translates[c.url]
+        ? clientConfig.translates[c.url]?.(c.data || {})
+        : c.data
+    console.log(`[][][][][]HTTP.${c.method}, ${c.baseUrl}${c.url}`, data)
+    clientConfig.vendor?.request({
+      url: `${c.baseUrl}${c.url}`,
+      data,
+      headers: c.headers,
+      method: c.method,
+    }).then((raw: ResponseRaw) => {
+      // 按顺序执行拦截器
+      for (const interc of c.interceptors || []) {
+        const r = interc(raw)
+        if (r) {
+          // 某拦截器命中时
+          // 按拦截结果 决定是否继续执行
+          reject('===INTERCEPTED===' + raw.status)
+          return false
+        }
+      }
+      if (raw.data) {
+        // 当用户配置含有 transforms 时, 使用用户提供的 transform
+        // 先 endpoints transform
+        // 再组装分页数据
+        const response = clientConfig.transforms
+          && clientConfig.transforms[c.url]
+            ? clientConfig.transforms[c.url]?.(raw.data) as T
+          : raw.data as T 
+        // 前端要求分页
+        // 在 endpoints transform 之前格式化分页数据
+        // 并拼装回原 raw 数据
+        const paging = config.data?.page
+          ? clientConfig.paging?.transform(raw.data)
+          : void 0
+        resolve(
+          paging
+            ? {
+                ...paging,
+                data: response
+              } as T
+            : response
+        )
+      } else {
+        resolve(raw as any)
+      }
+    }).catch((e: any) => {
+      console.log('request.catch===', e)
+    })
+  })
+}
+
+const get: HttpInstance['get'] = <T = ResponseData>(url: string, data?: RequestData) => {
+  return request<T>({
+    url,
+    data,
+    method: HttpMethod.get
+  })
+}
+
+const post: HttpInstance['post'] = <T = ResponseData>(url: string, data: RequestData) => {
+  return request<T>({
+    url,
+    data,
+    method: HttpMethod.post
+  })
+}
+
+/**
+ * 场景配置
+ * 本地后台团队统一返回值外层
+ */
+const defaultClientConfig: HttpClientConfig = {
+  baseUrl: '/',
+  interceptors: [
+    (raw) => raw.status == 401
+  ]
+}
+
+let clientConfig = {
+  ...defaultClientConfig
+}
+
+/**
+ * 写入配置并返回 HTTP instance
+ * @param config
+ * @returns
+ */
+export function createHttp (config: HttpClientConfig): HttpInstance {
+  clientConfig = {
+    ...defaultClientConfig,
+    ...config
+  }
+
+  return {
+    request,
+    get,
+    post
+  }
+}

package/src/shared/http/index.ts

@@ -1,2 +1,2 @@
-export * from './Http'
+export * from './Http'
 export type * from './types'