@xjw_/vue3-npm-system 1.0.9 → 1.1.0

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import Cookies from "js-cookie";
 import axios from "axios";
-import { ElMessage } from "element-plus";
-import { defineComponent, computed, openBlock, createElementBlock, mergeProps, createElementVNode, ref, watch, resolveComponent, createBlock, provide, withCtx, createVNode, normalizeStyle, renderSlot, inject, normalizeClass, createCommentVNode, Fragment, renderList, createSlots, getCurrentInstance, toDisplayString, useSlots, withKeys, unref, createTextVNode, withDirectives, vShow, nextTick, onMounted, normalizeProps, guardReactiveProps } from "vue";
+import { ElMessage, ElInput, ElOption, ElCascader, ElDatePicker, ElSelect } from "element-plus";
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, createElementVNode, ref, watch, resolveComponent, createBlock, provide, withCtx, createVNode, normalizeStyle, renderSlot, inject, normalizeClass, createCommentVNode, Fragment, renderList, createSlots, getCurrentInstance, toDisplayString, useSlots, onMounted, unref, withKeys, createTextVNode, withDirectives, resolveDynamicComponent, vShow, nextTick, normalizeProps, guardReactiveProps } from "vue";
 function debounce$1(func, wait) {
   let timeout = null;
   return function(...args) {
@@ -1309,7 +1309,7 @@ const _hoisted_13$1 = { class: "" };
 const _hoisted_14$1 = { class: "" };
 const _hoisted_15$1 = { key: 1 };
 const _hoisted_16$1 = { class: "" };
-const _hoisted_17 = { class: "" };
+const _hoisted_17$1 = { class: "" };
 const _hoisted_18 = { class: "" };
 const _hoisted_19 = { class: "" };
 const _hoisted_20 = { class: "report-body" };
@@ -1579,7 +1579,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true),
             __props.customHeader2Label ? (openBlock(), createElementBlock("div", _hoisted_15$1, [
               createElementVNode("span", _hoisted_16$1, toDisplayString(__props.customHeader2Label) + "：", 1),
-              createElementVNode("span", _hoisted_17, toDisplayString(__props.customHeader2 || ""), 1)
+              createElementVNode("span", _hoisted_17$1, toDisplayString(__props.customHeader2 || ""), 1)
             ])) : createCommentVNode("", true),
             createElementVNode("div", null, [
               createElementVNode("span", _hoisted_18, toDisplayString(__props.customHeader3Label) + toDisplayString(__props.customHeader3Label ? "：" : ""), 1),
@@ -1686,6 +1686,7 @@ const _hoisted_13 = {
 const _hoisted_14 = { class: "search-top-extra-content" };
 const _hoisted_15 = { class: "search-top__actions" };
 const _hoisted_16 = { class: "search-form__buttons" };
+const _hoisted_17 = { class: "search-form__buttons" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "XSearchBar",
   props: {
@@ -1741,6 +1742,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     text3: {
       type: String,
       default: ""
+    },
+    searchList: {
+      type: Array,
+      default: () => []
+    },
+    selectOptions: {
+      type: Object,
+      default: () => ({})
     }
   },
   emits: ["update:modelValue", "update:queryForm", "list-update", "data-reset"],
@@ -1751,6 +1760,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const showMore = ref(false);
     const queryFormRef = ref();
     const vxeFormRef = ref();
+    const dynamicFormRef = ref();
+    const componentMap = {
+      "el-input": ElInput,
+      "el-select": ElSelect,
+      "el-date-picker": ElDatePicker,
+      "el-cascader": ElCascader
+    };
     const combinedQueries = computed({
       get() {
         if (props.modelValue !== void 0 && props.modelValue !== null) {
@@ -1768,6 +1784,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     });
     const hasFormSlot = computed(() => !!slots.form);
     const hasVxeFormSlot = computed(() => !!slots.vxeForm);
+    const hasDynamicFields = computed(() => parsedSearchList.value.length > 0);
     const vxeFormSpan = computed(() => Math.floor(24 / props.columns));
     const formContainerStyle = computed(() => ({
       "--form-columns": props.columns
@@ -1775,6 +1792,73 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const buttonItemSpan = computed(() => {
       return 24;
     });
+    const parsedSearchList = computed(() => {
+      return (props.searchList || []).map((item) => {
+        let attribute = {};
+        if (typeof item.attribute === "string") {
+          try {
+            attribute = JSON.parse(item.attribute);
+          } catch {
+            attribute = {};
+          }
+        } else if (item.attribute && typeof item.attribute === "object") {
+          attribute = item.attribute;
+        }
+        let dictKey = {};
+        if (typeof item.dictKey === "string") {
+          try {
+            dictKey = JSON.parse(item.dictKey);
+          } catch {
+            dictKey = {};
+          }
+        } else if (item.dictKey && typeof item.dictKey === "object") {
+          dictKey = item.dictKey;
+        }
+        return { ...item, attribute, dictKey };
+      });
+    });
+    const dynamicRules = computed(() => {
+      const result = {};
+      parsedSearchList.value.forEach((item) => {
+        var _a;
+        if ((_a = item.attribute) == null ? void 0 : _a.required) {
+          result[item.fieldJavaName] = [
+            { required: true, message: `请输入${item.fieldName}`, trigger: "blur" }
+          ];
+        }
+      });
+      return result;
+    });
+    function resolveComponent$1(fieldType) {
+      return componentMap[fieldType] || ElInput;
+    }
+    function shouldBindOptions(item) {
+      return item.fieldType === "el-cascader";
+    }
+    function initDefaultValues() {
+      if (!parsedSearchList.value.length) return;
+      parsedSearchList.value.forEach((item) => {
+        const dk = item.dictKey;
+        if (!dk || !dk.default) return;
+        if (dk.default === "1") {
+          props.queryForm[item.fieldJavaName] = dk.defaultValue;
+        } else if (dk.default === "2") {
+          const now = /* @__PURE__ */ new Date();
+          if (dk.defaultValue === 1) {
+            const firstDay = new Date(now.getFullYear(), now.getMonth(), 1);
+            props.queryForm[item.fieldJavaName] = formatDate2(firstDay);
+          } else {
+            props.queryForm[item.fieldJavaName] = formatDate2(now);
+          }
+        }
+      });
+    }
+    function formatDate2(date) {
+      const y = date.getFullYear();
+      const m = String(date.getMonth() + 1).padStart(2, "0");
+      const d = String(date.getDate()).padStart(2, "0");
+      return `${y}-${m}-${d}`;
+    }
     function reset() {
       combinedQueries.value = "";
       if (props.modelValue !== void 0 && props.modelValue !== null) {
@@ -1785,6 +1869,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           queryFormRef.value.resetFields();
         });
       }
+      if (hasDynamicFields.value && dynamicFormRef.value && typeof dynamicFormRef.value.resetFields === "function") {
+        nextTick(() => {
+          dynamicFormRef.value.resetFields();
+        });
+      }
       if (hasVxeFormSlot.value && vxeFormRef.value && typeof vxeFormRef.value.reset === "function") {
         vxeFormRef.value.reset();
       }
@@ -1840,18 +1929,38 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             });
           });
         }
+        if (hasDynamicFields.value && dynamicFormRef.value && typeof dynamicFormRef.value.validate === "function") {
+          return new Promise((resolve, reject) => {
+            dynamicFormRef.value.validate((valid) => {
+              if (valid) {
+                showMore.value = false;
+                emit("list-update", 1);
+                resolve(true);
+              } else {
+                showMore.value = true;
+                reject(false);
+              }
+            });
+          });
+        }
       } else {
         showMore.value = false;
         emit("list-update", 1);
         return Promise.resolve(true);
       }
     }
+    onMounted(() => {
+      initDefaultValues();
+    });
+    watch(() => props.searchList, () => {
+      initDefaultValues();
+    }, { deep: true });
     __expose({
       queryFormRef,
-      vxeFormRef
+      vxeFormRef,
+      dynamicFormRef
     });
     return (_ctx, _cache) => {
-      const _component_el_input = resolveComponent("el-input");
       const _component_el_button = resolveComponent("el-button");
       const _component_vxe_form_item = resolveComponent("vxe-form-item");
       const _component_vxe_form = resolveComponent("vxe-form");
@@ -1864,7 +1973,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_3$1, [
               __props.showInput ? (openBlock(), createElementBlock("span", _hoisted_4$1, "快捷搜索 ")) : createCommentVNode("", true),
               __props.showInput ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
-                createVNode(_component_el_input, {
+                createVNode(unref(ElInput), {
                   type: "text",
                   onKeyup: withKeys(searchParentList, ["enter"]),
                   modelValue: combinedQueries.value,
@@ -2038,7 +2147,81 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 }, 8, ["span"])) : createCommentVNode("", true)
               ]),
               _: 3
-            }, 8, ["data", "rules", "span", "title-width"])) : createCommentVNode("", true)
+            }, 8, ["data", "rules", "span", "title-width"])) : createCommentVNode("", true),
+            hasDynamicFields.value ? (openBlock(), createBlock(XElForm, {
+              key: 2,
+              rules: dynamicRules.value,
+              model: __props.queryForm,
+              ref_key: "dynamicFormRef",
+              ref: dynamicFormRef,
+              span: vxeFormSpan.value,
+              "label-width": __props.titleWidth,
+              "label-position": "top"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(parsedSearchList.value, (item) => {
+                  return openBlock(), createBlock(XElFormItem, {
+                    key: item.fieldJavaName,
+                    label: item.fieldName,
+                    prop: item.fieldJavaName
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(resolveDynamicComponent(resolveComponent$1(item.fieldType)), mergeProps({
+                        modelValue: __props.queryForm[item.fieldJavaName],
+                        "onUpdate:modelValue": ($event) => __props.queryForm[item.fieldJavaName] = $event
+                      }, { ref_for: true }, item.attribute, {
+                        options: shouldBindOptions(item) ? __props.selectOptions[item.fieldJavaName] || [] : void 0
+                      }), {
+                        default: withCtx(() => [
+                          item.fieldType === "el-select" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.selectOptions[item.fieldJavaName] || [], (option, idx) => {
+                            var _a, _b;
+                            return openBlock(), createBlock(unref(ElOption), {
+                              key: idx,
+                              label: option[((_a = item.dictKey) == null ? void 0 : _a.label) || "label"],
+                              value: option[((_b = item.dictKey) == null ? void 0 : _b.value) || "value"]
+                            }, null, 8, ["label", "value"]);
+                          }), 128)) : createCommentVNode("", true)
+                        ]),
+                        _: 2
+                      }, 1040, ["modelValue", "onUpdate:modelValue", "options"]))
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "prop"]);
+                }), 128)),
+                !__props.showSearch ? (openBlock(), createBlock(XElFormItem, {
+                  key: 0,
+                  label: "",
+                  span: buttonItemSpan.value
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_17, [
+                      createVNode(_component_el_button, {
+                        plain: "",
+                        onClick: reset
+                      }, {
+                        default: withCtx(() => _cache[9] || (_cache[9] = [
+                          createTextVNode("重 置")
+                        ])),
+                        _: 1,
+                        __: [9]
+                      }),
+                      createVNode(_component_el_button, {
+                        type: "primary",
+                        onClick: searchParentList
+                      }, {
+                        default: withCtx(() => _cache[10] || (_cache[10] = [
+                          createTextVNode("查 询")
+                        ])),
+                        _: 1,
+                        __: [10]
+                      })
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["span"])) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }, 8, ["rules", "model", "span", "label-width"])) : createCommentVNode("", true)
           ], 4)
         ], 2), [
           [vShow, showMore.value || !__props.showSearch]
@@ -2047,7 +2230,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XSearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-39635b04"]]);
+const XSearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-7caed879"]]);
 const _hoisted_1 = { class: "x-split-layout__sidebar-menu" };
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = { class: "x-split-layout__menu-icon" };