@silver-formily/element-plus 0.0.1-beta.0 → 1.0.1

package/esm/editable/index.mjs

@@ -0,0 +1,225 @@
+import { useField as x, connect as E, mapProps as h } from "@formily/vue";
+import { defineComponent as R, ref as m, createElementBlock as f, openBlock as u, normalizeClass as n, createVNode as d, unref as t, mergeProps as P, withCtx as s, withDirectives as z, createBlock as _, createElementVNode as C, createTextVNode as S, toDisplayString as V, renderSlot as T, computed as w, createCommentVNode as q, Fragment as I, nextTick as g } from "vue";
+import { ElPopover as N, ElText as D, ClickOutside as W } from "element-plus";
+import { reaction as M } from "@formily/reactive";
+import "@formily/core";
+import "@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 F, Close as G } from "@element-plus/icons-vue";
+import { isValid as B, 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__ */ R({
+  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(b) {
+    const l = b, e = x(), r = `${L}-editable`, i = m(), o = m(!1);
+    if (B(e.value.data)) {
+      /* istanbul ignore else -- @preserve */
+      B(e.value.data.readPretty) || (e.value.data.readPretty = !0);
+    } else
+      e.value.data = {}, e.value.data.readPretty = !0;
+    function y(a) {
+      const p = i.value.parentElement;
+      /* istanbul ignore else -- @preserve */
+      p.contains(a.target) || (o.value = !1);
+    }
+    function v() {
+      o.value = !0;
+    }
+    return M(
+      () => e.value.form.queryFeedbacks({
+        type: "error",
+        address: `${e.value.address.entire}.*`
+      }),
+      (a) => {
+        a.length > 0 && (o.value = !0);
+      }
+    ), (a, p) => (u(), f("div", {
+      class: n(r)
+    }, [
+      d(t(N), P(a.$attrs, {
+        visible: o.value,
+        title: a.$attrs.title || t(e).title,
+        trigger: "click",
+        width: "auto"
+      }), {
+        default: s(() => [
+          C("div", {
+            ref_key: "contentRef",
+            ref: i,
+            class: n(`${r}-popover-wrapper`)
+          }, [
+            T(a.$slots, "default")
+          ], 2)
+        ]),
+        reference: s(() => [
+          z((u(), _(t(c), P(l, {
+            class: `${r}-trigger`
+          }), {
+            default: s(() => [
+              C("div", {
+                class: n(`${r}-content`),
+                onClick: v
+              }, [
+                d(t(D), null, {
+                  default: s(() => [
+                    S(V(t(e).title), 1)
+                  ]),
+                  _: 1
+                }),
+                d(t(F), {
+                  class: n(`${r}-edit-btn`)
+                }, null, 8, ["class"])
+              ], 2)
+            ]),
+            _: 1
+          }, 16, ["class"])), [
+            [t(W), y]
+          ])
+        ]),
+        _: 3
+      }, 16, ["visible", "title"])
+    ]));
+  }
+}), K = /* @__PURE__ */ R({
+  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(b) {
+    const l = b, e = x(), r = m(null), i = `${L}-editable`, o = m(null), y = w(() => k(l, "editProps")), v = w(() => H(l.editProps) ? { ...k(l, "editProps"), ...l.editProps } : k(l, "editProps"));
+    function a() {
+      B(e.value.data) || (e.value.data = {});
+    }
+    a(), e.value.data.readPretty = !0;
+    async function p() {
+      e.value.disabled || (a(), e.value.data.readPretty = !1, await g(), o.value.feedbackTooltipRef.updatePopper(), r.value?.querySelector("input")?.focus());
+    }
+    function $() {
+      e.value.data?.readPretty !== !0 && (a(), setTimeout(async () => {
+        e.value.data.readPretty = !0, await g(), o.value?.feedbackTooltipRef.updatePopper();
+      }, 0));
+    }
+    return (O, X) => (u(), f("div", {
+      ref_key: "innerRef",
+      ref: r,
+      class: n([i, t(e).disabled && "is-disabled"])
+    }, [
+      z((u(), f("div", {
+        class: n(`${i}-content`)
+      }, [
+        d(t(c), P({
+          ref_key: "formItemRef",
+          ref: o
+        }, t(e).data?.readPretty === !1 ? v.value : y.value, { onClick: p }), {
+          default: s(() => [
+            C("div", null, [
+              T(O.$slots, "default")
+            ])
+          ]),
+          _: 3
+        }, 16),
+        t(e).disabled ? q("", !0) : (u(), f(I, { key: 0 }, [
+          t(e).data?.readPretty === !0 ? (u(), _(t(c), {
+            key: 0,
+            size: l.size,
+            "feedback-layout": l.feedbackLayout
+          }, {
+            default: s(() => [
+              d(t(F), {
+                class: n(`${i}-edit-btn`),
+                onClick: p
+              }, null, 8, ["class"])
+            ]),
+            _: 1
+          }, 8, ["size", "feedback-layout"])) : (u(), _(t(c), {
+            key: 1,
+            size: l.size,
+            "feedback-layout": l.feedbackLayout
+          }, {
+            default: s(() => [
+              d(t(G), {
+                class: n(`${i}-close-btn`),
+                onClick: $
+              }, null, 8, ["class"])
+            ]),
+            _: 1
+          }, 8, ["size", "feedback-layout"]))
+        ], 64))
+      ], 2)), [
+        [t(W), $]
+      ])
+    ], 2));
+  }
+}), Q = E(K, h(
+  {
+    required: !0,
+    description: "extra"
+  },
+  A
+)), U = E(J, h(
+  {
+    required: !0,
+    description: "extra"
+  },
+  A
+)), de = j(Q, {
+  Popover: U
+});
+export {
+  de as Editable,
+  de 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","_normalizeClass","_Fragment","Close","EditableInner","connect","FEditable","mapProps","fieldFeedbackMapper","EditablePopover","FEditablePopover","Editable","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,UAAMA,IAAQC,GA0BRC,IAAWC,EAAA,GACXC,IAAY,GAAGC,CAAW,aAC1BC,IAAaC,EAAA,GACbC,IAAUD,EAAI,EAAK;AAEzB,QAAIE,EAAQP,EAAS,MAAM,IAAI,GAAG;AAAA,MAAA;AAEhC,MAAKO,EAAQP,EAAS,MAAM,KAAK,UAAU,MACzCA,EAAS,MAAM,KAAK,aAAa;AAAA,IAErC;AAEE,MAAAA,EAAS,MAAM,OAAO,CAAA,GACtBA,EAAS,MAAM,KAAK,aAAa;AAGnC,aAASQ,EAAeC,GAAG;AACzB,YAAMC,IAAaN,EAAW,MAAM;AAAA,MAAA;AAEpC,MAAKM,EAAW,SAASD,EAAE,MAAM,MAC/BH,EAAQ,QAAQ;AAAA,IAEpB;AACA,aAASK,IAAU;AACjB,MAAAL,EAAQ,QAAQ;AAAA,IAClB;AAEA,WAAAM;AAAA,MACE,MAAMZ,EAAS,MAAM,KAAK,eAAe;AAAA,QACvC,MAAM;AAAA,QACN,SAAS,GAAGA,EAAS,MAAM,QAAQ,MAAM;AAAA,MAAA,CAC1C;AAAA,MACD,CAACa,MAAc;AACb,QAAIA,EAAU,SAAS,MACrBP,EAAQ,QAAQ;AAAA,MAEpB;AAAA,IAAA,mBAKAQ,EAsBM,OAAA;AAAA,MAtBA,SAAOZ,CAAS;AAAA,IAAA;MACpBa,EAoBYC,EAAAC,CAAA,GApBZC,EAoBYC,EAAA,QAnBI;AAAA,QACb,SAASb,EAAA;AAAA,QACT,OAAOc,EAAAA,OAAO,SAASJ,EAAAhB,CAAA,EAAS;AAAA,QAAO,SAAQ;AAAA,QAAQ,OAAM;AAAA,MAAA;QAEnD,WACT,MAEM;AAAA,UAFNqB,EAEM,OAAA;AAAA,qBAFG;AAAA,YAAJ,KAAIjB;AAAA,YAAc,YAAUF,CAAS,kBAAA;AAAA,UAAA;YACxCoB,EAAQH,EAAA,QAAA,SAAA;AAAA,UAAA;;QAGD,aACT,MAOe;AAAA,kBAPfI,EAOeP,EAAAQ,CAAA,GAPfN,EAOepB,GAP6C;AAAA,YAAG,UAAUI,CAAS;AAAA,UAAA;uBAChF,MAKM;AAAA,cALNmB,EAKM,OAAA;AAAA,gBALA,YAAUnB,CAAS,UAAA;AAAA,gBAAa,SAAAS;AAAA,cAAA;gBACpCI,EAESC,EAAAS,CAAA,GAAA,MAAA;AAAA,6BADP,MAAoB;AAAA,oBAAjBC,EAAAC,EAAAX,EAAAhB,CAAA,EAAS,KAAK,GAAA,CAAA;AAAA,kBAAA;;;gBAEnBe,EAAyCC,EAAAY,CAAA,GAAA;AAAA,kBAAlC,YAAU1B,CAAS,WAAA;AAAA,gBAAA;;;;;mBALCM,CAAc;AAAA,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChFrD,UAAMV,IAAQC,GA2BRC,IAAWC,EAAA,GACX4B,IAAWxB,EAAiB,IAAI,GAChCH,IAAY,GAAGC,CAAW,aAC1B2B,IAAczB,EAAuC,IAAI,GAEzD0B,IAAcC,EAAS,MAAMC,EAAKnC,GAAO,WAAW,CAAC,GACrDoC,IAAYF,EAAS,MACrBG,EAAWrC,EAAM,SAAS,IACrB,EAAE,GAAGmC,EAAKnC,GAAO,WAAW,GAAG,GAAGA,EAAM,UAAA,IAE1CmC,EAAKnC,GAAO,WAAW,CAC/B;AAED,aAASsC,IAAyB;AAChC,MAAK7B,EAAQP,EAAS,MAAM,IAAI,MAC9BA,EAAS,MAAM,OAAO,CAAA;AAAA,IAE1B;AAEA,IAAAoC,EAAA,GACApC,EAAS,MAAM,KAAK,aAAa;AAEjC,mBAAeW,IAAU;AACvB,MAAIX,EAAS,MAAM,aAEnBoC,EAAA,GACApC,EAAS,MAAM,KAAK,aAAa,IACjC,MAAMqC,EAAA,GACNP,EAAY,MAAM,mBAAmB,aAAA,GACrCD,EAAS,OAAO,cAAc,OAAO,GAAG,MAAA;AAAA,IAC1C;AAEA,aAASrB,IAAiB;AACxB,MAAIR,EAAS,MAAM,MAAM,eAAe,OAExCoC,EAAA,GAEA,WAAW,YAAY;AACrB,QAAApC,EAAS,MAAM,KAAK,aAAa,IACjC,MAAMqC,EAAA,GACNP,EAAY,OAAO,mBAAmB,aAAA;AAAA,MACxC,GAAG,CAAC;AAAA,IACN;2BAIEhB,EAoBM,OAAA;AAAA,eApBG;AAAA,MAAJ,KAAIe;AAAA,MAAY,OAAKS,EAAA,CAAGpC,GAAWc,EAAAhB,CAAA,EAAS,YAAQ,aAAA,CAAA;AAAA,IAAA;cACvDc,EAkBM,OAAA;AAAA,QAlBiC,YAAUZ,CAAS,UAAA;AAAA,MAAA;QACxDa,EAIeC,MAJfE,EAIe;AAAA,mBAJG;AAAA,UAAJ,KAAIY;AAAA,QAAA,GAAsBd,EAAAhB,CAAA,EAAS,MAAM,eAAU,KAAakC,EAAA,QAAYH,EAAA,OAAW,EAAG,SAAApB,EAAA,CAAc,GAAA;AAAA,qBACpH,MAEM;AAAA,YAFNU,EAEM,OAAA,MAAA;AAAA,cADJC,EAAQH,EAAA,QAAA,SAAA;AAAA,YAAA;;;;QAGKH,EAAAhB,CAAA,EAAS,6BAA1Bc,EAWWyB,GAAA,EAAA,KAAA,KAAA;AAAA,UAVOvB,EAAAhB,CAAA,EAAS,MAAM,eAAU,WACvCuB,EAEeP,EAAAQ,CAAA,GAAA;AAAA;YAFA,MAAM1B,EAAM;AAAA,YAAO,mBAAiBA,EAAM;AAAA,UAAA;uBACvD,MAA0D;AAAA,cAA1DiB,EAA0DC,EAAAY,CAAA,GAAA;AAAA,gBAAnD,YAAU1B,CAAS,WAAA;AAAA,gBAAc,SAAAS;AAAA,cAAA;;;sDAI1CY,EAEeP,EAAAQ,CAAA,GAAA;AAAA;YAFA,MAAM1B,EAAM;AAAA,YAAO,mBAAiBA,EAAM;AAAA,UAAA;uBACvD,MAAmE;AAAA,cAAnEiB,EAAmEC,EAAAwB,CAAA,GAAA;AAAA,gBAA3D,YAAUtC,CAAS,YAAA;AAAA,gBAAe,SAAOM;AAAA,cAAA;;;;;;eAdnCA,CAAc;AAAA,MAAA;;;IC9ElCiC,IAAgBC,EAAQC,GAAWC;AAAA,EACvC;AAAA,IACE,UAAU;AAAA,IACV,aAAa;AAAA,EAAA;AAAA,EAEfC;AACF,CAAC,GAEKC,IAAkBJ,EAAQK,GAAkBH;AAAA,EAChD;AAAA,IACE,UAAU;AAAA,IACV,aAAa;AAAA,EAAA;AAAA,EAEfC;AACF,CAAC,GAEYG,KAAWC,EAAcR,GAAe;AAAA,EACnD,SAASK;AACX,CAAC;"}

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,71 @@
+import { defineComponent as h, createBlock as f, createCommentVNode as S, openBlock as p, unref as t, withCtx as i, createVNode as n, mergeProps as d, renderSlot as s, withModifiers as F } from "vue";
+import { useForm as v, FormProvider as w } from "@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 ? (p(), f(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) ? (p(), f(t(b), {
+      key: 1,
+      placeholder: o.previewTextPlaceholder
+    }, {
+      default: i(() => [
+        n(t(c), d(m.$attrs, {
+          onSubmit: r[1] || (r[1] = F((e) => a(e, t(u)), ["prevent", "stop"]))
+        }), {
+          default: i(() => [
+            s(m.$slots, "default")
+          ]),
+          _: 3
+        }, 16)
+      ]),
+      _: 3
+    }, 8, ["placeholder"])) : S("", !0);
+  }
+});
+export {
+  $ 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","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;;;;;;;;"}

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,87 @@
+import { defineComponent as u, createBlock as s, openBlock as l, unref as t, mergeProps as a, withCtx as r, renderSlot as i, createVNode as c } from "vue";
+import { useAttrs as d, ElAffix as g, ElSpace as p } from "element-plus";
+import "@formily/reactive";
+import "@formily/core";
+import "@formily/reactive-vue";
+import { useForm as _ } from "@formily/vue";
+import { composeExport as y } from "../__builtins__/shared/utils.mjs";
+import { prefixCls as n } from "./utils.mjs";
+import { FormItem as $ } from "../form-item/index.mjs";
+import '../styles/form-button-group/index.css';const k = /* @__PURE__ */ u({
+  __name: "form-button-group-sticky",
+  setup(m) {
+    const e = d(), o = _();
+    return (f, h) => (l(), s(t(g), a({
+      class: `${t(n)}__sticky`
+    }, t(e), {
+      position: t(e).position ?? "bottom",
+      target: t(e).target ?? `#formily-${t(o)?.id}`
+    }), {
+      default: r(() => [
+        i(f.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class", "position", "target"]));
+  }
+}), F = /* @__PURE__ */ u({
+  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($), a({
+      key: 0,
+      colon: !1,
+      label: " "
+    }, o.$attrs, {
+      class: t(n),
+      style: {
+        width: "100%"
+      }
+    }), {
+      default: r(() => [
+        c(t(p), {
+          size: e.gutter
+        }, {
+          default: r(() => [
+            i(o.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["size"])
+      ]),
+      _: 3
+    }, 16, ["class"])) : (l(), s(t(p), 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"]));
+  }
+}), w = y(F, {
+  Sticky: k
+});
+export {
+  w 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;sBAIdC,KAAAC,EAOUC,MAPVC,EAOU;AAAA,MANP,UAAUD,EAAAE,CAAA,CAAS;AAAA,IAAA,GACZF,EAAAN,CAAA,GAAK;AAAA,MACZ,UAAUM,EAAAN,CAAA,EAAM,YAAQ;AAAA,MACxB,QAAQM,EAAAN,CAAA,EAAM,UAAM,YAAgBM,EAAAJ,CAAA,GAAS,EAAE;AAAA,IAAA;iBAEhD,MAAQ;AAAA,QAARO,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;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";

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

@@ -0,0 +1,12 @@
+import { stylePrefix as o } from "../__builtins__/configs/index.mjs";
+import "vue";
+import "element-plus";
+import "@formily/reactive";
+import "@formily/core";
+import "@formily/reactive-vue";
+import "@formily/vue";
+const s = `${o}-form-button-group`;
+export {
+  s as prefixCls
+};
+//# sourceMappingURL=utils.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../src/form-button-group/utils.ts"],"sourcesContent":["import { stylePrefix } from '../__builtins__'\n\nexport const prefixCls = `${stylePrefix}-form-button-group`\n"],"names":["prefixCls","stylePrefix"],"mappings":";;;;;;;AAEO,MAAMA,IAAY,GAAGC,CAAW;"}