@fecp/vue 1.1.3 → 1.1.4

package/lib/packages/vue/src/components/table/TableFilter.vue.js

@@ -5,25 +5,31 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                                                                                                                    */
 ;/* empty css                                                                                                                                      */
 ;/* empty css                                                                                                                                         */
+;/* empty css                                                                                                                                     */
+;/* empty css                                                                                                                                            */
 require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/theme-chalk/el-date-picker.css.js");
 ;/* empty css                                                                                                                                                 */
-;/* empty css                                                                                                                                     */
 ;/* empty css                                                                                                                                         */
 ;/* empty css                                                                                                                                      */
 const vue = require("vue");
-const index$3 = require("../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.js");
-const index$a = require("../forms/text/index.js");
-const index$6 = require("../forms/select/index.js");
-const index$7 = require("../forms/multipleSelection/index.js");
-const index$9 = require("../forms/date/index.js");
-const index$8 = require("../forms/number/index.js");
+const index$4 = require("../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.js");
+const index$b = require("../forms/text/index.js");
+const index$7 = require("../forms/select/index.js");
+const index$8 = require("../forms/multipleSelection/index.js");
+const index$a = require("../forms/date/index.js");
+const index$9 = require("../forms/number/index.js");
 ;/* empty css                  */
 const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/form/index.js");
 const index$1 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/date-picker/index.js");
-const index$2 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.js");
-const index$4 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/divider/index.js");
-const index$5 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/icon/index.js");
+const index$2 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/input-number/index.js");
+const index$3 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.js");
+const index$5 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/divider/index.js");
+const index$6 = require("../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/icon/index.js");
+const _hoisted_1 = {
+  key: 1,
+  style: { "display": "flex", "align-items": "center", "gap": "8px", "width": "100%" }
+};
 const _sfc_main = {
   __name: "TableFilter",
   props: {
@@ -39,7 +45,7 @@ const _sfc_main = {
   emits: ["search", "reset"],
   setup(__props, { expose: __expose, emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "50ac82f0": `${config.value.collapseRows * 90}px`
+      "3f99436f": `${config.value.collapseRows * 90}px`
     }));
     const props = __props;
     const emit = __emit;
@@ -84,14 +90,14 @@ const _sfc_main = {
     });
     const getFilterComponent = (fieldType) => {
       const componentMap = {
-        text: index$a.Text,
-        select: index$6.Select,
-        date: index$9.Date,
-        number: index$8.Number,
-        multipleSelection: index$7.MultipleSelection,
-        switch: index$6.Select
+        text: index$b.Text,
+        select: index$7.Select,
+        date: index$a.Date,
+        number: index$9.Number,
+        multipleSelection: index$8.MultipleSelection,
+        switch: index$7.Select
       };
-      return componentMap[fieldType] || index$a.Text;
+      return componentMap[fieldType] || index$b.Text;
     };
     const getComponentConfig = (field) => {
       return { ...field };
@@ -102,6 +108,8 @@ const _sfc_main = {
         select: "请选择",
         date: type === "start" ? "开始日期" : type === "end" ? "结束日期" : "请选择日期",
         number: "请输入",
+        number_min: "最小值",
+        number_max: "最大值",
         radio: "请选择",
         checkbox: "请选择",
         switch: "请选择"
@@ -109,6 +117,9 @@ const _sfc_main = {
       if (field.fieldType === "date") {
         return placeholderMap.date;
       }
+      if (field.fieldType === "number") {
+        return type === "min" ? placeholderMap.number_min : type === "max" ? placeholderMap.number_max : placeholderMap.number;
+      }
       return `${placeholderMap[field.fieldType] || "请输入"}${field.label || ""}`;
     };
     const toggleCollapse = () => {
@@ -123,15 +134,22 @@ const _sfc_main = {
             (field) => field.id == key
           );
           const fieldName = (fieldConfig == null ? void 0 : fieldConfig.fieldName) || key;
-          if (Array.isArray(value)) {
-            filters[fieldName] = value.join("|");
+          const maxKey = `${key}_max`;
+          const maxValue = filterValues.value[maxKey];
+          if (maxValue !== "" && maxValue !== null && maxValue !== void 0) {
+            filters[fieldName] = value + "|" + maxValue;
+          } else if (key.endsWith("_max")) {
+            return;
           } else {
-            filters[fieldName] = value;
+            if (Array.isArray(value)) {
+              filters[fieldName] = value.join("|");
+            } else {
+              filters[fieldName] = value;
+            }
           }
         }
       });
-      console.log("🚀 ~ handleSearch ~ filters:", filters);
-      emit("search", filters);
+      emit("search", { filters });
     };
     const handleReset = () => {
       filterValues.value = {};
@@ -154,11 +172,12 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       const _component_el_date_picker = index$1.ElDatePicker;
+      const _component_el_input_number = index$2.ElInputNumber;
       const _component_el_form_item = index.ElFormItem;
-      const _component_el_button = index$2.ElButton;
+      const _component_el_button = index$3.ElButton;
       const _component_el_form = index.ElForm;
-      const _component_el_icon = index$5.ElIcon;
-      const _component_el_divider = index$4.ElDivider;
+      const _component_el_icon = index$6.ElIcon;
+      const _component_el_divider = index$5.ElDivider;
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         config.value.enabled ? (vue.openBlock(), vue.createBlock(_component_el_form, {
           key: 0,
@@ -181,26 +200,46 @@ const _sfc_main = {
                     label: field.label || "筛选条件"
                   }, {
                     default: vue.withCtx(() => [
-                      field.fieldType !== "date" ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getFilterComponent(field.fieldType)), vue.mergeProps({
+                      field.fieldType == "date" ? (vue.openBlock(), vue.createBlock(_component_el_date_picker, {
                         key: 0,
                         modelValue: filterValues.value[field.fieldId],
                         "onUpdate:modelValue": ($event) => filterValues.value[field.fieldId] = $event,
-                        config: { ...field, eventHandlers: {} },
-                        ref_for: true
-                      }, getComponentConfig(field), {
-                        placeholder: getPlaceholder(field)
-                      }), null, 16, ["modelValue", "onUpdate:modelValue", "config", "placeholder"])) : (vue.openBlock(), vue.createBlock(_component_el_date_picker, {
-                        key: 1,
-                        modelValue: filterValues.value[field.fieldId],
-                        "onUpdate:modelValue": ($event) => filterValues.value[field.fieldId] = $event,
                         type: "daterange",
                         "start-placeholder": getPlaceholder(field, "start"),
                         "end-placeholder": getPlaceholder(field, "end"),
                         format: "YYYY-MM-DD",
-                        "value-format": "YYYY-MM-DD",
+                        "value-format": "YYYYMMDD",
                         clearable: "",
                         style: { "width": "100%" }
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "start-placeholder", "end-placeholder"]))
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "start-placeholder", "end-placeholder"])) : field.fieldType == "number" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+                        vue.createVNode(_component_el_input_number, {
+                          modelValue: filterValues.value[field.fieldId],
+                          "onUpdate:modelValue": ($event) => filterValues.value[field.fieldId] = $event,
+                          placeholder: getPlaceholder(field, "min"),
+                          controls: false,
+                          "controls-position": "right",
+                          style: { "flex": "1" },
+                          clearable: ""
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]),
+                        _cache[0] || (_cache[0] = vue.createElementVNode("span", null, "-", -1)),
+                        vue.createVNode(_component_el_input_number, {
+                          modelValue: filterValues.value[`${field.fieldId}_max`],
+                          "onUpdate:modelValue": ($event) => filterValues.value[`${field.fieldId}_max`] = $event,
+                          placeholder: getPlaceholder(field, "max"),
+                          controls: false,
+                          "controls-position": "right",
+                          style: { "flex": "1" },
+                          clearable: ""
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                      ])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getFilterComponent(field.fieldType)), vue.mergeProps({
+                        key: 2,
+                        modelValue: filterValues.value[field.fieldId],
+                        "onUpdate:modelValue": ($event) => filterValues.value[field.fieldId] = $event,
+                        config: { ...field, eventHandlers: {} },
+                        ref_for: true
+                      }, getComponentConfig(field), {
+                        placeholder: getPlaceholder(field)
+                      }), null, 16, ["modelValue", "onUpdate:modelValue", "config", "placeholder"]))
                     ]),
                     _: 2
                   }, 1032, ["label"])
@@ -218,18 +257,18 @@ const _sfc_main = {
               vue.createVNode(_component_el_button, {
                 type: "primary",
                 onClick: handleSearch,
-                icon: vue.unref(index$3.Search)
+                icon: vue.unref(index$4.Search)
               }, {
-                default: vue.withCtx(() => _cache[0] || (_cache[0] = [
+                default: vue.withCtx(() => _cache[1] || (_cache[1] = [
                   vue.createTextVNode("搜索")
                 ])),
                 _: 1
               }, 8, ["icon"]),
               vue.createVNode(_component_el_button, {
                 onClick: handleReset,
-                icon: vue.unref(index$3.Refresh)
+                icon: vue.unref(index$4.Refresh)
               }, {
-                default: vue.withCtx(() => _cache[1] || (_cache[1] = [
+                default: vue.withCtx(() => _cache[2] || (_cache[2] = [
                   vue.createTextVNode("重置")
                 ])),
                 _: 1
@@ -251,7 +290,7 @@ const _sfc_main = {
               vue.createElementVNode("span", null, vue.toDisplayString(isCollapsed.value ? "更多筛选项" : "收起"), 1),
               vue.createVNode(_component_el_icon, { style: { "transform": "rotate(90deg)" } }, {
                 default: vue.withCtx(() => [
-                  isCollapsed.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.DArrowRight), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.DArrowLeft), { key: 1 }))
+                  isCollapsed.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.DArrowRight), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(index$4.DArrowLeft), { key: 1 }))
                 ]),
                 _: 1
               })
@@ -263,5 +302,5 @@ const _sfc_main = {
     };
   }
 };
-const TableFilter = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-e94ef8a9"]]);
+const TableFilter = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-e72fcecc"]]);
 exports.default = TableFilter;

package/lib/packages/vue/src/composables/usePageEvents.js

@@ -14,10 +14,9 @@ function usePageEvents(getOptions) {
     const staticOptions = getOptions;
     getOptions = () => staticOptions;
   }
-  const executeEvent = (eventName) => {
-    var _a;
+  const executeEvent = async (eventName) => {
     const options = getOptions();
-    const { pageEventConfig, ctx, formData, localConfig, components } = options;
+    const { pageEventConfig, ctx, formData, localConfig, components, fields } = options;
     if (!pageEventConfig || !Array.isArray(pageEventConfig) || pageEventConfig.length === 0) {
       console.log(`页面事件 ${eventName} 未配置或配置未加载完成，跳过执行`);
       return;
@@ -28,7 +27,7 @@ function usePageEvents(getOptions) {
       return;
     }
     const { getEventHandlers: createEventHandlers } = eventFlowHandler.useEventFlow({
-      fields: ((_a = localConfig == null ? void 0 : localConfig.fieldsData) == null ? void 0 : _a.map((item) => item.component)) || [],
+      fields: fields || [],
       ctx,
       dataSources: (localConfig == null ? void 0 : localConfig.dataSources) || [],
       components: components || {}
@@ -41,7 +40,7 @@ function usePageEvents(getOptions) {
     const eventKeys = Object.keys(handler);
     if (eventKeys.length > 0) {
       console.log(`执行页面事件 ${eventName}`);
-      handler[eventKeys[0]]();
+      await handler[eventKeys[0]]();
     }
   };
   const handleCreated = (checkConfigLoaded) => {

package/lib/packages/vue/src/utils/common.js

@@ -1,5 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const cloneDeep$1 = require("../../../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.js");
+function cloneDeep(data) {
+  return cloneDeep$1.default(data);
+}
 function removeEmptyValues(data) {
   if (typeof data !== "object" || data === null) {
     return data;
@@ -20,4 +24,5 @@ function removeEmptyValues(data) {
   }
   return result;
 }
+exports.cloneDeep = cloneDeep;
 exports.removeEmptyValues = removeEmptyValues;

package/lib/packages/vue/src/utils/datasource.js

@@ -8,8 +8,10 @@ const parseRouteParams = require("./parseRouteParams.js");
 const index = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.js");
 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;
@@ -40,6 +42,9 @@ class DataSourceManager {
     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.parseRouteParams(
         currentDs.params,
@@ -55,7 +60,7 @@ class DataSourceManager {
     if (this.sortRules && this.sortRules.length > 0) {
       params.sortRules = this.sortRules;
     }
-    return { ...params, ...extraParams };
+    return { ...this.initSearchData, ...params, ...extraParams };
   }
   /**
    * 根据内容类型处理请求数据
@@ -285,6 +290,9 @@ class DataSourceManager {
   updateParams(newParams) {
     this.params = { ...this.params, ...newParams };
   }
+  updateInitSearchData(newParams) {
+    this.initSearchData = newParams;
+  }
   /**
    * 清空请求参数
    */

package/lib/packages/vue/src/utils/formulajs/calculate.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const functionCore = require("./functionCore.js");
+require("vue");
+function calculate(params) {
+  const { text, value = {} } = params;
+  if (!text) return new Error("非法公式");
+  try {
+    let str = text;
+    let offset = 0;
+    const regex = /\{(\w+)\}/g;
+    let match;
+    const fields = [];
+    while ((match = regex.exec(text)) !== null) {
+      fields.push({
+        enCode: match[1],
+        startIndex: match.index,
+        endIndex: match.index + match[0].length
+      });
+    }
+    for (const field of fields) {
+      const { enCode, startIndex, endIndex } = field;
+      let data = value[enCode];
+      if (enCode.indexOf(".") > -1) {
+        const [key, subKey] = enCode.split(".");
+        if (value[key]) data = value[key].map((o) => o[subKey]);
+      }
+      if (data !== void 0) {
+        data = JSON.stringify(data);
+        const actualStart = startIndex + offset;
+        const actualEnd = endIndex + offset;
+        str = str.slice(0, actualStart) + data.toString() + str.slice(actualEnd);
+        offset += data.toString().length - (endIndex - startIndex);
+      }
+    }
+    const result = functionCore.default.executeFunction(str);
+    return result;
+  } catch (e) {
+    const errorTypes = {
+      TypeError: () => "类型错误",
+      RangeError: () => "范围错误",
+      SyntaxError: () => "语法错误",
+      ReferenceError: () => {
+        const regex = /^(\w+)\s+is\s+not\s+defined$/;
+        const match = e.message.match(regex);
+        return match ? `${match[1]} 未定义` : "未定义的变量";
+      }
+    };
+    const errorType = errorTypes[e.constructor.name];
+    const errorMessage = (errorType == null ? void 0 : errorType()) || `其他错误: ${e.message}`;
+    return {
+      error: true,
+      message: errorMessage
+    };
+  }
+}
+exports.calculate = calculate;

package/lib/packages/vue/src/utils/formulajs/functionCore.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index = require("../../../../../node_modules/.pnpm/@formulajs_formulajs@4.5.6/node_modules/@formulajs/formulajs/lib/esm/index.js");
+class FunctionCore {
+  constructor() {
+    Object.assign(FunctionCore.prototype, index);
+  }
+  executeFunction(str) {
+    const fn = new Function(
+      "with(this) { return " + str + "; }"
+      // 使用 `with` 来确保从当前实例中查找函数
+    ).bind(this);
+    return fn();
+  }
+}
+const functionCore = new FunctionCore();
+exports.default = functionCore;