@silver-formily/element-plus 2.2.0 → 2.4.0

package/esm/query-form/query-form-light.d.ts

@@ -0,0 +1,27 @@
+import { IQueryFormLightProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IQueryFormLightProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    autoSubmit: (values: any) => any;
+    autoSubmitFailed: (error: any) => any;
+}, string, import('vue').PublicProps, Readonly<IQueryFormLightProps> & Readonly<{
+    onAutoSubmit?: (values: any) => any;
+    onAutoSubmitFailed?: (error: any) => any;
+}>, {
+    components: Record<string, import('vue').Component>;
+    throttleWait: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,52 @@
+import { IGridOptions } from '@formily/grid';
+import { IQueryFormProps } from './types';
+declare function toggle(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        actions?(_: {
+            expanded: boolean;
+            toggle: typeof toggle;
+            type: "incomplete-wrap";
+        }): any;
+        actions?(_: {
+            expanded: boolean;
+            toggle: typeof toggle;
+            type: "collapsible";
+        }): any;
+        actions?(_: {
+            expanded: boolean;
+            toggle: typeof toggle;
+            type: "collapsible" | "complete-wrap";
+        }): any;
+        collapse?(_: {
+            expanded: boolean;
+            toggle: typeof toggle;
+            type: "collapsible";
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IQueryFormProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IQueryFormProps> & Readonly<{}>, {
+    components: Record<string, import('vue').Component>;
+    gridProps: Omit<IGridOptions, "shouldVisible" | "maxRows">;
+    defaultExpanded: boolean;
+    showToggle: boolean;
+    actionsAtRowEnd: boolean;
+    submitText: string;
+    resetText: string;
+    expandText: string;
+    collapseText: string;
+    showSubmit: boolean;
+    showReset: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/esm/query-form/types.d.ts

@@ -0,0 +1,44 @@
+import { GeneralField } from '@formily/core';
+import { Grid, GridNode, IGridOptions } from '@formily/grid';
+import { ISchema } from '@formily/json-schema';
+import { Component } from 'vue';
+export interface QueryFormVisibleContext {
+    field?: GeneralField;
+    schema?: ISchema;
+    index: number;
+    node: GridNode;
+    grid: Grid<HTMLElement>;
+    collapsed: boolean;
+    breakpoint: number;
+}
+export type QueryFormVisible = (context: QueryFormVisibleContext) => boolean;
+export interface IQueryFormProps {
+    schema?: ISchema;
+    schemaField?: Component;
+    components?: Record<string, Component>;
+    scope?: Record<string, any>;
+    gridProps?: Omit<IGridOptions, 'shouldVisible' | 'maxRows'>;
+    defaultExpanded?: boolean;
+    showToggle?: boolean;
+    actionsAtRowEnd?: boolean;
+    visibleWhen?: QueryFormVisible;
+    submitText?: string;
+    resetText?: string;
+    expandText?: string;
+    collapseText?: string;
+    showSubmit?: boolean;
+    showReset?: boolean;
+    submitProps?: Record<string, any>;
+    resetProps?: Record<string, any>;
+}
+export interface IQueryFormLightProps {
+    schema?: ISchema;
+    schemaField?: Component;
+    components?: Record<string, Component>;
+    scope?: Record<string, any>;
+    throttleWait?: number;
+}
+export interface SchemaEntry {
+    name?: string | number;
+    schema: ISchema;
+}

package/esm/query-form/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,151 @@
+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;

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

@@ -0,0 +1,188 @@
+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, createBlock as P, openBlock as S, unref as u, mergeProps as C, withCtx as G, createElementVNode as h, normalizeClass as b, createCommentVNode as H, resolveDynamicComponent as J, normalizeProps as K, guardReactiveProps as T, renderSlot 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 "@formily/reactive";
+import "@vueuse/core";
+import "@silver-formily/reactive-vue";
+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 re = /* @__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: a,
+        ...r
+      } = {
+        ...m,
+        ...e.paginationProps
+      };
+      return r;
+    }), 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 a = ++l.value;
+      /* istanbul ignore next -- @preserve defensive: active query form can be temporarily undefined before form injection settles */
+      const r = F.value?.values ?? {}, i = e.pagination ? {
+        current: n.value,
+        pageSize: s.value
+      } : void 0, v = i ? {
+        ...r,
+        [e.paginationMap.current ?? q.current]: i.current,
+        [e.paginationMap.pageSize ?? q.pageSize]: i.pageSize
+      } : r;
+      t.loading = !0;
+      try {
+        const o = await e.request(v);
+        if (a !== 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: r,
+          pagination: i,
+          dataSource: o.data,
+          total: d.value,
+          result: o
+        });
+      } catch (o) {
+        if (a !== l.value)
+          return;
+        c("requestFailed", o);
+      } finally {
+        a === l.value && (t.loading = !1);
+      }
+    }
+    async function z() {
+      if (e.pagination && n.value !== 1) {
+        n.value = 1;
+        return;
+      }
+      await g();
+    }
+    function A(t) {
+      const a = e.queryFormProps.resetProps?.onClick, r = a?.(t);
+      return r === !1 ? !1 : (z(), r);
+    }
+    return U(() => {
+      e.immediate && g();
+    }), L([n, s], ([t, a], [r, i]) => {
+      /* istanbul ignore if -- @preserve defensive: watcher is retained when pagination is dynamically toggled off */
+      if (!e.pagination)
+        return;
+      const v = t !== r, o = a !== i;
+      /* istanbul ignore if -- @preserve defensive: keep guard for unexpected duplicated watcher payload */
+      if (!(!v && !o)) {
+        if (o && t !== 1) {
+          n.value = 1;
+          return;
+        }
+        g();
+      }
+    }), (t, a) => (S(), P(u(V), C(u(O), { "internal-form-item-class": x }), {
+      default: G(() => [
+        h("div", {
+          class: b(f)
+        }, [
+          (S(), P(J(e.mode === "light" ? u(k).Light : u(k)), K(T($.value)), null, 16)),
+          h("div", {
+            class: b(`${f}__content`)
+          }, [
+            W(t.$slots, "default")
+          ], 2),
+          e.pagination ? (S(), P(u(Z), C({
+            key: 0,
+            "current-page": n.value,
+            "onUpdate:currentPage": a[0] || (a[0] = (r) => n.value = r),
+            "page-size": s.value,
+            "onUpdate:pageSize": a[1] || (a[1] = (r) => s.value = r),
+            class: `${f}__pagination`
+          }, M.value, { total: d.value }), null, 16, ["current-page", "page-size", "class", "total"])) : H("", !0)
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), ve = w(
+  re,
+  D(
+    {
+      validateStatus: !0,
+      title: "label",
+      required: !0,
+      description: "extra"
+    },
+    N
+  )
+);
+export {
+  ve as QueryFormItem,
+  ve as default
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,96 @@
+import { ISchema } from '@formily/json-schema';
+import { PropType } from 'vue';
+import { QueryFormItemMode, QueryFormItemPaginationMap, QueryFormItemPaginationProps, QueryFormItemQueryProps, QueryFormItemRequest, QueryFormItemRequestSuccessPayload } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    mode: {
+        type: PropType<QueryFormItemMode>;
+        default: string;
+    };
+    request: PropType<QueryFormItemRequest>;
+    clearOnDataChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    querySchema: PropType<ISchema>;
+    queryFormProps: {
+        type: PropType<QueryFormItemQueryProps>;
+        default: () => {};
+    };
+    pagination: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    paginationProps: {
+        type: PropType<QueryFormItemPaginationProps>;
+        default: () => {};
+    };
+    paginationMap: {
+        type: PropType<QueryFormItemPaginationMap>;
+        default: () => {};
+    };
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    requestSuccess: (payload: QueryFormItemRequestSuccessPayload) => any;
+    requestFailed: (error: any) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    mode: {
+        type: PropType<QueryFormItemMode>;
+        default: string;
+    };
+    request: PropType<QueryFormItemRequest>;
+    clearOnDataChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    querySchema: PropType<ISchema>;
+    queryFormProps: {
+        type: PropType<QueryFormItemQueryProps>;
+        default: () => {};
+    };
+    pagination: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    paginationProps: {
+        type: PropType<QueryFormItemPaginationProps>;
+        default: () => {};
+    };
+    paginationMap: {
+        type: PropType<QueryFormItemPaginationMap>;
+        default: () => {};
+    };
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onRequestSuccess?: (payload: QueryFormItemRequestSuccessPayload) => any;
+    onRequestFailed?: (error: any) => any;
+}>, {
+    mode: QueryFormItemMode;
+    immediate: boolean;
+    pagination: boolean;
+    paginationProps: Partial<import('element-plus').PaginationProps>;
+    clearOnDataChange: boolean;
+    queryFormProps: QueryFormItemQueryProps;
+    paginationMap: QueryFormItemPaginationMap;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,46 @@
+import { Form } from '@formily/core';
+import { ISchema } from '@formily/json-schema';
+import { PaginationProps } from 'element-plus';
+import { IFormItemProps } from '../form-item';
+import { IQueryFormLightProps, IQueryFormProps } from '../query-form';
+export type QueryFormItemMode = 'default' | 'light';
+export interface QueryFormItemPagination {
+    current: number;
+    pageSize: number;
+}
+export interface QueryFormItemPaginationMap {
+    current?: string;
+    pageSize?: string;
+}
+export interface QueryFormItemRequestResultObject {
+    data: any[];
+    success: boolean;
+    total?: number;
+}
+export type QueryFormItemRequest = (params: Record<string, any> & Partial<QueryFormItemPagination>) => Promise<QueryFormItemRequestResultObject>;
+export type QueryFormItemPaginationProps = Partial<PaginationProps>;
+type QueryFormDefaultProps = Omit<IQueryFormProps, 'schema'>;
+type QueryFormLightProps = Omit<IQueryFormLightProps, 'schema'>;
+export type QueryFormItemQueryProps = Partial<QueryFormDefaultProps & QueryFormLightProps> & {
+    form?: Form | (() => Form | undefined);
+    schema?: ISchema;
+};
+export interface IQueryFormItemProps extends IFormItemProps {
+    mode?: QueryFormItemMode;
+    request?: QueryFormItemRequest;
+    clearOnDataChange?: boolean;
+    querySchema?: ISchema;
+    queryFormProps?: QueryFormItemQueryProps;
+    pagination?: boolean;
+    paginationProps?: QueryFormItemPaginationProps;
+    paginationMap?: QueryFormItemPaginationMap;
+    immediate?: boolean;
+}
+export interface QueryFormItemRequestSuccessPayload {
+    values: Record<string, any>;
+    pagination?: QueryFormItemPagination;
+    dataSource: any[];
+    total?: number;
+    result: QueryFormItemRequestResultObject;
+}
+export {};

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}