@fecp/designer 5.5.4 → 5.5.6

package/es/packages/mobile/src/components/form/fieldPicker/FieldPicker.vue.mjs

@@ -11,9 +11,9 @@
 /* empty css                                              */
 /* empty css                                                       */
 /* empty css                                                 */
-import { useAttrs, ref, watch, computed, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, createVNode, withModifiers } from "vue";
+import { useAttrs, ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, createSlots, withCtx, createVNode, withModifiers } from "vue";
 import { MobileField } from "../field/index.mjs";
-import { getOptions } from "../../../utils/optionUtil.mjs";
+import "../../../utils/optionUtil.mjs";
 import { Picker } from "../../../../node_modules/vant/es/picker/index.mjs";
 import { Popup } from "../../../../node_modules/vant/es/popup/index.mjs";
 import { Icon } from "../../../../node_modules/vant/es/icon/index.mjs";
@@ -68,30 +68,8 @@ const _sfc_main = {
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const attrs = useAttrs();
+    useAttrs();
     const finalOptions = ref([]);
-    getOptions({
-      ...attrs,
-      staticOptions: props.pickerOptions,
-      optionsFieldNames: props.treeOptionsFieldNames
-    }).then((data) => {
-      finalOptions.value = data;
-    });
-    watch(
-      () => props.pickerOptions,
-      () => {
-        getOptions({
-          ...attrs,
-          staticOptions: props.pickerOptions,
-          optionsFieldNames: props.treeOptionsFieldNames
-        }).then((data) => {
-          finalOptions.value = data;
-        });
-      },
-      {
-        deep: true
-      }
-    );
     const fieldTextValue = ref("");
     const showPicker = ref(false);
     const emit = __emit;

package/es/packages/mobile/src/components/form/fieldRadio/FieldRadio.vue.mjs

@@ -1,7 +1,8 @@
-import { getCurrentInstance, useAttrs, ref, computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createElementBlock, toDisplayString } from "vue";
+import { getCurrentInstance, useAttrs, ref, watch, computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createElementBlock, toDisplayString } from "vue";
 import { MobileField } from "../field/index.mjs";
 import { getOptions } from "../../../utils/optionUtil.mjs";
 import { MobileRadioGroup } from "../radioGroup/index.mjs";
+import { cloneDeep } from "../../../utils/common.mjs";
 const _hoisted_1 = { key: 1 };
 const _sfc_main = {
   __name: "FieldRadio",
@@ -17,20 +18,46 @@ const _sfc_main = {
     readonly: {
       type: Boolean,
       default: false
+    },
+    dataSources: {
+      type: Array,
+      default: () => []
+    },
+    formData: {
+      type: Object,
+      default: () => {
+      }
+    },
+    fields: {
+      type: Array,
+      default: () => []
     }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const currentInstance = getCurrentInstance();
-    currentInstance.proxy;
+    const ctx = currentInstance.proxy;
     const props = __props;
     useAttrs();
     const finalOptions = ref([]);
-    getOptions({
-      ...props.optionConfig
-    }).then((data) => {
-      finalOptions.value = data;
-    });
+    watch(
+      () => cloneDeep(props.optionConfig),
+      (val) => {
+        getOptions({
+          ctx,
+          dataSources: props.dataSources,
+          formData: props.formData,
+          fields: props.fields,
+          ...props.optionConfig
+        }).then((data) => {
+          finalOptions.value = data;
+        });
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
     const emit = __emit;
     const compValue = computed({
       get: () => {

package/es/packages/mobile/src/components/form/fieldSubTitle/FieldSubTitle.vue.mjs

@@ -0,0 +1,27 @@
+import { createElementBlock, openBlock, createElementVNode, toDisplayString } from "vue";
+/* empty css                    */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _hoisted_1 = { class: "fec-sub-title" };
+const _hoisted_2 = { class: "fec-label-title" };
+const _sfc_main = {
+  __name: "FieldSubTitle",
+  props: {
+    label: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[0] || (_cache[0] = createElementVNode("div", { class: "fec-label-line" }, null, -1)),
+        createElementVNode("div", _hoisted_2, toDisplayString(__props.label), 1),
+        _cache[1] || (_cache[1] = createElementVNode("div", { class: "fec-label-line-query" }, null, -1))
+      ]);
+    };
+  }
+};
+const _FieldSubTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-91f26588"]]);
+export {
+  _FieldSubTitle as default
+};

package/es/packages/mobile/src/components/form/fieldSubTitle/index.mjs

@@ -0,0 +1,10 @@
+import _FieldSubTitle from "./FieldSubTitle.vue.mjs";
+import install from "../../../utils/install.mjs";
+const MobileFieldSubTitle = install.withInstall(
+  "MobileFieldSubTitle",
+  _FieldSubTitle
+);
+export {
+  MobileFieldSubTitle,
+  MobileFieldSubTitle as default
+};

package/es/packages/mobile/src/components/form/radioGroup/RadioGroup.vue.mjs

@@ -17,7 +17,7 @@ const _sfc_main = {
     fieldNames: {
       type: Object,
       default: {
-        text: "text",
+        text: "label",
         value: "value",
         disabled: "disabled"
       }

package/es/packages/mobile/src/components/navigation/actionBar/ActionBar.vue.mjs

@@ -1,23 +1,42 @@
 /* empty css                                               */
 /* empty css                                                     */
-import { createBlock, openBlock, normalizeProps, guardReactiveProps, createSlots, renderList, withCtx, renderSlot } from "vue";
+/* empty css                                                */
+/* empty css                                               */
+/* empty css                                                  */
+/* empty css                                                 */
+/* empty css                                                            */
+import { createBlock, openBlock, withCtx, createElementBlock, Fragment, renderList } from "vue";
+/* empty css                */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { ActionBar } from "../../../../node_modules/vant/es/action-bar/index.mjs";
-const _sfc_main = {};
-function _sfc_render(_ctx, _cache) {
-  const _component_van_action_bar = ActionBar;
-  return openBlock(), createBlock(_component_van_action_bar, normalizeProps(guardReactiveProps(_ctx.$attrs)), createSlots({ _: 2 }, [
-    renderList(_ctx.$slots, (item, key) => {
-      return {
-        name: key,
-        fn: withCtx(() => [
-          renderSlot(_ctx.$slots, key)
-        ])
-      };
-    })
-  ]), 1040);
-}
-const _ActionBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+import { ActionBarButton } from "../../../../node_modules/vant/es/action-bar-button/index.mjs";
+const _sfc_main = {
+  __name: "ActionBar",
+  props: {
+    actionBarOptions: {
+      type: Array,
+      default: []
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_van_action_bar_button = ActionBarButton;
+      const _component_van_action_bar = ActionBar;
+      return openBlock(), createBlock(_component_van_action_bar, { "safe-area-inset-bottom": "" }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actionBarOptions, (item) => {
+            return openBlock(), createBlock(_component_van_action_bar_button, {
+              type: item.type,
+              text: item.text
+            }, null, 8, ["type", "text"]);
+          }), 256))
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+const _ActionBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-44eb199a"]]);
 export {
   _ActionBar as default
 };

package/es/packages/mobile/src/components/navigation/tabbar/Tabbar.vue.mjs

@@ -36,7 +36,8 @@ const _sfc_main = {
       return openBlock(), createBlock(_component_van_tabbar, mergeProps(_ctx.$attrs, {
         modelValue: unref(activeName),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(activeName) ? activeName.value = $event : null),
-        fixed: false
+        fixed: false,
+        "safe-area-inset-bottom": ""
       }), {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabbarOptions, (item) => {

package/es/packages/mobile/src/utils/common.mjs

@@ -0,0 +1,28 @@
+import cloneDeep$1 from "../../../../node_modules/lodash-es/cloneDeep.mjs";
+function cloneDeep(data) {
+  return cloneDeep$1(data);
+}
+function removeEmptyValues(data) {
+  if (typeof data !== "object" || data === null) {
+    return data;
+  }
+  if (Array.isArray(data)) {
+    return data.map((item) => removeEmptyValues(item)).filter((item) => {
+      return item !== null && item !== void 0 && item !== "";
+    });
+  }
+  const result = {};
+  for (const key in data) {
+    if (Object.prototype.hasOwnProperty.call(data, key)) {
+      const value = removeEmptyValues(data[key]);
+      if (value !== null && value !== void 0 && value !== "") {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+export {
+  cloneDeep,
+  removeEmptyValues
+};

package/es/packages/mobile/src/utils/datasource.mjs

@@ -0,0 +1,354 @@
+import { reactive } from "vue";
+import { parseRouteParams } from "./parseRouteParams.mjs";
+import "../../../../node_modules/element-plus/es/index.mjs";
+/* empty css                                                          */
+/* empty css                                                                */
+/* empty css                                                              */
+/* empty css                                                                */
+import { ElLoading } from "../../../../node_modules/element-plus/es/components/loading/index.mjs";
+import { ElMessage } from "../../../../node_modules/element-plus/es/components/message/index.mjs";
+class DataSourceManager {
+  constructor(options = {}) {
+    this.templateId = options.templateId;
+    this.http = options.http;
+    this.params = options.params || {};
+    this.initSearchData = options.initSearchData || {};
+    this.dataSources = options.dataSources || [];
+    this.currentDataSourceId = options.currentDataSourceId;
+    this.pagination = options.pagination || false;
+    this.sortRules = reactive(options.sortRules || []);
+    this.originalSortRules = JSON.parse(
+      JSON.stringify(options.sortRules || [])
+    );
+    this.showSuccessMessage = options.showSuccessMessage || false;
+    this.loading = false;
+    this.error = null;
+    this.data = reactive({});
+    this.contextData = options.data || null;
+    this.fields = options.fields || [];
+    this.events = {
+      loaded: [],
+      error: []
+    };
+    this.LoadingInstance = {
+      target: null,
+      // 保存Loading实例
+      count: 0
+    };
+  }
+  /**
+   * 获取当前数据源配置
+   */
+  getCurrentDataSource() {
+    if (!this.currentDataSourceId || !this.dataSources.length) return null;
+    return this.dataSources.find((ds) => ds.id == this.currentDataSourceId);
+  }
+  /**
+   * 构建请求参数
+   */
+  buildRequestParams(extraParams = {}) {
+    const currentDs = this.getCurrentDataSource();
+    if (!currentDs) return {};
+    const params = { ...this.params };
+    if (this.templateId) {
+      params.tableId = this.templateId;
+    }
+    if (currentDs.params && Array.isArray(currentDs.params)) {
+      const parsedParams = parseRouteParams(
+        currentDs.params,
+        this.contextData,
+        this.fields
+      );
+      Object.assign(params, parsedParams);
+    }
+    if (this.pagination) {
+      params.pageNo = this.pagination.pageNo;
+      params.pageSize = this.pagination.pageSize;
+    }
+    if (this.sortRules && this.sortRules.length > 0) {
+      params.sortRules = JSON.stringify(this.sortRules);
+    }
+    return { ...this.initSearchData, ...params, ...extraParams };
+  }
+  /**
+   * 根据内容类型处理请求数据
+   */
+  prepareRequestData(params, contentType) {
+    switch (contentType) {
+      case "formData":
+        const formData = new FormData();
+        Object.keys(params).forEach((key) => {
+          formData.append(key, params[key]);
+        });
+        return formData;
+      case "formUrlencoded":
+        const urlencoded = new URLSearchParams();
+        Object.keys(params).forEach((key) => {
+          urlencoded.append(key, params[key]);
+        });
+        return urlencoded;
+      case "json":
+      default:
+        return JSON.stringify(params);
+    }
+  }
+  /**
+   * 获取请求配置
+   */
+  getRequestConfig() {
+    const currentDs = this.getCurrentDataSource();
+    if (!currentDs) return {};
+    const config = {
+      url: `/${currentDs.serverName}${currentDs.url}`,
+      method: currentDs.method
+    };
+    if (currentDs.contentType === "formData") {
+      config.headers = {
+        "Content-Type": "multipart/form-data"
+      };
+    } else if (currentDs.contentType === "formUrlencoded") {
+      config.headers = {
+        "Content-Type": "application/x-www-form-urlencoded"
+      };
+    } else {
+      config.headers = {
+        "Content-Type": "application/json"
+      };
+    }
+    return config;
+  }
+  /**
+   * 发起请求
+   */
+  async fetch(extraParams = {}) {
+    const currentDs = this.getCurrentDataSource();
+    if (!currentDs) {
+      console.warn("未找到当前数据源配置");
+      return;
+    }
+    if (!this.http) {
+      console.warn("未配置 HTTP 实例");
+      return;
+    }
+    this.loading = true;
+    this.error = null;
+    this.LoadingInstance.count++;
+    if (this.LoadingInstance.count === 1) {
+      this.LoadingInstance.target = ElLoading.service({
+        fullscreen: true,
+        lock: true,
+        text: "拼命加载中",
+        // spinner: loadingSvg,
+        background: "rgba(0, 0, 0, 0)",
+        customClass: "h-loading"
+      });
+    }
+    try {
+      const params = this.buildRequestParams(extraParams);
+      const requestConfig = this.getRequestConfig();
+      let response;
+      const { url, method } = requestConfig;
+      switch (method.toLowerCase()) {
+        case "get":
+          response = await this.http.get(url, { params });
+          break;
+        case "post":
+          if (currentDs.contentType === "formData") {
+            response = await this.http.postForm(url, params, requestConfig);
+          } else if (currentDs.contentType === "download") {
+            await this.http.download(url, params, requestConfig);
+          } else if (currentDs.contentType === "upload") {
+            response = await this.http.upload(url, params, requestConfig);
+          } else {
+            response = await this.http.post(url, params, requestConfig);
+          }
+          break;
+        case "put":
+          if (currentDs.contentType === "formData") {
+            response = await this.http.putForm(url, params, requestConfig);
+          } else {
+            response = await this.http.put(url, params, requestConfig);
+          }
+          break;
+        case "delete":
+          response = await this.http.delete(url, { params });
+          break;
+        default:
+          response = await this.http.get(url, { params });
+      }
+      if (response && typeof response === "object" && "code" in response) {
+        if (response.code == 0) {
+          const responseData = response.data;
+          const responseMessage = response.message;
+          if (this.pagination) {
+            this.data.list = (responseData == null ? void 0 : responseData.records) || responseData;
+            this.data.total = (responseData == null ? void 0 : responseData.total) || (responseData == null ? void 0 : responseData.length);
+          } else {
+            this.data = responseData;
+          }
+          this.emit("loaded", this.data);
+          if (this.showSuccessMessage && responseMessage) {
+            ElMessage.success(responseMessage);
+          }
+          return this.data;
+        } else {
+          this.error = response.message || "请求失败";
+          this.emit("error", this.error);
+          throw new Error(this.error);
+        }
+      } else {
+        const responseData = response;
+        if (this.pagination) {
+          this.data.list = (responseData == null ? void 0 : responseData.records) || responseData;
+          this.data.total = (responseData == null ? void 0 : responseData.total) || (responseData == null ? void 0 : responseData.length);
+        } else {
+          this.data = responseData;
+        }
+        this.emit("loaded", this.data);
+        return this.data;
+      }
+    } catch (err) {
+      this.error = err.message || "请求失败";
+      this.emit("error", err);
+      throw err;
+    } finally {
+      this.closeLoading();
+    }
+  }
+  /**
+   * 事件监听
+   */
+  on(event, callback) {
+    if (this.events[event]) {
+      this.events[event].push(callback);
+    }
+  }
+  /**
+   * 移除事件监听
+   */
+  off(event, callback) {
+    if (this.events[event]) {
+      const index = this.events[event].indexOf(callback);
+      if (index > -1) {
+        this.events[event].splice(index, 1);
+      }
+    }
+  }
+  /**
+   * 触发事件
+   */
+  emit(event, data) {
+    if (this.events[event]) {
+      this.events[event].forEach((callback) => {
+        callback(data);
+      });
+    }
+  }
+  /**
+   * 更新分页
+   */
+  updatePagination(pageNo, pageSize) {
+    this.pagination.pageNo = pageNo;
+    this.pagination.pageSize = pageSize;
+  }
+  /**
+   * 更新排序
+   */
+  updateSort(field, order) {
+    const existingIndex = this.sortRules.findIndex((rule) => rule.field === field);
+    if (!order) {
+      if (existingIndex > -1) {
+        this.sortRules.splice(existingIndex, 1);
+      }
+    } else {
+      if (existingIndex > -1) {
+        this.sortRules.splice(existingIndex, 1);
+      }
+      this.sortRules.unshift({ field, order });
+    }
+  }
+  /**
+   * 清空排序规则 - 重置为原始配置
+   */
+  clearSort() {
+    this.sortRules.splice(0, this.sortRules.length);
+    this.originalSortRules.forEach((rule) => {
+      this.sortRules.push({ ...rule });
+    });
+  }
+  /**
+   * 切换数据源
+   */
+  switchDataSource(dataSourceId) {
+    this.currentDataSourceId = dataSourceId;
+  }
+  /**
+   * 获取当前数据
+   */
+  getData() {
+    return this.data;
+  }
+  /**
+   * 获取加载状态
+   */
+  getLoading() {
+    return this.loading;
+  }
+  closeLoading() {
+    if (this.LoadingInstance.count > 0) {
+      this.LoadingInstance.count--;
+    }
+    if (this.LoadingInstance.count === 0 && this.LoadingInstance.target) {
+      this.LoadingInstance.target.close();
+      this.LoadingInstance.target = null;
+    }
+  }
+  /**
+   * 获取错误信息
+   */
+  getError() {
+    return this.error;
+  }
+  /**
+   * 获取分页信息
+   */
+  getPagination() {
+    return this.pagination;
+  }
+  /**
+   * 获取当前请求参数
+   */
+  getParams() {
+    return this.params;
+  }
+  /**
+   * 更新请求参数
+   */
+  updateParams(newParams) {
+    this.params = { ...this.params, ...newParams };
+  }
+  updateInitSearchData(newParams) {
+    this.initSearchData = newParams;
+  }
+  /**
+   * 清空请求参数
+   */
+  clearParams() {
+    this.params = {};
+  }
+  /**
+   * 销毁
+   */
+  destroy() {
+    this.events.loaded = [];
+    this.events.error = [];
+  }
+}
+function createDataSource(options = {}) {
+  return new DataSourceManager(options);
+}
+export {
+  DataSourceManager,
+  createDataSource,
+  DataSourceManager as default
+};