@maxax/ui 1.1.76 → 1.1.77

package/dist/index.mjs

@@ -8582,19 +8582,33 @@ function parseRowKeyValue$1(rowKey, record, autoCreateKey) {
 function setTableGlobalFormats(formats) {
   VxeUI2.formats.mixin(formats);
 }
+function setTableGlobalFilterRenderers(renderers) {
+  VxeUI2.renderer.mixin(renderers);
+}
+function parseFilterInfo(filterList = []) {
+  return filterList.reduce((filterInfo, item) => {
+    filterInfo[item.field] = item.datas.length > 1 ? item.datas : item.datas[0];
+    return filterInfo;
+  }, {});
+}
 function useDataSource$1(propsRef, { tableData, getPaginationInfo, setPagination, setSelection, setLoading, emit }) {
   const searchState = reactive({
     sortInfo: {},
     filterInfo: {}
   });
   const getSortRef = computed(() => {
-    const { onSortChange } = unref(propsRef);
+    const { onFilterChange, onSortChange } = unref(propsRef);
     return {
       onSortChange: (params) => {
         searchState.sortInfo.ascSortColumn = params.order === "asc" ? params.field : "";
         searchState.sortInfo.descSortColumn = params.order === "desc" ? params.field : "";
         onSortChange && onSortChange(params);
         fetch2();
+      },
+      onFilterChange: (params) => {
+        searchState.filterInfo = parseFilterInfo(params.filterList);
+        onFilterChange && onFilterChange(params);
+        fetch2();
       }
     };
   });
@@ -9686,6 +9700,69 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const BASIC_TABLE_FILTER_INPUT_RENDERER = "XBasicTableFilterInput";
+function isEmptyValue(value) {
+  return value === null || value === void 0 || value === "";
+}
+function updateFilterOptionStatus(params, option) {
+  params.$table.updateFilterOptionStatus(option, !isEmptyValue(option.data));
+}
+function callFilterEvent(events, name, params, payload) {
+  var _a;
+  (_a = events == null ? void 0 : events[name]) == null ? void 0 : _a.call(events, params, payload);
+}
+const basicTableFilterRenderers = {
+  [BASIC_TABLE_FILTER_INPUT_RENDERER]: {
+    tableFilterClassName: "x-basic-table-filter-input",
+    showTableFilterFooter: true,
+    createTableFilterOptions: () => [{
+      data: ""
+    }],
+    renderTableFilter(renderOpts, params) {
+      const {
+        props = {},
+        attrs = {},
+        events = {}
+      } = renderOpts;
+      return params.column.filters.map((option, index2) => {
+        return createVNode(NInput, mergeProps({
+          "key": index2,
+          "clearable": true,
+          "placeholder": "请输入筛选内容"
+        }, attrs, props, {
+          "value": option.data,
+          "onUpdateValue": (value) => {
+            option.data = value;
+            updateFilterOptionStatus(params, option);
+            callFilterEvent(events, "update:value", params, value);
+          },
+          "onChange": (value) => {
+            updateFilterOptionStatus(params, option);
+            callFilterEvent(events, "change", params, value);
+          },
+          "onBlur": (event) => {
+            updateFilterOptionStatus(params, option);
+            callFilterEvent(events, "blur", params, event);
+          },
+          "onKeydown": (event) => {
+            if (event.key !== "Enter") return;
+            event.preventDefault();
+            updateFilterOptionStatus(params, option);
+            params.$table.saveFilterByEvent(event, params.column);
+            callFilterEvent(events, "keydown", params, event);
+          }
+        }), null);
+      });
+    },
+    tableFilterDefaultMethod({
+      option,
+      cellValue
+    }) {
+      if (isEmptyValue(option.data)) return true;
+      return String(cellValue != null ? cellValue : "").includes(String(option.data));
+    }
+  }
+};
 const formatterFYN = (value) => {
   return value ? t("max.basic.yes") : t("max.basic.no");
 };
@@ -13920,7 +13997,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         ...itemProps,
         style: {
           "--n-feedback-height": "16px",
-          "--n-label-padding": "0 12px 0 12px"
+          "--n-label-padding": props.formProps.labelPlacement === "top" ? "0" : "0 12px 0 12px"
         }
       };
       const getContent = () => {
@@ -14454,8 +14531,9 @@ function getDefaultValue(schema, defaultValueRef, key2) {
 }
 function useFormGrid(propsRef) {
   const getRow = computed(() => {
-    const { baseRowStyle = {}, rowProps } = unref(propsRef);
+    const { baseRowStyle = {}, labelPlacement, rowProps } = unref(propsRef);
     return {
+      gutter: labelPlacement === "top" ? [16, 0] : 0,
       style: baseRowStyle,
       ...rowProps
     };
@@ -30902,6 +30980,7 @@ const vxeTableFormatter = {
   }
 };
 VxeUI2.formats.mixin(vxeTableFormatter);
+VxeUI2.renderer.mixin(basicTableFilterRenderers);
 VxeUI2.setConfig({
   zIndex: 2e3
 });
@@ -31669,6 +31748,7 @@ const updateConfig = () => {
 updateConfig();
 const install = installer.install;
 export {
+  BASIC_TABLE_FILTER_INPUT_RENDERER,
   LIST_IGNORE,
   MaxUI,
   VxeUI3 as TableGlobal,
@@ -31779,6 +31859,7 @@ export {
   basicScrollTextProps,
   basicSelectProps,
   basicSubPanelProps,
+  basicTableFilterRenderers,
   basicUploadDraggerProps,
   basicUploadProps,
   configProviderProps,
@@ -31794,6 +31875,7 @@ export {
   notificationTypes,
   provideGlobalConfig,
   responsiveArray,
+  setTableGlobalFilterRenderers,
   setTableGlobalFormats,
   treeNodeProps,
   treeNodePropsPass$1 as treeNodePropsPass,