@silver-formily/element-plus 3.0.1 → 3.0.3

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/query-form/query-form-light.vue","../../src/query-form/query-form.vue","../../src/query-form/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Form } from '@formily/core'\nimport type { IQueryFormLightProps } from './types'\nimport { reaction, toJS } from '@formily/reactive'\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\nconst dispose = reaction(() => {\n  const form = activeForm.value\n  if (!form)\n    return\n  return toJS(form.values)\n}, () => {\n  triggerSubmit()\n})\n\nonUnmounted(() => {\n  dispose()\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","<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 { autorun } from '@formily/reactive'\nimport { createGrid } from '@silver-formily/grid'\nimport { useFieldSchema, useForm } from '@silver-formily/vue'\nimport { ElIcon, ElLink } from 'element-plus'\nimport { computed, onUnmounted, 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\nconst dispose = autorun(() => {\n  expanded.value = grid.maxRows === Infinity\n  updateType()\n})\n\nonUnmounted(dispose)\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","import { composeExport } from '../__builtins__/shared'\nimport QueryFormLightInner from './query-form-light.vue'\nimport QueryFormInner from './query-form.vue'\nimport './style.scss'\n\nexport type { IQueryFormLightProps, IQueryFormProps, QueryFormVisible, QueryFormVisibleContext } from './types'\n\nexport const QueryForm = composeExport(QueryFormInner, {\n  Light: QueryFormLightInner,\n})\n\nexport default QueryForm\n"],"names":["props","__props","emit","__emit","formProps","useCleanAttrs","slots","useSlots","formRef","useForm","fieldSchemaRef","useFieldSchema","prefixCls","stylePrefix","externalForm","activeForm","useQueryFormForm","resolvedSchema","computed","innerFormProps","submitByChange","values","error","triggerSubmit","throttle","dispose","reaction","form","toJS","onUnmounted","hasDefaultSlot","schemaField","useQueryFormSchemaField","_openBlock","_createBlock","_unref","_mergeProps","_createElementVNode","_renderSlot","_ctx","_resolveDynamicComponent","COLLAPSED_ROWS","FormGridColumn","FormGrid","schemaList","rawSchema","Schema","childSchema","name","resolveField","createVisibleContext","node","grid","collapsedOverride","index","entry","schema","defaultVisibleWhen","context","shadowRow","getFieldRowCount","shadowColumn","span","endColumn","resolveVisibleWhen","isActionsNode","rows","defaultShouldVisible","restGridProps","gridOptions","createGrid","expanded","ref","gridType","updateType","realRows","autorun","toggle","_createVNode","_normalizeClass","FormButtonGroup","_normalizeStyle","Submit","_normalizeProps","_createTextVNode","_toDisplayString","Reset","ElLink","compatibleUnderlineProp","ElIcon","ArrowUp","ArrowDown","QueryForm","composeExport","QueryFormInner","QueryFormLightInner"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["QueryFormInner","QueryFormLightInner"],"sources":["../../src/query-form/index.ts"],"sourcesContent":["import { composeExport } from '../__builtins__/shared'\nimport QueryFormLightInner from './query-form-light.vue'\nimport QueryFormInner from './query-form.vue'\nimport './style.scss'\n\nexport type { IQueryFormLightProps, IQueryFormProps, QueryFormVisible, QueryFormVisibleContext } from './types'\n\nexport const QueryForm = composeExport(QueryFormInner, {\n  Light: QueryFormLightInner,\n})\n\nexport default QueryForm\n"],"mappings":";;;;;AAOA,MAAa,YAAY,cAAcA,aAAgB,EACrD,OAAOC,WACR,CAAC"}

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

@@ -0,0 +1,86 @@
+import { useCleanAttrs } from "../__builtins__/shared/utils.mjs";
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+import _sfc_main$1 from "../form/form.mjs";
+import { useQueryFormForm, useQueryFormSchemaField } from "./hooks.mjs";
+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";
+//#region src/query-form/query-form-light.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FQueryFormLight",
+	inheritAttrs: false,
+	__name: "query-form-light",
+	props: {
+		schema: {},
+		schemaField: {},
+		components: { default: () => ({}) },
+		scope: {},
+		throttleWait: { default: 300 }
+	},
+	emits: ["autoSubmit", "autoSubmitFailed"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { props: formProps } = useCleanAttrs(["modelValue", "onUpdate:modelValue"]);
+		const slots = useSlots();
+		const formRef = useForm();
+		const fieldSchemaRef = useFieldSchema();
+		const prefixCls = `${stylePrefix}-query-form-light`;
+		const { externalForm, activeForm } = useQueryFormForm({
+			formProps,
+			fallbackForm: formRef
+		});
+		const resolvedSchema = computed(() => props.schema ?? fieldSchemaRef.value);
+		const innerFormProps = computed(() => ({
+			fullness: false,
+			...formProps.value,
+			form: externalForm.value
+		}));
+		function submitByChange() {
+			activeForm.value.submit((values) => {
+				emit("autoSubmit", values);
+				return formProps.value.onAutoSubmit?.(values);
+			}).catch((error) => {
+				emit("autoSubmitFailed", error);
+				formProps.value.onAutoSubmitFailed?.(error);
+			});
+		}
+		const triggerSubmit = throttle(() => {
+			submitByChange();
+		}, props.throttleWait, {
+			leading: false,
+			trailing: true
+		});
+		reactionWatch(() => {
+			const form = activeForm.value;
+			if (!form) return;
+			return toJS(form.values);
+		}, () => {
+			triggerSubmit();
+		});
+		onUnmounted(() => {
+			triggerSubmit.cancel();
+		});
+		const { hasDefaultSlot, schemaField } = useQueryFormSchemaField({
+			slots,
+			schema: resolvedSchema,
+			schemaField: computed(() => props.schemaField),
+			components: computed(() => props.components)
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$1), mergeProps(innerFormProps.value, { class: prefixCls }), {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(`${prefixCls}__content`) }, [unref(hasDefaultSlot) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : unref(schemaField) ? (openBlock(), createBlock(resolveDynamicComponent(unref(schemaField)), {
+					key: 1,
+					schema: resolvedSchema.value
+				}, null, 8, ["schema"])) : createCommentVNode("v-if", true)], 2)]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=query-form-light.mjs.map

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

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

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