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

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/controller/gct-table/gct-table.controller.mjs

@@ -15,6 +15,7 @@ import { EditorRegisterConst } from "@gct-paas/core";
 * @implements {ITableController}
 */
 var GctTableController = class {
+	model;
 	evt = new QXEvent();
 	state = this.createState();
 	row = {};

package/es/modules/gct-table/controller/table-item/table-item.controller.mjs

@@ -10,6 +10,8 @@ import { TableITemState } from "../../state/table-item/table-item.state.mjs";
 * @implements {ITableItemController}
 */
 var TableItemController = class {
+	row;
+	model;
 	state = this.createState();
 	get value() {
 		return this.row.data[this.model.dataIndex];

package/es/modules/gct-table/controller/table-row/table-row.controller.mjs

@@ -16,6 +16,9 @@ import { reactive } from "vue";
 * @implements {ITableRowController}
 */
 var TableRowController = class {
+	table;
+	model;
+	data;
 	item = {};
 	fields = [];
 	state = this.createState();

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-drawer/index.d.ts

@@ -0,0 +1,4 @@
+import { WithInstall } from '../../utils';
+export declare const BasicDrawer: WithInstall<unknown>;
+export * from './src/typing';
+export { useDrawer, useDrawerInner } from './src/useDrawer';

package/es/modules/global-drawer/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../../utils/with-install.mjs";
+import "../../utils/index.mjs";
+import BasicDrawer_default from "./src/BasicDrawer.vue.mjs";
+import "./src/useDrawer.mjs";
+//#region src/modules/global-drawer/index.ts
+var BasicDrawer = withInstall(BasicDrawer_default);
+//#endregion
+export { BasicDrawer };

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

@@ -0,0 +1,171 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: any) => any>> & {
+        titleToolbar?(_: {}): any;
+        title?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: 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;
+    };
+    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: import('vue').PropType<() => IObject>;
+    closeFunc: import('vue').PropType<() => Promise<boolean>>;
+    destroyOnClose: {
+        type: BooleanConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+    ok: (...args: any[]) => void;
+    register: (...args: any[]) => void;
+    "visible-change": (...args: any[]) => void;
+}, string, 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;
+    };
+    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: import('vue').PropType<() => IObject>;
+    closeFunc: import('vue').PropType<() => Promise<boolean>>;
+    destroyOnClose: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOk?: ((...args: any[]) => any) | undefined;
+    onRegister?: ((...args: any[]) => any) | undefined;
+    "onVisible-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    confirmLoading: boolean;
+    showCancelBtn: boolean;
+    cancelText: string;
+    showOkBtn: boolean;
+    okText: string;
+    okType: string;
+    showFooter: boolean;
+    footerHeight: string | number;
+    isDetail: boolean;
+    title: string;
+    showDetailBack: boolean;
+    visible: boolean;
+    loading: boolean;
+    maskClosable: boolean;
+    destroyOnClose: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,6 @@
+import BasicDrawer_vue_vue_type_script_setup_true_name_BasicDrawer_lang_default from "./BasicDrawer.vue_vue_type_script_setup_true_name_BasicDrawer_lang.mjs";
+import './BasicDrawer.vue_vue_type_style_index_0_lang.css';/* empty css                                                  */
+//#region src/modules/global-drawer/src/BasicDrawer.vue
+var BasicDrawer_default = BasicDrawer_vue_vue_type_script_setup_true_name_BasicDrawer_lang_default;
+//#endregion
+export { BasicDrawer_default as default };

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