@cbjwwwcode/common 0.0.1

package/dist/umd/style.css

@@ -0,0 +1,59 @@
+pre code.hljs {
+  padding: 1em;
+  display: block;
+  overflow-x: auto;
+}
+
+code.hljs {
+  padding: 3px 5px;
+}
+
+.hljs {
+  color: #abb2bf;
+  background: #282c34;
+}
+
+.hljs-comment, .hljs-quote {
+  color: #5c6370;
+  font-style: italic;
+}
+
+.hljs-doctag, .hljs-formula, .hljs-keyword {
+  color: #c678dd;
+}
+
+.hljs-deletion, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-subst {
+  color: #e06c75;
+}
+
+.hljs-literal {
+  color: #56b6c2;
+}
+
+.hljs-addition, .hljs-attribute, .hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
+  color: #98c379;
+}
+
+.hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable {
+  color: #d19a66;
+}
+
+.hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-symbol, .hljs-title {
+  color: #61aeee;
+}
+
+.hljs-built_in, .hljs-class .hljs-title, .hljs-title.class_ {
+  color: #e6c07b;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: 700;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "@cbjwwwcode/common",
+  "version": "0.0.1",
+  "description": "",
+  "keywords": [],
+  "license": "ISC",
+  "author": "",
+  "type": "module",
+  "scripts": {
+    "build": "tsdown",
+    "release": "standard-version --header \"\"",
+    "release:major": "standard-version --release-as major",
+    "release:minor": "standard-version --release-as minor",
+    "release:patch": "standard-version --release-as patch",
+    "push": "npm publish --access public"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "main": "dist/es/index.mjs",
+  "module": "dist/es/index.mjs",
+  "browser": "dist/umd/common.min.js",
+  "types": "dist/es/index.d.mts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/es/index.d.mts",
+      "import": "./dist/es/index.mjs",
+      "require": "./dist/es/index.mjs",
+      "default": "./dist/es/index.mjs"
+    },
+    "./style.css": "./dist/umd/style.css",
+    "./es/": "./dist/es/",
+    "./umd/": "./dist/umd/"
+  },
+  "devDependencies": {
+    "@tsdown/css": "^0.23.0",
+    "@types/crypto-js": "^4.2.2",
+    "@types/node": "^26.6.2",
+    "@types/nprogress": "^0.2.3",
+    "concurrently": "^10.0.5",
+    "laravel-vite-plugin": "^3.2.0",
+    "rollup-plugin-bundle-stats": "^4.22.3",
+    "sass": "^1.104.1",
+    "sonda": "^0.14.0",
+    "tsdown": "^0.23.0",
+    "typescript": "^6.0.3",
+    "unplugin-vue": "^7.2.0",
+    "vite": "catalog:",
+    "vite-plugin-cp": "^8.0.1",
+    "vite-plugin-externals": "^0.6.2",
+    "vite-plugin-node-polyfills": "^0.28.0",
+    "vite-plugin-vue-devtools": "^8.2.1",
+    "vite-plus": "catalog:"
+  },
+  "dependencies": {
+    "@alova/adapter-axios": "catalog:",
+    "@vtj/core": "^0.20.6",
+    "@vtj/parser": "^0.20.6",
+    "@vtj/renderer": "^0.20.6",
+    "@vtj/utils": "^0.20.6",
+    "@vueuse/core": "^14.4.0",
+    "@vueuse/integrations": "^14.4.0",
+    "aieditor": "^2.0.0",
+    "alova": "^3.5.5",
+    "antdv-next": "^1.5.4",
+    "antdv-next-tiptap": "^1.0.5",
+    "axios": "^1.20.0",
+    "crypto-js": "^4.2.0",
+    "dayjs": "^1.11.23",
+    "dompurify": "^3.4.15",
+    "es-toolkit": "^1.52.0",
+    "highlight.js": "^11.12.0",
+    "hucre": "^1.1.0",
+    "idb-keyval": "^6.3.0",
+    "jsbarcode": "^3.12.3",
+    "mitt": "^3.0.1",
+    "motion-v": "^2.4.4",
+    "nprogress": "^0.2.0",
+    "path-browserify": "^1.0.1",
+    "vee-validate": "^4.15.1",
+    "vue": "3.6.0-rc.2",
+    "vue-demi": "^0.14.10",
+    "vue-router": "catalog:",
+    "vue3-toastify": "^0.2.9",
+    "zod": "^4.6.5"
+  }
+}

package/src/api.ts

@@ -0,0 +1,83 @@
+import type { AlovaOptions } from 'alova';
+import type {AxiosInstance, AxiosRequestConfig, AxiosResponse} from "axios";
+import { axiosRequestAdapter } from '@alova/adapter-axios';
+import { createAlova } from 'alova';
+import VueHook from 'alova/vue';
+import axios from "axios";
+
+/**
+ * axios请求配置参数
+ * 去掉了与method冲突的属性
+ */
+export type AlovaAxiosRequestConfig = Omit<
+  AxiosRequestConfig,
+  | 'url'
+  | 'method'
+  | 'baseURL'
+  | 'headers'
+  | 'params'
+  | 'data'
+  | 'timeout'
+  | 'cancelToken'
+  | 'signal'
+  | 'onUploadProgress'
+  | 'onDownloadProgress'
+>;
+
+export interface ApiConfig {
+  alovaOptions?: Partial<AlovaOptions<any>>;
+  init?: (axiosInst: AxiosInstance) => void;
+  options?: AxiosRequestConfig;
+}
+
+
+
+
+export function setupRequest(baseUrl: string, config?: ApiConfig) {
+  const axiosInst = axios.create(config?.options);
+  // // 请求拦截器
+  // axiosInst.interceptors.request.use((config) => {
+  //   config.headers.token = localStorage.getItem('token') || '';
+  //   return config;
+  // });
+  //
+  // // 响应拦截器
+  // axiosInst.interceptors.response.use(
+  //   (response) => response,
+  //   (error) => Promise.reject(error)
+  // );
+  // if (config?.init) {
+  //   config.init(axiosInst);
+  // }
+  return createAlova({
+    baseURL: baseUrl,
+    statesHook: VueHook,
+    requestAdapter: axiosRequestAdapter({
+      axios: axiosInst,
+    }),
+    ...config?.alovaOptions,
+  });
+}
+
+export const $http = setupRequest( window.appConfig.baseApi || "admin", {
+  alovaOptions:{
+    id: "api",
+    responded(response: AxiosResponse<any,any,{}>) {
+      return response.data;
+    },
+    beforeRequest(method){
+      method.config.headers.token = localStorage.getItem('token') || '';
+    }
+  }
+});
+
+export {
+  axios
+}
+
+export {
+  createClientTokenAuthentication,
+  useCaptcha,
+  useRequest,
+  useUploader,
+} from 'alova/client';

package/src/common.ts

@@ -0,0 +1,201 @@
+// @eslint-ignore
+
+import type {
+  AsyncComponentLoader,
+  AsyncComponentOptions,
+  Component,
+  ComponentPublicInstance,
+} from 'vue';
+
+import {
+  defineAsyncComponent,
+  markRaw,
+  mergeProps,
+  resolveComponent,
+  useId,
+} from 'vue';
+
+import { omitBy, isNil, isPlainObject } from 'es-toolkit/compat';
+
+export function makeRawComponent<
+  T extends Component = {
+    new (): ComponentPublicInstance;
+  },
+>(source: AsyncComponentLoader<T> | AsyncComponentOptions<T>) {
+  return markRaw(defineAsyncComponent(source));
+}
+
+export function isComponentRegistered(name: string) {
+  try {
+    const component = resolveComponent(name);
+    return component !== name; // 如果返回的是字符串，说明未注册
+  } catch {
+    return false;
+  }
+}
+
+export function randomId(length: number = 8) {
+  let result = '';
+  const characters =
+    'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+  const charactersLength = characters.length;
+  for (let i = 0; i < length; i++) {
+    result += characters.charAt(Math.floor(Math.random() * charactersLength));
+  }
+  return result;
+}
+
+export function hasProperty<T extends object>(target: T, key: string) {
+  return target && Reflect.has(target, key);
+}
+
+export function mergeOmitBy<
+  T extends Record<string, any> = object,
+  E extends keyof T = string,
+>(props: T, excludes: E[]) {
+  return omitBy(props, (value, key) => isNil(value) || excludes.includes(key as E)) as Omit<T, E>
+}
+
+export function mergePropsOmitBy<
+  T extends Record<string, any> = any,
+  E extends string = string,
+>(props: T, attrs: T, excludes: E[] = []) {
+  return mergeOmitBy(mergeProps(props, attrs), excludes) as Omit<T, E>;
+}
+
+export function mergeUrlWithParams(
+  baseUrl: string,
+  params: Record<string, any>,
+) {
+  const query: string[] = [];
+  // 添加或更新查询参数
+  Object.entries(params).forEach(([key, value]) => {
+    if (value !== undefined && value !== null) {
+      if (isPlainObject(value) || Array.isArray(value)) {
+        query.push(`${key}=${JSON.stringify(value)}`);
+      } else {
+        query.push(`${key}=${value.toString()}`);
+      }
+    }
+  });
+  if (query.length > 0) {
+    if (baseUrl.includes('?')) {
+      return `${baseUrl}&${query.join('&')}`;
+    }
+    return `${baseUrl}?${query.join('&')}`;
+  } else {
+    return baseUrl;
+  }
+}
+
+export function keepProps<T extends Record<string, any> = any, K extends keyof T = string, R extends T = any>(
+  object: T,
+  keys: K[] = [],
+  rest: R = {} as R,
+): Pick<T, K & keyof T> & R {
+  return mergeProps(omitBy(object, (_value, key)=>!keys.includes(key as K)), rest) as Pick<T, K & keyof T> & R
+}
+
+const fixToPx = (field: number | string, key: string) => {
+  return field.toString().includes(key);
+};
+
+export function isStringNumber(str) {
+    if (typeof str === 'number') return true;
+    if (typeof str !== 'string') return false;
+    // 排除空、全空格
+    if (str.trim() === '') return false;
+    return !isNaN(Number(str));
+}
+
+export function transformPx(field: number | string | undefined) {
+  if (field === undefined) return field;
+  if (
+    fixToPx(field, 'px') ||
+    fixToPx(field, 'rem') ||
+    fixToPx(field, 'em') ||
+    fixToPx(field, 'vh') ||
+    fixToPx(field, 'vw') ||
+    fixToPx(field, 'pt') ||
+    fixToPx(field, '%') ||
+    fixToPx(field, 'auto') ||
+    fixToPx(field, 'calc')
+  ) {
+    return field.toString();
+  }
+  return isStringNumber(field)?`${field}px`:field;
+}
+/**
+ * 把十六进制颜色值转成 rgba 颜色值
+ *
+ * @param {string} hex
+ * @returns {string} rgba 颜色值
+ */
+const hexToRgba = (hex: string): string => {
+  if (hex && hex.includes('rgb')) {
+    return hex;
+  }
+  const rgba: number[] = [];
+  hex = hex.replace('#', '').padEnd(8, 'F');
+  for (let i = 0; i < hex.length; i += 2) {
+    rgba.push(Number.parseInt(hex.slice(i, i + 2), 16));
+  }
+  return `${rgba.reduce((prev, item, index) => {
+    return (prev +=
+      index >= rgba.length - 1 ? Number((item / 255).toFixed(2)) : `${item}, `);
+  }, 'rgba(')})`;
+};
+
+/**
+ * 计算文本颜色值
+ *
+ * @param {string} hexColor
+ * @returns {'black' | 'white'} 文本颜色值
+ */
+export const determineTextColor = (hexColor: string): 'black' | 'white' => {
+  // 将十六进制颜色值转换为 RGB 格式
+  const rgbColor = hexToRgba(hexColor);
+  // 获取颜色的 RGB 分量
+  const [r, g, b, a] = (rgbColor.match(/\d+(\.\d+)?/g) || []).map(Number);
+  // 计算颜色的相对亮度
+  const brightness =
+    (Number(r || 0) * 299 + Number(g || 0) * 587 + Number(b || 0) * 114) / 1000;
+  // 根据相对亮度确定文本颜色
+  return brightness > 125 ? 'black' : Number(a || 0) < 0.4 ? 'black' : 'white';
+};
+
+export function makeUuid() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replaceAll(/[xy]/g, (c) => {
+    const r = (Math.random() * 16) | 0;
+    const v = c === 'x' ? r : (r & 0x3) | 0x8;
+    return v.toString(16);
+  });
+}
+
+export function createFunction<T extends object = any>(code: string, scope: T) {
+  return new Function('__scope__', `with(__scope__){ return ${code};}`)(scope);
+}
+
+export function makeVueId(prefix: string = '', suffix: string = ''): string {
+  return (prefix ? `${prefix}-` : '') + useId() + (suffix ? `-${suffix}` : '');
+}
+
+/**
+ * 判断是否是 http / https 链接
+ * @param {string} str
+ * @returns {boolean}
+ */
+export function isHttpUrl<T extends string>(str: T) {
+  if (typeof str !== 'string') return false;
+  try {
+    const url = new URL(str);
+    // protocol 带冒号：http:  https:
+    return url.protocol === 'http:' || url.protocol === 'https:';
+  } catch {
+    // 解析失败，不是标准url
+    return false;
+  }
+}
+
+
+

package/src/crypto.ts

@@ -0,0 +1,7 @@
+import { MD5 } from 'crypto-js';
+
+export function md5(value: CryptoJS.lib.WordArray | string, cfg?: object) {
+  return MD5(value, cfg).toString();
+}
+
+export { default as CryptoJS } from 'crypto-js';

package/src/dayjs.ts

@@ -0,0 +1,60 @@
+import { registerWindow } from './window';
+import dayjs from "dayjs"
+import utc from 'dayjs/plugin/utc';
+import advancedFormat from "dayjs/plugin/advancedFormat"
+import customParseFormat from "dayjs/plugin/customParseFormat"
+import localeData from "dayjs/plugin/localeData"
+import weekday from "dayjs/plugin/weekday"
+import weekOfYear from "dayjs/plugin/weekOfYear"
+import weekYear from "dayjs/plugin/weekYear"
+import relativeTime from 'dayjs/plugin/relativeTime';
+import timezone from 'dayjs/plugin/timezone';
+import quarterOfYear from 'dayjs/plugin/quarterOfYear';
+import dayjsEnUS from 'dayjs/locale/en';
+import dayjsZhCN from 'dayjs/locale/zh-cn';
+import 'dayjs/locale/zh-cn'
+import 'dayjs/locale/en'
+
+// 必须 extend 注册
+dayjs.extend(utc)
+dayjs.extend(advancedFormat)
+dayjs.extend(customParseFormat)
+dayjs.extend(localeData)
+dayjs.extend(weekday)
+dayjs.extend(weekOfYear)
+dayjs.extend(weekYear)
+dayjs.extend(relativeTime)
+dayjs.extend(timezone)
+dayjs.extend(quarterOfYear)
+
+registerWindow('dayjs_plugin_customParseFormat', customParseFormat);
+registerWindow('dayjs_plugin_weekday', weekday);
+registerWindow('dayjs_plugin_localeData', localeData);
+registerWindow('dayjs_plugin_weekOfYear', weekOfYear);
+registerWindow('dayjs_plugin_weekYear', weekYear);
+registerWindow('dayjs_plugin_advancedFormat', advancedFormat);
+registerWindow('dayjs_plugin_quarterOfYear', quarterOfYear);
+registerWindow('dayjs_plugin_relativeTime', relativeTime);
+registerWindow('dayjs_plugin_timezone', timezone);
+registerWindow('dayjs_plugin_utc', utc);
+registerWindow('dayjs_locale_zh_cn', dayjsZhCN);
+registerWindow('dayjs_locale_en', dayjsEnUS);
+
+const locales: Record<string, string> = {
+  en: 'en',
+  'zh-CN':'zh-cn'
+}
+
+export const setDayjsLocale = (locale: string, object?: Partial<ILocale>, isLocal?: boolean)=>{
+  dayjs.locale(locales[locale]||locale, object, isLocal)
+}
+
+export {
+  dayjs
+}
+
+
+
+registerWindow('dayjs', dayjs);
+
+

package/src/es-toolkit.ts

@@ -0,0 +1,4 @@
+// @ts-nocheck
+export { isNotNil, isPromise } from 'es-toolkit';
+
+export * as Toolkit from 'es-toolkit/compat';

package/src/idb-keyval.ts

@@ -0,0 +1,115 @@
+/* eslint-disable */
+import type {
+  UseIDBKeyvalReturn,
+  UseIDBOptions,
+} from '@vueuse/integrations/useIDBKeyval';
+import type { MaybeRefOrGetter } from 'vue';
+import type { RemovableRef } from '@vueuse/core';
+
+import type { Ref } from 'vue';
+
+import { ref, shallowRef, toRaw, toValue, watch } from 'vue';
+import { isNotNil } from 'es-toolkit';
+
+import * as idb from 'idb-keyval';
+
+export function createNaiveStore(storeName: string) {
+  return idb.createStore('naive-admin', storeName);
+}
+
+export async function loadJsStore(
+  key: IDBValidKey,
+  callback: (idb: any) => Promise<any>,
+) {
+  const customJsStore = createNaiveStore('remove-js-store');
+  let content = await idb.get(key, customJsStore);
+  if (!content) {
+    content = await callback(idb);
+    await idb.set(key, content, customJsStore);
+  }
+  return content;
+}
+
+export declare interface IDBOptions extends UseIDBOptions<any> {
+  storeName?: string;
+}
+
+export declare interface IDBKeyValReturn<T> extends UseIDBKeyvalReturn<T> {
+  idb: typeof idb;
+}
+
+export function useIdb<T = any>(
+  key: IDBValidKey,
+  initialValue: MaybeRefOrGetter<T>,
+  options: IDBOptions,
+): IDBKeyValReturn<T> {
+  const {
+    storeName = 'base-store',
+    flush = 'pre',
+    deep = true,
+    shallow = false,
+    onError = (e) => {
+      console.error(e);
+    },
+    writeDefaults = true,
+  } = options;
+  const store = createNaiveStore(storeName);
+  const isFinished = ref(false);
+  const data = (shallow ? shallowRef : ref)(initialValue) as Ref<T>;
+
+  const rawInit: T = toValue(initialValue);
+
+  async function read() {
+    try {
+      const rawValue = await idb.get<T>(key, store);
+      if (rawValue === undefined) {
+        if (isNotNil(rawInit) && writeDefaults)
+          await idb.set(key, rawInit, store);
+      } else {
+        data.value = rawValue;
+      }
+    } catch (error) {
+      onError(error);
+    }
+    isFinished.value = true;
+  }
+
+  read();
+
+  async function write() {
+    try {
+      if (data.value === null) {
+        await idb.del(key, store);
+      } else {
+        // IndexedDB does not support saving proxies, convert from proxy before saving
+        await idb.update(key, () => toRaw(data.value), store);
+      }
+    } catch (error) {
+      onError(error);
+    }
+  }
+
+  const { pause: pauseWatch, resume: resumeWatch } = watch(
+    data,
+    () => write(),
+    { flush, deep },
+  );
+
+  async function setData(value: T): Promise<void> {
+    pauseWatch();
+    data.value = value;
+    await write();
+    resumeWatch();
+  }
+
+  return {
+    set: setData,
+    isFinished,
+    data: data as RemovableRef<T>,
+    idb,
+  };
+}
+
+export { idb };
+
+export { type UseStore } from 'idb-keyval';

package/src/index.ts

@@ -0,0 +1,20 @@
+export * from './api';
+export * from './common';
+export * from './crypto';
+export * from './dayjs';
+export * from './es-toolkit';
+export * from './idb-keyval';
+export * from './loader';
+export * from './nprogress';
+// export * from './sortablejs';
+// export * from './tippy';
+export * from './toastify';
+export * from './vee-validate';
+export * from './vue';
+export * from './vue-router';
+export * from './vueuse';
+export * from './window';
+export * from './zod';
+export * from './vtj';
+export * from './lowlight';
+