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

package/components/nav/index.umd.cjs

@@ -1 +1 @@
-(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.nav={},l.Vue,l.dynamicResolver,l.designerCanvas))})(this,function(l,e,h,x){"use strict";const F=new Map([["appearance",h.resolveAppearance]]);function V(a,s,n){return s}const k={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/nav.schema.json",title:"nav",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a nav",type:"string"},type:{description:"The type string of nav component",type:"string",default:"nav"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"string",default:""}},required:["id","type"]},T={title:"nav",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeholder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"},textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中"},{value:"right",name:"右对齐"}]}}}}}},p={activeNavId:{Type:String,default:"1"},displayField:{Type:String,default:"text"},disableField:{Type:String,default:"disable"},horizontal:{Type:Boolean,default:!0},idField:{Type:String,default:"id"},maxNum:{Type:Number,default:99},navData:{Type:Array,default:[{id:"1",text:"全部"},{id:"2",text:"已回复",disable:!0},{id:"3",text:"待回复",num:200},{id:"4",text:"@我",num:33}]},navPicking:{type:Function,default:()=>a=>!0},valueField:{Type:String,default:"num"}},m=h.createPropsResolver(p,k,F,V,T),f=e.defineComponent({name:"FNav",props:p,emits:["nav","update:activeNavId"],setup(a,s){const n=e.ref(a.activeNavId),c=e.ref(a.navData),u=e.ref(a.horizontal),v=e.ref(a.navPicking),y=e.computed(()=>({paddingTop:"1rem"}));e.watch(()=>a.activeNavId,(i,t)=>{i!==t&&(n.value=i)});const d=e.computed({get(){return c.value},set(i){c.value=i,b()}}),o=e.computed({get(){return n.value},set(i){if(n.value=i,n.value&&d&&d.value.length){const t=d.value.find(r=>r.id===n.value);t&&s.emit("nav",t)}}}),g=e.computed({set(i){u.value=i},get(){return u.value}});function b(){if(d.value&&d.value.length&&!n.value){const i=d.value.find(t=>!t.disable);i&&(n.value=i.id)}}function N(i){i.disable||i.id===n.value||Promise.resolve().then(()=>v.value(i)).then(t=>{t&&(n.value=i.id,s.emit("update:activeNavId",i.id),s.emit("nav",i))})}return()=>{var i;return e.createVNode("div",{class:["farris-nav",{"farris-nav-vertical":!g.value}]},[(i=d.value)==null?void 0:i.map(t=>e.createVNode("div",{class:["farris-nav-item",{active:t[a.idField]===o.value},{disabled:t[a.disableField]}],onClick:()=>N(t)},[e.createVNode("div",{class:"farris-nav-item-link",style:y.value},[e.createVNode("span",{class:"farris-nav-item-link-text"},[typeof t[a.displayField]=="function"?t[a.displayField]():t[a.displayField],t[a.valueField]&&e.createVNode("div",{class:"farris-nav-item-tag"},[t[a.valueField]<=a.maxNum&&e.createVNode("span",{class:"tag-text"},[t[a.valueField]]),t[a.valueField]>a.maxNum&&e.createVNode("span",{class:"tag-text"},[a.maxNum,e.createTextVNode("+")])])]),e.createVNode("div",{class:"farris-nav-item-bottom-line"},null)])]))])}}}),I=e.defineComponent({name:"FNavDesign",props:p,emits:["nav"],setup(a,s){const n=e.ref(a.activeNavId),c=e.ref(a.navData),u=e.ref(a.horizontal);e.ref(a.navPicking);const v=e.ref(),y=e.inject("design-item-context"),d=x.useDesignerComponent(v,y);e.onMounted(()=>{v.value.componentInstance=d}),s.expose(d.value);const o=e.computed({get(){return c.value},set(t){c.value=t,N()}}),g=e.computed({get(){return n.value},set(t){if(n.value=t,n.value&&o&&o.value.length){const r=o.value.find(C=>C.id===n.value);r&&s.emit("nav",r)}}}),b=e.computed({set(t){u.value=t},get(){return u.value}});function N(){if(o.value&&o.value.length&&!n.value){const t=o.value.find(r=>!r.disable);t&&(n.value=t.id)}}function i(t){t.disable||t.id===n.value||(n.value=t.id,s.emit("nav",t))}return()=>{var t;return e.createVNode("div",{ref:v,class:["farris-nav",{"farris-nav-vertical":!b.value}]},[(t=o.value)==null?void 0:t.map(r=>e.createVNode("div",{class:["farris-nav-item",{active:r.id===g.value},{disabled:r.disable}],onClick:()=>i(r)},[e.createVNode("div",{class:"farris-nav-item-link"},[e.createVNode("span",{class:"farris-nav-item-link-text"},[r.text,r.num&&e.createVNode("div",{class:"farris-nav-item-tag"},[r.num<=a.maxNum&&e.createVNode("span",{class:"tag-text"},[r.num]),r.num>a.maxNum&&e.createVNode("span",{class:"tag-text"},[a.maxNum,e.createTextVNode("+")])])])])]))])}}}),j={install(a){a.component(f.name,f)},register(a,s,n,c){a.nav=f,s.nav=m},registerDesigner(a,s,n){a.nav=I,s.nav=m}};l.FNav=f,l.default=j,l.navProps=p,l.propsResolver=m,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(n,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("../common/index.umd.js"),require("vue"),require("../dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","../dynamic-resolver/index.umd.js"],r):(n=typeof globalThis<"u"?globalThis:n||self,r(n.nav={},n.common,n.Vue,n.dynamicResolver))})(this,function(n,r,i,o){"use strict";function f(e,s,d){return s==="dynamic"?{navData:Array.isArray(d.bindDataSource)?d.bindDataSource||[]:[]}:{navData:d.navData}}const p=new Map([["appearance",o.resolveAppearance],["dataSourceType",f]]);function y(e,s,d){return s}const m={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/nav.schema.json",title:"nav",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a nav",type:"string"},type:{description:"The type string of nav component",type:"string",default:"nav"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},activeNavId:{description:"",type:"string",default:""},displayField:{description:"",type:"string",default:"text"},disableField:{description:"",type:"string",default:"disable"},horizontal:{description:"",type:"boolean",default:!0},idField:{description:"",type:"string",default:"id"},valueField:{description:"",type:"string",default:"num"},maxNum:{description:"",type:"number"},navData:{description:"",type:"array",default:[]},dataSourceType:{description:"",type:"string",default:"static"},bindDataSource:{description:"",type:"object"},navPicking:{description:"",type:"function"}},required:["id","type"]},u={activeNavId:{Type:String,default:""},displayField:{Type:String,default:"text"},disableField:{Type:String,default:"disable"},horizontal:{Type:Boolean,default:!0},idField:{Type:String,default:"id"},maxNum:{Type:Number,default:99},navData:{Type:Array,default:[]},navPicking:{type:Function,default:()=>e=>!0},valueField:{Type:String,default:"num"},visible:{Type:Boolean,default:!0},customClass:{Type:String,default:""},customStyle:{Type:String,default:""}},g=o.createPropsResolver(u,m,p,y),v=i.defineComponent({name:"FNav",props:u,emits:["nav","update:activeNavId"],setup(e,s){const d=i.ref(e.activeNavId),l=i.ref(e.navData),b=i.ref(e.navPicking),F=i.computed(()=>({paddingTop:"1rem"}));function h(a){if(l.value&&l.value.length){let t=l.value.find(c=>c[e.idField]===a&&c[e.disableField]!==!0);t||(t=l.value.find(c=>c[e.disableField]!==!0)),t&&d.value!==t.id&&(d.value=a,s.emit("nav",t))}}i.watch([e.activeNavId,e.navData],([a,t])=>{l.value=t,h(a)});function S(a){a.disable||a.id===d.value||Promise.resolve().then(()=>b.value(a)).then(t=>{t&&(d.value=a.id,s.emit("update:activeNavId",a.id),s.emit("nav",a))})}const T=i.computed(()=>{const a={"farris-nav":!0,"farris-nav-vertical":!e.horizontal};return r.getCustomClass(a,e.customClass)}),j=i.computed(()=>{const a={};return r.getCustomStyle(a,e.customStyle)});return()=>{var a;return i.createVNode("div",{class:T.value,style:j.value},[(a=l.value)==null?void 0:a.map(t=>i.createVNode("div",{class:["farris-nav-item",{active:t[e.idField]===d.value},{disabled:t[e.disableField]}],onClick:()=>S(t)},[i.createVNode("div",{class:"farris-nav-item-link",style:F.value},[i.createVNode("span",{class:"farris-nav-item-link-text"},[typeof t[e.displayField]=="function"?t[e.displayField]():t[e.displayField],t[e.valueField]&&i.createVNode("div",{class:"farris-nav-item-tag"},[t[e.valueField]<=e.maxNum&&i.createVNode("span",{class:"tag-text"},[t[e.valueField]]),t[e.valueField]>e.maxNum&&i.createVNode("span",{class:"tag-text"},[e.maxNum,i.createTextVNode("+")])])]),i.createVNode("div",{class:"farris-nav-item-bottom-line"},null)])]))])}}}),N=r.withInstall(v);n.FNav=v,n.default=N,n.navProps=u,n.propsResolver=g,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/number-range/index.esm.js

@@ -1,11 +1,11 @@
 var ie = Object.defineProperty;
 var ne = (o, n, e) => n in o ? ie(o, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[n] = e;
-var y = (o, n, e) => ne(o, typeof n != "symbol" ? n + "" : n, e);
+var b = (o, n, e) => ne(o, typeof n != "symbol" ? n + "" : n, e);
 import { computed as M, ref as B, createVNode as V, defineComponent as J, onMounted as Q, watch as j, createTextVNode as W, Fragment as re, nextTick as se, inject as Z } from "vue";
 import { resolveAppearance as oe, createPropsResolver as le } from "../dynamic-resolver/index.esm.js";
 import I from "bignumber.js";
 import { useNumberLocales as ae } from "../number-spinner/index.esm.js";
-import { DgControl as p, canvasChanged as R, refreshCanvas as de, useDesignerComponent as ue } from "../designer-canvas/index.esm.js";
+import { DgControl as p, canvasChanged as U, refreshCanvas as de, useDesignerComponent as ue } from "../designer-canvas/index.esm.js";
 import { cloneDeep as ce } from "lodash-es";
 import { FormSchemaEntityField$Type as X, FormSchemaEntityFieldType$Type as pe, withInstall as ge } from "../common/index.esm.js";
 function me(o, n, e) {
@@ -13,7 +13,7 @@ function me(o, n, e) {
 }
 const fe = /* @__PURE__ */ new Map([
   ["appearance", oe]
-]), he = "https://json-schema.org/draft/2020-12/schema", ye = "https://farris-design.gitee.io/number-range.schema.json", be = "number-range", ve = "A Farris Component", Ce = "object", xe = {
+]), he = "https://json-schema.org/draft/2020-12/schema", be = "https://farris-design.gitee.io/number-range.schema.json", ye = "number-range", ve = "A Farris Component", Ce = "object", xe = {
   id: {
     description: "The unique identifier for a number-range",
     type: "string"
@@ -123,8 +123,8 @@ const fe = /* @__PURE__ */ new Map([
   "type"
 ], Ve = {
   $schema: he,
-  $id: ye,
-  title: be,
+  $id: be,
+  title: ye,
   description: ve,
   type: Ce,
   properties: xe,
@@ -312,57 +312,57 @@ function A(o, n, e, t, i, r, s, c, l, a) {
   function h(v) {
     if (o.readonly || o.disabled)
       return;
-    const k = v === "up" ? f : g, E = v === "up" ? "plus" : "minus";
+    const k = v === "up" ? f : g, F = v === "up" ? "plus" : "minus";
     if (k()) {
-      let P = new I(t.value || 0)[E](Number(o.step)).toFixed();
+      let P = new I(t.value || 0)[F](Number(o.step)).toFixed();
       P = m(P, c, l, a);
       const T = d(P);
       e.value = u(P), t.value !== T && (t.value = T, s(t.value));
     }
   }
-  function b() {
+  function y() {
     h("up");
   }
   function C() {
     h("down");
   }
   function x(v) {
-    b(), v.stopPropagation();
+    y(), v.stopPropagation();
   }
-  function F(v) {
+  function E(v) {
     C(), v.stopPropagation();
   }
-  return { canDownward: g, canUpward: f, downward: C, onClickDownButton: F, onClickUpButton: x, upward: b };
+  return { canDownward: g, canUpward: f, downward: C, onClickDownButton: E, onClickUpButton: x, upward: y };
 }
 function O(o, n, e, t, i, r, s, c, l, a, u) {
-  const { cleanFormat: d, format: m } = i, { getRealValue: f, isEmpty: g, getValidNumberInRange: h } = r, { downward: b, upward: C } = s, x = M(() => e.value), F = B(!1);
+  const { cleanFormat: d, format: m } = i, { getRealValue: f, isEmpty: g, getValidNumberInRange: h } = r, { downward: y, upward: C } = s, x = M(() => e.value), E = B(!1);
   function v(w) {
     var K;
     if (w.stopPropagation(), o.readonly || o.disabled)
       return;
-    F.value = !1;
+    E.value = !1;
     let P = (K = w.target) == null ? void 0 : K.value;
     o.nullable || (P = P || 0);
     let T = d(P);
     T = h(T, l, a, u);
-    const U = f(T);
-    e.value = m(T), t.value !== U && (t.value = U, c(t.value)), n.emit("blur", { event: w, formatted: e.value, value: t.value });
+    const L = f(T);
+    e.value = m(T), t.value !== L && (t.value = L, c(t.value)), n.emit("blur", { event: w, formatted: e.value, value: t.value });
   }
   function k(w) {
-    w.stopPropagation(), !(o.readonly || o.disabled) && (F.value = !0, e.value = g(t.value) || !o.showZero && t.value === "0" ? "" : String(t.value), n.emit("focus", { event: w, formatted: e.value, value: t.value }));
+    w.stopPropagation(), !(o.readonly || o.disabled) && (E.value = !0, e.value = g(t.value) || !o.showZero && t.value === "0" ? "" : String(t.value), n.emit("focus", { event: w, formatted: e.value, value: t.value }));
   }
-  function E(w) {
-    var U;
+  function F(w) {
+    var L;
     w.stopPropagation();
-    let P = (U = w.target) == null ? void 0 : U.value;
+    let P = (L = w.target) == null ? void 0 : L.value;
     o.nullable || (P = P || 0);
     const T = d(P);
     e.value = T, t.value = f(T), c(t.value);
   }
   function S(w) {
-    w.key === "ArrowDown" && (w.preventDefault(), b()), w.key === "ArrowUp" && (w.preventDefault(), C()), w.stopPropagation();
+    w.key === "ArrowDown" && (w.preventDefault(), y()), w.key === "ArrowUp" && (w.preventDefault(), C()), w.stopPropagation();
   }
-  return { textBoxValue: x, onBlurTextBox: v, onFocusTextBox: k, onInput: E, onKeyDown: S, isTextBoxFocused: F };
+  return { textBoxValue: x, onBlurTextBox: v, onFocusTextBox: k, onInput: F, onKeyDown: S, isTextBoxFocused: E };
 }
 function _(o, n, e, t, i) {
   const {
@@ -440,26 +440,26 @@ const q = /* @__PURE__ */ J({
   props: z,
   emits: ["valueChange", "blur", "focus", "click", "input", "beginValueChange", "endValueChange"],
   setup(o, n) {
-    const e = B(o.beginValue), t = B(""), i = B(o.endValue), r = B(""), s = D(o), c = ee(o, n, s), l = ae(o), a = (E) => {
-      n.emit("beginValueChange", E);
-    }, u = A(o, n, t, e, c, s, a, e, i, !0), d = O(o, n, t, e, c, s, u, a, e, i, !0), m = $(o, n, u), f = _(o, n, d, !0, l), g = (E) => {
-      n.emit("endValueChange", E);
-    }, h = A(o, n, r, i, c, s, g, e, i, !1), b = O(o, n, r, i, c, s, h, g, e, i, !1), C = $(o, n, h), x = _(o, n, b, !1, l), {
-      getRealValue: F
+    const e = B(o.beginValue), t = B(""), i = B(o.endValue), r = B(""), s = D(o), c = ee(o, n, s), l = ae(o), a = (F) => {
+      n.emit("beginValueChange", F);
+    }, u = A(o, n, t, e, c, s, a, e, i, !0), d = O(o, n, t, e, c, s, u, a, e, i, !0), m = $(o, n, u), f = _(o, n, d, !0, l), g = (F) => {
+      n.emit("endValueChange", F);
+    }, h = A(o, n, r, i, c, s, g, e, i, !1), y = O(o, n, r, i, c, s, h, g, e, i, !1), C = $(o, n, h), x = _(o, n, y, !1, l), {
+      getRealValue: E
     } = s, {
       format: v
     } = c, k = M(() => !o.disabled && !o.readonly && o.showButton);
     return Q(() => {
-      const E = F(o.beginValue, !1), S = F(o.endValue, !1);
-      t.value = v(E, !1), r.value = v(S, !1);
-    }), j(() => [o.beginValue], ([E]) => {
+      const F = E(o.beginValue, !1), S = E(o.endValue, !1);
+      t.value = v(F, !1), r.value = v(S, !1);
+    }), j(() => [o.beginValue], ([F]) => {
       if (!d.isTextBoxFocused.value) {
-        const S = F(E, !1);
+        const S = E(F, !1);
         e.value = S, t.value = v(S, !1);
       }
-    }), j(() => [o.endValue], ([E]) => {
-      if (!b.isTextBoxFocused.value) {
-        const S = F(E, !1);
+    }), j(() => [o.endValue], ([F]) => {
+      if (!y.isTextBoxFocused.value) {
+        const S = E(F, !1);
         i.value = S, r.value = v(S, !1);
       }
     }), j(() => [o.precision, o.useThousands, o.prefix, o.suffix, o.showZero], () => {
@@ -508,7 +508,7 @@ function H(o, n, e, t) {
     onKeydown: c
   }, null);
 }
-function Fe(o) {
+function Ee(o) {
   const { formSchemaUtils: n, formStateMachineUtils: e } = o;
   function t(l, a = "") {
     return {
@@ -538,7 +538,7 @@ function Fe(o) {
 }
 class te {
   constructor(n) {
-    y(this, "sessionVariables", [
+    b(this, "sessionVariables", [
       {
         key: "CurrentSysOrgName",
         name: "当前组织Name",
@@ -575,7 +575,7 @@ class te {
         description: "当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"
       }
     ]);
-    y(this, "expressionNames", {
+    b(this, "expressionNames", {
       compute: "计算表达式",
       dependency: "依赖表达式",
       validate: "验证表达式",
@@ -584,7 +584,7 @@ class te {
       readonly: "只读表达式",
       required: "必填表达式"
     });
-    y(this, "getExpressionConverter", (n, e) => ({
+    b(this, "getExpressionConverter", (n, e) => ({
       convertFrom: (t, i, r, s) => {
         const c = r.getExpressionRuleValue(n, e || i);
         return c && c.value || "";
@@ -803,21 +803,21 @@ class te {
     };
   }
 }
-class Ee {
+class Fe {
   constructor(n, e) {
-    y(this, "componentId");
-    y(this, "viewModelId");
-    y(this, "eventsEditorUtils");
-    y(this, "formSchemaUtils");
-    y(this, "formMetadataConverter");
-    y(this, "designViewModelUtils");
-    y(this, "designViewModelField");
-    y(this, "controlCreatorUtils");
-    y(this, "designerHostService");
-    y(this, "designerContext");
-    y(this, "schemaService", null);
-    y(this, "metadataService", null);
-    y(this, "propertyConfig", {
+    b(this, "componentId");
+    b(this, "viewModelId");
+    b(this, "eventsEditorUtils");
+    b(this, "formSchemaUtils");
+    b(this, "formMetadataConverter");
+    b(this, "designViewModelUtils");
+    b(this, "designViewModelField");
+    b(this, "controlCreatorUtils");
+    b(this, "designerHostService");
+    b(this, "designerContext");
+    b(this, "schemaService", null);
+    b(this, "metadataService", null);
+    b(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
@@ -900,7 +900,7 @@ class Ee {
           switch (s && s.propertyID) {
             case "class":
             case "style": {
-              R.value++;
+              U.value++;
               break;
             }
           }
@@ -920,7 +920,7 @@ class Ee {
    * @returns 
    */
   getPropertyEditorParams(n, e = [], t = "visible", i = {}, r = {}, s = "") {
-    const { getVariables: c, getControlName: l, getStateMachines: a } = Fe(this.designerHostService), u = this.getRealTargetType(n), d = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], m = {
+    const { getVariables: c, getControlName: l, getStateMachines: a } = Ee(this.designerHostService), u = this.getRealTargetType(n), d = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], m = {
       type: "property-editor",
       propertyTypes: d
     };
@@ -1048,14 +1048,14 @@ class Ee {
     const { expressionId: r, expressionInfo: s } = e, { targetId: c, targetType: l, expressionType: a, value: u, message: d } = s, m = this.formSchemaUtils.getModule();
     m.expressions = m.expressions || [];
     const { expressions: f } = m;
-    let g = f.find((b) => b.target === c);
+    let g = f.find((y) => y.target === c);
     g || (g = { target: c, rules: [], targetType: l }, f.push(g));
-    const h = g.rules.find((b) => b.type === a);
+    const h = g.rules.find((y) => y.type === a);
     if (h)
       h.value = u, h.message = d;
     else {
-      const b = { id: r, type: a, value: u, message: d };
-      g.rules.push(b);
+      const y = { id: r, type: a, value: u, message: d };
+      g.rules.push(y);
     }
     delete e.expressionInfo;
   }
@@ -1130,7 +1130,7 @@ const N = class N {
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-y(N, "fieldControlTypeMapping", {
+b(N, "fieldControlTypeMapping", {
   String: [
     { key: p["input-group"].type, value: p["input-group"].name },
     { key: p.lookup.type, value: p.lookup.name },
@@ -1148,6 +1148,7 @@ y(N, "fieldControlTypeMapping", {
     { key: p.textarea.type, value: p.textarea.name },
     { key: p.lookup.type, value: p.lookup.name },
     { key: p.image.type, value: p.image.name },
+    { key: p.avatar.type, value: p.avatar.name },
     { key: p["rich-text-editor"].type, value: p["rich-text-editor"].name }
   ],
   Decimal: [
@@ -1185,35 +1186,35 @@ y(N, "fieldControlTypeMapping", {
   ]
 });
 let G = N;
-var L = /* @__PURE__ */ ((o) => (o.Form = "Form", o.Variable = "Variable", o))(L || {});
+var R = /* @__PURE__ */ ((o) => (o.Form = "Form", o.Variable = "Variable", o))(R || {});
 class Ie {
   constructor() {
     /** 控件标题 */
-    y(this, "label", "");
+    b(this, "label", "");
     /** 控件id */
-    y(this, "id", "");
+    b(this, "id", "");
     /** 每个控件占用的栅格数 */
-    y(this, "columnInSM", 12);
-    y(this, "columnInMD", 6);
-    y(this, "columnInLG", 3);
-    y(this, "columnInEL", 2);
+    b(this, "columnInSM", 12);
+    b(this, "columnInMD", 6);
+    b(this, "columnInLG", 3);
+    b(this, "columnInEL", 2);
     /** 每个控件占用的列数 */
-    y(this, "displayWidthInSM", 1);
-    y(this, "displayWidthInMD", 1);
-    y(this, "displayWidthInLG", 1);
-    y(this, "displayWidthInEL", 1);
+    b(this, "displayWidthInSM", 1);
+    b(this, "displayWidthInMD", 1);
+    b(this, "displayWidthInLG", 1);
+    b(this, "displayWidthInEL", 1);
     /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
-    y(this, "displayColumnCountAtBreakPoint", "md");
+    b(this, "displayColumnCountAtBreakPoint", "md");
     /** 控件所在行，传0即可-----编辑器内部使用 */
-    y(this, "tagRow", 0);
+    b(this, "tagRow", 0);
     /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
-    y(this, "showTopBorder", 0);
+    b(this, "showTopBorder", 0);
     /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
-    y(this, "group", 1);
+    b(this, "group", 1);
     /** 控件是否符合标准的class配置(设计器用的) */
-    y(this, "isSupportedClass", !0);
+    b(this, "isSupportedClass", !0);
     /** 控件所在分组id(设计器用的) */
-    y(this, "fieldSetId", "");
+    b(this, "fieldSetId", "");
   }
 }
 function Se(o) {
@@ -1226,8 +1227,8 @@ function Se(o) {
       d.isSupportedClass = !1;
       return;
     }
-    let g = f.find((x) => /^col-([1-9]|10|11|12)$/.test(x)), h = f.find((x) => /^col-md-([1-9]|10|11|12)$/.test(x)), b = f.find((x) => /^col-xl-([1-9]|10|11|12)$/.test(x)), C = f.find((x) => /^col-el-([1-9]|10|11|12)$/.test(x));
-    g = g || "col-12", d.columnInSM = parseInt(g.replace("col-", ""), 10), d.displayWidthInSM = d.columnInSM / 12, d.displayWidthInSM !== 1 && (d.isSupportedClass = !1), h = h || "col-md-" + d.columnInSM, d.columnInMD = parseInt(h.replace("col-md-", ""), 10), d.displayWidthInMD = d.columnInMD / 6, [1, 2].includes(d.displayWidthInMD) || (d.isSupportedClass = !1), b = b || "col-xl-" + d.columnInMD, d.columnInLG = parseInt(b.replace("col-xl-", ""), 10), d.displayWidthInLG = d.columnInLG / 3, [1, 2, 3, 4].includes(d.displayWidthInLG) || (d.isSupportedClass = !1), C = C || "col-el-" + d.columnInLG, d.columnInEL = parseInt(C.replace("col-el-", ""), 10), d.displayWidthInEL = d.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(d.displayWidthInEL) || (d.isSupportedClass = !1);
+    let g = f.find((x) => /^col-([1-9]|10|11|12)$/.test(x)), h = f.find((x) => /^col-md-([1-9]|10|11|12)$/.test(x)), y = f.find((x) => /^col-xl-([1-9]|10|11|12)$/.test(x)), C = f.find((x) => /^col-el-([1-9]|10|11|12)$/.test(x));
+    g = g || "col-12", d.columnInSM = parseInt(g.replace("col-", ""), 10), d.displayWidthInSM = d.columnInSM / 12, d.displayWidthInSM !== 1 && (d.isSupportedClass = !1), h = h || "col-md-" + d.columnInSM, d.columnInMD = parseInt(h.replace("col-md-", ""), 10), d.displayWidthInMD = d.columnInMD / 6, [1, 2].includes(d.displayWidthInMD) || (d.isSupportedClass = !1), y = y || "col-xl-" + d.columnInMD, d.columnInLG = parseInt(y.replace("col-xl-", ""), 10), d.displayWidthInLG = d.columnInLG / 3, [1, 2, 3, 4].includes(d.displayWidthInLG) || (d.isSupportedClass = !1), C = C || "col-el-" + d.columnInLG, d.columnInEL = parseInt(C.replace("col-el-", ""), 10), d.displayWidthInEL = d.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(d.displayWidthInEL) || (d.isSupportedClass = !1);
   }
   function s(u, d, m, f = !1) {
     let g = !1;
@@ -1237,8 +1238,8 @@ function Se(o) {
         return;
       }
       g && (m += 1, g = !1);
-      const b = h.appearance && h.appearance.class, C = new Ie();
-      b ? r(b, C) : C.isSupportedClass = !1, C.label = h.label || h.id, C.id = h.id, C.group = m, f && (C.fieldSetId = u.id), e === h.id && (n = m), t.set(h.id, h), d.push(C);
+      const y = h.appearance && h.appearance.class, C = new Ie();
+      y ? r(y, C) : C.isSupportedClass = !1, C.label = h.label || h.id, C.id = h.id, C.group = m, f && (C.fieldSetId = u.id), e === h.id && (n = m), t.set(h.id, h), d.push(C);
     });
   }
   function c(u) {
@@ -1256,11 +1257,11 @@ function Se(o) {
     e = u.id, i = [], t.clear();
     const h = g.contents[0].type === p.fieldset.type ? 0 : 1;
     s(g, i, h);
-    const b = i.find((x) => !x.isSupportedClass);
+    const y = i.find((x) => !x.isSupportedClass);
     return {
       defaultState: {
         defaultGroupNumber: n || 1,
-        model: b ? "customize" : "standard"
+        model: y ? "customize" : "standard"
       },
       importData: i
     };
@@ -1273,16 +1274,16 @@ function Se(o) {
     const g = [];
     return u.forEach((h) => {
       var x;
-      const b = t.get(h.id), C = b.appearance && b.appearance.class;
+      const y = t.get(h.id), C = y.appearance && y.appearance.class;
       if (C) {
-        const v = C.split(" ").filter((T) => !T.startsWith("col-")), k = "col-" + h.columnInSM, E = "col-md-" + h.columnInMD, S = "col-xl-" + h.columnInLG, w = "col-el-" + h.columnInEL, P = [k, E, S, w].concat(v);
-        b.appearance.class = P.join(" ");
+        const v = C.split(" ").filter((T) => !T.startsWith("col-")), k = "col-" + h.columnInSM, F = "col-md-" + h.columnInMD, S = "col-xl-" + h.columnInLG, w = "col-el-" + h.columnInEL, P = [k, F, S, w].concat(v);
+        y.appearance.class = P.join(" ");
       }
       if (h.fieldSetId) {
-        const F = f.contents.find((k) => k.id === h.fieldSetId), v = g.find((k) => k.id === h.fieldSetId);
-        v ? (x = v.contents) == null || x.push(b) : (g.push(F), F.contents = [b]);
+        const E = f.contents.find((k) => k.id === h.fieldSetId), v = g.find((k) => k.id === h.fieldSetId);
+        v ? (x = v.contents) == null || x.push(y) : (g.push(E), E.contents = [y]);
       } else
-        g.push(b);
+        g.push(y);
     }), f.contents = g, f.id;
   }
   return {
@@ -1300,13 +1301,13 @@ const Me = (o) => V(re, null, [V("h5", null, [W("代码示例")]), V("pre", {
     自定义提示内容
 </span>
             `])])]);
-class ke extends Ee {
+class ke extends Fe {
   constructor(e, t) {
     super(e, t);
-    y(this, "responseLayoutEditorFunction");
+    b(this, "responseLayoutEditorFunction");
     /** 控件绑定的变量 */
-    y(this, "bindingVarible");
-    y(this, "formGroupEvents", [
+    b(this, "bindingVarible");
+    b(this, "formGroupEvents", [
       {
         label: "fieldValueChanging",
         name: "绑定字段值变化前事件"
@@ -1317,10 +1318,10 @@ class ke extends Ee {
       },
       {
         label: "onClickLabel",
-        name: "点击标签事件"
+        name: "标签点击事件"
       }
     ]);
-    y(this, "numberEditorOptions", {
+    b(this, "numberEditorOptions", {
       type: "number-spinner",
       useThousands: !1,
       keyboard: !1,
@@ -1331,7 +1332,7 @@ class ke extends Ee {
   getCommonPropertyConfig(e, t, i = "Card") {
     if (this.propertyConfig.categories.basic = this.getBasicProperties(e, t, i), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e, t), this.propertyConfig.categories.behavior = this.getBehaviorConfig(e, "form-group"), i === "Card") {
       const r = this.getTipsConfig(e);
-      this.propertyConfig.categories.behavior.properties = { ...this.propertyConfig.categories.behavior.properties, ...r }, ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group"].includes(e.editor.type) && (this.propertyConfig.categories.expansion = this.getExpandProperties(e));
+      this.propertyConfig.categories.behavior.properties = { ...this.propertyConfig.categories.behavior.properties, ...r }, ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group", "language-textbox"].includes(e.editor.type) && (this.propertyConfig.categories.expansion = this.getExpandProperties(e));
     }
   }
   getPropertyConfig(e, t) {
@@ -1554,10 +1555,10 @@ class ke extends Ee {
               i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(r.propertyValue, i.componentId || e.id), i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId), i.updateElementByParentContainer(e.id, t), delete e.responseLayout;
               break;
             case "class":
-              i.updateUnifiedLayoutAfterControlChanged(r.propertyValue, e.id, this.componentId), R.value++;
+              i.updateUnifiedLayoutAfterControlChanged(r.propertyValue, e.id, this.componentId), U.value++;
               break;
             case "style": {
-              R.value++;
+              U.value++;
               break;
             }
           }
@@ -1597,12 +1598,12 @@ class ke extends Ee {
       (u) => u.classList.remove("dgComponentSelected")
     ), Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(
       (u) => u.classList.remove("dgComponentFocused")
-    ), R.value++, se(() => {
+    ), U.value++, se(() => {
       this.getFormDesignerInstance().reloadPropertyPanel();
     });
   }
   getTipsConfig(e) {
-    return ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group", "textarea", "rich-text-editor"].includes(e.editor.type) ? {
+    return ["time-picker", "date-picker", "lookup", "combo-list", "number-spinner", "input-group", "textarea", "rich-text-editor", "language-textbox"].includes(e.editor.type) ? {
       enableTips: {
         refreshPanelAfterChanged: !0,
         description: "",
@@ -1755,19 +1756,26 @@ class ke extends Ee {
   * 注意：因为绑定字段值变化后事件与下拉框的值变化事件(valueChanged)重名，所以这里将事件label都重命名下
   */
   appendFieldValueChangeEvents(e, t) {
-    e.binding && e.binding.type === L.Form && e.binding.field ? (t.find((i) => i.label === "fieldValueChanging"), t.find((i) => i.label === "fieldValueChanged"), this.designViewModelField && (e.fieldValueChanging = this.designViewModelField.valueChanging, e.fieldValueChanged = this.designViewModelField.valueChanged)) : t = t.filter((i) => i.label !== "fieldValueChanging" && i.label !== "fieldValueChanged");
+    e.binding && e.binding.type === R.Form && e.binding.field ? (t.find((i) => i.label === "fieldValueChanging"), t.find((i) => i.label === "fieldValueChanged"), this.designViewModelField && (e.fieldValueChanging = this.designViewModelField.valueChanging, e.fieldValueChanged = this.designViewModelField.valueChanged)) : t = t.filter((i) => i.label !== "fieldValueChanging" && i.label !== "fieldValueChanged");
   }
   getControlMethodType(e) {
     if (!e.binding)
       return e.type;
     switch (e.binding.type) {
-      case L.Form:
+      case R.Form:
         return e.binding.path || e.type;
-      case L.Variable:
+      case R.Variable:
         return e.binding.fullPath || e.type;
     }
     return e.type;
   }
+  updateLinkedLabel(e, t) {
+    if (e.boundEventsList && e.boundEventsList.length > 0) {
+      const i = e.boundEventsList.find((r) => r.boundEvents && r.boundEvents.label === "onClickLabel");
+      t.linkLabel = !!i;
+    } else
+      t.linkLabel = !1;
+  }
   /**
   * 组装输入类控件的交互面板：包含标签超链、绑定字段值变化前后事件等。
   * @param propertyData 属性值
@@ -1800,7 +1808,7 @@ class ke extends Ee {
       tabName: "交互",
       setPropertyRelates(m, f) {
         const g = m.propertyValue;
-        delete e[s.viewModelId], g && (g.setPropertyRelates = this.setPropertyRelates, g.controlInfo = { type: s.getControlMethodType(e), name: e.title }, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, g.events, g)), r && r(m, f, g);
+        delete e[s.viewModelId], g && (g.setPropertyRelates = this.setPropertyRelates, g.controlInfo = { type: s.getControlMethodType(e), name: e.title }, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, g.events, g), s.updateLinkedLabel(g, f)), r && r(m, f, g);
         const h = s.designViewModelUtils.getDgViewModel(s.viewModelId);
         h && s.designViewModelField && h.changeField(s.designViewModelField.id, { valueChanging: e.fieldValueChanging, valueChanged: e.fieldValueChanged });
       }
@@ -1871,9 +1879,9 @@ const Be = /* @__PURE__ */ J({
     Q(() => {
       a.value.componentInstance = f;
     }), n.expose(f.value);
-    const g = A(o, n, t, e, c, s, l, e, i, !0), h = O(o, n, t, e, c, s, g, l, e, i, !0), b = $(o, n, g), C = H(o, n, h, !0), x = (w) => {
+    const g = A(o, n, t, e, c, s, l, e, i, !0), h = O(o, n, t, e, c, s, g, l, e, i, !0), y = $(o, n, g), C = H(o, n, h, !0), x = (w) => {
       n.emit("endValueChange", w);
-    }, F = A(o, n, r, i, c, s, x, e, i, !1), v = O(o, n, r, i, c, s, F, x, e, i, !1), k = $(o, n, F), E = H(o, n, v, !1), S = M(() => o.showButton);
+    }, E = A(o, n, r, i, c, s, x, e, i, !1), v = O(o, n, r, i, c, s, E, x, e, i, !1), k = $(o, n, E), F = H(o, n, v, !1), S = M(() => o.showButton);
     return () => V("div", {
       ref: a,
       class: "input-group  number-range f-cmp-number-spinner"
@@ -1881,11 +1889,11 @@ const Be = /* @__PURE__ */ J({
       class: "form-control input-container"
     }, [V("div", {
       class: "sub-input-group"
-    }, [C(), S.value && b()]), V("span", {
+    }, [C(), S.value && y()]), V("span", {
       class: "spliter"
     }, [W("~")]), V("div", {
       class: "sub-input-group"
-    }, [E(), S.value && k()])])]);
+    }, [F(), S.value && k()])])]);
   }
 });
 q.register = (o, n, e, t) => {