@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/components/progress/index.umd.cjs

@@ -1,3 +1,3 @@
-(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js","../common/index.umd.js"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.progress={},f.Vue,f.dynamicResolver,f.designerCanvas,f.common))})(this,function(f,e,D,M,q){"use strict";const L=new Map([["appearance",D.resolveAppearance]]);function F(t,r,i){return r}const z={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/progress.schema.json",title:"progress",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for progress",type:"string"},type:{description:"The type string of progress",type:"string",default:"progress"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},R={title:"progress",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:[]}}}}}},I={progressType:{type:String,default:"line"},strokeWidth:{type:Number,default:0},size:{type:String,default:"default"},showInfo:{type:Boolean,default:!0},progressStatus:{type:String,default:"default"},successPercent:{type:Number,default:0},strokeColor:{type:String,default:""},strokeLinecap:{type:String,default:"round"},width:{type:Number,default:100},percent:{type:Number,default:20},enableBackgroundImg:{type:Boolean,default:!1},backgroundImg:{type:String,default:""},gapPosition:{type:String},gapDegree:{type:Number,default:0},format:{type:Function,default:(t,r)=>`${t}%`}},T=D.createPropsResolver(I,z,L,F,R);function A(t){function r(d){return+d.replace("%","")}function i(d){let o=[];return Object.keys(d).forEach(c=>{const a=d[c],k=r(c);isNaN(k)||o.push({key:k,value:a})}),o=o.sort((c,a)=>c.key-a.key),o}const l=e.computed(()=>!!t.strokeColor&&typeof t.strokeColor!="string"),u=e.computed(()=>{const{from:d="#59a1ff",to:o="#59a1ff",direction:c="to right",...a}=t.strokeColor;if(Object.keys(a).length!==0){const k=i(a).map(({key:C,value:b})=>`${b} ${C}%`).join(", ");return`linear-gradient(${c}, ${k})`}return`linear-gradient(${c}, ${d}, ${o})`}),n=e.computed(()=>i(t.strokeColor).map(({key:d,value:o})=>({offset:`${d}%`,color:o})));return{isGradient:l,linearGradient:u,circleGradient:n}}function K(t){return{strokeWidth:e.computed(()=>t.strokeWidth||(t.progressType==="line"&&t.size!=="small"?8:6))}}function X(t){return{formatPercentageText:e.computed(()=>t.format(t.percent,t.successPercent))}}function Y(t,r,i,l){const{isCircleStyle:u}=r,{isGradient:n,linearGradient:d}=i,{strokeWidth:o}=l,c=e.computed(()=>{const s={"f-progress":!0,"f-progress-line":t.progressType==="line","ant-progress-small":t.size==="small","f-progress-show-info":t.showInfo,"f-progress-circle":u.value},p=`f-progress-status-${t.progressStatus}`;return s[p]=!0,s}),a=e.computed(()=>({width:`${t.width}px`,height:`${t.width}px`,"font-size":`${t.width*.15+6}px`,"f-progress-circle-gradient":n.value})),k=e.computed(()=>({"f-progress-inner":!0,"f-progress-circle-gradient":n.value})),C=0,b=e.computed(()=>C+1),x=e.computed(()=>{const s=50-o.value/2,p=t.gapPosition||(t.progressType==="circle"?"top":"bottom");let y=0,m=-s,P=0,h=s*-2;switch(p){case"left":y=-s,m=0,P=s*2,h=0;break;case"right":y=s,m=0,P=s*-2,h=0;break;case"bottom":m=s,h=s*2;break}return`M 50,50 m ${y},${m}
-                a ${s},${s} 0 1 1 ${P},${-h}
-                a ${s},${s} 0 1 1 ${-P},${h}`}),j=e.computed(()=>{const s=50-o.value/2,p=Math.PI*2*s,y=t.gapDegree||(t.progressType==="circle"?0:75);return{strokeDasharray:`${p-y}px ${p}px`,strokeDashoffset:`-${y/2}px`,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"}}),N=e.computed(()=>{const s=50-o.value/2,p=Math.PI*2*s,y=t.gapDegree||(t.progressType==="circle"?0:75),m=t.successPercent!==void 0&&t.successPercent!==null?[t.successPercent,t.percent]:[t.percent];return m.map((P,h)=>{const S=m.length===2&&h===0;return{stroke:n.value&&!S?`url(#gradient-${b.value})`:null,strokePathStyle:{stroke:n.value?null:S?"default":t.strokeColor,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s",strokeDasharray:`${(P||0)/100*(p-y)}px ${p}px`,strokeDashoffset:`-${y/2}px`}}}).reverse()}),v=e.computed(()=>({width:`${t.percent}%`,"border-radius":t.strokeLinecap==="round"?"100px":"0",background:n.value?null:t.strokeColor,"background-image":n.value?d.value:null,height:`${o.value}px`}));return{progressClass:c,inCircleProgressBarStyle:a,inCircleProgressBarClass:k,pathString:x,trailPathStyle:j,progressCirclePaths:N,gradientId:b,inlineProgressBackgroundStyle:v}}function _(t){return{isCircleStyle:e.computed(()=>t.progressType==="circle"||t.progressType==="dashboard")}}function E(t){const r=e.computed(()=>{const u={"f-progress-text-icon":!0,"f-icon":!0},n=`f-icon-${t.progressStatus}`;return u[n]=!0,u}),i=e.computed(()=>{const u={"f-progress-text-icon":!0,"f-icon":!0},n=t.progressStatus==="success"?"f-icon-checkmark":"f-icon-x";return u[n]=!0,u}),l=e.computed(()=>t.progressStatus==="error"||t.progressStatus==="success");return{inlineProgrssStatusClass:r,circleProgrssStatusClass:i,shouldShowStatus:l}}function H(t){const r=e.computed(()=>({width:`${t.successPercent}%`,"border-radius":t.strokeLinecap==="round"?"100px":"0",height:`${t.strokeWidth}px`,"background-image":t.enableBackgroundImg?`url(${t.backgroundImg})`:null})),i=e.computed(()=>t.successPercent||t.successPercent===0);return{inlineProgressSuccessBackgroundStyle:r,shouldShowSuccessInlineProgressBackground:i}}const w=e.defineComponent({name:"FProgress",props:I,emits:[],setup(t){const r=e.ref(t.progressType),i=e.ref(t.showInfo),l=e.ref(t.percent),u=e.ref(t.strokeLinecap),n=A(t),{isGradient:d,circleGradient:o}=n,c=K(t),{strokeWidth:a}=c,{formatPercentageText:k}=X(t),C=_(t),{isCircleStyle:b}=C,{progressClass:x,inCircleProgressBarStyle:j,inCircleProgressBarClass:N,pathString:v,trailPathStyle:s,progressCirclePaths:p,gradientId:y,inlineProgressBackgroundStyle:m}=Y(t,C,n,c),{inlineProgrssStatusClass:P,circleProgrssStatusClass:h,shouldShowStatus:S}=E(t),{inlineProgressSuccessBackgroundStyle:V,shouldShowSuccessInlineProgressBackground:O}=H(t);e.watch(()=>t.percent,$=>{l.value=$||0});function B(){return i.value&&e.createVNode("span",{class:"f-progress-text"},[S.value?e.createVNode("span",{class:b.value?h.value:P.value},null):k.value])}function G(){return e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"f-progress-outer"},[e.createVNode("div",{class:"f-progress-inner"},[e.createVNode("div",{class:"f-progress-bg",style:m.value},null),O.value&&e.createVNode("div",{class:"f-progress-success-bg",style:V.value},null)])]),B()])}function W(){return e.createVNode("div",{class:N.value,style:j.value},[e.createVNode("svg",{class:"f-progress-circle",viewBox:"0 0 100 100"},[d.value&&e.createVNode("defs",null,[e.createVNode("linearGradient",{id:"gradient-"+y.value,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[o.value.map($=>e.createVNode("stop",{offset:$.offset,"stop-color":$.color},null))])]),e.createVNode("path",{class:"f-progress-circle-trail",stroke:"#efefef","fill-opacity":"0","stroke-width":a.value,d:v.value,style:s.value},null),p.value.map($=>e.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:v.value,"stroke-linecap":u.value,stroke:$.stroke,"stroke-width":l.value?a.value:0,style:$.strokePathStyle},null))]),B()])}return()=>e.createVNode("div",{class:x.value},[r.value==="line"&&G(),b.value&&W()])}}),J=e.defineComponent({name:"FProgressDesign",props:I,emits:[],setup(t,r){const i=e.ref(t.progressStatus),l=e.ref(t.progressType),u=e.ref(t.size),n=e.ref(t.showInfo),d=e.ref(t.strokeWidth),o=e.ref(t.percent),c=e.ref(t.strokeLinecap),a=e.ref(!1),k=e.ref(t.strokeColor),C=e.ref(null),b=e.ref(0),x=e.ref(t.width),j=e.ref(""),N=e.ref([]),v=e.ref(""),s=e.ref([]),p=e.ref(t.enableBackgroundImg),y=e.ref(t.backgroundImg),m=e.ref(),P=e.inject("design-item-context"),h=M.useDesignerComponent(m,P);e.onMounted(()=>{m.value.componentInstance=h}),r.expose(h.value),e.watch(()=>t.percent,g=>{o.value=g||0});const S=e.computed(()=>d.value||(l.value==="line"&&u.value!=="small"?8:6)),V=e.computed(()=>l.value==="circle"||l.value==="dashboard"),O=e.computed(()=>{const g={"f-progress":!0,"f-progress-line":l.value==="line","ant-progress-small":u.value==="small","f-progress-show-info":n.value,".f-progress-circle":V.value},te=`f-progress-status-${i.value}`;return g[te]=!0,g}),B=e.computed(()=>({width:`${o.value}%`,"border-radius":c.value==="round"?"100px":"0",backgroud:a.value?null:k.value,"background-image":a.value?C.value:null,height:`${S.value}px`})),G=e.computed(()=>({width:`${o.value}%`,"border-radius":c.value==="round"?"100px":"0",height:`${S.value}px`,"background-image":p.value?y.value:null})),W=e.computed(()=>b.value||b.value===0);function $(){return e.createVNode("div",{class:"f-progress-outer"},[e.createVNode("div",{class:"f-progress-inner"},[e.createVNode("div",{class:"f-progress-bg",style:B.value},null),W.value&&e.createVNode("div",{class:"f-progress-success-bg",style:G.value},null)])])}const U=e.computed(()=>({width:`${x.value}px`,height:`${x.value}px`,"font-size":`${x.value*.15+6}px`,"f-progress-circle-gradient":a.value})),Z=e.computed(()=>({}));function ee(){return e.createVNode("div",{class:"f-progress-inner",style:U.value},[e.createVNode("svg",{class:"f-progress-circle",viewBox:"0 0 100 100"},[a.value&&e.createVNode("defs",null,[e.createVNode("linearGradient",{id:"gradient-"+j.value,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[N.value.map(g=>e.createVNode("stop",{offset:g.offset,"stop-color":g.color},null))])]),e.createVNode("path",{class:"f-progress-circle-trail",stroke:"#efefef","fill-opacity":"0","stroke-width":S.value,d:v.value,style:Z.value},null),s.value.map(g=>e.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:v.value,"stroke-linecap":c.value,stroke:g.stroke,"stroke-width":o.value?S.value:0,style:g.strokePathStyle},null))])])}return()=>e.createVNode("div",{ref:m,class:O.value},[l.value==="line"&&$(),V.value&&ee()])}});w.register=(t,r,i)=>{t.progress=w,r.progress=T},w.registerDesigner=(t,r,i)=>{t.progress=J,r.progress=T};const Q=q.withInstall(w);f.Progress=w,f.default=Q,f.progressProps=I,f.propsResolver=T,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(g,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js"],t):(g=typeof globalThis<"u"?globalThis:g||self,t(g.progress={},g.Vue,g.common))})(this,function(g,t,j){"use strict";const I={progressType:{type:String,default:"line"},strokeWidth:{type:Number,default:0},size:{type:String,default:"default"},showInfo:{type:Boolean,default:!0},progressStatus:{type:String,default:"default"},successPercent:{type:Number,default:0},strokeColor:{type:String,default:""},strokeLinecap:{type:String,default:"round"},width:{type:Number,default:100},percent:{type:Number,default:20},enableBackgroundImg:{type:Boolean,default:!1},backgroundImg:{type:String,default:""},gapPosition:{type:String},gapDegree:{type:Number,default:0},format:{type:Function,default:(e,o)=>`${e}%`}};function V(e){function o(c){return+c.replace("%","")}function f(c){let n=[];return Object.keys(c).forEach(a=>{const i=c[a],k=o(a);isNaN(k)||n.push({key:k,value:i})}),n=n.sort((a,i)=>a.key-i.key),n}const h=t.computed(()=>!!e.strokeColor&&typeof e.strokeColor!="string"),l=t.computed(()=>{const{from:c="#59a1ff",to:n="#59a1ff",direction:a="to right",...i}=e.strokeColor;if(Object.keys(i).length!==0){const k=f(i).map(({key:b,value:P})=>`${P} ${b}%`).join(", ");return`linear-gradient(${a}, ${k})`}return`linear-gradient(${a}, ${c}, ${n})`}),r=t.computed(()=>f(e.strokeColor).map(({key:c,value:n})=>({offset:`${c}%`,color:n})));return{isGradient:h,linearGradient:l,circleGradient:r}}function v(e){return{strokeWidth:t.computed(()=>e.strokeWidth||(e.progressType==="line"&&e.size!=="small"?8:6))}}function O(e){return{formatPercentageText:t.computed(()=>e.format(e.percent,e.successPercent))}}function G(e,o,f,h){const{isCircleStyle:l}=o,{isGradient:r,linearGradient:c}=f,{strokeWidth:n}=h,a=t.computed(()=>{const s={"f-progress":!0,"f-progress-line":e.progressType==="line","ant-progress-small":e.size==="small","f-progress-show-info":e.showInfo,"f-progress-circle":l.value},u=`f-progress-status-${e.progressStatus}`;return s[u]=!0,s}),i=t.computed(()=>({width:`${e.width}px`,height:`${e.width}px`,"font-size":`${e.width*.15+6}px`,"f-progress-circle-gradient":r.value})),k=t.computed(()=>({"f-progress-inner":!0,"f-progress-circle-gradient":r.value})),b=0,P=t.computed(()=>b+1),x=t.computed(()=>{const s=50-n.value/2,u=e.gapPosition||(e.progressType==="circle"?"top":"bottom");let d=0,y=-s,p=0,m=s*-2;switch(u){case"left":d=-s,y=0,p=s*2,m=0;break;case"right":d=s,y=0,p=s*-2,m=0;break;case"bottom":y=s,m=s*2;break}return`M 50,50 m ${d},${y}
+                a ${s},${s} 0 1 1 ${p},${-m}
+                a ${s},${s} 0 1 1 ${-p},${m}`}),w=t.computed(()=>{const s=50-n.value/2,u=Math.PI*2*s,d=e.gapDegree||(e.progressType==="circle"?0:75);return{strokeDasharray:`${u-d}px ${u}px`,strokeDashoffset:`-${d/2}px`,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"}}),N=t.computed(()=>{const s=50-n.value/2,u=Math.PI*2*s,d=e.gapDegree||(e.progressType==="circle"?0:75),y=e.successPercent!==void 0&&e.successPercent!==null?[e.successPercent,e.percent]:[e.percent];return y.map((p,m)=>{const C=y.length===2&&m===0;return{stroke:r.value&&!C?`url(#gradient-${P.value})`:null,strokePathStyle:{stroke:r.value?null:C?"default":e.strokeColor,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s",strokeDasharray:`${(p||0)/100*(u-d)}px ${u}px`,strokeDashoffset:`-${d/2}px`}}}).reverse()}),$=t.computed(()=>({width:`${e.percent}%`,"border-radius":e.strokeLinecap==="round"?"100px":"0",background:r.value?null:e.strokeColor,"background-image":r.value?c.value:null,height:`${n.value}px`}));return{progressClass:a,inCircleProgressBarStyle:i,inCircleProgressBarClass:k,pathString:x,trailPathStyle:w,progressCirclePaths:N,gradientId:P,inlineProgressBackgroundStyle:$}}function W(e){return{isCircleStyle:t.computed(()=>e.progressType==="circle"||e.progressType==="dashboard")}}function D(e){const o=t.computed(()=>{const l={"f-progress-text-icon":!0,"f-icon":!0},r=`f-icon-${e.progressStatus}`;return l[r]=!0,l}),f=t.computed(()=>{const l={"f-progress-text-icon":!0,"f-icon":!0},r=e.progressStatus==="success"?"f-icon-checkmark":"f-icon-x";return l[r]=!0,l}),h=t.computed(()=>e.progressStatus==="error"||e.progressStatus==="success");return{inlineProgrssStatusClass:o,circleProgrssStatusClass:f,shouldShowStatus:h}}function L(e){const o=t.computed(()=>({width:`${e.successPercent}%`,"border-radius":e.strokeLinecap==="round"?"100px":"0",height:`${e.strokeWidth}px`,"background-image":e.enableBackgroundImg?`url(${e.backgroundImg})`:null})),f=t.computed(()=>e.successPercent||e.successPercent===0);return{inlineProgressSuccessBackgroundStyle:o,shouldShowSuccessInlineProgressBackground:f}}const T=t.defineComponent({name:"FProgress",props:I,emits:[],setup(e){const o=t.ref(e.progressType),f=t.ref(e.showInfo),h=t.ref(e.percent),l=t.ref(e.strokeLinecap),r=V(e),{isGradient:c,circleGradient:n}=r,a=v(e),{strokeWidth:i}=a,{formatPercentageText:k}=O(e),b=W(e),{isCircleStyle:P}=b,{progressClass:x,inCircleProgressBarStyle:w,inCircleProgressBarClass:N,pathString:$,trailPathStyle:s,progressCirclePaths:u,gradientId:d,inlineProgressBackgroundStyle:y}=G(e,b,r,a),{inlineProgrssStatusClass:p,circleProgrssStatusClass:m,shouldShowStatus:C}=D(e),{inlineProgressSuccessBackgroundStyle:z,shouldShowSuccessInlineProgressBackground:F}=L(e);t.watch(()=>e.percent,S=>{h.value=S||0});function B(){return f.value&&t.createVNode("span",{class:"f-progress-text"},[C.value?t.createVNode("span",{class:P.value?m.value:p.value},null):k.value])}function K(){return t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"f-progress-outer"},[t.createVNode("div",{class:"f-progress-inner"},[t.createVNode("div",{class:"f-progress-bg",style:y.value},null),F.value&&t.createVNode("div",{class:"f-progress-success-bg",style:z.value},null)])]),B()])}function q(){return t.createVNode("div",{class:N.value,style:w.value},[t.createVNode("svg",{class:"f-progress-circle",viewBox:"0 0 100 100"},[c.value&&t.createVNode("defs",null,[t.createVNode("linearGradient",{id:"gradient-"+d.value,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[n.value.map(S=>t.createVNode("stop",{offset:S.offset,"stop-color":S.color},null))])]),t.createVNode("path",{class:"f-progress-circle-trail",stroke:"#efefef","fill-opacity":"0","stroke-width":i.value,d:$.value,style:s.value},null),u.value.map(S=>t.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:$.value,"stroke-linecap":l.value,stroke:S.stroke,"stroke-width":h.value?i.value:0,style:S.strokePathStyle},null))]),B()])}return()=>t.createVNode("div",{class:x.value},[o.value==="line"&&K(),P.value&&q()])}}),M=j.withInstall(T);g.Progress=T,g.default=M,g.progressProps=I,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/property-editor/index.esm.js

@@ -1,14 +1,14 @@
-import { ref as i, computed as M, createVNode as g, withDirectives as F, vModelText as R, watch as E, mergeProps as I, defineComponent as j } from "vue";
+import { ref as l, computed as M, createVNode as g, withDirectives as F, vModelText as R, watch as E, mergeProps as I, defineComponent as j } from "vue";
 import { resolveAppearance as $, createPropsResolver as A } from "../dynamic-resolver/index.esm.js";
 import { FComboList as T } from "../combo-list/index.esm.js";
-import { FNumberSpinner as L } from "../number-spinner/index.esm.js";
-import { useGuid as B, withInstall as U } from "../common/index.esm.js";
-import { FExpressionTextbox as k } from "../expression-editor/index.esm.js";
+import { FNumberSpinner as B } from "../number-spinner/index.esm.js";
+import { useGuid as L, withInstall as U } from "../common/index.esm.js";
+import { FExpressionTextbox as k } from "../../designer/expression-editor/index.esm.js";
 import { cloneDeep as S } from "lodash-es";
 const _ = /* @__PURE__ */ new Map([
   ["appearance", $]
 ]);
-function q(t, u, l) {
+function q(t, u, s) {
   return u;
 }
 const D = "https://json-schema.org/draft/2020-12/schema", Y = "https://farris-design.gitee.io/property-editor.schema.json", z = "property-editor", G = "A Farris Component", W = "object", H = {
@@ -122,6 +122,11 @@ const D = "https://json-schema.org/draft/2020-12/schema", Y = "https://farris-de
     description: "",
     type: "string",
     default: ""
+  },
+  enableClear: {
+    description: "",
+    type: "boolean",
+    default: !1
   }
 }, J = [
   "type"
@@ -180,24 +185,25 @@ const D = "https://json-schema.org/draft/2020-12/schema", Y = "https://farris-de
 }, oe = {
   /** 状态机列表 */
   stateMachines: { type: Array, default: [] }
-}, ie = {}, se = {
-  expressionConfig: { type: Object, default: {} }
+}, le = {}, ie = {
+  expressionConfig: { type: Object, default: {} },
+  enableClear: { type: Boolean, default: !1 }
 }, N = {
   ...re,
   ...ae,
-  ...ie,
+  ...le,
   ...oe,
-  ...se,
+  ...ie,
   id: { Type: String, default: "" },
   modelValue: { type: [Number, String, Boolean, Object] },
   /** 属性类型列表 */
   propertyTypes: { type: Array, default: [] }
-}, le = A(N, Q, _, q, ne);
-function ue(t, u, l) {
-  const c = i(!1), s = i(t.constType), d = i(t.constEnums), {
+}, se = A(N, Q, _, q, ne);
+function ue(t, u, s) {
+  const c = l(!1), i = l(t.constType), d = l(t.constEnums), {
     getPropertyValue: o,
     triggerValueChange: a
-  } = l, n = o("Const"), r = M(() => (e) => e === s.value);
+  } = s, n = o("Const"), r = M(() => (e) => e === i.value);
   function m(e) {
     a(e);
   }
@@ -211,7 +217,7 @@ function ue(t, u, l) {
     m(p);
   }
   function h() {
-    return g(L, {
+    return g(B, {
       nullable: !0,
       readonly: c.value,
       modelValue: n.value,
@@ -239,8 +245,8 @@ function ue(t, u, l) {
     class: "f-property-editor-const-container"
   }, [r.value("number") && h(), r.value("enum") && v()]);
 }
-function ce(t, u, l) {
-  const c = i(t.newVariablePrefix), s = i(t.newVariableType), d = i(t.id), o = i(t.controlName), a = i(t.variables), { getPropertyValue: n } = l;
+function ce(t, u, s) {
+  const c = l(t.newVariablePrefix), i = l(t.newVariableType), d = l(t.id), o = l(t.controlName), a = l(t.variables), { getPropertyValue: n } = s;
   function r(e) {
     return e[0].toUpperCase() + e.slice(1);
   }
@@ -254,14 +260,14 @@ function ce(t, u, l) {
     const e = c.value && !c.value.endsWith("_") ? r(o.value) : m(o.value), p = r(d.value);
     let f = `${e}${p}`;
     f = b(f), f = `${c.value}${f}`;
-    const { guid: C } = B();
+    const { guid: C } = L();
     return {
       type: "Variable",
       path: t.parentComponentId ? `${t.parentComponentId}.${f}` : f,
       field: C(),
       fullPath: f,
       isNewVariable: !0,
-      newVariableType: s.value
+      newVariableType: i.value
     };
   }
   function h(e) {
@@ -278,14 +284,14 @@ function ce(t, u, l) {
   }
   return { generateVariable: V, getVariableByPath: h, getVariableValue: v };
 }
-function pe(t, u, l) {
-  const c = i(!1), s = i(t.variables), d = i(t.controlName), o = i(!!d.value), {
+function pe(t, u, s) {
+  const c = l(!1), i = l(t.variables), d = l(t.controlName), o = l(!!d.value), {
     generateVariable: a,
     getVariableByPath: n,
     getVariableValue: r
-  } = ce(t, u, l), {
+  } = ce(t, u, s), {
     triggerValueChange: m
-  } = l, b = r(), V = i(b.value.field), h = M(() => [{
+  } = s, b = r(), V = l(b.value.field), h = M(() => [{
     "form-control-select-show": o.value
   }, {
     "form-control-select-hide": !o.value
@@ -301,9 +307,9 @@ function pe(t, u, l) {
   }
   function e() {
     const y = a(), P = n(y.path);
-    P ? v(P) : (s.value.push(y), v(y));
+    P ? v(P) : (i.value.push(y), v(y));
   }
-  const p = () => (u.emit("beforeOpenVariables", s), Promise.resolve(!0));
+  const p = () => (u.emit("beforeOpenVariables", i), Promise.resolve(!0));
   function f(y) {
     if (!y || y.length < 1)
       return;
@@ -326,7 +332,7 @@ function pe(t, u, l) {
       valueField: "field",
       idField: "field",
       textField: "fullPath",
-      data: s.value,
+      data: i.value,
       beforeOpen: p,
       readonly: c.value,
       editable: !1,
@@ -349,8 +355,8 @@ function pe(t, u, l) {
     class: "f-property-editor-variable-container"
   }, [C(), o.value && x()]);
 }
-function de(t, u, l) {
-  const c = /^(?:(!)?)viewModel\.stateMachine\['([^']+)'\]$/, { getPropertyValue: s } = l;
+function de(t, u, s) {
+  const c = /^(?:(!)?)viewModel\.stateMachine\['([^']+)'\]$/, { getPropertyValue: i } = s;
   function d(a) {
     if (!(typeof a.value == "string"))
       return;
@@ -362,10 +368,10 @@ function de(t, u, l) {
       status: r[1] !== "!",
       field: r[2]
     };
-    a.value = b, l.triggerValueChange(b);
+    a.value = b, s.triggerValueChange(b);
   }
   function o() {
-    const a = s("StateMachine");
+    const a = i("StateMachine");
     return a.value ? (d(a), a) : (a.value = {
       type: "StateMachine",
       field: "",
@@ -374,12 +380,12 @@ function de(t, u, l) {
   }
   return { getStateMachineValue: o };
 }
-function fe(t, u, l) {
-  const c = i(!1), s = i(t.stateMachines), {
+function fe(t, u, s) {
+  const c = l(!1), i = l(t.stateMachines), {
     getStateMachineValue: d
-  } = de(t, u, l), {
+  } = de(t, u, s), {
     triggerValueChange: o
-  } = l, a = d(), n = i(a.value.field), r = i(a.value.status);
+  } = s, a = d(), n = l(a.value.field), r = l(a.value.status);
   function m() {
     r.value = !r.value, a.value.status = r.value, o(a.value);
   }
@@ -407,7 +413,7 @@ function fe(t, u, l) {
       enableClear: !1,
       valueField: "id",
       textField: "name",
-      data: s.value,
+      data: i.value,
       editable: !1,
       readonly: c.value,
       onChange: b
@@ -417,11 +423,11 @@ function fe(t, u, l) {
     class: "f-property-editor-stateMachine-container"
   }, [V(), h()]);
 }
-function ye(t, u, l) {
-  const c = i(!1), {
-    getPropertyValue: s,
+function ye(t, u, s) {
+  const c = l(!1), {
+    getPropertyValue: i,
     triggerValueChange: d
-  } = l, o = s("Custom");
+  } = s, o = i("Custom");
   function a(n) {
     const r = n.target.value;
     d(r);
@@ -436,10 +442,10 @@ function ye(t, u, l) {
     disabled: c.value
   }, null), [[R, o.value]])]);
 }
-function ve(t, u, l) {
-  const { getPropertyValue: c } = l, s = t.id;
+function ve(t, u, s) {
+  const { getPropertyValue: c } = s, i = t.id;
   function d(n) {
-    return n + "_" + s;
+    return n + "_" + i;
   }
   function o(n) {
     return {
@@ -454,16 +460,16 @@ function ve(t, u, l) {
   }
   return { getExpressionValue: a };
 }
-function ge(t, u, l) {
-  const c = i(!1), {
-    triggerValueChange: s
-  } = l, {
+function ge(t, u, s) {
+  const c = l(!1), {
+    triggerValueChange: i
+  } = s, {
     getExpressionValue: d
-  } = ve(t, u, l);
+  } = ve(t, u, s);
   let o = d();
   const {
     expressionInfo: a
-  } = o.value, n = i(a.value), r = i(a.message), m = i(t.expressionConfig);
+  } = o.value, n = l(a.value), r = l(a.message), m = l(t.expressionConfig);
   E(() => [t.expressionConfig], () => {
     m.value = t.expressionConfig, o = d(), n.value = o.value.expressionInfo.value;
   });
@@ -471,7 +477,7 @@ function ge(t, u, l) {
     expression: h,
     message: v
   }) {
-    h && (o.value.expressionInfo.value = h, v ? o.value.expressionInfo.message = v : delete o.value.expressionInfo.message, s(o.value));
+    !h && !t.enableClear || (o.value.expressionInfo.value = h, v ? o.value.expressionInfo.message = v : delete o.value.expressionInfo.message, i(o.value));
   }
   function V({
     expressionValue: h,
@@ -488,24 +494,24 @@ function ge(t, u, l) {
     modelValue: n.value,
     "onUpdate:modelValue": (h) => n.value = h,
     validateMessage: r.value,
-    enableClear: !1,
+    enableClear: t.enableClear,
     readonly: c.value,
     beforeSubmit: V,
     onSubmitModal: b
   }), null)]);
 }
-function me(t, u, l) {
-  const c = i(t.modelValue), s = /* @__PURE__ */ new Map();
-  s.set(l, i(S(c.value)));
+function me(t, u, s) {
+  const c = l(t.modelValue), i = /* @__PURE__ */ new Map();
+  i.set(s, l(S(c.value)));
   function d(n) {
     u.emit("valueChange", S(n));
   }
   function o(n) {
-    const r = s.get(n);
+    const r = i.get(n);
     if (r)
       return r;
-    const m = i();
-    return s.set(n, m), m;
+    const m = l();
+    return i.set(n, m), m;
   }
   function a(n, r) {
     switch (n) {
@@ -546,23 +552,23 @@ const be = [
   }
 ];
 function he(t, u) {
-  const l = i(t.constType), c = i(t.constEnums), s = i(t.propertyTypes), d = i([]), o = i();
+  const s = l(t.constType), c = l(t.constEnums), i = l(t.propertyTypes), d = l([]), o = l();
   function a() {
-    const e = s.value;
+    const e = i.value;
     return d.value = be.filter((p) => e.includes(p.id)), d;
   }
   E(() => [t.propertyTypes], () => {
-    s.value = t.propertyTypes, a();
+    i.value = t.propertyTypes, a();
   });
   function n(e) {
     return typeof e != "string" ? !1 : /^(?:(!)?)viewModel\.stateMachine\['([^']+)'\]$/.test(e);
   }
   function r(e) {
-    const p = s.value, f = p.includes("Const") && l.value === "enum" && c.value.findIndex((x) => x.id === e) > -1, C = p.includes("Const") && l.value === "number" && typeof e == "number";
+    const p = i.value, f = p.includes("Const") && s.value === "enum" && c.value.findIndex((x) => x.id === e) > -1, C = p.includes("Const") && s.value === "number" && typeof e == "number";
     return f || C;
   }
   function m(e) {
-    return s.value.includes("Custom") && typeof e == "string";
+    return i.value.includes("Custom") && typeof e == "string";
   }
   function b(e) {
     if (e && typeof e == "object")
@@ -579,7 +585,7 @@ function he(t, u) {
         return f;
   }
   function h() {
-    const e = t.modelValue, p = s.value[0], f = b(e), C = V(e);
+    const e = t.modelValue, p = i.value[0], f = b(e), C = V(e);
     return f || C || p;
   }
   function v() {
@@ -592,10 +598,10 @@ const w = /* @__PURE__ */ j({
   props: N,
   emits: ["valueChange", "beforeOpenVariables"],
   setup(t, u) {
-    const l = i(!1), {
+    const s = l(!1), {
       getAllowedPropertyTypeItems: c,
-      getCurrentPropertyType: s
-    } = he(t), d = c(), o = s(), a = me(t, u, o.value), {
+      getCurrentPropertyType: i
+    } = he(t), d = c(), o = i(), a = me(t, u, o.value), {
       getPropertyValue: n,
       triggerValueChange: r,
       isPropertyValueValid: m
@@ -619,7 +625,7 @@ const w = /* @__PURE__ */ j({
         textField: "name",
         data: d.value,
         editable: !1,
-        readonly: l.value,
+        readonly: s.value,
         onChange: f
       }, null)]);
     }
@@ -633,13 +639,13 @@ const w = /* @__PURE__ */ j({
     }, [C(), x()]);
   }
 });
-w.register = (t, u, l, c) => {
-  t["property-editor"] = w, u["property-editor"] = le;
+w.register = (t, u, s, c) => {
+  t["property-editor"] = w, u["property-editor"] = se;
 };
 const Se = U(w);
 export {
   w as FPropertyEditor,
   Se as default,
   N as propertyEditorProps,
-  le as propsResolver
+  se as propsResolver
 };

package/components/property-editor/index.umd.cjs

@@ -1 +1 @@
-(function(V,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../combo-list/index.umd.js"),require("../number-spinner/index.umd.js"),require("../common/index.umd.js"),require("../expression-editor/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../combo-list/index.umd.js","../number-spinner/index.umd.js","../common/index.umd.js","../expression-editor/index.umd.js","lodash-es"],e):(V=typeof globalThis<"u"?globalThis:V||self,e(V["property-editor"]={},V.Vue,V.dynamicResolver,V.comboList,V.numberSpinner,V.common,V.expressionEditor,V.LodashES))})(this,function(V,e,N,T,F,S,O,E){"use strict";const R=new Map([["appearance",N.resolveAppearance]]);function $(r,c,l){return c}const I={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/property-editor.schema.json",title:"property-editor",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for property-editor",type:"string"},type:{description:"The type string of property-editor",type:"string",default:"property-editor"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0},propertyTypes:{description:"",type:"array",default:[]},constEnums:{description:"",type:"array",default:[]},constType:{description:"",type:"string",default:""},variables:{description:"",type:"array",default:[]},controlName:{description:"",type:"string",default:""},newVariablePrefix:{description:"",type:"string",default:""},newVariableType:{description:"",type:"string",default:""},stateMachines:{description:"",type:"array",default:[]},expressionConfig:{description:"",type:"object",default:{}},parentComponentId:{description:"",type:"string",default:""}},required:["type"],ignore:["id"]},L={title:"property-editor",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:[]}}}}}},M={...{constType:{type:String,default:""},constEnums:{type:Array,default:[]}},...{variables:{type:Array,default:[]},controlName:{type:String,default:""},newVariablePrefix:{type:String,default:""},newVariableType:{type:String,default:""},parentComponentId:{type:String,default:""}},...{},...{stateMachines:{type:Array,default:[]}},...{expressionConfig:{type:Object,default:{}}},id:{Type:String,default:""},modelValue:{type:[Number,String,Boolean,Object]},propertyTypes:{type:Array,default:[]}},j=N.createPropsResolver(M,I,R,$,L);function A(r,c,l){const u=e.ref(!1),s=e.ref(r.constType),p=e.ref(r.constEnums),{getPropertyValue:i,triggerValueChange:o}=l,n=i("Const"),a=e.computed(()=>t=>t===s.value);function g(t){o(t)}function h(t){g(t)}function v(t){if(!t||t.length<1)return;const d=t[0].id;g(d)}function b(){return e.createVNode(F.FNumberSpinner,{nullable:!0,readonly:u.value,modelValue:n.value,"onUpdate:modelValue":t=>n.value=t,onChange:h},null)}function m(){return e.createVNode(T.FComboList,{key:"const-combo-list",modelValue:n.value,"onUpdate:modelValue":t=>n.value=t,placeholder:"",viewType:"text",enableClear:!1,valueField:"id",textField:"name",data:p.value,editable:!1,readonly:u.value,onChange:v},null)}return()=>e.createVNode("div",{class:"f-property-editor-const-container"},[a.value("number")&&b(),a.value("enum")&&m()])}function q(r,c,l){const u=e.ref(r.newVariablePrefix),s=e.ref(r.newVariableType),p=e.ref(r.id),i=e.ref(r.controlName),o=e.ref(r.variables),{getPropertyValue:n}=l;function a(t){return t[0].toUpperCase()+t.slice(1)}function g(t){return t[0].toLowerCase()+t.slice(1)}function h(t){return t.replace(/[-_](.)/g,(d,f)=>f.toUpperCase())}function v(){const t=u.value&&!u.value.endsWith("_")?a(i.value):g(i.value),d=a(p.value);let f=`${t}${d}`;f=h(f),f=`${u.value}${f}`;const{guid:C}=S.useGuid();return{type:"Variable",path:r.parentComponentId?`${r.parentComponentId}.${f}`:f,field:C(),fullPath:f,isNewVariable:!0,newVariableType:s.value}}function b(t){return o.value.find(f=>f.path===t)}function m(){const t=n("Variable");return t.value||(t.value={type:"Variable",field:"",path:"",fullPath:""}),t}return{generateVariable:v,getVariableByPath:b,getVariableValue:m}}function B(r,c,l){const u=e.ref(!1),s=e.ref(r.variables),p=e.ref(r.controlName),i=e.ref(!!p.value),{generateVariable:o,getVariableByPath:n,getVariableValue:a}=q(r,c,l),{triggerValueChange:g}=l,h=a(),v=e.ref(h.value.field),b=e.computed(()=>[{"form-control-select-show":i.value},{"form-control-select-hide":!i.value}]);function m(y){Object.assign(h.value,{field:y.field,path:y.path,fullPath:y.fullPath,isNewVariable:y.isNewVariable,newVariableType:y.isNewVariable&&y.newVariableType}),v.value=h.value.field,g(h.value)}function t(){const y=o(),P=n(y.path);P?m(P):(s.value.push(y),m(y))}const d=()=>(c.emit("beforeOpenVariables",s),Promise.resolve(!0));function f(y){if(!y||y.length<1)return;const P=y[0],J={path:P.path,fullPath:P.fullPath,field:P.field};m(J)}function C(){return e.createVNode(T.FComboList,{key:"variable-combo-list",class:b.value,modelValue:v.value,"onUpdate:modelValue":y=>v.value=y,placeholder:"",viewType:"text",enableClear:!1,valueField:"field",idField:"field",textField:"fullPath",data:s.value,beforeOpen:d,readonly:u.value,editable:!1,onChange:f},null)}function x(){return e.createVNode("div",{class:"f-property-editor-variable-add-button"},[e.createVNode("button",{title:"新增变量",class:"f-variable-button",onClick:t},[e.createVNode("span",{class:"f-icon f-icon-add",style:"margin:unset;"},null)])])}return()=>e.createVNode("div",{class:"f-property-editor-variable-container"},[C(),i.value&&x()])}function U(r,c,l){const u=/^(?:(!)?)viewModel\.stateMachine\['([^']+)'\]$/,{getPropertyValue:s}=l;function p(o){if(!(typeof o.value=="string"))return;const a=o.value.match(u);if(!a||a.length<3)return;const h={type:"StateMachine",status:a[1]!=="!",field:a[2]};o.value=h,l.triggerValueChange(h)}function i(){const o=s("StateMachine");return o.value?(p(o),o):(o.value={type:"StateMachine",field:"",status:!1},o)}return{getStateMachineValue:i}}function k(r,c,l){const u=e.ref(!1),s=e.ref(r.stateMachines),{getStateMachineValue:p}=U(r,c,l),{triggerValueChange:i}=l,o=p(),n=e.ref(o.value.field),a=e.ref(o.value.status);function g(){a.value=!a.value,o.value.status=a.value,i(o.value)}function h(m){if(!m||m.length<1)return;const t=m[0];o.value.field=t.id,i(o.value)}function v(){return e.createVNode("div",{class:"f-stateMachine-status",onClick:g},[a.value?"是":"非"])}function b(){return e.createVNode("div",{class:"f-stateMachine-combo-list"},[e.createVNode(T.FComboList,{key:"state-machine-combo-list",modelValue:n.value,"onUpdate:modelValue":m=>n.value=m,placeholder:"",viewType:"text",enableClear:!1,valueField:"id",textField:"name",data:s.value,editable:!1,readonly:u.value,onChange:h},null)])}return()=>e.createVNode("div",{class:"f-property-editor-stateMachine-container"},[v(),b()])}function _(r,c,l){const u=e.ref(!1),{getPropertyValue:s,triggerValueChange:p}=l,i=s("Custom");function o(n){const a=n.target.value;p(a)}return()=>e.createVNode("div",{class:"f-property-editor-customize-container"},[e.withDirectives(e.createVNode("input",{class:"form-control",placeholder:"输入自定义内容","onUpdate:modelValue":n=>i.value=n,onChange:o,disabled:u.value},null),[[e.vModelText,i.value]])])}function D(r,c,l){const{getPropertyValue:u}=l,s=r.id;function p(n){return n+"_"+s}function i(n){return{type:"Expression",expressionId:p((n==null?void 0:n.targetId)||""),expressionInfo:n}}function o(){const{expressionInfo:n={value:"",targetId:"",targetType:"",expressionType:""}}=r.expressionConfig,a=u("Expression");return a.value?(a.value.expressionInfo=n,a.value.expressionId=p(n==null?void 0:n.targetId),a):(a.value=i(n),a)}return{getExpressionValue:o}}function Y(r,c,l){const u=e.ref(!1),{triggerValueChange:s}=l,{getExpressionValue:p}=D(r,c,l);let i=p();const{expressionInfo:o}=i.value,n=e.ref(o.value),a=e.ref(o.message),g=e.ref(r.expressionConfig);e.watch(()=>[r.expressionConfig],()=>{g.value=r.expressionConfig,i=p(),n.value=i.value.expressionInfo.value});function h({expression:b,message:m}){b&&(i.value.expressionInfo.value=b,m?i.value.expressionInfo.message=m:delete i.value.expressionInfo.message,s(i.value))}function v({expressionValue:b,notifyService:m}){return b?!0:(m.warning({message:"请先配置表达式",position:"top-center"}),!1)}return()=>e.createVNode("div",{class:"f-property-editor-expression-container"},[e.createVNode(O.FExpressionTextbox,e.mergeProps(g.value,{modelValue:n.value,"onUpdate:modelValue":b=>n.value=b,validateMessage:a.value,enableClear:!1,readonly:u.value,beforeSubmit:v,onSubmitModal:h}),null)])}function z(r,c,l){const u=e.ref(r.modelValue),s=new Map;s.set(l,e.ref(E.cloneDeep(u.value)));function p(n){c.emit("valueChange",E.cloneDeep(n))}function i(n){const a=s.get(n);if(a)return a;const g=e.ref();return s.set(n,g),g}function o(n,a){switch(n){case"Const":return a!==void 0;case"Variable":return a&&a.field;case"Custom":return!0;case"Expression":return a&&a.expressionInfo&&a.expressionInfo.value;case"StateMachine":return a&&a.field}}return{triggerValueChange:p,getPropertyValue:i,isPropertyValueValid:o}}const G=[{id:"Const",name:"常量"},{id:"Variable",name:"变量"},{id:"Custom",name:"自定义"},{id:"StateMachine",name:"状态机"},{id:"Expression",name:"表达式"}];function W(r,c){const l=e.ref(r.constType),u=e.ref(r.constEnums),s=e.ref(r.propertyTypes),p=e.ref([]),i=e.ref();function o(){const t=s.value;return p.value=G.filter(d=>t.includes(d.id)),p}e.watch(()=>[r.propertyTypes],()=>{s.value=r.propertyTypes,o()});function n(t){return typeof t!="string"?!1:/^(?:(!)?)viewModel\.stateMachine\['([^']+)'\]$/.test(t)}function a(t){const d=s.value,f=d.includes("Const")&&l.value==="enum"&&u.value.findIndex(x=>x.id===t)>-1,C=d.includes("Const")&&l.value==="number"&&typeof t=="number";return f||C}function g(t){return s.value.includes("Custom")&&typeof t=="string"}function h(t){if(t&&typeof t=="object")return t.type}function v(t){const d=new Map([["Const",a],["StateMachine",n],["Custom",g]]);for(const[f,C]of d.entries())if(C(t))return f}function b(){const t=r.modelValue,d=s.value[0],f=h(t),C=v(t);return f||C||d}function m(){return i.value||(i.value=b()),i}return{getAllowedPropertyTypeItems:o,getCurrentPropertyType:m}}const w=e.defineComponent({name:"FPropertyEditor",props:M,emits:["valueChange","beforeOpenVariables"],setup(r,c){const l=e.ref(!1),{getAllowedPropertyTypeItems:u,getCurrentPropertyType:s}=W(r),p=u(),i=s(),o=z(r,c,i.value),{getPropertyValue:n,triggerValueChange:a,isPropertyValueValid:g}=o,h=A(r,c,o),v=B(r,c,o),b=_(r,c,o),m=k(r,c,o),t=Y(r,c,o),d=e.computed(()=>y=>y===i.value);c.expose({currentPropertyType:i});function f(){const y=n(i.value);g(i.value,y.value)&&a(y.value)}function C(){return e.createVNode("div",{class:"f-property-editor-left"},[e.createVNode(T.FComboList,{modelValue:i.value,"onUpdate:modelValue":y=>i.value=y,placeholder:"",enableClear:!1,valueField:"id",textField:"name",data:p.value,editable:!1,readonly:l.value,onChange:f},null)])}function x(){return e.createVNode("div",{class:"f-property-editor-right"},[d.value("Const")&&h(),d.value("Variable")&&v(),d.value("Custom")&&b(),d.value("StateMachine")&&m(),d.value("Expression")&&t()])}return()=>e.createVNode("div",{class:"f-property-editor-container clearfix"},[C(),x()])}});w.register=(r,c,l,u)=>{r["property-editor"]=w,c["property-editor"]=j};const H=S.withInstall(w);V.FPropertyEditor=w,V.default=H,V.propertyEditorProps=M,V.propsResolver=j,Object.defineProperties(V,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(V,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../combo-list/index.umd.js"),require("../number-spinner/index.umd.js"),require("../common/index.umd.js"),require("../../designer/expression-editor/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../combo-list/index.umd.js","../number-spinner/index.umd.js","../common/index.umd.js","../../designer/expression-editor/index.umd.js","lodash-es"],e):(V=typeof globalThis<"u"?globalThis:V||self,e(V["property-editor"]={},V.Vue,V.dynamicResolver,V.comboList,V.numberSpinner,V.common,V.designer,V.LodashES))})(this,function(V,e,N,T,F,S,O,j){"use strict";const R=new Map([["appearance",N.resolveAppearance]]);function $(n,c,l){return c}const I={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/property-editor.schema.json",title:"property-editor",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for property-editor",type:"string"},type:{description:"The type string of property-editor",type:"string",default:"property-editor"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0},propertyTypes:{description:"",type:"array",default:[]},constEnums:{description:"",type:"array",default:[]},constType:{description:"",type:"string",default:""},variables:{description:"",type:"array",default:[]},controlName:{description:"",type:"string",default:""},newVariablePrefix:{description:"",type:"string",default:""},newVariableType:{description:"",type:"string",default:""},stateMachines:{description:"",type:"array",default:[]},expressionConfig:{description:"",type:"object",default:{}},parentComponentId:{description:"",type:"string",default:""},enableClear:{description:"",type:"boolean",default:!1}},required:["type"],ignore:["id"]},L={title:"property-editor",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:[]}}}}}},M={...{constType:{type:String,default:""},constEnums:{type:Array,default:[]}},...{variables:{type:Array,default:[]},controlName:{type:String,default:""},newVariablePrefix:{type:String,default:""},newVariableType:{type:String,default:""},parentComponentId:{type:String,default:""}},...{},...{stateMachines:{type:Array,default:[]}},...{expressionConfig:{type:Object,default:{}},enableClear:{type:Boolean,default:!1}},id:{Type:String,default:""},modelValue:{type:[Number,String,Boolean,Object]},propertyTypes:{type:Array,default:[]}},E=N.createPropsResolver(M,I,R,$,L);function A(n,c,l){const u=e.ref(!1),s=e.ref(n.constType),p=e.ref(n.constEnums),{getPropertyValue:i,triggerValueChange:o}=l,r=i("Const"),a=e.computed(()=>t=>t===s.value);function g(t){o(t)}function b(t){g(t)}function v(t){if(!t||t.length<1)return;const d=t[0].id;g(d)}function h(){return e.createVNode(F.FNumberSpinner,{nullable:!0,readonly:u.value,modelValue:r.value,"onUpdate:modelValue":t=>r.value=t,onChange:b},null)}function m(){return e.createVNode(T.FComboList,{key:"const-combo-list",modelValue:r.value,"onUpdate:modelValue":t=>r.value=t,placeholder:"",viewType:"text",enableClear:!1,valueField:"id",textField:"name",data:p.value,editable:!1,readonly:u.value,onChange:v},null)}return()=>e.createVNode("div",{class:"f-property-editor-const-container"},[a.value("number")&&h(),a.value("enum")&&m()])}function q(n,c,l){const u=e.ref(n.newVariablePrefix),s=e.ref(n.newVariableType),p=e.ref(n.id),i=e.ref(n.controlName),o=e.ref(n.variables),{getPropertyValue:r}=l;function a(t){return t[0].toUpperCase()+t.slice(1)}function g(t){return t[0].toLowerCase()+t.slice(1)}function b(t){return t.replace(/[-_](.)/g,(d,f)=>f.toUpperCase())}function v(){const t=u.value&&!u.value.endsWith("_")?a(i.value):g(i.value),d=a(p.value);let f=`${t}${d}`;f=b(f),f=`${u.value}${f}`;const{guid:C}=S.useGuid();return{type:"Variable",path:n.parentComponentId?`${n.parentComponentId}.${f}`:f,field:C(),fullPath:f,isNewVariable:!0,newVariableType:s.value}}function h(t){return o.value.find(f=>f.path===t)}function m(){const t=r("Variable");return t.value||(t.value={type:"Variable",field:"",path:"",fullPath:""}),t}return{generateVariable:v,getVariableByPath:h,getVariableValue:m}}function B(n,c,l){const u=e.ref(!1),s=e.ref(n.variables),p=e.ref(n.controlName),i=e.ref(!!p.value),{generateVariable:o,getVariableByPath:r,getVariableValue:a}=q(n,c,l),{triggerValueChange:g}=l,b=a(),v=e.ref(b.value.field),h=e.computed(()=>[{"form-control-select-show":i.value},{"form-control-select-hide":!i.value}]);function m(y){Object.assign(b.value,{field:y.field,path:y.path,fullPath:y.fullPath,isNewVariable:y.isNewVariable,newVariableType:y.isNewVariable&&y.newVariableType}),v.value=b.value.field,g(b.value)}function t(){const y=o(),P=r(y.path);P?m(P):(s.value.push(y),m(y))}const d=()=>(c.emit("beforeOpenVariables",s),Promise.resolve(!0));function f(y){if(!y||y.length<1)return;const P=y[0],J={path:P.path,fullPath:P.fullPath,field:P.field};m(J)}function C(){return e.createVNode(T.FComboList,{key:"variable-combo-list",class:h.value,modelValue:v.value,"onUpdate:modelValue":y=>v.value=y,placeholder:"",viewType:"text",enableClear:!1,valueField:"field",idField:"field",textField:"fullPath",data:s.value,beforeOpen:d,readonly:u.value,editable:!1,onChange:f},null)}function x(){return e.createVNode("div",{class:"f-property-editor-variable-add-button"},[e.createVNode("button",{title:"新增变量",class:"f-variable-button",onClick:t},[e.createVNode("span",{class:"f-icon f-icon-add",style:"margin:unset;"},null)])])}return()=>e.createVNode("div",{class:"f-property-editor-variable-container"},[C(),i.value&&x()])}function U(n,c,l){const u=/^(?:(!)?)viewModel\.stateMachine\['([^']+)'\]$/,{getPropertyValue:s}=l;function p(o){if(!(typeof o.value=="string"))return;const a=o.value.match(u);if(!a||a.length<3)return;const b={type:"StateMachine",status:a[1]!=="!",field:a[2]};o.value=b,l.triggerValueChange(b)}function i(){const o=s("StateMachine");return o.value?(p(o),o):(o.value={type:"StateMachine",field:"",status:!1},o)}return{getStateMachineValue:i}}function k(n,c,l){const u=e.ref(!1),s=e.ref(n.stateMachines),{getStateMachineValue:p}=U(n,c,l),{triggerValueChange:i}=l,o=p(),r=e.ref(o.value.field),a=e.ref(o.value.status);function g(){a.value=!a.value,o.value.status=a.value,i(o.value)}function b(m){if(!m||m.length<1)return;const t=m[0];o.value.field=t.id,i(o.value)}function v(){return e.createVNode("div",{class:"f-stateMachine-status",onClick:g},[a.value?"是":"非"])}function h(){return e.createVNode("div",{class:"f-stateMachine-combo-list"},[e.createVNode(T.FComboList,{key:"state-machine-combo-list",modelValue:r.value,"onUpdate:modelValue":m=>r.value=m,placeholder:"",viewType:"text",enableClear:!1,valueField:"id",textField:"name",data:s.value,editable:!1,readonly:u.value,onChange:b},null)])}return()=>e.createVNode("div",{class:"f-property-editor-stateMachine-container"},[v(),h()])}function _(n,c,l){const u=e.ref(!1),{getPropertyValue:s,triggerValueChange:p}=l,i=s("Custom");function o(r){const a=r.target.value;p(a)}return()=>e.createVNode("div",{class:"f-property-editor-customize-container"},[e.withDirectives(e.createVNode("input",{class:"form-control",placeholder:"输入自定义内容","onUpdate:modelValue":r=>i.value=r,onChange:o,disabled:u.value},null),[[e.vModelText,i.value]])])}function D(n,c,l){const{getPropertyValue:u}=l,s=n.id;function p(r){return r+"_"+s}function i(r){return{type:"Expression",expressionId:p((r==null?void 0:r.targetId)||""),expressionInfo:r}}function o(){const{expressionInfo:r={value:"",targetId:"",targetType:"",expressionType:""}}=n.expressionConfig,a=u("Expression");return a.value?(a.value.expressionInfo=r,a.value.expressionId=p(r==null?void 0:r.targetId),a):(a.value=i(r),a)}return{getExpressionValue:o}}function Y(n,c,l){const u=e.ref(!1),{triggerValueChange:s}=l,{getExpressionValue:p}=D(n,c,l);let i=p();const{expressionInfo:o}=i.value,r=e.ref(o.value),a=e.ref(o.message),g=e.ref(n.expressionConfig);e.watch(()=>[n.expressionConfig],()=>{g.value=n.expressionConfig,i=p(),r.value=i.value.expressionInfo.value});function b({expression:h,message:m}){!h&&!n.enableClear||(i.value.expressionInfo.value=h,m?i.value.expressionInfo.message=m:delete i.value.expressionInfo.message,s(i.value))}function v({expressionValue:h,notifyService:m}){return h?!0:(m.warning({message:"请先配置表达式",position:"top-center"}),!1)}return()=>e.createVNode("div",{class:"f-property-editor-expression-container"},[e.createVNode(O.FExpressionTextbox,e.mergeProps(g.value,{modelValue:r.value,"onUpdate:modelValue":h=>r.value=h,validateMessage:a.value,enableClear:n.enableClear,readonly:u.value,beforeSubmit:v,onSubmitModal:b}),null)])}function z(n,c,l){const u=e.ref(n.modelValue),s=new Map;s.set(l,e.ref(j.cloneDeep(u.value)));function p(r){c.emit("valueChange",j.cloneDeep(r))}function i(r){const a=s.get(r);if(a)return a;const g=e.ref();return s.set(r,g),g}function o(r,a){switch(r){case"Const":return a!==void 0;case"Variable":return a&&a.field;case"Custom":return!0;case"Expression":return a&&a.expressionInfo&&a.expressionInfo.value;case"StateMachine":return a&&a.field}}return{triggerValueChange:p,getPropertyValue:i,isPropertyValueValid:o}}const G=[{id:"Const",name:"常量"},{id:"Variable",name:"变量"},{id:"Custom",name:"自定义"},{id:"StateMachine",name:"状态机"},{id:"Expression",name:"表达式"}];function W(n,c){const l=e.ref(n.constType),u=e.ref(n.constEnums),s=e.ref(n.propertyTypes),p=e.ref([]),i=e.ref();function o(){const t=s.value;return p.value=G.filter(d=>t.includes(d.id)),p}e.watch(()=>[n.propertyTypes],()=>{s.value=n.propertyTypes,o()});function r(t){return typeof t!="string"?!1:/^(?:(!)?)viewModel\.stateMachine\['([^']+)'\]$/.test(t)}function a(t){const d=s.value,f=d.includes("Const")&&l.value==="enum"&&u.value.findIndex(x=>x.id===t)>-1,C=d.includes("Const")&&l.value==="number"&&typeof t=="number";return f||C}function g(t){return s.value.includes("Custom")&&typeof t=="string"}function b(t){if(t&&typeof t=="object")return t.type}function v(t){const d=new Map([["Const",a],["StateMachine",r],["Custom",g]]);for(const[f,C]of d.entries())if(C(t))return f}function h(){const t=n.modelValue,d=s.value[0],f=b(t),C=v(t);return f||C||d}function m(){return i.value||(i.value=h()),i}return{getAllowedPropertyTypeItems:o,getCurrentPropertyType:m}}const w=e.defineComponent({name:"FPropertyEditor",props:M,emits:["valueChange","beforeOpenVariables"],setup(n,c){const l=e.ref(!1),{getAllowedPropertyTypeItems:u,getCurrentPropertyType:s}=W(n),p=u(),i=s(),o=z(n,c,i.value),{getPropertyValue:r,triggerValueChange:a,isPropertyValueValid:g}=o,b=A(n,c,o),v=B(n,c,o),h=_(n,c,o),m=k(n,c,o),t=Y(n,c,o),d=e.computed(()=>y=>y===i.value);c.expose({currentPropertyType:i});function f(){const y=r(i.value);g(i.value,y.value)&&a(y.value)}function C(){return e.createVNode("div",{class:"f-property-editor-left"},[e.createVNode(T.FComboList,{modelValue:i.value,"onUpdate:modelValue":y=>i.value=y,placeholder:"",enableClear:!1,valueField:"id",textField:"name",data:p.value,editable:!1,readonly:l.value,onChange:f},null)])}function x(){return e.createVNode("div",{class:"f-property-editor-right"},[d.value("Const")&&b(),d.value("Variable")&&v(),d.value("Custom")&&h(),d.value("StateMachine")&&m(),d.value("Expression")&&t()])}return()=>e.createVNode("div",{class:"f-property-editor-container clearfix"},[C(),x()])}});w.register=(n,c,l,u)=>{n["property-editor"]=w,c["property-editor"]=E};const H=S.withInstall(w);V.FPropertyEditor=w,V.default=H,V.propertyEditorProps=M,V.propsResolver=E,Object.defineProperties(V,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});