fec-dev-designer 1.0.0

package/es/src/packages/utils/datasource.js

@@ -0,0 +1,226 @@
+import l from "../../axios/config.js";
+import { reactive as u } from "vue";
+import "../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-badge.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-message.css.js";
+import { ElMessage as d } from "../../../node_modules/element-plus/es/components/message/index.js";
+class p {
+  constructor(t = {}) {
+    this.http = l, this.params = t.params || {}, this.dataSources = t.dataSources || [], this.currentDataSourceId = t.currentDataSourceId, this.pagination = !1, this.sortRules = u(t.sortRules || []), this.originalSortRules = JSON.parse(JSON.stringify(t.sortRules || [])), this.showSuccessMessage = t.showSuccessMessage || !1, this.loading = !1, this.error = null, this.data = u({}), this.contextData = t.data || null, this.fields = t.fields || [], this.events = {
+      loaded: [],
+      error: []
+    };
+  }
+  /**
+   * 获取当前数据源配置
+   */
+  getCurrentDataSource() {
+    return !this.currentDataSourceId || !this.dataSources.length ? null : this.dataSources.find((t) => t.id == this.currentDataSourceId);
+  }
+  /**
+   * 构建请求参数
+   */
+  buildRequestParams(t = {}) {
+    if (!this.getCurrentDataSource())
+      return {};
+    const e = { ...this.params };
+    return this.pagination && (e.pageNo = this.pagination.pageNo, e.pageSize = this.pagination.pageSize), this.sortRules && this.sortRules.length > 0 && (e.sortRules = this.sortRules), { ...e, ...t };
+  }
+  /**
+   * 根据内容类型处理请求数据
+   */
+  prepareRequestData(t, s) {
+    switch (s) {
+      case "formData":
+        const e = new FormData();
+        return Object.keys(t).forEach((a) => {
+          e.append(a, t[a]);
+        }), e;
+      case "formUrlencoded":
+        const i = new URLSearchParams();
+        return Object.keys(t).forEach((a) => {
+          i.append(a, t[a]);
+        }), i;
+      case "json":
+      default:
+        return JSON.stringify(t);
+    }
+  }
+  /**
+   * 获取请求配置
+   */
+  getRequestConfig() {
+    const t = this.getCurrentDataSource();
+    if (!t)
+      return {};
+    const s = {
+      url: `/${t.serverName}${t.url}`,
+      method: t.method
+    };
+    return t.contentType === "formData" ? s.headers = {
+      "Content-Type": "multipart/form-data"
+    } : t.contentType === "formUrlencoded" ? s.headers = {
+      "Content-Type": "application/x-www-form-urlencoded"
+    } : s.headers = {
+      "Content-Type": "application/json"
+    }, s;
+  }
+  /**
+   * 发起请求
+   */
+  async fetch(t = {}) {
+    const s = this.getCurrentDataSource();
+    if (!s) {
+      console.warn("未找到当前数据源配置");
+      return;
+    }
+    if (!this.http) {
+      console.warn("未配置 HTTP 实例");
+      return;
+    }
+    this.loading = !0, this.error = null;
+    try {
+      const e = this.buildRequestParams(t), i = this.getRequestConfig();
+      let a;
+      const { url: o, method: c } = i;
+      switch (c.toLowerCase()) {
+        case "get":
+          a = await this.http.get(o, { params: e });
+          break;
+        case "post":
+          const r = s.contentType === "formData" ? this.prepareRequestData(e, "formData") : e;
+          a = await this.http.post(o, r, i);
+          break;
+        case "put":
+          const n = s.contentType === "formData" ? this.prepareRequestData(e, "formData") : e;
+          a = await this.http.put(o, n, i);
+          break;
+        case "delete":
+          a = await this.http.delete(o, { params: e });
+          break;
+        default:
+          a = await this.http.get(o, { params: e });
+      }
+      if (a && typeof a == "object" && "code" in a)
+        if (a.code == 0) {
+          const r = a.data, n = a.message;
+          return this.pagination ? (this.data.list = r.records, this.data.total = r.total) : this.data = r, this.emit("loaded", this.data), this.showSuccessMessage && n && d.success(n), this.data;
+        } else
+          throw this.error = a.message || "请求失败", this.emit("error", this.error), new Error(this.error);
+      else {
+        const r = a;
+        return this.pagination ? (this.data.list = r == null ? void 0 : r.records, this.data.total = r == null ? void 0 : r.total) : this.data = r, this.emit("loaded", this.data), this.data;
+      }
+    } catch (e) {
+      throw this.error = e.message || "请求失败", this.emit("error", e), e;
+    } finally {
+      this.loading = !1;
+    }
+  }
+  /**
+   * 事件监听
+   */
+  on(t, s) {
+    this.events[t] && this.events[t].push(s);
+  }
+  /**
+   * 移除事件监听
+   */
+  off(t, s) {
+    if (this.events[t]) {
+      const e = this.events[t].indexOf(s);
+      e > -1 && this.events[t].splice(e, 1);
+    }
+  }
+  /**
+   * 触发事件
+   */
+  emit(t, s) {
+    this.events[t] && this.events[t].forEach((e) => {
+      e(s);
+    });
+  }
+  /**
+   * 更新分页
+   */
+  updatePagination(t, s) {
+    this.pagination.pageNo = t, this.pagination.pageSize = s;
+  }
+  /**
+   * 更新排序
+   */
+  updateSort(t, s) {
+    const e = this.sortRules.findIndex((i) => i.field === t);
+    s ? e > -1 ? this.sortRules[e].order = s : this.sortRules.push({ field: t, order: s }) : e > -1 && this.sortRules.splice(e, 1);
+  }
+  /**
+   * 清空排序规则 - 重置为原始配置
+   */
+  clearSort() {
+    this.sortRules.splice(0, this.sortRules.length), this.originalSortRules.forEach((t) => {
+      this.sortRules.push({ ...t });
+    });
+  }
+  /**
+   * 切换数据源
+   */
+  switchDataSource(t) {
+    this.currentDataSourceId = t;
+  }
+  /**
+   * 获取当前数据
+   */
+  getData() {
+    return this.data;
+  }
+  /**
+   * 获取加载状态
+   */
+  getLoading() {
+    return this.loading;
+  }
+  /**
+   * 获取错误信息
+   */
+  getError() {
+    return this.error;
+  }
+  /**
+   * 获取分页信息
+   */
+  getPagination() {
+    return this.pagination;
+  }
+  /**
+   * 获取当前请求参数
+   */
+  getParams() {
+    return this.params;
+  }
+  /**
+   * 更新请求参数
+   */
+  updateParams(t) {
+    this.params = { ...this.params, ...t };
+  }
+  /**
+   * 清空请求参数
+   */
+  clearParams() {
+    this.params = {};
+  }
+  /**
+   * 销毁
+   */
+  destroy() {
+    this.events.loaded = [], this.events.error = [];
+  }
+}
+function w(h = {}) {
+  return new p(h);
+}
+export {
+  p as DataSourceManager,
+  w as createDataSource,
+  p as default
+};

package/es/src/packages/utils/eventBus.js

@@ -0,0 +1,5 @@
+import t from "../../../node_modules/mitt/dist/mitt.js";
+const m = t();
+export {
+  m as default
+};

package/es/src/store/index.js

@@ -0,0 +1,49 @@
+import o from "vuex-persistedstate";
+import { createStore as i } from "vuex";
+const n = i({
+  plugins: [
+    o({
+      key: "fec-dev-designer",
+      storage: window.sessionStorage
+    })
+  ],
+  state: {
+    editingType: "table",
+    hoverItem: null,
+    selectedItem: null,
+    editConfigData: null
+  },
+  getters: {
+    refreshToken: (e) => e.refreshToken,
+    token: (e) => e.token,
+    editingType: (e) => e.editingType,
+    hoverItem: (e) => e.hoverItem,
+    selectedItem: (e) => e.selectedItem,
+    editConfigData: (e) => e.editConfigData
+  },
+  mutations: {
+    set_token(e, t) {
+      e.token = t;
+    },
+    set_refreshToken(e, t) {
+      e.refreshToken = t;
+    },
+    set_editing_type(e, t) {
+      e.editingType = t;
+    },
+    set_edit_config_data(e, t) {
+      e.editConfigData = t;
+    },
+    set_hover_item(e, t) {
+      e.hoverItem = t;
+    },
+    set_selected_item(e, t) {
+      e.selectedItem = t;
+    }
+  },
+  actions: {},
+  modules: {}
+});
+export {
+  n as default
+};

package/es/src/style/index.css.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/es/src/utils/env.js

@@ -0,0 +1,9 @@
+const o = ["production", "prod"].includes(process.env.NODE_ENV);
+function e() {
+  const n = o ? "configProd" : "configDev";
+  return window[n] || window.parent[n];
+}
+const c = e();
+export {
+  c as default
+};