@kp-ui/lowcode 2.13.2 → 2.14.0-alpha

package/src/components/public/QuillEditor/index.vue.js

@@ -0,0 +1,96 @@
+import c from "quill";
+import { createElementBlock as f, openBlock as m, watch as s, ref as p, onBeforeUnmount as q, onMounted as b, onUnmounted as h } from "vue";
+/* empty css           */
+import g from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  theme: "snow",
+  boundary: document.body,
+  modules: {
+    toolbar: [
+      ["bold", "italic", "underline", "strike"],
+      ["blockquote", "code-block"],
+      [{ header: 1 }, { header: 2 }],
+      [{ list: "ordered" }, { list: "bullet" }],
+      [{ script: "sub" }, { script: "super" }],
+      [{ indent: "-1" }, { indent: "+1" }],
+      [{ direction: "rtl" }],
+      [{ size: ["small", !1, "large", "huge"] }],
+      [{ header: [1, 2, 3, 4, 5, 6, !1] }],
+      [{ color: [] }, { background: [] }],
+      [{ font: [] }],
+      [{ align: [] }],
+      ["clean"],
+      ["link", "image", "video"]
+    ]
+  },
+  placeholder: "Insert content here ...",
+  readOnly: !1
+}, y = {
+  name: "quill-editor",
+  props: {
+    content: String,
+    value: String,
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    options: {
+      type: Object,
+      required: !1,
+      default: () => ({})
+    }
+  },
+  emits: ["ready", "change", "input", "blur", "focus", "update:value"],
+  setup(i, o) {
+    const l = {
+      editorOption: {},
+      quill: null
+    };
+    let n = "";
+    s(
+      () => i.value,
+      (e) => {
+        l.quill && (e && e !== n ? (n = e, l.quill.pasteHTML(e)) : e || l.quill.setText(""));
+      }
+    ), s(
+      () => i.content,
+      (e) => {
+        l.quill && (e && e !== n ? (n = e, l.quill.pasteHTML(e)) : e || l.quill.setText(""));
+      }
+    ), s(
+      () => i.disabled,
+      (e) => {
+        l.quill && l.quill.enable(!e);
+      }
+    );
+    const u = p(null), a = (e, r) => {
+      for (const t in r)
+        !e[t] || t !== "modules" ? e[t] = r[t] : a(e[t], r[t]);
+      return e;
+    }, d = () => {
+      u.value && (l.editorOption = a(_, i.options), l.editorOption.readOnly = !!i.disabled, l.quill = new c(u.value, l.editorOption), i.value && l.quill.pasteHTML(i.value), l.quill.on("selection-change", (e) => {
+        e ? o.emit("focus", l.quill) : o.emit("blur", l.quill);
+      }), l.quill.on("text-change", () => {
+        i.disabled && l.quill.enable(!1);
+        let e = u.value.children[0].innerHTML;
+        const r = l.quill, t = l.quill.getText();
+        e === "<p><br></p>" && (e = ""), n = e, o.emit("update:value", n), o.emit("change", { html: e, text: t, quill: r });
+      }), o.emit("ready", l.quill));
+    };
+    return q(() => {
+      const e = u.value.previousSibling;
+      e && e.nodeType === 1 && e.className.indexOf("ql-toolbar") > -1 && e.parentNode.removeChild(e);
+    }), b(() => {
+      d();
+    }), h(() => {
+      l.quill = null;
+    }), { editor: u };
+  }
+}, O = { ref: "editor" };
+function T(i, o, l, n, u, a) {
+  return m(), f("section", O, null, 512);
+}
+const B = /* @__PURE__ */ g(y, [["render", T]]);
+export {
+  B as default
+};

package/src/components/public/methoad-item.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent as c, resolveComponent as a, createBlock as v, openBlock as f, withCtx as r, createVNode as u, normalizeClass as g, createTextVNode as _, toDisplayString as N, unref as h } from "vue";
+import { useI18n as H } from "../../utils/i18n.js";
+const k = /* @__PURE__ */ c({
+  __name: "methoad-item",
+  props: {
+    eventName: {},
+    eventParamsMap: {},
+    formConfig: {},
+    getFormEventHandled: {}
+  },
+  emits: ["click-item"],
+  setup(m, { emit: i }) {
+    const { i18nt: n } = H(), e = m, s = i, l = () => {
+      s("click-item", {
+        eventName: e.eventName,
+        mode: "javascript",
+        isShowEventHeader: !0,
+        title: n("designer.setting.editFormEventHandler"),
+        eventHeader: "form." + e.eventParamsMap[e.eventName]
+      });
+    };
+    return (t, o) => {
+      const d = a("a-button"), p = a("a-form-item");
+      return f(), v(p, {
+        label: t.eventName,
+        "label-width": "150px"
+      }, {
+        default: r(() => [
+          u(d, {
+            plain: "",
+            shape: "round",
+            class: g([t.getFormEventHandled(t.eventName) ? "button-text-highlight" : ""]),
+            onClick: o[0] || (o[0] = (b) => l())
+          }, {
+            default: r(() => [
+              _(N(h(n)("designer.setting.addEventHandler")), 1)
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+export {
+  k as default
+};

package/src/components/public/methoad-item.vue2.js

@@ -0,0 +1,4 @@
+import f from "./methoad-item.vue.js";
+export {
+  f as default
+};

package/src/components/svg-icon/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0beca61f"]]);
+export {
+  f as default
+};

package/src/components/svg-icon/index.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as c, computed as t, createElementBlock as n, openBlock as o, normalizeStyle as u, normalizeClass as m, createElementVNode as d, createCommentVNode as p, toDisplayString as f } from "vue";
+const h = ["xlink:href"], g = { key: 0 }, C = /* @__PURE__ */ c({
+  name: "SvgIcon",
+  __name: "index",
+  props: {
+    iconClass: {},
+    className: {},
+    title: { default: "" },
+    size: { default: "1.1em" }
+  },
+  setup(l) {
+    const e = l, a = t(() => `#icon-${e.iconClass}`), i = t(() => e.className ? "svg-icon " + e.className : "svg-icon"), r = t(() => ({
+      width: e.size,
+      height: e.size,
+      cursor: "pointer"
+    }));
+    return (s, v) => (o(), n("svg", {
+      class: m(i.value),
+      "aria-hidden": "true",
+      style: u(r.value)
+    }, [
+      d("use", { "xlink:href": a.value }, null, 8, h),
+      s.title ? (o(), n("title", g, f(s.title), 1)) : p("", !0)
+    ], 6));
+  }
+});
+export {
+  C as default
+};

package/src/constants/index.js

@@ -0,0 +1,15 @@
+var l = /* @__PURE__ */ ((e) => (e[e.CURRENT = 0] = "CURRENT", e[e.DIY = 1] = "DIY", e))(l || {});
+const a = [
+  {
+    label: "当前位置",
+    value: 0
+  },
+  {
+    label: "自定义位置",
+    value: 1
+  }
+];
+export {
+  a as BUTTON_POSITION,
+  l as ButtonPositionEnum
+};

package/src/hooks/TpfConfirm.js

@@ -0,0 +1,33 @@
+import { createVNode as n } from "vue";
+import i from "../components/svg-icon/index.vue.js";
+import { Modal as l } from "ant-design-vue";
+const f = (o) => {
+  const e = typeof o == "string" ? {} : o, {
+    type: c = "confirm"
+  } = e;
+  return new Promise((r, t) => {
+    l[c]({
+      class: "tpf-model-confirm",
+      centered: !0,
+      icon: n("span", {
+        class: "anticon anticon-exclamation-circle"
+      }, [n(i, {
+        iconClass: "el-error-circle"
+      }, null)]),
+      title: "确认删除",
+      okText: "确定",
+      cancelText: "取消",
+      closable: !1,
+      onOk() {
+        r("confirm");
+      },
+      onCancel: () => {
+        t("cancel");
+      },
+      ...e
+    });
+  });
+};
+export {
+  f as TpfConfirm
+};

package/src/hooks/useLowcode.js

@@ -0,0 +1,84 @@
+import v from "../components/form-render/index.vue.js";
+import { basicFieldsEnums as y } from "../components/form-designer/widget-panel/basicFieldsEnums.js";
+import { getUuidKey as w } from "@kp-ui/tool";
+import { useDataQueryApi as L, useComRef as R, useRouteBackTab as P, routerReloadStatus as N } from "tmgc2-share";
+import { ref as g } from "vue";
+const Q = (C) => {
+  const { formCode: d, entityCode: l, type: h } = C, r = g(!1), f = L(), s = R(v), u = g(), { routeBackTab: b } = P(), F = (t = []) => {
+    const o = {
+      label: "提交",
+      name: w(),
+      onCreated: `
+            const hidden = this.getFormRef().vfCtx?.type==='view';
+            this.setHidden(hidden)
+            `,
+      onClick: `(async()=>{
+                await this.getFormRef().onFormUpdate()
+                this.$message.success('保存成功')
+                const onCancel = this.getFormRef().vfCtx?.onCancel
+                if( typeof onCancel === 'function' ){
+                    onCancel()
+                }
+                })()`
+    };
+    return t.push(y.button(o)), t;
+  }, m = (t = []) => {
+    const e = t.reduce((o, n) => {
+      const i = y[n.componentType];
+      if (i) {
+        const c = i({
+          name: n.entityPropertyCode,
+          label: n.entityPropertyName,
+          ...n.options
+        });
+        o = [...o, c];
+      }
+      return o;
+    }, []);
+    return e.length ? F(e) : e;
+  }, a = async (t = []) => {
+    var o, n;
+    let e = { widgetList: [], formConfig: {} };
+    if (d && h) {
+      (o = s.value) == null || o.setLoading(!0);
+      try {
+        const i = await f.dataQueryDetail({ code: d }, "FormDefinitionManagement").then((c) => c.data.object || {});
+        e = JSON.parse(i.frontendDefinition || "{}");
+      } finally {
+        (n = s.value) == null || n.setLoading(!1);
+      }
+    } else
+      e.widgetList = m(t);
+    return r.value = !1, console.log("json: ", e), u.value = e.formConfig, s.value.setFormJson(e), e;
+  }, p = async () => {
+    if (r.value = !0, !l)
+      return a([]), [];
+    const t = {
+      pageCode: "EntityPropertyFormItem",
+      conditions: [{ fieldCode: "entityCode", type: "EQ", value: l }],
+      requiredFields: ["entityPropertyCode", "entityPropertyName", "valueType"],
+      page: 1,
+      pageSize: null,
+      sorts: []
+    }, e = await f.execute(t).then((o) => o.data.object.list);
+    return a(e), e;
+  };
+  return {
+    isLoading: r,
+    goBack: (t = N.view) => {
+      b(t);
+    },
+    formConfig: u,
+    getInitRenderJSON: m,
+    vfdRef: s,
+    getComponentJson: a,
+    getFieldList: p,
+    fieldListApi: async () => (await p()).map((e) => ({
+      showName: e.entityPropertyName,
+      fieldCode: e.entityPropertyCode
+    }))
+  };
+};
+export {
+  Q as useLowcode
+};