@silver-formily/element-plus 3.0.2 → 4.0.1

package/esm/query-form-item/index.d.ts

@@ -1,151 +1,158 @@
-export type { IQueryFormItemProps, QueryFormItemMode, QueryFormItemPagination, QueryFormItemPaginationMap, QueryFormItemPaginationProps, QueryFormItemQueryProps, QueryFormItemRequest, QueryFormItemRequestResultObject, QueryFormItemRequestSuccessPayload, } from './types';
-export declare const QueryFormItem: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        mode: {
-            type: import('vue').PropType<import('./types').QueryFormItemMode>;
-            default: string;
-        };
-        request: import('vue').PropType<import('./types').QueryFormItemRequest>;
-        clearOnDataChange: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        querySchema: import('vue').PropType<import('@formily/json-schema').ISchema>;
-        queryFormProps: {
-            type: import('vue').PropType<import('./types').QueryFormItemQueryProps>;
-            default: () => {};
-        };
-        pagination: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        paginationProps: {
-            type: import('vue').PropType<import('./types').QueryFormItemPaginationProps>;
-            default: () => {};
-        };
-        paginationMap: {
-            type: import('vue').PropType<import('./types').QueryFormItemPaginationMap>;
-            default: () => {};
-        };
-        immediate: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onRequestSuccess?: (payload: import('./types').QueryFormItemRequestSuccessPayload) => any;
-        onRequestFailed?: (error: any) => any;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        requestSuccess: (payload: import('./types').QueryFormItemRequestSuccessPayload) => any;
-        requestFailed: (error: any) => any;
-    }, import('vue').PublicProps, {
-        mode: import('./types').QueryFormItemMode;
-        immediate: boolean;
-        pagination: boolean;
-        paginationProps: Partial<import('element-plus').PaginationProps>;
-        clearOnDataChange: boolean;
-        queryFormProps: import('./types').QueryFormItemQueryProps;
-        paginationMap: import('./types').QueryFormItemPaginationMap;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        mode: {
-            type: import('vue').PropType<import('./types').QueryFormItemMode>;
-            default: string;
-        };
-        request: import('vue').PropType<import('./types').QueryFormItemRequest>;
-        clearOnDataChange: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        querySchema: import('vue').PropType<import('@formily/json-schema').ISchema>;
-        queryFormProps: {
-            type: import('vue').PropType<import('./types').QueryFormItemQueryProps>;
-            default: () => {};
-        };
-        pagination: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        paginationProps: {
-            type: import('vue').PropType<import('./types').QueryFormItemPaginationProps>;
-            default: () => {};
-        };
-        paginationMap: {
-            type: import('vue').PropType<import('./types').QueryFormItemPaginationMap>;
-            default: () => {};
-        };
-        immediate: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onRequestSuccess?: (payload: import('./types').QueryFormItemRequestSuccessPayload) => any;
-        onRequestFailed?: (error: any) => any;
-    }>, {}, {}, {}, {}, {
-        mode: import('./types').QueryFormItemMode;
-        immediate: boolean;
-        pagination: boolean;
-        paginationProps: Partial<import('element-plus').PaginationProps>;
-        clearOnDataChange: boolean;
-        queryFormProps: import('./types').QueryFormItemQueryProps;
-        paginationMap: import('./types').QueryFormItemPaginationMap;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+import { IQueryFormItemProps, QueryFormItemMode, QueryFormItemPagination, QueryFormItemPaginationMap, QueryFormItemPaginationProps, QueryFormItemQueryProps, QueryFormItemRequest, QueryFormItemRequestResultObject, QueryFormItemRequestSuccessPayload } from "./types.js";
+import * as _$element_plus0 from "element-plus";
+import * as _$vue from "vue";
+import * as _$_formily_json_schema0 from "@formily/json-schema";
+
+//#region src/query-form-item/index.d.ts
+declare const QueryFormItem: {
+  new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<_$vue.ExtractPropTypes<{
     mode: {
-        type: import('vue').PropType<import('./types').QueryFormItemMode>;
-        default: string;
+      type: _$vue.PropType<QueryFormItemMode>;
+      default: string;
     };
-    request: import('vue').PropType<import('./types').QueryFormItemRequest>;
+    request: _$vue.PropType<QueryFormItemRequest>;
     clearOnDataChange: {
-        type: BooleanConstructor;
-        default: boolean;
+      type: BooleanConstructor;
+      default: boolean;
     };
-    querySchema: import('vue').PropType<import('@formily/json-schema').ISchema>;
+    querySchema: _$vue.PropType<_$_formily_json_schema0.ISchema>;
     queryFormProps: {
-        type: import('vue').PropType<import('./types').QueryFormItemQueryProps>;
-        default: () => {};
+      type: _$vue.PropType<QueryFormItemQueryProps>;
+      default: () => {};
     };
     pagination: {
-        type: BooleanConstructor;
-        default: boolean;
+      type: BooleanConstructor;
+      default: boolean;
     };
     paginationProps: {
-        type: import('vue').PropType<import('./types').QueryFormItemPaginationProps>;
-        default: () => {};
+      type: _$vue.PropType<QueryFormItemPaginationProps>;
+      default: () => {};
     };
     paginationMap: {
-        type: import('vue').PropType<import('./types').QueryFormItemPaginationMap>;
-        default: () => {};
+      type: _$vue.PropType<QueryFormItemPaginationMap>;
+      default: () => {};
     };
     immediate: {
-        type: BooleanConstructor;
-        default: boolean;
+      type: BooleanConstructor;
+      default: boolean;
     };
-}>> & Readonly<{
-    onRequestSuccess?: (payload: import('./types').QueryFormItemRequestSuccessPayload) => any;
+  }>> & Readonly<{
+    onRequestSuccess?: (payload: QueryFormItemRequestSuccessPayload) => any;
     onRequestFailed?: (error: any) => any;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    requestSuccess: (payload: import('./types').QueryFormItemRequestSuccessPayload) => any;
+  }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+    requestSuccess: (payload: QueryFormItemRequestSuccessPayload) => any;
     requestFailed: (error: any) => any;
-}, string, {
-    mode: import('./types').QueryFormItemMode;
-    immediate: boolean;
+  }, _$vue.PublicProps, {
     pagination: boolean;
-    paginationProps: Partial<import('element-plus').PaginationProps>;
+    paginationProps: Partial<_$element_plus0.PaginationProps>;
+    mode: QueryFormItemMode;
     clearOnDataChange: boolean;
-    queryFormProps: import('./types').QueryFormItemQueryProps;
-    paginationMap: import('./types').QueryFormItemPaginationMap;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
+    queryFormProps: QueryFormItemQueryProps;
+    paginationMap: QueryFormItemPaginationMap;
+    immediate: boolean;
+  }, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<_$vue.ExtractPropTypes<{
+    mode: {
+      type: _$vue.PropType<QueryFormItemMode>;
+      default: string;
+    };
+    request: _$vue.PropType<QueryFormItemRequest>;
+    clearOnDataChange: {
+      type: BooleanConstructor;
+      default: boolean;
+    };
+    querySchema: _$vue.PropType<_$_formily_json_schema0.ISchema>;
+    queryFormProps: {
+      type: _$vue.PropType<QueryFormItemQueryProps>;
+      default: () => {};
     };
+    pagination: {
+      type: BooleanConstructor;
+      default: boolean;
+    };
+    paginationProps: {
+      type: _$vue.PropType<QueryFormItemPaginationProps>;
+      default: () => {};
+    };
+    paginationMap: {
+      type: _$vue.PropType<QueryFormItemPaginationMap>;
+      default: () => {};
+    };
+    immediate: {
+      type: BooleanConstructor;
+      default: boolean;
+    };
+  }>> & Readonly<{
+    onRequestSuccess?: (payload: QueryFormItemRequestSuccessPayload) => any;
+    onRequestFailed?: (error: any) => any;
+  }>, {}, {}, {}, {}, {
+    pagination: boolean;
+    paginationProps: Partial<_$element_plus0.PaginationProps>;
+    mode: QueryFormItemMode;
+    clearOnDataChange: boolean;
+    queryFormProps: QueryFormItemQueryProps;
+    paginationMap: QueryFormItemPaginationMap;
+    immediate: boolean;
+  }>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & _$vue.ComponentOptionsBase<Readonly<_$vue.ExtractPropTypes<{
+  mode: {
+    type: _$vue.PropType<QueryFormItemMode>;
+    default: string;
+  };
+  request: _$vue.PropType<QueryFormItemRequest>;
+  clearOnDataChange: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  querySchema: _$vue.PropType<_$_formily_json_schema0.ISchema>;
+  queryFormProps: {
+    type: _$vue.PropType<QueryFormItemQueryProps>;
+    default: () => {};
+  };
+  pagination: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  paginationProps: {
+    type: _$vue.PropType<QueryFormItemPaginationProps>;
+    default: () => {};
+  };
+  paginationMap: {
+    type: _$vue.PropType<QueryFormItemPaginationMap>;
+    default: () => {};
+  };
+  immediate: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+}>> & Readonly<{
+  onRequestSuccess?: (payload: QueryFormItemRequestSuccessPayload) => any;
+  onRequestFailed?: (error: any) => any;
+}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+  requestSuccess: (payload: QueryFormItemRequestSuccessPayload) => any;
+  requestFailed: (error: any) => any;
+}, string, {
+  pagination: boolean;
+  paginationProps: Partial<_$element_plus0.PaginationProps>;
+  mode: QueryFormItemMode;
+  clearOnDataChange: boolean;
+  queryFormProps: QueryFormItemQueryProps;
+  paginationMap: QueryFormItemPaginationMap;
+  immediate: boolean;
+}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
+  $slots: {
+    default?: (props: {}) => any;
+  };
 });
-export default QueryFormItem;
+//#endregion
+export { QueryFormItem };
+//# sourceMappingURL=index.d.ts.map

package/esm/query-form-item/index.mjs

@@ -1,183 +1,15 @@
-import { useField as j, connect as w, mapProps as D } from "@silver-formily/vue";
-import { FormBaseItem as V, fieldFeedbackMapper as N } from "../form-item/index.mjs";
-import { defineComponent as E, computed as y, ref as p, onMounted as U, watch as L, openBlock as P, createBlock as S, unref as u, mergeProps as C, withCtx as G, createElementVNode as h, normalizeClass as b, resolveDynamicComponent as H, normalizeProps as J, guardReactiveProps as K, renderSlot as T, createCommentVNode as W } from "vue";
-import { createForm as X } from "@formily/core";
-import { isNum as Y } from "@formily/shared";
-import { ElPagination as Z } from "element-plus";
-import { stylePrefix as R } from "../__builtins__/configs/index.mjs";
-import "@silver-formily/reactive-vue";
-import "@vueuse/core";
-import { useCleanAttrs as ee } from "../__builtins__/shared/utils.mjs";
-import { QueryForm as k } from "../query-form/index.mjs";
-import { useQueryFormForm as te } from "../query-form/hooks.mjs";
-import '../styles/query-form-item/index.css';const ae = /* @__PURE__ */ E({
-  name: "FQueryFormItem",
-  inheritAttrs: !1,
-  __name: "query-form-item",
-  props: {
-    mode: {
-      type: String,
-      default: "default"
-    },
-    request: Function,
-    clearOnDataChange: {
-      type: Boolean,
-      default: !1
-    },
-    querySchema: Object,
-    queryFormProps: {
-      type: Object,
-      default: () => ({})
-    },
-    pagination: {
-      type: Boolean,
-      default: !0
-    },
-    paginationProps: {
-      type: Object,
-      default: () => ({})
-    },
-    paginationMap: {
-      type: Object,
-      default: () => ({})
-    },
-    immediate: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["requestSuccess", "requestFailed"],
-  setup(B, { emit: I }) {
-    const e = B, c = I, m = {
-      currentPage: 1,
-      pageSize: 10,
-      pageSizes: [10, 20, 50, 100],
-      layout: "total, prev, pager, next",
-      size: "small"
-    }, q = {
-      current: "current",
-      pageSize: "pageSize"
-    }, Q = j(), _ = X(), f = `${R}-query-form-item`, x = `${R}-form-item--isolated`, { props: O } = ee(), M = y(() => {
-      const {
-        currentPage: t,
-        pageSize: r,
-        ...a
-      } = {
-        ...m,
-        ...e.paginationProps
-      };
-      return a;
-    }), n = p(e.paginationProps?.currentPage ?? m.currentPage), s = p(e.paginationProps?.pageSize ?? m.pageSize), d = p(0), l = p(0), { activeForm: F } = te({
-      formProps: y(() => e.queryFormProps),
-      fallbackForm: _
-    }), $ = y(() => ({
-      ...e.queryFormProps,
-      schema: e.querySchema ?? e.queryFormProps.schema,
-      form: F.value,
-      onAutoSubmit: z,
-      resetProps: {
-        onClick: A
-      }
-    }));
-    async function g() {
-      if (!e.request)
-        return;
-      const t = Q.value;
-      Array.isArray(t.dataSource) || (t.dataSource = []);
-      const r = ++l.value, a = F.value?.values ?? {}, i = e.pagination ? {
-        current: n.value,
-        pageSize: s.value
-      } : void 0, v = i ? {
-        ...a,
-        [e.paginationMap.current ?? q.current]: i.current,
-        [e.paginationMap.pageSize ?? q.pageSize]: i.pageSize
-      } : a;
-      t.loading = !0;
-      try {
-        const o = await e.request(v);
-        if (r !== l.value)
-          return;
-        if (o.success !== !0) {
-          c("requestFailed", o);
-          return;
-        }
-        t.dataSource = o.data, e.clearOnDataChange && t.setValue?.(void 0), d.value = Y(o.total) ? o.total : o.data.length, c("requestSuccess", {
-          values: a,
-          pagination: i,
-          dataSource: o.data,
-          total: d.value,
-          result: o
-        });
-      } catch (o) {
-        if (r !== l.value)
-          return;
-        c("requestFailed", o);
-      } finally {
-        r === l.value && (t.loading = !1);
-      }
-    }
-    async function z() {
-      if (e.pagination && n.value !== 1) {
-        n.value = 1;
-        return;
-      }
-      await g();
-    }
-    function A(t) {
-      const r = e.queryFormProps.resetProps?.onClick, a = r?.(t);
-      return a === !1 ? !1 : (z(), a);
-    }
-    return U(() => {
-      e.immediate && g();
-    }), L([n, s], ([t, r], [a, i]) => {
-      if (!e.pagination)
-        return;
-      const v = t !== a, o = r !== i;
-      if (!(!v && !o)) {
-        if (o && t !== 1) {
-          n.value = 1;
-          return;
-        }
-        g();
-      }
-    }), (t, r) => (P(), S(u(V), C(u(O), { "internal-form-item-class": x }), {
-      default: G(() => [
-        h("div", {
-          class: b(f)
-        }, [
-          (P(), S(H(e.mode === "light" ? u(k).Light : u(k)), J(K($.value)), null, 16)),
-          h("div", {
-            class: b(`${f}__content`)
-          }, [
-            T(t.$slots, "default")
-          ], 2),
-          e.pagination ? (P(), S(u(Z), C({
-            key: 0,
-            "current-page": n.value,
-            "onUpdate:currentPage": r[0] || (r[0] = (a) => n.value = a),
-            "page-size": s.value,
-            "onUpdate:pageSize": r[1] || (r[1] = (a) => s.value = a),
-            class: `${f}__pagination`
-          }, M.value, { total: d.value }), null, 16, ["current-page", "page-size", "class", "total"])) : W("", !0)
-        ])
-      ]),
-      _: 3
-    }, 16));
-  }
-}), ge = w(
-  ae,
-  D(
-    {
-      validateStatus: !0,
-      title: "label",
-      required: !0,
-      description: "extra"
-    },
-    N
-  )
-);
-export {
-  ge as QueryFormItem,
-  ge as default
-};
-//# sourceMappingURL=index.mjs.map
+import { fieldFeedbackMapper } from "../form-item/index.mjs";
+import _sfc_main from "./query-form-item.mjs";
+import "./style.css";
+import { connect, mapProps } from "@silver-formily/vue";
+//#region src/query-form-item/index.ts
+const QueryFormItem = connect(_sfc_main, mapProps({
+	validateStatus: true,
+	title: "label",
+	required: true,
+	description: "extra"
+}, fieldFeedbackMapper));
+//#endregion
+export { QueryFormItem as default };
+
+//# sourceMappingURL=index.mjs.map

package/esm/query-form-item/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/query-form-item/query-form-item.vue","../../src/query-form-item/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Field } from '@formily/core'\nimport type { ISchema } from '@formily/json-schema'\nimport type { PropType } from 'vue'\nimport type {\n  QueryFormItemMode,\n  QueryFormItemPaginationMap,\n  QueryFormItemPaginationProps,\n  QueryFormItemQueryProps,\n  QueryFormItemRequest,\n  QueryFormItemRequestSuccessPayload,\n} from './types'\nimport { createForm } from '@formily/core'\nimport { isNum } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport { ElPagination } from 'element-plus'\nimport { computed, onMounted, ref, watch } from 'vue'\nimport { stylePrefix, useCleanAttrs } from '../__builtins__'\nimport { FormBaseItem } from '../form-item'\nimport { QueryForm } from '../query-form'\nimport { useQueryFormForm } from '../query-form/hooks'\n\ndefineOptions({\n  name: 'FQueryFormItem',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  mode: {\n    type: String as PropType<QueryFormItemMode>,\n    default: 'default',\n  },\n  request: Function as PropType<QueryFormItemRequest>,\n  clearOnDataChange: {\n    type: Boolean,\n    default: false,\n  },\n  querySchema: Object as PropType<ISchema>,\n  queryFormProps: {\n    type: Object as PropType<QueryFormItemQueryProps>,\n    default: () => ({}),\n  },\n  pagination: {\n    type: Boolean,\n    default: true,\n  },\n  paginationProps: {\n    type: Object as PropType<QueryFormItemPaginationProps>,\n    default: () => ({}),\n  },\n  paginationMap: {\n    type: Object as PropType<QueryFormItemPaginationMap>,\n    default: () => ({}),\n  },\n  immediate: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst emit = defineEmits<{\n  (e: 'requestSuccess', payload: QueryFormItemRequestSuccessPayload): void\n  (e: 'requestFailed', error: any): void\n}>()\n\nconst defaultPaginationProps: QueryFormItemPaginationProps = {\n  currentPage: 1,\n  pageSize: 10,\n  pageSizes: [10, 20, 50, 100],\n  layout: 'total, prev, pager, next',\n  size: 'small',\n}\nconst defaultPaginationRequestMapping: Required<QueryFormItemPaginationMap> = {\n  current: 'current',\n  pageSize: 'pageSize',\n}\n\nconst fieldRef = useField<Field>()\nconst internalQueryForm = createForm()\nconst prefixCls = `${stylePrefix}-query-form-item`\nconst formItemInternalClass = `${stylePrefix}-form-item--isolated`\nconst { props: formItemProps } = useCleanAttrs()\n\nconst paginationBindings = computed(() => {\n  const {\n    currentPage,\n    pageSize,\n    ...bindings\n  } = {\n    ...defaultPaginationProps,\n    ...props.paginationProps,\n  }\n  return bindings\n})\n\nconst currentPageRef = ref(props.paginationProps?.currentPage ?? defaultPaginationProps.currentPage)\nconst pageSizeRef = ref(props.paginationProps?.pageSize ?? defaultPaginationProps.pageSize)\nconst totalRef = ref(0)\nconst currentRequestId = ref(0)\n\nconst { activeForm: activeQueryForm } = useQueryFormForm({\n  formProps: computed(() => props.queryFormProps),\n  fallbackForm: internalQueryForm,\n})\n\nconst queryFormBindings = computed(() => {\n  return ({\n    ...props.queryFormProps,\n    schema: props.querySchema ?? props.queryFormProps.schema,\n    form: activeQueryForm.value,\n    onAutoSubmit: handleQuerySubmit,\n    resetProps: {\n      onClick: handleQueryReset,\n    },\n  })\n})\n\nasync function executeRequest() {\n  if (!props.request)\n    return\n\n  const field = fieldRef.value\n  if (!Array.isArray(field.dataSource))\n    field.dataSource = []\n\n  const requestId = ++currentRequestId.value\n  /* istanbul ignore next -- @preserve defensive: active query form can be temporarily undefined before form injection settles */\n  const queryValues = activeQueryForm.value?.values ?? {}\n  const paginationData = props.pagination\n    ? {\n        current: currentPageRef.value,\n        pageSize: pageSizeRef.value,\n      }\n    : undefined\n  const requestParams = paginationData\n    ? {\n        ...queryValues,\n        [(props.paginationMap.current ?? defaultPaginationRequestMapping.current)]: paginationData.current,\n        [(props.paginationMap.pageSize ?? defaultPaginationRequestMapping.pageSize)]: paginationData.pageSize,\n      }\n    : queryValues\n\n  field.loading = true\n  try {\n    const result = await props.request(requestParams)\n\n    if (requestId !== currentRequestId.value)\n      return\n\n    if (result.success !== true) {\n      emit('requestFailed', result)\n      return\n    }\n\n    field.dataSource = result.data\n    if (props.clearOnDataChange) {\n      field.setValue?.(undefined)\n    }\n    totalRef.value = isNum(result.total) ? result.total : result.data.length\n\n    emit('requestSuccess', {\n      values: queryValues,\n      pagination: paginationData,\n      dataSource: result.data,\n      total: totalRef.value,\n      result,\n    })\n  }\n  catch (error) {\n    if (requestId !== currentRequestId.value)\n      return\n    emit('requestFailed', error)\n  }\n  finally {\n    if (requestId === currentRequestId.value)\n      field.loading = false\n  }\n}\n\nasync function handleQuerySubmit() {\n  if (props.pagination && currentPageRef.value !== 1) {\n    currentPageRef.value = 1\n    return\n  }\n\n  await executeRequest()\n}\n\nfunction handleQueryReset(event: MouseEvent) {\n  const userOnClick = props.queryFormProps.resetProps?.onClick as ((event: MouseEvent) => void | boolean) | undefined\n  const result = userOnClick?.(event)\n  if (result === false)\n    return false\n\n  void handleQuerySubmit()\n\n  return result\n}\n\nonMounted(() => {\n  if (props.immediate)\n    void executeRequest()\n})\n\nwatch([currentPageRef, pageSizeRef], ([currentPage, pageSize], [previousPage, previousPageSize]) => {\n  /* istanbul ignore if -- @preserve defensive: watcher is retained when pagination is dynamically toggled off */\n  if (!props.pagination)\n    return\n\n  const currentChanged = currentPage !== previousPage\n  const pageSizeChanged = pageSize !== previousPageSize\n\n  /* istanbul ignore if -- @preserve defensive: keep guard for unexpected duplicated watcher payload */\n  if (!currentChanged && !pageSizeChanged)\n    return\n\n  if (pageSizeChanged && currentPage !== 1) {\n    currentPageRef.value = 1\n    return\n  }\n\n  void executeRequest()\n})\n</script>\n\n<template>\n  <FormBaseItem\n    v-bind=\"formItemProps\"\n    :internal-form-item-class=\"formItemInternalClass\"\n  >\n    <div :class=\"prefixCls\">\n      <component\n        :is=\"props.mode === 'light' ? QueryForm.Light : QueryForm\"\n        v-bind=\"queryFormBindings\"\n      />\n      <div :class=\"`${prefixCls}__content`\">\n        <slot />\n      </div>\n      <ElPagination\n        v-if=\"props.pagination\"\n        v-model:current-page=\"currentPageRef\"\n        v-model:page-size=\"pageSizeRef\"\n        :class=\"`${prefixCls}__pagination`\"\n        v-bind=\"paginationBindings\"\n        :total=\"totalRef\"\n      />\n    </div>\n  </FormBaseItem>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\nimport { fieldFeedbackMapper } from '../form-item'\nimport QueryFormItemInner from './query-form-item.vue'\nimport './style.scss'\n\nexport type {\n  IQueryFormItemProps,\n  QueryFormItemMode,\n  QueryFormItemPagination,\n  QueryFormItemPaginationMap,\n  QueryFormItemPaginationProps,\n  QueryFormItemQueryProps,\n  QueryFormItemRequest,\n  QueryFormItemRequestResultObject,\n  QueryFormItemRequestSuccessPayload,\n} from './types'\n\nexport const QueryFormItem = connect<typeof QueryFormItemInner>(\n  QueryFormItemInner,\n  mapProps(\n    {\n      validateStatus: true,\n      title: 'label',\n      required: true,\n      description: 'extra',\n    },\n    fieldFeedbackMapper,\n  ),\n)\n\nexport default QueryFormItem\n"],"names":["props","__props","emit","__emit","defaultPaginationProps","defaultPaginationRequestMapping","fieldRef","useField","internalQueryForm","createForm","prefixCls","stylePrefix","formItemInternalClass","formItemProps","useCleanAttrs","paginationBindings","computed","currentPage","pageSize","bindings","currentPageRef","ref","pageSizeRef","totalRef","currentRequestId","activeQueryForm","useQueryFormForm","queryFormBindings","handleQuerySubmit","handleQueryReset","executeRequest","field","requestId","queryValues","paginationData","requestParams","result","isNum","error","event","userOnClick","onMounted","watch","previousPage","previousPageSize","currentChanged","pageSizeChanged","_openBlock","_createBlock","_unref","_mergeProps","_createElementVNode","_resolveDynamicComponent","QueryForm","_normalizeProps","_guardReactiveProps","_renderSlot","_ctx","$event","QueryFormItem","connect","QueryFormItemInner","mapProps","fieldFeedbackMapper"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["QueryFormItemInner"],"sources":["../../src/query-form-item/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\nimport { fieldFeedbackMapper } from '../form-item'\nimport QueryFormItemInner from './query-form-item.vue'\nimport './style.scss'\n\nexport type {\n  IQueryFormItemProps,\n  QueryFormItemMode,\n  QueryFormItemPagination,\n  QueryFormItemPaginationMap,\n  QueryFormItemPaginationProps,\n  QueryFormItemQueryProps,\n  QueryFormItemRequest,\n  QueryFormItemRequestResultObject,\n  QueryFormItemRequestSuccessPayload,\n} from './types'\n\nexport const QueryFormItem = connect<typeof QueryFormItemInner>(\n  QueryFormItemInner,\n  mapProps(\n    {\n      validateStatus: true,\n      title: 'label',\n      required: true,\n      description: 'extra',\n    },\n    fieldFeedbackMapper,\n  ),\n)\n\nexport default QueryFormItem\n"],"mappings":";;;;;AAiBA,MAAa,gBAAgB,QAC3BA,WACA,SACE;CACE,gBAAgB;CAChB,OAAO;CACP,UAAU;CACV,aAAa;CACd,EACD,oBACD,CACF"}