@gct-paas/core-web 0.1.4-dev.8 → 0.1.4-dev.9

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 };