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

package/esm/editable/index.mjs

@@ -1,231 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,46 +0,0 @@
-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

@@ -1,77 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

package/esm/form/index.mjs

@@ -1,6 +0,0 @@
-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

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

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

@@ -1,17 +0,0 @@
-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

@@ -1,48 +0,0 @@
-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

@@ -1,87 +0,0 @@
-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

@@ -1,90 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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