@farris/ui-vue 1.1.0 → 1.1.1

package/enum-editor/index.umd.js

@@ -1 +0,0 @@
-(function(W,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],e):(W=typeof globalThis<"u"?globalThis:W||self,e(W["enum-editor"]={},W.Vue,W.LodashES))})(this,function(W,e,ne){"use strict";const ce={},ue={};function oe(t){const{properties:n,title:a}=t,r=Object.keys(n).reduce((o,i)=>(o[i]=n[i].type==="object"&&n[i].properties?oe(n[i]):ne.cloneDeep(n[i].default),o),{});return r.id=`${a}-${Date.now()}`,r}function de(t,n){const a=oe(n);return Object.keys(t).reduce((r,o)=>(r[o]=t[o],r),a),a}function fe(t,n){return Object.keys(t).filter(r=>t[r]!=null).reduce((r,o)=>{if(n.has(o)){const i=n.get(o);if(typeof i=="string")r[i]=t[o];else{const s=i(o,t[o],t);Object.assign(r,s)}}else r[o]=t[o];return r},{})}function pe(t,n,a=new Map){const r=de(t,n);return fe(r,a)}function me(t={}){function n(c,d,l,u){if(typeof l=="number")return u[c].length===l;if(typeof l=="object"){const p=Object.keys(l)[0],b=l[p];if(p==="not")return Number(u[c].length)!==Number(b);if(p==="moreThan")return Number(u[c].length)>=Number(b);if(p==="lessThan")return Number(u[c].length)<=Number(b)}return!1}function a(c,d,l,u){return u[d]&&u[d].propertyValue&&String(u[d].propertyValue.value)===String(l)}const r=new Map([["length",n],["getProperty",a]]);Object.keys(t).reduce((c,d)=>(c.set(d,t[d]),c),r);function o(c,d){const l=c;return typeof d=="number"?[{target:l,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:l,operator:"getProperty",param:c,value:!!d}]:typeof d=="object"?Object.keys(d).map(u=>{if(u==="length")return{target:l,operator:"length",param:null,value:d[u]};const p=u,b=d[u];return{target:l,operator:c,param:p,value:b}}):[]}function i(c){return Object.keys(c).reduce((l,u)=>{const p=o(u,c[u]);return l.push(...p),l},[])}function s(c,d){if(r.has(c.operator)){const l=r.get(c.operator);return l&&l(c.target,c.param,c.value,d)||!1}return!1}function f(c,d){return i(c).reduce((p,b)=>p&&s(b,d),!0)}function m(c,d){const l=Object.keys(c),u=l.includes("allOf"),p=l.includes("anyOf"),b=u||p,T=(b?c[b?u?"allOf":"anyOf":"allOf"]:[c]).map(O=>f(O,d));return u?!T.includes(!1):T.includes(!0)}return{parseValueSchema:m}}const ye={},ge={};me();function _(t,n,a=new Map,r=(s,f,m)=>f,o={},i=s=>s){return ce[n.title]=n,ue[n.title]=r,ye[n.title]=o,ge[n.title]=i,(s={})=>{const f=pe(s,n,a),m=Object.keys(t).reduce((c,d)=>(c[d]=t[d].default,c),{});return Object.assign(m,f)}}function K(t,n){return{customClass:n.class}}const he=new Map([["appearance",K]]);function be(t,n,a){return n}const ve={$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"]},Ce={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-select",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中对齐"},{value:"right",name:"右对齐"}]}}}}}},ae={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"}};_(ae,ve,he,be,Ce);const we={popupContentPosition:{type:Object,default:{left:0,top:0}},host:{type:Object},backgroundColor:{type:String,default:""}},Be=e.defineComponent({name:"FOverlay",props:we,emits:["click"],setup(t,n){const a=e.ref(t.popupContentPosition),r=e.ref(t.host),o=e.computed(()=>({backgroundColor:t.backgroundColor||"",pointerEvents:"auto"}));function i(f){n.emit("click"),f.preventDefault(),f.stopPropagation()}e.computed(()=>{const f=r.value;if(f){const m=f.getBoundingClientRect(),{left:c,top:d,height:l}=m;return{left:c,top:d+l}}return a.value});const s=e.computed(()=>({}));return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var f,m;return[e.createVNode("div",{class:"overlay-container",onClick:c=>i(c),style:o.value},[e.createVNode("div",{style:s.value},[(m=(f=n.slots).default)==null?void 0:m.call(f)])])]}})}});function xe(t){if(t.content&&t.content.render)return t.content.render;if(t.render&&typeof t.render=="function")return t.render}function Te(t){const n=document.createElement("div");n.style.display="contents";let a;const r=t.onClickCallback||(()=>{}),o=()=>{r(),a&&a.unmount()};return a=e.createApp({setup(){e.onUnmounted(()=>{document.body.removeChild(n)});const i=xe(t);return()=>e.createVNode(Be,{"popup-content-position":t.popupPosition,host:t.host,onClick:o,backgroundColor:t.backgroundColor},{default:()=>[i&&i()]})}}),document.body.appendChild(n),a.mount(n),a}class Ve{static show(n){return Te(n)}}const Ne={class:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0},fitContent:{type:Boolean,default:!0}},ke=e.defineComponent({name:"FModal",props:Ne,emits:["update:modelValue","accept","cancel","closed"],setup(t,n){const a=e.ref(t.width),r=e.ref(t.height),o=e.ref(t.modelValue),i=e.ref(""),s=e.ref(t.class),f=e.ref(t.fitContent),m=e.ref(t.showHeader),c=e.ref(""),d=e.ref(!0),l=e.ref(!1),u=e.ref(!1),p=e.ref(""),b=e.ref(""),h=e.ref(""),k=e.ref(t.showButtons),T=e.ref(t.title);function j(x,F){o.value=!1,n.emit("update:modelValue",!1),F!=null&&n.emit(F?"accept":"cancel"),n.emit("closed")}const O=[{text:"取消",class:"btn btn-light",handle:x=>{j(x,!1)}},{text:"确定",class:"btn btn-primary",handle:x=>{j(x,!0)}}],S=e.ref(t.buttons&&t.buttons.length?t.buttons:O),M=e.computed(()=>!!c.value),E=e.computed(()=>!!k.value&&!!S.value);e.ref(),e.ref(),e.watch(()=>t.modelValue,()=>{o.value=t.modelValue});const N=e.ref(!1),A=e.computed(()=>o.value),v=e.computed(()=>{const x={modal:!0,"farris-modal":!0};return x["f-modal-fitContent"]=f.value,x}),I=e.computed(()=>({display:A.value?"block":"none !important"})),H=e.computed(()=>{const x={"modal-dialog":!0};return s.value.split(" ").reduce(($,G)=>($[G]=!0,$),x),x}),C=e.computed(()=>({position:"absolute",top:"50%",left:"50%",width:`${a.value}px`,height:f.value?"auto":`${r.value}px`,"margin-left":`${0-a.value/2}px`,"margin-top":f.value?"auto":`${0-r.value/2}px`})),R=e.computed(()=>({"modal-content":!0,"modal-content-has-header":m.value})),q=e.computed(()=>({display:m.value?"":"none"})),z=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:N.value})),U=e.computed(()=>({height:"10px","z-index":1,display:m.value?"none":""})),w=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":p.value==="iframe"}));function V(){return{}}const P=e.computed(()=>{const x={textAlgin:h.value},F=V();return Object.assign(x,F)});function L(x){}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var x,F;return[e.createVNode("div",{class:v.value,style:I.value},[e.createVNode("div",{id:i.value,class:H.value,style:C.value},[e.createVNode("div",{class:R.value},[e.createVNode("div",{ref:"modalHeaderRef",class:"modal-header",style:q.value},[e.createVNode("div",{class:"modal-title"},[M.value&&e.createVNode("span",{class:c.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[T.value])]),e.createVNode("div",{class:"actions"},[e.createVNode("ul",null,[u.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),l.value&&e.createVNode("li",{onClick:L,class:"f-btn-icon f-bare"},[e.createVNode("span",{class:z.value},null)]),d.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:$=>j($,!1)},[e.createVNode("span",{class:"f-icon modal_close"},null)])])])]),e.createVNode("div",{ref:"dragableElementRef",class:"f-utils-absolute-all",style:U.value},null),e.createVNode("div",{class:w.value},[(F=(x=n.slots).default)==null?void 0:F.call(x),p.value==="iframe"&&e.createVNode("iframe",{title:i.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:b.value},null)]),E.value&&e.createVNode("div",{class:"modal-footer",style:P.value},[S.value&&S.value.map($=>e.createVNode("button",{type:"button",class:$.class+" "+($.iconClass&&"btn-icontext"),onClick:G=>{$.handle&&$.handle(G)}},[!!$.iconClass&&e.createVNode("i",{class:$.iconClass},null),$.text]))])])])])]}})}});function Pe(t){if(t.content&&t.content.render)return t.content.render;if(t.render&&typeof t.render=="function")return t.render}function Se(t){const n=document.createElement("div");n.style.display="contents";const a=e.createApp({setup(){e.onUnmounted(()=>{document.body.removeChild(n)});const r=e.ref(t.class||""),o=e.ref(!!t.showButtons),i=e.ref(!!t.showHeader),s=e.ref(!0),f=e.ref(t.title||""),m=t.acceptCallback||(()=>{}),c=t.rejectCallback||(()=>{}),d=Pe(t),l=()=>{s.value=!1,a.unmount()};return()=>e.createVNode(ke,{class:r.value,modelValue:s.value,"onUpdate:modelValue":u=>s.value=u,title:f.value,width:t.width,height:t.height,buttons:t.buttons,"show-header":i.value,"show-buttons":o.value,onAccept:m,onCancel:c,fitContent:t.fitContent,onClosed:l},{default:()=>[d&&d(a)]})}});return document.body.appendChild(n),a.mount(n),a}class le{static show(n){const a=Object.assign({title:"",showButtons:!0,showHeader:!0},n);return Se(a)}}function Oe(t,n,a,r){const o=e.ref(t.buttonBehavior),i=e.ref(t.popupOnInput),s=e.computed(()=>({"input-group-append":!0,"append-force-show":t.showButtonWhenDisabled&&(t.readonly||t.disable)})),f=e.computed(()=>t.showButtonWhenDisabled||(!t.editable||!t.readonly)&&!t.disable);async function m(l){if(f.value){const u=!!n.slots.default;if(o.value==="Modal"){const p=t.modalOptions;le.show({...p,render:()=>n.slots.default&&n.slots.default()})}o.value==="Overlay"&&Ve.show({host:document.body,backgroundColor:"rgba(0,0,0,.15)",render:()=>n.slots.default&&n.slots.default()}),u&&o.value==="Popup"&&r.togglePopup(),u&&i.value&&r.hidePopup(),n.emit("clickButton",{origin:l,value:t.modelValue})}l.stopPropagation()}function c(l){n.emit("mouseEnterIcon",l)}function d(l){n.emit("mouseLeaveIcon",l)}return{buttonGroupClass:s,onClickButton:m,onMouseEnterButton:c,onMouseLeaveButton:d}}function Ee(t,n,a,r,o,i){const s=e.ref(!1),f=e.computed(()=>t.enableClear&&!t.readonly&&!t.disable),{changeTextBoxValue:m}=i;function c(p){s.value=p}e.watch(o,()=>{c(!!o.value)});function d(p){const b=!t.readonly&&!t.disable&&t.editable,h=!t.editable;p.stopPropagation(),(b||h)&&(m("",!1),c(!s.value),n.emit("clear"))}function l(p){if(f.value){if(!a.value){c(!1);return}!t.disable&&!t.readonly&&c(!0)}}function u(p){f.value&&c(!1)}return{enableClearButton:f,showClearButton:s,onClearValue:d,onMouseEnterTextBox:l,onMouseLeaveTextBox:u}}function $e(t,n,a,r,o){const i=e.ref(t.popupOnInput),s=e.ref(t.popupOnFocus),{shouldPopupContent:f}=o,m=e.computed(()=>t.enableTitle?a.value:""),c=e.computed(()=>(t.disable||t.readonly)&&!t.forcePlaceholder?"":t.placeholder),d=e.computed(()=>t.readonly||!t.editable),l=e.ref(!1),u=e.computed(()=>!t.disable&&l.value),p=e.computed(()=>({"text-left":t.textAlign==="left","text-center":t.textAlign==="center","text-right":t.textAlign==="right","form-control":!0,"f-utils-fill":!0})),b=e.computed(()=>({"input-group":!0,"f-state-disable":t.disable,"f-state-editable":t.editable&&!t.disable&&!t.readonly,"f-state-readonly":t.readonly&&!t.disable,"f-state-focus":u.value}));function h(v,I=!0){a.value!==v&&(a.value=v,I&&n.emit("change",v),n.emit("update:modelValue",v))}function k(v){f.value=!1,h(v,!0)}e.watch(()=>t.modelValue,v=>{a.value=v});function T(v){l.value=!1,n.emit("blur",v),v.stopPropagation()}function j(v){n.emit("click",v)}function O(v){t.disable||(l.value=!0,d.value||(n.emit("focus",v),s.value&&!f.value&&o.popup()))}function S(v){n.emit("input",v.target.value);const I=v.target.value;r.value=I,a.value!==I&&h(I,!1),i.value&&!f.value&&o.popup()}function M(v){v.target.tagName!=="INPUT"&&v.preventDefault(),v.stopPropagation()}function E(v){n.emit("keydown",v)}function N(v){v.key==="Enter"&&(i.value||s.value)&&o.hidePopup(),n.emit("keyup",v)}function A(v){const I=v.target.value;v.stopPropagation(),h(I)}return{hasFocusedTextBox:u,isTextBoxReadonly:d,textBoxClass:p,textBoxPlaceholder:c,textBoxTitle:m,inputGroupClass:b,changeTextBoxValue:h,commitValue:k,onBlurTextBox:T,onClickTextBox:j,onFocusTextBox:O,onInput:S,onKeyDownTextBox:E,onKeyUpTextBox:N,onMouseDownTextBox:M,onTextBoxValueChange:A}}function je(t,n,a){const r=e.ref(),o=e.ref(!1);function i(){const c=r.value;c&&c.show(a.value)}async function s(){!!n.slots.default&&(o.value=!o.value,await e.nextTick(),i())}async function f(){!!n.slots.default&&(o.value=!0,await e.nextTick(),i())}function m(){o.value=!1}return{hidePopup:m,popup:f,shouldPopupContent:o,togglePopup:s,popoverRef:r}}function Me(t,n,a){const{isTextBoxReadonly:r,textBoxClass:o,textBoxPlaceholder:i,textBoxTitle:s,onBlurTextBox:f,onClickTextBox:m,onFocusTextBox:c,onInput:d,onKeyDownTextBox:l,onKeyUpTextBox:u,onMouseDownTextBox:p,onTextBoxValueChange:b}=a;return()=>e.createVNode("input",{name:"input-group-value",autocomplete:t.autoComplete?"on":"off",class:o.value,disabled:t.disable,maxlength:t.maxLength,minlength:t.minLength,placeholder:i.value,readonly:r.value,tabindex:t.tabIndex,title:s.value,type:t.inputType,value:n.value,onBlur:f,onChange:b,onClick:m,onFocus:c,onInput:d,onKeydown:l,onKeyup:u,onMousedown:p},null)}function Ie(t,n,a){return n}const Fe=new Map([["appearance",K]]),Ae={title:"tags",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:[]}}}}}},Le={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/tags.schema.json",title:"tags",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for tags",type:"string"},type:{description:"The type string of tags",type:"string",default:"tags"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},ie={activeTag:{type:String,default:""},addButtonText:{type:String,default:""},customClass:{type:String,default:""},customStyle:{type:String,default:""},data:{type:Array,default:[{name:"示例1"}]},enableAddButton:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},showAddButton:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},showColor:{type:Boolean,default:!1},tagType:{type:String,default:""},tagStyle:{type:String,default:""},wrapText:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},disable:{type:Boolean,default:!1}};_(ie,Le,Fe,Ie,Ae);function Re(t,n,a,r){const o=e.ref(-1),i=e.ref(!1);function s(d,l,u){d.stopPropagation(),l&&setTimeout(()=>{o.value=u,i.value=!0,l.moving=!0})}function f(d,l){if(d.preventDefault(),o.value!==l){const u=r.value[o.value],p=r.value;p.splice(o.value,1),p.splice(l,0,u),o.value=l}}function m(d,l){d.preventDefault(),d.dataTransfer&&(d.dataTransfer.dropEffect="move")}function c(d,l){l&&(l.moving=!1),a.value=r.value.filter(u=>u.type==="Tag").map(u=>u.payload),i.value=!1,n.emit("change",a.value)}return{dragstart:s,dragenter:f,dragover:m,dragend:c,isDragging:i}}const De=e.defineComponent({name:"FTags",props:ie,emits:["remove","selectionChange","change"],setup(t,n){const a=e.ref(t.selectable),r=e.ref(t.customClass),o=e.ref(t.data),i=e.ref(t.tagType),s=e.ref(t.tagStyle),f=e.ref(t.showColor),m=e.ref(t.customStyle),c=e.ref(t.activeTag),d=e.ref(t.showClose),l=e.ref(t.addButtonText),u=e.ref(),p=e.ref(t.wrapText),b=e.ref();e.ref(t.disable);const h=e.ref(!1);function k(){const y=o.value.map(g=>({type:"Tag",payload:g}));return t.showAddButton&&y.push({type:"AddButton"}),y}const T=e.ref(k());function j(y){o.value=y,T.value=k()}const O=e.computed(()=>T.value.findIndex(y=>y.type==="Input")),S=Re(t,n,o,T),{dragstart:M,dragenter:E,dragover:N,dragend:A}=S;e.watch(()=>t.data,y=>j(y)),e.watch(()=>t.showAddButton,()=>{T.value=k()}),e.watch(()=>t.disable,y=>{T.value=k()}),e.watch(()=>t.activeTag,y=>{c.value=y}),e.watch(h,y=>{const g=[...T.value];y?g.length>0&&g[g.length-1].type!="Input"&&(g.splice(g.length-1,1),g.splice(g.length,0,{type:"Input"}),T.value=g,e.nextTick(()=>{b.value&&b.value.focus()})):g.length>0&&g[g.length-1].type!="AddButton"&&(g.splice(g.length-1,1),g.splice(g.length,0,{type:"AddButton"}),T.value=g)});const v=e.computed(()=>{const y={"farris-tags":!0,"farris-tags-checkable":a.value,"farris-tags-nowrap":!p.value};return r.value.split(" ").reduce((g,B)=>(g[B]=!0,g),y),y});function I(y){const g={"farris-tag-item":!0,"farris-tag-item-checked":a.value&&y.checked,"farris-tag-item-checkable":a.value,"farris-tag-item-has-color":f.value,"farris-tag-item-actived":c.value===y.name};if(i.value){const B=`farris-tag-item-${i.value}`;g[B]=!0}return g}const H=e.computed(()=>{const y={};return m.value&&m.value.split(";").reduce((g,B)=>{const D=B.split(":");return g[D[0]]=D[1],g},y),y});function C(y,g){!t.disable&&a.value&&(!g.hasOwnProperty("selectable")||g.selectable)&&(g.checked=!g.checked,c.value=g.checked?g.name:"",g.checked&&o.value.filter(B=>B.name!==g.name).forEach(B=>{B.checked=!g.checked}),n.emit("change",o.value),n.emit("selectionChange",g))}function R(y,g){let B;switch(y.key){case"Backspace":o.value=o.value.filter(D=>D.name!==g.name),n.emit("change",o.value);break;case"ArrowLeft":B=Math.max(u.value.scrollLeft+20,0),u.value.scrollLeft=B;break;case"ArrowRight":B=Math.max(u.value.scrollLeft-20,0),u.value.scrollLeft=B}}function q(y,g){const B=o.value.findIndex(D=>D.name===g.name);if(B>-1){const[D]=o.value.splice(B,1);T.value=k(),n.emit("change",o.value),n.emit("remove",{tags:o.value,remove:D})}y.stopPropagation()}const z=e.computed(()=>({"farris-tag-item":!0,"farris-tag-add-button":!0,"farris-tag-add-button-disabled":!t.enableAddButton}));function U(y){y.stopPropagation(),h.value=!0}function w(){return!t.disable&&e.createVNode("li",{class:z.value,onClick:y=>U(y)},[e.createVNode("span",{class:"f-icon f-icon-amplification"},null),l.value&&e.createVNode("span",{class:"farris-tag-add-text"},[l.value])])}function V(y,g,B){y>-1&&(o.value.splice(y,0,{name:g,value:B,selectable:a.value}),T.value=k(),h.value=!1,n.emit("change",o.value))}function P(y){if(y&&y.value){const g=y.value,B=O.value;V(B,g,g),y.innerText=""}else h.value=!1}function L(y){const g=y.target;g&&g.value?P(g):h.value=!1}function x(y){y.key==="Enter"&&P(y.target)}function F(){return!t.disable&&e.createVNode("li",{class:"farris-tag-input-box"},[e.createVNode("input",{ref:b,class:"form-control",onKeyup:x,onBlur:L},null)])}function $(y,g){return e.createVNode("li",{class:I(y),style:H.value,tabindex:0,id:y.name,key:y.name,onClick:B=>C(B,y),onKeydown:B=>R(B,y),draggable:"true",onDragstart:B=>M(B,y,g),onDragenter:B=>E(B,g),onDragend:B=>A(B,y),onDragover:B=>N(B,g)},[e.createVNode("span",{title:y.name,class:"tag-box"},[y.name]),!t.disable&&d.value&&e.createVNode("span",{class:"tag-delete"},[e.createVNode("i",{class:"f-icon f-icon-close",onClick:B=>q(B,y)},null)])])}function G(){return T.value.map((y,g)=>{switch(y.type){case"Tag":return $(y.payload,g);case"AddButton":return w();case"Input":return F()}})}const Z=e.computed(()=>({"farris-tags-item-container":!0,"farris-tag-item-capsule":s.value==="capsule"}));function ee(y){const g=Math.max(u.value.scrollLeft-y.deltaX,0);u.value.scrollLeft=g}function mt(y){var B;y.preventDefault(),y.stopPropagation();const g=(B=y.dataTransfer)==null?void 0:B.getData("Text");if(g){const D=g.split(":"),gt=D[0],X=D[1];[...o.value].findIndex(te=>(console.log(`${te.value} === ${X} is ${te.value===X}`),te.value===X))>-1||V(o.value.length,gt,X)}}function yt(y){y.preventDefault()}return()=>e.createVNode("div",{class:v.value,onDrop:mt,onDragover:yt},[e.createVNode("ul",{ref:u,class:Z.value,onWheel:y=>ee(y)},[G()])])}});function We(t,n,a){const r=e.ref(t.separator),{changeTextBoxValue:o}=a,i=e.computed(()=>n.value?n.value.split(r.value).map(f=>({name:f,selectable:!0})):[]);function s(f){o(f.map(m=>m.name).join(r.value),!0)}return()=>e.createVNode(De,{id:`${t.id}-tag-editor`,class:"form-control",data:i.value,showClose:!0,showInput:!0,onChange:s},null)}function He(t,n,a){const{buttonGroupClass:r,onClickButton:o,onMouseEnterButton:i,onMouseLeaveButton:s}=n,{enableClearButton:f,showClearButton:m,onClearValue:c}=a;return()=>e.createVNode("div",{id:`${t.id}-button-group`,class:r.value},[f.value&&e.withDirectives(e.createVNode("span",{class:"input-group-text input-group-clear",onClick:c},[e.createVNode("i",{class:"f-icon modal_close"},null)]),[[e.vShow,m.value]]),t.buttonContent&&e.createVNode("span",{class:"input-group-text input-group-append-button",innerHTML:t.buttonContent,onClick:o,onMouseenter:i,onMouseleave:s},null)])}const qe={id:{type:String},title:{type:String},placement:{type:String,default:"bottom"},reference:{type:Object},host:{type:Object},leftBoundary:{type:Object},rightBoundary:{type:Object},visible:{type:Boolean,default:!1},class:{type:String},offsetX:{type:Object,default:e.ref(0)},zIndex:{type:Number,default:-1},keepWidthWithReference:{type:Boolean,default:!1},fitContent:{type:Boolean,default:!1},minWidth:{type:Number,default:-1}};function ze(t){const n=t.host?t.host:"body",a=e.computed(()=>n==="body"?0:n?n.getBoundingClientRect().top:0),r=e.computed(()=>n==="body"?0:n?n.getBoundingClientRect().left:0),o=e.computed(()=>n==="body"?document.body.getBoundingClientRect().width:n?n.getBoundingClientRect().width-(t.rightBoundary?t.rightBoundary.getBoundingClientRect().width:0):document.body.getBoundingClientRect().width),i=e.computed(()=>n==="body"?document.body.getBoundingClientRect().height:n?n.getBoundingClientRect().height:document.body.getBoundingClientRect().height);return{host:n,hostLeft:r,hostTop:a,hostWidth:o,hostHeight:i}}function Ge(t,n,a,r){var U;const o=e.ref(0),i=e.ref(((U=t.offsetX)==null?void 0:U.value)||0),s=e.ref(t.minWidth),f=e.ref(-1),m=e.ref(-1),c=e.ref(t.placement),d=e.ref(0),l=e.ref(0),u=e.ref(0),p=e.ref(document.documentElement.scrollLeft),b=e.ref(document.documentElement.scrollTop),{hostLeft:h,hostTop:k,hostWidth:T,hostHeight:j}=r;e.watch(t.offsetX,w=>{o.value=w-i.value});const O=e.computed(()=>{const w={left:`${l.value}px`,top:`${u.value}px`,transform:`translateX(${o.value}px)`};return t.zIndex!==-1&&(w["z-index"]=t.zIndex),s.value!==-1&&(w.width=`${s.value}px`),w}),S=e.computed(()=>({left:`${d.value}px`}));function M(w){if(w&&t.keepWidthWithReference){const V=w.getBoundingClientRect();s.value=Math.max(t.minWidth,V.width)}}function E(w,V){const P=T.value-w.width-4;return P>0?P:V}function N(w,V){const P=j.value-w.height-4;return P>0?P:V}function A(w,V,P){const L=d.value,x=V.left-h.value+V.width/2+p.value,F=V.top-k.value-(w.height+P.height)+b.value;return{popoverLeft:x,popoverTop:F,arrowLeft:L}}function v(w,V,P){const L=V.top-k.value+(V.height+P.height)+b.value,x=N(w,L);return Math.min(L,x)}function I(w,V){const P=E(V,w),L=w<=P?d.value:w-P;return{popoverLeft:Math.min(w,P),arrowLeft:L}}function H(w,V,P){const L=V.left-h.value+V.width/2-(P.width/2-(w.left-h.value))+p.value,{arrowLeft:x,popoverLeft:F}=I(L,w),$=v(w,V,P);return{popoverLeft:F,popoverTop:$,arrowLeft:x}}function C(w,V,P){const L=V.left-h.value+p.value,{arrowLeft:x,popoverLeft:F}=I(L,w),$=v(w,V,P);return{popoverLeft:F,popoverTop:$,arrowLeft:x}}const R=new Map([["top",A],["bottom",H],["bottom-left",C]]);function q(w){var F,$;const V=w.getBoundingClientRect();f.value=V.top,m.value=V.left;const P=(F=n.value)==null?void 0:F.getBoundingClientRect(),L=($=a.value)==null?void 0:$.getBoundingClientRect(),x=R.get(c.value);if(x){const{arrowLeft:G,popoverLeft:Z,popoverTop:ee}=x(L,V,P);d.value=G,l.value=Z,u.value=ee}t.keepWidthWithReference&&M(w)}function z(w){if(w){const V=w.getBoundingClientRect();(V.left!==m.value||V.top!==f.value)&&q(w)}}return{arrowStyle:S,popoverStyle:O,position:c,popoverWidth:s,fitToReference:M,followToReferencePosition:z,locateToReference:q}}function Ue(t,n,a,r,o,i,s){const f=e.ref(t.visible),m=e.computed(()=>f.value),{fitToReference:c,locateToReference:d}=s;let l;function u(){f.value=!1,document.body.removeEventListener("click",l),n.emit("hidden")}l=b=>{if(!o.value.contains(b.target)){const h=o.value.closest(".popover");h&&h.removeEventListener("click",l),u()}};async function p(b){if(r.value&&a.value&&b){f.value=!0,o.value=b,i.value&&c(b),await e.nextTick(),d(b),document.body.addEventListener("click",l);const h=b.closest(".popover");h&&h.addEventListener("click",l),n.emit("shown")}}return n.expose({hide:u,show:p,shown:m}),{showPopover:f,hidePopverOnClickBodyHandler:l}}function Xe(t,n,a,r,o){const{popoverWidth:i,fitToReference:s,followToReferencePosition:f}=o;function m(){if(a.value){f(a.value);const c=a.value.getBoundingClientRect();r.value&&c.width!==i.value&&s(a.value)}}return{onResize:m}}const _e=e.defineComponent({name:"FPopover",props:qe,emits:["shown","hidden"],setup(t,n){const a=e.ref(),r=e.ref(),o=e.ref(t.reference),i=e.ref(t.keepWidthWithReference),s=e.computed(()=>!!t.title),f=ze(t),{host:m}=f,c=Ge(t,a,r,f),{position:d,arrowStyle:l,popoverStyle:u,fitToReference:p,locateToReference:b}=c,{showPopover:h,hidePopverOnClickBodyHandler:k}=Ue(t,n,a,r,o,i,c),{onResize:T}=Xe(t,n,o,i,c),j=e.computed(()=>{const S=`popover in popover-${d.value}`,M=`bs-popover-${d.value}`,E={"popover-fitcontent":t.fitContent};return E[S]=!0,E[M]=!0,(t.class||"").split(" ").reduce((A,v)=>(A[v]=!0,A),E),E}),O=e.computed(()=>({"popover-content":!0,"popover-body":!0}));return e.onMounted(()=>{t.reference&&b(o.value),i.value&&p(o.value),window.addEventListener("resize",T)}),e.onUnmounted(()=>{document.body.removeEventListener("click",k),window.removeEventListener("resize",T)}),()=>e.createVNode(e.Teleport,{to:m},{default:()=>{var S;return[e.withDirectives(e.createVNode("div",{ref:r,class:j.value,style:u.value,onClick:M=>{M.stopPropagation()}},[e.createVNode("div",{ref:a,class:"popover-arrow arrow",style:l.value},null),s.value&&e.createVNode("h3",{class:"popover-title popover-header"},[t.title]),e.createVNode("div",{class:O.value},[n.slots.default&&((S=n.slots)==null?void 0:S.default())])]),[[e.vShow,h.value]])]}})}});function Ke(t,n,a){const r=e.ref(t.popupMinWidth),{hidePopup:o,popoverRef:i}=a;return()=>e.createVNode(_e,{id:`${t.id}-popover`,ref:i,visible:!0,placement:"bottom-left",host:t.popupHost,"keep-width-with-reference":!0,fitContent:!0,"right-boundary":t.popupRightBoundary,minWidth:r.value,offsetX:t.popupOffsetX,onHidden:o},{default:()=>{var s,f;return[(f=(s=n.slots).default)==null?void 0:f.call(s)]}})}const Je=e.defineComponent({name:"FButtonEdit",props:ae,emits:["updateExtendInfo","clear","change","click","clickButton","blur","focus","mouseEnterIcon","mouseLeaveIcon","keyup","keydown","inputClick","input","update:modelValue"],setup(t,n){const a=e.ref(),r=e.ref(t.customClass),o=e.ref(t.modelValue),i=je(t,n,a),{shouldPopupContent:s,hidePopup:f,togglePopup:m}=i,c=Oe(t,n,a,i),d=e.ref(""),l=$e(t,n,o,d,i),{hasFocusedTextBox:u,commitValue:p,inputGroupClass:b}=l,h=Ee(t,n,o,u,d,l),{onMouseEnterTextBox:k,onMouseLeaveTextBox:T}=h,j=e.computed(()=>{const v={"f-button-edit":!0,"f-cmp-inputgroup":!0,"f-button-edit-nowrap":!t.wrapText};return r.value&&r.value.split(" ").reduce((I,H)=>(I[H]=!0,I),v),v});function O(){return t.multiSelect&&t.inputType==="tag"?We(t,o,l):Me(t,o,l)}let S=O();e.watch([()=>t.multiSelect,()=>t.inputType],()=>{S=O()});const M=He(t,c,h),E=Ke(t,n,i),N={commitValue:p,elementRef:a,hidePopup:f,shouldPopupContent:s,togglePopup:m};e.onMounted(()=>{a.value.componentInstance=N,window.onresize=()=>{document.body.click()}});function A(v){a.value.contains(v.target)&&s.value||document.body.click()}return n.expose(N),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps(n.attrs,{ref:a,class:j.value,id:t.id,onMousedown:A}),[e.createVNode("div",{id:`${t.id}-input-group`,class:b.value,onMouseenter:k,onMouseleave:T},[S(),M()])]),s.value&&E()])}}),J={items:{type:Array,default:[]},valueField:{type:String,default:"id"},textField:{type:String,default:"name"},beforeOpen:{type:Function,default:()=>!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1}},Qe=new Map([["appearance",K]]);function Ye(t,n,a){return n}const Ze={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/input-group.schema.json",title:"input-group",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:"input-group"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""},addonDisabled:{description:"",type:"boolean",default:!1},addonContent:{description:"",type:"string",default:""},autoHeight:{description:"",type:"boolean",default:!1},enableAddon:{description:"",type:"boolean",default:!1},addonType:{description:"",type:"string",enum:["button","static"],default:"button"},enableClear:{description:"",type:"boolean",default:!0},enableViewPassword:{description:"",type:"boolean",default:!1},inputType:{description:"",type:"string",enum:["input","password","text"],default:"input"},maxHeight:{description:"",type:"number",default:500},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}}},showButtonWhenDisabled:{description:"",type:"boolean",default:!1},onClear:{description:"",type:"string",default:""}},required:["id","type"]},et={title:"input-group",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"类型",title:"类型",type:"string",readonly:!0}}},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-select",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中对齐"},{value:"right",name:"右对齐"}]}}}}}},se={autocomplete:{Type:String,default:"off"},customClass:{Type:String,default:""},disable:{Type:Boolean,default:!1},editable:{Type:Boolean,default:!0},enableClear:{Type:Boolean,default:!0},enableTitle:{Type:Boolean,default:!0},enableViewPassword:{Type:Boolean,default:!0},forcePlaceholder:{Type:Boolean,default:!1},groupText:{Type:String,default:""},isPassword:{Type:Boolean,default:!1},maxLength:{Type:Number||void 0,default:void 0},minLength:{Type:Number||void 0,default:void 0},modelValue:{Type:String||Boolean,default:""},noborder:{Type:Boolean,default:!1},placeholder:{Type:String,default:""},readonly:{Type:Boolean,default:!1},showButtonWhenDisabled:{Type:Boolean,default:!1},tabIndex:{Type:Number||void 0,default:void 0},textAlign:{Type:String,default:"left"},useExtendInfo:{Type:Boolean,default:!1},extendInfo:{Type:String,default:""},value:{Type:String,default:""}};_(se,Ze,Qe,Ye,et);function tt(t,n){const a=e.computed(()=>t.groupText),r=e.computed(()=>t.showButtonWhenDisabled&&(t.readonly||t.disabled)),o=e.computed(()=>t.enableClear||!!t.groupText);return{appendedButtonClass:e.computed(()=>({"input-group-append":!0,"append-force-show":r.value})),appendedContent:a,shouldShowAppendedButton:o}}function nt(t,n,a,r){const{appendedContent:o}=r,i=e.ref(t.enableViewPassword),s=e.ref(t.isPassword),f='<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>',m='<span class="f-icon f-icon-eye"></span>',c=e.ref(!1);e.watch(()=>[t.readonly,t.disabled],([u,p])=>{s.value&&(a.value=u||p?"password":a.value,o.value=u||p?m:o.value)});function d(){return c.value=!c.value,a.value=c.value?"text":"password",o.value=c.value?f:m,!1}function l(){a.value=s.value?"password":"text",o.value=s.value?i.value?m:"":o.value}return l(),{isPassword:s,onClickAppendedButton:d}}function ot(t,n,a,r){const o=e.ref(t.disable),i=e.ref(!1),s=e.ref("text"),f=e.ref(t.noborder),m=e.ref(t.textAlign),c=e.computed(()=>t.editable||!t.readonly),d=e.computed(()=>t.editable&&!t.disable&&!t.readonly),l=e.computed(()=>!t.disable&&i.value),u=e.computed(()=>a.value===""||a.value===null||a.value===void 0),p=e.computed(()=>(t.disable||t.readonly)&&!t.forcePlaceholder?"":t.placeholder),b=e.computed(()=>t.readonly||!t.editable),h=e.computed(()=>t.enableTitle?a.value:""),k=e.computed(()=>({"form-control":!0,"f-utils-fill":!0,"text-left":m.value==="left","text-center":m.value==="center","text-right":m.value==="right"})),T=e.computed(()=>{const C={"f-cmp-inputgroup":!0,"input-group":!0,"f-state-disable":o.value,"f-state-editable":d.value,"f-state-readonly":b.value,"f-state-focus":l.value};return(t.customClass||"").split(" ").reduce((q,z)=>(q[z]=!0,q),C),C}),j=e.computed(()=>f.value?"border-width : 0 ":"");function O(C,R=!0){a.value!==C&&(a.value=C,r.value!==C&&(r.value=C),R&&n.emit("change",C),n.emit("update:modelValue",C),n.emit("update:value",C))}e.watch(()=>t.modelValue,C=>{a.value!==t.modelValue&&(a.value=C,r.value=C)});function S(C){return i.value=!1,n.emit("blur",C),C.stopPropagation(),!1}function M(C){n.emit("click",C)}function E(C){t.disable||(f.value||(i.value=!0),c.value&&n.emit("focus",C))}function N(C){n.emit("input",C.target.value);const R=C.target.value;r.value=R}function A(C){n.emit("keydown",C)}function v(C){n.emit("keyup",C)}function I(C){C.target.tagName!=="INPUT"&&C.preventDefault(),C.stopPropagation()}function H(C){const R=C.target.value;C.stopPropagation(),O(R)}return{changeTextBoxValue:O,disable:o,displayText:r,editable:d,hasFocused:l,inputGroupClass:T,inputType:s,isEmpty:u,modelValue:a,readonly:b,onBlur:S,onClick:M,onFocus:E,onInput:N,onKeydown:A,onKeyup:v,onMousedown:I,onTextBoxValueChange:H,placeholder:p,textBoxClass:k,textBoxTitle:h,inputGroupStyle:j}}function at(t,n,a){const r=e.ref(!1),o=e.computed(()=>t.enableClear&&!t.readonly&&!t.disable),{changeTextBoxValue:i,displayText:s,hasFocused:f,isEmpty:m}=a;function c(h){r.value=h}e.watch(s,()=>{f.value?c(!!s.value):c(!1)});const d=e.computed(()=>({"input-group-text":!0,"input-group-clear":!0})),l=e.computed(()=>({width:"24px",display:r.value?"flex":"none"}));function u(h){h.stopPropagation(),o.value&&(i("",!0),c(!r.value),n.emit("clear"))}function p(h){o.value&&!m.value&&c(!0)}function b(h){o.value&&c(!1)}return{clearButtonClass:d,clearButtonStyle:l,hasShownClearButton:r,onClearValue:u,onMouseEnter:p,onMouseLeave:b,shouldShowClearButton:o}}function lt(t,n,a,r){const o=e.ref(t.autocomplete),i=e.ref(t.enableTitle),{isPassword:s}=a,f=e.ref(t.minLength),m=e.ref(t.maxLength),c=e.ref(t.tabIndex),{disable:d,displayText:l,inputType:u,onBlur:p,onFocus:b,onInput:h,onClick:k,onKeydown:T,onKeyup:j,onMousedown:O,onTextBoxValueChange:S,readonly:M,placeholder:E,textBoxClass:N,textBoxTitle:A}=r;return()=>e.createVNode("input",{name:"input-group-value",autocomplete:o.value,class:N.value,disabled:d.value,maxlength:m.value,minlength:f.value,placeholder:E.value,readonly:M.value,tabindex:c.value,title:i.value&&!s.value?A.value:"",type:u.value,value:l.value,onBlur:p,onClick:k,onChange:S,onFocus:b,onInput:h,onKeydown:T,onKeyup:j,onMousedown:O},null)}function it(t,n,a,r,o){const{appendedButtonClass:i,appendedContent:s}=a,f=e.computed(()=>t.showButtonWhenDisabled&&(!t.editable||!t.readonly)&&!t.disabled),m=e.computed(()=>s.value&&!n.slots.groupTextTemplate),c=e.computed(()=>!!n.slots.groupTextTemplate),{clearButtonClass:d,clearButtonStyle:l,onClearValue:u,shouldShowClearButton:p}=r;function b(){return e.createVNode("span",{id:"clearIcon",class:d.value,style:l.value,onClick:N=>u(N)},[e.createVNode("i",{class:"f-icon modal_close"},null)])}function h(N){n.emit("iconMouseEnter",N)}function k(N){n.emit("iconMouseLeave",N)}function T(N){f.value&&n.emit("clickHandle",{originalEvent:N}),N.stopPropagation()}const j=t.isPassword?o.onClickAppendedButton:T;function O(){return e.createVNode("span",{class:"input-group-text",onMouseenter:N=>h(N),onMouseleave:N=>k(N),innerHTML:s.value,onClick:N=>j(N)},null)}function S(){return n.slots.groupTextTemplate&&n.slots.groupTextTemplate()}function M(){return m.value?O:c.value?S:""}const E=M();return()=>e.createVNode("div",{class:i.value},[p.value&&b(),E&&E()])}function st(t,n){const a=e.computed(()=>t.useExtendInfo&&!!t.extendInfo),r=e.reactive({content:t.extendInfo});function o(){n.emit("updateExtendInfo")}return()=>a.value&&e.withDirectives(e.createVNode("span",{class:"input-group-before-tips",onMouseenter:o},[e.createVNode("i",{class:"f-icon f-icon-info-circle"},null),e.createVNode("b",{class:"tips-arrow"},null)]),[[e.resolveDirective("tooltip"),r]])}const re=e.defineComponent({name:"FInputGroup",props:se,emits:["clear","change","blur","click","clickHandle","focus","input","keydown","keyup","iconMouseEnter","iconMouseLeave","update:modelValue","update:value","updateExtendInfo"],setup(t,n){const a=e.ref(t.modelValue),r=e.ref(t.modelValue),o=ot(t,n,a,r),{inputGroupClass:i,inputType:s,inputGroupStyle:f}=o,m=tt(t),{shouldShowAppendedButton:c}=m,d=at(t,n,o),{onMouseEnter:l,onMouseLeave:u}=d,p=nt(t,n,s,m),b=lt(t,n,p,o),h=it(t,n,m,d,p),k=st(t,n);return e.watch(()=>[t.value],([T])=>{a.value=T,r.value=T}),e.onMounted(()=>{t.value&&(a.value=t.value,r.value=t.value)}),()=>e.createVNode("div",{id:"inputGroup",class:i.value,style:f.value,onMouseenter:l,onMouseleave:u},[k(),b(),c.value&&h()])}}),rt={items:{type:Array,default:[]},valueField:{type:String,default:"value"},textField:{type:String,default:"name"}},ct=e.defineComponent({name:"FEnumEditorTable",props:rt,emits:["selected"],setup(t,n){const a=e.ref(t.items||[]),r=e.ref(),o=e.ref();function i(l){if(!o.value||!a.value||a.value.length===0){o.value=void 0;return}const u=o.value.index;let p=u;u===l?(p=Math.min(u+1,a.value.length-1),p<0?o.value=void 0:(p=p<l?p:l,o.value={item:a.value[p],index:p})):(p=u>l?u-1:u,p>=0&&p<a.value.length&&(o.value={item:a.value[p],index:p}))}function s(l,u){l.stopPropagation();try{a.value.splice(u,1),o.value&&(i(u),n.emit("selected",o.value))}catch(p){console.error("An error occurred during the enumeration data update:",p)}}function f(l,u){o.value=u,n.emit("selected",u)}function m(l){var u;return(u=r.value)==null?void 0:u.querySelector('[data-index="'+l+'"]')}function c(l){var p;if(!l||!l.length){o.value=void 0;return}const u=(p=o.value)==null?void 0:p.item;u&&typeof t.valueField=="string"&&t.valueField in u&&(new Set(l.map(k=>k[t.valueField])).has(u[t.valueField])||(o.value=void 0))}e.watch(()=>t.items,l=>{a.value=l,c(l)}),e.watch(()=>{var l;return(l=o.value)==null?void 0:l.index},l=>{if(l===void 0)return;const u=m(l);u&&u.scrollIntoView({block:"center",inline:"nearest"})});function d(l){return l.map((u,p)=>{var b;return e.createVNode("tr",{onClick:h=>f(h,{item:u,index:p}),key:u.value,"data-index":p,class:((b=o.value)==null?void 0:b.index)===p?"selected":""},[e.createVNode("td",null,[e.createVNode(re,{modelValue:u[t.valueField],"onUpdate:modelValue":h=>u[t.valueField]=h},null)]),e.createVNode("td",null,[e.createVNode(re,{modelValue:u[t.textField],"onUpdate:modelValue":h=>u[t.textField]=h},null)]),e.createVNode("td",{style:"width: 42px"},[e.createVNode("button",{type:"button",class:"btn btn-link",onClick:h=>s(h,p)},[e.createVNode("span",{class:"f-icon f-icon-close"},null)])])])})}return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"shading-border-top",style:"position: absolute;top: 0;width: 100%;z-index: 2;"},null),e.createVNode("div",{class:"table-body f-utils-fill win11Scroll show nobtn ml-3",style:"overflow-y: scroll;"},[e.createVNode("table",{class:"table table-bordered",ref:r},[e.createVNode("thead",{style:"position: sticky; top: 0; z-index: 1;"},[e.createVNode("tr",null,[e.createVNode("th",null,[e.createVNode("b",null,[e.createTextVNode("编码")])]),e.createVNode("th",null,[e.createVNode("b",null,[e.createTextVNode("名称")])]),e.createVNode("th",{style:"width: 42px"},null)])]),e.createVNode("tbody",null,[d(a.value)])])])])}}),ut={activeData:{type:Object,default:null},itemsTotal:{type:Number,default:0}},dt=e.defineComponent({name:"EnumEditorButtons",props:ut,emits:["add","clear","move"],setup(t,n){const a=e.ref(t.activeData),r=e.ref(t.itemsTotal),o=e.computed(()=>{var d;return((d=a.value)==null?void 0:d.index)??-1}),i=e.computed(()=>r.value&&o.value>0),s=e.computed(()=>r.value&&o.value>-1&&o.value<r.value-1);function f(){n.emit("add")}function m(){n.emit("clear")}function c(d,l){n.emit("move",d,l)}return e.watch(()=>t.activeData,d=>{a.value=d}),e.watch(()=>t.itemsTotal,d=>{r.value=d}),()=>e.createVNode("div",{class:"footer-container mx-3 d-flex align-items-center",style:"height: 36px;"},[e.createVNode("button",{type:"button",onClick:f,class:"btn btn-sm btn-primary mr-1"},[e.createVNode("span",{class:"f-icon f-icon-add"},null),e.createTextVNode("新增")]),e.createVNode("button",{type:"button",onClick:m,class:"btn btn-sm btn-secondary mr-1",disabled:!r.value},[e.createVNode("span",{class:"f-icon f-icon-delete"},null),e.createTextVNode("清空")]),e.createVNode("button",{type:"button",disabled:!i.value,onClick:d=>c(d,"top"),class:"btn btn-sm btn-secondary mr-1"},[e.createVNode("span",{class:"f-icon f-icon-roofing"},null),e.createTextVNode("置顶")]),e.createVNode("button",{type:"button",disabled:!i.value,onClick:d=>c(d,"up"),class:"btn btn-sm btn-secondary mr-1"},[e.createVNode("span",{class:"f-icon f-icon-arrow-chevron-up"},null),e.createTextVNode("上移")]),e.createVNode("button",{type:"button",disabled:!s.value,onClick:d=>c(d,"down"),class:"btn btn-sm btn-secondary mr-1"},[e.createVNode("span",{class:"f-icon f-icon-arrow-chevron-down"},null),e.createTextVNode("下移")]),e.createVNode("button",{type:"button",disabled:!s.value,onClick:d=>c(d,"bottom"),class:"btn btn-sm btn-secondary"},[e.createVNode("span",{class:"f-icon f-icon-page-last",style:"transform: rotate(90deg);"},null),e.createTextVNode("置底")])])}});function ft(){function t(o,i){if(i){const{index:s}=i;s>0&&(o.unshift(i.item),o.splice(s+1,1),i.index=0)}}function n(o,i){if(i){const{index:s}=i;if(s>0){const f=o.splice(s,1);o.splice(s-1,0,...f),i.index=s-1}}}function a(o,i){if(i){const{index:s}=i;if(s<o.length-1){const f=o.splice(s,1);o.splice(s+1,0,...f),i.index=s+1}}}function r(o,i){if(i){const{index:s}=i;s<o.length-1&&(o.push(i.item),o.splice(i.index,1),i.index=o.length-1)}}return{moveTop:t,moveUp:n,moveDown:a,moveBottom:r}}const Q=e.defineComponent({name:"FEnumEditor",props:J,emits:["dataChanged"],setup(t,n){const{moveTop:a,moveDown:r,moveBottom:o,moveUp:i}=ft(),s=e.ref(t.items||[]),f=e.ref(),m=e.ref();function c(){s.value.push({[t.valueField]:"",[t.textField]:""}),n.emit("dataChanged",s.value)}function d(){s.value=[],f.value=void 0,n.emit("dataChanged",[])}function l(p,b){switch(b){case"top":a(s.value,f.value);break;case"up":i(s.value,f.value);break;case"down":r(s.value,f.value);break;case"bottom":o(s.value,f.value);break}n.emit("dataChanged",s.value)}function u(p){f.value=p}return()=>{var p;return e.createVNode("div",{class:"h-100 d-flex flex-column"},[e.createVNode(ct,{ref:m,valueField:t.valueField,textField:t.textField,items:s.value,onSelected:u},null),e.createVNode(dt,{activeData:f.value,itemsTotal:(p=s.value)==null?void 0:p.length,onAdd:c,onClear:d,onMove:(b,h)=>l(b,h)},null)])}}}),Y=e.defineComponent({name:"FEnumEditorInput",props:J,emits:["change"],setup(t,n){const a='<i class="f-icon f-icon-lookup"></i>',r=e.ref(t.valueField),o=e.ref(t.textField),i=e.ref(t.items||[]),s=e.ref(),f=e.computed(()=>{var l;return`共 ${((l=i.value)==null?void 0:l.length)||0} 项`});e.watch(()=>t.items,l=>{i.value=l}),e.watch(()=>t.valueField,l=>{r.value=l}),e.watch(()=>t.textField,l=>{o.value=l});function m(l){s.value=l}function c(){return e.createVNode(Q,{valueField:r.value,textField:o.value,items:s.value,onDataChanged:m},null)}async function d(){await t.beforeOpen()&&(s.value=ne.cloneDeep(i.value),le.show({title:"枚举数据编辑器",fitContent:!1,height:500,width:600,render:c,acceptCallback:()=>{i.value=s.value,n.emit("change",s.value)},rejectCallback:()=>{}}))}return()=>e.createVNode(Je,{modelValue:f.value,"onUpdate:modelValue":l=>f.value=l,editable:!1,disabled:t.disabled,readonly:t.readonly,inputType:"text",enableClear:!1,buttonContent:a,onClickButton:d},null)}}),pt={install(t){t.component(Y.name,Y),t.component(Q.name,Q)}};W.EnumEditorInput=Y,W.default=pt,W.enumEditorProps=J,Object.defineProperties(W,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/enum-editor/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "enum-editor",
-    "version": "1.1.0",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/enum-editor/index.d.ts"
-}