create-pubinfo 2.0.0-beta.8 → 2.0.0-rc.1

package/templates/pubinfo-template/src/views/system/login/composables.ts

@@ -0,0 +1,84 @@
+import type { Component, MaybeRef } from 'vue';
+import { getAuthLoginValidCode } from '@/api/modules/auth';
+import { useActiveElement } from '@vueuse/core';
+import { useRequest } from 'alova/client';
+
+interface LoginTabs {
+  title: string
+  component: Component
+}
+
+export function useLoginTabs() {
+  const tabs: LoginTabs[] = [
+    {
+      title: '账号登录',
+      component: defineAsyncComponent(() => import('./components/PasswordLogin.vue')),
+    },
+    {
+      title: '手机号登录',
+      component: defineAsyncComponent(() => import('./components/LoginWithPhone.vue')),
+    },
+  ];
+  const initialTab = ref(0);
+
+  function changeActiveTab(activeTab: number): void {
+    initialTab.value = activeTab;
+  }
+  return {
+    tabs,
+    initialTab,
+    changeActiveTab,
+  };
+}
+
+export function useCaptchas() {
+  const { send, onSuccess } = useRequest(getAuthLoginValidCode({ size: '100x40' }));
+  const captcha = ref('');
+  const captchaHash = ref('');
+
+  onSuccess(({ data }) => {
+    const { key, plaintext } = data.data!;
+
+    const imgUrl = `data:image/png;base64,${plaintext}`;
+    captcha.value = imgUrl;
+    captchaHash.value = key!;
+  });
+  return {
+    send,
+    captcha,
+    captchaHash,
+  };
+}
+
+export function useFocusElement() {
+  const activeElement = useActiveElement();
+  const focusElementDataId = computed(() =>
+    activeElement.value?.dataset?.id || 'null',
+  );
+  return {
+    focusElementDataId,
+  };
+}
+
+export function useCountdown(initialTime: MaybeRef<number> = 60) {
+  const count = ref(toValue(initialTime));
+  const isStart = computed(() => {
+    return toValue(count) !== toValue(initialTime);
+  });
+
+  function start() {
+    count.value--;
+    const timer = setInterval(() => {
+      count.value--;
+      if (count.value === 0) {
+        clearInterval(timer);
+        count.value = toValue(initialTime);
+      }
+    }, 1000);
+  }
+  return {
+    count,
+    start,
+    isStart,
+  };
+}

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

@@ -0,0 +1,147 @@
+<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
+        relative
+        top="7vh"
+        left="5vw"
+        scale="100 sm:100 smd:100 md:100  xl:110 2xl:120"
+        transform-origin="top-left"
+        transition-all
+        hidden
+        smd:block
+      >
+        <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-template/stylelint.config.js

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

package/templates/pubinfo-template/tsconfig.json

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

package/templates/pubinfo-template/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/dist/index.cjs

@@ -1,364 +0,0 @@
-#!/usr/bin/env node
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-
-// src/index.ts
-var import_commander = require("commander");
-var import_consola6 = __toESM(require("consola"), 1);
-
-// package.json
-var package_default = {
-  name: "create-pubinfo",
-  type: "module",
-  version: "2.0.0-beta.8",
-  description: "\u521D\u59CB\u5316\u9879\u76EE\u6846\u67B6",
-  author: "Werheng <werheng.zhang@gmail.com>",
-  license: "MIT",
-  bin: {
-    pubinfo: "./dist/index.js"
-  },
-  files: [
-    "dist"
-  ],
-  scripts: {
-    dev: "tsup --watch src",
-    build: "tsup",
-    cli: "tsx src/index.ts",
-    "cli:clean": "rimraf ./my-app",
-    lint: "eslint . --cache --fix"
-  },
-  dependencies: {
-    "@inquirer/prompts": "^5.5.0",
-    "ansi-colors": "^4.1.3",
-    cfonts: "^3.3.0",
-    commander: "^12.1.0",
-    confbox: "^0.1.8",
-    consola: "^3.4.0",
-    giget: "^1.2.5",
-    ofetch: "^1.4.1",
-    ora: "^8.2.0",
-    rimraf: "^6.0.1",
-    semver: "^7.7.1"
-  },
-  devDependencies: {
-    "@types/node": "^22.13.9",
-    tsup: "^8.4.0"
-  }
-};
-
-// src/command/init.ts
-var import_node_fs2 = require("fs");
-var import_node_process2 = __toESM(require("process"), 1);
-var import_prompts = require("@inquirer/prompts");
-var import_ansi_colors = __toESM(require("ansi-colors"), 1);
-var import_consola3 = __toESM(require("consola"), 1);
-
-// src/constant.ts
-var REMOTE_URL = "http://43.143.107.174:80/templates";
-var PKG_NAME = "monorepo-project-template";
-var VERSION_FILE = "version.json";
-var SETTING_FILE_PATH = "src/settings.default.ts";
-var OPENAPI_FILE_PATH = "openapi.config.ts";
-var APPS_DIR = "apps";
-var APPS = [
-  { name: "\u7528\u6237\u6743\u9650\u7CFB\u7EDF\uFF08rbac\uFF09", value: "rbac" }
-  // { name: '初始化项目模板（admin）', value: 'admin' },
-];
-var METADATA_DIR = "configs/metadata";
-var META_FILENAME = "pubinfo.json";
-
-// src/fetch.ts
-var import_node_process = __toESM(require("process"), 1);
-var import_consola = __toESM(require("consola"), 1);
-var import_ofetch = require("ofetch");
-var import_ora = __toESM(require("ora"), 1);
-var import_semver = require("semver");
-async function fetchVersion() {
-  const versions = await (0, import_ofetch.ofetch)(`${REMOTE_URL}/${VERSION_FILE}`);
-  versions.sort((v1, v2) => -(0, import_semver.compare)(v1, v2));
-  return {
-    latest: versions[0],
-    list: versions
-  };
-}
-async function fetchData() {
-  const spinner = (0, import_ora.default)({
-    text: "\u68C0\u6D4B\u7F51\u7EDC\u8FDE\u63A5...",
-    color: "blue"
-  });
-  spinner.start();
-  try {
-    const version = await fetchVersion();
-    return {
-      version
-    };
-  } catch (error) {
-    if (error.message.includes(REMOTE_URL)) {
-      error.message = error.message.replace(REMOTE_URL, "[REMOTE_URL]");
-    }
-    import_consola.default.error(`\u7F51\u7EDC\u8FDE\u63A5\u5F02\u5E38: ${error.message}`);
-    import_node_process.default.exit(1);
-  } finally {
-    spinner.stop();
-  }
-}
-
-// src/utils.ts
-var import_node_fs = require("fs");
-var import_promises = require("fs/promises");
-var import_confbox = require("confbox");
-var import_consola2 = __toESM(require("consola"), 1);
-function rewriteFile(path, fn) {
-  if (!(0, import_node_fs.existsSync)(path)) {
-    import_consola2.default.error(`RewriteFile fail: ${path} does not exist`);
-    return;
-  }
-  try {
-    const content = (0, import_node_fs.readFileSync)(path, { encoding: "utf-8" });
-    (0, import_node_fs.writeFileSync)(path, fn(content));
-  } catch (error) {
-    import_consola2.default.error(`RewriteFile fail: ${error}`);
-  }
-}
-async function readJSON(path) {
-  const blob = await (0, import_promises.readFile)(path, "utf-8");
-  let parsed;
-  try {
-    parsed = (0, import_confbox.parseJSON)(blob);
-  } catch {
-    parsed = (0, import_confbox.parseJSONC)(blob);
-  }
-  return parsed;
-}
-async function writeJSON(path, json) {
-  await (0, import_promises.writeFile)(path, (0, import_confbox.stringifyJSON)(json));
-}
-function assignValues(target, source) {
-  for (const [key, value] of Object.entries(source)) {
-    target[key] = value;
-  }
-}
-function validateInput(input2) {
-  const forbiddenChars = /[<>:"/\\|?*\s]/;
-  if (forbiddenChars.test(input2)) {
-    return '\u9519\u8BEF\u63D0\u793A: \u8BE5\u503C\u4E0D\u80FD\u5305\u542B\u7A7A\u683C\u6216\u8005\u975E\u6CD5\u5B57\u7B26 (\u4F8B\u5982, <>:"/\\|?*).';
-  }
-  return true;
-}
-
-// src/command/init.ts
-async function init() {
-  const { version } = await fetchData();
-  const answer = {};
-  try {
-    answer.dir = await (0, import_prompts.input)({ message: "\u76EE\u5F55\u540D\u79F0\uFF08dir\uFF09", default: "my-app", validate: validateInput });
-    answer.key = await (0, import_prompts.input)({ message: "\u9879\u76EE\u6807\u8BC6\uFF08key\uFF09", default: answer.dir, validate: validateInput });
-    if ((0, import_node_fs2.existsSync)(answer.dir)) {
-      const overwrite = await (0, import_prompts.confirm)({ message: `\u76EE\u5F55 ${import_ansi_colors.default.cyan(answer.dir)} \u5DF2\u5B58\u5728\uFF0C\u662F\u5426\u8986\u76D6\uFF1F` });
-      if (!overwrite) {
-        throw Error;
-      }
-    }
-    answer.version = await (0, import_prompts.input)({
-      message: "\u6846\u67B6\u7248\u672C\u53F7\uFF08version\uFF09",
-      default: version.latest,
-      validate: (input2) => {
-        if (!version.list.includes(input2)) {
-          return `\u7248\u672C\u53F7: ${import_ansi_colors.default.bold(input2)} \u4E0D\u5B58\u5728, \u5F53\u524D\u6700\u65B0\u7248\u672C\u53F7: ${import_ansi_colors.default.bold(version.latest)}.`;
-        }
-        return true;
-      }
-    });
-    answer.apps = await (0, import_prompts.checkbox)({
-      message: "\u9009\u62E9\u5E94\u7528\u6A21\u5757\uFF08apps\uFF09",
-      choices: APPS,
-      validate: (input2) => {
-        if (input2.length === 0) {
-          return "\u8BF7\u81F3\u5C11\u9009\u62E9\u4E00\u4E2A\u5E94\u7528";
-        }
-        return true;
-      }
-    });
-    answer.openapi = await (0, import_prompts.confirm)({
-      message: "\u8FD0\u884C\u65F6\u81EA\u52A8\u751F\u6210\u63A5\u53E3\u5BF9\u63A5\u6587\u4EF6\uFF0C\u82E5\u5173\u95ED\u53EF\u901A\u8FC7\u6307\u4EE4\u751F\u6210\uFF08openapi\uFF09",
-      default: false
-    });
-    return answer;
-  } catch {
-    import_consola3.default.fail("\u64CD\u4F5C\u7EC8\u6B62");
-    import_node_process2.default.exit(1);
-  }
-}
-
-// src/download.ts
-var import_node_process3 = __toESM(require("process"), 1);
-var import_ansi_colors2 = __toESM(require("ansi-colors"), 1);
-var import_consola4 = __toESM(require("consola"), 1);
-var import_giget = require("giget");
-var import_ora2 = __toESM(require("ora"), 1);
-var import_semver2 = require("semver");
-var pubinfo = async (input2, { auth }) => {
-  const semver = (0, import_semver2.coerce)(input2);
-  return {
-    name: "pubinfo",
-    version: input2,
-    headers: { Authorization: `token ${auth}` },
-    tar: `${REMOTE_URL}/${PKG_NAME}-${semver?.version}.tar.gz`
-  };
-};
-async function download(options) {
-  const finish = loading();
-  try {
-    await (0, import_giget.downloadTemplate)(`pubinfo:${PKG_NAME}-${options.version}`, {
-      providers: { pubinfo },
-      force: true,
-      forceClean: true,
-      // auth: options.auth,
-      dir: options.dir
-    });
-  } catch (error) {
-    if (error.message.includes(REMOTE_URL)) {
-      error.message = error.message.replace(REMOTE_URL, "[REMOTE_URL]");
-    }
-    import_consola4.default.error(`\u4E0B\u8F7D\u5931\u8D25: ${error.message}`);
-    import_node_process3.default.exit(1);
-  } finally {
-    finish();
-  }
-}
-function loading() {
-  const startTime = Date.now();
-  const spinner = (0, import_ora2.default)({
-    text: "\u4E0B\u8F7D\u4E2D...",
-    color: "green"
-  });
-  spinner.start();
-  return () => {
-    const { green, yellow } = import_ansi_colors2.default;
-    spinner.stop();
-    import_consola4.default.success(`${green("\u4E0B\u8F7D\u5B8C\u6210, \u7528\u65F6")} ${yellow(`${Date.now() - startTime}`)} ${green("ms.")}`);
-  };
-}
-
-// src/log.ts
-var import_cfonts = __toESM(require("cfonts"), 1);
-function bootstrop() {
-  printLoGo("PUBINFO");
-  function printLoGo(logo) {
-    import_cfonts.default.say(logo, {
-      font: "simple3d",
-      align: "left",
-      background: "transparent",
-      letterSpacing: 1,
-      lineHeight: 1,
-      space: true,
-      maxLength: 0,
-      spaceless: false,
-      gradient: ["blue", "magenta"],
-      independentGradient: false,
-      transitionGradient: false,
-      env: "node"
-    });
-  }
-}
-
-// src/rewrite.ts
-var import_node_fs3 = require("fs");
-var import_node_path = require("path");
-var import_node_process4 = __toESM(require("process"), 1);
-var import_consola5 = __toESM(require("consola"), 1);
-var import_rimraf = require("rimraf");
-async function rewrite(options) {
-  const { dir } = options;
-  const root = import_node_process4.default.cwd();
-  const projectDir = (0, import_node_path.resolve)(root, dir);
-  writeMetaJSON((0, import_node_path.resolve)(projectDir, METADATA_DIR), options);
-  writeApps((0, import_node_path.resolve)(projectDir, APPS_DIR), options);
-}
-async function writeMetaJSON(metaDir, options) {
-  const { key, version, apps, openapi } = options;
-  const path = (0, import_node_path.resolve)(metaDir, META_FILENAME);
-  try {
-    const json = await readJSON(path);
-    assignValues(json, {
-      key,
-      version,
-      apps,
-      openapi
-    });
-    await writeJSON(path, json);
-  } catch (error) {
-    import_consola5.default.error(`\u521D\u59CB\u5316 metadata \u5931\u8D25: ${error}`);
-  }
-}
-function writeApps(appsDir, options) {
-  const { key, apps = [], openapi } = options;
-  if (!(0, import_node_fs3.existsSync)(appsDir)) {
-    import_consola5.default.error(`\u521D\u59CB\u5316 apps \u5931\u8D25: ${appsDir} \u4E0D\u5B58\u5728`);
-    return;
-  }
-  try {
-    (0, import_node_fs3.readdirSync)(appsDir).forEach((app) => {
-      const appPath = (0, import_node_path.resolve)(appsDir, app);
-      const settingPath = (0, import_node_path.resolve)(appPath, SETTING_FILE_PATH);
-      const openapiPath = (0, import_node_path.resolve)(appPath, OPENAPI_FILE_PATH);
-      if (!apps.includes(app)) {
-        (0, import_rimraf.rimrafSync)(appPath);
-        return;
-      }
-      rewriteFile(settingPath, (content) => {
-        return content.replace(/storagePrefix:\s*'([^']*)'/g, `storagePrefix: '${key}'`);
-      });
-      rewriteFile(openapiPath, (content) => {
-        return content.replace(/enabled:[^,]+,/g, `enabled: ${openapi},`);
-      });
-    });
-  } catch (error) {
-    import_consola5.default.error(`\u521D\u59CB\u5316 apps \u5931\u8D25: ${error}`);
-  }
-}
-
-// src/index.ts
-async function main() {
-  const program = new import_commander.Command();
-  program.name(package_default.name).description(package_default.description).version(package_default.version);
-  program.description("\u521D\u59CB\u5316\u6846\u67B6").action(async () => {
-    bootstrop();
-    try {
-      const answer = await init();
-      await download(answer);
-      await rewrite(answer);
-    } catch (error) {
-      import_consola6.default.error(error);
-    }
-  });
-  program.command("create").description("\u521B\u5EFA\u4E00\u4E2A\u65B0\u7684\u5E94\u7528").argument("<app-name>", "\u5E94\u7528\u540D\u79F0").action((name) => {
-    import_consola6.default.info("\u521B\u5EFA\u4E00\u4E2A\u65B0\u7684\u5E94\u7528", name);
-  });
-  program.command("status").description("\u67E5\u770B\u6846\u67B6\u72B6\u6001").action(() => {
-  });
-  program.command("update").description("\u66F4\u65B0\u6846\u67B6\u7248\u672C").action(() => {
-  });
-  program.parse();
-}
-main();