@silver-formily/element-plus 2.0.0 → 2.1.0

package/esm/date-picker/index.mjs

@@ -1,17 +1,11 @@
-import { connect as r, mapProps as m } from "@formily/vue";
+import { connect as r, mapProps as m } from "@silver-formily/vue";
 import { ElDatePicker as o } from "element-plus";
 import "vue";
 import "@formily/reactive";
-import { transformComponent as n, mapReadPretty as c } from "../__builtins__/shared/transform-component.mjs";
-import { PreviewText as s } from "../preview-text/index.mjs";
-const u = n(
-  o,
-  {
-    change: "update:modelValue"
-  }
-);
-function a(e = "date", t = "format") {
-  if (e === "week" && t === "format")
+import { mapReadPretty as n } from "../__builtins__/shared/transform-component.mjs";
+import { PreviewText as c } from "../preview-text/index.mjs";
+function t(e = "date", a = "format") {
+  if (e === "week" && a === "format")
     return "[Week] ww";
   switch (e) {
     case "year":
@@ -33,25 +27,24 @@ function a(e = "date", t = "format") {
       return "YYYY-MM-DD HH:mm:ss";
   }
 }
-const w = r(
-  u,
+const l = r(
+  o,
   m(
     {
-      value: "modelValue",
       readOnly: "readonly",
       disabled: !0,
       editable: !0
     },
     (e) => ({
       ...e,
-      format: e.format || a(e.type),
-      valueFormat: e.valueFormat || a(e.type, "valueFormat")
+      format: e.format || t(e.type),
+      valueFormat: e.valueFormat || t(e.type, "valueFormat")
     })
   ),
-  c(s.DatePicker)
+  n(c.DatePicker)
 );
 export {
-  w as DatePicker,
-  w as default
+  l as DatePicker,
+  l 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 type { DatePickerProps } from 'element-plus'\nimport { connect, mapProps } from '@formily/vue'\nimport { ElDatePicker } from 'element-plus'\nimport { mapReadPretty, transformComponent } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\n\nconst TransformElDatePicker = transformComponent<DatePickerProps>(\n  ElDatePicker,\n  {\n    change: 'update:modelValue',\n  },\n)\n\nfunction getDefaultFormat(type: DatePickerProps['type'] = 'date', 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\nexport const DatePicker = connect(\n  TransformElDatePicker,\n  mapProps(\n    {\n      value: 'modelValue',\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":["TransformElDatePicker","transformComponent","ElDatePicker","getDefaultFormat","type","formatType","DatePicker","connect","mapProps","props","mapReadPretty","PreviewText"],"mappings":";;;;;;AAMA,MAAMA,IAAwBC;AAAA,EAC5BC;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,EAAA;AAEZ;AAEA,SAASC,EAAiBC,IAAgC,QAAQC,IAAa,UAAU;AACvF,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;AAEO,MAAME,IAAaC;AAAA,EACxBP;AAAA,EACAQ;AAAA,IACE;AAAA,MACE,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,OACQ;AAAA,MACL,GAAGA;AAAA,MACH,QAAQA,EAAM,UAAUN,EAAiBM,EAAM,IAAI;AAAA,MACnD,aACEA,EAAM,eAAeN,EAAiBM,EAAM,MAAM,aAAa;AAAA,IAAA;AAAA,EAErE;AAAA,EAEFC,EAAcC,EAAY,UAAU;AACtC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/date-picker/index.ts"],"sourcesContent":["import type { DatePickerProps } from 'element-plus'\nimport { connect, mapProps } from '@silver-formily/vue'\nimport { ElDatePicker } from 'element-plus'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\n\nfunction getDefaultFormat(type: DatePickerProps['type'] = 'date', 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\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":["getDefaultFormat","type","formatType","DatePicker","connect","ElDatePicker","mapProps","props","mapReadPretty","PreviewText"],"mappings":";;;;;;AAMA,SAASA,EAAiBC,IAAgC,QAAQC,IAAa,UAAU;AACvF,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;AAEO,MAAME,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,UAAUP,EAAiBO,EAAM,IAAI;AAAA,MACnD,aACEA,EAAM,eAAeP,EAAiBO,EAAM,MAAM,aAAa;AAAA,IAAA;AAAA,EAErE;AAAA,EAEFC,EAAcC,EAAY,UAAU;AACtC;"}

package/esm/editable/editable.d.ts

@@ -14,9 +14,10 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                asterisk: boolean;
                 colon: boolean;
+                labelWrap: boolean;
                 fullness: boolean;
-                feedbackLayout: "loose" | "terse" | "popover";
             }> & Omit<{
                 readonly label?: string;
                 readonly for?: string;
@@ -33,7 +34,6 @@ declare function __VLS_template(): {
                 readonly labelWrap?: boolean;
                 readonly labelWidth?: number;
                 readonly wrapperWidth?: number;
-                readonly wrapperWrap?: boolean;
                 readonly labelCol?: number;
                 readonly wrapperCol?: number;
                 readonly fullness?: boolean;
@@ -41,7 +41,7 @@ declare function __VLS_template(): {
                 readonly layout?: "vertical" | "horizontal" | "inline" | ("vertical" | "horizontal" | "inline")[];
                 readonly feedbackLayout?: "loose" | "terse" | "popover";
                 readonly tooltipLayout?: "icon" | "text";
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "colon" | "fullness" | "feedbackLayout">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "asterisk" | "colon" | "labelWrap" | "fullness">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -57,9 +57,10 @@ declare function __VLS_template(): {
             $options: import('vue').ComponentOptionsBase<Readonly<IFormItemProps> & Readonly<{}>, {
                 feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                asterisk: boolean;
                 colon: boolean;
+                labelWrap: boolean;
                 fullness: boolean;
-                feedbackLayout: "loose" | "terse" | "popover";
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -81,10 +82,11 @@ declare function __VLS_template(): {
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
+            asterisk: boolean;
             colon: boolean;
+            labelWrap: boolean;
             fullness: boolean;
-            feedbackLayout: "loose" | "terse" | "popover";
-        }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("colon" | "fullness" | "feedbackLayout") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("asterisk" | "colon" | "labelWrap" | "fullness") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
             feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: any;
@@ -102,9 +104,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            asterisk: boolean;
             colon: boolean;
+            labelWrap: boolean;
             fullness: boolean;
-            feedbackLayout: "loose" | "terse" | "popover";
         }> & Omit<{
             readonly label?: string;
             readonly for?: string;
@@ -121,7 +124,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly labelWrap?: boolean;
             readonly labelWidth?: number;
             readonly wrapperWidth?: number;
-            readonly wrapperWrap?: boolean;
             readonly labelCol?: number;
             readonly wrapperCol?: number;
             readonly fullness?: boolean;
@@ -129,7 +131,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly layout?: "vertical" | "horizontal" | "inline" | ("vertical" | "horizontal" | "inline")[];
             readonly feedbackLayout?: "loose" | "terse" | "popover";
             readonly tooltipLayout?: "icon" | "text";
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "colon" | "fullness" | "feedbackLayout">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "asterisk" | "colon" | "labelWrap" | "fullness">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -145,9 +147,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         $options: import('vue').ComponentOptionsBase<Readonly<IFormItemProps> & Readonly<{}>, {
             feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            asterisk: boolean;
             colon: boolean;
+            labelWrap: boolean;
             fullness: boolean;
-            feedbackLayout: "loose" | "terse" | "popover";
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -169,10 +172,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
+        asterisk: boolean;
         colon: boolean;
+        labelWrap: boolean;
         fullness: boolean;
-        feedbackLayout: "loose" | "terse" | "popover";
-    }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("colon" | "fullness" | "feedbackLayout") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("asterisk" | "colon" | "labelWrap" | "fullness") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
         feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: any;

package/esm/editable/index.d.ts

@@ -14,9 +14,10 @@ export declare const Editable: {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                asterisk: boolean;
                 colon: boolean;
+                labelWrap: boolean;
                 fullness: boolean;
-                feedbackLayout: "loose" | "terse" | "popover";
             }> & Omit<{
                 readonly label?: string;
                 readonly for?: string;
@@ -33,7 +34,6 @@ export declare const Editable: {
                 readonly labelWrap?: boolean;
                 readonly labelWidth?: number;
                 readonly wrapperWidth?: number;
-                readonly wrapperWrap?: boolean;
                 readonly labelCol?: number;
                 readonly wrapperCol?: number;
                 readonly fullness?: boolean;
@@ -41,7 +41,7 @@ export declare const Editable: {
                 readonly layout?: "vertical" | "horizontal" | "inline" | ("vertical" | "horizontal" | "inline")[];
                 readonly feedbackLayout?: "loose" | "terse" | "popover";
                 readonly tooltipLayout?: "icon" | "text";
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "colon" | "fullness" | "feedbackLayout">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "asterisk" | "colon" | "labelWrap" | "fullness">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -57,9 +57,10 @@ export declare const Editable: {
             $options: import('vue').ComponentOptionsBase<Readonly<IFormItemProps> & Readonly<{}>, {
                 feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                asterisk: boolean;
                 colon: boolean;
+                labelWrap: boolean;
                 fullness: boolean;
-                feedbackLayout: "loose" | "terse" | "popover";
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -81,10 +82,11 @@ export declare const Editable: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
+            asterisk: boolean;
             colon: boolean;
+            labelWrap: boolean;
             fullness: boolean;
-            feedbackLayout: "loose" | "terse" | "popover";
-        }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("colon" | "fullness" | "feedbackLayout") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("asterisk" | "colon" | "labelWrap" | "fullness") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
             feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: any;

package/esm/editable/index.mjs

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

package/esm/editable/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/editable/editable-popover.vue","../../src/editable/editable.vue","../../src/editable/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Field } from '@formily/core'\nimport type { IFormItemProps } from '../form-item/types'\nimport { Edit } from '@element-plus/icons-vue'\nimport { reaction } from '@formily/reactive'\nimport { isValid } from '@formily/shared'\nimport { useField } from '@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":"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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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,UAAMA,IAAQC,GAKRC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3DrD,UAAMV,IAAQC,GAKRC,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;;;ICxDlCiC,IAAgBC,EAA0BC,GAAWC;AAAA,EACzD;AAAA,IACE,UAAU;AAAA,IACV,aAAa;AAAA,EAAA;AAAA,EAEfC;AACF,CAAC,GAEKC,IAAkBJ,EAAiCK,GAAkBH;AAAA,EACzE;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.mjs

@@ -1,5 +1,5 @@
 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 { useForm as v, FormProvider as w } from "@silver-formily/vue";
 import { _ as c } from "../form-layout/form-layout.mjs";
 import { PreviewText as b } from "../preview-text/index.mjs";
 const $ = /* @__PURE__ */ h({