@liujitcn/kratos-admin-core 0.0.1

package/dist/package/src/styles/reset.scss

@@ -0,0 +1,143 @@
+/* Reset style sheet */
+
+/* 目前项目中使用富文本编辑器需要注释，如果你项目中没有使用富文本编辑器，可以取消注释 */
+// html,
+// body,
+// div,
+// span,
+// applet,
+// object,
+// iframe,
+// h1,
+// h2,
+// h3,
+// h4,
+// h5,
+// h6,
+// p,
+// blockquote,
+// pre,
+// a,
+// abbr,
+// acronym,
+// address,
+// big,
+// cite,
+// code,
+// del,
+// dfn,
+// em,
+// img,
+// ins,
+// kbd,
+// q,
+// s,
+// samp,
+// small,
+// strike,
+// strong,
+// sub,
+// sup,
+// tt,
+// var,
+// b,
+// u,
+// i,
+// center,
+// dl,
+// dt,
+// dd,
+// ol,
+// ul,
+// li,
+// fieldset,
+// form,
+// label,
+// legend,
+// table,
+// caption,
+// tbody,
+// tfoot,
+// thead,
+// tr,
+// th,
+// td,
+// article,
+// aside,
+// canvas,
+// details,
+// embed,
+// figure,
+// figcaption,
+// footer,
+// header,
+// hgroup,
+// menu,
+// nav,
+// output,
+// ruby,
+// section,
+// summary,
+// time,
+// mark,
+// audio,
+// video {
+// 	padding: 0;
+// 	margin: 0;
+// 	font: inherit;
+// 	font-size: 100%;
+// 	vertical-align: baseline;
+// 	border: 0;
+// }
+
+// /* HTML5 display-role reset for older browsers */
+// article,
+// aside,
+// details,
+// figcaption,
+// figure,
+// footer,
+// header,
+// hgroup,
+// menu,
+// nav,
+// section {
+// 	display: block;
+// }
+// body {
+// 	padding: 0;
+// 	margin: 0;
+// }
+// ol,
+// ul {
+// 	list-style: none;
+// }
+// blockquote,
+// q {
+// 	quotes: none;
+// }
+// blockquote::before,
+// blockquote::after,
+// q::before,
+// q::after {
+// 	content: "";
+// 	content: none;
+// }
+// table {
+// 	border-spacing: 0;
+// 	border-collapse: collapse;
+// }
+html,
+body,
+#app,
+#watermark {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+/* 解决 h1 标签在 webkit 内核浏览器中文字大小失效问题 */
+:-webkit-any(article, aside, nav, section) h1 {
+  font-size: 2em;
+}

package/dist/package/src/styles/theme/aside.ts

@@ -0,0 +1,16 @@
+import { Theme } from "../../hooks/interface";
+
+export const asideTheme: Record<Theme.ThemeType, { [key: string]: string }> = {
+  light: {
+    "--el-aside-logo-text-color": "#303133",
+    "--el-aside-border-color": "#e4e7ed"
+  },
+  inverted: {
+    "--el-aside-logo-text-color": "#dadada",
+    "--el-aside-border-color": "#414243"
+  },
+  dark: {
+    "--el-aside-logo-text-color": "#dadada",
+    "--el-aside-border-color": "#414243"
+  }
+};

package/dist/package/src/styles/theme/header.ts

@@ -0,0 +1,25 @@
+import { Theme } from "../../hooks/interface";
+
+export const headerTheme: Record<Theme.ThemeType, { [key: string]: string }> = {
+  light: {
+    "--el-header-logo-text-color": "#303133",
+    "--el-header-bg-color": "#ffffff",
+    "--el-header-text-color": "#303133",
+    "--el-header-text-color-regular": "#606266",
+    "--el-header-border-color": "#e4e7ed"
+  },
+  inverted: {
+    "--el-header-logo-text-color": "#dadada",
+    "--el-header-bg-color": "#191a20",
+    "--el-header-text-color": "#e5eaf3",
+    "--el-header-text-color-regular": "#cfd3dc",
+    "--el-header-border-color": "#414243"
+  },
+  dark: {
+    "--el-header-logo-text-color": "#dadada",
+    "--el-header-bg-color": "#141414",
+    "--el-header-text-color": "#e5eaf3",
+    "--el-header-text-color-regular": "#cfd3dc",
+    "--el-header-border-color": "#414243"
+  }
+};

package/dist/package/src/styles/theme/menu.ts

@@ -0,0 +1,31 @@
+import { Theme } from "../../hooks/interface";
+
+export const menuTheme: Record<Theme.ThemeType, { [key: string]: string }> = {
+  light: {
+    "--el-menu-bg-color": "#ffffff",
+    "--el-menu-hover-bg-color": "#cccccc",
+    "--el-menu-active-bg-color": "var(--el-color-primary-light-9)",
+    "--el-menu-text-color": "#333333",
+    "--el-menu-active-color": "var(--el-color-primary)",
+    "--el-menu-hover-text-color": "#333333",
+    "--el-menu-horizontal-sub-item-height": "50px"
+  },
+  inverted: {
+    "--el-menu-bg-color": "#191a20",
+    "--el-menu-hover-bg-color": "#000000",
+    "--el-menu-active-bg-color": "#000000",
+    "--el-menu-text-color": "#bdbdc0",
+    "--el-menu-active-color": "#ffffff",
+    "--el-menu-hover-text-color": "#ffffff",
+    "--el-menu-horizontal-sub-item-height": "50px"
+  },
+  dark: {
+    "--el-menu-bg-color": "#141414",
+    "--el-menu-hover-bg-color": "#000000",
+    "--el-menu-active-bg-color": "#000000",
+    "--el-menu-text-color": "#bdbdc0",
+    "--el-menu-active-color": "#ffffff",
+    "--el-menu-hover-text-color": "#ffffff",
+    "--el-menu-horizontal-sub-item-height": "50px"
+  }
+};

package/dist/package/src/styles/var.scss

@@ -0,0 +1,2 @@
+/* global css variable */
+$primary-color: var(--el-color-primary);

package/dist/package/src/table.ts

@@ -0,0 +1 @@
+export * from "./utils/proTable";

package/dist/package/src/tenant.ts

@@ -0,0 +1 @@
+export * from "./utils/tenant";

package/dist/package/src/typings/global.d.ts

@@ -0,0 +1,74 @@
+/* Menu */
+declare namespace Menu {
+  interface MenuOptions {
+    path: string;
+    name: string;
+    component?: string | (() => Promise<unknown>);
+    redirect?: string;
+    meta: MetaProps;
+    children?: MenuOptions[];
+  }
+  interface MetaProps {
+    icon: string;
+    title: string;
+    activeMenu?: string;
+    link?: string;
+    hide: boolean;
+    full: boolean;
+    affix: boolean;
+    keepAlive: boolean;
+  }
+}
+
+/* FileType */
+declare namespace File {
+  type ImageMimeType =
+    | "image/apng"
+    | "image/bmp"
+    | "image/gif"
+    | "image/jpeg"
+    | "image/pjpeg"
+    | "image/png"
+    | "image/svg+xml"
+    | "image/tiff"
+    | "image/webp"
+    | "image/x-icon";
+
+  type ExcelMimeType = "application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+}
+
+/* Vite */
+declare type Recordable<T = any> = Record<string, T>;
+
+declare interface ViteEnv {
+  VITE_USER_NODE_ENV: "development" | "production" | "test";
+  VITE_GLOB_APP_TITLE: string;
+  VITE_PORT: number;
+  VITE_OPEN: boolean;
+  VITE_REPORT: boolean;
+  VITE_ROUTER_MODE: "hash" | "history";
+  VITE_BUILD_COMPRESS: "gzip" | "brotli" | "gzip,brotli" | "none";
+  VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean;
+  VITE_DROP_CONSOLE: boolean;
+  VITE_PWA: boolean;
+  VITE_DEVTOOLS: boolean;
+  VITE_PUBLIC_PATH: string;
+  VITE_API_URL: string;
+  VITE_PROXY: [string, string][];
+  VITE_CODEINSPECTOR: boolean;
+}
+
+interface ImportMetaEnv extends ViteEnv {
+  __: unknown;
+}
+
+/* __APP_INFO__ */
+declare const __APP_INFO__: {
+  pkg: {
+    name: string;
+    version: string;
+    dependencies: Recordable<string>;
+    devDependencies: Recordable<string>;
+  };
+  lastBuildTime: string;
+};

package/dist/package/src/typings/utils.d.ts

@@ -0,0 +1,17 @@
+type ObjToKeyValUnion<T> = {
+  [K in keyof T]: { key: K; value: T[K] };
+}[keyof T];
+
+type ObjToKeyValArray<T> = {
+  [K in keyof T]: [K, T[K]];
+}[keyof T];
+
+type ObjToSelectedValueUnion<T> = {
+  [K in keyof T]: T[K];
+}[keyof T];
+
+type Optional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+
+type GetOptional<T> = {
+  [P in keyof T as T[P] extends Required<T>[P] ? never : P]: T[P];
+};

package/dist/package/src/typings/window.d.ts

@@ -0,0 +1,8 @@
+declare global {
+  interface Navigator {
+    msSaveOrOpenBlob: (blob: Blob, fileName: string) => void;
+    browserLanguage: string;
+  }
+}
+
+export {};

package/dist/package/src/utils/color.ts

@@ -0,0 +1,59 @@
+import { ElMessage } from "element-plus";
+
+/**
+ * @description hex颜色转rgb颜色
+ * @param {String} str 颜色值字符串
+ * @returns {String} 返回处理后的颜色值
+ */
+export function hexToRgb(str: any) {
+  let hexs: any = "";
+  let reg = /^#?[0-9A-Fa-f]{6}$/;
+  if (!reg.test(str)) return ElMessage.warning("输入错误的hex");
+  str = str.replace("#", "");
+  hexs = str.match(/../g);
+  for (let i = 0; i < 3; i++) hexs[i] = parseInt(hexs[i], 16);
+  return hexs;
+}
+
+/**
+ * @description rgb颜色转Hex颜色
+ * @param {*} r 代表红色
+ * @param {*} g 代表绿色
+ * @param {*} b 代表蓝色
+ * @returns {String} 返回处理后的颜色值
+ */
+export function rgbToHex(r: any, g: any, b: any) {
+  let reg = /^\d{1,3}$/;
+  if (!reg.test(r) || !reg.test(g) || !reg.test(b)) return ElMessage.warning("输入错误的rgb颜色值");
+  let hexs = [r.toString(16), g.toString(16), b.toString(16)];
+  for (let i = 0; i < 3; i++) if (hexs[i].length == 1) hexs[i] = `0${hexs[i]}`;
+  return `#${hexs.join("")}`;
+}
+
+/**
+ * @description 加深颜色值
+ * @param {String} color 颜色值字符串
+ * @param {Number} level 加深的程度，限0-1之间
+ * @returns {String} 返回处理后的颜色值
+ */
+export function getDarkColor(color: string, level: number) {
+  let reg = /^#?[0-9A-Fa-f]{6}$/;
+  if (!reg.test(color)) return ElMessage.warning("输入错误的hex颜色值");
+  let rgb = hexToRgb(color);
+  for (let i = 0; i < 3; i++) rgb[i] = Math.round(20.5 * level + rgb[i] * (1 - level));
+  return rgbToHex(rgb[0], rgb[1], rgb[2]);
+}
+
+/**
+ * @description 变浅颜色值
+ * @param {String} color 颜色值字符串
+ * @param {Number} level 加深的程度，限0-1之间
+ * @returns {String} 返回处理后的颜色值
+ */
+export function getLightColor(color: string, level: number) {
+  let reg = /^#?[0-9A-Fa-f]{6}$/;
+  if (!reg.test(color)) return ElMessage.warning("输入错误的hex颜色值");
+  let rgb = hexToRgb(color);
+  for (let i = 0; i < 3; i++) rgb[i] = Math.round(255 * level + rgb[i] * (1 - level));
+  return rgbToHex(rgb[0], rgb[1], rgb[2]);
+}

package/dist/package/src/utils/dict.ts

@@ -0,0 +1,17 @@
+// ? 系统全局字典
+
+/**
+ * @description：用户性别
+ */
+export const genderType = [
+  { label: "男", value: 1 },
+  { label: "女", value: 2 }
+];
+
+/**
+ * @description：用户状态
+ */
+export const userStatus = [
+  { label: "启用", value: 1, tagType: "success" },
+  { label: "禁用", value: 0, tagType: "danger" }
+];

package/dist/package/src/utils/eleValidate.ts

@@ -0,0 +1,14 @@
+// ? Element 常用表单校验规则
+
+/**
+ *  @rule 手机号
+ */
+export function checkPhoneNumber(rule: any, value: any, callback: any) {
+  const regexp = /^(((13[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[3-8]{1})|(18[0-9]{1})|(19[0-9]{1})|(14[5-7]{1}))+\d{8})$/;
+  if (value === "") callback("请输入手机号码");
+  if (!regexp.test(value)) {
+    callback(new Error("请输入正确的手机号码"));
+  } else {
+    return callback();
+  }
+}

package/dist/package/src/utils/errorHandler.ts

@@ -0,0 +1,27 @@
+import { ElNotification } from "element-plus";
+
+/**
+ * @description 全局代码错误捕捉
+ * */
+const errorHandler = (error: any) => {
+  // 过滤 HTTP 请求错误
+  if (error.status || error.status == 0) return false;
+  let errorMap: { [key: string]: string } = {
+    InternalError: "Javascript引擎内部错误",
+    ReferenceError: "未找到对象",
+    TypeError: "使用了错误的类型或对象",
+    RangeError: "使用内置对象时，参数超范围",
+    SyntaxError: "语法错误",
+    EvalError: "错误的使用了Eval",
+    URIError: "URI错误"
+  };
+  let errorName = errorMap[error.name] || "未知错误";
+  ElNotification({
+    title: errorName,
+    message: error,
+    type: "error",
+    duration: 3000
+  });
+};
+
+export default errorHandler;