@silver-formily/element-plus 2.0.0 → 2.0.1

package/esm/form-item/index.mjs

@@ -1,28 +1,26 @@
 import { isVoidField as ne } from "@formily/core";
-import { useField as ue, connect as de, mapProps as ce } from "@formily/vue";
+import { useField as ue, connect as de, mapProps as ce } from "@silver-formily/vue";
 import { defineComponent as fe, useSlots as pe, computed as d, ref as b, reactive as ve, watch as me, provide as D, createElementBlock as i, openBlock as t, unref as l, normalizeClass as n, createBlock as f, createCommentVNode as c, createElementVNode as h, resolveDynamicComponent as g, normalizeStyle as W, withCtx as m, isVNode as x, createVNode as _, toDisplayString as y, Fragment as C, createTextVNode as R, renderSlot as G, TransitionGroup as be } from "vue";
-import { useNamespace as ye, useFormSize as ke, useId as ge, formItemContextKey as Se, ElTooltip as E, ElIcon as K } from "element-plus";
-import "@formily/reactive";
-import "@formily/reactive-vue";
-import { composeExport as he } from "../__builtins__/shared/utils.mjs";
-import { InfoFilled as xe, CircleClose as _e, CircleCheck as Ce, Warning as $e } from "@element-plus/icons-vue";
-import { isValid as v, isArr as Ie } from "@formily/shared";
-import { stylePrefix as we } from "../__builtins__/configs/index.mjs";
-import { useResizeObserver as We } from "../__builtins__/shared/hooks.mjs";
-import { FORM_LAYOUT_PROPS_KEYS as Fe, useFormLayout as Ae, formLayoutShallowContext as Be } from "../form-layout/utils.mjs";
-import { p as Le } from "../vendor/lodash.mjs";
-import { i as ze, a as Te, d as Re } from "../vendor/types.mjs";
-import { a as Ee } from "../vendor/shared.esm-bundler.mjs";
-import { getFeedbackMessage as Pe, determineFeedbackStatus as Ve } from "./utils.mjs";
+import { InfoFilled as ye, CircleClose as ke, CircleCheck as ge, Warning as Se } from "@element-plus/icons-vue";
+import { isValid as v, isArr as he } from "@formily/shared";
+import { useNamespace as xe, useFormSize as _e, useId as Ce, formItemContextKey as $e, ElTooltip as E, ElIcon as K } from "element-plus";
+import { FORM_LAYOUT_PROPS_KEYS as Ie, useFormLayout as we, formLayoutShallowContext as We } from "../form-layout/utils.mjs";
+import { p as Fe } from "../vendor/lodash.mjs";
+import { i as Ae, a as Be, d as Le } from "../vendor/types.mjs";
+import { a as ze } from "../vendor/shared.esm-bundler.mjs";
+import { stylePrefix as Te } from "../__builtins__/configs/index.mjs";
+import { useResizeObserver as Re } from "../__builtins__/shared/hooks.mjs";
+import { getFeedbackMessage as Ee, determineFeedbackStatus as Pe } from "./utils.mjs";
+import { composeExport as Ve } from "../__builtins__/shared/utils.mjs";
 import '../styles/form-item/index.css';const Ne = "utils/dom/style";
 function U(s, p = "px") {
   if (!s && s !== 0)
     return "";
-  if (ze(s) || Te(s))
+  if (Ae(s) || Be(s))
     return `${s}${p}`;
-  if (Ee(s))
+  if (ze(s))
     return s;
-  Re(Ne, "binding value must be a string or number");
+  Le(Ne, "binding value must be a string or number");
 }
 const Oe = ["role", "aria-labelledby"], Y = /* @__PURE__ */ fe({
   name: "FFormItem",
@@ -53,14 +51,14 @@ const Oe = ["role", "aria-labelledby"], Y = /* @__PURE__ */ fe({
     tooltipLayout: null
   },
   setup(s, { expose: p }) {
-    const e = s, F = pe(), o = ye("form-item"), u = `${we}-form-item`, H = Object.fromEntries(
-      Object.entries(Le(e, Fe)).filter(([r, w]) => v(w))
-    ), J = Ae(), a = d(() => Object.assign({}, J.value, H)), P = ue(), V = ke(void 0, { formItem: !1 }), A = ge().value, k = b([]), N = b(""), O = b(), S = b(), q = b();
+    const e = s, F = pe(), o = xe("form-item"), u = `${Te}-form-item`, H = Object.fromEntries(
+      Object.entries(Fe(e, Ie)).filter(([r, w]) => v(w))
+    ), J = we(), a = d(() => Object.assign({}, J.value, H)), P = ue(), V = _e(void 0, { formItem: !1 }), A = Ce().value, k = b([]), N = b(""), O = b(), S = b(), q = b();
     p({
       feedbackTooltipRef: q
     });
     const $ = d(
-      () => a.value.layout === "vertical" || Ie(a.value.layout) && a.value.layout.includes("vertical") ? "top" : a.value.labelAlign ?? "right"
+      () => a.value.layout === "vertical" || he(a.value.layout) && a.value.layout.includes("vertical") ? "top" : a.value.labelAlign ?? "right"
     ), Q = d(() => {
       if ($.value === "top")
         return {};
@@ -107,7 +105,7 @@ const Oe = ["role", "aria-labelledby"], Y = /* @__PURE__ */ fe({
     }, se = (r) => {
       k.value = k.value.filter((w) => w !== r);
     }, j = b(!1);
-    We(S, () => {
+    Re(S, () => {
       j.value = S.value?.scrollWidth > S.value?.clientWidth;
     });
     const T = d(() => j.value && !a.value.labelWrap), ie = b(""), I = ve({
@@ -143,10 +141,10 @@ const Oe = ["role", "aria-labelledby"], Y = /* @__PURE__ */ fe({
       I.validateState = r;
     }, {
       immediate: !0
-    }), D(Be, b({
+    }), D(We, b({
       ...v(e.size) && { size: e.size },
       ...v(e.colon) && { colon: e.colon }
-    })), D(Se, I), (r, w) => (t(), i("div", {
+    })), D($e, I), (r, w) => (t(), i("div", {
       ref_key: "formItemRef",
       ref: O,
       class: n([u, a.value.labelWrap && "is-warp", ...te.value]),
@@ -205,7 +203,7 @@ const Oe = ["role", "aria-labelledby"], Y = /* @__PURE__ */ fe({
                   class: n(`${u}-label-tooltip`)
                 }, {
                   default: m(() => [
-                    _(l(xe))
+                    _(l(ye))
                   ]),
                   _: 1
                 }, 8, ["class"])
@@ -258,9 +256,9 @@ const Oe = ["role", "aria-labelledby"], Y = /* @__PURE__ */ fe({
               }, [
                 _(l(K), null, {
                   default: m(() => [
-                    e.feedbackStatus === "error" ? (t(), f(l(_e), { key: 0 })) : c("", !0),
-                    e.feedbackStatus === "success" ? (t(), f(l(Ce), { key: 1 })) : c("", !0),
-                    e.feedbackStatus === "warning" ? (t(), f(l($e), { key: 2 })) : c("", !0)
+                    e.feedbackStatus === "error" ? (t(), f(l(ke), { key: 0 })) : c("", !0),
+                    e.feedbackStatus === "success" ? (t(), f(l(ge), { key: 1 })) : c("", !0),
+                    e.feedbackStatus === "warning" ? (t(), f(l(Se), { key: 2 })) : c("", !0)
                   ]),
                   _: 1
                 }),
@@ -300,7 +298,7 @@ const Oe = ["role", "aria-labelledby"], Y = /* @__PURE__ */ fe({
 function qe(s, p) {
   if (ne(p) || !p)
     return s;
-  const e = Pe(p), F = Ve(p), o = "asterisk" in s ? s.asterisk : p.required && p.pattern !== "readPretty";
+  const e = Ee(p), F = Pe(p), o = "asterisk" in s ? s.asterisk : p.required && p.pattern !== "readPretty";
   return {
     ...s,
     feedbackText: e,
@@ -319,13 +317,13 @@ const Me = de(
     },
     qe
   )
-), rt = he(Me, {
+), lt = Ve(Me, {
   BaseItem: Y
 });
 export {
   Y as FormBaseItem,
-  rt as FormItem,
-  rt as default,
+  lt as FormItem,
+  lt as default,
   qe as fieldFeedbackMapper
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.22_typescript@5.9.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(\n      ([prop, value2]) => setStyle(element, prop, value2)\n    );\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 && value !== 0)\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 ?? 'right'\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","contentWrapperStyle","isRequired","formItemClasses","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":";;;;;;;;;;;;;;;;AAMA,MAAMA,KAAQ;AAyDd,SAASC,EAAQC,GAAOC,IAAc,MAAM;AAC1C,MAAI,CAACD,KAASA,MAAU;AACtB,WAAO;AACT,MAAIE,GAASF,CAAK,KAAKG,GAAeH,CAAK;AACzC,WAAO,GAAGA,CAAK,GAAGC,CAAW;AACxB,MAAIG,GAASJ,CAAK;AACvB,WAAOA;AAET,EAAAK,GAAUP,IAAO,0CAA0C;AAC7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChDA,UAAMQ,IAAQC,GAyBRC,IAAQC,GAAA,GACRC,IAAKC,GAAa,WAAW,GAC7BC,IAAY,GAAGC,EAAW,cAC1BC,IAAsD,OAAO;AAAA,MACjE,OAAO,QAAQC,GAAKT,GAAOU,EAAsB,CAAC,EAC/C,OAAO,CAAC,CAACC,GAAGjB,CAAK,MAAMkB,EAAQlB,CAAK,CAAC;AAAA,IAAA,GAEpCmB,IAAmBC,GAAA,GACnBC,IAAaC,EAAS,MAAM,OAAO,OAAO,CAAA,GAAIH,EAAiB,OAAOL,CAAc,CAAC,GAErFS,IAAQC,GAAA,GAERC,IAAQC,GAAY,QAAW,EAAE,UAAU,IAAO,GAElDC,IAAUC,KAAQ,OAClBC,IAAWC,EAAc,EAAE,GAE3BC,IAAgBD,EAA2B,EAAE,GAC7CE,IAAcF,EAAA,GACdG,IAAWH,EAAA,GACXI,IAAqBJ,EAAA;AAC3B,IAAAK,EAAa;AAAA,MACX,oBAAAD;AAAA,IAAA,CACD;AAED,UAAME,IAAgBd;AAAA,MACpB,MACMD,EAAW,MAAM,WAAW,cAAegB,GAAMhB,EAAW,MAAM,MAAM,KAAKA,EAAW,MAAM,OAAO,SAAS,UAAiB,IAC1H,QAEFA,EAAW,MAAM,cAAc;AAAA,IACxC,GAGIiB,IAAahB,EAAwB,MAAM;AAC/C,UAAIc,EAAc,UAAU;AAC1B,eAAO,CAAA;AAGT,YAAMG,IAAaxC,EAAQsB,EAAW,MAAM,cAAc,EAAE;AAC5D,aAAIkB,IACK,EAAE,OAAOA,EAAA,IACX,CAAA;AAAA,IACT,CAAC,GAEKC,IAAelB,EAAwB,MAAM;AACjD,YAAMmB,IAAe1C,EAAQsB,EAAW,OAAO,gBAAgB,EAAE;AACjE,aAAIoB,IACK,EAAE,OAAOA,GAAc,MAAM,QAAA,IAC/B,CAAA;AAAA,IACT,CAAC,GAEKC,IAAsBpB,EAAwB,OAC3C;AAAA,MACL,gBAAgBD,EAAW,OAAO,iBAAiB,WAAW;AAAA,IAAA,EAEjE,GAEKsB,KAAarB;AAAA,MAAS,MAC1BhB,EAAM,YAAYiB,EAAM,OAAO,YAAY;AAAA,IAAA,GAGvCqB,KAAkBtB,EAAS,MAAM;AAAA,MACrCZ,EAAG,EAAA;AAAA;AAAA,MAEHA,EAAG,EAAEJ,EAAM,QAAQmB,EAAM,SAAS,SAAS;AAAA,MAC3Cf,EAAG,GAAGJ,EAAM,cAAc;AAAA,MAC1BI,EAAG,GAAG,cAAcqB,EAAc,UAAU,YAAY;AAAA,MACxDrB,EAAG,GAAG,WAAWqB,EAAc,UAAU,SAAS;AAAA,MAClDrB,EAAG,GAAG,YAAYiC,GAAW,SAASrC,EAAM,QAAQ;AAAA,MACpDI,EAAG,GAAG,eAAeW,EAAW,OAAO,oBAAoB;AAAA,MAC3DX,EAAG,GAAGW,EAAW,MAAM,cAAc;AAAA,MACrCA,EAAW,OAAO,4BAA4B,UAC1C,mBACA;AAAA,MACJ;AAAA,QACE,CAACX,EAAG,EAAE,UAAU,CAAC,GAAGW,EAAW,OAAO;AAAA,QACtC,CAACX,EAAG,EAAE,SAAS0B,EAAc,KAAK,EAAE,CAAC,GAAGA,EAAc;AAAA,MAAA;AAAA,IACxD,CACD,GAEKS,IAAkBvB,EAAS,MAAM;AAAA,MACrC,GAAGV,CAAS;AAAA,MACZF,EAAG,GAAGJ,EAAM,cAAc;AAAA,MAC1BI,EAAG,GAAG,SAASJ,EAAM,mBAAmB,OAAO;AAAA,IAAA,CAChD,GAEKwC,IAAWxB,EAAkB,MACzBhB,EAAM,UAAU,MAAMY,EAAQZ,EAAM,KAAK,KAAMY,EAAQV,EAAM,KAAK,CAC3E,GAEKuC,IAAWzB,EAA6B,MAE1ChB,EAAM,QAAQuB,EAAS,MAAM,WAAW,IAAIA,EAAS,MAAM,CAAC,IAAI,OAEnE,GAEKmB,IAAU1B,EAAkB,MACzB,CAACyB,EAAS,SAASD,EAAS,KACpC;AAED,mBAAeG,KAAiC;AAC9C,aAAO;AAAA,IACT;AAAA,IAAA;AAEA,UAAMC,KAAkD,MAAM;AAAA,IAAC;AAAA,IAAA;AAE/D,UAAMC,KAA4C,YAAY;AAAA,IAAC,GAEzDC,KAA4C,CAACC,MAAe;AAAA,MAAA;AAEhE,MAAKxB,EAAS,MAAM,SAASwB,CAAE,KAC7BxB,EAAS,MAAM,KAAKwB,CAAE;AAAA,IAE1B,GAEMC,KAAkD,CAACD,MAAe;AACtE,MAAAxB,EAAS,QAAQA,EAAS,MAAM,OAAO,CAAA0B,MAAUA,MAAWF,CAAE;AAAA,IAChE,GAEMG,IAAmB1B,EAAI,EAAK;AAClC,IAAA2B,GAAkBxB,GAAU,MAAM;AAChC,MAAAuB,EAAiB,QAAQvB,EAAS,OAAO,cAAcA,EAAS,OAAO;AAAA,IACzE,CAAC;AACD,UAAMyB,IAAapC,EAAS,MACnBkC,EAAiB,SAAS,CAACnC,EAAW,MAAM,SACpD,GAGKsC,KAAiB7B,EAA2B,EAAE,GAC9C8B,IAA2BC,GAAS;AAAA,MACxC,KAAK7B;AAAA,MACL,YAAYX,EAAW,OAAO;AAAA,MAC9B,MAAMI;AAAA,MACN,eAAekC,GAAe;AAAA,MAC9B,SAAAhC;AAAA,MACA,UAAAE;AAAA,MACA,SAAAmB;AAAA,MACA,UAAAF;AAAA,MACA,YAAAM;AAAA,MACA,eAAAE;AAAA,MACA,YAAAH;AAAA,MACA,eAAAD;AAAA,MACA,UAAAD;AAAA,MACA,eAAAb;AAAA,MACA,eAAe;AAAA,MACf,aAAa;AAAA,MACb,YAAYb,EAAM,OAAO;AAAA,MACzB,iBAAiB;AAAA,MACjB,YAAY;AAAA,IAAA,CACb;AACD,WAAAuC,GAAM,MAAMxD,EAAM,gBAAgB,CAACyD,MAAQ;AACzC,UAAIA,MAAQ,WAAW;AACrB,QAAAH,EAAQ,gBAAgB;AACxB;AAAA,MACF;AACA,UAAIG,MAAQ,WAAW;AACrB,QAAAH,EAAQ,gBAAgB;AACxB;AAAA,MACF;AACA,MAAAA,EAAQ,gBAAgBG;AAAA,IAC1B,GAAG;AAAA,MACD,WAAW;AAAA,IAAA,CACZ,GAEDC,EAAQC,IAA0BnC,EAAI;AAAA,MACpC,GAAIZ,EAAQZ,EAAM,IAAI,KAAK,EAAE,MAAMA,EAAM,KAAA;AAAA,MACzC,GAAIY,EAAQZ,EAAM,KAAK,KAAK,EAAE,OAAOA,EAAM,MAAA;AAAA,IAAM,CAClD,CAAC,GACF0D,EAAQE,IAAoBN,CAAO,mBAIjCO,EAiHM,OAAA;AAAA,eAhHA;AAAA,MAAJ,KAAInC;AAAA,MAAe,UAAQpB,GAAWS,QAAW,2BAA2BuB,GAAA,KAAe,CAAA;AAAA,MAC1F,MAAMI,EAAA,QAAO,UAAa;AAAA,MAAY,mBAAiBA,EAAA,QAAUoB,EAAAzC,CAAA,IAAU;AAAA,IAAA;MAGnCmB,EAAA,SADzCuB,EAAA,GAAAC,EAwCYC,EAvCLxB,EAAA,QAAQ,UAAA,KAAA,GAAA;AAAA;QAAqC,IAAIqB,EAAAzC,CAAA;AAAA,QAAU,KAAKoB,EAAA;AAAA,QACpE,OAAKyB,EAAA,CAAGJ,EAAA1D,CAAA,EAAG,YAAY0D,EAAAlD,CAAA,EAAQG,EAAA,MAAW,QAAQ,KAAA,GAAQT,CAAS,QAAQS,EAAA,MAAW,QAAQ,EAAA,CAAA;AAAA,QAC9F,SAAOiB,EAAA,KAAU;AAAA,MAAA;mBANxB,MAEoB;AAAA,UAOEmC,EAAQnE,EAAM,KAAK,UACjCgE,EAA+BC,EAAfjE,EAAM,KAAK,GAAA,EAAA,KAAA,EAAA,CAAA,WAE7B6D,EA8BM,OAAA;AAAA;YA9BO,YAAUvD,CAAS,iBAAA;AAAA,UAAA;YAC9B8D,EAsBYN,EAAAO,CAAA,GAAA;AAAA,cAtBA,UAAQ,CAAGjB,EAAA,SAAcrC,EAAA,MAAW,kBAAa;AAAA,YAAA;cAShD,WARP,MAEqE;AAAA,gBAOvDoD,EAAQnE,EAAM,OAAO,UACnCgE,EAAiCC,EAAjBjE,EAAM,OAAO,GAAA,EAAA,KAAA,EAAA,CAAA,WAE/B6D,EAOM,OAAA;AAAA;kBAPO,OAAKS,EAAA,UAAY3C,EAAA,OAAU,eAAW,CAAA,KAAA;AAAA,gBAAA;kBACjCyB,EAAA,cAAhBS,EAEWU,GAAA,EAAA,KAAA,KAAA;AAAA,oBADNC,EAAAC,EAAAzE,EAAM,KAAK,GAAA,CAAA;AAAA,kBAAA;kBAEAe,EAAA,MAAW,kBAAa,eAAxC8C,EAEWU,GAAA,EAAA,KAAA,KAAA;AAAA,oBADNC,EAAAC,EAAAzE,EAAM,OAAO,GAAA,CAAA;AAAA,kBAAA;;;yBAjBtB,MAOO;AAAA,gBAPP0E,EAOO,QAAA;AAAA,kBANJ,OAAKR,EAAA;AAAA,wBAAsB5D,CAAS,gBAAA,GAAA;AAAA,oBAAuD,cAAA8C,EAAA,SAAepD,EAAM,WAAWe,EAAA,MAAW,kBAAa;AAAA,kBAAA;;kBAKpJ2D,EAA6C,QAAA;AAAA,6BAAnC;AAAA,oBAAJ,KAAI/C;AAAA,kBAAA,GAAc8C,EAAAzE,EAAM,KAAK,GAAA,GAAA;AAAA,gBAAA;;;;YAgBtBA,EAAM,WAAWe,EAAA,MAAW,kBAAa,eAA1DiD,EAIYF,EAAAO,CAAA,GAAA;AAAA;cAJ4D,SAASrE,EAAM;AAAA,YAAA;yBACrF,MAES;AAAA,gBAFToE,EAESN,EAAAa,CAAA,GAAA;AAAA,kBAFA,YAAUrE,CAAS,gBAAA;AAAA,gBAAA;6BAC1B,MAAc;AAAA,oBAAd8D,EAAcN,EAAAc,EAAA,CAAA;AAAA,kBAAA;;;;;;YAGN5E,EAAM,cAAlB6D,EAA+D,QAAA;AAAA;cAArC,YAAUvD,CAAS,QAAA;AAAA,YAAA,GAAU,KAAC,CAAA;;;;;MAI5DoE,EAkEM,OAAA;AAAA,QAjEH,OAAKR,EAAA;AAAA,aAAe5D,CAAS;AAAA,UAA6BwD,EAAAlD,CAAA,EAAQG,QAAW,UAAU,QAAQT,CAAS,QAAQS,EAAA,MAAW,UAAU;AAAA,QAAA;QAIrI,SAAOqB,EAAA,KAAmB;AAAA,MAAA;QAEX0B,EAAAlD,CAAA,EAAQZ,EAAM,WAAW,UAAzC6D,EAOWU,GAAA,EAAA,KAAA,KAAA;AAAA,UANOJ,EAAQnE,EAAM,WAAW,UACvCgE,EAAqCC,EAArBjE,EAAM,WAAW,GAAA,EAAA,KAAA,EAAA,CAAA,WAEnC6D,EAEM,OAAA;AAAA;YAFO,YAAUvD,CAAS,eAAA;AAAA,UAAA,GAC3BmE,EAAAzE,EAAM,WAAW,GAAA,CAAA;AAAA,QAAA;QAGxB0E,EA0CM,OAAA;AAAA,UAzCH,OAAKR,EAAA;AAAA,YAAcJ,EAAA1D,CAAA,EAAG,EAAC,SAAA;AAAA,YAAuBW,EAAA,MAAW,YAAQ;AAAA,YAA6B+C,EAAA1D,CAAA,EAAG,GAAE,eAAA,CAAA,CAAkBJ,EAAM,UAAU;AAAA,UAAA;UAIlI,SAAOkC,EAAA,KAAY;AAAA,QAAA;UAGflC,EAAM,mBAAc,kBAD5BgE,EAoBYF,EAAAO,CAAA,GAAA;AAAA;qBAlBN;AAAA,YAAJ,KAAIzC;AAAA,YACH,SAAO,CAAA,CAAI5B,EAAM;AAAA,YAClB,QAAO;AAAA,YACN,QAAQ;AAAA,UAAA;YAEE,WACT,MAAQ;AAAA,cAAR6E,EAAQC,EAAA,QAAA,SAAA;AAAA,YAAA;YAEC,WACT,MAOM;AAAA,cAPNJ,EAOM,OAAA;AAAA,gBAPA,OAAKR,EAAA,CAAA,GAAM3B,EAAA,OAAiBuB,EAAA1D,CAAA,EAAG,GAAE,SAAA,CAAA,CAAA;AAAA,cAAA;gBACrCgE,EAISN,EAAAa,CAAA,GAAA,MAAA;AAAA,6BAba,MAAuD;AAAA,oBAUxD3E,EAAM,mBAAc,gBAAvCgE,EAAuDF,EAAAiB,EAAA,GAAA,EAAA,KAAA,EAAA,CAAA;oBACpC/E,EAAM,mBAAc,kBAAvCgE,EAAyDF,EAAAkB,EAAA,GAAA,EAAA,KAAA,EAAA,CAAA;oBAC1ChF,EAAM,mBAAc,kBAAnCgE,EAAqDF,EAAAmB,EAAA,GAAA,EAAA,KAAA,EAAA,CAAA;;;;kBAC9C,MACTR,EAAGzE,EAAM,YAAY,GAAA,CAAA;AAAA,cAAA;;;gCAI3B6E,EAAeC,EAAA,QAAA,WAAA,EAAA,KAAA,GAAA;AAAA,UACfV,EAYkBc,IAAA;AAAA,YAZA,MAAI,GAAKpB,EAAA1D,CAAA,EAAG,UAAU,KAAK;AAAA,UAAA;uBAR7C,MAIM;AAAA,cAKOJ,EAAM,gBAAgBA,EAAM,mBAAc,kBAArD6D,EAEM,OAAA;AAAA;gBAFgE,SAAOtB,EAAA,KAAe;AAAA,cAAA,GACvFkC,EAAAzE,EAAM,YAAY,GAAA,CAAA;cAEP8D,EAAAlD,CAAA,EAAQZ,EAAM,KAAK,UAAnC6D,EAOWU,GAAA,EAAA,KAAA,KAAA;AAAA,gBANOJ,EAAQnE,EAAM,KAAK,UACjCgE,EAA+BC,EAAfjE,EAAM,KAAK,GAAA,EAAA,KAAA,EAAA,CAAA,WAE7B6D,EAEM,OAAA;AAAA;kBAFO,YAAUvD,CAAS,QAAA;AAAA,gBAAA,GAC3BmE,EAAAzE,EAAM,KAAK,GAAA,CAAA;AAAA,cAAA;;;;;QAKN8D,EAAAlD,CAAA,EAAQZ,EAAM,UAAU,UAAxC6D,EAOWU,GAAA,EAAA,KAAA,KAAA;AAAA,UANOJ,EAAQnE,EAAM,UAAU,UACtCgE,EAAoCC,EAApBjE,EAAM,UAAU,GAAA,EAAA,KAAA,EAAA,CAAA,WAElC6D,EAEM,OAAA;AAAA;YAFO,YAAUvD,CAAS,cAAA;AAAA,UAAA,GAC3BmE,EAAAzE,EAAM,UAAU,GAAA,CAAA;AAAA,QAAA;;;;;ACpUtB,SAASmF,GAAoBnF,GAAOiB,GAAO;AAChD,MAAImE,GAAYnE,CAAK,KAAK,CAACA;AACzB,WAAOjB;AAGT,QAAMqF,IAAeC,GAAmBrE,CAAK,GACvCsE,IAAiBC,GAAwBvE,CAAK,GAC9CwE,IAAW,cAAczF,IAC3BA,EAAM,WACNiB,EAAM,YAAYA,EAAM,YAAY;AAExC,SAAO;AAAA,IACL,GAAGjB;AAAA,IACH,cAAAqF;AAAA,IACA,gBAAAE;AAAA,IACA,UAAAE;AAAA,EAAA;AAEJ;AAEA,MAAMC,KAAOC;AAAA,EACXC;AAAAA,EACAC;AAAA,IACE;AAAA,MACE,gBAAgB;AAAA,MAChB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,IAEfV;AAAA,EAAA;AAEJ,GAEaW,KAAWC,GAAcL,IAAM;AAAA,EAC1C,UAAUE;AACZ,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.mjs","sources":["../../node_modules/.pnpm/element-plus@2.13.0_vue@3.5.22_typescript@5.9.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(\n      ([prop, value2]) => setStyle(element, prop, value2)\n    );\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 && value !== 0)\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>\r\nimport type { Field } from '@formily/core'\r\nimport type {\r\n  FormItemContext,\r\n  FormItemValidateState,\r\n  FormValidationResult,\r\n  TooltipInstance,\r\n} from 'element-plus'\r\nimport type { ICalculatedFormLayoutProps } from 'src/form-layout/types'\r\nimport type { CSSProperties } from 'vue'\r\nimport type { IFormItemProps } from './types'\r\nimport { CircleCheck, CircleClose, InfoFilled, Warning } from '@element-plus/icons-vue'\r\nimport { isArr, isValid } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ElIcon, ElTooltip, formItemContextKey, useFormSize, useId, useNamespace } from 'element-plus'\r\nimport { addUnit } from 'element-plus/es/utils/index'\r\nimport { pick } from 'lodash-es'\r\nimport { computed, isVNode, provide, reactive, ref, useSlots, watch } from 'vue'\r\nimport { stylePrefix, useResizeObserver } from '../__builtins__'\r\nimport { FORM_LAYOUT_PROPS_KEYS, formLayoutShallowContext, useFormLayout } from '../form-layout/utils'\r\n\r\ndefineOptions({\r\n  name: 'FFormItem',\r\n})\r\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})\r\nconst slots = useSlots()\r\nconst ns = useNamespace('form-item')\r\nconst prefixCls = `${stylePrefix}-form-item`\r\nconst formItemConfig: Partial<ICalculatedFormLayoutProps> = Object.fromEntries(\r\n  Object.entries(pick(props, FORM_LAYOUT_PROPS_KEYS))\r\n    .filter(([_, value]) => isValid(value)),\r\n)\r\nconst formlayoutConfig = useFormLayout()\r\nconst formlayout = computed(() => Object.assign({}, formlayoutConfig.value, formItemConfig))\r\n\r\nconst field = useField<Field>()\r\n\r\nconst _size = useFormSize(undefined, { formItem: false })\r\n\r\nconst labelId = useId().value\r\nconst inputIds = ref<string[]>([])\r\n\r\nconst validateState = ref<FormItemValidateState>('')\r\nconst formItemRef = ref<HTMLDivElement>()\r\nconst labelRef = ref<HTMLElement>()\r\nconst feedbackTooltipRef = ref<TooltipInstance>()\r\ndefineExpose({\r\n  feedbackTooltipRef,\r\n})\r\n\r\nconst labelPosition = computed(\r\n  () => {\r\n    if (formlayout.value.layout === 'vertical' || (isArr(formlayout.value.layout) && formlayout.value.layout.includes('vertical' as any))) {\r\n      return 'top'\r\n    }\r\n    return formlayout.value.labelAlign ?? 'right'\r\n  },\r\n)\r\n\r\nconst labelStyle = computed<CSSProperties>(() => {\r\n  if (labelPosition.value === 'top') {\r\n    return {}\r\n  }\r\n\r\n  const labelWidth = addUnit(formlayout.value.labelWidth || '')\r\n  if (labelWidth)\r\n    return { width: labelWidth }\r\n  return {}\r\n})\r\n\r\nconst contentStyle = computed<CSSProperties>(() => {\r\n  const contentWidth = addUnit(formlayout.value?.wrapperWidth || '')\r\n  if (contentWidth)\r\n    return { width: contentWidth, flex: 'unset' }\r\n  return {}\r\n})\r\n\r\nconst contentWrapperStyle = computed<CSSProperties>(() => {\r\n  return {\r\n    justifyContent: formlayout.value?.wrapperAlign === 'right' && 'flex-end',\r\n  }\r\n})\r\n\r\nconst isRequired = computed(() =>\r\n  props.asterisk && field.value?.pattern !== 'readPretty',\r\n)\r\n\r\nconst formItemClasses = computed(() => [\r\n  ns.b(),\r\n  // eslint-disable-next-line unicorn/explicit-length-check\r\n  ns.m(props.size || _size.value || 'default'),\r\n  ns.is(props.feedbackStatus),\r\n  ns.is('validating', validateState.value === 'validating'),\r\n  ns.is('success', validateState.value === 'success'),\r\n  ns.is('required', isRequired.value || props.asterisk),\r\n  ns.is('no-asterisk', formlayout.value?.hideRequiredAsterisk),\r\n  ns.is(formlayout.value.feedbackLayout),\r\n  formlayout.value?.requireAsteriskPosition === 'right'\r\n    ? 'asterisk-right'\r\n    : 'asterisk-left',\r\n  {\r\n    [ns.m('feedback')]: formlayout.value?.statusIcon,\r\n    [ns.m(`label-${labelPosition.value}`)]: labelPosition.value,\r\n  },\r\n])\r\n\r\nconst validateClasses = computed(() => [\r\n  `${prefixCls}-feedback`,\r\n  ns.is(props.feedbackStatus),\r\n  ns.is('loose', props.feedbackLayout === 'loose'),\r\n])\r\n\r\nconst hasLabel = computed<boolean>(() => {\r\n  return (props.label !== '' && isValid(props.label)) || isValid(slots.label)\r\n})\r\n\r\nconst labelFor = computed<string | undefined>(() => {\r\n  return (\r\n    props.for || (inputIds.value.length === 1 ? inputIds.value[0] : undefined)\r\n  )\r\n})\r\n\r\nconst isGroup = computed<boolean>(() => {\r\n  return !labelFor.value && hasLabel.value\r\n})\r\n\r\nasync function validate(): FormValidationResult {\r\n  return true\r\n}\r\n/* istanbul ignore next -- @preserve */\r\nconst clearValidate: FormItemContext['clearValidate'] = () => {}\r\n/* istanbul ignore next -- @preserve */\r\nconst resetField: FormItemContext['resetField'] = async () => {}\r\n\r\nconst addInputId: FormItemContext['addInputId'] = (id: string) => {\r\n  /* istanbul ignore else -- @preserve */\r\n  if (!inputIds.value.includes(id)) {\r\n    inputIds.value.push(id)\r\n  }\r\n}\r\n\r\nconst removeInputId: FormItemContext['removeInputId'] = (id: string) => {\r\n  inputIds.value = inputIds.value.filter(listId => listId !== id)\r\n}\r\n\r\nconst isEllipsisActive = ref(false)\r\nuseResizeObserver(labelRef, () => {\r\n  isEllipsisActive.value = labelRef.value?.scrollWidth > labelRef.value?.clientWidth\r\n})\r\nconst isEllipsis = computed(() => {\r\n  return isEllipsisActive.value && !formlayout.value.labelWrap\r\n})\r\n\r\n// HACK computed无法监听到props.feedbackStatus的变化\r\nconst _validateState = ref<FormItemValidateState>('')\r\nconst context: FormItemContext = reactive({\r\n  $el: formItemRef,\r\n  labelWidth: formlayout.value?.labelWidth,\r\n  size: _size,\r\n  validateState: _validateState.value,\r\n  labelId,\r\n  inputIds,\r\n  isGroup,\r\n  hasLabel,\r\n  addInputId,\r\n  removeInputId,\r\n  resetField,\r\n  clearValidate,\r\n  validate,\r\n  labelPosition,\r\n  inlineMessage: true,\r\n  showMessage: true,\r\n  fieldValue: field.value?.value,\r\n  validateMessage: '',\r\n  propString: '',\r\n})\r\nwatch(() => props.feedbackStatus, (val) => {\r\n  if (val === 'pending') {\r\n    context.validateState = 'validating'\r\n    return\r\n  }\r\n  if (val === 'warning') {\r\n    context.validateState = ''\r\n    return\r\n  }\r\n  context.validateState = val\r\n}, {\r\n  immediate: true,\r\n})\r\n\r\nprovide(formLayoutShallowContext, ref({\r\n  ...(isValid(props.size) && { size: props.size }),\r\n  ...(isValid(props.colon) && { colon: props.colon }),\r\n}))\r\nprovide(formItemContextKey, context)\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    ref=\"formItemRef\" :class=\"[prefixCls, formlayout.labelWrap && 'is-warp', ...formItemClasses]\"\r\n    :role=\"isGroup ? 'group' : undefined\" :aria-labelledby=\"isGroup ? labelId : undefined\"\r\n  >\r\n    <component\r\n      :is=\"labelFor ? 'label' : 'div'\" v-if=\"hasLabel\" :id=\"labelId\" :for=\"labelFor\"\r\n      :class=\"[ns.e('label'), isValid(formlayout.labelCol) && `${prefixCls}-col-${formlayout.labelCol}`]\"\r\n      :style=\"labelStyle\"\r\n    >\r\n      <!-- label -->\r\n      <template v-if=\"isVNode(props.label)\">\r\n        <component :is=\"props.label\" />\r\n      </template>\r\n      <div v-else :class=\"`${prefixCls}-label__wrapper`\">\r\n        <ElTooltip :disabled=\"!isEllipsis && formlayout.tooltipLayout !== 'text'\">\r\n          <span\r\n            :class=\"{\r\n              [`${prefixCls}-label-content`]: true,\r\n              ['is-tooltip']: isEllipsis || (props.tooltip && formlayout.tooltipLayout === 'text'),\r\n            }\"\r\n          >\r\n            <span ref=\"labelRef\">{{ props.label }}</span>\r\n          </span>\r\n          <template #content>\r\n            <template v-if=\"isVNode(props.tooltip)\">\r\n              <component :is=\"props.tooltip\" />\r\n            </template>\r\n            <div v-else :style=\"`width: ${labelRef?.clientWidth ?? 0}px;`\">\r\n              <template v-if=\"isEllipsis\">\r\n                {{ props.label }}\r\n              </template>\r\n              <template v-if=\"formlayout.tooltipLayout === 'text'\">\r\n                {{ props.tooltip }}\r\n              </template>\r\n            </div>\r\n          </template>\r\n        </ElTooltip>\r\n        <ElTooltip v-if=\"props.tooltip && formlayout.tooltipLayout !== 'text'\" :content=\"props.tooltip\">\r\n          <ElIcon :class=\"`${prefixCls}-label-tooltip`\">\r\n            <InfoFilled />\r\n          </ElIcon>\r\n        </ElTooltip>\r\n        <span v-if=\"props.colon\" :class=\"`${prefixCls}-colon`\">:</span>\r\n      </div>\r\n    </component>\r\n    <!-- content -->\r\n    <div\r\n      :class=\"[\r\n        `${prefixCls}-content__wrapper`,\r\n        isValid(formlayout.wrapperCol) && `${prefixCls}-col-${formlayout.wrapperCol}`,\r\n      ]\"\r\n      :style=\"contentWrapperStyle\"\r\n    >\r\n      <template v-if=\"isValid(props.addonBefore)\">\r\n        <template v-if=\"isVNode(props.addonBefore)\">\r\n          <component :is=\"props.addonBefore\" />\r\n        </template>\r\n        <div v-else :class=\"`${prefixCls}-addon-before`\">\r\n          {{ props.addonBefore }}\r\n        </div>\r\n      </template>\r\n      <div\r\n        :class=\"[\r\n          ns.e('content'),\r\n          formlayout.fullness && 'is-fullness',\r\n          ns.is('addon-after', !!props.addonAfter),\r\n        ]\" :style=\"contentStyle\"\r\n      >\r\n        <ElTooltip\r\n          v-if=\"props.feedbackLayout === 'popover'\"\r\n          ref=\"feedbackTooltipRef\"\r\n          :visible=\"!!props.feedbackText\"\r\n          effect=\"light\"\r\n          :offset=\"6\"\r\n        >\r\n          <template #default>\r\n            <slot />\r\n          </template>\r\n          <template #content>\r\n            <div :class=\"[...validateClasses, ns.is('tooltip')]\">\r\n              <ElIcon>\r\n                <CircleClose v-if=\"props.feedbackStatus === 'error'\" />\r\n                <CircleCheck v-if=\"props.feedbackStatus === 'success'\" />\r\n                <Warning v-if=\"props.feedbackStatus === 'warning'\" />\r\n              </ElIcon>\r\n              {{ props.feedbackText }}\r\n            </div>\r\n          </template>\r\n        </ElTooltip>\r\n        <slot v-else />\r\n        <TransitionGroup :name=\"`${ns.namespace.value}-zoom-in-top`\">\r\n          <div v-if=\"props.feedbackText && props.feedbackLayout !== 'popover'\" :class=\"validateClasses\">\r\n            {{ props.feedbackText }}\r\n          </div>\r\n          <template v-if=\"isValid(props.extra)\">\r\n            <template v-if=\"isVNode(props.extra)\">\r\n              <component :is=\"props.extra\" />\r\n            </template>\r\n            <div v-else :class=\"`${prefixCls}-extra`\">\r\n              {{ props.extra }}\r\n            </div>\r\n          </template>\r\n        </TransitionGroup>\r\n      </div>\r\n      <template v-if=\"isValid(props.addonAfter)\">\r\n        <template v-if=\"isVNode(props.addonAfter)\">\r\n          <component :is=\"props.addonAfter\" />\r\n        </template>\r\n        <div v-else :class=\"`${prefixCls}-addon-after`\">\r\n          {{ props.addonAfter }}\r\n        </div>\r\n      </template>\r\n    </div>\r\n  </div>\r\n</template>\r\n","import { isVoidField } from '@formily/core'\r\nimport { connect, mapProps } from '@silver-formily/vue'\r\nimport { composeExport } from '../__builtins__'\r\nimport FormBaseItem from './form-item.vue'\r\nimport { determineFeedbackStatus, getFeedbackMessage } from './utils'\r\nimport './style.scss'\r\n\r\nexport function fieldFeedbackMapper(props, field) {\r\n  if (isVoidField(field) || !field) {\r\n    return props\r\n  }\r\n\r\n  const feedbackText = getFeedbackMessage(field)\r\n  const feedbackStatus = determineFeedbackStatus(field)\r\n  const asterisk = 'asterisk' in props\r\n    ? props.asterisk\r\n    : field.required && field.pattern !== 'readPretty'\r\n\r\n  return {\r\n    ...props,\r\n    feedbackText,\r\n    feedbackStatus,\r\n    asterisk,\r\n  }\r\n}\r\n\r\nconst Item = connect(\r\n  FormBaseItem,\r\n  mapProps(\r\n    {\r\n      validateStatus: true,\r\n      title: 'label',\r\n      required: true,\r\n      description: 'extra',\r\n    },\r\n    fieldFeedbackMapper,\r\n  ),\r\n)\r\n\r\nexport const FormItem = composeExport(Item, {\r\n  BaseItem: FormBaseItem,\r\n})\r\n\r\nexport default FormItem\r\n\r\nexport { default as FormBaseItem } from './form-item.vue'\r\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","contentWrapperStyle","isRequired","formItemClasses","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/utils.mjs.map

@@ -1 +1 @@
-{"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"],"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,IACvBA,EAAM,UAAU,CAAC,GAAG,kBAAkBA,EAAM,iBAC7CA,EAAM;AACZ;"}
+{"version":3,"file":"utils.mjs","sources":["../../src/form-item/utils.ts"],"sourcesContent":["import type { Field } from '@formily/core'\r\nimport { isArr } from '@formily/shared'\r\n\r\nexport function getFeedbackMessage(field: Field) {\r\n  const messages = {\r\n    errors: field.selfErrors.join(', '),\r\n    warnings: field.selfWarnings.join(', '),\r\n    successes: field.selfSuccesses.join(', '),\r\n  }\r\n\r\n  return messages.errors || messages.warnings || messages.successes\r\n}\r\n\r\nexport function determineFeedbackStatus(field: Field) {\r\n  return isArr(field.decorator)\r\n    ? (field.decorator[1]?.feedbackStatus ?? field.validateStatus)\r\n    : field.validateStatus\r\n}\r\n"],"names":["getFeedbackMessage","field","messages","determineFeedbackStatus","isArr"],"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,IACvBA,EAAM,UAAU,CAAC,GAAG,kBAAkBA,EAAM,iBAC7CA,EAAM;AACZ;"}

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

@@ -1,15 +1,12 @@
 import { defineComponent as w, ref as l, provide as s, watch as k, createBlock as C, openBlock as v, resolveDynamicComponent as A, mergeProps as B, unref as a, withModifiers as P, withCtx as b, renderSlot as x } from "vue";
 import { isValid as f, isEmpty as F } from "@formily/shared";
-import { useForm as R } from "@formily/vue";
+import { useForm as R } from "@silver-formily/vue";
 import { formContextKey as _ } from "element-plus";
-import { stylePrefix as g } from "../__builtins__/configs/index.mjs";
-import { useThrottleFn as q } from "../__builtins__/shared/hooks.mjs";
-import "@formily/reactive";
-import "@formily/core";
-import "@formily/reactive-vue";
-import { useCleanAttrs as z } from "../__builtins__/shared/utils.mjs";
-import { useFormDeepLayout as D, useResponsiveFormLayout as W, filterValidFormLayoutProps as o, formLayoutDeepContext as I, formLayoutShallowContext as M } from "./utils.mjs";
-const O = /* @__PURE__ */ w({
+import { useFormDeepLayout as g, useResponsiveFormLayout as q, filterValidFormLayoutProps as o, formLayoutDeepContext as z, formLayoutShallowContext as D } from "./utils.mjs";
+import { useThrottleFn as W } from "../__builtins__/shared/hooks.mjs";
+import { useCleanAttrs as I } from "../__builtins__/shared/utils.mjs";
+import { stylePrefix as M } from "../__builtins__/configs/index.mjs";
+const G = /* @__PURE__ */ w({
   name: "FFormLayout",
   inheritAttrs: !1,
   __name: "form-layout",
@@ -36,17 +33,17 @@ const O = /* @__PURE__ */ w({
     requireAsteriskPosition: null
   },
   setup(m) {
-    const e = m, d = `${g}-form`, { props: y } = z(), i = l(), c = D(), { props: t } = W(e, i), h = l({
+    const e = m, d = `${M}-form`, { props: y } = I(), i = l(), c = g(), { props: t } = q(e, i), h = l({
       ...c.value,
       ...e.shallow ? {
         ...f(e.size) && { size: e.size },
         ...f(e.colon) && { colon: e.colon }
       } : o(e)
     });
-    s(I, h);
+    s(z, h);
     const n = l(e.shallow ? o(e) : {});
-    s(M, n);
-    const L = q(() => {
+    s(D, n);
+    const L = W(() => {
       if (!F(t.value)) {
         const r = o(t.value);
         n.value = o({ ...e, ...r });
@@ -78,6 +75,6 @@ const O = /* @__PURE__ */ w({
   }
 });
 export {
-  O as _
+  G as _
 };
 //# sourceMappingURL=form-layout.mjs.map

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

@@ -1 +1 @@
-{"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;sBAIdC,KAAAC,EASYC,EARL7B,EAAM,GAAG,GADhB8B,EASY;AAAA,MAPT,IAAIC,EAAAN,CAAA,GAAS,MAAE,WAAeM,EAAAN,CAAA,GAAS,EAAE;AAAA,eACtC;AAAA,MAAJ,KAAInB;AAAA,MACH,OAAOJ;AAAA,IAAA,GACA6B,EAAA3B,CAAA,GAAK;AAAA,MACZ,4BAAD,MAAA;AAAA,MAAA,GAAoB,CAAA,WAAA,MAAA,CAAA;AAAA,IAAA;iBAEpB,MAAQ;AAAA,QAAR4B,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}
+{"version":3,"file":"form-layout.mjs","sources":["../../src/form-layout/form-layout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { FormContext } from 'element-plus'\r\nimport type { IFormLayoutProps } from './types'\r\nimport { isEmpty, isValid } from '@formily/shared'\r\nimport { useForm } from '@silver-formily/vue'\r\nimport { formContextKey } from 'element-plus'\r\nimport { provide, ref, watch } from 'vue'\r\nimport { stylePrefix, useCleanAttrs, useThrottleFn } from '../__builtins__'\r\nimport { filterValidFormLayoutProps, formLayoutDeepContext, formLayoutShallowContext, useFormDeepLayout, useResponsiveFormLayout } from './utils'\r\n\r\ndefineOptions({\r\n  name: 'FFormLayout',\r\n  inheritAttrs: false,\r\n})\r\n\r\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})\r\nconst formPrefixCls = `${stylePrefix}-form`\r\nconst { props: attrs } = useCleanAttrs()\r\nconst rootHTMLRef = ref<HTMLElement>()\r\n\r\nconst formLayoutDeepConfig = useFormDeepLayout()\r\nconst { props: responsiveProps } = useResponsiveFormLayout(props, rootHTMLRef)\r\n\r\nconst deepLayout = ref({\r\n  ...formLayoutDeepConfig.value,\r\n  ...(props.shallow\r\n    ? {\r\n        ...(isValid(props.size) && { size: props.size }),\r\n        ...(isValid(props.colon) && { colon: props.colon }),\r\n      }\r\n    : filterValidFormLayoutProps(props)),\r\n})\r\nprovide(formLayoutDeepContext, deepLayout)\r\n\r\nconst shallowLayout = ref(props.shallow ? filterValidFormLayoutProps(props) : {})\r\nprovide(formLayoutShallowContext, shallowLayout)\r\n\r\nconst updateLayout = useThrottleFn(() => {\r\n  if (!isEmpty(responsiveProps.value)) {\r\n    const _responsiveProps = filterValidFormLayoutProps(responsiveProps.value)\r\n    shallowLayout.value = filterValidFormLayoutProps({ ...props, ..._responsiveProps })\r\n  }\r\n}, 200, true)\r\n\r\nwatch(() => [props, responsiveProps], updateLayout, {\r\n  deep: true,\r\n  immediate: true,\r\n})\r\n\r\nprovide(formContextKey, {\r\n  statusIcon: props.statusIcon,\r\n  hideRequiredAsterisk: props.hideRequiredAsterisk,\r\n  requireAsteriskPosition: props.requireAsteriskPosition,\r\n} as FormContext)\r\n\r\nconst formRef = useForm()\r\n</script>\r\n\r\n<template>\r\n  <component\r\n    :is=\"props.tag\"\r\n    :id=\"formRef?.id && `formily-${formRef?.id}`\"\r\n    ref=\"rootHTMLRef\"\r\n    :class=\"formPrefixCls\"\r\n    v-bind=\"attrs\"\r\n    @submit.prevent.stop\r\n  >\r\n    <slot />\r\n  </component>\r\n</template>\r\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;sBAIdC,KAAAC,EASYC,EARL7B,EAAM,GAAG,GADhB8B,EASY;AAAA,MAPT,IAAIC,EAAAN,CAAA,GAAS,MAAE,WAAeM,EAAAN,CAAA,GAAS,EAAE;AAAA,eACtC;AAAA,MAAJ,KAAInB;AAAA,MACH,OAAOJ;AAAA,IAAA,GACA6B,EAAA3B,CAAA,GAAK;AAAA,MACZ,4BAAD,MAAA;AAAA,MAAA,GAAoB,CAAA,WAAA,MAAA,CAAA;AAAA,IAAA;iBAEpB,MAAQ;AAAA,QAAR4B,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

package/esm/form-layout/utils.mjs

@@ -1,11 +1,6 @@
 import { isArr as L, isValid as u } from "@formily/shared";
-import { inject as l, ref as i, computed as d } from "vue";
+import { inject as i, ref as l, 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)
@@ -24,7 +19,7 @@ function a(t, o) {
 function C(t, o) {
   const { clientWidth: r } = t, {
     breakpoints: e,
-    layout: s,
+    layout: p,
     labelAlign: c,
     wrapperAlign: f,
     labelCol: m,
@@ -35,7 +30,7 @@ function C(t, o) {
     r
   );
   return {
-    layout: a(s, n),
+    layout: a(p, n),
     labelAlign: a(c, n),
     wrapperAlign: a(f, n),
     labelCol: a(m, n),
@@ -43,33 +38,33 @@ function C(t, o) {
     ...b
   };
 }
-function I(t, o) {
+function O(t, o) {
   const { breakpoints: r } = t;
   if (!L(r))
     return {
-      props: i(t)
+      props: l(t)
     };
-  const e = i({});
+  const e = l({});
   return h(o, () => {
     e.value = C(o.value, t);
   }), {
     props: e
   };
 }
-const p = Symbol(
+const s = Symbol(
   "formLayoutDeepContext"
 ), x = Symbol("formLayoutShallowContext");
-function _() {
-  return l(p, i({}));
+function P() {
+  return i(s, l({}));
 }
-function j() {
-  const t = l(x, i({})), o = l(p, i({}));
+function S() {
+  const t = i(x, l({})), o = i(s, l({}));
   return d(() => ({
     ...o.value,
     ...t.value
   }));
 }
-const D = [
+const R = [
   "colon",
   "labelAlign",
   "wrapperAlign",
@@ -88,22 +83,22 @@ const D = [
   "hideRequiredAsterisk",
   "statusIcon"
 ];
-function M(t) {
+function W(t) {
   return Object.fromEntries(
     Object.entries(t).filter(([o, r]) => u(r))
   );
 }
 export {
-  D as FORM_LAYOUT_PROPS_KEYS,
+  R as FORM_LAYOUT_PROPS_KEYS,
   w as calcBreakpointIndex,
   A as calcFactor,
   C as calculateProps,
   a as factor,
-  M as filterValidFormLayoutProps,
-  p as formLayoutDeepContext,
+  W as filterValidFormLayoutProps,
+  s as formLayoutDeepContext,
   x as formLayoutShallowContext,
-  _ as useFormDeepLayout,
-  j as useFormLayout,
-  I as useResponsiveFormLayout
+  P as useFormDeepLayout,
+  S as useFormLayout,
+  O as useResponsiveFormLayout
 };
 //# sourceMappingURL=utils.mjs.map

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

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"utils.mjs","sources":["../../src/form-layout/utils.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\r\nimport type { IFormLayoutProps } from './types'\r\nimport { isArr, isValid } from '@formily/shared'\r\nimport { computed, inject, ref } from 'vue'\r\nimport { useResizeObserver } from '../__builtins__'\r\n\r\nexport function calcBreakpointIndex(breakpoints: number[], width: number): number {\r\n  for (const [i, breakpoint] of breakpoints.entries()) {\r\n    if (width <= breakpoint) {\r\n      return i\r\n    }\r\n  }\r\n  return -1\r\n}\r\n\r\nexport function calcFactor<T>(value: T | readonly T[], breakpointIndex: number): T {\r\n  if (!Array.isArray(value) || value.length === 0) {\r\n    return value as T\r\n  }\r\n  const safeIndex = Math.max(-1, Math.min(breakpointIndex, value.length - 1))\r\n  return value.at(safeIndex)\r\n}\r\n\r\nexport function factor<T>(value: T | T[], breakpointIndex: number): T {\r\n  return isValid(value) ? calcFactor<T>(value, breakpointIndex) : value as T\r\n}\r\n\r\nexport function calculateProps(target: Element, props: IFormLayoutProps): IFormLayoutProps {\r\n  const { clientWidth } = target\r\n  const {\r\n    breakpoints,\r\n    layout,\r\n    labelAlign,\r\n    wrapperAlign,\r\n    labelCol,\r\n    wrapperCol,\r\n    ...otherProps\r\n  } = props\r\n  const breakpointIndex = calcBreakpointIndex(\r\n    breakpoints as number[],\r\n    clientWidth,\r\n  )\r\n\r\n  return {\r\n    layout: factor(layout, breakpointIndex),\r\n    labelAlign: factor(labelAlign, breakpointIndex),\r\n    wrapperAlign: factor(wrapperAlign, breakpointIndex),\r\n    labelCol: factor(labelCol, breakpointIndex),\r\n    wrapperCol: factor(wrapperCol, breakpointIndex),\r\n    ...otherProps,\r\n  }\r\n}\r\n\r\nexport function useResponsiveFormLayout(props: IFormLayoutProps, root: Ref<HTMLElement | null>) {\r\n  const { breakpoints } = props\r\n  if (!isArr(breakpoints)) {\r\n    return {\r\n      props: ref(props),\r\n    }\r\n  }\r\n\r\n  const layoutProps = ref<IFormLayoutProps>({})\r\n\r\n  useResizeObserver(root, () => {\r\n    layoutProps.value = calculateProps(root.value, props)\r\n  })\r\n\r\n  return {\r\n    props: layoutProps,\r\n  }\r\n}\r\n\r\nexport const formLayoutDeepContext: InjectionKey<Ref<IFormLayoutProps>> = Symbol(\r\n  'formLayoutDeepContext',\r\n)\r\n\r\nexport const formLayoutShallowContext: InjectionKey<Ref<IFormLayoutProps>>\r\n  = Symbol('formLayoutShallowContext')\r\n\r\nexport function useFormDeepLayout(): Ref<IFormLayoutProps> {\r\n  return inject(formLayoutDeepContext, ref({}))\r\n}\r\n\r\nexport function useFormLayout(): Ref<IFormLayoutProps> {\r\n  const shallowLayout = inject(formLayoutShallowContext, ref({}))\r\n  const deepLayout = inject(formLayoutDeepContext, ref({}))\r\n\r\n  const formLayout = computed(() => {\r\n    return {\r\n      ...deepLayout.value,\r\n      ...shallowLayout.value,\r\n    }\r\n  })\r\n\r\n  return formLayout\r\n}\r\n\r\nexport const FORM_LAYOUT_PROPS_KEYS: ReadonlyArray<keyof IFormLayoutProps> = [\r\n  'colon',\r\n  'labelAlign',\r\n  'wrapperAlign',\r\n  'labelWrap',\r\n  'labelWidth',\r\n  'wrapperWidth',\r\n  'wrapperWrap',\r\n  'labelCol',\r\n  'wrapperCol',\r\n  'fullness',\r\n  'size',\r\n  'layout',\r\n  'feedbackLayout',\r\n  'tooltipLayout',\r\n  'breakpoints',\r\n  'hideRequiredAsterisk',\r\n  'statusIcon',\r\n] as const\r\n\r\nexport function filterValidFormLayoutProps(props: IFormLayoutProps): IFormLayoutProps {\r\n  return Object.fromEntries(\r\n    Object.entries(props)\r\n      .filter(([_, value]) => isValid(value)),\r\n  )\r\n}\r\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/index.mjs

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