@gct-paas/core-web 0.1.4-dev.9 → 0.1.5-dev.0

package/es/modules/global-modal/src/hooks/useModalDrag.mjs

@@ -1,82 +1,72 @@
-import { useTimeoutFn } from '@vueuse/core';
-import { watchEffect, unref } from 'vue';
-
+import { unref, watchEffect } from "vue";
+import { useTimeoutFn } from "@vueuse/core";
+//#region src/modules/global-modal/src/hooks/useModalDrag.ts
 function useModalDragMove(context) {
-  const getStyle = (dom, attr) => {
-    return getComputedStyle(dom)[attr];
-  };
-  const drag = (wrap) => {
-    if (!wrap) return;
-    wrap.setAttribute("data-drag", unref(context.draggable));
-    const dialogHeaderEl = wrap.querySelector(".ant-modal-header");
-    const dragDom = wrap.querySelector(".ant-modal");
-    if (!dialogHeaderEl || !dragDom || !unref(context.draggable)) return;
-    dialogHeaderEl.style.cursor = "move";
-    dialogHeaderEl.onmousedown = (e) => {
-      if (!e) return;
-      const disX = e.clientX;
-      const disY = e.clientY;
-      const screenWidth = document.body.clientWidth;
-      const screenHeight = document.documentElement.clientHeight;
-      const dragDomWidth = dragDom.offsetWidth;
-      const dragDomheight = dragDom.offsetHeight;
-      const minDragDomLeft = dragDom.offsetLeft;
-      const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
-      const minDragDomTop = dragDom.offsetTop;
-      const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight;
-      const domLeft = getStyle(dragDom, "left");
-      const domTop = getStyle(dragDom, "top");
-      let styL = +domLeft;
-      let styT = +domTop;
-      if (domLeft.includes("%")) {
-        styL = +document.body.clientWidth * (+domLeft.replace(/%/g, "") / 100);
-        styT = +document.body.clientHeight * (+domTop.replace(/%/g, "") / 100);
-      } else {
-        styL = +domLeft.replace(/px/g, "");
-        styT = +domTop.replace(/px/g, "");
-      }
-      document.onmousemove = function(e2) {
-        let left = e2.clientX - disX;
-        let top = e2.clientY - disY;
-        if (-left > minDragDomLeft) {
-          left = -minDragDomLeft;
-        } else if (left > maxDragDomLeft) {
-          left = maxDragDomLeft;
-        }
-        if (-top > minDragDomTop) {
-          top = -minDragDomTop;
-        } else if (top > maxDragDomTop) {
-          top = maxDragDomTop;
-        }
-        dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
-      };
-      document.onmouseup = () => {
-        document.onmousemove = null;
-        document.onmouseup = null;
-      };
-    };
-  };
-  const handleDrag = () => {
-    const dragWraps = document.querySelectorAll(".ant-modal-wrap");
-    for (const wrap of Array.from(dragWraps)) {
-      if (!wrap) continue;
-      const display = getStyle(wrap, "display");
-      const draggable = wrap.getAttribute("data-drag");
-      if (display !== "none") {
-        if (draggable === null || unref(context.destroyOnClose)) {
-          drag(wrap);
-        }
-      }
-    }
-  };
-  watchEffect(() => {
-    if (!unref(context.visible) || !unref(context.draggable)) {
-      return;
-    }
-    useTimeoutFn(() => {
-      handleDrag();
-    }, 30);
-  });
+	const getStyle = (dom, attr) => {
+		return getComputedStyle(dom)[attr];
+	};
+	const drag = (wrap) => {
+		if (!wrap) return;
+		wrap.setAttribute("data-drag", unref(context.draggable));
+		const dialogHeaderEl = wrap.querySelector(".ant-modal-header");
+		const dragDom = wrap.querySelector(".ant-modal");
+		if (!dialogHeaderEl || !dragDom || !unref(context.draggable)) return;
+		dialogHeaderEl.style.cursor = "move";
+		dialogHeaderEl.onmousedown = (e) => {
+			if (!e) return;
+			const disX = e.clientX;
+			const disY = e.clientY;
+			const screenWidth = document.body.clientWidth;
+			const screenHeight = document.documentElement.clientHeight;
+			const dragDomWidth = dragDom.offsetWidth;
+			const dragDomheight = dragDom.offsetHeight;
+			const minDragDomLeft = dragDom.offsetLeft;
+			const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
+			const minDragDomTop = dragDom.offsetTop;
+			const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight;
+			const domLeft = getStyle(dragDom, "left");
+			const domTop = getStyle(dragDom, "top");
+			let styL = +domLeft;
+			let styT = +domTop;
+			if (domLeft.includes("%")) {
+				styL = +document.body.clientWidth * (+domLeft.replace(/%/g, "") / 100);
+				styT = +document.body.clientHeight * (+domTop.replace(/%/g, "") / 100);
+			} else {
+				styL = +domLeft.replace(/px/g, "");
+				styT = +domTop.replace(/px/g, "");
+			}
+			document.onmousemove = function(e) {
+				let left = e.clientX - disX;
+				let top = e.clientY - disY;
+				if (-left > minDragDomLeft) left = -minDragDomLeft;
+				else if (left > maxDragDomLeft) left = maxDragDomLeft;
+				if (-top > minDragDomTop) top = -minDragDomTop;
+				else if (top > maxDragDomTop) top = maxDragDomTop;
+				dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
+			};
+			document.onmouseup = () => {
+				document.onmousemove = null;
+				document.onmouseup = null;
+			};
+		};
+	};
+	const handleDrag = () => {
+		const dragWraps = document.querySelectorAll(".ant-modal-wrap");
+		for (const wrap of Array.from(dragWraps)) {
+			if (!wrap) continue;
+			const display = getStyle(wrap, "display");
+			const draggable = wrap.getAttribute("data-drag");
+			if (display !== "none") {
+				if (draggable === null || unref(context.destroyOnClose)) drag(wrap);
+			}
+		}
+	};
+	watchEffect(() => {
+		if (!unref(context.visible) || !unref(context.draggable)) return;
+		useTimeoutFn(() => {
+			handleDrag();
+		}, 30);
+	});
 }
-
+//#endregion
 export { useModalDragMove };

package/es/modules/global-modal/src/hooks/useModalFullScreen.mjs

@@ -1,16 +1,20 @@
-import { ref, computed, unref } from 'vue';
-
+import { computed, ref, unref } from "vue";
+//#region src/modules/global-modal/src/hooks/useModalFullScreen.ts
 function useFullScreen(context) {
-  const fullScreenRef = ref(false);
-  const getWrapClassName = computed(() => {
-    const clsName = unref(context.wrapClassName) || "";
-    return unref(fullScreenRef) ? `fullscreen-modal ${clsName} ` : unref(clsName);
-  });
-  function handleFullScreen(e) {
-    e?.stopPropagation();
-    fullScreenRef.value = !unref(fullScreenRef);
-  }
-  return { getWrapClassName, handleFullScreen, fullScreenRef };
+	const fullScreenRef = ref(false);
+	const getWrapClassName = computed(() => {
+		const clsName = unref(context.wrapClassName) || "";
+		return unref(fullScreenRef) ? `fullscreen-modal ${clsName} ` : unref(clsName);
+	});
+	function handleFullScreen(e) {
+		e?.stopPropagation();
+		fullScreenRef.value = !unref(fullScreenRef);
+	}
+	return {
+		getWrapClassName,
+		handleFullScreen,
+		fullScreenRef
+	};
 }
-
+//#endregion
 export { useFullScreen };

package/es/modules/global-modal/src/props.mjs

@@ -1,57 +1,87 @@
-const modalProps = {
-  visible: { type: Boolean },
-  scrollTop: { type: Boolean, default: true },
-  height: { type: Number },
-  outHeight: { type: Number },
-  minHeight: { type: Number },
-  // open drag
-  draggable: { type: Boolean, default: true },
-  centered: { type: Boolean },
-  cancelText: { type: String, default: "sys.cancelText" },
-  okText: { type: String, default: "sys.okText" },
-  closeFunc: Function
-};
-const basicProps = Object.assign({}, modalProps, {
-  defaultFullscreen: { type: Boolean },
-  // Can it be full screen
-  canFullscreen: { type: Boolean, default: true },
-  // After enabling the wrapper, the bottom can be increased in height
-  wrapperFooterOffset: { type: Number, default: 0 },
-  // Warm reminder message
-  helpMessage: [String, Array],
-  // Whether to setting wrapper
-  useWrapper: { type: Boolean, default: true },
-  loading: { type: Boolean },
-  loadingTip: { type: String },
-  /**
-   * @description: Show close button
-   */
-  showCancelBtn: { type: Boolean, default: true },
-  /**
-   * @description: Show confirmation button
-   */
-  showOkBtn: { type: Boolean, default: true },
-  wrapperProps: Object,
-  afterClose: Function,
-  bodyStyle: Object,
-  closable: { type: Boolean, default: true },
-  closeIcon: Object,
-  confirmLoading: { type: Boolean },
-  destroyOnClose: { type: Boolean },
-  footer: Object,
-  getContainer: Function,
-  mask: { type: Boolean, default: true },
-  maskClosable: { type: Boolean, default: false },
-  keyboard: { type: Boolean, default: true },
-  maskStyle: Object,
-  okType: { type: String, default: "primary" },
-  okButtonProps: Object,
-  cancelButtonProps: Object,
-  title: { type: String },
-  visible: { type: Boolean },
-  width: [String, Number],
-  wrapClassName: { type: String },
-  zIndex: { type: Number }
+var basicProps = Object.assign({}, {
+	visible: { type: Boolean },
+	scrollTop: {
+		type: Boolean,
+		default: true
+	},
+	height: { type: Number },
+	outHeight: { type: Number },
+	minHeight: { type: Number },
+	draggable: {
+		type: Boolean,
+		default: true
+	},
+	centered: { type: Boolean },
+	cancelText: {
+		type: String,
+		default: "sys.cancelText"
+	},
+	okText: {
+		type: String,
+		default: "sys.okText"
+	},
+	closeFunc: Function
+}, {
+	defaultFullscreen: { type: Boolean },
+	canFullscreen: {
+		type: Boolean,
+		default: true
+	},
+	wrapperFooterOffset: {
+		type: Number,
+		default: 0
+	},
+	helpMessage: [String, Array],
+	useWrapper: {
+		type: Boolean,
+		default: true
+	},
+	loading: { type: Boolean },
+	loadingTip: { type: String },
+	showCancelBtn: {
+		type: Boolean,
+		default: true
+	},
+	showOkBtn: {
+		type: Boolean,
+		default: true
+	},
+	wrapperProps: Object,
+	afterClose: Function,
+	bodyStyle: Object,
+	closable: {
+		type: Boolean,
+		default: true
+	},
+	closeIcon: Object,
+	confirmLoading: { type: Boolean },
+	destroyOnClose: { type: Boolean },
+	footer: Object,
+	getContainer: Function,
+	mask: {
+		type: Boolean,
+		default: true
+	},
+	maskClosable: {
+		type: Boolean,
+		default: false
+	},
+	keyboard: {
+		type: Boolean,
+		default: true
+	},
+	maskStyle: Object,
+	okType: {
+		type: String,
+		default: "primary"
+	},
+	okButtonProps: Object,
+	cancelButtonProps: Object,
+	title: { type: String },
+	visible: { type: Boolean },
+	width: [String, Number],
+	wrapClassName: { type: String },
+	zIndex: { type: Number }
 });
-
-export { basicProps, modalProps };
+//#endregion
+export { basicProps };

package/es/modules/picture-cropper/index.d.ts

@@ -0,0 +1,6 @@
+import { default as CopperFreeModal } from './src/CopperFreeModal.vue';
+import { default as CopperModal } from './src/CopperModal.vue';
+import { default as CropperImage } from './src/Cropper.vue';
+import { default as CropperAvatar } from './src/CropperAvatar.vue';
+import { default as CropperFree } from './src/CropperFree.vue';
+export { CopperFreeModal, CopperModal, CropperImage, CropperAvatar, CropperFree, };

package/es/modules/picture-cropper/index.mjs

@@ -0,0 +1,5 @@
+import "./src/Cropper.vue.mjs";
+import "./src/CopperFreeModal.vue.mjs";
+import "./src/CopperModal.vue.mjs";
+import "./src/CropperAvatar.vue.mjs";
+import "./src/CropperFree.vue.mjs";

package/es/modules/picture-cropper/src/CopperFreeModal.vue.d.ts

@@ -0,0 +1,99 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    circled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    uploadApi: {
+        type: PropType<(params: UploadFileData) => Promise<void>>;
+    };
+    src: {
+        type: StringConstructor;
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+    };
+    accept: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: string[];
+    };
+    beforeUpload: {
+        type: FunctionConstructor;
+    };
+    uploadText: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    register: (...args: any[]) => void;
+    uploadSuccess: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    circled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    uploadApi: {
+        type: PropType<(params: UploadFileData) => Promise<void>>;
+    };
+    src: {
+        type: StringConstructor;
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+    };
+    accept: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: string[];
+    };
+    beforeUpload: {
+        type: FunctionConstructor;
+    };
+    uploadText: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{
+    onRegister?: ((...args: any[]) => any) | undefined;
+    onUploadSuccess?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    accept: string[];
+    circled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/modules/picture-cropper/src/CopperFreeModal.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default from "./CopperFreeModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs";
+import './CopperFreeModal.vue_vue_type_style_index_0_scoped_488ed4c7_lang.css';/* empty css                                                                      */
+//#region src/modules/picture-cropper/src/CopperFreeModal.vue
+var CopperFreeModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default, [["__scopeId", "data-v-488ed4c7"]]);
+//#endregion
+export { CopperFreeModal_default as default };