@farris/ui-vue 1.8.5-beta.3 → 1.8.5-beta.4

package/components/tabs/index.umd.cjs

@@ -1 +1 @@
-(function(S,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../notify/index.umd.js"),require("../common/index.umd.js"),require("../capsule/index.umd.js"),require("../locale/index.umd.js"),require("../response-toolbar/index.umd.js"),require("bignumber.js"),require("lodash-es"),require("../section/index.umd.js"),require("../property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../notify/index.umd.js","../common/index.umd.js","../capsule/index.umd.js","../locale/index.umd.js","../response-toolbar/index.umd.js","bignumber.js","lodash-es","../section/index.umd.js","../property-panel/index.umd.js"],e):(S=typeof globalThis<"u"?globalThis:S||self,e(S.tabs={},S.Vue,S.notify,S.common,S.FCapsule,S.locale,S.FResponseToolbar,S.BigNumber,S.LodashES,S.FSection,S.propertyPanel))})(this,function(S,e,Q,F,Z,D,ee,je,Ne,W,te){"use strict";const _={tabType:{type:String,default:"default"},autoTitleWidth:{type:Boolean,default:!1},titleLength:{type:Number,default:7},position:{type:String,default:"top"},showDropdown:{type:Boolean,default:!0},scrollStep:{type:Number,default:10},autoResize:{type:Boolean,default:!1},width:{type:Number},height:{type:Number},searchBoxVisible:{type:Boolean,default:!0},titleWidth:{type:Number,default:0},customClass:{type:String,default:""},activeId:{type:String},fill:{type:Boolean,default:!1},justifyContent:{type:String,default:"left"},visible:{type:Boolean,default:!0},showHeader:{type:Boolean,default:!0},beforeTabSelect:{type:Function,default:null}};function ne(){function t(n,l,u){const i={};return i.beforeTabSelect=a=>l.call("beforeTabSelect",n,[a,n],u),i}return{resolve:t}}function oe(t,n,l){const u=new Q.FNotifyService,i=e.ref([]),a=e.ref(t.activeId||"");let b="";const v=e.ref(!0),f=e.ref([]),m=e.ref(!0),p=e.ref(0),T=e.computed(()=>{const o=i.value.find(c=>c.props.id===a.value);return(o==null?void 0:o.props.toolbarPosition)==="inHead"});let w;function I(o){w=o}function V(o,d=!0){const c=o.findIndex(y=>y.props.show!==!1&&!y.props.disabled);if(c!==-1){if(a.value=o[c].props.id,!d)return;f.value=[];const y=o[c];y&&y.props.toolbar&&y.props.toolbar.buttons&&y.props.toolbar.buttons.length&&(f.value=[...y.props.toolbar.buttons],m.value=y.props.toolbarVisible)}}function s(o){a.value=o;const d=i.value.find(c=>c.props.id===o);f.value=[],d&&d.props.toolbar&&d.props.toolbar.buttons&&d.props.toolbar.buttons.length&&(f.value=[...d.props.toolbar.buttons],m.value=d.props.toolbarVisible),n.emit("update:activeId",o),n.emit("tabChange",{prevId:b,nextId:a.value})}async function g(o,d,c,y){var R;const B=await((R=t.beforeTabSelect)==null?void 0:R.call(t,{prevId:o,nextId:d}));(typeof B=="boolean"?B:(B==null?void 0:B.canSelect)??!0)?c&&c():(y&&y(),typeof B!="boolean"&&B.message&&(u==null||u.warning({message:B.message,position:"top-center"})))}function x(o){let d=-1;if(!a.value){if(d=o.findIndex(c=>a.value===c.props.id&&c.props.show!==!1&&!c.props.disabled),d>-1)return;b=a.value}V(o,!1),g(b,a.value,()=>{s(a.value),w&&w()},()=>{a.value=b})}function h(o){let d=!1;if(o){const c=i.value.find(y=>y.props.id===o);d=!c||c.props.show===!1||c.props.disabled===!0}if(d)x(i.value);else if(a.value!==o){const c=a.value;g(c,o,()=>{b=c,a.value=o,s(a.value),w&&w()},()=>{a.value=c,n.emit("update:activeId",c)})}else s(a.value)}e.watch(()=>t.activeId,(o,d)=>{o!==d&&t.activeId!==a.value&&h(o)});function j(o){var c;if(t.autoTitleWidth)return;const d=(c=o.value)==null?void 0:c.querySelectorAll(".st-tab-text");if(!(!d||t.tabType==="pill"))for(let y=0;y<d.length;y++){const B=d[y].parentNode;d[y].scrollWidth>B.offsetWidth?d[y].classList.contains("farris-title-text-custom")||d[y].classList.add("farris-title-text-custom"):d[y].classList.remove("farris-title-text-custom")}}const N=o=>{o.preventDefault(),o.stopPropagation()};function O(o,d,c=!1){const y=i.value.findIndex(B=>B.props.id===d);i.value=i.value.filter(B=>B.props.id!==d),a.value===d&&(b=d,a.value="",V(i.value)),N(o),e.nextTick(()=>{p.value++,j(l),c&&(v.value=!0),n.emit("tabRemove",{removeIndex:y,removeId:d,activeId:a.value})})}function M(o,d=!0){const c=i.value.find(y=>y.props.id===o);c&&(c.props.show===!1&&a.value===o?(a.value="",b=o,h("")):c.props.show===!0&&!a.value&&x(i.value),e.nextTick(()=>{p.value++,d&&(v.value=!0)}))}function H(o){a.value!==o&&g(b,o,()=>{b=a.value,s(o),w&&w()},null)}function k(o){i.value.findIndex(c=>c.props.id===o.props.id)===-1&&i.value.push(o),p.value++}function r(o){i.value.findIndex(c=>c.props.id===o.props.id)!==-1&&(i.value.forEach(c=>{c.props.id===o.props.id&&(c=o)}),o.props.id===a.value&&T.value,e.nextTick(()=>{p.value++,j(l)}))}return{activeId:a,addTab:k,changeTitleStyle:j,removeTab:O,selectTab:H,tabPages:i,updateTab:r,toolbarItems:f,needUpdateNavigationLayout:p,checkActiveIdAndSelect:h,toggleShowTab:M,hasInHeadClass:T,setScrollToSelectedTabFunction:I,toolbarVisible:m}}function le(t,n,l,u,i){const{activeId:a,removeTab:b,selectTab:v}=i,f=e.computed(()=>{const h={"st-tab-text":!0,"text-truncate":t.tabType==="pill"&&!t.autoTitleWidth,"farris-title-auto":t.autoTitleWidth};return F.getCustomClass(h,n.customTitleClass)}),m=e.computed(()=>({"nav-item":!0,"d-none":n.show!==void 0?!n.show:!1,"f-state-active":n.id===a.value,"f-state-disabled":n.disabled})),p=e.computed(()=>({width:`${n.tabWidth}px`})),T=e.computed(()=>({"nav-link":!0,"tabs-text-truncate":!0,active:n.id===a.value,disabled:n.disabled})),w=e.reactive({content:n.title,overflowShown:!0});function I(){return t.tabType!=="pill"&&!t.autoTitleWidth?e.withDirectives(e.createVNode("span",{class:f.value,"data-tabid":n.id},[n.title]),[[e.resolveDirective("tooltip"),w]]):e.createVNode("span",{class:f.value,"data-tabid":n.id,title:n.title},[n.title])}const V=e.ref(n.removeable);function s(){return V.value?e.createVNode("span",{class:"st-drop-close",onClick:h=>b(h,n.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]):""}function g(h){v(n.id),t.tabType==="one-page"&&u.scrollToByPaggId(n.id)}function x(){return l.slots.title?e.createVNode("a",{class:T.value,onClick:g,id:`${n.id}-tab-title`},[l.slots.title(l),s()]):n.titleRenderFunction?e.createVNode("a",{class:T.value,onClick:g,id:`${n.id}-tab-title`},[n.titleRenderFunction(),s()]):e.createVNode("a",{class:T.value,onClick:g,id:`${n.id}-tab-title`},[I(),s()])}return e.createVNode("li",{class:m.value,style:p.value},[x()])}function ae(t,n,l,u,i){const{shouldShowNavigationButtons:a}=l,{tabPages:b}=i,v=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":a.value})),f=e.computed(()=>({width:"100%","justify-content":t.justifyContent})),m=e.computed(()=>({nav:!0,"farris-nav-tabs":!0,"flex-nowrap":!0,"nav-fill":t.tabType==="fill","nav-pills":t.tabType==="pills","flex-row":t.position==="top"||t.position==="bottom","flex-column":t.position==="left"||t.position==="right"}));return()=>e.createVNode("div",{class:v.value,style:f.value},[e.createVNode("ul",{class:m.value,ref:n},[b.value.map(p=>le(t,p.props,p,u,i))])])}function ie(t,n,l,u,i){const a=e.ref(),{shouldShowNavigationButtons:b}=l,{activeId:v,tabPages:f,selectTab:m}=i,p=e.ref(v.value),T=e.computed(()=>f.value.map(s=>({name:s.props.title,value:s.props.id,show:s.props.show,disabled:s.props.disabled}))),w=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":b.value})),I=e.computed(()=>({width:"100%",display:"flex","justify-content":t.justifyContent}));e.onMounted(()=>{a.value&&(n.value=a.value.$el)});function V(s){m(s)}return e.watch(()=>v.value,s=>{s!==p.value&&(p.value=s)},{immediate:!0}),()=>e.createVNode("div",{class:w.value,style:I.value},[e.createVNode(Z,{items:T.value,modelValue:p.value,"onUpdate:modelValue":s=>p.value=s,onChange:V,ref:a},null)])}function se(t,n,l,u){const i=e.ref(),{activeId:a,removeTab:b,tabPages:v,selectTab:f}=u,{hideDropDown:m,searchTabText:p}=n,T=600;let w=null;const I=e.computed(()=>{var o,d;let r=[];return t.searchBoxVisible?r=(o=v.value)==null?void 0:o.filter(c=>c.props.title.includes(p.value)):r=(d=v.value)==null?void 0:d.slice(),r}),V=e.computed(()=>({"dropdown-menu":!0,"tabs-pt28":t.searchBoxVisible,show:!m.value,"d-none":m.value}));let s;function g(r){s=r}e.watch(m,r=>{if(s.value)if(r)i.value.style.width=null;else{const o=s.value.querySelector(".farris-tabs-header"),d=s.value.clientHeight-o.clientHeight-20,y=o.querySelector(".farris-tabs-title").clientWidth-20;i.value.style.maxWidth=y+"px",i.value.style.maxHeight=d+"px",e.nextTick(()=>{const{width:B}=i.value.getClientRects()[0];i.value.style.width=B?B+"px":null})}});function x(r){return{"dropdown-item":!0,"text-truncate":!0,"px-2":!0,disabled:r.props.disabled,active:r.props.id===a.value,"d-none":r.props.show!==!0}}function h(r){r.preventDefault(),r.stopPropagation()}function j(){w&&clearTimeout(w)}function N(){m.value||(w=setTimeout(()=>{m.value=!0},T))}function O(r,o){r.stopPropagation(),o.disabled||f(o.id),m.value=!0}function M(r,o){r.stopPropagation(),b(r,o,!0)}function H(r){return r.slots.title?e.createVNode("a",{class:"dropdown-title",id:`${r.props.id}-dropdown-item`},[r.slots.title(r)]):r.props.titleRenderFunction?e.createVNode("a",{class:"dropdown-title",id:`${r.props.id}-dropdown-item`},[r.props.titleRenderFunction()]):e.createVNode("a",{class:"dropdown-title",id:`${r.props.id}-dropdown-item`},[r.props.title])}function k(){return e.createVNode("div",{ref:i,class:V.value,onMouseenter:()=>j(),onMouseleave:()=>N()},[t.searchBoxVisible&&e.createVNode("div",{onClick:r=>h(r),class:"pb-1 tabs-li-absolute"},[e.withDirectives(e.createVNode("input",{type:"text",class:"form-control","onUpdate:modelValue":r=>p.value=r},null),[[e.vModelText,p.value]]),e.createVNode("span",{class:"f-icon f-icon-page-title-query tabs-icon-search"},null)]),I.value.length?e.createVNode("ul",{class:"tab-dropdown-menu--items flex-fill"},[I.value.map(r=>e.createVNode("li",{class:x(r),onClick:o=>O(o,r.props)},[r.props.removeable&&r.props.disabled!==!0&&e.createVNode("span",{class:"float-right st-drop-close",onClick:o=>M(o,r.props.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]),H(r)]))]):e.createVNode("div",{class:"dropdown-no-data"},[D.LocaleService.getLocaleValue("tabs.noData")])])}return{renderDropdownMenu:k,setTabsRef:g}}function re(t,n,l,u){const{hideDropDown:i}=n,{renderDropdownMenu:a,setTabsRef:b}=se(t,n,l,u),v=e.ref(t.showDropdown);function f(){return v.value&&e.createVNode(e.Fragment,null,[e.createVNode("button",{class:"btn dropdown-toggle-split dropdown-toggle",onClick:()=>{i.value=!1}},null),a()])}return{renderMorePagesButtton:f,setTabsRef:b}}function ce(t,n,l,u){const i=e.ref(!1),{selectTab:a,tabPages:b,needUpdateNavigationLayout:v,activeId:f}=u,m=4,p=e.computed(()=>({btn:!0,"sc-nav-btn":!0,"px-1":!0,"sc-nav-lr":!0,"d-none":!i.value})),T=e.computed(()=>({"btn-group":!0,"sc-nav-btn":!0,dropdown:!0,"d-none":!i.value})),w=e.computed(()=>({btn:!0,"sc-nav-rg":!0,"d-none":!i.value}));function I(h,j){if(!n.value)return;const N=n.value.scrollLeft,O=n.value.scrollWidth-n.value.offsetWidth;if(j>0){if(n.value.scrollLeft>=O)return;n.value.scrollLeft=N+t.scrollStep+h}else if(j<0){if(n.value.scrollLeft<=0)return;n.value.scrollLeft=N-t.scrollStep-h}}function V(h=-1){if(!i.value||!n.value)return;h<0&&(h=b.value.findIndex(H=>H.props.id===f.value));const j=t.tabType==="pills"?".f-capsule-item":".nav-item",N=n.value.querySelectorAll(j),{parentElement:O}=n.value,M=N[h];if(M&&O){const H=O.getBoundingClientRect().left,k=O.getBoundingClientRect().right,r=M.getBoundingClientRect().left,o=M.getBoundingClientRect().right;r<H?I(H-r,-1):k<o&&I(o-k,1),t.tabType==="one-page"&&l.scrollTo(h)}}function s(){var N;if(!n.value)return;const h=n.value,j=(N=n.value)==null?void 0:N.parentElement;i.value=j&&h&&j.offsetWidth<h.scrollWidth-m,i.value&&e.nextTick(()=>{V()})}function g(h){h.disabled||a(h.id)}function x(){["default","one-page"].indexOf(t.tabType)>-1&&e.nextTick(()=>{V()})}return e.watch(v,()=>{s()}),{previousButtonClass:p,nextButtonGroupClass:T,nextButtonClass:w,scrollTab:I,selectAndScrollToTab:g,shouldShowNavigationButtons:i,updateNavigationLayout:s,scrollToSelectedTab:x}}function de(t,n){const{tabPages:l}=n,u=e.ref(""),i=e.ref(!0),a=e.computed(()=>t.searchBoxVisible),b=e.computed(()=>a.value?l.value.filter(f=>f.props.title.includes(u.value)):l.value.slice());return e.watch(i,v=>{v||(u.value="")}),{searchTabText:u,hideDropDown:i,shouldShowSearchBox:a,tabsInDropdownMenu:b}}function ue(t,n,l){const u=".farris-tab-page",{tabPages:i}=l;let a=-1;function b(){if(a<0){const m=document.querySelector(".farris-tabs-header");m&&(a=m.clientHeight)}return a}function v(m){const p=n.value;if(p){const T=n.value.querySelectorAll(u);if(T.length>0){const w=T[m],{offsetTop:I}=w,V=I-b();p.scrollTop=V>0?V:0}}}function f(m){const p=i.value.findIndex(T=>T.props.id===m);p>-1&&v(p)}return{scrollTo:v,scrollToByPaggId:f}}const fe=["moz","ms","webkit"];function be(){let t=0;return n=>{const l=new Date().getTime(),u=Math.max(0,16-(l-t)),i=setTimeout(()=>{n(l+u)},u);return t=l+u,i}}function pe(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const t=fe.filter(n=>`${n}RequestAnimationFrame`in window)[0];return t?window[`${t}RequestAnimationFrame`]:be()}pe(),e.ref("");function $(){if(typeof window>"u"||typeof navigator>"u")return!1;const t=navigator.userAgent||navigator.vendor||window.opera,n=[/iPhone/i,/iPod/i,/Android.*Mobile/i,/webOS/i,/BlackBerry/i,/IEMobile/i,/Opera Mini/i,/Harmony/i],l=[/iPad/i,/Android(?!.*Mobile)/i,/Tablet/i,/PlayBook/i,/Kindle/i,/Silk/i];for(const f of l)if(f.test(t))return!1;for(const f of n)if(f.test(t))return!0;if(typeof screen>"u")return!1;const u="ontouchstart"in window||navigator.maxTouchPoints>0,i=screen.width,a=screen.height,b=Math.min(i,a);return!!(u&&b<=768)}function he(){const t=$();return t&&document.body.classList.add("f-mobile"),t}typeof document<"u"&&he();const A=e.defineComponent({name:"FTabs",props:_,emits:["tabChange","tabRemove","update:activeId","Click"],setup(t,n){const l=e.ref(t.tabType),u=e.shallowRef(),i=$(),a=e.ref(t.customClass),b=e.shallowRef();e.shallowRef();const v=e.ref(),f=oe(t,n,b),{activeId:m,changeTitleStyle:p,tabPages:T,addTab:w,updateTab:I,toolbarItems:V,checkActiveIdAndSelect:s,toggleShowTab:g,hasInHeadClass:x,toolbarVisible:h}=f,j=ue(t,u,f),N=ce(t,b,j,f),{previousButtonClass:O,nextButtonClass:M,nextButtonGroupClass:H,scrollTab:k,updateNavigationLayout:r,scrollToSelectedTab:o}=N;f.setScrollToSelectedTabFunction(o);const d=de(t,f),c=ae(t,b,N,j,f),y=c,B=ie(t,b,N,j,f),E=new Map([["default",c],["one-page",y],["pills",B]]);e.computed(()=>{const C=T.value.find(P=>P.props.id===m.value);return C==null?void 0:C.slots});const R=e.computed(()=>t.fill),G=(C,P)=>{n.emit("Click",C,P,m.value)};e.provide("tabs",{activeId:m,addTab:w,updateTab:I,tabPages:T,tabType:l,shouldFillParentContaner:R,toggleShowTab:g,toolbarVisible:h,clickToolbarItemHandler:G});let X=!1;const ve=e.computed(()=>({"farris-tabs-header":!0,"farris-tabs-inHead":x.value,"farris-tabs-inContent":!x.value,"farris-tabs-nav-fill":t.tabType==="fill","farris-tabs-nav-pills":t.tabType==="pills","d-none":t.showHeader===!1})),ye=e.computed(()=>{const C={width:x.value&&t.titleWidth?`${t.titleWidth}%`:""};return C.width&&(C.flex="unset"),C}),ge=e.computed(()=>{const C={"farris-tabs":!0,"f-tabs-content-fill":R.value,"flex-column":t.position==="top","flex-column-reverse":t.position==="bottom","flex-row":t.position==="left","flex-row-reverse":t.position==="right","one-page":t.tabType==="one-page"};return a.value&&a.value.split(" ").reduce((P,L)=>(P[L]=!0,P),C),C}),Te=new ResizeObserver(C=>{C.length&&r()});function K(){v.value&&!X&&(Te.observe(v.value),X=!0)}e.watch(()=>t.visible,C=>{e.nextTick(()=>{T.value.length&&s(t.activeId||T.value[0].props.id),r(),p(b),K()})}),e.watch(()=>t.autoTitleWidth,C=>{e.nextTick(()=>{r(),p(b)})}),e.onMounted(()=>{t.visible&&(T.value.length&&s(t.activeId||T.value[0].props.id),e.nextTick(()=>{r(),p(b)}),K())});function we(){return e.createVNode("button",{title:D.LocaleService.getLocaleValue("tabs.leftButton"),type:"button",class:O.value,onClick:()=>{k(0,-1)}},null)}function Ce(){return e.createVNode("button",{title:D.LocaleService.getLocaleValue("tabs.rightButton"),type:"button",class:M.value,onClick:()=>{k(0,1)}},null)}const{renderMorePagesButtton:Se,setTabsRef:xe}=re(t,d,N,f);xe(u);function Ve(){return V.value.length?e.createVNode("div",{class:{"farris-tabs-toolbar":!0,"d-none":!h.value}},[e.createVNode(ee,{class:"f-utils-fill",alignment:x.value?"right":"left",items:V.value,visible:h.value,onClick:G},null)]):null}const Y=E.get(t.tabType)||E.get("default");function Be(){var C,P,L,J;return e.createVNode("div",{class:ve.value},[e.createVNode("div",{class:"farris-tabs-header-pre"},[(P=(C=n.slots).headerPrefix)==null?void 0:P.call(C)]),e.createVNode("div",{class:"farris-tabs-title scroll-tabs",style:ye.value,ref:v},[!i&&we(),Y&&Y(),e.createVNode("div",{hidden:i,class:H.value},[Ce(),Se()])]),Ve(),e.createVNode("div",{class:"farris-tabs-header-post"},[(J=(L=n.slots).headerSuffix)==null?void 0:J.call(L)])])}e.computed(()=>({"farris-tabs-content":!0,"f-utils-fill-flex-column":R.value}));function Ie(){var C,P;return(P=(C=n.slots).default)==null?void 0:P.call(C)}return()=>t.visible?e.createVNode("div",{class:ge.value,ref:u},[Be(),Ie()]):null}}),U={tabWidth:{type:Number},id:{type:String,default:""},customTitleClass:{type:String,default:""},titleOverflow:{type:Boolean,default:!1},title:{type:String,default:""},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},removeable:{type:Boolean,default:!1},show:{type:Boolean,default:!0},toolbar:{type:Object,default:{}},toolbarPosition:{type:String,default:"inHead"},toolbarVisible:{type:Boolean,default:!0},titleRenderFunction:{type:Function}};function z(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const q=e.defineComponent({name:"FTabPage",props:U,emits:[],setup(t,n){const l=e.inject("tabs");F.isMobilePhone();const u=e.ref(t.show),i={slots:n.slots,props:t},a=e.ref((l==null?void 0:l.tabType.value)||"default");e.onMounted(()=>{const s=l==null?void 0:l.tabPages.value.findIndex(g=>g.props.id===t.id);(!s||s===-1)&&(l==null||l.addTab(i))}),e.onUnmounted(()=>{});const b=e.computed(()=>(t==null?void 0:t.id)===(l==null?void 0:l.activeId.value)),v=e.computed(()=>({display:b.value?"":"none"}));e.watch(()=>t,s=>{l==null||l.updateTab({props:s,slots:n.slots})},{immediate:!0,deep:!0}),e.watch(()=>t.show,s=>{u.value=s,l==null||l.toggleShowTab(t.id)}),e.watch(()=>t.toolbarVisible,s=>{b.value&&l&&(l.toolbarVisible.value=s)});function f(){var g,x;const s=(x=(g=n.slots).default)==null?void 0:x.call(g);return e.createVNode(W,{"main-title":t.title,class:["farris-tab-page",u.value?"":"f-tab-d-none"]},z(s)?s:{default:()=>[s]})}function m(s,g){l&&(l.activeId.value=t.id,l.clickToolbarItemHandler&&l.clickToolbarItemHandler(s,g))}function p(){var g,x;const s=(x=(g=n.slots).default)==null?void 0:x.call(g);return e.createVNode(W,{customClass:"section-in-tab is-mobile",onClick:m,visible:t.show,"main-title":t.title,buttons:t.toolbar.buttons,"button-position":t.toolbar.position||t.toolbarPosition,"buttons-visible":t.toolbarVisible},z(s)?s:{default:()=>[s]})}const T=e.computed(()=>{var g;return{"farris-tab-page":!0,"f-tab-d-none":!u.value,"f-tab-active":b.value&&l&&((g=l.shouldFillParentContaner)==null?void 0:g.value)}});function w(){var g,x;const s=(x=(g=n.slots).default)==null?void 0:x.call(g);return e.createVNode("div",{class:T.value,style:v.value},[s])}const V=new Map([["default",w],["one-page",f],["mobile",p]]).get(a.value)||w;return()=>V()}});class me extends te.BaseControlProperty{constructor(n,l){super(n,l)}getPropertyConfig(n,l=!1){return this.propertyConfig.categories.basic=this.getBasicPropConfig(n),this.propertyConfig.categories.basic.properties.text={title:"文本",type:"string",description:"",refreshPanelAfterChanged:!0},this.getAppearanceProperties(n,l),this.getbBehaviorConfig(n),this.getEventPropConfig(n),this.propertyConfig}getAppearanceProperties(n,l=!1){this.propertyConfig.categories.appearance={title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式",visible:!l},icon:{title:"图标",type:"string",description:""},split:{title:"下拉按钮分离",type:"boolean",description:"启用下拉按钮分离，可以单独点击按钮。单独点击下拉按钮展开下拉面板",visible:!!(n.children&&n.children.length>0)}}}}getbBehaviorConfig(n){const l=this.getPropertyEditorParams(n,["Const","Variable","StateMachine","Custom","Expression"],"disabled");this.propertyConfig.categories.behavior=this.getBehaviorConfig(n,"",{disabled:{title:"禁用",type:"boolean",description:"按钮禁用状态",refreshPanelAfterChanged:!0,editor:l}})}getEventPropConfig(n){const l=[{label:"onClick",name:"点击事件"}],u=this,i=u.eventsEditorUtils.formProperties(n,u.viewModelId,l),a=u.createBaseEventProperty(i);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:a,refreshPanelAfterChanged:!0,tabId:F.EVENT_PROPERTY_TAB_IDS,tabName:"交互",setPropertyRelates(b,v){const f=b.propertyValue;delete n[u.viewModelId],f&&(f.setPropertyRelates=this.setPropertyRelates,u.eventsEditorUtils.saveRelatedParameters(n,u.viewModelId,f.events,f))}}}}A.install=t=>{t.component(A.name,A),t.component(q.name,q)},S.FTabPage=q,S.FTabs=A,S.TabToolbarItemProperty=me,S.createTabsCallbackResolver=ne,S.default=A,S.tabPageProps=U,S.tabsProps=_,Object.defineProperties(S,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(V,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../notify/index.umd.js"),require("../common/index.umd.js"),require("../capsule/index.umd.js"),require("../locale/index.umd.js"),require("../response-toolbar/index.umd.js"),require("bignumber.js"),require("lodash-es"),require("../section/index.umd.js"),require("../property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../notify/index.umd.js","../common/index.umd.js","../capsule/index.umd.js","../locale/index.umd.js","../response-toolbar/index.umd.js","bignumber.js","lodash-es","../section/index.umd.js","../property-panel/index.umd.js"],e):(V=typeof globalThis<"u"?globalThis:V||self,e(V.tabs={},V.Vue,V.notify,V.common,V.FCapsule,V.locale,V.FResponseToolbar,V.BigNumber,V.LodashES,V.FSection,V.propertyPanel))})(this,function(V,e,Z,D,ee,F,te,Pe,Ne,W,ne){"use strict";const _={tabType:{type:String,default:"default"},autoTitleWidth:{type:Boolean,default:!1},titleLength:{type:Number,default:7},position:{type:String,default:"top"},showDropdown:{type:Boolean,default:!0},scrollStep:{type:Number,default:10},autoResize:{type:Boolean,default:!1},width:{type:Number},height:{type:Number},searchBoxVisible:{type:Boolean,default:!0},titleWidth:{type:Number,default:0},customClass:{type:String,default:""},activeId:{type:String},fill:{type:Boolean,default:!1},justifyContent:{type:String,default:"left"},visible:{type:Boolean,default:!0},showHeader:{type:Boolean,default:!0},beforeTabSelect:{type:Function,default:null}};function oe(){function t(n,o,u){const i={};return i.beforeTabSelect=a=>o.call("beforeTabSelect",n,[a,n],u),i}return{resolve:t}}function le(t,n,o){const u=new Z.FNotifyService,i=e.ref([]),a=e.ref(t.activeId||"");let b="";const h=e.ref(!0),f=e.ref([]),m=e.ref(!0),p=e.ref(0),T=e.computed(()=>{const l=i.value.find(c=>c.props.id===a.value);return(l==null?void 0:l.props.toolbarPosition)==="inHead"});let C;function j(l){C=l}function B(l,d=!0){const c=l.findIndex(v=>v.props.show!==!1&&!v.props.disabled);if(c!==-1){if(a.value=l[c].props.id,!d)return;f.value=[];const v=l[c];v&&v.props.toolbar&&v.props.toolbar.buttons&&v.props.toolbar.buttons.length&&(f.value=[...v.props.toolbar.buttons],m.value=v.props.toolbarVisible)}}function s(l){a.value=l;const d=i.value.find(c=>c.props.id===l);f.value=[],d&&d.props.toolbar&&d.props.toolbar.buttons&&d.props.toolbar.buttons.length&&(f.value=[...d.props.toolbar.buttons],m.value=d.props.toolbarVisible),n.emit("update:activeId",l),n.emit("tabChange",{prevId:b,nextId:a.value})}async function g(l,d,c,v){var R;const I=await((R=t.beforeTabSelect)==null?void 0:R.call(t,{prevId:l,nextId:d}));(typeof I=="boolean"?I:(I==null?void 0:I.canSelect)??!0)?c&&c():(v&&v(),typeof I!="boolean"&&I.message&&(u==null||u.warning({message:I.message,position:"top-center"})))}function S(l){let d=-1;if(!a.value){if(d=l.findIndex(c=>a.value===c.props.id&&c.props.show!==!1&&!c.props.disabled),d>-1)return;b=a.value}B(l,!1),g(b,a.value,()=>{s(a.value),C&&C()},()=>{a.value=b})}function y(l){let d=!1;if(l){const c=i.value.find(v=>v.props.id===l);d=!c||c.props.show===!1||c.props.disabled===!0}if(d)S(i.value);else if(a.value!==l){const c=a.value;g(c,l,()=>{b=c,a.value=l,s(a.value),C&&C()},()=>{a.value=c,n.emit("update:activeId",c)})}else s(a.value)}e.watch(()=>t.activeId,(l,d)=>{l!==d&&t.activeId!==a.value&&y(l)});function w(l){var c;if(t.autoTitleWidth)return;const d=(c=l.value)==null?void 0:c.querySelectorAll(".st-tab-text");if(!(!d||t.tabType==="pill"))for(let v=0;v<d.length;v++){const I=d[v].parentNode;d[v].scrollWidth>I.offsetWidth?d[v].classList.contains("farris-title-text-custom")||d[v].classList.add("farris-title-text-custom"):d[v].classList.remove("farris-title-text-custom")}}const P=l=>{l.preventDefault(),l.stopPropagation()};function O(l,d,c=!1){const v=i.value.findIndex(I=>I.props.id===d);i.value=i.value.filter(I=>I.props.id!==d),a.value===d&&(b=d,a.value="",B(i.value)),P(l),e.nextTick(()=>{p.value++,w(o),c&&(h.value=!0),n.emit("tabRemove",{removeIndex:v,removeId:d,activeId:a.value})})}function M(l,d=!0){const c=i.value.find(v=>v.props.id===l);c&&(c.props.show===!1&&a.value===l?(a.value="",b=l,y("")):c.props.show===!0&&!a.value&&S(i.value),e.nextTick(()=>{p.value++,d&&(h.value=!0)}))}function H(l){a.value!==l&&g(b,l,()=>{b=a.value,s(l),C&&C()},null)}function k(l){i.value.findIndex(c=>c.props.id===l.props.id)===-1&&i.value.push(l),p.value++}function r(l){i.value.findIndex(c=>c.props.id===l.props.id)!==-1&&(i.value.forEach(c=>{c.props.id===l.props.id&&(c=l)}),l.props.id===a.value&&T.value,e.nextTick(()=>{p.value++,w(o)}))}return{activeId:a,addTab:k,changeTitleStyle:w,removeTab:O,selectTab:H,tabPages:i,updateTab:r,toolbarItems:f,needUpdateNavigationLayout:p,checkActiveIdAndSelect:y,toggleShowTab:M,hasInHeadClass:T,setScrollToSelectedTabFunction:j,toolbarVisible:m}}function ae(t,n,o,u,i){const{activeId:a,removeTab:b,selectTab:h}=i,f=e.computed(()=>{const w={"st-tab-text":!0,"text-truncate":t.tabType==="pill"&&!t.autoTitleWidth,"farris-title-auto":t.autoTitleWidth};return D.getCustomClass(w,n.customTitleClass)}),m=e.computed(()=>({"nav-item":!0,"d-none":n.show!==void 0?!n.show:!1,"f-state-active":n.id===a.value,"f-state-disabled":n.disabled})),p=e.computed(()=>({width:`${n.tabWidth}px`})),T=e.computed(()=>({"nav-link":!0,"tabs-text-truncate":!0,active:n.id===a.value,disabled:n.disabled})),C=e.reactive({content:n.title,overflowShown:!0});function j(){return t.tabType!=="pill"&&!t.autoTitleWidth?e.withDirectives(e.createVNode("span",{class:f.value,"data-tabid":n.id},[n.title]),[[e.resolveDirective("tooltip"),C]]):e.createVNode("span",{class:f.value,"data-tabid":n.id,title:n.title},[n.title])}const B=e.ref(n.removeable);function s(){return B.value?e.createVNode("span",{class:"st-drop-close",onClick:w=>b(w,n.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]):""}function g(w){h(n.id),t.tabType==="one-page"&&u.scrollToByPaggId(n.id)}const S=D.extractDataAttrs(o.attrs);function y(){return o.slots.title?e.createVNode("a",e.mergeProps(S,{class:T.value,onClick:g,id:`${n.id}-tab-title`}),[o.slots.title(o),s()]):n.titleRenderFunction?e.createVNode("a",e.mergeProps(S,{class:T.value,onClick:g,id:`${n.id}-tab-title`}),[n.titleRenderFunction(),s()]):e.createVNode("a",e.mergeProps(S,{class:T.value,onClick:g,id:`${n.id}-tab-title`}),[j(),s()])}return e.createVNode("li",{class:m.value,style:p.value},[y()])}function ie(t,n,o,u,i){const{shouldShowNavigationButtons:a}=o,{tabPages:b}=i,h=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":a.value})),f=e.computed(()=>({width:"100%","justify-content":t.justifyContent})),m=e.computed(()=>({nav:!0,"farris-nav-tabs":!0,"flex-nowrap":!0,"nav-fill":t.tabType==="fill","nav-pills":t.tabType==="pills","flex-row":t.position==="top"||t.position==="bottom","flex-column":t.position==="left"||t.position==="right"}));return()=>e.createVNode("div",{class:h.value,style:f.value},[e.createVNode("ul",{class:m.value,ref:n},[b.value.map(p=>ae(t,p.props,p,u,i))])])}function se(t,n,o,u,i){const a=e.ref(),{shouldShowNavigationButtons:b}=o,{activeId:h,tabPages:f,selectTab:m}=i,p=e.ref(h.value),T=e.computed(()=>f.value.map(s=>({name:s.props.title,value:s.props.id,show:s.props.show,disabled:s.props.disabled}))),C=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":b.value})),j=e.computed(()=>({width:"100%",display:"flex","justify-content":t.justifyContent}));e.onMounted(()=>{a.value&&(n.value=a.value.$el)});function B(s){m(s)}return e.watch(()=>h.value,s=>{s!==p.value&&(p.value=s)},{immediate:!0}),()=>e.createVNode("div",{class:C.value,style:j.value},[e.createVNode(ee,{items:T.value,modelValue:p.value,"onUpdate:modelValue":s=>p.value=s,onChange:B,ref:a},null)])}function re(t,n,o,u){const i=e.ref(),{activeId:a,removeTab:b,tabPages:h,selectTab:f}=u,{hideDropDown:m,searchTabText:p}=n,T=600;let C=null;const j=e.computed(()=>{var l,d;let r=[];return t.searchBoxVisible?r=(l=h.value)==null?void 0:l.filter(c=>c.props.title.includes(p.value)):r=(d=h.value)==null?void 0:d.slice(),r}),B=e.computed(()=>({"dropdown-menu":!0,"tabs-pt28":t.searchBoxVisible,show:!m.value,"d-none":m.value}));let s;function g(r){s=r}e.watch(m,r=>{if(s.value)if(r)i.value.style.width=null;else{const l=s.value.querySelector(".farris-tabs-header"),d=s.value.clientHeight-l.clientHeight-20,v=l.querySelector(".farris-tabs-title").clientWidth-20;i.value.style.maxWidth=v+"px",i.value.style.maxHeight=d+"px",e.nextTick(()=>{const{width:I}=i.value.getClientRects()[0];i.value.style.width=I?I+"px":null})}});function S(r){return{"dropdown-item":!0,"text-truncate":!0,"px-2":!0,disabled:r.props.disabled,active:r.props.id===a.value,"d-none":r.props.show!==!0}}function y(r){r.preventDefault(),r.stopPropagation()}function w(){C&&clearTimeout(C)}function P(){m.value||(C=setTimeout(()=>{m.value=!0},T))}function O(r,l){r.stopPropagation(),l.disabled||f(l.id),m.value=!0}function M(r,l){r.stopPropagation(),b(r,l,!0)}function H(r){return r.slots.title?e.createVNode("a",{class:"dropdown-title",id:`${r.props.id}-dropdown-item`},[r.slots.title(r)]):r.props.titleRenderFunction?e.createVNode("a",{class:"dropdown-title",id:`${r.props.id}-dropdown-item`},[r.props.titleRenderFunction()]):e.createVNode("a",{class:"dropdown-title",id:`${r.props.id}-dropdown-item`},[r.props.title])}function k(){return e.createVNode("div",{ref:i,class:B.value,onMouseenter:()=>w(),onMouseleave:()=>P()},[t.searchBoxVisible&&e.createVNode("div",{onClick:r=>y(r),class:"pb-1 tabs-li-absolute"},[e.withDirectives(e.createVNode("input",{type:"text",class:"form-control","onUpdate:modelValue":r=>p.value=r},null),[[e.vModelText,p.value]]),e.createVNode("span",{class:"f-icon f-icon-page-title-query tabs-icon-search"},null)]),j.value.length?e.createVNode("ul",{class:"tab-dropdown-menu--items flex-fill"},[j.value.map(r=>e.createVNode("li",{class:S(r),onClick:l=>O(l,r.props)},[r.props.removeable&&r.props.disabled!==!0&&e.createVNode("span",{class:"float-right st-drop-close",onClick:l=>M(l,r.props.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]),H(r)]))]):e.createVNode("div",{class:"dropdown-no-data"},[F.LocaleService.getLocaleValue("tabs.noData")])])}return{renderDropdownMenu:k,setTabsRef:g}}function ce(t,n,o,u){const{hideDropDown:i}=n,{renderDropdownMenu:a,setTabsRef:b}=re(t,n,o,u),h=e.ref(t.showDropdown);function f(){return h.value&&e.createVNode(e.Fragment,null,[e.createVNode("button",{class:"btn dropdown-toggle-split dropdown-toggle",onClick:()=>{i.value=!1}},null),a()])}return{renderMorePagesButtton:f,setTabsRef:b}}function de(t,n,o,u){const i=e.ref(!1),{selectTab:a,tabPages:b,needUpdateNavigationLayout:h,activeId:f}=u,m=4,p=e.computed(()=>({btn:!0,"sc-nav-btn":!0,"px-1":!0,"sc-nav-lr":!0,"d-none":!i.value})),T=e.computed(()=>({"btn-group":!0,"sc-nav-btn":!0,dropdown:!0,"d-none":!i.value})),C=e.computed(()=>({btn:!0,"sc-nav-rg":!0,"d-none":!i.value}));function j(y,w){if(!n.value)return;const P=n.value.scrollLeft,O=n.value.scrollWidth-n.value.offsetWidth;if(w>0){if(n.value.scrollLeft>=O)return;n.value.scrollLeft=P+t.scrollStep+y}else if(w<0){if(n.value.scrollLeft<=0)return;n.value.scrollLeft=P-t.scrollStep-y}}function B(y=-1){if(!i.value||!n.value)return;y<0&&(y=b.value.findIndex(H=>H.props.id===f.value));const w=t.tabType==="pills"?".f-capsule-item":".nav-item",P=n.value.querySelectorAll(w),{parentElement:O}=n.value,M=P[y];if(M&&O){const H=O.getBoundingClientRect().left,k=O.getBoundingClientRect().right,r=M.getBoundingClientRect().left,l=M.getBoundingClientRect().right;r<H?j(H-r,-1):k<l&&j(l-k,1),t.tabType==="one-page"&&o.scrollTo(y)}}function s(){var P;if(!n.value)return;const y=n.value,w=(P=n.value)==null?void 0:P.parentElement;i.value=w&&y&&w.offsetWidth<y.scrollWidth-m,i.value&&e.nextTick(()=>{B()})}function g(y){y.disabled||a(y.id)}function S(){["default","one-page"].indexOf(t.tabType)>-1&&e.nextTick(()=>{B()})}return e.watch(h,()=>{s()}),{previousButtonClass:p,nextButtonGroupClass:T,nextButtonClass:C,scrollTab:j,selectAndScrollToTab:g,shouldShowNavigationButtons:i,updateNavigationLayout:s,scrollToSelectedTab:S}}function ue(t,n){const{tabPages:o}=n,u=e.ref(""),i=e.ref(!0),a=e.computed(()=>t.searchBoxVisible),b=e.computed(()=>a.value?o.value.filter(f=>f.props.title.includes(u.value)):o.value.slice());return e.watch(i,h=>{h||(u.value="")}),{searchTabText:u,hideDropDown:i,shouldShowSearchBox:a,tabsInDropdownMenu:b}}function fe(t,n,o){const u=".farris-tab-page",{tabPages:i}=o;let a=-1;function b(){if(a<0){const m=document.querySelector(".farris-tabs-header");m&&(a=m.clientHeight)}return a}function h(m){const p=n.value;if(p){const T=n.value.querySelectorAll(u);if(T.length>0){const C=T[m],{offsetTop:j}=C,B=j-b();p.scrollTop=B>0?B:0}}}function f(m){const p=i.value.findIndex(T=>T.props.id===m);p>-1&&h(p)}return{scrollTo:h,scrollToByPaggId:f}}const be=["moz","ms","webkit"];function pe(){let t=0;return n=>{const o=new Date().getTime(),u=Math.max(0,16-(o-t)),i=setTimeout(()=>{n(o+u)},u);return t=o+u,i}}function me(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const t=be.filter(n=>`${n}RequestAnimationFrame`in window)[0];return t?window[`${t}RequestAnimationFrame`]:pe()}me(),e.ref("");function $(){if(typeof window>"u"||typeof navigator>"u")return!1;const t=navigator.userAgent||navigator.vendor||window.opera,n=[/iPhone/i,/iPod/i,/Android.*Mobile/i,/webOS/i,/BlackBerry/i,/IEMobile/i,/Opera Mini/i,/Harmony/i],o=[/iPad/i,/Android(?!.*Mobile)/i,/Tablet/i,/PlayBook/i,/Kindle/i,/Silk/i];for(const f of o)if(f.test(t))return!1;for(const f of n)if(f.test(t))return!0;if(typeof screen>"u")return!1;const u="ontouchstart"in window||navigator.maxTouchPoints>0,i=screen.width,a=screen.height,b=Math.min(i,a);return!!(u&&b<=768)}function he(){const t=$();return t&&document.body.classList.add("f-mobile"),t}typeof document<"u"&&he();function U(t){return t?Object.keys(t).reduce((n,o)=>(o.startsWith("data-")&&(n[o]=t[o]),n),{}):{}}const A=e.defineComponent({name:"FTabs",props:_,emits:["tabChange","tabRemove","update:activeId","Click"],setup(t,n){const o=e.ref(t.tabType),u=e.shallowRef(),i=$(),a=e.ref(t.customClass),b=e.shallowRef();e.shallowRef();const h=e.ref(),f=le(t,n,b),{activeId:m,changeTitleStyle:p,tabPages:T,addTab:C,updateTab:j,toolbarItems:B,checkActiveIdAndSelect:s,toggleShowTab:g,hasInHeadClass:S,toolbarVisible:y}=f,w=fe(t,u,f),P=de(t,b,w,f),{previousButtonClass:O,nextButtonClass:M,nextButtonGroupClass:H,scrollTab:k,updateNavigationLayout:r,scrollToSelectedTab:l}=P;f.setScrollToSelectedTabFunction(l);const d=ue(t,f),c=ie(t,b,P,w,f),v=c,I=se(t,b,P,w,f),E=new Map([["default",c],["one-page",v],["pills",I]]);e.computed(()=>{const x=T.value.find(N=>N.props.id===m.value);return x==null?void 0:x.slots});const R=e.computed(()=>t.fill),X=(x,N)=>{n.emit("Click",x,N,m.value)};e.provide("tabs",{activeId:m,addTab:C,updateTab:j,tabPages:T,tabType:o,shouldFillParentContaner:R,toggleShowTab:g,toolbarVisible:y,clickToolbarItemHandler:X});let K=!1;const ge=e.computed(()=>({"farris-tabs-header":!0,"farris-tabs-inHead":S.value,"farris-tabs-inContent":!S.value,"farris-tabs-nav-fill":t.tabType==="fill","farris-tabs-nav-pills":t.tabType==="pills","d-none":t.showHeader===!1})),ye=e.computed(()=>{const x={width:S.value&&t.titleWidth?`${t.titleWidth}%`:""};return x.width&&(x.flex="unset"),x}),Te=e.computed(()=>{const x={"farris-tabs":!0,"f-tabs-content-fill":R.value,"flex-column":t.position==="top","flex-column-reverse":t.position==="bottom","flex-row":t.position==="left","flex-row-reverse":t.position==="right","one-page":t.tabType==="one-page"};return a.value&&a.value.split(" ").reduce((N,L)=>(N[L]=!0,N),x),x}),we=new ResizeObserver(x=>{x.length&&r()});function Y(){h.value&&!K&&(we.observe(h.value),K=!0)}e.watch(()=>t.visible,x=>{e.nextTick(()=>{T.value.length&&s(t.activeId||T.value[0].props.id),r(),p(b),Y()})}),e.watch(()=>t.autoTitleWidth,x=>{e.nextTick(()=>{r(),p(b)})}),e.onMounted(()=>{t.visible&&(T.value.length&&s(t.activeId||T.value[0].props.id),e.nextTick(()=>{r(),p(b)}),Y())});function Ce(){return e.createVNode("button",{title:F.LocaleService.getLocaleValue("tabs.leftButton"),type:"button",class:O.value,onClick:()=>{k(0,-1)}},null)}function Se(){return e.createVNode("button",{title:F.LocaleService.getLocaleValue("tabs.rightButton"),type:"button",class:M.value,onClick:()=>{k(0,1)}},null)}const{renderMorePagesButtton:xe,setTabsRef:Ve}=ce(t,d,P,f);Ve(u);function Be(){return B.value.length?e.createVNode("div",{class:{"farris-tabs-toolbar":!0,"d-none":!y.value}},[e.createVNode(te,e.mergeProps(U(n.attrs),{class:"f-utils-fill",alignment:S.value?"right":"left",items:B.value,visible:y.value,onClick:X}),null)]):null}const J=E.get(t.tabType)||E.get("default");function Ie(){var x,N,L,Q;return e.createVNode("div",{class:ge.value},[e.createVNode("div",{class:"farris-tabs-header-pre"},[(N=(x=n.slots).headerPrefix)==null?void 0:N.call(x)]),e.createVNode("div",{class:"farris-tabs-title scroll-tabs",style:ye.value,ref:h},[!i&&Ce(),J&&J(),e.createVNode("div",{hidden:i,class:H.value},[Se(),xe()])]),Be(),e.createVNode("div",{class:"farris-tabs-header-post"},[(Q=(L=n.slots).headerSuffix)==null?void 0:Q.call(L)])])}e.computed(()=>({"farris-tabs-content":!0,"f-utils-fill-flex-column":R.value}));function je(){var x,N;return(N=(x=n.slots).default)==null?void 0:N.call(x)}return()=>t.visible?e.createVNode("div",e.mergeProps(U(n.attrs),{class:Te.value,ref:u}),[Ie(),je()]):null}}),z={tabWidth:{type:Number},id:{type:String,default:""},customTitleClass:{type:String,default:""},titleOverflow:{type:Boolean,default:!1},title:{type:String,default:""},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},removeable:{type:Boolean,default:!1},show:{type:Boolean,default:!0},toolbar:{type:Object,default:{}},toolbarPosition:{type:String,default:"inHead"},toolbarVisible:{type:Boolean,default:!0},titleRenderFunction:{type:Function}};function G(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const q=e.defineComponent({name:"FTabPage",props:z,emits:[],setup(t,n){const o=e.inject("tabs");D.isMobilePhone();const u=e.ref(t.show),i={slots:n.slots,props:t,attrs:n.attrs},a=e.ref((o==null?void 0:o.tabType.value)||"default");e.onMounted(()=>{const s=o==null?void 0:o.tabPages.value.findIndex(g=>g.props.id===t.id);(!s||s===-1)&&(o==null||o.addTab(i))}),e.onUnmounted(()=>{});const b=e.computed(()=>(t==null?void 0:t.id)===(o==null?void 0:o.activeId.value)),h=e.computed(()=>({display:b.value?"":"none"}));e.watch(()=>t,s=>{o==null||o.updateTab({props:s,slots:n.slots,attrs:n.attrs})},{immediate:!0,deep:!0}),e.watch(()=>t.show,s=>{u.value=s,o==null||o.toggleShowTab(t.id)}),e.watch(()=>t.toolbarVisible,s=>{b.value&&o&&(o.toolbarVisible.value=s)});function f(){var g,S;const s=(S=(g=n.slots).default)==null?void 0:S.call(g);return e.createVNode(W,{"main-title":t.title,class:["farris-tab-page",u.value?"":"f-tab-d-none"]},G(s)?s:{default:()=>[s]})}function m(s,g){o&&(o.activeId.value=t.id,o.clickToolbarItemHandler&&o.clickToolbarItemHandler(s,g))}function p(){var g,S;const s=(S=(g=n.slots).default)==null?void 0:S.call(g);return e.createVNode(W,{customClass:"section-in-tab is-mobile",onClick:m,visible:t.show,"main-title":t.title,buttons:t.toolbar.buttons,"button-position":t.toolbar.position||t.toolbarPosition,"buttons-visible":t.toolbarVisible},G(s)?s:{default:()=>[s]})}const T=e.computed(()=>{var g;return{"farris-tab-page":!0,"f-tab-d-none":!u.value,"f-tab-active":b.value&&o&&((g=o.shouldFillParentContaner)==null?void 0:g.value)}});function C(){var g,S;const s=(S=(g=n.slots).default)==null?void 0:S.call(g);return e.createVNode("div",{class:T.value,style:h.value},[s])}const B=new Map([["default",C],["one-page",f],["mobile",p]]).get(a.value)||C;return()=>B()}});class ve extends ne.BaseControlProperty{constructor(n,o){super(n,o)}getPropertyConfig(n,o=!1){return this.propertyConfig.categories.basic=this.getBasicPropConfig(n),this.propertyConfig.categories.basic.properties.text={title:"文本",type:"string",description:"",refreshPanelAfterChanged:!0},this.getAppearanceProperties(n,o),this.getbBehaviorConfig(n),this.getEventPropConfig(n),this.propertyConfig}getAppearanceProperties(n,o=!1){this.propertyConfig.categories.appearance={title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式",visible:!o},icon:{title:"图标",type:"string",description:""},split:{title:"下拉按钮分离",type:"boolean",description:"启用下拉按钮分离，可以单独点击按钮。单独点击下拉按钮展开下拉面板",visible:!!(n.children&&n.children.length>0)}}}}getbBehaviorConfig(n){const o=this.getPropertyEditorParams(n,["Const","Variable","StateMachine","Custom","Expression"],"disabled");this.propertyConfig.categories.behavior=this.getBehaviorConfig(n,"",{disabled:{title:"禁用",type:"boolean",description:"按钮禁用状态",refreshPanelAfterChanged:!0,editor:o}})}getEventPropConfig(n){const o=[{label:"onClick",name:"点击事件"}],u=this,i=u.eventsEditorUtils.formProperties(n,u.viewModelId,o),a=u.createBaseEventProperty(i);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:a,refreshPanelAfterChanged:!0,tabId:D.EVENT_PROPERTY_TAB_IDS,tabName:"交互",setPropertyRelates(b,h){const f=b.propertyValue;delete n[u.viewModelId],f&&(f.setPropertyRelates=this.setPropertyRelates,u.eventsEditorUtils.saveRelatedParameters(n,u.viewModelId,f.events,f))}}}}A.install=t=>{t.component(A.name,A),t.component(q.name,q)},V.FTabPage=q,V.FTabs=A,V.TabToolbarItemProperty=ve,V.createTabsCallbackResolver=oe,V.default=A,V.tabPageProps=z,V.tabsProps=_,Object.defineProperties(V,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/designer/button-edit/index.esm.js

@@ -1,18 +1,18 @@
 var Je = Object.defineProperty;
 var _e = (e, t, l) => t in e ? Je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l;
 var U = (e, t, l) => _e(e, typeof t != "symbol" ? t + "" : t, l);
-import { isMobilePhone as he, getMaxZIndex as me, withInstall as Ze } from "../../components/common/index.esm.js";
-import { resolveAppearance as Qe, createPropsResolver as et } from "../../components/dynamic-resolver/index.esm.js";
-import tt, { buttonEditProps as nt } from "../../components/button-edit/index.esm.js";
-import { ref as o, onMounted as ie, defineComponent as re, computed as I, createVNode as v, Teleport as ge, createApp as ye, onUnmounted as ce, Fragment as be, watch as $, nextTick as K, onBeforeMount as lt, watchEffect as at, Transition as ot, shallowRef as ut, render as ue, h as st, cloneVNode as it, mergeProps as se, inject as we } from "vue";
+import { isMobilePhone as he, getMaxZIndex as me, extractDataAttrs as Ze, withInstall as Qe } from "../../components/common/index.esm.js";
+import { resolveAppearance as et, createPropsResolver as tt } from "../../components/dynamic-resolver/index.esm.js";
+import nt, { buttonEditProps as lt } from "../../components/button-edit/index.esm.js";
+import { ref as o, onMounted as ie, defineComponent as re, computed as I, createVNode as v, Teleport as ge, createApp as ye, onUnmounted as ce, Fragment as be, watch as $, nextTick as K, onBeforeMount as at, watchEffect as ot, Transition as ut, mergeProps as ee, shallowRef as st, render as se, h as it, cloneVNode as rt, inject as we } from "vue";
 import { LocaleService as Q } from "../../components/locale/index.esm.js";
 import Ce from "../../components/drawer/index.esm.js";
 import "../../components/property-panel/index.esm.js";
 import "../../components/button/index.esm.js";
 import "../../components/field-selector/index.esm.js";
 import "../../components/collection-property-editor/index.esm.js/src/use-button-items.designer";
-import { useDesignerComponent as rt } from "../../components/designer-canvas/index.esm.js";
-const ct = {
+import { useDesignerComponent as ct } from "../../components/designer-canvas/index.esm.js";
+const dt = {
   /**
    * 标记组件的唯一标识
    */
@@ -183,23 +183,23 @@ const ct = {
    * 扩展按钮是否禁用
    */
   expandDisabled: { type: Boolean, default: !1 }
-}, dt = {
+}, ft = {
   popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
   host: { type: Object },
   backgroundColor: { type: String, default: "" }
 };
-function ft() {
+function vt() {
   const e = o(!1);
   return ie(() => {
     e.value = !0;
   }), e;
 }
-const vt = /* @__PURE__ */ re({
+const pt = /* @__PURE__ */ re({
   name: "FOverlay",
-  props: dt,
+  props: ft,
   emits: ["click"],
   setup(e, t) {
-    const l = o(e.popupContentPosition), a = o(e.host), u = ft(), s = I(() => ({
+    const l = o(e.popupContentPosition), a = o(e.host), u = vt(), s = I(() => ({
       backgroundColor: e.backgroundColor || "",
       pointerEvents: "auto"
     }));
@@ -242,13 +242,13 @@ const vt = /* @__PURE__ */ re({
     }) : null;
   }
 });
-function pt(e) {
+function ht(e) {
   if (e.content && e.content.render)
     return e.content.render;
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function ht(e) {
+function mt(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
   let l;
@@ -261,8 +261,8 @@ function ht(e) {
       ce(() => {
         document.body.removeChild(t);
       });
-      const s = pt(e);
-      return () => v(vt, {
+      const s = ht(e);
+      return () => v(pt, {
         "popup-content-position": e.popupPosition,
         host: e.host,
         onClick: u,
@@ -273,12 +273,12 @@ function ht(e) {
     }
   }), document.body.appendChild(t), l.mount(t), l;
 }
-class mt {
+class gt {
   static show(t) {
-    return ht(t);
+    return mt(t);
   }
 }
-const gt = {
+const yt = {
   /**
    * 允许点击蒙层关闭对话框
    * @default false
@@ -496,7 +496,7 @@ class X {
     return this.width = t.width, this.height = t.height, this;
   }
 }
-function yt(e, t) {
+function bt(e, t) {
   const l = o(), a = o(), u = o(), s = o(), d = o(), f = o(), i = o(), p = o(), B = o(), w = o(), M = o(), C = o(e.resizeable), O = o(), E = o(e.draggable), P = o(!1);
   function y() {
     const r = a.value || document.body, c = window.getComputedStyle(r);
@@ -632,7 +632,7 @@ function yt(e, t) {
       }
     }, E.value = !1, P.value = !0);
   }
-  function te() {
+  function ne() {
     var r, c;
     if (document.body.click(), O.value) {
       const k = {
@@ -662,7 +662,7 @@ function yt(e, t) {
       }
     }
   }
-  function ne() {
+  function le() {
     const r = () => {
       P.value ? D(!1) : _(), document.body.click();
     };
@@ -670,20 +670,20 @@ function yt(e, t) {
       window.removeEventListener("resize", r);
     };
   }
-  const q = ne();
+  const q = le();
   return {
     renderResizeBar: N,
     boundingElement: a,
     resizedEventParam: M,
     maximize: D,
-    restore: te,
+    restore: ne,
     allowDrag: E,
     isMaximized: P,
     unWindowResizeHandle: q,
     moveToCenter: _
   };
 }
-function bt(e, t, l) {
+function wt(e, t, l) {
   const a = o(), u = o(e.draggable), s = o(e.lockAxis), d = o(), f = o(), i = o(!1), p = o(new R(0, 0)), B = o(new R(0, 0)), w = o(new R(0, 0)), M = o(new R(0, 0));
   $(() => l.value, (h) => {
     d.value.style.cursor = h ? "move" : "default";
@@ -779,7 +779,7 @@ function xe(e, t) {
     };
   }
 }
-function wt(e, t) {
+function Ct(e, t) {
   const l = o(e.enableEsc);
   let a = null;
   return l.value ? (a = xe("Escape", (u) => {
@@ -788,7 +788,7 @@ function wt(e, t) {
     remove: a
   }) : null;
 }
-function Ct(e, t) {
+function xt(e, t) {
   const l = o(e.enableEnter);
   let a = null;
   return l.value ? (a = xe("Enter", (u) => {
@@ -799,7 +799,7 @@ function Ct(e, t) {
 }
 const J = /* @__PURE__ */ re({
   name: "FModal",
-  props: gt,
+  props: yt,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove", "buttonClick"],
   setup(e, t) {
     const l = o(e.width || 300), a = o(e.height || 200), u = o(e.modelValue), s = o(""), d = o(e.class), f = o(e.fitContent), i = o(e.showHeader), p = o(""), B = o(e.showCloseButton), w = o(e.showMaxButton), M = o(!1), C = o(e.dialogType), O = o(e.src), E = o(""), P = o(e.showButtons), y = o(e.title), b = o(e.containment || null), S = o();
@@ -835,17 +835,17 @@ const J = /* @__PURE__ */ re({
         V(n, !0);
       }
     }], g = o(e.buttons && e.buttons.length ? e.buttons : h), z = I(() => !!p.value), A = I(() => !!P.value && !!g.value), W = o(), N = o(), D = o(e.maximized || !1), {
-      renderResizeBar: te,
+      renderResizeBar: ne,
       maximize: _,
-      restore: ne,
+      restore: le,
       boundingElement: q,
       resizedEventParam: r,
       allowDrag: c,
       unWindowResizeHandle: k,
       moveToCenter: x
-    } = yt(e), {
+    } = bt(e), {
       registerDraggle: j
-    } = bt(e, t, c);
+    } = wt(e, t, c);
     function de() {
       return !!document.querySelectorAll(".farris-modal").length && document.body.classList.contains("modal-open");
     }
@@ -942,9 +942,9 @@ const J = /* @__PURE__ */ re({
       }, m = Le();
       return Object.assign(n, m);
     });
-    function le(n) {
+    function ae(n) {
       if (n == null || n.stopPropagation(), D.value) {
-        D.value = !1, ne();
+        D.value = !1, le();
         return;
       }
       _(), D.value = !0;
@@ -958,18 +958,18 @@ const J = /* @__PURE__ */ re({
     function De(n) {
       n.width && (l.value = n.width), n.height && (a.value = n.height), n.buttons && (g.value = n.buttons), n.title && (y.value = n.title);
     }
-    let ae = null, oe = null;
-    lt(() => {
+    let oe = null, ue = null;
+    at(() => {
       F.value = de();
     }), ie(() => {
-      N.value && !b.value && (b.value = N.value.parentElement, q.value = b.value, j(W.value, N.value, q.value)), Z.value && document.body.classList.add("modal-open"), ae = wt(e, t), oe = Ct(e, t);
+      N.value && !b.value && (b.value = N.value.parentElement, q.value = b.value, j(W.value, N.value, q.value)), Z.value && document.body.classList.add("modal-open"), oe = Ct(e, t), ue = xt(e, t);
     }), ce(() => {
-      k && k(), ae && ae.remove(), oe && oe.remove();
+      k && k(), oe && oe.remove(), ue && ue.remove();
     }), t.expose({
       modalElementRef: N,
       updateModalOptions: De,
       close: V,
-      maxDialog: le,
+      maxDialog: ae,
       isMaximized: D,
       disableButtons: (n, m = !0) => {
         g.value.forEach((H) => {
@@ -993,7 +993,7 @@ const J = /* @__PURE__ */ re({
       }, [v("span", {
         class: "f-icon modal_minimize"
       }, null)]), w.value && v("li", {
-        onClick: le,
+        onClick: ae,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
       }, [v("span", {
@@ -1020,8 +1020,8 @@ const J = /* @__PURE__ */ re({
         onWheel: Ne
       }, [g.value.map((n) => {
         var T;
-        const m = o(n.disabled), H = n.class || ((T = n.appearance) == null ? void 0 : T.class);
-        return v("button", {
+        const m = o(n.disabled), H = n.class || ((T = n.appearance) == null ? void 0 : T.class) || "btn btn-secondary";
+        return v("button", ee(Ze(n), {
           name: n.name,
           style: n.styles,
           type: "button",
@@ -1030,13 +1030,13 @@ const J = /* @__PURE__ */ re({
           onClick: (Y) => {
             We(n, Y);
           }
-        }, [!!n.iconClass && v("i", {
+        }), [!!n.iconClass && v("i", {
           class: n.iconClass
         }, null), n.text]);
       })])]);
     }
     function ve(n) {
-      w.value && le();
+      w.value && ae();
     }
     function Ye() {
       return v(be, null, [D.value && v("div", {
@@ -1086,17 +1086,17 @@ const J = /* @__PURE__ */ re({
         width: "100%",
         frameborder: "0",
         src: O.value
-      }, null)]), Xe()]), !f.value && N.value && !D.value && te(N.value)]);
+      }, null)]), Xe()]), !f.value && N.value && !D.value && ne(N.value)]);
     }
     function Ge(n) {
       return n || "body";
     }
-    return at(() => {
+    return ot(() => {
       Z.value && (fe.value = me() || 1050);
     }), () => v(ge, {
       to: Ge(e.host)
     }, {
-      default: () => [Z.value && v(ot, {
+      default: () => [Z.value && v(ut, {
         name: "fade",
         appear: !0
       }, {
@@ -1116,7 +1116,7 @@ function Be(e) {
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function xt(e) {
+function Bt(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
   const l = e.type || "modal", a = ye({
@@ -1186,7 +1186,7 @@ function xt(e) {
   });
   return document.body.appendChild(t), a.use(Q.i18n), a.mount(t), a;
 }
-class Bt {
+class Mt {
   // private activeModalInstance = computed(() => {
   //     return this.modalRefs[this.activeModalIndex.value];
   // });
@@ -1220,7 +1220,7 @@ class Bt {
       showButtons: !0,
       showHeader: !0
     }, t);
-    return xt(l);
+    return Bt(l);
   }
   close(t) {
     var l, a;
@@ -1229,7 +1229,7 @@ class Bt {
   open(t) {
     const l = document.createDocumentFragment(), a = t.type || "modal";
     t.showMaxButton && t.fitContent && (t.showMaxButton = !1);
-    const u = ut(Object.assign({
+    const u = st(Object.assign({
       title: "",
       showButtons: !0,
       showHeader: !0,
@@ -1245,7 +1245,7 @@ class Bt {
       f(y, this.isUseEscCloseModal.value ? "esc" : b ? "icon" : "button");
     }, w = (y) => {
       B(y), p && K(() => {
-        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], ue(null, l), p = null, this.modalRef.value = null, this.modalRefs) {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], se(null, l), p = null, this.modalRef.value = null, this.modalRefs) {
           const b = Object.keys(this.modalRefs).map((S) => Number(S));
           b.length > 0 ? this.activeModalIndex.value = Math.max(...b) : this.activeModalIndex.value = 0, this.modalRefs[this.activeModalIndex.value] && (this.modalRef.value = this.modalRefs[this.activeModalIndex.value]);
         }
@@ -1254,7 +1254,7 @@ class Bt {
     }, M = o();
     let C;
     if (a === "drawer")
-      C = () => v(Ce, se({
+      C = () => v(Ce, ee({
         ref: M,
         modelValue: s.value,
         "onUpdate:modelValue": (y) => s.value = y,
@@ -1276,7 +1276,7 @@ class Bt {
         width: V,
         height: h
       } = u.value, g = this.adaptToWindow(Number(V) || 500, Number(h) || 320);
-      Object.assign(u.value, g), C = () => v(J, se({
+      Object.assign(u.value, g), C = () => v(J, ee({
         ref: M,
         modelValue: s.value,
         "onUpdate:modelValue": (z) => s.value = z
@@ -1294,8 +1294,8 @@ class Bt {
       });
     }
     p = ((y) => {
-      const b = st(C, y);
-      return b.appContext = this.appContext, ue(b, l), b;
+      const b = it(C, y);
+      return b.appContext = this.appContext, se(b, l), b;
     })({
       ...u.value
     }), this.activeModalIndex.value++;
@@ -1305,7 +1305,7 @@ class Bt {
       u.value = {
         ...u.value,
         ...y
-      }, p && ue(it(p, {
+      }, p && se(rt(p, {
         ...u
       }), l);
     };
@@ -1329,7 +1329,7 @@ class Bt {
 const Me = Symbol("FModalService");
 J.install = (e) => {
   e.component(J.name, J);
-  const t = new Bt(e);
+  const t = new Mt(e);
   e.provide(Me, t), e.provide("FModalService", t);
 };
 function ke(e, t) {
@@ -1346,7 +1346,7 @@ function ke(e, t) {
   }
   return { judgeCanOpen: l };
 }
-function Mt(e, t, l, a, u) {
+function kt(e, t, l, a, u) {
   const s = o(e.buttonBehavior), d = o(e.popupOnInput), f = I(() => ({
     "input-group-append": !0,
     "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
@@ -1361,7 +1361,7 @@ function Mt(e, t, l, a, u) {
         });
         w.value = b == null ? void 0 : b.modalRef;
       }
-      s.value === "Overlay" && mt.show({
+      s.value === "Overlay" && gt.show({
         // host: buttonEditRef.value,
         host: document.body,
         backgroundColor: "rgba(0,0,0,.15)",
@@ -1384,7 +1384,7 @@ function Mt(e, t, l, a, u) {
   };
 }
 const G = "FarrisVue_PopoverInstancesKey";
-function kt(e, t, l, a) {
+function Et(e, t, l, a) {
   const u = o(), s = o(!1), { judgeCanOpen: d } = ke(e, a);
   $(() => u.value, (C, O) => {
     window[G] = window[G] || /* @__PURE__ */ new WeakMap(), C ? window[G].set(l.value, C) : window[G].delete(l.value);
@@ -1426,7 +1426,7 @@ function kt(e, t, l, a) {
   }
   return { hidePopup: w, showPopup: M, popup: B, shouldPopupContent: s, togglePopup: p, popoverRef: u, closeAllPopover: f };
 }
-function Et(e, t, l) {
+function zt(e, t, l) {
   const {
     buttonGroupClass: a
   } = l, u = o(), s = I(() => ({
@@ -1453,12 +1453,12 @@ function Et(e, t, l) {
     buttonHandleElement: u
   };
 }
-const ee = /* @__PURE__ */ re({
+const te = /* @__PURE__ */ re({
   name: "FButtonEdit",
-  props: ct,
+  props: dt,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
   setup(e, t) {
-    const l = o(), a = we("design-item-context"), u = rt(l, a), s = o(e.customClass), d = o(e.modelValue), f = kt(e, t, l, d), i = Mt(e, t, l, f, d), p = o(), B = I(() => ({
+    const l = o(), a = we("design-item-context"), u = ct(l, a), s = o(e.customClass), d = o(e.modelValue), f = Et(e, t, l, d), i = kt(e, t, l, f, d), p = o(), B = I(() => ({
       "f-cmp-inputgroup": !0,
       "input-group": !0,
       "f-state-disabled": !0,
@@ -1483,8 +1483,8 @@ const ee = /* @__PURE__ */ re({
       "f-utils-fill": !0
     })), {
       renderButtonGroup: C
-    } = Et(e, t, i);
-    return () => v("div", se(t.attrs, {
+    } = zt(e, t, i);
+    return () => v("div", ee(t.attrs, {
       ref: l,
       class: w.value,
       id: e.id ? e.id : void 0,
@@ -1498,13 +1498,13 @@ const ee = /* @__PURE__ */ re({
       placeholder: e.placeholder
     }, null), C()])]);
   }
-}), zt = /* @__PURE__ */ new Map([
-  ["appearance", Qe]
+}), Ot = /* @__PURE__ */ new Map([
+  ["appearance", et]
 ]);
-function Ot(e, t, l) {
+function St(e, t, l) {
   return t;
 }
-const St = "https://json-schema.org/draft/2020-12/schema", Ht = "https://farris-design.gitee.io/button-edit.schema.json", It = "button-edit", Tt = "A Farris Input Component", Rt = "object", Pt = {
+const Ht = "https://json-schema.org/draft/2020-12/schema", It = "https://farris-design.gitee.io/button-edit.schema.json", Tt = "button-edit", Rt = "A Farris Input Component", Pt = "object", jt = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -1713,18 +1713,18 @@ const St = "https://json-schema.org/draft/2020-12/schema", Ht = "https://farris-
     type: "string",
     default: ""
   }
-}, jt = [
+}, Lt = [
   "id",
   "type"
-], Lt = {
-  $schema: St,
-  $id: Ht,
-  title: It,
-  description: Tt,
-  type: Rt,
-  properties: Pt,
-  required: jt
-}, Ft = "buttonEdit", Wt = "A Farris Component", Dt = "object", Vt = {
+], Ft = {
+  $schema: Ht,
+  $id: It,
+  title: Tt,
+  description: Rt,
+  type: Pt,
+  properties: jt,
+  required: Lt
+}, Wt = "buttonEdit", Dt = "A Farris Component", Vt = "object", At = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -1806,27 +1806,27 @@ const St = "https://json-schema.org/draft/2020-12/schema", Ht = "https://farris-
       }
     }
   }
-}, At = {
-  title: Ft,
-  description: Wt,
-  type: Dt,
-  categories: Vt
-}, Ee = et(
-  nt,
-  Lt,
-  zt,
+}, Nt = {
+  title: Wt,
+  description: Dt,
+  type: Vt,
+  categories: At
+}, Ee = tt(
+  lt,
+  Ft,
   Ot,
-  At
+  St,
+  Nt
 );
-ee.register = (e, t, l, a) => {
-  e["button-edit"] = tt, t["button-edit"] = Ee;
+te.register = (e, t, l, a) => {
+  e["button-edit"] = nt, t["button-edit"] = Ee;
 };
-ee.registerDesigner = (e, t, l) => {
-  e["button-edit"] = ee, t["button-edit"] = Ee;
+te.registerDesigner = (e, t, l) => {
+  e["button-edit"] = te, t["button-edit"] = Ee;
 };
-const en = Ze(ee);
+const tn = Qe(te);
 export {
-  ee as FButtonEditDesign,
-  en as default,
+  te as FButtonEditDesign,
+  tn as default,
   Ee as propsResolver
 };