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

package/dist/monaco-editor-Cel355Cg.js

@@ -0,0 +1,350 @@
+import { defineComponent as le, ref as u, watch as ae, computed as ie, onMounted as re, onUnmounted as se, resolveComponent as N, openBlock as T, createElementBlock as ce, renderSlot as M, createElementVNode as k, createVNode as s, normalizeStyle as E, withCtx as x, createTextVNode as ue, toDisplayString as de, unref as d, createBlock as fe, normalizeClass as me, createCommentVNode as ge } from "vue";
+import { SearchOutlined as pe, UpCircleOutlined as ve, DownCircleOutlined as Ce, FormatPainterOutlined as we, CloudDownloadOutlined as he, ClearOutlined as be, RobotOutlined as ye } from "@ant-design/icons-vue";
+import { T as D, m as Me, _ as ke } from "./index-Cna4DZog.js";
+import { format as Ee } from "sql-formatter";
+import "ant-design-vue";
+import "lodash-es";
+import "@gct-paas/core";
+const xe = { class: "hex-monaco-editor m-e w-full h-full overflow-hidden" }, _e = { class: "m-e-main" }, Le = /* @__PURE__ */ le({
+  __name: "monaco-editor",
+  props: {
+    value: { default: "" },
+    title: { default: "" },
+    language: { default: "typescript" },
+    theme: { default: D.DARK },
+    readonly: { type: Boolean, default: !1 },
+    direction: { default: "bottom" },
+    gapVal: { default: 20 }
+  },
+  emits: [
+    "update:value",
+    "change",
+    "editor-mounted",
+    "blur",
+    "focus",
+    "chat-bot-click"
+  ],
+  setup(_, { expose: F, emit: W }) {
+    const n = _, L = u(!1);
+    let i = null;
+    ae(
+      () => n.language,
+      async (t) => {
+        e && e.getModel() && i && i.editor.setModelLanguage(e.getModel(), t);
+      }
+    );
+    const o = W, f = u();
+    let e;
+    const p = u(!0), V = u(!1), c = u(!1), v = u(!1), w = u(!1), A = ie(() => ({
+      color: c.value ? "#000" : "#fff",
+      marginRight: n.gapVal + "px"
+    }));
+    n.theme === D.VS && (c.value = !0);
+    let I = {
+      value: n.value ?? "",
+      // 编辑器内容
+      language: n.language,
+      automaticLayout: !0,
+      // 是否自动布局
+      theme: n.theme,
+      readOnly: n.readonly,
+      wordWrap: p.value ? "on" : "off",
+      // 当单行文本太长时截断换行，true 为换行，false 为不换行
+      scrollBeyondLastLine: !1,
+      // 滚动完最后一行后再滚动一屏幕
+      // 是否开启小地图
+      minimap: {
+        enabled: !0
+      },
+      tabSize: 2,
+      // tab缩进长度
+      autoClosingBrackets: "always",
+      // 是否自动添加结束括号(包括中括号) "always" | "languageDefined" | "beforeWhitespace" | "never"
+      autoClosingDelete: "always",
+      // 是否自动删除结束括号(包括中括号) "always" | "never" | "auto"
+      autoClosingOvertype: "always",
+      // 是否关闭改写 即使用insert模式时是覆盖后面的文字还是不覆盖后面的文字 "always" | "never" | "auto"
+      autoClosingQuotes: "always",
+      // 是否自动添加结束的单引号 双引号 "always" | "languageDefined" | "beforeWhitespace" | "never"
+      comments: {
+        ignoreEmptyLines: !0,
+        // 插入行注释时忽略空行。默认为真。
+        insertSpace: !0
+        // 在行注释标记之后和块注释标记内插入一个空格。默认为真。
+      },
+      // 注释配置
+      columnSelection: !1,
+      // 启用列编辑 按下shift键位然后按↑↓键位可以实现列选择 然后实现列编辑
+      folding: !0,
+      // 是否启用代码折叠
+      fixedOverflowWidgets: !0,
+      // 超出编辑器大小的使用fixed属性显示
+      // 编辑器悬停配置
+      hover: {
+        sticky: !0,
+        // 悬停是否粘滞，可以点击并选择其内容
+        above: !1
+        // 悬停是否应该显示在直线上方
+      }
+    };
+    async function U() {
+      i = await Me.loadMonaco(), O(), z(), n.value && y();
+    }
+    async function q() {
+      await _api.apaas.basicConfig.getAiRagEnabled() == !0 ? w.value = !0 : w.value = !1;
+    }
+    function z() {
+      if (!i) {
+        console.warn(
+          "[MonacoEditor] Monaco editor is not available for initEditor"
+        );
+        return;
+      }
+      e = i.editor.create(f.value, I), n.direction === "bottom" ? b() : n.direction === "top" && h(), e.onDidChangeModelContent(() => {
+        o("change", l()), o("update:value", l());
+      }), e.onDidBlurEditorText(() => {
+        o("blur", l()), o("update:value", l());
+      }), e.onDidFocusEditorText(() => {
+        o("focus");
+      }), L.value = !0, o("editor-mounted", e);
+    }
+    function R(t) {
+      e.setValue(t), o("change", l()), o("update:value", l());
+    }
+    function l() {
+      return e.getValue();
+    }
+    function K() {
+      if (!i)
+        return console.warn(
+          "[MonacoEditor] Monaco editor is not available for getEditorMarkers"
+        ), [];
+      const t = e.getModel();
+      return t ? i.editor.getModelMarkers({ resource: t.uri }) : [];
+    }
+    function $() {
+      if (!i) {
+        console.warn(
+          "[MonacoEditor] Monaco editor is not available for findByKeyword"
+        );
+        return;
+      }
+      try {
+        e.focus(), e.setSelection(new i.Range(1, 9999, 1, 1e4)), e.trigger("", "actions.find", null);
+      } catch (t) {
+        console.error(t);
+      }
+    }
+    function h() {
+      e.setScrollPosition({ scrollTop: 0 });
+    }
+    function b() {
+      e.revealLine(e.getModel().getLineCount());
+    }
+    function j() {
+      p.value = !p.value, p.value ? e.updateOptions({ wordWrap: "on" }) : e.updateOptions({ wordWrap: "off" });
+    }
+    function P() {
+      c.value = !c.value, c.value ? e.updateOptions({ theme: "vs" }) : e.updateOptions({ theme: "vs-dark" });
+    }
+    function Q() {
+      f.value.fullscreenElement ? (f.value.exitFullscreen(), V.value = !1) : (f.value.requestFullscreen(), V.value = !0);
+    }
+    function S() {
+      G(n.title, e.getValue());
+    }
+    function G(t, r) {
+      const a = window.URL || window.webkitURL || window, m = new Blob([r]), C = document.createEvent("MouseEvents");
+      C.initMouseEvent(
+        "click",
+        !0,
+        !1,
+        window,
+        0,
+        0,
+        0,
+        0,
+        0,
+        !1,
+        !1,
+        !1,
+        !1,
+        0,
+        null
+      );
+      const g = document.createElementNS(
+        "http://www.w3.org/1999/xhtml",
+        "a"
+      );
+      g.href = a.createObjectURL(m), g.download = t, g.dispatchEvent(C);
+    }
+    function y() {
+      if (n.language == "sql") {
+        const r = l(), a = Ee(r);
+        e.setValue(a);
+      } else
+        e.getAction("editor.action.formatDocument").run();
+      const t = l();
+      o("change", t), o("update:value", t);
+    }
+    function H() {
+      R("");
+    }
+    function B() {
+      v.value = !v.value, o("chat-bot-click");
+    }
+    function O() {
+      e && e.dispose();
+    }
+    function J() {
+      return e;
+    }
+    re(() => {
+      U();
+    }), se(() => {
+      O();
+    });
+    function X(t) {
+      const r = e.getModel();
+      if (!r) return;
+      const a = r.getFullModelRange();
+      e.executeEdits("setValue", [
+        {
+          range: a,
+          text: t,
+          forceMoveMarkers: !1
+        }
+      ]), o("change", l()), o("update:value", l());
+    }
+    function Y() {
+      return e.getValue();
+    }
+    function Z() {
+      const t = e.getSelection();
+      if (t) {
+        const r = e.getModel()?.getValueInRange(t), a = t.startLineNumber, m = t.startColumn, C = t.endLineNumber, g = t.endColumn, ee = {
+          startLineNumber: 1,
+          startColumn: 1,
+          endLineNumber: a,
+          endColumn: m
+        }, te = e.getModel().getValueInRange(ee), oe = {
+          startLineNumber: C,
+          startColumn: g,
+          endLineNumber: e.getModel().getLineCount(),
+          endColumn: e.getModel().getLineMaxColumn(e.getModel().getLineCount())
+        }, ne = e.getModel().getValueInRange(oe);
+        return {
+          text: r,
+          textBefore: te,
+          textAfter: ne
+        };
+      }
+      return {};
+    }
+    return q(), F({
+      isMonacoReady: L,
+      reload(t) {
+        if (e == null) {
+          console.warn("[MonacoEditor] Monaco editor is not available for reload");
+          return;
+        }
+        e.setValue(t || "");
+      },
+      getMonacoEditor: J,
+      setEditorContent: R,
+      getEditorContent: l,
+      scrollToTop: h,
+      scrollToBottom: b,
+      setEditorWordWrap: j,
+      setEditorTheme: P,
+      handleFullScreenClick: Q,
+      handleDownloadLogClick: S,
+      getEditorMarkers: K,
+      handleFormatCodeClick: y,
+      getValue: Y,
+      setValue: X,
+      getSelectCode: Z,
+      isChatBotActive: v,
+      handleChatBotClick: B
+    }), (t, r) => {
+      const a = N("a-col"), m = N("a-row");
+      return T(), ce("div", xe, [
+        M(t.$slots, "header", {}, void 0, !0),
+        k("div", _e, [
+          s(m, {
+            class: "m-e-main_toolbar w-full flex",
+            type: "flex",
+            justify: "space-between",
+            style: E(
+              c.value ? "background-color: #fff; box-shadow: 0px 2px 5px #ddd;" : "background-color: #1e1e1e; box-shadow: 0px 2px 5px #111;"
+            )
+          }, {
+            default: x(() => [
+              s(a, {
+                class: "m-e-main_toolbar_left flex-1",
+                style: E(c.value ? "color: #000" : "color: #fff")
+              }, {
+                default: x(() => [
+                  k("span", null, [
+                    M(t.$slots, "title", {}, () => [
+                      ue(de(_.title), 1)
+                    ], !0)
+                  ])
+                ]),
+                _: 3
+              }, 8, ["style"]),
+              s(a, {
+                class: "m-e-main_toolbar_right",
+                style: E(A.value)
+              }, {
+                default: x(() => [
+                  s(d(pe), {
+                    class: "icon",
+                    onClick: $
+                  }),
+                  s(d(ve), {
+                    class: "icon",
+                    onClick: h
+                  }),
+                  s(d(Ce), {
+                    class: "icon",
+                    onClick: b
+                  }),
+                  s(d(we), {
+                    class: "icon",
+                    onClick: y
+                  }),
+                  s(d(he), {
+                    class: "icon",
+                    onClick: S
+                  }),
+                  s(d(be), {
+                    class: "icon",
+                    onClick: H
+                  }),
+                  w.value ? (T(), fe(d(ye), {
+                    key: 0,
+                    title: "聊天机器人",
+                    class: me(["icon", { "icon-active": v.value }]),
+                    onClick: B
+                  }, null, 8, ["class"])) : ge("", !0)
+                ]),
+                _: 1
+              }, 8, ["style"])
+            ]),
+            _: 3
+          }, 8, ["style"]),
+          k("div", {
+            ref_key: "Editor",
+            ref: f,
+            class: "m-e-main_container"
+          }, null, 512)
+        ]),
+        M(t.$slots, "footer", {}, void 0, !0)
+      ]);
+    };
+  }
+}), De = /* @__PURE__ */ ke(Le, [["__scopeId", "data-v-254c9227"]]);
+export {
+  De as default
+};

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -0,0 +1,9 @@
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+export { _export_sfc as default };

package/es/ai-components/code-chat/code-chat.d.ts

@@ -0,0 +1,53 @@
+import { PropType } from 'vue';
+export declare const CodeChat: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    backend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editorRef: {
+        type: ObjectConstructor;
+    };
+    providers: {
+        type: PropType<{
+            tag: string;
+            getMentions: () => Promise<IObject[]>;
+        }[]>;
+        default: () => never[];
+    };
+    pageInfo: {
+        type: ObjectConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    backend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    editorRef: {
+        type: ObjectConstructor;
+    };
+    providers: {
+        type: PropType<{
+            tag: string;
+            getMentions: () => Promise<IObject[]>;
+        }[]>;
+        default: () => never[];
+    };
+    pageInfo: {
+        type: ObjectConstructor;
+    };
+}>> & Readonly<{}>, {
+    id: string;
+    backend: boolean;
+    providers: {
+        tag: string;
+        getMentions: () => Promise<IObject[]>;
+    }[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/ai-components/index.d.ts

@@ -0,0 +1 @@
+export { CodeChat } from './code-chat/code-chat';

package/es/ai-components/wujie-ai-container/wujie-ai-container.d.ts

@@ -0,0 +1,21 @@
+export declare const WuJieAIContainer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    wuJieName: {
+        type: StringConstructor;
+        required: true;
+    };
+    wuJieProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    wuJieName: {
+        type: StringConstructor;
+        required: true;
+    };
+    wuJieProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    wuJieProps: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/app-modal/app-modal-component.css

@@ -0,0 +1,149 @@
+@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 */
+/* 模态 start */
+/* 模态 end */
+.gct-modal {
+  --gct-modal-z-index: var(--gct-z-index-modal);
+  --gct-modal-background-color: var(--gct-color-bg-1);
+}
+.gct-modal__full-screen {
+  position: absolute;
+  top: 0;
+  right: 48px;
+  padding: 16px 8px;
+  color: #212528;
+  font-size: 16px;
+  line-height: 1;
+  line-height: 22px;
+  cursor: pointer;
+}
+
+.gct-modal.is-hidden-footer > .ant-modal-content > .ant-modal-footer {
+  display: none;
+  padding: 16px;
+}
+
+.gct-modal.is-hidden-close-btn > .ant-modal-content > .ant-modal-close {
+  display: none;
+}
+
+.gct-modal.is-hidden-cancel-btn > .ant-modal-content > .ant-modal-footer > button:first-child {
+  display: none;
+}
+
+.gct-modal.is-full-screen {
+  top: 0;
+  width: 100vw !important;
+  height: 100vh !important;
+  max-width: 100%;
+  max-height: fit-content;
+  margin: 0;
+  padding-bottom: 0;
+}
+.gct-modal.is-full-screen .ant-modal-content {
+  display: flex;
+  flex-direction: column;
+  width: 100vw;
+  max-width: 100vw;
+  height: 100vh;
+  max-height: 100vh;
+}
+
+.gct-modal > .ant-modal-content {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  max-height: 85vh;
+}
+.gct-modal > .ant-modal-content > .ant-modal-close > .ant-modal-close-x {
+  width: auto;
+  height: auto;
+  padding: 16px;
+  color: #212528;
+  line-height: 1;
+  line-height: 22px;
+}
+.gct-modal > .ant-modal-content > .ant-modal-header {
+  border-bottom: 1px solid #e0e3ea;
+}
+.gct-modal > .ant-modal-content > .ant-modal-footer {
+  border-top: 1px solid #e0e3ea;
+}
+.gct-modal > .ant-modal-content > .ant-modal-header,
+.gct-modal > .ant-modal-content > .ant-modal-footer {
+  flex-shrink: 0;
+  padding: 16px;
+}
+.gct-modal > .ant-modal-content > .ant-modal-header .ant-modal-title {
+  color: #000;
+  font-weight: 600;
+  min-height: 22px;
+}
+.gct-modal > .ant-modal-content > .ant-modal-body {
+  flex-grow: 1;
+  padding: 0;
+  overflow: hidden auto;
+}

package/es/components/app-modal/app-modal-component.d.ts

@@ -0,0 +1,26 @@
+import { PropType, VNode } from 'vue';
+import { IModalOptions, IOverlayContainer } from '@gct-paas/core';
+export declare const AppModalComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    opts: {
+        type: PropType<IModalOptions>;
+        default: () => {};
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    opts: {
+        type: PropType<IModalOptions>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    opts: IModalOptions;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+/**
+ * 创建模态框
+ *
+ * @author zhanghanrui
+ * @date 2024-03-19 21:03:37
+ * @export
+ * @param {() => VNode} render
+ * @param {(IModalOptions)} [opts]
+ * @return {*}  {IOverlayContainer}
+ */
+export declare function createModal(render: () => VNode, opts?: IModalOptions): IOverlayContainer;