@gct-paas/core-web 0.1.6-dev.19 → 0.1.6-dev.20

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/core-web",
-  "version": "0.1.6-dev.19",
+  "version": "0.1.6-dev.20",
   "type": "module",
   "description": "paas 平台网页端核心包",
   "loader": "dist/loader.esm.min.js",
@@ -65,20 +65,20 @@
     "vxe-table": "npm:@gct-paas/vxe-table@4.6.19",
     "wujie": "^1.0.29",
     "wujie-vue3": "^1.0.29",
-    "@gct-paas/core": "0.1.6-dev.19",
-    "@gct-paas/core-components": "0.1.6-dev.19",
-    "@gct-paas/scss": "0.1.6-dev.19",
-    "@gct-paas/v-ben": "0.1.6-dev.19"
+    "@gct-paas/core": "0.1.6-dev.20",
+    "@gct-paas/scss": "0.1.6-dev.20",
+    "@gct-paas/v-ben": "0.1.6-dev.20",
+    "@gct-paas/core-components": "0.1.6-dev.20"
   },
   "peerDependencies": {
     "@gct-paas/api": "^0.1.6-dev.11",
     "@types/sortablejs": "^1.15.1",
     "vant": ">=4",
     "vue": ">=3",
-    "@gct-paas/core": "0.1.6-dev.19",
-    "@gct-paas/scss": "0.1.6-dev.19",
-    "@gct-paas/v-ben": "0.1.6-dev.19",
-    "@gct-paas/core-components": "0.1.6-dev.19"
+    "@gct-paas/core": "0.1.6-dev.20",
+    "@gct-paas/core-components": "0.1.6-dev.20",
+    "@gct-paas/v-ben": "0.1.6-dev.20",
+    "@gct-paas/scss": "0.1.6-dev.20"
   },
   "devDependencies": {
     "@types/bwip-js": "^3.2.3",