@web-utils/component 2.7.4 → 2.7.5

package/dist/chunks/{WidgetConfig.vue_vue_type_template_lang.f903c9b2.js → WidgetConfig.vue_vue_type_template_lang.fbbbff76.js}

@@ -1,4 +1,4 @@
-import MonacoEditor from "../form-design/utils/monaco-editor";
+import { M as MonacoEditor } from "./monaco.1dbdc960.js";
 import { s as staticRenderFns$1, r as render$1 } from "./ConfigCustom.vue_vue_type_template_lang.6e03d7fd.js";
 import { n as normalizeComponent } from "./vueComponentNormalizer.71e2aa87.js";
 import { s as staticRenderFns$2, r as render$2 } from "./ConfigInput.vue_vue_type_template_lang.cc1eb052.js";
@@ -870,7 +870,7 @@ var __component__$9 = /* @__PURE__ */ normalizeComponent(
   staticRenderFns$b,
   !1,
   __vue2_injectStyles$9,
-  "9953620c",
+  "8a482952",
   null,
   null
 );

package/dist/chunks/monaco.1dbdc960.js

@@ -0,0 +1,283 @@
+import * as h from "monaco-editor/esm/vs/editor/editor.api";
+import "monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution";
+let y = /[\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, j = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/, u, g, O = {
+  // table of character substitutions
+  "\b": "\\b",
+  "	": "\\t",
+  "\n": "\\n",
+  "\f": "\\f",
+  "\r": "\\r",
+  '"': '\\"',
+  "'": "\\'",
+  "\\": "\\\\"
+}, c;
+function b(t, e = {}) {
+  var i = e.space || 2, n = e.dropQuotesOnKeys != !1, r = e.dropQuotesOnNumbers || !1, s = e.inlineShortArrays || !1, a = e.inlineShortArraysDepth || 1, f = e.quoteType || "single", d = e.minify || !1;
+  r && x(t);
+  var l = $(t, null, d ? void 0 : i, n, f);
+  if (s && !d) {
+    var o = S(l);
+    if (a > 1)
+      for (var v = 1; v < a && (l = o, o = S(l), o != l); v++)
+        ;
+    l = o;
+  }
+  return l;
+}
+function x(t) {
+  if (M(t)) {
+    var e = Object.keys(t);
+    e && e.forEach(function(i) {
+      var n = t[i];
+      if (typeof n == "string") {
+        var r = n - 0;
+        t[i] = isNaN(r) ? n : r;
+      } else
+        (M(n) || Array.isArray(n)) && x(n);
+    });
+  }
+}
+function M(t) {
+  return t && typeof t == "object";
+}
+function S(t, e) {
+  if (e || (e = 80), typeof e != "number" || e < 20)
+    throw "Invalid width '" + e + "'. Expecting number equal or larger than 20.";
+  for (var i = t.split(`
+`), n = 0, r = null, s = []; n < i.length; ) {
+    var a = !!i[n].match(/\[/), f = !!i[n].match(/\],?/);
+    if (a && !f)
+      s = [i[n]], r = n;
+    else if (f && !a && r) {
+      s.push((i[n] || "").trim());
+      var d = s.join(" ");
+      d.length < e && (i.splice(r, n - r + 1, d), n = r), r = null, s = [];
+    } else
+      r && s.push((i[n] || "").trim());
+    n += 1;
+  }
+  return i.join(`
+`);
+}
+function $(t, e, i, n, r) {
+  var s;
+  if (u = "", g = "", typeof i == "number")
+    for (s = 0; s < i; s += 1)
+      g += " ";
+  else
+    typeof i == "string" && (g = i);
+  if (c = e, e && typeof e != "function" && (typeof e != "object" || typeof e.length != "number"))
+    throw new Error("JSON.stringify");
+  return m("", { "": t }, n, r);
+}
+function m(t, e, i, n) {
+  var r, s, a, f, d = u, l, o = e[t];
+  switch (o && typeof o == "object" && typeof o.toJSON == "function" && (o = o.toJSON(t)), typeof c == "function" && (o = c.call(e, t, o)), typeof o) {
+    case "function":
+      return o;
+    case "string":
+      return p(o, n);
+    case "number":
+      return isFinite(o) ? String(o) : "null";
+    case "boolean":
+    case "null":
+      return String(o);
+    case "object":
+      if (!o)
+        return "null";
+      if (u += g, l = [], Object.prototype.toString.apply(o) === "[object Array]") {
+        for (f = o.length, r = 0; r < f; r += 1)
+          l[r] = m(r, o, i, n) || "null";
+        return a = l.length === 0 ? "[]" : u ? `[
+` + u + l.join(`,
+` + u) + `
+` + d + "]" : "[" + l.join(",") + "]", u = d, a;
+      }
+      if (c && typeof c == "object")
+        for (f = c.length, r = 0; r < f; r += 1)
+          typeof c[r] == "string" && (s = c[r], a = m(s, o, i, n), a && l.push((i ? _(s, n) : p(s, n)) + (u ? ": " : ":") + a));
+      else
+        for (s in o)
+          Object.prototype.hasOwnProperty.call(o, s) && (a = m(s, o, i, n), a && l.push((i ? _(s, n) : p(s, n)) + (u ? ": " : ":") + a));
+      return a = l.length === 0 ? "{}" : u ? `{
+` + u + l.join(`,
+` + u) + `
+` + d + "}" : "{" + l.join(",") + "}", u = d, a;
+  }
+}
+function p(t, e) {
+  y.lastIndex = 0;
+  var i = '"';
+  return e === "single" && (i = "'"), y.test(t) ? i + t.replace(y, function(n) {
+    var r = O[n];
+    return typeof r == "string" ? r : "\\u" + ("0000" + n.charCodeAt(0).toString(16)).slice(-4);
+  }) + i : i + t + i;
+}
+function _(t, e) {
+  return j.test(t) ? t : p(t, e);
+}
+function E() {
+}
+const w = {
+  name: "MonacoEditor",
+  props: {
+    diffEditor: { type: Boolean, default: !1 },
+    //是否使用diff模式
+    width: { type: [String, Number], default: "100%" },
+    height: { type: [String, Number], default: "100%" },
+    original: String,
+    //只有在diff模式下有效
+    value: [String, Object],
+    language: { type: String, default: "javascript" },
+    theme: { type: String, default: "vs" },
+    readOnly: { type: Boolean, default: !1 },
+    options: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    editorMounted: { type: Function, default: E },
+    editorBeforeMount: { type: Function, default: E },
+    keyIndex: { type: String }
+  },
+  watch: {
+    options: {
+      deep: !0,
+      handler(t) {
+        this.editor && this.editor.updateOptions(t);
+      }
+    },
+    keyIndex() {
+      let t = this.value;
+      typeof t == "object" && (t = b(t)), this.editor && t !== this._getValue() && this._setValue(t);
+    },
+    language() {
+      if (this.editor)
+        if (this.diffEditor) {
+          const { original: t, modified: e } = this.editor.getModel();
+          h.editor.setModelLanguage(t, this.language), h.editor.setModelLanguage(e, this.language);
+        } else
+          h.editor.setModelLanguage(this.editor.getModel(), this.language);
+    },
+    theme() {
+      this.editor && h.editor.setTheme(this.theme);
+    },
+    style() {
+      this.editor && this.$nextTick(() => {
+        this.editor.layout();
+      });
+    },
+    value(t) {
+      this.editor && t !== this._getValue() && this._setValue(t);
+    }
+  },
+  computed: {
+    style() {
+      return {
+        width: /^\d+$/.test(this.width) ? `${this.width}px` : this.width,
+        height: /^\d+$/.test(this.height) ? `${this.height}px` : this.height,
+        position: "relative"
+      };
+    }
+  },
+  mounted() {
+    this.initMonaco();
+  },
+  beforeDestroy() {
+    this.editor && this.editor.dispose();
+  },
+  render(t) {
+    const e = this.options.fullScreen;
+    return t("div", { class: "monaco_editor_container", style: this.style }, [
+      e ? t("i", {
+        class: "el-icon-full-screen",
+        style: {
+          width: "1.2em",
+          height: "1.2em",
+          position: "absolute",
+          left: "0px",
+          top: "0px",
+          zIndex: "1",
+          cursor: "pointer"
+        },
+        on: { click: this._handleFullScreen }
+      }) : ""
+    ]);
+  },
+  methods: {
+    initMonaco() {
+      const { value: t, language: e, theme: i, readOnly: n, options: r } = this;
+      Object.assign(r, this._editorBeforeMount()), this.editor = h.editor[this.diffEditor ? "createDiffEditor" : "create"](this.$el, {
+        value: typeof t == "string" ? t : b(t),
+        language: e,
+        theme: i,
+        readOnly: n,
+        ...r
+      }), this.diffEditor && this._setModel(this.value, this.original), this._editorMounted(this.editor);
+    },
+    _handleFullScreen() {
+      this.isMaximum ? this.minEditor() : this.maxEditor();
+    },
+    // 放大
+    maxEditor() {
+      this.isMaximum = !0;
+      let t = this.$el;
+      this.originSize = {
+        width: t.clientWidth,
+        height: t.clientHeight
+      }, t.classList.add("editor-fullscreen"), this.editor.layout({
+        height: document.body.clientHeight,
+        width: document.body.clientWidth
+      }), document.addEventListener("keyup", (e) => {
+        e.keyCode == 27 && this.minEditor();
+      });
+    },
+    // 缩小
+    minEditor() {
+      this.isMaximum = !1, this.$el.classList.remove("editor-fullscreen"), this.editor.layout({
+        height: this.originSize.height,
+        width: this.originSize.width
+      }), document.removeEventListener("keyup", () => {
+      });
+    },
+    _getEditor() {
+      return this.editor ? this.diffEditor ? this.editor.modifiedEditor : this.editor : null;
+    },
+    _setModel(t, e) {
+      const { language: i } = this, n = h.editor.createModel(e, i), r = h.editor.createModel(t, i);
+      this.editor.setModel({
+        original: n,
+        modified: r
+      });
+    },
+    _setValue(t) {
+      let e = this._getEditor();
+      if (e)
+        return e.setValue(t);
+    },
+    _getValue() {
+      let t = this._getEditor();
+      return t ? t.getValue() : "";
+    },
+    _editorBeforeMount() {
+      return this.editorBeforeMount(h) || {};
+    },
+    _editorMounted(t) {
+      this.editorMounted(t, h), this.diffEditor ? t.onDidUpdateDiff((e) => {
+        const i = this._getValue();
+        this._emitChange(i, e);
+      }) : t.onDidChangeModelContent((e) => {
+        const i = this._getValue();
+        this._emitChange(i, e);
+      });
+    },
+    _emitChange(t, e) {
+      this.$emit("change", t, e), this.$emit("input", t);
+    }
+  }
+};
+export {
+  w as M,
+  b as c
+};

package/dist/components/config-custom/index.js

@@ -1,4 +1,4 @@
-import MonacoEditor from "../../form-design/utils/monaco-editor";
+import { M as MonacoEditor } from "../../chunks/monaco.1dbdc960.js";
 import { s as staticRenderFns, r as render } from "../../chunks/ConfigCustom.vue_vue_type_template_lang.6e03d7fd.js";
 import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 const __vue2_script = {

package/dist/components/config-event/index.js

@@ -1,4 +1,4 @@
-import MonacoEditor from "../../form-design/utils/monaco-editor";
+import { M as MonacoEditor } from "../../chunks/monaco.1dbdc960.js";
 import { s as staticRenderFns, r as render } from "../../chunks/ConfigEvent.vue_vue_type_template_lang.5e8ed6cc.js";
 import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 const __vue2_script = {

package/dist/components/config-select/index.js

@@ -1,5 +1,5 @@
 import Draggable from "vuedraggable";
-import MonacoEditor from "../../form-design/utils/monaco-editor";
+import { M as MonacoEditor } from "../../chunks/monaco.1dbdc960.js";
 import { s as staticRenderFns, r as render } from "../../chunks/ConfigSelect.vue_vue_type_template_lang.7db7e57f.js";
 import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 const __vue2_script = {

package/dist/components/config-table/index.js

@@ -1,4 +1,4 @@
-import MonacoEditor from "../../form-design/utils/monaco-editor";
+import { M as MonacoEditor } from "../../chunks/monaco.1dbdc960.js";
 import { s as staticRenderFns, r as render, A as AfdColumn } from "../../chunks/ConfigTable.vue_vue_type_template_lang.3e8136d9.js";
 import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 const __vue2_script = {

package/dist/components/config-tree/index.js

@@ -1,4 +1,4 @@
-import MonacoEditor from "../../form-design/utils/monaco-editor";
+import { M as MonacoEditor } from "../../chunks/monaco.1dbdc960.js";
 import Draggable from "vuedraggable";
 import { s as staticRenderFns, r as render } from "../../chunks/ConfigTree.vue_vue_type_style_index_0_scoped_true_lang.3770c37e.js";
 import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
@@ -74,8 +74,8 @@ const __vue2_script = {
       this.selectData = e, this.dialogStatus = "add", this.dialogVisible = !0;
     },
     handleNodeRemove(e, t) {
-      const a = e.parent, d = a.data.children || a.data, i = d.findIndex((s) => s.id === t.id);
-      d.splice(i, 1);
+      const a = e.parent, d = a.data.children || a.data, s = d.findIndex((i) => i.id === t.id);
+      d.splice(s, 1);
     },
     handleDialogAdd() {
       this.$refs.dialogForm.validate((e) => {
@@ -84,11 +84,11 @@ const __vue2_script = {
           if (this.$refs.tree.getNode(a))
             this.$message.error("value重复");
           else {
-            const i = this.selectData, s = {
+            const s = this.selectData, i = {
               label: t,
               value: this.dialogInputType == "number" ? new Number(a) : a
             };
-            i ? (i.children || this.$set(i, "children", []), i.children.push(s)) : this.$set(this.data.dicData, this.data.dicData.length, s), this.beforeClose();
+            s ? (s.children || this.$set(s, "children", []), s.children.push(i)) : this.$set(this.data.dicData, this.data.dicData.length, i), this.beforeClose();
           }
         }
       });
@@ -104,7 +104,7 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   staticRenderFns,
   !1,
   __vue2_injectStyles,
-  "9953620c",
+  "8a482952",
   null,
   null
 );

package/dist/components/config-tree/style.css

@@ -1 +1 @@
-.custom-tree-node[data-v-9953620c]{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:14px;padding-right:8px}
+.custom-tree-node[data-v-8a482952]{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:14px;padding-right:8px}