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

package/esm/form-item/utils.mjs

@@ -1,18 +0,0 @@
-import { isArr as r } from "@formily/shared";
-function a(s) {
-  const e = {
-    errors: s.selfErrors.join(", "),
-    warnings: s.selfWarnings.join(", "),
-    successes: s.selfSuccesses.join(", ")
-  };
-  return e.errors || e.warnings || e.successes;
-}
-function n(s) {
-  var e;
-  return r(s.decorator) ? ((e = s.decorator[1]) == null ? void 0 : e.feedbackStatus) ?? s.validateStatus : s.validateStatus;
-}
-export {
-  n as determineFeedbackStatus,
-  a as getFeedbackMessage
-};
-//# sourceMappingURL=utils.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","sources":["../../src/form-item/utils.ts"],"sourcesContent":["import type { Field } from '@formily/core'\nimport { isArr } from '@formily/shared'\n\nexport function getFeedbackMessage(field: Field) {\n  const messages = {\n    errors: field.selfErrors.join(', '),\n    warnings: field.selfWarnings.join(', '),\n    successes: field.selfSuccesses.join(', '),\n  }\n\n  return messages.errors || messages.warnings || messages.successes\n}\n\nexport function determineFeedbackStatus(field: Field) {\n  return isArr(field.decorator)\n    ? (field.decorator[1]?.feedbackStatus ?? field.validateStatus)\n    : field.validateStatus\n}\n"],"names":["getFeedbackMessage","field","messages","determineFeedbackStatus","isArr","_a"],"mappings":";AAGO,SAASA,EAAmBC,GAAc;AAC/C,QAAMC,IAAW;AAAA,IACf,QAAQD,EAAM,WAAW,KAAK,IAAI;AAAA,IAClC,UAAUA,EAAM,aAAa,KAAK,IAAI;AAAA,IACtC,WAAWA,EAAM,cAAc,KAAK,IAAI;AAAA,EAAA;AAG1C,SAAOC,EAAS,UAAUA,EAAS,YAAYA,EAAS;AAC1D;AAEO,SAASC,EAAwBF,GAAc;;AACpD,SAAOG,EAAMH,EAAM,SAAS,MACvBI,IAAAJ,EAAM,UAAU,CAAC,MAAjB,gBAAAI,EAAoB,mBAAkBJ,EAAM,iBAC7CA,EAAM;AACZ;"}

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

@@ -1,32 +0,0 @@
-import { IFormLayoutProps } from './types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        rootHTMLRef: unknown;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<IFormLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IFormLayoutProps> & Readonly<{}>, {
-    size: "small" | "default" | "large";
-    tag: string;
-    layout: "vertical" | "horizontal" | "inline" | ("vertical" | "horizontal" | "inline")[];
-    colon: boolean;
-    labelWrap: boolean;
-    wrapperWrap: boolean;
-    fullness: boolean;
-    shallow: boolean;
-    statusIcon: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    rootHTMLRef: unknown;
-}, 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-layout/form-layout.mjs

@@ -1,86 +0,0 @@
-import { defineComponent as C, ref as l, provide as s, watch as v, createBlock as A, openBlock as B, resolveDynamicComponent as P, mergeProps as b, unref as a, withModifiers as x, withCtx as F, renderSlot as R } from "vue";
-import { isValid as d, isEmpty as _ } from "@formily/shared";
-import { useForm as g } from "@formily/vue";
-import { formContextKey as q } from "element-plus";
-import { stylePrefix as z } from "../__builtins__/configs/index.mjs";
-import { useThrottleFn as D } from "../__builtins__/shared/hooks.mjs";
-import "@formily/reactive";
-import "@formily/core";
-import "@formily/reactive-vue";
-import { useCleanAttrs as W } from "../__builtins__/shared/utils.mjs";
-import { useFormDeepLayout as I, useResponsiveFormLayout as M, filterValidFormLayoutProps as o, formLayoutDeepContext as S, formLayoutShallowContext as T } from "./utils.mjs";
-const U = /* @__PURE__ */ C({
-  name: "FFormLayout",
-  inheritAttrs: !1,
-  __name: "form-layout",
-  props: {
-    tag: { default: "form" },
-    colon: { type: Boolean, default: !0 },
-    labelAlign: null,
-    wrapperAlign: null,
-    labelWrap: { type: Boolean, default: !0 },
-    labelWidth: null,
-    wrapperWidth: null,
-    wrapperWrap: { type: Boolean, default: !1 },
-    labelCol: null,
-    wrapperCol: null,
-    fullness: { type: Boolean, default: !1 },
-    size: { default: "default" },
-    layout: { default: "horizontal" },
-    feedbackLayout: null,
-    tooltipLayout: null,
-    breakpoints: null,
-    shallow: { type: Boolean, default: !0 },
-    hideRequiredAsterisk: { type: Boolean },
-    statusIcon: { type: Boolean, default: !0 },
-    requireAsteriskPosition: null
-  },
-  setup(y) {
-    const e = y, c = `${z}-form`, { props: h } = W(), i = l(), L = I(), { props: t } = M(e, i), w = l({
-      ...L.value,
-      ...e.shallow ? {
-        ...d(e.size) && { size: e.size },
-        ...d(e.colon) && { colon: e.colon }
-      } : o(e)
-    });
-    s(S, w);
-    const n = l(e.shallow ? o(e) : {});
-    s(T, n);
-    const k = D(() => {
-      if (!_(t.value)) {
-        const r = o(t.value);
-        n.value = o({ ...e, ...r });
-      }
-    }, 200, !0);
-    v(() => [e, t], k, {
-      deep: !0,
-      immediate: !0
-    }), s(q, {
-      statusIcon: e.statusIcon,
-      hideRequiredAsterisk: e.hideRequiredAsterisk,
-      requireAsteriskPosition: e.requireAsteriskPosition
-    });
-    const u = g();
-    return (r, p) => {
-      var f, m;
-      return B(), A(P(e.tag), b({
-        id: ((f = a(u)) == null ? void 0 : f.id) && `formily-${(m = a(u)) == null ? void 0 : m.id}`,
-        ref_key: "rootHTMLRef",
-        ref: i,
-        class: c
-      }, a(h), {
-        onSubmit: p[0] || (p[0] = x(() => {
-        }, ["prevent", "stop"]))
-      }), {
-        default: F(() => [
-          R(r.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["id"]);
-    };
-  }
-});
-export {
-  U as _
-};
-//# sourceMappingURL=form-layout.mjs.map

package/esm/form-layout/form-layout.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-layout.mjs","sources":["../../src/form-layout/form-layout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { FormContext } from 'element-plus'\nimport type { IFormLayoutProps } from './types'\nimport { isEmpty, isValid } from '@formily/shared'\nimport { useForm } from '@formily/vue'\nimport { formContextKey } from 'element-plus'\nimport { provide, ref, watch } from 'vue'\nimport { stylePrefix, useCleanAttrs, useThrottleFn } from '../__builtins__'\nimport { filterValidFormLayoutProps, formLayoutDeepContext, formLayoutShallowContext, useFormDeepLayout, useResponsiveFormLayout } from './utils'\n\ndefineOptions({\n  name: 'FFormLayout',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  tag: { default: 'form' },\n  colon: { type: Boolean, default: true },\n  labelAlign: null,\n  wrapperAlign: null,\n  labelWrap: { type: Boolean, default: true },\n  labelWidth: null,\n  wrapperWidth: null,\n  wrapperWrap: { type: Boolean, default: false },\n  labelCol: null,\n  wrapperCol: null,\n  fullness: { type: Boolean, default: false },\n  size: { default: 'default' },\n  layout: { default: 'horizontal' },\n  feedbackLayout: null,\n  tooltipLayout: null,\n  breakpoints: null,\n  shallow: { type: Boolean, default: true },\n  hideRequiredAsterisk: { type: Boolean },\n  statusIcon: { type: Boolean, default: true },\n  requireAsteriskPosition: null\n})\nconst formPrefixCls = `${stylePrefix}-form`\nconst { props: attrs } = useCleanAttrs()\nconst rootHTMLRef = ref<HTMLElement>()\n\nconst formLayoutDeepConfig = useFormDeepLayout()\nconst { props: responsiveProps } = useResponsiveFormLayout(props, rootHTMLRef)\n\nconst deepLayout = ref({\n  ...formLayoutDeepConfig.value,\n  ...(props.shallow\n    ? {\n        ...(isValid(props.size) && { size: props.size }),\n        ...(isValid(props.colon) && { colon: props.colon }),\n      }\n    : filterValidFormLayoutProps(props)),\n})\nprovide(formLayoutDeepContext, deepLayout)\n\nconst shallowLayout = ref(props.shallow ? filterValidFormLayoutProps(props) : {})\nprovide(formLayoutShallowContext, shallowLayout)\n\nconst updateLayout = useThrottleFn(() => {\n  if (!isEmpty(responsiveProps.value)) {\n    const _responsiveProps = filterValidFormLayoutProps(responsiveProps.value)\n    shallowLayout.value = filterValidFormLayoutProps({ ...props, ..._responsiveProps })\n  }\n}, 200, true)\n\nwatch(() => [props, responsiveProps], updateLayout, {\n  deep: true,\n  immediate: true,\n})\n\nprovide(formContextKey, {\n  statusIcon: props.statusIcon,\n  hideRequiredAsterisk: props.hideRequiredAsterisk,\n  requireAsteriskPosition: props.requireAsteriskPosition,\n} as FormContext)\n\nconst formRef = useForm()\n</script>\n\n<template>\n  <component\n    :is=\"props.tag\"\n    :id=\"formRef?.id && `formily-${formRef?.id}`\"\n    ref=\"rootHTMLRef\"\n    :class=\"formPrefixCls\"\n    v-bind=\"attrs\"\n    @submit.prevent.stop\n  >\n    <slot />\n  </component>\n</template>\n"],"names":["props","__props","formPrefixCls","stylePrefix","attrs","useCleanAttrs","rootHTMLRef","ref","formLayoutDeepConfig","useFormDeepLayout","responsiveProps","useResponsiveFormLayout","deepLayout","isValid","filterValidFormLayoutProps","provide","formLayoutDeepContext","shallowLayout","formLayoutShallowContext","updateLayout","useThrottleFn","isEmpty","_responsiveProps","watch","formContextKey","formRef","useForm","_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","_unref","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAQC,GAsBRC,IAAgB,GAAGC,CAAW,SAC9B,EAAE,OAAOC,EAAA,IAAUC,EAAA,GACnBC,IAAcC,EAAA,GAEdC,IAAuBC,EAAA,GACvB,EAAE,OAAOC,EAAA,IAAoBC,EAAwBX,GAAOM,CAAW,GAEvEM,IAAaL,EAAI;AAAA,MACrB,GAAGC,EAAqB;AAAA,MACxB,GAAIR,EAAM,UACN;AAAA,QACE,GAAIa,EAAQb,EAAM,IAAI,KAAK,EAAE,MAAMA,EAAM,KAAA;AAAA,QACzC,GAAIa,EAAQb,EAAM,KAAK,KAAK,EAAE,OAAOA,EAAM,MAAA;AAAA,MAAM,IAEnDc,EAA2Bd,CAAK;AAAA,IAAA,CACrC;AACD,IAAAe,EAAQC,GAAuBJ,CAAU;AAEzC,UAAMK,IAAgBV,EAAIP,EAAM,UAAUc,EAA2Bd,CAAK,IAAI,EAAE;AAChF,IAAAe,EAAQG,GAA0BD,CAAa;AAE/C,UAAME,IAAeC,EAAc,MAAM;AACvC,UAAI,CAACC,EAAQX,EAAgB,KAAK,GAAG;AACnC,cAAMY,IAAmBR,EAA2BJ,EAAgB,KAAK;AACzE,QAAAO,EAAc,QAAQH,EAA2B,EAAE,GAAGd,GAAO,GAAGsB,GAAkB;AAAA,MACpF;AAAA,IACF,GAAG,KAAK,EAAI;AAEZ,IAAAC,EAAM,MAAM,CAACvB,GAAOU,CAAe,GAAGS,GAAc;AAAA,MAClD,MAAM;AAAA,MACN,WAAW;AAAA,IAAA,CACZ,GAEDJ,EAAQS,GAAgB;AAAA,MACtB,YAAYxB,EAAM;AAAA,MAClB,sBAAsBA,EAAM;AAAA,MAC5B,yBAAyBA,EAAM;AAAA,IAAA,CACjB;AAEhB,UAAMyB,IAAUC,EAAA;;;AAId,aAAAC,KAAAC,EASYC,EARL7B,EAAM,GAAG,GADhB8B,EASY;AAAA,QAPT,MAAIC,IAAAA,EAAAN,CAAA,MAAAM,gBAAAA,EAAS,OAAE,YAAeA,IAAAA,EAAAN,CAAA,MAAAM,gBAAAA,EAAS,EAAE;AAAA,iBACtC;AAAA,QAAJ,KAAIzB;AAAA,QACH,OAAOJ;AAAA,MAAA,GACA6B,EAAA3B,CAAA,GAAK;AAAA,QACZ,4BAAD,MAAA;AAAA,QAAA,GAAoB,CAAA,WAAA,MAAA,CAAA;AAAA,MAAA;mBAEpB,MAAQ;AAAA,UAAR4B,EAAQC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}

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

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

package/esm/form-layout/index.mjs

@@ -1,6 +0,0 @@
-import { _ as r, _ as t } from "./form-layout.mjs";
-export {
-  r as FormLayout,
-  t as default
-};
-//# sourceMappingURL=index.mjs.map

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

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

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

@@ -1,43 +0,0 @@
-export interface IFormLayoutProps {
-    tag?: string;
-    colon?: boolean;
-    labelAlign?: 'right' | 'left' | ('right' | 'left')[];
-    wrapperAlign?: 'right' | 'left' | ('right' | 'left')[];
-    labelWrap?: boolean;
-    labelWidth?: number;
-    wrapperWidth?: number;
-    wrapperWrap?: boolean;
-    labelCol?: number | number[];
-    wrapperCol?: number | number[];
-    fullness?: boolean;
-    size?: 'small' | 'default' | 'large';
-    layout?: 'vertical' | 'horizontal' | 'inline' | ('vertical' | 'horizontal' | 'inline')[];
-    feedbackLayout?: 'loose' | 'terse' | 'popover';
-    tooltipLayout?: 'icon' | 'text';
-    breakpoints?: number[];
-    shallow?: boolean;
-    hideRequiredAsterisk?: boolean;
-    statusIcon?: boolean;
-    requireAsteriskPosition?: 'left' | 'right';
-}
-export interface ICalculatedFormLayoutProps {
-    colon?: boolean;
-    labelAlign?: 'right' | 'left';
-    wrapperAlign?: 'right' | 'left';
-    labelWrap?: boolean;
-    labelWidth?: number | string;
-    wrapperWidth?: number | string;
-    wrapperWrap?: boolean;
-    labelCol?: number;
-    wrapperCol?: number;
-    fullness?: boolean;
-    size?: 'small' | 'default' | 'large';
-    layout?: 'vertical' | 'horizontal' | 'inline';
-    feedbackLayout?: 'loose' | 'terse' | 'popover';
-    tooltipLayout?: 'icon' | 'text';
-    breakpoints?: number[];
-    shallow?: boolean;
-    hideRequiredAsterisk?: boolean;
-    statusIcon?: boolean;
-    requireAsteriskPosition?: 'left' | 'right';
-}

package/esm/form-layout/types.mjs

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

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

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

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

@@ -1,57 +0,0 @@
-import { InjectionKey, Ref } from 'vue';
-import { IFormLayoutProps } from './types';
-export declare function calcBreakpointIndex(breakpoints: number[], width: number): number;
-export declare function calcFactor<T>(value: T | readonly T[], breakpointIndex: number): T;
-export declare function factor<T>(value: T | T[], breakpointIndex: number): T;
-export declare function calculateProps(target: Element, props: IFormLayoutProps): IFormLayoutProps;
-export declare function useResponsiveFormLayout(props: IFormLayoutProps, root: Ref<HTMLElement | null>): {
-    props: Ref<{
-        tag?: string;
-        colon?: boolean;
-        labelAlign?: "right" | "left" | ("right" | "left")[];
-        wrapperAlign?: "right" | "left" | ("right" | "left")[];
-        labelWrap?: boolean;
-        labelWidth?: number;
-        wrapperWidth?: number;
-        wrapperWrap?: boolean;
-        labelCol?: number | number[];
-        wrapperCol?: number | number[];
-        fullness?: boolean;
-        size?: "small" | "default" | "large";
-        layout?: "vertical" | "horizontal" | "inline" | ("vertical" | "horizontal" | "inline")[];
-        feedbackLayout?: "loose" | "terse" | "popover";
-        tooltipLayout?: "icon" | "text";
-        breakpoints?: number[];
-        shallow?: boolean;
-        hideRequiredAsterisk?: boolean;
-        statusIcon?: boolean;
-        requireAsteriskPosition?: "left" | "right";
-    }, IFormLayoutProps | {
-        tag?: string;
-        colon?: boolean;
-        labelAlign?: "right" | "left" | ("right" | "left")[];
-        wrapperAlign?: "right" | "left" | ("right" | "left")[];
-        labelWrap?: boolean;
-        labelWidth?: number;
-        wrapperWidth?: number;
-        wrapperWrap?: boolean;
-        labelCol?: number | number[];
-        wrapperCol?: number | number[];
-        fullness?: boolean;
-        size?: "small" | "default" | "large";
-        layout?: "vertical" | "horizontal" | "inline" | ("vertical" | "horizontal" | "inline")[];
-        feedbackLayout?: "loose" | "terse" | "popover";
-        tooltipLayout?: "icon" | "text";
-        breakpoints?: number[];
-        shallow?: boolean;
-        hideRequiredAsterisk?: boolean;
-        statusIcon?: boolean;
-        requireAsteriskPosition?: "left" | "right";
-    }>;
-};
-export declare const formLayoutDeepContext: InjectionKey<Ref<IFormLayoutProps>>;
-export declare const formLayoutShallowContext: InjectionKey<Ref<IFormLayoutProps>>;
-export declare function useFormDeepLayout(): Ref<IFormLayoutProps>;
-export declare function useFormLayout(): Ref<IFormLayoutProps>;
-export declare const FORM_LAYOUT_PROPS_KEYS: ReadonlyArray<keyof IFormLayoutProps>;
-export declare function filterValidFormLayoutProps(props: IFormLayoutProps): IFormLayoutProps;

package/esm/form-layout/utils.mjs

@@ -1,109 +0,0 @@
-import { isArr as L, isValid as u } from "@formily/shared";
-import { inject as l, ref as i, computed as d } from "vue";
-import { useResizeObserver as h } from "../__builtins__/shared/hooks.mjs";
-import "element-plus";
-import "@formily/reactive";
-import "@formily/core";
-import "@formily/reactive-vue";
-import "@formily/vue";
-function w(t, o) {
-  for (const [r, e] of t.entries())
-    if (o <= e)
-      return r;
-  return -1;
-}
-function A(t, o) {
-  if (!Array.isArray(t) || t.length === 0)
-    return t;
-  const r = Math.max(-1, Math.min(o, t.length - 1));
-  return t.at(r);
-}
-function a(t, o) {
-  return u(t) ? A(t, o) : t;
-}
-function C(t, o) {
-  const { clientWidth: r } = t, {
-    breakpoints: e,
-    layout: s,
-    labelAlign: c,
-    wrapperAlign: f,
-    labelCol: m,
-    wrapperCol: y,
-    ...b
-  } = o, n = w(
-    e,
-    r
-  );
-  return {
-    layout: a(s, n),
-    labelAlign: a(c, n),
-    wrapperAlign: a(f, n),
-    labelCol: a(m, n),
-    wrapperCol: a(y, n),
-    ...b
-  };
-}
-function I(t, o) {
-  const { breakpoints: r } = t;
-  if (!L(r))
-    return {
-      props: i(t)
-    };
-  const e = i({});
-  return h(o, () => {
-    e.value = C(o.value, t);
-  }), {
-    props: e
-  };
-}
-const p = Symbol(
-  "formLayoutDeepContext"
-), x = Symbol("formLayoutShallowContext");
-function _() {
-  return l(p, i({}));
-}
-function j() {
-  const t = l(x, i({})), o = l(p, i({}));
-  return d(() => ({
-    ...o.value,
-    ...t.value
-  }));
-}
-const D = [
-  "colon",
-  "labelAlign",
-  "wrapperAlign",
-  "labelWrap",
-  "labelWidth",
-  "wrapperWidth",
-  "wrapperWrap",
-  "labelCol",
-  "wrapperCol",
-  "fullness",
-  "size",
-  "layout",
-  "feedbackLayout",
-  "tooltipLayout",
-  "breakpoints",
-  "hideRequiredAsterisk",
-  "statusIcon"
-];
-function M(t) {
-  return Object.fromEntries(
-    Object.entries(t).filter(([o, r]) => u(r))
-  );
-}
-export {
-  D as FORM_LAYOUT_PROPS_KEYS,
-  w as calcBreakpointIndex,
-  A as calcFactor,
-  C as calculateProps,
-  a as factor,
-  M as filterValidFormLayoutProps,
-  p as formLayoutDeepContext,
-  x as formLayoutShallowContext,
-  _ as useFormDeepLayout,
-  j as useFormLayout,
-  I as useResponsiveFormLayout
-};
-//# sourceMappingURL=utils.mjs.map

package/esm/form-layout/utils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","sources":["../../src/form-layout/utils.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\nimport type { IFormLayoutProps } from './types'\nimport { isArr, isValid } from '@formily/shared'\nimport { computed, inject, ref } from 'vue'\nimport { useResizeObserver } from '../__builtins__'\n\nexport function calcBreakpointIndex(breakpoints: number[], width: number): number {\n  for (const [i, breakpoint] of breakpoints.entries()) {\n    if (width <= breakpoint) {\n      return i\n    }\n  }\n  return -1\n}\n\nexport function calcFactor<T>(value: T | readonly T[], breakpointIndex: number): T {\n  if (!Array.isArray(value) || value.length === 0) {\n    return value as T\n  }\n  const safeIndex = Math.max(-1, Math.min(breakpointIndex, value.length - 1))\n  return value.at(safeIndex)\n}\n\nexport function factor<T>(value: T | T[], breakpointIndex: number): T {\n  return isValid(value) ? calcFactor<T>(value, breakpointIndex) : value as T\n}\n\nexport function calculateProps(target: Element, props: IFormLayoutProps): IFormLayoutProps {\n  const { clientWidth } = target\n  const {\n    breakpoints,\n    layout,\n    labelAlign,\n    wrapperAlign,\n    labelCol,\n    wrapperCol,\n    ...otherProps\n  } = props\n  const breakpointIndex = calcBreakpointIndex(\n    breakpoints as number[],\n    clientWidth,\n  )\n\n  return {\n    layout: factor(layout, breakpointIndex),\n    labelAlign: factor(labelAlign, breakpointIndex),\n    wrapperAlign: factor(wrapperAlign, breakpointIndex),\n    labelCol: factor(labelCol, breakpointIndex),\n    wrapperCol: factor(wrapperCol, breakpointIndex),\n    ...otherProps,\n  }\n}\n\nexport function useResponsiveFormLayout(props: IFormLayoutProps, root: Ref<HTMLElement | null>) {\n  const { breakpoints } = props\n  if (!isArr(breakpoints)) {\n    return {\n      props: ref(props),\n    }\n  }\n\n  const layoutProps = ref<IFormLayoutProps>({})\n\n  useResizeObserver(root, () => {\n    layoutProps.value = calculateProps(root.value, props)\n  })\n\n  return {\n    props: layoutProps,\n  }\n}\n\nexport const formLayoutDeepContext: InjectionKey<Ref<IFormLayoutProps>> = Symbol(\n  'formLayoutDeepContext',\n)\n\nexport const formLayoutShallowContext: InjectionKey<Ref<IFormLayoutProps>>\n  = Symbol('formLayoutShallowContext')\n\nexport function useFormDeepLayout(): Ref<IFormLayoutProps> {\n  return inject(formLayoutDeepContext, ref({}))\n}\n\nexport function useFormLayout(): Ref<IFormLayoutProps> {\n  const shallowLayout = inject(formLayoutShallowContext, ref({}))\n  const deepLayout = inject(formLayoutDeepContext, ref({}))\n\n  const formLayout = computed(() => {\n    return {\n      ...deepLayout.value,\n      ...shallowLayout.value,\n    }\n  })\n\n  return formLayout\n}\n\nexport const FORM_LAYOUT_PROPS_KEYS: ReadonlyArray<keyof IFormLayoutProps> = [\n  'colon',\n  'labelAlign',\n  'wrapperAlign',\n  'labelWrap',\n  'labelWidth',\n  'wrapperWidth',\n  'wrapperWrap',\n  'labelCol',\n  'wrapperCol',\n  'fullness',\n  'size',\n  'layout',\n  'feedbackLayout',\n  'tooltipLayout',\n  'breakpoints',\n  'hideRequiredAsterisk',\n  'statusIcon',\n] as const\n\nexport function filterValidFormLayoutProps(props: IFormLayoutProps): IFormLayoutProps {\n  return Object.fromEntries(\n    Object.entries(props)\n      .filter(([_, value]) => isValid(value)),\n  )\n}\n"],"names":["calcBreakpointIndex","breakpoints","width","i","breakpoint","calcFactor","value","breakpointIndex","safeIndex","factor","isValid","calculateProps","target","props","clientWidth","layout","labelAlign","wrapperAlign","labelCol","wrapperCol","otherProps","useResponsiveFormLayout","root","isArr","ref","layoutProps","useResizeObserver","formLayoutDeepContext","formLayoutShallowContext","useFormDeepLayout","inject","useFormLayout","shallowLayout","deepLayout","computed","FORM_LAYOUT_PROPS_KEYS","filterValidFormLayoutProps","_"],"mappings":";;;;;;;;AAMO,SAASA,EAAoBC,GAAuBC,GAAuB;AAChF,aAAW,CAACC,GAAGC,CAAU,KAAKH,EAAY;AACxC,QAAIC,KAASE;AACX,aAAOD;AAGX,SAAO;AACT;AAEO,SAASE,EAAcC,GAAyBC,GAA4B;AACjF,MAAI,CAAC,MAAM,QAAQD,CAAK,KAAKA,EAAM,WAAW;AAC5C,WAAOA;AAET,QAAME,IAAY,KAAK,IAAI,IAAI,KAAK,IAAID,GAAiBD,EAAM,SAAS,CAAC,CAAC;AAC1E,SAAOA,EAAM,GAAGE,CAAS;AAC3B;AAEO,SAASC,EAAUH,GAAgBC,GAA4B;AACpE,SAAOG,EAAQJ,CAAK,IAAID,EAAcC,GAAOC,CAAe,IAAID;AAClE;AAEO,SAASK,EAAeC,GAAiBC,GAA2C;AACzF,QAAM,EAAE,aAAAC,MAAgBF,GAClB;AAAA,IACJ,aAAAX;AAAA,IACA,QAAAc;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP,GACEN,IAAkBP;AAAA,IACtBC;AAAA,IACAa;AAAA,EAAA;AAGF,SAAO;AAAA,IACL,QAAQL,EAAOM,GAAQR,CAAe;AAAA,IACtC,YAAYE,EAAOO,GAAYT,CAAe;AAAA,IAC9C,cAAcE,EAAOQ,GAAcV,CAAe;AAAA,IAClD,UAAUE,EAAOS,GAAUX,CAAe;AAAA,IAC1C,YAAYE,EAAOU,GAAYZ,CAAe;AAAA,IAC9C,GAAGa;AAAA,EAAA;AAEP;AAEO,SAASC,EAAwBR,GAAyBS,GAA+B;AAC9F,QAAM,EAAE,aAAArB,MAAgBY;AACxB,MAAI,CAACU,EAAMtB,CAAW;AACpB,WAAO;AAAA,MACL,OAAOuB,EAAIX,CAAK;AAAA,IAAA;AAIpB,QAAMY,IAAcD,EAAsB,EAAE;AAE5C,SAAAE,EAAkBJ,GAAM,MAAM;AAC5B,IAAAG,EAAY,QAAQd,EAAeW,EAAK,OAAOT,CAAK;AAAA,EACtD,CAAC,GAEM;AAAA,IACL,OAAOY;AAAA,EAAA;AAEX;AAEO,MAAME,IAA6D;AAAA,EACxE;AACF,GAEaC,IACT,OAAO,0BAA0B;AAE9B,SAASC,IAA2C;AACzD,SAAOC,EAAOH,GAAuBH,EAAI,CAAA,CAAE,CAAC;AAC9C;AAEO,SAASO,IAAuC;AACrD,QAAMC,IAAgBF,EAAOF,GAA0BJ,EAAI,CAAA,CAAE,CAAC,GACxDS,IAAaH,EAAOH,GAAuBH,EAAI,CAAA,CAAE,CAAC;AASxD,SAPmBU,EAAS,OACnB;AAAA,IACL,GAAGD,EAAW;AAAA,IACd,GAAGD,EAAc;AAAA,EAAA,EAEpB;AAGH;AAEO,MAAMG,IAAgE;AAAA,EAC3E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAASC,EAA2BvB,GAA2C;AACpF,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQA,CAAK,EACjB,OAAO,CAAC,CAACwB,GAAG/B,CAAK,MAAMI,EAAQJ,CAAK,CAAC;AAAA,EAAA;AAE5C;"}

package/esm/form-step/form-step-pane.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,5 +0,0 @@
-import { IFormStepProps } from './types';
-declare const _default: import('vue').DefineComponent<IFormStepProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IFormStepProps> & Readonly<{}>, {
-    formStep: import('./types').IFormStep;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,24 +0,0 @@
-import { createFormStep } from './utils';
-export declare const FormStep: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').IFormStepProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        formStep: import('./types').IFormStep;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('./types').IFormStepProps> & Readonly<{}>, {}, {}, {}, {}, {
-        formStep: import('./types').IFormStep;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').IFormStepProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    formStep: import('./types').IFormStep;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
-    StepPane: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    createFormStep: typeof createFormStep;
-};
-export default FormStep;

package/esm/form-step/index.mjs

@@ -1,96 +0,0 @@
-import { observer as E } from "@formily/reactive-vue";
-import { defineComponent as P, renderSlot as N, computed as V, createElementBlock as t, openBlock as r, normalizeClass as b, createVNode as A, unref as n, mergeProps as C, withCtx as s, Fragment as c, renderList as g, createBlock as a, createSlots as D, resolveDynamicComponent as v, createTextVNode as y, toDisplayString as k, createCommentVNode as O } from "vue";
-import { ElSteps as R, ElStep as j } from "element-plus";
-import "@formily/reactive";
-import "@formily/core";
-import { useField as w, useFieldSchema as z, RecursionField as I } from "@formily/vue";
-import { composeExport as L } from "../__builtins__/shared/utils.mjs";
-import { isObj as F } from "@formily/shared";
-import { stylePrefix as T } from "../__builtins__/configs/index.mjs";
-import { createFormStep as B, parseSteps as q } from "./utils.mjs";
-const G = P({
-  name: "FFormStepPane",
-  inheritAttrs: !1
-}), H = (o, i) => {
-  const m = o.__vccOpts || o;
-  for (const [f, p] of i)
-    m[f] = p;
-  return m;
-};
-function J(o, i, m, f, p, u) {
-  return N(o.$slots, "default");
-}
-const K = /* @__PURE__ */ H(G, [["render", J]]), M = /* @__PURE__ */ P({
-  name: "FFormStep",
-  inheritAttrs: !1,
-  __name: "form-step",
-  props: {
-    formStep: { default: () => B() },
-    active: null
-  },
-  setup(o) {
-    var x, $;
-    const i = o, m = w().value, f = `${T}-form-step`, p = z(), u = q(p.value);
-    ($ = (x = i.formStep).connect) == null || $.call(x, u, m);
-    const h = V(() => {
-      var d;
-      return i.active ?? ((d = i.formStep) == null ? void 0 : d.current) ?? 0;
-    });
-    return (d, U) => (r(), t("div", {
-      class: b(f)
-    }, [
-      A(n(R), C(d.$attrs, {
-        active: h.value,
-        style: [{ marginBottom: "10px" }]
-      }), {
-        default: s(() => [
-          (r(!0), t(c, null, g(n(u), ({ props: l, slots: e }, _) => (r(), a(n(j), C({ key: _ }, { ref_for: !0 }, l), D({ _: 2 }, [
-            e != null && e.title ? {
-              name: "title",
-              fn: s(() => [
-                n(F)(e.title) ? (r(), a(v(e.title), { key: 0 })) : (r(), t(c, { key: 1 }, [
-                  y(k(e.title), 1)
-                ], 64))
-              ]),
-              key: "0"
-            } : void 0,
-            e != null && e.icon ? {
-              name: "icon",
-              fn: s(() => [
-                n(F)(e.icon) ? (r(), a(v(e.icon), { key: 0 })) : (r(), t(c, { key: 1 }, [
-                  y(k(e.icon), 1)
-                ], 64))
-              ]),
-              key: "1"
-            } : void 0,
-            e != null && e.description ? {
-              name: "description",
-              fn: s(() => [
-                n(F)(e.description) ? (r(), a(v(e.description), { key: 0 })) : (r(), t(c, { key: 1 }, [
-                  y(k(e.description), 1)
-                ], 64))
-              ]),
-              key: "2"
-            } : void 0
-          ]), 1040))), 128))
-        ]),
-        _: 1
-      }, 16, ["active"]),
-      (r(!0), t(c, null, g(n(u), ({ name: l, schema: e }, _) => (r(), t(c, { key: l }, [
-        _ === h.value ? (r(), a(n(I), {
-          key: 0,
-          name: l,
-          schema: e
-        }, null, 8, ["name", "schema"])) : O("", !0)
-      ], 64))), 128))
-    ]));
-  }
-}), Q = E(M), ie = L(Q, {
-  StepPane: K,
-  createFormStep: B
-});
-export {
-  ie as FormStep,
-  ie as default
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../src/form-step/form-step-pane.vue","../../src/form-step/form-step.vue","../../src/form-step/index.ts"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'FFormStepPane',\n  inheritAttrs: false,\n})\n</script>\n\n<template>\n  <slot />\n</template>\n","<script setup lang=\"ts\">\nimport type { VoidField } from '@formily/core'\nimport type { IFormStepProps } from './types'\nimport { isObj } from '@formily/shared'\nimport { RecursionField, useField, useFieldSchema } from '@formily/vue'\nimport { ElStep, ElSteps } from 'element-plus'\nimport { computed } from 'vue'\nimport { stylePrefix } from '../__builtins__'\nimport { createFormStep, parseSteps } from './utils'\n\ndefineOptions({\n  name: 'FFormStep',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  formStep: { default: () => createFormStep() },\n  active: null\n})\n\nconst field = useField<VoidField>().value\nconst prefixCls = `${stylePrefix}-form-step`\nconst fieldSchemaRef = useFieldSchema()\n\nconst steps = parseSteps(fieldSchemaRef.value)\n\nprops.formStep.connect?.(steps, field)\n\nconst current = computed(() => props.active ?? props.formStep?.current ?? 0)\n</script>\n\n<template>\n  <div :class=\"prefixCls\">\n    <ElSteps\n      v-bind=\"$attrs\"\n      :active=\"current\"\n      :style=\"[{ marginBottom: '10px' }]\"\n    >\n      <ElStep\n        v-for=\"({ props: stepProps, slots: stepSlots }, key) of steps\"\n        :key=\"key\"\n        v-bind=\"stepProps\"\n      >\n        <template v-if=\"stepSlots?.title\" #title>\n          <template v-if=\"isObj(stepSlots.title)\">\n            <component :is=\"stepSlots.title\" />\n          </template>\n          <template v-else>\n            {{ stepSlots.title }}\n          </template>\n        </template>\n        <template v-if=\"stepSlots?.icon\" #icon>\n          <template v-if=\"isObj(stepSlots.icon)\">\n            <component :is=\"stepSlots.icon\" />\n          </template>\n          <template v-else>\n            {{ stepSlots.icon }}\n          </template>\n        </template>\n        <template v-if=\"stepSlots?.description\" #description>\n          <template v-if=\"isObj(stepSlots.description)\">\n            <component :is=\"stepSlots.description\" />\n          </template>\n          <template v-else>\n            {{ stepSlots.description }}\n          </template>\n        </template>\n      </ElStep>\n    </ElSteps>\n\n    <template v-for=\"({ name, schema }, key) of steps\" :key=\"name\">\n      <RecursionField\n        v-if=\"key === current\"\n        :name=\"name\"\n        :schema=\"schema\"\n      />\n    </template>\n  </div>\n</template>\n","import { observer } from '@formily/reactive-vue'\nimport { composeExport } from '../__builtins__'\nimport FFormStepPane from './form-step-pane.vue'\nimport FFormStep from './form-step.vue'\nimport { createFormStep } from './utils'\n\nconst FormStepInner = observer(FFormStep)\n\nexport const FormStep = composeExport(FormStepInner, {\n  StepPane: FFormStepPane,\n  createFormStep,\n})\n\nexport default FormStep\n"],"names":["_sfc_main$1","defineComponent","_renderSlot","_ctx","props","__props","field","useField","prefixCls","stylePrefix","fieldSchemaRef","useFieldSchema","steps","parseSteps","_b","_a","current","computed","_createElementBlock","_createVNode","_unref","ElSteps","_mergeProps","_openBlock","_Fragment","stepProps","stepSlots","key","_createBlock","_createSlots","isObj","_resolveDynamicComponent","_createTextVNode","_toDisplayString","name","schema","RecursionField","FormStepInner","observer","FFormStep","FormStep","composeExport","FFormStepPane","createFormStep"],"mappings":";;;;;;;;;;AAGA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;;;;;;;SAICC,EAAQC,EAAA,QAAA,SAAA;;;;;;;;;;;;ACKV,UAAMC,IAAQC,GAKRC,IAAQC,IAAsB,OAC9BC,IAAY,GAAGC,CAAW,cAC1BC,IAAiBC,EAAA,GAEjBC,IAAQC,EAAWH,EAAe,KAAK;AAE7C,KAAAI,KAAAC,IAAAX,EAAM,UAAS,YAAf,QAAAU,EAAA,KAAAC,GAAyBH,GAAON;AAEhC,UAAMU,IAAUC,EAAS;;AAAM,aAAAb,EAAM,YAAUW,IAAAX,EAAM,aAAN,gBAAAW,EAAgB,YAAW;AAAA,KAAC;2BAIzEG,EA6CM,OAAA;AAAA,MA7CA,SAAOV,CAAS;AAAA,IAAA;MACpBW,EAmCUC,EAAAC,CAAA,GAnCVC,EAmCUnB,EAAA,QAlCM;AAAA,QACb,QAAQa,EAAA;AAAA,QACR,OAAO,CAAA,EAAA,cAAA,QAAA;AAAA,MAAA;mBAGN,MAA8D;AAAA,WADhEO,EAAA,EAAA,GAAAL,EA6BSM,WA5BiDJ,EAAAR,CAAA,GAAK,CAAA,EAAA,OAA5Ca,GAAS,OAASC,EAAA,GAAaC,OADlDJ,EAAA,GAAAK,EA6BSR,MA7BTE,EA6BS,EA3BN,KAAAK,EAAA,oBACOF,CAAS,GAAAI,EAAA,EAAA,GAAA,KAAA;AAAA,YAEDH,KAAA,QAAAA,EAAW;oBAAQ;AAAA,oBAArC,MAEW;AAAA,gBADSN,EAAAU,CAAA,EAAMJ,EAAU,KAAK,UACnCE,EAAmCG,EAAnBL,EAAU,KAAK,GAAA,EAAA,KAAA,EAAA,CAAA,WAEjCR,EAEWM,GAAA,EAAA,KAAA,KAAA;AAAA,kBADNQ,EAAAC,EAAAP,EAAU,KAAK,GAAA,CAAA;AAAA,gBAAA;;;;YAGNA,KAAA,QAAAA,EAAW;oBAAO;AAAA,oBAApC,MAEW;AAAA,gBADSN,EAAAU,CAAA,EAAMJ,EAAU,IAAI,UAClCE,EAAkCG,EAAlBL,EAAU,IAAI,GAAA,EAAA,KAAA,EAAA,CAAA,WAEhCR,EAEWM,GAAA,EAAA,KAAA,KAAA;AAAA,kBADNQ,EAAAC,EAAAP,EAAU,IAAI,GAAA,CAAA;AAAA,gBAAA;;;;YAGLA,KAAA,QAAAA,EAAW;oBAAc;AAAA,oBAA3C,MAEW;AAAA,gBADSN,EAAAU,CAAA,EAAMJ,EAAU,WAAW,UACzCE,EAAyCG,EAAzBL,EAAU,WAAW,GAAA,EAAA,KAAA,EAAA,CAAA,WAEvCR,EAEWM,GAAA,EAAA,KAAA,KAAA;AAAA,kBADNQ,EAAAC,EAAAP,EAAU,WAAW,GAAA,CAAA;AAAA,gBAAA;;;;;;;;OAMhCH,EAAA,EAAA,GAAAL,EAMWM,WANiCJ,EAAAR,CAAA,GAAK,CAAA,EAA7B,MAAAsB,GAAM,QAAAC,EAAA,GAAUR,wBAAqBO,KAAI;AAAA,QAEnDP,MAAQX,EAAA,cADhBY,EAIER,EAAAgB,CAAA,GAAA;AAAA;UAFC,MAAAF;AAAA,UACA,QAAAC;AAAA,QAAA;;;;ICpEHE,IAAgBC,EAASC,CAAS,GAE3BC,KAAWC,EAAcJ,GAAe;AAAA,EACnD,UAAUK;AAAA,EACV,gBAAAC;AACF,CAAC;"}

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

@@ -1,21 +0,0 @@
-import { Form, VoidField } from '@formily/core';
-import { SchemaStep } from './utils';
-export interface IFormStep {
-    connect: (steps: SchemaStep[], field: VoidField) => void;
-    current: number;
-    allowNext: boolean;
-    allowBack: boolean;
-    setCurrent: (key: number) => void;
-    submit: Form['submit'];
-    next: () => void;
-    back: () => void;
-}
-export interface IFormStepProps {
-    formStep?: IFormStep;
-    active?: number;
-}
-export interface FormStepEnv {
-    form: Form;
-    field: VoidField;
-    steps: SchemaStep[];
-}

package/esm/form-step/types.mjs

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

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

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

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

@@ -1,11 +0,0 @@
-import { Schema, SchemaKey } from '@formily/json-schema';
-import { Slots } from 'vue';
-import { IFormStep } from './types';
-export interface SchemaStep {
-    name: SchemaKey;
-    props: any;
-    schema: Schema;
-    slots: Slots;
-}
-export declare function createFormStep(defaultCurrent?: number): IFormStep;
-export declare function parseSteps(schema: Schema): SchemaStep[];