dlzn-ui 1.87.0 → 1.88.0

package/package.json

@@ -71,12 +71,14 @@
     "cron-parser": "^5.10.0",
     "cronstrue": "^3.24.0",
     "crypto-js": "^4.2.0",
+    "echarts": "^6.1.0",
     "element-plus": "^2.14.5",
     "file-saver": "^2.0.5",
     "path-browserify": "^1.0.1",
     "pinia": "^4.0.3",
     "pinia-plugin-persistedstate": "^4.7.1",
-    "quartzcron": "^0.1.2"
+    "quartzcron": "^0.1.2",
+    "vue-echarts": "^8.3.0"
   },
   "devDependencies": {
     "@types/crypto-js": "^4.2.2",
@@ -87,5 +89,5 @@
     "> 1%",
     "not dead"
   ],
-  "version": "1.87.0"
+  "version": "1.88.0"
 }

package/plugins/captcha/index.d.ts

@@ -0,0 +1 @@
+export * from './src/captcha';

package/plugins/captcha/src/captcha.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => Promise<string>;
+export default _default;

package/plugins/captcha/src/captcha.mjs

@@ -0,0 +1,153 @@
+import { i as e } from "../../../chunks/user-DsSzsUIW.mjs";
+import { aesEncrypt as t } from "../../../utils/tool.mjs";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, onMounted as d, openBlock as f, ref as p, resolveComponent as m, resolveDirective as h, toDisplayString as g, unref as _, useTemplateRef as v, vShow as y, withCtx as b, withDirectives as x } from "vue";
+import { useDraggable as S, useElementSize as C } from "@vueuse/core";
+import { useRequest as w } from "alova/client";
+//#region ../../packages/dlzn-ui/plugins/captcha/src/captcha.vue?vue&type=script&setup=true&lang.ts
+var T = ["src"], E = ["src"], D = 155, O = /* @__PURE__ */ c({
+	__name: "captcha",
+	emits: ["success"],
+	setup(c, { emit: O }) {
+		let k = O, A = {
+			barHeight: 40,
+			imgHeight: D,
+			imgWidth: 310
+		}, j = new URL("./default.jpg", "" + import.meta.url).href, M = p(""), N = p(""), P = p(""), F = v("barArea"), I = p("default"), L = n(() => I.value === "default" ? {
+			bgColor: "inherit",
+			color: "var(--td-text-color-secondary)",
+			icon: "icon-right"
+		} : I.value === "doing" ? {
+			bgColor: "var(--td-brand-color-active)",
+			color: "#fff",
+			icon: "icon-right"
+		} : I.value === "success" ? {
+			bgColor: "var(--td-success-color)",
+			color: "#fff",
+			icon: "icon-check"
+		} : {
+			bgColor: "#d9534f",
+			color: "#fff",
+			icon: "icon-close"
+		}), R = p(0), z = p(""), B = p(""), V = v("dragBlock"), { width: H } = C(F, void 0, { box: "border-box" }), { x: U } = S(V, {
+			axis: "x",
+			containerElement: F,
+			onEnd: async ({ x: n }) => {
+				let r = Date.now();
+				(await e.Post("captcha/check", {
+					pointJson: await t(JSON.stringify({
+						x: n,
+						y: 5
+					}), B.value),
+					token: z.value
+				}, { meta: {
+					useLoading: !1,
+					useToken: !1
+				} })).repCode === "0000" ? (I.value = "success", P.value = `${((r - R.value) / 1e3).toFixed(2)}s验证成功`, setTimeout(async () => {
+					k("success", await t(`${z.value}---${JSON.stringify({
+						x: n,
+						y: 5
+					})}`, B.value));
+				}, 500)) : (I.value = "fail", P.value = "验证失败", setTimeout(() => {
+					J();
+				}, 1e3));
+			},
+			onStart: () => {
+				if (B.value === "") return !1;
+				R.value = Date.now(), I.value = "doing";
+			},
+			preventDefault: !0,
+			stopPropagation: !0
+		}), W = n(() => Math.min(U.value, H.value - A.barHeight)), { loading: G, send: K } = w(e.Post("captcha/get", {}, { meta: {
+			useLoading: !1,
+			useToken: !1
+		} }), { immediate: !1 });
+		async function q() {
+			let e = await K();
+			e.repCode === "0000" ? (M.value = e.repData.originalImageBase64, N.value = e.repData.jigsawImageBase64, z.value = e.repData.token, B.value = e.repData.secretKey) : (P.value = e.repMsg, M.value = null, N.value = null, z.value = "", B.value = "");
+		}
+		d(() => {
+			q();
+		});
+		function J() {
+			P.value = "", U.value = 0, I.value = "default", B.value = "", q();
+		}
+		return (e, t) => {
+			let n = m("TIcon"), c = m("TButton"), d = h("loading");
+			return x((f(), a("div", {
+				class: "relative overflow-hidden",
+				style: u({ width: `${A.imgWidth}px` }),
+				onSelectstart: () => !1
+			}, [o("div", {
+				class: "relative",
+				style: u({ height: `${A.imgHeight}px` })
+			}, [
+				o("img", {
+					class: "block h-full w-full",
+					src: M.value ? `data:image/png;base64,${M.value}` : _(j)
+				}, null, 8, T),
+				s(c, {
+					class: "absolute! top-0 right-0",
+					shape: "square",
+					variant: "text",
+					onClick: J
+				}, {
+					icon: b(() => [s(n, { icon: "material-symbols-light:refresh" })]),
+					_: 1
+				}),
+				P.value ? (f(), a("span", {
+					key: 0,
+					class: l(["text-white absolute bottom-0 left-0 w-full p-1", I.value === "success" ? "bg-green-300/50" : "bg-red-300/50"])
+				}, g(P.value), 3)) : i("v-if", !0)
+			], 4), o("div", {
+				ref: "barArea",
+				class: "border-gray-300 relative mt-[4px] flex items-center justify-center border text-center",
+				style: u({ height: `${A.barHeight}px` })
+			}, [x(o("span", null, "向右滑动完成验证", 512), [[y, I.value === "default"]]), o("div", {
+				class: "absolute top-0 left-0 -translate-x-px -translate-y-px border bg-[#f0fff0]",
+				style: u({
+					width: W.value === 0 ? `${A.barHeight}px` : `${W.value + 1}px`,
+					height: `${A.barHeight}px`,
+					"border-color": L.value.bgColor
+				})
+			}, [o("div", {
+				ref: "dragBlock",
+				class: "hover:text-white absolute top-0 left-0 flex -translate-x-px -translate-y-px cursor-pointer touch-none items-center justify-center border border-transparent bg-clip-content hover:bg-(--td-brand-color)",
+				style: u({
+					width: `${A.barHeight}px`,
+					height: `${A.barHeight}px`,
+					"background-color": L.value.bgColor,
+					left: `${W.value}px`
+				})
+			}, [
+				L.value.icon === "icon-check" ? (f(), r(n, {
+					key: 0,
+					icon: "mdi:check",
+					style: u({ color: L.value.color })
+				}, null, 8, ["style"])) : i("v-if", !0),
+				L.value.icon === "icon-right" ? (f(), r(n, {
+					key: 1,
+					icon: "mdi:chevron-right",
+					style: u({ color: L.value.color })
+				}, null, 8, ["style"])) : i("v-if", !0),
+				L.value.icon === "icon-close" ? (f(), r(n, {
+					key: 2,
+					icon: "mdi:close",
+					style: u({ color: L.value.color })
+				}, null, 8, ["style"])) : i("v-if", !0)
+			], 4), o("div", {
+				class: "absolute left-0",
+				style: u({
+					width: `${A.imgWidth * 47 / 310}px`,
+					height: `${A.imgHeight}px`,
+					top: `-${A.imgHeight + 4}px`,
+					left: `${W.value}px`
+				})
+			}, [o("img", {
+				class: "block h-full w-full",
+				src: `data:image/png;base64,${N.value}`
+			}, null, 8, E)], 4)], 4)], 4)], 36)), [[d, _(G)]]);
+		};
+	}
+});
+//#endregion
+export { O as default };

package/plugins/captcha/src/captcha.vue.d.ts

@@ -0,0 +1,8 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const __VLS_export: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    success: (captchaVerification: string) => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+    onSuccess?: ((captchaVerification: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/plugins/{others/directive.mjs → directive/index.mjs}

@@ -1,7 +1,7 @@
 import e from "../autoImport/$msg/index.mjs";
 import { isFalsy as t } from "../../utils/boolean.mjs";
 import { useClipboard as n } from "@vueuse/core";
-//#region ../../packages/dlzn-ui/plugins/others/directive.ts
+//#region ../../packages/dlzn-ui/plugins/directive/index.ts
 var r = { install(r) {
 	r.directive("copy", {
 		mounted(r, { value: i }) {

package/plugins/echarts/index.d.ts

@@ -0,0 +1,11 @@
+import { BarSeriesOption, LineSeriesOption, MapSeriesOption, PieSeriesOption, ScatterSeriesOption } from 'echarts/charts';
+import { DataZoomComponentOption, GraphicComponentOption, GridComponentOption, LegendComponentOption, MarkPointComponentOption, TitleComponentOption, TooltipComponentOption, VisualMapComponentOption } from 'echarts/components';
+import { ComposeOption } from 'echarts/core';
+import { default as VChart } from 'vue-echarts';
+export type OptionType = ComposeOption<BarSeriesOption | DataZoomComponentOption | GraphicComponentOption | GridComponentOption | LegendComponentOption | LineSeriesOption | MapSeriesOption | MarkPointComponentOption | PieSeriesOption | ScatterSeriesOption | TitleComponentOption | TooltipComponentOption | VisualMapComponentOption>;
+export declare const mapFeaturesArr: Array<{
+    adcode: number;
+    center: [number, number];
+    name: string;
+}>;
+export default VChart;