@jeecg/online 1.0.1

package/EnhanceJsHistory.js

@@ -0,0 +1,231 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { formatToDate } from "/@/utils/dateUtil";
+import { defineComponent, ref, nextTick, resolveComponent, openBlock, createBlock, withCtx, createVNode, normalizeClass, createElementVNode, toDisplayString, createTextVNode } from "vue";
+import { BasicModal, useModalInner } from "/@/components/Modal";
+import { JCodeEditor } from "/@/components/Form";
+import "/@/store";
+import { defineStore } from "pinia";
+import { createLocalStorage } from "/@/utils/cache";
+import { _ as _export_sfc } from "./index.js";
+const ls = createLocalStorage();
+const ENHANCE_PRE = "enhance_";
+const useEnhanceStore = defineStore({
+  id: "online-cgform-enhance",
+  state: () => ({
+    enhanceJs: {}
+  }),
+  getters: {},
+  actions: {
+    getEnhanceJs(code) {
+      this.enhanceJs[code] = ls.get(ENHANCE_PRE + code);
+      return this.enhanceJs[code];
+    },
+    addEnhanceJs(record) {
+      if (!this.enhanceJs[record.code]) {
+        this.enhanceJs[record.code] = [__spreadValues({}, record)];
+      } else {
+        this.enhanceJs[record.code].push(__spreadValues({}, record));
+      }
+      let enhanceJsArray = this.enhanceJs[record.code];
+      while (enhanceJsArray.length > 16) {
+        enhanceJsArray.shift();
+      }
+      ls.set(ENHANCE_PRE + record.code, enhanceJsArray);
+    }
+  }
+});
+var EnhanceJsHistory_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main = defineComponent({
+  name: "EnhanceJsHistory",
+  components: { BasicModal, JCodeEditor },
+  setup() {
+    const enhanceStore = useEnhanceStore();
+    const codeEditorRef = ref();
+    const confirmLoading = ref(false);
+    const dataList = ref([]);
+    const jsStr = ref("");
+    const activeIndex = ref(0);
+    const [registerModal, { closeModal }] = useModalInner((data) => __async(this, null, function* () {
+      show(data.code, data.type);
+    }));
+    function show(code, type) {
+      jsStr.value = "";
+      dataList.value = [];
+      let arr = enhanceStore.getEnhanceJs(code);
+      let ls2 = [];
+      let index = 0;
+      for (let item of arr) {
+        if (item.type === type) {
+          index++;
+          ls2.push(Object.assign({}, item, { index }));
+        }
+      }
+      if (ls2 && ls2.length > 0) {
+        ls2.sort((a, b) => {
+          return b.date - a.date;
+        });
+      }
+      dataList.value = [...ls2];
+      nextTick(() => fullCode(ls2[0]));
+    }
+    function onCancel() {
+      closeModal();
+    }
+    function getFormatDate(date) {
+      return formatToDate(date, "yyyy-MM-DD HH:mm:ss");
+    }
+    function fullCode(item) {
+      activeIndex.value = item.index;
+      codeEditorRef.value.setValue(item.str);
+    }
+    return {
+      codeEditorRef,
+      fullCode,
+      registerModal,
+      getFormatDate,
+      onCancel,
+      confirmLoading,
+      dataList,
+      jsStr,
+      activeIndex
+    };
+  }
+});
+const _hoisted_1 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58\u65F6\u95F4");
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u5173\u95ED");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_divider = resolveComponent("a-divider");
+  const _component_a_list_item = resolveComponent("a-list-item");
+  const _component_a_list = resolveComponent("a-list");
+  const _component_a_layout_sider = resolveComponent("a-layout-sider");
+  const _component_JCodeEditor = resolveComponent("JCodeEditor");
+  const _component_a_layout_content = resolveComponent("a-layout-content");
+  const _component_a_layout = resolveComponent("a-layout");
+  const _component_a_spin = resolveComponent("a-spin");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_BasicModal = resolveComponent("BasicModal");
+  return openBlock(), createBlock(_component_BasicModal, {
+    onRegister: _ctx.registerModal,
+    title: "JS\u589E\u5F3A\u5386\u53F2\u8BB0\u5F55",
+    width: 1200,
+    maskClosable: false,
+    confirmLoading: _ctx.confirmLoading,
+    defaultFullscreen: "",
+    onCancel: _ctx.onCancel
+  }, {
+    footer: withCtx(() => [
+      createVNode(_component_a_button, { onClick: _ctx.onCancel }, {
+        default: withCtx(() => [
+          _hoisted_3
+        ]),
+        _: 1
+      }, 8, ["onClick"])
+    ]),
+    default: withCtx(() => [
+      createVNode(_component_a_spin, { spinning: _ctx.confirmLoading }, {
+        default: withCtx(() => [
+          createVNode(_component_a_layout, null, {
+            default: withCtx(() => [
+              createVNode(_component_a_layout_sider, { theme: "light" }, {
+                default: withCtx(() => [
+                  createVNode(_component_a_list, {
+                    bordered: "",
+                    dataSource: _ctx.dataList,
+                    class: normalizeClass("enhance-list")
+                  }, {
+                    header: withCtx(() => [
+                      createElementVNode("div", null, [
+                        createVNode(_component_a_divider, { style: { "margin": "0" } }, {
+                          default: withCtx(() => [
+                            _hoisted_1
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ]),
+                    renderItem: withCtx(({ item }) => [
+                      createVNode(_component_a_list_item, {
+                        class: normalizeClass(_ctx.activeIndex === item.index ? "bg-blue" : "")
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("a", {
+                            onClick: ($event) => _ctx.fullCode(item)
+                          }, toDisplayString(_ctx.getFormatDate(item.date)), 9, _hoisted_2)
+                        ]),
+                        _: 2
+                      }, 1032, ["class"])
+                    ]),
+                    _: 1
+                  }, 8, ["dataSource"])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_a_layout, null, {
+                default: withCtx(() => [
+                  createVNode(_component_a_layout_content, { style: { margin: "8px 8px", padding: "8px", background: "#fff", minHeight: "280px" } }, {
+                    default: withCtx(() => [
+                      createVNode(_component_JCodeEditor, {
+                        ref: "codeEditorRef",
+                        language: "javascript",
+                        fullScreen: true,
+                        lineNumbers: false,
+                        "language-change": false
+                      }, null, 512)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["spinning"])
+    ]),
+    _: 1
+  }, 8, ["onRegister", "confirmLoading", "onCancel"]);
+}
+var EnhanceJsHistory = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3b0bad10"]]);
+var EnhanceJsHistory$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": EnhanceJsHistory
+}, Symbol.toStringTag, { value: "Module" }));
+export { EnhanceJsHistory as E, EnhanceJsHistory$1 as a, useEnhanceStore as u };

package/EnhanceJsModal.js

@@ -0,0 +1,293 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { defineComponent, ref, reactive, resolveComponent, openBlock, createBlock, withCtx, createVNode, createCommentVNode, createTextVNode } from "vue";
+import { BasicModal, useModalInner, useModal } from "/@/components/Modal";
+import { JCodeEditor } from "/@/components/Form";
+import { u as useOnlineTest } from "./useOnlineTest.js";
+import { E as EnhanceJsHistory, u as useEnhanceStore } from "./EnhanceJsHistory.js";
+import { g as getEnhanceJsByCode, s as saveEnhanceJs } from "./enhance.api.js";
+import { useMessage } from "/@/hooks/web/useMessage";
+import { _ as _export_sfc } from "./index.js";
+import "/@/utils/http/axios";
+import "/@/utils/cache";
+import "/@/utils/dateUtil";
+import "/@/store";
+import "pinia";
+import "/@/utils/is";
+import "/@/components/jeecg/OnLine/JPopupOnlReport.vue";
+import "vue-router";
+const _sfc_main = defineComponent({
+  name: "EnhanceJs",
+  components: { BasicModal, JCodeEditor, EnhanceJsHistory },
+  emits: ["register"],
+  setup() {
+    const { createMessage: $message } = useMessage();
+    const enhanceStore = useEnhanceStore();
+    const formEditorRef = ref();
+    const listEditorRef = ref();
+    const models = reactive({ form: {}, list: {} });
+    const enhanceType = ref("list");
+    const code = ref("");
+    const showHistory = ref(false);
+    const codeChange = ref(false);
+    const tableName = ref("");
+    const enhanceValues = reactive({ form: "", list: "" });
+    const getFlag = { form: false, list: false };
+    const reloading = ref(false);
+    const [registerModal, { closeModal }] = useModalInner((data) => __async(this, null, function* () {
+      show(data.row);
+    }));
+    const [registerEnhanceJsHistory, enhanceJsHistory] = useModal();
+    const { aiTestMode, genEnhanceJsData } = useOnlineTest({}, {}, null);
+    function show(row) {
+      code.value = row.id;
+      codeChange.value = false;
+      tableName.value = row.tableName;
+      let enhances = enhanceStore.getEnhanceJs(code.value);
+      if ((enhances == null ? void 0 : enhances.length) > 0) {
+        enhanceType.value = enhances[enhances.length - 1].type;
+        showHistory.value = true;
+      } else {
+        showHistory.value = false;
+      }
+      getFlag.form = false;
+      getFlag.list = false;
+      if (!enhanceType.value) {
+        onChangeType("form");
+      } else {
+        onChangeType(enhanceType.value);
+      }
+      reloading.value = true;
+      setTimeout(() => reloading.value = false, 150);
+    }
+    function onSubmit() {
+      return __async(this, null, function* () {
+        yield Promise.all([
+          saveEnhanceJsByType("form"),
+          saveEnhanceJsByType("list")
+        ]);
+        closeModal();
+        $message.success("\u4FDD\u5B58\u6210\u529F");
+      });
+    }
+    function saveEnhanceJsByType(type) {
+      return __async(this, null, function* () {
+        let model = models[type];
+        let params = {
+          cgJs: enhanceValues[type],
+          cgJsType: type
+        };
+        if (!getFlag[type] || model.cgJs === params.cgJs) {
+          return;
+        }
+        let isUpdate = !!model.id;
+        if (isUpdate) {
+          params = Object.assign({}, model, params);
+        }
+        yield saveEnhanceJs(code.value, params, isUpdate);
+        enhanceStore.addEnhanceJs({
+          code: code.value,
+          str: params.cgJs,
+          type: params.cgJsType,
+          date: new Date().getTime()
+        });
+      });
+    }
+    function onCancel() {
+      closeModal();
+    }
+    function onChangeType(type) {
+      return __async(this, null, function* () {
+        enhanceType.value = type;
+        try {
+          if (!getFlag[type]) {
+            let result = yield getEnhanceJsByCode(code.value, type);
+            Object.assign(models[type], { id: null }, result);
+            enhanceValues[type] = models[type].cgJs;
+            getFlag[type] = true;
+          }
+        } catch (e) {
+          console.error(e);
+        }
+      });
+    }
+    function onShowHistory() {
+      enhanceJsHistory.openModal(true, {
+        code: code.value,
+        type: enhanceType.value
+      });
+    }
+    function onCodeChange(value) {
+      if (enhanceValues[enhanceType.value] != value) {
+        codeChange.value = true;
+        enhanceValues[enhanceType.value] = value;
+      }
+    }
+    function onGenTestData() {
+      if (enhanceType.value === "form") {
+        genEnhanceJsData(tableName.value, enhanceType.value, formEditorRef.value);
+      } else {
+        genEnhanceJsData(tableName.value, enhanceType.value, listEditorRef.value);
+      }
+    }
+    return {
+      formEditorRef,
+      listEditorRef,
+      reloading,
+      enhanceValues,
+      enhanceType,
+      showHistory,
+      aiTestMode,
+      tableName,
+      genEnhanceJsData,
+      onGenTestData,
+      onChangeType,
+      onCodeChange,
+      onShowHistory,
+      onSubmit,
+      onCancel,
+      registerModal,
+      registerEnhanceJsHistory
+    };
+  }
+});
+const _hoisted_1 = /* @__PURE__ */ createTextVNode("\u5173\u95ED");
+const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
+const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u67E5\u770B\u5386\u53F2\u7248\u672C");
+const _hoisted_4 = /* @__PURE__ */ createTextVNode("\u751F\u6210\u6D4B\u8BD5\u6570\u636E");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_JCodeEditor = resolveComponent("JCodeEditor");
+  const _component_a_tab_pane = resolveComponent("a-tab-pane");
+  const _component_a_tabs = resolveComponent("a-tabs");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_space = resolveComponent("a-space");
+  const _component_EnhanceJsHistory = resolveComponent("EnhanceJsHistory");
+  const _component_BasicModal = resolveComponent("BasicModal");
+  return openBlock(), createBlock(_component_BasicModal, {
+    onRegister: _ctx.registerModal,
+    title: "JS\u589E\u5F3A",
+    width: 800,
+    bodyStyle: { height: "360px" }
+  }, {
+    footer: withCtx(() => [
+      createVNode(_component_a_space, null, {
+        default: withCtx(() => [
+          createVNode(_component_a_button, { onClick: _ctx.onCancel }, {
+            default: withCtx(() => [
+              _hoisted_1
+            ]),
+            _: 1
+          }, 8, ["onClick"]),
+          createVNode(_component_a_button, {
+            type: "primary",
+            onClick: _ctx.onSubmit
+          }, {
+            default: withCtx(() => [
+              _hoisted_2
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 1
+      }),
+      createVNode(_component_a_space, { style: { "float": "left" } }, {
+        default: withCtx(() => [
+          _ctx.showHistory ? (openBlock(), createBlock(_component_a_button, {
+            key: 0,
+            onClick: _ctx.onShowHistory
+          }, {
+            default: withCtx(() => [
+              _hoisted_3
+            ]),
+            _: 1
+          }, 8, ["onClick"])) : createCommentVNode("", true),
+          _ctx.aiTestMode ? (openBlock(), createBlock(_component_a_button, {
+            key: 1,
+            onClick: _ctx.onGenTestData
+          }, {
+            default: withCtx(() => [
+              _hoisted_4
+            ]),
+            _: 1
+          }, 8, ["onClick"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      })
+    ]),
+    default: withCtx(() => [
+      createVNode(_component_a_tabs, {
+        activeKey: _ctx.enhanceType,
+        "onUpdate:activeKey": _cache[2] || (_cache[2] = ($event) => _ctx.enhanceType = $event),
+        onChange: _ctx.onChangeType
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_a_tab_pane, {
+            tab: "form",
+            key: "form",
+            forceRender: ""
+          }, {
+            default: withCtx(() => [
+              !_ctx.reloading ? (openBlock(), createBlock(_component_JCodeEditor, {
+                key: 0,
+                ref: "formEditorRef",
+                value: _ctx.enhanceValues.form,
+                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.enhanceValues.form = $event),
+                language: "javascript",
+                fullScreen: true,
+                lineNumbers: false,
+                height: "240px",
+                "language-change": false,
+                onChange: _ctx.onCodeChange
+              }, null, 8, ["value", "onChange"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_a_tab_pane, {
+            tab: "list",
+            key: "list",
+            forceRender: ""
+          }, {
+            default: withCtx(() => [
+              !_ctx.reloading ? (openBlock(), createBlock(_component_JCodeEditor, {
+                key: 0,
+                ref: "listEditorRef",
+                value: _ctx.enhanceValues.list,
+                "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.enhanceValues.list = $event),
+                language: "javascript",
+                fullScreen: true,
+                lineNumbers: false,
+                height: "240px",
+                "language-change": false,
+                onChange: _ctx.onCodeChange
+              }, null, 8, ["value", "onChange"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["activeKey", "onChange"]),
+      createVNode(_component_EnhanceJsHistory, { onRegister: _ctx.registerEnhanceJsHistory }, null, 8, ["onRegister"])
+    ]),
+    _: 1
+  }, 8, ["onRegister"]);
+}
+var EnhanceJsModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { EnhanceJsModal as default };