@vunk/form 2.10.4 → 2.11.0

package/components/editable-text/index.cjs

@@ -61,7 +61,8 @@ const emits = {
 
 var _sfc_main = /* @__PURE__ */vue.defineComponent({
   ...{
-    name: "VkfEditableText"
+    name: "VkfEditableText",
+    inheritAttrs: false
   },
   __name: "index",
   props: props,
@@ -138,7 +139,6 @@ var _sfc_main = /* @__PURE__ */vue.defineComponent({
           editable.value = false;
         }).catch(() => {
           console.warn("Validation failed, editable text remains open.");
-          handleCancel();
         });
       } else {
         editable.value = false;
@@ -202,7 +202,10 @@ const _hoisted_1 = { class: "vkf-editable-text-actions" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.readonly || !$setup.editable ? (vue.openBlock(), vue.createBlock(
     $setup["VkfFormItem"],
-    vue.normalizeProps(vue.mergeProps({ key: 0 }, $setup.formItemBindProps)),
+    vue.normalizeProps(vue.mergeProps({ key: 0 }, {
+      ...$setup.formItemBindProps,
+      ..._ctx.$attrs
+    })),
     {
       default: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "text", { handleEdit: $setup.handleEdit }, () => [
@@ -238,7 +241,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: vue.withCtx(() => [
       vue.createVNode(
         $setup["VkfFormItem"],
-        { ref: "formItemContainerRef" },
+        vue.mergeProps({
+          ref: "formItemContainerRef",
+          class: "vk-editable-text-edit-x"
+        }, _ctx.$attrs),
         {
           default: vue.withCtx(() => [
             vue.createVNode($setup["VkfFormItemRenderer"], { source: $setup.editSource }, {
@@ -266,8 +272,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1
           /* STABLE */
         },
-        512
-        /* NEED_PATCH */
+        16
+        /* FULL_PROPS */
       )
     ]),
     _: 1

package/components/editable-text/index.css

@@ -4,3 +4,6 @@
 .vkf-editable-text-actions .el-avatar {
   cursor: pointer;
 }
+.vk-editable-text-edit-x .el-form-item__content {
+  flex-wrap: nowrap;
+}

package/components/editable-text/index.mjs

@@ -57,7 +57,8 @@ const emits = {
 
 var _sfc_main = /* @__PURE__ */defineComponent({
   ...{
-    name: "VkfEditableText"
+    name: "VkfEditableText",
+    inheritAttrs: false
   },
   __name: "index",
   props: props,
@@ -134,7 +135,6 @@ var _sfc_main = /* @__PURE__ */defineComponent({
           editable.value = false;
         }).catch(() => {
           console.warn("Validation failed, editable text remains open.");
-          handleCancel();
         });
       } else {
         editable.value = false;
@@ -198,7 +198,10 @@ const _hoisted_1 = { class: "vkf-editable-text-actions" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.readonly || !$setup.editable ? (openBlock(), createBlock(
     $setup["VkfFormItem"],
-    normalizeProps(mergeProps({ key: 0 }, $setup.formItemBindProps)),
+    normalizeProps(mergeProps({ key: 0 }, {
+      ...$setup.formItemBindProps,
+      ..._ctx.$attrs
+    })),
     {
       default: withCtx(() => [
         renderSlot(_ctx.$slots, "text", { handleEdit: $setup.handleEdit }, () => [
@@ -234,7 +237,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       createVNode(
         $setup["VkfFormItem"],
-        { ref: "formItemContainerRef" },
+        mergeProps({
+          ref: "formItemContainerRef",
+          class: "vk-editable-text-edit-x"
+        }, _ctx.$attrs),
         {
           default: withCtx(() => [
             createVNode($setup["VkfFormItemRenderer"], { source: $setup.editSource }, {
@@ -262,8 +268,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1
           /* STABLE */
         },
-        512
-        /* NEED_PATCH */
+        16
+        /* FULL_PROPS */
       )
     ]),
     _: 1

package/components/form/index.cjs

@@ -15,6 +15,7 @@ var utilsObject = require('@vunk/core/shared/utils-object');
 var form = require('@vunk/form/shared/form');
 var rendererData = require('@vunk/form/components/renderer-data');
 var object = require('@vunk/shared/object');
+var formsProvider = require('@vunk/form/components/forms-provider');
 var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
 
 const props = {
@@ -58,6 +59,13 @@ const props = {
   colSource: {
     type: Object,
     default: () => ({})
+  },
+  /**
+   * 需要传递给 FormsProvider 的属性
+   */
+  segmentAttrs: {
+    type: Object,
+    default: () => ({})
   }
 };
 const createBindProps = utilsVue.bindPropsFactory(props);
@@ -118,7 +126,8 @@ var _sfc_main = vue.defineComponent({
     ElForm: elementPlus.ElForm,
     VkfFormItemRenderer: formItemRenderer.VkfFormItemRenderer,
     VkfTemplatesDefault: templatesDefault.VkfTemplatesDefault,
-    VkfTemplatesLayout: templatesLayout.VkfTemplatesLayout
+    VkfTemplatesLayout: templatesLayout.VkfTemplatesLayout,
+    VkfFormsSegment: formsProvider.VkfFormsSegment
   },
   props,
   emits,
@@ -182,6 +191,7 @@ var _sfc_main = vue.defineComponent({
 });
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkfFormsSegment = vue.resolveComponent("VkfFormsSegment");
   const _component_VkfTemplatesDefault = vue.resolveComponent("VkfTemplatesDefault");
   const _component_VkfTemplatesLayout = vue.resolveComponent("VkfTemplatesLayout");
   const _component_VkfFormItemRenderer = vue.resolveComponent("VkfFormItemRenderer");
@@ -200,6 +210,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("setData", $event))
       }, {
         default: vue.withCtx(() => [
+          vue.createVNode(_component_VkfFormsSegment, vue.mergeProps({ data: _ctx.data }, _ctx.segmentAttrs), null, 16, ["data"]),
           vue.createVNode(_component_VkfFormItemRenderer, { source: _ctx.rendererSource }, {
             placeholder: vue.withCtx(() => [
               vue.createVNode(_component_VkfTemplatesDefault),

package/components/form/index.mjs

@@ -11,6 +11,7 @@ import { pickObject } from '@vunk/core/shared/utils-object';
 import { genTemplateIfFunc } from '@vunk/form/shared/form';
 import { VkfRendererData } from '@vunk/form/components/renderer-data';
 import { pickObject as pickObject$1 } from '@vunk/shared/object';
+import { VkfFormsSegment } from '@vunk/form/components/forms-provider';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const props = {
@@ -54,6 +55,13 @@ const props = {
   colSource: {
     type: Object,
     default: () => ({})
+  },
+  /**
+   * 需要传递给 FormsProvider 的属性
+   */
+  segmentAttrs: {
+    type: Object,
+    default: () => ({})
   }
 };
 const createBindProps = bindPropsFactory(props);
@@ -114,7 +122,8 @@ var _sfc_main = defineComponent({
     ElForm,
     VkfFormItemRenderer,
     VkfTemplatesDefault,
-    VkfTemplatesLayout
+    VkfTemplatesLayout,
+    VkfFormsSegment
   },
   props,
   emits,
@@ -178,6 +187,7 @@ var _sfc_main = defineComponent({
 });
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkfFormsSegment = resolveComponent("VkfFormsSegment");
   const _component_VkfTemplatesDefault = resolveComponent("VkfTemplatesDefault");
   const _component_VkfTemplatesLayout = resolveComponent("VkfTemplatesLayout");
   const _component_VkfFormItemRenderer = resolveComponent("VkfFormItemRenderer");
@@ -196,6 +206,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("setData", $event))
       }, {
         default: withCtx(() => [
+          createVNode(_component_VkfFormsSegment, mergeProps({ data: _ctx.data }, _ctx.segmentAttrs), null, 16, ["data"]),
           createVNode(_component_VkfFormItemRenderer, { source: _ctx.rendererSource }, {
             placeholder: withCtx(() => [
               createVNode(_component_VkfTemplatesDefault),

package/components/form/src/ctx.d.ts

@@ -43,6 +43,13 @@ export declare const props: {
         type: PropType<Partial<ColItem>>;
         default: () => ColItem;
     };
+    /**
+     * 需要传递给 FormsProvider 的属性
+     */
+    segmentAttrs: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     model: ObjectConstructor;
     rules: {
         readonly type: PropType<Partial<Record<string, import("element-plus").FormItemRule | import("element-plus").FormItemRule[]>>>;
@@ -119,7 +126,7 @@ export declare const props: {
     };
     disabled: BooleanConstructor;
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"layout", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"labelPosition", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"data", keyof T2>, KE> | Exclude<Extract<"layout", keyof T2>, KE> | Exclude<Extract<"model", keyof T2>, KE> | Exclude<Extract<"requireAsteriskPosition", keyof T2>, KE> | Exclude<Extract<"labelSuffix", keyof T2>, KE> | Exclude<Extract<"statusIcon", keyof T2>, KE> | Exclude<Extract<"validateOnRuleChange", keyof T2>, KE> | Exclude<Extract<"hideRequiredAsterisk", keyof T2>, KE> | Exclude<Extract<"scrollToError", keyof T2>, KE> | Exclude<Extract<"scrollIntoViewOptions", keyof T2>, KE> | Exclude<Extract<"formItems", keyof T2>, KE> | Exclude<Extract<"rowSource", keyof T2>, KE> | Exclude<Extract<"colSource", keyof T2>, KE> : Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"layout", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2>]: { [k in Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"layout", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"layout", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2> | Extract<"segmentAttrs", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"labelPosition", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"data", keyof T2>, KE> | Exclude<Extract<"layout", keyof T2>, KE> | Exclude<Extract<"model", keyof T2>, KE> | Exclude<Extract<"requireAsteriskPosition", keyof T2>, KE> | Exclude<Extract<"labelSuffix", keyof T2>, KE> | Exclude<Extract<"statusIcon", keyof T2>, KE> | Exclude<Extract<"validateOnRuleChange", keyof T2>, KE> | Exclude<Extract<"hideRequiredAsterisk", keyof T2>, KE> | Exclude<Extract<"scrollToError", keyof T2>, KE> | Exclude<Extract<"scrollIntoViewOptions", keyof T2>, KE> | Exclude<Extract<"formItems", keyof T2>, KE> | Exclude<Extract<"rowSource", keyof T2>, KE> | Exclude<Extract<"colSource", keyof T2>, KE> | Exclude<Extract<"segmentAttrs", keyof T2>, KE> : Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"layout", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2> | Extract<"segmentAttrs", keyof T2>]: { [k in Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"layout", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2> | Extract<"segmentAttrs", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     setData: (e: SetDataEvent) => SetDataEvent;
     validate: any;

package/components/form/src/index.vue.d.ts

@@ -28,6 +28,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<Partial<import("./types").ColItem>>;
         default: () => import("./types").ColItem;
     };
+    segmentAttrs: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     model: ObjectConstructor;
     rules: {
         readonly type: import("vue").PropType<Partial<Record<string, import("element-plus").FormItemRule | import("element-plus").FormItemRule[]>>>;
@@ -159,6 +163,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<Partial<import("./types").ColItem>>;
         default: () => import("./types").ColItem;
     };
+    segmentAttrs: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     model: ObjectConstructor;
     rules: {
         readonly type: import("vue").PropType<Partial<Record<string, import("element-plus").FormItemRule | import("element-plus").FormItemRule[]>>>;
@@ -1673,6 +1681,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formItems: any[];
     rowSource: Partial<RowItem>;
     colSource: Partial<import("./types").ColItem>;
+    segmentAttrs: Record<string, any>;
 }, {}, {
     VkfRendererData: {
         new (...args: any[]): any;
@@ -4003,5 +4012,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         install(app: import("vue").App): void;
     };
+    VkfFormsSegment: {
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        [x: string]: any;
+        [x: symbol]: any;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        install(app: import("vue").App): void;
+    };
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/forms-provider/index.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var segmentRenderer = require('@vunk/core/components/segment-renderer');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+var vue = require('vue');
+var elementPlus = require('element-plus');
+
+const {
+  SegmentRenderer,
+  Segment,
+  SegmentView,
+  useSegmentRendererContext
+} = segmentRenderer.createSegmentRenderer("@vunk/form:provider");
+
+SegmentRenderer.name = "VkfFormsProvider";
+
+var VkfFormsProvider = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(SegmentRenderer, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/forms-provider/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "VkfFormsSegment",
+    inheritAttrs: false
+  },
+  __name: "segment",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    function trySegmentRendererContext() {
+      try {
+        return useSegmentRendererContext();
+      } catch {
+        return null;
+      }
+    }
+    const segmentRendererContext = trySegmentRendererContext();
+    const formContext = vue.inject(elementPlus.formContextKey);
+    const validate = async (callback) => formContext.validateField(
+      void 0,
+      callback
+    );
+    const __returned__ = { trySegmentRendererContext, segmentRendererContext, formContext, validate, get Segment() {
+      return Segment;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.segmentRendererContext ? (vue.openBlock(), vue.createBlock($setup["Segment"], vue.mergeProps({
+    key: 0,
+    validate: $setup.validate,
+    form: $setup.formContext
+  }, _ctx.$attrs), null, 16, ["form"])) : vue.renderSlot(_ctx.$slots, "default", { key: 1 });
+}
+var segment = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/forms-provider/src/segment.vue"]]);
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "view",
+  setup(__props, { expose: __expose }) {
+    const segmentRendererContext = useSegmentRendererContext();
+    const forms = vue.computed(() => {
+      return segmentRendererContext.items.map((item) => {
+        return item.attrs;
+      });
+    });
+    async function validate() {
+      return Promise.all(
+        forms.value.map((form) => form.validate?.())
+      );
+    }
+    __expose({
+      forms: forms.value,
+      validate
+    });
+    const __returned__ = { segmentRendererContext, forms, validate };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.renderSlot(_ctx.$slots, "default", {
+    forms: $setup.forms,
+    validate: $setup.validate
+  });
+}
+var view = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/forms-provider/src/view.vue"]]);
+
+exports.VkfFormsProvider = VkfFormsProvider;
+exports.VkfFormsSegment = segment;
+exports.VkfFormsView = view;
+exports.__VkfFormsProvider = types;
+exports.default = VkfFormsProvider;

package/components/forms-provider/index.d.ts

@@ -0,0 +1,6 @@
+import VkfFormsProvider from './src/index.vue';
+export * as __VkfFormsProvider from './src/types';
+import VkfFormsSegment from './src/segment.vue';
+import VkfFormsView from './src/view.vue';
+export { VkfFormsProvider, VkfFormsSegment, VkfFormsView, };
+export default VkfFormsProvider;

package/components/forms-provider/index.mjs

@@ -0,0 +1,91 @@
+import { createSegmentRenderer } from '@vunk/core/components/segment-renderer';
+import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+import { defineComponent, inject, openBlock, createBlock, mergeProps, renderSlot, computed } from 'vue';
+import { formContextKey } from 'element-plus';
+
+const {
+  SegmentRenderer,
+  Segment,
+  SegmentView,
+  useSegmentRendererContext
+} = createSegmentRenderer("@vunk/form:provider");
+
+SegmentRenderer.name = "VkfFormsProvider";
+
+var VkfFormsProvider = /* @__PURE__ */ _export_sfc(SegmentRenderer, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/forms-provider/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "VkfFormsSegment",
+    inheritAttrs: false
+  },
+  __name: "segment",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    function trySegmentRendererContext() {
+      try {
+        return useSegmentRendererContext();
+      } catch {
+        return null;
+      }
+    }
+    const segmentRendererContext = trySegmentRendererContext();
+    const formContext = inject(formContextKey);
+    const validate = async (callback) => formContext.validateField(
+      void 0,
+      callback
+    );
+    const __returned__ = { trySegmentRendererContext, segmentRendererContext, formContext, validate, get Segment() {
+      return Segment;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.segmentRendererContext ? (openBlock(), createBlock($setup["Segment"], mergeProps({
+    key: 0,
+    validate: $setup.validate,
+    form: $setup.formContext
+  }, _ctx.$attrs), null, 16, ["form"])) : renderSlot(_ctx.$slots, "default", { key: 1 });
+}
+var segment = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/forms-provider/src/segment.vue"]]);
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "view",
+  setup(__props, { expose: __expose }) {
+    const segmentRendererContext = useSegmentRendererContext();
+    const forms = computed(() => {
+      return segmentRendererContext.items.map((item) => {
+        return item.attrs;
+      });
+    });
+    async function validate() {
+      return Promise.all(
+        forms.value.map((form) => form.validate?.())
+      );
+    }
+    __expose({
+      forms: forms.value,
+      validate
+    });
+    const __returned__ = { segmentRendererContext, forms, validate };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return renderSlot(_ctx.$slots, "default", {
+    forms: $setup.forms,
+    validate: $setup.validate
+  });
+}
+var view = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/forms-provider/src/view.vue"]]);
+
+export { VkfFormsProvider, segment as VkfFormsSegment, view as VkfFormsView, types as __VkfFormsProvider, VkfFormsProvider as default };

package/components/forms-provider/src/core.d.ts

@@ -0,0 +1,6 @@
+declare const SegmentRenderer: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Segment: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, SegmentView: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, useSegmentRendererContext: () => import("@vunk/core/components/segment-renderer/src/types").SegmentRendererContext;
+export { SegmentRenderer, Segment, SegmentView, useSegmentRendererContext, };

package/components/forms-provider/src/index.vue.d.ts

@@ -0,0 +1,2 @@
+import { SegmentRenderer } from './core';
+export default SegmentRenderer;

package/components/forms-provider/src/segment.vue.d.ts

@@ -0,0 +1,9 @@
+import { FormContext, FormValidateCallback, FormValidationResult } from 'element-plus';
+declare const _default: import("vue").DefineComponent<{}, {
+    trySegmentRendererContext: () => import("@vunk/core/components/segment-renderer/src/types").SegmentRendererContext;
+    segmentRendererContext: import("@vunk/core/components/segment-renderer/src/types").SegmentRendererContext;
+    formContext: FormContext;
+    validate: (callback?: FormValidateCallback) => FormValidationResult;
+    readonly Segment: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/forms-provider/src/types.d.ts

@@ -0,0 +1,10 @@
+import { FormContext, FormValidateCallback, FormValidationResult } from 'element-plus';
+export interface SegmentAttrs {
+    form: FormContext;
+    validate: (callback?: FormValidateCallback) => FormValidationResult;
+    [key: string]: any;
+}
+export interface ViewRef {
+    forms: SegmentAttrs[];
+    validate: () => Promise<FormValidationResult[]>;
+}

package/components/forms-provider/src/view.vue.d.ts

@@ -0,0 +1,7 @@
+import { SegmentAttrs } from './types';
+declare const _default: import("vue").DefineComponent<{}, {
+    segmentRendererContext: import("@vunk/core/components/segment-renderer/src/types").SegmentRendererContext;
+    forms: import("vue").ComputedRef<SegmentAttrs[]>;
+    validate: () => Promise<boolean[]>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/index.css

@@ -155,6 +155,9 @@
 .vkf-editable-text-actions .el-avatar {
   cursor: pointer;
 }
+.vk-editable-text-edit-x .el-form-item__content {
+  flex-wrap: nowrap;
+}
 
 .el-button.vkf-esri-input-geojson__upload{
   border-color: transparent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "2.10.4",
+  "version": "2.11.0",
   "description": "",
   "main": "index.esm.js",
   "scripts": {
@@ -225,6 +225,11 @@
       "types": "./components/information/index.d.ts",
       "require": "./components/information/index.cjs"
     },
+    "./components/forms-provider": {
+      "import": "./components/forms-provider/index.mjs",
+      "types": "./components/forms-provider/index.d.ts",
+      "require": "./components/forms-provider/index.cjs"
+    },
     "./components/form-item-renderer-template": {
       "import": "./components/form-item-renderer-template/index.mjs",
       "types": "./components/form-item-renderer-template/index.d.ts",