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

package/es/components/label-design/panels/page/panel-page.vue_vue_type_script_setup_true_name_panel-page_lang.mjs

@@ -0,0 +1,100 @@
+import { labelInfo } from "../../hooks/usePage.mjs";
+import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/components/label-design/panels/page/panel-page.vue?vue&type=script&setup=true&name=panel-page&lang.ts
+var _hoisted_1 = { class: "panel-page-wrapper" };
+var _hoisted_2 = { class: "panel-page-title" };
+var _hoisted_3 = { class: "panel-page-con" };
+var panel_page_vue_vue_type_script_setup_true_name_panel_page_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "panel-page",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			const _component_a_col = resolveComponent("a-col");
+			const _component_a_row = resolveComponent("a-row");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("sys.pageDesigner.pageProp")), 1), createElementVNode("div", _hoisted_3, [
+				createVNode(_component_a_row, null, {
+					default: withCtx(() => [createVNode(_component_a_col, {
+						class: "desc-label",
+						span: 8
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.printDesigner.labelName")), 1)]),
+						_: 1
+					}), createVNode(_component_a_col, {
+						class: "desc-value",
+						span: 16
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(labelInfo)?.name), 1)]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				createVNode(_component_a_row, null, {
+					default: withCtx(() => [createVNode(_component_a_col, {
+						class: "desc-label",
+						span: 8
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.creator")), 1)]),
+						_: 1
+					}), createVNode(_component_a_col, {
+						class: "desc-value",
+						span: 16
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(labelInfo)?.createUserName), 1)]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				createVNode(_component_a_row, null, {
+					default: withCtx(() => [createVNode(_component_a_col, {
+						class: "desc-label",
+						span: 8
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.createTime")), 1)]),
+						_: 1
+					}), createVNode(_component_a_col, {
+						class: "desc-value",
+						span: 16
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(labelInfo)?.createTime), 1)]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				createVNode(_component_a_row, null, {
+					default: withCtx(() => [createVNode(_component_a_col, {
+						class: "desc-label",
+						span: 8
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.updatePerson")), 1)]),
+						_: 1
+					}), createVNode(_component_a_col, {
+						class: "desc-value",
+						span: 16
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(labelInfo)?.modifyUserName), 1)]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				createVNode(_component_a_row, null, {
+					default: withCtx(() => [createVNode(_component_a_col, {
+						class: "desc-label",
+						span: 8
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.updateTime")), 1)]),
+						_: 1
+					}), createVNode(_component_a_col, {
+						class: "desc-value",
+						span: 16
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(labelInfo)?.modifyTime), 1)]),
+						_: 1
+					})]),
+					_: 1
+				})
+			])]);
+		};
+	}
+});
+//#endregion
+export { panel_page_vue_vue_type_script_setup_true_name_panel_page_lang_default as default };

package/es/components/label-design/panels/page/panel-page.vue_vue_type_style_index_0_scoped_0601b522_lang.css

@@ -0,0 +1,33 @@
+.panel-page-wrapper .panel-page-title[data-v-0601b522] {
+  font-weight: bold;
+  height: 42px;
+  line-height: 42px;
+  text-align: center;
+  border-bottom: 1px solid #eaeaea;
+}
+.panel-page-wrapper .panel-page-con[data-v-0601b522] {
+  padding: 12px 16px;
+}
+.desc-label[data-v-0601b522] {
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #666666;
+  line-height: 28px;
+}
+.desc-value[data-v-0601b522] {
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #333333;
+  line-height: 28px;
+  text-align: right;
+}
+.tab-wrap[data-v-0601b522] {
+  padding: 0 12px;
+}
+.page-event-wrap[data-v-0601b522] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}

package/es/components/label-design/panels/panel.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/components/label-design/panels/panel.vue.mjs

@@ -0,0 +1,5 @@
+import panel_vue_vue_type_script_setup_true_lang_default from "./panel.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/label-design/panels/panel.vue
+var panel_default = panel_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { panel_default as default };

package/es/components/label-design/panels/panel.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,27 @@
+import { useModal } from "../../../modules/global-modal/src/hooks/useModal.mjs";
+import "../../../modules/global-modal/index.mjs";
+import { useDesigner } from "../hooks/useDesigner.mjs";
+import panelComps from "./index.mjs";
+import diff_modal_default from "./modals/diff-modal.vue.mjs";
+import { computed, createBlock, createElementBlock, createVNode, defineComponent, openBlock, provide, resolveDynamicComponent, unref } from "vue";
+//#region src/components/label-design/panels/panel.vue?vue&type=script&setup=true&lang.ts
+var panel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "LabelDesignPanel",
+	__name: "panel",
+	setup(__props) {
+		const [registerDiff, { openModal: openDiffModal }] = useModal();
+		provide("openDiffModal", openDiffModal);
+		const { currentPanel } = useDesigner();
+		const panelName = computed(() => {
+			return "panel-" + currentPanel.value;
+		});
+		const currentPanelComp = computed(() => {
+			return panelComps[panelName.value];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", null, [(openBlock(), createBlock(resolveDynamicComponent(currentPanelComp.value))), createVNode(diff_modal_default, { onRegister: unref(registerDiff) }, null, 8, ["onRegister"])]);
+		};
+	}
+});
+//#endregion
+export { panel_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import component_properties_vue_vue_type_script_setup_true_name_component_properties_lang_default from "./component-properties.vue_vue_type_script_setup_true_name_component-properties_lang.mjs";
+import './component-properties.vue_vue_type_style_index_0_scoped_4a732e3f_lang.css';/* empty css                                                                           */
+//#region src/components/label-design/panels/widget/component-properties.vue
+var component_properties_default = /* @__PURE__ */ _plugin_vue_export_helper_default(component_properties_vue_vue_type_script_setup_true_name_component_properties_lang_default, [["__scopeId", "data-v-4a732e3f"]]);
+//#endregion
+export { component_properties_default as default };

package/es/components/label-design/panels/widget/component-properties.vue_vue_type_script_setup_true_name_component-properties_lang.mjs

@@ -0,0 +1,111 @@
+import { PRINT_ELE_TYPE } from "../../constants/CommonPrintElems.mjs";
+import { useProp } from "../../hooks/useProp.mjs";
+import panelComps from "./controls/index.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, ref, renderList, resolveComponent, resolveDynamicComponent, unref, withCtx } from "vue";
+//#region src/components/label-design/panels/widget/component-properties.vue?vue&type=script&setup=true&name=component-properties&lang.ts
+var _hoisted_1 = { class: "component-properties" };
+var component_properties_vue_vue_type_script_setup_true_name_component_properties_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "component-properties",
+	emits: ["propchange"],
+	setup(__props, { emit: __emit }) {
+		const hasStyle = [PRINT_ELE_TYPE.TEXT, PRINT_ELE_TYPE.RICH_TEXT];
+		const { basicProperties, componentProperties, type } = useProp({ emit: __emit });
+		const componentPropertiesOptions = computed(() => {
+			return componentProperties.value[type.value] || [];
+		});
+		const compProp = computed(() => {
+			return componentPropertiesOptions.value.map((d) => {
+				return d.text;
+			});
+		});
+		const activeTab = ref("1");
+		const activeKey = ref(["basic", ...compProp.value]);
+		return (_ctx, _cache) => {
+			const _component_a_collapse_panel = resolveComponent("a-collapse-panel");
+			const _component_a_collapse = resolveComponent("a-collapse");
+			const _component_a_tab_pane = resolveComponent("a-tab-pane");
+			const _component_a_tabs = resolveComponent("a-tabs");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_tabs, {
+				"active-key": activeTab.value,
+				"onUpdate:activeKey": _cache[2] || (_cache[2] = ($event) => activeTab.value = $event),
+				centered: "",
+				class: "panel-editor-tabs"
+			}, {
+				default: withCtx(() => [createVNode(_component_a_tab_pane, {
+					key: "1",
+					tab: "属性"
+				}, {
+					default: withCtx(() => [createVNode(_component_a_collapse, {
+						"active-key": activeKey.value,
+						"onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event),
+						bordered: false,
+						"expand-icon-position": "right",
+						ghost: ""
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(basicProperties)["basic"], (p) => {
+							return openBlock(), createElementBlock(Fragment, { key: p.text }, [(openBlock(), createBlock(_component_a_collapse_panel, {
+								key: "basic",
+								header: p.text
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(p.children, (s) => {
+									return openBlock(), createBlock(resolveDynamicComponent(unref(panelComps)[s.type]), mergeProps({
+										key: s.type,
+										ref_for: true
+									}, s.props, { onChangeEvent: s.changeEvent }), null, 16, ["onChangeEvent"]);
+								}), 128))]),
+								_: 2
+							}, 1032, ["header"]))], 64);
+						}), 128)), (openBlock(true), createElementBlock(Fragment, null, renderList(componentPropertiesOptions.value, (p) => {
+							return openBlock(), createElementBlock(Fragment, { key: p.text }, [!p.isStyle ? (openBlock(), createBlock(_component_a_collapse_panel, {
+								key: p.text,
+								header: p.text
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(p.children, (s) => {
+									return openBlock(), createBlock(resolveDynamicComponent(unref(panelComps)[s.type]), mergeProps({
+										key: s.type,
+										ref_for: true
+									}, s.props, { onChangeEvent: s.changeEvent }), null, 16, ["onChangeEvent"]);
+								}), 128))]),
+								_: 2
+							}, 1032, ["header"])) : createCommentVNode("", true)], 64);
+						}), 128))]),
+						_: 1
+					}, 8, ["active-key"])]),
+					_: 1
+				}), hasStyle.includes(unref(type)) ? (openBlock(), createBlock(_component_a_tab_pane, {
+					key: "2",
+					tab: "样式",
+					"force-render": ""
+				}, {
+					default: withCtx(() => [createVNode(_component_a_collapse, {
+						"active-key": activeKey.value,
+						"onUpdate:activeKey": _cache[1] || (_cache[1] = ($event) => activeKey.value = $event),
+						bordered: false,
+						"expand-icon-position": "right",
+						ghost: ""
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(componentPropertiesOptions.value, (p) => {
+							return openBlock(), createElementBlock(Fragment, { key: p.text }, [p.isStyle ? (openBlock(), createBlock(_component_a_collapse_panel, {
+								key: p.text,
+								header: p.text
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(p.children, (s) => {
+									return openBlock(), createBlock(resolveDynamicComponent(unref(panelComps)[s.type]), mergeProps({
+										key: s.type,
+										ref_for: true
+									}, s.props, { onChangeEvent: s.changeEvent }), null, 16, ["onChangeEvent"]);
+								}), 128))]),
+								_: 2
+							}, 1032, ["header"])) : createCommentVNode("", true)], 64);
+						}), 128))]),
+						_: 1
+					}, 8, ["active-key"])]),
+					_: 1
+				})) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, ["active-key"])]);
+		};
+	}
+});
+//#endregion
+export { component_properties_vue_vue_type_script_setup_true_name_component_properties_lang_default as default };

package/es/components/label-design/panels/widget/component-properties.vue_vue_type_style_index_0_scoped_4a732e3f_lang.css

@@ -0,0 +1,40 @@
+[data-v-4a732e3f] .ant-collapse-header {
+  padding: 5px 12px !important;
+  background-color: #f2f4f7;
+  color: #333 !important;
+  font-size: 14px;
+}
+[data-v-4a732e3f] .ant-collapse-content > .ant-collapse-content-box {
+  padding: 12px;
+}
+.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-wrap {
+  border-bottom: 1px solid #e0e3ea;
+}
+.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-list {
+  flex: 1;
+}
+.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
+  flex: 1;
+  justify-content: center;
+}
+.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
+  padding: 7px 0;
+}
+.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab + .ant-tabs-tab {
+  margin: 0;
+}
+.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-ink-bar {
+  background-color: transparent;
+}
+.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active::after {
+  content: '';
+  position: absolute;
+  z-index: 3;
+  bottom: 0;
+  width: 16px;
+  height: 2px;
+  background-color: var(--ant-primary-color);
+}
+.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-operations {
+  display: none !important;
+}

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import border_editor_vue_vue_type_script_setup_true_name_border_editor_lang_default from "./border-editor.vue_vue_type_script_setup_true_name_border-editor_lang.mjs";
+import './border-editor.vue_vue_type_style_index_0_scoped_10b559c2_lang.css';/* empty css                                                                    */
+//#region src/components/label-design/panels/widget/components/border-editor.vue
+var border_editor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(border_editor_vue_vue_type_script_setup_true_name_border_editor_lang_default, [["__scopeId", "data-v-10b559c2"]]);
+//#endregion
+export { border_editor_default as default };

package/es/components/label-design/panels/widget/components/border-editor.vue_vue_type_script_setup_true_name_border-editor_lang.mjs

@@ -0,0 +1,311 @@
+import ColorPicker_default from "../../../../../modules/color-picker/src/ColorPicker.vue.mjs";
+import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, resolveComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { isEqual } from "lodash-es";
+import { t } from "@gct-paas/core";
+//#region src/components/label-design/panels/widget/components/border-editor.vue?vue&type=script&setup=true&name=border-editor&lang.ts
+var _hoisted_1 = { class: /* @__PURE__ */ normalizeClass(["border-box", "label-print"]) };
+var _hoisted_2 = { class: "border-div" };
+var _hoisted_3 = { class: "border-div-inner" };
+var _hoisted_4 = { class: "border-editor" };
+var BorderStyle = /* @__PURE__ */ function(BorderStyle) {
+	BorderStyle["NONE"] = "none";
+	BorderStyle["SOLID"] = "solid";
+	BorderStyle["DOTTED"] = "dotted";
+	BorderStyle["DASHED"] = "dashed";
+	BorderStyle["DOUBLE"] = "double";
+	return BorderStyle;
+}(BorderStyle || {});
+var border_editor_vue_vue_type_script_setup_true_name_border_editor_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "border-editor",
+	props: {
+		isLabelPrint: {
+			type: Boolean,
+			default: false
+		},
+		value: {
+			type: Object,
+			default: () => {
+				return {};
+			}
+		}
+	},
+	emits: ["changeEvent"],
+	setup(__props, { emit: __emit }) {
+		const presetColor = [
+			"#DBDBDB",
+			"#FFE4E4",
+			"#D1D1D1",
+			"#838383",
+			"#838383",
+			"#FFEECB",
+			"#D8E3FF",
+			"#FF8888",
+			"#FF8888",
+			"#0DAA9C",
+			"#3370FF"
+		];
+		const props = __props;
+		const emit = __emit;
+		let style = computed({
+			get() {
+				return props.value;
+			},
+			set(val) {
+				emit("changeEvent", val);
+			}
+		});
+		const pos = ref("borderAll");
+		const options = ref([
+			{
+				label: "1",
+				value: "1"
+			},
+			{
+				label: "2",
+				value: "2"
+			},
+			{
+				label: "3",
+				value: "3"
+			},
+			{
+				label: "4",
+				value: "4"
+			},
+			{
+				label: "5",
+				value: "5"
+			}
+		]);
+		function getDefaultBorder() {
+			return {
+				borderStyle: BorderStyle.NONE,
+				borderColor: "#F0F0F0",
+				borderWidth: "1"
+			};
+		}
+		const borderVal = computed(() => {
+			switch (pos.value) {
+				case "borderAll": {
+					if (style.value.borderAll) return style.value.borderAll;
+					const defaultColor = getDefaultBorder();
+					const { borderWidth: wb, borderStyle: sb } = style.value.borderBottom || defaultColor;
+					const { borderWidth: wt, borderStyle: st } = style.value.borderTop || defaultColor;
+					const { borderWidth: wr, borderStyle: sr } = style.value.borderRight || defaultColor;
+					const { borderWidth: wl, borderStyle: sl } = style.value.borderLeft || defaultColor;
+					if (new Set([
+						wb,
+						wt,
+						wr,
+						wl
+					]).size === 1) defaultColor.borderWidth = wb;
+					else defaultColor.borderWidth = void 0;
+					if (new Set([
+						sb,
+						st,
+						sr,
+						sl
+					]).size === 1) defaultColor.borderStyle = sb;
+					else defaultColor.borderStyle = void 0;
+					return defaultColor;
+				}
+				case "borderTop": return style.value.borderTop || getDefaultBorder();
+				case "borderRight": return style.value.borderRight || getDefaultBorder();
+				case "borderLeft": return style.value.borderLeft || getDefaultBorder();
+				case "borderBottom": return style.value.borderBottom || getDefaultBorder();
+				default: return style.value.borderAll || getDefaultBorder();
+			}
+		});
+		const boderStyleOpt = [
+			{
+				label: t(`sys.pageDesigner.borderStyle.${BorderStyle.NONE}`),
+				value: BorderStyle.NONE
+			},
+			{
+				label: t(`sys.pageDesigner.borderStyle.${BorderStyle.SOLID}`),
+				value: BorderStyle.SOLID
+			},
+			{
+				label: t(`sys.pageDesigner.borderStyle.${BorderStyle.DOTTED}`),
+				value: BorderStyle.DOTTED
+			},
+			{
+				label: t(`sys.pageDesigner.borderStyle.${BorderStyle.DASHED}`),
+				value: BorderStyle.DASHED
+			}
+		];
+		const handleBorderWidthChange = (val) => {
+			changeBorder("borderWidth", val);
+		};
+		const handleUpdateColor = (_e, color) => {
+			if (borderVal.value.borderColor === color) return;
+			borderVal.value.borderColor = color;
+			if (pos.value === "borderAll") {
+				if (!style.value.borderRight) style.value.borderRight = getDefaultBorder();
+				style.value.borderRight.borderColor = color;
+				if (!style.value.borderTop) style.value.borderTop = getDefaultBorder();
+				style.value.borderTop.borderColor = color;
+				if (!style.value.borderLeft) style.value.borderLeft = getDefaultBorder();
+				style.value.borderLeft.borderColor = color;
+				if (!style.value.borderBottom) style.value.borderBottom = getDefaultBorder();
+				style.value.borderBottom.borderColor = color;
+			} else {
+				if (!style.value[pos.value]) style.value[pos.value] = getDefaultBorder();
+				style.value[pos.value].borderColor = color;
+			}
+			style.value = style.value;
+		};
+		watch([
+			() => style.value.borderRight,
+			() => style.value.borderTop,
+			() => style.value.borderLeft,
+			() => style.value.borderBottom
+		], () => {
+			if (style.value.borderRight && style.value.borderTop && style.value.borderLeft && style.value.borderBottom && isEqual(style.value.borderRight, style.value.borderTop) && isEqual(style.value.borderTop, style.value.borderLeft) && isEqual(style.value.borderLeft, style.value.borderBottom)) style.value.borderAll = { ...style.value.borderLeft };
+			else delete style.value.borderAll;
+		}, { deep: true });
+		const changeBorder = (styleAttr, val) => {
+			if (!style.value[pos.value]) style.value[pos.value] = getDefaultBorder();
+			if (pos.value === "borderAll") {
+				if (!style.value.borderRight) style.value.borderRight = getDefaultBorder();
+				style.value.borderRight[styleAttr] = val;
+				if (!style.value.borderTop) style.value.borderTop = getDefaultBorder();
+				style.value.borderTop[styleAttr] = val;
+				if (!style.value.borderLeft) style.value.borderLeft = getDefaultBorder();
+				style.value.borderLeft[styleAttr] = val;
+				if (!style.value.borderBottom) style.value.borderBottom = getDefaultBorder();
+				style.value.borderBottom[styleAttr] = val;
+			} else style.value[pos.value][styleAttr] = val;
+			style.value = style.value;
+		};
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_a_col = resolveComponent("a-col");
+			const _component_a_select = resolveComponent("a-select");
+			const _component_a_row = resolveComponent("a-row");
+			const _component_a_input_number = resolveComponent("a-input-number");
+			const _component_a_auto_complete = resolveComponent("a-auto-complete");
+			const _component_down_outlined = resolveComponent("down-outlined");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [
+				createElementVNode("div", { class: normalizeClass(["top", pos.value === "borderTop" ? "focus" : null]) }, null, 2),
+				createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.topBorder")), 1)]),
+					default: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass(["top-rect rect", pos.value === "borderTop" ? "focus-line" : null]),
+						onClick: _cache[0] || (_cache[0] = ($event) => pos.value = "borderTop")
+					}, null, 2)]),
+					_: 1
+				}),
+				createElementVNode("div", { class: normalizeClass(["left", pos.value === "borderLeft" ? "focus" : null]) }, null, 2),
+				createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.leftBorder")), 1)]),
+					default: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass(["left-rect rect", pos.value === "borderLeft" ? "focus-line" : null]),
+						onClick: _cache[1] || (_cache[1] = ($event) => pos.value = "borderLeft")
+					}, null, 2)]),
+					_: 1
+				}),
+				createElementVNode("div", { class: normalizeClass(["bottom", pos.value === "borderBottom" ? "focus" : null]) }, null, 2),
+				createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.bottomBorder")), 1)]),
+					default: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass(["bottom-rect rect", pos.value === "borderBottom" ? "focus-line" : null]),
+						onClick: _cache[2] || (_cache[2] = ($event) => pos.value = "borderBottom")
+					}, null, 2)]),
+					_: 1
+				}),
+				createElementVNode("div", { class: normalizeClass(["right", pos.value === "borderRight" ? "focus" : null]) }, null, 2),
+				createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.rightBorder")), 1)]),
+					default: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass(["right-rect rect", pos.value === "borderRight" ? "focus-line" : null]),
+						onClick: _cache[3] || (_cache[3] = ($event) => pos.value = "borderRight")
+					}, null, 2)]),
+					_: 1
+				}),
+				createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.whole")), 1)]),
+					default: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass(["center", pos.value === "borderAll" ? "focus-line" : null]),
+						onClick: _cache[4] || (_cache[4] = ($event) => pos.value = "borderAll")
+					}, null, 2)]),
+					_: 1
+				})
+			])]), createElementVNode("div", _hoisted_4, [
+				createVNode(_component_a_row, { class: "row" }, {
+					default: withCtx(() => [createVNode(_component_a_col, { span: 6 }, {
+						default: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode("线型", -1)])]),
+						_: 1
+					}), createVNode(_component_a_col, { span: 18 }, {
+						default: withCtx(() => [createVNode(_component_a_select, {
+							value: borderVal.value.borderStyle,
+							"onUpdate:value": _cache[5] || (_cache[5] = ($event) => borderVal.value.borderStyle = $event),
+							options: boderStyleOpt,
+							style: { "width": "100%" },
+							size: "small",
+							onChange: _cache[6] || (_cache[6] = ($event) => changeBorder("borderStyle", borderVal.value.borderStyle))
+						}, null, 8, ["value"])]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				createVNode(_component_a_row, { class: "row" }, {
+					default: withCtx(() => [createVNode(_component_a_col, { span: 6 }, {
+						default: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode("线宽", -1)])]),
+						_: 1
+					}), createVNode(_component_a_col, {
+						span: 18,
+						class: "relative"
+					}, {
+						default: withCtx(() => [createVNode(_component_a_auto_complete, {
+							value: borderVal.value.borderWidth,
+							"onUpdate:value": _cache[9] || (_cache[9] = ($event) => borderVal.value.borderWidth = $event),
+							options: options.value,
+							onChange: _cache[10] || (_cache[10] = ($event) => changeBorder("borderWidth", borderVal.value.borderWidth))
+						}, {
+							default: withCtx(() => [createVNode(_component_a_input_number, {
+								value: borderVal.value.borderWidth,
+								"onUpdate:value": _cache[7] || (_cache[7] = ($event) => borderVal.value.borderWidth = $event),
+								min: 0,
+								controls: true,
+								precision: 0,
+								style: { "width": "100%" },
+								size: "small",
+								"addon-after": "px",
+								onChange: handleBorderWidthChange,
+								onBlur: _cache[8] || (_cache[8] = ($event) => !borderVal.value.borderWidth && changeBorder("borderWidth", 1))
+							}, null, 8, ["value"])]),
+							_: 1
+						}, 8, ["value", "options"]), createVNode(_component_down_outlined, { class: "ant-select-arrow gct-select-arrow" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				createVNode(_component_a_row, { class: "row" }, {
+					default: withCtx(() => [createVNode(_component_a_col, { span: 6 }, {
+						default: withCtx(() => [..._cache[13] || (_cache[13] = [createTextVNode("颜色", -1)])]),
+						_: 1
+					}), createVNode(_component_a_col, { span: 18 }, {
+						default: withCtx(() => [createVNode(ColorPicker_default, {
+							preset: presetColor,
+							color: borderVal.value.borderColor,
+							"onUpdate:color": handleUpdateColor
+						}, {
+							icon: withCtx(() => [createElementVNode("div", { style: normalizeStyle({
+								width: "22px",
+								height: "22px",
+								backgroundColor: borderVal.value.borderColor,
+								borderRadius: "4px"
+							}) }, null, 4)]),
+							_: 1
+						}, 8, ["color"])]),
+						_: 1
+					})]),
+					_: 1
+				})
+			])]);
+		};
+	}
+});
+//#endregion
+export { border_editor_vue_vue_type_script_setup_true_name_border_editor_lang_default as default };