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

package/esm/form-grid/index.mjs

@@ -0,0 +1,106 @@
+import { observer as s } from "@formily/reactive-vue";
+import { defineComponent as l, createElementBlock as u, openBlock as c, renderSlot as d, ref as y, computed as b, provide as G, watchEffect as _, normalizeStyle as g, normalizeClass as C } from "vue";
+import "element-plus";
+import { markRaw as F } from "@formily/reactive";
+import "@formily/core";
+import "@formily/vue";
+import { composeExport as v } from "../__builtins__/shared/utils.mjs";
+import { Grid as h } from "@formily/grid";
+import { stylePrefix as N } from "../__builtins__/configs/index.mjs";
+import { FormGridSymbol as w } from "./hooks.mjs";
+import '../styles/form-grid/index.css';const x = ["data-grid-span"], A = /* @__PURE__ */ l({
+  name: "FFormGridColumn",
+  __name: "form-grid-column",
+  props: {
+    gridSpan: {
+      type: Number,
+      default: 1
+    }
+  },
+  setup(m) {
+    const r = m;
+    return (n, a) => (c(), u("div", {
+      "data-grid-span": r.gridSpan
+    }, [
+      d(n.$slots, "default")
+    ], 8, x));
+  }
+}), k = /* @__PURE__ */ l({
+  name: "FFormGrid",
+  __name: "form-grid",
+  props: {
+    columnGap: {
+      type: Number
+    },
+    rowGap: {
+      type: Number
+    },
+    minColumns: {
+      type: [Number, Array]
+    },
+    minWidth: {
+      type: [Number, Array]
+    },
+    maxColumns: {
+      type: [Number, Array]
+    },
+    maxWidth: {
+      type: [Number, Array]
+    },
+    breakpoints: {
+      type: Array
+    },
+    colWrap: {
+      type: Boolean,
+      default: !0
+    },
+    strictAutoFit: {
+      type: Boolean,
+      default: !1
+    },
+    shouldVisible: {
+      type: Function,
+      default() {
+        return () => !0;
+      }
+    },
+    grid: {
+      type: Object
+    }
+  },
+  setup(m) {
+    const r = m, n = `${N}-form-grid`, a = y(), o = b(() => {
+      const { grid: e, ...t } = r, f = {
+        columnGap: (r == null ? void 0 : r.columnGap) ?? 8,
+        rowGap: r.rowGap ?? 4,
+        ...Object.fromEntries(
+          Object.entries(t).filter(([p, i]) => i !== void 0).map(([p, i]) => [p, i])
+        )
+      };
+      return F(e ?? new h(f));
+    });
+    return G(w, o), _((e) => {
+      const t = o.value.connect(a.value);
+      e(() => {
+        t();
+      });
+    }), (e, t) => (c(), u("div", {
+      ref_key: "rootRef",
+      ref: a,
+      class: C(n),
+      style: g({
+        gridTemplateColumns: o.value.templateColumns,
+        gap: o.value.gap
+      })
+    }, [
+      d(e.$slots, "default")
+    ], 4));
+  }
+}), S = s(k), B = s(A), V = v(S, {
+  GridColumn: B
+});
+export {
+  V as FormGrid,
+  V as default
+};
+//# sourceMappingURL=index.mjs.map

package/esm/form-grid/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/form-grid/form-grid-column.vue","../../src/form-grid/form-grid.vue","../../src/form-grid/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineOptions({\n  name: 'FFormGridColumn',\n})\n\nconst props = defineProps({\n  gridSpan: {\n    type: Number,\n    default: 1,\n  },\n})\n</script>\n\n<template>\n  <!-- @formily/grid 会优先使用这个值，如果没有会自动生成 -->\n  <div :data-grid-span=\"props.gridSpan\">\n    <slot />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { IGridOptions } from '@formily/grid'\nimport type { PropType } from 'vue'\nimport { Grid } from '@formily/grid'\nimport { markRaw } from '@formily/reactive'\nimport { computed, provide, ref, watchEffect } from 'vue'\nimport { stylePrefix } from '../__builtins__'\nimport { FormGridSymbol } from './hooks'\n\ndefineOptions({\n  name: 'FFormGrid',\n})\n\nconst props = defineProps({\n  columnGap: {\n    type: Number,\n  },\n  rowGap: {\n    type: Number,\n  },\n  minColumns: {\n    type: [Number, Array],\n  },\n  minWidth: {\n    type: [Number, Array],\n  },\n  maxColumns: {\n    type: [Number, Array],\n  },\n  maxWidth: {\n    type: [Number, Array],\n  },\n  breakpoints: {\n    type: Array as PropType<number[]>,\n  },\n  colWrap: {\n    type: Boolean,\n    default: true,\n  },\n  strictAutoFit: {\n    type: Boolean,\n    default: false,\n  },\n  shouldVisible: {\n    type: Function as PropType<IGridOptions['shouldVisible']>,\n    default() {\n      return () => true\n    },\n  },\n  grid: {\n    type: Object as PropType<Grid<HTMLElement>>,\n  },\n})\n\nconst prefixCls = `${stylePrefix}-form-grid`\nconst rootRef = ref<HTMLElement>()\n\nconst gridInstance = computed(() => {\n  const { grid, ...restProps } = props\n  const options = {\n    columnGap: props?.columnGap ?? 8,\n    rowGap: props.rowGap ?? 4,\n    ...Object.fromEntries(\n      Object.entries(restProps)\n        .filter(([_, v]) => v !== undefined)\n        .map(([k, v]) => [k, v]),\n    ),\n  }\n  return markRaw(grid ?? new Grid(options))\n})\n\nprovide(FormGridSymbol, gridInstance)\n\nwatchEffect((onInvalidate) => {\n  const dispose = gridInstance.value.connect(rootRef.value)\n  onInvalidate(() => {\n    dispose()\n  })\n})\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"prefixCls\"\n    :style=\"{\n      gridTemplateColumns: gridInstance.templateColumns,\n      gap: gridInstance.gap,\n    }\"\n  >\n    <slot />\n  </div>\n</template>\n","import { observer } from '@formily/reactive-vue'\nimport { composeExport } from '../__builtins__'\nimport FFormGridColumn from './form-grid-column.vue'\nimport FFormGrid from './form-grid.vue'\nimport './style.scss'\n\nconst FormGridInner = observer(FFormGrid)\n\nconst FormGridColumn = observer(FFormGridColumn)\n\nexport const FormGrid = composeExport(FormGridInner, {\n  GridColumn: FormGridColumn,\n})\n\nexport default FormGrid\n"],"names":["props","__props","_createElementBlock","_renderSlot","_ctx","prefixCls","stylePrefix","rootRef","ref","gridInstance","computed","grid","restProps","options","_","v","k","markRaw","Grid","provide","FormGridSymbol","watchEffect","onInvalidate","dispose","_normalizeStyle","FormGridInner","observer","FFormGrid","FormGridColumn","FFormGridColumn","FormGrid","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC;2BAUZC,EAEM,OAAA;AAAA,MAFA,kBAAgBF,EAAM;AAAA,IAAA;MAC1BG,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACHZ,UAAMJ,IAAQC,GAyCRI,IAAY,GAAGC,CAAW,cAC1BC,IAAUC,EAAA,GAEVC,IAAeC,EAAS,MAAM;AAClC,YAAM,EAAE,MAAAC,GAAM,GAAGC,EAAA,IAAcZ,GACzBa,IAAU;AAAA,QACd,YAAWb,KAAA,gBAAAA,EAAO,cAAa;AAAA,QAC/B,QAAQA,EAAM,UAAU;AAAA,QACxB,GAAG,OAAO;AAAA,UACR,OAAO,QAAQY,CAAS,EACrB,OAAO,CAAC,CAACE,GAAGC,CAAC,MAAMA,MAAM,MAAS,EAClC,IAAI,CAAC,CAACC,GAAGD,CAAC,MAAM,CAACC,GAAGD,CAAC,CAAC;AAAA,QAAA;AAAA,MAC3B;AAEF,aAAOE,EAAQN,KAAQ,IAAIO,EAAKL,CAAO,CAAC;AAAA,IAC1C,CAAC;AAED,WAAAM,EAAQC,GAAgBX,CAAY,GAEpCY,EAAY,CAACC,MAAiB;AAC5B,YAAMC,IAAUd,EAAa,MAAM,QAAQF,EAAQ,KAAK;AACxD,MAAAe,EAAa,MAAM;AACjB,QAAAC,EAAA;AAAA,MACF,CAAC;AAAA,IACH,CAAC,mBAICrB,EASM,OAAA;AAAA,eARA;AAAA,MAAJ,KAAIK;AAAA,MACH,SAAOF,CAAS;AAAA,MAChB,OAAKmB,EAAA;AAAA,QAA+B,qBAAAf,EAAA,MAAa;AAAA,QAA4B,KAAAA,EAAA,MAAa;AAAA,MAAA;;MAK3FN,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;ICpFNqB,IAAgBC,EAASC,CAAS,GAElCC,IAAiBF,EAASG,CAAe,GAElCC,IAAWC,EAAcN,GAAe;AAAA,EACnD,YAAYG;AACd,CAAC;"}

package/esm/form-item/form-item.d.ts

@@ -0,0 +1,18 @@
+import { TooltipInstance } from 'element-plus';
+import { IFormItemProps } from './types';
+declare function __VLS_template(): any;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IFormItemProps, {
+    feedbackTooltipRef: import('vue').Ref<TooltipInstance, TooltipInstance>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IFormItemProps> & Readonly<{}>, {
+    colon: boolean;
+    fullness: boolean;
+    feedbackLayout: "loose" | "terse" | "popover";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, any, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/esm/form-item/index.d.ts

@@ -0,0 +1,70 @@
+export declare function fieldFeedbackMapper(props: any, field: any): any;
+export declare const FormItem: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').IFormItemProps> & Readonly<{}>, {
+        feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        colon: boolean;
+        fullness: boolean;
+        feedbackLayout: "loose" | "terse" | "popover";
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, any, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').IFormItemProps> & Readonly<{}>, {
+        feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
+    }, {}, {}, {}, {
+        colon: boolean;
+        fullness: boolean;
+        feedbackLayout: "loose" | "terse" | "popover";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').IFormItemProps> & Readonly<{}>, {
+    feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    colon: boolean;
+    fullness: boolean;
+    feedbackLayout: "loose" | "terse" | "popover";
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: any;
+}) & {
+    BaseItem: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').IFormItemProps> & Readonly<{}>, {
+            feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            colon: boolean;
+            fullness: boolean;
+            feedbackLayout: "loose" | "terse" | "popover";
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, any, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./types').IFormItemProps> & Readonly<{}>, {
+            feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
+        }, {}, {}, {}, {
+            colon: boolean;
+            fullness: boolean;
+            feedbackLayout: "loose" | "terse" | "popover";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./types').IFormItemProps> & Readonly<{}>, {
+        feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        colon: boolean;
+        fullness: boolean;
+        feedbackLayout: "loose" | "terse" | "popover";
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: any;
+    });
+};
+export default FormItem;
+export { default as FormBaseItem } from './form-item';

package/esm/form-item/index.mjs

@@ -0,0 +1,346 @@
+import { isVoidField as ce } from "@formily/core";
+import { useField as fe, connect as pe, mapProps as ve } from "@formily/vue";
+import { defineComponent as me, useSlots as be, computed as c, ref as y, reactive as ye, watch as ke, provide as U, createElementBlock as n, openBlock as a, unref as o, normalizeClass as u, createBlock as p, createCommentVNode as f, createElementVNode as _, resolveDynamicComponent as S, normalizeStyle as F, withCtx as b, isVNode as C, createVNode as $, toDisplayString as k, Fragment as I, createTextVNode as E, renderSlot as Y, TransitionGroup as ge } from "vue";
+import { useNamespace as Se, useFormSize as xe, useId as he, formItemContextKey as _e, ElTooltip as P, ElIcon as H } from "element-plus";
+import "@formily/reactive";
+import "@formily/reactive-vue";
+import { composeExport as Ce } from "../__builtins__/shared/utils.mjs";
+import { InfoFilled as $e, CircleClose as Ie, CircleCheck as we, Warning as We } from "@element-plus/icons-vue";
+import { isValid as m, isArr as Fe } from "@formily/shared";
+import { stylePrefix as Ae } from "../__builtins__/configs/index.mjs";
+import { useResizeObserver as Be } from "../__builtins__/shared/hooks.mjs";
+import { FORM_LAYOUT_PROPS_KEYS as Le, useFormLayout as ze, formLayoutShallowContext as Te } from "../form-layout/utils.mjs";
+import { p as Re } from "../vendor/lodash.mjs";
+import { i as Ee, a as Pe, d as Ve } from "../vendor/types.mjs";
+import { a as Ne } from "../vendor/shared.esm-bundler.mjs";
+import { getFeedbackMessage as Oe, determineFeedbackStatus as qe } from "./utils.mjs";
+import '../styles/form-item/index.css';const Me = "utils/dom/style";
+function J(s, v = "px") {
+  if (!s)
+    return "";
+  if (Ee(s) || Pe(s))
+    return `${s}${v}`;
+  if (Ne(s))
+    return s;
+  Ve(Me, "binding value must be a string or number");
+}
+const je = ["role", "aria-labelledby"], Q = /* @__PURE__ */ me({
+  name: "FFormItem",
+  __name: "form-item",
+  props: {
+    label: null,
+    for: null,
+    tooltip: null,
+    addonBefore: null,
+    addonAfter: null,
+    extra: null,
+    feedbackText: null,
+    feedbackStatus: null,
+    asterisk: { type: Boolean },
+    colon: { type: Boolean, default: !0 },
+    labelAlign: null,
+    wrapperAlign: null,
+    labelWrap: { type: Boolean },
+    labelWidth: null,
+    wrapperWidth: null,
+    wrapperWrap: { type: Boolean },
+    labelCol: null,
+    wrapperCol: null,
+    fullness: { type: Boolean, default: !1 },
+    size: null,
+    layout: null,
+    feedbackLayout: { default: "loose" },
+    tooltipLayout: null
+  },
+  setup(s, { expose: v }) {
+    var G, K;
+    const e = s, A = be(), r = Se("form-item"), d = `${Ae}-form-item`, X = Object.fromEntries(
+      Object.entries(Re(e, Le)).filter(([t, i]) => m(i))
+    ), Z = ze(), l = c(() => Object.assign({}, Z.value, X)), V = fe(), N = xe(void 0, { formItem: !1 }), B = he().value, g = y([]), O = y(""), q = y(), x = y(), M = y();
+    v({
+      feedbackTooltipRef: M
+    });
+    const w = c(
+      () => l.value.layout === "vertical" || Fe(l.value.layout) && l.value.layout.includes("vertical") ? "top" : l.value.labelAlign
+    ), ee = c(() => {
+      if (w.value === "top")
+        return {};
+      const t = J(l.value.labelWidth || "");
+      return t ? { width: t } : {};
+    }), te = c(() => {
+      var i;
+      const t = J(((i = l.value) == null ? void 0 : i.wrapperWidth) || "");
+      return t ? { width: t, flex: "unset" } : {};
+    }), ae = c(() => {
+      var t;
+      return {
+        justifyContent: ((t = l.value) == null ? void 0 : t.wrapperAlign) === "right" && "flex-end"
+      };
+    }), le = c(
+      () => {
+        var t;
+        return e.asterisk && ((t = V.value) == null ? void 0 : t.pattern) !== "readPretty";
+      }
+    ), oe = c(() => {
+      var t, i, h;
+      return [
+        r.b(),
+        // eslint-disable-next-line unicorn/explicit-length-check
+        r.m(e.size || N.value || "default"),
+        r.is(e.feedbackStatus),
+        r.is("validating", O.value === "validating"),
+        r.is("success", O.value === "success"),
+        r.is("required", le.value || e.asterisk),
+        r.is("no-asterisk", (t = l.value) == null ? void 0 : t.hideRequiredAsterisk),
+        r.is(l.value.feedbackLayout),
+        ((i = l.value) == null ? void 0 : i.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
+        {
+          [r.m("feedback")]: (h = l.value) == null ? void 0 : h.statusIcon,
+          [r.m(`label-${w.value}`)]: w.value
+        }
+      ];
+    }), j = c(() => [
+      `${d}-feedback`,
+      r.is(e.feedbackStatus),
+      r.is("loose", e.feedbackLayout === "loose")
+    ]), L = c(() => e.label !== "" && m(e.label) || m(A.label)), z = c(() => e.for || (g.value.length === 1 ? g.value[0] : void 0)), T = c(() => !z.value && L.value);
+    async function re() {
+      return !0;
+    }
+    /* istanbul ignore next -- @preserve */
+    const se = () => {
+    };
+    /* istanbul ignore next -- @preserve */
+    const ie = async () => {
+    }, ne = (t) => {
+      /* istanbul ignore else -- @preserve */
+      g.value.includes(t) || g.value.push(t);
+    }, ue = (t) => {
+      g.value = g.value.filter((i) => i !== t);
+    }, D = y(!1);
+    Be(x, () => {
+      var t, i;
+      D.value = ((t = x.value) == null ? void 0 : t.scrollWidth) > ((i = x.value) == null ? void 0 : i.clientWidth);
+    });
+    const R = c(() => D.value && !l.value.labelWrap), de = y(""), W = ye({
+      $el: q,
+      labelWidth: (G = l.value) == null ? void 0 : G.labelWidth,
+      size: N,
+      validateState: de.value,
+      labelId: B,
+      inputIds: g,
+      isGroup: T,
+      hasLabel: L,
+      addInputId: ne,
+      removeInputId: ue,
+      resetField: ie,
+      clearValidate: se,
+      validate: re,
+      labelPosition: w,
+      inlineMessage: !0,
+      showMessage: !0,
+      fieldValue: (K = V.value) == null ? void 0 : K.value,
+      validateMessage: "",
+      propString: ""
+    });
+    return ke(() => e.feedbackStatus, (t) => {
+      if (t === "pending") {
+        W.validateState = "validating";
+        return;
+      }
+      if (t === "warning") {
+        W.validateState = "";
+        return;
+      }
+      W.validateState = t;
+    }, {
+      immediate: !0
+    }), U(Te, y({
+      ...m(e.size) && { size: e.size },
+      ...m(e.colon) && { colon: e.colon }
+    })), U(_e, W), (t, i) => (a(), n("div", {
+      ref_key: "formItemRef",
+      ref: q,
+      class: u([d, l.value.labelWrap && "is-warp", ...oe.value]),
+      role: T.value ? "group" : void 0,
+      "aria-labelledby": T.value ? o(B) : void 0
+    }, [
+      L.value ? (a(), p(S(z.value ? "label" : "div"), {
+        key: 0,
+        id: o(B),
+        for: z.value,
+        class: u([o(r).e("label"), o(m)(l.value.labelCol) && `${d}-col-${l.value.labelCol}`]),
+        style: F(ee.value)
+      }, {
+        default: b(() => [
+          C(e.label) ? (a(), p(S(e.label), { key: 0 })) : (a(), n("div", {
+            key: 1,
+            class: u(`${d}-label__wrapper`)
+          }, [
+            $(o(P), {
+              disabled: !R.value && l.value.tooltipLayout !== "text"
+            }, {
+              content: b(() => {
+                var h;
+                return [
+                  C(e.tooltip) ? (a(), p(S(e.tooltip), { key: 0 })) : (a(), n("div", {
+                    key: 1,
+                    style: F(`width: ${((h = x.value) == null ? void 0 : h.clientWidth) ?? 0}px;`)
+                  }, [
+                    R.value ? (a(), n(I, { key: 0 }, [
+                      E(k(e.label), 1)
+                    ], 64)) : f("", !0),
+                    l.value.tooltipLayout === "text" ? (a(), n(I, { key: 1 }, [
+                      E(k(e.tooltip), 1)
+                    ], 64)) : f("", !0)
+                  ], 4))
+                ];
+              }),
+              default: b(() => [
+                _("span", {
+                  class: u({
+                    [`${d}-label-content`]: !0,
+                    "is-tooltip": R.value || e.tooltip && l.value.tooltipLayout === "text"
+                  })
+                }, [
+                  _("span", {
+                    ref_key: "labelRef",
+                    ref: x
+                  }, k(e.label), 513)
+                ], 2)
+              ]),
+              _: 1
+            }, 8, ["disabled"]),
+            e.tooltip && l.value.tooltipLayout !== "text" ? (a(), p(o(P), {
+              key: 0,
+              content: e.tooltip
+            }, {
+              default: b(() => [
+                $(o(H), {
+                  class: u(`${d}-label-tooltip`)
+                }, {
+                  default: b(() => [
+                    $(o($e))
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              _: 1
+            }, 8, ["content"])) : f("", !0),
+            e.colon ? (a(), n("span", {
+              key: 1,
+              class: u(`${d}-colon`)
+            }, ":", 2)) : f("", !0)
+          ], 2))
+        ]),
+        _: 1
+      }, 8, ["id", "for", "class", "style"])) : f("", !0),
+      _("div", {
+        class: u([
+          `${d}-content__wrapper`,
+          o(m)(l.value.wrapperCol) && `${d}-col-${l.value.wrapperCol}`
+        ]),
+        style: F(ae.value)
+      }, [
+        o(m)(e.addonBefore) ? (a(), n(I, { key: 0 }, [
+          C(e.addonBefore) ? (a(), p(S(e.addonBefore), { key: 0 })) : (a(), n("div", {
+            key: 1,
+            class: u(`${d}-addon-before`)
+          }, k(e.addonBefore), 3))
+        ], 64)) : f("", !0),
+        _("div", {
+          class: u([
+            o(r).e("content"),
+            l.value.fullness && "is-fullness",
+            o(r).is("addon-after", !!e.addonAfter)
+          ]),
+          style: F(te.value)
+        }, [
+          e.feedbackLayout === "popover" ? (a(), p(o(P), {
+            key: 0,
+            ref_key: "feedbackTooltipRef",
+            ref: M,
+            visible: !!e.feedbackText,
+            effect: "light",
+            offset: 6
+          }, {
+            default: b(() => [
+              Y(t.$slots, "default")
+            ]),
+            content: b(() => [
+              _("div", {
+                class: u([...j.value, o(r).is("tooltip")])
+              }, [
+                $(o(H), null, {
+                  default: b(() => [
+                    e.feedbackStatus === "error" ? (a(), p(o(Ie), { key: 0 })) : f("", !0),
+                    e.feedbackStatus === "success" ? (a(), p(o(we), { key: 1 })) : f("", !0),
+                    e.feedbackStatus === "warning" ? (a(), p(o(We), { key: 2 })) : f("", !0)
+                  ]),
+                  _: 1
+                }),
+                E(" " + k(e.feedbackText), 1)
+              ], 2)
+            ]),
+            _: 3
+          }, 8, ["visible"])) : Y(t.$slots, "default", { key: 1 }),
+          $(ge, {
+            name: `${o(r).namespace.value}-zoom-in-top`
+          }, {
+            default: b(() => [
+              e.feedbackText && e.feedbackLayout !== "popover" ? (a(), n("div", {
+                key: 0,
+                class: u(j.value)
+              }, k(e.feedbackText), 3)) : f("", !0),
+              o(m)(e.extra) ? (a(), n(I, { key: 1 }, [
+                C(e.extra) ? (a(), p(S(e.extra), { key: 0 })) : (a(), n("div", {
+                  key: 1,
+                  class: u(`${d}-extra`)
+                }, k(e.extra), 3))
+              ], 64)) : f("", !0)
+            ]),
+            _: 1
+          }, 8, ["name"])
+        ], 6),
+        o(m)(e.addonAfter) ? (a(), n(I, { key: 1 }, [
+          C(e.addonAfter) ? (a(), p(S(e.addonAfter), { key: 0 })) : (a(), n("div", {
+            key: 1,
+            class: u(`${d}-addon-after`)
+          }, k(e.addonAfter), 3))
+        ], 64)) : f("", !0)
+      ], 6)
+    ], 10, je));
+  }
+});
+function De(s, v) {
+  if (ce(v) || !v)
+    return s;
+  const e = Oe(v), A = qe(v), r = "asterisk" in s ? s.asterisk : v.required && v.pattern !== "readPretty";
+  return {
+    ...s,
+    feedbackText: e,
+    feedbackStatus: A,
+    asterisk: r
+  };
+}
+const Ge = pe(
+  Q,
+  ve(
+    {
+      validateStatus: !0,
+      title: "label",
+      required: !0,
+      description: "extra"
+    },
+    De
+  )
+), nt = Ce(Ge, {
+  BaseItem: Q
+});
+export {
+  Q as FormBaseItem,
+  nt as FormItem,
+  nt as default,
+  De as fieldFeedbackMapper
+};
+//# sourceMappingURL=index.mjs.map

package/esm/form-item/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../node_modules/.pnpm/element-plus@2.10.4_vue@3.5.18_typescript@5.8.3_/node_modules/element-plus/es/utils/dom/style.mjs","../../src/form-item/form-item.vue","../../src/form-item/index.ts"],"sourcesContent":["import { isNumber, isStringNumber } from '../types.mjs';\nimport { isClient } from '@vueuse/core';\nimport { camelize, isObject, isString } from '@vue/shared';\nimport { entriesOf, keysOf } from '../objects.mjs';\nimport { debugWarn } from '../error.mjs';\n\nconst SCOPE = \"utils/dom/style\";\nconst classNameToArray = (cls = \"\") => cls.split(\" \").filter((item) => !!item.trim());\nconst hasClass = (el, cls) => {\n  if (!el || !cls)\n    return false;\n  if (cls.includes(\" \"))\n    throw new Error(\"className should not contain space.\");\n  return el.classList.contains(cls);\n};\nconst addClass = (el, cls) => {\n  if (!el || !cls.trim())\n    return;\n  el.classList.add(...classNameToArray(cls));\n};\nconst removeClass = (el, cls) => {\n  if (!el || !cls.trim())\n    return;\n  el.classList.remove(...classNameToArray(cls));\n};\nconst getStyle = (element, styleName) => {\n  var _a;\n  if (!isClient || !element || !styleName)\n    return \"\";\n  let key = camelize(styleName);\n  if (key === \"float\")\n    key = \"cssFloat\";\n  try {\n    const style = element.style[key];\n    if (style)\n      return style;\n    const computed = (_a = document.defaultView) == null ? void 0 : _a.getComputedStyle(element, \"\");\n    return computed ? computed[key] : \"\";\n  } catch (e) {\n    return element.style[key];\n  }\n};\nconst setStyle = (element, styleName, value) => {\n  if (!element || !styleName)\n    return;\n  if (isObject(styleName)) {\n    entriesOf(styleName).forEach(([prop, value2]) => setStyle(element, prop, value2));\n  } else {\n    const key = camelize(styleName);\n    element.style[key] = value;\n  }\n};\nconst removeStyle = (element, style) => {\n  if (!element || !style)\n    return;\n  if (isObject(style)) {\n    keysOf(style).forEach((prop) => removeStyle(element, prop));\n  } else {\n    setStyle(element, style, \"\");\n  }\n};\nfunction addUnit(value, defaultUnit = \"px\") {\n  if (!value)\n    return \"\";\n  if (isNumber(value) || isStringNumber(value)) {\n    return `${value}${defaultUnit}`;\n  } else if (isString(value)) {\n    return value;\n  }\n  debugWarn(SCOPE, \"binding value must be a string or number\");\n}\n\nexport { addClass, addUnit, classNameToArray, getStyle, hasClass, removeClass, removeStyle, setStyle };\n//# sourceMappingURL=style.mjs.map\n","<script lang=\"ts\" setup>\nimport type { Field } from '@formily/core'\nimport type {\n  FormItemContext,\n  FormItemValidateState,\n  FormValidationResult,\n  TooltipInstance,\n} from 'element-plus'\nimport type { ICalculatedFormLayoutProps } from 'src/form-layout/types'\nimport type { CSSProperties } from 'vue'\nimport type { IFormItemProps } from './types'\nimport { CircleCheck, CircleClose, InfoFilled, Warning } from '@element-plus/icons-vue'\nimport { isArr, isValid } from '@formily/shared'\nimport { useField } from '@formily/vue'\nimport { ElIcon, ElTooltip, formItemContextKey, useFormSize, useId, useNamespace } from 'element-plus'\nimport { addUnit } from 'element-plus/es/utils/index'\nimport { pick } from 'lodash-es'\nimport { computed, isVNode, provide, reactive, ref, useSlots, watch } from 'vue'\nimport { stylePrefix, useResizeObserver } from '../__builtins__'\nimport { FORM_LAYOUT_PROPS_KEYS, formLayoutShallowContext, useFormLayout } from '../form-layout/utils'\n\ndefineOptions({\n  name: 'FFormItem',\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, default: true },\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, default: false },\n  size: null,\n  layout: null,\n  feedbackLayout: { default: 'loose' },\n  tooltipLayout: null\n})\nconst slots = useSlots()\nconst ns = useNamespace('form-item')\nconst prefixCls = `${stylePrefix}-form-item`\nconst formItemConfig: Partial<ICalculatedFormLayoutProps> = Object.fromEntries(\n  Object.entries(pick(props, FORM_LAYOUT_PROPS_KEYS))\n    .filter(([_, value]) => isValid(value)),\n)\nconst formlayoutConfig = useFormLayout()\nconst formlayout = computed(() => Object.assign({}, formlayoutConfig.value, formItemConfig))\n\nconst field = useField<Field>()\n\nconst _size = useFormSize(undefined, { formItem: false })\n\nconst labelId = useId().value\nconst inputIds = ref<string[]>([])\n\nconst validateState = ref<FormItemValidateState>('')\nconst formItemRef = ref<HTMLDivElement>()\nconst labelRef = ref<HTMLElement>()\nconst feedbackTooltipRef = ref<TooltipInstance>()\ndefineExpose({\n  feedbackTooltipRef,\n})\n\nconst labelPosition = computed(\n  () => {\n    if (formlayout.value.layout === 'vertical' || (isArr(formlayout.value.layout) && formlayout.value.layout.includes('vertical' as any))) {\n      return 'top'\n    }\n    return formlayout.value.labelAlign\n  },\n)\n\nconst labelStyle = computed<CSSProperties>(() => {\n  if (labelPosition.value === 'top') {\n    return {}\n  }\n\n  const labelWidth = addUnit(formlayout.value.labelWidth || '')\n  if (labelWidth)\n    return { width: labelWidth }\n  return {}\n})\n\nconst contentStyle = computed<CSSProperties>(() => {\n  const contentWidth = addUnit(formlayout.value?.wrapperWidth || '')\n  if (contentWidth)\n    return { width: contentWidth, flex: 'unset' }\n  return {}\n})\n\nconst contentWrapperStyle = computed<CSSProperties>(() => {\n  return {\n    justifyContent: formlayout.value?.wrapperAlign === 'right' && 'flex-end',\n  }\n})\n\nconst isRequired = computed(() =>\n  props.asterisk && field.value?.pattern !== 'readPretty',\n)\n\nconst formItemClasses = computed(() => [\n  ns.b(),\n  // eslint-disable-next-line unicorn/explicit-length-check\n  ns.m(props.size || _size.value || 'default'),\n  ns.is(props.feedbackStatus),\n  ns.is('validating', validateState.value === 'validating'),\n  ns.is('success', validateState.value === 'success'),\n  ns.is('required', isRequired.value || props.asterisk),\n  ns.is('no-asterisk', formlayout.value?.hideRequiredAsterisk),\n  ns.is(formlayout.value.feedbackLayout),\n  formlayout.value?.requireAsteriskPosition === 'right'\n    ? 'asterisk-right'\n    : 'asterisk-left',\n  {\n    [ns.m('feedback')]: formlayout.value?.statusIcon,\n    [ns.m(`label-${labelPosition.value}`)]: labelPosition.value,\n  },\n])\n\nconst validateClasses = computed(() => [\n  `${prefixCls}-feedback`,\n  ns.is(props.feedbackStatus),\n  ns.is('loose', props.feedbackLayout === 'loose'),\n])\n\nconst hasLabel = computed<boolean>(() => {\n  return (props.label !== '' && isValid(props.label)) || isValid(slots.label)\n})\n\nconst labelFor = computed<string | undefined>(() => {\n  return (\n    props.for || (inputIds.value.length === 1 ? inputIds.value[0] : undefined)\n  )\n})\n\nconst isGroup = computed<boolean>(() => {\n  return !labelFor.value && hasLabel.value\n})\n\nasync function validate(): FormValidationResult {\n  return true\n}\n/* istanbul ignore next -- @preserve */\nconst clearValidate: FormItemContext['clearValidate'] = () => {}\n/* istanbul ignore next -- @preserve */\nconst resetField: FormItemContext['resetField'] = async () => {}\n\nconst addInputId: FormItemContext['addInputId'] = (id: string) => {\n  /* istanbul ignore else -- @preserve */\n  if (!inputIds.value.includes(id)) {\n    inputIds.value.push(id)\n  }\n}\n\nconst removeInputId: FormItemContext['removeInputId'] = (id: string) => {\n  inputIds.value = inputIds.value.filter(listId => listId !== id)\n}\n\nconst isEllipsisActive = ref(false)\nuseResizeObserver(labelRef, () => {\n  isEllipsisActive.value = labelRef.value?.scrollWidth > labelRef.value?.clientWidth\n})\nconst isEllipsis = computed(() => {\n  return isEllipsisActive.value && !formlayout.value.labelWrap\n})\n\n// HACK computed无法监听到props.feedbackStatus的变化\nconst _validateState = ref<FormItemValidateState>('')\nconst context: FormItemContext = reactive({\n  $el: formItemRef,\n  labelWidth: formlayout.value?.labelWidth,\n  size: _size,\n  validateState: _validateState.value,\n  labelId,\n  inputIds,\n  isGroup,\n  hasLabel,\n  addInputId,\n  removeInputId,\n  resetField,\n  clearValidate,\n  validate,\n  labelPosition,\n  inlineMessage: true,\n  showMessage: true,\n  fieldValue: field.value?.value,\n  validateMessage: '',\n  propString: '',\n})\nwatch(() => props.feedbackStatus, (val) => {\n  if (val === 'pending') {\n    context.validateState = 'validating'\n    return\n  }\n  if (val === 'warning') {\n    context.validateState = ''\n    return\n  }\n  context.validateState = val\n}, {\n  immediate: true,\n})\n\nprovide(formLayoutShallowContext, ref({\n  ...(isValid(props.size) && { size: props.size }),\n  ...(isValid(props.colon) && { colon: props.colon }),\n}))\nprovide(formItemContextKey, context)\n</script>\n\n<template>\n  <div\n    ref=\"formItemRef\" :class=\"[prefixCls, formlayout.labelWrap && 'is-warp', ...formItemClasses]\"\n    :role=\"isGroup ? 'group' : undefined\" :aria-labelledby=\"isGroup ? labelId : undefined\"\n  >\n    <component\n      :is=\"labelFor ? 'label' : 'div'\" v-if=\"hasLabel\" :id=\"labelId\" :for=\"labelFor\"\n      :class=\"[ns.e('label'), isValid(formlayout.labelCol) && `${prefixCls}-col-${formlayout.labelCol}`]\"\n      :style=\"labelStyle\"\n    >\n      <!-- label -->\n      <template v-if=\"isVNode(props.label)\">\n        <component :is=\"props.label\" />\n      </template>\n      <div v-else :class=\"`${prefixCls}-label__wrapper`\">\n        <ElTooltip :disabled=\"!isEllipsis && formlayout.tooltipLayout !== 'text'\">\n          <span\n            :class=\"{\n              [`${prefixCls}-label-content`]: true,\n              ['is-tooltip']: isEllipsis || (props.tooltip && formlayout.tooltipLayout === 'text'),\n            }\"\n          >\n            <span ref=\"labelRef\">{{ props.label }}</span>\n          </span>\n          <template #content>\n            <template v-if=\"isVNode(props.tooltip)\">\n              <component :is=\"props.tooltip\" />\n            </template>\n            <div v-else :style=\"`width: ${labelRef?.clientWidth ?? 0}px;`\">\n              <template v-if=\"isEllipsis\">\n                {{ props.label }}\n              </template>\n              <template v-if=\"formlayout.tooltipLayout === 'text'\">\n                {{ props.tooltip }}\n              </template>\n            </div>\n          </template>\n        </ElTooltip>\n        <ElTooltip v-if=\"props.tooltip && formlayout.tooltipLayout !== 'text'\" :content=\"props.tooltip\">\n          <ElIcon :class=\"`${prefixCls}-label-tooltip`\">\n            <InfoFilled />\n          </ElIcon>\n        </ElTooltip>\n        <span v-if=\"props.colon\" :class=\"`${prefixCls}-colon`\">:</span>\n      </div>\n    </component>\n    <!-- content -->\n    <div\n      :class=\"[\n        `${prefixCls}-content__wrapper`,\n        isValid(formlayout.wrapperCol) && `${prefixCls}-col-${formlayout.wrapperCol}`,\n      ]\"\n      :style=\"contentWrapperStyle\"\n    >\n      <template v-if=\"isValid(props.addonBefore)\">\n        <template v-if=\"isVNode(props.addonBefore)\">\n          <component :is=\"props.addonBefore\" />\n        </template>\n        <div v-else :class=\"`${prefixCls}-addon-before`\">\n          {{ props.addonBefore }}\n        </div>\n      </template>\n      <div\n        :class=\"[\n          ns.e('content'),\n          formlayout.fullness && 'is-fullness',\n          ns.is('addon-after', !!props.addonAfter),\n        ]\" :style=\"contentStyle\"\n      >\n        <ElTooltip\n          v-if=\"props.feedbackLayout === 'popover'\"\n          ref=\"feedbackTooltipRef\"\n          :visible=\"!!props.feedbackText\"\n          effect=\"light\"\n          :offset=\"6\"\n        >\n          <template #default>\n            <slot />\n          </template>\n          <template #content>\n            <div :class=\"[...validateClasses, ns.is('tooltip')]\">\n              <ElIcon>\n                <CircleClose v-if=\"props.feedbackStatus === 'error'\" />\n                <CircleCheck v-if=\"props.feedbackStatus === 'success'\" />\n                <Warning v-if=\"props.feedbackStatus === 'warning'\" />\n              </ElIcon>\n              {{ props.feedbackText }}\n            </div>\n          </template>\n        </ElTooltip>\n        <slot v-else />\n        <TransitionGroup :name=\"`${ns.namespace.value}-zoom-in-top`\">\n          <div v-if=\"props.feedbackText && props.feedbackLayout !== 'popover'\" :class=\"validateClasses\">\n            {{ props.feedbackText }}\n          </div>\n          <template v-if=\"isValid(props.extra)\">\n            <template v-if=\"isVNode(props.extra)\">\n              <component :is=\"props.extra\" />\n            </template>\n            <div v-else :class=\"`${prefixCls}-extra`\">\n              {{ props.extra }}\n            </div>\n          </template>\n        </TransitionGroup>\n      </div>\n      <template v-if=\"isValid(props.addonAfter)\">\n        <template v-if=\"isVNode(props.addonAfter)\">\n          <component :is=\"props.addonAfter\" />\n        </template>\n        <div v-else :class=\"`${prefixCls}-addon-after`\">\n          {{ props.addonAfter }}\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n","import { isVoidField } from '@formily/core'\nimport { connect, mapProps } from '@formily/vue'\nimport { composeExport } from '../__builtins__'\nimport FormBaseItem from './form-item.vue'\nimport { determineFeedbackStatus, getFeedbackMessage } from './utils'\nimport './style.scss'\n\nexport function fieldFeedbackMapper(props, field) {\n  if (isVoidField(field) || !field) {\n    return props\n  }\n\n  const feedbackText = getFeedbackMessage(field)\n  const feedbackStatus = determineFeedbackStatus(field)\n  const asterisk = 'asterisk' in props\n    ? props.asterisk\n    : field.required && field.pattern !== 'readPretty'\n\n  return {\n    ...props,\n    feedbackText,\n    feedbackStatus,\n    asterisk,\n  }\n}\n\nconst Item = connect(\n  FormBaseItem,\n  mapProps(\n    {\n      validateStatus: true,\n      title: 'label',\n      required: true,\n      description: 'extra',\n    },\n    fieldFeedbackMapper,\n  ),\n)\n\nexport const FormItem = composeExport(Item, {\n  BaseItem: FormBaseItem,\n})\n\nexport default FormItem\n\nexport { default as FormBaseItem } from './form-item.vue'\n"],"names":["SCOPE","addUnit","value","defaultUnit","isNumber","isStringNumber","isString","debugWarn","props","__props","slots","useSlots","ns","useNamespace","prefixCls","stylePrefix","formItemConfig","pick","FORM_LAYOUT_PROPS_KEYS","_","isValid","formlayoutConfig","useFormLayout","formlayout","computed","field","useField","_size","useFormSize","labelId","useId","inputIds","ref","validateState","formItemRef","labelRef","feedbackTooltipRef","__expose","labelPosition","isArr","labelStyle","labelWidth","contentStyle","contentWidth","_a","contentWrapperStyle","isRequired","formItemClasses","_b","_c","validateClasses","hasLabel","labelFor","isGroup","validate","clearValidate","resetField","addInputId","id","removeInputId","listId","isEllipsisActive","useResizeObserver","isEllipsis","_validateState","context","reactive","watch","val","provide","formLayoutShallowContext","formItemContextKey","_createElementBlock","_unref","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","isVNode","_createVNode","ElTooltip","_normalizeStyle","_Fragment","_createTextVNode","_toDisplayString","_createElementVNode","ElIcon","InfoFilled","_renderSlot","_ctx","CircleClose","CircleCheck","Warning","_TransitionGroup","fieldFeedbackMapper","isVoidField","feedbackText","getFeedbackMessage","feedbackStatus","determineFeedbackStatus","asterisk","Item","connect","FormBaseItem","mapProps","FormItem","composeExport"],"mappings":"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","x_google_ignoreList":[0]}

package/esm/form-item/types.d.ts

@@ -0,0 +1,25 @@
+export interface IFormItemProps {
+    label?: string;
+    for?: string;
+    tooltip?: string;
+    addonBefore?: string;
+    addonAfter?: string;
+    extra?: string;
+    feedbackText?: string;
+    feedbackStatus?: 'error' | 'warning' | 'success' | 'pending';
+    asterisk?: boolean;
+    colon?: boolean;
+    labelAlign?: 'right' | 'left';
+    wrapperAlign?: 'right' | 'left';
+    labelWrap?: boolean;
+    labelWidth?: number;
+    wrapperWidth?: number;
+    wrapperWrap?: boolean;
+    labelCol?: number;
+    wrapperCol?: number;
+    fullness?: boolean;
+    size?: 'small' | 'default' | 'large';
+    layout?: 'vertical' | 'horizontal' | 'inline' | ('vertical' | 'horizontal' | 'inline')[];
+    feedbackLayout?: 'loose' | 'terse' | 'popover';
+    tooltipLayout?: 'icon' | 'text';
+}

package/esm/form-item/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/esm/form-item/types.mjs.map

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

package/esm/form-item/utils.d.ts

@@ -0,0 +1,3 @@
+import { Field } from '@formily/core';
+export declare function getFeedbackMessage(field: Field): string;
+export declare function determineFeedbackStatus(field: Field): any;