@silver-formily/element-plus 4.0.2 → 5.0.0

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

@@ -6,18 +6,21 @@ import { reactionWatch } from "@silver-formily/reactive-vue";
 import { computed, createBlock, createCommentVNode, createElementVNode, defineComponent, mergeProps, normalizeClass, onUnmounted, openBlock, renderSlot, resolveDynamicComponent, unref, useSlots, withCtx } from "vue";
 import { useFieldSchema, useForm } from "@silver-formily/vue";
 import { throttle } from "lodash-es";
-import { toJS } from "@formily/reactive";
+import { toJS } from "@silver-formily/reactive";
 //#region src/query-form/query-form-light.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "FQueryFormLight",
 	inheritAttrs: false,
 	__name: "query-form-light",
 	props: {
+		form: {},
 		schema: {},
 		schemaField: {},
 		components: { default: () => ({}) },
 		scope: {},
-		throttleWait: { default: 300 }
+		throttleWait: { default: 300 },
+		onAutoSubmit: {},
+		onAutoSubmitFailed: {}
 	},
 	emits: ["autoSubmit", "autoSubmitFailed"],
 	setup(__props, { emit: __emit }) {
@@ -29,22 +32,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const fieldSchemaRef = useFieldSchema();
 		const prefixCls = `${stylePrefix}-query-form-light`;
 		const { externalForm, activeForm } = useQueryFormForm({
-			formProps,
+			formProps: computed(() => ({ form: props.form })),
 			fallbackForm: formRef
 		});
 		const resolvedSchema = computed(() => props.schema ?? fieldSchemaRef.value);
 		const innerFormProps = computed(() => ({
 			fullness: false,
 			...formProps.value,
-			form: externalForm.value
+			form: externalForm.value,
+			onAutoSubmit: props.onAutoSubmit,
+			onAutoSubmitFailed: props.onAutoSubmitFailed
 		}));
 		function submitByChange() {
-			activeForm.value.submit((values) => {
+			const form = activeForm.value;
+			if (!form) return;
+			form.submit((values) => {
 				emit("autoSubmit", values);
-				return formProps.value.onAutoSubmit?.(values);
+				return props.onAutoSubmit?.(values);
 			}).catch((error) => {
 				emit("autoSubmitFailed", error);
-				formProps.value.onAutoSubmitFailed?.(error);
+				props.onAutoSubmitFailed?.(error);
 			});
 		}
 		const triggerSubmit = throttle(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"query-form-light.mjs","names":[],"sources":["../../src/query-form/query-form-light.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Form } from '@formily/core'\nimport type { IQueryFormLightProps } from './types'\nimport { toJS } from '@formily/reactive'\nimport { reactionWatch } from '@silver-formily/reactive-vue'\nimport { useFieldSchema, useForm } from '@silver-formily/vue'\nimport { throttle } from 'lodash-es'\nimport { computed, onUnmounted, useSlots } from 'vue'\nimport { stylePrefix, useCleanAttrs } from '../__builtins__'\nimport { Form as FForm } from '../form'\nimport { useQueryFormForm, useQueryFormSchemaField } from './hooks'\n\ndefineOptions({\n  name: 'FQueryFormLight',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<IQueryFormLightProps>(), {\n  components: () => ({}),\n  throttleWait: 300,\n})\nconst emit = defineEmits<{\n  (e: 'autoSubmit', values: Form['values']): void\n  (e: 'autoSubmitFailed', error: any): void\n}>()\n\nconst { props: formProps } = useCleanAttrs(['modelValue', 'onUpdate:modelValue'])\nconst slots = useSlots()\nconst formRef = useForm()\nconst fieldSchemaRef = useFieldSchema()\nconst prefixCls = `${stylePrefix}-query-form-light`\n\nconst { externalForm, activeForm } = useQueryFormForm({\n  formProps,\n  fallbackForm: formRef,\n})\nconst resolvedSchema = computed(() => props.schema ?? fieldSchemaRef.value)\n\nconst innerFormProps = computed(() => ({\n  fullness: false,\n  ...formProps.value,\n  form: externalForm.value,\n}))\n\nfunction submitByChange() {\n  const form = activeForm.value\n  form\n    .submit((values) => {\n      emit('autoSubmit', values)\n      return formProps.value.onAutoSubmit?.(values)\n    })\n    .catch((error) => {\n      emit('autoSubmitFailed', error)\n      formProps.value.onAutoSubmitFailed?.(error)\n    })\n}\n\nconst triggerSubmit = throttle(() => {\n  submitByChange()\n}, props.throttleWait, {\n  leading: false,\n  trailing: true,\n})\n\nreactionWatch(() => {\n  const form = activeForm.value\n  if (!form)\n    return\n  return toJS(form.values)\n}, () => {\n  triggerSubmit()\n})\n\nonUnmounted(() => {\n  triggerSubmit.cancel()\n})\n\nconst { hasDefaultSlot, schemaField } = useQueryFormSchemaField({\n  slots,\n  schema: resolvedSchema,\n  schemaField: computed(() => props.schemaField),\n  components: computed(() => props.components),\n})\n</script>\n\n<template>\n  <FForm v-bind=\"innerFormProps\" :class=\"prefixCls\">\n    <div :class=\"`${prefixCls}__content`\">\n      <slot v-if=\"hasDefaultSlot\" />\n      <component\n        :is=\"schemaField\"\n        v-else-if=\"schemaField\"\n        :schema=\"resolvedSchema\"\n      />\n    </div>\n  </FForm>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAId,MAAM,OAAO;EAKb,MAAM,EAAE,OAAO,cAAc,cAAc,CAAC,cAAc,sBAAsB,CAAA;EAChF,MAAM,QAAQ,UAAS;EACvB,MAAM,UAAU,SAAQ;EACxB,MAAM,iBAAiB,gBAAe;EACtC,MAAM,YAAY,GAAG,YAAY;EAEjC,MAAM,EAAE,cAAc,eAAe,iBAAiB;GACpD;GACA,cAAc;GACf,CAAA;EACD,MAAM,iBAAiB,eAAe,MAAM,UAAU,eAAe,MAAK;EAE1E,MAAM,iBAAiB,gBAAgB;GACrC,UAAU;GACV,GAAG,UAAU;GACb,MAAM,aAAa;GACpB,EAAC;EAEF,SAAS,iBAAiB;AACX,cAAW,MAErB,QAAQ,WAAW;AAClB,SAAK,cAAc,OAAM;AACzB,WAAO,UAAU,MAAM,eAAe,OAAM;KAC7C,CACA,OAAO,UAAU;AAChB,SAAK,oBAAoB,MAAK;AAC9B,cAAU,MAAM,qBAAqB,MAAK;KAC3C;;EAGL,MAAM,gBAAgB,eAAe;AACnC,mBAAe;KACd,MAAM,cAAc;GACrB,SAAS;GACT,UAAU;GACX,CAAA;AAED,sBAAoB;GAClB,MAAM,OAAO,WAAW;AACxB,OAAI,CAAC,KACH;AACF,UAAO,KAAK,KAAK,OAAM;WAChB;AACP,kBAAc;IACf;AAED,oBAAkB;AAChB,iBAAc,QAAO;IACtB;EAED,MAAM,EAAE,gBAAgB,gBAAgB,wBAAwB;GAC9D;GACA,QAAQ;GACR,aAAa,eAAe,MAAM,YAAY;GAC9C,YAAY,eAAe,MAAM,WAAW;GAC7C,CAAA;;uBAIC,YASQ,MAAA,YAAA,EATR,WAAe,eASP,OATqB,EAAG,OAAO,WAAS,CAAA,EAAA;2BAQxC,CAPN,mBAOM,OAAA,EAPA,OAAK,eAAA,GAAK,UAAS,WAAA,EAAA,EAAA,CACX,MAAA,eAAc,GAA1B,WAA8B,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,GAGjB,MAAA,YAAW,IAAA,WAAA,EAFxB,YAIE,wBAHK,MAAA,YAAW,CAAA,EAAA;;KAEf,QAAQ,eAAA"}
+{"version":3,"file":"query-form-light.mjs","names":[],"sources":["../../src/query-form/query-form-light.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Form } from '@silver-formily/core'\nimport type { IQueryFormLightProps } from './types'\nimport { toJS } from '@silver-formily/reactive'\nimport { reactionWatch } from '@silver-formily/reactive-vue'\nimport { useFieldSchema, useForm } from '@silver-formily/vue'\nimport { throttle } from 'lodash-es'\nimport { computed, onUnmounted, useSlots } from 'vue'\nimport { stylePrefix, useCleanAttrs } from '../__builtins__'\nimport { Form as FForm } from '../form'\nimport { useQueryFormForm, useQueryFormSchemaField } from './hooks'\n\ndefineOptions({\n  name: 'FQueryFormLight',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<IQueryFormLightProps>(), {\n  components: () => ({}),\n  throttleWait: 300,\n})\nconst emit = defineEmits<{\n  (e: 'autoSubmit', values: Form['values']): void\n  (e: 'autoSubmitFailed', error: any): void\n}>()\n\nconst { props: formProps } = useCleanAttrs(['modelValue', 'onUpdate:modelValue'])\nconst slots = useSlots()\nconst formRef = useForm()\nconst fieldSchemaRef = useFieldSchema()\nconst prefixCls = `${stylePrefix}-query-form-light`\n\nconst { externalForm, activeForm } = useQueryFormForm({\n  formProps: computed(() => ({ form: props.form })),\n  fallbackForm: formRef,\n})\nconst resolvedSchema = computed(() => props.schema ?? fieldSchemaRef.value)\n\nconst innerFormProps = computed(() => ({\n  fullness: false,\n  ...formProps.value,\n  form: externalForm.value,\n  onAutoSubmit: props.onAutoSubmit,\n  onAutoSubmitFailed: props.onAutoSubmitFailed,\n}))\n\nfunction submitByChange() {\n  const form = activeForm.value\n  if (!form)\n    return\n  form\n    .submit((values) => {\n      emit('autoSubmit', values)\n      return props.onAutoSubmit?.(values)\n    })\n    .catch((error) => {\n      emit('autoSubmitFailed', error)\n      props.onAutoSubmitFailed?.(error)\n    })\n}\n\nconst triggerSubmit = throttle(() => {\n  submitByChange()\n}, props.throttleWait, {\n  leading: false,\n  trailing: true,\n})\n\nreactionWatch(() => {\n  const form = activeForm.value\n  if (!form)\n    return\n  return toJS(form.values)\n}, () => {\n  triggerSubmit()\n})\n\nonUnmounted(() => {\n  triggerSubmit.cancel()\n})\n\nconst { hasDefaultSlot, schemaField } = useQueryFormSchemaField({\n  slots,\n  schema: resolvedSchema,\n  schemaField: computed(() => props.schemaField),\n  components: computed(() => props.components),\n})\n</script>\n\n<template>\n  <FForm v-bind=\"innerFormProps\" :class=\"prefixCls\">\n    <div :class=\"`${prefixCls}__content`\">\n      <slot v-if=\"hasDefaultSlot\" />\n      <component\n        :is=\"schemaField\"\n        v-else-if=\"schemaField\"\n        :schema=\"resolvedSchema\"\n      />\n    </div>\n  </FForm>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAId,MAAM,OAAO;EAKb,MAAM,EAAE,OAAO,cAAc,cAAc,CAAC,cAAc,sBAAsB,CAAA;EAChF,MAAM,QAAQ,UAAS;EACvB,MAAM,UAAU,SAAQ;EACxB,MAAM,iBAAiB,gBAAe;EACtC,MAAM,YAAY,GAAG,YAAY;EAEjC,MAAM,EAAE,cAAc,eAAe,iBAAiB;GACpD,WAAW,gBAAgB,EAAE,MAAM,MAAM,MAAM,EAAE;GACjD,cAAc;GACf,CAAA;EACD,MAAM,iBAAiB,eAAe,MAAM,UAAU,eAAe,MAAK;EAE1E,MAAM,iBAAiB,gBAAgB;GACrC,UAAU;GACV,GAAG,UAAU;GACb,MAAM,aAAa;GACnB,cAAc,MAAM;GACpB,oBAAoB,MAAM;GAC3B,EAAC;EAEF,SAAS,iBAAiB;GACxB,MAAM,OAAO,WAAW;AACxB,OAAI,CAAC,KACH;AACF,QACG,QAAQ,WAAW;AAClB,SAAK,cAAc,OAAM;AACzB,WAAO,MAAM,eAAe,OAAM;KACnC,CACA,OAAO,UAAU;AAChB,SAAK,oBAAoB,MAAK;AAC9B,UAAM,qBAAqB,MAAK;KACjC;;EAGL,MAAM,gBAAgB,eAAe;AACnC,mBAAe;KACd,MAAM,cAAc;GACrB,SAAS;GACT,UAAU;GACX,CAAA;AAED,sBAAoB;GAClB,MAAM,OAAO,WAAW;AACxB,OAAI,CAAC,KACH;AACF,UAAO,KAAK,KAAK,OAAM;WAChB;AACP,kBAAc;IACf;AAED,oBAAkB;AAChB,iBAAc,QAAO;IACtB;EAED,MAAM,EAAE,gBAAgB,gBAAgB,wBAAwB;GAC9D;GACA,QAAQ;GACR,aAAa,eAAe,MAAM,YAAY;GAC9C,YAAY,eAAe,MAAM,WAAW;GAC7C,CAAA;;uBAIC,YASQ,MAAA,YAAA,EATR,WAAe,eASP,OATqB,EAAG,OAAO,WAAS,CAAA,EAAA;2BAQxC,CAPN,mBAOM,OAAA,EAPA,OAAK,eAAA,GAAK,UAAS,WAAA,EAAA,EAAA,CACX,MAAA,eAAc,GAA1B,WAA8B,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,GAGjB,MAAA,YAAW,IAAA,WAAA,EAFxB,YAIE,wBAHK,MAAA,YAAW,CAAA,EAAA;;KAEf,QAAQ,eAAA"}

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

@@ -12,7 +12,7 @@ import { computed, createBlock, createCommentVNode, createTextVNode, createVNode
 import { useFieldSchema, useForm } from "@silver-formily/vue";
 import { ArrowDown, ArrowUp } from "@element-plus/icons-vue";
 import { createGrid } from "@silver-formily/grid";
-import { Schema } from "@formily/json-schema";
+import { Schema } from "@silver-formily/json-schema";
 //#region src/query-form/query-form.vue
 const COLLAPSED_ROWS = 1;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -20,6 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "query-form",
 	props: {
+		form: {},
 		schema: {},
 		schemaField: {},
 		components: { default: () => ({}) },
@@ -51,7 +52,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			default: true
 		},
 		submitProps: {},
-		resetProps: {}
+		resetProps: {},
+		onAutoSubmit: {},
+		onAutoSubmitFailed: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -60,14 +63,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const prefixCls = `${stylePrefix}-query-form`;
 		const FormGridColumn = FormGrid.GridColumn;
 		const fieldSchemaRef = useFieldSchema();
+		const formRef = useForm();
 		const { externalForm, activeForm } = useQueryFormForm({
-			formProps,
-			fallbackForm: useForm()
+			formProps: computed(() => ({ form: props.form })),
+			fallbackForm: formRef
 		});
 		const innerFormProps = computed(() => ({
 			fullness: true,
 			...formProps.value,
-			form: externalForm.value
+			form: externalForm.value,
+			onAutoSubmit: props.onAutoSubmit,
+			onAutoSubmitFailed: props.onAutoSubmitFailed
 		}));
 		const schemaList = computed(() => {
 			const rawSchema = props.schema ?? fieldSchemaRef.value;
@@ -108,8 +114,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			return (props.visibleWhen ? props.visibleWhen(context) : defaultVisibleWhen(context)) !== false;
 		}
 		function isActionsNode(node, grid) {
-			if ("element" in node && node.element) return node.element.dataset.queryFormActions !== void 0;
-			return node.index === grid.childSize - 1;
+			const isLastNode = node.index === grid.childSize - 1;
+			if ("element" in node && node.element) return node.element.dataset.queryFormActions !== void 0 || isLastNode;
+			return isLastNode;
 		}
 		function getFieldRowCount(grid) {
 			const rows = (grid.children ?? []).filter((node) => !isActionsNode(node, grid)).map((node) => node.shadowRow ?? 0);

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

@@ -1 +1 @@
-{"version":3,"file":"query-form.mjs","names":[],"sources":["../../src/query-form/query-form.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ISchema } from '@formily/json-schema'\nimport type { Grid, GridNode, IGridOptions } from '@silver-formily/grid'\nimport type { IQueryFormProps, SchemaEntry } from './types'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\nimport { Schema } from '@formily/json-schema'\nimport { createGrid } from '@silver-formily/grid'\nimport { autorunEffect } from '@silver-formily/reactive-vue'\nimport { useFieldSchema, useForm } from '@silver-formily/vue'\nimport { ElIcon, ElLink } from 'element-plus'\nimport { computed, ref, useSlots } from 'vue'\nimport { compatibleUnderlineProp, stylePrefix, useCleanAttrs } from '../__builtins__'\nimport { Form } from '../form'\nimport { FormButtonGroup } from '../form-button-group'\nimport { FormGrid } from '../form-grid'\nimport { Reset } from '../reset'\nimport { Submit } from '../submit'\nimport { useQueryFormForm, useQueryFormSchemaField } from './hooks'\n\ndefineOptions({\n  name: 'FQueryForm',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<IQueryFormProps>(), {\n  components: () => ({}),\n  gridProps: () => ({}),\n  defaultExpanded: false,\n  showToggle: true,\n  actionsAtRowEnd: false,\n  submitText: '查询',\n  resetText: '重置',\n  expandText: '展开',\n  collapseText: '收起',\n  showSubmit: true,\n  showReset: true,\n})\n\nconst { props: formProps } = useCleanAttrs(['modelValue', 'onUpdate:modelValue'])\nconst slots = useSlots()\nconst prefixCls = `${stylePrefix}-query-form`\nconst FormGridColumn = FormGrid.GridColumn\n\nconst COLLAPSED_ROWS = 1\nconst fieldSchemaRef = useFieldSchema()\nconst formRef = useForm()\nconst { externalForm, activeForm } = useQueryFormForm({\n  formProps,\n  fallbackForm: formRef,\n})\nconst innerFormProps = computed(() => ({\n  fullness: true,\n  ...formProps.value,\n  form: externalForm.value,\n}))\n\nconst schemaList = computed<SchemaEntry[]>(() => {\n  const rawSchema = props.schema ?? fieldSchemaRef.value\n  /* istanbul ignore next -- @preserve defensive: schema can be temporarily absent in external field-schema lifecycle */\n  if (!rawSchema)\n    return []\n  const schema = rawSchema instanceof Schema ? rawSchema : new Schema(rawSchema)\n  return schema.mapProperties((childSchema: ISchema, name: string | number) => ({\n    name,\n    schema: childSchema,\n  }))\n})\n\nfunction resolveField(name?: string | number) {\n  return activeForm.value?.query(name).take()\n}\n\nfunction createVisibleContext(\n  node: GridNode,\n  grid: Grid<HTMLElement>,\n  collapsedOverride?: boolean,\n) {\n  const index = node.index ?? 0\n  const entry = schemaList.value[index]\n  const schema = entry?.schema\n  const name = entry?.name ?? schema?.name\n  return {\n    field: resolveField(name),\n    schema,\n    index,\n    node,\n    grid,\n    collapsed: collapsedOverride ?? grid.maxRows !== Infinity,\n    breakpoint: grid.breakpoint,\n  }\n}\n\nfunction defaultVisibleWhen(context: ReturnType<typeof createVisibleContext>) {\n  if (!context.collapsed)\n    return true\n\n  const shadowRow = context.node.shadowRow ?? 0\n  const withinRows = shadowRow < COLLAPSED_ROWS + 1\n  if (!withinRows)\n    return false\n\n  const isCollapsible = getFieldRowCount(context.grid) > COLLAPSED_ROWS\n  if (!isCollapsible)\n    return true\n  const shadowColumn = context.node.shadowColumn ?? 1\n  const span = context.node.span ?? 1\n  const endColumn = shadowColumn + span - 1\n  if (shadowRow === COLLAPSED_ROWS && endColumn === context.grid.columns)\n    return false\n\n  return true\n}\n\nfunction resolveVisibleWhen(context: ReturnType<typeof createVisibleContext>) {\n  const visible = props.visibleWhen\n    ? props.visibleWhen(context)\n    : defaultVisibleWhen(context)\n  return visible !== false\n}\n\nfunction isActionsNode(node: GridNode, grid: Grid<HTMLElement>) {\n  if ('element' in node && node.element) {\n    return node.element.dataset.queryFormActions !== undefined\n  }\n  return node.index === grid.childSize - 1\n}\n\nfunction getFieldRowCount(grid: Grid<HTMLElement>) {\n  const rows = (grid.children ?? [])\n    .filter(node => !isActionsNode(node, grid))\n    .map(node => node.shadowRow ?? 0)\n  return new Set(rows).size\n}\n\nconst defaultShouldVisible: IGridOptions['shouldVisible'] = (node, grid) => {\n  if (isActionsNode(node, grid))\n    return true\n  return resolveVisibleWhen(createVisibleContext(node, grid))\n}\n\nconst restGridProps = props.gridProps ?? {}\nconst defaultGridProps: Partial<IGridOptions> = restGridProps.minColumns === undefined && restGridProps.maxColumns === undefined\n  ? { maxColumns: 4 }\n  : {}\n\nconst gridOptions: IGridOptions = {\n  ...defaultGridProps,\n  ...restGridProps,\n  maxRows: (props.defaultExpanded || !props.showToggle) ? Infinity : COLLAPSED_ROWS,\n  shouldVisible: defaultShouldVisible,\n}\n\nconst grid = createGrid(gridOptions)\n\nconst expanded = ref(grid.maxRows === Infinity)\nconst gridType = ref<'incomplete-wrap' | 'collapsible' | 'complete-wrap'>('complete-wrap')\n\nfunction updateType() {\n  if (!props.showToggle) {\n    gridType.value = 'incomplete-wrap'\n    return\n  }\n\n  if (!props.visibleWhen) {\n    gridType.value = getFieldRowCount(grid) > COLLAPSED_ROWS\n      ? 'collapsible'\n      : 'incomplete-wrap'\n    return\n  }\n\n  const nodes = grid.children ?? []\n  const hasHiddenInCollapsed = nodes.some((node) => {\n    if (isActionsNode(node, grid))\n      return false\n    return !resolveVisibleWhen(createVisibleContext(node, grid, true))\n  })\n  /* istanbul ignore next -- @preserve layout branch depends on runtime grid measurement in browser */\n  if (hasHiddenInCollapsed) {\n    gridType.value = 'collapsible'\n    return\n  }\n  const realRows = grid.shadowRows\n  gridType.value = realRows < COLLAPSED_ROWS + 1 ? 'incomplete-wrap' : 'complete-wrap'\n}\n\nautorunEffect(() => {\n  expanded.value = grid.maxRows === Infinity\n  updateType()\n})\n\nfunction toggle() {\n  if (!props.showToggle)\n    return\n  grid.maxRows = grid.maxRows === Infinity ? COLLAPSED_ROWS : Infinity\n}\n\nconst { hasDefaultSlot, schemaField } = useQueryFormSchemaField({\n  slots,\n  schema: computed(() => props.schema),\n  schemaField: computed(() => props.schemaField),\n  components: computed(() => props.components),\n  scope: computed(() => props.scope),\n})\n</script>\n\n<template>\n  <Form v-bind=\"innerFormProps\" :class=\"prefixCls\">\n    <FormGrid :grid=\"grid\">\n      <slot v-if=\"hasDefaultSlot\" />\n      <component\n        :is=\"schemaField\"\n        v-else-if=\"schemaField\"\n        :schema=\"props.schema\"\n      />\n      <FormGridColumn\n        :grid-span=\"-1\"\n        data-query-form-actions\n        :class=\"[\n          `${prefixCls}__actions`,\n          props.actionsAtRowEnd && `${prefixCls}__actions--row-end`,\n        ]\"\n      >\n        <template v-if=\"gridType === 'incomplete-wrap'\">\n          <FormButtonGroup\n            :align=\"props.actionsAtRowEnd ? 'right' : 'left'\"\n            align-form-item\n            inline\n            :style=\"props.actionsAtRowEnd && { width: '100%' }\"\n          >\n            <slot\n              name=\"actions\"\n              :expanded=\"expanded\"\n              :toggle=\"toggle\"\n              :type=\"gridType\"\n            >\n              <Submit v-if=\"props.showSubmit\" v-bind=\"props.submitProps\">\n                {{ props.submitText }}\n              </Submit>\n              <Reset v-if=\"props.showReset\" v-bind=\"props.resetProps\">\n                {{ props.resetText }}\n              </Reset>\n            </slot>\n          </FormButtonGroup>\n        </template>\n        <template v-else-if=\"gridType === 'collapsible' && props.showToggle\">\n          <FormButtonGroup\n            :align=\"props.actionsAtRowEnd ? 'right' : 'left'\"\n            align-form-item\n            inline\n            :style=\"props.actionsAtRowEnd && { width: '100%' }\"\n          >\n            <slot\n              name=\"actions\"\n              :expanded=\"expanded\"\n              :toggle=\"toggle\"\n              :type=\"gridType\"\n            >\n              <Submit v-if=\"props.showSubmit\" v-bind=\"props.submitProps\">\n                {{ props.submitText }}\n              </Submit>\n              <Reset v-if=\"props.showReset\" v-bind=\"props.resetProps\">\n                {{ props.resetText }}\n              </Reset>\n            </slot>\n            <slot\n              name=\"collapse\"\n              :expanded=\"expanded\"\n              :toggle=\"toggle\"\n              :type=\"gridType\"\n            >\n              <ElLink\n                type=\"primary\"\n                :underline=\"compatibleUnderlineProp()\"\n                :class=\"`${prefixCls}__collapse-link`\"\n                @click=\"toggle\"\n              >\n                {{ expanded ? props.collapseText : props.expandText }}\n                <ElIcon :class=\"`${prefixCls}__collapse-icon`\">\n                  <ArrowUp v-if=\"expanded\" />\n                  <ArrowDown v-else />\n                </ElIcon>\n              </ElLink>\n            </slot>\n          </FormButtonGroup>\n        </template>\n        <template v-else>\n          <FormButtonGroup\n            align=\"right\"\n            inline\n            style=\"display: flex; width: 100%;\"\n          >\n            <slot\n              name=\"actions\"\n              :expanded=\"expanded\"\n              :toggle=\"toggle\"\n              :type=\"gridType\"\n            >\n              <Submit v-if=\"props.showSubmit\" v-bind=\"props.submitProps\">\n                {{ props.submitText }}\n              </Submit>\n              <Reset v-if=\"props.showReset\" v-bind=\"props.resetProps\">\n                {{ props.resetText }}\n              </Reset>\n            </slot>\n          </FormButtonGroup>\n        </template>\n      </FormGridColumn>\n    </FormGrid>\n  </Form>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"query-form.mjs","names":[],"sources":["../../src/query-form/query-form.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Grid, GridNode, IGridOptions } from '@silver-formily/grid'\nimport type { ISchema } from '@silver-formily/json-schema'\nimport type { IQueryFormProps, SchemaEntry } from './types'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\nimport { createGrid } from '@silver-formily/grid'\nimport { Schema } from '@silver-formily/json-schema'\nimport { autorunEffect } from '@silver-formily/reactive-vue'\nimport { useFieldSchema, useForm } from '@silver-formily/vue'\nimport { ElIcon, ElLink } from 'element-plus'\nimport { computed, ref, useSlots } from 'vue'\nimport { compatibleUnderlineProp, stylePrefix, useCleanAttrs } from '../__builtins__'\nimport { Form } from '../form'\nimport { FormButtonGroup } from '../form-button-group'\nimport { FormGrid } from '../form-grid'\nimport { Reset } from '../reset'\nimport { Submit } from '../submit'\nimport { useQueryFormForm, useQueryFormSchemaField } from './hooks'\n\ndefineOptions({\n  name: 'FQueryForm',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<IQueryFormProps>(), {\n  components: () => ({}),\n  gridProps: () => ({}),\n  defaultExpanded: false,\n  showToggle: true,\n  actionsAtRowEnd: false,\n  submitText: '查询',\n  resetText: '重置',\n  expandText: '展开',\n  collapseText: '收起',\n  showSubmit: true,\n  showReset: true,\n})\n\nconst { props: formProps } = useCleanAttrs(['modelValue', 'onUpdate:modelValue'])\nconst slots = useSlots()\nconst prefixCls = `${stylePrefix}-query-form`\nconst FormGridColumn = FormGrid.GridColumn\n\nconst COLLAPSED_ROWS = 1\nconst fieldSchemaRef = useFieldSchema()\nconst formRef = useForm()\nconst { externalForm, activeForm } = useQueryFormForm({\n  formProps: computed(() => ({ form: props.form })),\n  fallbackForm: formRef,\n})\nconst innerFormProps = computed(() => ({\n  fullness: true,\n  ...formProps.value,\n  form: externalForm.value,\n  onAutoSubmit: props.onAutoSubmit,\n  onAutoSubmitFailed: props.onAutoSubmitFailed,\n}))\n\nconst schemaList = computed<SchemaEntry[]>(() => {\n  const rawSchema = props.schema ?? fieldSchemaRef.value\n  /* istanbul ignore next -- @preserve defensive: schema can be temporarily absent in external field-schema lifecycle */\n  if (!rawSchema)\n    return []\n  const schema = rawSchema instanceof Schema ? rawSchema : new Schema(rawSchema)\n  return schema.mapProperties((childSchema: ISchema, name: string | number) => ({\n    name,\n    schema: childSchema,\n  }))\n})\n\nfunction resolveField(name?: string | number) {\n  return activeForm.value?.query(name).take()\n}\n\nfunction createVisibleContext(\n  node: GridNode,\n  grid: Grid<HTMLElement>,\n  collapsedOverride?: boolean,\n) {\n  const index = node.index ?? 0\n  const entry = schemaList.value[index]\n  const schema = entry?.schema\n  const name = entry?.name ?? schema?.name\n  return {\n    field: resolveField(name),\n    schema,\n    index,\n    node,\n    grid,\n    collapsed: collapsedOverride ?? grid.maxRows !== Infinity,\n    breakpoint: grid.breakpoint,\n  }\n}\n\nfunction defaultVisibleWhen(context: ReturnType<typeof createVisibleContext>) {\n  if (!context.collapsed)\n    return true\n\n  const shadowRow = context.node.shadowRow ?? 0\n  const withinRows = shadowRow < COLLAPSED_ROWS + 1\n  if (!withinRows)\n    return false\n\n  const isCollapsible = getFieldRowCount(context.grid) > COLLAPSED_ROWS\n  if (!isCollapsible)\n    return true\n  const shadowColumn = context.node.shadowColumn ?? 1\n  const span = context.node.span ?? 1\n  const endColumn = shadowColumn + span - 1\n  if (shadowRow === COLLAPSED_ROWS && endColumn === context.grid.columns)\n    return false\n\n  return true\n}\n\nfunction resolveVisibleWhen(context: ReturnType<typeof createVisibleContext>) {\n  const visible = props.visibleWhen\n    ? props.visibleWhen(context)\n    : defaultVisibleWhen(context)\n  return visible !== false\n}\n\nfunction isActionsNode(node: GridNode, grid: Grid<HTMLElement>) {\n  const isLastNode = node.index === grid.childSize - 1\n  if ('element' in node && node.element) {\n    return node.element.dataset.queryFormActions !== undefined || isLastNode\n  }\n  return isLastNode\n}\n\nfunction getFieldRowCount(grid: Grid<HTMLElement>) {\n  const rows = (grid.children ?? [])\n    .filter(node => !isActionsNode(node, grid))\n    .map(node => node.shadowRow ?? 0)\n  return new Set(rows).size\n}\n\nconst defaultShouldVisible: IGridOptions['shouldVisible'] = (node, grid) => {\n  if (isActionsNode(node, grid))\n    return true\n  return resolveVisibleWhen(createVisibleContext(node, grid))\n}\n\nconst restGridProps = props.gridProps ?? {}\nconst defaultGridProps: Partial<IGridOptions> = restGridProps.minColumns === undefined && restGridProps.maxColumns === undefined\n  ? { maxColumns: 4 }\n  : {}\n\nconst gridOptions: IGridOptions = {\n  ...defaultGridProps,\n  ...restGridProps,\n  maxRows: (props.defaultExpanded || !props.showToggle) ? Infinity : COLLAPSED_ROWS,\n  shouldVisible: defaultShouldVisible,\n}\n\nconst grid = createGrid(gridOptions)\n\nconst expanded = ref(grid.maxRows === Infinity)\nconst gridType = ref<'incomplete-wrap' | 'collapsible' | 'complete-wrap'>('complete-wrap')\n\nfunction updateType() {\n  if (!props.showToggle) {\n    gridType.value = 'incomplete-wrap'\n    return\n  }\n\n  if (!props.visibleWhen) {\n    gridType.value = getFieldRowCount(grid) > COLLAPSED_ROWS\n      ? 'collapsible'\n      : 'incomplete-wrap'\n    return\n  }\n\n  const nodes = grid.children ?? []\n  const hasHiddenInCollapsed = nodes.some((node) => {\n    if (isActionsNode(node, grid))\n      return false\n    return !resolveVisibleWhen(createVisibleContext(node, grid, true))\n  })\n  /* istanbul ignore next -- @preserve layout branch depends on runtime grid measurement in browser */\n  if (hasHiddenInCollapsed) {\n    gridType.value = 'collapsible'\n    return\n  }\n  const realRows = grid.shadowRows\n  gridType.value = realRows < COLLAPSED_ROWS + 1 ? 'incomplete-wrap' : 'complete-wrap'\n}\n\nautorunEffect(() => {\n  expanded.value = grid.maxRows === Infinity\n  updateType()\n})\n\nfunction toggle() {\n  if (!props.showToggle)\n    return\n  grid.maxRows = grid.maxRows === Infinity ? COLLAPSED_ROWS : Infinity\n}\n\nconst { hasDefaultSlot, schemaField } = useQueryFormSchemaField({\n  slots,\n  schema: computed(() => props.schema),\n  schemaField: computed(() => props.schemaField),\n  components: computed(() => props.components),\n  scope: computed(() => props.scope),\n})\n</script>\n\n<template>\n  <Form v-bind=\"innerFormProps\" :class=\"prefixCls\">\n    <FormGrid :grid=\"grid\">\n      <slot v-if=\"hasDefaultSlot\" />\n      <component\n        :is=\"schemaField\"\n        v-else-if=\"schemaField\"\n        :schema=\"props.schema\"\n      />\n      <FormGridColumn\n        :grid-span=\"-1\"\n        data-query-form-actions\n        :class=\"[\n          `${prefixCls}__actions`,\n          props.actionsAtRowEnd && `${prefixCls}__actions--row-end`,\n        ]\"\n      >\n        <template v-if=\"gridType === 'incomplete-wrap'\">\n          <FormButtonGroup\n            :align=\"props.actionsAtRowEnd ? 'right' : 'left'\"\n            align-form-item\n            inline\n            :style=\"props.actionsAtRowEnd && { width: '100%' }\"\n          >\n            <slot\n              name=\"actions\"\n              :expanded=\"expanded\"\n              :toggle=\"toggle\"\n              :type=\"gridType\"\n            >\n              <Submit v-if=\"props.showSubmit\" v-bind=\"props.submitProps\">\n                {{ props.submitText }}\n              </Submit>\n              <Reset v-if=\"props.showReset\" v-bind=\"props.resetProps\">\n                {{ props.resetText }}\n              </Reset>\n            </slot>\n          </FormButtonGroup>\n        </template>\n        <template v-else-if=\"gridType === 'collapsible' && props.showToggle\">\n          <FormButtonGroup\n            :align=\"props.actionsAtRowEnd ? 'right' : 'left'\"\n            align-form-item\n            inline\n            :style=\"props.actionsAtRowEnd && { width: '100%' }\"\n          >\n            <slot\n              name=\"actions\"\n              :expanded=\"expanded\"\n              :toggle=\"toggle\"\n              :type=\"gridType\"\n            >\n              <Submit v-if=\"props.showSubmit\" v-bind=\"props.submitProps\">\n                {{ props.submitText }}\n              </Submit>\n              <Reset v-if=\"props.showReset\" v-bind=\"props.resetProps\">\n                {{ props.resetText }}\n              </Reset>\n            </slot>\n            <slot\n              name=\"collapse\"\n              :expanded=\"expanded\"\n              :toggle=\"toggle\"\n              :type=\"gridType\"\n            >\n              <ElLink\n                type=\"primary\"\n                :underline=\"compatibleUnderlineProp()\"\n                :class=\"`${prefixCls}__collapse-link`\"\n                @click=\"toggle\"\n              >\n                {{ expanded ? props.collapseText : props.expandText }}\n                <ElIcon :class=\"`${prefixCls}__collapse-icon`\">\n                  <ArrowUp v-if=\"expanded\" />\n                  <ArrowDown v-else />\n                </ElIcon>\n              </ElLink>\n            </slot>\n          </FormButtonGroup>\n        </template>\n        <template v-else>\n          <FormButtonGroup\n            align=\"right\"\n            inline\n            style=\"display: flex; width: 100%;\"\n          >\n            <slot\n              name=\"actions\"\n              :expanded=\"expanded\"\n              :toggle=\"toggle\"\n              :type=\"gridType\"\n            >\n              <Submit v-if=\"props.showSubmit\" v-bind=\"props.submitProps\">\n                {{ props.submitText }}\n              </Submit>\n              <Reset v-if=\"props.showReset\" v-bind=\"props.resetProps\">\n                {{ props.resetText }}\n              </Reset>\n            </slot>\n          </FormButtonGroup>\n        </template>\n      </FormGridColumn>\n    </FormGrid>\n  </Form>\n</template>\n"],"mappings":"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"}

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

@@ -1,9 +1,10 @@
 import { Component } from "vue";
-import { GeneralField } from "@formily/core";
+import { Form, GeneralField, IFormFeedback } from "@silver-formily/core";
 import { Grid, GridNode, IGridOptions } from "@silver-formily/grid";
-import { ISchema } from "@formily/json-schema";
+import { ISchema } from "@silver-formily/json-schema";
 
 //#region src/query-form/types.d.ts
+type QueryFormFormProvider = Form | (() => Form | undefined);
 interface QueryFormVisibleContext {
   field?: GeneralField;
   schema?: ISchema;
@@ -15,6 +16,7 @@ interface QueryFormVisibleContext {
 }
 type QueryFormVisible = (context: QueryFormVisibleContext) => boolean;
 interface IQueryFormProps {
+  form?: QueryFormFormProvider;
   schema?: ISchema;
   schemaField?: Component;
   components?: Record<string, Component>;
@@ -32,13 +34,18 @@ interface IQueryFormProps {
   showReset?: boolean;
   submitProps?: Record<string, any>;
   resetProps?: Record<string, any>;
+  onAutoSubmit?: (values: Form['values']) => Promise<any>;
+  onAutoSubmitFailed?: (error: IFormFeedback[]) => void;
 }
 interface IQueryFormLightProps {
+  form?: QueryFormFormProvider;
   schema?: ISchema;
   schemaField?: Component;
   components?: Record<string, Component>;
   scope?: Record<string, any>;
   throttleWait?: number;
+  onAutoSubmit?: (values: Form['values']) => Promise<any>;
+  onAutoSubmitFailed?: (error: any) => void;
 }
 //#endregion
 export { IQueryFormLightProps, IQueryFormProps, QueryFormVisible, QueryFormVisibleContext };

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

@@ -1,7 +1,7 @@
 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";
+import * as _$_silver_formily_json_schema0 from "@silver-formily/json-schema";
 
 //#region src/query-form-item/index.d.ts
 declare const QueryFormItem: {
@@ -15,7 +15,7 @@ declare const QueryFormItem: {
       type: BooleanConstructor;
       default: boolean;
     };
-    querySchema: _$vue.PropType<_$_formily_json_schema0.ISchema>;
+    querySchema: _$vue.PropType<_$_silver_formily_json_schema0.ISchema>;
     queryFormProps: {
       type: _$vue.PropType<QueryFormItemQueryProps>;
       default: () => {};
@@ -67,7 +67,7 @@ declare const QueryFormItem: {
       type: BooleanConstructor;
       default: boolean;
     };
-    querySchema: _$vue.PropType<_$_formily_json_schema0.ISchema>;
+    querySchema: _$vue.PropType<_$_silver_formily_json_schema0.ISchema>;
     queryFormProps: {
       type: _$vue.PropType<QueryFormItemQueryProps>;
       default: () => {};
@@ -113,7 +113,7 @@ declare const QueryFormItem: {
     type: BooleanConstructor;
     default: boolean;
   };
-  querySchema: _$vue.PropType<_$_formily_json_schema0.ISchema>;
+  querySchema: _$vue.PropType<_$_silver_formily_json_schema0.ISchema>;
   queryFormProps: {
     type: _$vue.PropType<QueryFormItemQueryProps>;
     default: () => {};

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

@@ -5,9 +5,9 @@ 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 { createForm } from "@silver-formily/core";
 import { useField } from "@silver-formily/vue";
-import { isNum } from "@formily/shared";
+import { isNum } from "@silver-formily/shared";
 //#region src/query-form-item/query-form-item.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "FQueryFormItem",

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

@@ -1 +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":"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"}
+{"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 '@silver-formily/core'\nimport type { ISchema } from '@silver-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 '@silver-formily/core'\nimport { isNum } from '@silver-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":"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"}

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

@@ -1,8 +1,8 @@
 import { IFormItemProps } from "../form-item/types.js";
 import { IQueryFormLightProps, IQueryFormProps } from "../query-form/types.js";
 import { PaginationProps } from "element-plus";
-import { Form } from "@formily/core";
-import { ISchema } from "@formily/json-schema";
+import { Form } from "@silver-formily/core";
+import { ISchema } from "@silver-formily/json-schema";
 
 //#region src/query-form-item/types.d.ts
 type QueryFormItemMode = 'default' | 'light';

package/esm/radio/index.d.ts

@@ -4,10 +4,6 @@ import * as _$vue from "vue";
 //#region src/radio/index.d.ts
 declare const Radio: {
   new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<_$vue.ExtractPropTypes<{
-    modelValue: {
-      type: _$vue.PropType<string | number | boolean>;
-      default: undefined;
-    };
     value: {
       type: _$vue.PropType<string | number | boolean>;
       default: undefined;
@@ -16,12 +12,16 @@ declare const Radio: {
       type: _$vue.PropType<string>;
       default: undefined;
     };
+    size: {
+      type: _$vue.PropType<"" | "default" | "small" | "large">;
+    };
     disabled: {
       type: _$vue.PropType<boolean>;
       default: undefined;
     };
-    size: {
-      type: _$vue.PropType<"" | "default" | "small" | "large">;
+    modelValue: {
+      type: _$vue.PropType<string | number | boolean>;
+      default: undefined;
     };
     label: {
       type: _$vue.PropType<string | number | boolean>;
@@ -52,10 +52,6 @@ declare const Radio: {
     M: {};
     Defaults: {};
   }, Readonly<_$vue.ExtractPropTypes<{
-    modelValue: {
-      type: _$vue.PropType<string | number | boolean>;
-      default: undefined;
-    };
     value: {
       type: _$vue.PropType<string | number | boolean>;
       default: undefined;
@@ -64,12 +60,16 @@ declare const Radio: {
       type: _$vue.PropType<string>;
       default: undefined;
     };
+    size: {
+      type: _$vue.PropType<"" | "default" | "small" | "large">;
+    };
     disabled: {
       type: _$vue.PropType<boolean>;
       default: undefined;
     };
-    size: {
-      type: _$vue.PropType<"" | "default" | "small" | "large">;
+    modelValue: {
+      type: _$vue.PropType<string | number | boolean>;
+      default: undefined;
     };
     label: {
       type: _$vue.PropType<string | number | boolean>;
@@ -94,10 +94,6 @@ declare const Radio: {
   __isTeleport?: never;
   __isSuspense?: never;
 } & _$vue.ComponentOptionsBase<Readonly<_$vue.ExtractPropTypes<{
-  modelValue: {
-    type: _$vue.PropType<string | number | boolean>;
-    default: undefined;
-  };
   value: {
     type: _$vue.PropType<string | number | boolean>;
     default: undefined;
@@ -106,12 +102,16 @@ declare const Radio: {
     type: _$vue.PropType<string>;
     default: undefined;
   };
+  size: {
+    type: _$vue.PropType<"" | "default" | "small" | "large">;
+  };
   disabled: {
     type: _$vue.PropType<boolean>;
     default: undefined;
   };
-  size: {
-    type: _$vue.PropType<"" | "default" | "small" | "large">;
+  modelValue: {
+    type: _$vue.PropType<string | number | boolean>;
+    default: undefined;
   };
   label: {
     type: _$vue.PropType<string | number | boolean>;
@@ -141,10 +141,6 @@ declare const Radio: {
 }) & _$vue.ObjectPlugin & {
   RadioButton: {
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<_$vue.ExtractPropTypes<{
-      modelValue: {
-        type: _$vue.PropType<string | number | boolean>;
-        default: undefined;
-      };
       value: {
         type: _$vue.PropType<string | number | boolean>;
         default: undefined;
@@ -153,12 +149,16 @@ declare const Radio: {
         type: _$vue.PropType<string>;
         default: undefined;
       };
+      size: {
+        type: _$vue.PropType<"" | "default" | "small" | "large">;
+      };
       disabled: {
         type: _$vue.PropType<boolean>;
         default: undefined;
       };
-      size: {
-        type: _$vue.PropType<"" | "default" | "small" | "large">;
+      modelValue: {
+        type: _$vue.PropType<string | number | boolean>;
+        default: undefined;
       };
       label: {
         type: _$vue.PropType<string | number | boolean>;
@@ -178,10 +178,6 @@ declare const Radio: {
       M: {};
       Defaults: {};
     }, Readonly<_$vue.ExtractPropTypes<{
-      modelValue: {
-        type: _$vue.PropType<string | number | boolean>;
-        default: undefined;
-      };
       value: {
         type: _$vue.PropType<string | number | boolean>;
         default: undefined;
@@ -190,12 +186,16 @@ declare const Radio: {
         type: _$vue.PropType<string>;
         default: undefined;
       };
+      size: {
+        type: _$vue.PropType<"" | "default" | "small" | "large">;
+      };
       disabled: {
         type: _$vue.PropType<boolean>;
         default: undefined;
       };
-      size: {
-        type: _$vue.PropType<"" | "default" | "small" | "large">;
+      modelValue: {
+        type: _$vue.PropType<string | number | boolean>;
+        default: undefined;
       };
       label: {
         type: _$vue.PropType<string | number | boolean>;
@@ -212,10 +212,6 @@ declare const Radio: {
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<_$vue.ExtractPropTypes<{
-    modelValue: {
-      type: _$vue.PropType<string | number | boolean>;
-      default: undefined;
-    };
     value: {
       type: _$vue.PropType<string | number | boolean>;
       default: undefined;
@@ -224,12 +220,16 @@ declare const Radio: {
       type: _$vue.PropType<string>;
       default: undefined;
     };
+    size: {
+      type: _$vue.PropType<"" | "default" | "small" | "large">;
+    };
     disabled: {
       type: _$vue.PropType<boolean>;
       default: undefined;
     };
-    size: {
-      type: _$vue.PropType<"" | "default" | "small" | "large">;
+    modelValue: {
+      type: _$vue.PropType<string | number | boolean>;
+      default: undefined;
     };
     label: {
       type: _$vue.PropType<string | number | boolean>;
@@ -248,9 +248,9 @@ declare const Radio: {
   });
   RadioGroup: {
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<_$vue.ExtractPropTypes<{
-      modelValue: {
-        type: _$vue.PropType<string | number | boolean>;
-        default: undefined;
+      fill: {
+        type: _$vue.PropType<string>;
+        default: "";
       };
       props: {
         type: _$vue.PropType<_$element_plus0.radioOptionProp>;
@@ -264,16 +264,16 @@ declare const Radio: {
         type: _$vue.PropType<string>;
         default: undefined;
       };
-      fill: {
-        type: _$vue.PropType<string>;
-        default: "";
+      size: {
+        type: _$vue.PropType<"" | "default" | "small" | "large">;
       };
       disabled: {
         type: _$vue.PropType<boolean>;
         default: undefined;
       };
-      size: {
-        type: _$vue.PropType<"" | "default" | "small" | "large">;
+      modelValue: {
+        type: _$vue.PropType<string | number | boolean>;
+        default: undefined;
       };
       options: {
         type: _$vue.PropType<_$element_plus0.radioOption[]>;
@@ -317,9 +317,9 @@ declare const Radio: {
       M: {};
       Defaults: {};
     }, Readonly<_$vue.ExtractPropTypes<{
-      modelValue: {
-        type: _$vue.PropType<string | number | boolean>;
-        default: undefined;
+      fill: {
+        type: _$vue.PropType<string>;
+        default: "";
       };
       props: {
         type: _$vue.PropType<_$element_plus0.radioOptionProp>;
@@ -333,16 +333,16 @@ declare const Radio: {
         type: _$vue.PropType<string>;
         default: undefined;
       };
-      fill: {
-        type: _$vue.PropType<string>;
-        default: "";
+      size: {
+        type: _$vue.PropType<"" | "default" | "small" | "large">;
       };
       disabled: {
         type: _$vue.PropType<boolean>;
         default: undefined;
       };
-      size: {
-        type: _$vue.PropType<"" | "default" | "small" | "large">;
+      modelValue: {
+        type: _$vue.PropType<string | number | boolean>;
+        default: undefined;
       };
       options: {
         type: _$vue.PropType<_$element_plus0.radioOption[]>;
@@ -380,9 +380,9 @@ declare const Radio: {
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<_$vue.ExtractPropTypes<{
-    modelValue: {
-      type: _$vue.PropType<string | number | boolean>;
-      default: undefined;
+    fill: {
+      type: _$vue.PropType<string>;
+      default: "";
     };
     props: {
       type: _$vue.PropType<_$element_plus0.radioOptionProp>;
@@ -396,16 +396,16 @@ declare const Radio: {
       type: _$vue.PropType<string>;
       default: undefined;
     };
-    fill: {
-      type: _$vue.PropType<string>;
-      default: "";
+    size: {
+      type: _$vue.PropType<"" | "default" | "small" | "large">;
     };
     disabled: {
       type: _$vue.PropType<boolean>;
       default: undefined;
     };
-    size: {
-      type: _$vue.PropType<"" | "default" | "small" | "large">;
+    modelValue: {
+      type: _$vue.PropType<string | number | boolean>;
+      default: undefined;
     };
     options: {
       type: _$vue.PropType<_$element_plus0.radioOption[]>;