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

package/es/components/open-select-user-modal/controller/edhr-controller.mjs

@@ -0,0 +1,39 @@
+import { BaseController } from "./base-controller.mjs";
+//#region src/components/open-select-user-modal/controller/edhr-controller.ts
+var EdhrController = class extends BaseController {
+	/** 是否是授权的席位用户 */
+	isGranted;
+	constructor(opts) {
+		super(opts);
+		this.isGranted = opts.isGranted;
+	}
+	async getUserDataByOrg(params) {
+		return ((await _api.apaas.designerCommon.getGetVisibleOrgUser({
+			orgIds: params.orgId,
+			pageNo: 1,
+			pageSize: 999999999,
+			ignoreEnabled: 1
+		}))?.data || []).map((info) => {
+			return {
+				...info,
+				formatId: `USER:${info.id}`
+			};
+		});
+	}
+	async getUserDataByKeyword(params) {
+		return ((await _api.apaas.designerCommon.getGetVisibleOrgUser({
+			orgIds: this.rootOrgIds.join(","),
+			keyword: params.keyword,
+			pageNo: 1,
+			pageSize: 999999999,
+			ignoreEnabled: 1
+		}))?.data || []).map((info) => {
+			return {
+				...info,
+				formatId: `USER:${info.id}`
+			};
+		});
+	}
+};
+//#endregion
+export { EdhrController };

package/es/components/open-select-user-modal/controller/index.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+import { OrgDTO } from '../type';
+import { BaseController } from './base-controller';
+export declare const ControllerKey: "SelectUserController";
+/** 使用场景 */
+export declare enum SceneType {
+    /** 平台租户可见范围 */
+    Paas = "Paas",
+    /** 电子批记录有租户权限 */
+    Edhr_Granted = "Edhr_Granted",
+    /** 电子批记录没有有租户权限 */
+    Edhr_UnGranted = "Edhr_UnGranted"
+}
+export declare function useController(opts: {
+    sceneType: SceneType;
+    orgData: Ref<OrgDTO[]>;
+}): BaseController;
+export declare function getController(): BaseController;

package/es/components/open-select-user-modal/controller/index.mjs

@@ -0,0 +1,42 @@
+import "./base-controller.mjs";
+import { PaasController } from "./paas-controller.mjs";
+import { EdhrController } from "./edhr-controller.mjs";
+import { inject, provide } from "vue";
+//#region src/components/open-select-user-modal/controller/index.ts
+var ControllerKey = "SelectUserController";
+/** 使用场景 */
+var SceneType = /* @__PURE__ */ function(SceneType) {
+	/** 平台租户可见范围 */
+	SceneType["Paas"] = "Paas";
+	/** 电子批记录有租户权限 */
+	SceneType["Edhr_Granted"] = "Edhr_Granted";
+	/** 电子批记录没有有租户权限 */
+	SceneType["Edhr_UnGranted"] = "Edhr_UnGranted";
+	return SceneType;
+}({});
+function useController(opts) {
+	let controller;
+	switch (opts.sceneType) {
+		case SceneType.Edhr_Granted:
+			controller = new EdhrController({
+				...opts,
+				isGranted: true
+			});
+			break;
+		case SceneType.Edhr_UnGranted:
+			controller = new EdhrController({
+				...opts,
+				isGranted: false
+			});
+			break;
+		case SceneType.Paas:
+		default: controller = new PaasController(opts);
+	}
+	provide(ControllerKey, controller);
+	return controller;
+}
+function getController() {
+	return inject(ControllerKey);
+}
+//#endregion
+export { ControllerKey, SceneType, getController, useController };

package/es/components/open-select-user-modal/controller/paas-controller.d.ts

@@ -0,0 +1,10 @@
+import { UserDTO } from '../type';
+import { BaseController } from './base-controller';
+export declare class PaasController extends BaseController {
+    getUserDataByOrg(params: {
+        orgId: string;
+    }): Promise<UserDTO[]>;
+    getUserDataByKeyword(params: {
+        keyword: string;
+    }): Promise<UserDTO[]>;
+}

package/es/components/open-select-user-modal/controller/paas-controller.mjs

@@ -0,0 +1,31 @@
+import { BaseController } from "./base-controller.mjs";
+//#region src/components/open-select-user-modal/controller/paas-controller.ts
+var PaasController = class extends BaseController {
+	async getUserDataByOrg(params) {
+		return ((await _api.apaas.designerCommon.getGetVisibleOrgUser({
+			orgIds: params.orgId,
+			pageNo: 1,
+			pageSize: 999999999
+		}))?.data || []).map((info) => {
+			return {
+				...info,
+				formatId: `USER:${info.id}`
+			};
+		});
+	}
+	async getUserDataByKeyword(params) {
+		return ((await _api.apaas.designerCommon.getGetVisibleOrgUser({
+			orgIds: this.rootOrgIds.join(","),
+			keyword: params.keyword,
+			pageNo: 1,
+			pageSize: 999999999
+		}))?.data || []).map((info) => {
+			return {
+				...info,
+				formatId: `USER:${info.id}`
+			};
+		});
+	}
+};
+//#endregion
+export { PaasController };

package/es/components/open-select-user-modal/index.d.ts

@@ -0,0 +1,15 @@
+import { SceneType } from './controller/index.ts';
+interface IParams {
+    title?: string;
+    values: string[];
+    modelKey: string;
+    multiple?: boolean;
+    showTabs?: string[];
+    callback?: Fn;
+    sceneType?: SceneType;
+    /** 需要额外隐藏的id集合 */
+    hiddenKeys?: string[];
+    readonly?: boolean;
+}
+export declare function openSelectUserModal({ title, values, modelKey, showTabs, multiple, callback, sceneType, hiddenKeys, readonly, }: IParams): void;
+export * from './controller/index.ts';

package/es/components/open-select-user-modal/index.mjs

@@ -0,0 +1,41 @@
+import "./controller/index.mjs";
+import SelectUserContainer_default from "./SelectUserContainer.vue.mjs";
+import { createVNode, ref, render } from "vue";
+import { OverlayContainer } from "@gct-paas/core";
+//#region src/components/open-select-user-modal/index.ts
+var modalRef = ref();
+function openSelectUserModal({ title, values, modelKey, showTabs, multiple, callback, sceneType, hiddenKeys, readonly }) {
+	const tabs = [
+		"User",
+		"Org",
+		"Role",
+		"UserGroup",
+		"Dynamic"
+	];
+	if (!modalRef.value) {
+		const container = document.createElement("div");
+		const vm = createVNode(SelectUserContainer_default, {
+			baseProps: {
+				selectValues: values || [],
+				showTabs: showTabs || tabs,
+				multiple: multiple ?? true,
+				modelKey,
+				sceneType,
+				hiddenKeys,
+				readonly
+			},
+			options: { title: title || "人员选择" },
+			callback,
+			destroyVm: () => {
+				setTimeout(() => {
+					render(null, container);
+					modalRef.value = null;
+				}, 300);
+			}
+		});
+		modalRef.value = OverlayContainer.createVueApp(vm).mount(container);
+		modalRef.value.open();
+	}
+}
+//#endregion
+export { openSelectUserModal };

package/es/components/open-select-user-modal/type/index.d.ts

@@ -0,0 +1,7 @@
+import { PickerOrgDTO, PickerUserDTO } from '@gct-paas/api/platform';
+export type OrgDTO = PickerOrgDTO & {
+    formatId: string;
+};
+export type UserDTO = PickerUserDTO & {
+    formatId: string;
+};

package/es/components/paas-bpmn-log/components/approval-node.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import approval_node_vue_vue_type_script_setup_true_lang_default from "./approval-node.vue_vue_type_script_setup_true_lang.mjs";
-import './approval-node.vue_vue_type_style_index_0_scoped_a8065b24_lang.css';/* empty css                                                                    */
+import './approval-node.vue_vue_type_style_index_0_scoped_1ee4a0bd_lang.css';/* empty css                                                                    */
 //#region src/components/paas-bpmn-log/components/approval-node.vue
-var approval_node_default = /* @__PURE__ */ _plugin_vue_export_helper_default(approval_node_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a8065b24"]]);
+var approval_node_default = /* @__PURE__ */ _plugin_vue_export_helper_default(approval_node_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1ee4a0bd"]]);
 //#endregion
 export { approval_node_default as default };

package/es/components/paas-bpmn-log/components/approval-node.vue_vue_type_script_setup_true_lang.mjs

@@ -2,7 +2,7 @@ import avatar_default_default from "../imgs/avatar-default.png.mjs";
 import user_list_default from "./user-list.vue.mjs";
 import image_error_default from "../../../assets/svg/image-error.svg.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, vShow, watch, withDirectives } from "vue";
-import { ButtonTypeEnum, approvalObserver } from "@gct-paas/core";
+import { ButtonTypeEnum, approvalObserver, t } from "@gct-paas/core";
 //#region src/components/paas-bpmn-log/components/approval-node.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["title"];
 var _hoisted_2 = {
@@ -115,7 +115,7 @@ var approval_node_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					"align-items": "center"
 				},
 				onClick: toggleExpand
-			}, [createTextVNode(toDisplayString(isExpanded.value ? _ctx.$t("sys.collapse") : _ctx.$t("sys.unfold")) + " ", 1), createElementVNode("span", _hoisted_3, [isExpanded.value ? (openBlock(), createBlock(_component_up_outlined, { key: 0 })) : (openBlock(), createBlock(_component_down_outlined, { key: 1 }))])])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 6), createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(approvedList.value.filter((_e, f) => isExpanded.value || f < 5), (el, j) => {
+			}, [createTextVNode(toDisplayString(isExpanded.value ? unref(t)("sys.collapse") : unref(t)("sys.unfold")) + " ", 1), createElementVNode("span", _hoisted_3, [isExpanded.value ? (openBlock(), createBlock(_component_up_outlined, { key: 0 })) : (openBlock(), createBlock(_component_down_outlined, { key: 1 }))])])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 6), createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(approvedList.value.filter((_e, f) => isExpanded.value || f < 5), (el, j) => {
 				return openBlock(), createElementBlock("div", {
 					key: j,
 					class: "ks-row mb8px bg-[#FBFBFC] p8px"
@@ -137,11 +137,11 @@ var approval_node_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 								wordBreak: "keep-all",
 								color: approvalColor[el.approval]
 							})
-						}, toDisplayString(_ctx.$t(`sys.process.paasBpmnButtonEvent.${el.approval}`)), 5), withDirectives(createElementVNode("div", {
+						}, toDisplayString(unref(t)(`sys.process.paasBpmnButtonEvent.${el.approval}`)), 5), withDirectives(createElementVNode("div", {
 							class: "ell-3 ks-col text-[#666666] break-all",
 							title: el.approvalMsg
 						}, toDisplayString(el.approvalMsg), 9, _hoisted_13), [[vShow, !__props.hiddenOpinion]])]),
-						!__props.hiddenSignature && el.signature ? (openBlock(), createElementBlock("div", _hoisted_14, [createElementVNode("div", _hoisted_15, toDisplayString(_ctx.$t("sys.model.sign")), 1), el.signature ? (openBlock(), createBlock(_component_a_image, {
+						!__props.hiddenSignature && el.signature ? (openBlock(), createElementBlock("div", _hoisted_14, [createElementVNode("div", _hoisted_15, toDisplayString(unref(t)("sys.model.sign")), 1), el.signature ? (openBlock(), createBlock(_component_a_image, {
 							key: 0,
 							width: 64,
 							height: 36,
@@ -154,13 +154,13 @@ var approval_node_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 							data: el.userList
 						}, null, 8, ["data"])) : createCommentVNode("", true)
 					])]),
-					createElementVNode("div", _hoisted_16, [createElementVNode("div", null, toDisplayString(el.endTime), 1), el.duration ? (openBlock(), createElementBlock("div", _hoisted_17, toDisplayString(_ctx.$t("sys.integration.timeConsuming")) + ": " + toDisplayString(el.duration), 1)) : createCommentVNode("", true)])
+					createElementVNode("div", _hoisted_16, [createElementVNode("div", null, toDisplayString(el.endTime), 1), el.duration ? (openBlock(), createElementBlock("div", _hoisted_17, toDisplayString(unref(t)("sys.integration.timeConsuming")) + ": " + toDisplayString(el.duration), 1)) : createCommentVNode("", true)])
 				]);
 			}), 128)), approvingData.value?.length ? (openBlock(), createBlock(user_list_default, {
 				key: __props.data.key,
 				class: "process-node-content bg-[#FBFBFC] rounded-4px p8px",
 				data: approvingData.value,
-				"tag-name": _ctx.$t("sys.process.status.approving")
+				"tag-name": unref(t)("sys.process.status.approving")
 			}, null, 8, ["data", "tag-name"])) : createCommentVNode("", true)])], 512);
 		};
 	}

package/es/components/paas-bpmn-log/components/{approval-node.vue_vue_type_style_index_0_scoped_a8065b24_lang.css → approval-node.vue_vue_type_style_index_0_scoped_1ee4a0bd_lang.css}

@@ -1,10 +1,10 @@
-.process-node + .process-node[data-v-a8065b24] {
+.process-node + .process-node[data-v-1ee4a0bd] {
   margin-top: 28px;
 }
-.process-node-title[data-v-a8065b24] {
+.process-node-title[data-v-1ee4a0bd] {
   position: relative;
 }
-.process-node-title[data-v-a8065b24]::before {
+.process-node-title[data-v-1ee4a0bd]::before {
   content: ' ';
   display: block;
   width: 6px;
@@ -16,13 +16,13 @@
   border-radius: 50%;
   box-shadow: 0 0 0 2px hsl(from var(--status-color) h s 93%);
 }
-.process-node-title.sticky-node[data-v-a8065b24] {
+.process-node-title.sticky-node[data-v-1ee4a0bd] {
   background-color: #ffffff;
   position: sticky;
   top: var(--sticky-top);
   z-index: 9;
 }
-.ell-3[data-v-a8065b24] {
+.ell-3[data-v-1ee4a0bd] {
   display: -webkit-inline-box;
   display: -moz-inline-box;
   display: inline-flexbox;
@@ -34,17 +34,17 @@
   -moz-box-orient: vertical;
   box-orient: 3;
 }
-.border[data-v-a8065b24] {
+.border[data-v-1ee4a0bd] {
   border: 1px solid #f0f0f0;
 }
-.user-list[data-v-a8065b24] {
+.user-list[data-v-1ee4a0bd] {
   row-gap: 8px;
 }
-.user-list-item[data-v-a8065b24] {
+.user-list-item[data-v-1ee4a0bd] {
   border-radius: 28px;
   margin-right: 16px;
 }
-[data-v-a8065b24] .ant-image-img {
+[data-v-1ee4a0bd] .ant-image-img {
   width: 100%;
   height: 100%;
   vertical-align: top;

package/es/components/paas-bpmn-log/components/user-list.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import user_list_vue_vue_type_script_setup_true_lang_default from "./user-list.vue_vue_type_script_setup_true_lang.mjs";
-import './user-list.vue_vue_type_style_index_0_scoped_27aa2bf0_lang.css';/* empty css                                                                */
+import './user-list.vue_vue_type_style_index_0_scoped_80624e20_lang.css';/* empty css                                                                */
 //#region src/components/paas-bpmn-log/components/user-list.vue
-var user_list_default = /* @__PURE__ */ _plugin_vue_export_helper_default(user_list_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-27aa2bf0"]]);
+var user_list_default = /* @__PURE__ */ _plugin_vue_export_helper_default(user_list_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-80624e20"]]);
 //#endregion
 export { user_list_default as default };

package/es/components/paas-bpmn-log/components/user-list.vue_vue_type_script_setup_true_lang.mjs

@@ -1,5 +1,6 @@
 import avatar_default_default from "../imgs/avatar-default.png.mjs";
 import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderList, resolveComponent, toDisplayString, unref } from "vue";
+import { t } from "@gct-paas/core";
 //#region src/components/paas-bpmn-log/components/user-list.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["src"];
 var _hoisted_2 = ["title"];
@@ -47,7 +48,7 @@ var user_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			]), expand.value ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("span", {
 				class: "cursor-pointer",
 				onClick: _cache[1] || (_cache[1] = ($event) => expand.value = !expand.value)
-			}, [createTextVNode(toDisplayString(_ctx.$t("sys.collapse")) + " ", 1), createVNode(_component_up_outlined)])])) : createCommentVNode("", true)]);
+			}, [createTextVNode(toDisplayString(unref(t)("sys.collapse")) + " ", 1), createVNode(_component_up_outlined)])])) : createCommentVNode("", true)]);
 		};
 	}
 });

package/es/components/paas-bpmn-log/components/{user-list.vue_vue_type_style_index_0_scoped_27aa2bf0_lang.css → user-list.vue_vue_type_style_index_0_scoped_80624e20_lang.css}

@@ -1,10 +1,10 @@
-.border[data-v-27aa2bf0] {
+.border[data-v-80624e20] {
   border: 1px solid #f0f0f0;
 }
-.user-list[data-v-27aa2bf0] {
+.user-list[data-v-80624e20] {
   row-gap: 8px;
 }
-.user-list-item[data-v-27aa2bf0] {
+.user-list-item[data-v-80624e20] {
   border-radius: 28px;
   margin-right: 16px;
 }

package/es/components/shrink-panel/shrink-panel.css

@@ -0,0 +1,130 @@
+@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-shrink-panel {
+  min-width: 100px;
+  height: 100%;
+  background-color: var(--gct-color-white);
+  border-left: 1px solid var(--gct-color-border);
+}
+.gct-shrink-panel .iconfont {
+  font-size: 14px;
+}
+.gct-shrink-panel__column {
+  display: none;
+  flex-direction: column;
+  align-items: center;
+  height: 100%;
+  background-color: var(--gct-color-bg-3);
+}
+
+.gct-shrink-panel__title {
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.gct-shrink-panel__column-icon {
+  padding: var(--gct-padding-6);
+  cursor: pointer;
+  transform: rotate(180deg);
+}
+
+.gct-shrink-panel__column-title {
+  writing-mode: vertical-rl;
+}
+
+.gct-shrink-panel__header {
+  display: block;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 42px;
+  padding: 0 var(--gct-padding-6);
+  background-color: var(--gct-color-bg-3);
+}
+
+.gct-shrink-panel__body {
+  display: block;
+  height: calc(100% - 42px);
+}
+
+.gct-shrink-panel__icon {
+  cursor: pointer;
+}
+
+.gct-shrink-panel.is-not-expand {
+  width: 40px;
+  min-width: 40px;
+}
+.gct-shrink-panel.is-not-expand .gct-shrink-panel__column {
+  display: flex;
+}
+
+.gct-shrink-panel.is-not-expand .gct-shrink-panel__header {
+  display: none;
+}
+
+.gct-shrink-panel.is-not-expand .gct-shrink-panel__body {
+  display: none;
+}

package/es/components/shrink-panel/shrink-panel.d.ts

@@ -0,0 +1,23 @@
+export declare const ShrinkPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    retractedSuffix: {
+        type: StringConstructor;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    isExpand: import('vue').Ref<boolean, boolean>;
+    toggleExpand: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    retractedSuffix: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/shrink-panel/shrink-panel.mjs

@@ -0,0 +1,41 @@
+import './shrink-panel.css';/* empty css                   */
+import { createVNode, defineComponent, ref } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/components/shrink-panel/shrink-panel.tsx
+var ShrinkPanel = /* @__PURE__ */ defineComponent({
+	name: "ShrinkPanel",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		retractedSuffix: { type: String }
+	},
+	setup() {
+		const ns = useNamespace("shrink-panel");
+		const isExpand = ref(true);
+		const toggleExpand = () => {
+			isExpand.value = !isExpand.value;
+		};
+		return {
+			ns,
+			isExpand,
+			toggleExpand
+		};
+	},
+	render() {
+		return createVNode("div", { "class": [this.ns.b(), this.ns.is("not-expand", !this.isExpand)] }, [
+			createVNode("div", { "class": this.ns.e("column") }, [createVNode("div", {
+				"class": this.ns.e("column-icon"),
+				"onClick": this.toggleExpand
+			}, [createVNode("i", { "class": "iconfont icon-AlignLeft" }, null)]), createVNode("div", { "class": this.ns.e("column-title") }, [this.title, this.retractedSuffix ? this.retractedSuffix : ""])]),
+			createVNode("div", { "class": this.ns.e("header") }, [createVNode("div", { "class": this.ns.e("title") }, [this.title]), createVNode("div", {
+				"class": this.ns.e("icon"),
+				"onClick": this.toggleExpand
+			}, [createVNode("i", { "class": "iconfont icon-AlignLeft" }, null)])]),
+			createVNode("div", { "class": this.ns.e("body") }, [this.$slots.default?.()])
+		]);
+	}
+});
+//#endregion
+export { ShrinkPanel };

package/es/create-app-vue.mjs

@@ -1,10 +1,10 @@
 import gct_form_default from "./modules/gct-form/index.mjs";
 import gct_table_default from "./modules/gct-table/index.mjs";
 import { GctOverlayScrollbars } from "./components/overlay-scrollbars/gct-overlay-scrollbars.mjs";
+import ColorPicker_default from "./modules/color-picker/src/ColorPicker.vue.mjs";
 import { BasicModal } from "./modules/global-modal/index.mjs";
 import components_default from "./components/index.mjs";
 import color_editor_default from "./modules/color-picker/src/color-editor.vue.mjs";
-import ColorPicker_default from "./modules/color-picker/src/ColorPicker.vue.mjs";
 import "./modules/color-picker/index.mjs";
 import relationship_diagram_config_default from "./modules/relationship-diagram-config/index.mjs";
 import { setupDirectives } from "./directives/index.mjs";

package/es/hooks/index.d.ts

@@ -3,3 +3,4 @@ export { useTheme } from './useTheme';
 export { UseDragByLine } from './useDragLine';
 export * from './useKeyParser';
 export { useTreeList } from './useTreeList';
+export { usePrinter } from './usePrinter';

package/es/hooks/index.mjs

@@ -3,3 +3,4 @@ import "./useTheme.mjs";
 import "./useDragLine.mjs";
 import "./useKeyParser.mjs";
 import "./useTreeList.mjs";
+import "./usePrinter.mjs";

package/es/hooks/usePrinter.d.ts

@@ -0,0 +1,19 @@
+interface PrintZPLParams {
+    /**
+     * 测试变量
+     */
+    testVar?: IObject;
+    /**
+     * 业务服务key
+     */
+    bizServiceKey?: string;
+    /**
+     * 打印类型
+     */
+    printType?: string;
+}
+export declare function usePrinter(): {
+    printZPL: (device: IObject, zplCommand: unknown) => void;
+    printLabelKey: (labelKey?: string, data?: IObject, { testVar, bizServiceKey }?: PrintZPLParams) => Promise<void>;
+};
+export {};

package/es/hooks/usePrinter.mjs

@@ -0,0 +1,50 @@
+import { t } from "@gct-paas/core";
+import { message } from "ant-design-vue";
+//#region src/hooks/usePrinter.ts
+function usePrinter() {
+	async function printLabelKey(labelKey, data = {}, { testVar, bizServiceKey } = {}) {
+		const res = await _api.apaas.print.postGenerateZplCode({
+			labelId: labelKey,
+			data,
+			testVar,
+			bizServiceKey
+		});
+		if (res && typeof res !== "string") {
+			const { code, printType, labelWidth, labelHeight } = res || {};
+			if (printType === "png") {
+				const printWindow = window.open("", "_blank", "height=500,width=800");
+				printWindow.document.write(`<img style="width: ${labelWidth}mm;height: ${labelHeight}mm;position: absolute;top: 0;left: 0;" src="data:image/png;base64,${code}">`);
+				setTimeout(() => {
+					printWindow.document.close();
+					printWindow.print();
+					printWindow.close();
+				}, 300);
+				return;
+			}
+		}
+		BrowserPrint.getDefaultDevice("printer", async function(device) {
+			if (!device || !device.connection || !device.uid) {
+				message.error(t("sys.printDeviceNotFound"));
+				return;
+			}
+			if (!labelKey) {
+				message.error(t("sys.labelNotFound"));
+				return;
+			}
+			printZPL(device, res);
+		}, function() {
+			message.error(t("sys.printDesigner.getDeviceError"));
+		});
+	}
+	function printZPL(device, zplCommand) {
+		device.send(zplCommand, void 0, function() {
+			message.error(t("sys.printDesigner.printError"));
+		});
+	}
+	return {
+		printZPL,
+		printLabelKey
+	};
+}
+//#endregion
+export { usePrinter };