@silver-formily/element-plus 3.0.1 → 3.0.3

package/esm/editable/index.mjs

@@ -1,220 +1,17 @@
-import { useField as E, connect as h, mapProps as w } from "@silver-formily/vue";
-import { ElPopover as W, ElText as S, ClickOutside as R } from "element-plus";
-import { reaction as V } from "@formily/reactive";
-import "@vueuse/core";
-import { defineComponent as z, ref as m, openBlock as n, createElementBlock as f, normalizeClass as i, createVNode as u, unref as t, mergeProps as P, withCtx as d, withDirectives as F, createBlock as C, createElementVNode as _, createTextVNode as q, toDisplayString as D, renderSlot as T, computed as g, Fragment as N, createCommentVNode as M, nextTick as x } from "vue";
-import "@formily/core";
-import "@silver-formily/reactive-vue";
-import { composeExport as j } from "../__builtins__/shared/utils.mjs";
-import { FormBaseItem as c, fieldFeedbackMapper as A } from "../form-item/index.mjs";
-import { Edit as I, Close as G } from "@element-plus/icons-vue";
-import { isValid as $, isPlainObj as H } from "@formily/shared";
-import { stylePrefix as L } from "../__builtins__/configs/index.mjs";
-import { o as k } from "../vendor/lodash.mjs";
-import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
-  name: "FEditablePopover",
-  inheritAttrs: !1,
-  __name: "editable-popover",
-  props: {
-    internalFormItemClass: {},
-    label: {},
-    for: {},
-    tooltip: {},
-    addonBefore: {},
-    addonAfter: {},
-    extra: {},
-    feedbackText: {},
-    feedbackStatus: {},
-    asterisk: { type: Boolean },
-    colon: { type: Boolean },
-    labelAlign: {},
-    wrapperAlign: {},
-    labelWrap: { type: Boolean },
-    labelWidth: {},
-    wrapperWidth: {},
-    labelCol: {},
-    wrapperCol: {},
-    fullness: { type: Boolean },
-    size: { default: "default" },
-    layout: {},
-    feedbackLayout: { default: "popover" },
-    tooltipLayout: {}
-  },
-  setup(b) {
-    const a = b, e = E(), r = `${L}-editable`, s = m(), l = m(!1);
-    $(e.value.data) ? $(e.value.data.readPretty) || (e.value.data.readPretty = !0) : (e.value.data = {}, e.value.data.readPretty = !0);
-    function v(o) {
-      s.value.parentElement.contains(o.target) || (l.value = !1);
-    }
-    function y() {
-      l.value = !0;
-    }
-    return V(
-      () => e.value.form.queryFeedbacks({
-        type: "error",
-        address: `${e.value.address.entire}.*`
-      }),
-      (o) => {
-        o.length > 0 && (l.value = !0);
-      }
-    ), (o, p) => (n(), f("div", {
-      class: i(r)
-    }, [
-      u(t(W), P(o.$attrs, {
-        visible: l.value,
-        title: o.$attrs.title || t(e).title,
-        trigger: "click",
-        width: "auto"
-      }), {
-        default: d(() => [
-          _("div", {
-            ref_key: "contentRef",
-            ref: s,
-            class: i(`${r}-popover-wrapper`)
-          }, [
-            T(o.$slots, "default")
-          ], 2)
-        ]),
-        reference: d(() => [
-          F((n(), C(t(c), P(a, {
-            class: `${r}-trigger`
-          }), {
-            default: d(() => [
-              _("div", {
-                class: i(`${r}-content`),
-                onClick: y
-              }, [
-                u(t(S), null, {
-                  default: d(() => [
-                    q(D(t(e).title), 1)
-                  ]),
-                  _: 1
-                }),
-                u(t(I), {
-                  class: i(`${r}-edit-btn`)
-                }, null, 8, ["class"])
-              ], 2)
-            ]),
-            _: 1
-          }, 16, ["class"])), [
-            [t(R), v]
-          ])
-        ]),
-        _: 3
-      }, 16, ["visible", "title"])
-    ]));
-  }
-}), K = /* @__PURE__ */ z({
-  name: "FEditable",
-  __name: "editable",
-  props: {
-    internalFormItemClass: {},
-    label: {},
-    for: {},
-    tooltip: {},
-    addonBefore: {},
-    addonAfter: {},
-    extra: {},
-    feedbackText: {},
-    feedbackStatus: {},
-    asterisk: { type: Boolean },
-    colon: { type: Boolean },
-    labelAlign: {},
-    wrapperAlign: {},
-    labelWrap: { type: Boolean },
-    labelWidth: {},
-    wrapperWidth: {},
-    labelCol: {},
-    wrapperCol: {},
-    fullness: { type: Boolean },
-    size: { default: "default" },
-    layout: {},
-    feedbackLayout: { default: "popover" },
-    tooltipLayout: {},
-    editProps: {}
-  },
-  setup(b) {
-    const a = b, e = E(), r = m(null), s = `${L}-editable`, l = m(null), v = g(() => k(a, "editProps")), y = g(() => H(a.editProps) ? { ...k(a, "editProps"), ...a.editProps } : k(a, "editProps"));
-    function o() {
-      $(e.value.data) || (e.value.data = {});
-    }
-    o(), e.value.data.readPretty = !0;
-    async function p() {
-      e.value.disabled || (o(), e.value.data.readPretty = !1, await x(), l.value.feedbackTooltipRef.updatePopper(), r.value?.querySelector("input")?.focus());
-    }
-    function B() {
-      e.value.data?.readPretty !== !0 && (o(), setTimeout(async () => {
-        e.value.data.readPretty = !0, await x(), l.value?.feedbackTooltipRef.updatePopper();
-      }, 0));
-    }
-    return (O, X) => (n(), f("div", {
-      ref_key: "innerRef",
-      ref: r,
-      class: i([s, t(e).disabled && "is-disabled"])
-    }, [
-      F((n(), f("div", {
-        class: i(`${s}-content`)
-      }, [
-        u(t(c), P({
-          ref_key: "formItemRef",
-          ref: l
-        }, t(e).data?.readPretty === !1 ? y.value : v.value, { onClick: p }), {
-          default: d(() => [
-            _("div", null, [
-              T(O.$slots, "default")
-            ])
-          ]),
-          _: 3
-        }, 16),
-        t(e).disabled ? M("", !0) : (n(), f(N, { key: 0 }, [
-          t(e).data?.readPretty === !0 ? (n(), C(t(c), {
-            key: 0,
-            size: a.size,
-            "feedback-layout": a.feedbackLayout
-          }, {
-            default: d(() => [
-              u(t(I), {
-                class: i(`${s}-edit-btn`),
-                onClick: p
-              }, null, 8, ["class"])
-            ]),
-            _: 1
-          }, 8, ["size", "feedback-layout"])) : (n(), C(t(c), {
-            key: 1,
-            size: a.size,
-            "feedback-layout": a.feedbackLayout
-          }, {
-            default: d(() => [
-              u(t(G), {
-                class: i(`${s}-close-btn`),
-                onClick: B
-              }, null, 8, ["class"])
-            ]),
-            _: 1
-          }, 8, ["size", "feedback-layout"]))
-        ], 64))
-      ], 2)), [
-        [t(R), B]
-      ])
-    ], 2));
-  }
-}), Q = h(K, w(
-  {
-    required: !0,
-    description: "extra"
-  },
-  A
-)), U = h(J, w(
-  {
-    required: !0,
-    description: "extra"
-  },
-  A
-)), pe = j(Q, {
-  Popover: U
-});
-export {
-  pe as Editable,
-  pe as default
-};
-//# sourceMappingURL=index.mjs.map
+import { composeExport } from "../__builtins__/shared/utils.mjs";
+import { fieldFeedbackMapper } from "../form-item/index.mjs";
+import _sfc_main from "./editable-popover.mjs";
+import _sfc_main$1 from "./editable.mjs";
+import "./style.css";
+import { connect, mapProps } from "@silver-formily/vue";
+const Editable = composeExport(connect(_sfc_main$1, mapProps({
+	required: true,
+	description: "extra"
+}, fieldFeedbackMapper)), { Popover: connect(_sfc_main, mapProps({
+	required: true,
+	description: "extra"
+}, fieldFeedbackMapper)) });
+//#endregion
+export { Editable as default };
+
+//# sourceMappingURL=index.mjs.map

package/esm/editable/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/editable/editable-popover.vue","../../src/editable/editable.vue","../../src/editable/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Field } from '@formily/core'\nimport type { IFormItemProps } from '../form-item/types'\nimport { Edit } from '@element-plus/icons-vue'\nimport { reaction } from '@formily/reactive'\nimport { isValid } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport { ElPopover, ElText, ClickOutside as vClickOutside } from 'element-plus'\nimport { ref } from 'vue'\nimport { stylePrefix } from '../__builtins__/configs'\nimport { FormBaseItem } from '../form-item'\n\ndefineOptions({\n  name: 'FEditablePopover',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<IFormItemProps>(), {\n  feedbackLayout: 'popover',\n  size: 'default',\n})\n\nconst fieldRef = useField<Field>()\nconst prefixCls = `${stylePrefix}-editable`\nconst contentRef = ref<HTMLElement>()\nconst visible = ref(false)\n\nif (isValid(fieldRef.value.data)) {\n  /* istanbul ignore else -- @preserve */\n  if (!isValid(fieldRef.value.data.readPretty)) {\n    fieldRef.value.data.readPretty = true\n  }\n}\nelse {\n  fieldRef.value.data = {}\n  fieldRef.value.data.readPretty = true\n}\n\nfunction onClickOutside(e) {\n  const popoverDOM = contentRef.value.parentElement\n  /* istanbul ignore else -- @preserve */\n  if (!popoverDOM.contains(e.target)) {\n    visible.value = false\n  }\n}\nfunction onClick() {\n  visible.value = true\n}\n\nreaction(\n  () => fieldRef.value.form.queryFeedbacks({\n    type: 'error',\n    address: `${fieldRef.value.address.entire}.*`,\n  }),\n  (errorList) => {\n    if (errorList.length > 0) {\n      visible.value = true\n    }\n  },\n)\n</script>\n\n<template>\n  <div :class=\"prefixCls\">\n    <ElPopover\n      v-bind=\"$attrs\"\n      :visible=\"visible\"\n      :title=\"$attrs.title || fieldRef.title\" trigger=\"click\" width=\"auto\"\n    >\n      <template #default>\n        <div ref=\"contentRef\" :class=\"`${prefixCls}-popover-wrapper`\">\n          <slot />\n        </div>\n      </template>\n      <template #reference>\n        <FormBaseItem v-click-outside=\"onClickOutside\" v-bind=\"props\" :class=\"`${prefixCls}-trigger`\">\n          <div :class=\"`${prefixCls}-content`\" @click=\"onClick\">\n            <ElText>\n              {{ fieldRef.title }}\n            </ElText>\n            <Edit :class=\"`${prefixCls}-edit-btn`\" />\n          </div>\n        </FormBaseItem>\n      </template>\n    </ElPopover>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Field } from '@formily/core'\nimport type { IFormItemProps } from '../form-item/types'\nimport { Close, Edit } from '@element-plus/icons-vue'\nimport { isPlainObj, isValid } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport { ClickOutside as vClickOutside } from 'element-plus'\nimport { omit } from 'lodash-es'\nimport { computed, nextTick, ref } from 'vue'\nimport { stylePrefix } from '../__builtins__/configs'\nimport { FormBaseItem } from '../form-item'\n\ndefineOptions({\n  name: 'FEditable',\n})\n\nconst props = withDefaults(defineProps<IFormItemProps & { editProps?: IFormItemProps }>(), {\n  feedbackLayout: 'popover',\n  size: 'default',\n})\n\nconst fieldRef = useField<Field>()\nconst innerRef = ref<HTMLElement>(null)\nconst prefixCls = `${stylePrefix}-editable`\nconst formItemRef = ref<InstanceType<typeof FormBaseItem>>(null)\n\nconst commonProps = computed(() => omit(props, 'editProps'))\nconst editProps = computed(() => {\n  if (isPlainObj(props.editProps)) {\n    return { ...omit(props, 'editProps'), ...props.editProps }\n  }\n  return omit(props, 'editProps')\n})\n\nfunction handleEnsureReadPretty() {\n  if (!isValid(fieldRef.value.data)) {\n    fieldRef.value.data = {}\n  }\n}\n\nhandleEnsureReadPretty()\nfieldRef.value.data.readPretty = true\n\nasync function onClick() {\n  if (fieldRef.value.disabled)\n    return\n  handleEnsureReadPretty()\n  fieldRef.value.data.readPretty = false\n  await nextTick()\n  formItemRef.value.feedbackTooltipRef.updatePopper()\n  innerRef.value?.querySelector('input')?.focus()\n}\n\nfunction onClickOutside() {\n  if (fieldRef.value.data?.readPretty === true)\n    return\n  handleEnsureReadPretty()\n  // 使用下拉菜单等触发的事件完成应有的操作\n  setTimeout(async () => {\n    fieldRef.value.data.readPretty = true\n    await nextTick()\n    formItemRef.value?.feedbackTooltipRef.updatePopper()\n  }, 0)\n}\n</script>\n\n<template>\n  <div ref=\"innerRef\" :class=\"[prefixCls, fieldRef.disabled && 'is-disabled']\">\n    <div v-click-outside=\"onClickOutside\" :class=\"`${prefixCls}-content`\">\n      <FormBaseItem ref=\"formItemRef\" v-bind=\"fieldRef.data?.readPretty === false ? editProps : commonProps\" @click=\"onClick\">\n        <div>\n          <slot />\n        </div>\n      </FormBaseItem>\n      <template v-if=\"!fieldRef.disabled\">\n        <template v-if=\"fieldRef.data?.readPretty === true\">\n          <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\n            <Edit :class=\"`${prefixCls}-edit-btn`\" @click=\"onClick\" />\n          </FormBaseItem>\n        </template>\n        <template v-else>\n          <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\n            <Close :class=\"`${prefixCls}-close-btn`\" @click=\"onClickOutside\" />\n          </FormBaseItem>\n        </template>\n      </template>\n    </div>\n  </div>\n</template>\n","import type { ElPopover } from 'element-plus'\nimport type { IFormItemProps } from '../form-item/types'\nimport { connect, mapProps } from '@silver-formily/vue'\nimport { composeExport } from '../__builtins__/shared'\nimport { fieldFeedbackMapper } from '../form-item'\nimport FEditablePopover from './editable-popover.vue'\nimport FEditable from './editable.vue'\nimport './style.scss'\n\nexport type EditableProps = IFormItemProps\nexport type EditablePopoverProps = typeof ElPopover\n\nconst EditableInner = connect<typeof FEditable>(FEditable, mapProps(\n  {\n    required: true,\n    description: 'extra',\n  },\n  fieldFeedbackMapper,\n))\n\nconst EditablePopover = connect<typeof FEditablePopover>(FEditablePopover, mapProps(\n  {\n    required: true,\n    description: 'extra',\n  },\n  fieldFeedbackMapper,\n))\n\nexport const Editable = composeExport(EditableInner, {\n  Popover: EditablePopover,\n})\n\nexport default Editable\n"],"names":["props","__props","fieldRef","useField","prefixCls","stylePrefix","contentRef","ref","visible","isValid","onClickOutside","e","onClick","reaction","errorList","_createElementBlock","_createVNode","_unref","ElPopover","_mergeProps","_ctx","$attrs","_createElementVNode","_renderSlot","_createBlock","FormBaseItem","ElText","_createTextVNode","_toDisplayString","Edit","innerRef","formItemRef","commonProps","computed","omit","editProps","isPlainObj","handleEnsureReadPretty","nextTick","_normalizeClass","_Fragment","Close","EditableInner","connect","FEditable","mapProps","fieldFeedbackMapper","EditablePopover","FEditablePopover","Editable","composeExport"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["FEditable","FEditablePopover"],"sources":["../../src/editable/index.ts"],"sourcesContent":["import type { ElPopover } from 'element-plus'\nimport type { IFormItemProps } from '../form-item/types'\nimport { connect, mapProps } from '@silver-formily/vue'\nimport { composeExport } from '../__builtins__/shared'\nimport { fieldFeedbackMapper } from '../form-item'\nimport FEditablePopover from './editable-popover.vue'\nimport FEditable from './editable.vue'\nimport './style.scss'\n\nexport type EditableProps = IFormItemProps\nexport type EditablePopoverProps = typeof ElPopover\n\nconst EditableInner = connect<typeof FEditable>(FEditable, mapProps(\n  {\n    required: true,\n    description: 'extra',\n  },\n  fieldFeedbackMapper,\n))\n\nconst EditablePopover = connect<typeof FEditablePopover>(FEditablePopover, mapProps(\n  {\n    required: true,\n    description: 'extra',\n  },\n  fieldFeedbackMapper,\n))\n\nexport const Editable = composeExport(EditableInner, {\n  Popover: EditablePopover,\n})\n\nexport default Editable\n"],"mappings":";;;;;;AA4BA,MAAa,WAAW,cAhBF,QAA0BA,aAAW,SACzD;CACE,UAAU;CACV,aAAa;CACd,EACD,oBACD,CAAC,EAUmD,EACnD,SATsB,QAAiCC,WAAkB,SACzE;CACE,UAAU;CACV,aAAa;CACd,EACD,oBACD,CAAC,EAID,CAAC"}

package/esm/editable/style.css

@@ -0,0 +1,29 @@
+.formily-element-plus-editable {
+  cursor: pointer;
+  display: inline-block !important;
+}
+.formily-element-plus-editable.is-disabled {
+  cursor: not-allowed;
+}
+.formily-element-plus-editable-content {
+  display: flex;
+  align-items: center;
+}
+.formily-element-plus-editable-content > * {
+  margin-right: 3px;
+}
+.formily-element-plus-editable-content > *:last-child {
+  margin-right: 0;
+}
+.formily-element-plus-editable .formily-element-plus-editable-edit-btn,
+.formily-element-plus-editable .formily-element-plus-editable-close-btn {
+  transition: all 0.25s ease-in-out;
+  width: 14px;
+  height: 14px;
+  display: inline;
+  vertical-align: sub;
+}
+.formily-element-plus-editable .formily-element-plus-editable-edit-btn:hover,
+.formily-element-plus-editable .formily-element-plus-editable-close-btn:hover {
+  color: var(--el-color-primary);
+}

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"}