@gx-design-vue/pro-layout-components 0.1.0-alpha.0 → 0.1.0-alpha.2

package/dist/Icon/index.d.ts

@@ -1,37 +0,0 @@
-import { IconType } from "./components/index.js";
-import * as vue55 from "vue";
-import { PropType } from "vue";
-import { IconBaseType } from "@gx-design-vue/icon";
-import * as vue_jsx_runtime3 from "vue/jsx-runtime";
-
-//#region src/Icon/index.d.ts
-declare const _default: vue55.DefineComponent<vue55.ExtractPropTypes<{
-  type: {
-    type: PropType<IconType | IconBaseType>;
-    required: true;
-  };
-  class: PropType<string | string[]>;
-  onClick: PropType<any>;
-  spin: BooleanConstructor;
-  style: {
-    type: PropType<vue55.CSSProperties>;
-    default: () => {};
-  };
-}>, () => vue_jsx_runtime3.JSX.Element, {}, {}, {}, vue55.ComponentOptionsMixin, vue55.ComponentOptionsMixin, {}, string, vue55.PublicProps, Readonly<vue55.ExtractPropTypes<{
-  type: {
-    type: PropType<IconType | IconBaseType>;
-    required: true;
-  };
-  class: PropType<string | string[]>;
-  onClick: PropType<any>;
-  spin: BooleanConstructor;
-  style: {
-    type: PropType<vue55.CSSProperties>;
-    default: () => {};
-  };
-}>> & Readonly<{}>, {
-  spin: boolean;
-  style: vue55.CSSProperties;
-}, {}, {}, {}, string, vue55.ComponentProvideOptions, true, {}, any>;
-//#endregion
-export { _default as default };

package/dist/Icon/index.js

@@ -1,24 +0,0 @@
-import components_default from "./components/index.js";
-import { createVNode, defineComponent, mergeProps } from "vue";
-import { GIcon, defaultIconProps } from "@gx-design-vue/icon";
-
-//#region src/Icon/index.tsx
-var Icon_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	props: {
-		...defaultIconProps,
-		type: {
-			type: String,
-			required: true
-		}
-	},
-	setup(props) {
-		return () => createVNode(GIcon, mergeProps(props, {
-			"type": props.type,
-			"components": components_default
-		}), null);
-	}
-});
-
-//#endregion
-export { Icon_default as default };

package/dist/PageLock/Popup.d.ts

@@ -1,43 +0,0 @@
-import * as vue30 from "vue";
-import { PropType } from "vue";
-import * as vue_jsx_runtime1 from "vue/jsx-runtime";
-
-//#region src/PageLock/Popup.d.ts
-declare const _default: vue30.DefineComponent<vue30.ExtractPropTypes<{
-  password: PropType<string>;
-  name: {
-    type: PropType<string>;
-    default: any;
-  };
-  avatar: PropType<string>;
-  open: {
-    type: PropType<boolean>;
-    default: any;
-  };
-  onOpenChange: PropType<(open: boolean) => void>;
-  'onUpdate:open': PropType<(open: boolean) => void>;
-  cryptoFn: PropType<(password: string) => string>;
-  hashId: PropType<string>;
-  className: PropType<string>;
-}>, () => vue_jsx_runtime1.JSX.Element, {}, {}, {}, vue30.ComponentOptionsMixin, vue30.ComponentOptionsMixin, {}, string, vue30.PublicProps, Readonly<vue30.ExtractPropTypes<{
-  password: PropType<string>;
-  name: {
-    type: PropType<string>;
-    default: any;
-  };
-  avatar: PropType<string>;
-  open: {
-    type: PropType<boolean>;
-    default: any;
-  };
-  onOpenChange: PropType<(open: boolean) => void>;
-  'onUpdate:open': PropType<(open: boolean) => void>;
-  cryptoFn: PropType<(password: string) => string>;
-  hashId: PropType<string>;
-  className: PropType<string>;
-}>> & Readonly<{}>, {
-  name: string;
-  open: boolean;
-}, {}, {}, {}, string, vue30.ComponentProvideOptions, true, {}, any>;
-//#endregion
-export { _default as default };

package/dist/PageLock/Popup.js

@@ -1,68 +0,0 @@
-import useClockTime_default from "../hooks/useClockTime/index.js";
-import { basicProps, publicPageLockProps } from "./props.js";
-import UserForm_default from "./UserForm.js";
-import { Fragment, Teleport, computed, createTextVNode, createVNode, defineComponent } from "vue";
-import { useMergedState, useState } from "@gx-design-vue/pro-hooks";
-import { classNames, isBoolean } from "@gx-design-vue/pro-utils";
-import { Button } from "ant-design-vue";
-import { LockOutlined } from "@ant-design/icons-vue";
-
-//#region src/PageLock/Popup.tsx
-var Popup_default = /* @__PURE__ */ defineComponent({
-	name: "PageLockPopup",
-	props: {
-		...basicProps,
-		...publicPageLockProps,
-		password: String
-	},
-	setup(props) {
-		const [open, setOpen] = useMergedState(false, {
-			value: computed(() => isBoolean(props.open) ? props.open : false),
-			onChange: props.onOpenChange
-		});
-		const [lock, changeLock] = useState(false);
-		const clockTime = useClockTime_default();
-		const getClassName = (prefix = "", className) => {
-			return classNames(prefix ? `${props.className}-popup-${prefix}` : `${props.className}-popup`, props.hashId, className || "");
-		};
-		return () => {
-			if (open.value) return createVNode(Teleport, { "to": "body" }, { default: () => [createVNode("div", { "class": getClassName() }, [lock.value ? createVNode("div", { "class": getClassName("form") }, [createVNode(UserForm_default, {
-				"avatarSize": 70,
-				"submitText": "进入系统",
-				"avatar": props.avatar,
-				"hashId": props.hashId,
-				"className": props.className,
-				"validator": (value) => props.cryptoFn?.(value) === props.password,
-				"onSubmit": () => setOpen(false)
-			}, { default: () => [createVNode(Button, {
-				"style": { marginBlockStart: "16px" },
-				"type": "text",
-				"block": true,
-				"onClick": () => changeLock(false)
-			}, { default: () => [createTextVNode("返回")] })] }), createVNode("div", { "class": getClassName("form-time") }, [createVNode("span", { "style": { fontSize: "26px" } }, [
-				`${clockTime.hh}:${clockTime.mm}`,
-				createTextVNode("\xA0\xA0"),
-				clockTime.a
-			]), createVNode("span", { "style": { fontSize: "30px" } }, [
-				clockTime.day,
-				createTextVNode("\xA0\xA0"),
-				clockTime.dddd
-			])])]) : createVNode(Fragment, null, [createVNode("div", { "class": getClassName("head") }, [createVNode("span", null, [
-				clockTime.day,
-				createTextVNode("\xA0\xA0"),
-				clockTime.dddd
-			]), createVNode("span", {
-				"class": getClassName("lock-icon"),
-				"onClick": () => changeLock(true)
-			}, [createVNode(LockOutlined, { "style": {
-				position: "relative",
-				top: "1px",
-				marginInlineEnd: "4px"
-			} }, null), createTextVNode("点击解锁")])]), createVNode("div", { "class": getClassName("time", getClassName("enter", "fadeIn")) }, [createVNode("div", { "class": getClassName("time-card") }, [clockTime.hh, createVNode("span", { "class": getClassName("time-range") }, [clockTime.a])]), createVNode("div", { "class": getClassName("time-card") }, [clockTime.mm])])])])] });
-			return null;
-		};
-	}
-});
-
-//#endregion
-export { Popup_default as default };

package/dist/PageLock/UserForm.d.ts

@@ -1,42 +0,0 @@
-import { FromState } from "./useFormState.js";
-import * as vue213 from "vue";
-import { PropType } from "vue";
-import * as vue_jsx_runtime7 from "vue/jsx-runtime";
-
-//#region src/PageLock/UserForm.d.ts
-declare const _default: vue213.DefineComponent<vue213.ExtractPropTypes<{
-  name: {
-    type: PropType<string>;
-    default: any;
-  };
-  avatar: PropType<string>;
-  avatarSize: {
-    type: PropType<number>;
-    default: number;
-  };
-  submitText: PropType<string>;
-  validator: PropType<(value: string) => boolean>;
-  onSubmit: PropType<(fields: FromState) => void>;
-  hashId: PropType<string>;
-  className: PropType<string>;
-}>, () => vue_jsx_runtime7.JSX.Element, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, string, vue213.PublicProps, Readonly<vue213.ExtractPropTypes<{
-  name: {
-    type: PropType<string>;
-    default: any;
-  };
-  avatar: PropType<string>;
-  avatarSize: {
-    type: PropType<number>;
-    default: number;
-  };
-  submitText: PropType<string>;
-  validator: PropType<(value: string) => boolean>;
-  onSubmit: PropType<(fields: FromState) => void>;
-  hashId: PropType<string>;
-  className: PropType<string>;
-}>> & Readonly<{}>, {
-  name: string;
-  avatarSize: number;
-}, {}, {}, {}, string, vue213.ComponentProvideOptions, true, {}, any>;
-//#endregion
-export { _default as default };

package/dist/PageLock/UserForm.js

@@ -1,68 +0,0 @@
-import { basicProps } from "./props.js";
-import useFormState_default from "./useFormState.js";
-import { createVNode, defineComponent } from "vue";
-import { classNames } from "@gx-design-vue/pro-utils";
-import { Avatar, Button, Form, Input } from "ant-design-vue";
-import { UserOutlined } from "@ant-design/icons-vue";
-
-//#region src/PageLock/UserForm.tsx
-var UserForm_default = /* @__PURE__ */ defineComponent({
-	props: {
-		...basicProps,
-		name: {
-			type: [String],
-			default: void 0
-		},
-		avatar: String,
-		avatarSize: {
-			type: Number,
-			default: 60
-		},
-		submitText: String,
-		validator: Function,
-		onSubmit: Function
-	},
-	setup(props, { expose, slots }) {
-		const { formState, validate, validateInfos, resetFields } = useFormState_default(props.validator);
-		const merageFormState = (params) => {
-			Object.assign(formState, params);
-		};
-		const getClassName = (prefix = "", className) => {
-			return classNames(prefix ? `${props.className}-${prefix}` : props.className, props.hashId, className || "");
-		};
-		const submit = () => {
-			validate().then(() => {
-				props.onSubmit?.(formState);
-			}).catch(() => {});
-		};
-		expose({
-			formState,
-			resetFields,
-			merageFormState
-		});
-		return () => {
-			return createVNode("div", { "class": getClassName("user-form") }, [
-				createVNode("div", { "class": getClassName("user-info") }, [createVNode(Avatar, {
-					"size": props.avatarSize,
-					"icon": createVNode(UserOutlined, null, null),
-					"src": props.avatar
-				}, null), props.name && createVNode("div", { "class": getClassName("user-name") }, [props.name])]),
-				createVNode(Form, null, { default: () => [createVNode(Form.Item, validateInfos.password, { default: () => [createVNode(Input.Password, {
-					"value": formState.password,
-					"placeholder": "请输入锁屏密码",
-					"onChange": (e) => formState.password = e.target.value
-				}, null)] })] }),
-				createVNode(Button, {
-					"block": true,
-					"type": "primary",
-					"onClick": () => submit(),
-					"style": { marginBlockStart: "24px" }
-				}, { default: () => [props.submitText] }),
-				slots.default?.()
-			]);
-		};
-	}
-});
-
-//#endregion
-export { UserForm_default as default };

package/dist/PageLock/index.d.ts

@@ -1,52 +0,0 @@
-import { ShortcutKeyProps } from "./props.js";
-import * as vue192 from "vue";
-import * as ant_design_vue_es__util_type21 from "ant-design-vue/es/_util/type";
-
-//#region src/PageLock/index.d.ts
-declare const _default: vue192.DefineComponent<vue192.ExtractPropTypes<{
-  shortsKey: {
-    type: vue192.PropType<ShortcutKeyProps["lock"]>;
-    default: () => ShortcutKeyProps["lock"];
-  };
-  name: {
-    type: vue192.PropType<string>;
-    default: any;
-  };
-  avatar: vue192.PropType<string>;
-  open: {
-    type: vue192.PropType<boolean>;
-    default: any;
-  };
-  onOpenChange: vue192.PropType<(open: boolean) => void>;
-  'onUpdate:open': vue192.PropType<(open: boolean) => void>;
-  cryptoFn: vue192.PropType<(password: string) => string>;
-}>, () => ant_design_vue_es__util_type21.VueNode, {}, {}, {}, vue192.ComponentOptionsMixin, vue192.ComponentOptionsMixin, ("update:open" | "openChange")[], "update:open" | "openChange", vue192.PublicProps, Readonly<vue192.ExtractPropTypes<{
-  shortsKey: {
-    type: vue192.PropType<ShortcutKeyProps["lock"]>;
-    default: () => ShortcutKeyProps["lock"];
-  };
-  name: {
-    type: vue192.PropType<string>;
-    default: any;
-  };
-  avatar: vue192.PropType<string>;
-  open: {
-    type: vue192.PropType<boolean>;
-    default: any;
-  };
-  onOpenChange: vue192.PropType<(open: boolean) => void>;
-  'onUpdate:open': vue192.PropType<(open: boolean) => void>;
-  cryptoFn: vue192.PropType<(password: string) => string>;
-}>> & Readonly<{
-  onOpenChange?: (...args: any[]) => any;
-  "onUpdate:open"?: (...args: any[]) => any;
-}>, {
-  name: string;
-  open: boolean;
-  shortsKey: {
-    keys?: string;
-    disabled?: boolean;
-  };
-}, {}, {}, {}, string, vue192.ComponentProvideOptions, true, {}, any>;
-//#endregion
-export { _default as default };

package/dist/PageLock/index.js

@@ -1,92 +0,0 @@
-import { pageLockProps } from "./props.js";
-import UserForm_default from "./UserForm.js";
-import Popup_default from "./Popup.js";
-import { PageLockStyle } from "./style.js";
-import { Fragment, computed, createVNode, defineComponent, mergeProps, onMounted, ref, watch } from "vue";
-import { useMergedState, useState } from "@gx-design-vue/pro-hooks";
-import { useProStyle } from "@gx-design-vue/pro-provider";
-import { getPrefixCls } from "@gx-design-vue/pro-utils";
-import { useLocalStorage, useMagicKeys, whenever } from "@vueuse/core";
-import { GProModal } from "@gx-design-vue/pro-modal";
-import { pick } from "es-toolkit";
-
-//#region src/PageLock/index.tsx
-var PageLock_default = /* @__PURE__ */ defineComponent({
-	name: "PageLock",
-	props: pageLockProps,
-	emits: ["update:open", "openChange"],
-	setup(props) {
-		const baseClassName = getPrefixCls({
-			suffixCls: "page-lock",
-			isPor: true
-		});
-		const { wrapSSR, hashId } = useProStyle("ProPageLock", [PageLockStyle], baseClassName);
-		const localLockState = useLocalStorage(baseClassName, {
-			open: false,
-			password: ""
-		});
-		const [open, setOpen] = useMergedState(false, {
-			value: computed(() => props.open),
-			onChange: (val) => {
-				props.onOpenChange?.(val);
-				props["onUpdate:open"]?.(val);
-			}
-		});
-		const [popupOpen, setPopupOpen] = useState(false);
-		const formRef = ref();
-		function signPassword(str) {
-			return props.cryptoFn ? props.cryptoFn(str) : str;
-		}
-		function syncLocalState(password) {
-			localLockState.value.open = popupOpen.value;
-			localLockState.value.password = signPassword(password);
-		}
-		const shortKeys = computed(() => props.shortsKey);
-		const lockHasOpen = computed(() => localLockState.value.open && !!localLockState.value.password);
-		whenever(useMagicKeys()["Alt+KeyL"], () => {
-			if (shortKeys.value?.disabled || open.value) return;
-			setOpen(true);
-		});
-		watch(popupOpen, (val) => {
-			syncLocalState(val ? formRef.value?.formState?.password || localLockState.value.password || "" : "");
-		});
-		onMounted(() => {
-			if (lockHasOpen.value) setPopupOpen(true);
-			else syncLocalState("");
-		});
-		const handleOk = () => {
-			setOpen(false);
-			setPopupOpen(true);
-		};
-		const handleCancel = () => {
-			setOpen(false);
-			syncLocalState("");
-			formRef.value?.resetFields();
-		};
-		return () => {
-			return wrapSSR(createVNode(Fragment, null, [popupOpen.value && createVNode(Popup_default, mergeProps(pick(props, ["name", "avatar"]), {
-				"open": popupOpen.value,
-				"hashId": hashId.value,
-				"className": baseClassName,
-				"password": localLockState.value.password,
-				"cryptoFn": signPassword,
-				"onOpenChange": setPopupOpen
-			}), null), createVNode(GProModal, {
-				"width": 400,
-				"type": "normal",
-				"title": "锁定屏幕",
-				"open": open.value,
-				"footer": false,
-				"onCancel": handleCancel
-			}, { default: () => [createVNode(UserForm_default, mergeProps({ "ref": formRef }, pick(props, ["name", "avatar"]), {
-				"submitText": "锁定",
-				"hashId": hashId.value,
-				"className": baseClassName,
-				"onSubmit": handleOk
-			}), null)] })]));
-		};
-	}
-});
-
-//#endregion
-export { PageLock_default as default };

package/dist/PageLock/props.d.ts

@@ -1,51 +0,0 @@
-import { PropType } from "vue";
-
-//#region src/PageLock/props.d.ts
-interface ShortcutKeyProps {
-  search?: {
-    keys?: string;
-    disabled?: boolean;
-  };
-  lock?: {
-    keys?: string;
-    disabled?: boolean;
-  };
-}
-declare const basicProps: {
-  hashId: PropType<string>;
-  className: PropType<string>;
-};
-declare const publicPageLockProps: {
-  name: {
-    type: PropType<string>;
-    default: any;
-  };
-  avatar: PropType<string>;
-  open: {
-    type: PropType<boolean>;
-    default: any;
-  };
-  onOpenChange: PropType<(open: boolean) => void>;
-  'onUpdate:open': PropType<(open: boolean) => void>;
-  cryptoFn: PropType<(password: string) => string>;
-};
-declare const pageLockProps: {
-  shortsKey: {
-    type: PropType<ShortcutKeyProps["lock"]>;
-    default: () => ShortcutKeyProps["lock"];
-  };
-  name: {
-    type: PropType<string>;
-    default: any;
-  };
-  avatar: PropType<string>;
-  open: {
-    type: PropType<boolean>;
-    default: any;
-  };
-  onOpenChange: PropType<(open: boolean) => void>;
-  'onUpdate:open': PropType<(open: boolean) => void>;
-  cryptoFn: PropType<(password: string) => string>;
-};
-//#endregion
-export { ShortcutKeyProps, basicProps, pageLockProps, publicPageLockProps };

package/dist/PageLock/props.js

@@ -1,29 +0,0 @@
-import { getRightContentProps } from "../RightContent/props.js";
-import { pick } from "es-toolkit";
-
-//#region src/PageLock/props.ts
-const rightContentProps = getRightContentProps();
-const basicProps = {
-	hashId: String,
-	className: String
-};
-const publicPageLockProps = {
-	open: {
-		type: Boolean,
-		default: void 0
-	},
-	onOpenChange: Function,
-	"onUpdate:open": Function,
-	cryptoFn: Function,
-	...pick(rightContentProps, ["name", "avatar"])
-};
-const pageLockProps = {
-	...publicPageLockProps,
-	shortsKey: {
-		type: Object,
-		default: () => ({ disabled: false })
-	}
-};
-
-//#endregion
-export { basicProps, pageLockProps, publicPageLockProps };

package/dist/PageLock/style.d.ts

@@ -1,7 +0,0 @@
-import { GenerateStyle, Keyframe } from "@gx-design-vue/pro-provider";
-
-//#region src/PageLock/style.d.ts
-declare const fadeIn: Keyframe;
-declare const PageLockStyle: GenerateStyle;
-//#endregion
-export { PageLockStyle, fadeIn };

package/dist/PageLock/style.js

@@ -1,108 +0,0 @@
-import { Keyframe } from "@gx-design-vue/pro-provider";
-
-//#region src/PageLock/style.ts
-const fadeIn = new Keyframe("fadeIn", {
-	"from": { opacity: 0 },
-	"to": { opacity: 1 }
-});
-const PageLockStyle = (token) => {
-	return { [token.componentCls]: {
-		"&-user-form": { [`${token.antCls}-form-item`]: { marginBlockEnd: 0 } },
-		"&-user-info": {
-			display: "flex",
-			flexDirection: "column",
-			justifyContent: "center",
-			alignItems: "center",
-			gap: 20,
-			marginBlockEnd: token.marginLG
-		},
-		"&-user-name": {
-			fontWeight: 500,
-			fontSize: 18
-		},
-		"&-popup": {
-			display: "flex",
-			flexDirection: "column",
-			background: token.colorBgContainer,
-			position: "fixed",
-			inset: 0,
-			zIndex: 2200,
-			width: "100vw",
-			height: "100vh",
-			"&-enter": {
-				animationDuration: ".3s",
-				animationFillMode: "both",
-				animationName: fadeIn
-			},
-			"&-head": {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "space-between",
-				marginBlock: token.marginLG,
-				color: token.colorTextSecondary,
-				paddingInline: 20,
-				fontSize: 20,
-				lineHeight: "28px",
-				fontWeight: 600
-			},
-			"&-lock-icon": {
-				cursor: "pointer",
-				transition: "all .3s",
-				"&:hover": {
-					transform: "scale(1.1)",
-					color: token.colorText
-				}
-			},
-			"&-time": {
-				display: "flex",
-				paddingInline: "10%",
-				gap: "5rem",
-				flex: 1,
-				paddingBottom: "40px",
-				[`${token.componentCls}-popup-time-card`]: {
-					position: "relative",
-					width: "40%",
-					height: "100%",
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-					flex: "1 1 auto",
-					fontSize: 260,
-					borderRadius: token.borderRadiusLG,
-					background: token.colorFillContent
-				},
-				"&-range": {
-					position: "absolute",
-					left: "2%",
-					top: "2%",
-					fontSize: 16,
-					fontWeight: 600,
-					color: token.colorText
-				}
-			},
-			"&-form": {
-				position: "relative",
-				display: "flex",
-				flexDirection: "column",
-				alignItems: "center",
-				justifyContent: "center",
-				gap: token.marginLG,
-				height: "100%",
-				[`${token.componentCls}-user-form`]: { width: 300 },
-				[`${token.componentCls}-popup-form-time`]: {
-					position: "absolute",
-					bottom: token.marginLG,
-					left: "50%",
-					transform: "translateX(-50%)",
-					display: "flex",
-					flexDirection: "column",
-					alignItems: "center",
-					justifyContent: "center"
-				}
-			}
-		}
-	} };
-};
-
-//#endregion
-export { PageLockStyle, fadeIn };

package/dist/PageLock/useFormState.d.ts

@@ -1,16 +0,0 @@
-import * as ant_design_vue_es_form_useForm0 from "ant-design-vue/es/form/useForm";
-
-//#region src/PageLock/useFormState.d.ts
-interface FromState {
-  password: string;
-}
-declare function export_default(validator?: (value: string) => boolean): {
-  formState: {
-    password: string;
-  };
-  validate: <T = any>(names?: "password" | "password"[], option?: ant_design_vue_es_form_useForm0.validateOptions) => Promise<T>;
-  resetFields: (newValues?: ant_design_vue_es_form_useForm0.Props) => void;
-  validateInfos: Partial<Record<"password", ant_design_vue_es_form_useForm0.ValidateInfo>>;
-};
-//#endregion
-export { FromState, export_default as default };

package/dist/PageLock/useFormState.js

@@ -1,19 +0,0 @@
-import { reactive } from "vue";
-import { useProForm } from "@gx-design-vue/pro-provider";
-
-//#region src/PageLock/useFormState.ts
-function useFormState_default(validator) {
-	const formState = reactive({ password: "" });
-	const { validate, resetFields, validateInfos } = useProForm(formState, { password: [{ validator: (_, value) => {
-		return (validator && value ? validator?.(value) : value) ? Promise.resolve() : Promise.reject(validator && value ? "密码错误" : "请输入锁屏密码");
-	} }] });
-	return {
-		formState,
-		validate,
-		resetFields,
-		validateInfos
-	};
-}
-
-//#endregion
-export { useFormState_default as default };