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

package/es/components/image-upload/src/components/upload-design.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 import upload_design_vue_vue_type_script_name_UploadDesign_setup_true_lang_default from "./upload-design.vue_vue_type_script_name_UploadDesign_setup_true_lang.mjs";
-import './upload-design.vue_vue_type_style_index_0_scoped_575d3a1a_lang.css';/* empty css                                                                    */
+import './upload-design.vue_vue_type_style_index_0_scoped_15add37b_lang.css';/* empty css                                                                    */
 //#region src/components/image-upload/src/components/upload-design.vue
-var upload_design_default = /* @__PURE__ */ _plugin_vue_export_helper_default(upload_design_vue_vue_type_script_name_UploadDesign_setup_true_lang_default, [["__scopeId", "data-v-575d3a1a"]]);
+var upload_design_default = /* @__PURE__ */ _plugin_vue_export_helper_default(upload_design_vue_vue_type_script_name_UploadDesign_setup_true_lang_default, [["__scopeId", "data-v-15add37b"]]);
 //#endregion
 export { upload_design_default as default };

package/es/components/image-upload/src/components/upload-design.vue_vue_type_script_name_UploadDesign_setup_true_lang.mjs

@@ -1,4 +1,5 @@
-import { createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, resolveComponent, toDisplayString, withCtx } from "vue";
+import { createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { t } from "@gct-paas/core";
 //#region src/components/image-upload/src/components/upload-design.vue?vue&type=script&name=UploadDesign&setup=true&lang.ts
 var _hoisted_1 = {
 	class: "ant-upload-text",
@@ -23,7 +24,7 @@ var upload_design_vue_vue_type_script_name_UploadDesign_setup_true_lang_default
 				"file-list": [],
 				disabled: __props.disabled
 			}, {
-				default: withCtx(() => [_cache[0] || (_cache[0] = createElementVNode("div", null, [createElementVNode("i", { class: "iconfont icon-tupian-shili" })], -1)), createElementVNode("p", _hoisted_1, toDisplayString(_ctx.$t("sys.pageDesigner.clickOrDragToUpload")), 1)]),
+				default: withCtx(() => [_cache[0] || (_cache[0] = createElementVNode("div", null, [createElementVNode("i", { class: "iconfont icon-tupian-shili" })], -1)), createElementVNode("p", _hoisted_1, toDisplayString(unref(t)("sys.pageDesigner.clickOrDragToUpload")), 1)]),
 				_: 1
 			}, 8, ["class", "disabled"])) : (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[1] || (_cache[1] = [createElementVNode("i", { class: "iconfont icon-tupian-shili" }, null, -1)])]));
 		};

package/es/components/image-upload/src/components/upload-design.vue_vue_type_style_index_0_scoped_15add37b_lang.css

@@ -0,0 +1,33 @@
+.icon-tupian-shili[data-v-15add37b] {
+  line-height: 56px;
+  font-size: 56px;
+  color: var(--ant-primary-color);
+}
+.upload-disabled .icon-tupian-shili[data-v-15add37b] {
+  color: #c3c3c3;
+}
+[data-v-15add37b] .ant-upload.ant-upload-drag.upload-disabled p.ant-upload-text {
+  color: #c3c3c3;
+}
+[data-v-15add37b] .ant-upload.ant-upload-drag {
+  background: #f7f8fa;
+}
+[data-v-15add37b] .ant-upload.ant-upload-drag.ant-upload-disabled {
+  opacity: 1;
+}
+[data-v-15add37b] .ant-upload.ant-upload-drag .ant-upload {
+  padding: 40px 0;
+}
+.upload-readonly[data-v-15add37b] {
+  width: 80px;
+  height: 80px;
+  border-radius: 4px;
+  text-align: center;
+  background: #f7f8fa;
+  border: 1px dashed #d9d9d9;
+}
+.upload-readonly > .icon-tupian-shili[data-v-15add37b] {
+  line-height: 80px;
+  font-size: 40px;
+  color: #c3c3c3;
+}

package/es/components/index.d.ts

@@ -8,18 +8,25 @@ import { FieldUpload } from './field-upload';
 import { default as PaasBpmnLog } from './paas-bpmn-log/paas-bpmn-log.vue';
 import { default as FullScreen } from './FullScreen/full-screen.vue';
 export { BaseButton, BasicButton, DoubleInput, CopyModuleKey, ImageUpload, FieldUpload, PaasBpmnLog, FullScreen, };
+export { BatchSelectList } from './batch-select-list/batch-select-list';
+export { DataRulesModal } from './data-rules-modal/data-rules-modal';
+export { DesignSaveTip } from './design-save-tip/design-save-tip';
+export { DesignStepCheck } from './design-step-check/design-step-check';
+export { DesignViewLayout } from './design-view-layout/design-view-layout';
 export { CodeEditor } from './code-editor/code-editor';
+export { ModalNameEditor } from './modal-name-editor/modal-name-editor';
 export { ViewContainer } from './layout/view-container/view-container';
 export { Vue3GridDndItem } from './vue3-grid-dnd-item/vue3-grid-dnd-item';
-export { FieldCascader } from './field-cascader';
-export { useModalPicker as useLabelModalPicker, StageView, type ProjectType, setIdentify, } from './label-design';
+export { FieldCascader, type comPropsType } from './field-cascader';
+export * from './label-design';
 export * from './UserPick';
-export * from './BpmnRuntime';
 export * from './I18nSelect';
 export * from './serial-number';
 export * from './field-tree-select';
+export { ShrinkPanel } from './shrink-panel/shrink-panel';
 export * from './TreeEx';
 export * from './select-user-modal';
+export * from './open-select-user-modal';
 export { default as NumberRange } from './number-range/number-range.vue';
 declare const _default: {
     install(app: App): void;

package/es/components/index.mjs

@@ -6,18 +6,32 @@ import "./image-upload/index.mjs";
 import "./field-upload/index.mjs";
 import "./paas-bpmn-log/paas-bpmn-log.vue.mjs";
 import "./FullScreen/full-screen.vue.mjs";
+import "./batch-select-list/batch-select-list.mjs";
+import "./data-rules-modal/data-rules-modal.mjs";
+import "./design-save-tip/design-save-tip.mjs";
+import "./design-step-check/design-step-check.mjs";
+import "./design-view-layout/design-view-layout.mjs";
 import "./code-editor/code-editor.mjs";
+import "./modal-name-editor/modal-name-editor.mjs";
 import "./layout/view-container/view-container.mjs";
 import "./vue3-grid-dnd-item/vue3-grid-dnd-item.mjs";
 import "./field-cascader/src/FieldCascader.vue.mjs";
 import "./field-cascader/index.mjs";
+import "./label-design/constants/CommonPrintElems.mjs";
+import "./label-design/constants/size.mjs";
+import "./label-design/hooks/usePage.mjs";
+import "./label-design/hooks/useProp.mjs";
 import "./label-design/stage/stage-view.vue.mjs";
 import "./label-design/modal/index.mjs";
+import "./label-design/stage/stage-canvas.vue.mjs";
 import "./label-design/identify-config.mjs";
+import "./label-design/panels/widget/components/label-params-select.vue.mjs";
+import "./label-design/panels/widget/controls/index.mjs";
+import "./label-design/designer.vue.mjs";
+import "./label-design/type/index.mjs";
 import "./label-design/index.mjs";
 import "./UserPick/src/constants/index.mjs";
 import "./UserPick/index.mjs";
-import "./BpmnRuntime/index.mjs";
 import "./I18nSelect/src/i18n-modal.vue.mjs";
 import "./I18nSelect/src/useI18nSelect.mjs";
 import "./I18nSelect/src/i18n-select-btn.vue.mjs";
@@ -29,11 +43,14 @@ import "./I18nSelect/index.mjs";
 import "./serial-number/serial-number-container.vue.mjs";
 import "./serial-number/index.mjs";
 import "./field-tree-select/index.mjs";
+import "./shrink-panel/shrink-panel.mjs";
 import "./TreeEx/tree-select-ex/tree-select-ex.vue.mjs";
 import "./TreeEx/tree-ex.mjs";
 import "./TreeEx/index.mjs";
 import "./select-user-modal/select-user-modal.vue.mjs";
 import "./select-user-modal/index.mjs";
+import "./open-select-user-modal/controller/index.mjs";
+import "./open-select-user-modal/index.mjs";
 import "./number-range/number-range.vue.mjs";
 import { defineAsyncComponent } from "vue";
 //#region src/components/index.ts

package/es/components/label-design/designer.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import designer_vue_vue_type_script_setup_true_lang_default from "./designer.vue_vue_type_script_setup_true_lang.mjs";
+import './designer.vue_vue_type_style_index_0_scoped_260222c9_lang.css';/* empty css                                                               */
+//#region src/components/label-design/designer.vue
+var designer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(designer_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-260222c9"]]);
+//#endregion
+export { designer_default as default };

package/es/components/label-design/designer.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,32 @@
+import header_default from "./header/header.vue.mjs";
+import toolkit_default from "./toolkits/toolkit.vue.mjs";
+import stage_default from "./stage/stage.vue.mjs";
+import { createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, resolveComponent, withCtx } from "vue";
+//#region src/components/label-design/designer.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "label-designer" };
+var _hoisted_2 = { class: "label-designer-content" };
+var designer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "designer",
+	setup(__props) {
+		const spinning = ref(false);
+		const toggleLoading = (flag) => {
+			spinning.value = flag;
+		};
+		return (_ctx, _cache) => {
+			const _component_a_spin = resolveComponent("a-spin");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_spin, {
+				spinning: spinning.value,
+				size: "large",
+				"wrapper-class-name": "w100% h100%"
+			}, {
+				default: withCtx(() => [createVNode(header_default, {
+					class: "label-designer-header",
+					onToggleLoading: toggleLoading
+				}), createElementVNode("div", _hoisted_2, [createVNode(toolkit_default, { class: "label-designer-toolkit" }), createVNode(stage_default, { class: "label-designer-stage" })])]),
+				_: 1
+			}, 8, ["spinning"])]);
+		};
+	}
+});
+//#endregion
+export { designer_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/label-design/designer.vue_vue_type_style_index_0_scoped_260222c9_lang.css

@@ -0,0 +1,32 @@
+.label-designer[data-v-260222c9] {
+  width: 100%;
+  height: 100%;
+  background-color: #f1f1f1;
+  color: #333;
+}
+.label-designer[data-v-260222c9] .ant-spin-container {
+  height: 100%;
+}
+.label-designer-header[data-v-260222c9] {
+  height: 56px;
+}
+.label-designer-content[data-v-260222c9] {
+  display: flex;
+  height: calc(100% - 56px);
+}
+.label-designer-nav[data-v-260222c9] {
+  flex: none;
+  width: 56px;
+  border-right: 2px solid #f1f1f1;
+  background-color: #fff;
+}
+.label-designer-toolkit[data-v-260222c9] {
+  flex: none;
+  width: 296px;
+  border-right: 1px solid #f1f1f1;
+  background-color: #f7f8fa;
+}
+.label-designer-stage[data-v-260222c9] {
+  flex: 1;
+  width: 10px;
+}

package/es/components/label-design/header/header.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    toggleLoading: (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onToggleLoading?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/components/label-design/header/header.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import header_vue_vue_type_script_setup_true_lang_default from "./header.vue_vue_type_script_setup_true_lang.mjs";
+import './header.vue_vue_type_style_index_0_scoped_aa2b4235_lang.css';/* empty css                                                             */
+//#region src/components/label-design/header/header.vue
+var header_default = /* @__PURE__ */ _plugin_vue_export_helper_default(header_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-aa2b4235"]]);
+//#endregion
+export { header_default as default };

package/es/components/label-design/header/header.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,232 @@
+import { usePrinter } from "../../../hooks/usePrinter.mjs";
+import { PRINT_ELE_TYPE } from "../constants/CommonPrintElems.mjs";
+import { labelInfo, usePage } from "../hooks/usePage.mjs";
+import { useDesigner } from "../hooks/useDesigner.mjs";
+import test_var_modal_default from "./test-var-modal.vue.mjs";
+import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { cloneDeep, isEmpty } from "lodash-es";
+import { t } from "@gct-paas/core";
+import { message } from "ant-design-vue";
+import { PrinterOutlined } from "@ant-design/icons-vue";
+import domtoimage from "dom-to-image";
+//#region src/components/label-design/header/header.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "designer-header" };
+var _hoisted_2 = { class: "designer-header__actions" };
+var header_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "header",
+	emits: ["toggleLoading"],
+	setup(__props, { emit: __emit }) {
+		const { printLabelKey } = usePrinter();
+		const { project, loadLabelDesignHistoryList } = usePage();
+		const { selectedPage, selectedElements, isModal } = useDesigner();
+		const emit = __emit;
+		const print = async () => {
+			const varMap = isHaveVar();
+			const testVar = {};
+			if (varMap && varMap.length > 0) {
+				const arr = varMap.filter((_) => {
+					return _.valType !== "FIXED";
+				});
+				if (arr.length === 0) varMap.forEach((_) => {
+					testVar[_.key] = _.defaultVal;
+				});
+				else {
+					selectedElements.value = [];
+					const data = cloneDeep(selectedPage.value);
+					if (checkPageError()) return;
+					isModal.value = true;
+					const res = await _gct.openUtil.modal(test_var_modal_default, {
+						fieldConfig: arr,
+						data
+					}, {
+						width: 800,
+						height: 600,
+						title: t("sys.printTest"),
+						okText: t("sys.ok2")
+					});
+					if (res && res.ok && res.data) {
+						console.log("testVar", testVar, res.data);
+						Object.assign(testVar, res.data);
+						isModal.value = false;
+					} else {
+						isModal.value = false;
+						return;
+					}
+				}
+			}
+			if (!await save(false)) return;
+			printLabelKey(labelInfo.value?.key, {}, {
+				testVar,
+				printType: labelInfo.value?.printType
+			});
+		};
+		function checkPageError() {
+			for (const k in project.value.page) {
+				const i = project.value.page[k];
+				if (Object.prototype.hasOwnProperty.call(i, "hasError") && i.hasError) {
+					const errMsg = i.errMsg ? t(i.errMsg) : t("sys.printDesigner.hasErrorConfigTip", { sth: t(i.displayName) });
+					message.warning(errMsg);
+					return true;
+				}
+			}
+			return false;
+		}
+		const save = async (flag) => {
+			if (isHaveEmptyImg()) {
+				message.warning(t("sys.printDesigner.imgNotNull"));
+				return;
+			}
+			if (isTextLength1000()) {
+				message.warning(t("文本最大1000字"));
+				return;
+			}
+			if (checkPageError()) return false;
+			emit("toggleLoading", true);
+			try {
+				for (const k in project.value.page) {
+					const i = project.value.page[k];
+					if (i.type === PRINT_ELE_TYPE.ICON) {
+						const value = await svgToCanvas(i);
+						i.attrs.src = { value };
+					}
+					if (i.type === PRINT_ELE_TYPE.RICH_TEXT) {
+						const value = await richTextToCanvas(i);
+						i.attrs.src = { value };
+					}
+				}
+				await _api.apaas.label.putUpdateDesigner({
+					designerJson: JSON.stringify(project.value),
+					id: labelInfo.value.id
+				});
+				loadLabelDesignHistoryList();
+				if (flag) message.success(t("sys.saveSuccess"));
+				return true;
+			} finally {
+				emit("toggleLoading", false);
+			}
+		};
+		const isHaveVar = () => {
+			const varMap = [];
+			selectedPage.value.forEach((w) => {
+				if (!w.attrs) return;
+				if (w.attrs.content || w.attrs.text) {
+					const { type, value } = w.attrs.content || w.attrs.text;
+					switch (w.type) {
+						case PRINT_ELE_TYPE.TEXT:
+						case PRINT_ELE_TYPE.BAR_CODE:
+						case PRINT_ELE_TYPE.QR_CODE:
+							varMap.push({
+								key: w.id,
+								label: w.displayName,
+								valType: type,
+								defaultVal: type === "FIXED" ? value : ""
+							});
+							break;
+						default:
+					}
+				}
+			});
+			return varMap;
+		};
+		const isHaveEmptyImg = () => {
+			let flag = false;
+			selectedPage.value.forEach((w) => {
+				if (w.type === PRINT_ELE_TYPE.IMAGE && isEmpty(w.attrs.src.value)) flag = true;
+			});
+			return flag;
+		};
+		/** 检测文本大于大于1000字 */
+		const isTextLength1000 = () => {
+			let flag = false;
+			selectedPage.value.forEach((w) => {
+				if (w.type === PRINT_ELE_TYPE.TEXT && w.attrs.text.value.length > 1e3) flag = true;
+			});
+			return flag;
+		};
+		/**svg转png 目录的图标有引用 需要特殊处理 */
+		function svgToCanvas(row) {
+			console.log("row", row);
+			const id = row.id;
+			const iconValue = row.attrs.icon.value;
+			let elDom;
+			if (iconValue.startsWith("icon-platform:")) {
+				const svgId = "icon-" + iconValue.split(":")[1];
+				elDom = document.getElementById(id);
+				elDom?.firstChild?.appendChild(document.getElementById(svgId));
+			} else elDom = document.getElementById(id);
+			return new Promise((res, _rej) => {
+				domtoimage.toPng(elDom).then(async function(pngUrl) {
+					res(await _api.apaas.fileResource.postBase64Upload({
+						type: "LABEL_IMAGE",
+						fileContent: pngUrl,
+						filename: row.id
+					}));
+				});
+			});
+		}
+		/** 富文本特殊处理 */
+		function richTextToCanvas(row) {
+			const timestamp = Date.now();
+			const newDiv = document.createElement("div");
+			const elDom = document.getElementById(row.id);
+			newDiv.id = row.id + timestamp;
+			newDiv.classList.add("copy-main");
+			newDiv.style.borderTop = elDom.style.borderTop;
+			newDiv.style.borderRight = elDom.style.borderRight;
+			newDiv.style.borderBottom = elDom.style.borderBottom;
+			newDiv.style.borderLeft = elDom.style.borderLeft;
+			newDiv.style.fontSize = elDom.style.fontSize;
+			newDiv.style.backgroundColor = elDom.style.backgroundColor;
+			newDiv.style.borderRadius = elDom.style.borderRadius;
+			newDiv.style.transform = elDom.style.transform;
+			if (row.rotate === 270 || row.rotate === 90) {
+				newDiv.style.width = row.height + "px";
+				newDiv.style.height = row.width + "px";
+			} else {
+				newDiv.style.width = row.width + "px";
+				newDiv.style.height = row.height + "px";
+			}
+			newDiv.appendChild(elDom.firstElementChild.cloneNode(true));
+			newDiv.style.transformOrigin = elDom.style.transformOrigin;
+			newDiv.firstElementChild?.classList.remove("is-empty");
+			newDiv.firstElementChild?.classList.add("copy-rich-text");
+			document.body.appendChild(newDiv);
+			return new Promise((res, _rej) => {
+				domtoimage.toPng(newDiv).then(async function(dataUrl) {
+					document.body.removeChild(newDiv);
+					res(await _api.apaas.fileResource.postBase64Upload({
+						type: "LABEL_IMAGE",
+						fileContent: dataUrl,
+						filename: row.id
+					}));
+				});
+			});
+		}
+		return (_ctx, _cache) => {
+			const _component_a_breadcrumb_item = resolveComponent("a-breadcrumb-item");
+			const _component_a_breadcrumb = resolveComponent("a-breadcrumb");
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_breadcrumb, null, {
+				default: withCtx(() => [createVNode(_component_a_breadcrumb_item, null, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(labelInfo)?.categoryName), 1)]),
+					_: 1
+				}), createVNode(_component_a_breadcrumb_item, null, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(labelInfo)?.name), 1)]),
+					_: 1
+				})]),
+				_: 1
+			}), createElementVNode("div", _hoisted_2, [createVNode(_component_a_button, { onClick: print }, {
+				default: withCtx(() => [createVNode(unref(PrinterOutlined)), createTextVNode(" " + toDisplayString(unref(t)("sys.printTest")), 1)]),
+				_: 1
+			}), createVNode(_component_a_button, {
+				type: "primary",
+				onClick: _cache[0] || (_cache[0] = ($event) => save(true))
+			}, {
+				default: withCtx(() => [_cache[1] || (_cache[1] = createElementVNode("i", { class: "iconfont icon-baocun1" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("sys.saveText")), 1)]),
+				_: 1
+			})])]);
+		};
+	}
+});
+//#endregion
+export { header_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/label-design/header/header.vue_vue_type_style_index_0_scoped_aa2b4235_lang.css

@@ -0,0 +1,39 @@
+.designer-header[data-v-aa2b4235] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 20px;
+  background-color: #1a1d23;
+}
+.designer-header[data-v-aa2b4235] .ant-breadcrumb .ant-breadcrumb-link {
+  color: #fff;
+}
+.designer-header[data-v-aa2b4235] .ant-breadcrumb .ant-breadcrumb-separator {
+  color: #fff;
+}
+.designer-header__lock-info[data-v-aa2b4235] {
+  margin-left: auto;
+}
+.designer-header__lock-info > span[data-v-aa2b4235] {
+  color: #fff;
+  cursor: pointer;
+}
+.designer-header__divider[data-v-aa2b4235] {
+  height: 24px;
+  margin: 0 15px;
+  border-left: 1px solid #e3e3e3;
+}
+.designer-header__actions .ant-btn[data-v-aa2b4235] {
+  border: 0;
+  background-color: #444;
+  color: #fff;
+}
+.designer-header__actions .ant-btn .iconfont[data-v-aa2b4235] {
+  position: relative;
+  top: 1px;
+  margin-right: 5px;
+  line-height: 1em;
+}
+.designer-header__actions .ant-btn[data-v-aa2b4235]:not(:last-child) {
+  margin-right: 10px;
+}