@gx-design-vue/create-gx-cli 0.1.2 → 0.1.3

package/template-mobile-vant-cli/src/components/PageContainer/ProSkeleton.tsx

@@ -1,30 +0,0 @@
-import type { FunctionalComponent } from 'vue'
-import { Skeleton } from 'vant'
-import styles from './style.module.less'
-
-import 'vant/es/skeleton/style'
-
-const Proskeleton: FunctionalComponent<{ line: number; loading: boolean }> = (props, { slots }) => {
-
-  const renderMapItem = () => {
-    const show = []
-    for(let i = 0; i < props.line; i += 1) {
-      show.push(
-        <div class={styles.skeletonItem}>
-          <Skeleton row={3} loading />
-        </div>
-      )
-    }
-    return show
-  }
-
-  return (
-    <>
-      {
-        props.loading ? renderMapItem() : <>{ slots.default?.() }</>
-      }
-    </>
-  )
-}
-
-export default Proskeleton

package/template-mobile-vant-cli/src/components/PageContainer/index.tsx

@@ -1,114 +0,0 @@
-import { defineComponent, toRefs, watch } from 'vue'
-import { usePageLoading } from '@gx-mobile/hooks/web'
-import ProSkeleton from './ProSkeleton'
-import styles from './style.module.less'
-import type { SetLoadingParams } from '@gx-mobile/hooks/web/usePageLoading'
-
-export type PageLoadingTpe = 'toast' | 'skeleton'
-
-type ChangeLoadingParams<T> = Omit<SetLoadingParams<T>, 'type'> & {
-  hiddenSlot?: boolean;
-}
-
-const PageContainer = defineComponent({
-  name: 'GProPageContainer',
-  inheritAttrs: false,
-  props: {
-    loading: Boolean as PropType<boolean>,
-    hiddenSlot: {
-      type: Boolean as PropType<boolean>,
-      default: true
-    },
-    loadingMsg: {
-      type: String as PropType<string>,
-      default: '加载中'
-    },
-    loadingType: {
-      type: String as PropType<PageLoadingTpe>,
-      default: 'toast'
-    },
-    bgcolor: {
-      type: String as PropType<string>,
-      default: '#fafafa'
-    }
-  },
-  emits: [ 'update:loading' ],
-  setup(props, { slots, expose, emit }) {
-    const { loading: loadingRef, loadingType, loadingMsg, hiddenSlot } = toRefs(props)
-
-    const initStatus = ref(true)
-
-    const hiddenSlotRef = ref(props.hiddenSlot)
-
-    const [ loading, setLoading ] = usePageLoading({
-      defaultType: loadingType.value,
-      defaultMessage: loadingMsg.value,
-      defaultLoading: loadingRef.value
-    })
-
-    watch(() => loading.value, (val) => {
-      if (initStatus.value && val) initStatus.value = false
-      emit('update:loading', val)
-    }, {
-      deep: true,
-      immediate: true
-    })
-
-    watch(() => loadingRef.value, (val) => {
-      if (loadingType.value === 'toast') {
-        setLoading({
-          value: val,
-          type: loadingType.value,
-          message: loadingMsg.value
-        })
-      } else if (initStatus.value || !val) {
-        setLoading({
-          value: val,
-          type: loadingType.value,
-          message: loadingMsg.value
-        })
-      }
-    })
-
-    watch(() => hiddenSlot.value, (val) => {
-      hiddenSlotRef.value = val
-    }, {
-      immediate: true
-    })
-
-    const changeLoading = ({
-      value,
-      message,
-      hiddenSlot
-    }: ChangeLoadingParams<boolean>) => {
-      if (loadingType.value === 'toast') {
-        hiddenSlotRef.value = hiddenSlot
-        setLoading({ value, message, type: loadingType.value })
-      }
-    }
-
-    expose({
-      toggleLoading: changeLoading
-    })
-
-    return () => {
-      return (
-        <div class={styles.pageContainer} style={{ backgroundColor: props.bgcolor }}>
-          <div class={styles.pageContainerWrapper}>
-            {
-              loadingType.value === 'skeleton'
-                ? (
-                  <ProSkeleton line={3} loading={loading.value}>
-                    {slots.default?.()}
-                  </ProSkeleton>
-                )
-                : ((!loading.value || !hiddenSlotRef.value) && <>{slots.default?.()}</>)
-            }
-          </div>
-        </div>
-      )
-    }
-  }
-})
-
-export default PageContainer

package/template-mobile-vant-cli/src/components/PageContainer/style.module.less

@@ -1,14 +0,0 @@
-.pageContainer {
-  width: 100%;
-  min-height: 100vh;
-  padding: 15px;
-  background: var(--van-doc-background-3);
-  
-  .pageContainerWrapper {
-    position: relative;
-  }
-  
-  .skeletonItem + .skeletonItem {
-    margin-top: 50px;
-  }
-}

package/template-mobile-vant-cli/src/core/gx-design/index.ts

@@ -1,7 +0,0 @@
-import PageContainer from '@/components/PageContainer'
-
-const vantDesign = (app) => {
-  app.component('g-pro-page-container', PageContainer)
-}
-
-export default vantDesign

package/template-mobile-vant-cli/src/core/index.ts

@@ -1,12 +0,0 @@
-import dayjs from 'dayjs'
-import 'dayjs/locale/zh-cn'
-
-dayjs.locale('zh-cn')
-
-import vantDesign from './vant-design'
-import gxDesign from './gx-design'
-
-export function setupGlobCommon(app) {
-  gxDesign(app)
-  vantDesign(app)
-}

package/template-mobile-vant-cli/src/core/vant-design/index.ts

@@ -1,4 +0,0 @@
-const vantDesign = (app) => {
-}
-
-export default vantDesign

package/template-mobile-vant-cli/src/design/index.less

@@ -1,3 +0,0 @@
-@import './root';
-@import './reset';
-@import './vant';

package/template-mobile-vant-cli/src/design/reset.less

@@ -1,155 +0,0 @@
-/****reset****/
-body,
-div,
-table,
-tr,
-td,
-th,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-form,
-input,
-button,
-label,
-select,
-textarea,
-p,
-u,
-i,
-em,
-ul,
-ol,
-li,
-dl,
-dd,
-dt,
-img,
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-menu,
-nav,
-section,
-pre {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  font-size: 100%;
-  vertical-align: baseline;
-  border: 0;
-  outline: 0;
-}
-
-li {
-  list-style: none;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: 100%;
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  width: 100%;
-}
-
-a,
-input,
-select,
-textarea,
-area,
-button {
-  outline: none;
-  font-family: inherit;
-  font-size: inherit;
-  border: none;
-  background: none;
-  color: inherit;
-}
-
-a {
-  text-decoration: none;
-}
-
-a:hover {
-  text-decoration: none;
-}
-
-textarea {
-  overflow: auto;
-  resize: none;
-}
-
-input[type='button'],
-input[type='submit'],
-input[type='reset'] {
-  cursor: pointer;
-  -webkit-appearance: none;
-}
-
-html,
-body {
-  overflow-x: hidden;
-  width: 100%;
-  height: 100%;
-  background: #ffffff;
-}
-
-* {
-  -webkit-overflow-scrolling: touch;
-}
-
-html {
-  -webkit-tap-highlight-color: transparent;
-}
-
-body {
-  text-align: left;
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
-
-  #app {
-    height: 100%;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    overflow-x: hidden;
-    box-sizing: border-box;
-  }
-}
-
-.fl {
-  float: left;
-}
-
-.fr {
-  float: right;
-}
-
-.clearfix {
-  zoom: 1;
-  &::before,
-  &::after {
-    display: table;
-    content: ' ';
-  }
-  &::after {
-    clear: both;
-    height: 0;
-    font-size: 0;
-    visibility: hidden;
-  }
-}

package/template-mobile-vant-cli/src/design/root.less

@@ -1,3 +0,0 @@
-:root {
-  --gx-mobile-layout-bg: #ffffff;
-}

package/template-mobile-vant-cli/src/design/vant.less

@@ -1,2 +0,0 @@
-:root {
-}

package/template-mobile-vant-cli/src/global.less

@@ -1 +0,0 @@
-@import './design/index';

package/template-mobile-vant-cli/src/hooks/web/index.ts

@@ -1,5 +0,0 @@
-import usePageLoading from './usePageLoading'
-
-export {
-  usePageLoading
-}

package/template-mobile-vant-cli/src/hooks/web/usePageLoading.ts

@@ -1,55 +0,0 @@
-import type { Ref } from 'vue'
-import { ref, watch } from 'vue'
-import { closeToast, showLoadingToast } from 'vant'
-import type { PageLoadingTpe } from '@/components/PageContainer'
-
-export type SetLoadingParams<T> = { value: T; type?: PageLoadingTpe; message?: string }
-
-type ChangeLoadingFn<T> = ({ value, type, message }: SetLoadingParams<T>) => void
-
-export default function usePageLoading<T, R = Ref<T>>({
-  defaultType,
-  defaultMessage,
-  defaultLoading
-}: {
-  defaultType?: PageLoadingTpe;
-  defaultMessage?: string;
-  defaultLoading?: T | (() => T);
-}): [ R, ChangeLoadingFn<T> ] {
-
-  const initValue: T =
-    typeof defaultLoading === 'function' ? (defaultLoading as any)() : defaultLoading
-
-  const pageLoading = ref(initValue) as Ref<T>
-
-  const loadingMessage = ref(defaultMessage)
-
-  const loadingType = ref(defaultType)
-
-  watch(() => pageLoading.value, (val) => {
-    if (val) {
-      if (loadingType.value === 'toast') {
-        showLoadingToast({
-          duration: 0,
-          forbidClick: true,
-          message: loadingMessage.value || '加载中'
-        })
-      } else {
-        closeToast()
-      }
-    } else {
-      closeToast()
-    }
-  }, {
-    deep: true,
-    immediate: true
-  })
-
-  const changeLoading = ({ value, type, message }: SetLoadingParams<T>) => {
-    pageLoading.value = value
-    loadingMessage.value = message
-    if (type) loadingType.value = type
-  }
-
-  return [ pageLoading as unknown as R, changeLoading ]
-}

package/template-mobile-vant-cli/src/layout/BasicLayout.vue

@@ -1,16 +0,0 @@
-<template>
-  <div :class="$style['basic-layout']">
-    <RouterView>
-      <template #default="{ Component }">
-        <component :is="Component" />
-      </template>
-    </RouterView>
-  </div>
-</template>
-
-<script setup lang="ts">
-</script>
-
-<style lang="less" module>
-@import './basicLayout';
-</style>

package/template-mobile-vant-cli/src/layout/basicLayout.less

@@ -1,11 +0,0 @@
-.basic-layout {
-  height: 100%;
-}
-
-@media screen and (min-width: 800px) {
-  .basic-layout {
-    width: 10rem;
-    max-width: 10rem;
-    margin: 0 auto;
-  }
-}

package/template-mobile-vant-cli/src/main.ts

@@ -1,27 +0,0 @@
-import { createApp } from 'vue'
-import { setupRouter } from '@/router'
-import { setupStore } from './store'
-import { setupGlobCommon } from './core'
-import App from './App.vue'
-
-import 'uno.css'
-
-import 'vant/es/toast/style'
-
-import './global.less'
-
-function startApp() {
-  const app = createApp(App)
-
-  // 配置store
-  setupStore(app)
-
-  // 配置路由
-  setupRouter(app)
-
-  setupGlobCommon(app)
-
-  app.mount('#app')
-}
-
-startApp()

package/template-mobile-vant-cli/src/pages/home.vue

@@ -1,71 +0,0 @@
-<template>
-  <g-pro-page-container
-    ref="pageContainer"
-    v-model:loading="loading"
-    :loadingMsg="loadingMsg"
-    :hiddenSlot="hiddenSlot"
-  >
-    <div style="display: flex;flex-direction: column;gap: 20px;">
-      <p>以下刷新只针对toast</p>
-      <van-button @click="init(true)">刷新（隐藏子组件）</van-button>
-      <van-button @click="init(false)">刷新（不隐藏子组件）</van-button>
-      <van-button @click="changeLoading('切换中')">切换loading提示语</van-button>
-      <van-button @click="toggleLoading(true)">刷新-调用方法-隐藏</van-button>
-      <van-button @click="toggleLoading(false)">刷新-调用方法-不隐藏</van-button>
-      <van-button @click="toggleLoading(false, '切换中')">刷新-调用方法-不隐藏-切换提示语</van-button>
-    </div>
-  </g-pro-page-container>
-</template>
-
-<script setup lang="ts">
-import { isBoolean } from '@gx-design-vue/pro-utils'
-
-const loading = ref(false)
-const pageContainer = ref()
-const loadingMsg = ref('加载中')
-const hiddenSlot = ref(true)
-
-onMounted(() => {
-  init()
-})
-
-const init = (val?: boolean) => {
-  loadingMsg.value = '加载中'
-  loading.value = true
-
-  if (isBoolean(val)) hiddenSlot.value = val
-
-  setTimeout(() => {
-    loading.value = false
-  }, 1000)
-}
-
-const changeLoading = (message: string) => {
-  loadingMsg.value = message
-  loading.value = true
-  hiddenSlot.value = false
-
-  setTimeout(() => {
-    loading.value = false
-  }, 1000)
-}
-
-const toggleLoading = (hiddenSlot: boolean, message?: string) => {
-  pageContainer.value?.toggleLoading({
-    value: true,
-    hiddenSlot,
-    message
-  })
-
-  setTimeout(() => {
-    pageContainer.value?.toggleLoading({
-      value: false,
-      hiddenSlot
-    })
-  }, 1000)
-}
-
-</script>
-
-<style lang="less" scoped>
-</style>

package/template-mobile-vant-cli/src/router/index.ts

@@ -1,24 +0,0 @@
-import type { App } from 'vue'
-import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
-import settings from '@/settings'
-import getPageTitle from '@/utils/pageTitle'
-import { constantRoutes } from './routes'
-
-export const router = createRouter({
-  history: createWebHashHistory(),
-  routes: constantRoutes as unknown as RouteRecordRaw[]
-})
-
-const doRouterPermission = () => {
-  router.afterEach((to) => {
-    const { meta }: any = to
-    document.title = getPageTitle(settings.title, meta.title || '')
-  })
-}
-
-// 配置路由器
-export function setupRouter(app: App<Element>) {
-  app.use(router);
-
-  doRouterPermission()
-}

package/template-mobile-vant-cli/src/router/routes.ts

@@ -1,20 +0,0 @@
-import type { AppRouteModule } from './typings'
-import BasicLayout from '@/layout/BasicLayout.vue'
-
-export const constantRoutes: AppRouteModule[] = [
-  {
-    path: '/',
-    component: BasicLayout,
-    redirect: '/home',
-    children: [
-      {
-        path: '/home',
-        name: 'Home',
-        meta: {
-          title: '首页'
-        },
-        component: () => import('@/pages/home.vue')
-      }
-    ]
-  }
-]

package/template-mobile-vant-cli/src/router/typings.ts

@@ -1,8 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router'
-
-interface AppRouteRecordRaw {
-  hidden?: boolean;
-  homePage?: number;
-}
-
-export type AppRouteModule = AppRouteRecordRaw & RouteRecordRaw;

package/template-mobile-vant-cli/src/services/index.ts

@@ -1,31 +0,0 @@
-import request from '@/utils/request'
-
-// get 请求
-export function getMock(params) {
-  return request({
-    url: '/get/mock',
-    method: 'get',
-    isMock: true,
-    params
-  })
-}
-
-// post 请求
-export function postMock(data) {
-  return request({
-    url: '/post/mock',
-    method: 'post',
-    isMock: true,
-    data
-  })
-}
-
-// formData 请求
-export function formDataMock(data) {
-  return request({
-    url: '/formData/mock',
-    method: 'post',
-    isMock: true,
-    data
-  })
-}

package/template-mobile-vant-cli/src/settings/index.ts

@@ -1,10 +0,0 @@
-export default {
-  title: 'gx-design-mobile',
-  tokenName: 'token',
-  contentType: 'application/json;charset=UTF-8',
-  requestPrefix: '',
-  //最长请求时间
-  requestTimeout: 10000,
-  //操作正常code，支持String、Array、int多种类型
-  successCode: [ 200, 0 ]
-}

package/template-mobile-vant-cli/src/store/index.ts

@@ -1,17 +0,0 @@
-import type { App } from 'vue'
-import { createPinia } from 'pinia'
-import { useStoreGlobal } from './modules/global'
-
-export {
-  useStoreGlobal
-}
-
-export function useStore() {
-  return {
-    global: useStoreGlobal()
-  }
-}
-
-export function setupStore(app: App<Element>) {
-  app.use(createPinia())
-}