@gct-paas/core-web 0.1.6-dev.2 → 0.1.6-dev.20

package/es/components/label-design/header/test-var-modal.vue_vue_type_style_index_0_scoped_972496bb_lang.css

@@ -0,0 +1,69 @@
+.print[data-v-972496bb] {
+  min-width: 0;
+  /* 重要：防止 flex 子项溢出 */
+  min-height: 0;
+  /* 重要：防止 flex 子项溢出 */
+}
+.left[data-v-972496bb] {
+  width: 288px;
+  min-width: 288px;
+  padding: 12px 0 12px 12px;
+  border-right: 1px solid #e0e3eb;
+}
+.left .left-title[data-v-972496bb] {
+  display: flex;
+  align-items: center;
+  margin: 12px 0;
+  color: #1a1d23;
+  font-size: 14px;
+  font-weight: 600;
+}
+.left .left-title[data-v-972496bb]::before {
+  content: '';
+  display: inline-block;
+  width: 3px;
+  height: 14px;
+  margin-right: 8px;
+  margin-left: 12px;
+  background: var(--ant-primary-color);
+  color: var(--ant-primary-color);
+}
+.right[data-v-972496bb] {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+  /* 重要：防止内容撑开 */
+  padding: 24px;
+  background: #f6f8fa;
+}
+.right .canvas-container[data-v-972496bb] {
+  height: calc(100% - 48px);
+}
+.right .right-title[data-v-972496bb] {
+  margin-bottom: 24px;
+  color: #1a1d23;
+  font-size: 14px;
+  font-weight: 600;
+  text-align: center;
+}
+.var-item[data-v-972496bb] {
+  margin-right: 12px;
+  padding: 12px;
+}
+.var-item[data-v-972496bb]:hover {
+  border: 1px solid rgb(from var(--ant-primary-color) r g b / 30%);
+  border-radius: 4px;
+  background: rgb(from var(--ant-primary-color) r g b / 8%);
+}
+.var-item.selected[data-v-972496bb] {
+  border: 1px solid rgb(from var(--ant-primary-color) r g b / 30%);
+  border-radius: 4px;
+  background: rgb(from var(--ant-primary-color) r g b / 8%);
+}
+[data-v-972496bb] .ant-form .ant-form-item {
+  margin-bottom: 0;
+}
+[data-v-972496bb] .ant-input-affix-wrapper-focused {
+  border-color: var(--ant-primary-color);
+}

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

@@ -1,4 +1,14 @@
+import { default as LabelParamsSelect } from './panels/widget/components/label-params-select.vue';
+import { ActionsType, ButtonTextEnum } from './type';
 export { default as StageView } from './stage/stage-view.vue';
-export { useModalPicker } from './modal/index';
+export { useModalPicker as useLabelModalPicker } from './modal/index';
+export { default as LabelDesigner } from './designer.vue';
 export type { ProjectType } from './hooks/usePage';
+export { useProp } from './hooks/useProp';
 export { setIdentify } from './identify-config';
+export { loadLabelInfo, usePage } from './hooks/usePage';
+export { default as StageCanvas } from './stage/stage-canvas.vue';
+export * from './constants/size';
+export * from './constants/CommonPrintElems';
+export { default as LabelDesignControlComps } from './panels/widget/controls';
+export { LabelParamsSelect, type ActionsType, ButtonTextEnum };

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

@@ -1,3 +1,12 @@
+import "./constants/CommonPrintElems.mjs";
+import "./constants/size.mjs";
+import "./hooks/usePage.mjs";
+import "./hooks/useProp.mjs";
 import "./stage/stage-view.vue.mjs";
 import "./modal/index.mjs";
+import "./stage/stage-canvas.vue.mjs";
 import "./identify-config.mjs";
+import "./panels/widget/components/label-params-select.vue.mjs";
+import "./panels/widget/controls/index.mjs";
+import "./designer.vue.mjs";
+import "./type/index.mjs";

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

@@ -4,6 +4,6 @@ type ModalInstance = null | undefined | (ComponentPublicInstance & {
     open: IModalOpen;
 });
 export declare function useModalPicker(): {
-    openPickerLabel: () => Promise<ModalInstance>;
+    openPickerLabel: () => ModalInstance;
 };
 export {};

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

@@ -12,14 +12,14 @@ function useModalPicker() {
 				instance = null;
 			}, 300);
 		} });
-		instance = (await OverlayContainer.createVueApp(vm)).mount(container);
+		instance = OverlayContainer.createVueApp(vm).mount(container);
 	}
 	/**
 	* 选择人员
 	* @param param0
 	*/
-	async function openPickerLabel() {
-		await readyModal();
+	function openPickerLabel() {
+		readyModal();
 		return instance;
 	}
 	return { openPickerLabel };

package/es/components/label-design/modal/template.vue_vue_type_script_setup_true_lang.mjs

@@ -1,9 +1,9 @@
-import { useModal } from "../../../modules/global-modal/src/hooks/useModal.mjs";
-import { BasicModal } from "../../../modules/global-modal/index.mjs";
 import { getSpecificationsForSize } from "../constants/size.mjs";
 import { usePage } from "../hooks/usePage.mjs";
 import { useDesigner } from "../hooks/useDesigner.mjs";
 import toolkit_default from "../toolkits/toolkit.vue.mjs";
+import { useModal } from "../../../modules/global-modal/src/hooks/useModal.mjs";
+import { BasicModal } from "../../../modules/global-modal/index.mjs";
 import stage_default from "../stage/stage.vue.mjs";
 import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, reactive, ref, unref, withCtx } from "vue";
 //#region src/components/label-design/modal/template.vue?vue&type=script&setup=true&lang.ts

package/es/components/label-design/panels/modals/diff-modal.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
-import { useEditorConsoleInner } from "../../../../modules/code-editor/useEditorConsole.mjs";
+import { usePage } from "../../hooks/usePage.mjs";
 import { useModalInner } from "../../../../modules/global-modal/src/hooks/useModal.mjs";
 import { BasicModal } from "../../../../modules/global-modal/index.mjs";
-import { usePage } from "../../hooks/usePage.mjs";
+import { useEditorConsoleInner } from "../../../../modules/code-editor/useEditorConsole.mjs";
 import { createBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, toRaw, unref, watch, withCtx } from "vue";
 import { t } from "@gct-paas/core";
 //#region src/components/label-design/panels/modals/diff-modal.vue?vue&type=script&setup=true&lang.ts

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

@@ -1,7 +1,7 @@
-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 { useModal } from "../../../modules/global-modal/src/hooks/useModal.mjs";
+import "../../../modules/global-modal/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

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

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    modelValue?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    /**
+     * 获取选项数据（如果为空则重新加载）
+     */
+    getOptions: () => Promise<{
+        label: string;
+        value: string;
+        _item: IObject;
+        id: string;
+        name: string;
+        type: string;
+    }[]>;
+    /**
+     * 直接获取 paramsData 的当前值
+     * @returns 标签参数模型的数据数组
+     */
+    getParamsData: () => {
+        label: string;
+        value: string;
+        _item: IObject;
+        id: string;
+        name: string;
+        type: string;
+    }[];
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/label-design/panels/widget/controls/VariableSelect.vue_vue_type_script_setup_true_name_variable-select_lang.mjs

@@ -4,8 +4,8 @@ import FieldCascader_default from "../../../../field-cascader/src/FieldCascader.
 import { CONTENT_TYPE } from "../../../constants/CommonPrintElems.mjs";
 import { usePage } from "../../../hooks/usePage.mjs";
 import { identify } from "../../../identify-config.mjs";
-import "../../../../index.mjs";
 import label_params_select_default from "../components/label-params-select.vue.mjs";
+import "../../../../index.mjs";
 import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, openBlock, ref, resolveComponent, toDisplayString, unref, withCtx } from "vue";
 import { ExpressionModeEnum, ExpressionTabEnum, FIELD_TYPE, t } from "@gct-paas/core";
 //#region src/components/label-design/panels/widget/controls/VariableSelect.vue?vue&type=script&setup=true&name=variable-select&lang.ts

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

@@ -1,9 +1,9 @@
 import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
 import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import labelTemplate_vue_vue_type_script_setup_true_lang_default from "./labelTemplate.vue_vue_type_script_setup_true_lang.mjs";
-import './labelTemplate.vue_vue_type_style_index_0_scoped_992e00bb_lang.css';/* empty css                                                                    */
+import './labelTemplate.vue_vue_type_style_index_0_scoped_c628d318_lang.css';/* empty css                                                                    */
 //#region src/components/label-design/panels/widget/controls/labelTemplate.vue
 var labelTemplate_exports = /* @__PURE__ */ __exportAll({ default: () => labelTemplate_default });
-var labelTemplate_default = /* @__PURE__ */ _plugin_vue_export_helper_default(labelTemplate_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-992e00bb"]]);
+var labelTemplate_default = /* @__PURE__ */ _plugin_vue_export_helper_default(labelTemplate_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c628d318"]]);
 //#endregion
 export { labelTemplate_default as default, labelTemplate_exports };

package/es/components/label-design/panels/widget/controls/labelTemplate.vue_vue_type_script_setup_true_lang.mjs

@@ -4,21 +4,6 @@ import { Fragment, createBlock, createElementBlock, createElementVNode, createTe
 import { t } from "@gct-paas/core";
 //#region src/components/label-design/panels/widget/controls/labelTemplate.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "label-template" };
-var ModelTypeEnum = /* @__PURE__ */ function(ModelTypeEnum) {
-	/** 实体模型 */
-	ModelTypeEnum["ENTITY"] = "entity_module";
-	/** 枚举 */
-	ModelTypeEnum["ENUM"] = "enum_module";
-	/** 虚拟 */
-	ModelTypeEnum[ModelTypeEnum["VIRTUAL"] = 5] = "VIRTUAL";
-	/** 视图 */
-	ModelTypeEnum["VIEW"] = "view_model_module";
-	/** SQL */
-	ModelTypeEnum[ModelTypeEnum["SQL"] = 7] = "SQL";
-	/** 数据 */
-	ModelTypeEnum["DATA"] = "data_model";
-	return ModelTypeEnum;
-}(ModelTypeEnum || {});
 var formart = /* @__PURE__ */ function(formart) {
 	formart["ZPL"] = "zpl";
 	formart["PNG"] = "png";
@@ -46,7 +31,7 @@ var labelTemplate_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			project.value.height = strHeight;
 		};
 		async function getModelList() {
-			modelList.value = await _api.apaas.category.getListComplete({ module: ModelTypeEnum.ENTITY }) || [];
+			modelList.value = await _api.apaas.category.getListComplete({}) || [];
 		}
 		getModelList();
 		watch(formState, (v) => {

package/es/components/label-design/panels/widget/controls/labelTemplate.vue_vue_type_style_index_0_scoped_c628d318_lang.css

@@ -0,0 +1,10 @@
+[data-v-c628d318] .ant-form-item {
+  margin-bottom: 12px;
+}
+[data-v-c628d318] .ant-form-item .ant-form-item-label > label {
+  height: 28px;
+  font-size: 12px;
+}
+[data-v-c628d318] .ant-form-item .ant-form-item-control-input {
+  min-height: 28px;
+}

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

@@ -1,8 +1,8 @@
 import { loadLabelInfo } from "../hooks/usePage.mjs";
 import { PanelEnum, useDesigner } from "../hooks/useDesigner.mjs";
+import stage_canvas_default from "./stage-canvas.vue.mjs";
 import { ActionBar } from "../components/action-bar/action-bar.mjs";
 import panel_default from "../panels/panel.vue.mjs";
-import stage_canvas_default from "./stage-canvas.vue.mjs";
 import stage_header_default from "./stage-header.vue.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeStyle, onMounted, onUnmounted, openBlock, reactive, ref, unref, watch, withCtx, withModifiers } from "vue";
 import { useDebounceFn, useResizeObserver } from "@vueuse/core";
@@ -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/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: 10000;
+  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,34 @@
+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;
+    };
+}>, () => 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;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+    defaultName: string;
+    max: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;