@gct-paas/core-web 0.1.4-dev.1 → 0.1.4-dev.10

package/es/editor/gct-form-select/gct-form-select.d.ts

@@ -15,7 +15,7 @@ export declare const GctFormSelect: import('vue').DefineComponent<import('vue').
     };
 }>, {
     ns: import('@gct-paas/core').Namespace;
-    val: import('vue').WritableComputedRef<any, any> | null;
+    val: import('vue').WritableComputedRef<any, any>;
     options: import('vue').ComputedRef<import('@gct-paas/core').IDictionaryItem[]>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     c: {

package/es/editor/gct-form-switch/gct-form-switch.d.ts

@@ -11,7 +11,7 @@ export declare const GctFormSwitch: import('vue').DefineComponent<import('vue').
     };
 }>, {
     ns: import('@gct-paas/core').Namespace;
-    val: import('vue').WritableComputedRef<any, any> | null;
+    val: import('vue').WritableComputedRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     model: {
         type: PropType<ISwitchEditor>;

package/es/editor/gct-form-textarea/gct-form-textarea.d.ts

@@ -11,7 +11,7 @@ export declare const GctFormTextarea: import('vue').DefineComponent<import('vue'
     };
 }>, {
     ns: import('@gct-paas/core').Namespace;
-    val: import('vue').WritableComputedRef<any, any> | null;
+    val: import('vue').WritableComputedRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     model: {
         type: PropType<ITextareaEditor>;

package/es/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useLocale } from './useLocale';
+export { useTheme } from './useTheme';
+export { UseDragByLine } from './useDragLine';

package/es/hooks/useDragLine.d.ts

@@ -0,0 +1,6 @@
+import { COLUMNS_TYPE } from '@gct-paas/core';
+export declare function UseDragByLine(startValue: number, rowType: COLUMNS_TYPE, config?: IObject): {
+    moveDomDown: (event: MouseEvent, el: HTMLElement, onMouseUp?: () => void) => void;
+    moveMobileDomDown: (event: TouchEvent, el: HTMLElement, onTouchEnd?: () => void) => void;
+    start: import('vue').WritableComputedRef<any, any>;
+};

package/es/hooks/useDragLine.mjs

@@ -0,0 +1,78 @@
+import { ref, reactive, computed } from 'vue';
+
+function UseDragByLine(startValue, rowType, config = {}) {
+  const minValue = config.minValue ?? 10;
+  const startMove = ref(startValue);
+  const dragData = reactive({
+    offset: "offsetWidth",
+    client: "clientX",
+    clientMove: 0,
+    rowType,
+    offsetWidth: 2e3
+  });
+  function moveDomDown(event, el, onMouseUp) {
+    const elRecord = el;
+    const eventRecord = event;
+    dragData.offsetWidth = elRecord[dragData.offset] ?? 0;
+    dragData.clientMove = eventRecord[dragData.client] ?? 0;
+    event.preventDefault();
+    document.onmousemove = (e) => {
+      moveHandle(
+        e[dragData.client] ?? 0
+      );
+    };
+    document.onmouseup = () => {
+      document.onmouseup = null;
+      document.onmousemove = null;
+      onMouseUp?.();
+    };
+  }
+  function moveMobileDomDown(event, el, onTouchEnd) {
+    const elRecord = el;
+    const touch = event.touches[0];
+    if (!touch) return;
+    dragData.offsetWidth = elRecord[dragData.offset] ?? 0;
+    dragData.clientMove = touch[dragData.client] ?? 0;
+    event.preventDefault();
+    document.ontouchmove = (e) => {
+      moveHandle(
+        e.touches[0][dragData.client] ?? 0
+      );
+    };
+    document.ontouchend = () => {
+      document.ontouchend = null;
+      document.ontouchmove = null;
+      onTouchEnd?.();
+    };
+  }
+  function moveHandle(clientX) {
+    const computedX = clientX - dragData.clientMove;
+    const changeWidth = transformWidth(startMove.value) + computedX;
+    startMove.value = transformWidth(changeWidth);
+    dragData.clientMove = clientX;
+  }
+  function transformWidth(width) {
+    if (dragData.rowType === "right" || dragData.rowType === "bottom") {
+      return dragData.offsetWidth - width;
+    } else {
+      return width;
+    }
+  }
+  const start = computed({
+    get() {
+      if (startMove.value < minValue) {
+        return minValue;
+      }
+      if (startMove.value > dragData.offsetWidth - minValue) {
+        return dragData.offsetWidth - minValue;
+      }
+      return startMove.value;
+    },
+    set(v) {
+      startMove.value = v;
+    }
+  });
+  return { moveDomDown, moveMobileDomDown, start };
+}
+
+export { UseDragByLine };

package/es/hooks/useLocale.d.ts

@@ -0,0 +1,4 @@
+import { Locale } from 'ant-design-vue/lib/locale-provider';
+export declare function useLocale(): {
+    getAntdLocale: import('vue').ComputedRef<Locale>;
+};

package/es/hooks/useLocale.mjs

@@ -0,0 +1,32 @@
+import { computed } from 'vue';
+import antdLocaleCn from 'ant-design-vue/es/locale/zh_CN';
+import antdLocaleUs from 'ant-design-vue/es/locale/en_US';
+import antdLocalePt from 'ant-design-vue/es/locale/pt_PT';
+import antdLocaleTr from 'ant-design-vue/es/locale/tr_TR';
+import antdLocaleTw from 'ant-design-vue/es/locale/zh_TW';
+import antdLocaleJp from 'ant-design-vue/es/locale/ja_JP';
+import antdLocaleVn from 'ant-design-vue/es/locale/vi_VN';
+import antdLocaleDe from 'ant-design-vue/es/locale/de_DE';
+import antdLocaleFr from 'ant-design-vue/es/locale/fr_FR';
+import antdLocaleEs from 'ant-design-vue/es/locale/es_ES';
+import antdLocaleRu from 'ant-design-vue/es/locale/ru_RU';
+
+const antdMap = {
+  "zh-CN": antdLocaleCn,
+  "en-US": antdLocaleUs,
+  "pt-PT": antdLocalePt,
+  "tr-TR": antdLocaleTr,
+  "zh-TW": antdLocaleTw,
+  "ja-JP": antdLocaleJp,
+  "vi-VN": antdLocaleVn,
+  "de-GE": antdLocaleDe,
+  "fr-FR": antdLocaleFr,
+  "es-ES": antdLocaleEs,
+  "ru-RU": antdLocaleRu
+};
+function useLocale() {
+  const getAntdLocale = computed(() => antdMap[_gct.store.getLang]);
+  return { getAntdLocale };
+}
+
+export { useLocale };

package/es/hooks/useTheme.d.ts

@@ -0,0 +1,8 @@
+interface IThemeVars {
+    primaryColor?: string;
+}
+export declare function useTheme(): {
+    themeVars: IThemeVars;
+    setPrimaryColor: (color: string) => void;
+};
+export {};

package/es/hooks/useTheme.mjs

@@ -0,0 +1,20 @@
+import { reactive } from 'vue';
+import { ConfigProvider } from 'ant-design-vue';
+
+const themeVars = reactive({});
+function useTheme() {
+  function setPrimaryColor(color) {
+    themeVars.primaryColor = color;
+    ConfigProvider.config({
+      theme: {
+        primaryColor: color
+      }
+    });
+  }
+  return {
+    themeVars,
+    setPrimaryColor
+  };
+}
+
+export { useTheme };

package/es/index.d.ts

@@ -1,8 +1,9 @@
-import { App } from 'vue';
-import { CodeEditor } from './components';
-declare const _default: {
-    install(app: App): void;
-};
-export default _default;
+export * from './hooks';
 export * from './utils';
-export { CodeEditor };
+export * from './modules/code-editor';
+export * from './modules/formula-editor';
+export * from './modules/gct-dnd';
+export * from './modules/global-modal';
+export * from './components';
+export { coreWebCreateAppVue } from './create-app-vue';
+export { coreWebSetupApp } from './setup-app';

package/es/index.mjs

@@ -1,27 +1,43 @@
-import './components/index.mjs';
-import Editor from './editor/index.mjs';
-import GctEditForm from './widgets/gct-edit-form/index.mjs';
-import GctForm from './widgets/gct-form/index.mjs';
-import './utils/index.mjs';
-import { CodeEditor } from './components/code-editor/code-editor.mjs';
-import { FlexContainer } from './components/layout/flex-container/flex-container.mjs';
-import { FlexItem } from './components/layout/flex-item/flex-item.mjs';
-import { GridContainer } from './components/layout/grid-container/grid-container.mjs';
-import { ViewContainer } from './components/layout/view-container/view-container.mjs';
+import { MessageUtil } from './utils/message-util/message-util.mjs';
+import './components/svg-icon/svg-icon.css';export { monacoLoader } from './utils/monaco-loader/monaco-loader.mjs';
+import { overlay } from './utils/overlay-controller/overlay-controller.mjs';
+export { OverlayController } from './utils/overlay-controller/overlay-controller.mjs';
 export { withInstall } from './utils/with-install.mjs';
+export { useLocale } from './hooks/useLocale.mjs';
+export { useTheme } from './hooks/useTheme.mjs';
+export { UseDragByLine } from './hooks/useDragLine.mjs';
+export { MonacoEditor } from './modules/code-editor/index.mjs';
+export { WUJIE_FORMULA_EVENTS } from './modules/formula-editor/constants/index.mjs';
+export { openFormulaEditor } from './modules/formula-editor/formula-editor.mjs';
+export { GctDndContainer } from './modules/gct-dnd/components/gct-dnd-container/gct-dnd-container.mjs';
+export { GctDndDropLine } from './modules/gct-dnd/components/gct-dnd-drop-line/gct-dnd-drop-line.mjs';
+export { GctDndItem } from './modules/gct-dnd/components/gct-dnd-item/gct-dnd-item.mjs';
+export { GCT_DND_INSERT_POS } from './modules/gct-dnd/constants/index.mjs';
+export { BasicModal } from './modules/global-modal/index.mjs';
+export { default as SvgIcon } from './components/svg-icon/svg-icon.vue.mjs';
+/* empty css                                   */
+export { AssetsSvgIcon } from './components/assets-svg-icon/assets-svg-icon.mjs';
+export { default as BaseButton } from './components/base-button/base-button.vue.mjs';
+export { default as BasicButton } from './components/basic-button/basic-button.vue.mjs';
+export { WuJieContainer } from './components/wujie-container/wujie-container.mjs';
+export { default as DoubleInput } from './components/double-input/double-input.vue.mjs';
+export { default as CopyModuleKey } from './components/copy-module-key/copy-module-key.vue.mjs';
+export { CodeEditor } from './components/code-editor/code-editor.mjs';
+export { FlexContainer } from './components/layout/flex-container/flex-container.mjs';
+export { FlexItem } from './components/layout/flex-item/flex-item.mjs';
+export { GridContainer } from './components/layout/grid-container/grid-container.mjs';
+export { ViewContainer } from './components/layout/view-container/view-container.mjs';
+export { coreWebCreateAppVue } from './create-app-vue.mjs';
+export { coreWebSetupApp } from './setup-app.mjs';
+export { Lang, Prop, Theme } from './modules/code-editor/useMonacoEditor.mjs';
+export { useEditorConsole, useEditorConsoleInner } from './modules/code-editor/useEditorConsole.mjs';
+export { useModal, useModalInner } from './modules/global-modal/src/hooks/useModal.mjs';
+export { useModalContext } from './modules/global-modal/src/hooks/useModalContext.mjs';
 
-"use strict";
-var index = {
-  install(app) {
-    app.use(Editor);
-    app.use(GctEditForm);
-    app.use(GctForm);
-    app.component(CodeEditor.name, CodeEditor);
-    app.component(FlexContainer.name, FlexContainer);
-    app.component(FlexItem.name, FlexItem);
-    app.component(GridContainer.name, GridContainer);
-    app.component(ViewContainer.name, ViewContainer);
-  }
-};
+function onInit() {
+  _gct.message = new MessageUtil();
+  _gct.openUtil = overlay;
+}
+onInit();
 
-export { CodeEditor, index as default };
+export { MessageUtil, overlay };

package/es/modules/code-editor/index.d.ts

@@ -0,0 +1,163 @@
+export declare const MonacoEditor: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./monaco-editor.vue').Prop> & Readonly<{
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        "onEditor-mounted"?: ((...args: any[]) => any) | undefined;
+        "onChat-bot-click"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        isMonacoReady: import('vue').Ref<boolean, boolean>;
+        reload(newVal: string): void;
+        getMonacoEditor: () => any;
+        setEditorContent: (val: string) => void;
+        getEditorContent: () => any;
+        scrollToTop: () => void;
+        scrollToBottom: () => void;
+        setEditorWordWrap: () => void;
+        setEditorTheme: () => void;
+        handleFullScreenClick: () => void;
+        handleDownloadLogClick: () => void;
+        getEditorMarkers: () => any;
+        handleFormatCodeClick: () => void;
+        getValue: () => any;
+        setValue: (code: string) => void;
+        getSelectCode: () => {
+            text: any;
+            textBefore: any;
+            textAfter: any;
+        } | {
+            text?: undefined;
+            textBefore?: undefined;
+            textAfter?: undefined;
+        };
+        isChatBotActive: import('vue').Ref<boolean, boolean>;
+        handleChatBotClick: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        blur: (...args: any[]) => void;
+        change: (...args: any[]) => void;
+        focus: (...args: any[]) => void;
+        "update:value": (...args: any[]) => void;
+        "editor-mounted": (...args: any[]) => void;
+        "chat-bot-click": (...args: any[]) => void;
+    }, import('vue').PublicProps, {
+        title: string;
+        direction: "top" | "bottom";
+        theme: import('./useMonacoEditor').Theme;
+        value: string | null;
+        language: string;
+        readonly: boolean;
+        gapVal: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        Editor: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./monaco-editor.vue').Prop> & Readonly<{
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        "onEditor-mounted"?: ((...args: any[]) => any) | undefined;
+        "onChat-bot-click"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        isMonacoReady: import('vue').Ref<boolean, boolean>;
+        reload(newVal: string): void;
+        getMonacoEditor: () => any;
+        setEditorContent: (val: string) => void;
+        getEditorContent: () => any;
+        scrollToTop: () => void;
+        scrollToBottom: () => void;
+        setEditorWordWrap: () => void;
+        setEditorTheme: () => void;
+        handleFullScreenClick: () => void;
+        handleDownloadLogClick: () => void;
+        getEditorMarkers: () => any;
+        handleFormatCodeClick: () => void;
+        getValue: () => any;
+        setValue: (code: string) => void;
+        getSelectCode: () => {
+            text: any;
+            textBefore: any;
+            textAfter: any;
+        } | {
+            text?: undefined;
+            textBefore?: undefined;
+            textAfter?: undefined;
+        };
+        isChatBotActive: import('vue').Ref<boolean, boolean>;
+        handleChatBotClick: () => void;
+    }, {}, {}, {}, {
+        title: string;
+        direction: "top" | "bottom";
+        theme: import('./useMonacoEditor').Theme;
+        value: string | null;
+        language: string;
+        readonly: boolean;
+        gapVal: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./monaco-editor.vue').Prop> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    "onEditor-mounted"?: ((...args: any[]) => any) | undefined;
+    "onChat-bot-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    isMonacoReady: import('vue').Ref<boolean, boolean>;
+    reload(newVal: string): void;
+    getMonacoEditor: () => any;
+    setEditorContent: (val: string) => void;
+    getEditorContent: () => any;
+    scrollToTop: () => void;
+    scrollToBottom: () => void;
+    setEditorWordWrap: () => void;
+    setEditorTheme: () => void;
+    handleFullScreenClick: () => void;
+    handleDownloadLogClick: () => void;
+    getEditorMarkers: () => any;
+    handleFormatCodeClick: () => void;
+    getValue: () => any;
+    setValue: (code: string) => void;
+    getSelectCode: () => {
+        text: any;
+        textBefore: any;
+        textAfter: any;
+    } | {
+        text?: undefined;
+        textBefore?: undefined;
+        textAfter?: undefined;
+    };
+    isChatBotActive: import('vue').Ref<boolean, boolean>;
+    handleChatBotClick: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    "update:value": (...args: any[]) => void;
+    "editor-mounted": (...args: any[]) => void;
+    "chat-bot-click": (...args: any[]) => void;
+}, string, {
+    title: string;
+    direction: "top" | "bottom";
+    theme: import('./useMonacoEditor').Theme;
+    value: string | null;
+    language: string;
+    readonly: boolean;
+    gapVal: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        header?(_: {}): any;
+        title?(_: {}): any;
+        footer?(_: {}): any;
+    };
+});
+export * from './useEditorConsole';
+export { Lang, Prop, Theme } from './useMonacoEditor';

package/es/modules/code-editor/index.mjs

@@ -0,0 +1,8 @@
+import { defineAsyncComponent } from 'vue';
+export { useEditorConsole, useEditorConsoleInner } from './useEditorConsole.mjs';
+
+const MonacoEditor = defineAsyncComponent(
+  () => import('./monaco-editor.vue.mjs')
+);
+
+export { MonacoEditor };

package/es/modules/code-editor/monaco-editor.css

@@ -0,0 +1,49 @@
+.m-e[data-v-254c9227] {
+  width: 100%;
+  height: 100%;
+}
+.m-e .m-e-main[data-v-254c9227] {
+  display: flex;
+  flex-direction: column;
+  width: calc(100% - 2px);
+  height: calc(100% - 2px);
+}
+.m-e .m-e-main .m-e-main_toolbar[data-v-254c9227] {
+  position: relative;
+  z-index: 10;
+  height: 40px;
+  box-shadow: 0 2px 5px #000;
+}
+.m-e .m-e-main .m-e-main_toolbar .m-e-main_toolbar_left span[data-v-254c9227] {
+  padding-left: 10px;
+  font-size: 15px;
+  line-height: 40px;
+  user-select: none;
+}
+.m-e .m-e-main .m-e-main_toolbar .m-e-main_toolbar_right[data-v-254c9227] {
+  display: flex;
+  align-items: center;
+}
+.m-e .m-e-main .m-e-main_toolbar .m-e-main_toolbar_right .icon[data-v-254c9227] {
+  display: inline-block;
+  margin-left: 10px;
+  transition: ease all 0.3s;
+  border-radius: 2px;
+  text-align: center;
+  cursor: pointer;
+}
+.m-e .m-e-main .m-e-main_toolbar .m-e-main_toolbar_right .icon[data-v-254c9227]:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.m-e .m-e-main .m-e-main_toolbar .m-e-main_toolbar_right .icon.icon-active[data-v-254c9227] {
+  color: #1890ff;
+  background-color: rgba(24, 144, 255, 0.1);
+  box-shadow: 0 0 4px rgba(24, 144, 255, 0.5);
+  transform: scale(1.1);
+}
+.m-e .m-e-main .m-e-main_container[data-v-254c9227] {
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  min-height: 400px;
+}

package/es/modules/code-editor/monaco-editor.vue.d.ts

@@ -0,0 +1,143 @@
+import { Theme } from './useMonacoEditor';
+export interface Prop {
+    value?: string | null;
+    /** 标题 */
+    title?: string;
+    /** 语言 */
+    language?: string;
+    /** 官方自带三种主题：vs、hc-black、vs-dark */
+    theme?: Theme;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 阅读方向 */
+    direction?: 'top' | 'bottom';
+    gapVal?: number;
+}
+/**
+ * 设置编辑器的内容且滚动到最底部
+ */
+declare function setEditorContent(val: string): void;
+/**
+ * 获取编辑器的内容
+ */
+declare function getEditorContent(): any;
+/**
+ * 获取编辑器报错内容
+ */
+declare function getEditorMarkers(): any;
+/**
+ * 设置编辑器滚动到最顶部
+ */
+declare function scrollToTop(): void;
+/**
+ * 设置编辑器滚动到最底部
+ */
+declare function scrollToBottom(): void;
+/**
+ * 是否截断换行
+ */
+declare function setEditorWordWrap(): void;
+/**
+ * 切换白天或暗夜模式
+ */
+declare function setEditorTheme(): void;
+/**
+ * 全屏切换
+ */
+declare function handleFullScreenClick(): void;
+/**
+ * 下载
+ */
+declare function handleDownloadLogClick(): void;
+/**
+ * 格式化代码
+ */
+declare function handleFormatCodeClick(): void;
+/**
+ * 处理聊天机器人点击事件
+ */
+declare function handleChatBotClick(): void;
+/**
+ * 获取monacoEditor的实例
+ */
+declare function getMonacoEditor(): any;
+/**
+ * 设置编辑器内容，替换所有现有内容
+ * 支持编辑器的撤销/重做功能
+ * @param code 要设置的代码内容
+ */
+declare function setValue(code: string): void;
+declare function getValue(): any;
+declare function getSelectCode(): {
+    text: any;
+    textBefore: any;
+    textAfter: any;
+} | {
+    text?: undefined;
+    textBefore?: undefined;
+    textAfter?: undefined;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        title?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        Editor: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Prop, {
+    isMonacoReady: import('vue').Ref<boolean, boolean>;
+    reload(newVal: string): void;
+    getMonacoEditor: typeof getMonacoEditor;
+    setEditorContent: typeof setEditorContent;
+    getEditorContent: typeof getEditorContent;
+    scrollToTop: typeof scrollToTop;
+    scrollToBottom: typeof scrollToBottom;
+    setEditorWordWrap: typeof setEditorWordWrap;
+    setEditorTheme: typeof setEditorTheme;
+    handleFullScreenClick: typeof handleFullScreenClick;
+    handleDownloadLogClick: typeof handleDownloadLogClick;
+    getEditorMarkers: typeof getEditorMarkers;
+    handleFormatCodeClick: typeof handleFormatCodeClick;
+    getValue: typeof getValue;
+    setValue: typeof setValue;
+    getSelectCode: typeof getSelectCode;
+    isChatBotActive: import('vue').Ref<boolean, boolean>;
+    handleChatBotClick: typeof handleChatBotClick;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    "update:value": (...args: any[]) => void;
+    "editor-mounted": (...args: any[]) => void;
+    "chat-bot-click": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Prop> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    "onEditor-mounted"?: ((...args: any[]) => any) | undefined;
+    "onChat-bot-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    direction: "top" | "bottom";
+    theme: Theme;
+    value: string | null;
+    language: string;
+    readonly: boolean;
+    gapVal: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    Editor: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/modules/code-editor/monaco-editor.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './monaco-editor.vue2.mjs';
+import './monaco-editor.css';/* empty css                    */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const monacoEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-254c9227"]]);
+
+export { monacoEditor as default };