@silver-formily/element-plus 3.0.2 → 3.0.3

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

@@ -1,151 +1,7 @@
-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<{
-    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;
-}, string, {
-    mode: import('./types').QueryFormItemMode;
-    immediate: boolean;
-    pagination: boolean;
-    paginationProps: Partial<import('element-plus').PaginationProps>;
-    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;
-    };
-});
-export default QueryFormItem;
+import { IQueryFormItemProps, QueryFormItemMode, QueryFormItemPagination, QueryFormItemPaginationMap, QueryFormItemPaginationProps, QueryFormItemQueryProps, QueryFormItemRequest, QueryFormItemRequestResultObject, QueryFormItemRequestSuccessPayload } from "./types.js";
+
+//#region src/query-form-item/index.d.ts
+declare const QueryFormItem: any;
+//#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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAMA,IAAQC,GAiCRC,IAAOC,GAKPC,IAAuD;AAAA,MAC3D,aAAa;AAAA,MACb,UAAU;AAAA,MACV,WAAW,CAAC,IAAI,IAAI,IAAI,GAAG;AAAA,MAC3B,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA,GAEFC,IAAwE;AAAA,MAC5E,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,GAGNC,IAAWC,EAAA,GACXC,IAAoBC,EAAA,GACpBC,IAAY,GAAGC,CAAW,oBAC1BC,IAAwB,GAAGD,CAAW,wBACtC,EAAE,OAAOE,EAAA,IAAkBC,GAAA,GAE3BC,IAAqBC,EAAS,MAAM;AACxC,YAAM;AAAA,QACJ,aAAAC;AAAA,QACA,UAAAC;AAAA,QACA,GAAGC;AAAA,MAAA,IACD;AAAA,QACF,GAAGf;AAAA,QACH,GAAGJ,EAAM;AAAA,MAAA;AAEX,aAAOmB;AAAA,IACT,CAAC,GAEKC,IAAiBC,EAAIrB,EAAM,iBAAiB,eAAeI,EAAuB,WAAW,GAC7FkB,IAAcD,EAAIrB,EAAM,iBAAiB,YAAYI,EAAuB,QAAQ,GACpFmB,IAAWF,EAAI,CAAC,GAChBG,IAAmBH,EAAI,CAAC,GAExB,EAAE,YAAYI,EAAA,IAAoBC,GAAiB;AAAA,MACvD,WAAWV,EAAS,MAAMhB,EAAM,cAAc;AAAA,MAC9C,cAAcQ;AAAA,IAAA,CACf,GAEKmB,IAAoBX,EAAS,OACzB;AAAA,MACN,GAAGhB,EAAM;AAAA,MACT,QAAQA,EAAM,eAAeA,EAAM,eAAe;AAAA,MAClD,MAAMyB,EAAgB;AAAA,MACtB,cAAcG;AAAA,MACd,YAAY;AAAA,QACV,SAASC;AAAA,MAAA;AAAA,IACX,EAEH;AAED,mBAAeC,IAAiB;AAC9B,UAAI,CAAC9B,EAAM;AACT;AAEF,YAAM+B,IAAQzB,EAAS;AACvB,MAAK,MAAM,QAAQyB,EAAM,UAAU,MACjCA,EAAM,aAAa,CAAA;AAErB,YAAMC,IAAY,EAAER,EAAiB,OAE/BS,IAAcR,EAAgB,OAAO,UAAU,CAAA,GAC/CS,IAAiBlC,EAAM,aACzB;AAAA,QACE,SAASoB,EAAe;AAAA,QACxB,UAAUE,EAAY;AAAA,MAAA,IAExB,QACEa,IAAgBD,IAClB;AAAA,QACE,GAAGD;AAAA,QACH,CAAEjC,EAAM,cAAc,WAAWK,EAAgC,OAAQ,GAAG6B,EAAe;AAAA,QAC3F,CAAElC,EAAM,cAAc,YAAYK,EAAgC,QAAS,GAAG6B,EAAe;AAAA,MAAA,IAE/FD;AAEJ,MAAAF,EAAM,UAAU;AAChB,UAAI;AACF,cAAMK,IAAS,MAAMpC,EAAM,QAAQmC,CAAa;AAEhD,YAAIH,MAAcR,EAAiB;AACjC;AAEF,YAAIY,EAAO,YAAY,IAAM;AAC3B,UAAAlC,EAAK,iBAAiBkC,CAAM;AAC5B;AAAA,QACF;AAEA,QAAAL,EAAM,aAAaK,EAAO,MACtBpC,EAAM,qBACR+B,EAAM,WAAW,MAAS,GAE5BR,EAAS,QAAQc,EAAMD,EAAO,KAAK,IAAIA,EAAO,QAAQA,EAAO,KAAK,QAElElC,EAAK,kBAAkB;AAAA,UACrB,QAAQ+B;AAAA,UACR,YAAYC;AAAA,UACZ,YAAYE,EAAO;AAAA,UACnB,OAAOb,EAAS;AAAA,UAChB,QAAAa;AAAA,QAAA,CACD;AAAA,MACH,SACOE,GAAO;AACZ,YAAIN,MAAcR,EAAiB;AACjC;AACF,QAAAtB,EAAK,iBAAiBoC,CAAK;AAAA,MAC7B,UAAA;AAEE,QAAIN,MAAcR,EAAiB,UACjCO,EAAM,UAAU;AAAA,MACpB;AAAA,IACF;AAEA,mBAAeH,IAAoB;AACjC,UAAI5B,EAAM,cAAcoB,EAAe,UAAU,GAAG;AAClD,QAAAA,EAAe,QAAQ;AACvB;AAAA,MACF;AAEA,YAAMU,EAAA;AAAA,IACR;AAEA,aAASD,EAAiBU,GAAmB;AAC3C,YAAMC,IAAcxC,EAAM,eAAe,YAAY,SAC/CoC,IAASI,IAAcD,CAAK;AAClC,aAAIH,MAAW,KACN,MAEJR,EAAA,GAEEQ;AAAA,IACT;AAEA,WAAAK,EAAU,MAAM;AACd,MAAIzC,EAAM,aACH8B,EAAA;AAAA,IACT,CAAC,GAEDY,EAAM,CAACtB,GAAgBE,CAAW,GAAG,CAAC,CAACL,GAAaC,CAAQ,GAAG,CAACyB,GAAcC,CAAgB,MAAM;AAElG,UAAI,CAAC5C,EAAM;AACT;AAEF,YAAM6C,IAAiB5B,MAAgB0B,GACjCG,IAAkB5B,MAAa0B;AAGrC,UAAI,GAACC,KAAkB,CAACC,IAGxB;AAAA,YAAIA,KAAmB7B,MAAgB,GAAG;AACxC,UAAAG,EAAe,QAAQ;AACvB;AAAA,QACF;AAEA,QAAKU,EAAA;AAAA;AAAA,IACP,CAAC,cAICiB,EAAA,GAAAC,EAqBeC,MArBfC,EAqBeD,MApBQ,EACpB,4BAA0BrC,EAAA,CAAqB,GAAA;AAAA,iBAEhD,MAgBM;AAAA,QAhBNuC,EAgBM,OAAA;AAAA,UAhBA,SAAOzC,CAAS;AAAA,QAAA;gBACpBsC,EAGEI,EAFKpD,EAAM,SAAI,UAAeiD,EAAAI,CAAA,EAAU,QAAQJ,EAAAI,CAAA,CAAS,GAAAC,EAAAC,EACjD5B,EAAA,KAAiB,CAAA,GAAA,MAAA,EAAA;AAAA,UAE3BwB,EAEM,OAAA;AAAA,YAFA,YAAUzC,CAAS,WAAA;AAAA,UAAA;YACvB8C,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;UAGFzD,EAAM,cADd+C,EAAA,GAAAC,EAOEC,MAPFC,EAOE;AAAA;YALQ,gBAAc9B,EAAA;AAAA,2DAAAA,EAAc,QAAAsC;AAAA,YAC5B,aAAWpC,EAAA;AAAA,wDAAAA,EAAW,QAAAoC;AAAA,YAC7B,UAAUhD,CAAS;AAAA,UAAA,GACZK,EAAA,OAAkB,EACzB,OAAOQ,EAAA,MAAA,CAAQ,GAAA,MAAA,IAAA,CAAA,gBAAA,aAAA,SAAA,OAAA,CAAA;;;;;;ICnOXoC,KAAgBC;AAAA,EAC3BC;AAAAA,EACAC;AAAA,IACE;AAAA,MACE,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,IAEfC;AAAA,EAAA;AAEJ;"}
+{"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"}

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

@@ -0,0 +1,195 @@
+import { useCleanAttrs } from "../__builtins__/shared/utils.mjs";
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+import _sfc_main$1 from "../form-item/form-item.mjs";
+import { useQueryFormForm } from "../query-form/hooks.mjs";
+import QueryForm from "../query-form/index.mjs";
+import { ElPagination } from "element-plus";
+import { computed, createBlock, createCommentVNode, createElementVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, onMounted, openBlock, ref, renderSlot, resolveDynamicComponent, unref, watch, withCtx } from "vue";
+import { createForm } from "@formily/core";
+import { useField } from "@silver-formily/vue";
+import { isNum } from "@formily/shared";
+//#region src/query-form-item/query-form-item.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FQueryFormItem",
+	inheritAttrs: false,
+	__name: "query-form-item",
+	props: {
+		mode: {
+			type: String,
+			default: "default"
+		},
+		request: Function,
+		clearOnDataChange: {
+			type: Boolean,
+			default: false
+		},
+		querySchema: Object,
+		queryFormProps: {
+			type: Object,
+			default: () => ({})
+		},
+		pagination: {
+			type: Boolean,
+			default: true
+		},
+		paginationProps: {
+			type: Object,
+			default: () => ({})
+		},
+		paginationMap: {
+			type: Object,
+			default: () => ({})
+		},
+		immediate: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["requestSuccess", "requestFailed"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const defaultPaginationProps = {
+			currentPage: 1,
+			pageSize: 10,
+			pageSizes: [
+				10,
+				20,
+				50,
+				100
+			],
+			layout: "total, prev, pager, next",
+			size: "small"
+		};
+		const defaultPaginationRequestMapping = {
+			current: "current",
+			pageSize: "pageSize"
+		};
+		const fieldRef = useField();
+		const internalQueryForm = createForm();
+		const prefixCls = `${stylePrefix}-query-form-item`;
+		const formItemInternalClass = `${stylePrefix}-form-item--isolated`;
+		const { props: formItemProps } = useCleanAttrs();
+		const paginationBindings = computed(() => {
+			const { currentPage, pageSize, ...bindings } = {
+				...defaultPaginationProps,
+				...props.paginationProps
+			};
+			return bindings;
+		});
+		const currentPageRef = ref(props.paginationProps?.currentPage ?? defaultPaginationProps.currentPage);
+		const pageSizeRef = ref(props.paginationProps?.pageSize ?? defaultPaginationProps.pageSize);
+		const totalRef = ref(0);
+		const currentRequestId = ref(0);
+		const { activeForm: activeQueryForm } = useQueryFormForm({
+			formProps: computed(() => props.queryFormProps),
+			fallbackForm: internalQueryForm
+		});
+		const queryFormBindings = computed(() => {
+			return {
+				...props.queryFormProps,
+				schema: props.querySchema ?? props.queryFormProps.schema,
+				form: activeQueryForm.value,
+				onAutoSubmit: handleQuerySubmit,
+				resetProps: { onClick: handleQueryReset }
+			};
+		});
+		async function executeRequest() {
+			if (!props.request) return;
+			const field = fieldRef.value;
+			if (!Array.isArray(field.dataSource)) field.dataSource = [];
+			const requestId = ++currentRequestId.value;
+			/* istanbul ignore next -- @preserve defensive: active query form can be temporarily undefined before form injection settles */
+			const queryValues = activeQueryForm.value?.values ?? {};
+			const paginationData = props.pagination ? {
+				current: currentPageRef.value,
+				pageSize: pageSizeRef.value
+			} : void 0;
+			const requestParams = paginationData ? {
+				...queryValues,
+				[props.paginationMap.current ?? defaultPaginationRequestMapping.current]: paginationData.current,
+				[props.paginationMap.pageSize ?? defaultPaginationRequestMapping.pageSize]: paginationData.pageSize
+			} : queryValues;
+			field.loading = true;
+			try {
+				const result = await props.request(requestParams);
+				if (requestId !== currentRequestId.value) return;
+				if (result.success !== true) {
+					emit("requestFailed", result);
+					return;
+				}
+				field.dataSource = result.data;
+				if (props.clearOnDataChange) field.setValue?.(void 0);
+				totalRef.value = isNum(result.total) ? result.total : result.data.length;
+				emit("requestSuccess", {
+					values: queryValues,
+					pagination: paginationData,
+					dataSource: result.data,
+					total: totalRef.value,
+					result
+				});
+			} catch (error) {
+				if (requestId !== currentRequestId.value) return;
+				emit("requestFailed", error);
+			} finally {
+				if (requestId === currentRequestId.value) field.loading = false;
+			}
+		}
+		async function handleQuerySubmit() {
+			if (props.pagination && currentPageRef.value !== 1) {
+				currentPageRef.value = 1;
+				return;
+			}
+			await executeRequest();
+		}
+		function handleQueryReset(event) {
+			const userOnClick = props.queryFormProps.resetProps?.onClick;
+			const result = userOnClick?.(event);
+			if (result === false) return false;
+			handleQuerySubmit();
+			return result;
+		}
+		onMounted(() => {
+			if (props.immediate) executeRequest();
+		});
+		watch([currentPageRef, pageSizeRef], ([currentPage, pageSize], [previousPage, previousPageSize]) => {
+			/* istanbul ignore if -- @preserve defensive: watcher is retained when pagination is dynamically toggled off */
+			if (!props.pagination) return;
+			const currentChanged = currentPage !== previousPage;
+			const pageSizeChanged = pageSize !== previousPageSize;
+			/* istanbul ignore if -- @preserve defensive: keep guard for unexpected duplicated watcher payload */
+			if (!currentChanged && !pageSizeChanged) return;
+			if (pageSizeChanged && currentPage !== 1) {
+				currentPageRef.value = 1;
+				return;
+			}
+			executeRequest();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$1), mergeProps(unref(formItemProps), { "internal-form-item-class": formItemInternalClass }), {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(prefixCls) }, [
+					(openBlock(), createBlock(resolveDynamicComponent(props.mode === "light" ? unref(QueryForm).Light : unref(QueryForm)), normalizeProps(guardReactiveProps(queryFormBindings.value)), null, 16)),
+					createElementVNode("div", { class: normalizeClass(`${prefixCls}__content`) }, [renderSlot(_ctx.$slots, "default")], 2),
+					props.pagination ? (openBlock(), createBlock(unref(ElPagination), mergeProps({
+						key: 0,
+						"current-page": currentPageRef.value,
+						"onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => currentPageRef.value = $event),
+						"page-size": pageSizeRef.value,
+						"onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => pageSizeRef.value = $event),
+						class: `${prefixCls}__pagination`
+					}, paginationBindings.value, { total: totalRef.value }), null, 16, [
+						"current-page",
+						"page-size",
+						"class",
+						"total"
+					])) : createCommentVNode("v-if", true)
+				])]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=query-form-item.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"query-form-item.mjs","names":[],"sources":["../../src/query-form-item/query-form-item.vue"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAiCd,MAAM,OAAO;EAKb,MAAM,yBAAuD;GAC3D,aAAa;GACb,UAAU;GACV,WAAW;IAAC;IAAI;IAAI;IAAI;IAAI;GAC5B,QAAQ;GACR,MAAM;GACR;EACA,MAAM,kCAAwE;GAC5E,SAAS;GACT,UAAU;GACZ;EAEA,MAAM,WAAW,UAAgB;EACjC,MAAM,oBAAoB,YAAW;EACrC,MAAM,YAAY,GAAG,YAAY;EACjC,MAAM,wBAAwB,GAAG,YAAY;EAC7C,MAAM,EAAE,OAAO,kBAAkB,eAAc;EAE/C,MAAM,qBAAqB,eAAe;GACxC,MAAM,EACJ,aACA,UACA,GAAG,aACD;IACF,GAAG;IACH,GAAG,MAAM;IACX;AACA,UAAO;IACR;EAED,MAAM,iBAAiB,IAAI,MAAM,iBAAiB,eAAe,uBAAuB,YAAW;EACnG,MAAM,cAAc,IAAI,MAAM,iBAAiB,YAAY,uBAAuB,SAAQ;EAC1F,MAAM,WAAW,IAAI,EAAC;EACtB,MAAM,mBAAmB,IAAI,EAAC;EAE9B,MAAM,EAAE,YAAY,oBAAoB,iBAAiB;GACvD,WAAW,eAAe,MAAM,eAAe;GAC/C,cAAc;GACf,CAAA;EAED,MAAM,oBAAoB,eAAe;AACvC,UAAQ;IACN,GAAG,MAAM;IACT,QAAQ,MAAM,eAAe,MAAM,eAAe;IAClD,MAAM,gBAAgB;IACtB,cAAc;IACd,YAAY,EACV,SAAS,kBACV;IACF;IACF;EAED,eAAe,iBAAiB;AAC9B,OAAI,CAAC,MAAM,QACT;GAEF,MAAM,QAAQ,SAAS;AACvB,OAAI,CAAC,MAAM,QAAQ,MAAM,WAAW,CAClC,OAAM,aAAa,EAAC;GAEtB,MAAM,YAAY,EAAE,iBAAiB;;GAErC,MAAM,cAAc,gBAAgB,OAAO,UAAU,EAAC;GACtD,MAAM,iBAAiB,MAAM,aACzB;IACE,SAAS,eAAe;IACxB,UAAU,YAAY;IACxB,GACA,KAAA;GACJ,MAAM,gBAAgB,iBAClB;IACE,GAAG;KACD,MAAM,cAAc,WAAW,gCAAgC,UAAW,eAAe;KACzF,MAAM,cAAc,YAAY,gCAAgC,WAAY,eAAe;IAC/F,GACA;AAEJ,SAAM,UAAU;AAChB,OAAI;IACF,MAAM,SAAS,MAAM,MAAM,QAAQ,cAAa;AAEhD,QAAI,cAAc,iBAAiB,MACjC;AAEF,QAAI,OAAO,YAAY,MAAM;AAC3B,UAAK,iBAAiB,OAAM;AAC5B;;AAGF,UAAM,aAAa,OAAO;AAC1B,QAAI,MAAM,kBACR,OAAM,WAAW,KAAA,EAAS;AAE5B,aAAS,QAAQ,MAAM,OAAO,MAAM,GAAG,OAAO,QAAQ,OAAO,KAAK;AAElE,SAAK,kBAAkB;KACrB,QAAQ;KACR,YAAY;KACZ,YAAY,OAAO;KACnB,OAAO,SAAS;KAChB;KACD,CAAA;YAEI,OAAO;AACZ,QAAI,cAAc,iBAAiB,MACjC;AACF,SAAK,iBAAiB,MAAK;aAErB;AACN,QAAI,cAAc,iBAAiB,MACjC,OAAM,UAAU;;;EAItB,eAAe,oBAAoB;AACjC,OAAI,MAAM,cAAc,eAAe,UAAU,GAAG;AAClD,mBAAe,QAAQ;AACvB;;AAGF,SAAM,gBAAe;;EAGvB,SAAS,iBAAiB,OAAmB;GAC3C,MAAM,cAAc,MAAM,eAAe,YAAY;GACrD,MAAM,SAAS,cAAc,MAAK;AAClC,OAAI,WAAW,MACb,QAAO;AAEJ,sBAAkB;AAEvB,UAAO;;AAGT,kBAAgB;AACd,OAAI,MAAM,UACH,iBAAe;IACvB;AAED,QAAM,CAAC,gBAAgB,YAAY,GAAG,CAAC,aAAa,WAAW,CAAC,cAAc,sBAAsB;;AAElG,OAAI,CAAC,MAAM,WACT;GAEF,MAAM,iBAAiB,gBAAgB;GACvC,MAAM,kBAAkB,aAAa;;AAGrC,OAAI,CAAC,kBAAkB,CAAC,gBACtB;AAEF,OAAI,mBAAmB,gBAAgB,GAAG;AACxC,mBAAe,QAAQ;AACvB;;AAGG,mBAAe;IACrB;;uBAIC,YAqBe,MAAA,YAAA,EArBf,WACU,MAoBK,cApBQ,EAAA,EACpB,4BAA0B,uBAAqB,CAAA,EAAA;2BAkB1C,CAhBN,mBAgBM,OAAA,EAhBA,OAAK,eAAE,UAAS,EAAA,EAAA;mBACpB,YAGE,wBAFK,MAAM,SAAI,UAAe,MAAA,UAAS,CAAC,QAAQ,MAAA,UAAS,CAAA,EAAA,eAAA,mBACjD,kBAAA,MAAiB,CAAA,EAAA,MAAA,GAAA;KAE3B,mBAEM,OAAA,EAFA,OAAK,eAAA,GAAK,UAAS,WAAA,EAAA,EAAA,CACvB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;KAGF,MAAM,cAAA,WAAA,EADd,YAOE,MAAA,aAAA,EAPF,WAOE;;MALQ,gBAAc,eAAA;oEAAA,eAAc,QAAA;MAC5B,aAAW,YAAA;iEAAA,YAAW,QAAA;MAC7B,OAAK,GAAK,UAAS;QACZ,mBAAA,OAAkB,EACzB,OAAO,SAAA,OAAQ,CAAA,EAAA,MAAA,IAAA;MAAA;MAAA;MAAA;MAAA;MAAA,CAAA,IAAA,mBAAA,QAAA,KAAA"}

package/esm/query-form-item/style.css

@@ -0,0 +1,12 @@
+.formily-element-plus-query-form-item {
+  display: flex;
+  flex-direction: column;
+}
+
+.formily-element-plus-query-form-item__pagination {
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.formily-element-plus-query-form-item__pagination .el-pagination__total {
+  flex: 1;
+}