@pubinfo-nightly/core 2025.11.14

package/src/features/components/PartyLogin/type.ts

@@ -0,0 +1,43 @@
+export type HTTPParamsLabel = 'Query' | 'Body' | 'Header' | 'Cookie';
+export type HTTPParamsValue = 'query' | 'body' | 'header' | 'cookie';
+export type HTTPMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD' | 'OPTIONS';
+
+// Shared item types used by ParamsItem and Modal
+export type ItemType = 'string' | 'number' | 'boolean' | 'system' | 'request';
+export type ParamValue = string | number | 'true' | 'false';
+export interface ParamItem {
+  id: number
+  checked: boolean
+  keyName: string
+  type: ItemType
+  value: ParamValue
+  systemKey?: string // Store the selected system field key for restoration
+  requestKey?: string // Store the selected request field key for restoration
+}
+
+// Party Login configuration interface
+export interface PartyLoginStepConfig {
+  step: number
+  request?: {
+    url: string
+    method: HTTPMethod
+    params: {
+      query: PartyLoginParamItem[]
+      body: PartyLoginParamItem[]
+      header: PartyLoginParamItem[]
+      cookie: PartyLoginParamItem[]
+    }
+  }
+  oauth?: {
+    params: PartyLoginParamItem[]
+  }
+}
+
+export interface PartyLoginParamItem {
+  key: string
+  type: ItemType
+  value?: ParamValue
+  field?: string // For system/request types
+}
+
+export type PartyLoginConfig = PartyLoginStepConfig[];

package/src/features/components/PartyLogin/usePartyRequest.ts

@@ -0,0 +1,244 @@
+import type { Ref } from 'vue';
+import type { HTTPMethod } from './type';
+import { message } from 'ant-design-vue';
+import { ref } from 'vue';
+
+export interface RequestParams {
+  header?: Record<string, any>
+  body?: Record<string, any>
+  query?: Record<string, any>
+  cookie?: Record<string, any>
+}
+
+export interface UsePartyRequestOptions {
+  url: Ref<string>
+  method: Ref<HTTPMethod>
+  params: Ref<RequestParams>
+}
+
+export function usePartyRequest({ url, method, params }: UsePartyRequestOptions) {
+  const isFetching = ref(false);
+  const isFinished = ref(false);
+  const statusCode = ref<number | undefined>(undefined);
+  const data = ref<any>(undefined);
+  const elapsedTime = ref<number | undefined>(undefined); // in milliseconds
+
+  /**
+   * 深度解析对象中的 JSON 字符串字段
+   * 递归地将所有可解析的 JSON 字符串转换为对象
+   */
+  function deepParseJSON(obj: any): any {
+    if (obj === null || obj === undefined) {
+      return obj;
+    }
+
+    // 如果是字符串,尝试解析为 JSON
+    if (typeof obj === 'string') {
+      try {
+        const parsed = JSON.parse(obj);
+        // 递归解析嵌套的 JSON 字符串
+        return deepParseJSON(parsed);
+      }
+      catch {
+        // 如果解析失败,返回原始字符串
+        return obj;
+      }
+    }
+
+    // 如果是数组,递归处理每个元素
+    if (Array.isArray(obj)) {
+      return obj.map(item => deepParseJSON(item));
+    }
+
+    // 如果是对象,递归处理每个属性
+    if (typeof obj === 'object') {
+      const result: Record<string, any> = {};
+      for (const key in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+          result[key] = deepParseJSON(obj[key]);
+        }
+      }
+      return result;
+    }
+
+    // 其他类型(数字、布尔值等)直接返回
+    return obj;
+  }
+
+  function buildQueryString(queryObj: Record<string, any>) {
+    const usp = new URLSearchParams();
+    Object.entries(queryObj || {}).forEach(([k, v]) => {
+      if (Array.isArray(v)) {
+        v.forEach(it => usp.append(k, String(it)));
+      }
+      else if (v != null) {
+        usp.append(k, String(v));
+      }
+    });
+    const s = usp.toString();
+    return s ? `?${s}` : '';
+  }
+
+  function ensureUrlWithQuery(rawUrl: string, queryObj: Record<string, any>) {
+    try {
+      const u = new URL(rawUrl);
+      const current = new URLSearchParams(u.search);
+      Object.entries(queryObj || {}).forEach(([k, v]) => {
+        if (Array.isArray(v)) {
+          v.forEach(it => current.append(k, String(it)));
+        }
+        else if (v != null) {
+          current.set(k, String(v));
+        }
+      });
+      u.search = current.toString();
+      return u.toString();
+    }
+    catch (_e) {
+      const s = buildQueryString(queryObj);
+      if (!rawUrl.includes('?')) {
+        return `${rawUrl}${s}`;
+      }
+      return `${rawUrl}&${s.replace(/^\?/, '')}`;
+    }
+  }
+
+  function serializeBody(bodyObj: Record<string, any>, headers: Record<string, string>) {
+    const ct = Object.keys(headers).find(k => k.toLowerCase() === 'content-type');
+    const contentType = ct ? headers[ct] : 'application/json';
+    if (!ct) {
+      headers['Content-Type'] = contentType;
+    }
+
+    if (!bodyObj || Object.keys(bodyObj).length === 0) {
+      return undefined;
+    }
+
+    const type = contentType.split(';')[0].trim().toLowerCase();
+    if (type === 'application/json') {
+      return JSON.stringify(bodyObj);
+    }
+    if (type === 'application/x-www-form-urlencoded') {
+      const usp = new URLSearchParams();
+      Object.entries(bodyObj).forEach(([k, v]) => {
+        if (Array.isArray(v)) {
+          v.forEach(it => usp.append(k, String(it)));
+        }
+        else if (v != null) {
+          usp.append(k, String(v));
+        }
+      });
+      return usp.toString();
+    }
+    if (type === 'multipart/form-data') {
+      const fd = new FormData();
+      Object.entries(bodyObj).forEach(([k, v]) => {
+        if (Array.isArray(v)) {
+          v.forEach(it => fd.append(k, it as any));
+        }
+        else if (v != null) {
+          fd.append(k, v as any);
+        }
+      });
+      if (ct) {
+        delete headers[ct];
+      }
+      else {
+        delete headers['Content-Type'];
+      }
+      return fd as any;
+    }
+    return String(bodyObj);
+  }
+
+  async function send() {
+    // reset state
+    isFinished.value = false;
+    statusCode.value = undefined;
+    data.value = undefined;
+    elapsedTime.value = undefined;
+
+    const rawUrl = url.value.trim();
+    if (!rawUrl) {
+      message.error('请输入请求地址');
+      return;
+    }
+
+    const currentParams = params.value || {};
+    const { query = {}, body = {}, header = {}, cookie = {} } = currentParams;
+
+    const headers: Record<string, string> = {};
+    Object.entries(header).forEach(([k, v]) => {
+      headers[k] = String(v);
+    });
+
+    const cookiePairs = Object.entries(cookie).map(([k, v]) => `${k}=${v}`);
+    const hasCookie = cookiePairs.length > 0;
+    if (hasCookie) {
+      headers.Cookie = cookiePairs.join('; ');
+    }
+
+    const finalUrl = ensureUrlWithQuery(rawUrl, query);
+
+    let requestBody: any;
+    const m = method.value;
+    if (!['GET', 'HEAD'].includes(m)) {
+      requestBody = serializeBody(body, headers);
+    }
+
+    const startTime = Date.now();
+    isFetching.value = true;
+    try {
+      const res = await fetch(finalUrl, {
+        method: m,
+        headers,
+        body: requestBody,
+        credentials: hasCookie ? 'include' : 'same-origin',
+        mode: 'cors',
+      } as RequestInit);
+
+      elapsedTime.value = Date.now() - startTime;
+      statusCode.value = res.status;
+
+      const contentType = res.headers.get('content-type') || '';
+      if (contentType.includes('application/json')) {
+        const jsonData = await res.json();
+        // 深度解析 JSON 字符串字段
+        data.value = deepParseJSON(jsonData);
+      }
+      else {
+        const text = await res.text();
+        try {
+          const jsonData = JSON.parse(text);
+          // 深度解析 JSON 字符串字段
+          data.value = deepParseJSON(jsonData);
+        }
+        catch {
+          data.value = text;
+        }
+      }
+    }
+    catch (e: any) {
+      elapsedTime.value = Date.now() - startTime;
+      statusCode.value = 0;
+      data.value = {
+        error: e?.message || String(e),
+        message: '请求失败,可能是网络问题或 CORS 跨域限制',
+      };
+      message.error(`请求失败: ${e?.message || String(e)}`);
+    }
+    finally {
+      isFetching.value = false;
+      isFinished.value = true;
+    }
+  }
+
+  return {
+    send,
+    isFinished,
+    isFetching,
+    statusCode,
+    data,
+    elapsedTime,
+  } as const;
+}

package/src/features/components/PassStrengthValidator/index.vue

@@ -0,0 +1,198 @@
+<script setup lang="ts">
+import { isFunction } from 'lodash-es';
+import zxcvbn from 'zxcvbn';
+import RuleItem from './rule.vue';
+
+defineOptions({
+  name: 'PassStrengthValidator',
+});
+
+defineProps({
+  vertical: Boolean,
+});
+
+const value = defineModel<string>({
+  default: '',
+});
+const isValidate = defineModel('validate');
+
+const Zxc = computed(() => {
+  return zxcvbn(value.value);
+});
+
+function validate(target: string) {
+  return () => {
+    if (value.value === '') {
+      return false;
+    }
+    if (Array.isArray(Zxc.value.sequence)) {
+      return Zxc.value.sequence.every((item) => {
+        return item?.pattern !== target;
+      });
+    }
+    return false;
+  };
+}
+
+const rules = [
+  {
+    rule: /^.{8,16}$/,
+    message: '密码长度必须在8到16个字符之间。',
+    flag: false,
+    source: 'basic',
+  },
+  {
+    rule: /[a-z]/,
+    message: '密码必须至少包含一个小写英文字母。',
+    flag: false,
+    source: 'basic',
+  },
+  {
+    rule: /[A-Z]/,
+    message: '密码必须至少包含一个大写英文字母。',
+    flag: false,
+    source: 'basic',
+  },
+  {
+    rule: /\d/,
+    message: '密码必须至少包含一个数字。',
+    flag: false,
+    source: 'basic',
+  },
+  {
+    rule: /[~!@#$%^&*()_+=\-.,]/,
+    message: '密码必须至少包含一个特殊字符（例如：~!@#$%^&*()_+=\\-.,）。',
+    flag: false,
+    source: 'basic',
+  },
+  {
+    rule: validate('dictionary'),
+    message: '密码不应包含常用字典中的单词或短语。',
+    flag: false,
+  },
+  {
+    rule: validate('spatial'),
+    message: '密码不应基于键盘布局的简单模式（例如：连续的字母或键盘行）。',
+    flag: false,
+  },
+  {
+    rule: validate('repeat'),
+    message: '密码不应包含重复使用的字符或序列。',
+    flag: false,
+  },
+  {
+    rule: validate('sequence'),
+    message: '密码不应包含顺序排列的数字或字母序列。',
+    flag: false,
+  },
+  {
+    rule: validate('date'),
+    message: '密码不应使用常见的日期格式或数字序列。',
+    flag: false,
+  },
+];
+
+watchEffect(() => {
+  rules.forEach(({ rule }, index) => {
+    if (isFunction(rule)) {
+      const flag = rule();
+      rules[index].flag = flag;
+    }
+    else {
+      const flag = rule.test(value.value);
+      rules[index].flag = flag;
+    }
+  });
+  isValidate.value = rules.every(({ flag }) => flag);
+});
+</script>
+
+<template>
+  <div
+    class="pass-strength-validator"
+    :class="{ vertical }"
+  >
+    <div class="title-wrap">
+      密码强度校验提示
+    </div>
+    <div class="rules-wrap">
+      <div class="basic-rules">
+        <div class="rules-title">
+          标准规则集
+        </div>
+        <div>
+          <template v-for="(rule, index) in rules" :key="index">
+            <RuleItem
+              v-if="rule.source === 'basic'"
+              :message="rule.message"
+              :flag="rule.flag"
+              :vertical="vertical"
+            />
+          </template>
+        </div>
+        <a-divider v-if="!vertical" />
+      </div>
+      <div class="advanced-rules">
+        <div class="rules-title">
+          高级规则集
+        </div>
+        <div>
+          <template v-for="(rule, index) in rules" :key="index">
+            <RuleItem
+              v-if="rule.source !== 'basic'"
+              :rule="rule.rule"
+              :message="rule.message"
+              :flag="rule.flag"
+              :vertical="vertical"
+            />
+          </template>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.pass-strength-validator {
+  --at-apply: p-15px;
+}
+
+.pass-strength-validator .title-wrap {
+  --at-apply: text-2xl font-semibold text-[#1677ff] mb-10;
+}
+
+.pass-strength-validator .rules-title {
+  --at-apply: text-base font-medium mb-[15px];
+}
+
+.pass-strength-validator.vertical {
+  --at-apply: w-[1130px] pt-[18px] pb-6 px-8;
+}
+.pass-strength-validator.vertical .title-wrap {
+  --at-apply: text-base mb-4;
+}
+.pass-strength-validator.vertical .rules-wrap {
+  --at-apply: flex;
+}
+.pass-strength-validator.vertical .basic-rules,
+.pass-strength-validator.vertical .advanced-rules {
+  --at-apply: relative flex-1;
+}
+.pass-strength-validator.vertical .basic-rules::after {
+  --at-apply: absolute w-px h-auto content-[""] right-[35px] inset-y-[11px];
+  background: #e5e6eb;
+}
+.pass-strength-validator.vertical .rules-title {
+  --at-apply: text-sm font-[bold] mb-3.5;
+}
+
+/* 样式穿透，用于覆盖 ant-design-vue 组件样式 */
+.pass-strength-validator :deep(.ant-divider) {
+  --at-apply: mx-0 my-4;
+}
+
+/* 暗色主题支持 */
+.dark .pass-strength-validator.vertical .basic-rules::after {
+  background: #424242;
+}
+</style>

package/src/features/components/PassStrengthValidator/rule.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import AntDesignCheckCircleTwotone from '~icons/ant-design/check-circle-twotone';
+import AntDesignCloseCircleTwotone from '~icons/ant-design/close-circle-twotone';
+
+const props = defineProps<{
+  // rule: RegExp | ((...arg: any[]) => boolean)
+  message: string
+  flag: boolean
+  source?: 'basic' | undefined
+  vertical: boolean
+}>();
+</script>
+
+<template>
+  <div class="rule-item" :class="props.vertical ? 'vertical' : ''">
+    <div class="icon">
+      <AntDesignCheckCircleTwotone v-if="props.flag" text="16px green" />
+      <AntDesignCloseCircleTwotone v-else text="16px red" />
+    </div>
+    <span :class="[props.flag ? 'line-through text-gray-400' : '']">
+      {{ props.message }}
+    </span>
+  </div>
+</template>
+
+<style scoped>
+.rule-item {
+  --at-apply: flex flex-row text-sm leading-[19px] px-0 py-2.5;
+}
+.rule-item .icon {
+  --at-apply: leading-[23px] mr-2.5;
+}
+.rule-item.vertical {
+  --at-apply: leading-[18px] text-[#86909c] mb-1.5 p-0;
+}
+.rule-item.vertical .icon {
+  --at-apply: leading-[18px] mr-1.5;
+}
+</style>

package/src/features/components/PubinfoApp/index.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+defineOptions({
+  name: 'PubinfoApp',
+});
+</script>
+
+<template>
+  <RouterView />
+</template>