@gct-paas/core-web 0.1.6-dev.9 → 6.0.0-dev.1

package/es/modules/global-drawer/src/BasicDrawer.vue_vue_type_script_setup_true_name_BasicDrawer_lang.mjs

@@ -0,0 +1,145 @@
+import { basicProps } from "./props.mjs";
+import DrawerFooter_default from "./components/DrawerFooter.vue.mjs";
+import DrawerHeader_default from "./components/DrawerHeader.vue.mjs";
+import { computed, createBlock, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, mergeProps, nextTick, normalizeProps, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveComponent, resolveDirective, toRaw, unref, useAttrs, useSlots, watch, withCtx, withDirectives } from "vue";
+import { isFunction, isNumber } from "lodash-es";
+import { deepMerge, t, useNamespace } from "@gct-paas/core";
+import { Drawer } from "ant-design-vue";
+//#region src/modules/global-drawer/src/BasicDrawer.vue?vue&type=script&setup=true&name=BasicDrawer&lang.ts
+var BasicDrawer_vue_vue_type_script_setup_true_name_BasicDrawer_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "BasicDrawer",
+	props: basicProps,
+	emits: [
+		"visible-change",
+		"ok",
+		"close",
+		"cancel",
+		"register"
+	],
+	setup(__props, { emit: __emit }) {
+		const slots = useSlots();
+		const props = __props;
+		const emit = __emit;
+		const prefixCls = useNamespace("basic-drawer");
+		const visibleRef = ref(false);
+		const attrs = useAttrs();
+		const propsRef = ref(null);
+		const drawerInstance = {
+			setDrawerProps,
+			emitVisible: void 0
+		};
+		const instance = getCurrentInstance();
+		instance && emit("register", drawerInstance, instance.uid);
+		const getMergeProps = computed(() => {
+			return deepMerge(toRaw(props), unref(propsRef));
+		});
+		const getProps = computed(() => {
+			const opt = {
+				placement: "right",
+				...unref(attrs),
+				...unref(getMergeProps),
+				visible: unref(visibleRef),
+				title: void 0
+			};
+			const { isDetail, width, wrapClassName, getContainer } = opt;
+			if (isDetail) {
+				if (!width) opt.width = "100%";
+				const detailCls = `${prefixCls}__detail`;
+				opt.class = wrapClassName ? `${wrapClassName} ${detailCls}` : detailCls;
+				if (!getContainer) opt.getContainer = `.${prefixCls}-layout-content`;
+			}
+			return opt;
+		});
+		const getBindValues = computed(() => {
+			return {
+				...attrs,
+				...unref(getProps)
+			};
+		});
+		const getFooterHeight = computed(() => {
+			const { footerHeight, showFooter } = unref(getProps);
+			if (showFooter && footerHeight) return isNumber(footerHeight) ? `${footerHeight}px` : `${footerHeight.replace("px", "")}px`;
+			return `0px`;
+		});
+		const getScrollContentStyle = computed(() => {
+			return {
+				position: "relative",
+				height: `calc(100% - ${unref(getFooterHeight)})`
+			};
+		});
+		const getLoading = computed(() => {
+			return !!unref(getProps)?.loading;
+		});
+		watch(() => props.visible, (newVal, oldVal) => {
+			if (newVal !== oldVal) visibleRef.value = newVal;
+		}, { deep: true });
+		watch(() => visibleRef.value, (visible) => {
+			nextTick(() => {
+				emit("visible-change", visible);
+				instance && drawerInstance.emitVisible?.(visible, instance.uid);
+			});
+		});
+		async function onClose(e) {
+			const { closeFunc } = unref(getProps);
+			emit("close", e);
+			emit("cancel", { ok: false });
+			if (closeFunc && isFunction(closeFunc)) {
+				visibleRef.value = !await closeFunc();
+				return;
+			}
+			visibleRef.value = false;
+		}
+		function setDrawerProps(props) {
+			propsRef.value = deepMerge(unref(propsRef) || {}, props);
+			if (Reflect.has(props, "visible")) visibleRef.value = !!props.visible;
+		}
+		function handleOk() {
+			emit("ok");
+		}
+		return (_ctx, _cache) => {
+			const _component_overlayScrollbars_component = resolveComponent("overlayScrollbars-component");
+			const _directive_loading = resolveDirective("loading");
+			return openBlock(), createBlock(unref(Drawer), mergeProps({ class: unref(prefixCls) }, getBindValues.value, { onClose }), createSlots({
+				default: withCtx(() => [withDirectives((openBlock(), createBlock(_component_overlayScrollbars_component, {
+					style: normalizeStyle(getScrollContentStyle.value),
+					"loading-tip": _ctx.loadingText || unref(t)("sys.loadingText")
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, ["style", "loading-tip"])), [[_directive_loading, getLoading.value]]), createVNode(DrawerFooter_default, mergeProps(getProps.value, {
+					height: getFooterHeight.value,
+					onClose,
+					onOk: handleOk
+				}), createSlots({ _: 2 }, [renderList(Object.keys(unref(slots)), (item) => {
+					return {
+						name: item,
+						fn: withCtx((data) => [renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))])
+					};
+				})]), 1040, ["height"])]),
+				_: 2
+			}, [!_ctx.$slots.title ? {
+				name: "title",
+				fn: withCtx(() => [createVNode(DrawerHeader_default, {
+					title: getMergeProps.value.title,
+					"is-detail": _ctx.isDetail,
+					"show-detail-back": _ctx.showDetailBack,
+					onClose
+				}, {
+					titleToolbar: withCtx(() => [renderSlot(_ctx.$slots, "titleToolbar")]),
+					_: 3
+				}, 8, [
+					"title",
+					"is-detail",
+					"show-detail-back"
+				])]),
+				key: "0"
+			} : {
+				name: "title",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
+				key: "1"
+			}]), 1040, ["class"]);
+		};
+	}
+});
+//#endregion
+export { BasicDrawer_vue_vue_type_script_setup_true_name_BasicDrawer_lang_default as default };

package/es/modules/global-drawer/src/BasicDrawer.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,40 @@
+.basic-drawer .ant-drawer-wrapper-body {
+  overflow: hidden;
+}
+.basic-drawer .ant-drawer-close:hover {
+  color: var(--ant-error-color);
+}
+.basic-drawer .ant-drawer-body {
+  height: calc(100% - 60px);
+  padding: 0;
+}
+.basic-drawer .ant-drawer-body .scrollbar__wrap {
+  margin-bottom: 0 !important;
+  padding: 16px !important;
+}
+.basic-drawer .ant-drawer-body > .scrollbar > .scrollbar__bar.is-horizontal {
+  display: none;
+}
+.basic-drawer__detail {
+  position: absolute;
+}
+.basic-drawer__detail .ant-drawer-header {
+  box-sizing: border-box;
+  width: 100%;
+  height: 40px;
+  padding: 0;
+  border-top: 1px solid var(--gct-color-border);
+}
+.basic-drawer__detail .ant-drawer-title {
+  height: 100%;
+}
+.basic-drawer__detail .ant-drawer-close {
+  height: 40px;
+  line-height: 40px;
+}
+.basic-drawer__detail .scrollbar__wrap {
+  padding: 0 !important;
+}
+.basic-drawer__detail .ant-drawer-body {
+  height: calc(100% - 40px);
+}

package/es/modules/global-drawer/src/components/DrawerFooter.vue.d.ts

@@ -0,0 +1,95 @@
+import { CSSProperties } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    confirmLoading: {
+        type: BooleanConstructor;
+    };
+    showCancelBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cancelButtonProps: import('vue').PropType<import('ant-design-vue/es/button').ButtonProps>;
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showOkBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    okButtonProps: import('vue').PropType<import('ant-design-vue/es/button').ButtonProps>;
+    okText: {
+        type: StringConstructor;
+        default: string;
+    };
+    okType: {
+        type: StringConstructor;
+        default: string;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+    };
+    footerHeight: {
+        type: import('vue').PropType<string | number>;
+        default: number;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    handleOk: () => void;
+    prefixCls: string;
+    handleClose: () => void;
+    getStyle: import('vue').ComputedRef<CSSProperties>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "ok")[], "close" | "ok", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    confirmLoading: {
+        type: BooleanConstructor;
+    };
+    showCancelBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cancelButtonProps: import('vue').PropType<import('ant-design-vue/es/button').ButtonProps>;
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showOkBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    okButtonProps: import('vue').PropType<import('ant-design-vue/es/button').ButtonProps>;
+    okText: {
+        type: StringConstructor;
+        default: string;
+    };
+    okType: {
+        type: StringConstructor;
+        default: string;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+    };
+    footerHeight: {
+        type: import('vue').PropType<string | number>;
+        default: number;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOk?: ((...args: any[]) => any) | undefined;
+}>, {
+    confirmLoading: boolean;
+    showCancelBtn: boolean;
+    cancelText: string;
+    showOkBtn: boolean;
+    okText: string;
+    okType: string;
+    showFooter: boolean;
+    footerHeight: string | number;
+    height: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/modules/global-drawer/src/components/DrawerFooter.vue.mjs

@@ -0,0 +1,42 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import DrawerFooter_vue_vue_type_script_lang_default from "./DrawerFooter.vue_vue_type_script_lang.mjs";
+import './DrawerFooter.vue_vue_type_style_index_0_lang.css';/* empty css                                                   */
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, resolveComponent, toDisplayString, withCtx } from "vue";
+//#region src/modules/global-drawer/src/components/DrawerFooter.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_a_button = resolveComponent("a-button");
+	return _ctx.showFooter || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+		key: 0,
+		class: normalizeClass([_ctx.prefixCls, "basic-drawer-footer"]),
+		style: normalizeStyle(_ctx.getStyle)
+	}, [!_ctx.$slots.footer ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+		renderSlot(_ctx.$slots, "insertFooter"),
+		_ctx.showCancelBtn ? (openBlock(), createBlock(_component_a_button, mergeProps({ key: 0 }, _ctx.cancelButtonProps, {
+			class: "mr-2",
+			onClick: _ctx.handleClose
+		}), {
+			default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t(_ctx.cancelText)), 1)]),
+			_: 1
+		}, 16, ["onClick"])) : createCommentVNode("", true),
+		renderSlot(_ctx.$slots, "centerFooter"),
+		_ctx.showOkBtn ? (openBlock(), createBlock(_component_a_button, mergeProps({
+			key: 1,
+			type: _ctx.okType
+		}, _ctx.okButtonProps, {
+			class: "mr-2",
+			loading: _ctx.confirmLoading,
+			onClick: _ctx.handleOk
+		}), {
+			default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t(_ctx.okText)), 1)]),
+			_: 1
+		}, 16, [
+			"type",
+			"loading",
+			"onClick"
+		])) : createCommentVNode("", true),
+		renderSlot(_ctx.$slots, "appendFooter")
+	], 64)) : renderSlot(_ctx.$slots, "footer", { key: 1 })], 6)) : createCommentVNode("", true);
+}
+var DrawerFooter_default = /* @__PURE__ */ _plugin_vue_export_helper_default(DrawerFooter_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { DrawerFooter_default as default };

package/es/modules/global-drawer/src/components/DrawerFooter.vue_vue_type_script_lang.mjs

@@ -0,0 +1,38 @@
+import { footerProps } from "../props.mjs";
+import { computed, defineComponent } from "vue";
+//#region src/modules/global-drawer/src/components/DrawerFooter.vue?vue&type=script&lang.ts
+var DrawerFooter_vue_vue_type_script_lang_default = defineComponent({
+	name: "BasicDrawerFooter",
+	props: {
+		...footerProps,
+		height: {
+			type: String,
+			default: "60px"
+		}
+	},
+	emits: ["ok", "close"],
+	setup(props, { emit }) {
+		const prefixCls = "basic-drawer-footer";
+		const getStyle = computed(() => {
+			const heightStr = `${props.height}`;
+			return {
+				height: heightStr,
+				lineHeight: `calc(${heightStr} - 1px)`
+			};
+		});
+		function handleOk() {
+			emit("ok");
+		}
+		function handleClose() {
+			emit("close");
+		}
+		return {
+			handleOk,
+			prefixCls,
+			handleClose,
+			getStyle
+		};
+	}
+});
+//#endregion
+export { DrawerFooter_vue_vue_type_script_lang_default as default };

package/es/modules/global-drawer/src/components/DrawerFooter.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,11 @@
+.basic-drawer-footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  padding: 0 12px 0 20px;
+  border-top: 1px solid var(--gct-color-border);
+  text-align: right;
+}
+.basic-drawer-footer > * {
+  margin-right: 8px;
+}

package/es/modules/global-drawer/src/components/DrawerHeader.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    isDetail: BooleanConstructor;
+    showDetailBack: BooleanConstructor;
+    title: StringConstructor;
+}>, {
+    prefixCls: string;
+    handleClose: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    isDetail: BooleanConstructor;
+    showDetailBack: BooleanConstructor;
+    title: StringConstructor;
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    isDetail: boolean;
+    showDetailBack: boolean;
+}, {}, {
+    ArrowLeftOutlined: import('@ant-design/icons-vue/lib/icons/ArrowLeftOutlined').ArrowLeftOutlinedIconType;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/modules/global-drawer/src/components/DrawerHeader.vue.mjs

@@ -0,0 +1,22 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import DrawerHeader_vue_vue_type_script_lang_default from "./DrawerHeader.vue_vue_type_script_lang.mjs";
+import './DrawerHeader.vue_vue_type_style_index_0_lang.css';/* empty css                                                   */
+import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, normalizeClass, openBlock, renderSlot, resolveComponent, toDisplayString } from "vue";
+//#region src/modules/global-drawer/src/components/DrawerHeader.vue
+var _hoisted_1 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ArrowLeftOutlined = resolveComponent("ArrowLeftOutlined");
+	return !_ctx.isDetail ? (openBlock(), createElementBlock("div", {
+		key: 0,
+		class: normalizeClass(_ctx.prefixCls)
+	}, [renderSlot(_ctx.$slots, "title"), createTextVNode(" " + toDisplayString(!_ctx.$slots.title ? _ctx.title : ""), 1)], 2)) : (openBlock(), createElementBlock("div", {
+		key: 1,
+		class: normalizeClass([_ctx.prefixCls, `${_ctx.prefixCls}--detail`])
+	}, [createElementVNode("span", { class: normalizeClass(`${_ctx.prefixCls}__twrap`) }, [_ctx.showDetailBack ? (openBlock(), createElementBlock("span", {
+		key: 0,
+		onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
+	}, [createVNode(_component_ArrowLeftOutlined, { class: normalizeClass(`${_ctx.prefixCls}__back`) }, null, 8, ["class"])])) : createCommentVNode("", true), _ctx.title ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)], 2), createElementVNode("span", { class: normalizeClass(`${_ctx.prefixCls}__toolbar`) }, [renderSlot(_ctx.$slots, "titleToolbar")], 2)], 2));
+}
+var DrawerHeader_default = /* @__PURE__ */ _plugin_vue_export_helper_default(DrawerHeader_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { DrawerHeader_default as default };

package/es/modules/global-drawer/src/components/DrawerHeader.vue_vue_type_script_lang.mjs

@@ -0,0 +1,25 @@
+import { defineComponent } from "vue";
+import { ArrowLeftOutlined } from "@ant-design/icons-vue";
+//#region src/modules/global-drawer/src/components/DrawerHeader.vue?vue&type=script&lang.ts
+var DrawerHeader_vue_vue_type_script_lang_default = defineComponent({
+	name: "BasicDrawerHeader",
+	components: { ArrowLeftOutlined },
+	props: {
+		isDetail: Boolean,
+		showDetailBack: Boolean,
+		title: String
+	},
+	emits: ["close"],
+	setup(_, { emit }) {
+		const prefixCls = "basic-drawer-header";
+		function handleClose() {
+			emit("close");
+		}
+		return {
+			prefixCls,
+			handleClose
+		};
+	}
+});
+//#endregion
+export { DrawerHeader_vue_vue_type_script_lang_default as default };

package/es/modules/global-drawer/src/components/DrawerHeader.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,18 @@
+.basic-drawer-header {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+.basic-drawer-header__back {
+  padding: 0 12px;
+  cursor: pointer;
+}
+.basic-drawer-header__back:hover {
+  color: var(--ant-primary-color);
+}
+.basic-drawer-header__twrap {
+  flex: 1;
+}
+.basic-drawer-header__toolbar {
+  padding-right: 50px;
+}

package/es/modules/global-drawer/src/props.d.ts

@@ -0,0 +1,111 @@
+import { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
+import { PropType } from 'vue';
+export declare const footerProps: {
+    confirmLoading: {
+        type: BooleanConstructor;
+    };
+    /**
+     * @description: Show close button
+     */
+    showCancelBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cancelButtonProps: PropType<ButtonProps>;
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description: Show confirmation button
+     */
+    showOkBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    okButtonProps: PropType<ButtonProps>;
+    okText: {
+        type: StringConstructor;
+        default: string;
+    };
+    okType: {
+        type: StringConstructor;
+        default: string;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+    };
+    footerHeight: {
+        type: PropType<string | number>;
+        default: number;
+    };
+};
+export declare const basicProps: {
+    confirmLoading: {
+        type: BooleanConstructor;
+    };
+    /**
+     * @description: Show close button
+     */
+    showCancelBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cancelButtonProps: PropType<ButtonProps>;
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description: Show confirmation button
+     */
+    showOkBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    okButtonProps: PropType<ButtonProps>;
+    okText: {
+        type: StringConstructor;
+        default: string;
+    };
+    okType: {
+        type: StringConstructor;
+        default: string;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+    };
+    footerHeight: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    isDetail: {
+        type: BooleanConstructor;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadingText: {
+        type: StringConstructor;
+    };
+    showDetailBack: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+    };
+    loading: {
+        type: BooleanConstructor;
+    };
+    maskClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    getContainer: PropType<() => IObject>;
+    closeFunc: PropType<() => Promise<boolean>>;
+    destroyOnClose: {
+        type: BooleanConstructor;
+    };
+};

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

@@ -0,0 +1,62 @@
+import { t } from "@gct-paas/core";
+//#region src/modules/global-drawer/src/props.ts
+var footerProps = {
+	confirmLoading: { type: Boolean },
+	/**
+	* @description: Show close button
+	*/
+	showCancelBtn: {
+		type: Boolean,
+		default: true
+	},
+	cancelButtonProps: Object,
+	cancelText: {
+		type: String,
+		default: t("sys.cancelText")
+	},
+	/**
+	* @description: Show confirmation button
+	*/
+	showOkBtn: {
+		type: Boolean,
+		default: true
+	},
+	okButtonProps: Object,
+	okText: {
+		type: String,
+		default: window.$t ? window.$t("sys.okText") : "确认"
+	},
+	okType: {
+		type: String,
+		default: "primary"
+	},
+	showFooter: { type: Boolean },
+	footerHeight: {
+		type: [String, Number],
+		default: 60
+	}
+};
+var basicProps = {
+	isDetail: { type: Boolean },
+	title: {
+		type: String,
+		default: ""
+	},
+	loadingText: { type: String },
+	showDetailBack: {
+		type: Boolean,
+		default: true
+	},
+	visible: { type: Boolean },
+	loading: { type: Boolean },
+	maskClosable: {
+		type: Boolean,
+		default: true
+	},
+	getContainer: Function,
+	closeFunc: Function,
+	destroyOnClose: { type: Boolean },
+	...footerProps
+};
+//#endregion
+export { basicProps, footerProps };