@silver-formily/element-plus 2.4.0 → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/color-picker/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\nimport { ElColorPicker } from 'element-plus'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\n\nexport type ColorPickerProps = typeof ElColorPicker\n\nexport const ColorPicker = connect<typeof ElColorPicker>(\n  ElColorPicker,\n  mapProps({ readOnly: 'readonly', disabled: true }),\n  mapReadPretty(PreviewText.ColorPicker),\n)\n\nexport default ColorPicker\n"],"names":["ColorPicker","connect","ElColorPicker","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;;;;AAOO,MAAMA,IAAcC;AAAA,EACzBC;AAAA,EACAC,EAAS,EAAE,UAAU,YAAY,UAAU,IAAM;AAAA,EACjDC,EAAcC,EAAY,WAAW;AACvC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/color-picker/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElColorPicker } from 'element-plus'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\n\r\nexport type ColorPickerProps = typeof ElColorPicker\r\n\r\nexport const ColorPicker = connect<typeof ElColorPicker>(\r\n  ElColorPicker,\r\n  mapProps({ readOnly: 'readonly', disabled: true }),\r\n  mapReadPretty(PreviewText.ColorPicker),\r\n)\r\n\r\nexport default ColorPicker\r\n"],"names":["ColorPicker","connect","ElColorPicker","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;AAOO,MAAMA,IAAcC;AAAA,EACzBC;AAAA,EACAC,EAAS,EAAE,UAAU,YAAY,UAAU,IAAM;AAAA,EACjDC,EAAcC,EAAY,WAAW;AACvC;"}

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

@@ -1,11 +1,8 @@
 import { connect as e, mapProps as o } from "@silver-formily/vue";
 import { ElColorPickerPanel as t } from "element-plus";
-import "@formily/reactive";
-import "@vueuse/core";
-import "vue";
-import { mapReadPretty as i } from "../__builtins__/shared/transform-component.mjs";
-import { PreviewText as m } from "../preview-text/index.mjs";
-const f = e(
+import { PreviewText as i } from "../preview-text/index.mjs";
+import { mapReadPretty as a } from "../__builtins__/shared/transform-component.mjs";
+const d = e(
   t,
   o(
     {
@@ -16,10 +13,10 @@ const f = e(
       disabled: !0
     } : r
   ),
-  i(m.ColorPicker)
+  a(i.ColorPicker)
 );
 export {
-  f as ColorPickerPanel,
-  f as default
+  d as ColorPickerPanel,
+  d as default
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/color-picker-panel/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\nimport { ElColorPickerPanel } from 'element-plus'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\n\nexport type ColorPickerPanelProps = typeof ElColorPickerPanel\n\nexport const ColorPickerPanel = connect<typeof ElColorPickerPanel>(\n  ElColorPickerPanel,\n  mapProps(\n    {\n      disabled: true,\n    },\n    (props: any) => {\n      if (!props.readOnly) {\n        return props\n      }\n\n      return {\n        ...props,\n        disabled: true,\n      }\n    },\n  ),\n  mapReadPretty(PreviewText.ColorPicker),\n)\n\nexport default ColorPickerPanel\n"],"names":["ColorPickerPanel","connect","ElColorPickerPanel","mapProps","props","mapReadPretty","PreviewText"],"mappings":";;;;;;;AAOO,MAAMA,IAAmBC;AAAA,EAC9BC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,MACMA,EAAM,WAIJ;AAAA,MACL,GAAGA;AAAA,MACH,UAAU;AAAA,IAAA,IALHA;AAAA,EAOX;AAAA,EAEFC,EAAcC,EAAY,WAAW;AACvC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/color-picker-panel/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElColorPickerPanel } from 'element-plus'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\n\r\nexport type ColorPickerPanelProps = typeof ElColorPickerPanel\r\n\r\nexport const ColorPickerPanel = connect<typeof ElColorPickerPanel>(\r\n  ElColorPickerPanel,\r\n  mapProps(\r\n    {\r\n      disabled: true,\r\n    },\r\n    (props: any) => {\r\n      if (!props.readOnly) {\r\n        return props\r\n      }\r\n\r\n      return {\r\n        ...props,\r\n        disabled: true,\r\n      }\r\n    },\r\n  ),\r\n  mapReadPretty(PreviewText.ColorPicker),\r\n)\r\n\r\nexport default ColorPickerPanel\r\n"],"names":["ColorPickerPanel","connect","ElColorPickerPanel","mapProps","props","mapReadPretty","PreviewText"],"mappings":";;;;AAOO,MAAMA,IAAmBC;AAAA,EAC9BC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,MACMA,EAAM,WAIJ;AAAA,MACL,GAAGA;AAAA,MACH,UAAU;AAAA,IAAA,IALHA;AAAA,EAOX;AAAA,EAEFC,EAAcC,EAAY,WAAW;AACvC;"}

package/esm/date-picker/index.mjs

@@ -1,12 +1,9 @@
 import { connect as r, mapProps as a } from "@silver-formily/vue";
 import { ElDatePicker as m } from "element-plus";
-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(
+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(
   m,
   a(
     {
@@ -14,16 +11,16 @@ const y = r(
       disabled: !0,
       editable: !0
     },
-    (t) => ({
-      ...t,
-      format: t.format || e(t.type),
-      valueFormat: t.valueFormat || e(t.type, "valueFormat")
+    (e) => ({
+      ...e,
+      format: e.format || t(e.type),
+      valueFormat: e.valueFormat || t(e.type, "valueFormat")
     })
   ),
-  o(i.DatePicker)
+  i(o.DatePicker)
 );
 export {
-  y as DatePicker,
-  y as default
+  n as DatePicker,
+  n 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'\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;"}
+{"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;"}

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'\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;"}
+{"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;"}

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

@@ -1,30 +1,27 @@
 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 l } from "../preview-text/index.mjs";
-const v = r(
+import { PreviewText as i } from "../preview-text/index.mjs";
+import { mapReadPretty as l } from "../__builtins__/shared/transform-component.mjs";
+const c = r(
   o,
   m(
     {
       disabled: !0,
       editable: !0
     },
-    (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
+    (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
       };
     }
   ),
-  i(l.DatePicker)
+  l(i.DatePicker)
 );
 export {
-  v as DatePickerPanel,
-  v as default
+  c as DatePickerPanel,
+  c 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'\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;"}
+{"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;"}

package/esm/editable/editable.d.ts

@@ -20,13 +20,13 @@ declare function __VLS_template(): {
                 fullness: boolean;
             }> & Omit<{
                 readonly internalFormItemClass?: string;
-                readonly label?: string;
+                readonly label?: import('../form-item/types').FormItemContent;
                 readonly for?: string;
-                readonly tooltip?: string;
-                readonly addonBefore?: string;
-                readonly addonAfter?: string;
-                readonly extra?: string;
-                readonly feedbackText?: string;
+                readonly tooltip?: import('../form-item/types').FormItemContent;
+                readonly addonBefore?: import('../form-item/types').FormItemContent;
+                readonly addonAfter?: import('../form-item/types').FormItemContent;
+                readonly extra?: import('../form-item/types').FormItemContent;
+                readonly feedbackText?: import('../form-item/types').FormItemContent;
                 readonly feedbackStatus?: "error" | "warning" | "success" | "pending";
                 readonly asterisk?: boolean;
                 readonly colon?: boolean;
@@ -111,13 +111,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             fullness: boolean;
         }> & Omit<{
             readonly internalFormItemClass?: string;
-            readonly label?: string;
+            readonly label?: import('../form-item/types').FormItemContent;
             readonly for?: string;
-            readonly tooltip?: string;
-            readonly addonBefore?: string;
-            readonly addonAfter?: string;
-            readonly extra?: string;
-            readonly feedbackText?: string;
+            readonly tooltip?: import('../form-item/types').FormItemContent;
+            readonly addonBefore?: import('../form-item/types').FormItemContent;
+            readonly addonAfter?: import('../form-item/types').FormItemContent;
+            readonly extra?: import('../form-item/types').FormItemContent;
+            readonly feedbackText?: import('../form-item/types').FormItemContent;
             readonly feedbackStatus?: "error" | "warning" | "success" | "pending";
             readonly asterisk?: boolean;
             readonly colon?: boolean;

package/esm/editable/index.d.ts

@@ -20,13 +20,13 @@ export declare const Editable: {
                 fullness: boolean;
             }> & Omit<{
                 readonly internalFormItemClass?: string;
-                readonly label?: string;
+                readonly label?: import('../form-item/types').FormItemContent;
                 readonly for?: string;
-                readonly tooltip?: string;
-                readonly addonBefore?: string;
-                readonly addonAfter?: string;
-                readonly extra?: string;
-                readonly feedbackText?: string;
+                readonly tooltip?: import('../form-item/types').FormItemContent;
+                readonly addonBefore?: import('../form-item/types').FormItemContent;
+                readonly addonAfter?: import('../form-item/types').FormItemContent;
+                readonly extra?: import('../form-item/types').FormItemContent;
+                readonly feedbackText?: import('../form-item/types').FormItemContent;
                 readonly feedbackStatus?: "error" | "warning" | "success" | "pending";
                 readonly asterisk?: boolean;
                 readonly colon?: boolean;

package/esm/editable/index.mjs

@@ -1,16 +1,13 @@
 import { useField as E, connect as h, mapProps as w } from "@silver-formily/vue";
-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 { FormBaseItem as f, fieldFeedbackMapper as R } from "../form-item/index.mjs";
+import { defineComponent as z, ref as m, openBlock as n, createElementBlock as c, 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 W, toDisplayString as S, renderSlot as T, computed as g, Fragment as V, createCommentVNode as q, nextTick as x } from "vue";
+import { Edit as A, Close as D } from "@element-plus/icons-vue";
+import { reaction as N } from "@formily/reactive";
+import { isValid as $, isPlainObj as M } from "@formily/shared";
+import { ElPopover as j, ElText as G, ClickOutside as I } from "element-plus";
 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,
@@ -41,34 +38,28 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
     tooltipLayout: {}
   },
   setup(b) {
-    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(r) {
-      const p = s.value.parentElement;
-      /* istanbul ignore else -- @preserve */
-      p.contains(r.target) || (l.value = !1);
+    const a = b, e = E(), r = `${L}-editable`, s = m(), l = m(!1);
+    $(e.value.data) ? $(e.value.data.readPretty) || (e.value.data.readPretty = !0) : (e.value.data = {}, e.value.data.readPretty = !0);
+    function v(o) {
+      s.value.parentElement.contains(o.target) || (l.value = !1);
     }
     function y() {
       l.value = !0;
     }
-    return V(
+    return N(
       () => e.value.form.queryFeedbacks({
         type: "error",
         address: `${e.value.address.entire}.*`
       }),
-      (r) => {
-        r.length > 0 && (l.value = !0);
+      (o) => {
+        o.length > 0 && (l.value = !0);
       }
-    ), (r, p) => (n(), f("div", {
-      class: i(o)
+    ), (o, p) => (n(), c("div", {
+      class: i(r)
     }, [
-      u(t(O), P(r.$attrs, {
+      u(t(j), P(o.$attrs, {
         visible: l.value,
-        title: r.$attrs.title || t(e).title,
+        title: o.$attrs.title || t(e).title,
         trigger: "click",
         width: "auto"
       }), {
@@ -76,34 +67,34 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
           _("div", {
             ref_key: "contentRef",
             ref: s,
-            class: i(`${o}-popover-wrapper`)
+            class: i(`${r}-popover-wrapper`)
           }, [
-            T(r.$slots, "default")
+            T(o.$slots, "default")
           ], 2)
         ]),
         reference: d(() => [
-          F((n(), C(t(c), P(a, {
-            class: `${o}-trigger`
+          F((n(), C(t(f), P(a, {
+            class: `${r}-trigger`
           }), {
             default: d(() => [
               _("div", {
-                class: i(`${o}-content`),
+                class: i(`${r}-content`),
                 onClick: y
               }, [
-                u(t(S), null, {
+                u(t(G), null, {
                   default: d(() => [
-                    q(N(t(e).title), 1)
+                    W(S(t(e).title), 1)
                   ]),
                   _: 1
                 }),
-                u(t(I), {
-                  class: i(`${o}-edit-btn`)
+                u(t(A), {
+                  class: i(`${r}-edit-btn`)
                 }, null, 8, ["class"])
               ], 2)
             ]),
             _: 1
           }, 16, ["class"])), [
-            [t(R), v]
+            [t(I), v]
           ])
         ]),
         _: 3
@@ -140,58 +131,58 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
     editProps: {}
   },
   setup(b) {
-    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() {
+    const a = b, e = E(), r = m(null), s = `${L}-editable`, l = m(null), v = g(() => k(a, "editProps")), y = g(() => M(a.editProps) ? { ...k(a, "editProps"), ...a.editProps } : k(a, "editProps"));
+    function o() {
       $(e.value.data) || (e.value.data = {});
     }
-    r(), e.value.data.readPretty = !0;
+    o(), 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());
+      e.value.disabled || (o(), e.value.data.readPretty = !1, await x(), l.value.feedbackTooltipRef.updatePopper(), r.value?.querySelector("input")?.focus());
     }
     function B() {
-      e.value.data?.readPretty !== !0 && (r(), setTimeout(async () => {
+      e.value.data?.readPretty !== !0 && (o(), setTimeout(async () => {
         e.value.data.readPretty = !0, await x(), l.value?.feedbackTooltipRef.updatePopper();
       }, 0));
     }
-    return (W, X) => (n(), f("div", {
+    return (O, X) => (n(), c("div", {
       ref_key: "innerRef",
-      ref: o,
+      ref: r,
       class: i([s, t(e).disabled && "is-disabled"])
     }, [
-      F((n(), f("div", {
+      F((n(), c("div", {
         class: i(`${s}-content`)
       }, [
-        u(t(c), P({
+        u(t(f), P({
           ref_key: "formItemRef",
           ref: l
         }, t(e).data?.readPretty === !1 ? y.value : v.value, { onClick: p }), {
           default: d(() => [
             _("div", null, [
-              T(W.$slots, "default")
+              T(O.$slots, "default")
             ])
           ]),
           _: 3
         }, 16),
-        t(e).disabled ? D("", !0) : (n(), f(M, { key: 0 }, [
-          t(e).data?.readPretty === !0 ? (n(), C(t(c), {
+        t(e).disabled ? q("", !0) : (n(), c(V, { key: 0 }, [
+          t(e).data?.readPretty === !0 ? (n(), C(t(f), {
             key: 0,
             size: a.size,
             "feedback-layout": a.feedbackLayout
           }, {
             default: d(() => [
-              u(t(I), {
+              u(t(A), {
                 class: i(`${s}-edit-btn`),
                 onClick: p
               }, null, 8, ["class"])
             ]),
             _: 1
-          }, 8, ["size", "feedback-layout"])) : (n(), C(t(c), {
+          }, 8, ["size", "feedback-layout"])) : (n(), C(t(f), {
             key: 1,
             size: a.size,
             "feedback-layout": a.feedbackLayout
           }, {
             default: d(() => [
-              u(t(G), {
+              u(t(D), {
                 class: i(`${s}-close-btn`),
                 onClick: B
               }, null, 8, ["class"])
@@ -200,7 +191,7 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
           }, 8, ["size", "feedback-layout"]))
         ], 64))
       ], 2)), [
-        [t(R), B]
+        [t(I), B]
       ])
     ], 2));
   }
@@ -209,18 +200,18 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
     required: !0,
     description: "extra"
   },
-  A
+  R
 )), U = h(J, w(
   {
     required: !0,
     description: "extra"
   },
-  A
-)), pe = j(Q, {
+  R
+)), ne = H(Q, {
   Popover: U
 });
 export {
-  pe as Editable,
-  pe as default
+  ne as Editable,
+  ne 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 '@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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"}
+{"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","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,IAAIE,EAAQP,EAAS,MAAM,IAAI,IAExBO,EAAQP,EAAS,MAAM,KAAK,UAAU,MACzCA,EAAS,MAAM,KAAK,aAAa,OAInCA,EAAS,MAAM,OAAO,CAAA,GACtBA,EAAS,MAAM,KAAK,aAAa;AAGnC,aAASQ,EAAeC,GAAG;AAGzB,MAFmBL,EAAW,MAAM,cAEpB,SAASK,EAAE,MAAM,MAC/BH,EAAQ,QAAQ;AAAA,IAEpB;AACA,aAASI,IAAU;AACjB,MAAAJ,EAAQ,QAAQ;AAAA,IAClB;AAEA,WAAAK;AAAA,MACE,MAAMX,EAAS,MAAM,KAAK,eAAe;AAAA,QACvC,MAAM;AAAA,QACN,SAAS,GAAGA,EAAS,MAAM,QAAQ,MAAM;AAAA,MAAA,CAC1C;AAAA,MACD,CAACY,MAAc;AACb,QAAIA,EAAU,SAAS,MACrBN,EAAQ,QAAQ;AAAA,MAEpB;AAAA,IAAA,mBAKAO,EAsBM,OAAA;AAAA,MAtBA,SAAOX,CAAS;AAAA,IAAA;MACpBY,EAoBYC,EAAAC,CAAA,GApBZC,EAoBYC,EAAA,QAnBI;AAAA,QACb,SAASZ,EAAA;AAAA,QACT,OAAOa,EAAAA,OAAO,SAASJ,EAAAf,CAAA,EAAS;AAAA,QAAO,SAAQ;AAAA,QAAQ,OAAM;AAAA,MAAA;QAEnD,WACT,MAEM;AAAA,UAFNoB,EAEM,OAAA;AAAA,qBAFG;AAAA,YAAJ,KAAIhB;AAAA,YAAc,YAAUF,CAAS,kBAAA;AAAA,UAAA;YACxCmB,EAAQH,EAAA,QAAA,SAAA;AAAA,UAAA;;QAGD,aACT,MAOe;AAAA,kBAPfI,EAOeP,EAAAQ,CAAA,GAPfN,EAOenB,GAP6C;AAAA,YAAG,UAAUI,CAAS;AAAA,UAAA;uBAChF,MAKM;AAAA,cALNkB,EAKM,OAAA;AAAA,gBALA,YAAUlB,CAAS,UAAA;AAAA,gBAAa,SAAAQ;AAAA,cAAA;gBACpCI,EAESC,EAAAS,CAAA,GAAA,MAAA;AAAA,6BADP,MAAoB;AAAA,oBAAjBC,EAAAC,EAAAX,EAAAf,CAAA,EAAS,KAAK,GAAA,CAAA;AAAA,kBAAA;;;gBAEnBc,EAAyCC,EAAAY,CAAA,GAAA;AAAA,kBAAlC,YAAUzB,CAAS,WAAA;AAAA,gBAAA;;;;;mBALCM,CAAc;AAAA,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3DrD,UAAMV,IAAQC,GAKRC,IAAWC,EAAA,GACX2B,IAAWvB,EAAiB,IAAI,GAChCH,IAAY,GAAGC,CAAW,aAC1B0B,IAAcxB,EAAuC,IAAI,GAEzDyB,IAAcC,EAAS,MAAMC,EAAKlC,GAAO,WAAW,CAAC,GACrDmC,IAAYF,EAAS,MACrBG,EAAWpC,EAAM,SAAS,IACrB,EAAE,GAAGkC,EAAKlC,GAAO,WAAW,GAAG,GAAGA,EAAM,UAAA,IAE1CkC,EAAKlC,GAAO,WAAW,CAC/B;AAED,aAASqC,IAAyB;AAChC,MAAK5B,EAAQP,EAAS,MAAM,IAAI,MAC9BA,EAAS,MAAM,OAAO,CAAA;AAAA,IAE1B;AAEA,IAAAmC,EAAA,GACAnC,EAAS,MAAM,KAAK,aAAa;AAEjC,mBAAeU,IAAU;AACvB,MAAIV,EAAS,MAAM,aAEnBmC,EAAA,GACAnC,EAAS,MAAM,KAAK,aAAa,IACjC,MAAMoC,EAAA,GACNP,EAAY,MAAM,mBAAmB,aAAA,GACrCD,EAAS,OAAO,cAAc,OAAO,GAAG,MAAA;AAAA,IAC1C;AAEA,aAASpB,IAAiB;AACxB,MAAIR,EAAS,MAAM,MAAM,eAAe,OAExCmC,EAAA,GAEA,WAAW,YAAY;AACrB,QAAAnC,EAAS,MAAM,KAAK,aAAa,IACjC,MAAMoC,EAAA,GACNP,EAAY,OAAO,mBAAmB,aAAA;AAAA,MACxC,GAAG,CAAC;AAAA,IACN;2BAIEhB,EAoBM,OAAA;AAAA,eApBG;AAAA,MAAJ,KAAIe;AAAA,MAAY,OAAKS,EAAA,CAAGnC,GAAWa,EAAAf,CAAA,EAAS,YAAQ,aAAA,CAAA;AAAA,IAAA;cACvDa,EAkBM,OAAA;AAAA,QAlBiC,YAAUX,CAAS,UAAA;AAAA,MAAA;QACxDY,EAIeC,MAJfE,EAIe;AAAA,mBAJG;AAAA,UAAJ,KAAIY;AAAA,QAAA,GAAsBd,EAAAf,CAAA,EAAS,MAAM,eAAU,KAAaiC,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,EAAAf,CAAA,EAAS,6BAA1Ba,EAWWyB,GAAA,EAAA,KAAA,KAAA;AAAA,UAVOvB,EAAAf,CAAA,EAAS,MAAM,eAAU,WACvCsB,EAEeP,EAAAQ,CAAA,GAAA;AAAA;YAFA,MAAMzB,EAAM;AAAA,YAAO,mBAAiBA,EAAM;AAAA,UAAA;uBACvD,MAA0D;AAAA,cAA1DgB,EAA0DC,EAAAY,CAAA,GAAA;AAAA,gBAAnD,YAAUzB,CAAS,WAAA;AAAA,gBAAc,SAAAQ;AAAA,cAAA;;;sDAI1CY,EAEeP,EAAAQ,CAAA,GAAA;AAAA;YAFA,MAAMzB,EAAM;AAAA,YAAO,mBAAiBA,EAAM;AAAA,UAAA;uBACvD,MAAmE;AAAA,cAAnEgB,EAAmEC,EAAAwB,CAAA,GAAA;AAAA,gBAA3D,YAAUrC,CAAS,YAAA;AAAA,gBAAe,SAAOM;AAAA,cAAA;;;;;;eAdnCA,CAAc;AAAA,MAAA;;;ICxDlCgC,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/env.d.d.ts

@@ -0,0 +1 @@
+export {}

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 { defineComponent as h, openBlock as f, createBlock as p, unref as t, withCtx as i, createVNode as n, mergeProps as d, renderSlot as s, withModifiers as S, createCommentVNode as F } from "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";
+import { PreviewText as c } from "../preview-text/index.mjs";
+import { _ as b } from "../form-layout/form-layout.mjs";
 const $ = /* @__PURE__ */ h({
   name: "FForm",
   inheritAttrs: !1,
@@ -25,16 +25,16 @@ const $ = /* @__PURE__ */ h({
     function a(m, r) {
       r.submit((e) => o.onAutoSubmit?.(e)).catch((e) => o.onAutoSubmitFailed?.(e));
     }
-    return (m, r) => o.form ? (p(), f(t(w), {
+    return (m, r) => o.form ? (f(), p(t(w), {
       key: 0,
       form: o.form
     }, {
       default: i(() => [
-        n(t(b), {
+        n(t(c), {
           placeholder: o.previewTextPlaceholder
         }, {
           default: i(() => [
-            n(t(c), d(m.$attrs, {
+            n(t(b), d(m.$attrs, {
               onSubmit: r[0] || (r[0] = (e) => a(e, l.form))
             }), {
               default: i(() => [
@@ -47,13 +47,13 @@ const $ = /* @__PURE__ */ h({
         }, 8, ["placeholder"])
       ]),
       _: 3
-    }, 8, ["form"])) : t(u) ? (p(), f(t(b), {
+    }, 8, ["form"])) : t(u) ? (f(), p(t(c), {
       key: 1,
       placeholder: o.previewTextPlaceholder
     }, {
       default: i(() => [
-        n(t(c), d(m.$attrs, {
-          onSubmit: r[1] || (r[1] = F((e) => a(e, t(u)), ["prevent", "stop"]))
+        n(t(b), d(m.$attrs, {
+          onSubmit: r[1] || (r[1] = S((e) => a(e, t(u)), ["prevent", "stop"]))
         }), {
           default: i(() => [
             s(m.$slots, "default")
@@ -62,7 +62,7 @@ const $ = /* @__PURE__ */ h({
         }, 16)
       ]),
       _: 3
-    }, 8, ["placeholder"])) : S("", !0);
+    }, 8, ["placeholder"])) : F("", !0);
   }
 });
 export {

package/esm/form/form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.mjs","sources":["../../src/form/form.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Form as FormType, IFormFeedback } from '@formily/core'\nimport type { PropType } from 'vue'\nimport { FormProvider, useForm } from '@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;;;;;;;;"}
+{"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;;;;;;;;"}