@farris/ui-vue 1.6.5-beta.7 → 1.6.5

package/designer/checkbox/index.esm.js

@@ -1,7 +1,7 @@
 import { resolveAppearance as m, createPropsResolver as y } from "../../components/dynamic-resolver/index.esm.js";
 import { FormSchemaEntityFieldTypeName as u, withInstall as b } from "../../components/common/index.esm.js";
 import v, { checkboxProps as x } from "../../components/checkbox/index.esm.js";
-import { defineComponent as k, ref as c, inject as f, onMounted as B, watch as C, createVNode as d } from "vue";
+import { defineComponent as k, ref as c, inject as f, onMounted as C, watch as B, createVNode as d } from "vue";
 import { useDesignerComponent as V } from "../../components/designer-canvas/index.esm.js";
 import { InputBaseProperty as P } from "../../components/property-panel/index.esm.js";
 class S extends P {
@@ -102,9 +102,9 @@ const F = {
   emits: [],
   setup(o, e) {
     const t = c(), n = c(o.id), i = c(o.indeterminate), s = f("designer-host-service"), r = f("design-item-context"), a = T(r, s), p = V(t, r, a);
-    return B(() => {
+    return C(() => {
       t.value.componentInstance = p;
-    }), C(() => o.indeterminate, (h) => {
+    }), B(() => o.indeterminate, (h) => {
       i.value = h;
     }), e.expose(p.value), () => d("div", {
       ref: t,
@@ -207,6 +207,10 @@ const F = {
     description: "",
     type: "boolean",
     default: !1
+  },
+  onChange: {
+    description: "",
+    type: "string"
   }
 }, N = [
   "type"

package/designer/checkbox/index.umd.cjs

@@ -1 +1 @@
-(function(n,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("../../components/dynamic-resolver/index.umd.js"),require("../../components/common/index.umd.js"),require("../../components/checkbox/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/dynamic-resolver/index.umd.js","../../components/common/index.umd.js","../../components/checkbox/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js"],c):(n=typeof globalThis<"u"?globalThis:n||self,c(n.checkbox={},n.dynamicResolver,n.common,n.FCheckbox,n.Vue,n.designerCanvas,n.propertyPanel))})(this,function(n,c,u,m,i,y,g){"use strict";class b extends g.InputBaseProperty{constructor(e,t){super(e,t)}getEditorProperties(e){var t,s;return this.getComponentConfig(e,{type:"check-box"},{placeholder:{visible:!1},disabled:{visible:!1},label:{description:"",title:"名称",type:"string"},trueValue:{description:"选中的值",title:"选中的值",type:this.getBindingDataType(),visible:((t=this.designViewModelField)==null?void 0:t.type.name)!=="Boolean",refreshPanelAfterChanged:!0,editor:this.getEditor(),$converter:this.getBooleanValueConverter()},falseValue:{description:"未选中的值",title:"未选中的值",type:this.getBindingDataType(),visible:((s=this.designViewModelField)==null?void 0:s.type.name)!=="Boolean",refreshPanelAfterChanged:!0,editor:this.getEditor(),$converter:this.getBooleanValueConverter()}})}changeBindingField(e,t,s){var d;super.changeBindingField(e,t);const r=s;if(e.editor&&((d=r==null?void 0:r.type)!=null&&d.name)){let a,l;r.type.name===u.FormSchemaEntityFieldTypeName.String&&(a="true",l="false"),r.type.name===u.FormSchemaEntityFieldTypeName.Number&&(a=1,l=0),!Object.prototype.hasOwnProperty.call(e.editor,"trueValue")&&a!==void 0&&(e.editor.trueValue=a),!Object.prototype.hasOwnProperty.call(e.editor,"falseValue")&&l!==void 0&&(e.editor.falseValue=l)}}}function x(o,e){const t=o.schema;function s(r,d){return new b(r,e).getPropertyConfig(t,d)}return{getPropsConfig:s}}const v={id:{Type:String,default:""},customClass:{Type:String,default:""},disabled:{Type:Boolean,default:!1},readonly:{type:Boolean,default:!1},indeterminate:{Type:Boolean,default:!1},modelValue:{Type:Boolean,default:!1},focusOnCreated:{type:Boolean,default:!1},value:{type:String,default:""},name:{type:String,default:""},checked:{type:Boolean,default:!1},label:{type:String,default:""},trueValue:{type:[String,Number,Boolean],default:!0},falseValue:{type:[String,Number,Boolean],default:!1}},p=i.defineComponent({name:"FCheckBoxDesign",props:v,emits:[],setup(o,e){const t=i.ref(),s=i.ref(o.id),r=i.ref(o.indeterminate),d=i.inject("designer-host-service"),a=i.inject("design-item-context"),l=x(a,d),h=y.useDesignerComponent(t,a,l);return i.onMounted(()=>{t.value.componentInstance=h}),i.watch(()=>o.indeterminate,V=>{r.value=V}),e.expose(h.value),()=>i.createVNode("div",{ref:t,dragref:`${a.schema.id}-container`,class:"drag-container custom-control custom-checkbox"},[i.createVNode("input",{type:"checkbox",class:"custom-control-input",id:s,value:o.value,checked:!1,readonly:!0},null),i.createVNode("div",{class:"custom-control-label"},[o.label])])}}),k={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/check-box.schema.json",title:"check-box",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a check box",type:"string"},type:{description:"The type string of check box component",type:"string",default:"check-box"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},text:{description:"",type:"string",default:""},value:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0},required:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},trueValue:{description:"",type:"boolean",default:!0},falseValue:{description:"",type:"boolean",default:!1}},required:["type"],ignore:["id","appearance","binding","visible"]},j=new Map([["appearance",c.resolveAppearance]]);function B(o,e,t){return e}const f=c.createPropsResolver(m.checkboxProps,k,j,B);p.register=(o,e,t,s)=>{o["check-box"]=m,e["check-box"]=f},p.registerDesigner=(o,e,t)=>{o["check-box"]=p,e["check-box"]=f};const C=u.withInstall(p);n.FCheckboxDesigner=p,n.checkBoxPropsResolver=f,n.default=C,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(n,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("../../components/dynamic-resolver/index.umd.js"),require("../../components/common/index.umd.js"),require("../../components/checkbox/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/dynamic-resolver/index.umd.js","../../components/common/index.umd.js","../../components/checkbox/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js"],c):(n=typeof globalThis<"u"?globalThis:n||self,c(n.checkbox={},n.dynamicResolver,n.common,n.FCheckbox,n.Vue,n.designerCanvas,n.propertyPanel))})(this,function(n,c,u,m,i,g,y){"use strict";class b extends y.InputBaseProperty{constructor(e,t){super(e,t)}getEditorProperties(e){var t,s;return this.getComponentConfig(e,{type:"check-box"},{placeholder:{visible:!1},disabled:{visible:!1},label:{description:"",title:"名称",type:"string"},trueValue:{description:"选中的值",title:"选中的值",type:this.getBindingDataType(),visible:((t=this.designViewModelField)==null?void 0:t.type.name)!=="Boolean",refreshPanelAfterChanged:!0,editor:this.getEditor(),$converter:this.getBooleanValueConverter()},falseValue:{description:"未选中的值",title:"未选中的值",type:this.getBindingDataType(),visible:((s=this.designViewModelField)==null?void 0:s.type.name)!=="Boolean",refreshPanelAfterChanged:!0,editor:this.getEditor(),$converter:this.getBooleanValueConverter()}})}changeBindingField(e,t,s){var d;super.changeBindingField(e,t);const r=s;if(e.editor&&((d=r==null?void 0:r.type)!=null&&d.name)){let a,l;r.type.name===u.FormSchemaEntityFieldTypeName.String&&(a="true",l="false"),r.type.name===u.FormSchemaEntityFieldTypeName.Number&&(a=1,l=0),!Object.prototype.hasOwnProperty.call(e.editor,"trueValue")&&a!==void 0&&(e.editor.trueValue=a),!Object.prototype.hasOwnProperty.call(e.editor,"falseValue")&&l!==void 0&&(e.editor.falseValue=l)}}}function x(o,e){const t=o.schema;function s(r,d){return new b(r,e).getPropertyConfig(t,d)}return{getPropsConfig:s}}const v={id:{Type:String,default:""},customClass:{Type:String,default:""},disabled:{Type:Boolean,default:!1},readonly:{type:Boolean,default:!1},indeterminate:{Type:Boolean,default:!1},modelValue:{Type:Boolean,default:!1},focusOnCreated:{type:Boolean,default:!1},value:{type:String,default:""},name:{type:String,default:""},checked:{type:Boolean,default:!1},label:{type:String,default:""},trueValue:{type:[String,Number,Boolean],default:!0},falseValue:{type:[String,Number,Boolean],default:!1}},p=i.defineComponent({name:"FCheckBoxDesign",props:v,emits:[],setup(o,e){const t=i.ref(),s=i.ref(o.id),r=i.ref(o.indeterminate),d=i.inject("designer-host-service"),a=i.inject("design-item-context"),l=x(a,d),h=g.useDesignerComponent(t,a,l);return i.onMounted(()=>{t.value.componentInstance=h}),i.watch(()=>o.indeterminate,V=>{r.value=V}),e.expose(h.value),()=>i.createVNode("div",{ref:t,dragref:`${a.schema.id}-container`,class:"drag-container custom-control custom-checkbox"},[i.createVNode("input",{type:"checkbox",class:"custom-control-input",id:s,value:o.value,checked:!1,readonly:!0},null),i.createVNode("div",{class:"custom-control-label"},[o.label])])}}),k={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/check-box.schema.json",title:"check-box",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a check box",type:"string"},type:{description:"The type string of check box component",type:"string",default:"check-box"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},text:{description:"",type:"string",default:""},value:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0},required:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},trueValue:{description:"",type:"boolean",default:!0},falseValue:{description:"",type:"boolean",default:!1},onChange:{description:"",type:"string"}},required:["type"],ignore:["id","appearance","binding","visible"]},C=new Map([["appearance",c.resolveAppearance]]);function j(o,e,t){return e}const f=c.createPropsResolver(m.checkboxProps,k,C,j);p.register=(o,e,t,s)=>{o["check-box"]=m,e["check-box"]=f},p.registerDesigner=(o,e,t)=>{o["check-box"]=p,e["check-box"]=f};const B=u.withInstall(p);n.FCheckboxDesigner=p,n.checkBoxPropsResolver=f,n.default=B,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/checkbox-group/index.esm.js

@@ -1,7 +1,7 @@
-import { radioCheckboxCommonProps as F, withInstall as P } from "../../components/common/index.esm.js";
-import { resolveAppearance as V, createPropsResolver as T } from "../../components/dynamic-resolver/index.esm.js";
+import { radioCheckboxCommonProps as F, withInstall as V } from "../../components/common/index.esm.js";
+import { resolveAppearance as P, createPropsResolver as T } from "../../components/dynamic-resolver/index.esm.js";
 import G, { checkboxGroupProps as I } from "../../components/checkbox-group/index.esm.js";
-import { computed as k, ref as y, watch as x, defineComponent as R, inject as S, onMounted as A, createVNode as h } from "vue";
+import { computed as k, ref as y, watch as x, defineComponent as R, inject as C, onMounted as A, createVNode as h } from "vue";
 import { useDesignerComponent as w } from "../../components/designer-canvas/index.esm.js";
 import { InputBaseProperty as B } from "../../components/property-panel/index.esm.js";
 const M = {
@@ -68,28 +68,28 @@ const M = {
 };
 function D(e, t, n) {
   const l = k(() => !(e.readonly && e.disabled)), o = y(e.data || e.enumData || e.options);
-  function s(a) {
-    return a[e.valueField];
+  function s(r) {
+    return r[e.valueField];
   }
-  function f(a) {
-    return a[e.textField];
+  function f(r) {
+    return r[e.textField];
   }
-  function p(a) {
-    return a ? e.isStringValue ? a.split(e.separator) : a : [];
+  function p(r) {
+    return r ? e.isStringValue ? r.split(e.separator) : r : [];
   }
-  function m(a) {
-    const i = o.value.map((r) => s(r)).filter((r) => a.some((c) => c === String(r)));
+  function m(r) {
+    const i = o.value.map((a) => s(a)).filter((a) => r.some((c) => c === String(a)));
     return e.isStringValue ? i.join(e.separator) : i;
   }
-  function b(a) {
-    const u = String(s(a));
-    return p(n.value).some((r) => r === u);
+  function b(r) {
+    const u = String(s(r));
+    return p(n.value).some((a) => a === u);
   }
-  function g(a, u) {
+  function g(r, u) {
     if (l.value) {
       let i = p(n.value) || [];
-      const r = String(s(a));
-      !i || !i.length ? i.push(r) : i.some((c) => c === r) ? i = i.filter((c) => c !== r) : i.push(r), n.value = m(i), t.emit("changeValue", n.value), t.emit("update:modelValue", n.value);
+      const a = String(s(r));
+      !i || !i.length ? i.push(a) : i.some((c) => c === a) ? i = i.filter((c) => c !== a) : i.push(a), n.value = m(i), t.emit("changeValue", n.value), t.emit("update:modelValue", n.value);
     }
     u.stopPropagation();
   }
@@ -203,13 +203,13 @@ const v = /* @__PURE__ */ R({
       enumData: s,
       getValue: f,
       getText: p
-    } = D(e, t, n), m = y(), b = S("designer-host-service"), g = S("design-item-context"), a = $(g, b), u = w(m, g, a);
+    } = D(e, t, n), m = y(), b = C("designer-host-service"), g = C("design-item-context"), r = $(g, b), u = w(m, g, r);
     A(() => {
       m.value.componentInstance = u;
     });
     const i = k(() => {
       if (!s.value || s.value.length === 0) {
-        const r = [];
+        const a = [];
         return [{
           value: "example1",
           name: "示例一"
@@ -218,17 +218,17 @@ const v = /* @__PURE__ */ R({
           name: "示例二"
         }].map((c) => {
           const d = {};
-          d[e.valueField] = c.value, d[e.textField] = c.name, r.push(d);
-        }), r;
+          d[e.valueField] = c.value, d[e.textField] = c.name, a.push(d);
+        }), a;
       }
       return s.value;
     });
-    return t.expose(u.value), x(() => e.modelValue, (r) => {
-      n.value = r, t.emit("changeValue", n.value);
+    return t.expose(u.value), x(() => e.modelValue, (a) => {
+      n.value = a, t.emit("changeValue", n.value);
     }), () => h("div", {
       ref: m,
       class: ["farris-input-wrap", o.value]
-    }, [i.value.map((r, c) => {
+    }, [i.value.map((a, c) => {
       const d = "checkbox_" + l.value + c;
       return h("div", {
         class: "custom-control custom-checkbox"
@@ -237,19 +237,20 @@ const v = /* @__PURE__ */ R({
         class: "custom-control-input",
         name: l.value,
         id: d,
-        value: f(r),
+        value: f(a),
         checked: !1,
         readonly: !0,
         disabled: !0
       }, null), h("label", {
         class: "custom-control-label",
         for: d,
-        title: p(r)
-      }, [p(r)])]);
+        title: p(a)
+      }, [p(a)])]);
     })]);
   }
 }), j = /* @__PURE__ */ new Map([
-  ["appearance", V]
+  ["appearance", P],
+  ["onChange", "onChangeValue"]
 ]);
 function q(e, t, n) {
   return t;
@@ -340,6 +341,10 @@ const z = "https://json-schema.org/draft/2020-12/schema", N = "https://farris-de
     description: "",
     type: "string",
     default: "horizontal"
+  },
+  onChange: {
+    description: "",
+    type: "string"
   }
 }, L = [
   "type"
@@ -357,21 +362,21 @@ const z = "https://json-schema.org/draft/2020-12/schema", N = "https://farris-de
   properties: K,
   required: L,
   ignore: Q
-}, C = T(
+}, S = T(
   I,
   U,
   j,
   q
 );
 v.register = (e, t, n, l) => {
-  e["check-group"] = G, t["check-group"] = C;
+  e["check-group"] = G, t["check-group"] = S;
 };
 v.registerDesigner = (e, t, n) => {
-  e["check-group"] = v, t["check-group"] = C;
+  e["check-group"] = v, t["check-group"] = S;
 };
-const te = P(v);
+const te = V(v);
 export {
   v as FCheckboxGroupDesigner,
-  C as checkBoxGroupPropsResolver,
+  S as checkBoxGroupPropsResolver,
   te as default
 };

package/designer/checkbox-group/index.umd.cjs

@@ -1 +1 @@
-(function(a,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("../../components/common/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/checkbox-group/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/common/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/checkbox-group/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js"],m):(a=typeof globalThis<"u"?globalThis:a||self,m(a["checkbox-group"]={},a.common,a.dynamicResolver,a.FCheckboxGroup,a.Vue,a.designerCanvas,a.propertyPanel))})(this,function(a,m,S,C,r,V,P){"use strict";const F={...m.radioCheckboxCommonProps,id:String,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},enumData:{type:Array,default:[]},data:{type:Array,default:[]},isStringValue:{type:Boolean,default:!0},loadData:{type:Function},modelValue:[String,Array],name:{type:String,default:""},separator:{type:String,default:","},tabIndex:{type:Number,default:0},textField:{type:String,default:"name"},valueField:{type:String,default:"value"}};function j(e,t,n){const l=r.computed(()=>!(e.readonly&&e.disabled)),c=r.ref(e.data||e.enumData||e.options);function d(o){return o[e.valueField]}function v(o){return o[e.textField]}function h(o){return o?e.isStringValue?o.split(e.separator):o:[]}function y(o){const s=c.value.map(i=>d(i)).filter(i=>o.some(u=>u===String(i)));return e.isStringValue?s.join(e.separator):s}function k(o){const p=String(d(o));return h(n.value).some(i=>i===p)}function x(o,p){if(l.value){let s=h(n.value)||[];const i=String(d(o));!s||!s.length?s.push(i):s.some(u=>u===i)?s=s.filter(u=>u!==i):s.push(i),n.value=y(s),t.emit("changeValue",n.value),t.emit("update:modelValue",n.value)}p.stopPropagation()}return r.watch(()=>e.data,()=>{c.value=e.data}),r.watch(()=>e.enumData,()=>{c.value=e.enumData}),{enumData:c,getValue:d,getText:v,checked:k,onClickCheckbox:x}}class T extends P.InputBaseProperty{constructor(t,n){super(t,n)}getEditorProperties(t){const n=this;return n.getComponentConfig(t,{type:"check-group"},{placeholder:{visible:!1},disabled:{visible:!1},direction:{description:"",title:"排列方向",type:"enum",editor:{data:[{id:"horizontal",name:"横向"},{id:"vertical",name:"纵向"}]}},dataSourceType:{description:"",title:"数据源类型",type:"enum",visible:!1,editor:{default:"static",data:[{id:"static",name:"静态"},{id:"dynamic",name:"动态"}]},refreshPanelAfterChanged:!0},data:{description:"",title:"数据",type:"array",visible:!t.editor.dataSourceType||t.editor.dataSourceType==="static",...n.getItemCollectionEditor(t,t.editor.valueField,t.editor.textField),refreshPanelAfterChanged:!0},bindDataSource:{description:"",title:"绑定数据源",type:"string",visible:t.editor.dataSourceType==="dynamic"},textField:{description:"",title:"文本字段",type:"string",readonly:t.editor.dataSourceType!=="dynamic"},valueField:{description:"",title:"值字段",type:"string",readonly:t.editor.dataSourceType!=="dynamic"}},(c,d)=>{if(c)switch(c.propertyID){case"dataSourceType":{c.propertyValue==="static"&&(t.editor.valueField="value",t.editor.textField="name");break}case"data":{t.formatter&&(t.formatter.data=[...c.propertyValue]);break}}})}}function G(e,t){const n=e.schema;function l(c,d){return new T(c,t).getPropertyConfig(n,d)}return{getPropsConfig:l}}const g=r.defineComponent({name:"FCheckboxGroupDesign",props:F,emits:["changeValue","update:modelValue"],setup(e,t){const n=r.ref(e.modelValue),l=r.ref(e.name),c=r.computed(()=>({"farris-checkradio-hor":e.direction==="horizontal"})),{enumData:d,getValue:v,getText:h}=j(e,t,n),y=r.ref(),k=r.inject("designer-host-service"),x=r.inject("design-item-context"),o=G(x,k),p=V.useDesignerComponent(y,x,o);r.onMounted(()=>{y.value.componentInstance=p});const s=r.computed(()=>{if(!d.value||d.value.length===0){const i=[];return[{value:"example1",name:"示例一"},{value:"example2",name:"示例二"}].map(u=>{const f={};f[e.valueField]=u.value,f[e.textField]=u.name,i.push(f)}),i}return d.value});return t.expose(p.value),r.watch(()=>e.modelValue,i=>{n.value=i,t.emit("changeValue",n.value)}),()=>r.createVNode("div",{ref:y,class:["farris-input-wrap",c.value]},[s.value.map((i,u)=>{const f="checkbox_"+l.value+u;return r.createVNode("div",{class:"custom-control custom-checkbox"},[r.createVNode("input",{type:"checkbox",class:"custom-control-input",name:l.value,id:f,value:v(i),checked:!1,readonly:!0,disabled:!0},null),r.createVNode("label",{class:"custom-control-label",for:f,title:h(i)},[h(i)])])})])}}),q=new Map([["appearance",S.resolveAppearance]]);function R(e,t,n){return t}const I={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/check-box.schema.json",title:"check-group",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a check box",type:"string"},type:{description:"The type string of check box component",type:"string",default:"check-group"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{description:"",type:"boolean",default:!1},textField:{description:"",type:"string",default:"name"},valueField:{description:"",type:"string",default:"value"},dataSourceType:{description:"",type:"string",default:"static"},data:{description:"",type:"array"},bindDataSource:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},separator:{description:"",type:"string",default:","},name:{description:"",type:"string",default:""},required:{description:"",type:"boolean",default:!1},direction:{description:"",type:"string",default:"horizontal"}},required:["type"],ignore:["id","appearance","binding","visible"]},b=S.createPropsResolver(C.checkboxGroupProps,I,q,R);g.register=(e,t,n,l)=>{e["check-group"]=C,t["check-group"]=b},g.registerDesigner=(e,t,n)=>{e["check-group"]=g,t["check-group"]=b};const w=m.withInstall(g);a.FCheckboxGroupDesigner=g,a.checkBoxGroupPropsResolver=b,a.default=w,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(a,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("../../components/common/index.umd.js"),require("../../components/dynamic-resolver/index.umd.js"),require("../../components/checkbox-group/index.umd.js"),require("vue"),require("../../components/designer-canvas/index.umd.js"),require("../../components/property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../../components/common/index.umd.js","../../components/dynamic-resolver/index.umd.js","../../components/checkbox-group/index.umd.js","vue","../../components/designer-canvas/index.umd.js","../../components/property-panel/index.umd.js"],m):(a=typeof globalThis<"u"?globalThis:a||self,m(a["checkbox-group"]={},a.common,a.dynamicResolver,a.FCheckboxGroup,a.Vue,a.designerCanvas,a.propertyPanel))})(this,function(a,m,C,S,r,V,P){"use strict";const F={...m.radioCheckboxCommonProps,id:String,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},enumData:{type:Array,default:[]},data:{type:Array,default:[]},isStringValue:{type:Boolean,default:!0},loadData:{type:Function},modelValue:[String,Array],name:{type:String,default:""},separator:{type:String,default:","},tabIndex:{type:Number,default:0},textField:{type:String,default:"name"},valueField:{type:String,default:"value"}};function j(e,t,n){const l=r.computed(()=>!(e.readonly&&e.disabled)),c=r.ref(e.data||e.enumData||e.options);function d(o){return o[e.valueField]}function v(o){return o[e.textField]}function h(o){return o?e.isStringValue?o.split(e.separator):o:[]}function y(o){const s=c.value.map(i=>d(i)).filter(i=>o.some(u=>u===String(i)));return e.isStringValue?s.join(e.separator):s}function k(o){const p=String(d(o));return h(n.value).some(i=>i===p)}function x(o,p){if(l.value){let s=h(n.value)||[];const i=String(d(o));!s||!s.length?s.push(i):s.some(u=>u===i)?s=s.filter(u=>u!==i):s.push(i),n.value=y(s),t.emit("changeValue",n.value),t.emit("update:modelValue",n.value)}p.stopPropagation()}return r.watch(()=>e.data,()=>{c.value=e.data}),r.watch(()=>e.enumData,()=>{c.value=e.enumData}),{enumData:c,getValue:d,getText:v,checked:k,onClickCheckbox:x}}class T extends P.InputBaseProperty{constructor(t,n){super(t,n)}getEditorProperties(t){const n=this;return n.getComponentConfig(t,{type:"check-group"},{placeholder:{visible:!1},disabled:{visible:!1},direction:{description:"",title:"排列方向",type:"enum",editor:{data:[{id:"horizontal",name:"横向"},{id:"vertical",name:"纵向"}]}},dataSourceType:{description:"",title:"数据源类型",type:"enum",visible:!1,editor:{default:"static",data:[{id:"static",name:"静态"},{id:"dynamic",name:"动态"}]},refreshPanelAfterChanged:!0},data:{description:"",title:"数据",type:"array",visible:!t.editor.dataSourceType||t.editor.dataSourceType==="static",...n.getItemCollectionEditor(t,t.editor.valueField,t.editor.textField),refreshPanelAfterChanged:!0},bindDataSource:{description:"",title:"绑定数据源",type:"string",visible:t.editor.dataSourceType==="dynamic"},textField:{description:"",title:"文本字段",type:"string",readonly:t.editor.dataSourceType!=="dynamic"},valueField:{description:"",title:"值字段",type:"string",readonly:t.editor.dataSourceType!=="dynamic"}},(c,d)=>{if(c)switch(c.propertyID){case"dataSourceType":{c.propertyValue==="static"&&(t.editor.valueField="value",t.editor.textField="name");break}case"data":{t.formatter&&(t.formatter.data=[...c.propertyValue]);break}}})}}function G(e,t){const n=e.schema;function l(c,d){return new T(c,t).getPropertyConfig(n,d)}return{getPropsConfig:l}}const g=r.defineComponent({name:"FCheckboxGroupDesign",props:F,emits:["changeValue","update:modelValue"],setup(e,t){const n=r.ref(e.modelValue),l=r.ref(e.name),c=r.computed(()=>({"farris-checkradio-hor":e.direction==="horizontal"})),{enumData:d,getValue:v,getText:h}=j(e,t,n),y=r.ref(),k=r.inject("designer-host-service"),x=r.inject("design-item-context"),o=G(x,k),p=V.useDesignerComponent(y,x,o);r.onMounted(()=>{y.value.componentInstance=p});const s=r.computed(()=>{if(!d.value||d.value.length===0){const i=[];return[{value:"example1",name:"示例一"},{value:"example2",name:"示例二"}].map(u=>{const f={};f[e.valueField]=u.value,f[e.textField]=u.name,i.push(f)}),i}return d.value});return t.expose(p.value),r.watch(()=>e.modelValue,i=>{n.value=i,t.emit("changeValue",n.value)}),()=>r.createVNode("div",{ref:y,class:["farris-input-wrap",c.value]},[s.value.map((i,u)=>{const f="checkbox_"+l.value+u;return r.createVNode("div",{class:"custom-control custom-checkbox"},[r.createVNode("input",{type:"checkbox",class:"custom-control-input",name:l.value,id:f,value:v(i),checked:!1,readonly:!0,disabled:!0},null),r.createVNode("label",{class:"custom-control-label",for:f,title:h(i)},[h(i)])])})])}}),q=new Map([["appearance",C.resolveAppearance],["onChange","onChangeValue"]]);function R(e,t,n){return t}const I={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/check-box.schema.json",title:"check-group",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a check box",type:"string"},type:{description:"The type string of check box component",type:"string",default:"check-group"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{description:"",type:"boolean",default:!1},textField:{description:"",type:"string",default:"name"},valueField:{description:"",type:"string",default:"value"},dataSourceType:{description:"",type:"string",default:"static"},data:{description:"",type:"array"},bindDataSource:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},separator:{description:"",type:"string",default:","},name:{description:"",type:"string",default:""},required:{description:"",type:"boolean",default:!1},direction:{description:"",type:"string",default:"horizontal"},onChange:{description:"",type:"string"}},required:["type"],ignore:["id","appearance","binding","visible"]},b=C.createPropsResolver(S.checkboxGroupProps,I,q,R);g.register=(e,t,n,l)=>{e["check-group"]=S,t["check-group"]=b},g.registerDesigner=(e,t,n)=>{e["check-group"]=g,t["check-group"]=b};const w=m.withInstall(g);a.FCheckboxGroupDesigner=g,a.checkBoxGroupPropsResolver=b,a.default=w,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});