@gct-paas/core-web 0.1.6-dev.2 → 0.1.6-dev.21

package/es/create-app-vue.mjs

@@ -1,12 +1,14 @@
+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 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/gct-unocss.css

@@ -0,0 +1 @@
+*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.container{width:100%;}.container\!{width:100% !important;}.ks-column{display:flex;flex-direction:column;}.ks-row{display:flex;}.ks-row-center{display:flex;justify-content:center;}.ks-row-center-middle{display:flex;align-items:center;justify-content:center;}.ks-row-end{display:flex;align-items:flex-end;}.ks-row-middle{display:flex;align-items:center;}.ks-col{flex:1 1 0%;}.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}@media (min-width: 640px){.container{max-width:640px;}.container\!{max-width:640px !important;}}@media (min-width: 768px){.container{max-width:768px;}.container\!{max-width:768px !important;}}@media (min-width: 1024px){.container{max-width:1024px;}.container\!{max-width:1024px !important;}}@media (min-width: 1280px){.container{max-width:1280px;}.container\!{max-width:1280px !important;}}@media (min-width: 1536px){.container{max-width:1536px;}.container\!{max-width:1536px !important;}}.visible{visibility:visible;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.static{position:static;}.left-2\/3{left:66.6666666667%;}.top-0{top:0;}.z-10{z-index:10;}.grid{display:grid;}.float-left{float:left;}.m--14px{margin:-14px;}.\!my-4px{margin-top:4px !important;margin-bottom:4px !important;}.mx-4px{margin-left:4px;margin-right:4px;}.my-4px{margin-top:4px;margin-bottom:4px;}.\!ml-20px{margin-left:20px !important;}.m-e{margin-inline-end:1rem;}.mb{margin-bottom:1rem;}.mb-20px{margin-bottom:20px;}.mb-2px{margin-bottom:2px;}.mb-3{margin-bottom:0.75rem;}.mb-4px{margin-bottom:4px;}.mb-8px,.mb8px{margin-bottom:8px;}.ml{margin-left:1rem;}.ml-1{margin-left:0.25rem;}.ml-12px,.ml12px{margin-left:12px;}.ml-16px{margin-left:16px;}.ml-24px{margin-left:24px;}.ml-3px{margin-left:3px;}.ml-4px,.ml4px{margin-left:4px;}.ml-6px{margin-left:6px;}.ml-8px,.ml8px{margin-left:8px;}.ml5px{margin-left:5px;}.mr{margin-right:1rem;}.mr-10px,.mr10px{margin-right:10px;}.mr-12px,.mr12px{margin-right:12px;}.mr-2{margin-right:0.5rem;}.mr-2px,.mr2px{margin-right:2px;}.mr-40px{margin-right:40px;}.mr-4px,.mr4px{margin-right:4px;}.mr-5px,.mr5px{margin-right:5px;}.mr-8px,.mr8px{margin-right:8px;}.mr14px{margin-right:14px;}.mr6px{margin-right:6px;}.mt{margin-top:1rem;}.mt-1{margin-top:0.25rem;}.mt-3px{margin-top:3px;}.mt10px{margin-top:10px;}.mt12px{margin-top:12px;}.mt4px{margin-top:4px;}.mt8px{margin-top:8px;}.block{display:block;}.inline-block{display:inline-block;}.contents{display:contents;}.hidden{display:none;}.\!w-auto{width:auto !important;}.h-28px,.h28px{height:28px;}.h-4{height:1rem;}.h-47px{height:47px;}.h-4px{height:4px;}.h-6px{height:6px;}.h-full,.h100\%{height:100%;}.h24px{height:24px;}.h40px{height:40px;}.h450px{height:450px;}.h50\%{height:50%;}.important-h-full{height:100% !important;}.important-w-full{width:100% !important;}.min-h100\%{min-height:100%;}.min-w-0{min-width:0;}.w-0{width:0;}.w-1\/2{width:50%;}.w-11\/36{width:30.5555555556%;}.w-14\/36{width:38.8888888889%;}.w-260px{width:260px;}.w-4px{width:4px;}.w-52{width:13rem;}.w-6px{width:6px;}.w-full,.w100\%{width:100%;}.w120px{width:120px;}.w148px{width:148px;}.w230px{width:230px;}.w24px{width:24px;}.w28px{width:28px;}.w2px{width:2px;}.w3px{width:3px;}.w42px{width:42px;}.w76px{width:76px;}.flex{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink,.shrink-panel{flex-shrink:1;}.shrink-0{flex-shrink:0;}.flex-grow{flex-grow:1;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.table{display:table;}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.cursor-pointer{cursor:pointer;}.cursor-move{cursor:move;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.items-end{align-items:flex-end;}.items-center{align-items:center;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.overflow-hidden{overflow:hidden;}.overflow-x-auto{overflow-x:auto;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.whitespace-nowrap{white-space:nowrap;}.break-all{word-break:break-all;}.b,.border{border-width:1px;}.border-0{border-width:0px;}.border-b{border-bottom-width:1px;}.border-l{border-left-width:1px;}.border-t{border-top-width:1px;}.rounded-4px{border-radius:4px;}.rounded-50\%{border-radius:50%;}.bg-\[\#F77E4A1A\]{--un-bg-opacity:0.1;background-color:rgb(247 126 74 / var(--un-bg-opacity)) /* #F77E4A1A */;}.bg-\[\#F7F8FA\]{--un-bg-opacity:1;background-color:rgb(247 248 250 / var(--un-bg-opacity)) /* #F7F8FA */;}.bg-\[\#FBFBFC\]{--un-bg-opacity:1;background-color:rgb(251 251 252 / var(--un-bg-opacity)) /* #FBFBFC */;}.bg-\[\#FFFFFF\]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #FFFFFF */;}.p-12px,.p12px{padding:12px;}.p-4{padding:1rem;}.p-8px,.p8px{padding:8px;}.p10px{padding:10px;}.p16px{padding:16px;}.p2px{padding:2px;}.p4px{padding:4px;}.p5px{padding:5px;}.px{padding-left:1rem;padding-right:1rem;}.px-12px{padding-left:12px;padding-right:12px;}.px-16px{padding-left:16px;padding-right:16px;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.px2mm{padding-left:2mm;padding-right:2mm;}.px4px{padding-left:4px;padding-right:4px;}.py-12px{padding-top:12px;padding-bottom:12px;}.py-16px{padding-top:16px;padding-bottom:16px;}.py-24px{padding-top:24px;padding-bottom:24px;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-8px,.py8px{padding-top:8px;padding-bottom:8px;}.pb10px{padding-bottom:10px;}.pb16px{padding-bottom:16px;}.pb8px{padding-bottom:8px;}.pl-10px{padding-left:10px;}.pl-4px{padding-left:4px;}.pl-8px{padding-left:8px;}.pl12px{padding-left:12px;}.pl16px{padding-left:16px;}.pl5px{padding-left:5px;}.pl6px{padding-left:6px;}.pr-4px{padding-right:4px;}.pr12px{padding-right:12px;}.pr16px{padding-right:16px;}.pr2px{padding-right:2px;}.pr6px{padding-right:6px;}.pr8px{padding-right:8px;}.pt-12px,.pt12px{padding-top:12px;}.pt-4{padding-top:1rem;}.pt0px{padding-top:0;}.pt10px{padding-top:10px;}.pt18px{padding-top:18px;}.pt5px{padding-top:5px;}.pt6px{padding-top:6px;}.pt8px{padding-top:8px;}.text-center{text-align:center;}.text-right{text-align:right;}.indent{text-indent:1.5rem;}.text-wrap{text-wrap:wrap;}.align-middle{vertical-align:middle;}.text-\[12px\]{font-size:12px;}.text-\[14px\]{font-size:14px;}.text-\[16px\],.text-16px{font-size:16px;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.text-\[\#212528\]{--un-text-opacity:1;color:rgb(33 37 40 / var(--un-text-opacity)) /* #212528 */;}.text-\[\#242424\]{--un-text-opacity:1;color:rgb(36 36 36 / var(--un-text-opacity)) /* #242424 */;}.text-\[\#309C41\]{--un-text-opacity:1;color:rgb(48 156 65 / var(--un-text-opacity)) /* #309C41 */;}.text-\[\#3168EC\]{--un-text-opacity:1;color:rgb(49 104 236 / var(--un-text-opacity)) /* #3168EC */;}.text-\[\#333333\]{--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity)) /* #333333 */;}.text-\[\#474747\]{--un-text-opacity:1;color:rgb(71 71 71 / var(--un-text-opacity)) /* #474747 */;}.text-\[\#666666\]{--un-text-opacity:1;color:rgb(102 102 102 / var(--un-text-opacity)) /* #666666 */;}.color-\[\#797A7D\],.text-\[\#797A7D\]{--un-text-opacity:1;color:rgb(121 122 125 / var(--un-text-opacity)) /* #797A7D */;}.text-\[\#888\]{--un-text-opacity:1;color:rgb(136 136 136 / var(--un-text-opacity)) /* #888 */;}.color-\[\#8B8B8B\],.text-\[\#8B8B8B\]{--un-text-opacity:1;color:rgb(139 139 139 / var(--un-text-opacity)) /* #8B8B8B */;}.text-\[\#8F8F8F\]{--un-text-opacity:1;color:rgb(143 143 143 / var(--un-text-opacity)) /* #8F8F8F */;}.text-\[\#bfbfbf\]{--un-text-opacity:1;color:rgb(191 191 191 / var(--un-text-opacity)) /* #bfbfbf */;}.color-\[\#C3C3C3\],.text-\[\#C3C3C3\]{--un-text-opacity:1;color:rgb(195 195 195 / var(--un-text-opacity)) /* #C3C3C3 */;}.text-\[\#F54547\]{--un-text-opacity:1;color:rgb(245 69 71 / var(--un-text-opacity)) /* #F54547 */;}.text-\[var\(--ant-primary-color\)\]{color:var(--ant-primary-color) /* var(--ant-primary-color) */;}.text-zinc-500{--un-text-opacity:1;color:rgb(113 113 122 / var(--un-text-opacity)) /* #71717a */;}.color-\[\#1A1D23\]{--un-text-opacity:1;color:rgb(26 29 35 / var(--un-text-opacity)) /* #1A1D23 */;}.color-\[\#F77E4A\]{--un-text-opacity:1;color:rgb(247 126 74 / var(--un-text-opacity)) /* #F77E4A */;}.font-400{font-weight:400;}.font-500{font-weight:500;}.font-bold{font-weight:700;}.leading-10{line-height:2.5rem;}.leading-none{line-height:1;}.italic{font-style:italic;}.line-through{text-decoration-line:line-through;}.underline{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.outline{outline-style:solid;}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}

package/es/hooks/index.d.ts

@@ -1,3 +1,6 @@
 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,6 @@
 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;
+};

package/es/hooks/useTreeList.mjs

@@ -0,0 +1,160 @@
+import { reactive, ref, unref } from "vue";
+import { cloneDeep } from "lodash-es";
+//#region src/hooks/useTreeList.ts
+var isExistUser2SelectOrg = ref(false);
+var selectedTreeKey = ref();
+var selectTreeNode = reactive({ node: {} });
+var treeData = ref([]);
+var treeOrignalData = ref([]);
+var searchTreeOrignalData = ref([]);
+var rootId = ref();
+var searchParams = ref();
+function useTreeList() {
+	const treeFunc = {
+		init: void 0,
+		add: void 0,
+		update: void 0,
+		delete: void 0,
+		search: void 0
+	};
+	/**
+	* 初始化树的方法
+	*/
+	async function initTree(api) {
+		treeOrignalData.value = await api();
+		rootId.value = getTreeRootId();
+		treeData.value = transformTreeData(treeOrignalData.value, rootId.value);
+		if (!treeFunc.init) treeFunc.init = api;
+		treeOrignalData.value = treeOrignalData.value.map((item) => {
+			return {
+				...item,
+				userOrgName: getTreeNamePathArr(item.id).join("/")
+			};
+		});
+	}
+	async function searchTreeData(api, data) {
+		searchTreeOrignalData.value = await api(data);
+		if (!searchParams.value) searchParams.value = data;
+		if (!treeFunc.search) treeFunc.search = api;
+	}
+	function clearSearchTreeData() {
+		searchTreeOrignalData.value = [];
+		searchParams.value = void 0;
+		treeFunc.search = void 0;
+	}
+	/** 获取根节点 */
+	function getTreeRootId(list) {
+		if ([...new Set((list ?? treeOrignalData.value).map((item) => item.parentId))].includes("ROOT")) return "ROOT";
+		const root = (list ?? treeOrignalData.value).find((item) => item.id === item.tenantId);
+		if (root) return root.parentId;
+		return "";
+	}
+	/**
+	* 将后端扁平化数据解析成树结构的方法
+	* @param list 树LIST
+	* @param parentId 父ID
+	* @returns 包含children的树结构
+	*/
+	function transformTreeData(list, parentId = "ROOT", index = 1) {
+		const tree = [];
+		for (const node of list) if (node.parentId === parentId) {
+			const item = transformTreeData(list, node.id, index + 1);
+			if (item.length > 0) node.children = item.map((i) => {
+				i.indexDeep = index;
+				return i;
+			});
+			else node.children = [];
+			tree.push(node);
+		}
+		return tree;
+	}
+	/**
+	* 设置选中的树节点
+	*/
+	function setTreeSelect(key, node) {
+		selectedTreeKey.value = key;
+		selectTreeNode.node = node;
+	}
+	/**
+	* 添加树节点
+	*/
+	async function addTreeNode(api, data) {
+		await api(data);
+		if (!treeFunc.add) treeFunc.add = api;
+		if (treeFunc.init) initTree(treeFunc.init);
+		if (treeFunc.search) searchTreeData(treeFunc.search, searchParams.value);
+	}
+	/**
+	* 添加树节点
+	*/
+	async function updateTreeNode(api, data, opts) {
+		await api(opts ?? data.id, data);
+		if (!treeFunc.update) treeFunc.update = api;
+		if (treeFunc.init) initTree(treeFunc.init);
+		if (treeFunc.search) searchTreeData(treeFunc.search, searchParams.value);
+	}
+	async function deleteTreeNode(api, data) {
+		await api(data);
+		if (!treeFunc.delete) treeFunc.delete = api;
+		if (treeFunc.init) initTree(treeFunc.init);
+		if (treeFunc.search) searchTreeData(treeFunc.search, searchParams.value);
+	}
+	async function dragTreeNode(api, data) {
+		await api(data);
+		if (treeFunc.init) initTree(treeFunc.init);
+	}
+	const getTreeNamePathArr = (treeNodeId) => {
+		const arr = [];
+		const treeNode = treeOrignalData.value.find((d) => d.id === treeNodeId);
+		if (!treeNode) return arr;
+		treeNode.fullPath.split("/").forEach((nodeId) => {
+			const node = treeOrignalData.value.find((d) => {
+				return nodeId == d.id;
+			});
+			if (node) arr.push(node.name);
+		});
+		return arr;
+	};
+	/** 过滤组织树 */
+	const getFilterTreeData = (selectInfo) => {
+		const filterData = cloneDeep(unref(treeOrignalData.value)).filter((item) => item.tenantId === selectInfo.tenantId);
+		return transformTreeData(filterData, getTreeRootId(filterData));
+	};
+	/** 设置当前所选组织下是否存在用户 */
+	const setOrgsExistUser = (userList) => {
+		isExistUser2SelectOrg.value = userList.length !== 0;
+	};
+	const restTree = () => {
+		isExistUser2SelectOrg.value = false;
+		selectedTreeKey.value = void 0;
+		selectTreeNode.node = {};
+		treeData.value = [];
+		treeOrignalData.value = [];
+		searchTreeOrignalData.value = [];
+		rootId.value = void 0;
+		searchParams.value = void 0;
+	};
+	return {
+		initTree,
+		addTreeNode,
+		updateTreeNode,
+		deleteTreeNode,
+		dragTreeNode,
+		treeData,
+		treeOrignalData,
+		transformTreeData,
+		setTreeSelect,
+		selectedTreeKey,
+		selectTreeNode,
+		getTreeNamePathArr,
+		getFilterTreeData,
+		isExistUser2SelectOrg,
+		setOrgsExistUser,
+		searchTreeData,
+		clearSearchTreeData,
+		searchTreeOrignalData,
+		restTree
+	};
+}
+//#endregion
+export { useTreeList };

package/es/index.d.ts

@@ -1,5 +1,8 @@
 export * from './hooks';
 export * from './utils';
+export * from './components';
+export type * from './interface';
+export * from './modules/category';
 export * from './modules/code-editor';
 export * from './modules/color-picker';
 export * from './modules/formula-editor';
@@ -9,6 +12,8 @@ export * from './modules/gct-table';
 export * from './modules/global-modal';
 export * from './modules/picture-cropper';
 export * from './modules/picture-preview';
-export * from './components';
+export * from './modules/print-tmpl';
+export * from './modules/relationship-diagram-config';
+export * from './modules/data-rules-container';
 export { coreWebCreateAppVue } from './create-app-vue';
 export { coreWebSetupApp } from './setup-app';