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

package/es/components/label-design/panels/widget/components/border-editor.vue_vue_type_style_index_0_scoped_10b559c2_lang.css

@@ -0,0 +1,148 @@
+[data-v-10b559c2] .ant-input-number-handler-wrap {
+  z-index: 2;
+}
+.border-box[data-v-10b559c2] {
+  display: flex;
+  align-items: center;
+  padding-top: 16px;
+}
+.border-box .border-div[data-v-10b559c2] {
+  width: 60px;
+  height: 60px;
+  margin-right: 15px;
+  padding: 6px;
+  border: 1px solid #e0e3eb;
+  border-radius: 4px;
+}
+.border-box .border-div-inner[data-v-10b559c2] {
+  position: relative;
+  width: 48px;
+  height: 48px;
+  border: 1px dashed #e0e3ea;
+  border-radius: 4px;
+}
+.border-box .border-div .rect[data-v-10b559c2] {
+  width: 10px;
+  height: 10px;
+  border: 1px solid #e3e3e3;
+  border-radius: 1px;
+  cursor: pointer;
+}
+.border-box .border-div .center[data-v-10b559c2] {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 12px;
+  height: 12px;
+  transform: translate(-50%, -50%);
+  border: 1px solid #c3c3c3;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.border-box .border-div .top[data-v-10b559c2] {
+  position: absolute;
+  z-index: 3;
+  top: -1px;
+  left: 50%;
+  width: 22px;
+  height: 2px;
+  transform: translate(-50%, 0);
+  background-color: #c3c3c3;
+}
+.border-box .border-div .top-rect[data-v-10b559c2] {
+  position: absolute;
+  top: -1px;
+  left: 50%;
+  transform: translate(-50%, 0);
+}
+.border-box .border-div .bottom[data-v-10b559c2] {
+  position: absolute;
+  z-index: 3;
+  bottom: -1px;
+  left: 50%;
+  width: 22px;
+  height: 2px;
+  transform: translate(-50%, 0);
+  background-color: #c3c3c3;
+}
+.border-box .border-div .bottom-rect[data-v-10b559c2] {
+  position: absolute;
+  bottom: -1px;
+  left: 50%;
+  transform: translate(-50%, 0);
+}
+.border-box .border-div .left[data-v-10b559c2] {
+  position: absolute;
+  z-index: 3;
+  top: 50%;
+  left: -1px;
+  width: 2px;
+  height: 22px;
+  transform: translate(0, -50%);
+  background-color: #c3c3c3;
+}
+.border-box .border-div .left-rect[data-v-10b559c2] {
+  position: absolute;
+  top: 50%;
+  left: -1px;
+  transform: translate(0, -50%);
+}
+.border-box .border-div .right[data-v-10b559c2] {
+  position: absolute;
+  z-index: 3;
+  top: 50%;
+  right: -1px;
+  width: 2px;
+  height: 22px;
+  transform: translate(0, -50%);
+  background-color: #c3c3c3;
+}
+.border-box .border-div .right-rect[data-v-10b559c2] {
+  position: absolute;
+  top: 50%;
+  right: -1px;
+  transform: translate(0, -50%);
+}
+.border-box .border-editor[data-v-10b559c2] {
+  flex: 1;
+}
+.border-box .border-editor .row[data-v-10b559c2] {
+  align-items: center;
+  margin-bottom: 4px;
+}
+.border-box .border-editor .border-col[data-v-10b559c2] {
+  display: flex;
+  align-items: center;
+  width: 50%;
+  padding-bottom: 5px;
+  border-bottom: 1px solid #c3c3c3;
+}
+.border-box .border-editor .border-col .border-text[data-v-10b559c2] {
+  margin-right: 12px;
+}
+.border-box .border-editor .border-col .input-wrap[data-v-10b559c2] {
+  flex: 1;
+}
+.border-box .border-editor .border-col .input-wrap .border-input[data-v-10b559c2] {
+  width: 100%;
+  border: none;
+  outline: none;
+  background-color: transparent;
+  text-align: center;
+  vertical-align: middle;
+}
+.border-box.label-print[data-v-10b559c2] {
+  padding-top: 0;
+}
+.focus[data-v-10b559c2] {
+  background-color: var(--ant-primary-color) !important;
+}
+.focus-line[data-v-10b559c2] {
+  border: 1px solid var(--ant-primary-color) !important;
+}
+[data-v-10b559c2] .gct-select-arrow {
+  position: absolute;
+  top: 50%;
+  right: 45px;
+  color: #212528;
+}

package/es/components/label-design/panels/widget/components/label-params-select.vue.mjs

@@ -0,0 +1,5 @@
+import label_params_select_vue_vue_type_script_setup_true_lang_default from "./label-params-select.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/label-design/panels/widget/components/label-params-select.vue
+var label_params_select_default = label_params_select_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { label_params_select_default as default };

package/es/components/label-design/panels/widget/components/label-params-select.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,49 @@
+import { getParamsList } from "./useParamsHook.mjs";
+import { createBlock, defineComponent, onMounted, openBlock, ref, resolveComponent, unref } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/components/label-design/panels/widget/components/label-params-select.vue?vue&type=script&setup=true&lang.ts
+var label_params_select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "label-params-select",
+	props: { modelValue: {} },
+	emits: ["update:modelValue", "change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const value = ref(props.modelValue || void 0);
+		const paramsData = ref([]);
+		onMounted(async () => {
+			paramsData.value = await getParamsList();
+		});
+		function handleChange(val) {
+			emit("update:modelValue", val);
+			emit("change", val, paramsData.value.find((item) => item.value === val));
+		}
+		__expose({
+			getOptions: async () => {
+				if (!paramsData.value.length) return await getParamsList();
+				return paramsData.value;
+			},
+			getParamsData: () => paramsData.value
+		});
+		return (_ctx, _cache) => {
+			const _component_a_select = resolveComponent("a-select");
+			return openBlock(), createBlock(_component_a_select, {
+				value: value.value,
+				"onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+				options: paramsData.value,
+				"allow-clear": "",
+				"show-search": "",
+				placeholder: unref(t)("sys.chooseText"),
+				"option-filter-prop": "label",
+				style: { "width": "100%" },
+				onChange: handleChange
+			}, null, 8, [
+				"value",
+				"options",
+				"placeholder"
+			]);
+		};
+	}
+});
+//#endregion
+export { label_params_select_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import radius_vue_vue_type_script_setup_true_name_border_radius_lang_default from "./radius.vue_vue_type_script_setup_true_name_border-radius_lang.mjs";
+import './radius.vue_vue_type_style_index_0_scoped_4b2df5b4_lang.css';/* empty css                                                             */
+//#region src/components/label-design/panels/widget/components/radius.vue
+var radius_default = /* @__PURE__ */ _plugin_vue_export_helper_default(radius_vue_vue_type_script_setup_true_name_border_radius_lang_default, [["__scopeId", "data-v-4b2df5b4"]]);
+//#endregion
+export { radius_default as default };

package/es/components/label-design/panels/widget/components/radius.vue_vue_type_script_setup_true_name_border-radius_lang.mjs

@@ -0,0 +1,181 @@
+import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, resolveComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/components/label-design/panels/widget/components/radius.vue?vue&type=script&setup=true&name=border-radius&lang.ts
+var _hoisted_1 = { class: "radius-box" };
+var _hoisted_2 = { class: "radius-div" };
+var _hoisted_3 = { class: "radius-div-inner" };
+var _hoisted_4 = { class: "radius-editor" };
+var _hoisted_5 = { class: "radius-col" };
+var _hoisted_6 = { class: "radius-text" };
+var radius_vue_vue_type_script_setup_true_name_border_radius_lang_default = /* @__PURE__ */ defineComponent({
+	name: "LabelDesignRadius",
+	__name: "radius",
+	props: {
+		isLabelPrint: {
+			type: Boolean,
+			default: false
+		},
+		value: {
+			type: Object,
+			default: () => {
+				return {};
+			}
+		}
+	},
+	emits: ["changeEvent"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		let style = computed({
+			get() {
+				return props.value;
+			},
+			set(val) {
+				emit("changeEvent", val);
+			}
+		});
+		const pos = ref("all");
+		const options = ref([
+			{
+				label: "2",
+				value: "2"
+			},
+			{
+				label: "4",
+				value: "4"
+			},
+			{
+				label: "6",
+				value: "6"
+			},
+			{
+				label: "8",
+				value: "8"
+			},
+			{
+				label: "10",
+				value: "10"
+			}
+		]);
+		const radiusVal = computed(() => {
+			const { borderAllRadius: _borderAllRadius, borderTopLeftRadius, borderBottomLeftRadius, borderTopRightRadius, borderBottomRightRadius } = style.value;
+			switch (pos.value) {
+				case "all": if (new Set([
+					borderTopLeftRadius,
+					borderBottomLeftRadius,
+					borderTopRightRadius,
+					borderBottomRightRadius
+				]).size === 1) return borderTopLeftRadius || "0";
+				else return;
+				case "upLeft": return style.value.borderTopLeftRadius || "0";
+				case "upRight": return style.value.borderTopRightRadius || "0";
+				case "downLeft": return style.value.borderBottomLeftRadius || "0";
+				case "downRight": return style.value.borderBottomRightRadius || "0";
+				default: return style.value.borderAllRadius || "0";
+			}
+		});
+		watch([
+			() => style.value.borderTopLeftRadius,
+			() => style.value.borderTopRightRadius,
+			() => style.value.borderBottomLeftRadius,
+			() => style.value.borderBottomRightRadius
+		], () => {
+			if (style.value.borderTopLeftRadius === style.value.borderTopRightRadius && style.value.borderTopRightRadius === style.value.borderBottomLeftRadius && style.value.borderBottomLeftRadius === style.value.borderBottomRightRadius) style.value.borderAllRadius = style.value.borderBottomLeftRadius;
+			else style.value.borderAllRadius = "";
+		}, { deep: true });
+		const handleChange = (val) => {
+			if (!val) val = 0;
+			val = String(val);
+			switch (pos.value) {
+				case "all":
+					style.value.borderAllRadius = val;
+					style.value.borderTopLeftRadius = val;
+					style.value.borderTopRightRadius = val;
+					style.value.borderBottomLeftRadius = val;
+					style.value.borderBottomRightRadius = val;
+					break;
+				case "upLeft":
+					style.value.borderTopLeftRadius = val;
+					break;
+				case "upRight":
+					style.value.borderTopRightRadius = val;
+					break;
+				case "downLeft":
+					style.value.borderBottomLeftRadius = val;
+					break;
+				case "downRight":
+					style.value.borderBottomRightRadius = val;
+					break;
+				default: break;
+			}
+			style.value = style.value;
+		};
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_a_input_number = resolveComponent("a-input-number");
+			const _component_a_auto_complete = resolveComponent("a-auto-complete");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [
+				createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.upLeft")), 1)]),
+					default: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass(["upLeftGround ground", { highlight: pos.value === "upLeft" }]),
+						onClick: _cache[0] || (_cache[0] = ($event) => pos.value = "upLeft")
+					}, null, 2)]),
+					_: 1
+				}),
+				createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.upRight")), 1)]),
+					default: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass(["upRightGround ground", { highlight: pos.value === "upRight" }]),
+						onClick: _cache[1] || (_cache[1] = ($event) => pos.value = "upRight")
+					}, null, 2)]),
+					_: 1
+				}),
+				createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.downLeft")), 1)]),
+					default: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass(["downLeftGround ground", { highlight: pos.value === "downLeft" }]),
+						onClick: _cache[2] || (_cache[2] = ($event) => pos.value = "downLeft")
+					}, null, 2)]),
+					_: 1
+				}),
+				createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.downRight")), 1)]),
+					default: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass(["downRightGround ground", { highlight: pos.value === "downRight" }]),
+						onClick: _cache[3] || (_cache[3] = ($event) => pos.value = "downRight")
+					}, null, 2)]),
+					_: 1
+				}),
+				createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.whole")), 1)]),
+					default: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass(["centerGround", { highlight: pos.value === "all" }]),
+						onClick: _cache[4] || (_cache[4] = ($event) => pos.value = "all")
+					}, null, 2)]),
+					_: 1
+				})
+			])]), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createElementVNode("span", _hoisted_6, toDisplayString(unref(t)("sys.pageDesigner.radius")), 1), createVNode(_component_a_auto_complete, {
+				value: radiusVal.value,
+				"onUpdate:value": _cache[7] || (_cache[7] = ($event) => radiusVal.value = $event),
+				options: options.value,
+				onChange: _cache[8] || (_cache[8] = (val) => handleChange(val))
+			}, {
+				default: withCtx(() => [createVNode(_component_a_input_number, {
+					value: radiusVal.value,
+					"onUpdate:value": _cache[5] || (_cache[5] = ($event) => radiusVal.value = $event),
+					min: 0,
+					controls: true,
+					precision: 0,
+					style: { "width": "100%" },
+					size: "small",
+					"addon-after": "px",
+					onChange: _cache[6] || (_cache[6] = (val) => handleChange(val))
+				}, null, 8, ["value"])]),
+				_: 1
+			}, 8, ["value", "options"])])])]);
+		};
+	}
+});
+//#endregion
+export { radius_vue_vue_type_script_setup_true_name_border_radius_lang_default as default };

package/es/components/label-design/panels/widget/components/radius.vue_vue_type_style_index_0_scoped_4b2df5b4_lang.css

@@ -0,0 +1,100 @@
+.radius-box[data-v-4b2df5b4] {
+  display: flex;
+}
+.radius-box .radius-div[data-v-4b2df5b4] {
+  position: relative;
+  flex-shrink: 0;
+  width: 60px;
+  height: 60px;
+  margin-right: 10px;
+  padding: 6px;
+  border: 1px solid #e0e3eb;
+  border-radius: 4px;
+}
+.radius-box .radius-div-inner[data-v-4b2df5b4] {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border: 1px dashed #e0e3ea;
+  border-radius: 4px;
+}
+.radius-box .radius-div .ground[data-v-4b2df5b4] {
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+}
+.radius-box .radius-div .ground.highlight[data-v-4b2df5b4] {
+  border-color: var(--ant-primary-color);
+}
+.radius-box .radius-div .upLeftGround[data-v-4b2df5b4] {
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  border-top: 2px solid #c3c3c3;
+  border-left: 2px solid #c3c3c3;
+  border-radius: 4px 0 0;
+}
+.radius-box .radius-div .upRightGround[data-v-4b2df5b4] {
+  position: absolute;
+  top: -1px;
+  right: -1px;
+  border-top: 2px solid #c3c3c3;
+  border-right: 2px solid #c3c3c3;
+  border-radius: 0 4px 0 0;
+}
+.radius-box .radius-div .downLeftGround[data-v-4b2df5b4] {
+  position: absolute;
+  bottom: -1px;
+  left: -1px;
+  border-bottom: 2px solid #c3c3c3;
+  border-left: 2px solid #c3c3c3;
+  border-radius: 0 0 0 4px;
+}
+.radius-box .radius-div .downRightGround[data-v-4b2df5b4] {
+  position: absolute;
+  right: -1px;
+  bottom: -1px;
+  border-right: 2px solid #c3c3c3;
+  border-bottom: 2px solid #c3c3c3;
+  border-radius: 0 0 4px;
+}
+.radius-box .radius-editor[data-v-4b2df5b4] {
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+}
+.radius-box .radius-editor .radius-col[data-v-4b2df5b4] {
+  display: flex;
+  align-items: center;
+}
+.radius-box .radius-editor .radius-col .radius-text[data-v-4b2df5b4] {
+  min-width: 37px;
+  margin-right: 6px;
+  text-align: center;
+}
+.radius-box .radius-editor .radius-col .input-wrap[data-v-4b2df5b4] {
+  flex: 1;
+}
+.radius-box .centerGround[data-v-4b2df5b4] {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 12px;
+  height: 12px;
+  transform: translate(-50%, -50%);
+  border: 1px solid #c3c3c3;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.radius-box .centerGround.highlight[data-v-4b2df5b4] {
+  border-color: var(--ant-primary-color);
+}
+.focus[data-v-4b2df5b4] {
+  border-color: var(--ant-primary-color) !important;
+}
+[data-v-4b2df5b4] .gct-select-arrow {
+  position: absolute;
+  top: 50%;
+  right: 45px;
+  color: #212528;
+}

package/es/components/label-design/panels/widget/components/useParamsHook.d.ts

@@ -0,0 +1,8 @@
+export declare function getParamsList(): Promise<{
+    label: string;
+    value: string;
+    _item: IObject;
+    id: string;
+    name: string;
+    type: string;
+}[]>;

package/es/components/label-design/panels/widget/components/useParamsHook.mjs

@@ -0,0 +1,20 @@
+//#region src/components/label-design/panels/widget/components/useParamsHook.ts
+async function getParamsList() {
+	return ((await _api.apaas.modelComprehensive.postBizServiceModelCategoryModelKeyBsKey({
+		bsKey: "listAll",
+		modelKey: "em_label_param",
+		modelCategory: "entity"
+	}, {}, { sorts: [{
+		sortField: "create_time_",
+		sortType: "desc"
+	}] }))?.data || []).map((item) => ({
+		value: item.id_,
+		label: item.name_,
+		_item: item,
+		id: item.id_,
+		name: item.name_,
+		type: item.type_
+	}));
+}
+//#endregion
+export { getParamsList };

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

@@ -0,0 +1,58 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { createElementBlock, createElementVNode, createVNode, openBlock, resolveComponent, withKeys } from "vue";
+//#region src/components/label-design/panels/widget/controls/AliasInput.vue
+var AliasInput_exports = /* @__PURE__ */ __exportAll({ default: () => AliasInput_default });
+var _sfc_main = {
+	name: "alias-input",
+	props: { alias: {
+		type: [String],
+		default: ""
+	} },
+	emits: ["changeEvent"],
+	data() {
+		return { a: "" };
+	},
+	watch: { alias(val) {
+		if (val !== this.a) this.a = val;
+	} },
+	created() {
+		this.a = this.alias;
+	},
+	methods: {
+		checkVal(val, type) {
+			if (!val) {
+				this.$message.error("组件名称不可为空");
+				return false;
+			} else return true;
+		},
+		onEnterVal(dataField, type) {
+			const newVal = this.a;
+			if (!this.checkVal(newVal)) this.a = this.alias;
+			else this.emitChanges(newVal);
+			this.$refs.alias.blur();
+		},
+		emitChanges(value) {
+			this.$emit("changeEvent", value);
+		}
+	}
+};
+var _hoisted_1 = { class: "setting-row flex-col" };
+var _hoisted_2 = { class: "sub-content" };
+var _hoisted_3 = { class: "sub-content_inner" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_a_input = resolveComponent("a-input");
+	return openBlock(), createElementBlock("div", _hoisted_1, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "sub-title mb-2px" }, "名称", -1)), createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createVNode(_component_a_input, {
+		ref: "alias",
+		value: $data.a,
+		"onUpdate:value": _cache[0] || (_cache[0] = ($event) => $data.a = $event),
+		size: "mini",
+		"show-count": "",
+		maxlength: 32,
+		onKeyup: _cache[1] || (_cache[1] = withKeys(($event) => $options.onEnterVal("a", "alias"), ["enter"])),
+		onBlur: $options.onEnterVal
+	}, null, 8, ["value", "onBlur"])])])]);
+}
+var AliasInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { AliasInput_exports };

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

@@ -0,0 +1,51 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import Border_vue_vue_type_script_lang_default from "./Border.vue_vue_type_script_lang.mjs";
+import './Border.vue_vue_type_style_index_0_scoped_5d5ceddd_lang.css';/* empty css                                                             */
+import { createElementBlock, createElementVNode, createVNode, openBlock, resolveComponent, withCtx, withKeys } from "vue";
+//#region src/components/label-design/panels/widget/controls/Border.vue
+var Border_exports = /* @__PURE__ */ __exportAll({ default: () => Border_default });
+var _hoisted_1 = { class: "setting-row border-wrapper flex-col" };
+var _hoisted_2 = { class: "sub-content" };
+var _hoisted_3 = { class: "sub-content_inner p-8px bg-[#F7F8FA]" };
+var _hoisted_4 = { class: "setting-col style-setting" };
+var _hoisted_5 = { class: "setting-col_inner" };
+var _hoisted_6 = {
+	class: "setting-col setting-col_right",
+	style: { "width": "46%" }
+};
+var _hoisted_7 = { class: "setting-col_inner" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_a_select_option = resolveComponent("a-select-option");
+	const _component_a_select = resolveComponent("a-select");
+	const _component_a_input_number = resolveComponent("a-input-number");
+	return openBlock(), createElementBlock("div", _hoisted_1, [_cache[5] || (_cache[5] = createElementVNode("div", { class: "sub-title mb-4px" }, "边框", -1)), createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [_cache[3] || (_cache[3] = createElementVNode("div", { class: "setting-label row-label" }, "样式", -1)), createElementVNode("div", _hoisted_5, [createVNode(_component_a_select, {
+		value: $props.borderStyle || "inherit",
+		onChange: _cache[0] || (_cache[0] = (val) => $options.onBorderChange("border-style", val))
+	}, {
+		default: withCtx(() => [
+			createVNode(_component_a_select_option, {
+				value: "none",
+				label: "无"
+			}),
+			createVNode(_component_a_select_option, {
+				value: "solid",
+				label: "实线"
+			}),
+			createVNode(_component_a_select_option, {
+				value: "dashed",
+				label: "虚线"
+			})
+		]),
+		_: 1
+	}, 8, ["value"])])]), createElementVNode("div", _hoisted_6, [_cache[4] || (_cache[4] = createElementVNode("div", { class: "setting-label row-label" }, "线宽", -1)), createElementVNode("div", _hoisted_7, [createVNode(_component_a_input_number, {
+		value: $data.borderWidthVal,
+		"onUpdate:value": _cache[1] || (_cache[1] = ($event) => $data.borderWidthVal = $event),
+		min: 1,
+		onChange: _cache[2] || (_cache[2] = (v) => $options.onBorderChange("border-width", v)),
+		onKeyup: withKeys($options.onEnterVal, ["enter"])
+	}, null, 8, ["value", "onKeyup"])])])])])]);
+}
+var Border_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Border_vue_vue_type_script_lang_default, [["render", _sfc_render], ["__scopeId", "data-v-5d5ceddd"]]);
+//#endregion
+export { Border_exports };