@gct-paas/core-web 0.1.6-dev.17 → 0.1.6-dev.18

package/es/modules/gct-form/widgets/gct-search-form/form.controller.d.ts

@@ -0,0 +1,46 @@
+import { FormState } from './form.state';
+import { IForm } from '../..';
+/**
+ * 表单控制器
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 09:03:56
+ * @export
+ * @class FormController
+ */
+export declare class FormController {
+    readonly model: IForm;
+    /**
+     * 表单状态数据，和界面 UI 相关
+     *
+     * @author zhanghanrui
+     * @date 2024-03-27 10:03:34
+     */
+    state: FormState;
+    constructor(model: IForm);
+    /**
+     * 获取当前表单数据
+     *
+     * @author zhanghanrui
+     * @date 2024-03-27 18:03:33
+     * @return {*}  {IData}
+     */
+    getData(): IData;
+    /**
+     * 重置表单数据
+     *
+     * @author zhanghanrui
+     * @date 2024-03-27 18:03:09
+     */
+    resetData(): void;
+}
+/**
+ * 获取表单控制器实例
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 10:03:30
+ * @export
+ * @param {IForm} model
+ * @return {*}  {FormController}
+ */
+export declare function useFormController(model: IForm): FormController;

package/es/modules/gct-form/widgets/gct-search-form/form.controller.mjs

@@ -0,0 +1,69 @@
+import { FormState } from "./form.state.mjs";
+import "../../index.mjs";
+import { reactive } from "vue";
+//#region src/modules/gct-form/widgets/gct-search-form/form.controller.ts
+/**
+* 表单控制器
+*
+* @author zhanghanrui
+* @date 2024-03-27 09:03:56
+* @export
+* @class FormController
+*/
+var FormController = class {
+	model;
+	/**
+	* 表单状态数据，和界面 UI 相关
+	*
+	* @author zhanghanrui
+	* @date 2024-03-27 10:03:34
+	*/
+	state = new FormState();
+	constructor(model) {
+		this.model = model;
+	}
+	/**
+	* 获取当前表单数据
+	*
+	* @author zhanghanrui
+	* @date 2024-03-27 18:03:33
+	* @return {*}  {IData}
+	*/
+	getData() {
+		const data = {};
+		this.model?.fields?.forEach((field) => {
+			if (this.state.data[field] != null) data[field] = this.state.data[field];
+		});
+		return data;
+	}
+	/**
+	* 重置表单数据
+	*
+	* @author zhanghanrui
+	* @date 2024-03-27 18:03:09
+	*/
+	resetData() {
+		Object.keys(this.state.data).forEach((key) => {
+			const val = this.state.data[key];
+			if (val) if (typeof val === "object") if (Array.isArray(val)) this.state.data[key] = [];
+			else this.state.data[key] = {};
+			else this.state.data[key] = null;
+		});
+	}
+};
+/**
+* 获取表单控制器实例
+*
+* @author zhanghanrui
+* @date 2024-03-27 10:03:30
+* @export
+* @param {IForm} model
+* @return {*}  {FormController}
+*/
+function useFormController(model) {
+	const c = new FormController(model);
+	c.state = reactive(c.state);
+	return c;
+}
+//#endregion
+export { useFormController };

package/es/modules/gct-form/widgets/gct-search-form/form.state.d.ts

@@ -0,0 +1,10 @@
+export declare class FormState {
+    /**
+     * 表单数据
+     *
+     * @author zhanghanrui
+     * @date 2024-03-27 09:03:10
+     * @type {IData}
+     */
+    data: IData;
+}

package/es/modules/gct-form/widgets/gct-search-form/form.state.mjs

@@ -0,0 +1,13 @@
+//#region src/modules/gct-form/widgets/gct-search-form/form.state.ts
+var FormState = class {
+	/**
+	* 表单数据
+	*
+	* @author zhanghanrui
+	* @date 2024-03-27 09:03:10
+	* @type {IData}
+	*/
+	data = {};
+};
+//#endregion
+export { FormState };

package/es/modules/gct-form/widgets/gct-search-form/gct-search-form.css

@@ -0,0 +1,83 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-gct-search-form {
+  position: relative;
+}
+
+.gct-gct-search-form-actions {
+  padding: 0 16px 16px;
+  text-align: right;
+}
+.gct-gct-search-form-actions .ant-btn {
+  margin-right: 12px;
+}
+.gct-gct-search-form-actions .ant-btn:last-child {
+  margin-right: 0;
+}
+.gct-gct-search-form-actions.is-fixed {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}

package/es/modules/gct-form/widgets/gct-search-form/gct-search-form.d.ts

@@ -0,0 +1,33 @@
+import { PropType } from 'vue';
+import { IForm } from '../..';
+export declare const GctSearchForm: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<IForm>;
+        required: true;
+    };
+    isFixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    formRef: import('vue').Ref<any, any>;
+    getData: () => IData;
+    resetData: () => void;
+    onSearch: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("reset" | "search")[], "reset" | "search", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<IForm>;
+        required: true;
+    };
+    isFixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onReset?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+}>, {
+    isFixed: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default GctSearchForm;

package/es/modules/gct-form/widgets/gct-search-form/gct-search-form.mjs

@@ -0,0 +1,56 @@
+import './gct-search-form.css';/* empty css                      */
+import AppForm from "./form/app-form.mjs";
+import { computed, createTextVNode, createVNode, defineComponent, ref, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/widgets/gct-search-form/gct-search-form.tsx
+var GctSearchForm = /* @__PURE__ */ defineComponent({
+	name: "GctSearchForm",
+	props: {
+		model: {
+			type: Object,
+			required: true
+		},
+		isFixed: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["search", "reset"],
+	setup(_, { emit }) {
+		const ns = useNamespace("gct-search-form");
+		const formRef = ref(null);
+		const c = computed(() => formRef.value?.c);
+		const getData = () => {
+			return c.value.getData();
+		};
+		const resetData = () => {
+			c.value.resetData();
+			emit("reset", {});
+		};
+		const onSearch = () => {
+			emit("search", getData());
+		};
+		return {
+			ns,
+			formRef,
+			getData,
+			resetData,
+			onSearch
+		};
+	},
+	render() {
+		return createVNode("div", { "class": this.ns.b() }, [createVNode("div", { "class": this.ns.b("wrapper") }, [createVNode(AppForm, {
+			"ref": "formRef",
+			"model": this.model
+		}, null)]), createVNode("div", { "class": [this.ns.b("actions"), this.ns.is("fixed", this.isFixed)] }, [createVNode(resolveComponent("a-button"), {
+			"class": this.ns.e("reset"),
+			"onClick": this.resetData
+		}, { default: () => [createTextVNode("重置")] }), createVNode(resolveComponent("a-button"), {
+			"class": this.ns.e("query"),
+			"type": "primary",
+			"onClick": this.onSearch
+		}, { default: () => [createTextVNode("查询")] })])]);
+	}
+});
+//#endregion
+export { GctSearchForm as default };

package/es/modules/gct-table/editor/gct-table-date/gct-table-date.mjs

@@ -1,6 +1,6 @@
 import { useGctFormValue } from "../../../gct-form/hooks/use-gct-form-value/use-gct-form-value.mjs";
 import "../../../gct-form/index.mjs";
-import './gct-table-date.css';/* empty css                     */
+import '../gct-table-text/gct-table-text.css';/* empty css                     */
 import { createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
 import { useNamespace } from "@gct-paas/core";
 //#region src/modules/gct-table/editor/gct-table-date/gct-table-date.tsx

package/es/modules/gct-table/editor/gct-table-text/gct-table-text.mjs

@@ -1,6 +1,6 @@
 import { useGctFormValueByText } from "../../../gct-form/hooks/use-gct-form-value/use-gct-form-value.mjs";
 import "../../../gct-form/index.mjs";
-import '../gct-table-date/gct-table-date.css';/* empty css                     */
+import './gct-table-text.css';/* empty css                     */
 import { createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
 import { useNamespace } from "@gct-paas/core";
 //#region src/modules/gct-table/editor/gct-table-text/gct-table-text.tsx

package/es/modules/global-modal/src/components/ModalWrapper.vue_vue_type_script_lang.mjs

@@ -1,5 +1,5 @@
-import { createModalContext } from "../hooks/useModalContext.mjs";
 import { GctOverlayScrollbars } from "../../../../components/overlay-scrollbars/gct-overlay-scrollbars.mjs";
+import { createModalContext } from "../hooks/useModalContext.mjs";
 import { computed, defineComponent, nextTick, onMounted, onUnmounted, ref, unref, watch, watchEffect } from "vue";
 import { useNamespace } from "@gct-paas/core";
 import { useMutationObserver, useWindowSize } from "@vueuse/core";

package/es/types/index.d.ts

@@ -146,7 +146,7 @@ declare module '@gct-paas/core' {
 
     destroyOnClose?: boolean;
 
-    footer?: VNode | null;
+    footer?: VNode | boolean | null;
 
     /**
      *

package/es/utils/overlay-controller/overlay-controller.d.ts

@@ -1,4 +1,4 @@
-import { IAppFullScreenContainerOptions, IModalData, IModalOptions, IOverlayContainer, IOverlayController, IOverlayPopoverContainer, IPopoverOptions } from '@gct-paas/core';
+import { IAppFullScreenContainerOptions, IDrawerOptions, IModalData, IModalOptions, IOverlayContainer, IOverlayController, IOverlayPopoverContainer, IPopoverOptions } from '@gct-paas/core';
 import { Placement, Strategy, Middleware, Platform } from '@floating-ui/dom';
 /**
  * 用不同呈现方式绘制组件的通用工具类
@@ -12,6 +12,8 @@ import { Placement, Strategy, Middleware, Platform } from '@floating-ui/dom';
 export declare class OverlayController implements IOverlayController {
     modal<T = IModalData>(component: unknown, props?: IParams, opts?: IModalOptions): Promise<T>;
     createModal(component: unknown, props?: IParams, opts?: IModalOptions): IOverlayContainer;
+    drawer<T = IModalData>(component: unknown, props?: IParams, opts?: IDrawerOptions): Promise<T>;
+    createDrawer(component: unknown, props?: IParams, opts?: IDrawerOptions): IOverlayContainer;
     popover<T = void>(element: HTMLElement, component: unknown, props?: IParams, opts?: IPopoverOptions<Partial<{
         placement?: Placement | undefined;
         strategy?: Strategy | undefined;

package/es/utils/overlay-controller/overlay-controller.mjs

@@ -1,4 +1,5 @@
 import { createModal } from "../../components/app-modal/app-modal-component.mjs";
+import { createDrawer } from "../../components/app-drawer/app-drawer-component.mjs";
 import { createPopover } from "../../components/app-popover/app-popover-component.mjs";
 import { createAppFullScreenContainer } from "../../components/app-full-screen-container/app-full-screen-container.mjs";
 import { h, resolveComponent } from "vue";
@@ -25,6 +26,14 @@ var OverlayController = class {
 	createModal(component, props, opts) {
 		return createModal(isFunction(component) ? component : () => h(resolveComponentOrStr(component), { ...props }), opts);
 	}
+	drawer(component, props, opts) {
+		const drawer = this.createDrawer(component, props, opts);
+		drawer.present();
+		return drawer.onWillDismiss();
+	}
+	createDrawer(component, props, opts) {
+		return createDrawer(isFunction(component) ? component : () => h(resolveComponentOrStr(component), { ...props }), opts);
+	}
 	popover(element, component, props, opts) {
 		const popover = this.createPopover(component, props, opts);
 		popover.present(element);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/core-web",
-  "version": "0.1.6-dev.17",
+  "version": "0.1.6-dev.18",
   "type": "module",
   "description": "paas 平台网页端核心包",
   "loader": "dist/loader.esm.min.js",
@@ -46,6 +46,7 @@
     "bwip-js": "^4.9.2",
     "cropperjs": "^1.5.13",
     "dayjs": "^1.11.19",
+    "dom-to-image": "^2.6.0",
     "jsbarcode": "^3.12.3",
     "lodash-es": "^4.17.23",
     "monaco-editor": "^0.55.1",
@@ -64,21 +65,22 @@
     "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.17",
-    "@gct-paas/scss": "0.1.6-dev.17",
-    "@gct-paas/core-components": "0.1.6-dev.17"
+    "@gct-paas/core": "0.1.6-dev.18",
+    "@gct-paas/core-components": "0.1.6-dev.18",
+    "@gct-paas/scss": "0.1.6-dev.18"
   },
   "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.17",
-    "@gct-paas/core-components": "0.1.6-dev.17",
-    "@gct-paas/scss": "0.1.6-dev.17"
+    "@gct-paas/core-components": "0.1.6-dev.18",
+    "@gct-paas/core": "0.1.6-dev.18",
+    "@gct-paas/scss": "0.1.6-dev.18"
   },
   "devDependencies": {
-    "@types/bwip-js": "^3.2.3"
+    "@types/bwip-js": "^3.2.3",
+    "@types/dom-to-image": "^2.6.7"
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",