@silver-formily/element-plus 3.0.2 → 4.0.1

package/esm/form/form.mjs

@@ -1,71 +1,51 @@
-import { defineComponent as h, openBlock as f, createBlock as p, unref as t, withCtx as i, createVNode as n, mergeProps as d, renderSlot as s, withModifiers as S, createCommentVNode as F } from "vue";
-import { useForm as v, FormProvider as w } from "@silver-formily/vue";
-import { _ as c } from "../form-layout/form-layout.mjs";
-import { PreviewText as b } from "../preview-text/index.mjs";
-const $ = /* @__PURE__ */ h({
-  name: "FForm",
-  inheritAttrs: !1,
-  __name: "form",
-  props: {
-    form: {
-      type: Object
-    },
-    previewTextPlaceholder: {
-      type: String
-    },
-    onAutoSubmit: {
-      type: Function
-    },
-    onAutoSubmitFailed: {
-      type: Function
-    }
-  },
-  setup(l) {
-    const o = l, u = v();
-    function a(m, r) {
-      r.submit((e) => o.onAutoSubmit?.(e)).catch((e) => o.onAutoSubmitFailed?.(e));
-    }
-    return (m, r) => o.form ? (f(), p(t(w), {
-      key: 0,
-      form: o.form
-    }, {
-      default: i(() => [
-        n(t(b), {
-          placeholder: o.previewTextPlaceholder
-        }, {
-          default: i(() => [
-            n(t(c), d(m.$attrs, {
-              onSubmit: r[0] || (r[0] = (e) => a(e, l.form))
-            }), {
-              default: i(() => [
-                s(m.$slots, "default")
-              ]),
-              _: 3
-            }, 16)
-          ]),
-          _: 3
-        }, 8, ["placeholder"])
-      ]),
-      _: 3
-    }, 8, ["form"])) : t(u) ? (f(), p(t(b), {
-      key: 1,
-      placeholder: o.previewTextPlaceholder
-    }, {
-      default: i(() => [
-        n(t(c), d(m.$attrs, {
-          onSubmit: r[1] || (r[1] = S((e) => a(e, t(u)), ["prevent", "stop"]))
-        }), {
-          default: i(() => [
-            s(m.$slots, "default")
-          ]),
-          _: 3
-        }, 16)
-      ]),
-      _: 3
-    }, 8, ["placeholder"])) : F("", !0);
-  }
+import PreviewText from "../preview-text/index.mjs";
+import _sfc_main$1 from "../form-layout/form-layout.mjs";
+import { createBlock, createCommentVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx, withModifiers } from "vue";
+import { FormProvider, useForm } from "@silver-formily/vue";
+//#region src/form/form.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FForm",
+	inheritAttrs: false,
+	__name: "form",
+	props: {
+		form: { type: Object },
+		previewTextPlaceholder: { type: String },
+		onAutoSubmit: { type: Function },
+		onAutoSubmitFailed: { type: Function }
+	},
+	setup(__props) {
+		const props = __props;
+		const top = useForm();
+		function handleSubmit(e, form) {
+			form.submit((values) => props.onAutoSubmit?.(values)).catch((error) => props.onAutoSubmitFailed?.(error));
+		}
+		return (_ctx, _cache) => {
+			return props.form ? (openBlock(), createBlock(unref(FormProvider), {
+				key: 0,
+				form: props.form
+			}, {
+				default: withCtx(() => [createVNode(unref(PreviewText), { placeholder: props.previewTextPlaceholder }, {
+					default: withCtx(() => [createVNode(unref(_sfc_main$1), mergeProps(_ctx.$attrs, { onSubmit: _cache[0] || (_cache[0] = (e) => handleSubmit(e, __props.form)) }), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 3
+					}, 16)]),
+					_: 3
+				}, 8, ["placeholder"])]),
+				_: 3
+			}, 8, ["form"])) : unref(top) ? (openBlock(), createBlock(unref(PreviewText), {
+				key: 1,
+				placeholder: props.previewTextPlaceholder
+			}, {
+				default: withCtx(() => [createVNode(unref(_sfc_main$1), mergeProps(_ctx.$attrs, { onSubmit: _cache[1] || (_cache[1] = withModifiers((e) => handleSubmit(e, unref(top)), ["prevent", "stop"])) }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16)]),
+				_: 3
+			}, 8, ["placeholder"])) : createCommentVNode("v-if", true);
+		};
+	}
 });
-export {
-  $ as _
-};
-//# sourceMappingURL=form.mjs.map
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=form.mjs.map

package/esm/form/form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.mjs","sources":["../../src/form/form.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Form as FormType, IFormFeedback } from '@formily/core'\nimport type { PropType } from 'vue'\nimport { FormProvider, useForm } from '@silver-formily/vue'\nimport { FormLayout } from '../form-layout'\nimport { PreviewText } from '../preview-text'\n\ndefineOptions({\n  name: 'FForm',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  form: {\n    type: Object as PropType<FormType>,\n  },\n  previewTextPlaceholder: {\n    type: String,\n  },\n  onAutoSubmit: {\n    type: Function as PropType<(values: FormType['values']) => Promise<any>>,\n  },\n  onAutoSubmitFailed: {\n    type: Function as PropType<(error: IFormFeedback[]) => void>,\n  },\n})\n\nconst top = useForm()\n\nfunction handleSubmit(e: Event, form: FormType) {\n  form\n    .submit(values => props.onAutoSubmit?.(values))\n    .catch(error => props.onAutoSubmitFailed?.(error))\n}\n</script>\n\n<template>\n  <FormProvider v-if=\"props.form\" :form=\"props.form\">\n    <PreviewText :placeholder=\"props.previewTextPlaceholder\">\n      <FormLayout v-bind=\"$attrs\" @submit=\"(e) => handleSubmit(e, form)\">\n        <slot />\n      </FormLayout>\n    </PreviewText>\n  </FormProvider>\n  <template v-else-if=\"top\">\n    <PreviewText :placeholder=\"props.previewTextPlaceholder\">\n      <FormLayout\n        v-bind=\"$attrs\"\n        @submit.prevent.stop=\"(e) => handleSubmit(e, top)\"\n      >\n        <slot />\n      </FormLayout>\n    </PreviewText>\n  </template>\n</template>\n"],"names":["props","__props","top","useForm","handleSubmit","e","form","values","error","_createBlock","_unref","FormProvider","_createVNode","PreviewText","FormLayout","_mergeProps","_ctx","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAeRC,IAAMC,EAAA;AAEZ,aAASC,EAAaC,GAAUC,GAAgB;AAC9C,MAAAA,EACG,OAAO,CAAAC,MAAUP,EAAM,eAAeO,CAAM,CAAC,EAC7C,MAAM,CAAAC,MAASR,EAAM,qBAAqBQ,CAAK,CAAC;AAAA,IACrD;qBAIsBR,EAAM,aAA1BS,EAMeC,EAAAC,CAAA,GAAA;AAAA;MANkB,MAAMX,EAAM;AAAA,IAAA;iBAC3C,MAIc;AAAA,QAJdY,EAIcF,EAAAG,CAAA,GAAA;AAAA,UAJA,aAAab,EAAM;AAAA,QAAA;qBAC/B,MAEa;AAAA,YAFbY,EAEaF,EAAAI,CAAA,GAFbC,EAEaC,EAAA,QAFa;AAAA,cAAG,2BAAS,MAAMZ,EAAa,GAAGH,EAAA,IAAI;AAAA,YAAA;yBAC9D,MAAQ;AAAA,gBAARgB,EAAQD,EAAA,QAAA,SAAA;AAAA,cAAA;;;;;;;;uBAION,EAAAR,CAAA,UACnBO,EAOcC,EAAAG,CAAA,GAAA;AAAA;MAPA,aAAab,EAAM;AAAA,IAAA;iBAC/B,MAKa;AAAA,QALbY,EAKaF,EAAAI,CAAA,GALbC,EAKaC,EAAA,QAJG;AAAA,UACb,6BAAsB,MAAMZ,EAAa,GAAGM,EAAAR,CAAA,CAAG,GAAA,CAAA,WAAA,MAAA,CAAA;AAAA,QAAA;qBAEhD,MAAQ;AAAA,YAARe,EAAQD,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;;"}
+{"version":3,"file":"form.mjs","names":["$attrs"],"sources":["../../src/form/form.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Form as FormType, IFormFeedback } from '@formily/core'\nimport type { PropType } from 'vue'\nimport { FormProvider, useForm } from '@silver-formily/vue'\nimport { FormLayout } from '../form-layout'\nimport { PreviewText } from '../preview-text'\n\ndefineOptions({\n  name: 'FForm',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  form: {\n    type: Object as PropType<FormType>,\n  },\n  previewTextPlaceholder: {\n    type: String,\n  },\n  onAutoSubmit: {\n    type: Function as PropType<(values: FormType['values']) => Promise<any>>,\n  },\n  onAutoSubmitFailed: {\n    type: Function as PropType<(error: IFormFeedback[]) => void>,\n  },\n})\n\nconst top = useForm()\n\nfunction handleSubmit(e: Event, form: FormType) {\n  form\n    .submit(values => props.onAutoSubmit?.(values))\n    .catch(error => props.onAutoSubmitFailed?.(error))\n}\n</script>\n\n<template>\n  <FormProvider v-if=\"props.form\" :form=\"props.form\">\n    <PreviewText :placeholder=\"props.previewTextPlaceholder\">\n      <FormLayout v-bind=\"$attrs\" @submit=\"(e) => handleSubmit(e, form)\">\n        <slot />\n      </FormLayout>\n    </PreviewText>\n  </FormProvider>\n  <template v-else-if=\"top\">\n    <PreviewText :placeholder=\"props.previewTextPlaceholder\">\n      <FormLayout\n        v-bind=\"$attrs\"\n        @submit.prevent.stop=\"(e) => handleSubmit(e, top)\"\n      >\n        <slot />\n      </FormLayout>\n    </PreviewText>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAed,MAAM,MAAM,SAAQ;EAEpB,SAAS,aAAa,GAAU,MAAgB;AAC9C,QACG,QAAO,WAAU,MAAM,eAAe,OAAO,CAAA,CAC7C,OAAM,UAAS,MAAM,qBAAqB,MAAM,CAAA;;;UAK/B,MAAM,QAAA,WAAA,EAA1B,YAMe,MAAA,aAAA,EAAA;;IANkB,MAAM,MAAM;;2BAK7B,CAJd,YAIc,MAAA,YAAA,EAAA,EAJA,aAAa,MAAM,wBAAA,EAAA;4BAGlB,CAFb,YAEa,MAAA,YAAA,EAFb,WAAoBA,KAEP,QAFa,EAAG,UAAM,OAAA,OAAA,OAAA,MAAG,MAAM,aAAa,GAAG,QAAA,KAAI,GAAA,CAAA,EAAA;6BACtD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;sBAIO,MAAA,IAAG,IAAA,WAAA,EACtB,YAOc,MAAA,YAAA,EAAA;;IAPA,aAAa,MAAM;;2BAMlB,CALb,YAKa,MAAA,YAAA,EALb,WACUA,KAIG,QAJG,EACb,UAAM,OAAA,OAAA,OAAA,KAAA,eAAgB,MAAM,aAAa,GAAG,MAAA,IAAG,CAAA,EAAA,CAAA,WAAA,OAAA,CAAA,GAAA,CAAA,EAAA;4BAExC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/esm/form/form.vue.d.ts

@@ -0,0 +1,48 @@
+import * as _$vue from "vue";
+import { PropType } from "vue";
+import { Form, IFormFeedback } from "@formily/core";
+
+//#region src/form/form.vue.d.ts
+declare var __VLS_22: {}, __VLS_39: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_22) => any;
+} & {
+  default?: (props: typeof __VLS_39) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+  form: {
+    type: PropType<Form>;
+  };
+  previewTextPlaceholder: {
+    type: StringConstructor;
+  };
+  onAutoSubmit: {
+    type: PropType<(values: Form["values"]) => Promise<any>>;
+  };
+  onAutoSubmitFailed: {
+    type: PropType<(error: IFormFeedback[]) => void>;
+  };
+}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  form: {
+    type: PropType<Form>;
+  };
+  previewTextPlaceholder: {
+    type: StringConstructor;
+  };
+  onAutoSubmit: {
+    type: PropType<(values: Form["values"]) => Promise<any>>;
+  };
+  onAutoSubmitFailed: {
+    type: PropType<(error: IFormFeedback[]) => void>;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=form.vue.d.ts.map

package/esm/form/index.d.ts

@@ -1 +1 @@
-export { default, default as Form } from './form';
+import { _default } from "./form.vue.js";

package/esm/form-button-group/form-button-group-sticky.mjs

@@ -0,0 +1,37 @@
+import { useFormLayoutId } from "../form-layout/utils.mjs";
+import { prefixCls } from "./utils.mjs";
+import { ElAffix, useAttrs } from "element-plus";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { useForm } from "@silver-formily/vue";
+//#region src/form-button-group/form-button-group-sticky.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "form-button-group-sticky",
+	setup(__props) {
+		const attrs = useAttrs();
+		const formRef = useForm();
+		const formLayoutId = useFormLayoutId();
+		const target = computed(() => {
+			if (attrs.value.target) return attrs.value.target;
+			if (formLayoutId.value) return `#${formLayoutId.value}`;
+			/* istanbul ignore next -- @preserve */
+			return formRef.value?.id ? `#formily-${formRef.value.id}` : void 0;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ElAffix), mergeProps({ class: `${unref(prefixCls)}__sticky` }, unref(attrs), {
+				position: unref(attrs).position ?? "bottom",
+				target: target.value
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"class",
+				"position",
+				"target"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=form-button-group-sticky.mjs.map

package/esm/form-button-group/form-button-group-sticky.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-button-group-sticky.mjs","names":[],"sources":["../../src/form-button-group/form-button-group-sticky.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AffixProps } from 'element-plus'\nimport type { ComputedRef } from 'vue'\nimport { useForm } from '@silver-formily/vue'\nimport { ElAffix, useAttrs } from 'element-plus'\nimport { computed } from 'vue'\nimport { useFormLayoutId } from '../form-layout/utils'\nimport { prefixCls } from './utils'\n\nconst attrs = useAttrs() as ComputedRef<Partial<AffixProps>>\nconst formRef = useForm()\nconst formLayoutId = useFormLayoutId()\n\nconst target = computed(() => {\n  if (attrs.value.target) {\n    return attrs.value.target\n  }\n  if (formLayoutId.value) {\n    return `#${formLayoutId.value}`\n  }\n  /* istanbul ignore next -- @preserve */\n  return formRef.value?.id ? `#formily-${formRef.value.id}` : undefined\n})\n</script>\n\n<template>\n  <ElAffix\n    :class=\"`${prefixCls}__sticky`\"\n    v-bind=\"attrs\"\n    :position=\"attrs.position ?? 'bottom'\"\n    :target=\"target\"\n  >\n    <slot />\n  </ElAffix>\n</template>\n"],"mappings":";;;;;;;;;EASA,MAAM,QAAQ,UAAU;EACxB,MAAM,UAAU,SAAQ;EACxB,MAAM,eAAe,iBAAgB;EAErC,MAAM,SAAS,eAAe;AAC5B,OAAI,MAAM,MAAM,OACd,QAAO,MAAM,MAAM;AAErB,OAAI,aAAa,MACf,QAAO,IAAI,aAAa;;AAG1B,UAAO,QAAQ,OAAO,KAAK,YAAY,QAAQ,MAAM,OAAO,KAAA;IAC7D;;uBAIC,YAOU,MAAA,QAAA,EAPV,WAOU,EANP,OAAK,GAAK,MAAA,UAAS,CAAA,WAAA,EACZ,MAAA,MAAK,EAAA;IACZ,UAAU,MAAA,MAAK,CAAC,YAAQ;IACxB,QAAQ,OAAA;;2BAED,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/esm/form-button-group/form-button-group.mjs

@@ -0,0 +1,71 @@
+import FormItem from "../form-item/index.mjs";
+import { prefixCls } from "./utils.mjs";
+import { ElSpace } from "element-plus";
+import { createBlock, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/form-button-group/form-button-group.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FFormButtonGroup",
+	inheritAttrs: false,
+	__name: "form-button-group",
+	props: {
+		align: {
+			type: String,
+			default: "left"
+		},
+		inline: {
+			type: Boolean,
+			default: false
+		},
+		gutter: {
+			type: Number,
+			default: 8
+		},
+		alignFormItem: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return props.alignFormItem ? (openBlock(), createBlock(unref(FormItem), mergeProps({
+				key: 0,
+				label: "\xA0"
+			}, _ctx.$attrs, {
+				class: [unref(prefixCls), props.inline && `${unref(prefixCls)}--inline`],
+				style: { width: "100%" }
+			}), {
+				default: withCtx(() => [createVNode(unref(ElSpace), {
+					size: props.gutter,
+					style: normalizeStyle(props.align === "left" ? void 0 : {
+						justifyContent: props.align === "right" ? "flex-end" : "center",
+						display: "flex",
+						width: "100%"
+					})
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, ["size", "style"])]),
+				_: 3
+			}, 16, ["class"])) : (openBlock(), createBlock(unref(ElSpace), mergeProps({ key: 1 }, _ctx.$attrs, {
+				class: [unref(prefixCls), props.inline && `${unref(prefixCls)}--inline`],
+				style: {
+					justifyContent: props.align === "left" ? "flex-start" : props.align === "right" ? "flex-end" : "center",
+					display: "flex"
+				},
+				size: props.gutter
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"class",
+				"style",
+				"size"
+			]));
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=form-button-group.mjs.map

package/esm/form-button-group/form-button-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-button-group.mjs","names":["$attrs"],"sources":["../../src/form-button-group/form-button-group.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ElSpace } from 'element-plus'\nimport FormItem from '../form-item/index'\nimport { prefixCls } from './utils'\n\ndefineOptions({\n  name: 'FFormButtonGroup',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  align: {\n    type: String,\n    default: 'left',\n  },\n  inline: {\n    type: Boolean,\n    default: false,\n  },\n  gutter: {\n    type: Number,\n    default: 8,\n  },\n  alignFormItem: {\n    type: Boolean,\n    default: false,\n  },\n})\n</script>\n\n<template>\n  <FormItem\n    v-if=\"props.alignFormItem\"\n    label=\"&nbsp;\"\n    v-bind=\"$attrs\"\n    :class=\"[prefixCls, props.inline && `${prefixCls}--inline`]\"\n    :style=\"{\n      width: '100%',\n    }\"\n  >\n    <ElSpace\n      :size=\"props.gutter\"\n      :style=\"props.align === 'left'\n        ? undefined\n        : {\n          justifyContent: props.align === 'right' ? 'flex-end' : 'center',\n          display: 'flex',\n          width: '100%',\n        }\"\n    >\n      <slot />\n    </ElSpace>\n  </FormItem>\n  <ElSpace\n    v-else\n    v-bind=\"$attrs\"\n    :class=\"[prefixCls, props.inline && `${prefixCls}--inline`]\"\n    :style=\"{\n      justifyContent: props.align === 'left'\n        ? 'flex-start'\n        : (props.align === 'right'\n          ? 'flex-end'\n          : 'center'),\n      display: 'flex',\n    }\"\n    :size=\"props.gutter\"\n  >\n    <slot />\n  </ElSpace>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;;UAsBJ,MAAM,iBAAA,WAAA,EADd,YAqBW,MAAA,SAAA,EArBX,WAqBW;;IAnBT,OAAM;MACEA,KAAAA,QAAM;IACb,OAAK,CAAG,MAAA,UAAS,EAAE,MAAM,UAAM,GAAO,MAAA,UAAS,CAAA,UAAA;IAC/C,OAAO,EAAA,OAAA,QAEP;;2BAaS,CAXV,YAWU,MAAA,QAAA,EAAA;KAVP,MAAM,MAAM;KACZ,OAAK,eAAE,MAAM,UAAK,SAAsB,KAAA,IAAA;sBAAgD,MAAM,UAAK,UAAA,aAAA;;;;;4BAQ5F,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;sCAGZ,YAeU,MAAA,QAAA,EAfV,WAeU,EAAA,KAAA,GAAA,EAbAA,KAAAA,QAAM;IACb,OAAK,CAAG,MAAA,UAAS,EAAE,MAAM,UAAM,GAAO,MAAA,UAAS,CAAA,UAAA;IAC/C,OAAK;qBAA0B,MAAM,UAAK,SAAA,eAA8C,MAAM,UAAK,UAAA,aAAA;;;IAQnG,MAAM,MAAM;;2BAEL,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/esm/form-button-group/index.d.ts

@@ -1,102 +1,109 @@
-export declare const FormButtonGroup: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        align: {
-            type: StringConstructor;
-            default: string;
-        };
-        inline: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        gutter: {
-            type: NumberConstructor;
-            default: number;
-        };
-        alignFormItem: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        align: string;
-        gutter: number;
-        inline: boolean;
-        alignFormItem: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        align: {
-            type: StringConstructor;
-            default: string;
-        };
-        inline: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        gutter: {
-            type: NumberConstructor;
-            default: number;
-        };
-        alignFormItem: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        align: string;
-        gutter: number;
-        inline: boolean;
-        alignFormItem: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+import * as _$vue from "vue";
+
+//#region src/form-button-group/index.d.ts
+declare const FormButtonGroup: {
+  new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<_$vue.ExtractPropTypes<{
     align: {
-        type: StringConstructor;
-        default: string;
+      type: StringConstructor;
+      default: string;
     };
     inline: {
-        type: BooleanConstructor;
-        default: boolean;
+      type: BooleanConstructor;
+      default: boolean;
     };
     gutter: {
-        type: NumberConstructor;
-        default: number;
+      type: NumberConstructor;
+      default: number;
     };
     alignFormItem: {
-        type: BooleanConstructor;
-        default: boolean;
+      type: BooleanConstructor;
+      default: boolean;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+  }>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {
+    inline: boolean;
     align: string;
     gutter: number;
+    alignFormItem: boolean;
+  }, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<_$vue.ExtractPropTypes<{
+    align: {
+      type: StringConstructor;
+      default: string;
+    };
+    inline: {
+      type: BooleanConstructor;
+      default: boolean;
+    };
+    gutter: {
+      type: NumberConstructor;
+      default: number;
+    };
+    alignFormItem: {
+      type: BooleanConstructor;
+      default: boolean;
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, {
     inline: boolean;
+    align: string;
+    gutter: number;
     alignFormItem: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+  }>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & _$vue.ComponentOptionsBase<Readonly<_$vue.ExtractPropTypes<{
+  align: {
+    type: StringConstructor;
+    default: string;
+  };
+  inline: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  gutter: {
+    type: NumberConstructor;
+    default: number;
+  };
+  alignFormItem: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {
+  inline: boolean;
+  align: string;
+  gutter: number;
+  alignFormItem: boolean;
+}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
+  $slots: {
+    default?: (props: {}) => any;
+  } & {
+    default?: (props: {}) => any;
+  };
+}) & {
+  Sticky: {
+    new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {}, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
+      P: {};
+      B: {};
+      D: {};
+      C: {};
+      M: {};
+      Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+  } & _$vue.ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
-        default?(_: {}): any;
-        default?(_: {}): any;
+      default?: (props: {}) => any;
     };
-}) & {
-    Sticky: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
+  });
 };
+//#endregion
+export { FormButtonGroup };
+//# sourceMappingURL=index.d.ts.map

package/esm/form-button-group/index.mjs

@@ -1,96 +1,10 @@
-import { useAttrs as y, ElAffix as g, ElSpace as m } from "element-plus";
-import "@silver-formily/reactive-vue";
-import "@vueuse/core";
-import { defineComponent as p, computed as _, openBlock as i, createBlock as n, unref as e, mergeProps as a, withCtx as l, renderSlot as u, createVNode as $, normalizeStyle as v } from "vue";
-import "@formily/core";
-import { useForm as h } from "@silver-formily/vue";
-import { composeExport as F } from "../__builtins__/shared/utils.mjs";
-import { useFormLayoutId as k } from "../form-layout/utils.mjs";
-import { prefixCls as r } from "./utils.mjs";
-import { FormItem as x } from "../form-item/index.mjs";
-import '../styles/form-button-group/index.css';const B = /* @__PURE__ */ p({
-  __name: "form-button-group-sticky",
-  setup(f) {
-    const t = y(), o = h(), s = k(), c = _(() => t.value.target ? t.value.target : s.value ? `#${s.value}` : o.value?.id ? `#formily-${o.value.id}` : void 0);
-    return (d, z) => (i(), n(e(g), a({
-      class: `${e(r)}__sticky`
-    }, e(t), {
-      position: e(t).position ?? "bottom",
-      target: c.value
-    }), {
-      default: l(() => [
-        u(d.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["class", "position", "target"]));
-  }
-}), b = /* @__PURE__ */ p({
-  name: "FFormButtonGroup",
-  inheritAttrs: !1,
-  __name: "form-button-group",
-  props: {
-    align: {
-      type: String,
-      default: "left"
-    },
-    inline: {
-      type: Boolean,
-      default: !1
-    },
-    gutter: {
-      type: Number,
-      default: 8
-    },
-    alignFormItem: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(f) {
-    const t = f;
-    return (o, s) => t.alignFormItem ? (i(), n(e(x), a({
-      key: 0,
-      label: " "
-    }, o.$attrs, {
-      class: [e(r), t.inline && `${e(r)}--inline`],
-      style: {
-        width: "100%"
-      }
-    }), {
-      default: l(() => [
-        $(e(m), {
-          size: t.gutter,
-          style: v(t.align === "left" ? void 0 : {
-            justifyContent: t.align === "right" ? "flex-end" : "center",
-            display: "flex",
-            width: "100%"
-          })
-        }, {
-          default: l(() => [
-            u(o.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["size", "style"])
-      ]),
-      _: 3
-    }, 16, ["class"])) : (i(), n(e(m), a({ key: 1 }, o.$attrs, {
-      class: [e(r), t.inline && `${e(r)}--inline`],
-      style: {
-        justifyContent: t.align === "left" ? "flex-start" : t.align === "right" ? "flex-end" : "center",
-        display: "flex"
-      },
-      size: t.gutter
-    }), {
-      default: l(() => [
-        u(o.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["class", "style", "size"]));
-  }
-}), P = F(b, {
-  Sticky: B
-});
-export {
-  P as FormButtonGroup
-};
-//# sourceMappingURL=index.mjs.map
+import { composeExport } from "../__builtins__/shared/utils.mjs";
+import _sfc_main from "./form-button-group-sticky.mjs";
+import _sfc_main$1 from "./form-button-group.mjs";
+import "./style.css";
+//#region src/form-button-group/index.ts
+const FormButtonGroup = composeExport(_sfc_main$1, { Sticky: _sfc_main });
+//#endregion
+export { FormButtonGroup };
+
+//# sourceMappingURL=index.mjs.map

package/esm/form-button-group/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/form-button-group/form-button-group-sticky.vue","../../src/form-button-group/form-button-group.vue","../../src/form-button-group/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AffixProps } from 'element-plus'\nimport type { ComputedRef } from 'vue'\nimport { useForm } from '@silver-formily/vue'\nimport { ElAffix, useAttrs } from 'element-plus'\nimport { computed } from 'vue'\nimport { useFormLayoutId } from '../form-layout/utils'\nimport { prefixCls } from './utils'\n\nconst attrs = useAttrs() as ComputedRef<Partial<AffixProps>>\nconst formRef = useForm()\nconst formLayoutId = useFormLayoutId()\n\nconst target = computed(() => {\n  if (attrs.value.target) {\n    return attrs.value.target\n  }\n  if (formLayoutId.value) {\n    return `#${formLayoutId.value}`\n  }\n  /* istanbul ignore next -- @preserve */\n  return formRef.value?.id ? `#formily-${formRef.value.id}` : undefined\n})\n</script>\n\n<template>\n  <ElAffix\n    :class=\"`${prefixCls}__sticky`\"\n    v-bind=\"attrs\"\n    :position=\"attrs.position ?? 'bottom'\"\n    :target=\"target\"\n  >\n    <slot />\n  </ElAffix>\n</template>\n","<script lang=\"ts\" setup>\nimport { ElSpace } from 'element-plus'\nimport FormItem from '../form-item/index'\nimport { prefixCls } from './utils'\n\ndefineOptions({\n  name: 'FFormButtonGroup',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  align: {\n    type: String,\n    default: 'left',\n  },\n  inline: {\n    type: Boolean,\n    default: false,\n  },\n  gutter: {\n    type: Number,\n    default: 8,\n  },\n  alignFormItem: {\n    type: Boolean,\n    default: false,\n  },\n})\n</script>\n\n<template>\n  <FormItem\n    v-if=\"props.alignFormItem\"\n    label=\"&nbsp;\"\n    v-bind=\"$attrs\"\n    :class=\"[prefixCls, props.inline && `${prefixCls}--inline`]\"\n    :style=\"{\n      width: '100%',\n    }\"\n  >\n    <ElSpace\n      :size=\"props.gutter\"\n      :style=\"props.align === 'left'\n        ? undefined\n        : {\n          justifyContent: props.align === 'right' ? 'flex-end' : 'center',\n          display: 'flex',\n          width: '100%',\n        }\"\n    >\n      <slot />\n    </ElSpace>\n  </FormItem>\n  <ElSpace\n    v-else\n    v-bind=\"$attrs\"\n    :class=\"[prefixCls, props.inline && `${prefixCls}--inline`]\"\n    :style=\"{\n      justifyContent: props.align === 'left'\n        ? 'flex-start'\n        : (props.align === 'right'\n          ? 'flex-end'\n          : 'center'),\n      display: 'flex',\n    }\"\n    :size=\"props.gutter\"\n  >\n    <slot />\n  </ElSpace>\n</template>\n","import { composeExport } from '../__builtins__/shared'\nimport FormButtonGroupSticky from './form-button-group-sticky.vue'\nimport FormButtonGroupInner from './form-button-group.vue'\nimport './style.scss'\n\nexport const FormButtonGroup = composeExport(FormButtonGroupInner, {\n  Sticky: FormButtonGroupSticky,\n})\n"],"names":["attrs","useAttrs","formRef","useForm","formLayoutId","useFormLayoutId","target","computed","_openBlock","_createBlock","_unref","_mergeProps","prefixCls","_renderSlot","_ctx","props","__props","$attrs","_createVNode","ElSpace","_normalizeStyle","FormButtonGroup","composeExport","FormButtonGroupInner","FormButtonGroupSticky"],"mappings":";;;;;;;;;;;;;AASA,UAAMA,IAAQC,EAAA,GACRC,IAAUC,EAAA,GACVC,IAAeC,EAAA,GAEfC,IAASC,EAAS,MAClBP,EAAM,MAAM,SACPA,EAAM,MAAM,SAEjBI,EAAa,QACR,IAAIA,EAAa,KAAK,KAGxBF,EAAQ,OAAO,KAAK,YAAYA,EAAQ,MAAM,EAAE,KAAK,MAC7D;sBAICM,KAAAC,EAOUC,MAPVC,EAOU;AAAA,MANP,UAAUD,EAAAE,CAAA,CAAS;AAAA,IAAA,GACZF,EAAAV,CAAA,GAAK;AAAA,MACZ,UAAUU,EAAAV,CAAA,EAAM,YAAQ;AAAA,MACxB,QAAQM,EAAA;AAAA,IAAA;iBAET,MAAQ;AAAA,QAARO,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtBZ,UAAMC,IAAQC;qBAsBJD,EAAM,iBADdP,EAAA,GAAAC,EAqBWC,MArBXC,EAqBW;AAAA;MAnBT,OAAM;AAAA,IAAA,GACEM,EAAAA,QAAM;AAAA,MACb,QAAQP,EAAAE,CAAA,GAAWG,EAAM,aAAaL,EAAAE,CAAA,CAAS,UAAA;AAAA,MAC/C,OAAO;AAAA;;IAEP;iBAED,MAWU;AAAA,QAXVM,EAWUR,EAAAS,CAAA,GAAA;AAAA,UAVP,MAAMJ,EAAM;AAAA,UACZ,OAAKK,EAAEL,EAAM,UAAK,SAAsB;YAAgD,gBAAAA,EAAM,UAAK,UAAA,aAAA;AAAA;;;;qBAQpG,MAAQ;AAAA,YAARF,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;+BAGZL,EAeUC,EAAAS,CAAA,GAfVR,EAeU,EAAA,KAAA,EAAA,GAbAM,EAAAA,QAAM;AAAA,MACb,QAAQP,EAAAE,CAAA,GAAWG,EAAM,aAAaL,EAAAE,CAAA,CAAS,UAAA;AAAA,MAC/C,OAAK;AAAA,QAA0B,gBAAAG,EAAM,UAAK,wBAA8CA,EAAM,UAAK;;;MAQnG,MAAMA,EAAM;AAAA,IAAA;iBAEb,MAAQ;AAAA,QAARF,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;IC9DCO,IAAkBC,EAAcC,GAAsB;AAAA,EACjE,QAAQC;AACV,CAAC;"}
+{"version":3,"file":"index.mjs","names":["FormButtonGroupInner","FormButtonGroupSticky"],"sources":["../../src/form-button-group/index.ts"],"sourcesContent":["import { composeExport } from '../__builtins__/shared'\nimport FormButtonGroupSticky from './form-button-group-sticky.vue'\nimport FormButtonGroupInner from './form-button-group.vue'\nimport './style.scss'\n\nexport const FormButtonGroup = composeExport(FormButtonGroupInner, {\n  Sticky: FormButtonGroupSticky,\n})\n"],"mappings":";;;;;AAKA,MAAa,kBAAkB,cAAcA,aAAsB,EACjE,QAAQC,WACT,CAAC"}