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

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

@@ -0,0 +1,247 @@
+import ColorPicker_default from "../../../../../modules/color-picker/src/ColorPicker.vue.mjs";
+import { defineComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+var FontFamily_vue_vue_type_script_lang_default = defineComponent({
+	name: "font-family",
+	components: { GColorPicker: ColorPicker_default },
+	props: {
+		value: { type: [String, Number] },
+		type: {
+			type: String,
+			default: "text"
+		},
+		min: {
+			type: Number,
+			default: 0
+		},
+		max: {
+			type: Number,
+			default: 100
+		},
+		step: {
+			type: Number,
+			default: 1
+		},
+		precision: {
+			type: Number,
+			default: 0
+		},
+		label: {
+			type: String,
+			default: "text"
+		},
+		validate: { type: Function },
+		filter: { type: Function },
+		tagAttr: {
+			type: String,
+			default: "text"
+		},
+		tag: {
+			type: Boolean,
+			default: false
+		},
+		hasBind: {
+			type: Boolean,
+			default: false
+		},
+		hasDisconnect: {
+			type: Boolean,
+			default: false
+		},
+		defaultValue: { type: Number },
+		color: { type: String },
+		fontFamily: {
+			type: String,
+			default: "Roboto, sans-serif"
+		}
+	},
+	emits: [
+		"changeEvent",
+		"change2Event",
+		"change3Event"
+	],
+	data() {
+		return {
+			aa: [
+				{
+					family: "黑体",
+					fonts: [{
+						name: "微软雅黑",
+						definition: "微软雅黑"
+					}, {
+						name: "黑体",
+						definition: "黑体"
+					}]
+				},
+				{
+					family: "宋体",
+					fonts: [{
+						name: "宋体",
+						definition: "宋体"
+					}]
+				},
+				{
+					family: "serif",
+					fonts: [
+						{
+							name: "Georgia",
+							definition: "Georgia, serif"
+						},
+						{
+							name: "Palatino",
+							definition: "\"Palatino Linotype\", \"Book Antiqua\", Palatino serif"
+						},
+						{
+							name: "Times",
+							definition: "\"Times New Roman\", Times serif"
+						},
+						{
+							name: "宋体",
+							definition: "宋体"
+						}
+					]
+				},
+				{
+					family: "sans-serif",
+					fonts: [
+						{
+							name: "Arial",
+							definition: "Arial, Helvetica, sans-serif"
+						},
+						{
+							name: "Arial Black",
+							definition: "\"Arial Black\", Gadget, sans-serif"
+						},
+						{
+							name: "Impact",
+							definition: "Impact, Charcoal, sans-serif"
+						},
+						{
+							name: "Lucida Sans",
+							definition: "\"Lucida Sans Unicode\", \"Lucida Grande\", sans-serif"
+						},
+						{
+							name: "Tahoma",
+							definition: "Tahoma, Geneva, sans-serif"
+						},
+						{
+							name: "Trebuchet",
+							definition: "\"Trebuchet MS\", Helvetica, sans-serif"
+						},
+						{
+							name: "Verdana",
+							definition: "Verdana, Geneva, sans-serif"
+						}
+					]
+				},
+				{
+					family: "monospace",
+					fonts: [{
+						name: "Courier",
+						definition: "\"Courier New\", Courier, monospace"
+					}, {
+						name: "Lucida Console",
+						definition: "\"Lucida Console\", Monaco, monospace"
+					}]
+				},
+				{
+					family: "icons",
+					fonts: [{
+						name: "Material Icons",
+						definition: "\"Material Icons\""
+					}]
+				}
+			],
+			currentSize: this.value,
+			ns: useNamespace("font-size-and-color"),
+			presetColor: [
+				"#DBDBDB",
+				"#FFE4E4",
+				"#D1D1D1",
+				"#838383",
+				"#838383",
+				"#FFEECB",
+				"#D8E3FF",
+				"#FF8888",
+				"#FF8888",
+				"#0DAA9C",
+				"#3370FF"
+			]
+		};
+	},
+	computed: {
+		colorValue: {
+			get() {
+				return this.color;
+			},
+			set(val) {
+				this.onColorChange(val);
+			}
+		},
+		currentValue: {
+			get() {
+				return this.fontFamily;
+			},
+			set(val) {
+				this.$emit("changeEvent", val);
+			}
+		}
+	},
+	watch: { value(nv) {
+		this.currentSize = nv;
+	} },
+	created() {
+		const run = async () => {
+			const res = await _api.apaas.label.getListFont();
+			if (res) {
+				const items = [];
+				res.forEach((item) => {
+					if (item.key && item.value) items.push({
+						name: item.key,
+						definition: item.value
+					});
+				});
+				this.aa.push({
+					family: "其他",
+					fonts: items
+				});
+			}
+		};
+		run();
+	},
+	methods: {
+		blurInput(event) {
+			event.target?.blur();
+		},
+		handleUpdateColor(color) {
+			this.colorValue = color;
+		},
+		onColorChange(color) {
+			this.$emit("change3Event", color);
+		},
+		dragstartHandler(e) {
+			if (!e.dataTransfer) return;
+			e.dataTransfer.dropEffect = "copy";
+			e.dataTransfer.effectAllowed = "all";
+			window.DragTreeTableOutDropData = JSON.stringify({
+				type: "attr",
+				prop: this.tagAttr
+			});
+		},
+		changeValue(val) {
+			if (this.type === "text") {
+				let nextVal = typeof val === "string" ? val.trim() : "";
+				if (this.filter) nextVal = this.filter(nextVal);
+				this.currentSize = nextVal;
+				val = nextVal;
+			}
+			this.$emit("change2Event", this.currentSize);
+			if (this.type === "number" && this.defaultValue) this.currentSize = val ?? this.defaultValue;
+			if (!this.validate) this.$emit("change2Event", val);
+			else if (this.validate(val)) this.$emit("change2Event", val);
+			else this.currentSize = this.value;
+		}
+	}
+});
+//#endregion
+export { FontFamily_vue_vue_type_script_lang_default as default };

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

@@ -0,0 +1,64 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import FontSizeAndColor_vue_vue_type_script_lang_default from "./FontSizeAndColor.vue_vue_type_script_lang.mjs";
+import './FontSizeAndColor.vue_vue_type_style_index_0_lang.css';/* empty css                                                       */
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, normalizeClass, normalizeStyle, openBlock, resolveComponent, toDisplayString, withCtx, withKeys } from "vue";
+//#region src/components/label-design/panels/widget/controls/FontSizeAndColor.vue
+var FontSizeAndColor_exports = /* @__PURE__ */ __exportAll({ default: () => FontSizeAndColor_default });
+var _hoisted_1 = ["input-type", "attr-name"];
+var _hoisted_2 = { class: "setting-row flex-col" };
+var _hoisted_3 = { class: "sub-title mb-4px" };
+var _hoisted_4 = { class: "sub-content" };
+var _hoisted_5 = { class: "sub-content_inner" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_a_input_number = resolveComponent("a-input-number");
+	const _component_g_color_picker = resolveComponent("g-color-picker");
+	return openBlock(), createElementBlock("div", {
+		class: normalizeClass(_ctx.ns.b()),
+		"input-type": _ctx.type,
+		"attr-name": _ctx.tagAttr
+	}, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(_ctx.label), 1), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [_ctx.type === "number" ? (openBlock(), createBlock(_component_a_input_number, {
+		key: 0,
+		value: _ctx.currentValue,
+		"onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.currentValue = $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), 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"
+	])])])])], 10, _hoisted_1);
+}
+var FontSizeAndColor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(FontSizeAndColor_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { FontSizeAndColor_exports };

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

@@ -0,0 +1,120 @@
+import ColorPicker_default from "../../../../../modules/color-picker/src/ColorPicker.vue.mjs";
+import { defineComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+var FontSizeAndColor_vue_vue_type_script_lang_default = defineComponent({
+	name: "font-size-and-color",
+	components: { GColorPicker: ColorPicker_default },
+	props: {
+		value: { type: [String, Number] },
+		type: {
+			type: String,
+			default: "text"
+		},
+		min: {
+			type: Number,
+			default: 0
+		},
+		max: {
+			type: Number,
+			default: 100
+		},
+		step: {
+			type: Number,
+			default: 1
+		},
+		precision: {
+			type: Number,
+			default: 0
+		},
+		label: {
+			type: String,
+			default: "text"
+		},
+		validate: { type: Function },
+		filter: { type: Function },
+		tagAttr: {
+			type: String,
+			default: "text"
+		},
+		tag: {
+			type: Boolean,
+			default: false
+		},
+		hasBind: {
+			type: Boolean,
+			default: false
+		},
+		hasDisconnect: {
+			type: Boolean,
+			default: false
+		},
+		defaultValue: { type: Number },
+		color: { type: String }
+	},
+	emits: ["changeEvent", "change2Event"],
+	data() {
+		return {
+			currentValue: this.value,
+			ns: useNamespace("font-size-and-color"),
+			presetColor: [
+				"#DBDBDB",
+				"#FFE4E4",
+				"#D1D1D1",
+				"#838383",
+				"#838383",
+				"#FFEECB",
+				"#D8E3FF",
+				"#FF8888",
+				"#FF8888",
+				"#0DAA9C",
+				"#3370FF"
+			]
+		};
+	},
+	computed: { colorValue: {
+		get() {
+			return this.color;
+		},
+		set(val) {
+			this.onColorChange(val);
+		}
+	} },
+	watch: { value(nv) {
+		this.currentValue = nv;
+	} },
+	methods: {
+		blurInput(event) {
+			event.target?.blur();
+		},
+		handleUpdateColor(color) {
+			this.colorValue = color;
+		},
+		onColorChange(color) {
+			this.$emit("change2Event", color);
+		},
+		dragstartHandler(e) {
+			if (!e.dataTransfer) return;
+			e.dataTransfer.dropEffect = "copy";
+			e.dataTransfer.effectAllowed = "all";
+			window.DragTreeTableOutDropData = JSON.stringify({
+				type: "attr",
+				prop: this.tagAttr
+			});
+		},
+		changeValue(val) {
+			if (this.type === "text") {
+				let nextVal = typeof val === "string" ? val.trim() : "";
+				if (this.filter) nextVal = this.filter(nextVal);
+				this.currentValue = nextVal;
+				val = nextVal;
+			}
+			this.$emit("changeEvent", this.currentValue);
+			if (this.type === "number" && this.defaultValue) this.currentValue = val ?? this.defaultValue;
+			if (!this.validate) this.$emit("changeEvent", val);
+			else if (this.validate(val)) this.$emit("changeEvent", val);
+			else this.currentValue = this.value;
+		}
+	}
+});
+//#endregion
+export { FontSizeAndColor_vue_vue_type_script_lang_default as default };

package/es/components/label-design/panels/widget/controls/FontSizeAndColor.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,71 @@
+@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-font-size-and-color .sub-content_inner {
+  display: flex;
+  align-items: center;
+}
+.gct-font-size-and-color .sub-content_inner .g-color-picker {
+  margin-left: 8px;
+}

package/es/components/label-design/panels/widget/controls/FontStyle.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 FontStyle_vue_vue_type_script_lang_default from "./FontStyle.vue_vue_type_script_lang.mjs";
+import { createElementBlock, createElementVNode, createVNode, normalizeClass, openBlock, resolveComponent } from "vue";
+//#region src/components/label-design/panels/widget/controls/FontStyle.vue
+var FontStyle_exports = /* @__PURE__ */ __exportAll({ default: () => FontStyle_default });
+var _hoisted_1 = { class: "font-style" };
+var _hoisted_2 = { class: "setting-row flex-col" };
+var _hoisted_3 = { class: "sub-content" };
+var _hoisted_4 = { class: "sub-content_inner" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_bold_outlined = resolveComponent("bold-outlined");
+	const _component_italic_outlined = resolveComponent("italic-outlined");
+	const _component_underline_outlined = resolveComponent("underline-outlined");
+	const _component_strikethrough_outlined = resolveComponent("strikethrough-outlined");
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createElementVNode("div", { class: normalizeClass(["icon-bar", { disabled: $props.disabled }]) }, [
+		createElementVNode("div", {
+			class: normalizeClass(["icon-bar_item", { active: $options.isBold }]),
+			title: "加粗"
+		}, [createVNode(_component_bold_outlined, { onClick: _cache[0] || (_cache[0] = ($event) => $options.onToggleProp("font-weight", "bold", $options.isBold)) })], 2),
+		createElementVNode("div", {
+			class: normalizeClass(["icon-bar_item", { active: $options.isItalic }]),
+			title: "倾斜"
+		}, [createVNode(_component_italic_outlined, { onClick: _cache[1] || (_cache[1] = ($event) => $options.onToggleProp("font-style", "italic", $options.isItalic)) })], 2),
+		createElementVNode("div", {
+			class: normalizeClass(["icon-bar_item", { active: $options.isUnderlined }]),
+			title: "下划线"
+		}, [createVNode(_component_underline_outlined, { onClick: _cache[2] || (_cache[2] = ($event) => $options.onToggleProp("text-decoration", "underline", $options.isUnderlined)) })], 2),
+		createElementVNode("div", {
+			class: normalizeClass(["icon-bar_item", { active: $options.isStriked }]),
+			title: "删除线"
+		}, [createVNode(_component_strikethrough_outlined, { onClick: _cache[3] || (_cache[3] = ($event) => $options.onToggleProp("text-decoration", "line-through", $options.isStriked)) })], 2)
+	], 2)])])])]);
+}
+var FontStyle_default = /* @__PURE__ */ _plugin_vue_export_helper_default(FontStyle_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { FontStyle_exports };

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

@@ -0,0 +1,45 @@
+//#region src/components/label-design/panels/widget/controls/FontStyle.vue?vue&type=script&lang.ts
+var FontStyle_vue_vue_type_script_lang_default = {
+	name: "font-style",
+	props: {
+		fontWeight: {
+			type: String,
+			default: "inherit"
+		},
+		fontStyle: {
+			type: String,
+			default: "inherit"
+		},
+		textDecoration: {
+			type: String,
+			default: "inherit"
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["changeEvent"],
+	computed: {
+		isBold() {
+			return this.fontWeight === "bold";
+		},
+		isItalic() {
+			return this.fontStyle === "italic";
+		},
+		isUnderlined() {
+			return this.textDecoration === "underline";
+		},
+		isStriked() {
+			return this.textDecoration === "line-through";
+		}
+	},
+	methods: { onToggleProp(prop, val, isOn) {
+		this.$emit("changeEvent", {
+			prop,
+			value: isOn ? "inherit" : val
+		});
+	} }
+};
+//#endregion
+export { FontStyle_vue_vue_type_script_lang_default as default };

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

@@ -0,0 +1,9 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import ImageData_vue_vue_type_script_setup_true_name_image_data_lang_default from "./ImageData.vue_vue_type_script_setup_true_name_image-data_lang.mjs";
+import './ImageData.vue_vue_type_style_index_0_scoped_9232a443_lang.css';/* empty css                                                                */
+//#region src/components/label-design/panels/widget/controls/ImageData.vue
+var ImageData_exports = /* @__PURE__ */ __exportAll({ default: () => ImageData_default });
+var ImageData_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ImageData_vue_vue_type_script_setup_true_name_image_data_lang_default, [["__scopeId", "data-v-9232a443"]]);
+//#endregion
+export { ImageData_exports };

package/es/components/label-design/panels/widget/controls/ImageData.vue_vue_type_script_setup_true_name_image-data_lang.mjs

@@ -0,0 +1,82 @@
+import { usePage } from "../../../hooks/usePage.mjs";
+import { createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+import { message } from "ant-design-vue";
+//#region src/components/label-design/panels/widget/controls/ImageData.vue?vue&type=script&setup=true&name=image-data&lang.ts
+var _hoisted_1 = { class: "image-data__wrapper" };
+var _hoisted_2 = { class: "setting-row flex-col" };
+var _hoisted_3 = { class: "sub-title mb-2px" };
+var _hoisted_4 = {
+	class: "text-[#797A7D]",
+	style: { "font-size": "12px" }
+};
+var _hoisted_5 = {
+	class: "text-[#C3C3C3]",
+	style: { "font-size": "12px" }
+};
+var _hoisted_6 = { class: "setting-row flex-col" };
+var _hoisted_7 = { class: "sub-title mb-2px" };
+var _hoisted_8 = { class: "sub-content" };
+var ImageData_vue_vue_type_script_setup_true_name_image_data_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ImageData",
+	props: { src: {} },
+	emits: ["changeEvent"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { project } = usePage();
+		const props = __props;
+		const metaData = (src) => {
+			if (!src) return;
+			let img = new Image();
+			img.src = src;
+			if (!img.complete) img.onload = () => {};
+		};
+		metaData(props.src);
+		const uploadFile = async (data) => {
+			if (beforeUpload(data.file)) onUploadImgSuccess((await _api.apaas.fileResource.postUpload({
+				type: "LABEL_IMAGE",
+				...project.value?.modelKey ? { modelKey: project.value.modelKey } : {}
+			}, { file: data.file })).data);
+		};
+		const beforeUpload = (file) => {
+			const isJPG = ["image/jpeg", "image/png"].includes(file.type);
+			const isLt2M = file.size / 1024 / 1024 < 5;
+			if (!isJPG) {
+				message.error("上传图片只能是 JPG/PNG 格式!");
+				return false;
+			}
+			if (!isLt2M) {
+				message.error("上传图片大小不能超过 5MB!");
+				return false;
+			}
+			return true;
+		};
+		const onUploadImgSuccess = (res) => {
+			emit("changeEvent", res);
+		};
+		return (_ctx, _cache) => {
+			const _component_a_upload_dragger = resolveComponent("a-upload-dragger");
+			const _component_a_input = resolveComponent("a-input");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("sys.pageDesigner.uploadimage")), 1), createVNode(_component_a_upload_dragger, {
+				"file-list": [],
+				"custom-request": uploadFile
+			}, {
+				default: withCtx(() => [
+					_cache[0] || (_cache[0] = createElementVNode("div", { class: "text-[#C3C3C3] h-47px" }, [createElementVNode("i", {
+						class: "iconfont icon-tupian-shili",
+						style: { "font-size": "32px" }
+					})], -1)),
+					createElementVNode("p", _hoisted_4, toDisplayString(unref(t)("sys.pageDesigner.clickOrDragToUpload")), 1),
+					createElementVNode("p", _hoisted_5, toDisplayString(unref(t)("sys.pageDesigner.imgUploadTip")), 1)
+				]),
+				_: 1
+			})]), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, toDisplayString(unref(t)("sys.pageDesigner.address")), 1), createElementVNode("div", _hoisted_8, [createVNode(_component_a_input, {
+				disabled: "",
+				value: __props.src,
+				placeholder: unref(t)("sys.pageDesigner.autoBroughtOut")
+			}, null, 8, ["value", "placeholder"])])])]);
+		};
+	}
+});
+//#endregion
+export { ImageData_vue_vue_type_script_setup_true_name_image_data_lang_default as default };

package/es/components/label-design/panels/widget/controls/ImageData.vue_vue_type_style_index_0_scoped_9232a443_lang.css

@@ -0,0 +1,3 @@
+.sub-content[data-v-9232a443] .ant-input-affix-wrapper .ant-input-suffix {
+  display: none;
+}