@silver-formily/element-plus 4.0.1 → 4.0.3

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

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

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

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

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

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

package/esm/radio/index.d.ts

@@ -23,14 +23,14 @@ declare const Radio: {
     size: {
       type: _$vue.PropType<"" | "default" | "small" | "large">;
     };
-    label: {
-      type: _$vue.PropType<string | number | boolean>;
-      default: undefined;
-    };
     border: {
       type: _$vue.PropType<boolean>;
       default: false;
     };
+    label: {
+      type: _$vue.PropType<string | number | boolean>;
+      default: undefined;
+    };
   }>> & {
     "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
     onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
@@ -71,14 +71,14 @@ declare const Radio: {
     size: {
       type: _$vue.PropType<"" | "default" | "small" | "large">;
     };
-    label: {
-      type: _$vue.PropType<string | number | boolean>;
-      default: undefined;
-    };
     border: {
       type: _$vue.PropType<boolean>;
       default: false;
     };
+    label: {
+      type: _$vue.PropType<string | number | boolean>;
+      default: undefined;
+    };
   }>> & {
     "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
     onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
@@ -113,14 +113,14 @@ declare const Radio: {
   size: {
     type: _$vue.PropType<"" | "default" | "small" | "large">;
   };
-  label: {
-    type: _$vue.PropType<string | number | boolean>;
-    default: undefined;
-  };
   border: {
     type: _$vue.PropType<boolean>;
     default: false;
   };
+  label: {
+    type: _$vue.PropType<string | number | boolean>;
+    default: undefined;
+  };
 }>> & {
   "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
   onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
@@ -248,18 +248,14 @@ declare const Radio: {
   });
   RadioGroup: {
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<_$vue.ExtractPropTypes<{
-      props: {
-        type: _$vue.PropType<_$element_plus0.radioOptionProp>;
-        default: () => Required<_$element_plus0.radioOptionProp>;
-      };
-      fill: {
-        type: _$vue.PropType<string>;
-        default: "";
-      };
       modelValue: {
         type: _$vue.PropType<string | number | boolean>;
         default: undefined;
       };
+      props: {
+        type: _$vue.PropType<_$element_plus0.radioOptionProp>;
+        default: () => Required<_$element_plus0.radioOptionProp>;
+      };
       type: {
         type: _$vue.PropType<"button" | "radio">;
         default: "radio";
@@ -268,16 +264,20 @@ declare const Radio: {
         type: _$vue.PropType<string>;
         default: undefined;
       };
+      fill: {
+        type: _$vue.PropType<string>;
+        default: "";
+      };
       disabled: {
         type: _$vue.PropType<boolean>;
         default: undefined;
       };
-      options: {
-        type: _$vue.PropType<_$element_plus0.radioOption[]>;
-      };
       size: {
         type: _$vue.PropType<"" | "default" | "small" | "large">;
       };
+      options: {
+        type: _$vue.PropType<_$element_plus0.radioOption[]>;
+      };
       validateEvent: {
         type: _$vue.PropType<boolean>;
         default: true;
@@ -317,18 +317,14 @@ declare const Radio: {
       M: {};
       Defaults: {};
     }, Readonly<_$vue.ExtractPropTypes<{
-      props: {
-        type: _$vue.PropType<_$element_plus0.radioOptionProp>;
-        default: () => Required<_$element_plus0.radioOptionProp>;
-      };
-      fill: {
-        type: _$vue.PropType<string>;
-        default: "";
-      };
       modelValue: {
         type: _$vue.PropType<string | number | boolean>;
         default: undefined;
       };
+      props: {
+        type: _$vue.PropType<_$element_plus0.radioOptionProp>;
+        default: () => Required<_$element_plus0.radioOptionProp>;
+      };
       type: {
         type: _$vue.PropType<"button" | "radio">;
         default: "radio";
@@ -337,16 +333,20 @@ declare const Radio: {
         type: _$vue.PropType<string>;
         default: undefined;
       };
+      fill: {
+        type: _$vue.PropType<string>;
+        default: "";
+      };
       disabled: {
         type: _$vue.PropType<boolean>;
         default: undefined;
       };
-      options: {
-        type: _$vue.PropType<_$element_plus0.radioOption[]>;
-      };
       size: {
         type: _$vue.PropType<"" | "default" | "small" | "large">;
       };
+      options: {
+        type: _$vue.PropType<_$element_plus0.radioOption[]>;
+      };
       validateEvent: {
         type: _$vue.PropType<boolean>;
         default: true;
@@ -380,18 +380,14 @@ declare const Radio: {
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<_$vue.ExtractPropTypes<{
-    props: {
-      type: _$vue.PropType<_$element_plus0.radioOptionProp>;
-      default: () => Required<_$element_plus0.radioOptionProp>;
-    };
-    fill: {
-      type: _$vue.PropType<string>;
-      default: "";
-    };
     modelValue: {
       type: _$vue.PropType<string | number | boolean>;
       default: undefined;
     };
+    props: {
+      type: _$vue.PropType<_$element_plus0.radioOptionProp>;
+      default: () => Required<_$element_plus0.radioOptionProp>;
+    };
     type: {
       type: _$vue.PropType<"button" | "radio">;
       default: "radio";
@@ -400,16 +396,20 @@ declare const Radio: {
       type: _$vue.PropType<string>;
       default: undefined;
     };
+    fill: {
+      type: _$vue.PropType<string>;
+      default: "";
+    };
     disabled: {
       type: _$vue.PropType<boolean>;
       default: undefined;
     };
-    options: {
-      type: _$vue.PropType<_$element_plus0.radioOption[]>;
-    };
     size: {
       type: _$vue.PropType<"" | "default" | "small" | "large">;
     };
+    options: {
+      type: _$vue.PropType<_$element_plus0.radioOption[]>;
+    };
     validateEvent: {
       type: _$vue.PropType<boolean>;
       default: true;

package/esm/radio/radio-group.mjs

@@ -6,6 +6,7 @@ import { isPlainObj } from "@formily/shared";
 //#region src/radio/radio-group.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "FRadioGroup",
+	inheritAttrs: false,
 	__name: "radio-group",
 	props: {
 		options: {
@@ -20,6 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const { props: radioProps } = useCleanAttrs();
+		const normalizedOptions = computed(() => Array.isArray(props.options) ? props.options : []);
 		const OptionType = computed(() => {
 			return props.optionType === "button" ? ElRadioButton : ElRadio;
 		});
@@ -28,11 +30,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			return isPlainObj(option);
 		}
 		function getOptionLabel(option, index) {
-			if (isRadioPropsObject(props.options[index])) return props.options[index].label;
+			if (isRadioPropsObject(normalizedOptions.value[index])) return normalizedOptions.value[index].label;
 			return option.label;
 		}
 		const compatiableProps = computed(() => {
-			return props.options.map((option) => {
+			return normalizedOptions.value.map((option) => {
 				if (!isRadioPropsObject(option)) return {
 					label: option,
 					value: option

package/esm/radio/radio-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.mjs","names":[],"sources":["../../src/radio/radio-group.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RadioProps } from 'element-plus'\nimport type { PropType } from 'vue'\nimport { isPlainObj } from '@formily/shared'\nimport { ElRadio, ElRadioButton, ElRadioGroup, version } from 'element-plus'\nimport { computed, useSlots } from 'vue'\nimport { lt, useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FRadioGroup',\n})\n\nconst props = defineProps({\n  options: {\n    type: Array as PropType<Array<RadioProps | string | number>>,\n    default: () => [],\n  },\n  optionType: {\n    type: String as PropType<'default' | 'button'>,\n    default: 'default',\n  },\n})\n\nconst { props: radioProps } = useCleanAttrs()\n\nconst OptionType = computed(() => {\n  return props.optionType === 'button' ? ElRadioButton : ElRadio\n})\nconst IS_LESS_THAN_2_6_0 = lt(version, '2.6.0')\n\nfunction isRadioPropsObject(option: any): option is RadioProps {\n  return isPlainObj(option)\n}\n\nfunction getOptionLabel(option: any, index: number) {\n  if (isRadioPropsObject(props.options[index])) {\n    return props.options[index].label\n  }\n  return option.label\n}\n\nconst compatiableProps = computed(() => {\n  return props.options.map((option) => {\n    if (!isRadioPropsObject(option)) {\n      return {\n        label: option,\n        value: option,\n      }\n    }\n    /* istanbul ignore if -- @preserve */\n    if (IS_LESS_THAN_2_6_0) {\n      return {\n        ...option,\n        label: option.value,\n      }\n    }\n    return option\n  })\n})\n\nconst slots = useSlots()\n</script>\n\n<template>\n  <ElRadioGroup v-bind=\"radioProps\">\n    <template v-if=\"!slots.option\">\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\n        {{ getOptionLabel(option, index) }}\n      </component>\n    </template>\n    <template v-else>\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\n        <slot name=\"option\" :option=\"option\" />\n      </component>\n    </template>\n  </ElRadioGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAWd,MAAM,EAAE,OAAO,eAAe,eAAc;EAE5C,MAAM,aAAa,eAAe;AAChC,UAAO,MAAM,eAAe,WAAW,gBAAgB;IACxD;EACD,MAAM,qBAAqB,GAAG,SAAS,QAAO;EAE9C,SAAS,mBAAmB,QAAmC;AAC7D,UAAO,WAAW,OAAM;;EAG1B,SAAS,eAAe,QAAa,OAAe;AAClD,OAAI,mBAAmB,MAAM,QAAQ,OAAO,CAC1C,QAAO,MAAM,QAAQ,OAAO;AAE9B,UAAO,OAAO;;EAGhB,MAAM,mBAAmB,eAAe;AACtC,UAAO,MAAM,QAAQ,KAAK,WAAW;AACnC,QAAI,CAAC,mBAAmB,OAAO,CAC7B,QAAO;KACL,OAAO;KACP,OAAO;KACT;;AAGF,QAAI,mBACF,QAAO;KACL,GAAG;KACH,OAAO,OAAO;KAChB;AAEF,WAAO;KACR;IACF;EAED,MAAM,QAAQ,UAAS;;uBAIrB,YAWe,MAAA,aAAA,EAAA,eAAA,mBAXO,MAAA,WAAU,CAAA,CAAA,EAAA;2BAKnB,CAAA,CAJM,MAAA,MAAK,CAAC,UAAA,UAAA,KAAA,EACrB,mBAEY,UAAA,EAAA,KAAA,GAAA,EAAA,WAF0C,iBAAA,QAAlB,QAAQ,UAAK;yBAAjD,YAEY,wBAFI,WAAA,MAAU,EAA1B,WAEY,EAF6D,KAAK,OAAK,EAAA,EAAA,SAAA,MAAA,EAAU,OAAM,EAAA;6BAC9D,CAAA,gBAAA,gBAAhC,eAAe,QAAQ,MAAK,CAAA,EAAA,EAAA,CAAA,CAAA;;;kCAIjC,mBAEY,UAAA,EAAA,KAAA,GAAA,EAAA,WAF0C,iBAAA,QAAlB,QAAQ,UAAK;yBAAjD,YAEY,wBAFI,WAAA,MAAU,EAA1B,WAEY,EAF6D,KAAK,OAAK,EAAA,EAAA,SAAA,MAAA,EAAU,OAAM,EAAA;6BAC1D,CAAvC,WAAuC,KAAA,QAAA,UAAA,EAAV,QAAM,CAAA,CAAA,CAAA"}
+{"version":3,"file":"radio-group.mjs","names":[],"sources":["../../src/radio/radio-group.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RadioProps } from 'element-plus'\nimport type { PropType } from 'vue'\nimport { isPlainObj } from '@formily/shared'\nimport { ElRadio, ElRadioButton, ElRadioGroup, version } from 'element-plus'\nimport { computed, useSlots } from 'vue'\nimport { lt, useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FRadioGroup',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  options: {\n    type: Array as PropType<Array<RadioProps | string | number>>,\n    default: () => [],\n  },\n  optionType: {\n    type: String as PropType<'default' | 'button'>,\n    default: 'default',\n  },\n})\n\nconst { props: radioProps } = useCleanAttrs()\nconst normalizedOptions = computed(() => Array.isArray(props.options) ? props.options : [])\n\nconst OptionType = computed(() => {\n  return props.optionType === 'button' ? ElRadioButton : ElRadio\n})\nconst IS_LESS_THAN_2_6_0 = lt(version, '2.6.0')\n\nfunction isRadioPropsObject(option: any): option is RadioProps {\n  return isPlainObj(option)\n}\n\nfunction getOptionLabel(option: any, index: number) {\n  if (isRadioPropsObject(normalizedOptions.value[index])) {\n    return normalizedOptions.value[index].label\n  }\n  return option.label\n}\n\nconst compatiableProps = computed(() => {\n  return normalizedOptions.value.map((option) => {\n    if (!isRadioPropsObject(option)) {\n      return {\n        label: option,\n        value: option,\n      }\n    }\n    /* istanbul ignore if -- @preserve */\n    if (IS_LESS_THAN_2_6_0) {\n      return {\n        ...option,\n        label: option.value,\n      }\n    }\n    return option\n  })\n})\n\nconst slots = useSlots()\n</script>\n\n<template>\n  <ElRadioGroup v-bind=\"radioProps\">\n    <template v-if=\"!slots.option\">\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\n        {{ getOptionLabel(option, index) }}\n      </component>\n    </template>\n    <template v-else>\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\n        <slot name=\"option\" :option=\"option\" />\n      </component>\n    </template>\n  </ElRadioGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAaA,MAAM,QAAQ;EAWd,MAAM,EAAE,OAAO,eAAe,eAAc;EAC5C,MAAM,oBAAoB,eAAe,MAAM,QAAQ,MAAM,QAAQ,GAAG,MAAM,UAAU,EAAE,CAAA;EAE1F,MAAM,aAAa,eAAe;AAChC,UAAO,MAAM,eAAe,WAAW,gBAAgB;IACxD;EACD,MAAM,qBAAqB,GAAG,SAAS,QAAO;EAE9C,SAAS,mBAAmB,QAAmC;AAC7D,UAAO,WAAW,OAAM;;EAG1B,SAAS,eAAe,QAAa,OAAe;AAClD,OAAI,mBAAmB,kBAAkB,MAAM,OAAO,CACpD,QAAO,kBAAkB,MAAM,OAAO;AAExC,UAAO,OAAO;;EAGhB,MAAM,mBAAmB,eAAe;AACtC,UAAO,kBAAkB,MAAM,KAAK,WAAW;AAC7C,QAAI,CAAC,mBAAmB,OAAO,CAC7B,QAAO;KACL,OAAO;KACP,OAAO;KACT;;AAGF,QAAI,mBACF,QAAO;KACL,GAAG;KACH,OAAO,OAAO;KAChB;AAEF,WAAO;KACR;IACF;EAED,MAAM,QAAQ,UAAS;;uBAIrB,YAWe,MAAA,aAAA,EAAA,eAAA,mBAXO,MAAA,WAAU,CAAA,CAAA,EAAA;2BAKnB,CAAA,CAJM,MAAA,MAAK,CAAC,UAAA,UAAA,KAAA,EACrB,mBAEY,UAAA,EAAA,KAAA,GAAA,EAAA,WAF0C,iBAAA,QAAlB,QAAQ,UAAK;yBAAjD,YAEY,wBAFI,WAAA,MAAU,EAA1B,WAEY,EAF6D,KAAK,OAAK,EAAA,EAAA,SAAA,MAAA,EAAU,OAAM,EAAA;6BAC9D,CAAA,gBAAA,gBAAhC,eAAe,QAAQ,MAAK,CAAA,EAAA,EAAA,CAAA,CAAA;;;kCAIjC,mBAEY,UAAA,EAAA,KAAA,GAAA,EAAA,WAF0C,iBAAA,QAAlB,QAAQ,UAAK;yBAAjD,YAEY,wBAFI,WAAA,MAAU,EAA1B,WAEY,EAF6D,KAAK,OAAK,EAAA,EAAA,SAAA,MAAA,EAAU,OAAM,EAAA;6BAC1D,CAAvC,WAAuC,KAAA,QAAA,UAAA,EAAV,QAAM,CAAA,CAAA,CAAA"}

package/esm/select/index.d.ts

@@ -8,7 +8,7 @@ declare const Select: {
       disabled: boolean;
       created: boolean;
     }> & Omit<{
-      readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(NumberConstructor | BooleanConstructor | ObjectConstructor | StringConstructor)[], unknown, unknown>;
+      readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>;
       readonly disabled: boolean;
       readonly created: boolean;
       readonly label?: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
@@ -22,7 +22,7 @@ declare const Select: {
         disabled: boolean;
         created: boolean;
       }> & Omit<{
-        readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(NumberConstructor | BooleanConstructor | ObjectConstructor | StringConstructor)[], unknown, unknown>;
+        readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>;
         readonly disabled: boolean;
         readonly created: boolean;
         readonly label?: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
@@ -40,7 +40,7 @@ declare const Select: {
       disabled: boolean;
       created: boolean;
     }> & Omit<{
-      readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(NumberConstructor | BooleanConstructor | ObjectConstructor | StringConstructor)[], unknown, unknown>;
+      readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>;
       readonly disabled: boolean;
       readonly created: boolean;
       readonly label?: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
@@ -54,7 +54,7 @@ declare const Select: {
         disabled: boolean;
         created: boolean;
       }> & Omit<{
-        readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(NumberConstructor | BooleanConstructor | ObjectConstructor | StringConstructor)[], unknown, unknown>;
+        readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>;
         readonly disabled: boolean;
         readonly created: boolean;
         readonly label?: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
@@ -69,7 +69,7 @@ declare const Select: {
     disabled: boolean;
     created: boolean;
   }> & Omit<{
-    readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(NumberConstructor | BooleanConstructor | ObjectConstructor | StringConstructor)[], unknown, unknown>;
+    readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>;
     readonly disabled: boolean;
     readonly created: boolean;
     readonly label?: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
@@ -83,7 +83,7 @@ declare const Select: {
       disabled: boolean;
       created: boolean;
     }> & Omit<{
-      readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(NumberConstructor | BooleanConstructor | ObjectConstructor | StringConstructor)[], unknown, unknown>;
+      readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>;
       readonly disabled: boolean;
       readonly created: boolean;
       readonly label?: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
@@ -96,7 +96,7 @@ declare const Select: {
         disabled: boolean;
         created: boolean;
       }> & Omit<{
-        readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(NumberConstructor | BooleanConstructor | ObjectConstructor | StringConstructor)[], unknown, unknown>;
+        readonly value: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>;
         readonly disabled: boolean;
         readonly created: boolean;
         readonly label?: _$element_plus_es_utils_index_mjs0.EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;

package/esm/select-table/index.d.ts

@@ -18,7 +18,7 @@ declare const SelectTable: {
     clickRowToSelect: boolean;
     showAlertToolbar: boolean;
     ignoreSelectable: boolean;
-  }, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
+  }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
     P: {};
     B: {};
     D: {};

package/esm/select-table/select-table.mjs

@@ -46,57 +46,90 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const elTableProps = useAttrs();
 		const field = useField();
+		const elTableRef = ref();
+		const radioSelectedKey = ref();
+		function requireRowKey() {
+			if (!props.rowKey) throw new Error("rowKey is required");
+			return props.rowKey;
+		}
+		function getRowValue(item) {
+			if (!props.rowKey || !item) return;
+			return item[props.rowKey];
+		}
+		function getSingleSelectedKey(value) {
+			if (!isValid(value)) return null;
+			return props.optionAsValue ? getRowValue(value) ?? null : value;
+		}
+		function getMultipleSelectedKeys(value) {
+			if (!Array.isArray(value)) return [];
+			return value.map((item) => props.optionAsValue ? getRowValue(item) : item).filter(isValid);
+		}
+		function syncRadioSelection(item) {
+			radioSelectedKey.value = getRowValue(item) ?? null;
+			elTableRef.value?.setCurrentRow(item);
+		}
 		function compatibleRadioValue(key) {
 			return lt(version, "2.6.0") ? { label: key } : { value: key };
 		}
-		const elTableRef = ref();
-		const rowKey = props.rowKey;
 		function getInitialSelectedList() {
-			if (props.mode === "multiple") return props.modelValue?.map((item) => {
-				if (!props.optionAsValue) return { [rowKey]: item };
-				return item;
-			}) ?? [];
-			else return props.optionAsValue ? [props.modelValue] : [{ [rowKey]: props.modelValue }];
+			if (!isValid(props.modelValue)) return [];
+			if (props.mode === "multiple") {
+				if (!Array.isArray(props.modelValue)) return [];
+				return props.modelValue.map((item) => {
+					if (!props.optionAsValue) {
+						if (!props.rowKey) return null;
+						return { [props.rowKey]: item };
+					}
+					return item;
+				}).filter(isValid);
+			} else {
+				if (props.optionAsValue) return [props.modelValue];
+				if (!props.rowKey) return [];
+				return [{ [props.rowKey]: props.modelValue }];
+			}
 		}
 		const selectedFlatDataSource = ref(getInitialSelectedList());
 		let prevSelection = [];
-		const radioSelectedKey = ref();
 		const currentSelectLength = computed(() => {
 			if (props.mode === "multiple") return Array.isArray(props.modelValue) ? props.modelValue.length : 0;
 			else return isValid(radioSelectedKey.value) ? 1 : 0;
 		});
 		watch(() => props.dataSource, async () => {
-			const selectedKeys = uniq(selectedFlatDataSource.value.map((item) => item[rowKey]));
+			const selectedKeys = uniq(selectedFlatDataSource.value.map((item) => getRowValue(item)).filter(isValid));
 			await nextTick();
 			for (const item of props.dataSource) {
-				if (selectedKeys.includes(item[rowKey])) if (props.mode === "multiple") elTableRef.value?.toggleRowSelection(item, true, props.ignoreSelectable);
-				else {
-					elTableRef.value?.setCurrentRow(item);
-					onRadioClick(item);
-				}
+				const itemKey = getRowValue(item);
+				if (isValid(itemKey) && selectedKeys.includes(itemKey)) if (props.mode === "multiple") elTableRef.value?.toggleRowSelection(item, true, props.ignoreSelectable);
+				else syncRadioSelection(item);
 				await nextTick();
-				prevSelection = elTableRef.value?.getSelectionRows();
+				prevSelection = elTableRef.value?.getSelectionRows() ?? [];
 			}
 		}, { immediate: true });
 		watch(() => [props.modelValue, props.loading], async ([value, loading]) => {
 			if (loading) return;
-			if (props.mode === "single") radioSelectedKey.value = props.optionAsValue ? value[rowKey] : value;
-			else {
+			if (props.mode === "single") {
+				const selectedKey = getSingleSelectedKey(value);
+				radioSelectedKey.value = selectedKey;
+				const selectedItem = props.dataSource.find((item) => getRowValue(item) === selectedKey);
+				elTableRef.value?.setCurrentRow(selectedItem);
+			} else {
 				await nextTick();
-				const currentDisplayDataKeys = elTableRef.value?.getSelectionRows().map((item) => item[rowKey]);
-				const valueKeys = props.optionAsValue ? value?.map((item) => item[rowKey]) : value ?? [];
-				selectedFlatDataSource.value = selectedFlatDataSource.value.filter((item) => valueKeys.includes(item[rowKey]));
+				const currentDisplayDataKeys = elTableRef.value?.getSelectionRows().map((item) => getRowValue(item)).filter(isValid) ?? [];
+				const valueKeys = getMultipleSelectedKeys(value);
+				selectedFlatDataSource.value = selectedFlatDataSource.value.filter((item) => valueKeys.includes(getRowValue(item)));
 				if (isEqual(valueKeys, currentDisplayDataKeys)) return;
 				const diffItems = xor(valueKeys, currentDisplayDataKeys);
-				for (const tableItem of props.dataSource) if (diffItems.includes(tableItem[rowKey])) {
-					const shouldSelect = valueKeys.includes(tableItem[rowKey]);
-					elTableRef.value.toggleRowSelection(tableItem, shouldSelect, props.ignoreSelectable);
+				for (const tableItem of props.dataSource) {
+					const itemKey = getRowValue(tableItem);
+					if (isValid(itemKey) && diffItems.includes(itemKey)) {
+						const shouldSelect = valueKeys.includes(itemKey);
+						elTableRef.value?.toggleRowSelection(tableItem, shouldSelect, props.ignoreSelectable);
+					}
 				}
 			}
 		}, { immediate: true });
 		function onSelect(newSelection) {
-			/* istanbul ignore if -- @preserve */
-			if (!rowKey) throw new Error("rowKey is required");
+			const rowKey = requireRowKey();
 			const removedItemList = prevSelection.length > newSelection.length ? differenceWith(prevSelection, newSelection, (itemPrev, itemNext) => {
 				return itemPrev[rowKey] === itemNext[rowKey];
 			}) : [];
@@ -112,7 +145,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			else emit("update:modelValue", selectedFlatDataSource.value.map((item) => item[rowKey]));
 		}
 		function onRadioClick(item) {
-			radioSelectedKey.value = item[rowKey];
+			const rowKey = requireRowKey();
+			syncRadioSelection(item);
 			if (props.optionAsValue) emit("update:modelValue", item);
 			else emit("update:modelValue", item[rowKey]);
 		}
@@ -131,7 +165,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				emit("update:modelValue", []);
 				selectedFlatDataSource.value = [];
 			} else {
-				radioSelectedKey.value = null;
+				syncRadioSelection(null);
 				emit("update:modelValue", null);
 			}
 		}
@@ -155,7 +189,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				ref_key: "elTableRef",
 				ref: elTableRef
 			}, unref(elTableProps), {
-				"row-key": unref(rowKey),
+				"row-key": __props.rowKey,
 				"row-class-name": props.clickRowToSelect ? `--click-row-select` : "",
 				data: props.dataSource,
 				"highlight-current-row": props.mode === "single",
@@ -176,7 +210,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => radioSelectedKey.value = $event),
 						style: { "width": "100%" }
 					}, {
-						default: withCtx(() => [createVNode(unref(ElRadio), mergeProps(compatibleRadioValue(row[unref(rowKey)]), { onChange: () => onRadioClick(row) }), {
+						default: withCtx(() => [createVNode(unref(ElRadio), mergeProps(compatibleRadioValue(row[__props.rowKey]), { onChange: () => onRadioClick(row) }), {
 							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" \xA0 ", -1)])]),
 							_: 1
 						}, 16, ["onChange"])]),