@gct-paas/core-web 0.1.6-dev.3 → 0.1.6-dev.30

package/es/components/{BpmnRuntime/paas/paas-bpmn-runtime.vue.d.ts → ui/highlight/highlight.vue.d.ts}

@@ -1,5 +1,6 @@
 type __VLS_Props = {
-    instanceId: string;
+    text: string;
+    keyword: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/es/components/ui/highlight/highlight.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import highlight_vue_vue_type_script_setup_true_name_highlight_lang_default from "./highlight.vue_vue_type_script_setup_true_name_highlight_lang.mjs";
+import './highlight.vue_vue_type_style_index_0_scoped_e17c6606_lang.css';/* empty css                                                                */
+//#region src/components/ui/highlight/highlight.vue
+var highlight_default = /* @__PURE__ */ _plugin_vue_export_helper_default(highlight_vue_vue_type_script_setup_true_name_highlight_lang_default, [["__scopeId", "data-v-e17c6606"]]);
+//#endregion
+export { highlight_default as default };

package/es/components/ui/highlight/highlight.vue_vue_type_script_setup_true_name_highlight_lang.mjs

@@ -0,0 +1,30 @@
+import { Fragment, computed, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString } from "vue";
+//#region src/components/ui/highlight/highlight.vue?vue&type=script&setup=true&name=highlight&lang.ts
+var _hoisted_1 = { class: /* @__PURE__ */ normalizeClass(["highlight"]) };
+var _hoisted_2 = {
+	key: 0,
+	class: "highlight__keyword"
+};
+var highlight_vue_vue_type_script_setup_true_name_highlight_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "highlight",
+	props: {
+		text: {},
+		keyword: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const keyword = computed(() => props.keyword);
+		const arr = computed(() => {
+			if (!props.keyword) return [props.text];
+			const regex = new RegExp(`(${props.keyword})`, "gi");
+			return props.text.split(regex).filter(Boolean);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(arr.value, (part, index) => {
+				return openBlock(), createElementBlock(Fragment, { key: index }, [part.toLowerCase() === keyword.value.toLowerCase() ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(part), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part), 1)], 64))], 64);
+			}), 128))]);
+		};
+	}
+});
+//#endregion
+export { highlight_vue_vue_type_script_setup_true_name_highlight_lang_default as default };

package/es/components/ui/highlight/highlight.vue_vue_type_style_index_0_scoped_e17c6606_lang.css

@@ -0,0 +1,6 @@
+.highlight[data-v-e17c6606] {
+  --highlight-keyword-color: #026ac8;
+}
+.highlight__keyword[data-v-e17c6606] {
+  color: var(--highlight-keyword-color);
+}

package/es/components/ui/icon-tooltip/icon-tooltip.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    /** 图标 */
+    icon?: string;
+    /** 提示文本 */
+    tooltip: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    icon: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/ui/icon-tooltip/icon-tooltip.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import icon_tooltip_vue_vue_type_script_setup_true_name_icon_tooltip_lang_default from "./icon-tooltip.vue_vue_type_script_setup_true_name_icon-tooltip_lang.mjs";
+import './icon-tooltip.vue_vue_type_style_index_0_scoped_a35580e4_lang.css';/* empty css                                                                   */
+//#region src/components/ui/icon-tooltip/icon-tooltip.vue
+var icon_tooltip_default = /* @__PURE__ */ _plugin_vue_export_helper_default(icon_tooltip_vue_vue_type_script_setup_true_name_icon_tooltip_lang_default, [["__scopeId", "data-v-a35580e4"]]);
+//#endregion
+export { icon_tooltip_default as default };

package/es/components/ui/icon-tooltip/icon-tooltip.vue_vue_type_script_setup_true_name_icon-tooltip_lang.mjs

@@ -0,0 +1,27 @@
+import { createBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { useNamespace } from "@gct-paas/core";
+import { IconNext } from "@gct-paas/core-components";
+//#region src/components/ui/icon-tooltip/icon-tooltip.vue?vue&type=script&setup=true&name=icon-tooltip&lang.ts
+var icon_tooltip_vue_vue_type_script_setup_true_name_icon_tooltip_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "icon-tooltip",
+	props: {
+		icon: { default: "icon-bangzhu" },
+		tooltip: {}
+	},
+	setup(__props) {
+		const ns = useNamespace("icon-tooltip");
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			return openBlock(), createBlock(_component_a_tooltip, { class: normalizeClass([unref(ns).b()]) }, {
+				title: withCtx(() => [createTextVNode(toDisplayString(__props.tooltip), 1)]),
+				default: withCtx(() => [createVNode(unref(IconNext), {
+					value: __props.icon,
+					color: "#9a9a9a"
+				}, null, 8, ["value"])]),
+				_: 1
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { icon_tooltip_vue_vue_type_script_setup_true_name_icon_tooltip_lang_default as default };

package/es/components/ui/icon-tooltip/icon-tooltip.vue_vue_type_style_index_0_scoped_a35580e4_lang.css

@@ -0,0 +1,68 @@
+@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-icon-tooltip[data-v-a35580e4] {
+  vertical-align: middle;
+  cursor: pointer;
+}

package/es/components/ui/index.d.ts

@@ -0,0 +1,10 @@
+import { default as FormAlert } from './form-alert/form-alert.vue';
+import { default as GridBtns } from './grid-btns/grid-btns.vue';
+import { default as IconTooltip } from './icon-tooltip/icon-tooltip.vue';
+import { default as ModalWrapper } from './modal-wrapper/modal-wrapper.vue';
+import { default as HightLight } from './highlight/highlight.vue';
+export * from './basic-grid';
+export * from './embed-grid';
+export * from './grid-pagination';
+export * from './notice';
+export { GridBtns, FormAlert, IconTooltip, ModalWrapper, HightLight };

package/es/components/ui/index.mjs

@@ -0,0 +1,12 @@
+import "./form-alert/form-alert.vue.mjs";
+import "./grid-btns/grid-btns.vue.mjs";
+import "./icon-tooltip/icon-tooltip.vue.mjs";
+import "./modal-wrapper/modal-wrapper.vue.mjs";
+import "./highlight/highlight.vue.mjs";
+import "./grid-pagination/grid-pagination.vue.mjs";
+import "./grid-pagination/index.mjs";
+import "./basic-grid/basic-grid.vue.mjs";
+import "./basic-grid/index.mjs";
+import "./embed-grid/embed-grid.vue.mjs";
+import "./embed-grid/index.mjs";
+import "./notice/index.mjs";

package/es/components/ui/modal-wrapper/modal-wrapper.vue.d.ts

@@ -0,0 +1,26 @@
+import { IModalData, IModalOptions } from '@gct-paas/core';
+type __VLS_Props = {
+    opts?: IModalOptions;
+    disabledOk?: boolean;
+    doCancel?: () => Promise<boolean>;
+    doOk?: () => Promise<false | IModalData>;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    opts: IModalOptions;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/components/ui/modal-wrapper/modal-wrapper.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import modal_wrapper_vue_vue_type_script_setup_true_name_modal_wrapper_lang_default from "./modal-wrapper.vue_vue_type_script_setup_true_name_modal-wrapper_lang.mjs";
+import './modal-wrapper.vue_vue_type_style_index_0_scoped_6b8a9609_lang.css';/* empty css                                                                    */
+//#region src/components/ui/modal-wrapper/modal-wrapper.vue
+var modal_wrapper_default = /* @__PURE__ */ _plugin_vue_export_helper_default(modal_wrapper_vue_vue_type_script_setup_true_name_modal_wrapper_lang_default, [["__scopeId", "data-v-6b8a9609"]]);
+//#endregion
+export { modal_wrapper_default as default };

package/es/components/ui/modal-wrapper/modal-wrapper.vue_vue_type_script_setup_true_name_modal-wrapper_lang.mjs

@@ -0,0 +1,78 @@
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, resolveComponent, toDisplayString, watch, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/components/ui/modal-wrapper/modal-wrapper.vue?vue&type=script&setup=true&name=modal-wrapper&lang.ts
+var _hoisted_1 = { class: "modal-wrapper__content" };
+var _hoisted_2 = {
+	key: 0,
+	class: "modal-wrapper__footer"
+};
+/** 模态控制器 */
+var modal_wrapper_vue_vue_type_script_setup_true_name_modal_wrapper_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "modal-wrapper",
+	props: {
+		opts: { default: () => ({}) },
+		disabledOk: { type: Boolean },
+		doCancel: {},
+		doOk: {}
+	},
+	setup(__props) {
+		const modal = inject("modal");
+		if (!modal) console.error("modal不存在");
+		const props = __props;
+		/** 是否显示底部按钮 */
+		const showFooter = computed(() => {
+			return props.opts.showFooter !== false;
+		});
+		const _options = computed(() => {
+			return {
+				okText: t("sys.okText"),
+				cancelText: t("sys.cancelText"),
+				showOkBtn: true,
+				showCancelBtn: true,
+				...props.opts,
+				showFooter: false
+			};
+		});
+		watch(() => _options.value, (val) => {
+			if (val) modal.setOptions(val);
+		}, {
+			immediate: true,
+			deep: true
+		});
+		/** 触发取消模态 */
+		const onCancel = async () => {
+			if (props.doCancel) {
+				if (!await props.doCancel()) return;
+			}
+			modal.dismiss();
+		};
+		/** 触发确认模态 */
+		const onOk = async () => {
+			if (props.doOk) {
+				const data = await props.doOk();
+				if (!data) return;
+				modal.dismiss(data);
+			}
+		};
+		return (_ctx, _cache) => {
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["modal-wrapper", _options.value.height && "modal-wrapper--has-height"]) }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), showFooter.value ? (openBlock(), createElementBlock("div", _hoisted_2, [_options.value.showCancelBtn ? (openBlock(), createBlock(_component_a_button, {
+				key: 0,
+				onClick: onCancel
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(_options.value.cancelText), 1)]),
+				_: 1
+			})) : createCommentVNode("", true), _options.value.showOkBtn ? (openBlock(), createBlock(_component_a_button, {
+				key: 1,
+				disabled: __props.disabledOk,
+				type: "primary",
+				onClick: onOk
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(_options.value.okText), 1)]),
+				_: 1
+			}, 8, ["disabled"])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+//#endregion
+export { modal_wrapper_vue_vue_type_script_setup_true_name_modal_wrapper_lang_default as default };

package/es/components/ui/modal-wrapper/modal-wrapper.vue_vue_type_style_index_0_scoped_6b8a9609_lang.css

@@ -0,0 +1,28 @@
+.modal-wrapper[data-v-6b8a9609] {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.modal-wrapper--has-height .modal-wrapper__content[data-v-6b8a9609] {
+  height: 1px;
+}
+.modal-wrapper__content[data-v-6b8a9609] {
+  flex-grow: 1;
+}
+.modal-wrapper__footer[data-v-6b8a9609] {
+  flex-shrink: 0;
+  flex-grow: 0;
+  border-top: 1px solid #e0e3eb;
+  height: 64px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+.modal-wrapper__footer[data-v-6b8a9609] .ant-btn {
+  margin-right: 16px;
+}
+.modal-wrapper__footer[data-v-6b8a9609] .ant-btn.ant-btn-primary[disabled] {
+  background: #bfd8f2;
+  border-color: #bfd8f2 !important;
+  color: #ffffff;
+}

package/es/components/ui/notice/index.d.ts

@@ -0,0 +1,8 @@
+import { ModalFuncProps } from 'ant-design-vue';
+/**
+ * ant确认提示框样式封装
+ * @export
+ * @param arg
+ * @return {*}
+ */
+export declare function modalConfirm(arg: ModalFuncProps): Promise<boolean>;

package/es/components/ui/notice/index.mjs

@@ -0,0 +1,31 @@
+import { createVNode } from "vue";
+import { t } from "@gct-paas/core";
+import { Modal as Modal$1 } from "ant-design-vue";
+import { ExclamationCircleFilled } from "@ant-design/icons-vue";
+//#region src/components/ui/notice/index.ts
+/**
+* ant确认提示框样式封装
+* @export
+* @param arg
+* @return {*}
+*/
+function modalConfirm(arg) {
+	return new Promise((resolve) => {
+		Modal$1.confirm({
+			icon: createVNode(ExclamationCircleFilled),
+			okText: t("sys.ok2"),
+			cancelText: t("sys.cancel"),
+			closable: false,
+			centered: true,
+			...arg,
+			onOk: async () => {
+				resolve(true);
+			},
+			onCancel: () => {
+				resolve(false);
+			}
+		});
+	});
+}
+//#endregion
+export { modalConfirm };

package/es/create-app-vue.d.ts

@@ -4,6 +4,6 @@ import { App } from 'vue';
  *
  * @export
  * @param {App} app
- * @return {*}  {Promise<void>}
+ * @return {*}  {void}
  */
-export declare function coreWebCreateAppVue(app: App): Promise<void>;
+export declare function coreWebCreateAppVue(app: App): void;

package/es/create-app-vue.mjs

@@ -1,12 +1,14 @@
+import { GctOverlayScrollbars } from "./components/overlay-scrollbars/gct-overlay-scrollbars.mjs";
+import { BasicModal } from "./modules/global-modal/index.mjs";
+import ColorPicker_default from "./modules/color-picker/src/ColorPicker.vue.mjs";
+import components_default from "./components/index.mjs";
 import gct_form_default from "./modules/gct-form/index.mjs";
 import gct_table_default from "./modules/gct-table/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 { BasicModal } from "./modules/global-modal/index.mjs";
-import components_default from "./components/index.mjs";
-import { GctOverlayScrollbars } from "./components/overlay-scrollbars/gct-overlay-scrollbars.mjs";
+import relationship_diagram_config_default from "./modules/relationship-diagram-config/index.mjs";
 import { setupDirectives } from "./directives/index.mjs";
+import { BasicDrawer } from "./modules/global-drawer/index.mjs";
 import Antdv from "ant-design-vue";
 import { coreComponentsCreateAppVue } from "@gct-paas/core-components";
 import * as Icons from "@ant-design/icons-vue";
@@ -17,9 +19,9 @@ import "overlayscrollbars/overlayscrollbars.css";
 *
 * @export
 * @param {App} app
-* @return {*}  {Promise<void>}
+* @return {*}  {void}
 */
-async function coreWebCreateAppVue(app) {
+function coreWebCreateAppVue(app) {
 	app.use(Antdv);
 	setupDirectives(app);
 	app.use(components_default);
@@ -29,10 +31,12 @@ async function coreWebCreateAppVue(app) {
 	app.component(ColorPicker_default.name, ColorPicker_default);
 	app.component(color_editor_default.name, color_editor_default);
 	app.component("OverlayScrollbarsComponent", GctOverlayScrollbars);
-	await coreComponentsCreateAppVue(app);
+	app.use(relationship_diagram_config_default);
+	coreComponentsCreateAppVue(app);
 	app.use(gct_form_default);
 	app.use(gct_table_default);
 	app.use(BasicModal);
+	app.use(BasicDrawer);
 }
 //#endregion
 export { coreWebCreateAppVue };

package/es/hooks/index.d.ts

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

package/es/hooks/index.mjs

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

package/es/hooks/useKeyParser.d.ts

@@ -0,0 +1,16 @@
+import { Ref } from 'vue';
+/**
+ * key值转换器
+ * @param prefix 前缀
+ * @param suffix 后缀 仅空字符串代表不需要后缀
+ * @returns
+ */
+export declare function useKeyParser(prefix: Ref<string | undefined> | string, suffix?: Ref<string | undefined> | string): {
+    keyPrefix: Ref<string, string>;
+    keySuffix: Ref<string, string>;
+    keyReset: () => void;
+    keyPad: (key: string) => string | undefined;
+    keyClip: (formKey: string) => string;
+    keyPrePad: (key: string) => string | undefined;
+    keyPreClip: (formKey: string) => string;
+};

package/es/hooks/useKeyParser.mjs

@@ -0,0 +1,79 @@
+import { isRef, ref, unref, watch } from "vue";
+import { ProjectName } from "@gct-paas/core";
+//#region src/hooks/useKeyParser.ts
+var SourceTypeEnum = /* @__PURE__ */ function(SourceTypeEnum) {
+	SourceTypeEnum["SELF_BUILT"] = "SELF_BUILT";
+	SourceTypeEnum["IMPORT"] = "IMPORT";
+	return SourceTypeEnum;
+}(SourceTypeEnum || {});
+/**
+* key值转换器
+* @param prefix 前缀
+* @param suffix 后缀 仅空字符串代表不需要后缀
+* @returns
+*/
+function useKeyParser(prefix, suffix) {
+	const hasDollar = ref(false);
+	const upperCase = ref(false);
+	const keyPrefix = ref("");
+	const keySuffix = ref("");
+	const branchId = _gct.store.context.bid || "";
+	function keyReset() {
+		const prefixString = unref(prefix);
+		const suffixString = unref(suffix);
+		if (!prefixString) return;
+		hasDollar.value = prefixString.startsWith("$");
+		upperCase.value = /\$?[A-Z]+_/.test(prefixString);
+		keyPrefix.value = (hasDollar.value ? "$" : "") + (_gct.store.appInfo.sourceType === SourceTypeEnum.IMPORT ? upperCase.value ? "I" : "i" : "") + (hasDollar.value ? prefixString.substring(1) : prefixString) + (prefixString.endsWith("_") ? "" : "_");
+		keySuffix.value = suffixString === "" ? "" : _gct.store.projectName === ProjectName.WEB_RENDER ? "" : branchId ? "_" + (upperCase.value ? branchId.toUpperCase() : branchId) : "";
+	}
+	keyReset();
+	if (isRef(prefix)) watch(prefix, () => {
+		keyReset();
+	});
+	if (isRef(suffix)) watch(suffix, () => {
+		keyReset();
+	});
+	/**
+	* 补全key信息 包含 导入信息 模块信息 分支信息
+	* @param key
+	* @returns
+	*/
+	function keyPad(key) {
+		if (!key) return;
+		return `${keyPrefix.value}${key}${keySuffix.value}`;
+	}
+	/**
+	* 裁剪key
+	* @param key
+	*/
+	function keyClip(formKey) {
+		const id = unref(prefix).match(/\$?(([a-zA-Z]+_)*[a-zA-Z]+)_?/)[1];
+		const prefixPos = formKey.indexOf(id) + id.length;
+		const suffixPos = !keySuffix.value || unref(suffix) === "" ? formKey.length : formKey.lastIndexOf("_");
+		keyPrefix.value = formKey.substring(0, prefixPos + 1);
+		keySuffix.value = formKey.substring(suffixPos);
+		return formKey.substring(prefixPos + 1, suffixPos);
+	}
+	function keyPreClip(formKey) {
+		const id = unref(prefix).match(/\$?(([a-zA-Z]+_)*[a-zA-Z]+)_?/)[1];
+		const prefixPos = formKey.indexOf(id) + id.length;
+		keyPrefix.value = formKey.substring(0, prefixPos + 1);
+		return formKey.substring(prefixPos + 1);
+	}
+	function keyPrePad(key) {
+		if (!key) return;
+		return `${keyPrefix.value}${key}`;
+	}
+	return {
+		keyPrefix,
+		keySuffix,
+		keyReset,
+		keyPad,
+		keyClip,
+		keyPrePad,
+		keyPreClip
+	};
+}
+//#endregion
+export { useKeyParser };

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

package/es/hooks/useTreeList.d.ts

@@ -0,0 +1,23 @@
+export declare function useTreeList(): {
+    initTree: (api: Fn) => Promise<void>;
+    addTreeNode: (api: Fn, data: IObject) => Promise<void>;
+    updateTreeNode: (api: Fn, data: IObject, opts?: IObject) => Promise<void>;
+    deleteTreeNode: (api: Fn, data: IObject) => Promise<void>;
+    dragTreeNode: (api: Fn, data: IObject) => Promise<void>;
+    treeData: import('vue').Ref<IObject[], IObject[]>;
+    treeOrignalData: import('vue').Ref<IObject[], IObject[]>;
+    transformTreeData: (list: IObject[], parentId?: string, index?: number) => IObject[];
+    setTreeSelect: (key: (string | number)[], node: IObject) => void;
+    selectedTreeKey: import('vue').Ref<(string | number)[] | undefined, (string | number)[] | undefined>;
+    selectTreeNode: {
+        node: {};
+    };
+    getTreeNamePathArr: (treeNodeId: string) => string[];
+    getFilterTreeData: (selectInfo: IObject) => IObject[];
+    isExistUser2SelectOrg: import('vue').Ref<boolean, boolean>;
+    setOrgsExistUser: (userList: IObject[]) => void;
+    searchTreeData: (api: Fn, data: IObject) => Promise<void>;
+    clearSearchTreeData: () => void;
+    searchTreeOrignalData: import('vue').Ref<IObject[], IObject[]>;
+    restTree: () => void;
+};