@gct-paas/core-web 0.1.6-dev.4 → 0.1.6-dev.40

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 };

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

@@ -0,0 +1,170 @@
+import { ButtonProps } from 'ant-design-vue/lib/button/buttonTypes';
+import { CSSProperties, VNodeChild, ComputedRef } from 'vue';
+import { JSX } from 'vue/jsx-runtime';
+export interface DrawerInstance {
+    setDrawerProps: (props: Partial<DrawerProps>) => void;
+    emitVisible?: (visible: boolean, uid: number) => void;
+}
+export interface ReturnMethods extends DrawerInstance {
+    openDrawer: <T = IObject>(visible?: boolean, data?: T, openOnSet?: boolean) => void;
+    closeDrawer: () => void;
+    getVisible?: ComputedRef<boolean>;
+}
+export type RegisterFn = (drawerInstance: DrawerInstance, uuid?: string) => void;
+export interface ReturnInnerMethods extends DrawerInstance {
+    closeDrawer: () => void;
+    changeLoading: (loading: boolean) => void;
+    changeOkLoading: (loading: boolean) => void;
+    getVisible?: ComputedRef<boolean>;
+}
+export type UseDrawerReturnType = [RegisterFn, ReturnMethods];
+export type UseDrawerInnerReturnType = [RegisterFn, ReturnInnerMethods];
+export interface DrawerFooterProps {
+    showOkBtn: boolean;
+    showCancelBtn: boolean;
+    /**
+     * Text of the Cancel button
+     * @default 'cancel'
+     * @type string
+     */
+    cancelText: string;
+    /**
+     * Text of the OK button
+     * @default 'OK'
+     * @type string
+     */
+    okText: string;
+    /**
+     * Button type of the OK button
+     * @default 'primary'
+     * @type string
+     */
+    okType: 'primary' | 'danger' | 'dashed' | 'ghost' | 'default';
+    /**
+     * The ok button props, follow jsx rules
+     * @type object
+     */
+    okButtonProps: ButtonProps;
+    /**
+     * The cancel button props, follow jsx rules
+     * @type object
+     */
+    cancelButtonProps: ButtonProps;
+    /**
+     * Whether to apply loading visual effect for OK button or not
+     * @default false
+     * @type boolean
+     */
+    confirmLoading: boolean;
+    showFooter: boolean;
+    footerHeight: string | number;
+}
+export interface DrawerProps extends DrawerFooterProps {
+    isDetail?: boolean;
+    loading?: boolean;
+    showDetailBack?: boolean;
+    visible?: boolean;
+    /**
+     * Built-in ScrollContainer component configuration
+     * @type ScrollContainerOptions
+     */
+    closeFunc?: () => Promise<any>;
+    triggerWindowResize?: boolean;
+    /**
+     * Whether a close (x) button is visible on top right of the Drawer dialog or not.
+     * @default true
+     * @type boolean
+     */
+    closable?: boolean;
+    /**
+     * Whether to unmount child components on closing drawer or not.
+     * @default false
+     * @type boolean
+     */
+    destroyOnClose?: boolean;
+    /**
+     * Return the mounted node for Drawer.
+     * @default 'body'
+     * @type any ( HTMLElement| () => HTMLElement | string)
+     */
+    getContainer?: () => HTMLElement | string;
+    /**
+     * Whether to show mask or not.
+     * @default true
+     * @type boolean
+     */
+    mask?: boolean;
+    /**
+     * Clicking on the mask (area outside the Drawer) to close the Drawer or not.
+     * @default true
+     * @type boolean
+     */
+    maskClosable?: boolean;
+    /**
+     * Style for Drawer's mask element.
+     * @default {}
+     * @type object
+     */
+    maskStyle?: CSSProperties;
+    /**
+     * The title for Drawer.
+     * @type any (string | slot)
+     */
+    title?: VNodeChild | JSX.Element;
+    /**
+     * The class name of the container of the Drawer dialog.
+     * @type string
+     */
+    wrapClassName?: string;
+    class?: string;
+    /**
+     * Style of wrapper element which **contains mask** compare to `drawerStyle`
+     * @type object
+     */
+    wrapStyle?: CSSProperties;
+    /**
+     * Style of the popup layer element
+     * @type object
+     */
+    drawerStyle?: CSSProperties;
+    /**
+     * Style of floating layer, typically used for adjusting its position.
+     * @type object
+     */
+    bodyStyle?: CSSProperties;
+    headerStyle?: CSSProperties;
+    /**
+     * Width of the Drawer dialog.
+     * @default 256
+     * @type string | number
+     */
+    width?: string | number;
+    /**
+     * placement is top or bottom, height of the Drawer dialog.
+     * @type string | number
+     */
+    height?: string | number;
+    /**
+     * The z-index of the Drawer.
+     * @default 1000
+     * @type number
+     */
+    zIndex?: number;
+    /**
+     * The placement of the Drawer.
+     * @default 'right'
+     * @type string
+     */
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+    afterVisibleChange?: (visible?: boolean) => void;
+    keyboard?: boolean;
+    /**
+     * Specify a callback that will be called when a user clicks mask, close button or Cancel button.
+     */
+    onClose?: (e?: Event) => void;
+}
+export interface DrawerActionType {
+    scrollBottom: () => void;
+    scrollTo: (to: number) => void;
+    getScrollWrap: () => Element | null;
+}

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

@@ -0,0 +1,6 @@
+import { UseDrawerReturnType, UseDrawerInnerReturnType } from './typing';
+/**
+ * @description: Applicable to separate drawer and call outside
+ */
+export declare function useDrawer(): UseDrawerReturnType;
+export declare const useDrawerInner: (callbackFn?: Fn) => UseDrawerInnerReturnType;

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

@@ -0,0 +1,6 @@
+import { reactive } from "vue";
+import "lodash-es";
+import "@vueuse/core";
+reactive({});
+reactive({});
+//#endregion