@gct-paas/core-web 0.1.5-test.1 → 0.1.6-dev.0

package/es/components/label-design/panels/widget/controls/Border.vue_vue_type_script_lang.mjs

@@ -0,0 +1,85 @@
+//#region src/components/label-design/panels/widget/controls/Border.vue?vue&type=script&lang.ts
+var Border_vue_vue_type_script_lang_default = {
+	name: "BorderControl",
+	props: {
+		borderColor: {
+			type: String,
+			default: ""
+		},
+		borderStyle: {
+			type: String,
+			default: "solid"
+		},
+		borderWidth: {
+			type: [String, Number],
+			default: 2
+		},
+		type: {
+			type: String,
+			default: "attr"
+		},
+		tag: {
+			type: Boolean,
+			default: false
+		},
+		tagAttr: {
+			type: String,
+			default: ""
+		},
+		hasBind: {
+			type: Boolean,
+			default: false
+		},
+		hasDisconnect: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["changeEvent"],
+	data() {
+		return {
+			presetColor: [
+				"#DBDBDB",
+				"#FFE4E4",
+				"#D1D1D1",
+				"#838383",
+				"#838383",
+				"#FFEECB",
+				"#D8E3FF",
+				"#FF8888",
+				"#FF8888",
+				"#0DAA9C",
+				"#3370FF"
+			],
+			borderWidthVal: parseInt(String(this.borderWidth)) || 2
+		};
+	},
+	watch: { borderWidth() {
+		this.borderWidthVal = parseInt(String(this.borderWidth)) || 2;
+	} },
+	methods: {
+		handleUpdateColor(_e, h) {
+			this.onBorderChange("border-color", h);
+		},
+		onEnterVal(e) {
+			this.onBorderChange("border-width", this.borderWidthVal);
+			e.target.blur();
+		},
+		onBorderChange(style, val) {
+			this.$emit("changeEvent", {
+				style,
+				val
+			});
+		},
+		dragstartHandler(e) {
+			e.dataTransfer.dropEffect = "copy";
+			e.dataTransfer.effectAllowed = "all";
+			window.DragTreeTableOutDropData = JSON.stringify({
+				type: "style",
+				prop: this.tagAttr
+			});
+		}
+	}
+};
+//#endregion
+export { Border_vue_vue_type_script_lang_default as default };

package/es/components/label-design/panels/widget/controls/Border.vue_vue_type_style_index_0_scoped_5d5ceddd_lang.css

@@ -0,0 +1,24 @@
+.color-picker__wrapper .color-block[data-v-5d5ceddd] {
+  padding: 5px;
+  height: 28px;
+  line-height: 28px;
+  border: 1px solid #e6e6e6;
+  border-radius: 4px;
+  text-align: center;
+  cursor: pointer;
+}
+.color-picker__wrapper .color-block .color-example[data-v-5d5ceddd] {
+  height: 100%;
+  border: 1px solid #999;
+  border-radius: 2px;
+}
+.color-picker-panel .popover-item[data-v-5d5ceddd] {
+  display: flex;
+  align-items: center;
+}
+.color-picker-panel .popover-item .title[data-v-5d5ceddd] {
+  margin-right: 10px;
+}
+.color-picker-panel .popover-item[data-v-5d5ceddd]:not(:last-child) {
+  margin-bottom: 5px;
+}

package/es/components/label-design/panels/widget/controls/BorderConfig.vue.mjs

@@ -0,0 +1,32 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import border_editor_default from "../components/border-editor.vue.mjs";
+import { createBlock, defineComponent, openBlock, resolveComponent } from "vue";
+//#region src/components/label-design/panels/widget/controls/BorderConfig.vue
+var BorderConfig_exports = /* @__PURE__ */ __exportAll({ default: () => BorderConfig_default });
+var _sfc_main = defineComponent({
+	name: "border-config",
+	components: { BorderEditor: border_editor_default },
+	props: { value: {
+		type: Object,
+		default: () => {
+			return {};
+		}
+	} },
+	emits: ["changeEvent"],
+	watch: { value() {} },
+	methods: { changeEvent(...args) {
+		this.$emit("changeEvent", ...args);
+	} }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_BorderEditor = resolveComponent("BorderEditor");
+	return openBlock(), createBlock(_component_BorderEditor, {
+		"is-label-print": "",
+		value: _ctx.value,
+		onChangeEvent: _ctx.changeEvent
+	}, null, 8, ["value", "onChangeEvent"]);
+}
+var BorderConfig_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { BorderConfig_exports };

package/es/components/label-design/panels/widget/controls/BorderRadius.vue.mjs

@@ -0,0 +1,32 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import radius_default from "../components/radius.vue.mjs";
+import { createBlock, defineComponent, openBlock, resolveComponent } from "vue";
+//#region src/components/label-design/panels/widget/controls/BorderRadius.vue
+var BorderRadius_exports = /* @__PURE__ */ __exportAll({ default: () => BorderRadius_default });
+var _sfc_main = defineComponent({
+	name: "border-radius",
+	components: { BorderRadius: radius_default },
+	props: { value: {
+		type: Object,
+		default: () => {
+			return {};
+		}
+	} },
+	emits: ["changeEvent"],
+	watch: { value() {} },
+	methods: { changeEvent(...args) {
+		this.$emit("changeEvent", ...args);
+	} }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_BorderRadius = resolveComponent("BorderRadius", true);
+	return openBlock(), createBlock(_component_BorderRadius, {
+		"is-label-print": "",
+		value: _ctx.value,
+		onChangeEvent: _ctx.changeEvent
+	}, null, 8, ["value", "onChangeEvent"]);
+}
+var BorderRadius_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { BorderRadius_exports };

package/es/components/label-design/panels/widget/controls/ColorPicker.vue.mjs

@@ -0,0 +1,37 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import ColorPicker_vue_vue_type_script_lang_default from "./ColorPicker.vue_vue_type_script_lang.mjs";
+import { createElementBlock, createElementVNode, createVNode, normalizeStyle, openBlock, resolveComponent, toDisplayString, withCtx } from "vue";
+//#region src/components/label-design/panels/widget/controls/ColorPicker.vue
+var ColorPicker_exports = /* @__PURE__ */ __exportAll({ default: () => ColorPicker_default });
+var _hoisted_1 = { class: "setting-row color-picker__wrapper" };
+var _hoisted_2 = {
+	class: "sub-title",
+	style: { "line-height": "26px" }
+};
+var _hoisted_3 = { class: "sub-content" };
+var _hoisted_4 = { class: "sub-content_inner" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_g_color_picker = resolveComponent("g-color-picker");
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, toDisplayString(_ctx.label + "："), 1), createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createVNode(_component_g_color_picker, {
+		preset: _ctx.presetColor,
+		color: _ctx.colorValue,
+		"onUpdate:color": _ctx.handleUpdateColor
+	}, {
+		icon: withCtx(() => [createElementVNode("div", { style: normalizeStyle({
+			width: "24px",
+			height: "24px",
+			backgroundColor: _ctx.colorValue,
+			border: "1px solid #E8EBF0",
+			borderRadius: "4px"
+		}) }, null, 4)]),
+		_: 1
+	}, 8, [
+		"preset",
+		"color",
+		"onUpdate:color"
+	])])])]);
+}
+var ColorPicker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ColorPicker_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { ColorPicker_exports };

package/es/components/label-design/panels/widget/controls/ColorPicker.vue_vue_type_script_lang.mjs

@@ -0,0 +1,50 @@
+import ColorPicker_default from "../../../../../modules/color-picker/src/ColorPicker.vue.mjs";
+//#region src/components/label-design/panels/widget/controls/ColorPicker.vue?vue&type=script&lang.ts
+var ColorPicker_vue_vue_type_script_lang_default = {
+	name: "color-picker",
+	components: { GColorPicker: ColorPicker_default },
+	props: {
+		value: {
+			type: String,
+			default: "#00000000"
+		},
+		label: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["changeEvent"],
+	data() {
+		return { presetColor: [
+			"#DBDBDB",
+			"#FFE4E4",
+			"#D1D1D1",
+			"#838383",
+			"#838383",
+			"#FFEECB",
+			"#D8E3FF",
+			"#FF8888",
+			"#FF8888",
+			"#0DAA9C",
+			"#3370FF"
+		] };
+	},
+	computed: { colorValue: {
+		get() {
+			return this.value;
+		},
+		set(val) {
+			this.onColorChange(val);
+		}
+	} },
+	methods: {
+		handleUpdateColor(_e, h) {
+			this.colorValue = h;
+		},
+		onColorChange(color) {
+			this.$emit("changeEvent", color);
+		}
+	}
+};
+//#endregion
+export { ColorPicker_vue_vue_type_script_lang_default as default };

package/es/components/label-design/panels/widget/controls/ExpressionContent.vue.mjs

@@ -0,0 +1,25 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import ExpressionContent_vue_vue_type_script_lang_default from "./ExpressionContent.vue_vue_type_script_lang.mjs";
+import { createElementBlock, createElementVNode, createVNode, openBlock, resolveComponent } from "vue";
+//#region src/components/label-design/panels/widget/controls/ExpressionContent.vue
+var ExpressionContent_exports = /* @__PURE__ */ __exportAll({ default: () => ExpressionContent_default });
+var _hoisted_1 = { class: "expression-content w-full" };
+var _hoisted_2 = { class: "setting-row" };
+var _hoisted_3 = { class: "sub-content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_a_input = resolveComponent("a-input");
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createVNode(_component_a_input, {
+		value: _ctx.val?.expression,
+		placeholder: _ctx.t("sys.pageDesigner.pleaseEnterAnExpression"),
+		readonly: "",
+		onClick: _ctx.openExpress
+	}, null, 8, [
+		"value",
+		"placeholder",
+		"onClick"
+	])])])]);
+}
+var ExpressionContent_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ExpressionContent_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { ExpressionContent_exports };

package/es/components/label-design/panels/widget/controls/ExpressionContent.vue_vue_type_script_lang.mjs

@@ -0,0 +1,94 @@
+import { openFormulaEditor } from "../../../../../modules/formula-editor/formula-editor.mjs";
+import "../../../../../modules/formula-editor/index.mjs";
+import { usePage } from "../../../hooks/usePage.mjs";
+import { identify } from "../../../identify-config.mjs";
+import { computed, defineComponent } from "vue";
+import { ExpressionModeEnum, ExpressionTabEnum, FIELD_TYPE, t } from "@gct-paas/core";
+//#region src/components/label-design/panels/widget/controls/ExpressionContent.vue?vue&type=script&lang.ts
+var ExpressionContent_vue_vue_type_script_lang_default = defineComponent({
+	name: "expression-content",
+	props: {
+		isEdhr: {
+			type: Boolean,
+			default: false
+		},
+		value: {
+			type: Object,
+			default: () => {
+				return {};
+			}
+		},
+		maxLevel: {
+			type: Number,
+			default: 3
+		},
+		modelKey: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["update:value", "changeEvent"],
+	setup(props, { emit }) {
+		const val = computed({
+			get() {
+				return props.value;
+			},
+			set(v) {
+				emit("update:value", v);
+				emit("changeEvent", v);
+			}
+		});
+		const { project, isEdhr } = usePage();
+		const map = /* @__PURE__ */ new Map();
+		const loadOptions = async (modelKey, level = 1) => {
+			if (level > props.maxLevel) return [];
+			const items = [];
+			let files = [];
+			if (!map.has(modelKey)) {
+				files = await _api.apaas.fieldMeta.getList({ modelKey }) ?? [];
+				if (files.length > 0) map.set(modelKey, files);
+			} else files = map.get(modelKey);
+			const all = [];
+			files.forEach((item) => {
+				const opt = {
+					id: item.key,
+					name: item.name,
+					valueType: item.type
+				};
+				items.push(opt);
+				if ((item.type === FIELD_TYPE.REF || item.type === FIELD_TYPE.RDO_REF) && level <= props.maxLevel) {
+					const fn = async () => {
+						const arr = await loadOptions(item.bindInfo, level + 1);
+						if (arr && arr.length > 0) opt.children = arr;
+					};
+					all.push(fn());
+				}
+			});
+			await Promise.all(all);
+			return items;
+		};
+		const openExpress = async () => {
+			const items = !project.value || isEdhr.value || props.isEdhr ? [] : await loadOptions(project.value.modelKey || props.modelKey);
+			openFormulaEditor({
+				expr: val.value.exp,
+				mode: isEdhr.value || props.isEdhr ? ExpressionModeEnum.LABEL_PRINT : ExpressionModeEnum.LABEL_PRINT,
+				modelKey: isEdhr.value || props.isEdhr ? "em_label_param" : void 0,
+				identifiers: { [ExpressionTabEnum.FIELD]: items },
+				callback: async (expr, exprLabel) => {
+					val.value = {
+						exp: expr,
+						expression: exprLabel,
+						relationColumns: await identify(expr)
+					};
+				}
+			});
+		};
+		return {
+			t,
+			openExpress,
+			val
+		};
+	}
+});
+//#endregion
+export { ExpressionContent_vue_vue_type_script_lang_default as default };

package/es/components/label-design/panels/widget/controls/FontFamily.vue.mjs

@@ -0,0 +1,86 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import FontFamily_vue_vue_type_script_lang_default from "./FontFamily.vue_vue_type_script_lang.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, normalizeStyle, openBlock, renderList, resolveComponent, toDisplayString, withCtx, withKeys } from "vue";
+//#region src/components/label-design/panels/widget/controls/FontFamily.vue
+var FontFamily_exports = /* @__PURE__ */ __exportAll({ default: () => FontFamily_default });
+var _hoisted_1 = { class: "font-family" };
+var _hoisted_2 = { class: "setting-row flex-col" };
+var _hoisted_3 = { class: "sub-content overflow-hidden" };
+var _hoisted_4 = { class: "sub-content_inner overflow-hidden mr8px" };
+var _hoisted_5 = { class: "sub-content_inner mr8px" };
+var _hoisted_6 = { class: "w24px" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_a_select_option = resolveComponent("a-select-option");
+	const _component_a_select_opt_group = resolveComponent("a-select-opt-group");
+	const _component_a_select = resolveComponent("a-select");
+	const _component_a_input_number = resolveComponent("a-input-number");
+	const _component_g_color_picker = resolveComponent("g-color-picker");
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "sub-title mb-4px" }, "字符", -1)), createElementVNode("div", _hoisted_3, [
+		createElementVNode("div", _hoisted_4, [createVNode(_component_a_select, {
+			value: _ctx.currentValue,
+			"onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.currentValue = $event),
+			style: { "width": "100%" }
+		}, {
+			default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.aa, (fontGroup, groupIndex) => {
+				return openBlock(), createBlock(_component_a_select_opt_group, { key: `${fontGroup.family}-${groupIndex}` }, {
+					label: withCtx(() => [createElementVNode("span", null, toDisplayString(fontGroup.family), 1)]),
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(fontGroup.fonts, (font, fontIndex) => {
+						return openBlock(), createBlock(_component_a_select_option, {
+							key: `${font.definition}-${fontIndex}`,
+							value: font.definition,
+							label: font.name
+						}, null, 8, ["value", "label"]);
+					}), 128))]),
+					_: 2
+				}, 1024);
+			}), 128))]),
+			_: 1
+		}, 8, ["value"])]),
+		createElementVNode("div", _hoisted_5, [_ctx.type === "number" ? (openBlock(), createBlock(_component_a_input_number, {
+			key: 0,
+			value: _ctx.currentSize,
+			"onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.currentSize = $event),
+			max: _ctx.max,
+			min: _ctx.min,
+			step: _ctx.step,
+			precision: _ctx.precision,
+			"controls-position": "right",
+			disabled: _ctx.hasBind,
+			"addon-after": "px",
+			onKeyup: withKeys(_ctx.blurInput, ["enter"]),
+			onChange: _ctx.changeValue
+		}, null, 8, [
+			"value",
+			"max",
+			"min",
+			"step",
+			"precision",
+			"disabled",
+			"onKeyup",
+			"onChange"
+		])) : createCommentVNode("", true)]),
+		createElementVNode("div", _hoisted_6, [createVNode(_component_g_color_picker, {
+			class: "g-color-picker",
+			preset: _ctx.presetColor,
+			color: _ctx.colorValue,
+			"onUpdate:color": _ctx.handleUpdateColor
+		}, {
+			icon: withCtx(() => [createElementVNode("div", { style: normalizeStyle({
+				width: "26px",
+				height: "26px",
+				backgroundColor: _ctx.colorValue,
+				border: "1px solid #E8EBF0",
+				borderRadius: "4px"
+			}) }, null, 4)]),
+			_: 1
+		}, 8, [
+			"preset",
+			"color",
+			"onUpdate:color"
+		])])
+	])])]);
+}
+var FontFamily_default = /* @__PURE__ */ _plugin_vue_export_helper_default(FontFamily_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { FontFamily_exports };