@silver-formily/element-plus 0.0.1-alpha.0

package/esm/editable/index.mjs

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

package/esm/editable/index.mjs.map

@@ -0,0 +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 '@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 = defineProps({\n  label: null,\n  for: null,\n  tooltip: null,\n  addonBefore: null,\n  addonAfter: null,\n  extra: null,\n  feedbackText: null,\n  feedbackStatus: null,\n  asterisk: { type: Boolean },\n  colon: { type: Boolean },\n  labelAlign: null,\n  wrapperAlign: null,\n  labelWrap: { type: Boolean },\n  labelWidth: null,\n  wrapperWidth: null,\n  wrapperWrap: { type: Boolean },\n  labelCol: null,\n  wrapperCol: null,\n  fullness: { type: Boolean },\n  size: { default: 'default' },\n  layout: null,\n  feedbackLayout: { default: 'popover' },\n  tooltipLayout: null\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 '@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 = defineProps({\n  label: null,\n  for: null,\n  tooltip: null,\n  addonBefore: null,\n  addonAfter: null,\n  extra: null,\n  feedbackText: null,\n  feedbackStatus: null,\n  asterisk: { type: Boolean },\n  colon: { type: Boolean },\n  labelAlign: null,\n  wrapperAlign: null,\n  labelWrap: { type: Boolean },\n  labelWidth: null,\n  wrapperWidth: null,\n  wrapperWrap: { type: Boolean },\n  labelCol: null,\n  wrapperCol: null,\n  fullness: { type: Boolean },\n  size: { default: 'default' },\n  layout: null,\n  feedbackLayout: { default: 'popover' },\n  tooltipLayout: null,\n  editProps: null\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 '@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(FEditable, mapProps(\n  {\n    required: true,\n    description: 'extra',\n  },\n  fieldFeedbackMapper,\n))\n\nconst EditablePopover = connect(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","popoverDOM","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","_b","_a","_normalizeClass","_Fragment","Close","EditableInner","connect","FEditable","mapProps","fieldFeedbackMapper","EditablePopover","FEditablePopover","Editable","composeExport"],"mappings":"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"}

package/esm/form/form.d.ts

@@ -0,0 +1,46 @@
+import { Form as FormType, IFormFeedback } from '@formily/core';
+import { PropType } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<FormType>;
+    };
+    previewTextPlaceholder: {
+        type: StringConstructor;
+    };
+    onAutoSubmit: {
+        type: PropType<(values: FormType["values"]) => Promise<any>>;
+    };
+    onAutoSubmitFailed: {
+        type: PropType<(error: IFormFeedback[]) => void>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<FormType>;
+    };
+    previewTextPlaceholder: {
+        type: StringConstructor;
+    };
+    onAutoSubmit: {
+        type: PropType<(values: FormType["values"]) => Promise<any>>;
+    };
+    onAutoSubmitFailed: {
+        type: PropType<(error: IFormFeedback[]) => void>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/esm/form/form.mjs

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

package/esm/form/form.mjs.map

@@ -0,0 +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 '@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","_a","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,MAAA;;AAAU,gBAAAC,IAAAR,EAAM,iBAAN,gBAAAQ,EAAA,KAAAR,GAAqBO;AAAA,OAAO,EAC7C,MAAM,CAAAE,MAAA;;AAAS,gBAAAD,IAAAR,EAAM,uBAAN,gBAAAQ,EAAA,KAAAR,GAA2BS;AAAA,OAAM;AAAA,IACrD;qBAIsBT,EAAM,aAA1BU,EAMeC,EAAAC,CAAA,GAAA;AAAA;MANkB,MAAMZ,EAAM;AAAA,IAAA;iBAC3C,MAIc;AAAA,QAJda,EAIcF,EAAAG,CAAA,GAAA;AAAA,UAJA,aAAad,EAAM;AAAA,QAAA;qBAC/B,MAEa;AAAA,YAFba,EAEaF,EAAAI,CAAA,GAFbC,EAEaC,EAAA,QAFa;AAAA,cAAG,2BAASZ,MAAMD,EAAaC,GAAGJ,EAAA,IAAI;AAAA,YAAA;yBAC9D,MAAQ;AAAA,gBAARiB,EAAQD,EAAA,QAAA,SAAA;AAAA,cAAA;;;;;;;;uBAION,EAAAT,CAAA,UACnBQ,EAOcC,EAAAG,CAAA,GAAA;AAAA;MAPA,aAAad,EAAM;AAAA,IAAA;iBAC/B,MAKa;AAAA,QALba,EAKaF,EAAAI,CAAA,GALbC,EAKaC,EAAA,QAJG;AAAA,UACb,6BAAsBZ,MAAMD,EAAaC,GAAGM,EAAAT,CAAA,CAAG,GAAA,CAAA,WAAA,MAAA,CAAA;AAAA,QAAA;qBAEhD,MAAQ;AAAA,YAARgB,EAAQD,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;;"}

package/esm/form/index.d.ts

@@ -0,0 +1 @@
+export { default, default as Form } from './form';

package/esm/form/index.mjs

@@ -0,0 +1,6 @@
+import { _ as r, _ as e } from "./form.mjs";
+export {
+  r as Form,
+  e as default
+};
+//# sourceMappingURL=index.mjs.map

package/esm/form/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,48 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    align: {
+        type: StringConstructor;
+        default: string;
+    };
+    gutter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    alignFormItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    align: {
+        type: StringConstructor;
+        default: string;
+    };
+    gutter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    alignFormItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    gutter: number;
+    align: string;
+    alignFormItem: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,87 @@
+export declare const FormButtonGroup: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        align: {
+            type: StringConstructor;
+            default: string;
+        };
+        gutter: {
+            type: NumberConstructor;
+            default: number;
+        };
+        alignFormItem: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        gutter: number;
+        align: string;
+        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;
+        };
+        gutter: {
+            type: NumberConstructor;
+            default: number;
+        };
+        alignFormItem: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        gutter: number;
+        align: string;
+        alignFormItem: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    align: {
+        type: StringConstructor;
+        default: string;
+    };
+    gutter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    alignFormItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    gutter: number;
+    align: string;
+    alignFormItem: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        default?(_: {}): 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;
+        };
+    });
+};

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

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

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

@@ -0,0 +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 '@formily/vue'\nimport { ElAffix, useAttrs } from 'element-plus'\nimport { prefixCls } from './utils'\n\nconst attrs = useAttrs() as ComputedRef<Partial<AffixProps>>\nconst formRef = useForm()\n</script>\n\n<template>\n  <ElAffix\n    :class=\"`${prefixCls}__sticky`\"\n    v-bind=\"attrs\"\n    :position=\"attrs.position ?? 'bottom'\"\n    :target=\"attrs.target ?? `#formily-${formRef?.id}`\"\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  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    :colon=\"false\"\n    label=\" \"\n    v-bind=\"$attrs\"\n    :class=\"prefixCls\"\n    :style=\"{\n      width: '100%',\n    }\"\n  >\n    <ElSpace :size=\"props.gutter\">\n      <slot />\n    </ElSpace>\n  </FormItem>\n  <ElSpace\n    v-else\n    v-bind=\"$attrs\"\n    :class=\"prefixCls\"\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","_openBlock","_createBlock","_unref","_mergeProps","prefixCls","_renderSlot","_ctx","props","__props","$attrs","_createVNode","ElSpace","FormButtonGroup","composeExport","FormButtonGroupInner","FormButtonGroupSticky"],"mappings":";;;;;;;;;;;;AAOA,UAAMA,IAAQC,EAAA,GACRC,IAAUC,EAAA;;;AAId,aAAAC,KAAAC,EAOUC,MAPVC,EAOU;AAAA,QANP,UAAUD,EAAAE,CAAA,CAAS;AAAA,MAAA,GACZF,EAAAN,CAAA,GAAK;AAAA,QACZ,UAAUM,EAAAN,CAAA,EAAM,YAAQ;AAAA,QACxB,QAAQM,EAAAN,CAAA,EAAM,UAAM,aAAgBM,IAAAA,EAAAJ,CAAA,MAAAI,gBAAAA,EAAS,EAAE;AAAA,MAAA;mBAEhD,MAAQ;AAAA,UAARG,EAAQC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;ACRZ,UAAMC,IAAQC;qBAkBJD,EAAM,iBADdP,EAAA,GAAAC,EAaWC,MAbXC,EAaW;AAAA;MAXR,OAAO;AAAA,MACR,OAAM;AAAA,IAAA,GACEM,EAAAA,QAAM;AAAA,MACb,OAAOP,EAAAE,CAAA;AAAA,MACP,OAAO;AAAA;;IAEP;iBAED,MAEU;AAAA,QAFVM,EAEUR,EAAAS,CAAA,GAAA;AAAA,UAFA,MAAMJ,EAAM;AAAA,QAAA;qBACpB,MAAQ;AAAA,YAARF,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;+BAGZL,EAeUC,EAAAS,CAAA,GAfVR,EAeU,EAAA,KAAA,EAAA,GAbAM,EAAAA,QAAM;AAAA,MACb,OAAOP,EAAAE,CAAA;AAAA,MACP,OAAK;AAAA,QAA0B,gBAAAG,EAAM,UAAK,wBAA8CA,EAAM,UAAK;;;MAQnG,MAAMA,EAAM;AAAA,IAAA;iBAEb,MAAQ;AAAA,QAARF,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;IClDCM,IAAkBC,EAAcC,GAAsB;AAAA,EACjE,QAAQC;AACV,CAAC;"}

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

@@ -0,0 +1 @@
+export declare const prefixCls = "formily-element-plus-form-button-group";