create-pubinfo 2.0.0-rc.3 → 2.0.0-rc.5

package/templates/pubinfo-module/playground/src/views/system/login/index.vue

@@ -0,0 +1,142 @@
+<script setup lang="ts">
+import LoginFrom from './components/LoginForm.vue';
+
+defineOptions({
+  name: 'Login',
+});
+
+const title = ref(import.meta.env.VITE_APP_TITLE);
+
+const designDescription = [
+  {
+    title: '快速',
+    description: '快速搭建技术中台系统',
+  },
+  {
+    title: '灵活',
+    description: '灵活配置系统功能',
+  },
+  {
+    title: '便捷',
+    description: '高效提升系统开发效率',
+  },
+];
+</script>
+
+<template>
+  <div class="warp">
+    <div class="warp-blank">
+      <div
+        hidden
+        smd:block
+        class="w-full pl-[5vw] pt-[7vh]"
+      >
+        <div class="logo-group">
+          <PubinfoIcon
+            name="logo"
+            color="transparent"
+            mr="10px"
+            :size="32"
+          />
+          <span text="black dark:[#C9D6EF]">{{ title }}</span>
+        </div>
+        <div class="title-group">
+          <span text="black dark:[#C9D6EF]">一体化技术架构 一站式技术支撑</span>
+          <div flex="~ row" mt="30px">
+            <div
+              v-for="(item, index) in designDescription"
+              :key="index"
+              w-84px
+              h-36px
+              bg="#2F6BFF"
+              rounded-20px
+              text="20px #F7F7F7 dark:[#fff]"
+              font-normal
+              flex="~ center"
+              mr="15px"
+            >
+              {{ item.title }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      h-full
+      bg="[rgba(255,255,255,0.1)] smd:[rgba(255,255,255,1)] dark:[#0F1E3B]"
+      backdrop-blur-sm
+      w="full smd:1/2 xl:800px 2xl:900px"
+      transition-all
+      flex="~ col"
+      justify-between
+      pb="40px"
+      relative
+    >
+      <div
+        smd:hidden
+        flex="~ row center"
+        w-full
+        h-200px
+        absolute
+        disable="none"
+      >
+        <PubinfoIcon
+          name="logo"
+          color="transparent"
+          :size="42"
+          mr-15px
+        />
+        <span text="33px" font="bold">{{ title }}</span>
+      </div>
+      <div
+        w-full
+        flex="~"
+        justify-center
+        pt="20vh"
+      >
+        <LoginFrom />
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.warp {
+  --at-apply: relative flex flex-row w-full h-full overflow-hidden;
+  background: url("@/assets/images/login-bg.webp") no-repeat;
+  background-size: cover;
+}
+
+.warp .warp-blank {
+  --at-apply: flex-auto basis-0 overflow-hidden;
+}
+
+.warp .logo-group {
+  --at-apply: flex flex-row items-center h-33px mb-35px text-6 font-400 text-[#151e26];
+}
+
+.warp .title-group {
+  --at-apply: h-52px text-38px font-800 text-[#072347] tracking-[1.5px];
+}
+
+@media (width < 1024px) {
+  .warp {
+    background: url("@/assets/images/login-small.png") no-repeat left;
+    background-size: cover;
+  }
+}
+
+[data-theme="dark"] {
+  .warp {
+    background: url("@/assets/images/login-bg_dark.webp") no-repeat;
+    background-size: cover;
+  }
+
+  @media (width < 1024px) {
+    .warp {
+      background: url("@/assets/images/login-small_dark.webp") no-repeat left;
+      background-size: cover;
+    }
+  }
+}
+</style>

package/templates/pubinfo-module/playground/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./.pubinfo/tsconfig.app.json"
+}

package/templates/pubinfo-module/playground/uno.config.ts

@@ -0,0 +1,17 @@
+import { presetUnocss } from 'pubinfo/node';
+import { defineConfig } from 'unocss';
+
+export default defineConfig({
+  presets: [
+    presetUnocss(),
+  ],
+
+  content: {
+    pipeline: {
+      include: [
+        /\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/,
+        'src/routes/**/*.ts',
+      ],
+    },
+  },
+});

package/templates/pubinfo-module/pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+packages:
+  - playground

package/templates/pubinfo-module/pubinfo.config.ts.hbs

@@ -0,0 +1,36 @@
+import { defineModuleConfig } from 'pubinfo/node';
+import pkg from './package.json' with { type: 'json' };
+
+const external = Object
+  .keys({ ...pkg.peerDependencies })
+  .map(packageName => new RegExp(`^${packageName}(\/.*)?`));
+
+export default defineModuleConfig({
+  moduleId: '{{dir}}',
+
+  vite: {
+    build: {
+      sourcemap: false,
+      lib: {
+        entry: 'src/index.ts',
+      },
+      rolldownOptions: {
+        external,
+        output: [
+          {
+            format: 'es',
+            entryFileNames: '[name].js',
+            exports: 'named',
+            dir: 'dist',
+          },
+        ],
+      },
+    },
+  },
+
+  resolver: {
+    entries: {
+      pages: 'src/pages/**/*.vue',
+    },
+  },
+});

package/templates/pubinfo-module/src/index.ts.hbs

@@ -0,0 +1,9 @@
+import type { ModuleOptions } from 'pubinfo';
+import 'uno.css';
+
+export function {{camelCase dir}}(): ModuleOptions {
+  return {
+    name: 'pubinfo:{{kebabCase dir}}',
+    setup() {},
+  };
+}

package/templates/pubinfo-module/src/pages/demo.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+defineOptions({
+  name: 'Demo',
+});
+</script>
+
+<template>
+  <div class="text-red">
+    demo
+  </div>
+</template>

package/templates/pubinfo-module/stylelint.config.js

@@ -0,0 +1,3 @@
+export default {
+  extends: ['pubinfo/stylelint'],
+};

package/templates/pubinfo-module/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "./.pubinfo/tsconfig.app.json",
+  "compilerOptions": {
+    "target": "ESNext",
+    "baseUrl": ".",
+    "moduleResolution": "bundler",
+    "paths": {
+      "@/*": ["src/*"],
+      "#/*": ["types/*"]
+    }
+  },
+  "include": [
+    "src",
+    "types"
+  ]
+}

package/templates/pubinfo-module/uno.config.ts

@@ -0,0 +1,8 @@
+import { presetUnocss } from 'pubinfo/node';
+import { defineConfig } from 'unocss';
+
+export default defineConfig({
+  presets: [
+    presetUnocss(),
+  ],
+});

package/templates/{pubinfo-template → pubinfo-app}/src/views/system/login/composables.ts

@@ -1,7 +1,7 @@
 import type { Component, MaybeRef } from 'vue';
-import { getAuthLoginValidCode } from '@/api/modules/auth';
 import { useActiveElement } from '@vueuse/core';
 import { useRequest } from 'alova/client';
+import { getAuthLoginValidCode } from '@/api/modules/auth';
 
 interface LoginTabs {
   title: string