@silver-formily/element-plus 2.3.0 → 2.4.0

package/esm/date-picker/index.mjs

@@ -1,9 +1,12 @@
 import { connect as r, mapProps as a } from "@silver-formily/vue";
 import { ElDatePicker as m } from "element-plus";
-import { PreviewText as o } from "../preview-text/index.mjs";
-import { getDefaultFormat as t } from "./utils.mjs";
-import { mapReadPretty as i } from "../__builtins__/shared/transform-component.mjs";
-const n = r(
+import "@formily/reactive";
+import "@vueuse/core";
+import "vue";
+import { mapReadPretty as o } from "../__builtins__/shared/transform-component.mjs";
+import { PreviewText as i } from "../preview-text/index.mjs";
+import { getDefaultFormat as e } from "./utils.mjs";
+const y = r(
   m,
   a(
     {
@@ -11,16 +14,16 @@ const n = r(
       disabled: !0,
       editable: !0
     },
-    (e) => ({
-      ...e,
-      format: e.format || t(e.type),
-      valueFormat: e.valueFormat || t(e.type, "valueFormat")
+    (t) => ({
+      ...t,
+      format: t.format || e(t.type),
+      valueFormat: t.valueFormat || e(t.type, "valueFormat")
     })
   ),
-  i(o.DatePicker)
+  o(i.DatePicker)
 );
 export {
-  n as DatePicker,
-  n as default
+  y as DatePicker,
+  y as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/date-picker/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/date-picker/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElDatePicker } from 'element-plus'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\nimport { getDefaultFormat } from './utils'\r\n\r\nexport const DatePicker = connect<typeof ElDatePicker>(\r\n  ElDatePicker,\r\n  mapProps(\r\n    {\r\n      readOnly: 'readonly',\r\n      disabled: true,\r\n      editable: true,\r\n    },\r\n    (props: any) => {\r\n      return {\r\n        ...props,\r\n        format: props.format || getDefaultFormat(props.type),\r\n        valueFormat:\r\n          props.valueFormat || getDefaultFormat(props.type, 'valueFormat'),\r\n      }\r\n    },\r\n  ),\r\n  mapReadPretty(PreviewText.DatePicker),\r\n)\r\n\r\nexport default DatePicker\r\n"],"names":["DatePicker","connect","ElDatePicker","mapProps","props","getDefaultFormat","mapReadPretty","PreviewText"],"mappings":";;;;;AAMO,MAAMA,IAAaC;AAAA,EACxBC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,OACQ;AAAA,MACL,GAAGA;AAAA,MACH,QAAQA,EAAM,UAAUC,EAAiBD,EAAM,IAAI;AAAA,MACnD,aACEA,EAAM,eAAeC,EAAiBD,EAAM,MAAM,aAAa;AAAA,IAAA;AAAA,EAErE;AAAA,EAEFE,EAAcC,EAAY,UAAU;AACtC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/date-picker/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\nimport { ElDatePicker } from 'element-plus'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport { getDefaultFormat } from './utils'\n\nexport const DatePicker = connect<typeof ElDatePicker>(\n  ElDatePicker,\n  mapProps(\n    {\n      readOnly: 'readonly',\n      disabled: true,\n      editable: true,\n    },\n    (props: any) => {\n      return {\n        ...props,\n        format: props.format || getDefaultFormat(props.type),\n        valueFormat:\n          props.valueFormat || getDefaultFormat(props.type, 'valueFormat'),\n      }\n    },\n  ),\n  mapReadPretty(PreviewText.DatePicker),\n)\n\nexport default DatePicker\n"],"names":["DatePicker","connect","ElDatePicker","mapProps","props","getDefaultFormat","mapReadPretty","PreviewText"],"mappings":";;;;;;;;AAMO,MAAMA,IAAaC;AAAA,EACxBC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,OACQ;AAAA,MACL,GAAGA;AAAA,MACH,QAAQA,EAAM,UAAUC,EAAiBD,EAAM,IAAI;AAAA,MACnD,aACEA,EAAM,eAAeC,EAAiBD,EAAM,MAAM,aAAa;AAAA,IAAA;AAAA,EAErE;AAAA,EAEFE,EAAcC,EAAY,UAAU;AACtC;"}

package/esm/date-picker/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../src/date-picker/utils.ts"],"sourcesContent":["import type { DatePickerProps } from 'element-plus'\r\n\r\ntype FormatType = 'format' | 'valueFormat'\r\n\r\nexport function getDefaultFormat(type: DatePickerProps['type'] = 'date', formatType: FormatType = 'format') {\r\n  if (type === 'week' && formatType === 'format') {\r\n    return '[Week] ww'\r\n  }\r\n  else {\r\n    switch (type) {\r\n      case 'year':\r\n      case 'years':\r\n      case 'yearrange': {\r\n        return 'YYYY'\r\n      }\r\n      case 'month':\r\n      case 'months':\r\n      case 'monthrange': {\r\n        return 'YYYY-MM'\r\n      }\r\n      case 'week': {\r\n        return 'ww'\r\n      }\r\n      case 'date':\r\n      case 'dates':\r\n      case 'daterange': {\r\n        return 'YYYY-MM-DD'\r\n      }\r\n      case 'datetime':\r\n      case 'datetimerange': {\r\n        return 'YYYY-MM-DD HH:mm:ss'\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":["getDefaultFormat","type","formatType"],"mappings":"AAIO,SAASA,EAAiBC,IAAgC,QAAQC,IAAyB,UAAU;AAC1G,MAAID,MAAS,UAAUC,MAAe;AACpC,WAAO;AAGP,UAAQD,GAAA;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,EACT;AAGN;"}
+{"version":3,"file":"utils.mjs","sources":["../../src/date-picker/utils.ts"],"sourcesContent":["import type { DatePickerProps } from 'element-plus'\n\ntype FormatType = 'format' | 'valueFormat'\n\nexport function getDefaultFormat(type: DatePickerProps['type'] = 'date', formatType: FormatType = 'format') {\n  if (type === 'week' && formatType === 'format') {\n    return '[Week] ww'\n  }\n  else {\n    switch (type) {\n      case 'year':\n      case 'years':\n      case 'yearrange': {\n        return 'YYYY'\n      }\n      case 'month':\n      case 'months':\n      case 'monthrange': {\n        return 'YYYY-MM'\n      }\n      case 'week': {\n        return 'ww'\n      }\n      case 'date':\n      case 'dates':\n      case 'daterange': {\n        return 'YYYY-MM-DD'\n      }\n      case 'datetime':\n      case 'datetimerange': {\n        return 'YYYY-MM-DD HH:mm:ss'\n      }\n    }\n  }\n}\n"],"names":["getDefaultFormat","type","formatType"],"mappings":"AAIO,SAASA,EAAiBC,IAAgC,QAAQC,IAAyB,UAAU;AAC1G,MAAID,MAAS,UAAUC,MAAe;AACpC,WAAO;AAGP,UAAQD,GAAA;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,EACT;AAGN;"}

package/esm/date-picker-panel/index.mjs

@@ -1,27 +1,30 @@
 import { connect as r, mapProps as m } from "@silver-formily/vue";
 import { ElDatePickerPanel as o } from "element-plus";
+import "@formily/reactive";
+import "@vueuse/core";
+import "vue";
+import { mapReadPretty as i } from "../__builtins__/shared/transform-component.mjs";
 import { getDefaultFormat as a } from "../date-picker/utils.mjs";
-import { PreviewText as i } from "../preview-text/index.mjs";
-import { mapReadPretty as l } from "../__builtins__/shared/transform-component.mjs";
-const c = r(
+import { PreviewText as l } from "../preview-text/index.mjs";
+const v = r(
   o,
   m(
     {
       disabled: !0,
       editable: !0
     },
-    (e) => {
-      const t = {};
-      return e.readOnly && (t.editable = !1), e.valueFormat || (t.valueFormat = a(e.type, "valueFormat")), e.dateFormat || (t.dateFormat = a(e.type)), {
-        ...e,
-        ...t
+    (t) => {
+      const e = {};
+      return t.readOnly && (e.editable = !1), t.valueFormat || (e.valueFormat = a(t.type, "valueFormat")), t.dateFormat || (e.dateFormat = a(t.type)), {
+        ...t,
+        ...e
       };
     }
   ),
-  l(i.DatePicker)
+  i(l.DatePicker)
 );
 export {
-  c as DatePickerPanel,
-  c as default
+  v as DatePickerPanel,
+  v as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/date-picker-panel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/date-picker-panel/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElDatePickerPanel } from 'element-plus'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { getDefaultFormat } from '../date-picker/utils'\r\nimport { PreviewText } from '../preview-text'\r\n\r\nexport const DatePickerPanel = connect<typeof ElDatePickerPanel>(\r\n  ElDatePickerPanel,\r\n  mapProps(\r\n    {\r\n      disabled: true,\r\n      editable: true,\r\n    },\r\n    (props: any) => {\r\n      const next: Record<string, any> = {}\r\n\r\n      if (props.readOnly) {\r\n        next.editable = false\r\n      }\r\n\r\n      if (!props.valueFormat) {\r\n        next.valueFormat = getDefaultFormat(props.type, 'valueFormat')\r\n      }\r\n\r\n      if (!props.dateFormat) {\r\n        next.dateFormat = getDefaultFormat(props.type)\r\n      }\r\n\r\n      return {\r\n        ...props,\r\n        ...next,\r\n      }\r\n    },\r\n  ),\r\n  mapReadPretty(PreviewText.DatePicker),\r\n)\r\n\r\nexport default DatePickerPanel\r\n"],"names":["DatePickerPanel","connect","ElDatePickerPanel","mapProps","props","next","getDefaultFormat","mapReadPretty","PreviewText"],"mappings":";;;;;AAMO,MAAMA,IAAkBC;AAAA,EAC7BC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,MAAe;AACd,YAAMC,IAA4B,CAAA;AAElC,aAAID,EAAM,aACRC,EAAK,WAAW,KAGbD,EAAM,gBACTC,EAAK,cAAcC,EAAiBF,EAAM,MAAM,aAAa,IAG1DA,EAAM,eACTC,EAAK,aAAaC,EAAiBF,EAAM,IAAI,IAGxC;AAAA,QACL,GAAGA;AAAA,QACH,GAAGC;AAAA,MAAA;AAAA,IAEP;AAAA,EAAA;AAAA,EAEFE,EAAcC,EAAY,UAAU;AACtC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/date-picker-panel/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\nimport { ElDatePickerPanel } from 'element-plus'\nimport { mapReadPretty } from '../__builtins__'\nimport { getDefaultFormat } from '../date-picker/utils'\nimport { PreviewText } from '../preview-text'\n\nexport const DatePickerPanel = connect<typeof ElDatePickerPanel>(\n  ElDatePickerPanel,\n  mapProps(\n    {\n      disabled: true,\n      editable: true,\n    },\n    (props: any) => {\n      const next: Record<string, any> = {}\n\n      if (props.readOnly) {\n        next.editable = false\n      }\n\n      if (!props.valueFormat) {\n        next.valueFormat = getDefaultFormat(props.type, 'valueFormat')\n      }\n\n      if (!props.dateFormat) {\n        next.dateFormat = getDefaultFormat(props.type)\n      }\n\n      return {\n        ...props,\n        ...next,\n      }\n    },\n  ),\n  mapReadPretty(PreviewText.DatePicker),\n)\n\nexport default DatePickerPanel\n"],"names":["DatePickerPanel","connect","ElDatePickerPanel","mapProps","props","next","getDefaultFormat","mapReadPretty","PreviewText"],"mappings":";;;;;;;;AAMO,MAAMA,IAAkBC;AAAA,EAC7BC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,MAAe;AACd,YAAMC,IAA4B,CAAA;AAElC,aAAID,EAAM,aACRC,EAAK,WAAW,KAGbD,EAAM,gBACTC,EAAK,cAAcC,EAAiBF,EAAM,MAAM,aAAa,IAG1DA,EAAM,eACTC,EAAK,aAAaC,EAAiBF,EAAM,IAAI,IAGxC;AAAA,QACL,GAAGA;AAAA,QACH,GAAGC;AAAA,MAAA;AAAA,IAEP;AAAA,EAAA;AAAA,EAEFE,EAAcC,EAAY,UAAU;AACtC;"}

package/esm/editable/editable.d.ts

@@ -19,6 +19,7 @@ declare function __VLS_template(): {
                 labelWrap: boolean;
                 fullness: boolean;
             }> & Omit<{
+                readonly internalFormItemClass?: string;
                 readonly label?: string;
                 readonly for?: string;
                 readonly tooltip?: string;
@@ -109,6 +110,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             labelWrap: boolean;
             fullness: boolean;
         }> & Omit<{
+            readonly internalFormItemClass?: string;
             readonly label?: string;
             readonly for?: string;
             readonly tooltip?: string;

package/esm/editable/index.d.ts

@@ -19,6 +19,7 @@ export declare const Editable: {
                 labelWrap: boolean;
                 fullness: boolean;
             }> & Omit<{
+                readonly internalFormItemClass?: string;
                 readonly label?: string;
                 readonly for?: string;
                 readonly tooltip?: string;

package/esm/editable/index.mjs

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

package/esm/editable/index.mjs.map

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

package/esm/form/form.mjs

@@ -1,7 +1,7 @@
 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 "@silver-formily/vue";
-import { PreviewText as c } from "../preview-text/index.mjs";
-import { _ as b } from "../form-layout/form-layout.mjs";
+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,
@@ -30,11 +30,11 @@ const $ = /* @__PURE__ */ h({
       form: o.form
     }, {
       default: i(() => [
-        n(t(c), {
+        n(t(b), {
           placeholder: o.previewTextPlaceholder
         }, {
           default: i(() => [
-            n(t(b), d(m.$attrs, {
+            n(t(c), d(m.$attrs, {
               onSubmit: r[0] || (r[0] = (e) => a(e, l.form))
             }), {
               default: i(() => [
@@ -47,12 +47,12 @@ const $ = /* @__PURE__ */ h({
         }, 8, ["placeholder"])
       ]),
       _: 3
-    }, 8, ["form"])) : t(u) ? (p(), f(t(c), {
+    }, 8, ["form"])) : t(u) ? (p(), f(t(b), {
       key: 1,
       placeholder: o.previewTextPlaceholder
     }, {
       default: i(() => [
-        n(t(b), d(m.$attrs, {
+        n(t(c), d(m.$attrs, {
           onSubmit: r[1] || (r[1] = F((e) => a(e, t(u)), ["prevent", "stop"]))
         }), {
           default: i(() => [

package/esm/form/form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.mjs","sources":["../../src/form/form.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { Form as FormType, IFormFeedback } from '@formily/core'\r\nimport type { PropType } from 'vue'\r\nimport { FormProvider, useForm } from '@silver-formily/vue'\r\nimport { FormLayout } from '../form-layout'\r\nimport { PreviewText } from '../preview-text'\r\n\r\ndefineOptions({\r\n  name: 'FForm',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n  form: {\r\n    type: Object as PropType<FormType>,\r\n  },\r\n  previewTextPlaceholder: {\r\n    type: String,\r\n  },\r\n  onAutoSubmit: {\r\n    type: Function as PropType<(values: FormType['values']) => Promise<any>>,\r\n  },\r\n  onAutoSubmitFailed: {\r\n    type: Function as PropType<(error: IFormFeedback[]) => void>,\r\n  },\r\n})\r\n\r\nconst top = useForm()\r\n\r\nfunction handleSubmit(e: Event, form: FormType) {\r\n  form\r\n    .submit(values => props.onAutoSubmit?.(values))\r\n    .catch(error => props.onAutoSubmitFailed?.(error))\r\n}\r\n</script>\r\n\r\n<template>\r\n  <FormProvider v-if=\"props.form\" :form=\"props.form\">\r\n    <PreviewText :placeholder=\"props.previewTextPlaceholder\">\r\n      <FormLayout v-bind=\"$attrs\" @submit=\"(e) => handleSubmit(e, form)\">\r\n        <slot />\r\n      </FormLayout>\r\n    </PreviewText>\r\n  </FormProvider>\r\n  <template v-else-if=\"top\">\r\n    <PreviewText :placeholder=\"props.previewTextPlaceholder\">\r\n      <FormLayout\r\n        v-bind=\"$attrs\"\r\n        @submit.prevent.stop=\"(e) => handleSubmit(e, top)\"\r\n      >\r\n        <slot />\r\n      </FormLayout>\r\n    </PreviewText>\r\n  </template>\r\n</template>\r\n"],"names":["props","__props","top","useForm","handleSubmit","e","form","values","error","_createBlock","_unref","FormProvider","_createVNode","PreviewText","FormLayout","_mergeProps","_ctx","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAeRC,IAAMC,EAAA;AAEZ,aAASC,EAAaC,GAAUC,GAAgB;AAC9C,MAAAA,EACG,OAAO,CAAAC,MAAUP,EAAM,eAAeO,CAAM,CAAC,EAC7C,MAAM,CAAAC,MAASR,EAAM,qBAAqBQ,CAAK,CAAC;AAAA,IACrD;qBAIsBR,EAAM,aAA1BS,EAMeC,EAAAC,CAAA,GAAA;AAAA;MANkB,MAAMX,EAAM;AAAA,IAAA;iBAC3C,MAIc;AAAA,QAJdY,EAIcF,EAAAG,CAAA,GAAA;AAAA,UAJA,aAAab,EAAM;AAAA,QAAA;qBAC/B,MAEa;AAAA,YAFbY,EAEaF,EAAAI,CAAA,GAFbC,EAEaC,EAAA,QAFa;AAAA,cAAG,2BAAS,MAAMZ,EAAa,GAAGH,EAAA,IAAI;AAAA,YAAA;yBAC9D,MAAQ;AAAA,gBAARgB,EAAQD,EAAA,QAAA,SAAA;AAAA,cAAA;;;;;;;;uBAION,EAAAR,CAAA,UACnBO,EAOcC,EAAAG,CAAA,GAAA;AAAA;MAPA,aAAab,EAAM;AAAA,IAAA;iBAC/B,MAKa;AAAA,QALbY,EAKaF,EAAAI,CAAA,GALbC,EAKaC,EAAA,QAJG;AAAA,UACb,6BAAsB,MAAMZ,EAAa,GAAGM,EAAAR,CAAA,CAAG,GAAA,CAAA,WAAA,MAAA,CAAA;AAAA,QAAA;qBAEhD,MAAQ;AAAA,YAARe,EAAQD,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;;"}
+{"version":3,"file":"form.mjs","sources":["../../src/form/form.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Form as FormType, IFormFeedback } from '@formily/core'\nimport type { PropType } from 'vue'\nimport { FormProvider, useForm } from '@silver-formily/vue'\nimport { FormLayout } from '../form-layout'\nimport { PreviewText } from '../preview-text'\n\ndefineOptions({\n  name: 'FForm',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  form: {\n    type: Object as PropType<FormType>,\n  },\n  previewTextPlaceholder: {\n    type: String,\n  },\n  onAutoSubmit: {\n    type: Function as PropType<(values: FormType['values']) => Promise<any>>,\n  },\n  onAutoSubmitFailed: {\n    type: Function as PropType<(error: IFormFeedback[]) => void>,\n  },\n})\n\nconst top = useForm()\n\nfunction handleSubmit(e: Event, form: FormType) {\n  form\n    .submit(values => props.onAutoSubmit?.(values))\n    .catch(error => props.onAutoSubmitFailed?.(error))\n}\n</script>\n\n<template>\n  <FormProvider v-if=\"props.form\" :form=\"props.form\">\n    <PreviewText :placeholder=\"props.previewTextPlaceholder\">\n      <FormLayout v-bind=\"$attrs\" @submit=\"(e) => handleSubmit(e, form)\">\n        <slot />\n      </FormLayout>\n    </PreviewText>\n  </FormProvider>\n  <template v-else-if=\"top\">\n    <PreviewText :placeholder=\"props.previewTextPlaceholder\">\n      <FormLayout\n        v-bind=\"$attrs\"\n        @submit.prevent.stop=\"(e) => handleSubmit(e, top)\"\n      >\n        <slot />\n      </FormLayout>\n    </PreviewText>\n  </template>\n</template>\n"],"names":["props","__props","top","useForm","handleSubmit","e","form","values","error","_createBlock","_unref","FormProvider","_createVNode","PreviewText","FormLayout","_mergeProps","_ctx","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAeRC,IAAMC,EAAA;AAEZ,aAASC,EAAaC,GAAUC,GAAgB;AAC9C,MAAAA,EACG,OAAO,CAAAC,MAAUP,EAAM,eAAeO,CAAM,CAAC,EAC7C,MAAM,CAAAC,MAASR,EAAM,qBAAqBQ,CAAK,CAAC;AAAA,IACrD;qBAIsBR,EAAM,aAA1BS,EAMeC,EAAAC,CAAA,GAAA;AAAA;MANkB,MAAMX,EAAM;AAAA,IAAA;iBAC3C,MAIc;AAAA,QAJdY,EAIcF,EAAAG,CAAA,GAAA;AAAA,UAJA,aAAab,EAAM;AAAA,QAAA;qBAC/B,MAEa;AAAA,YAFbY,EAEaF,EAAAI,CAAA,GAFbC,EAEaC,EAAA,QAFa;AAAA,cAAG,2BAAS,MAAMZ,EAAa,GAAGH,EAAA,IAAI;AAAA,YAAA;yBAC9D,MAAQ;AAAA,gBAARgB,EAAQD,EAAA,QAAA,SAAA;AAAA,cAAA;;;;;;;;uBAION,EAAAR,CAAA,UACnBO,EAOcC,EAAAG,CAAA,GAAA;AAAA;MAPA,aAAab,EAAM;AAAA,IAAA;iBAC/B,MAKa;AAAA,QALbY,EAKaF,EAAAI,CAAA,GALbC,EAKaC,EAAA,QAJG;AAAA,UACb,6BAAsB,MAAMZ,EAAa,GAAGM,EAAAR,CAAA,CAAG,GAAA,CAAA,WAAA,MAAA,CAAA;AAAA,QAAA;qBAEhD,MAAQ;AAAA,YAARe,EAAQD,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;;"}

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

@@ -13,6 +13,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         default: string;
     };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     gutter: {
         type: NumberConstructor;
         default: number;
@@ -26,6 +30,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         default: string;
     };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     gutter: {
         type: NumberConstructor;
         default: number;
@@ -37,6 +45,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>> & Readonly<{}>, {
     align: string;
     gutter: number;
+    inline: boolean;
     alignFormItem: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -4,6 +4,10 @@ export declare const FormButtonGroup: {
             type: StringConstructor;
             default: string;
         };
+        inline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         gutter: {
             type: NumberConstructor;
             default: number;
@@ -15,6 +19,7 @@ export declare const FormButtonGroup: {
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         align: string;
         gutter: number;
+        inline: boolean;
         alignFormItem: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -28,6 +33,10 @@ export declare const FormButtonGroup: {
             type: StringConstructor;
             default: string;
         };
+        inline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         gutter: {
             type: NumberConstructor;
             default: number;
@@ -39,6 +48,7 @@ export declare const FormButtonGroup: {
     }>> & Readonly<{}>, {}, {}, {}, {}, {
         align: string;
         gutter: number;
+        inline: boolean;
         alignFormItem: boolean;
     }>;
     __isFragment?: never;
@@ -49,6 +59,10 @@ export declare const FormButtonGroup: {
         type: StringConstructor;
         default: string;
     };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     gutter: {
         type: NumberConstructor;
         default: number;
@@ -60,6 +74,7 @@ export declare const FormButtonGroup: {
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     align: string;
     gutter: number;
+    inline: boolean;
     alignFormItem: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {