@silver-formily/element-plus 3.0.2 → 4.0.1

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

@@ -0,0 +1,263 @@
+import { compatibleUnderlineProp, useCleanAttrs } from "../__builtins__/shared/utils.mjs";
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+import _sfc_main$1 from "../form/form.mjs";
+import { FormButtonGroup } from "../form-button-group/index.mjs";
+import FormGrid from "../form-grid/index.mjs";
+import { useQueryFormForm, useQueryFormSchemaField } from "./hooks.mjs";
+import Reset from "../reset/index.mjs";
+import Submit from "../submit/index.mjs";
+import { ElIcon, ElLink } from "element-plus";
+import { autorunEffect } from "@silver-formily/reactive-vue";
+import { computed, createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, withCtx } from "vue";
+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";
+//#region src/query-form/query-form.vue
+const COLLAPSED_ROWS = 1;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FQueryForm",
+	inheritAttrs: false,
+	__name: "query-form",
+	props: {
+		schema: {},
+		schemaField: {},
+		components: { default: () => ({}) },
+		scope: {},
+		gridProps: { default: () => ({}) },
+		defaultExpanded: {
+			type: Boolean,
+			default: false
+		},
+		showToggle: {
+			type: Boolean,
+			default: true
+		},
+		actionsAtRowEnd: {
+			type: Boolean,
+			default: false
+		},
+		visibleWhen: {},
+		submitText: { default: "查询" },
+		resetText: { default: "重置" },
+		expandText: { default: "展开" },
+		collapseText: { default: "收起" },
+		showSubmit: {
+			type: Boolean,
+			default: true
+		},
+		showReset: {
+			type: Boolean,
+			default: true
+		},
+		submitProps: {},
+		resetProps: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { props: formProps } = useCleanAttrs(["modelValue", "onUpdate:modelValue"]);
+		const slots = useSlots();
+		const prefixCls = `${stylePrefix}-query-form`;
+		const FormGridColumn = FormGrid.GridColumn;
+		const fieldSchemaRef = useFieldSchema();
+		const { externalForm, activeForm } = useQueryFormForm({
+			formProps,
+			fallbackForm: useForm()
+		});
+		const innerFormProps = computed(() => ({
+			fullness: true,
+			...formProps.value,
+			form: externalForm.value
+		}));
+		const schemaList = computed(() => {
+			const rawSchema = props.schema ?? fieldSchemaRef.value;
+			/* istanbul ignore next -- @preserve defensive: schema can be temporarily absent in external field-schema lifecycle */
+			if (!rawSchema) return [];
+			return (rawSchema instanceof Schema ? rawSchema : new Schema(rawSchema)).mapProperties((childSchema, name) => ({
+				name,
+				schema: childSchema
+			}));
+		});
+		function resolveField(name) {
+			return activeForm.value?.query(name).take();
+		}
+		function createVisibleContext(node, grid, collapsedOverride) {
+			const index = node.index ?? 0;
+			const entry = schemaList.value[index];
+			const schema = entry?.schema;
+			return {
+				field: resolveField(entry?.name ?? schema?.name),
+				schema,
+				index,
+				node,
+				grid,
+				collapsed: collapsedOverride ?? grid.maxRows !== Infinity,
+				breakpoint: grid.breakpoint
+			};
+		}
+		function defaultVisibleWhen(context) {
+			if (!context.collapsed) return true;
+			const shadowRow = context.node.shadowRow ?? 0;
+			if (!(shadowRow < COLLAPSED_ROWS + 1)) return false;
+			if (!(getFieldRowCount(context.grid) > COLLAPSED_ROWS)) return true;
+			const endColumn = (context.node.shadowColumn ?? 1) + (context.node.span ?? 1) - 1;
+			if (shadowRow === COLLAPSED_ROWS && endColumn === context.grid.columns) return false;
+			return true;
+		}
+		function resolveVisibleWhen(context) {
+			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;
+		}
+		function getFieldRowCount(grid) {
+			const rows = (grid.children ?? []).filter((node) => !isActionsNode(node, grid)).map((node) => node.shadowRow ?? 0);
+			return new Set(rows).size;
+		}
+		const defaultShouldVisible = (node, grid) => {
+			if (isActionsNode(node, grid)) return true;
+			return resolveVisibleWhen(createVisibleContext(node, grid));
+		};
+		const restGridProps = props.gridProps ?? {};
+		const grid = createGrid({
+			...restGridProps.minColumns === void 0 && restGridProps.maxColumns === void 0 ? { maxColumns: 4 } : {},
+			...restGridProps,
+			maxRows: props.defaultExpanded || !props.showToggle ? Infinity : COLLAPSED_ROWS,
+			shouldVisible: defaultShouldVisible
+		});
+		const expanded = ref(grid.maxRows === Infinity);
+		const gridType = ref("complete-wrap");
+		function updateType() {
+			if (!props.showToggle) {
+				gridType.value = "incomplete-wrap";
+				return;
+			}
+			if (!props.visibleWhen) {
+				gridType.value = getFieldRowCount(grid) > COLLAPSED_ROWS ? "collapsible" : "incomplete-wrap";
+				return;
+			}
+			/* istanbul ignore next -- @preserve layout branch depends on runtime grid measurement in browser */
+			if ((grid.children ?? []).some((node) => {
+				if (isActionsNode(node, grid)) return false;
+				return !resolveVisibleWhen(createVisibleContext(node, grid, true));
+			})) {
+				gridType.value = "collapsible";
+				return;
+			}
+			gridType.value = grid.shadowRows < COLLAPSED_ROWS + 1 ? "incomplete-wrap" : "complete-wrap";
+		}
+		autorunEffect(() => {
+			expanded.value = grid.maxRows === Infinity;
+			updateType();
+		});
+		function toggle() {
+			if (!props.showToggle) return;
+			grid.maxRows = grid.maxRows === Infinity ? COLLAPSED_ROWS : Infinity;
+		}
+		const { hasDefaultSlot, schemaField } = useQueryFormSchemaField({
+			slots,
+			schema: computed(() => props.schema),
+			schemaField: computed(() => props.schemaField),
+			components: computed(() => props.components),
+			scope: computed(() => props.scope)
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$1), mergeProps(innerFormProps.value, { class: prefixCls }), {
+				default: withCtx(() => [createVNode(unref(FormGrid), { grid: unref(grid) }, {
+					default: withCtx(() => [unref(hasDefaultSlot) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : unref(schemaField) ? (openBlock(), createBlock(resolveDynamicComponent(unref(schemaField)), {
+						key: 1,
+						schema: props.schema
+					}, null, 8, ["schema"])) : createCommentVNode("v-if", true), createVNode(unref(FormGridColumn), {
+						"grid-span": -1,
+						"data-query-form-actions": "",
+						class: normalizeClass([`${prefixCls}__actions`, props.actionsAtRowEnd && `${prefixCls}__actions--row-end`])
+					}, {
+						default: withCtx(() => [gridType.value === "incomplete-wrap" ? (openBlock(), createBlock(unref(FormButtonGroup), {
+							key: 0,
+							align: props.actionsAtRowEnd ? "right" : "left",
+							"align-form-item": "",
+							inline: "",
+							style: normalizeStyle(props.actionsAtRowEnd && { width: "100%" })
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "actions", {
+								expanded: expanded.value,
+								toggle,
+								type: gridType.value
+							}, () => [props.showSubmit ? (openBlock(), createBlock(unref(Submit), normalizeProps(mergeProps({ key: 0 }, props.submitProps)), {
+								default: withCtx(() => [createTextVNode(toDisplayString(props.submitText), 1)]),
+								_: 1
+							}, 16)) : createCommentVNode("v-if", true), props.showReset ? (openBlock(), createBlock(unref(Reset), normalizeProps(mergeProps({ key: 1 }, props.resetProps)), {
+								default: withCtx(() => [createTextVNode(toDisplayString(props.resetText), 1)]),
+								_: 1
+							}, 16)) : createCommentVNode("v-if", true)])]),
+							_: 3
+						}, 8, ["align", "style"])) : gridType.value === "collapsible" && props.showToggle ? (openBlock(), createBlock(unref(FormButtonGroup), {
+							key: 1,
+							align: props.actionsAtRowEnd ? "right" : "left",
+							"align-form-item": "",
+							inline: "",
+							style: normalizeStyle(props.actionsAtRowEnd && { width: "100%" })
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "actions", {
+								expanded: expanded.value,
+								toggle,
+								type: gridType.value
+							}, () => [props.showSubmit ? (openBlock(), createBlock(unref(Submit), normalizeProps(mergeProps({ key: 0 }, props.submitProps)), {
+								default: withCtx(() => [createTextVNode(toDisplayString(props.submitText), 1)]),
+								_: 1
+							}, 16)) : createCommentVNode("v-if", true), props.showReset ? (openBlock(), createBlock(unref(Reset), normalizeProps(mergeProps({ key: 1 }, props.resetProps)), {
+								default: withCtx(() => [createTextVNode(toDisplayString(props.resetText), 1)]),
+								_: 1
+							}, 16)) : createCommentVNode("v-if", true)]), renderSlot(_ctx.$slots, "collapse", {
+								expanded: expanded.value,
+								toggle,
+								type: gridType.value
+							}, () => [createVNode(unref(ElLink), {
+								type: "primary",
+								underline: unref(compatibleUnderlineProp)(),
+								class: normalizeClass(`${prefixCls}__collapse-link`),
+								onClick: toggle
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(expanded.value ? props.collapseText : props.expandText) + " ", 1), createVNode(unref(ElIcon), { class: normalizeClass(`${prefixCls}__collapse-icon`) }, {
+									default: withCtx(() => [expanded.value ? (openBlock(), createBlock(unref(ArrowUp), { key: 0 })) : (openBlock(), createBlock(unref(ArrowDown), { key: 1 }))]),
+									_: 1
+								}, 8, ["class"])]),
+								_: 1
+							}, 8, ["underline", "class"])])]),
+							_: 3
+						}, 8, ["align", "style"])) : (openBlock(), createBlock(unref(FormButtonGroup), {
+							key: 2,
+							align: "right",
+							inline: "",
+							style: {
+								"display": "flex",
+								"width": "100%"
+							}
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "actions", {
+								expanded: expanded.value,
+								toggle,
+								type: gridType.value
+							}, () => [props.showSubmit ? (openBlock(), createBlock(unref(Submit), normalizeProps(mergeProps({ key: 0 }, props.submitProps)), {
+								default: withCtx(() => [createTextVNode(toDisplayString(props.submitText), 1)]),
+								_: 1
+							}, 16)) : createCommentVNode("v-if", true), props.showReset ? (openBlock(), createBlock(unref(Reset), normalizeProps(mergeProps({ key: 1 }, props.resetProps)), {
+								default: withCtx(() => [createTextVNode(toDisplayString(props.resetText), 1)]),
+								_: 1
+							}, 16)) : createCommentVNode("v-if", true)])]),
+							_: 3
+						}))]),
+						_: 3
+					}, 8, ["class"])]),
+					_: 3
+				}, 8, ["grid"])]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=query-form.mjs.map

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

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

package/esm/query-form/style.css

@@ -0,0 +1,27 @@
+.formily-element-plus-query-form__actions {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.formily-element-plus-query-form__actions--row-end {
+  justify-content: flex-end;
+}
+
+.formily-element-plus-query-form__collapse-link .el-link__inner {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  margin: 0 8px;
+}
+
+.formily-element-plus-query-form__collapse-icon {
+  font-size: 12px;
+}
+
+.formily-element-plus-query-form-light__content {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: 8px 12px;
+}

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

@@ -1,44 +1,45 @@
-import { GeneralField } from '@formily/core';
-import { ISchema } from '@formily/json-schema';
-import { Grid, GridNode, IGridOptions } from '../../../grid/src';
-import { Component } from 'vue';
-export interface QueryFormVisibleContext {
-    field?: GeneralField;
-    schema?: ISchema;
-    index: number;
-    node: GridNode;
-    grid: Grid<HTMLElement>;
-    collapsed: boolean;
-    breakpoint: number;
+import { Component } from "vue";
+import { GeneralField } from "@formily/core";
+import { Grid, GridNode, IGridOptions } from "@silver-formily/grid";
+import { ISchema } from "@formily/json-schema";
+
+//#region src/query-form/types.d.ts
+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>;
+type QueryFormVisible = (context: QueryFormVisibleContext) => boolean;
+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;
+interface IQueryFormLightProps {
+  schema?: ISchema;
+  schemaField?: Component;
+  components?: Record<string, Component>;
+  scope?: Record<string, any>;
+  throttleWait?: number;
 }
+//#endregion
+export { IQueryFormLightProps, IQueryFormProps, QueryFormVisible, QueryFormVisibleContext };
+//# sourceMappingURL=types.d.ts.map