@a2simcode/ui 0.0.41 → 0.0.43

package/dist/simcode-ui.es95.js

@@ -0,0 +1,68 @@
+import { defineComponent as b, ref as s, watch as C, resolveComponent as r, openBlock as v, createElementBlock as k, Fragment as g, createVNode as d, mergeProps as w, withCtx as T, renderSlot as V } from "vue";
+const O = /* @__PURE__ */ b({
+  name: "JInputButton",
+  __name: "input-button",
+  props: {
+    modelValue: {},
+    type: {},
+    layerType: {},
+    btnText: { default: "设置" },
+    title: {},
+    size: { default: "default" },
+    width: { default: 1e3 },
+    height: { default: 600 },
+    destroyOnClose: { type: Boolean, default: !1 },
+    open: {},
+    ok: {},
+    beforeClose: {},
+    closed: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: i }) {
+    const e = t, a = i, n = s(), o = s(), c = async (l, u) => {
+      e.ok && (l("保存数据中..."), o.value = await e.ok(), a("update:modelValue", o.value), a("change", { value: o.value }), u(), n.value.close());
+    }, f = () => e.beforeClose ? e.beforeClose(o.value) : !0, m = () => {
+      e.closed?.();
+    }, h = () => {
+      n.value.open(e.title || e.btnText, e.layerType), setTimeout(() => {
+        e.open?.(o.value);
+      }, 200);
+    };
+    return C(
+      () => e.modelValue,
+      (l) => {
+        o.value = l;
+      },
+      { immediate: !0 }
+    ), (l, u) => {
+      const y = r("j-button"), p = r("j-layer");
+      return v(), k(g, null, [
+        d(y, w({ style: { width: "auto" } }, l.$attrs, {
+          type: t.type,
+          label: t.btnText,
+          size: t.size,
+          onClick: h
+        }), null, 16, ["type", "label", "size"]),
+        d(p, {
+          ref_key: "layerRef",
+          ref: n,
+          height: t.height,
+          width: t.width,
+          "destroy-on-close": t.destroyOnClose,
+          "btn-text": "确定",
+          "before-close": f,
+          onOk: c,
+          onClosed: m
+        }, {
+          default: T(() => [
+            V(l.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["height", "width", "destroy-on-close"])
+      ], 64);
+    };
+  }
+});
+export {
+  O as default
+};

package/dist/simcode-ui.es96.js

@@ -0,0 +1,83 @@
+import { defineComponent as C, computed as s, ref as y, resolveComponent as u, openBlock as j, createBlock as w, withCtx as d, createVNode as i, createSlots as k } from "vue";
+const B = /* @__PURE__ */ C({
+  name: "JInputCode",
+  __name: "input-code",
+  props: {
+    modelValue: {},
+    type: {},
+    mode: { default: "application/json" },
+    btnText: { default: "设置脚本" },
+    title: {},
+    size: {},
+    width: { default: 1200 },
+    height: { default: 600 },
+    example: { default: "" },
+    beforeClose: {},
+    isHint: { type: Boolean, default: !1 },
+    handleHint: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: c }) {
+    const n = e, m = c, h = s({
+      get: () => n.modelValue,
+      set: (t) => {
+        m("update:modelValue", t);
+      }
+    }), l = y(""), f = (t) => {
+      l.value = t;
+    }, v = () => l.value, p = (t) => n.beforeClose ? n.beforeClose(t) : !0, b = (t) => {
+      m("change", t);
+    }, g = s(() => n.modelValue && n.modelValue.trim() ? `${n.btnText}(已设置)` : n.btnText);
+    return (t, o) => {
+      const r = u("j-code-mirror"), x = u("j-layout"), V = u("j-input-button");
+      return j(), w(V, {
+        modelValue: h.value,
+        "onUpdate:modelValue": o[1] || (o[1] = (a) => h.value = a),
+        type: e.type,
+        "btn-text": g.value,
+        title: e.title,
+        size: e.size,
+        width: e.width,
+        height: e.height,
+        "before-close": p,
+        ok: v,
+        open: f,
+        onChange: b
+      }, {
+        default: d(() => [
+          i(x, {
+            "right-move": !1,
+            right: 560
+          }, k({
+            default: d(() => [
+              i(r, {
+                value: l.value,
+                "onUpdate:value": o[0] || (o[0] = (a) => l.value = a),
+                mode: e.mode,
+                "is-hint": e.isHint,
+                "handle-hint": e.handleHint
+              }, null, 8, ["value", "mode", "is-hint", "handle-hint"])
+            ]),
+            _: 2
+          }, [
+            e.example ? {
+              name: "right",
+              fn: d(() => [
+                i(r, {
+                  value: e.example,
+                  mode: e.mode,
+                  "read-only": ""
+                }, null, 8, ["value", "mode"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1024)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "type", "btn-text", "title", "size", "width", "height"]);
+    };
+  }
+});
+export {
+  B as default
+};

package/dist/simcode-ui.es97.js

@@ -0,0 +1,125 @@
+import { defineComponent as z, ref as i, computed as x, resolveComponent as r, openBlock as k, createElementBlock as w, normalizeClass as j, createVNode as s, mergeProps as A, withCtx as F } from "vue";
+const I = /* @__PURE__ */ z({
+  name: "JInputColor",
+  __name: "input-color",
+  props: {
+    modelValue: {},
+    placeholder: { default: "请选择颜色" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    size: { default: "default" },
+    clearable: { type: Boolean, default: !0 },
+    onlyButton: { type: Boolean, default: !1 },
+    inputType: { default: "append" },
+    showAlpha: { type: Boolean, default: !0 },
+    predefineColors: { default: () => [
+      "#ff4500",
+      "#ff8c00",
+      "#ffd700",
+      "#90ee90",
+      "#00ced1",
+      "#1e90ff",
+      "#c71585",
+      "rgba(255, 69, 0, 0.68)",
+      "rgb(255, 120, 0)",
+      "hsv(51, 100, 98)",
+      "hsva(120, 40, 94, 0.5)",
+      "hsl(181, 100%, 37%)",
+      "hsla(209, 100%, 56%, 0.73)",
+      "#c7158577"
+    ] },
+    colorFormat: { default: "hex" },
+    name: {},
+    autofocus: { type: Boolean },
+    tabindex: {},
+    validateEvent: { type: Boolean, default: !0 },
+    inputStyle: { default: () => ({}) }
+  },
+  emits: ["update:modelValue", "input", "focus", "blur", "clear", "change", "color-change", "active-change"],
+  setup(e, { expose: f, emit: m }) {
+    const u = e, a = m, t = i(), c = i(), n = x({
+      get() {
+        return u.modelValue === null || u.modelValue === void 0 ? c.value : u.modelValue;
+      },
+      set(l) {
+        c.value = l, a("update:modelValue", l), a("input", l);
+      }
+    }), h = (l) => {
+      a("input", l);
+    }, y = (l) => {
+      a("focus", l);
+    }, b = (l) => {
+      a("blur", l);
+    }, v = () => {
+      a("clear"), a("update:modelValue", "");
+    }, p = (l) => {
+      a("change", l);
+    }, g = (l) => {
+      a("color-change", l);
+    }, C = (l) => {
+      a("active-change", l);
+    };
+    return f({
+      focus: () => {
+        t.value?.focus();
+      },
+      blur: () => {
+        t.value?.blur();
+      },
+      select: () => {
+        t.value?.select();
+      }
+    }), (l, o) => {
+      const V = r("el-color-picker"), B = r("el-input");
+      return k(), w("div", {
+        class: j([
+          "j-input-color",
+          { "j-input-color-only-button": e.onlyButton },
+          { "j-input-color-disabled": e.disabled },
+          `j-input-color-${e.size}`
+        ])
+      }, [
+        s(B, A({
+          ref_key: "inputRef",
+          ref: t,
+          modelValue: n.value,
+          "onUpdate:modelValue": o[1] || (o[1] = (d) => n.value = d),
+          placeholder: e.placeholder,
+          size: e.size,
+          readonly: e.readonly || e.onlyButton,
+          clearable: e.readonly || e.onlyButton ? !1 : e.clearable,
+          disabled: e.disabled,
+          name: e.name,
+          autofocus: e.autofocus,
+          tabindex: e.tabindex,
+          "validate-event": e.validateEvent,
+          "input-style": e.inputStyle
+        }, l.$attrs, {
+          onInput: h,
+          onFocus: y,
+          onBlur: b,
+          onClear: v,
+          onChange: p
+        }), {
+          [e.inputType]: F(() => [
+            s(V, {
+              modelValue: n.value,
+              "onUpdate:modelValue": o[0] || (o[0] = (d) => n.value = d),
+              size: e.size,
+              disabled: e.disabled || e.readonly,
+              "show-alpha": e.showAlpha,
+              predefine: e.predefineColors,
+              "color-format": e.colorFormat,
+              onChange: g,
+              onActiveChange: C
+            }, null, 8, ["modelValue", "size", "disabled", "show-alpha", "predefine", "color-format"])
+          ]),
+          _: 2
+        }, 1040, ["modelValue", "placeholder", "size", "readonly", "clearable", "disabled", "name", "autofocus", "tabindex", "validate-event", "input-style"])
+      ], 2);
+    };
+  }
+});
+export {
+  I as default
+};

package/dist/simcode-ui.es98.js

@@ -0,0 +1,28 @@
+import { defineComponent as n, computed as o, openBlock as a, createElementBlock as r, normalizeStyle as c, normalizeClass as f, toDisplayString as u } from "vue";
+const p = /* @__PURE__ */ n({
+  name: "JTitle",
+  __name: "title",
+  props: {
+    title: { default: "" },
+    style: { default: void 0 },
+    class: { default: void 0 },
+    color: { default: void 0 },
+    size: { default: void 0 },
+    weight: { default: "normal" }
+  },
+  setup(l) {
+    const e = l, i = o(() => e.class || ""), s = o(() => {
+      const t = {
+        ...e.style
+      };
+      return e.color && (t.color = e.color), e.size && (typeof e.size == "number" ? t.fontSize = `${e.size}px` : t.fontSize = e.size), e.weight && (t.fontWeight = e.weight), t;
+    });
+    return (t, d) => (a(), r("div", {
+      class: f(["j-title", i.value]),
+      style: c(s.value)
+    }, u(l.title), 7));
+  }
+});
+export {
+  p as default
+};

package/dist/simcode-ui.es99.js

@@ -0,0 +1,204 @@
+import { defineComponent as E, ref as y, watch as g, onMounted as _, nextTick as C, onUnmounted as D, openBlock as T, createElementBlock as k, normalizeStyle as B } from "vue";
+import { format as I } from "sql-formatter";
+import { basicSetup as A } from "codemirror";
+import { EditorView as f, lineNumbers as H, highlightActiveLineGutter as J, highlightSpecialChars as V, drawSelection as L, dropCursor as N, rectangularSelection as q, keymap as z } from "@codemirror/view";
+import { EditorState as d } from "@codemirror/state";
+import { javascript as l } from "@codemirror/lang-javascript";
+import { css as K } from "@codemirror/lang-css";
+import { html as M } from "@codemirror/lang-html";
+import { json as R } from "@codemirror/lang-json";
+import { sql as F } from "@codemirror/lang-sql";
+import { xml as G } from "@codemirror/lang-xml";
+import { python as W } from "@codemirror/lang-python";
+import { markdown as U } from "@codemirror/lang-markdown";
+import { java as $ } from "@codemirror/lang-java";
+import { closeBrackets as P, closeBracketsKeymap as Q, autocompletion as X } from "@codemirror/autocomplete";
+import { history as Y, defaultKeymap as Z, historyKeymap as ee } from "@codemirror/commands";
+import { indentOnInput as te, bracketMatching as re, foldGutter as oe, foldKeymap as ae, syntaxHighlighting as ne, defaultHighlightStyle as se } from "@codemirror/language";
+const be = /* @__PURE__ */ E({
+  name: "JCodeMirror",
+  __name: "code-mirror",
+  props: {
+    value: { default: "" },
+    mode: { default: "javascript" },
+    readonly: { type: Boolean, default: !1 },
+    height: { default: void 0 },
+    isHint: { type: Boolean, default: !1 },
+    handleHint: { type: Function, default: void 0 },
+    isScrollToBottom: { type: Boolean, default: !1 }
+  },
+  emits: ["update:value", "change"],
+  setup(p, { expose: x, emit: S }) {
+    const r = p, c = S, s = y(), u = y("");
+    let t = null;
+    const w = (e) => {
+      switch (e) {
+        case "application/javascript":
+        case "javascript":
+        case "text/javascript":
+          return l();
+        case "css":
+        case "text/css":
+          return K();
+        case "html":
+        case "text/html":
+          return M();
+        case "json":
+        case "application/json":
+          return R();
+        case "sql":
+        case "text/x-sql":
+          return F();
+        case "xml":
+        case "text/xml":
+          return G();
+        case "python":
+        case "text/x-python":
+          return W();
+        case "markdown":
+        case "text/markdown":
+          return U();
+        case "java":
+        case "text/x-java":
+          return $();
+        case "vue":
+        case "text/x-vue":
+          return l({ jsx: !0, typescript: !1 });
+        case "typescript":
+        case "application/typescript":
+          return l({ jsx: !1, typescript: !0 });
+        case "jsx":
+          return l({ jsx: !0, typescript: !1 });
+        case "tsx":
+          return l({ jsx: !0, typescript: !0 });
+        default:
+          return l();
+      }
+    }, m = () => {
+      const e = [
+        A,
+        H(),
+        J(),
+        V(),
+        Y(),
+        L(),
+        N(),
+        te(),
+        re(),
+        P(),
+        q(),
+        oe(),
+        z.of([...Q, ...Z, ...ee, ...ae]),
+        // 添加语法高亮
+        ne(se)
+      ];
+      return e.push(w(r.mode)), r.readonly && e.push(d.readOnly.of(!0)), r.isHint && r.handleHint && e.push(
+        X({
+          override: [
+            (n) => {
+              const a = n.matchBefore(/\w*/);
+              if (!a || a.from === a.to) return null;
+              const v = r.handleHint(a.text);
+              return v.length === 0 ? null : {
+                from: a.from,
+                options: v.map((o) => ({
+                  label: typeof o == "string" ? o : o.label || o.name || "",
+                  detail: typeof o == "string" ? "" : o.detail || "",
+                  type: typeof o == "string" ? "variable" : o.type || "variable",
+                  apply: typeof o == "string" ? o : o.apply || o.name || o.label || ""
+                }))
+              };
+            }
+          ]
+        })
+      ), e.push(
+        f.updateListener.of((n) => {
+          if (n.docChanged) {
+            const a = n.state.doc.toString();
+            u.value = a, c("update:value", a), c("change", { value: a });
+          }
+        })
+      ), e;
+    }, j = async () => {
+      if (!s.value) return;
+      const e = d.create({
+        doc: r.value,
+        extensions: m()
+      });
+      t = new f({
+        state: e,
+        parent: s.value
+      }), u.value = r.value;
+    }, h = () => {
+      if (!t) return;
+      const e = t.state.doc.toString();
+      t && t.destroy();
+      const n = d.create({
+        doc: e,
+        extensions: m()
+      });
+      s.value && (t = new f({
+        state: n,
+        parent: s.value
+      }));
+      const a = t.state.doc.toString();
+      a !== r.value && t.dispatch({
+        changes: { from: 0, to: a.length, insert: r.value }
+      });
+    }, O = () => {
+      if (!t) return;
+      const e = t.state.doc.length;
+      t.dispatch({
+        selection: { anchor: e, head: e },
+        scrollIntoView: !0
+      }), setTimeout(() => {
+        if (t) {
+          const n = t.state.doc.length;
+          t.dispatch({
+            selection: { anchor: n, head: n },
+            scrollIntoView: !0
+          });
+        }
+      }, 100);
+    }, b = () => {
+      let e = I(r.value);
+      e = e.replace(/{ JCODE_SASSID }/g, "{JCODE_SASSID}").replace(/{ JCODE_SASSID_NOTT }/g, "{JCODE_SASSID_NOTT}").replace(/{ JCODE_SASSID_NOTA }/g, "{JCODE_SASSID_NOTA}").replace(/@ /g, "@"), c("update:value", e), c("change", { value: e });
+    };
+    let i = null;
+    return g(
+      () => r.value,
+      (e) => {
+        e !== u.value && (u.value = e, t && h(), setTimeout(() => {
+          t && r.isScrollToBottom && O();
+        }));
+      }
+    ), g(
+      () => r.mode,
+      () => {
+        t && h();
+      }
+    ), _(async () => {
+      await C(), await j(), typeof window < "u" && window.ResizeObserver && s.value && (i = new ResizeObserver(() => {
+        t && t.dispatch({
+          scrollIntoView: !0
+        });
+      }), i.observe(s.value));
+    }), D(() => {
+      i && s.value && (i.unobserve(s.value), i.disconnect(), i = null), t && (t.destroy(), t = null);
+    }), x({
+      /**
+       * @zh sql格式化
+       * @public
+       */
+      sqlFormatter: b
+    }), (e, n) => (T(), k("div", {
+      ref_key: "codeWraperRef",
+      ref: s,
+      class: "j-code-mirror",
+      style: B({ height: p.height ? `${p.height}px` : "" })
+    }, null, 4));
+  }
+});
+export {
+  be as default
+};