@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1

package/components/dynamic-form/index.esm.js

@@ -1,89 +1,90 @@
-import { defineComponent as S, ref as k, computed as $, withDirectives as pe, createVNode as U, resolveDirective as de, watch as Q, createTextVNode as fe, mergeProps as ce } from "vue";
-import { LocaleService as ge } from "../locale/index.esm.js";
-import ye from "../accordion/index.esm.js";
-import Ce from "../avatar/index.esm.js";
-import he from "../../designer/button-edit/index.esm.js";
-import Fe from "../button-group/index.esm.js";
-import be from "../calendar/index.esm.js";
-import ve from "../../designer/capsule/index.esm.js";
+import { defineComponent as S, ref as M, computed as $, withDirectives as de, createVNode as U, resolveDirective as fe, watch as _, createTextVNode as ge, mergeProps as ue } from "vue";
+import { LocaleService as ye } from "../locale/index.esm.js";
+import Ce from "../accordion/index.esm.js";
+import he from "../../designer/avatar/index.esm.js";
+import Fe from "../../designer/button-edit/index.esm.js";
+import be from "../button-group/index.esm.js";
+import ve from "../button/index.esm.js";
+import Ie from "../calendar/index.esm.js";
+import we from "../../designer/capsule/index.esm.js";
 import ie from "../../designer/checkbox/index.esm.js";
 import ae from "../../designer/checkbox-group/index.esm.js";
-import Ie from "../combo-list/index.esm.js";
-import we from "../combo-tree/index.esm.js";
-import Ve from "../component/index.esm.js";
-import Be from "../color-picker/index.esm.js";
-import Te from "../content-container/index.esm.js";
+import Ve from "../combo-list/index.esm.js";
+import Be from "../combo-tree/index.esm.js";
+import Le from "../component/index.esm.js";
+import Te from "../color-picker/index.esm.js";
+import ke from "../content-container/index.esm.js";
 import Me from "../../designer/date-picker/index.esm.js";
-import Le from "../../designer/data-grid/index.esm.js";
-import ke from "../dropdown/index.esm.js";
-import Ee from "../../designer/dynamic-form/index.esm.js";
-import Pe from "../events-editor/index.esm.js";
-import Ue from "../filter-bar/index.esm.js";
-import De from "../field-selector/index.esm.js";
-import Ne from "../binding-selector/index.esm.js";
-import Ae from "../image-cropper/index.esm.js";
-import Re from "../../designer/input-group/index.esm.js";
-import Oe from "../layout/index.esm.js";
-import qe from "../list-nav/index.esm.js";
-import xe from "../../designer/list-view/index.esm.js";
-import Ge from "../lookup/index.esm.js";
-import je from "../mapping-editor/index.esm.js";
-import $e from "../nav/index.esm.js";
-import We from "../number-range/index.esm.js";
-import Ke from "../../designer/number-spinner/index.esm.js";
-import Xe from "../order/index.esm.js";
-import _e from "../page-header/index.esm.js";
-import ze from "../page-footer/index.esm.js";
-import Je from "../pagination/index.esm.js";
-import Qe from "../progress/index.esm.js";
-import Ye from "../query-solution/index.esm.js";
-import Ze from "../../designer/radio-group/index.esm.js";
-import Se from "../../designer/rate/index.esm.js";
-import He from "../../designer/response-toolbar/index.esm.js";
-import et from "../response-layout/index.esm.js";
-import tt, { useResponseLayoutEditorSetting as ot } from "../../designer/response-layout-editor/index.esm.js";
-import nt from "../search-box/index.esm.js";
-import rt from "../../designer/section/index.esm.js";
-import it from "../smoke-detector/index.esm.js";
-import at from "../splitter/index.esm.js";
-import lt from "../step/index.esm.js";
-import st from "../../designer/switch/index.esm.js";
-import ct from "../../designer/tabs/index.esm.js";
-import ut from "../../designer/tags/index.esm.js";
-import mt from "../text/index.esm.js";
-import pt from "../../designer/time-picker/index.esm.js";
-import dt from "../transfer/index.esm.js";
-import ft from "../tree-view/index.esm.js";
-import gt from "../uploader/index.esm.js";
-import yt from "../verify-detail/index.esm.js";
-import Ct from "../video/index.esm.js";
-import ht from "../../designer/textarea/index.esm.js";
-import Ft from "../schema-selector/index.esm.js";
-import bt from "../../designer/tree-grid/index.esm.js";
-import vt from "../event-parameter/index.esm.js";
-import It from "../filter-condition-editor/index.esm.js";
-import wt from "../fieldset/index.esm.js";
-import Vt from "../sort-condition-editor/index.esm.js";
-import Bt from "../menu-lookup/index.esm.js";
-import Tt from "../../designer/drawer/index.esm.js";
+import Ee from "../../designer/data-grid/index.esm.js";
+import Pe from "../dropdown/index.esm.js";
+import Ue from "../../designer/dynamic-form/index.esm.js";
+import De from "../events-editor/index.esm.js";
+import Ne from "../filter-bar/index.esm.js";
+import Ae from "../field-selector/index.esm.js";
+import Re from "../binding-selector/index.esm.js";
+import Oe from "../image-cropper/index.esm.js";
+import qe from "../../designer/input-group/index.esm.js";
+import xe from "../layout/index.esm.js";
+import Ge from "../list-nav/index.esm.js";
+import je from "../../designer/list-view/index.esm.js";
+import $e from "../lookup/index.esm.js";
+import We from "../mapping-editor/index.esm.js";
+import Ke from "../../designer/nav/index.esm.js";
+import Xe from "../number-range/index.esm.js";
+import ze from "../../designer/number-spinner/index.esm.js";
+import Je from "../order/index.esm.js";
+import Qe from "../page-header/index.esm.js";
+import _e from "../page-footer/index.esm.js";
+import Ye from "../pagination/index.esm.js";
+import Ze from "../progress/index.esm.js";
+import Se from "../query-solution/index.esm.js";
+import He from "../../designer/radio-group/index.esm.js";
+import et from "../../designer/rate/index.esm.js";
+import tt from "../../designer/response-toolbar/index.esm.js";
+import ot from "../response-layout/index.esm.js";
+import nt, { useResponseLayoutEditorSetting as rt } from "../../designer/response-layout-editor/index.esm.js";
+import it from "../search-box/index.esm.js";
+import at from "../../designer/section/index.esm.js";
+import lt from "../smoke-detector/index.esm.js";
+import st from "../splitter/index.esm.js";
+import ct from "../step/index.esm.js";
+import ut from "../../designer/switch/index.esm.js";
+import mt from "../../designer/tabs/index.esm.js";
+import pt from "../../designer/tags/index.esm.js";
+import dt from "../text/index.esm.js";
+import ft from "../../designer/time-picker/index.esm.js";
+import gt from "../transfer/index.esm.js";
+import yt from "../tree-view/index.esm.js";
+import Ct from "../uploader/index.esm.js";
+import ht from "../verify-detail/index.esm.js";
+import Ft from "../video/index.esm.js";
+import bt from "../../designer/textarea/index.esm.js";
+import vt from "../schema-selector/index.esm.js";
+import It from "../../designer/tree-grid/index.esm.js";
+import wt from "../event-parameter/index.esm.js";
+import Vt from "../filter-condition-editor/index.esm.js";
+import Bt from "../fieldset/index.esm.js";
+import Lt from "../sort-condition-editor/index.esm.js";
+import Tt from "../menu-lookup/index.esm.js";
+import kt from "../../designer/drawer/index.esm.js";
 import Mt from "../json-editor/index.esm.js";
-import Lt from "../property-editor/index.esm.js";
-import kt from "../expression-editor/index.esm.js";
-import Et from "../code-editor/index.esm.js";
-import Pt from "../html-template/index.esm.js";
-import Ut from "../collection-property-editor/index.esm.js";
-import Dt from "../../designer/modal/index.esm.js";
-import Nt from "../external-container/index.esm.js";
-import At from "../language-textbox/index.esm.js";
-import Rt from "../image/index.esm.js";
-import Ot from "../comment/index.esm.js";
-import qt from "../../designer/wizard/index.esm.js";
-import { schemaResolverMap as xt, propertyEffectMap as Gt, propertyConfigSchemaMap as jt, schemaMap as ue, createPropsResolver as $t } from "../dynamic-resolver/index.esm.js";
-import { useThirdComponent as Wt, isMobilePhone as Kt, useGuid as le } from "../common/index.esm.js";
-import Xt from "../tooltip/index.esm.js";
-import { DgControl as Z, refreshCanvas as _t, UseTemplateDragAndDropRules as zt, useDragulaCommonRule as Jt } from "../designer-canvas/index.esm.js";
-import { BaseControlProperty as Qt, FormBindingType as z } from "../property-panel/index.esm.js";
-const Yt = {
+import Et from "../property-editor/index.esm.js";
+import Pt from "../expression-editor/index.esm.js";
+import Ut from "../code-editor/index.esm.js";
+import Dt from "../html-template/index.esm.js";
+import Nt from "../collection-property-editor/index.esm.js";
+import At from "../../designer/modal/index.esm.js";
+import Rt from "../external-container/index.esm.js";
+import Ot from "../language-textbox/index.esm.js";
+import qt from "../image/index.esm.js";
+import xt from "../comment/index.esm.js";
+import Gt from "../../designer/wizard/index.esm.js";
+import { schemaResolverMap as jt, propertyEffectMap as $t, propertyConfigSchemaMap as Wt, schemaMap as me, createPropsResolver as Kt } from "../dynamic-resolver/index.esm.js";
+import { useThirdComponent as Xt, isMobilePhone as zt, useGuid as le } from "../common/index.esm.js";
+import Jt from "../tooltip/index.esm.js";
+import { DgControl as Z, refreshCanvas as Qt, UseTemplateDragAndDropRules as _t, useDragulaCommonRule as Yt } from "../designer-canvas/index.esm.js";
+import { BaseControlProperty as Zt, FormBindingType as J } from "../property-panel/index.esm.js";
+const St = {
   customClass: { type: String, default: "" },
   customStyle: { type: String, defaut: "" },
   /** 控制是否可见 */
@@ -92,22 +93,22 @@ const Yt = {
   adaptForLanguage: { type: Boolean, default: !0 }
 }, re = /* @__PURE__ */ S({
   name: "FResponseForm",
-  props: Yt,
+  props: St,
   emits: [],
   setup(e, n) {
-    const y = k(), f = $(() => {
-      const c = ge.getLocale(), B = e.customClass.split(" "), F = {
+    const y = M(), f = $(() => {
+      const c = ye.getLocale(), B = e.customClass.split(" "), F = {
         "drag-container": !0
       };
       return B.reduce((v, b) => (v[b] = !0, v), F), e.adaptForLanguage && c && (F["farris-form-controls-inline"] = c !== "en"), F;
     });
-    return () => e.visible && pe(U("div", {
+    return () => e.visible && de(U("div", {
       ref: y,
       class: f.value,
       style: e.customStyle
-    }, [n.slots.default && n.slots.default()]), [[de("area-response")]]);
+    }, [n.slots.default && n.slots.default()]), [[fe("area-response")]]);
   }
-}), Zt = {
+}), Ht = {
   id: { type: String, default: "" },
   customClass: { type: String, default: "" },
   customStyle: { type: String, default: "" },
@@ -129,8 +130,9 @@ const Yt = {
   errors: { type: Object, default: null },
   fill: { type: Boolean, default: !1 },
   enableTips: { type: Boolean, default: !1 },
-  tipsContent: { type: Object, default: "" }
-}, St = {
+  tipsContent: { type: Object, default: "" },
+  linkLabel: { type: String, default: !1 }
+}, eo = {
   id: { type: String },
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
@@ -140,25 +142,27 @@ const Yt = {
   /**
    * 实际支持 'visible'可见 | 'reserve-space' 占位不显示
    */
-  showType: { type: String, default: "visible" }
-}, Ht = /* @__PURE__ */ S({
+  showType: { type: String, default: "visible" },
+  isLink: { type: Boolean, default: !1 }
+}, to = /* @__PURE__ */ S({
   name: "FDynamicFormLabel",
-  props: St,
+  props: eo,
   emits: ["clickLabel"],
   setup(e, n) {
-    k(e.title || e.text);
-    const y = k(e.required), f = k(e.text), c = k(e.valid), B = k(e.inValidTip);
-    Q(() => e.text, () => {
+    M(e.title || e.text);
+    const y = M(e.required), f = M(e.text), c = M(e.valid), B = M(e.inValidTip);
+    _(() => e.text, () => {
       f.value = e.text;
-    }), Q(() => e.required, (P, I) => {
+    }), _(() => e.required, (P, I) => {
       P !== I && (y.value = P);
-    }), Q([() => e.valid, () => e.inValidTip], ([P, I]) => {
+    }), _([() => e.valid, () => e.inValidTip], ([P, I]) => {
       c.value = P, B.value = I;
     });
     const F = $(() => c.value ? f.value : B.value), v = $(() => c.value ? "" : "color:red"), b = $(() => ({
       "col-form-label": !0,
       // 指定必填，当显示模式是隐藏或者没有指定标签名时，宽度不限定
-      "f-width-auto": y.value && (e.showType === "none" || !f.value)
+      "f-width-auto": y.value && (e.showType === "none" || !f.value),
+      "f-pretend-link": e.isLink
     })), C = $(() => e.showType === "force-none" ? !1 : e.showType === "reserve-space" || y.value || !!f.value && e.showType !== "none");
     return () => C.value && U("label", {
       class: b.value,
@@ -173,26 +177,26 @@ const Yt = {
       class: "farris-label-text"
     }, [y.value && U("span", {
       class: "farris-label-info text-danger"
-    }, [fe("*")]), e.showType === "visible" && f.value])]);
+    }, [ge("*")]), e.showType === "visible" && f.value])]);
   }
-}), { globalStorageKey: eo } = Wt(), r = {}, i = {}, a = {}, l = {};
-async function to() {
+}), { globalStorageKey: oo } = Xt(), r = {}, i = {}, a = {}, l = {};
+async function no() {
   {
     const e = {
-      schemaMap: ue,
-      propertyConfigSchemaMap: jt,
-      propertyEffectMap: Gt,
-      schemaResolverMap: xt
+      schemaMap: me,
+      propertyConfigSchemaMap: Wt,
+      propertyEffectMap: $t,
+      schemaResolverMap: jt
     };
-    Ce.register(r, i, a, l), ye.register(r, i, a, l), he.register(r, i, a, l), Fe.register(r, i, a, l), be.register(r, i, a, l, e), ve.register(r, i, a, l), ie.register(r, i, a, l, e), ae.register(r, i, a, l, e), ie.register(r, i, a, l, e), ae.register(r, i, a, l, e), Ie.register(r, i, a, l, e), we.register(r, i, a, l), Ve.register(r, i, a, l), Te.register(r, i, a, l, e), Be.register(r, i, a, l), Me.register(r, i, a, l, e), Le.register(r, i, a, l, e), ke.register(r, i, a, l), Ee.register(r, i, a, l, e), Pe.register(r, i, a, l), kt.register(r, i, a, l), Ue.register(r, i, a, l), De.register(r, i, a, l), It.register(r, i, a, l), Ae.register(r, i, a, l), Re.register(r, i, a, l, e), Oe.register(r, i, a, l, e), xe.register(r, i, a, l, e), qe.register(r, i, a, l), Ge.register(r, i, a, l, e), je.register(r, i, a, l), $e.register(r, i, a, l), We.register(r, i, a, l), Ke.register(r, i, a, l, e), Xe.register(r, i, a, l), _e.register(r, i, a, l, e), ze.register(r, i, a, l), Je.register(r, i, a, l), Qe.register(r, i, a, l), Ye.register(r, i, a, l, e), Ze.register(r, i, a, l, e), Se.register(r, i, a, l), et.register(r, i, a, l, e), tt.register(r, i, a, l), He.register(r, i, a, l), Ft.register(r, i, a), nt.register(r, i, a, l), rt.register(r, i, a, l, e), it.register(r, i, a, l), at.register(r, i, a, l), lt.register(r, i, a, l), st.register(r, i, a, l, e), Vt.register(r, i, a, l), ct.register(r, i, a, l, e), ut.register(r, i, a, l), mt.register(r, i, a, l), pt.register(r, i, a, l, e), dt.register(r, i, a, l), ft.register(r, i, a, l), yt.register(r, i, a, l), gt.register(r, i, a, l), Ct.register(r, i, a, l), ht.register(r, i, a, l, e), bt.register(r, i, a, l), Ne.register(r, i, a, l), vt.register(r, i, a, l), wt.register(r, i, a, l, e), Bt.register(r, i, a, l), Tt.register(r, i, a, l), Mt.register(r, i, a, l), Lt.register(r, i, a, l), Et.register(r, i, a, l), Pt.register(r, i, a, l, e), Ut.register(r, i, a, l), Dt.register(r, i, a, l), Nt.register(r, i, a, l), At.register(r, i, a, l, e), Rt.register(r, i, a, l, e), Ot.register(r, i, a, l), qt.register(r, i, a, l);
-    const n = window[eo];
+    he.register(r, i, a, l), Ce.register(r, i, a, l), Fe.register(r, i, a, l), be.register(r, i, a, l), ve.register(r, i, a, l), Ie.register(r, i, a, l, e), we.register(r, i, a, l), ie.register(r, i, a, l, e), ae.register(r, i, a, l, e), ie.register(r, i, a, l, e), ae.register(r, i, a, l, e), Ve.register(r, i, a, l, e), Be.register(r, i, a, l), Le.register(r, i, a, l), ke.register(r, i, a, l, e), Te.register(r, i, a, l), Me.register(r, i, a, l, e), Ee.register(r, i, a, l, e), Pe.register(r, i, a, l), Ue.register(r, i, a, l, e), De.register(r, i, a, l), Pt.register(r, i, a, l), Ne.register(r, i, a, l), Ae.register(r, i, a, l), Vt.register(r, i, a, l), Oe.register(r, i, a, l), qe.register(r, i, a, l, e), xe.register(r, i, a, l, e), je.register(r, i, a, l, e), Ge.register(r, i, a, l), $e.register(r, i, a, l, e), We.register(r, i, a, l), Ke.register(r, i, a, l), Xe.register(r, i, a, l), ze.register(r, i, a, l, e), Je.register(r, i, a, l), Qe.register(r, i, a, l, e), _e.register(r, i, a, l), Ye.register(r, i, a, l), Ze.register(r, i, a, l), Se.register(r, i, a, l, e), He.register(r, i, a, l, e), et.register(r, i, a, l), ot.register(r, i, a, l, e), nt.register(r, i, a, l), tt.register(r, i, a, l), vt.register(r, i, a), it.register(r, i, a, l), at.register(r, i, a, l, e), lt.register(r, i, a, l), st.register(r, i, a, l), ct.register(r, i, a, l), ut.register(r, i, a, l, e), Lt.register(r, i, a, l), mt.register(r, i, a, l, e), pt.register(r, i, a, l), dt.register(r, i, a, l), ft.register(r, i, a, l, e), gt.register(r, i, a, l), yt.register(r, i, a, l), ht.register(r, i, a, l), Ct.register(r, i, a, l), Ft.register(r, i, a, l), bt.register(r, i, a, l, e), It.register(r, i, a, l), Re.register(r, i, a, l), wt.register(r, i, a, l), Bt.register(r, i, a, l, e), Tt.register(r, i, a, l), kt.register(r, i, a, l), Mt.register(r, i, a, l), Et.register(r, i, a, l), Ut.register(r, i, a, l), Dt.register(r, i, a, l, e), Nt.register(r, i, a, l), At.register(r, i, a, l), Rt.register(r, i, a, l), Ot.register(r, i, a, l, e), qt.register(r, i, a, l, e), xt.register(r, i, a, l), Gt.register(r, i, a, l);
+    const n = window[oo];
     if (n)
       for (const y in n)
-        n[y].createPropsResolver = $t, n[y].register(r, i, a);
+        n[y].createPropsResolver = Kt, n[y].register(r, i, a);
   }
 }
-function me() {
-  to();
+function pe() {
+  no();
   function e(F) {
     const v = r[F];
     if (!v)
@@ -302,7 +306,7 @@ function me() {
   }
   return { resolveEditorProps: n, resolveEditorType: e, getChangeFunctionName: y, getClearFunctionName: f, getMousedownFunctionName: c, getMouseupFunctionName: B };
 }
-const oo = {
+const ro = {
   /**
    * 显示的错误信息
    */
@@ -310,16 +314,16 @@ const oo = {
     type: Object,
     default: null
   }
-}, no = /* @__PURE__ */ S({
+}, io = /* @__PURE__ */ S({
   name: "FValidationMessage",
-  props: oo,
+  props: ro,
   emits: [],
   setup(e, n) {
-    const y = k(e.errors);
-    Q(() => e.errors, (B) => {
+    const y = M(e.errors);
+    _(() => e.errors, (B) => {
       y.value = B;
     });
-    const f = k(!0), c = $(() => {
+    const f = M(!0), c = $(() => {
       if (y.value) {
         const B = Object.keys(y.value).map((F) => {
           var v;
@@ -340,19 +344,19 @@ const oo = {
   }
 }), se = /* @__PURE__ */ S({
   name: "FDynamicFormGroup",
-  props: Zt,
+  props: Ht,
   emits: ["change", "update:modelValue", "clickLabel"],
   setup(e, n) {
     var ee;
-    const y = k(e.id), f = k(e.customClass), c = k(e.editor), B = k(e.label), F = k(e.modelValue), v = k(e.readonly), b = k(((ee = e.editor) == null ? void 0 : ee.required) || e.required), C = k(e.showLabel), P = k(e.visible);
-    k(e.type);
-    const I = k(), A = k(e.errors), x = Kt(), O = k(e.editor.type || "input-group"), G = $(() => C.value ? e.showLabelType : "none"), {
+    const y = M(e.id), f = M(e.customClass), c = M(e.editor), B = M(e.label), F = M(e.modelValue), v = M(e.readonly), b = M(((ee = e.editor) == null ? void 0 : ee.required) || e.required), C = M(e.showLabel), P = M(e.visible);
+    M(e.type);
+    const I = M(), A = M(e.errors), x = zt(), O = M(e.editor.type || "input-group"), G = $(() => C.value ? e.showLabelType : "none"), {
       resolveEditorProps: K,
       resolveEditorType: W,
-      getChangeFunctionName: L,
+      getChangeFunctionName: k,
       getClearFunctionName: w
-    } = me(), T = $(() => {
-      const M = {
+    } = pe(), L = $(() => {
+      const T = {
         "form-group": !0,
         "farris-form-group": !0,
         "common-group": !0,
@@ -360,16 +364,16 @@ const oo = {
         "align-items-start": c.value.type === "textarea" || c.value.type === "rich-text-editor",
         "form-group--in-mobile": x
       };
-      return M["form-group--has-" + O.value] = !0, M;
+      return T["form-group--has-" + O.value] = !0, T;
     }), N = $(() => {
       if (e.fill)
         return {
           maxWidth: "none"
         };
     });
-    function D(M, t, o) {
-      F.value = t !== void 0 ? t : M, n.emit("update:modelValue", F.value), n.emit("change", F.value, {
-        newValue: M,
+    function D(T, t, o) {
+      F.value = t !== void 0 ? t : T, n.emit("update:modelValue", F.value), n.emit("change", F.value, {
+        newValue: T,
         newModelValue: t,
         parameters: o
       });
@@ -377,19 +381,19 @@ const oo = {
     function Y() {
       n.emit("update:modelValue", "");
     }
-    function J(M) {
+    function Q(T) {
       return (...t) => {
-        Y(), typeof M == "function" && M(...t);
+        Y(), typeof T == "function" && T(...t);
       };
     }
-    function H(M) {
+    function H(T) {
       return (t, o, s) => {
-        D(t, o, s), typeof M == "function" && M(t, o, s);
+        D(t, o, s), typeof T == "function" && T(t, o, s);
       };
     }
     const te = $(() => {
-      const M = c.value.type || "input-group", t = W(M), o = K(M, c.value), s = L(M), m = w(c.value.type);
-      return m && (o[m] = J(o[m])), s && (o[s] = H(o[s])), (o.id == null || o.id === "") && (o.id = y.value), M === "number-range" && c.value.onBeginValueChange && typeof c.value.onBeginValueChange == "function" ? (c.value.onBeginValueChange && typeof c.value.onBeginValueChange == "function" && (o.onBeginValueChange = c.value.onBeginValueChange), c.value.onEndValueChange && typeof c.value.onEndValueChange == "function" && (o.onEndValueChange = c.value.onEndValueChange)) : M === "lookup" && c.value["onUpdate:idValue"] && typeof c.value["onUpdate:idValue"] == "function" ? (o["onUpdate:idValue"] = c.value["onUpdate:idValue"], o.id = y.value) : M === "collection-property-editor" && c.value.onSelectionChange && typeof c.value.onSelectionChange == "function" ? o.onSelectionChange = c.value.onSelectionChange : M === "property-editor" && (o.onBeforeOpenVariables = c.value.onBeforeOpenVariables), () => U(t, ce({
+      const T = c.value.type || "input-group", t = W(T), o = K(T, c.value), s = k(T), m = w(c.value.type);
+      return m && (o[m] = Q(o[m])), s && (o[s] = H(o[s])), (o.id == null || o.id === "") && (o.id = y.value), T === "number-range" && c.value.onBeginValueChange && typeof c.value.onBeginValueChange == "function" ? (c.value.onBeginValueChange && typeof c.value.onBeginValueChange == "function" && (o.onBeginValueChange = c.value.onBeginValueChange), c.value.onEndValueChange && typeof c.value.onEndValueChange == "function" && (o.onEndValueChange = c.value.onEndValueChange)) : T === "lookup" && c.value["onUpdate:idValue"] && typeof c.value["onUpdate:idValue"] == "function" ? (o["onUpdate:idValue"] = c.value["onUpdate:idValue"], o.id = y.value) : T === "collection-property-editor" && c.value.onSelectionChange && typeof c.value.onSelectionChange == "function" ? o.onSelectionChange = c.value.onSelectionChange : T === "property-editor" && (o.onBeforeOpenVariables = c.value.onBeforeOpenVariables), () => U(t, ue({
         ref: I
       }, o, {
         modelValue: F.value,
@@ -397,17 +401,17 @@ const oo = {
       }), n.slots);
     });
     function oe() {
-      return U(no, {
+      return U(io, {
         id: `${y.value}-validation-message`,
         errors: A.value
       }, null);
     }
-    Q([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible, () => e.errors], ([M, t, o, s, m, d, g, h, p, u]) => {
+    _([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible, () => e.errors], ([T, t, o, s, m, d, g, h, p, u]) => {
       var V;
-      y.value = M, f.value = t, c.value = o, B.value = s, F.value = m, v.value = d, b.value = ((V = c.value) == null ? void 0 : V.required) || g, C.value = h, P.value = p, A.value = u;
+      y.value = T, f.value = t, c.value = o, B.value = s, F.value = m, v.value = d, b.value = ((V = c.value) == null ? void 0 : V.required) || g, C.value = h, P.value = p, A.value = u;
     });
-    function ne(M) {
-      n.emit("clickLabel", M);
+    function ne(T) {
+      n.emit("clickLabel", T);
     }
     return n.expose({
       editorRef: I
@@ -419,17 +423,18 @@ const oo = {
       class: "farris-group-wrap",
       style: N.value
     }, [U("div", {
-      class: T.value
-    }, [U(Ht, {
+      class: L.value
+    }, [U(to, {
       id: `${y.value}-lable`,
       showType: G.value,
       required: b.value,
       text: B.value,
       title: B.value,
+      isLink: !!e.linkLabel,
       onClickLabel: ne
     }, null), U("div", {
       class: "farris-input-wrap"
-    }, [te.value(), oe()]), e.enableTips && U(Xt, {
+    }, [te.value(), oe()]), e.enableTips && U(Jt, {
       content: e.tipsContent
     }, {
       default: () => [U("span", {
@@ -439,7 +444,7 @@ const oo = {
       }, null)])]
     })])])]);
   }
-}), ro = {
+}), ao = {
   id: { type: String, default: "" },
   /** 筛选组件配置器，具体配置项可查看各组件文档 */
   editor: { type: Object, default: {} },
@@ -453,64 +458,64 @@ const oo = {
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, Gn = /* @__PURE__ */ S({
+}, ce = /* @__PURE__ */ S({
   name: "FDynamicFormInput",
-  props: ro,
+  props: ao,
   emits: ["change", "update:modelValue", "mousedown", "mouseup"],
   setup(e, n) {
-    const y = k(e.id), f = k(e.editor), c = k(e.modelValue), {
+    const y = M(e.id), f = M(e.editor), c = M(e.modelValue), {
       resolveEditorProps: B,
       resolveEditorType: F,
       getChangeFunctionName: v,
       getMousedownFunctionName: b,
       getMouseupFunctionName: C,
       getClearFunctionName: P
-    } = me();
-    function I(L, w, T) {
-      c.value = w !== void 0 ? w : L, n.emit("update:modelValue", c.value), n.emit("change", c.value, {
-        newValue: L,
+    } = pe();
+    function I(k, w, L) {
+      c.value = w !== void 0 ? w : k, n.emit("update:modelValue", c.value), n.emit("change", c.value, {
+        newValue: k,
         newModelValue: w,
-        parameters: T
+        parameters: L
       });
     }
-    function A(L) {
-      n.emit("mousedown", L);
+    function A(k) {
+      n.emit("mousedown", k);
     }
-    function x(L) {
-      n.emit("mouseup", L);
+    function x(k) {
+      n.emit("mouseup", k);
     }
     function O() {
       n.emit("update:modelValue", "");
     }
-    function G(L) {
+    function G(k) {
       return (...w) => {
-        O(), typeof L == "function" && L(...w);
+        O(), typeof k == "function" && k(...w);
       };
     }
-    function K(L) {
-      return (w, T, N) => {
-        I(w, T, N), typeof L == "function" && L(w, T, N);
+    function K(k) {
+      return (w, L, N) => {
+        I(w, L, N), typeof k == "function" && k(w, L, N);
       };
     }
     const W = $(() => {
-      const L = F(f.value.type), w = B(f.value.type, f.value);
+      const k = F(f.value.type), w = B(f.value.type, f.value);
       w.focusOnCreated = e.focusOnCreated, w.selectOnCreated = e.selectOnCreated;
-      const T = v(f.value.type), N = P(f.value.type);
-      N && (w[N] = G(w[N])), T && (w[T] = K(w[T]));
+      const L = v(f.value.type), N = P(f.value.type);
+      N && (w[N] = G(w[N])), L && (w[L] = K(w[L]));
       const D = b(f.value.type);
       w[D] = A;
       const Y = C(f.value.type);
-      return w[Y] = x, w.id = y.value, () => U(L, ce(w, {
+      return w[Y] = x, w.id = y.value, () => U(k, ue(w, {
         modelValue: c.value,
-        "onUpdate:modelValue": (J) => c.value = J
+        "onUpdate:modelValue": (Q) => c.value = Q
       }), null);
     });
-    return Q([() => e.id, () => e.editor, () => e.modelValue], ([L, w, T]) => {
-      y.value = L, f.value = w, c.value = T;
+    return _([() => e.id, () => e.editor, () => e.modelValue], ([k, w, L]) => {
+      y.value = k, f.value = w, c.value = L;
     }), () => W.value();
   }
 });
-function io(e, n) {
+function lo(e, n) {
   function y(b, C = null) {
     if (C)
       return C;
@@ -526,24 +531,24 @@ function io(e, n) {
     return Array.from(C).length === 1;
   }
   function B(b) {
-    const C = y(b.id), P = ot(e), I = [];
+    const C = y(b.id), P = rt(e), I = [];
     P.getResonseFormLayoutConfig(C, I, 1);
-    const A = I.map((T) => T.columnInSM), x = I.map((T) => T.columnInMD), O = I.map((T) => T.columnInLG), G = I.map((T) => T.columnInEL), K = c(A) ? A[0] : 0, W = c(x) ? x[0] : 0, L = c(O) ? O[0] : 0, w = c(G) ? G[0] : 0;
+    const A = I.map((L) => L.columnInSM), x = I.map((L) => L.columnInMD), O = I.map((L) => L.columnInLG), G = I.map((L) => L.columnInEL), K = c(A) ? A[0] : 0, W = c(x) ? x[0] : 0, k = c(O) ? O[0] : 0, w = c(G) ? G[0] : 0;
     return {
       uniqueColClassInSM: K,
       uniqueColClassInMD: W,
-      uniqueColClassInLG: L,
+      uniqueColClassInLG: k,
       uniqueColClassInEL: w
     };
   }
   function F(b, C) {
     let P, I, A, x, O = [];
     if (b) {
-      const T = b.split(" "), N = T.filter((D) => D.startsWith("col-"));
-      P = N.find((D) => /^col-([1-9]|10|11|12)$/.test(D)), I = N.find((D) => /^col-md-([1-9]|10|11|12)$/.test(D)), A = N.find((D) => /^col-xl-([1-9]|10|11|12)$/.test(D)), x = N.find((D) => /^col-el-([1-9]|10|11|12)$/.test(D)), O = T.filter((D) => !D.startsWith("col-"));
+      const L = b.split(" "), N = L.filter((D) => D.startsWith("col-"));
+      P = N.find((D) => /^col-([1-9]|10|11|12)$/.test(D)), I = N.find((D) => /^col-md-([1-9]|10|11|12)$/.test(D)), A = N.find((D) => /^col-xl-([1-9]|10|11|12)$/.test(D)), x = N.find((D) => /^col-el-([1-9]|10|11|12)$/.test(D)), O = L.filter((D) => !D.startsWith("col-"));
     }
-    const G = C.uniqueColClassInSM ? "col-" + C.uniqueColClassInSM : P, K = C.uniqueColClassInMD ? "col-md-" + C.uniqueColClassInMD : I, W = C.uniqueColClassInLG ? "col-xl-" + C.uniqueColClassInLG : A, L = C.uniqueColClassInEL ? "col-el-" + C.uniqueColClassInEL : x;
-    return [G, K, W, L].concat(O).join(" ");
+    const G = C.uniqueColClassInSM ? "col-" + C.uniqueColClassInSM : P, K = C.uniqueColClassInMD ? "col-md-" + C.uniqueColClassInMD : I, W = C.uniqueColClassInLG ? "col-xl-" + C.uniqueColClassInLG : A, k = C.uniqueColClassInEL ? "col-el-" + C.uniqueColClassInEL : x;
+    return [G, K, W, k].concat(O).join(" ");
   }
   function v(b, C, P) {
     b = y(P, b), b.contents.forEach((I) => {
@@ -558,14 +563,14 @@ function io(e, n) {
   }
   return { checkIsInFormComponent: f, assembleUnifiedLayoutContext: B, changeFormControlsByUnifiedLayoutConfig: v };
 }
-class ao extends Qt {
+class so extends Zt {
   constructor(n, y) {
     super(n, y);
   }
   getPropertyConfig(n, y) {
     const f = this;
     this.propertyConfig.categories.basic = this.getBasicPropConfig(n);
-    const { checkIsInFormComponent: c, assembleUnifiedLayoutContext: B, changeFormControlsByUnifiedLayoutConfig: F } = io(this.formSchemaUtils, this.componentId), v = this.getAppearanceConfig(n), b = c(this.componentId);
+    const { checkIsInFormComponent: c, assembleUnifiedLayoutContext: B, changeFormControlsByUnifiedLayoutConfig: F } = lo(this.formSchemaUtils, this.componentId), v = this.getAppearanceConfig(n), b = c(this.componentId);
     return v.properties.adaptForLanguage = {
       title: "控件布局响应国际化",
       description: "启用国际化后：简体中文、繁体中文环境下控件标签与输入框在一行展示，其他语言环境下控件标签与输入框上下排列。",
@@ -593,7 +598,7 @@ class ao extends Qt {
             break;
           }
           case "labelAutoOverflow": {
-            f.setLabelAutoOverflow(n, C.propertyValue), _t();
+            f.setLabelAutoOverflow(n, C.propertyValue), Qt();
             break;
           }
         }
@@ -615,8 +620,8 @@ class ao extends Qt {
     });
   }
 }
-function jn(e, n) {
-  const y = e.schema, f = new zt(), { canMove: c, canAccept: B, canDelete: F } = f.getTemplateRule(e, n);
+function Wn(e, n) {
+  const y = e.schema, f = new _t(), { canMove: c, canAccept: B, canDelete: F } = f.getTemplateRule(e, n);
   function v(t, o) {
     const { sourceElement: s } = t, { componentInstance: m } = s, d = n == null ? void 0 : n.formSchemaUtils;
     if (!d)
@@ -647,7 +652,7 @@ function jn(e, n) {
     return !0;
   }
   function P(t) {
-    return !(!Jt().basalDragulaRuleForContainer(t, n) || !B || !C(t));
+    return !(!Yt().basalDragulaRuleForContainer(t, n) || !B || !C(t));
   }
   function I(t) {
     var u;
@@ -655,11 +660,11 @@ function jn(e, n) {
     if (p && Z.fieldset && ((u = p.schema) == null ? void 0 : u.type) === Z.fieldset.type && h) {
       const V = { groupId: null, groupName: null };
       switch (s.binding.type) {
-        case z.Form: {
+        case J.Form: {
           h.changeField(s.binding.field, V);
           break;
         }
-        case z.Variable: {
+        case J.Variable: {
           m.modifyViewModelFieldById(g, s.binding.field, V, !0);
           break;
         }
@@ -694,7 +699,7 @@ function jn(e, n) {
       if (p === "binding")
         return;
       const u = t[p];
-      if (u && typeof u == "object" && u.type === z.Variable && u.field) {
+      if (u && typeof u == "object" && u.type === J.Variable && u.field) {
         if (d) {
           u.path && !u.path.includes("root-component.") && (u.path = "root-component." + u.path);
           return;
@@ -730,7 +735,7 @@ function jn(e, n) {
     const s = n == null ? void 0 : n.formSchemaUtils, m = s.getComponentByViewModelId(o), d = [], g = (p, u) => {
       p && (Object.keys(p).forEach((V) => {
         const E = p[V];
-        E && typeof E == "object" && E.type === z.Variable && t.includes(E.field) && !u.includes(E.field) && u.push(E.field);
+        E && typeof E == "object" && E.type === J.Variable && t.includes(E.field) && !u.includes(E.field) && u.push(E.field);
       }), p.editor && g(p.editor, u));
     };
     G(m, g, d);
@@ -750,13 +755,13 @@ function jn(e, n) {
       handler: t.handlerName
     }), s;
   }
-  function L(t, o, s) {
+  function k(t, o, s) {
     var V, E, X;
-    const m = {}, d = t.type === "form-group" && t.editor ? t.editor.type : t.type, g = (V = ue[d]) == null ? void 0 : V.events;
+    const m = {}, d = t.type === "form-group" && t.editor ? t.editor.type : t.type, g = (V = me[d]) == null ? void 0 : V.events;
     if (!g)
       return;
-    Object.keys(t).forEach((_) => {
-      const j = Object.keys(g).find((q) => q === _);
+    Object.keys(t).forEach((z) => {
+      const j = Object.keys(g).find((q) => q === z);
       if (j && t[j]) {
         const q = o.commands.find((R) => R.code === t[j]);
         if (q) {
@@ -766,18 +771,18 @@ function jn(e, n) {
       }
     });
     const p = (n == null ? void 0 : n.designViewModelUtils).getDgViewModel(s.id), u = ["valueChanging", "valueChanged"];
-    if (((E = t.binding) == null ? void 0 : E.type) === z.Form) {
-      const _ = (X = s.fields) == null ? void 0 : X.find((j) => j.id === t.binding.field);
-      _ && u.forEach((j) => {
-        if (_[j]) {
-          const q = o.commands.find((R) => R.code === _[j]);
+    if (((E = t.binding) == null ? void 0 : E.type) === J.Form) {
+      const z = (X = s.fields) == null ? void 0 : X.find((j) => j.id === t.binding.field);
+      z && u.forEach((j) => {
+        if (z[j]) {
+          const q = o.commands.find((R) => R.code === z[j]);
           if (!q)
             return;
           if (m[q.code])
-            p.changeField(_.id, { [j]: m[q.code].code });
+            p.changeField(z.id, { [j]: m[q.code].code });
           else {
             const R = W(q);
-            m[q.code] = R, s.commands.push(R), p.changeField(_.id, { [j]: R.code });
+            m[q.code] = R, s.commands.push(R), p.changeField(z.id, { [j]: R.code });
           }
         }
       });
@@ -788,19 +793,19 @@ function jn(e, n) {
     if (d !== p.id) {
       const u = m.binding.type, V = m.binding.field, E = [];
       switch (u) {
-        case z.Form: {
+        case J.Form: {
           A(V, g, p.id);
           break;
         }
-        case z.Variable: {
+        case J.Variable: {
           x(m, g, p, E);
           break;
         }
       }
-      O(m, g, p, E), O(m.editor, g, p, E), L(m, g, p), d !== "root-viewmodel" && K(E, d);
+      O(m, g, p, E), O(m.editor, g, p, E), k(m, g, p), d !== "root-viewmodel" && K(E, d);
     }
   }
-  function T(t) {
+  function L(t) {
     if (!t || !t.componentInstance)
       return;
     const s = t.componentInstance.value.schema;
@@ -841,7 +846,7 @@ function jn(e, n) {
     }
     return s && (t += " farris-group-multi-label"), t;
   }
-  function J(t) {
+  function Q(t) {
     const o = e.componentInstance.value.getBelongedComponentInstance(e.componentInstance);
     if (o && o.schema && o.schema.componentType) {
       const { formColumns: s } = o.schema;
@@ -863,7 +868,7 @@ function jn(e, n) {
       const { label: u } = t;
       let V;
       const E = n == null ? void 0 : n.controlCreatorUtils;
-      return (g = t.bindingSourceContext) != null && g.entityFieldNode ? V = E.setFormFieldProperty((h = t.bindingSourceContext) == null ? void 0 : h.entityFieldNode, o == null ? void 0 : o.type) : (V = E.createFormGroupWithoutField(o == null ? void 0 : o.type), V.label = u), J(V), H(t, (p = V.editor) == null ? void 0 : p.type), V;
+      return (g = t.bindingSourceContext) != null && g.entityFieldNode ? V = E.setFormFieldProperty((h = t.bindingSourceContext) == null ? void 0 : h.entityFieldNode, o == null ? void 0 : o.type) : (V = E.createFormGroupWithoutField(o == null ? void 0 : o.type), V.label = u), Q(V), H(t, (p = V.editor) == null ? void 0 : p.type), V;
     }
     return o;
   }
@@ -876,35 +881,35 @@ function jn(e, n) {
   function ee() {
     return !1;
   }
-  function M(t) {
-    return new ao(t, n).getPropertyConfig(y, e.componentInstance.value);
+  function T(t) {
+    return new so(t, n).getPropertyConfig(y, e.componentInstance.value);
   }
   return {
     canAccepts: P,
     checkCanDeleteComponent: ne,
     checkCanMoveComponent: oe,
     getStyles: N,
-    getPropsConfig: M,
+    getPropsConfig: T,
     hideNestedPaddingInDesginerView: ee,
-    onAcceptMovedChildElement: T,
+    onAcceptMovedChildElement: L,
     onResolveNewComponentSchema: te,
     moveInputBetweenComponent: w,
-    resolveFormGroupAppearance: J,
+    resolveFormGroupAppearance: Q,
     syncFieldToViewModel: H
   };
 }
 re.install = (e) => {
-  e.component(re.name, re).component(se.name, se);
+  e.component(re.name, re).component(ce.name, ce).component(se.name, se);
 };
 export {
   se as FDynamicFormGroup,
-  Gn as FDynamicFormInput,
-  Ht as FDynamicFormLabel,
+  ce as FDynamicFormInput,
+  to as FDynamicFormLabel,
   re as FResponseForm,
   re as default,
-  Zt as dynamicFormGroupProps,
-  ro as dynamicFormInputProps,
-  Yt as responseFormProps,
-  jn as useDesignerRules,
-  me as useTypeResolver
+  Ht as dynamicFormGroupProps,
+  ao as dynamicFormInputProps,
+  St as responseFormProps,
+  Wn as useDesignerRules,
+  pe as useTypeResolver
 };