@fecp/vue 1.1.2 → 1.1.3

package/es/node_modules/.pnpm/@vueuse_shared@10.11.1_vue@3.5.13_typescript@5.7.3_/node_modules/@vueuse/shared/index.mjs

@@ -1,4 +1,4 @@
-import { getCurrentScope, onScopeDispose, shallowRef, watchEffect, readonly, unref, ref, watch, computed, onMounted, nextTick, isRef, reactive, getCurrentInstance } from "vue";
+import { shallowRef, watchEffect, readonly, getCurrentScope, onScopeDispose, unref, ref, watch, computed, onMounted, nextTick, isRef, reactive, getCurrentInstance } from "vue";
 function computedEager(fn, options) {
   var _a;
   const result = shallowRef();

package/es/node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/form/src/hooks/use-form-common-props.mjs

@@ -1,4 +1,4 @@
-import { ref, inject, computed, unref } from "vue";
+import { inject, computed, unref, ref } from "vue";
 import { useGlobalSize } from "../../../../hooks/use-size/index.mjs";
 import { useProp } from "../../../../hooks/use-prop/index.mjs";
 import { formContextKey, formItemContextKey } from "../constants.mjs";

package/es/node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/input/src/input.vue2.mjs

@@ -10,7 +10,7 @@ import { useFocusController } from "../../../hooks/use-focus-controller/index.mj
 import { useFormItem, useFormItemInputId } from "../../form/src/hooks/use-form-item.mjs";
 import { ValidateComponentsMap } from "../../../utils/vue/icon.mjs";
 import { useComposition } from "../../../hooks/use-composition/index.mjs";
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT } from "../../../constants/event.mjs";
+import { INPUT_EVENT, UPDATE_MODEL_EVENT, CHANGE_EVENT } from "../../../constants/event.mjs";
 import { useCursor } from "../../../hooks/use-cursor/index.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { debugWarn } from "../../../utils/error.mjs";

package/es/packages/vue/src/components/forms/form/Form.vue.mjs

@@ -5,7 +5,7 @@
 /* empty css                                                                                                                                         */
 /* empty css                                                                                                                                       */
 /* empty css                                                                                                                                       */
-import { getCurrentInstance, ref, onMounted, createBlock, openBlock, withCtx, createCommentVNode, createVNode, unref } from "vue";
+import { getCurrentInstance, ref, onMounted, createElementBlock, openBlock, Fragment, createVNode, createTextVNode, withCtx, createBlock, createCommentVNode, unref, renderList, toDisplayString } from "vue";
 import "../../../../../../node_modules/.pnpm/grid-layout-plus@1.1.1_vue@3.5.13_typescript@5.7.3_/node_modules/grid-layout-plus/es/index.mjs";
 import { getCurrentVueInstance } from "../../../utils/getInstance.mjs";
 import getJsonAsyncUtil from "../../../utils/getJsonAsyncUtil.mjs";
@@ -27,6 +27,7 @@ import { ElContainer } from "../../../../../../node_modules/.pnpm/element-plus@2
 import { ElForm } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/form/index.mjs";
 import De from "../../../../../../node_modules/.pnpm/grid-layout-plus@1.1.1_vue@3.5.13_typescript@5.7.3_/node_modules/grid-layout-plus/es/components/grid-layout.vue.mjs";
 import { ElMessage } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message/index.mjs";
+const _hoisted_1 = ["name", "value"];
 const _sfc_main = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
@@ -57,6 +58,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const dataSourceOptions = ref({});
     const dictionaryOptions = ref({});
     const fieldsData = ref({});
+    const hiddenFields = ref({});
     const pageEvents = usePageEvents(() => ({
       pageEventConfig: localConfig.value.pageEventConfig,
       ctx,
@@ -82,6 +84,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         );
         localConfig.value = option;
         fieldsData.value = option.fieldsData.map((item) => item.component);
+        hiddenFields.value = option.hiddenFields || [];
         initFormData();
         await loadFieldDataSources();
         loadEventFlow();
@@ -118,6 +121,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           }
         });
       }
+      if (hiddenFields.value && hiddenFields.value.length > 0) {
+        hiddenFields.value.forEach((field) => {
+          if (field.fieldName) {
+            data[field.fieldName] = field.value !== void 0 ? field.value : null;
+          }
+        });
+      }
       formData.value = data;
       formRules.value = rules;
     };
@@ -226,7 +236,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         getEventHandlers: createEventHandlers,
         handleEvent: createHandleEvent
       } = useEventFlow({
-        fields: fieldsData.value,
+        fields: [...fieldsData.value, ...hiddenFields.value],
         ctx,
         dataSources: localConfig.value.dataSources,
         components: {
@@ -276,36 +286,52 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
     const getFormData = () => {
       const result = { ...formData.value };
+      const processField = (field) => {
+        const fieldName = field.fieldName;
+        const fieldType = field.fieldType;
+        if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection")) {
+          const value = result[fieldName];
+          if (Array.isArray(value)) {
+            result[fieldName] = value.join("|");
+          }
+        }
+      };
       if (localConfig.value.fieldsData) {
         localConfig.value.fieldsData.forEach(({ component }) => {
-          const fieldName = component.fieldName;
-          const fieldType = component.fieldType;
-          if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection")) {
-            const value = result[fieldName];
-            if (Array.isArray(value)) {
-              result[fieldName] = value.join("|");
-            }
-          }
+          processField(component);
+        });
+      }
+      if (hiddenFields.value && hiddenFields.value.length > 0) {
+        hiddenFields.value.forEach((field) => {
+          processField(field);
         });
       }
       return result;
     };
     const setFormData = (data) => {
       const processedData = { ...data };
+      const processField = (field) => {
+        const fieldName = field.fieldName;
+        const fieldType = field.fieldType;
+        if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection")) {
+          const value = processedData[fieldName];
+          if (typeof value === "string" && value.includes("|")) {
+            processedData[fieldName] = value.split("|");
+          } else if (typeof value === "string" && value !== "") {
+            processedData[fieldName] = [value];
+          } else if (value === "" || value === null || value === void 0) {
+            processedData[fieldName] = [];
+          }
+        }
+      };
       if (localConfig.value.fieldsData) {
         localConfig.value.fieldsData.forEach(({ component }) => {
-          const fieldName = component.fieldName;
-          const fieldType = component.fieldType;
-          if (fieldName && (fieldType === "checkbox" || fieldType === "multipleSelection")) {
-            const value = processedData[fieldName];
-            if (typeof value === "string" && value.includes("|")) {
-              processedData[fieldName] = value.split("|");
-            } else if (typeof value === "string" && value !== "") {
-              processedData[fieldName] = [value];
-            } else if (value === "" || value === null || value === void 0) {
-              processedData[fieldName] = [];
-            }
-          }
+          processField(component);
+        });
+      }
+      if (hiddenFields.value && hiddenFields.value.length > 0) {
+        hiddenFields.value.forEach((field) => {
+          processField(field);
         });
       }
       Object.assign(formData.value, processedData);
@@ -323,64 +349,75 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     return (_ctx, _cache) => {
       const _component_el_form = ElForm;
       const _component_el_container = ElContainer;
-      return openBlock(), createBlock(_component_el_container, {
-        direction: "vertical",
-        style: { "height": "100%" }
-      }, {
-        default: withCtx(() => [
-          !configLoading.value ? (openBlock(), createBlock(unref(header), {
-            key: 0,
-            pageHeaderConfig: localConfig.value.pageHeaderConfig
-          }, null, 8, ["pageHeaderConfig"])) : createCommentVNode("", true),
-          createVNode(unref(main), null, {
-            default: withCtx(() => [
-              createVNode(_component_el_form, {
-                ref_key: "formRef",
-                ref: formRef,
-                model: formData.value,
-                rules: formRules.value,
-                "label-position": localConfig.value.labelPosition,
-                style: { "padding": "18px" },
-                "validate-on-rule-change": false
-              }, {
-                default: withCtx(() => [
-                  !configLoading.value ? (openBlock(), createBlock(unref(De), {
-                    key: 0,
-                    ref: "gridLayout",
-                    layout: localConfig.value.fieldsData,
-                    "onUpdate:layout": _cache[0] || (_cache[0] = ($event) => localConfig.value.fieldsData = $event),
-                    "row-height": localConfig.value.labelPosition == "top" ? 90 : 60,
-                    margin: [0, 0],
-                    "col-num": localConfig.value.columns,
-                    "is-draggable": false,
-                    "is-resizable": false
-                  }, {
-                    item: withCtx(({ item: { component } }) => [
-                      createVNode(_FormItem, {
-                        modelValue: formData.value[component.fieldName],
-                        "onUpdate:modelValue": ($event) => formData.value[component.fieldName] = $event,
-                        config: component,
-                        localConfig: localConfig.value,
-                        error: getFieldError(component.fieldName),
-                        formRef: formRef.value,
-                        onChange: handleFieldChange
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "localConfig", "error", "formRef"])
-                    ]),
-                    _: 1
-                  }, 8, ["layout", "row-height", "col-num"])) : createCommentVNode("", true)
-                ]),
-                _: 1
-              }, 8, ["model", "rules", "label-position"])
-            ]),
-            _: 1
-          }),
-          createVNode(unref(footer), {
-            pageFooterConfig: localConfig.value.pageFooterConfig,
-            onCustomButtonClick: handleCustomButtonClick
-          }, null, 8, ["pageFooterConfig"])
-        ]),
-        _: 1
-      });
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_el_container, {
+          direction: "vertical",
+          style: { "height": "100%" }
+        }, {
+          default: withCtx(() => [
+            !configLoading.value ? (openBlock(), createBlock(unref(header), {
+              key: 0,
+              pageHeaderConfig: localConfig.value.pageHeaderConfig
+            }, null, 8, ["pageHeaderConfig"])) : createCommentVNode("", true),
+            createVNode(unref(main), null, {
+              default: withCtx(() => [
+                createVNode(_component_el_form, {
+                  ref_key: "formRef",
+                  ref: formRef,
+                  model: formData.value,
+                  rules: formRules.value,
+                  "label-position": localConfig.value.labelPosition,
+                  style: { "padding": "18px" },
+                  "validate-on-rule-change": false
+                }, {
+                  default: withCtx(() => [
+                    !configLoading.value ? (openBlock(), createBlock(unref(De), {
+                      key: 0,
+                      ref: "gridLayout",
+                      layout: localConfig.value.fieldsData,
+                      "onUpdate:layout": _cache[0] || (_cache[0] = ($event) => localConfig.value.fieldsData = $event),
+                      "row-height": localConfig.value.labelPosition == "top" ? 90 : 60,
+                      margin: [0, 0],
+                      "col-num": localConfig.value.columns,
+                      "is-draggable": false,
+                      "is-resizable": false
+                    }, {
+                      item: withCtx(({ item: { component } }) => [
+                        createVNode(_FormItem, {
+                          modelValue: formData.value[component.fieldName],
+                          "onUpdate:modelValue": ($event) => formData.value[component.fieldName] = $event,
+                          config: component,
+                          localConfig: localConfig.value,
+                          error: getFieldError(component.fieldName),
+                          formRef: formRef.value,
+                          onChange: handleFieldChange
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "localConfig", "error", "formRef"])
+                      ]),
+                      _: 1
+                    }, 8, ["layout", "row-height", "col-num"])) : createCommentVNode("", true),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(hiddenFields.value, (field) => {
+                      return openBlock(), createElementBlock("input", {
+                        key: field.fieldName,
+                        type: "hidden",
+                        name: field.fieldName,
+                        value: formData.value[field.fieldName]
+                      }, null, 8, _hoisted_1);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["model", "rules", "label-position"])
+              ]),
+              _: 1
+            }),
+            createVNode(unref(footer), {
+              pageFooterConfig: localConfig.value.pageFooterConfig,
+              onCustomButtonClick: handleCustomButtonClick
+            }, null, 8, ["pageFooterConfig"])
+          ]),
+          _: 1
+        }),
+        createTextVNode(" " + toDisplayString(formData.value), 1)
+      ], 64);
     };
   }
 });

package/es/packages/vue/src/components/forms/formItem/FormItem.vue.mjs

@@ -5,7 +5,7 @@ import "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_type
 import { computed, createBlock, openBlock, createSlots, withCtx, createCommentVNode, resolveDynamicComponent, mergeProps, createElementVNode, toDisplayString, createVNode, unref } from "vue";
 import { QuestionFilled as question_filled_default } from "../../../../../../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.mjs";
 import { debounce } from "../form/debounce.mjs";
-import _Text from "../text/Text.vue.mjs";
+import TextComponent from "../text/Text.vue.mjs";
 import _sfc_main$9 from "../textarea/Textarea.vue.mjs";
 import _sfc_main$8 from "../number/Number.vue.mjs";
 import _sfc_main$7 from "../date/Date.vue.mjs";
@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const props = __props;
     const emit = __emit;
     const componentMap = {
-      text: _Text,
+      text: TextComponent,
       textarea: _sfc_main$9,
       number: _sfc_main$8,
       date: _sfc_main$7,

package/es/packages/vue/src/components/forms/text/Text.vue.mjs

@@ -129,7 +129,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4b100f9c"]]);
+const TextComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4b100f9c"]]);
 export {
-  _Text as default
+  TextComponent as default
 };

package/es/packages/vue/src/components/forms/text/index.mjs

@@ -1,6 +1,6 @@
-import _Text from "./Text.vue.mjs";
+import TextComponent from "./Text.vue.mjs";
 import install from "../../../utils/install.mjs";
-const Text = install.withInstall("Text", _Text);
+const Text = install.withInstall("Text", TextComponent);
 export {
   Text,
   Text as default

package/es/packages/vue/src/components/table/Table.vue.mjs

@@ -7,6 +7,7 @@ import { createDataSource } from "../../utils/datasource.mjs";
 import Pagination from "./Pagination.vue.mjs";
 import CustomButtons from "./CustomButtons.vue.mjs";
 import TableColumn from "./TableColumn.vue.mjs";
+import TableFilter from "./TableFilter.vue.mjs";
 import { getCurrentVueInstance } from "../../utils/getInstance.mjs";
 /* empty css                                                                                                                                     */
 /* empty css                                                                                                                                       */
@@ -137,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       const fieldDataSources = /* @__PURE__ */ new Set();
       const dictionaryKeys = /* @__PURE__ */ new Set();
       for (const field of fields) {
-        if (field.fieldType === "select" && field.optionConfig) {
+        if ((field.fieldType === "select" || field.fieldType === "multipleSelection") && field.optionConfig) {
           const { optionSource, dataSourceValue, dictionaryValue } = field.optionConfig;
           if (optionSource === "dataSource" && dataSourceValue) {
             fieldDataSources.add(dataSourceValue);
@@ -192,6 +193,42 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           console.error("Failed to load dictionary data:", error);
         }
       }
+      mergeOptionsToFields();
+    };
+    const mergeOptionsToFields = () => {
+      if (localConfig.value.fieldsData) {
+        localConfig.value.fieldsData.forEach((field) => {
+          if (!field.optionConfig) return;
+          const {
+            optionSource,
+            dataSourceValue,
+            dictionaryValue,
+            displayField,
+            valueField
+          } = field.optionConfig;
+          if (optionSource === "dataSource" && dataSourceOptions.value[dataSourceValue]) {
+            const rawOptions = dataSourceOptions.value[dataSourceValue];
+            const labelField = displayField || "label";
+            const keyField = valueField || "value";
+            field.optionConfig.options = rawOptions.map((item) => ({
+              label: item[labelField],
+              value: item[keyField],
+              disabled: item.disabled || false
+            }));
+          } else if (optionSource === "dictionary" && dictionaryOptions.value[dictionaryValue]) {
+            const rawOptions = dictionaryOptions.value[dictionaryValue];
+            const labelField = "optName";
+            const keyField = "optCode";
+            field.optionConfig.options = rawOptions.map((item) => ({
+              label: item[labelField],
+              value: item[keyField],
+              disabled: item.disabled || false
+            }));
+          } else if (optionSource === "custom") {
+            field.optionConfig.options = field.optionConfig.options || [];
+          }
+        });
+      }
     };
     const { handleEvent } = useEventFlow({
       fields: localConfig.value.fieldsData,
@@ -245,6 +282,18 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const handleRadioChange = (checked) => {
       emit("selection-change", [checked.row]);
     };
+    const handleFilterSearch = (filters) => {
+      if (dataSourceManager.value) {
+        dataSourceManager.value.updateParams(filters);
+        dataSourceManager.value.fetch();
+      }
+    };
+    const handleFilterReset = () => {
+      if (dataSourceManager.value) {
+        dataSourceManager.value.clearParams();
+        dataSourceManager.value.fetch();
+      }
+    };
     const refresh = (options = {}) => {
       var _a;
       const {
@@ -373,6 +422,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         ref: tableContainer,
         class: "fec-table-container"
       }, [
+        createVNode(TableFilter, {
+          "query-config": localConfig.value.queryConfig,
+          "fields-data": localConfig.value.fieldsData,
+          onSearch: handleFilterSearch,
+          onReset: handleFilterReset
+        }, null, 8, ["query-config", "fields-data"]),
         createVNode(CustomButtons, {
           "custom-btns": localConfig.value.customBtns,
           onClick: handleCustomBtnClick
@@ -434,7 +489,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9014257e"]]);
+const _Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d11bb28c"]]);
 export {
   _Table as default
 };

package/es/packages/vue/src/components/table/TableColumn.vue.mjs

@@ -108,6 +108,7 @@ const _sfc_main = {
           }
           return value;
         case "select":
+        case "multipleSelection":
           if (field.optionConfig) {
             let options = [];
             let displayField = "label";
@@ -125,6 +126,14 @@ const _sfc_main = {
               displayField = "optName";
               valueField = "optCode";
             }
+            if (typeof value === "string" && value.includes("|")) {
+              const values = value.split("|");
+              const displayValues = values.map((val) => {
+                const option2 = options.find((opt) => opt[valueField] == val);
+                return option2 ? option2[displayField] : val;
+              });
+              return displayValues.join(", ");
+            }
             const option = options.find((opt) => opt[valueField] == value);
             return option ? option[displayField] : value;
           }
@@ -298,7 +307,7 @@ const _sfc_main = {
     };
   }
 };
-const TableColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-28498ce1"]]);
+const TableColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c7ca0774"]]);
 export {
   TableColumn as default
 };