@farris/ui-vue 1.3.0 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/index.esm.js +1 -1
- package/components/accordion/index.umd.cjs +1 -1
- package/components/avatar/index.esm.js +472 -366
- package/components/avatar/index.umd.cjs +1 -1
- package/components/button-edit/index.esm.js +1 -1
- package/components/button-edit/index.umd.cjs +1 -1
- package/components/calendar/index.esm.js +472 -480
- package/components/calendar/index.umd.cjs +1 -1
- package/components/capsule/index.esm.js +225 -233
- package/components/capsule/index.umd.cjs +1 -1
- package/components/checkbox/index.esm.js +615 -517
- package/components/checkbox/index.umd.cjs +1 -1
- package/components/color-picker/index.esm.js +325 -333
- package/components/color-picker/index.umd.cjs +2 -2
- package/components/combo-list/index.esm.js +578 -472
- package/components/combo-list/index.umd.cjs +1 -1
- package/components/combo-tree/index.esm.js +49 -49
- package/components/combo-tree/index.umd.cjs +1 -1
- package/components/common/index.esm.js +832 -722
- package/components/common/index.umd.cjs +1 -1
- package/components/component/index.esm.js +303 -981
- package/components/component/index.umd.cjs +1 -1
- package/components/condition/index.esm.js +8 -8
- package/components/condition/index.umd.cjs +1 -1
- package/components/content-container/index.esm.js +335 -1002
- package/components/content-container/index.umd.cjs +1 -1
- package/components/data-grid/index.esm.js +4429 -4312
- package/components/data-grid/index.umd.cjs +1 -1
- package/components/data-view/index.esm.js +3037 -3020
- package/components/data-view/index.umd.cjs +1 -1
- package/components/date-picker/index.esm.js +2216 -2119
- package/components/date-picker/index.umd.cjs +1 -1
- package/components/designer-canvas/index.css +1 -1
- package/components/designer-canvas/index.esm.js +914 -883
- package/components/designer-canvas/index.umd.cjs +1 -1
- package/components/dropdown/index.esm.js +223 -231
- package/components/dropdown/index.umd.cjs +2 -2
- package/components/dynamic-form/index.esm.js +1691 -2187
- package/components/dynamic-form/index.umd.cjs +1 -1
- package/components/dynamic-resolver/index.esm.js +143 -136
- package/components/dynamic-resolver/index.umd.cjs +1 -1
- package/components/events-editor/index.esm.js +250 -258
- package/components/events-editor/index.umd.cjs +1 -1
- package/components/expression-editor/index.esm.js +1 -1
- package/components/expression-editor/index.umd.cjs +1 -1
- package/components/external-container/index.esm.js +2672 -3438
- package/components/external-container/index.umd.cjs +1 -1
- package/components/field-selector/index.esm.js +2965 -2970
- package/components/field-selector/index.umd.cjs +1 -1
- package/components/filter-bar/index.esm.js +1650 -1602
- package/components/filter-bar/index.umd.cjs +1 -1
- package/components/flow-canvas/index.css +1 -1
- package/components/flow-canvas/index.esm.js +684 -675
- package/components/flow-canvas/index.umd.cjs +1 -1
- package/components/image-cropper/index.esm.js +453 -461
- package/components/image-cropper/index.umd.cjs +1 -1
- package/components/input-group/index.esm.js +604 -507
- package/components/input-group/index.umd.cjs +1 -1
- package/components/layout/index.esm.js +402 -378
- package/components/layout/index.umd.cjs +1 -1
- package/components/list-nav/index.esm.js +348 -1019
- package/components/list-nav/index.umd.cjs +1 -1
- package/components/list-view/index.esm.js +1658 -1666
- package/components/list-view/index.umd.cjs +1 -1
- package/components/lookup/index.esm.js +5209 -5088
- package/components/lookup/index.umd.cjs +1 -1
- package/components/mapping-editor/index.esm.js +4329 -4213
- package/components/mapping-editor/index.umd.cjs +1 -1
- package/components/nav/index.esm.js +905 -1357
- package/components/nav/index.umd.cjs +3 -3
- package/components/number-range/index.esm.js +517 -420
- package/components/number-range/index.umd.cjs +1 -1
- package/components/number-spinner/index.esm.js +588 -491
- package/components/number-spinner/index.umd.cjs +1 -1
- package/components/order/index.esm.js +1376 -1965
- package/components/order/index.umd.cjs +1 -1
- package/components/page-footer/index.esm.js +1 -1
- package/components/page-footer/index.umd.cjs +1 -1
- package/components/page-header/index.esm.js +1073 -1905
- package/components/page-header/index.umd.cjs +1 -1
- package/components/pagination/index.esm.js +809 -1237
- package/components/pagination/index.umd.cjs +1 -1
- package/components/progress/index.esm.js +198 -206
- package/components/progress/index.umd.cjs +3 -3
- package/components/property-editor/index.esm.js +1297 -1200
- package/components/property-editor/index.umd.cjs +2 -2
- package/components/property-panel/index.esm.js +609 -507
- package/components/property-panel/index.umd.cjs +1 -1
- package/components/query-solution/index.esm.js +3391 -3758
- package/components/query-solution/index.umd.cjs +1 -1
- package/components/radio-button/index.esm.js +1 -1
- package/components/radio-button/index.umd.cjs +1 -1
- package/components/radio-group/index.esm.js +544 -447
- package/components/radio-group/index.umd.cjs +1 -1
- package/components/rate/index.esm.js +247 -255
- package/components/rate/index.umd.cjs +1 -1
- package/components/response-layout/index.esm.js +146 -154
- package/components/response-layout/index.umd.cjs +1 -1
- package/components/response-layout-editor/index.esm.js +700 -675
- package/components/response-layout-editor/index.umd.cjs +1 -1
- package/components/response-toolbar/index.esm.js +956 -1786
- package/components/response-toolbar/index.umd.cjs +1 -1
- package/components/schema-selector/index.esm.js +4963 -5617
- package/components/schema-selector/index.umd.cjs +2 -2
- package/components/search-box/index.esm.js +158 -161
- package/components/search-box/index.umd.cjs +1 -1
- package/components/section/index.esm.js +436 -1124
- package/components/section/index.umd.cjs +1 -1
- package/components/smoke-detector/index.esm.js +92 -100
- package/components/smoke-detector/index.umd.cjs +1 -1
- package/components/splitter/index.esm.js +571 -1210
- package/components/splitter/index.umd.cjs +1 -1
- package/components/splitter/style.js +2 -0
- package/components/step/index.esm.js +239 -247
- package/components/step/index.umd.cjs +1 -1
- package/components/switch/index.esm.js +445 -348
- package/components/switch/index.umd.cjs +1 -1
- package/components/tabs/index.esm.js +2278 -3031
- package/components/tabs/index.umd.cjs +1 -1
- package/components/tags/index.esm.js +311 -319
- package/components/tags/index.umd.cjs +1 -1
- package/components/text/index.esm.js +215 -223
- package/components/text/index.umd.cjs +1 -1
- package/components/textarea/index.esm.js +468 -371
- package/components/textarea/index.umd.cjs +1 -1
- package/components/time-picker/index.esm.js +1271 -1174
- package/components/time-picker/index.umd.cjs +1 -1
- package/components/transfer/index.esm.js +469 -477
- package/components/transfer/index.umd.cjs +1 -1
- package/components/tree-grid/index.esm.js +3060 -3065
- package/components/tree-grid/index.umd.cjs +1 -1
- package/components/tree-view/index.esm.js +2476 -2481
- package/components/tree-view/index.umd.cjs +1 -1
- package/components/uploader/index.esm.js +374 -382
- package/components/uploader/index.umd.cjs +2 -2
- package/components/verify-detail/index.esm.js +248 -256
- package/components/verify-detail/index.umd.cjs +1 -1
- package/components/video/index.esm.js +414 -1093
- package/components/video/index.umd.cjs +1 -1
- package/components/weather/index.esm.js +498 -506
- package/components/weather/index.umd.cjs +5 -5
- package/farris.all.esm.js +20216 -21844
- package/farris.all.umd.cjs +9 -9
- package/index.css +1 -1
- package/package.json +1 -1
- package/types/common/directive/area-response.d.ts +10 -0
- package/types/common/index.d.ts +8 -0
- package/types/common/radio-checkbox/radio-checkbox.props.d.ts +1 -0
- package/types/common/utils/resolve-field.d.ts +2 -0
- package/types/common/utils/use-class.d.ts +7 -0
- package/types/component/src/designer/use-designer-rules.d.ts +2 -2
- package/types/condition/src/types.d.ts +2 -1
- package/types/content-container/src/designer/use-designer-rules.d.ts +3 -3
- package/types/data-grid/index.d.ts +8 -5
- package/types/data-grid/src/data-grid.component.d.ts +3 -2
- package/types/data-grid/src/designer/data-grid.design.component.d.ts +2 -2
- package/types/data-grid/src/designer/use-designer-rules.d.ts +2 -2
- package/types/data-view/components/row/hierarchy-row.component.d.ts +2 -2
- package/types/data-view/composition/data/use-tree-data.d.ts +1 -1
- package/types/data-view/composition/types.d.ts +7 -9
- package/types/designer-canvas/index.d.ts +2 -1
- package/types/designer-canvas/src/composition/rule/use-dragula-common-rule.d.ts +4 -0
- package/types/designer-canvas/src/composition/rule/use-template-rule.d.ts +30 -0
- package/types/designer-canvas/src/composition/types.d.ts +1 -2
- package/types/designer-canvas/src/types.d.ts +2 -1
- package/types/dynamic-form/src/designer/response-form.design.component.d.ts +7 -1
- package/types/dynamic-form/src/designer/use-designer-rules.d.ts +2 -2
- package/types/dynamic-form/src/property-config/form.property-config.d.ts +1 -1
- package/types/dynamic-resolver/src/common/toolbar-resolver.d.ts +1 -1
- package/types/external-container/src/designer/use-designer-rules.d.ts +3 -3
- package/types/layout/src/designer/layout-pane-use-designer-rules.d.ts +3 -3
- package/types/list-nav/src/designer/use-designer-rules.d.ts +3 -0
- package/types/pagination/src/components/buttons/goto-buttons.component.d.ts +2 -2
- package/types/pagination/src/components/buttons/next-buttons.component.d.ts +2 -2
- package/types/pagination/src/components/buttons/previous-buttons.component.d.ts +2 -2
- package/types/pagination/src/components/pages/page-list.component.d.ts +2 -2
- package/types/pagination/src/components/pages/page-number.component.d.ts +2 -2
- package/types/property-panel/index.d.ts +2 -1
- package/types/property-panel/src/composition/entity/input-base-property.d.ts +1 -1
- package/types/query-solution/src/designer/query-solution-config/composition/types.d.ts +34 -27
- package/types/query-solution/src/designer/query-solution-config/composition/use-panel.d.ts +2 -16
- package/types/query-solution/src/designer/query-solution-config/composition/use-property.d.ts +19 -0
- package/types/query-solution/src/designer/query-solution-config/composition/use-querysolution-rules.d.ts +3 -0
- package/types/query-solution/src/designer/query-solution-config/composition/use-transfer.d.ts +1 -1
- package/types/query-solution/src/property-config/query-solution.property-config.d.ts +60 -0
- package/types/query-solution/src/solutions.d.ts +108 -509
- package/types/response-layout-editor/index.d.ts +3 -1
- package/types/response-toolbar/src/designer/use-designer-rules.d.ts +3 -3
- package/types/response-toolbar/src/property-config/response-toolbar-item.property-config.d.ts +1 -0
- package/types/section/src/designer/use-designer-rules.d.ts +3 -3
- package/types/splitter/src/components/splitter-pane.component.d.ts +1 -1
- package/types/splitter/src/designer/splitter-pane-use-designer-rules.d.ts +3 -3
- package/types/splitter/src/designer/splitter-use-designer-rules.d.ts +3 -3
- package/types/tabs/src/designer/tab-page-use-designer-rules.d.ts +3 -3
- package/types/tabs/src/designer/tab-use-designer-rules.d.ts +3 -3
- package/types/tree-grid/index.d.ts +3 -3
- package/types/tree-grid/src/tree-grid.component.d.ts +1 -1
- package/types/designer-canvas/src/composition/rule/use-drag-drop-rules.d.ts +0 -19
- package/types/designer-canvas/src/composition/use-dragula-common-rule.d.ts +0 -4
- package/types/list-nav/src/composition/use-designer-rules.d.ts +0 -3
- package/types/query-solution/src/designer/query-solution-config/composition/mock-data.d.ts +0 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(b,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash-es"),require("../list-view/index.umd.js"),require("../button-edit/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../response-layout-editor/index.umd.js/src/composition/converter/use-response-layout-editor-setting")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../list-view/index.umd.js","../button-edit/index.umd.js","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js","../response-layout-editor/index.umd.js/src/composition/converter/use-response-layout-editor-setting"],a):(b=typeof globalThis<"u"?globalThis:b||self,a(b["combo-list"]={},b.Vue,b.LodashES,b.FListView,b.FButtonEdit,b.dynamicResolver,b.designerCanvas,b.useResponseLayoutEditorSetting))})(this,function(b,a,F,q,U,P,E,H){"use strict";var Ve=Object.defineProperty;var Pe=(b,a,F)=>a in b?Ve(b,a,{enumerable:!0,configurable:!0,writable:!0,value:F}):b[a]=F;var k=(b,a,F)=>Pe(b,typeof a!="symbol"?a+"":a,F);const G={},W={};function j(e){const{properties:t,title:n,ignore:o}=e,i=o&&Array.isArray(o),r=Object.keys(t).reduce((d,p)=>((!i||!o.find(u=>u==p))&&(d[p]=t[p].type==="object"&&t[p].properties?j(t[p]):F.cloneDeep(t[p].default)),d),{});return(!i||!o.find(d=>d=="id"))&&(r.id=`${n}-${Date.now()}`),r}function z(e,t){const n=j(t);return Object.keys(e).reduce((o,i)=>(o[i]&&F.isPlainObject(o[i])&&F.isPlainObject(e[i])?Object.assign(o[i],e[i]):o[i]=e[i],o),n),n}function J(e,t){return Object.keys(e).filter(o=>e[o]!=null).reduce((o,i)=>{if(t.has(i)){const r=t.get(i);if(typeof r=="string")o[r]=e[i];else{const d=r(i,e[i],e);Object.assign(o,d)}}else o[i]=e[i];return o},{})}function X(e,t,n=new Map){const o=z(e,t);return J(o,n)}function _(e={}){function t(s,f,l,c){if(typeof l=="number")return c[s].length===l;if(typeof l=="object"){const y=Object.keys(l)[0],g=l[y];if(y==="not")return Number(c[s].length)!==Number(g);if(y==="moreThan")return Number(c[s].length)>=Number(g);if(y==="lessThan")return Number(c[s].length)<=Number(g)}return!1}function n(s,f,l,c){return c[s]&&c[s].propertyValue&&String(c[s].propertyValue.value)===String(l)}const o=new Map([["length",t],["getProperty",n]]);Object.keys(e).reduce((s,f)=>(s.set(f,e[f]),s),o);function i(s,f){const l=s;return typeof f=="number"?[{target:l,operator:"length",param:null,value:Number(f)}]:typeof f=="boolean"?[{target:l,operator:"getProperty",param:s,value:!!f}]:typeof f=="object"?Object.keys(f).map(c=>{if(c==="length")return{target:l,operator:"length",param:null,value:f[c]};const y=c,g=f[c];return{target:l,operator:"getProperty",param:y,value:g}}):[]}function r(s){return Object.keys(s).reduce((l,c)=>{const y=i(c,s[c]);return l.push(...y),l},[])}function d(s,f){if(o.has(s.operator)){const l=o.get(s.operator);return l&&l(s.target,s.param,s.value,f)||!1}return!1}function p(s,f){return r(s).reduce((y,g)=>y&&d(g,f),!0)}function u(s,f){const l=Object.keys(s),c=l.includes("allOf"),y=l.includes("anyOf"),g=c||y,C=(g?s[g?c?"allOf":"anyOf":"allOf"]:[s]).map(x=>p(x,f));return c?!C.includes(!1):C.includes(!0)}return{parseValueSchema:u}}const m={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}},Q={},Y={};_();function A(e,t,n=new Map,o=(d,p,u)=>p,i={},r=d=>d){return G[t.title]=t,W[t.title]=o,Q[t.title]=i,Y[t.title]=r,(d={})=>{const p=X(d,t,n),u=Object.keys(e).reduce((s,f)=>(s[f]=e[f].default,s),{});return Object.assign(u,p)}}function Z(e,t){return{customClass:t.class,customStyle:t.style}}const K=new Map([["appearance",Z]]),ee={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-list",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a combo list",type:"string"},type:{description:"The type string of number combo list component",type:"string",default:"combo-list"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{description:"",type:"boolean",default:!1},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:""},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},data:{description:"",type:"array"},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:"sting",default:""}},required:["id","type"],ignore:["id","appearance","binding"]};function te(e,t,n){return t}var $=(e=>(e.Text="text",e.Tag="tag",e))($||{}),D=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(D||{});const O={id:{type:String},data:{type:Array,default:[]},disabled:{default:!1,type:Boolean},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-60-down"></span>'},editable:{default:!1,type:Boolean},enableClear:{default:!0,type:Boolean},enableSearch:{type:Boolean,default:!1},enableTitle:{default:!0,type:Boolean},fitEditor:{default:!1,type:Boolean},forcePlaceholder:{default:!1,type:Boolean},hidePanelOnClear:{default:!0,type:Boolean},idField:{default:"id",type:String},mapFields:{type:Object},maxHeight:{default:350,type:Number},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{},placeholder:{type:String},placement:{type:String,default:"auto"},readonly:{default:!1,type:Boolean},remote:{default:null,type:Object},remoteSearch:{default:!1,type:Boolean},separator:{default:",",type:String},tabIndex:{type:Number,default:-1},textField:{default:"name",type:String},titleField:{default:"name",type:String},valueField:{default:"id",type:String},viewType:{default:"tag",type:String},change:{type:Function,default:()=>{}},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},autoHeight:{type:Boolean,default:!0},beforeOpen:{type:Function,default:null},searchOption:{type:Object,default:!1},enableHighlightSearch:{type:Boolean,default:!0}},L=A(O,ee,K,te),ne={dataSource:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{type:Boolean,default:!1},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},width:{type:Number},maxHeight:{type:Number},valueField:{type:String,default:"id"},onSelectionChange:{type:Function,default:()=>{}},searchOption:{type:Object,default:!1},enableHighlightSearch:{type:Boolean,default:!0}},oe=a.defineComponent({name:"FComboListContainer",props:ne,emits:["selectionChange"],setup(e,t){const n=a.ref(),o=a.ref(e.dataSource),i=a.ref([]),r=a.ref(e.separator),d=a.ref(e.width),p=a.ref(e.maxHeight),u=a.ref(String(e.selectedValues).split(r.value)),s=a.computed(()=>e.multiSelect),f=a.computed(()=>({enableSelectRow:!0,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick",showCheckbox:s.value,showSelectAll:!1,showSelection:!0}));a.watch(e.dataSource,()=>{o.value=e.dataSource});const l=a.computed(()=>e.enableSearch?"SearchBar":"ContentHeader"),c=a.computed(()=>{const h={};return d.value!==void 0&&(h.width=`${d.value}px`),p.value!==void 0&&p.value>0&&(h.maxHeight=`${p.value}px`),h});function y(h){i.value=h.map(v=>Object.assign({},v)),u.value=h.map(v=>v[e.idField]),t.emit("selectionChange",i.value)}function g(h){if(e.enableHighlightSearch)return;let v=[];typeof e.searchOption=="function"?v=o.value.filter(C=>e.searchOption(h,C)):v=o.value.filter(C=>C[e.valueField].indexOf(h)>-1||C[e.textField].indexOf(h)>-1),n.value.updateDataSource(v)}return a.watch([()=>e.selectedValues],([h])=>{u.value=h.split(r.value)}),()=>a.createVNode("div",{class:"f-combo-list-container pl-1",style:c.value},[a.createVNode(q,{ref:n,size:"small",itemClass:"f-combo-list-item",header:l.value,headerClass:"f-combo-list-search-box",data:o.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,selection:f.value,enableHighlightSearch:e.enableHighlightSearch,selectionValues:u.value,onSelectionChange:y,onAfterSearch:g},null)])}});function ie(e){const t=a.ref(""),n=a.ref(e.modelValue),o=a.ref(e.data||[]),i=a.ref(e.editable);function r(l){const c=String(l).split(e.separator),y=c.map(v=>[v,!0]),g=new Map(y);return o.value.filter(v=>g.has(String(v[e.valueField]))).sort((v,C)=>{const w=c.indexOf(v[e.valueField]),x=c.indexOf(C[e.valueField]);return w-x})}function d(l){const c=r(l).map(y=>y[e.textField]).join(e.separator);t.value=i.value?c||l:c}function p(l){const c=l.split(e.separator).map(g=>[g,!0]),y=new Map(c);return o.value.filter(g=>y.has(g[e.textField]))}function u(l){const c={};return c[e.idField]=l,c[e.textField]=l,[c]}function s(l){let c=p(l);const y=c&&c.length>0;return i.value&&!y&&(c=u(l)),c}function f(){const{url:l,method:c="GET",headers:y={},body:g=null}=e.remote,h=c.toLowerCase()=="get"?{method:c,headers:y}:{method:c,headers:y,body:g};let v=!1;fetch(l,h).then(C=>{var x,V;if(C.status===200)return v=!!((V=(x=C.headers)==null?void 0:x.get("content-type"))!=null&&V.includes("application/json")),v?C.text():C.json();throw new Error(C.statusText)}).then(C=>{o.value=v?JSON.parse(C):C}).catch(C=>{console.error(C)})}return e.remote&&f(),a.watch(()=>e.data,()=>{o.value=e.data}),a.watch([o],([l])=>{if(e.modelValue!=null){const c=l.find(y=>y[e.valueField]===e.modelValue);c&&(t.value=c[e.textField])}}),a.watch(()=>e.modelValue,l=>{n.value=l,d(l)}),d(e.modelValue),{dataSource:o,displayText:t,editable:i,modelValue:n,getItemsByDisplayText:p,getItemsByValue:r,getSelectedItemsByDisplayText:s}}const M=a.defineComponent({name:"FComboList",props:O,emits:["clear","update:modelValue","change","input"],setup(e,t){const n=a.ref(),o=a.ref(e.disabled),i=a.ref(e.enableClear),r=a.ref(e.enableSearch),d=a.ref(e.readonly),{dataSource:p,displayText:u,editable:s,modelValue:f,getSelectedItemsByDisplayText:l}=ie(e),c=a.computed(()=>e.multiSelect),y=a.computed(()=>n.value?n.value.elementRef.getBoundingClientRect().width:0);function g(){!c.value&&n.value&&n.value.hidePopup()}function h(S){u.value=S.map(B=>B[e.textField]).join(e.separator),S.length===1?f.value=S[0][e.valueField]:f.value=S.map(B=>B[e.valueField]).join(e.separator),t.emit("update:modelValue",f.value),t.emit("change",S,f.value),g()}function v(){d.value||n.value.togglePopup()}function C(S){f.value="",t.emit("update:modelValue",""),t.emit("clear")}function w(S){const B=l(S);h(B)}function x(){return u.value}function V(S){t.emit("input",S)}return t.expose({getDisplayText:x}),a.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([S,B,Me,Oe,Te])=>{o.value=S,s.value=B,i.value=Me,r.value=Oe,d.value=Te}),()=>a.createVNode(U,{ref:n,id:e.id,disable:o.value,readonly:d.value,forcePlaceholder:e.forcePlaceholder,editable:s.value,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:i.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?e.viewType:"text",modelValue:u.value,"onUpdate:modelValue":S=>u.value=S,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,onClear:C,onClick:v,onChange:w,onInput:V,beforeOpen:e.beforeOpen},{default:()=>[a.createVNode(oe,{idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:p.value,selectedValues:f.value,multiSelect:e.multiSelect,enableSearch:r.value,maxHeight:e.maxHeight,enableHighlightSearch:e.enableHighlightSearch,width:e.fitEditor?y.value:void 0,onSelectionChange:h},null)]})}}),ae=new Map([["appearance",P.resolveAppearance]]);function le(e,t,n){return t}const re={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/button-edit.schema.json",title:"button-edit",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"button-edit"},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},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},require:{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:"sting",default:""},autoComplete:{description:"",type:"boolean",default:!1},buttonContent:{description:"",type:"string",default:""},enableClear:{description:"",type:"boolean",default:!0},inputType:{description:"",type:"string",enum:["text","tag"],default:"text"},multiSelect:{description:"",type:"boolean",default:!1},popup:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},separator:{type:"string",default:","},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},wrapText:{type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"]},se={title:"buttonEdit",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:"右对齐"}]}}}}}},R={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},buttonBehavior:{type:String,default:"Popup"},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},showButtonWhenDisabled:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:Number,tabIndex:Number,popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},popupOnInput:{type:Boolean,default:!1},popupOnFocus:{type:Boolean,default:!1},popupMinWidth:{type:Number,default:160},modalOptions:{type:Object,default:{}},wrapText:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","},textAlign:{type:String,default:"left"},beforeClickButton:{type:Function,default:null},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},beforeOpen:{type:Function,default:null},updateOn:{type:String,default:"change"}};A(R,re,ae,le,se);const ce={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object},backgroundColor:{type:String,default:""}},de=a.defineComponent({name:"FOverlay",props:ce,emits:["click"],setup(e,t){const n=a.ref(e.popupContentPosition),o=a.ref(e.host),i=a.computed(()=>({backgroundColor:e.backgroundColor||"",pointerEvents:"auto"}));function r(p){t.emit("click"),p.preventDefault(),p.stopPropagation()}a.computed(()=>{const p=o.value;if(p){const u=p.getBoundingClientRect(),{left:s,top:f,height:l}=u;return{left:s,top:f+l}}return n.value});const d=a.computed(()=>({}));return()=>a.createVNode(a.Teleport,{to:"body"},{default:()=>{var p,u;return[a.createVNode("div",{class:"overlay-container",onClick:s=>r(s),style:i.value},[a.createVNode("div",{style:d.value},[(u=(p=t.slots).default)==null?void 0:u.call(p)])])]}})}});function ue(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function pe(e){const t=document.createElement("div");t.style.display="contents";let n;const o=e.onClickCallback||(()=>{}),i=()=>{o(),n&&n.unmount()};return n=a.createApp({setup(){a.onUnmounted(()=>{document.body.removeChild(t)});const r=ue(e);return()=>a.createVNode(de,{"popup-content-position":e.popupPosition,host:e.host,onClick:i,backgroundColor:e.backgroundColor},{default:()=>[r&&r()]})}}),document.body.appendChild(t),n.mount(t),n}class fe{static show(t){return pe(t)}}const me=Symbol("FModalService");function N(e,t){function n(){const o=e.beforeOpen||e.beforeClickButton||null;let i=Promise.resolve(!0);if(o){const r=o(t.value);if(typeof r>"u")return i;typeof r=="boolean"?i=Promise.resolve(r):i=r}return i}return{judgeCanOpen:n}}function ye(e,t,n,o,i){const r=a.ref(e.buttonBehavior),d=a.ref(e.popupOnInput),p=a.computed(()=>({"input-group-append":!0,"append-force-show":e.showButtonWhenDisabled&&(e.readonly||e.disable)})),{judgeCanOpen:u}=N(e,i),s=a.computed(()=>e.showButtonWhenDisabled||(!e.editable||!e.readonly)&&!e.disable),f=a.inject(me,null),l=a.ref();async function c(h){if(await u()&&s.value){const v=!!t.slots.default;if(r.value==="Modal"){const C=e.modalOptions,w=f==null?void 0:f.open({...C,render:()=>t.slots.default&&t.slots.default()});l.value=w==null?void 0:w.modalRef}r.value==="Overlay"&&fe.show({host:document.body,backgroundColor:"rgba(0,0,0,.15)",render:()=>t.slots.default&&t.slots.default()}),v&&r.value==="Popup"&&o.togglePopup(!0),v&&d.value&&o.hidePopup(),t.emit("clickButton",{origin:h,value:e.modelValue})}}function y(h){t.emit("mouseEnterIcon",h)}function g(h){t.emit("mouseLeaveIcon",h)}return{buttonGroupClass:p,onClickButton:c,onMouseEnterButton:y,onMouseLeaveButton:g,modalRef:l}}function ge(e,t,n,o){const i=a.ref(),r=a.ref(!1),{judgeCanOpen:d}=N(e,o);function p(){const l=i.value;l&&l.show(n.value)}async function u(l=!1){if(!!t.slots.default){if(!l&&!r.value&&!await d())return;r.value=!r.value,await a.nextTick(),p()}}async function s(l=!1){if(!!t.slots.default){if(!l&&!await d())return;r.value=!0,await a.nextTick(),p()}}function f(){r.value=!1}return{hidePopup:f,popup:s,shouldPopupContent:r,togglePopup:u,popoverRef:i}}function he(e,t,n){const{buttonGroupClass:o}=n,i=a.ref();return{renderButtonGroup:()=>a.createVNode("div",{id:`${e.id}-button-group`,class:o.value},[t.slots.buttonContent?a.createVNode("span",{class:"input-group-text input-group-append-button"},[t.slots.buttonContent()]):e.buttonContent?a.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:e.buttonContent,ref:i},null):null]),buttonHandleElement:i}}const be=a.defineComponent({name:"FButtonEdit",props:R,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(e,t){const n=a.ref(),o=a.inject("design-item-context"),i=E.useDesignerComponent(n,o),r=a.ref(e.customClass),d=a.ref(e.modelValue),p=ge(e,t,n,d),u=ye(e,t,n,p,d),s=a.ref(),f=a.computed(()=>({"f-cmp-inputgroup":!0,"input-group":!0,"f-state-disable":!0,"f-state-editable":!1,"f-state-readonly":!0}));a.onMounted(()=>{n.value.componentInstance=i}),t.expose(i.value);const l=a.computed(()=>{const y={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!e.wrapText};return r.value&&r.value.split(" ").reduce((g,h)=>(g[h]=!0,g),y),y}),{renderButtonGroup:c}=he(e,t,u);return()=>a.createVNode("div",a.mergeProps(t.attrs,{ref:n,class:l.value,id:e.id}),[a.createVNode("div",{class:f.value},[a.createVNode("input",{ref:s,class:"form-control",readonly:!0,placeholder:e.placeholder},null),c()])])}});function Ce(e,t){e.schema;const n=a.ref(!0),o=a.ref(!0);function i(l){return!1}function r(){return!1}function d(){return!1}function p(){return!0}function u(l){}function s(){}function f(l){return null}return{canAccepts:i,checkCanDeleteComponent:r,checkCanMoveComponent:d,hideNestedPaddingInDesginerView:p,onAcceptMovedChildElement:u,resolveComponentContext:s,triggerBelongedComponentToMoveWhenMoved:n,triggerBelongedComponentToDeleteWhenDeleted:o,getPropsConfig:f}}class ve{constructor(t,n){k(this,"componentId");k(this,"viewModelId");k(this,"eventsEditorUtils");k(this,"formSchemaUtils");k(this,"formMetadataConverter");k(this,"designViewModelUtils");k(this,"designViewModelField");k(this,"controlCreatorUtils");k(this,"designerHostService");k(this,"schemaService",null);k(this,"metadataService",null);k(this,"propertyConfig",{type:"object",categories:{}});var o;this.componentId=t,this.designerHostService=n,this.eventsEditorUtils=n.eventsEditorUtils,this.formSchemaUtils=n.formSchemaUtils,this.formMetadataConverter=n.formMetadataConverter,this.viewModelId=((o=this.formSchemaUtils)==null?void 0:o.getViewModelIdByComponentId(t))||"",this.designViewModelUtils=n.designViewModelUtils,this.controlCreatorUtils=n.controlCreatorUtils,this.metadataService=n.metadataService,this.schemaService=n.schemaService}getTableInfo(){var t;return(t=this.schemaService)==null?void 0:t.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(t){const n=t.binding&&t.binding.type==="Form"&&t.binding.field;if(n){if(!this.designViewModelField){const o=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=o.fields.find(i=>i.id===n)}t.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(t,n){}getBasicPropConfig(t){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:t.type,name:m[t.type].name}]}}}}}getAppearanceConfig(t=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(t,n){const o=n&&n.parent&&n.parent.schema;if(!o)return;const i=o.contents.findIndex(d=>d.id===t),r=F.cloneDeep(o.contents[i]);o.contents.splice(i,1),o.contents.splice(i,0,r)}}const I=class I{static getEditorTypesByMDataType(t){const n=I.fieldControlTypeMapping[t];return n||[{key:"",value:""}]}static getAllInputTypes(){const t=[];for(let n in I.fieldControlTypeMapping)I.fieldControlTypeMapping[n].forEach(o=>{t.find(i=>i.key===o.key&&i.value===o.value)||t.push({key:o.key,value:o.value})});return t}};k(I,"fieldControlTypeMapping",{String:[{key:m["input-group"].type,value:m["input-group"].name},{key:m.lookup.type,value:m.lookup.name},{key:m["date-picker"].type,value:m["date-picker"].name},{key:m["check-box"].type,value:m["check-box"].name},{key:m["radio-group"].type,value:m["radio-group"].name},{key:m["combo-list"].type,value:m["combo-list"].name},{key:m.textarea.type,value:m.textarea.name}],Text:[{key:m.textarea.type,value:m.textarea.name},{key:m.lookup.type,value:m.lookup.name}],Decimal:[{key:m["number-spinner"].type,value:m["number-spinner"].name}],Integer:[{key:m["number-spinner"].type,value:m["number-spinner"].name}],Number:[{key:m["number-spinner"].type,value:m["number-spinner"].name}],BigNumber:[{key:m["number-spinner"].type,value:m["number-spinner"].name}],Date:[{key:m["date-picker"].type,value:m["date-picker"].name}],DateTime:[{key:m["date-picker"].type,value:m["date-picker"].name}],Boolean:[{key:m.switch.type,value:m.switch.name},{key:m["check-box"].type,value:m["check-box"].name}],Enum:[{key:m["combo-list"].type,value:m["combo-list"].name},{key:m["radio-group"].type,value:m["radio-group"].name}],Object:[{key:m.lookup.type,value:m.lookup.name},{key:m["combo-list"].type,value:m["combo-list"].name},{key:m["radio-group"].type,value:m["radio-group"].name}]});let T=I;const Se=a.ref(0);class ke extends ve{constructor(n,o){super(n,o);k(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=H.useResponseLayoutEditorSetting(this.formSchemaUtils)}getPropertyConfig(n,o){return this.propertyConfig.categories.basic=this.getBasicProperties(n,o),this.propertyConfig.categories.appearance=this.getAppearanceProperties(n,o),this.propertyConfig.categories.editor=this.getEditorProperties(n),this.propertyConfig}getBasicProperties(n,o){var p;var i=this;this.setDesignViewModelField(n);const r=this.formSchemaUtils.getFormMetadataBasicInfo(),d=this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:i.designViewModelField?T.getEditorTypesByMDataType((p=i.designViewModelField.type)==null?void 0:p.name):T.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",$converter:"/converter/field-selector.converter",editor:{type:"field-selector",bindingType:{enable:!1},editorParams:{propertyData:n,formBasicInfo:r},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:d}}},setPropertyRelates(u,s){if(u)switch(u&&u.propertyID){case"type":{i.changeControlType(n,u,o);break}case"label":{u.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(n,o){var i=this;return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!0,refreshPanelAfterChanged:!0,editor:{type:"response-layout-editor-setting",initialState:i.responseLayoutEditorFunction.checkCanOpenLayoutEditor(n,i.componentId)}}},setPropertyRelates(r,d){if(r)switch(r&&r.propertyID){case"responseLayout":i.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(r.propertyValue,i.componentId||n.id),i.updateUnifiedLayoutAfterResponseLayoutChanged(i.componentId),i.updateElementByParentContainer(n.id,o),delete n.responseLayout;break;case"class":i.updateUnifiedLayoutAfterControlChanged(r.propertyValue,n.id,this.componentId),i.updateElementByParentContainer(n.id,o);break}}}}getEditorProperties(n){return this.getComponentConfig(n)}changeControlType(n,o,i){var f,l,c,y;const r=o.propertyValue,d=i&&i.parent&&i.parent.schema;if(!d)return;const p=d.contents.findIndex(g=>g.id===n.id),u=d.contents[p];let s;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:r},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),s=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,r)),s||(s=P.getSchemaByType("form-group")||{},s.editor=P.getSchemaByType(r)||{},delete s.editor.id,delete s.editor.binding,delete s.editor.appearance),Object.assign(s,{id:u.id,appearance:u.appearance,size:u.size,label:u.label,binding:u.binding,visible:u.visible}),Object.assign(s.editor,{isTextArea:s.isTextArea&&u.isTextArea,placeholder:(f=u.editor)==null?void 0:f.placeholder,holdPlace:(l=u.editor)==null?void 0:l.holdPlace,readonly:(c=u.editor)==null?void 0:c.readonly,require:(y=u.editor)==null?void 0:y.require}),d.contents.splice(p,1),d.contents.splice(p,0,s),i.schema=Object.assign(u,s),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(g=>g.classList.remove("dgComponentSelected")),Se.value++}getComponentConfig(n,o={},i={}){const r=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},o),d=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时,输入控件内的占位文本",title:"提示文本",type:"string"}},i);return{...r,properties:{...d}}}updateUnifiedLayoutAfterControlChanged(n,o,i){const r=n.split(" ");let d=r.find(l=>/^col-([1-9]|10|11|12)$/.test(l)),p=r.find(l=>/^col-md-([1-9]|10|11|12)$/.test(l)),u=r.find(l=>/^col-xl-([1-9]|10|11|12)$/.test(l)),s=r.find(l=>/^col-el-([1-9]|10|11|12)$/.test(l));d=d||"col-12",p=p||"col-md-"+d.replace("col-",""),u=u||"col-xl-"+p.replace("col-md-",""),s=s||"col-el-"+u.replace("col-xl-","");const f={id:o,columnInSM:parseInt(d.replace("col-",""),10),columnInMD:parseInt(p.replace("col-md-",""),10),columnInLG:parseInt(u.replace("col-xl-",""),10),columnInEL:parseInt(s.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(i,f)}updateUnifiedLayoutAfterResponseLayoutChanged(n,o){const{formNode:i}=this.responseLayoutEditorFunction.checkCanFindFormNode(n);if(!i||!i.unifiedLayout)return;const r=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(i,r,1),o){const g=r.find(h=>h.id===o.id);Object.assign(g||{},o)}const d=r.map(g=>g.columnInSM),p=r.map(g=>g.columnInMD),u=r.map(g=>g.columnInLG),s=r.map(g=>g.columnInEL),f=this.checkIsUniqueColumn(d)?d[0]:null,l=this.checkIsUniqueColumn(p)?p[0]:null,c=this.checkIsUniqueColumn(u)?u[0]:null,y=this.checkIsUniqueColumn(s)?s[0]:null;Object.assign(i.unifiedLayout,{uniqueColClassInSM:f,uniqueColClassInMD:l,uniqueColClassInLG:c,uniqueColClassInEL:y})}checkIsUniqueColumn(n){const o=new Set(n);return Array.from(o).length===1}}class Fe extends ke{constructor(t,n){super(t,n)}getEditorProperties(t){return this.getComponentConfig(t,{type:"combo-list"},{editable:{description:"",title:"允许编辑",type:"boolean"},textField:{description:"",title:"数据源显示字段",type:"string"},idField:{description:"",title:"数据源值字段",type:"string"}})}}function we(e,t){const{canAccepts:n,checkCanDeleteComponent:o,checkCanMoveComponent:i,hideNestedPaddingInDesginerView:r,onAcceptMovedChildElement:d,resolveComponentContext:p,triggerBelongedComponentToMoveWhenMoved:u,triggerBelongedComponentToDeleteWhenDeleted:s}=Ce(e),f=e.schema;function l(c,y){return new Fe(c,t).getPropertyConfig(f,y)}return{canAccepts:n,checkCanDeleteComponent:o,checkCanMoveComponent:i,hideNestedPaddingInDesginerView:r,onAcceptMovedChildElement:d,resolveComponentContext:p,triggerBelongedComponentToMoveWhenMoved:u,triggerBelongedComponentToDeleteWhenDeleted:s,getPropsConfig:l}}const xe=a.defineComponent({name:"FComboListDesign",props:O,emits:["clear","update:modelValue","change"],setup(e,t){const n=a.ref(),o=a.inject("designer-host-service"),i=a.inject("design-item-context"),r=we(i,o),d=E.useDesignerComponent(n,i,r);return a.onMounted(()=>{n.value.componentInstance=d}),t.expose(d.value),()=>a.createVNode(be,{ref:n,buttonContent:e.dropDownIcon,readonly:!0,editable:!1,forcePlaceholder:!0,placeholder:e.placeholder,enableClear:!0},null)}}),Be=e=>{const t=e;return t.install=function(n){n.component(t.name,e)},e};M.register=(e,t,n,o)=>{e["combo-list"]=M,t["combo-list"]=L},M.registerDesigner=(e,t,n)=>{e["combo-list"]=xe,t["combo-list"]=L};const Ie=Be(M);b.FComboList=M,b.Placement=D,b.ViewType=$,b.comboListProps=O,b.default=Ie,b.propsResolver=L,Object.defineProperties(b,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(I,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash-es"),require("../list-view/index.umd.js"),require("../button-edit/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../list-view/index.umd.js","../button-edit/index.umd.js","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js"],a):(I=typeof globalThis<"u"?globalThis:I||self,a(I["combo-list"]={},I.Vue,I.LodashES,I.FListView,I.FButtonEdit,I.dynamicResolver,I.designerCanvas))})(this,function(I,a,w,R,W,H,T){"use strict";var Pe=Object.defineProperty;var Le=(I,a,w)=>a in I?Pe(I,a,{enumerable:!0,configurable:!0,writable:!0,value:w}):I[a]=w;var v=(I,a,w)=>Le(I,typeof a!="symbol"?a+"":a,w);const z={},X={};function A(e){const{properties:n,title:o,ignore:i}=e,l=i&&Array.isArray(i),s=Object.keys(n).reduce((u,p)=>((!l||!i.find(f=>f==p))&&(u[p]=n[p].type==="object"&&n[p].properties?A(n[p]):w.cloneDeep(n[p].default)),u),{});return o&&(!l||!i.find(u=>u=="id"))&&(s.id=`${o}-${Date.now()}`),s}function J(e,n){const o=A(n);return Object.keys(e).reduce((i,l)=>(i[l]&&w.isPlainObject(i[l])&&w.isPlainObject(e[l])?Object.assign(i[l],e[l]):i[l]=e[l],i),o),o}function _(e,n){return Object.keys(e).filter(i=>e[i]!=null).reduce((i,l)=>{if(n.has(l)){const s=n.get(l);if(typeof s=="string")i[s]=e[l];else{const u=s(l,e[l],e);Object.assign(i,u)}}else i[l]=e[l];return i},{})}function Q(e,n,o=new Map){const i=J(e,n);return _(i,o)}function Y(e={}){function n(c,d,t,r){if(typeof t=="number")return r[c].length===t;if(typeof t=="object"){const m=Object.keys(t)[0],y=t[m];if(m==="not")return Number(r[c].length)!==Number(y);if(m==="moreThan")return Number(r[c].length)>=Number(y);if(m==="lessThan")return Number(r[c].length)<=Number(y)}return!1}function o(c,d,t,r){return r[c]&&r[c].propertyValue&&String(r[c].propertyValue.value)===String(t)}const i=new Map([["length",n],["getProperty",o]]);Object.keys(e).reduce((c,d)=>(c.set(d,e[d]),c),i);function l(c,d){const t=c;return typeof d=="number"?[{target:t,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:t,operator:"getProperty",param:c,value:!!d}]:typeof d=="object"?Object.keys(d).map(r=>{if(r==="length")return{target:t,operator:"length",param:null,value:d[r]};const m=r,y=d[r];return{target:t,operator:"getProperty",param:m,value:y}}):[]}function s(c){return Object.keys(c).reduce((t,r)=>{const m=l(r,c[r]);return t.push(...m),t},[])}function u(c,d){if(i.has(c.operator)){const t=i.get(c.operator);return t&&t(c.target,c.param,c.value,d)||!1}return!1}function p(c,d){return s(c).reduce((m,y)=>m&&u(y,d),!0)}function f(c,d){const t=Object.keys(c),r=t.includes("allOf"),m=t.includes("anyOf"),y=r||m,b=(y?c[y?r?"allOf":"anyOf":"allOf"]:[c]).map(k=>p(k,d));return r?!b.includes(!1):b.includes(!0)}return{parseValueSchema:f}}const h={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}},Z={},K={};Y();function $(e,n,o=new Map,i=(u,p,f)=>p,l={},s=u=>u){return z[n.title]=n,X[n.title]=i,Z[n.title]=l,K[n.title]=s,(u={})=>{const p=Q(u,n,o),f=Object.keys(e).reduce((c,d)=>(c[d]=e[d].default,c),{});return Object.assign(f,p)}}function ee(e,n){return{customClass:n.class,customStyle:n.style}}const te=new Map([["appearance",ee]]),ne={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-list",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a combo list",type:"string"},type:{description:"The type string of number combo list component",type:"string",default:"combo-list"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disabled:{description:"",type:"boolean",default:!1},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:""},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},data:{description:"",type:"array"},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:"sting",default:""}},required:["id","type"],ignore:["id","appearance","binding"]};function oe(e,n,o){return n}var N=(e=>(e.Text="text",e.Tag="tag",e))(N||{}),U=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(U||{});const V={id:{type:String},data:{type:Array,default:[]},disabled:{default:!1,type:Boolean},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-60-down"></span>'},editable:{default:!1,type:Boolean},enableClear:{default:!0,type:Boolean},enableSearch:{type:Boolean,default:!1},enableTitle:{default:!0,type:Boolean},fitEditor:{default:!1,type:Boolean},forcePlaceholder:{default:!1,type:Boolean},hidePanelOnClear:{default:!0,type:Boolean},idField:{default:"id",type:String},mapFields:{type:Object},maxHeight:{default:350,type:Number},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{},placeholder:{type:String},placement:{type:String,default:"auto"},readonly:{default:!1,type:Boolean},remote:{default:null,type:Object},remoteSearch:{default:!1,type:Boolean},separator:{default:",",type:String},tabIndex:{type:Number,default:-1},textField:{default:"name",type:String},titleField:{default:"name",type:String},valueField:{default:"id",type:String},viewType:{default:"tag",type:String},change:{type:Function,default:()=>{}},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},autoHeight:{type:Boolean,default:!0},beforeOpen:{type:Function,default:null},searchOption:{type:Object,default:!1},enableHighlightSearch:{type:Boolean,default:!0}},P=$(V,ne,te,oe),ie={dataSource:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{type:Boolean,default:!1},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},width:{type:Number},maxHeight:{type:Number},valueField:{type:String,default:"id"},onSelectionChange:{type:Function,default:()=>{}},searchOption:{type:Object,default:!1},enableHighlightSearch:{type:Boolean,default:!0}},le=a.defineComponent({name:"FComboListContainer",props:ie,emits:["selectionChange"],setup(e,n){const o=a.ref(),i=a.ref(e.dataSource),l=a.ref([]),s=a.ref(e.separator),u=a.ref(e.width),p=a.ref(e.maxHeight),f=a.ref(String(e.selectedValues).split(s.value)),c=a.computed(()=>e.multiSelect),d=a.computed(()=>({enableSelectRow:!0,multiSelect:e.multiSelect,multiSelectMode:"OnCheckAndClick",showCheckbox:c.value,showSelectAll:!1,showSelection:!0}));a.watch(e.dataSource,()=>{i.value=e.dataSource});const t=a.computed(()=>e.enableSearch?"SearchBar":"ContentHeader"),r=a.computed(()=>{const g={};return u.value!==void 0&&(g.width=`${u.value}px`),p.value!==void 0&&p.value>0&&(g.maxHeight=`${p.value}px`),g});function m(g){l.value=g.map(C=>Object.assign({},C)),f.value=g.map(C=>C[e.idField]),n.emit("selectionChange",l.value)}function y(g){if(e.enableHighlightSearch)return;let C=[];typeof e.searchOption=="function"?C=i.value.filter(b=>e.searchOption(g,b)):C=i.value.filter(b=>b[e.valueField].indexOf(g)>-1||b[e.textField].indexOf(g)>-1),o.value.updateDataSource(C)}return a.watch([()=>e.selectedValues],([g])=>{f.value=g.split(s.value)}),()=>a.createVNode("div",{class:"f-combo-list-container pl-1",style:r.value},[a.createVNode(R,{ref:o,size:"small",itemClass:"f-combo-list-item",header:t.value,headerClass:"f-combo-list-search-box",data:i.value,idField:e.idField,textField:e.textField,titleField:e.titleField,multiSelect:e.multiSelect,selection:d.value,enableHighlightSearch:e.enableHighlightSearch,selectionValues:f.value,onSelectionChange:m,onAfterSearch:y},null)])}});function ae(e){const n=a.ref(""),o=a.ref(e.modelValue),i=a.ref(e.data||[]),l=a.ref(e.editable);function s(t){const r=String(t).split(e.separator),m=r.map(C=>[C,!0]),y=new Map(m);return i.value.filter(C=>y.has(String(C[e.valueField]))).sort((C,b)=>{const S=r.indexOf(C[e.valueField]),k=r.indexOf(b[e.valueField]);return S-k})}function u(t){const r=s(t).map(m=>m[e.textField]).join(e.separator);n.value=l.value?r||t:r}function p(t){const r=t.split(e.separator).map(y=>[y,!0]),m=new Map(r);return i.value.filter(y=>m.has(y[e.textField]))}function f(t){const r={};return r[e.idField]=t,r[e.textField]=t,[r]}function c(t){let r=p(t);const m=r&&r.length>0;return l.value&&!m&&(r=f(t)),r}function d(){const{url:t,method:r="GET",headers:m={},body:y=null}=e.remote,g=r.toLowerCase()=="get"?{method:r,headers:m}:{method:r,headers:m,body:y};let C=!1;fetch(t,g).then(b=>{var k,B;if(b.status===200)return C=!!((B=(k=b.headers)==null?void 0:k.get("content-type"))!=null&&B.includes("application/json")),C?b.text():b.json();throw new Error(b.statusText)}).then(b=>{i.value=C?JSON.parse(b):b}).catch(b=>{console.error(b)})}return e.remote&&d(),a.watch(()=>e.data,()=>{i.value=e.data}),a.watch([i],([t])=>{if(e.modelValue!=null){const r=t.find(m=>m[e.valueField]===e.modelValue);r&&(n.value=r[e.textField])}}),a.watch(()=>e.modelValue,t=>{o.value=t,u(t)}),u(e.modelValue),{dataSource:i,displayText:n,editable:l,modelValue:o,getItemsByDisplayText:p,getItemsByValue:s,getSelectedItemsByDisplayText:c}}const O=a.defineComponent({name:"FComboList",props:V,emits:["clear","update:modelValue","change","input"],setup(e,n){const o=a.ref(),i=a.ref(e.disabled),l=a.ref(e.enableClear),s=a.ref(e.enableSearch),u=a.ref(e.readonly),{dataSource:p,displayText:f,editable:c,modelValue:d,getSelectedItemsByDisplayText:t}=ae(e),r=a.computed(()=>e.multiSelect),m=a.computed(()=>o.value?o.value.elementRef.getBoundingClientRect().width:0);function y(){!r.value&&o.value&&o.value.hidePopup()}function g(F){f.value=F.map(M=>M[e.textField]).join(e.separator),F.length===1?d.value=F[0][e.valueField]:d.value=F.map(M=>M[e.valueField]).join(e.separator),n.emit("update:modelValue",d.value),n.emit("change",F,d.value),y()}function C(){u.value||o.value.togglePopup()}function b(F){d.value="",n.emit("update:modelValue",""),n.emit("clear")}function S(F){const M=t(F);g(M)}function k(){return f.value}function B(F){n.emit("input",F)}return n.expose({getDisplayText:k}),a.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([F,M,L,j,D])=>{i.value=F,c.value=M,l.value=L,s.value=j,u.value=D}),()=>a.createVNode(W,{ref:o,id:e.id,disable:i.value,readonly:u.value,forcePlaceholder:e.forcePlaceholder,editable:c.value,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:l.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?e.viewType:"text",modelValue:f.value,"onUpdate:modelValue":F=>f.value=F,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated,onClear:b,onClick:C,onChange:S,onInput:B,beforeOpen:e.beforeOpen},{default:()=>[a.createVNode(le,{idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,dataSource:p.value,selectedValues:d.value,multiSelect:e.multiSelect,enableSearch:s.value,maxHeight:e.maxHeight,enableHighlightSearch:e.enableHighlightSearch,width:e.fitEditor?m.value:void 0,onSelectionChange:g},null)]})}}),re=new Map([["appearance",H.resolveAppearance]]);function se(e,n,o){return n}const ce={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/button-edit.schema.json",title:"button-edit",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a Input Group",type:"string"},type:{description:"The type string of Input Group component",type:"string",default:"button-edit"},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},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},require:{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:"sting",default:""},autoComplete:{description:"",type:"boolean",default:!1},buttonContent:{description:"",type:"string",default:""},enableClear:{description:"",type:"boolean",default:!0},inputType:{description:"",type:"string",enum:["text","tag"],default:"text"},multiSelect:{description:"",type:"boolean",default:!1},popup:{description:"",type:"object",properties:{footerButtons:{type:"array",default:[]},height:{type:"number",default:600},dataMapping:{type:"object"},contents:{type:"array",default:[]},showMaxButton:{type:"boolean",default:!0},showCloseButton:{type:"boolean",default:!0},showFooter:{type:"boolean",default:!0},title:{type:"string",default:""},width:{type:"number",default:800}}},separator:{type:"string",default:","},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},wrapText:{type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"]},de={title:"buttonEdit",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:"右对齐"}]}}}}}},G={id:String,buttonContent:{type:String,default:'<i class="f-icon f-icon-lookup"></i>'},buttonBehavior:{type:String,default:"Popup"},autoComplete:{type:Boolean,default:!1},customClass:{type:String,default:""},disable:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},enableClear:{type:Boolean,default:!1},modelValue:{type:String,default:""},readonly:{type:Boolean,default:!1},showButtonWhenDisabled:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!1},inputType:{type:String,default:"text"},forcePlaceholder:{type:Boolean,default:!1},placeholder:{type:String,default:""},minLength:Number,maxLength:Number,tabIndex:Number,popupHost:{type:Object},popupRightBoundary:{type:Object},popupOffsetX:{type:Object},popupOnInput:{type:Boolean,default:!1},popupOnFocus:{type:Boolean,default:!1},popupMinWidth:{type:Number,default:160},modalOptions:{type:Object,default:{}},wrapText:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","},textAlign:{type:String,default:"left"},beforeClickButton:{type:Function,default:null},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},beforeOpen:{type:Function,default:null},updateOn:{type:String,default:"change"}};$(G,ce,re,se,de);const ue={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object},backgroundColor:{type:String,default:""}},pe=a.defineComponent({name:"FOverlay",props:ue,emits:["click"],setup(e,n){const o=a.ref(e.popupContentPosition),i=a.ref(e.host),l=a.computed(()=>({backgroundColor:e.backgroundColor||"",pointerEvents:"auto"}));function s(p){n.emit("click"),p.preventDefault(),p.stopPropagation()}a.computed(()=>{const p=i.value;if(p){const f=p.getBoundingClientRect(),{left:c,top:d,height:t}=f;return{left:c,top:d+t}}return o.value});const u=a.computed(()=>({}));return()=>a.createVNode(a.Teleport,{to:"body"},{default:()=>{var p,f;return[a.createVNode("div",{class:"overlay-container",onClick:c=>s(c),style:l.value},[a.createVNode("div",{style:u.value},[(f=(p=n.slots).default)==null?void 0:f.call(p)])])]}})}});function fe(e){if(e.content&&e.content.render)return e.content.render;if(e.render&&typeof e.render=="function")return e.render}function me(e){const n=document.createElement("div");n.style.display="contents";let o;const i=e.onClickCallback||(()=>{}),l=()=>{i(),o&&o.unmount()};return o=a.createApp({setup(){a.onUnmounted(()=>{document.body.removeChild(n)});const s=fe(e);return()=>a.createVNode(pe,{"popup-content-position":e.popupPosition,host:e.host,onClick:l,backgroundColor:e.backgroundColor},{default:()=>[s&&s()]})}}),document.body.appendChild(n),o.mount(n),o}class ye{static show(n){return me(n)}}const ge=Symbol("FModalService");function q(e,n){function o(){const i=e.beforeOpen||e.beforeClickButton||null;let l=Promise.resolve(!0);if(i){const s=i(n.value);if(typeof s>"u")return l;typeof s=="boolean"?l=Promise.resolve(s):l=s}return l}return{judgeCanOpen:o}}function he(e,n,o,i,l){const s=a.ref(e.buttonBehavior),u=a.ref(e.popupOnInput),p=a.computed(()=>({"input-group-append":!0,"append-force-show":e.showButtonWhenDisabled&&(e.readonly||e.disable)})),{judgeCanOpen:f}=q(e,l),c=a.computed(()=>e.showButtonWhenDisabled||(!e.editable||!e.readonly)&&!e.disable),d=a.inject(ge,null),t=a.ref();async function r(g){if(await f()&&c.value){const C=!!n.slots.default;if(s.value==="Modal"){const b=e.modalOptions,S=d==null?void 0:d.open({...b,render:()=>n.slots.default&&n.slots.default()});t.value=S==null?void 0:S.modalRef}s.value==="Overlay"&&ye.show({host:document.body,backgroundColor:"rgba(0,0,0,.15)",render:()=>n.slots.default&&n.slots.default()}),C&&s.value==="Popup"&&i.togglePopup(!0),C&&u.value&&i.hidePopup(),n.emit("clickButton",{origin:g,value:e.modelValue})}}function m(g){n.emit("mouseEnterIcon",g)}function y(g){n.emit("mouseLeaveIcon",g)}return{buttonGroupClass:p,onClickButton:r,onMouseEnterButton:m,onMouseLeaveButton:y,modalRef:t}}function be(e,n,o,i){const l=a.ref(),s=a.ref(!1),{judgeCanOpen:u}=q(e,i);function p(){const t=l.value;t&&t.show(o.value)}async function f(t=!1){if(!!n.slots.default){if(!t&&!s.value&&!await u())return;s.value=!s.value,await a.nextTick(),p()}}async function c(t=!1){if(!!n.slots.default){if(!t&&!await u())return;s.value=!0,await a.nextTick(),p()}}function d(){s.value=!1}return{hidePopup:d,popup:c,shouldPopupContent:s,togglePopup:f,popoverRef:l}}function Ce(e,n,o){const{buttonGroupClass:i}=o,l=a.ref();return{renderButtonGroup:()=>a.createVNode("div",{id:`${e.id}-button-group`,class:i.value},[n.slots.buttonContent?a.createVNode("span",{class:"input-group-text input-group-append-button"},[n.slots.buttonContent()]):e.buttonContent?a.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:e.buttonContent,ref:l},null):null]),buttonHandleElement:l}}const ve=a.defineComponent({name:"FButtonEdit",props:G,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(e,n){const o=a.ref(),i=a.inject("design-item-context"),l=T.useDesignerComponent(o,i),s=a.ref(e.customClass),u=a.ref(e.modelValue),p=be(e,n,o,u),f=he(e,n,o,p,u),c=a.ref(),d=a.computed(()=>({"f-cmp-inputgroup":!0,"input-group":!0,"f-state-disable":!0,"f-state-editable":!1,"f-state-readonly":!0}));a.onMounted(()=>{o.value.componentInstance=l}),n.expose(l.value);const t=a.computed(()=>{const m={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!e.wrapText};return s.value&&s.value.split(" ").reduce((y,g)=>(y[g]=!0,y),m),m}),{renderButtonGroup:r}=Ce(e,n,f);return()=>a.createVNode("div",a.mergeProps(n.attrs,{ref:o,class:t.value,id:e.id}),[a.createVNode("div",{class:d.value},[a.createVNode("input",{ref:c,class:"form-control",readonly:!0,placeholder:e.placeholder},null),r()])])}});function Se(e,n){e.schema;const o=a.ref(!0),i=a.ref(!0);function l(t){return!1}function s(){return!1}function u(){return!1}function p(){return!0}function f(t){}function c(){}function d(t){return null}return{canAccepts:l,checkCanDeleteComponent:s,checkCanMoveComponent:u,hideNestedPaddingInDesginerView:p,onAcceptMovedChildElement:f,resolveComponentContext:c,triggerBelongedComponentToMoveWhenMoved:o,triggerBelongedComponentToDeleteWhenDeleted:i,getPropsConfig:d}}class Ie{constructor(n,o){v(this,"componentId");v(this,"viewModelId");v(this,"eventsEditorUtils");v(this,"formSchemaUtils");v(this,"formMetadataConverter");v(this,"designViewModelUtils");v(this,"designViewModelField");v(this,"controlCreatorUtils");v(this,"designerHostService");v(this,"schemaService",null);v(this,"metadataService",null);v(this,"propertyConfig",{type:"object",categories:{}});var i;this.componentId=n,this.designerHostService=o,this.eventsEditorUtils=o.eventsEditorUtils,this.formSchemaUtils=o.formSchemaUtils,this.formMetadataConverter=o.formMetadataConverter,this.viewModelId=((i=this.formSchemaUtils)==null?void 0:i.getViewModelIdByComponentId(n))||"",this.designViewModelUtils=o.designViewModelUtils,this.controlCreatorUtils=o.controlCreatorUtils,this.metadataService=o.metadataService,this.schemaService=o.schemaService}getTableInfo(){var n;return(n=this.schemaService)==null?void 0:n.getTableInfoByViewModelId(this.viewModelId)}setDesignViewModelField(n){const o=n.binding&&n.binding.type==="Form"&&n.binding.field;if(o){if(!this.designViewModelField){const i=this.designViewModelUtils.getDgViewModel(this.viewModelId);this.designViewModelField=i.fields.find(l=>l.id===o)}n.updateOn=this.designViewModelField.updateOn}}changeFieldEditorType(n,o){}getBasicPropConfig(n){return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:n.type,name:h[n.type].name}]}}}}}getAppearanceConfig(n=null){return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"}}}}updateElementByParentContainer(n,o){const i=o&&o.parent&&o.parent.schema;if(!i)return;const l=i.contents.findIndex(u=>u.id===n),s=w.cloneDeep(i.contents[l]);i.contents.splice(l,1),i.contents.splice(l,0,s)}}const x=class x{static getEditorTypesByMDataType(n){const o=x.fieldControlTypeMapping[n];return o||[{key:"",value:""}]}static getAllInputTypes(){const n=[];for(let o in x.fieldControlTypeMapping)x.fieldControlTypeMapping[o].forEach(i=>{n.find(l=>l.key===i.key&&l.value===i.value)||n.push({key:i.key,value:i.value})});return n}};v(x,"fieldControlTypeMapping",{String:[{key:h["input-group"].type,value:h["input-group"].name},{key:h.lookup.type,value:h.lookup.name},{key:h["date-picker"].type,value:h["date-picker"].name},{key:h["check-box"].type,value:h["check-box"].name},{key:h["check-group"].type,value:h["check-group"].name},{key:h["radio-group"].type,value:h["radio-group"].name},{key:h["combo-list"].type,value:h["combo-list"].name},{key:h.textarea.type,value:h.textarea.name}],Text:[{key:h.textarea.type,value:h.textarea.name},{key:h.lookup.type,value:h.lookup.name}],Decimal:[{key:h["number-spinner"].type,value:h["number-spinner"].name}],Integer:[{key:h["number-spinner"].type,value:h["number-spinner"].name}],Number:[{key:h["number-spinner"].type,value:h["number-spinner"].name}],BigNumber:[{key:h["number-spinner"].type,value:h["number-spinner"].name}],Date:[{key:h["date-picker"].type,value:h["date-picker"].name}],DateTime:[{key:h["date-picker"].type,value:h["date-picker"].name}],Boolean:[{key:h.switch.type,value:h.switch.name},{key:h["check-box"].type,value:h["check-box"].name}],Enum:[{key:h["combo-list"].type,value:h["combo-list"].name},{key:h["radio-group"].type,value:h["radio-group"].name}],Object:[{key:h.lookup.type,value:h.lookup.name},{key:h["combo-list"].type,value:h["combo-list"].name},{key:h["radio-group"].type,value:h["radio-group"].name}]});let E=x;const Fe=a.ref(0);class ke{constructor(){v(this,"label","");v(this,"id","");v(this,"columnInSM",12);v(this,"columnInMD",6);v(this,"columnInLG",3);v(this,"columnInEL",2);v(this,"displayWidthInSM",1);v(this,"displayWidthInMD",1);v(this,"displayWidthInLG",1);v(this,"displayWidthInEL",1);v(this,"displayColumnCountAtBreakPoint","md");v(this,"tagRow",0);v(this,"showTopBorder",0);v(this,"group",1);v(this,"isSupportedClass",!0);v(this,"fieldSetId","")}}function we(e){let n,o;const i=new Map;let l=[];function s(d,t){const m=d.split(" ").filter(S=>S.startsWith("col-"));if(m.length===0){t.isSupportedClass=!1;return}let y=m.find(S=>/^col-([1-9]|10|11|12)$/.test(S)),g=m.find(S=>/^col-md-([1-9]|10|11|12)$/.test(S)),C=m.find(S=>/^col-xl-([1-9]|10|11|12)$/.test(S)),b=m.find(S=>/^col-el-([1-9]|10|11|12)$/.test(S));y=y||"col-12",t.columnInSM=parseInt(y.replace("col-",""),10),t.displayWidthInSM=t.columnInSM/12,t.displayWidthInSM!==1&&(t.isSupportedClass=!1),g=g||"col-md-"+t.columnInSM,t.columnInMD=parseInt(g.replace("col-md-",""),10),t.displayWidthInMD=t.columnInMD/6,[1,2].includes(t.displayWidthInMD)||(t.isSupportedClass=!1),C=C||"col-xl-"+t.columnInMD,t.columnInLG=parseInt(C.replace("col-xl-",""),10),t.displayWidthInLG=t.columnInLG/3,[1,2,3,4].includes(t.displayWidthInLG)||(t.isSupportedClass=!1),b=b||"col-el-"+t.columnInLG,t.columnInEL=parseInt(b.replace("col-el-",""),10),t.displayWidthInEL=t.columnInEL/2,[1,2,3,4,5,6].includes(t.displayWidthInEL)||(t.isSupportedClass=!1)}function u(d,t,r,m=!1){let y=!1;d.contents.forEach(g=>{if(g.type==="fieldset"){r+=1,u(g,t,r,!0),y=!0;return}y&&(r+=1,y=!1);const C=g.appearance&&g.appearance.class,b=new ke;C?s(C,b):b.isSupportedClass=!1,b.label=g.label||g.id,b.id=g.id,b.group=r,m&&(b.fieldSetId=d.id),o===g.id&&(n=r),i.set(g.id,g),t.push(b)})}function p(d){const t=e.getComponentById(d);if(!t||!t.componentType||!t.componentType.startsWith("form"))return{result:!1,message:"只可以在响应式表单组件中调整响应式布局配置"};const r=e.selectNode(t,m=>m.type===T.DgControl["response-form"].type);return!r||!r.contents||r.contents.length===0?{result:!1,message:"Form区域内没有控件,请先添加控件"}:{result:!0,message:"",formNode:r}}function f(d,t){t=t||d.id;const{result:r,message:m,formNode:y}=p(t);if(!r)return{result:r,message:m};o=d.id,l=[],i.clear();const g=y.contents[0].type===T.DgControl.fieldset.type?0:1;u(y,l,g);const C=l.find(S=>!S.isSupportedClass);return{defaultState:{defaultGroupNumber:n||1,model:C?"customize":"standard"},importData:l}}function c(d,t){t=t;const{result:r,formNode:m}=p(t);if(!r)return"";const y=[];return d.forEach(g=>{var S;const C=i.get(g.id),b=C.appearance&&C.appearance.class;if(b){const B=b.split(" ").filter(Ee=>!Ee.startsWith("col-")),F="col-"+g.columnInSM,M="col-md-"+g.columnInMD,L="col-xl-"+g.columnInLG,j="col-el-"+g.columnInEL,D=[F,M,L,j].concat(B);C.appearance.class=D.join(" ")}if(g.fieldSetId){const k=m.contents.find(F=>F.id===g.fieldSetId),B=y.find(F=>F.id===g.fieldSetId);B?(S=B.contents)==null||S.push(C):(y.push(k),k.contents=[C])}else y.push(C)}),m.contents=y,m.id}return{checkCanFindFormNode:p,checkCanOpenLayoutEditor:f,changeFormControlsByResponseLayoutConfig:c,getResonseFormLayoutConfig:u}}class Be extends Ie{constructor(o,i){super(o,i);v(this,"responseLayoutEditorFunction");this.responseLayoutEditorFunction=we(this.formSchemaUtils)}getPropertyConfig(o,i){return this.propertyConfig.categories.basic=this.getBasicProperties(o,i),this.propertyConfig.categories.appearance=this.getAppearanceProperties(o,i),this.propertyConfig.categories.editor=this.getEditorProperties(o),this.propertyConfig}getBasicProperties(o,i){var p;var l=this;this.setDesignViewModelField(o);const s=this.formSchemaUtils.getFormMetadataBasicInfo(),u=this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);return{description:"Basic Information",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"编辑器类型",title:"编辑器类型",type:"string",refreshPanelAfterChanged:!0,$converter:"/converter/change-editor.converter",editor:{type:"combo-list",textField:"value",valueField:"key",editable:!1,data:l.designViewModelField?E.getEditorTypesByMDataType((p=l.designViewModelField.type)==null?void 0:p.name):E.getAllInputTypes()}},label:{title:"标签",type:"string",$converter:"/converter/form-group-label.converter"},binding:{description:"绑定的表单字段",title:"绑定",$converter:"/converter/field-selector.converter",editor:{type:"field-selector",bindingType:{enable:!1},editorParams:{propertyData:o,formBasicInfo:s},columns:[{field:"name",title:"字段名称"},{field:"bindingField",title:"绑定字段"},{field:"fieldType",title:"字段类型"}],textField:"bindingField",data:u}}},setPropertyRelates(f,c){if(f)switch(f&&f.propertyID){case"type":{l.changeControlType(o,f,i);break}case"label":{f.needRefreshControlTree=!0;break}}}}}getAppearanceProperties(o,i){var l=this;return{title:"样式",description:"Appearance",properties:{class:{title:"class样式",type:"string",description:"组件的CSS样式",$converter:"/converter/appearance.converter"},style:{title:"style样式",type:"string",description:"组件的样式",$converter:"/converter/appearance.converter"},responseLayout:{description:"响应式列宽",title:"响应式列宽",type:"boolean",visible:!0,refreshPanelAfterChanged:!0,editor:{type:"response-layout-editor-setting",initialState:l.responseLayoutEditorFunction.checkCanOpenLayoutEditor(o,l.componentId)}}},setPropertyRelates(s,u){if(s)switch(s&&s.propertyID){case"responseLayout":l.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(s.propertyValue,l.componentId||o.id),l.updateUnifiedLayoutAfterResponseLayoutChanged(l.componentId),l.updateElementByParentContainer(o.id,i),delete o.responseLayout;break;case"class":l.updateUnifiedLayoutAfterControlChanged(s.propertyValue,o.id,this.componentId),l.updateElementByParentContainer(o.id,i);break}}}}getEditorProperties(o){return this.getComponentConfig(o)}changeControlType(o,i,l){var d,t,r,m;const s=i.propertyValue,u=l&&l.parent&&l.parent.schema;if(!u)return;const p=u.contents.findIndex(y=>y.id===o.id),f=u.contents[p];let c;this.designViewModelField&&(this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id,{editor:{$type:s},name:this.designViewModelField.name,require:this.designViewModelField.require,readonly:this.designViewModelField.readonly},!1),c=this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField,s)),c||(c=this.controlCreatorUtils.createFormGroupWithoutField(s)),Object.assign(c,{id:f.id,appearance:f.appearance,size:f.size,label:f.label,binding:f.binding,visible:f.visible}),Object.assign(c.editor,{isTextArea:c.isTextArea&&f.isTextArea,placeholder:(d=f.editor)==null?void 0:d.placeholder,holdPlace:(t=f.editor)==null?void 0:t.holdPlace,readonly:(r=f.editor)==null?void 0:r.readonly,require:(m=f.editor)==null?void 0:m.require}),u.contents.splice(p,1),u.contents.splice(p,0,c),l.schema=Object.assign(f,c),Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(y=>y.classList.remove("dgComponentSelected")),Fe.value++}getComponentConfig(o,i={},l={}){const s=Object.assign({description:"编辑器",title:"编辑器",type:"input-group",$converter:"/converter/property-editor.converter"},i),u=Object.assign({readonly:{description:"",title:"只读",type:"boolean"},disabled:{description:"",title:"禁用",type:"boolean"},placeholder:{description:"空值时,输入控件内的占位文本",title:"提示文本",type:"string"}},l);return{...s,properties:{...u}}}updateUnifiedLayoutAfterControlChanged(o,i,l){const s=o.split(" ");let u=s.find(t=>/^col-([1-9]|10|11|12)$/.test(t)),p=s.find(t=>/^col-md-([1-9]|10|11|12)$/.test(t)),f=s.find(t=>/^col-xl-([1-9]|10|11|12)$/.test(t)),c=s.find(t=>/^col-el-([1-9]|10|11|12)$/.test(t));u=u||"col-12",p=p||"col-md-"+u.replace("col-",""),f=f||"col-xl-"+p.replace("col-md-",""),c=c||"col-el-"+f.replace("col-xl-","");const d={id:i,columnInSM:parseInt(u.replace("col-",""),10),columnInMD:parseInt(p.replace("col-md-",""),10),columnInLG:parseInt(f.replace("col-xl-",""),10),columnInEL:parseInt(c.replace("col-el-",""),10)};this.updateUnifiedLayoutAfterResponseLayoutChanged(l,d)}updateUnifiedLayoutAfterResponseLayoutChanged(o,i){const{formNode:l}=this.responseLayoutEditorFunction.checkCanFindFormNode(o);if(!l||!l.unifiedLayout)return;const s=[];if(this.responseLayoutEditorFunction.getResonseFormLayoutConfig(l,s,1),i){const y=s.find(g=>g.id===i.id);Object.assign(y||{},i)}const u=s.map(y=>y.columnInSM),p=s.map(y=>y.columnInMD),f=s.map(y=>y.columnInLG),c=s.map(y=>y.columnInEL),d=this.checkIsUniqueColumn(u)?u[0]:null,t=this.checkIsUniqueColumn(p)?p[0]:null,r=this.checkIsUniqueColumn(f)?f[0]:null,m=this.checkIsUniqueColumn(c)?c[0]:null;Object.assign(l.unifiedLayout,{uniqueColClassInSM:d,uniqueColClassInMD:t,uniqueColClassInLG:r,uniqueColClassInEL:m})}checkIsUniqueColumn(o){const i=new Set(o);return Array.from(i).length===1}}class Me extends Be{constructor(n,o){super(n,o)}getEditorProperties(n){return this.getComponentConfig(n,{type:"combo-list"},{editable:{description:"",title:"允许编辑",type:"boolean"},textField:{description:"",title:"数据源显示字段",type:"string"},idField:{description:"",title:"数据源值字段",type:"string"}})}}function xe(e,n){const{canAccepts:o,checkCanDeleteComponent:i,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:u,resolveComponentContext:p,triggerBelongedComponentToMoveWhenMoved:f,triggerBelongedComponentToDeleteWhenDeleted:c}=Se(e),d=e.schema;function t(r,m){return new Me(r,n).getPropertyConfig(d,m)}return{canAccepts:o,checkCanDeleteComponent:i,checkCanMoveComponent:l,hideNestedPaddingInDesginerView:s,onAcceptMovedChildElement:u,resolveComponentContext:p,triggerBelongedComponentToMoveWhenMoved:f,triggerBelongedComponentToDeleteWhenDeleted:c,getPropsConfig:t}}const Oe=a.defineComponent({name:"FComboListDesign",props:V,emits:["clear","update:modelValue","change"],setup(e,n){const o=a.ref(),i=a.inject("designer-host-service"),l=a.inject("design-item-context"),s=xe(l,i),u=T.useDesignerComponent(o,l,s);return a.onMounted(()=>{o.value.componentInstance=u}),n.expose(u.value),()=>a.createVNode(ve,{ref:o,buttonContent:e.dropDownIcon,readonly:!0,editable:!1,forcePlaceholder:!0,placeholder:e.placeholder,enableClear:!0},null)}}),Te=e=>{const n=e;return n.install=function(o){o.component(n.name,e)},e};O.register=(e,n,o,i)=>{e["combo-list"]=O,n["combo-list"]=P},O.registerDesigner=(e,n,o)=>{e["combo-list"]=Oe,n["combo-list"]=P};const Ve=Te(O);I.FComboList=O,I.Placement=U,I.ViewType=N,I.comboListProps=V,I.default=Ve,I.propsResolver=P,Object.defineProperties(I,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
@@ -5,43 +5,43 @@ import D from "../tree-view/index.esm.js";
|
|
|
5
5
|
import { withInstall as E } from "../common/index.esm.js";
|
|
6
6
|
const H = {}, R = {};
|
|
7
7
|
function V(e) {
|
|
8
|
-
const { properties: l, title: d, ignore:
|
|
9
|
-
return (!u || !
|
|
8
|
+
const { properties: l, title: d, ignore: r } = e, u = r && Array.isArray(r), f = Object.keys(l).reduce((s, c) => ((!u || !r.find((p) => p == c)) && (s[c] = l[c].type === "object" && l[c].properties ? V(l[c]) : N(l[c].default)), s), {});
|
|
9
|
+
return d && (!u || !r.find((s) => s == "id")) && (f.id = `${d}-${Date.now()}`), f;
|
|
10
10
|
}
|
|
11
11
|
function $(e, l) {
|
|
12
12
|
const d = V(l);
|
|
13
|
-
return Object.keys(e).reduce((
|
|
13
|
+
return Object.keys(e).reduce((r, u) => (r[u] && O(r[u]) && O(e[u]) ? Object.assign(r[u], e[u]) : r[u] = e[u], r), d), d;
|
|
14
14
|
}
|
|
15
15
|
function A(e, l) {
|
|
16
|
-
return Object.keys(e).filter((
|
|
16
|
+
return Object.keys(e).filter((r) => e[r] != null).reduce((r, u) => {
|
|
17
17
|
if (l.has(u)) {
|
|
18
18
|
const f = l.get(u);
|
|
19
19
|
if (typeof f == "string")
|
|
20
|
-
|
|
20
|
+
r[f] = e[u];
|
|
21
21
|
else {
|
|
22
22
|
const s = f(u, e[u], e);
|
|
23
|
-
Object.assign(
|
|
23
|
+
Object.assign(r, s);
|
|
24
24
|
}
|
|
25
25
|
} else
|
|
26
|
-
|
|
27
|
-
return
|
|
26
|
+
r[u] = e[u];
|
|
27
|
+
return r;
|
|
28
28
|
}, {});
|
|
29
29
|
}
|
|
30
30
|
function L(e, l, d = /* @__PURE__ */ new Map()) {
|
|
31
|
-
const
|
|
32
|
-
return A(
|
|
31
|
+
const r = $(e, l);
|
|
32
|
+
return A(r, d);
|
|
33
33
|
}
|
|
34
34
|
function q(e = {}) {
|
|
35
35
|
function l(n, t, a, o) {
|
|
36
36
|
if (typeof a == "number")
|
|
37
37
|
return o[n].length === a;
|
|
38
38
|
if (typeof a == "object") {
|
|
39
|
-
const
|
|
40
|
-
if (
|
|
39
|
+
const i = Object.keys(a)[0], m = a[i];
|
|
40
|
+
if (i === "not")
|
|
41
41
|
return Number(o[n].length) !== Number(m);
|
|
42
|
-
if (
|
|
42
|
+
if (i === "moreThan")
|
|
43
43
|
return Number(o[n].length) >= Number(m);
|
|
44
|
-
if (
|
|
44
|
+
if (i === "lessThan")
|
|
45
45
|
return Number(o[n].length) <= Number(m);
|
|
46
46
|
}
|
|
47
47
|
return !1;
|
|
@@ -49,46 +49,46 @@ function q(e = {}) {
|
|
|
49
49
|
function d(n, t, a, o) {
|
|
50
50
|
return o[n] && o[n].propertyValue && String(o[n].propertyValue.value) === String(a);
|
|
51
51
|
}
|
|
52
|
-
const
|
|
52
|
+
const r = /* @__PURE__ */ new Map([
|
|
53
53
|
["length", l],
|
|
54
54
|
["getProperty", d]
|
|
55
55
|
]);
|
|
56
|
-
Object.keys(e).reduce((n, t) => (n.set(t, e[t]), n),
|
|
56
|
+
Object.keys(e).reduce((n, t) => (n.set(t, e[t]), n), r);
|
|
57
57
|
function u(n, t) {
|
|
58
58
|
const a = n;
|
|
59
59
|
return typeof t == "number" ? [{ target: a, operator: "length", param: null, value: Number(t) }] : typeof t == "boolean" ? [{ target: a, operator: "getProperty", param: n, value: !!t }] : typeof t == "object" ? Object.keys(t).map((o) => {
|
|
60
60
|
if (o === "length")
|
|
61
61
|
return { target: a, operator: "length", param: null, value: t[o] };
|
|
62
|
-
const
|
|
63
|
-
return { target: a, operator: "getProperty", param:
|
|
62
|
+
const i = o, m = t[o];
|
|
63
|
+
return { target: a, operator: "getProperty", param: i, value: m };
|
|
64
64
|
}) : [];
|
|
65
65
|
}
|
|
66
66
|
function f(n) {
|
|
67
67
|
return Object.keys(n).reduce((a, o) => {
|
|
68
|
-
const
|
|
69
|
-
return a.push(...
|
|
68
|
+
const i = u(o, n[o]);
|
|
69
|
+
return a.push(...i), a;
|
|
70
70
|
}, []);
|
|
71
71
|
}
|
|
72
72
|
function s(n, t) {
|
|
73
|
-
if (
|
|
74
|
-
const a =
|
|
73
|
+
if (r.has(n.operator)) {
|
|
74
|
+
const a = r.get(n.operator);
|
|
75
75
|
return a && a(n.target, n.param, n.value, t) || !1;
|
|
76
76
|
}
|
|
77
77
|
return !1;
|
|
78
78
|
}
|
|
79
79
|
function c(n, t) {
|
|
80
|
-
return f(n).reduce((
|
|
80
|
+
return f(n).reduce((i, m) => i && s(m, t), !0);
|
|
81
81
|
}
|
|
82
82
|
function p(n, t) {
|
|
83
|
-
const a = Object.keys(n), o = a.includes("allOf"),
|
|
83
|
+
const a = Object.keys(n), o = a.includes("allOf"), i = a.includes("anyOf"), m = o || i, g = (m ? n[m ? o ? "allOf" : "anyOf" : "allOf"] : [n]).map((F) => c(F, t));
|
|
84
84
|
return o ? !g.includes(!1) : g.includes(!0);
|
|
85
85
|
}
|
|
86
86
|
return { parseValueSchema: p };
|
|
87
87
|
}
|
|
88
88
|
const U = {}, W = {};
|
|
89
89
|
q();
|
|
90
|
-
function z(e, l, d = /* @__PURE__ */ new Map(),
|
|
91
|
-
return H[l.title] = l, R[l.title] =
|
|
90
|
+
function z(e, l, d = /* @__PURE__ */ new Map(), r = (s, c, p) => c, u = {}, f = (s) => s) {
|
|
91
|
+
return H[l.title] = l, R[l.title] = r, U[l.title] = u, W[l.title] = f, (s = {}) => {
|
|
92
92
|
const c = L(s, l, d), p = Object.keys(e).reduce((n, t) => (n[t] = e[t].default, n), {});
|
|
93
93
|
return Object.assign(p, c);
|
|
94
94
|
};
|
|
@@ -98,7 +98,7 @@ function G(e, l) {
|
|
|
98
98
|
}
|
|
99
99
|
const J = /* @__PURE__ */ new Map([
|
|
100
100
|
["appearance", G]
|
|
101
|
-
]), Q = "https://json-schema.org/draft/2020-12/schema", X = "https://farris-design.gitee.io/combo-list.schema.json", Y = "combo-
|
|
101
|
+
]), Q = "https://json-schema.org/draft/2020-12/schema", X = "https://farris-design.gitee.io/combo-list.schema.json", Y = "combo-tree", Z = "A Farris Input Component", _ = "object", K = {
|
|
102
102
|
id: {
|
|
103
103
|
description: "The unique identifier for a combo list",
|
|
104
104
|
type: "string"
|
|
@@ -106,7 +106,7 @@ const J = /* @__PURE__ */ new Map([
|
|
|
106
106
|
type: {
|
|
107
107
|
description: "The type string of number combo list component",
|
|
108
108
|
type: "string",
|
|
109
|
-
default: "combo-
|
|
109
|
+
default: "combo-tree"
|
|
110
110
|
},
|
|
111
111
|
appearance: {
|
|
112
112
|
description: "",
|
|
@@ -398,7 +398,7 @@ const j = {
|
|
|
398
398
|
props: re,
|
|
399
399
|
emits: ["selectionChange"],
|
|
400
400
|
setup(e, l) {
|
|
401
|
-
const d = y(e.data),
|
|
401
|
+
const d = y(e.data), r = y([]), u = y(e.separator), f = y(e.width), s = y(e.height), c = y(e.maxHeight), p = y(String(e.selectedValues).split(u.value));
|
|
402
402
|
let n = null;
|
|
403
403
|
e.repositoryToken && (n = M(e.repositoryToken));
|
|
404
404
|
const t = v(() => [{
|
|
@@ -407,15 +407,15 @@ const j = {
|
|
|
407
407
|
dataType: "string",
|
|
408
408
|
formatter: e.formatter
|
|
409
409
|
}]), a = v(() => {
|
|
410
|
-
const
|
|
411
|
-
return f.value !== void 0 && (
|
|
410
|
+
const i = {};
|
|
411
|
+
return f.value !== void 0 && (i.width = `${f.value}px`), s.value !== void 0 && (i.height = `${s.value}px`), c.value !== void 0 && c.value > 0 && (i.maxHeight = `${c.value}px`, i.overflow = "auto"), i;
|
|
412
412
|
});
|
|
413
|
-
function o(
|
|
414
|
-
|
|
413
|
+
function o(i) {
|
|
414
|
+
r.value = i.map((m) => Object.assign({}, m)), p.value = i.map((m) => m[e.idField]), l.emit("selectionChange", r.value);
|
|
415
415
|
}
|
|
416
416
|
return I(() => {
|
|
417
|
-
n && n.getData(e.editorParams).then((
|
|
418
|
-
d.value =
|
|
417
|
+
n && n.getData(e.editorParams).then((i) => {
|
|
418
|
+
d.value = i;
|
|
419
419
|
});
|
|
420
420
|
}), () => S("div", {
|
|
421
421
|
class: "f-combo-tree-container",
|
|
@@ -430,18 +430,18 @@ const j = {
|
|
|
430
430
|
}
|
|
431
431
|
});
|
|
432
432
|
function ue(e) {
|
|
433
|
-
const l = y(""), d = y(e.modelValue),
|
|
433
|
+
const l = y(""), d = y(e.modelValue), r = y(e.data || []), u = y(e.editable);
|
|
434
434
|
function f(t) {
|
|
435
|
-
const a = String(t).split(e.separator).map((
|
|
436
|
-
return
|
|
435
|
+
const a = String(t).split(e.separator).map((i) => [i, !0]), o = new Map(a);
|
|
436
|
+
return r.value.filter((i) => i.data ? o.has(String(i.data[e.valueField])) : o.has(String(i[e.valueField]))).map((i) => i.data ? i.data : i);
|
|
437
437
|
}
|
|
438
438
|
function s(t) {
|
|
439
439
|
const a = f(t).map((o) => o[e.textField]).join(e.separator);
|
|
440
440
|
l.value = u.value ? a || t : a;
|
|
441
441
|
}
|
|
442
442
|
function c(t) {
|
|
443
|
-
const a = t.split(e.separator).map((
|
|
444
|
-
return
|
|
443
|
+
const a = t.split(e.separator).map((i) => [i, !0]), o = new Map(a);
|
|
444
|
+
return r.value.filter((i) => o.has(i[e.textField]));
|
|
445
445
|
}
|
|
446
446
|
function p(t) {
|
|
447
447
|
const a = {};
|
|
@@ -453,15 +453,15 @@ function ue(e) {
|
|
|
453
453
|
return u.value && !o && (a = p(t)), a;
|
|
454
454
|
}
|
|
455
455
|
return h(() => e.data, () => {
|
|
456
|
-
|
|
457
|
-
}), h([
|
|
456
|
+
r.value = e.data;
|
|
457
|
+
}), h([r], ([t]) => {
|
|
458
458
|
if (e.modelValue) {
|
|
459
459
|
const a = t.find((o) => o[e.valueField] === e.modelValue);
|
|
460
460
|
a && (l.value = a[e.textField]);
|
|
461
461
|
}
|
|
462
462
|
}), h(() => e.modelValue, (t) => {
|
|
463
463
|
d.value = t, s(t);
|
|
464
|
-
}), s(e.modelValue), { dataSource:
|
|
464
|
+
}), s(e.modelValue), { dataSource: r, displayText: l, editable: u, modelValue: d, getItemsByDisplayText: c, getItemsByValue: f, getSelectedItemsByDisplayText: n };
|
|
465
465
|
}
|
|
466
466
|
const C = /* @__PURE__ */ B({
|
|
467
467
|
name: "FComboTree",
|
|
@@ -469,7 +469,7 @@ const C = /* @__PURE__ */ B({
|
|
|
469
469
|
emits: ["clear", "update:modelValue", "change"],
|
|
470
470
|
setup(e, l) {
|
|
471
471
|
return () => {
|
|
472
|
-
const d = y(),
|
|
472
|
+
const d = y(), r = y(e.disabled), u = y(e.enableClear), f = y(e.enableSearch), s = y(e.readonly), {
|
|
473
473
|
dataSource: c,
|
|
474
474
|
displayText: p,
|
|
475
475
|
editable: n,
|
|
@@ -477,11 +477,11 @@ const C = /* @__PURE__ */ B({
|
|
|
477
477
|
getSelectedItemsByDisplayText: a
|
|
478
478
|
} = ue(e), o = v(() => e.multiSelect);
|
|
479
479
|
v(() => d.value ? d.value.elementRef.getBoundingClientRect().width : 0);
|
|
480
|
-
function
|
|
480
|
+
function i() {
|
|
481
481
|
!o.value && d.value && d.value.hidePopup();
|
|
482
482
|
}
|
|
483
483
|
function m(g) {
|
|
484
|
-
p.value = g.map((b) => b[e.textField]).join(e.separator), t.value = g.map((b) => b[e.valueField]).join(e.separator), l.emit("update:modelValue", t.value), l.emit("change", g, t.value),
|
|
484
|
+
p.value = g.map((b) => b[e.textField]).join(e.separator), t.value = g.map((b) => b[e.valueField]).join(e.separator), l.emit("update:modelValue", t.value), l.emit("change", g, t.value), i();
|
|
485
485
|
}
|
|
486
486
|
function x(g) {
|
|
487
487
|
t.value = "", l.emit("update:modelValue", ""), l.emit("clear");
|
|
@@ -491,11 +491,11 @@ const C = /* @__PURE__ */ B({
|
|
|
491
491
|
m(b);
|
|
492
492
|
}
|
|
493
493
|
return h([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([g, b, F, P, w]) => {
|
|
494
|
-
|
|
494
|
+
r.value = g, n.value = b, u.value = F, f.value = P, s.value = w;
|
|
495
495
|
}), S(k, {
|
|
496
496
|
ref: d,
|
|
497
497
|
id: e.id,
|
|
498
|
-
disable:
|
|
498
|
+
disable: r.value,
|
|
499
499
|
readonly: s.value,
|
|
500
500
|
forcePlaceholder: e.forcePlaceholder,
|
|
501
501
|
editable: n.value,
|
|
@@ -531,7 +531,7 @@ const C = /* @__PURE__ */ B({
|
|
|
531
531
|
};
|
|
532
532
|
}
|
|
533
533
|
});
|
|
534
|
-
C.register = (e, l, d,
|
|
534
|
+
C.register = (e, l, d, r) => {
|
|
535
535
|
e["combo-tree"] = C, l["combo-tree"] = ie;
|
|
536
536
|
};
|
|
537
537
|
const ye = E(C);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(p,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("../button-edit/index.umd.js"),require("lodash-es"),require("../tree-view/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../button-edit/index.umd.js","lodash-es","../tree-view/index.umd.js","../common/index.umd.js"],r):(p=typeof globalThis<"u"?globalThis:p||self,r(p["combo-tree"]={},p.Vue,p.FButtonEdit,p.LodashES,p.FTreeView,p.common))})(this,function(p,r,w,x,P,M){"use strict";const N={},I={};function v(e){const{properties:l,title:s,ignore:i}=e,d=i&&Array.isArray(i),m=Object.keys(l).reduce((c,f)=>((!d||!i.find(g=>g==f))&&(c[f]=l[f].type==="object"&&l[f].properties?v(l[f]):x.cloneDeep(l[f].default)),c),{});return(!d||!i.find(c=>c=="id"))&&(m.id=`${s}-${Date.now()}`),m}function k(e,l){const s=v(l);return Object.keys(e).reduce((i,d)=>(i[d]&&x.isPlainObject(i[d])&&x.isPlainObject(e[d])?Object.assign(i[d],e[d]):i[d]=e[d],i),s),s}function D(e,l){return Object.keys(e).filter(i=>e[i]!=null).reduce((i,d)=>{if(l.has(d)){const m=l.get(d);if(typeof m=="string")i[m]=e[d];else{const c=m(d,e[d],e);Object.assign(i,c)}}else i[d]=e[d];return i},{})}function E(e,l,s=new Map){const i=k(e,l);return D(i,s)}function $(e={}){function l(a,t,n,u){if(typeof n=="number")return u[a].length===n;if(typeof n=="object"){const o=Object.keys(n)[0],y=n[o];if(o==="not")return Number(u[a].length)!==Number(y);if(o==="moreThan")return Number(u[a].length)>=Number(y);if(o==="lessThan")return Number(u[a].length)<=Number(y)}return!1}function s(a,t,n,u){return u[a]&&u[a].propertyValue&&String(u[a].propertyValue.value)===String(n)}const i=new Map([["length",l],["getProperty",s]]);Object.keys(e).reduce((a,t)=>(a.set(t,e[t]),a),i);function d(a,t){const n=a;return typeof t=="number"?[{target:n,operator:"length",param:null,value:Number(t)}]:typeof t=="boolean"?[{target:n,operator:"getProperty",param:a,value:!!t}]:typeof t=="object"?Object.keys(t).map(u=>{if(u==="length")return{target:n,operator:"length",param:null,value:t[u]};const o=u,y=t[u];return{target:n,operator:"getProperty",param:o,value:y}}):[]}function m(a){return Object.keys(a).reduce((n,u)=>{const o=d(u,a[u]);return n.push(...o),n},[])}function c(a,t){if(i.has(a.operator)){const n=i.get(a.operator);return n&&n(a.target,a.param,a.value,t)||!1}return!1}function f(a,t){return m(a).reduce((o,y)=>o&&c(y,t),!0)}function g(a,t){const n=Object.keys(a),u=n.includes("allOf"),o=n.includes("anyOf"),y=u||o,b=(y?a[y?u?"allOf":"anyOf":"allOf"]:[a]).map(T=>f(T,t));return u?!b.includes(!1):b.includes(!0)}return{parseValueSchema:g}}const R={},q={};$();function H(e,l,s=new Map,i=(c,f,g)=>f,d={},m=c=>c){return N[l.title]=l,I[l.title]=i,R[l.title]=d,q[l.title]=m,(c={})=>{const f=E(c,l,s),g=Object.keys(e).reduce((a,t)=>(a[t]=e[t].default,a),{});return Object.assign(g,f)}}function L(e,l){return{customClass:l.class,customStyle:l.style}}const A=new Map([["appearance",L]]),_={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-list",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a combo list",type:"string"},type:{description:"The type string of number combo list component",type:"string",default:"combo-list"},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:""},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},data:{description:"",type:"array"},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:"sting",default:""}},required:["id","type"]};function U(e,l,s){return l}var j=(e=>(e.Text="text",e.Tag="tag",e))(j||{}),O=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(O||{});const C={id:{type:String},data:{type:Array,default:[]},displayText:{type:String,default:""},disabled:{type:Boolean,default:!1},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-60-down"></span>'},editable:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!0},enableSearch:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!0},fitEditor:{type:Boolean,default:!1},forcePlaceholder:{type:Boolean,default:!1},hidePanelOnClear:{type:Boolean,default:!0},idField:{type:String,default:"id"},mapFields:{type:Object},maxHeight:{type:Number,default:350},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{type:String,default:""},placeholder:{type:String},placement:{type:String,default:"auto"},readonly:{type:Boolean,default:!1},remoteSearch:{type:Boolean,default:!1},separator:{type:String,default:","},tabIndex:{type:Number,default:-1},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},valueField:{type:String,default:"id"},viewType:{type:String,default:"text"},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},formatter:{type:Function,default:null},editorParams:{type:Object},repositoryToken:{type:Symbol,default:null}},V=H(C,_,A,U),W={data:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{default:!1,type:Boolean},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},width:{type:Number},height:{type:Number},valueField:{type:String,default:"id"},formatter:{type:Function},maxHeight:{type:Number,default:350},repositoryToken:{type:Symbol,default:null},editorParams:{type:Object}},z=r.defineComponent({name:"FComboTreeContainer",props:W,emits:["selectionChange"],setup(e,l){const s=r.ref(e.data),i=r.ref([]),d=r.ref(e.separator),m=r.ref(e.width),c=r.ref(e.height),f=r.ref(e.maxHeight),g=r.ref(String(e.selectedValues).split(d.value));let a=null;e.repositoryToken&&(a=r.inject(e.repositoryToken));const t=r.computed(()=>[{field:e.textField,title:"",dataType:"string",formatter:e.formatter}]),n=r.computed(()=>{const o={};return m.value!==void 0&&(o.width=`${m.value}px`),c.value!==void 0&&(o.height=`${c.value}px`),f.value!==void 0&&f.value>0&&(o.maxHeight=`${f.value}px`,o.overflow="auto"),o});function u(o){i.value=o.map(y=>Object.assign({},y)),g.value=o.map(y=>y[e.idField]),l.emit("selectionChange",i.value)}return r.onMounted(()=>{a&&a.getData(e.editorParams).then(o=>{s.value=o})}),()=>r.createVNode("div",{class:"f-combo-tree-container",style:n.value},[r.createVNode(P,{data:s.value,idField:e.idField,columns:t.value,"selection-values":g.value,onSelectionChange:u},null)])}});function G(e){const l=r.ref(""),s=r.ref(e.modelValue),i=r.ref(e.data||[]),d=r.ref(e.editable);function m(t){const n=String(t).split(e.separator).map(o=>[o,!0]),u=new Map(n);return i.value.filter(o=>o.data?u.has(String(o.data[e.valueField])):!0).map(o=>o.data)}function c(t){const n=m(t).map(u=>u[e.textField]).join(e.separator);l.value=d.value?n||t:n}function f(t){const n=t.split(e.separator).map(o=>[o,!0]),u=new Map(n);return i.value.filter(o=>u.has(o[e.textField]))}function g(t){const n={};return n[e.idField]=t,n[e.textField]=t,[n]}function a(t){let n=f(t);const u=n&&n.length>0;return d.value&&!u&&(n=g(t)),n}return r.watch(()=>e.data,()=>{i.value=e.data}),r.watch([i],([t])=>{if(e.modelValue){const n=t.find(u=>u[e.valueField]===e.modelValue);n&&(l.value=n[e.textField])}}),r.watch(()=>e.modelValue,t=>{s.value=t,c(t)}),c(e.modelValue),{dataSource:i,displayText:l,editable:d,modelValue:s,getItemsByDisplayText:f,getItemsByValue:m,getSelectedItemsByDisplayText:a}}const S=r.defineComponent({name:"FComboTree",props:C,emits:["clear","update:modelValue","change"],setup(e,l){return()=>{const s=r.ref(),i=r.ref(e.disabled),d=r.ref(e.enableClear),m=r.ref(e.enableSearch),c=r.ref(e.readonly),{dataSource:f,displayText:g,editable:a,modelValue:t,getSelectedItemsByDisplayText:n}=G(e),u=r.computed(()=>e.multiSelect);r.computed(()=>s.value?s.value.elementRef.getBoundingClientRect().width:0);function o(){!u.value&&s.value&&s.value.hidePopup()}function y(b){g.value=b.map(h=>h[e.textField]).join(e.separator),t.value=b.map(h=>h[e.valueField]).join(e.separator),l.emit("update:modelValue",t.value),l.emit("change",b,t.value),o()}function F(b){t.value="",l.emit("update:modelValue",""),l.emit("clear")}function B(b){const h=n(b);y(h)}return r.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([b,h,T,Q,X])=>{i.value=b,a.value=h,d.value=T,m.value=Q,c.value=X}),r.createVNode(w,{ref:s,id:e.id,disable:i.value,readonly:c.value,forcePlaceholder:e.forcePlaceholder,editable:a.value,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:d.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?"tag":"text",modelValue:g.value,"onUpdate:modelValue":b=>g.value=b,onClear:F,onChange:B,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated},{default:()=>[r.createVNode(z,{maxHeight:e.maxHeight,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,data:f.value,selectedValues:t.value,onSelectionChange:y,formatter:e.formatter,editorParams:e.editorParams,repositoryToken:e.repositoryToken},null)]})}}});S.register=(e,l,s,i)=>{e["combo-tree"]=S,l["combo-tree"]=V};const J=M.withInstall(S);p.FComboTree=S,p.Placement=O,p.ViewType=j,p.comboTreeProps=C,p.default=J,p.propsResolver=V,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(p,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue"),require("../button-edit/index.umd.js"),require("lodash-es"),require("../tree-view/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../button-edit/index.umd.js","lodash-es","../tree-view/index.umd.js","../common/index.umd.js"],o):(p=typeof globalThis<"u"?globalThis:p||self,o(p["combo-tree"]={},p.Vue,p.FButtonEdit,p.LodashES,p.FTreeView,p.common))})(this,function(p,o,w,x,P,M){"use strict";const N={},I={};function v(e){const{properties:l,title:s,ignore:r}=e,d=r&&Array.isArray(r),m=Object.keys(l).reduce((c,f)=>((!d||!r.find(g=>g==f))&&(c[f]=l[f].type==="object"&&l[f].properties?v(l[f]):x.cloneDeep(l[f].default)),c),{});return s&&(!d||!r.find(c=>c=="id"))&&(m.id=`${s}-${Date.now()}`),m}function k(e,l){const s=v(l);return Object.keys(e).reduce((r,d)=>(r[d]&&x.isPlainObject(r[d])&&x.isPlainObject(e[d])?Object.assign(r[d],e[d]):r[d]=e[d],r),s),s}function D(e,l){return Object.keys(e).filter(r=>e[r]!=null).reduce((r,d)=>{if(l.has(d)){const m=l.get(d);if(typeof m=="string")r[m]=e[d];else{const c=m(d,e[d],e);Object.assign(r,c)}}else r[d]=e[d];return r},{})}function E(e,l,s=new Map){const r=k(e,l);return D(r,s)}function $(e={}){function l(a,t,n,u){if(typeof n=="number")return u[a].length===n;if(typeof n=="object"){const i=Object.keys(n)[0],y=n[i];if(i==="not")return Number(u[a].length)!==Number(y);if(i==="moreThan")return Number(u[a].length)>=Number(y);if(i==="lessThan")return Number(u[a].length)<=Number(y)}return!1}function s(a,t,n,u){return u[a]&&u[a].propertyValue&&String(u[a].propertyValue.value)===String(n)}const r=new Map([["length",l],["getProperty",s]]);Object.keys(e).reduce((a,t)=>(a.set(t,e[t]),a),r);function d(a,t){const n=a;return typeof t=="number"?[{target:n,operator:"length",param:null,value:Number(t)}]:typeof t=="boolean"?[{target:n,operator:"getProperty",param:a,value:!!t}]:typeof t=="object"?Object.keys(t).map(u=>{if(u==="length")return{target:n,operator:"length",param:null,value:t[u]};const i=u,y=t[u];return{target:n,operator:"getProperty",param:i,value:y}}):[]}function m(a){return Object.keys(a).reduce((n,u)=>{const i=d(u,a[u]);return n.push(...i),n},[])}function c(a,t){if(r.has(a.operator)){const n=r.get(a.operator);return n&&n(a.target,a.param,a.value,t)||!1}return!1}function f(a,t){return m(a).reduce((i,y)=>i&&c(y,t),!0)}function g(a,t){const n=Object.keys(a),u=n.includes("allOf"),i=n.includes("anyOf"),y=u||i,b=(y?a[y?u?"allOf":"anyOf":"allOf"]:[a]).map(T=>f(T,t));return u?!b.includes(!1):b.includes(!0)}return{parseValueSchema:g}}const R={},q={};$();function H(e,l,s=new Map,r=(c,f,g)=>f,d={},m=c=>c){return N[l.title]=l,I[l.title]=r,R[l.title]=d,q[l.title]=m,(c={})=>{const f=E(c,l,s),g=Object.keys(e).reduce((a,t)=>(a[t]=e[t].default,a),{});return Object.assign(g,f)}}function L(e,l){return{customClass:l.class,customStyle:l.style}}const A=new Map([["appearance",L]]),_={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/combo-list.schema.json",title:"combo-tree",description:"A Farris Input Component",type:"object",properties:{id:{description:"The unique identifier for a combo list",type:"string"},type:{description:"The type string of number combo list component",type:"string",default:"combo-tree"},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:""},valueField:{description:"",type:"string",default:"id"},titleField:{description:"",type:"string",default:"name"},textField:{description:"",type:"string",default:"name"},data:{description:"",type:"array"},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:"sting",default:""}},required:["id","type"]};function U(e,l,s){return l}var j=(e=>(e.Text="text",e.Tag="tag",e))(j||{}),O=(e=>(e.top="top",e.bottom="bottom",e.auto="auto",e))(O||{});const F={id:{type:String},data:{type:Array,default:[]},displayText:{type:String,default:""},disabled:{type:Boolean,default:!1},dropDownIcon:{type:String,default:'<span class="f-icon f-icon-arrow-60-down"></span>'},editable:{type:Boolean,default:!1},enableClear:{type:Boolean,default:!0},enableSearch:{type:Boolean,default:!1},enableTitle:{type:Boolean,default:!0},fitEditor:{type:Boolean,default:!1},forcePlaceholder:{type:Boolean,default:!1},hidePanelOnClear:{type:Boolean,default:!0},idField:{type:String,default:"id"},mapFields:{type:Object},maxHeight:{type:Number,default:350},maxLength:{type:Number},multiSelect:{type:Boolean,default:!1},modelValue:{type:String,default:""},placeholder:{type:String},placement:{type:String,default:"auto"},readonly:{type:Boolean,default:!1},remoteSearch:{type:Boolean,default:!1},separator:{type:String,default:","},tabIndex:{type:Number,default:-1},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},valueField:{type:String,default:"id"},viewType:{type:String,default:"text"},focusOnCreated:{type:Boolean,default:!1},selectOnCreated:{type:Boolean,default:!1},formatter:{type:Function,default:null},editorParams:{type:Object},repositoryToken:{type:Symbol,default:null}},V=H(F,_,A,U),W={data:{type:Array,default:[]},enableSearch:{type:Boolean,default:!1},idField:{type:String,default:"id"},multiSelect:{default:!1,type:Boolean},selectedValues:{type:String,default:""},separator:{type:String,default:","},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},width:{type:Number},height:{type:Number},valueField:{type:String,default:"id"},formatter:{type:Function},maxHeight:{type:Number,default:350},repositoryToken:{type:Symbol,default:null},editorParams:{type:Object}},z=o.defineComponent({name:"FComboTreeContainer",props:W,emits:["selectionChange"],setup(e,l){const s=o.ref(e.data),r=o.ref([]),d=o.ref(e.separator),m=o.ref(e.width),c=o.ref(e.height),f=o.ref(e.maxHeight),g=o.ref(String(e.selectedValues).split(d.value));let a=null;e.repositoryToken&&(a=o.inject(e.repositoryToken));const t=o.computed(()=>[{field:e.textField,title:"",dataType:"string",formatter:e.formatter}]),n=o.computed(()=>{const i={};return m.value!==void 0&&(i.width=`${m.value}px`),c.value!==void 0&&(i.height=`${c.value}px`),f.value!==void 0&&f.value>0&&(i.maxHeight=`${f.value}px`,i.overflow="auto"),i});function u(i){r.value=i.map(y=>Object.assign({},y)),g.value=i.map(y=>y[e.idField]),l.emit("selectionChange",r.value)}return o.onMounted(()=>{a&&a.getData(e.editorParams).then(i=>{s.value=i})}),()=>o.createVNode("div",{class:"f-combo-tree-container",style:n.value},[o.createVNode(P,{data:s.value,idField:e.idField,columns:t.value,"selection-values":g.value,onSelectionChange:u},null)])}});function G(e){const l=o.ref(""),s=o.ref(e.modelValue),r=o.ref(e.data||[]),d=o.ref(e.editable);function m(t){const n=String(t).split(e.separator).map(i=>[i,!0]),u=new Map(n);return r.value.filter(i=>i.data?u.has(String(i.data[e.valueField])):u.has(String(i[e.valueField]))).map(i=>i.data?i.data:i)}function c(t){const n=m(t).map(u=>u[e.textField]).join(e.separator);l.value=d.value?n||t:n}function f(t){const n=t.split(e.separator).map(i=>[i,!0]),u=new Map(n);return r.value.filter(i=>u.has(i[e.textField]))}function g(t){const n={};return n[e.idField]=t,n[e.textField]=t,[n]}function a(t){let n=f(t);const u=n&&n.length>0;return d.value&&!u&&(n=g(t)),n}return o.watch(()=>e.data,()=>{r.value=e.data}),o.watch([r],([t])=>{if(e.modelValue){const n=t.find(u=>u[e.valueField]===e.modelValue);n&&(l.value=n[e.textField])}}),o.watch(()=>e.modelValue,t=>{s.value=t,c(t)}),c(e.modelValue),{dataSource:r,displayText:l,editable:d,modelValue:s,getItemsByDisplayText:f,getItemsByValue:m,getSelectedItemsByDisplayText:a}}const S=o.defineComponent({name:"FComboTree",props:F,emits:["clear","update:modelValue","change"],setup(e,l){return()=>{const s=o.ref(),r=o.ref(e.disabled),d=o.ref(e.enableClear),m=o.ref(e.enableSearch),c=o.ref(e.readonly),{dataSource:f,displayText:g,editable:a,modelValue:t,getSelectedItemsByDisplayText:n}=G(e),u=o.computed(()=>e.multiSelect);o.computed(()=>s.value?s.value.elementRef.getBoundingClientRect().width:0);function i(){!u.value&&s.value&&s.value.hidePopup()}function y(b){g.value=b.map(h=>h[e.textField]).join(e.separator),t.value=b.map(h=>h[e.valueField]).join(e.separator),l.emit("update:modelValue",t.value),l.emit("change",b,t.value),i()}function C(b){t.value="",l.emit("update:modelValue",""),l.emit("clear")}function B(b){const h=n(b);y(h)}return o.watch([()=>e.disabled,()=>e.editable,()=>e.enableClear,()=>e.enableSearch,()=>e.readonly],([b,h,T,Q,X])=>{r.value=b,a.value=h,d.value=T,m.value=Q,c.value=X}),o.createVNode(w,{ref:s,id:e.id,disable:r.value,readonly:c.value,forcePlaceholder:e.forcePlaceholder,editable:a.value,buttonContent:e.dropDownIcon,placeholder:e.placeholder,enableClear:d.value,maxLength:e.maxLength,tabIndex:e.tabIndex,enableTitle:e.enableTitle,multiSelect:e.multiSelect,inputType:e.multiSelect?"tag":"text",modelValue:g.value,"onUpdate:modelValue":b=>g.value=b,onClear:C,onChange:B,focusOnCreated:e.focusOnCreated,selectOnCreated:e.selectOnCreated},{default:()=>[o.createVNode(z,{maxHeight:e.maxHeight,idField:e.idField,valueField:e.valueField,textField:e.textField,titleField:e.titleField,data:f.value,selectedValues:t.value,onSelectionChange:y,formatter:e.formatter,editorParams:e.editorParams,repositoryToken:e.repositoryToken},null)]})}}});S.register=(e,l,s,r)=>{e["combo-tree"]=S,l["combo-tree"]=V};const J=M.withInstall(S);p.FComboTree=S,p.Placement=O,p.ViewType=j,p.comboTreeProps=F,p.default=J,p.propsResolver=V,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|