@silver-formily/element-plus 3.0.2 → 4.0.1

package/esm/query-form/index.mjs

@@ -1,333 +1,10 @@
-import { ElLink as de, ElIcon as fe } from "element-plus";
-import { reactionWatch as pe, autorunEffect as he } from "@silver-formily/reactive-vue";
-import "@vueuse/core";
-import { defineComponent as Z, useSlots as ee, computed as c, onUnmounted as we, openBlock as r, createBlock as l, unref as o, mergeProps as h, withCtx as n, createElementVNode as ye, normalizeClass as I, renderSlot as S, resolveDynamicComponent as te, createCommentVNode as w, ref as K, createVNode as B, normalizeStyle as M, normalizeProps as x, createTextVNode as b, toDisplayString as g } from "vue";
-import "@formily/core";
-import { useForm as oe, useFieldSchema as se } from "@silver-formily/vue";
-import { useCleanAttrs as ne, compatibleUnderlineProp as ve, composeExport as be } from "../__builtins__/shared/utils.mjs";
-import { toJS as ge } from "@formily/reactive";
-import { stylePrefix as re } from "../__builtins__/configs/index.mjs";
-import { _ as le } from "../form/form.mjs";
-import { useQueryFormForm as ae, useQueryFormSchemaField as ie } from "./hooks.mjs";
-import { t as Fe } from "../vendor/lodash.mjs";
-import { ArrowUp as _e, ArrowDown as xe } from "@element-plus/icons-vue";
-import { Schema as X } from "@formily/json-schema";
-import { createGrid as Se } from "@silver-formily/grid";
-import { FormButtonGroup as O } from "../form-button-group/index.mjs";
-import { FormGrid as Y } from "../form-grid/index.mjs";
-import { Reset as H } from "../reset/index.mjs";
-import { Submit as J } from "../submit/index.mjs";
-import '../styles/query-form/index.css';const Re = /* @__PURE__ */ Z({
-  name: "FQueryFormLight",
-  inheritAttrs: !1,
-  __name: "query-form-light",
-  props: {
-    schema: {},
-    schemaField: {},
-    components: { default: () => ({}) },
-    scope: {},
-    throttleWait: { default: 300 }
-  },
-  emits: ["autoSubmit", "autoSubmitFailed"],
-  setup(G, { emit: e }) {
-    const y = G, k = e, { props: a } = ne(["modelValue", "onUpdate:modelValue"]), q = ee(), D = oe(), L = se(), C = `${re}-query-form-light`, { externalForm: z, activeForm: P } = ae({
-      formProps: a,
-      fallbackForm: D
-    }), T = c(() => y.schema ?? L.value), N = c(() => ({
-      fullness: !1,
-      ...a.value,
-      form: z.value
-    }));
-    function A() {
-      P.value.submit((f) => (k("autoSubmit", f), a.value.onAutoSubmit?.(f))).catch((f) => {
-        k("autoSubmitFailed", f), a.value.onAutoSubmitFailed?.(f);
-      });
-    }
-    const $ = Fe(() => {
-      A();
-    }, y.throttleWait, {
-      leading: !1,
-      trailing: !0
-    });
-    pe(() => {
-      const d = P.value;
-      if (d)
-        return ge(d.values);
-    }, () => {
-      $();
-    }), we(() => {
-      $.cancel();
-    });
-    const { hasDefaultSlot: E, schemaField: _ } = ie({
-      slots: q,
-      schema: T,
-      schemaField: c(() => y.schemaField),
-      components: c(() => y.components)
-    });
-    return (d, f) => (r(), l(o(le), h(N.value, { class: C }), {
-      default: n(() => [
-        ye("div", {
-          class: I(`${C}__content`)
-        }, [
-          o(E) ? S(d.$slots, "default", { key: 0 }) : o(_) ? (r(), l(te(o(_)), {
-            key: 1,
-            schema: T.value
-          }, null, 8, ["schema"])) : w("", !0)
-        ], 2)
-      ]),
-      _: 3
-    }, 16));
-  }
-}), F = 1, ke = /* @__PURE__ */ Z({
-  name: "FQueryForm",
-  inheritAttrs: !1,
-  __name: "query-form",
-  props: {
-    schema: {},
-    schemaField: {},
-    components: { default: () => ({}) },
-    scope: {},
-    gridProps: { default: () => ({}) },
-    defaultExpanded: { type: Boolean, default: !1 },
-    showToggle: { type: Boolean, default: !0 },
-    actionsAtRowEnd: { type: Boolean, default: !1 },
-    visibleWhen: {},
-    submitText: { default: "查询" },
-    resetText: { default: "重置" },
-    expandText: { default: "展开" },
-    collapseText: { default: "收起" },
-    showSubmit: { type: Boolean, default: !0 },
-    showReset: { type: Boolean, default: !0 },
-    submitProps: {},
-    resetProps: {}
-  },
-  setup(G) {
-    const e = G, { props: y } = ne(["modelValue", "onUpdate:modelValue"]), k = ee(), a = `${re}-query-form`, q = Y.GridColumn, D = se(), L = oe(), { externalForm: C, activeForm: z } = ae({
-      formProps: y,
-      fallbackForm: L
-    }), P = c(() => ({
-      fullness: !0,
-      ...y.value,
-      form: C.value
-    })), T = c(() => {
-      const t = e.schema ?? D.value;
-      return t ? (t instanceof X ? t : new X(t)).mapProperties((m, p) => ({
-        name: p,
-        schema: m
-      })) : [];
-    });
-    function N(t) {
-      return z.value?.query(t).take();
-    }
-    function A(t, s, m) {
-      const p = t.index ?? 0, V = T.value[p], W = V?.schema, U = V?.name ?? W?.name;
-      return {
-        field: N(U),
-        schema: W,
-        index: p,
-        node: t,
-        grid: s,
-        collapsed: m ?? s.maxRows !== 1 / 0,
-        breakpoint: s.breakpoint
-      };
-    }
-    function $(t) {
-      if (!t.collapsed)
-        return !0;
-      const s = t.node.shadowRow ?? 0;
-      if (!(s < F + 1))
-        return !1;
-      if (!(d(t.grid) > F))
-        return !0;
-      const V = t.node.shadowColumn ?? 1, W = t.node.span ?? 1, U = V + W - 1;
-      return !(s === F && U === t.grid.columns);
-    }
-    function E(t) {
-      return (e.visibleWhen ? e.visibleWhen(t) : $(t)) !== !1;
-    }
-    function _(t, s) {
-      return "element" in t && t.element ? t.element.dataset.queryFormActions !== void 0 : t.index === s.childSize - 1;
-    }
-    function d(t) {
-      const s = (t.children ?? []).filter((m) => !_(m, t)).map((m) => m.shadowRow ?? 0);
-      return new Set(s).size;
-    }
-    const f = (t, s) => _(t, s) ? !0 : E(A(t, s)), Q = e.gridProps ?? {}, ue = {
-      ...Q.minColumns === void 0 && Q.maxColumns === void 0 ? { maxColumns: 4 } : {},
-      ...Q,
-      maxRows: e.defaultExpanded || !e.showToggle ? 1 / 0 : F,
-      shouldVisible: f
-    }, i = Se(ue), v = K(i.maxRows === 1 / 0), u = K("complete-wrap");
-    function me() {
-      if (!e.showToggle) {
-        u.value = "incomplete-wrap";
-        return;
-      }
-      if (!e.visibleWhen) {
-        u.value = d(i) > F ? "collapsible" : "incomplete-wrap";
-        return;
-      }
-      if ((i.children ?? []).some((p) => _(p, i) ? !1 : !E(A(p, i, !0)))) {
-        u.value = "collapsible";
-        return;
-      }
-      const m = i.shadowRows;
-      u.value = m < F + 1 ? "incomplete-wrap" : "complete-wrap";
-    }
-    he(() => {
-      v.value = i.maxRows === 1 / 0, me();
-    });
-    function R() {
-      e.showToggle && (i.maxRows = i.maxRows === 1 / 0 ? F : 1 / 0);
-    }
-    const { hasDefaultSlot: ce, schemaField: j } = ie({
-      slots: k,
-      schema: c(() => e.schema),
-      schemaField: c(() => e.schemaField),
-      components: c(() => e.components),
-      scope: c(() => e.scope)
-    });
-    return (t, s) => (r(), l(o(le), h(P.value, { class: a }), {
-      default: n(() => [
-        B(o(Y), { grid: o(i) }, {
-          default: n(() => [
-            o(ce) ? S(t.$slots, "default", { key: 0 }) : o(j) ? (r(), l(te(o(j)), {
-              key: 1,
-              schema: e.schema
-            }, null, 8, ["schema"])) : w("", !0),
-            B(o(q), {
-              "grid-span": -1,
-              "data-query-form-actions": "",
-              class: I([
-                `${a}__actions`,
-                e.actionsAtRowEnd && `${a}__actions--row-end`
-              ])
-            }, {
-              default: n(() => [
-                u.value === "incomplete-wrap" ? (r(), l(o(O), {
-                  key: 0,
-                  align: e.actionsAtRowEnd ? "right" : "left",
-                  "align-form-item": "",
-                  inline: "",
-                  style: M(e.actionsAtRowEnd && { width: "100%" })
-                }, {
-                  default: n(() => [
-                    S(t.$slots, "actions", {
-                      expanded: v.value,
-                      toggle: R,
-                      type: u.value
-                    }, () => [
-                      e.showSubmit ? (r(), l(o(J), x(h({ key: 0 }, e.submitProps)), {
-                        default: n(() => [
-                          b(g(e.submitText), 1)
-                        ]),
-                        _: 1
-                      }, 16)) : w("", !0),
-                      e.showReset ? (r(), l(o(H), x(h({ key: 1 }, e.resetProps)), {
-                        default: n(() => [
-                          b(g(e.resetText), 1)
-                        ]),
-                        _: 1
-                      }, 16)) : w("", !0)
-                    ])
-                  ]),
-                  _: 3
-                }, 8, ["align", "style"])) : u.value === "collapsible" && e.showToggle ? (r(), l(o(O), {
-                  key: 1,
-                  align: e.actionsAtRowEnd ? "right" : "left",
-                  "align-form-item": "",
-                  inline: "",
-                  style: M(e.actionsAtRowEnd && { width: "100%" })
-                }, {
-                  default: n(() => [
-                    S(t.$slots, "actions", {
-                      expanded: v.value,
-                      toggle: R,
-                      type: u.value
-                    }, () => [
-                      e.showSubmit ? (r(), l(o(J), x(h({ key: 0 }, e.submitProps)), {
-                        default: n(() => [
-                          b(g(e.submitText), 1)
-                        ]),
-                        _: 1
-                      }, 16)) : w("", !0),
-                      e.showReset ? (r(), l(o(H), x(h({ key: 1 }, e.resetProps)), {
-                        default: n(() => [
-                          b(g(e.resetText), 1)
-                        ]),
-                        _: 1
-                      }, 16)) : w("", !0)
-                    ]),
-                    S(t.$slots, "collapse", {
-                      expanded: v.value,
-                      toggle: R,
-                      type: u.value
-                    }, () => [
-                      B(o(de), {
-                        type: "primary",
-                        underline: o(ve)(),
-                        class: I(`${a}__collapse-link`),
-                        onClick: R
-                      }, {
-                        default: n(() => [
-                          b(g(v.value ? e.collapseText : e.expandText) + " ", 1),
-                          B(o(fe), {
-                            class: I(`${a}__collapse-icon`)
-                          }, {
-                            default: n(() => [
-                              v.value ? (r(), l(o(_e), { key: 0 })) : (r(), l(o(xe), { key: 1 }))
-                            ]),
-                            _: 1
-                          }, 8, ["class"])
-                        ]),
-                        _: 1
-                      }, 8, ["underline", "class"])
-                    ])
-                  ]),
-                  _: 3
-                }, 8, ["align", "style"])) : (r(), l(o(O), {
-                  key: 2,
-                  align: "right",
-                  inline: "",
-                  style: { display: "flex", width: "100%" }
-                }, {
-                  default: n(() => [
-                    S(t.$slots, "actions", {
-                      expanded: v.value,
-                      toggle: R,
-                      type: u.value
-                    }, () => [
-                      e.showSubmit ? (r(), l(o(J), x(h({ key: 0 }, e.submitProps)), {
-                        default: n(() => [
-                          b(g(e.submitText), 1)
-                        ]),
-                        _: 1
-                      }, 16)) : w("", !0),
-                      e.showReset ? (r(), l(o(H), x(h({ key: 1 }, e.resetProps)), {
-                        default: n(() => [
-                          b(g(e.resetText), 1)
-                        ]),
-                        _: 1
-                      }, 16)) : w("", !0)
-                    ])
-                  ]),
-                  _: 3
-                }))
-              ]),
-              _: 3
-            }, 8, ["class"])
-          ]),
-          _: 3
-        }, 8, ["grid"])
-      ]),
-      _: 3
-    }, 16));
-  }
-}), Je = be(ke, {
-  Light: Re
-});
-export {
-  Je as QueryForm,
-  Je as default
-};
-//# sourceMappingURL=index.mjs.map
+import { composeExport } from "../__builtins__/shared/utils.mjs";
+import _sfc_main from "./query-form-light.mjs";
+import _sfc_main$1 from "./query-form.mjs";
+import "./style.css";
+//#region src/query-form/index.ts
+const QueryForm = composeExport(_sfc_main$1, { Light: _sfc_main });
+//#endregion
+export { QueryForm as default };
+
+//# sourceMappingURL=index.mjs.map

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 { 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","<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","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","reactionWatch","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","autorunEffect","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"}