@gct-paas/core-web 0.1.6-dev.4 → 0.1.6-dev.41

package/es/components/label-design/stage/StageEl.vue_vue_type_script_lang.mjs

@@ -16,7 +16,7 @@ var StageEl_vue_vue_type_script_lang_default = {
 			default: void 0
 		}
 	},
-	emits: ["updatePBarcodeWidth"],
+	emits: ["updatePBarcodeWidth", "updatePQrCodeWidthAndHeight"],
 	data() {
 		return { currentSize: {
 			width: this.elem.width,
@@ -30,6 +30,12 @@ var StageEl_vue_vue_type_script_lang_default = {
 		},
 		"elem.height"(nv) {
 			this.currentSize.height = nv;
+		},
+		"elem.attrs": {
+			handler() {
+				if (this.elem?.type === PRINT_ELE_TYPE.QR_CODE) this.$forceUpdate();
+			},
+			deep: true
 		}
 	},
 	methods: {
@@ -46,6 +52,19 @@ var StageEl_vue_vue_type_script_lang_default = {
 				height: parseInt(height),
 				elId: this.elem.id
 			});
+		},
+		updatePQrCodeSize({ width, height }) {
+			const canvasW = parseInt(width);
+			const canvasH = parseInt(height);
+			const isRotated = this.elem.rotate === 90 || this.elem.rotate === 270;
+			const nextWidth = isRotated ? canvasH : canvasW;
+			const nextHeight = isRotated ? canvasW : canvasH;
+			this.updateElementSize(nextWidth.toString(), nextHeight.toString());
+			this.$emit("updatePQrCodeWidthAndHeight", {
+				width: nextWidth,
+				height: nextHeight,
+				elId: this.elem.id
+			});
 		}
 	},
 	render: function() {
@@ -105,6 +124,7 @@ var StageEl_vue_vue_type_script_lang_default = {
 		};
 		let event = {};
 		if (elementO.type === PRINT_ELE_TYPE.BAR_CODE) event = { onBarcodeChange: this.updatePBarcodeSize };
+		if (elementO.type === PRINT_ELE_TYPE.QR_CODE) event = { onQrcodeChange: this.updatePQrCodeSize };
 		const data = {
 			class: elementO.classes,
 			style: styles,
@@ -136,6 +156,8 @@ var StageEl_vue_vue_type_script_lang_default = {
 		};
 		if (elementO.type === PRINT_ELE_TYPE.QR_CODE) mrElProps = {
 			...mrElProps,
+			width: this.currentSize.width,
+			height: this.currentSize.height,
 			handles: null
 		};
 		else if (elementO.type === PRINT_ELE_TYPE.BAR_CODE) if (elementO.rotate === 90) mrElProps = {

package/es/components/label-design/stage/stage-canvas.vue.d.ts

@@ -4,9 +4,11 @@ type __VLS_Props = {
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     movingItem: (...args: any[]) => void;
     updatePBarcodeWidth: (...args: any[]) => void;
+    updatePQrCodeWidthAndHeight: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onMovingItem?: ((...args: any[]) => any) | undefined;
     onUpdatePBarcodeWidth?: ((...args: any[]) => any) | undefined;
+    onUpdatePQrCodeWidthAndHeight?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     mrContainerRef: ({
         $: import('vue').ComponentInternalInstance;

package/es/components/label-design/stage/stage-canvas.vue_vue_type_script_setup_true_lang.mjs

@@ -9,7 +9,11 @@ import { cloneDeep } from "lodash-es";
 var stage_canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "stage-canvas",
 	props: { schema: {} },
-	emits: ["movingItem", "updatePBarcodeWidth"],
+	emits: [
+		"movingItem",
+		"updatePBarcodeWidth",
+		"updatePQrCodeWidthAndHeight"
+	],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const defProps = __props;
@@ -18,7 +22,7 @@ var stage_canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			style: "solid",
 			color: "#f1867f"
 		};
-		const { selectedElements, snapTracking, selectedPage, zoom, moveElement, rebaseSelectedElements, resizeElement, rotateElement, addSelectedElements, clearSelectedElements, removeElement, registerElement, resizeBarcodeWidth, isModal } = useDesigner();
+		const { selectedElements, snapTracking, selectedPage, zoom, moveElement, rebaseSelectedElements, resizeElement, rotateElement, addSelectedElements, clearSelectedElements, removeElement, registerElement, resizeBarcodeWidth, resizeQrCodeWidthAndHeight, isModal } = useDesigner();
 		const { project } = usePage();
 		const mrContainerRef = ref();
 		const dropContainer = ref();
@@ -240,6 +244,25 @@ var stage_canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			});
 			rebaseSelectedElements();
 		};
+		const updatePQrCodeWidthAndHeight = ({ width, rotateWidth, height, rotateHeight, elId }) => {
+			resizeQrCodeWidthAndHeight({
+				width,
+				rotateWidth,
+				height,
+				rotateHeight,
+				elId,
+				pageId: project.value.id
+			});
+			emit("updatePQrCodeWidthAndHeight", {
+				width,
+				rotateWidth,
+				height,
+				rotateHeight,
+				elId,
+				pageId: project.value.id
+			});
+			rebaseSelectedElements();
+		};
 		function movingItem(x, y, w, h) {
 			emit("movingItem", x, y, w, h);
 		}
@@ -274,7 +297,8 @@ var stage_canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 					return openBlock(), createBlock(StageEl_default, {
 						key: element.id,
 						elem: element,
-						onUpdatePBarcodeWidth: updatePBarcodeWidth
+						onUpdatePBarcodeWidth: updatePBarcodeWidth,
+						onUpdatePQrCodeWidthAndHeight: updatePQrCodeWidthAndHeight
 					}, null, 8, ["elem"]);
 				}), 128))]),
 				_: 1

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

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    id?: string;
+    readonly?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    container: HTMLDivElement;
+    sketchRuleRef: unknown;
+}, HTMLDivElement>;
+export default _default;

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

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import stage_vue_vue_type_script_setup_true_lang_default from "./stage.vue_vue_type_script_setup_true_lang.mjs";
-import './stage.vue_vue_type_style_index_0_scoped_53b1f897_lang.css';/* empty css                                                            */
+import './stage.vue_vue_type_style_index_0_scoped_9275e9fb_lang.css';/* empty css                                                            */
 //#region src/components/label-design/stage/stage.vue
-var stage_default = /* @__PURE__ */ _plugin_vue_export_helper_default(stage_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-53b1f897"]]);
+var stage_default = /* @__PURE__ */ _plugin_vue_export_helper_default(stage_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9275e9fb"]]);
 //#endregion
 export { stage_default as default };

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

@@ -19,6 +19,7 @@ var stage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		readonly: { type: Boolean }
 	},
 	setup(__props) {
+		const SketchRuleComp = SketchRule;
 		const defProps = __props;
 		const sketchRuleRef = ref();
 		const count = ref(0);
@@ -154,7 +155,7 @@ var stage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				onZoomAuto: zoomAuto,
 				onZoomIn: zoomIn,
 				onZoomOut: zoomOut
-			}, null, 8, ["zoom"]), createVNode(unref(SketchRule), mergeProps({
+			}, null, 8, ["zoom"]), createVNode(unref(SketchRuleComp), mergeProps({
 				ref_key: "sketchRuleRef",
 				ref: sketchRuleRef
 			}, rulerProps.value, { onZoomchange: updateZoom }), {

package/es/components/label-design/stage/{stage.vue_vue_type_style_index_0_scoped_53b1f897_lang.css → stage.vue_vue_type_style_index_0_scoped_9275e9fb_lang.css}

@@ -62,33 +62,33 @@
  *   }
  */
 /* stylelint-disable scss/no-global-function-names */
-.designer-stage[data-v-53b1f897] {
+.designer-stage[data-v-9275e9fb] {
   display: flex;
   background-color: #fff;
 }
-.designer-state-canvas[data-v-53b1f897] {
+.designer-state-canvas[data-v-9275e9fb] {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   width: 100%;
 }
-.designer-stage-header[data-v-53b1f897] {
+.designer-stage-header[data-v-9275e9fb] {
   flex-shrink: 0;
   height: 42px;
 }
-.designer-canvas[data-v-53b1f897] {
+.designer-canvas[data-v-9275e9fb] {
   position: relative;
   flex-grow: 1;
   background-color: #f2f4f7;
 }
-.designer-canvas[data-v-53b1f897] .sketch-ruler {
+.designer-canvas[data-v-9275e9fb] .sketch-ruler {
   width: 100%;
 }
-.designer-canvas[data-v-53b1f897] .sketch-ruler > .defaultCursor,
-.designer-canvas[data-v-53b1f897] .sketch-ruler > .grabCursor {
+.designer-canvas[data-v-9275e9fb] .sketch-ruler > .defaultCursor,
+.designer-canvas[data-v-9275e9fb] .sketch-ruler > .grabCursor {
   background-color: #f2f4f7 !important;
 }
-.designer-panel[data-v-53b1f897] {
+.designer-panel[data-v-9275e9fb] {
   flex-shrink: 0;
   width: 248px;
   border-left: 1px solid #eaeaea;

package/es/components/label-design/toolkits/toolkit-widgets.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import toolkit_widgets_vue_vue_type_script_setup_true_name_toolkit_widgets_lang_default from "./toolkit-widgets.vue_vue_type_script_setup_true_name_toolkit-widgets_lang.mjs";
-import './toolkit-widgets.vue_vue_type_style_index_0_scoped_a787d212_lang.css';/* empty css                                                                      */
+import './toolkit-widgets.vue_vue_type_style_index_0_scoped_c0634baf_lang.css';/* empty css                                                                      */
 //#region src/components/label-design/toolkits/toolkit-widgets.vue
-var toolkit_widgets_default = /* @__PURE__ */ _plugin_vue_export_helper_default(toolkit_widgets_vue_vue_type_script_setup_true_name_toolkit_widgets_lang_default, [["__scopeId", "data-v-a787d212"]]);
+var toolkit_widgets_default = /* @__PURE__ */ _plugin_vue_export_helper_default(toolkit_widgets_vue_vue_type_script_setup_true_name_toolkit_widgets_lang_default, [["__scopeId", "data-v-c0634baf"]]);
 //#endregion
 export { toolkit_widgets_default as default };

package/es/components/label-design/toolkits/toolkit-widgets.vue_vue_type_script_setup_true_name_toolkit-widgets_lang.mjs

@@ -2,6 +2,7 @@ import symbolElements from "../constants/CommonPrintElems.mjs";
 import { usePage } from "../hooks/usePage.mjs";
 import { useDesigner } from "../hooks/useDesigner.mjs";
 import { Fragment, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref } from "vue";
+import { t } from "@gct-paas/core";
 //#region src/components/label-design/toolkits/toolkit-widgets.vue?vue&type=script&setup=true&name=toolkit-widgets&lang.ts
 var _hoisted_1 = { class: "element-menu-wrapper" };
 var _hoisted_2 = { class: "title py8px" };
@@ -42,15 +43,15 @@ var toolkit_widgets_vue_vue_type_script_setup_true_name_toolkit_widgets_lang_def
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(symbolElements), (category) => {
-				return openBlock(), createElementBlock("div", { key: category.label }, [createElementVNode("div", _hoisted_2, toDisplayString(category.label), 1), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(category.children, (element) => {
+				return openBlock(), createElementBlock("div", { key: category.label }, [createElementVNode("div", _hoisted_2, toDisplayString(unref(t)(category.label)), 1), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(category.children, (element) => {
 					return openBlock(), createElementBlock("div", {
 						key: element.type,
 						class: "comp-menu__el-wrap",
-						title: element.displayName,
+						title: unref(t)(element.displayName),
 						draggable: "true",
 						onDragstart: (e) => dragstartHandler(e, element),
 						onClick: (e) => addItemToStage(e, element)
-					}, [createElementVNode("div", _hoisted_5, [createElementVNode("i", { class: normalizeClass(["iconfont", "icon-" + element.iconName]) }, null, 2), createElementVNode("span", null, toDisplayString(element.displayName), 1)])], 40, _hoisted_4);
+					}, [createElementVNode("div", _hoisted_5, [createElementVNode("i", { class: normalizeClass(["iconfont", "icon-" + element.iconName]) }, null, 2), createElementVNode("span", null, toDisplayString(unref(t)(element.displayName)), 1)])], 40, _hoisted_4);
 				}), 128))])]);
 			}), 128))]);
 		};

package/es/components/label-design/toolkits/{toolkit-widgets.vue_vue_type_style_index_0_scoped_a787d212_lang.css → toolkit-widgets.vue_vue_type_style_index_0_scoped_c0634baf_lang.css}

@@ -1,4 +1,4 @@
-.element-menu-wrapper[data-v-a787d212] {
+.element-menu-wrapper[data-v-c0634baf] {
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
@@ -6,14 +6,14 @@
   overflow-y: auto;
   padding: 10px 11px;
 }
-.element-menu-wrapper .comp-menu[data-v-a787d212] {
+.element-menu-wrapper .comp-menu[data-v-c0634baf] {
   width: 100%;
   height: 100%;
   display: flex;
   flex-flow: wrap;
   gap: 12px;
 }
-.element-menu-wrapper .comp-menu__el-wrap[data-v-a787d212] {
+.element-menu-wrapper .comp-menu__el-wrap[data-v-c0634baf] {
   border: 1px solid #f1f1f1;
   box-sizing: border-box;
   background-color: transparent;
@@ -24,22 +24,22 @@
   background: #fff;
   border-radius: 4px;
 }
-.element-menu-wrapper .comp-menu__el-wrap i[data-v-a787d212] {
+.element-menu-wrapper .comp-menu__el-wrap i[data-v-c0634baf] {
   font-size: 30px;
 }
-.element-menu-wrapper .comp-menu__el-wrap[data-v-a787d212]:hover {
+.element-menu-wrapper .comp-menu__el-wrap[data-v-c0634baf]:hover {
   background-color: rgba(0, 0, 0, 0.08);
 }
-.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el[data-v-a787d212] {
+.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el[data-v-c0634baf] {
   width: 100%;
   height: 100%;
   cursor: pointer;
   text-align: center;
 }
-.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el .iconfont[data-v-a787d212] {
+.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el .iconfont[data-v-c0634baf] {
   color: #797a7d;
 }
-.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el span[data-v-a787d212] {
+.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el span[data-v-c0634baf] {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -47,6 +47,6 @@
   padding: 0 8px;
   color: #212528;
 }
-.title[data-v-a787d212] {
+.title[data-v-c0634baf] {
   line-height: 18px;
 }

package/es/components/label-design/type/index.d.ts

@@ -0,0 +1,15 @@
+export type ButtonType = 'primary' | 'default' | 'ghost' | 'dashed' | 'link' | 'text' | 'error';
+export declare enum ButtonTextEnum {
+    DETAIL = "viewDetails",
+    PREVIEW = "preview",
+    DELETE = "delete",
+    EDIT = "edit",
+    DESIGN = "design"
+}
+export interface ActionsType {
+    type?: ButtonType;
+    text: ButtonTextEnum;
+    icon: string;
+    ghost?: boolean;
+    danger?: boolean;
+}

package/es/components/label-design/type/index.mjs

@@ -0,0 +1,11 @@
+//#region src/components/label-design/type/index.ts
+var ButtonTextEnum = /* @__PURE__ */ function(ButtonTextEnum) {
+	ButtonTextEnum["DETAIL"] = "viewDetails";
+	ButtonTextEnum["PREVIEW"] = "preview";
+	ButtonTextEnum["DELETE"] = "delete";
+	ButtonTextEnum["EDIT"] = "edit";
+	ButtonTextEnum["DESIGN"] = "design";
+	return ButtonTextEnum;
+}({});
+//#endregion
+export { ButtonTextEnum };

package/es/components/layout/view-container/view-container.d.ts

@@ -5,21 +5,11 @@ export declare const ViewContainer: import('vue').DefineComponent<import('vue').
     params: {
         type: ObjectConstructor;
     };
-    modal: {
-        type: ObjectConstructor;
-        required: true;
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     context: {
         type: ObjectConstructor;
     };
     params: {
         type: ObjectConstructor;
     };
-    modal: {
-        type: ObjectConstructor;
-        required: true;
-    };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/layout/view-container/view-container.mjs

@@ -6,21 +6,17 @@ var ViewContainer = /* @__PURE__ */ defineComponent({
 	name: "ViewContainer",
 	props: {
 		context: { type: Object },
-		params: { type: Object },
-		modal: {
-			type: Object,
-			required: true
-		}
+		params: { type: Object }
 	},
-	setup() {
-		return { ns: useNamespace("view-container") };
-	},
-	render() {
-		return createVNode("div", { "class": this.ns.b() }, [
-			this.$slots.header ? createVNode("div", { "class": this.ns.b("header") }, [this.$slots.header()]) : null,
-			createVNode("div", { "class": this.ns.b("content") }, [this.$slots.default?.()]),
-			this.$slots.footer ? createVNode("div", { "class": this.ns.b("footer") }, [this.$slots.footer()]) : null
-		]);
+	setup(_, { slots }) {
+		const ns = useNamespace("view-container");
+		return () => {
+			return createVNode("div", { "class": ns.b() }, [
+				slots.header ? createVNode("div", { "class": ns.b("header") }, [slots.header()]) : null,
+				createVNode("div", { "class": ns.b("content") }, [slots.default?.()]),
+				slots.footer ? createVNode("div", { "class": ns.b("footer") }, [slots.footer()]) : null
+			]);
+		};
 	}
 });
 //#endregion

package/es/components/modal-name-editor/modal-name-editor.css

@@ -0,0 +1,117 @@
+@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-modal-name-editor__name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 300px;
+}
+
+.gct-modal-name-editor.is-edit {
+  cursor: default;
+}
+
+.gct-modal-name-editor__input {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.gct-modal-name-editor__input .anticon-loading {
+  margin-right: var(--gct-spacing-4);
+}
+.gct-modal-name-editor__input .ant-input.ant-input-sm {
+  padding: 0;
+  color: rgb(var(--gct-color-text-1));
+}
+.gct-modal-name-editor__input .ant-input.ant-input-sm.ant-input-disabled {
+  background-color: transparent;
+}
+.gct-modal-name-editor__input .ant-input[disabled] {
+  color: rgb(var(--gct-color-text-1));
+}
+
+.gct-modal-name-editor__error-info {
+  font-size: 12px;
+  line-height: 16px;
+  position: absolute;
+  top: 24px;
+  z-index: 999;
+  padding: var(--gct-padding-2);
+  color: var(--gct-color-danger-hover);
+  background-color: var(--gct-color-danger-light-hover);
+  border-radius: var(--gct-border-radius-s);
+}
+
+.gct-modal-name-editor__edit {
+  margin-left: var(--gct-spacing-4);
+  color: rgb(var(--gct-colo-text-1));
+}
+
+.gct-modal-name-editor {
+  display: flex;
+  align-items: center;
+  height: 22px;
+  cursor: pointer;
+}

package/es/components/modal-name-editor/modal-name-editor.d.ts

@@ -0,0 +1,43 @@
+import { PropType } from 'vue';
+export declare const ModalNameEditor: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultName: {
+        type: StringConstructor;
+        default: string;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    save: {
+        type: PropType<(name: string) => Promise<void>>;
+        required: false;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:value")[], "change" | "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultName: {
+        type: StringConstructor;
+        default: string;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    save: {
+        type: PropType<(name: string) => Promise<void>>;
+        required: false;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+    defaultName: string;
+    max: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;