@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1

package/components/tabs/index.umd.cjs

@@ -1 +1 @@
-(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),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","../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):(C=typeof globalThis<"u"?globalThis:C||self,e(C.tabs={},C.Vue,C.common,C.FCapsule,C.locale,C.FResponseToolbar,C.BigNumber,C.LodashES,C.FSection,C.propertyPanel))})(this,function(C,e,q,X,F,Y,je,Ie,W,Z){"use strict";const E={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}};function ee(t,n,l){const c=e.ref([]),i=e.ref(t.activeId||"");let d="";const p=e.ref(!0),u=e.ref([]),b=e.ref(!0),f=e.ref(0),h=e.computed(()=>{const s=c.value.find(r=>r.props.id===i.value);return(s==null?void 0:s.props.toolbarPosition)==="inHead"});function w(s,o=!0){const r=s.findIndex(g=>g.props.show!==!1&&!g.props.disabled);if(u.value=[],r!==-1){if(i.value=s[r].props.id,!o)return;const g=s[r];g&&g.props.toolbar&&g.props.toolbar.buttons&&g.props.toolbar.buttons.length&&(u.value=[...g.props.toolbar.buttons],b.value=g.props.toolbarVisible)}}function T(s){i.value=s;const o=c.value.find(r=>r.props.id===s);u.value=[],o&&o.props.toolbar&&o.props.toolbar.buttons&&o.props.toolbar.buttons.length&&(u.value=[...o.props.toolbar.buttons],b.value=o.props.toolbarVisible),n.emit("update:activeId",s),n.emit("tabChange",{prevId:d,nextId:i.value})}function B(s){let o=-1;if(!i.value){if(o=s.findIndex(r=>i.value===r.props.id&&r.props.show!==!1&&!r.props.disabled),o>-1)return;d=i.value}w(s,!1),T(i.value)}function S(s){let o=!1;if(s){const r=c.value.find(g=>g.props.id===s);o=!r||r.props.show===!1||r.props.disabled===!0}o?B(c.value):(i.value!==s&&(d=i.value,i.value=s),T(i.value))}e.watch(()=>t.activeId,(s,o)=>{s!==o&&t.activeId!==i.value&&S(s)});function a(s){var r;if(t.autoTitleWidth)return;const o=(r=s.value)==null?void 0:r.querySelectorAll(".st-tab-text");if(!(!o||t.tabType==="pill"))for(let g=0;g<o.length;g++){const O=o[g].parentNode;o[g].scrollWidth>O.offsetWidth?o[g].classList.contains("farris-title-text-custom")||o[g].classList.add("farris-title-text-custom"):o[g].classList.remove("farris-title-text-custom")}}const v=s=>{s.preventDefault(),s.stopPropagation()};function x(s,o,r=!1){const g=c.value.findIndex(O=>O.props.id===o);c.value=c.value.filter(O=>O.props.id!==o),i.value===o&&(d=o,i.value="",w(c.value)),v(s),e.nextTick(()=>{f.value++,a(l),r&&(p.value=!0),n.emit("tabRemove",{removeIndex:g,removeId:o,activeId:i.value})})}function m(s,o=!0){i.value===s&&(i.value="",d=s,S("")),e.nextTick(()=>{f.value++,o&&(p.value=!0)})}let V;function j(s){V=s}function I(s){i.value!==s&&(d=i.value,T(s),V&&V())}function k(s){c.value.findIndex(r=>r.props.id===s.props.id)===-1&&c.value.push(s),f.value++}function P(s){c.value.findIndex(r=>r.props.id===s.props.id)!==-1&&(c.value.forEach(r=>{r.props.id===s.props.id&&(r=s)}),s.props.id===i.value&&h.value,e.nextTick(()=>{f.value++,a(l)}))}return{activeId:i,addTab:k,changeTitleStyle:a,removeTab:x,selectTab:I,tabPages:c,updateTab:P,toolbarItems:u,needUpdateNavigationLayout:f,checkActiveIdAndSelect:S,toggleShowTab:m,hasInHeadClass:h,setScrollToSelectedTabFunction:j,toolbarVisible:b}}function te(t,n,l,c,i){const{activeId:d,removeTab:p,selectTab:u}=i,b=e.computed(()=>{const m={"st-tab-text":!0,"text-truncate":t.tabType==="pill"&&!t.autoTitleWidth,"farris-title-auto":t.autoTitleWidth};return q.getCustomClass(m,n.customTitleClass)}),f=e.computed(()=>({"nav-item":!0,"d-none":n.show!==void 0?!n.show:!1,"f-state-active":n.id===d.value,"f-state-disabled":n.disabled})),h=e.computed(()=>({width:`${n.tabWidth}px`})),w=e.computed(()=>({"nav-link":!0,"tabs-text-truncate":!0,active:n.id===d.value,disabled:n.disabled})),T=e.reactive({content:n.title,overflowShown:!0});function B(){return t.tabType!=="pill"&&!t.autoTitleWidth?e.withDirectives(e.createVNode("span",{class:b.value,"data-tabid":n.id},[n.title]),[[e.resolveDirective("tooltip"),T]]):e.createVNode("span",{class:b.value,"data-tabid":n.id,title:n.title},[n.title])}const S=e.ref(n.removeable);function a(){return S.value?e.createVNode("span",{class:"st-drop-close",onClick:m=>p(m,n.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]):""}function v(m){u(n.id),t.tabType==="one-page"&&c.scrollToByPaggId(n.id)}function x(){return l.slots.title?e.createVNode("a",{class:w.value,onClick:v,id:`${n.id}-design-item`},[l.slots.title(l),a()]):n.titleRenderFunction?e.createVNode("a",{class:w.value,onClick:v,id:`${n.id}-design-item`},[n.titleRenderFunction(),a()]):e.createVNode("a",{class:w.value,onClick:v,id:`${n.id}-design-item`},[B(),a()])}return e.createVNode("li",{class:f.value,style:h.value},[x()])}function ne(t,n,l,c,i){const{shouldShowNavigationButtons:d}=l,{tabPages:p}=i,u=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":d.value})),b=e.computed(()=>({width:"100%","justify-content":t.justifyContent})),f=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:u.value,style:b.value},[e.createVNode("ul",{class:f.value,ref:n},[p.value.map(h=>te(t,h.props,h,c,i))])])}function oe(t,n,l,c,i){const d=e.ref(),{shouldShowNavigationButtons:p}=l,{activeId:u,tabPages:b,selectTab:f}=i,h=e.ref(u.value),w=e.computed(()=>b.value.map(a=>({name:a.props.title,value:a.props.id,show:a.props.show,disabled:a.props.disabled}))),T=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":p.value})),B=e.computed(()=>({width:"100%",display:"flex","justify-content":t.justifyContent}));e.onMounted(()=>{d.value&&(n.value=d.value.$el)});function S(a){f(a)}return e.watch(()=>u.value,a=>{a!==h.value&&(h.value=a)},{immediate:!0}),()=>e.createVNode("div",{class:T.value,style:B.value},[e.createVNode(X,{items:w.value,modelValue:h.value,"onUpdate:modelValue":a=>h.value=a,onChange:S,ref:d},null)])}function le(t,n,l,c){const i=e.ref(),{activeId:d,removeTab:p,tabPages:u,selectTab:b}=c,{hideDropDown:f,searchTabText:h}=n,w=600;let T=null;const B=e.computed(()=>{var r,g;let o=[];return t.searchBoxVisible?o=(r=u.value)==null?void 0:r.filter(O=>O.props.title.includes(h.value)):o=(g=u.value)==null?void 0:g.slice(),o}),S=e.computed(()=>({"dropdown-menu":!0,"tabs-pt28":t.searchBoxVisible,show:!f.value,"d-none":f.value}));let a;function v(o){a=o}e.watch(f,o=>{if(a.value)if(o)i.value.style.width=null;else{const r=a.value.querySelector(".farris-tabs-header"),g=a.value.clientHeight-r.clientHeight-20,M=r.querySelector(".farris-tabs-title").clientWidth-20;i.value.style.maxWidth=M+"px",i.value.style.maxHeight=g+"px",e.nextTick(()=>{const{width:R}=i.value.getClientRects()[0];i.value.style.width=R?R+"px":null})}});function x(o){return{"dropdown-item":!0,"text-truncate":!0,"px-2":!0,disabled:o.props.disabled,active:o.props.id===d.value,"d-none":o.props.show!==!0}}function m(o){o.preventDefault(),o.stopPropagation()}function V(){T&&clearTimeout(T)}function j(){f.value||(T=setTimeout(()=>{f.value=!0},w))}function I(o,r){o.stopPropagation(),r.disabled||b(r.id),f.value=!0}function k(o,r){o.stopPropagation(),p(o,r,!0)}function P(o){return o.slots.title?e.createVNode("a",{class:"dropdown-title",id:`${o.props.id}-dropdown-item`},[o.slots.title(o)]):o.props.titleRenderFunction?e.createVNode("a",{class:"dropdown-title",id:`${o.props.id}-dropdown-item`},[o.props.titleRenderFunction()]):e.createVNode("a",{class:"dropdown-title",id:`${o.props.id}-dropdown-item`},[o.props.title])}function s(){return e.createVNode("div",{ref:i,class:S.value,onMouseenter:()=>V(),onMouseleave:()=>j()},[t.searchBoxVisible&&e.createVNode("div",{onClick:o=>m(o),class:"pb-1 tabs-li-absolute"},[e.withDirectives(e.createVNode("input",{type:"text",class:"form-control","onUpdate:modelValue":o=>h.value=o},null),[[e.vModelText,h.value]]),e.createVNode("span",{class:"f-icon f-icon-page-title-query tabs-icon-search"},null)]),B.value.length?e.createVNode("ul",{class:"tab-dropdown-menu--items flex-fill"},[B.value.map(o=>e.createVNode("li",{class:x(o),onClick:r=>I(r,o.props)},[o.props.removeable&&o.props.disabled!==!0&&e.createVNode("span",{class:"float-right st-drop-close",onClick:r=>k(r,o.props.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]),P(o)]))]):e.createVNode("div",{class:"dropdown-no-data"},[F.LocaleService.getLocaleValue("tabs.noData")])])}return{renderDropdownMenu:s,setTabsRef:v}}function ie(t,n,l,c){const{hideDropDown:i}=n,{renderDropdownMenu:d,setTabsRef:p}=le(t,n,l,c),u=e.ref(t.showDropdown);function b(){return u.value&&e.createVNode(e.Fragment,null,[e.createVNode("button",{class:"btn dropdown-toggle-split dropdown-toggle",onClick:()=>{i.value=!1}},null),d()])}return{renderMorePagesButtton:b,setTabsRef:p}}function ae(t,n,l,c){const i=e.ref(!1),{selectTab:d,tabPages:p,needUpdateNavigationLayout:u,activeId:b}=c,f=4,h=e.computed(()=>({btn:!0,"sc-nav-btn":!0,"px-1":!0,"sc-nav-lr":!0,"d-none":!i.value})),w=e.computed(()=>({"btn-group":!0,"sc-nav-btn":!0,dropdown:!0,"d-none":!i.value})),T=e.computed(()=>({btn:!0,"sc-nav-rg":!0,"d-none":!i.value}));function B(m,V){if(!n.value)return;const j=n.value.scrollLeft,I=n.value.scrollWidth-n.value.offsetWidth;if(V>0){if(n.value.scrollLeft>=I)return;n.value.scrollLeft=j+t.scrollStep+m}else if(V<0){if(n.value.scrollLeft<=0)return;n.value.scrollLeft=j-t.scrollStep-m}}function S(m=-1){if(!i.value||!n.value)return;m<0&&(m=p.value.findIndex(P=>P.props.id===b.value));const V=t.tabType==="pills"?".f-capsule-item":".nav-item",j=n.value.querySelectorAll(V),{parentElement:I}=n.value,k=j[m];if(k&&I){const P=I.getBoundingClientRect().left,s=I.getBoundingClientRect().right,o=k.getBoundingClientRect().left,r=k.getBoundingClientRect().right;o<P?B(P-o,-1):s<r&&B(r-s,1),t.tabType==="one-page"&&l.scrollTo(m)}}function a(){var j;if(!n.value)return;const m=n.value,V=(j=n.value)==null?void 0:j.parentElement;i.value=V&&m&&V.offsetWidth<m.scrollWidth-f,i.value&&e.nextTick(()=>{S()})}function v(m){m.disabled||d(m.id)}function x(){["default","one-page"].indexOf(t.tabType)>-1&&e.nextTick(()=>{S()})}return e.watch(u,()=>{a()}),{previousButtonClass:h,nextButtonGroupClass:w,nextButtonClass:T,scrollTab:B,selectAndScrollToTab:v,shouldShowNavigationButtons:i,updateNavigationLayout:a,scrollToSelectedTab:x}}function se(t,n){const{tabPages:l}=n,c=e.ref(""),i=e.ref(!0),d=e.computed(()=>t.searchBoxVisible),p=e.computed(()=>d.value?l.value.filter(b=>b.props.title.includes(c.value)):l.value.slice());return e.watch(i,u=>{u||(c.value="")}),{searchTabText:c,hideDropDown:i,shouldShowSearchBox:d,tabsInDropdownMenu:p}}function re(t,n,l){const c=".farris-tab-page",{tabPages:i}=l;function d(u){const b=n.value;if(b){const f=n.value.querySelectorAll(c);if(f.length>0){const h=f[u],{offsetTop:w}=h,T=w-32>0?w-32:0;b.scrollTop=T}}}function p(u){const b=i.value.findIndex(f=>f.props.id===u);b>-1&&d(b)}return{scrollTo:d,scrollToByPaggId:p}}const ce=["moz","ms","webkit"];function de(){let t=0;return n=>{const l=new Date().getTime(),c=Math.max(0,16-(l-t)),i=setTimeout(()=>{n(l+c)},c);return t=l+c,i}}function ue(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const t=ce.filter(n=>`${n}RequestAnimationFrame`in window)[0];return t?window[`${t}RequestAnimationFrame`]:de()}ue();function fe(){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 u of l)if(u.test(t))return!1;for(const u of n)if(u.test(t))return!0;const c="ontouchstart"in window||navigator.maxTouchPoints>0,i=screen.width,d=screen.height,p=Math.min(i,d);return!!(c&&p<=768)}const H=e.defineComponent({name:"FTabs",props:E,emits:["tabChange","tabRemove","update:activeId","Click"],setup(t,n){const l=e.ref(t.tabType),c=e.shallowRef(),i=fe(),d=e.ref(t.customClass),p=e.shallowRef(),u=e.shallowRef(),b=e.ref(),f=ee(t,n,p),{activeId:h,changeTitleStyle:w,tabPages:T,addTab:B,updateTab:S,toolbarItems:a,checkActiveIdAndSelect:v,toggleShowTab:x,hasInHeadClass:m,toolbarVisible:V}=f,j=re(t,u,f),I=ae(t,p,j,f),{previousButtonClass:k,nextButtonClass:P,nextButtonGroupClass:s,scrollTab:o,updateNavigationLayout:r,scrollToSelectedTab:g}=I;f.setScrollToSelectedTabFunction(g);const O=se(t,f),M=ne(t,p,I,j,f),R=M,pe=oe(t,p,I,j,f),_=new Map([["default",M],["one-page",R],["pills",pe]]);e.computed(()=>{const y=T.value.find(N=>N.props.id===h.value);return y==null?void 0:y.slots});const D=e.computed(()=>t.fill),z=(y,N)=>{n.emit("Click",y,N,h.value)};e.provide("tabs",{activeId:h,addTab:B,updateTab:S,tabPages:T,tabType:l,shouldFillParentContaner:D,toggleShowTab:x,toolbarVisible:V,clickToolbarItemHandler:z});let G=!1;const me=e.computed(()=>({"farris-tabs-header":!0,"farris-tabs-inHead":m.value,"farris-tabs-inContent":!m.value,"farris-tabs-nav-fill":t.tabType==="fill","farris-tabs-nav-pills":t.tabType==="pills"})),he=e.computed(()=>{const y={width:m.value&&t.titleWidth?`${t.titleWidth}%`:""};return y.width&&(y.flex="unset"),y}),ve=e.computed(()=>{const y={"farris-tabs":!0,"f-tabs-content-fill":D.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 d.value&&d.value.split(" ").reduce((N,A)=>(N[A]=!0,N),y),y}),ge=new ResizeObserver(y=>{y.length&&r()});function K(){b.value&&!G&&(ge.observe(b.value),G=!0)}e.watch(()=>t.visible,y=>{e.nextTick(()=>{T.value.length&&v(t.activeId||T.value[0].props.id),r(),w(p),K()})}),e.watch(()=>t.autoTitleWidth,y=>{e.nextTick(()=>{r(),w(p)})}),e.onMounted(()=>{t.visible&&(T.value.length&&v(t.activeId||T.value[0].props.id),e.nextTick(()=>{r(),w(p)}),K())});function Te(){return e.createVNode("button",{title:F.LocaleService.getLocaleValue("tabs.leftButton"),type:"button",class:k.value,onClick:()=>{o(0,-1)}},null)}function ye(){return e.createVNode("button",{title:F.LocaleService.getLocaleValue("tabs.rightButton"),type:"button",class:P.value,onClick:()=>{o(0,1)}},null)}const{renderMorePagesButtton:we,setTabsRef:Ce}=ie(t,O,I,f);Ce(c);function xe(){return a.value.length?e.createVNode("div",{class:{"farris-tabs-toolbar":!0,"d-none":!V.value}},[e.createVNode(Y,{class:"f-utils-fill",alignment:m.value?"right":"left",items:a.value,visible:V.value,onClick:z},null)]):null}const J=_.get(t.tabType)||_.get("default");function Ve(){var y,N,A,Q;return e.createVNode("div",{class:me.value},[e.createVNode("div",{class:"farris-tabs-header-pre"},[(N=(y=n.slots).headerPrefix)==null?void 0:N.call(y)]),e.createVNode("div",{class:"farris-tabs-title scroll-tabs",style:he.value,ref:b},[!i&&Te(),J&&J(),e.createVNode("div",{hidden:i,class:s.value},[ye(),we()])]),xe(),e.createVNode("div",{class:"farris-tabs-header-post"},[(Q=(A=n.slots).headerSuffix)==null?void 0:Q.call(A)])])}const Se=e.computed(()=>({"farris-tabs-content":!0,"f-utils-fill-flex-column":D.value}));function Be(){var y,N;return e.createVNode("div",{class:Se.value,ref:u},[(N=(y=n.slots).default)==null?void 0:N.call(y)])}return()=>t.visible?e.createVNode("div",{class:ve.value,ref:c},[Ve(),Be()]):null}}),$={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 U(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const L=e.defineComponent({name:"FTabPage",props:$,emits:[],setup(t,n){const l=e.inject("tabs");q.isMobilePhone();const c=e.ref(t.show),i={slots:n.slots,props:t},d=e.ref((l==null?void 0:l.tabType.value)||"default");e.onMounted(()=>{const a=l==null?void 0:l.tabPages.value.findIndex(v=>v.props.id===t.id);(!a||a===-1)&&(l==null||l.addTab(i))}),e.onUnmounted(()=>{});const p=e.computed(()=>(t==null?void 0:t.id)===(l==null?void 0:l.activeId.value)),u=e.computed(()=>({display:p.value?"":"none"}));e.watch(()=>t,a=>{l==null||l.updateTab({props:a,slots:n.slots})},{immediate:!0,deep:!0}),e.watch(()=>t.show,a=>{l==null||l.toggleShowTab(t.id)}),e.watch(()=>t.toolbarVisible,a=>{p.value&&l&&(l.toolbarVisible.value=a)});function b(){var v,x;const a=(x=(v=n.slots).default)==null?void 0:x.call(v);return e.createVNode(W,{"main-title":t.title,class:["farris-tab-page",c.value?"":"f-tab-d-none"]},U(a)?a:{default:()=>[a]})}function f(a,v){l&&(l.activeId.value=t.id,l.clickToolbarItemHandler&&l.clickToolbarItemHandler(a,v))}function h(){var v,x;const a=(x=(v=n.slots).default)==null?void 0:x.call(v);return e.createVNode(W,{customClass:"section-in-tab is-mobile",onClick:f,visible:t.show,"main-title":t.title,buttons:t.toolbar.buttons,"button-position":t.toolbar.position||t.toolbarPosition,"buttons-visible":t.toolbarVisible},U(a)?a:{default:()=>[a]})}const w=e.computed(()=>{var v;return{"farris-tab-page":!0,"f-tab-d-none":!c.value,"f-tab-active":p.value&&l&&((v=l.shouldFillParentContaner)==null?void 0:v.value)}});function T(){var v,x;const a=(x=(v=n.slots).default)==null?void 0:x.call(v);return e.createVNode("div",{class:w.value,style:u.value},[a])}const S=new Map([["default",T],["one-page",b],["mobile",h]]).get(d.value)||T;return()=>S()}});class be extends Z.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","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:"点击事件"}],c=this,i=c.eventsEditorUtils.formProperties(n,c.viewModelId,l),d=c.createBaseEventProperty(i);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:d,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(p,u){const b=p.propertyValue;delete n[c.viewModelId],b&&(b.setPropertyRelates=this.setPropertyRelates,c.eventsEditorUtils.saveRelatedParameters(n,c.viewModelId,b.events,b))}}}}H.install=t=>{t.component(H.name,H),t.component(L.name,L)},C.FTabPage=L,C.FTabs=H,C.TabToolbarItemProperty=be,C.default=H,C.tabPageProps=$,C.tabsProps=E,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(w,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):(w=typeof globalThis<"u"?globalThis:w||self,e(w.tabs={},w.Vue,w.notify,w.common,w.FCapsule,w.locale,w.FResponseToolbar,w.BigNumber,w.LodashES,w.FSection,w.propertyPanel))})(this,function(w,e,X,D,Y,F,Z,Ne,Pe,W,ee){"use strict";const E={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 te(){function t(n,l,c){const i={};return i.beforeTabSelect=s=>l.call("beforeTabSelect",n,[s,n],c),i}return{resolve:t}}function ne(t,n,l){const c=new X.FNotifyService,i=e.ref([]),s=e.ref(t.activeId||"");let d="";const p=e.ref(!0),f=e.ref([]),b=e.ref(!0),h=e.ref(0),C=e.computed(()=>{const o=i.value.find(u=>u.props.id===s.value);return(o==null?void 0:o.props.toolbarPosition)==="inHead"});function T(o,a=!0){const u=o.findIndex(g=>g.props.show!==!1&&!g.props.disabled);if(u!==-1){if(s.value=o[u].props.id,!a)return;f.value=[];const g=o[u];g&&g.props.toolbar&&g.props.toolbar.buttons&&g.props.toolbar.buttons.length&&(f.value=[...g.props.toolbar.buttons],b.value=g.props.toolbarVisible)}}function S(o){s.value=o;const a=i.value.find(u=>u.props.id===o);f.value=[],a&&a.props.toolbar&&a.props.toolbar.buttons&&a.props.toolbar.buttons.length&&(f.value=[...a.props.toolbar.buttons],b.value=a.props.toolbarVisible),n.emit("update:activeId",o),n.emit("tabChange",{prevId:d,nextId:s.value})}async function B(o){var N;let a=-1;if(!s.value){if(a=o.findIndex(M=>s.value===M.props.id&&M.props.show!==!1&&!M.props.disabled),a>-1)return;d=s.value}T(o,!1);const u=await((N=t.beforeTabSelect)==null?void 0:N.call(t,{prevId:d,nextId:s.value}));(typeof u=="boolean"?u:(u==null?void 0:u.canSelect)??!0)?S(s.value):(s.value=d,typeof u!="boolean"&&u.message&&(c==null||c.warning({message:u.message,position:"top-center"})))}function r(o){let a=!1;if(o){const u=i.value.find(g=>g.props.id===o);a=!u||u.props.show===!1||u.props.disabled===!0}a?B(i.value):(s.value!==o&&(d=s.value,s.value=o),S(s.value))}e.watch(()=>t.activeId,(o,a)=>{o!==a&&t.activeId!==s.value&&r(o)});function v(o){var u;if(t.autoTitleWidth)return;const a=(u=o.value)==null?void 0:u.querySelectorAll(".st-tab-text");if(!(!a||t.tabType==="pill"))for(let g=0;g<a.length;g++){const N=a[g].parentNode;a[g].scrollWidth>N.offsetWidth?a[g].classList.contains("farris-title-text-custom")||a[g].classList.add("farris-title-text-custom"):a[g].classList.remove("farris-title-text-custom")}}const x=o=>{o.preventDefault(),o.stopPropagation()};function m(o,a,u=!1){const g=i.value.findIndex(N=>N.props.id===a);i.value=i.value.filter(N=>N.props.id!==a),s.value===a&&(d=a,s.value="",T(i.value)),x(o),e.nextTick(()=>{h.value++,v(l),u&&(p.value=!0),n.emit("tabRemove",{removeIndex:g,removeId:a,activeId:s.value})})}function j(o,a=!0){s.value===o&&(s.value="",d=o,r("")),e.nextTick(()=>{h.value++,a&&(p.value=!0)})}let V;function I(o){V=o}function O(o){s.value!==o&&(d=s.value,S(o),V&&V())}function k(o){i.value.findIndex(u=>u.props.id===o.props.id)===-1&&i.value.push(o),h.value++}function H(o){i.value.findIndex(u=>u.props.id===o.props.id)!==-1&&(i.value.forEach(u=>{u.props.id===o.props.id&&(u=o)}),o.props.id===s.value&&C.value,e.nextTick(()=>{h.value++,v(l)}))}return{activeId:s,addTab:k,changeTitleStyle:v,removeTab:m,selectTab:O,tabPages:i,updateTab:H,toolbarItems:f,needUpdateNavigationLayout:h,checkActiveIdAndSelect:r,toggleShowTab:j,hasInHeadClass:C,setScrollToSelectedTabFunction:I,toolbarVisible:b}}function oe(t,n,l,c,i){const{activeId:s,removeTab:d,selectTab:p}=i,f=e.computed(()=>{const m={"st-tab-text":!0,"text-truncate":t.tabType==="pill"&&!t.autoTitleWidth,"farris-title-auto":t.autoTitleWidth};return D.getCustomClass(m,n.customTitleClass)}),b=e.computed(()=>({"nav-item":!0,"d-none":n.show!==void 0?!n.show:!1,"f-state-active":n.id===s.value,"f-state-disabled":n.disabled})),h=e.computed(()=>({width:`${n.tabWidth}px`})),C=e.computed(()=>({"nav-link":!0,"tabs-text-truncate":!0,active:n.id===s.value,disabled:n.disabled})),T=e.reactive({content:n.title,overflowShown:!0});function S(){return t.tabType!=="pill"&&!t.autoTitleWidth?e.withDirectives(e.createVNode("span",{class:f.value,"data-tabid":n.id},[n.title]),[[e.resolveDirective("tooltip"),T]]):e.createVNode("span",{class:f.value,"data-tabid":n.id,title:n.title},[n.title])}const B=e.ref(n.removeable);function r(){return B.value?e.createVNode("span",{class:"st-drop-close",onClick:m=>d(m,n.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]):""}function v(m){p(n.id),t.tabType==="one-page"&&c.scrollToByPaggId(n.id)}function x(){return l.slots.title?e.createVNode("a",{class:C.value,onClick:v,id:`${n.id}-design-item`},[l.slots.title(l),r()]):n.titleRenderFunction?e.createVNode("a",{class:C.value,onClick:v,id:`${n.id}-design-item`},[n.titleRenderFunction(),r()]):e.createVNode("a",{class:C.value,onClick:v,id:`${n.id}-design-item`},[S(),r()])}return e.createVNode("li",{class:b.value,style:h.value},[x()])}function le(t,n,l,c,i){const{shouldShowNavigationButtons:s}=l,{tabPages:d}=i,p=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":s.value})),f=e.computed(()=>({width:"100%","justify-content":t.justifyContent})),b=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:p.value,style:f.value},[e.createVNode("ul",{class:b.value,ref:n},[d.value.map(h=>oe(t,h.props,h,c,i))])])}function ae(t,n,l,c,i){const s=e.ref(),{shouldShowNavigationButtons:d}=l,{activeId:p,tabPages:f,selectTab:b}=i,h=e.ref(p.value),C=e.computed(()=>f.value.map(r=>({name:r.props.title,value:r.props.id,show:r.props.show,disabled:r.props.disabled}))),T=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":d.value})),S=e.computed(()=>({width:"100%",display:"flex","justify-content":t.justifyContent}));e.onMounted(()=>{s.value&&(n.value=s.value.$el)});function B(r){b(r)}return e.watch(()=>p.value,r=>{r!==h.value&&(h.value=r)},{immediate:!0}),()=>e.createVNode("div",{class:T.value,style:S.value},[e.createVNode(Y,{items:C.value,modelValue:h.value,"onUpdate:modelValue":r=>h.value=r,onChange:B,ref:s},null)])}function ie(t,n,l,c){const i=e.ref(),{activeId:s,removeTab:d,tabPages:p,selectTab:f}=c,{hideDropDown:b,searchTabText:h}=n,C=600;let T=null;const S=e.computed(()=>{var a,u;let o=[];return t.searchBoxVisible?o=(a=p.value)==null?void 0:a.filter(g=>g.props.title.includes(h.value)):o=(u=p.value)==null?void 0:u.slice(),o}),B=e.computed(()=>({"dropdown-menu":!0,"tabs-pt28":t.searchBoxVisible,show:!b.value,"d-none":b.value}));let r;function v(o){r=o}e.watch(b,o=>{if(r.value)if(o)i.value.style.width=null;else{const a=r.value.querySelector(".farris-tabs-header"),u=r.value.clientHeight-a.clientHeight-20,N=a.querySelector(".farris-tabs-title").clientWidth-20;i.value.style.maxWidth=N+"px",i.value.style.maxHeight=u+"px",e.nextTick(()=>{const{width:M}=i.value.getClientRects()[0];i.value.style.width=M?M+"px":null})}});function x(o){return{"dropdown-item":!0,"text-truncate":!0,"px-2":!0,disabled:o.props.disabled,active:o.props.id===s.value,"d-none":o.props.show!==!0}}function m(o){o.preventDefault(),o.stopPropagation()}function j(){T&&clearTimeout(T)}function V(){b.value||(T=setTimeout(()=>{b.value=!0},C))}function I(o,a){o.stopPropagation(),a.disabled||f(a.id),b.value=!0}function O(o,a){o.stopPropagation(),d(o,a,!0)}function k(o){return o.slots.title?e.createVNode("a",{class:"dropdown-title",id:`${o.props.id}-dropdown-item`},[o.slots.title(o)]):o.props.titleRenderFunction?e.createVNode("a",{class:"dropdown-title",id:`${o.props.id}-dropdown-item`},[o.props.titleRenderFunction()]):e.createVNode("a",{class:"dropdown-title",id:`${o.props.id}-dropdown-item`},[o.props.title])}function H(){return e.createVNode("div",{ref:i,class:B.value,onMouseenter:()=>j(),onMouseleave:()=>V()},[t.searchBoxVisible&&e.createVNode("div",{onClick:o=>m(o),class:"pb-1 tabs-li-absolute"},[e.withDirectives(e.createVNode("input",{type:"text",class:"form-control","onUpdate:modelValue":o=>h.value=o},null),[[e.vModelText,h.value]]),e.createVNode("span",{class:"f-icon f-icon-page-title-query tabs-icon-search"},null)]),S.value.length?e.createVNode("ul",{class:"tab-dropdown-menu--items flex-fill"},[S.value.map(o=>e.createVNode("li",{class:x(o),onClick:a=>I(a,o.props)},[o.props.removeable&&o.props.disabled!==!0&&e.createVNode("span",{class:"float-right st-drop-close",onClick:a=>O(a,o.props.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]),k(o)]))]):e.createVNode("div",{class:"dropdown-no-data"},[F.LocaleService.getLocaleValue("tabs.noData")])])}return{renderDropdownMenu:H,setTabsRef:v}}function se(t,n,l,c){const{hideDropDown:i}=n,{renderDropdownMenu:s,setTabsRef:d}=ie(t,n,l,c),p=e.ref(t.showDropdown);function f(){return p.value&&e.createVNode(e.Fragment,null,[e.createVNode("button",{class:"btn dropdown-toggle-split dropdown-toggle",onClick:()=>{i.value=!1}},null),s()])}return{renderMorePagesButtton:f,setTabsRef:d}}function re(t,n,l,c){const i=e.ref(!1),{selectTab:s,tabPages:d,needUpdateNavigationLayout:p,activeId:f}=c,b=4,h=e.computed(()=>({btn:!0,"sc-nav-btn":!0,"px-1":!0,"sc-nav-lr":!0,"d-none":!i.value})),C=e.computed(()=>({"btn-group":!0,"sc-nav-btn":!0,dropdown:!0,"d-none":!i.value})),T=e.computed(()=>({btn:!0,"sc-nav-rg":!0,"d-none":!i.value}));function S(m,j){if(!n.value)return;const V=n.value.scrollLeft,I=n.value.scrollWidth-n.value.offsetWidth;if(j>0){if(n.value.scrollLeft>=I)return;n.value.scrollLeft=V+t.scrollStep+m}else if(j<0){if(n.value.scrollLeft<=0)return;n.value.scrollLeft=V-t.scrollStep-m}}function B(m=-1){if(!i.value||!n.value)return;m<0&&(m=d.value.findIndex(k=>k.props.id===f.value));const j=t.tabType==="pills"?".f-capsule-item":".nav-item",V=n.value.querySelectorAll(j),{parentElement:I}=n.value,O=V[m];if(O&&I){const k=I.getBoundingClientRect().left,H=I.getBoundingClientRect().right,o=O.getBoundingClientRect().left,a=O.getBoundingClientRect().right;o<k?S(k-o,-1):H<a&&S(a-H,1),t.tabType==="one-page"&&l.scrollTo(m)}}function r(){var V;if(!n.value)return;const m=n.value,j=(V=n.value)==null?void 0:V.parentElement;i.value=j&&m&&j.offsetWidth<m.scrollWidth-b,i.value&&e.nextTick(()=>{B()})}function v(m){m.disabled||s(m.id)}function x(){["default","one-page"].indexOf(t.tabType)>-1&&e.nextTick(()=>{B()})}return e.watch(p,()=>{r()}),{previousButtonClass:h,nextButtonGroupClass:C,nextButtonClass:T,scrollTab:S,selectAndScrollToTab:v,shouldShowNavigationButtons:i,updateNavigationLayout:r,scrollToSelectedTab:x}}function ce(t,n){const{tabPages:l}=n,c=e.ref(""),i=e.ref(!0),s=e.computed(()=>t.searchBoxVisible),d=e.computed(()=>s.value?l.value.filter(f=>f.props.title.includes(c.value)):l.value.slice());return e.watch(i,p=>{p||(c.value="")}),{searchTabText:c,hideDropDown:i,shouldShowSearchBox:s,tabsInDropdownMenu:d}}function de(t,n,l){const c=".farris-tab-page",{tabPages:i}=l;function s(p){const f=n.value;if(f){const b=n.value.querySelectorAll(c);if(b.length>0){const h=b[p],{offsetTop:C}=h,T=C-32>0?C-32:0;f.scrollTop=T}}}function d(p){const f=i.value.findIndex(b=>b.props.id===p);f>-1&&s(f)}return{scrollTo:s,scrollToByPaggId:d}}const ue=["moz","ms","webkit"];function fe(){let t=0;return n=>{const l=new Date().getTime(),c=Math.max(0,16-(l-t)),i=setTimeout(()=>{n(l+c)},c);return t=l+c,i}}function be(){if(typeof window>"u")return()=>0;if(window.requestAnimationFrame)return window.requestAnimationFrame.bind(window);const t=ue.filter(n=>`${n}RequestAnimationFrame`in window)[0];return t?window[`${t}RequestAnimationFrame`]:fe()}be();function pe(){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 p of l)if(p.test(t))return!1;for(const p of n)if(p.test(t))return!0;const c="ontouchstart"in window||navigator.maxTouchPoints>0,i=screen.width,s=screen.height,d=Math.min(i,s);return!!(c&&d<=768)}const R=e.defineComponent({name:"FTabs",props:E,emits:["tabChange","tabRemove","update:activeId","Click"],setup(t,n){const l=e.ref(t.tabType),c=e.shallowRef(),i=pe(),s=e.ref(t.customClass),d=e.shallowRef(),p=e.shallowRef(),f=e.ref(),b=ne(t,n,d),{activeId:h,changeTitleStyle:C,tabPages:T,addTab:S,updateTab:B,toolbarItems:r,checkActiveIdAndSelect:v,toggleShowTab:x,hasInHeadClass:m,toolbarVisible:j}=b,V=de(t,p,b),I=re(t,d,V,b),{previousButtonClass:O,nextButtonClass:k,nextButtonGroupClass:H,scrollTab:o,updateNavigationLayout:a,scrollToSelectedTab:u}=I;b.setScrollToSelectedTabFunction(u);const g=ce(t,b),N=le(t,d,I,V,b),M=N,he=ae(t,d,I,V,b),_=new Map([["default",N],["one-page",M],["pills",he]]);e.computed(()=>{const y=T.value.find(P=>P.props.id===h.value);return y==null?void 0:y.slots});const q=e.computed(()=>t.fill),z=(y,P)=>{n.emit("Click",y,P,h.value)};e.provide("tabs",{activeId:h,addTab:S,updateTab:B,tabPages:T,tabType:l,shouldFillParentContaner:q,toggleShowTab:x,toolbarVisible:j,clickToolbarItemHandler:z});let G=!1;const ve=e.computed(()=>({"farris-tabs-header":!0,"farris-tabs-inHead":m.value,"farris-tabs-inContent":!m.value,"farris-tabs-nav-fill":t.tabType==="fill","farris-tabs-nav-pills":t.tabType==="pills","d-none":t.showHeader===!1})),ge=e.computed(()=>{const y={width:m.value&&t.titleWidth?`${t.titleWidth}%`:""};return y.width&&(y.flex="unset"),y}),Te=e.computed(()=>{const y={"farris-tabs":!0,"f-tabs-content-fill":q.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 s.value&&s.value.split(" ").reduce((P,A)=>(P[A]=!0,P),y),y}),ye=new ResizeObserver(y=>{y.length&&a()});function K(){f.value&&!G&&(ye.observe(f.value),G=!0)}e.watch(()=>t.visible,y=>{e.nextTick(()=>{T.value.length&&v(t.activeId||T.value[0].props.id),a(),C(d),K()})}),e.watch(()=>t.autoTitleWidth,y=>{e.nextTick(()=>{a(),C(d)})}),e.onMounted(()=>{t.visible&&(T.value.length&&v(t.activeId||T.value[0].props.id),e.nextTick(()=>{a(),C(d)}),K())});function we(){return e.createVNode("button",{title:F.LocaleService.getLocaleValue("tabs.leftButton"),type:"button",class:O.value,onClick:()=>{o(0,-1)}},null)}function Ce(){return e.createVNode("button",{title:F.LocaleService.getLocaleValue("tabs.rightButton"),type:"button",class:k.value,onClick:()=>{o(0,1)}},null)}const{renderMorePagesButtton:xe,setTabsRef:Se}=se(t,g,I,b);Se(c);function Ve(){return r.value.length?e.createVNode("div",{class:{"farris-tabs-toolbar":!0,"d-none":!j.value}},[e.createVNode(Z,{class:"f-utils-fill",alignment:m.value?"right":"left",items:r.value,visible:j.value,onClick:z},null)]):null}const J=_.get(t.tabType)||_.get("default");function je(){var y,P,A,Q;return e.createVNode("div",{class:ve.value},[e.createVNode("div",{class:"farris-tabs-header-pre"},[(P=(y=n.slots).headerPrefix)==null?void 0:P.call(y)]),e.createVNode("div",{class:"farris-tabs-title scroll-tabs",style:ge.value,ref:f},[!i&&we(),J&&J(),e.createVNode("div",{hidden:i,class:H.value},[Ce(),xe()])]),Ve(),e.createVNode("div",{class:"farris-tabs-header-post"},[(Q=(A=n.slots).headerSuffix)==null?void 0:Q.call(A)])])}const Be=e.computed(()=>({"farris-tabs-content":!0,"f-utils-fill-flex-column":q.value}));function Ie(){var y,P;return e.createVNode("div",{class:Be.value,ref:p},[(P=(y=n.slots).default)==null?void 0:P.call(y)])}return()=>t.visible?e.createVNode("div",{class:Te.value,ref:c},[je(),Ie()]):null}}),$={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 U(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const L=e.defineComponent({name:"FTabPage",props:$,emits:[],setup(t,n){const l=e.inject("tabs");D.isMobilePhone();const c=e.ref(t.show),i={slots:n.slots,props:t},s=e.ref((l==null?void 0:l.tabType.value)||"default");e.onMounted(()=>{const r=l==null?void 0:l.tabPages.value.findIndex(v=>v.props.id===t.id);(!r||r===-1)&&(l==null||l.addTab(i))}),e.onUnmounted(()=>{});const d=e.computed(()=>(t==null?void 0:t.id)===(l==null?void 0:l.activeId.value)),p=e.computed(()=>({display:d.value?"":"none"}));e.watch(()=>t,r=>{l==null||l.updateTab({props:r,slots:n.slots})},{immediate:!0,deep:!0}),e.watch(()=>t.show,r=>{l==null||l.toggleShowTab(t.id)}),e.watch(()=>t.toolbarVisible,r=>{d.value&&l&&(l.toolbarVisible.value=r)});function f(){var v,x;const r=(x=(v=n.slots).default)==null?void 0:x.call(v);return e.createVNode(W,{"main-title":t.title,class:["farris-tab-page",c.value?"":"f-tab-d-none"]},U(r)?r:{default:()=>[r]})}function b(r,v){l&&(l.activeId.value=t.id,l.clickToolbarItemHandler&&l.clickToolbarItemHandler(r,v))}function h(){var v,x;const r=(x=(v=n.slots).default)==null?void 0:x.call(v);return e.createVNode(W,{customClass:"section-in-tab is-mobile",onClick:b,visible:t.show,"main-title":t.title,buttons:t.toolbar.buttons,"button-position":t.toolbar.position||t.toolbarPosition,"buttons-visible":t.toolbarVisible},U(r)?r:{default:()=>[r]})}const C=e.computed(()=>{var v;return{"farris-tab-page":!0,"f-tab-d-none":!c.value,"f-tab-active":d.value&&l&&((v=l.shouldFillParentContaner)==null?void 0:v.value)}});function T(){var v,x;const r=(x=(v=n.slots).default)==null?void 0:x.call(v);return e.createVNode("div",{class:C.value,style:p.value},[r])}const B=new Map([["default",T],["one-page",f],["mobile",h]]).get(s.value)||T;return()=>B()}});class me extends ee.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","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:"点击事件"}],c=this,i=c.eventsEditorUtils.formProperties(n,c.viewModelId,l),s=c.createBaseEventProperty(i);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:s,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(d,p){const f=d.propertyValue;delete n[c.viewModelId],f&&(f.setPropertyRelates=this.setPropertyRelates,c.eventsEditorUtils.saveRelatedParameters(n,c.viewModelId,f.events,f))}}}}R.install=t=>{t.component(R.name,R),t.component(L.name,L)},w.FTabPage=L,w.FTabs=R,w.TabToolbarItemProperty=me,w.createTabsCallbackResolver=te,w.default=R,w.tabPageProps=$,w.tabsProps=E,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/wizard/index.esm.js

@@ -1,6 +1,6 @@
-import { ref as l, computed as S, defineComponent as N, provide as U, watch as O, onMounted as b, createVNode as i, inject as M, compile as X } from "vue";
-import Y from "../step/index.esm.js";
-const Z = {
+import { ref as l, computed as h, defineComponent as B, provide as J, watch as L, onMounted as N, createVNode as i, inject as A, compile as Q } from "vue";
+import U from "../step/index.esm.js";
+const X = {
   stepClickable: { type: Boolean, default: !1 },
   stepCls: { type: String, default: "" },
   direction: { type: String, default: "vertical" },
@@ -12,125 +12,124 @@ const Z = {
   currentStepIndex: { type: Number, default: 0 },
   visible: { type: Boolean, default: !0 },
   stepsData: { type: Array, default: () => [] }
-}, W = Symbol("WizardContext");
-function _(e, t) {
-  const r = l({}), c = S(() => {
+}, b = Symbol("WizardContext");
+function Y(e, t) {
+  const r = l({}), u = h(() => {
     var a;
     return ((a = e[t.value]) == null ? void 0 : a.id) || "";
   });
-  function p(a) {
+  function g(a) {
     r.value = a;
   }
-  function z() {
+  function m() {
     return r.value;
   }
   function f() {
     t.value > 0 && (t.value === e.length ? t.value = t.value - 2 : t.value--);
   }
-  function v() {
+  function p() {
     t.value < e.length && t.value++;
   }
-  function o(a) {
+  function c(a) {
     t.value = a;
   }
-  function s(a, d) {
+  function z(a, d) {
     r.value[a] = d;
   }
-  function P(a) {
+  function v(a) {
     return r.value[a];
   }
-  function m() {
-    return r.value[c.value];
-  }
-  function y() {
-    const a = e.findIndex((d) => d.id === c.value);
-    return a > 0 ? e[a - 1].id : c.value;
+  function s() {
+    return r.value[u.value];
   }
   function D() {
-    const a = e.findIndex((d) => d.id === c.value);
-    return a < e.length ? e[a + 1].id : c.value;
+    const a = e.findIndex((d) => d.id === u.value);
+    return a > 0 ? e[a - 1].id : u.value;
   }
-  function I(a) {
-    const d = e.findIndex((u) => u.id === a);
-    return d > 0 ? r.value[e[d - 1].id] : r.value[a];
+  function I() {
+    const a = e.findIndex((d) => d.id === u.value);
+    return a < e.length ? e[a + 1].id : u.value;
   }
   function w(a) {
-    const d = e.findIndex((u) => u.id === a);
+    const d = e.findIndex((o) => o.id === a);
+    return d > 0 ? r.value[e[d - 1].id] : r.value[a];
+  }
+  function y(a) {
+    const d = e.findIndex((o) => o.id === a);
     return d < e.length ? r.value[e[d + 1].id] : r.value[a];
   }
   return {
-    currentPageId: c,
+    currentPageId: u,
     currentStepIndex: t,
     wizardData: r,
-    setWizardData: p,
-    getWizardData: z,
+    setWizardData: g,
+    getWizardData: m,
     // gotoPreviousPage,
     // gotoNextPage,
     gotoPreviousStep: f,
-    gotoNextStep: v,
-    setCurrentStep: o,
-    setDataByPageId: s,
-    getDataByPageId: P,
-    getCurrentPageData: m,
-    getPreviousPageDataByPageId: I,
-    getNextPageDataByPageId: w,
-    getPreviousPageId: y,
-    getNextPageId: D
+    gotoNextStep: p,
+    setCurrentStep: c,
+    setDataByPageId: z,
+    getDataByPageId: v,
+    getCurrentPageData: s,
+    getPreviousPageDataByPageId: w,
+    getNextPageDataByPageId: y,
+    getPreviousPageId: D,
+    getNextPageId: I
   };
 }
-const B = /* @__PURE__ */ N({
+const C = /* @__PURE__ */ B({
   name: "FWizard",
-  props: Z,
+  props: X,
   emits: ["stateChange", "update:currentPageId"],
   setup(e, {
     slots: t,
     emit: r,
-    expose: c
+    expose: u
   }) {
-    const p = l(null), z = l(null), f = l(null), v = l(null), o = l([]), s = l(e.currentPageId), P = l(e.currentStepIndex), {
-      currentStepIndex: m,
-      currentPageId: y,
+    const g = l(null), m = l(null), f = l(null), p = l(null), c = l([]), z = l(e.currentStepIndex), {
+      currentStepIndex: v,
+      currentPageId: s,
       wizardData: D,
       setDataByPageId: I,
       gotoNextStep: w,
-      gotoPreviousStep: a,
+      gotoPreviousStep: y,
       // gotoNextPage,
       // gotoPreviousPage,
-      getDataByPageId: d,
-      getPreviousPageDataByPageId: u,
-      getNextPageDataByPageId: F,
-      getPreviousPageId: k,
-      getNextPageId: H,
-      getCurrentPageData: R
-    } = _(e.stepsData, P), q = S(() => ({
+      getDataByPageId: a,
+      getPreviousPageDataByPageId: d,
+      getNextPageDataByPageId: o,
+      getPreviousPageId: W,
+      getNextPageId: F,
+      getCurrentPageData: k
+    } = Y(e.stepsData, z), V = h(() => ({
       "f-component-wizard-fill": e.fill,
       "f-component-wizard": !0
     }));
-    function L(n) {
-      P.value = n;
+    function K(n) {
+      z.value = n;
     }
-    function h(n) {
-      s.value = n;
+    function H(n) {
     }
-    U(W, {
-      wizardPageList: o,
+    J(b, {
+      wizardPageList: c,
       wizardProps: e,
-      activeIndex: m,
-      activeId: y,
-      updateCurrentPageId: h,
+      activeIndex: v,
+      activeId: s,
+      updateCurrentPageId: H,
       // gotoNextPage,
       // gotoPreviousPage,
       gotoNextStep: w,
-      gotoPreviousStep: a,
+      gotoPreviousStep: y,
       setDataByPageId: I,
-      getNextPageDataByPageId: F,
-      getPreviousPageDataByPageId: u,
-      getPreviousPageId: k,
-      getNextPageId: H,
-      getDataByPageId: d,
-      getCurrentPageData: R
+      getNextPageDataByPageId: o,
+      getPreviousPageDataByPageId: d,
+      getPreviousPageId: W,
+      getNextPageId: F,
+      getDataByPageId: a,
+      getCurrentPageData: k
     });
-    function E() {
+    function M() {
       let n = "";
       switch (e.stepPosition) {
         case "Top":
@@ -156,173 +155,171 @@ const B = /* @__PURE__ */ N({
     function x(n) {
       return e.stepPosition === n;
     }
-    O(() => e.currentPageId, (n, g) => {
-      n !== g && h(n);
-    }), O(() => e.currentStepIndex, (n, g) => {
-      n !== g && L(n);
-    }), b(() => {
-      !s.value && o.value.length > 0 && (h(o.value[0]), L(0));
+    L(() => e.currentPageId, (n, P) => {
+    }), L(() => e.currentStepIndex, (n, P) => {
+      n !== P && K(n);
+    }), N(() => {
     });
-    function C() {
+    function S() {
       return i("div", {
         class: "f-wizard-step"
-      }, [i(Y, {
-        ref: v,
-        activeIndex: m.value,
+      }, [i(U, {
+        ref: p,
+        activeIndex: v.value,
         steps: e.stepsData,
         direction: e.direction,
         clickable: e.stepClickable
       }, {
         default: () => [t.stepTemplate && {
           stepTemplate: (n) => {
-            var j;
+            var R;
             const {
-              step: g,
+              step: P,
               index: T,
-              length: G,
-              activeIndex: J,
-              direction: Q
+              length: q,
+              activeIndex: E,
+              direction: G
             } = n;
-            return (j = t.stepTemplate) == null ? void 0 : j.call(t, {
-              step: g,
+            return (R = t.stepTemplate) == null ? void 0 : R.call(t, {
+              step: P,
               index: T,
-              length: G,
-              activeIndex: J,
-              direction: Q
+              length: q,
+              activeIndex: E,
+              direction: G
             });
           }
         }]
       })]);
     }
-    return c({
+    return u({
       setDataByPageId: I,
-      updateCurrentPageId: h,
+      updateCurrentPageId: H,
       // gotoNextPage,
       // gotoPreviousPage,
       gotoNextStep: w,
-      gotoPreviousStep: a,
-      getNextPageDataByPageId: F,
-      getPreviousPageDataByPageId: u,
-      getPreviousPageId: k,
-      getNextPageId: H,
-      getDataByPageId: d,
-      getCurrentPageData: R,
+      gotoPreviousStep: y,
+      getNextPageDataByPageId: o,
+      getPreviousPageDataByPageId: d,
+      getPreviousPageId: W,
+      getNextPageId: F,
+      getDataByPageId: a,
+      getCurrentPageData: k,
       cancel: () => {
       },
       finish: () => {
       }
     }), () => {
-      var n, g, T;
+      var n, P, T;
       return e.visible && i("div", {
-        class: q.value
+        class: V.value
       }, [i("div", {
-        ref: z,
-        class: E()
+        ref: m,
+        class: M()
       }, [x("Top") && ((n = t.wizardStepTemplate) == null ? void 0 : n.call(t)), x("None") && i("div", {
         class: "d-none"
-      }, [C()]), (t.wizardHeader || x("HeaderRight")) && i("div", {
+      }, [S()]), (t.wizardHeader || x("HeaderRight")) && i("div", {
         class: "f-wizard-header",
-        ref: p
-      }, [(g = t.wizardHeader) == null ? void 0 : g.call(t), x("HeaderRight") && C()]), i("div", {
+        ref: g
+      }, [(P = t.wizardHeader) == null ? void 0 : P.call(t), x("HeaderRight") && S()]), i("div", {
         class: "f-wizard-content",
         ref: f
-      }, [x("PageLeft") && C(), i("div", {
+      }, [x("PageLeft") && S(), i("div", {
         class: "f-wizard-pages"
       }, [(T = t.default) == null ? void 0 : T.call(t)])])])]);
     };
   }
-}), $ = {
+}), Z = {
   pageId: { type: String, default: "" },
   active: { type: Boolean, default: !1 }
-}, A = /* @__PURE__ */ N({
+}, j = /* @__PURE__ */ B({
   name: "FWizardPage",
-  props: $,
+  props: Z,
   emits: ["pageSelected"],
   setup(e, {
     slots: t
   }) {
     const {
       wizardPageList: r,
-      activeId: c,
-      wizardProps: p,
-      activeIndex: z
-    } = M(W, {
+      activeId: u,
+      wizardProps: g,
+      activeIndex: m
+    } = A(b, {
       activeId: l(""),
-      activeIndex: l(0),
+      activeIndex: l(1),
       wizardPageList: l([]),
       wizardProps: {}
-    }), f = S(() => {
-      var o;
-      return ((o = p.stepsData[z.value]) == null ? void 0 : o.id) === e.pageId;
-    }), v = S(() => ({
+    }), f = h(() => {
+      var c;
+      return ((c = g.stepsData[m.value]) == null ? void 0 : c.id) === e.pageId;
+    }), p = h(() => ({
       "f-component-wizard-page": !0,
       active: f.value
     }));
-    return b(() => {
+    return N(() => {
       r.value.includes(e.pageId) || r.value.push(e.pageId);
     }), () => {
-      var o;
+      var c;
       return f.value && i("div", {
-        class: v.value
-      }, [(o = t.default) == null ? void 0 : o.call(t)]);
+        class: p.value
+      }, [(c = t.default) == null ? void 0 : c.call(t)]);
     };
   }
-}), V = {
+}), _ = {
   // 头部模板
   headerTemplate: { type: Object },
   // 内容模板
   contentTemplate: { type: Object },
   // 底部模板
   footerTemplate: { type: Object }
-}, K = /* @__PURE__ */ N({
+}, O = /* @__PURE__ */ B({
   name: "FWizardPageDetail",
-  props: V,
+  props: _,
   emits: ["pagedetailSelected"],
   setup(e, {
     slots: t,
     expose: r,
-    emit: c
+    emit: u
   }) {
-    const p = M(W, null), {
-      wizardProps: z,
+    const g = A(b, null), {
+      wizardProps: m,
       gotoNextPage: f,
-      gotoPreviousPage: v,
-      gotoNextStep: o,
-      gotoPreviousStep: s,
-      setDataByPageId: P,
-      activeId: m,
-      getPreviousPageId: y,
-      getNextPageId: D,
-      getDataByPageId: I,
-      getCurrentPageData: w
-    } = p;
-    function a(u) {
-      P(m.value, u);
+      gotoPreviousPage: p,
+      gotoNextStep: c,
+      gotoPreviousStep: z,
+      setDataByPageId: v,
+      activeId: s,
+      getPreviousPageId: D,
+      getNextPageId: I,
+      getDataByPageId: w,
+      getCurrentPageData: y
+    } = g;
+    function a(o) {
+      v(s.value, o);
     }
     function d() {
       if (typeof e.footerTemplate == "string") {
-        const u = X(e.footerTemplate);
+        const o = Q(e.footerTemplate);
         return i({
-          render: u
+          render: o
         });
       }
       return e.footerTemplate();
     }
-    return b(() => {
-      c("pagedetailSelected", m.value);
+    return N(() => {
+      u("pagedetailSelected", s.value);
     }), r({
       gotoNextPage: f,
-      gotoPreviousPage: v,
-      gotoNextStep: o,
-      gotoPreviousStep: s,
-      setDataByPageId: P,
-      getPreviousPageId: y,
-      getNextPageId: D,
+      gotoPreviousPage: p,
+      gotoNextStep: c,
+      gotoPreviousStep: z,
+      setDataByPageId: v,
+      getPreviousPageId: D,
+      getNextPageId: I,
       setPageData: a,
-      getCurrentPageData: w,
-      getDataByPageId: I
+      getCurrentPageData: y,
+      getDataByPageId: w
     }), () => {
-      var u;
+      var o;
       return i("div", {
         class: "f-component-wizard-page-detail f-component-wizard-page-detail-fill"
       }, [e.headerTemplate ? i("div", {
@@ -333,7 +330,7 @@ const B = /* @__PURE__ */ N({
         class: "f-component-wizard-page-detail-content"
       }, [e.contentTemplate()]) : t.contentTemplate ? i("div", {
         class: "f-component-wizard-page-detail-content"
-      }, [t.contentTemplate()]) : (u = t.default) == null ? void 0 : u.call(t), e.footerTemplate ? i("div", {
+      }, [t.contentTemplate()]) : (o = t.default) == null ? void 0 : o.call(t), e.footerTemplate ? i("div", {
         class: "f-component-wizard-page-detail-footer"
       }, [d()]) : t.footerTemplate && i("div", {
         class: "f-component-wizard-page-detail-footer"
@@ -341,16 +338,16 @@ const B = /* @__PURE__ */ N({
     };
   }
 });
-B.install = (e) => {
-  e.component(B.name, B).component(A.name, A).component(K.name, K);
+C.install = (e) => {
+  e.component(C.name, C).component(j.name, j).component(O.name, O);
 };
 export {
-  B as FWizard,
-  A as FWizardPage,
-  K as FWizardPageDetail,
-  B as default,
-  V as pageDetailProps,
-  _ as useWizard,
-  $ as wizardPageProps,
-  Z as wizardProps
+  C as FWizard,
+  j as FWizardPage,
+  O as FWizardPageDetail,
+  C as default,
+  _ as pageDetailProps,
+  Y as useWizard,
+  Z as wizardPageProps,
+  X as wizardProps
 };

package/components/wizard/index.umd.cjs

@@ -1 +1 @@
-(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../step/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../step/index.umd.js"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.wizard={},o.Vue,o.FStep))})(this,function(o,e,q){"use strict";const V={stepClickable:{type:Boolean,default:!1},stepCls:{type:String,default:""},direction:{type:String,default:"vertical"},stepPosition:{type:String,default:"None"},fill:{type:Boolean,default:!0},storedIndex:{type:Boolean,default:!1},storedIndexState:{type:Boolean,default:!1},currentPageId:{type:String,default:""},currentStepIndex:{type:Number,default:0},visible:{type:Boolean,default:!0},stepsData:{type:Array,default:()=>[]}},x=Symbol("WizardContext");function b(t,a){const d=e.ref({}),f=e.computed(()=>{var n;return((n=t[a.value])==null?void 0:n.id)||""});function p(n){d.value=n}function s(){return d.value}function u(){a.value>0&&(a.value===t.length?a.value=a.value-2:a.value--)}function P(){a.value<t.length&&a.value++}function c(n){a.value=n}function w(n,r){d.value[n]=r}function m(n){return d.value[n]}function z(){return d.value[f.value]}function N(){const n=t.findIndex(r=>r.id===f.value);return n>0?t[n-1].id:f.value}function D(){const n=t.findIndex(r=>r.id===f.value);return n<t.length?t[n+1].id:f.value}function I(n){const r=t.findIndex(l=>l.id===n);return r>0?d.value[t[r-1].id]:d.value[n]}function v(n){const r=t.findIndex(l=>l.id===n);return r<t.length?d.value[t[r+1].id]:d.value[n]}return{currentPageId:f,currentStepIndex:a,wizardData:d,setWizardData:p,getWizardData:s,gotoPreviousStep:u,gotoNextStep:P,setCurrentStep:c,setDataByPageId:w,getDataByPageId:m,getCurrentPageData:z,getPreviousPageDataByPageId:I,getNextPageDataByPageId:v,getPreviousPageId:N,getNextPageId:D}}const y=e.defineComponent({name:"FWizard",props:V,emits:["stateChange","update:currentPageId"],setup(t,{slots:a,emit:d,expose:f}){const p=e.ref(null),s=e.ref(null),u=e.ref(null),P=e.ref(null),c=e.ref([]),w=e.ref(t.currentPageId),m=e.ref(t.currentStepIndex),{currentStepIndex:z,currentPageId:N,wizardData:D,setDataByPageId:I,gotoNextStep:v,gotoPreviousStep:n,getDataByPageId:r,getPreviousPageDataByPageId:l,getNextPageDataByPageId:k,getPreviousPageId:H,getNextPageId:R,getCurrentPageData:L}=b(t.stepsData,m),A=e.computed(()=>({"f-component-wizard-fill":t.fill,"f-component-wizard":!0}));function M(i){m.value=i}function T(i){w.value=i}e.provide(x,{wizardPageList:c,wizardProps:t,activeIndex:z,activeId:N,updateCurrentPageId:T,gotoNextStep:v,gotoPreviousStep:n,setDataByPageId:I,getNextPageDataByPageId:k,getPreviousPageDataByPageId:l,getPreviousPageId:H,getNextPageId:R,getDataByPageId:r,getCurrentPageData:L});function _(){let i="";switch(t.stepPosition){case"Top":i="f-component-wizard-step-top";break;case"HeaderRight":i="f-component-wizard-step-headerright";break;case"PageLeft":i="f-component-wizard-step-pageleft";break;case"None":i="f-component-wizard-step-none";break;default:i=""}return{[i]:!!i,"f-wizard":!0}}function h(i){return t.stepPosition===i}e.watch(()=>t.currentPageId,(i,g)=>{i!==g&&T(i)}),e.watch(()=>t.currentStepIndex,(i,g)=>{i!==g&&M(i)}),e.onMounted(()=>{!w.value&&c.value.length>0&&(T(c.value[0]),M(0))});function B(){return e.createVNode("div",{class:"f-wizard-step"},[e.createVNode(q,{ref:P,activeIndex:z.value,steps:t.stepsData,direction:t.direction,clickable:t.stepClickable},{default:()=>[a.stepTemplate&&{stepTemplate:i=>{var O;const{step:g,index:S,length:K,activeIndex:E,direction:G}=i;return(O=a.stepTemplate)==null?void 0:O.call(a,{step:g,index:S,length:K,activeIndex:E,direction:G})}}]})])}return f({setDataByPageId:I,updateCurrentPageId:T,gotoNextStep:v,gotoPreviousStep:n,getNextPageDataByPageId:k,getPreviousPageDataByPageId:l,getPreviousPageId:H,getNextPageId:R,getDataByPageId:r,getCurrentPageData:L,cancel:()=>{},finish:()=>{}}),()=>{var i,g,S;return t.visible&&e.createVNode("div",{class:A.value},[e.createVNode("div",{ref:s,class:_()},[h("Top")&&((i=a.wizardStepTemplate)==null?void 0:i.call(a)),h("None")&&e.createVNode("div",{class:"d-none"},[B()]),(a.wizardHeader||h("HeaderRight"))&&e.createVNode("div",{class:"f-wizard-header",ref:p},[(g=a.wizardHeader)==null?void 0:g.call(a),h("HeaderRight")&&B()]),e.createVNode("div",{class:"f-wizard-content",ref:u},[h("PageLeft")&&B(),e.createVNode("div",{class:"f-wizard-pages"},[(S=a.default)==null?void 0:S.call(a)])])])])}}}),F={pageId:{type:String,default:""},active:{type:Boolean,default:!1}},C=e.defineComponent({name:"FWizardPage",props:F,emits:["pageSelected"],setup(t,{slots:a}){const{wizardPageList:d,activeId:f,wizardProps:p,activeIndex:s}=e.inject(x,{activeId:e.ref(""),activeIndex:e.ref(0),wizardPageList:e.ref([]),wizardProps:{}}),u=e.computed(()=>{var c;return((c=p.stepsData[s.value])==null?void 0:c.id)===t.pageId}),P=e.computed(()=>({"f-component-wizard-page":!0,active:u.value}));return e.onMounted(()=>{d.value.includes(t.pageId)||d.value.push(t.pageId)}),()=>{var c;return u.value&&e.createVNode("div",{class:P.value},[(c=a.default)==null?void 0:c.call(a)])}}}),j={headerTemplate:{type:Object},contentTemplate:{type:Object},footerTemplate:{type:Object}},W=e.defineComponent({name:"FWizardPageDetail",props:j,emits:["pagedetailSelected"],setup(t,{slots:a,expose:d,emit:f}){const p=e.inject(x,null),{wizardProps:s,gotoNextPage:u,gotoPreviousPage:P,gotoNextStep:c,gotoPreviousStep:w,setDataByPageId:m,activeId:z,getPreviousPageId:N,getNextPageId:D,getDataByPageId:I,getCurrentPageData:v}=p;function n(l){m(z.value,l)}function r(){if(typeof t.footerTemplate=="string"){const l=e.compile(t.footerTemplate);return e.createVNode({render:l})}return t.footerTemplate()}return e.onMounted(()=>{f("pagedetailSelected",z.value)}),d({gotoNextPage:u,gotoPreviousPage:P,gotoNextStep:c,gotoPreviousStep:w,setDataByPageId:m,getPreviousPageId:N,getNextPageId:D,setPageData:n,getCurrentPageData:v,getDataByPageId:I}),()=>{var l;return e.createVNode("div",{class:"f-component-wizard-page-detail f-component-wizard-page-detail-fill"},[t.headerTemplate?e.createVNode("div",{class:"f-component-wizard-page-detail-header"},[t.headerTemplate()]):a.headerTemplate&&e.createVNode("div",{class:"f-component-wizard-page-detail-header"},[a.headerTemplate()]),t.contentTemplate?e.createVNode("div",{class:"f-component-wizard-page-detail-content"},[t.contentTemplate()]):a.contentTemplate?e.createVNode("div",{class:"f-component-wizard-page-detail-content"},[a.contentTemplate()]):(l=a.default)==null?void 0:l.call(a),t.footerTemplate?e.createVNode("div",{class:"f-component-wizard-page-detail-footer"},[r()]):a.footerTemplate&&e.createVNode("div",{class:"f-component-wizard-page-detail-footer"},[a.footerTemplate()])])}}});y.install=t=>{t.component(y.name,y).component(C.name,C).component(W.name,W)},o.FWizard=y,o.FWizardPage=C,o.FWizardPageDetail=W,o.default=y,o.pageDetailProps=j,o.useWizard=b,o.wizardPageProps=F,o.wizardProps=V,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../step/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../step/index.umd.js"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.wizard={},o.Vue,o.FStep))})(this,function(o,e,M){"use strict";const W={stepClickable:{type:Boolean,default:!1},stepCls:{type:String,default:""},direction:{type:String,default:"vertical"},stepPosition:{type:String,default:"None"},fill:{type:Boolean,default:!0},storedIndex:{type:Boolean,default:!1},storedIndexState:{type:Boolean,default:!1},currentPageId:{type:String,default:""},currentStepIndex:{type:Number,default:0},visible:{type:Boolean,default:!0},stepsData:{type:Array,default:()=>[]}},S=Symbol("WizardContext");function B(t,a){const d=e.ref({}),l=e.computed(()=>{var n;return((n=t[a.value])==null?void 0:n.id)||""});function g(n){d.value=n}function z(){return d.value}function u(){a.value>0&&(a.value===t.length?a.value=a.value-2:a.value--)}function p(){a.value<t.length&&a.value++}function f(n){a.value=n}function s(n,r){d.value[n]=r}function P(n){return d.value[n]}function w(){return d.value[l.value]}function D(){const n=t.findIndex(r=>r.id===l.value);return n>0?t[n-1].id:l.value}function I(){const n=t.findIndex(r=>r.id===l.value);return n<t.length?t[n+1].id:l.value}function v(n){const r=t.findIndex(c=>c.id===n);return r>0?d.value[t[r-1].id]:d.value[n]}function y(n){const r=t.findIndex(c=>c.id===n);return r<t.length?d.value[t[r+1].id]:d.value[n]}return{currentPageId:l,currentStepIndex:a,wizardData:d,setWizardData:g,getWizardData:z,gotoPreviousStep:u,gotoNextStep:p,setCurrentStep:f,setDataByPageId:s,getDataByPageId:P,getCurrentPageData:w,getPreviousPageDataByPageId:v,getNextPageDataByPageId:y,getPreviousPageId:D,getNextPageId:I}}const N=e.defineComponent({name:"FWizard",props:W,emits:["stateChange","update:currentPageId"],setup(t,{slots:a,emit:d,expose:l}){const g=e.ref(null),z=e.ref(null),u=e.ref(null),p=e.ref(null),f=e.ref([]),s=e.ref(t.currentStepIndex),{currentStepIndex:P,currentPageId:w,wizardData:D,setDataByPageId:I,gotoNextStep:v,gotoPreviousStep:y,getDataByPageId:n,getPreviousPageDataByPageId:r,getNextPageDataByPageId:c,getPreviousPageId:j,getNextPageId:k,getCurrentPageData:H}=B(t.stepsData,s),O=e.computed(()=>({"f-component-wizard-fill":t.fill,"f-component-wizard":!0}));function q(i){s.value=i}function R(i){}e.provide(S,{wizardPageList:f,wizardProps:t,activeIndex:P,activeId:w,updateCurrentPageId:R,gotoNextStep:v,gotoPreviousStep:y,setDataByPageId:I,getNextPageDataByPageId:c,getPreviousPageDataByPageId:r,getPreviousPageId:j,getNextPageId:k,getDataByPageId:n,getCurrentPageData:H});function A(){let i="";switch(t.stepPosition){case"Top":i="f-component-wizard-step-top";break;case"HeaderRight":i="f-component-wizard-step-headerright";break;case"PageLeft":i="f-component-wizard-step-pageleft";break;case"None":i="f-component-wizard-step-none";break;default:i=""}return{[i]:!!i,"f-wizard":!0}}function h(i){return t.stepPosition===i}e.watch(()=>t.currentPageId,(i,m)=>{}),e.watch(()=>t.currentStepIndex,(i,m)=>{i!==m&&q(i)}),e.onMounted(()=>{});function V(){return e.createVNode("div",{class:"f-wizard-step"},[e.createVNode(M,{ref:p,activeIndex:P.value,steps:t.stepsData,direction:t.direction,clickable:t.stepClickable},{default:()=>[a.stepTemplate&&{stepTemplate:i=>{var L;const{step:m,index:T,length:_,activeIndex:K,direction:E}=i;return(L=a.stepTemplate)==null?void 0:L.call(a,{step:m,index:T,length:_,activeIndex:K,direction:E})}}]})])}return l({setDataByPageId:I,updateCurrentPageId:R,gotoNextStep:v,gotoPreviousStep:y,getNextPageDataByPageId:c,getPreviousPageDataByPageId:r,getPreviousPageId:j,getNextPageId:k,getDataByPageId:n,getCurrentPageData:H,cancel:()=>{},finish:()=>{}}),()=>{var i,m,T;return t.visible&&e.createVNode("div",{class:O.value},[e.createVNode("div",{ref:z,class:A()},[h("Top")&&((i=a.wizardStepTemplate)==null?void 0:i.call(a)),h("None")&&e.createVNode("div",{class:"d-none"},[V()]),(a.wizardHeader||h("HeaderRight"))&&e.createVNode("div",{class:"f-wizard-header",ref:g},[(m=a.wizardHeader)==null?void 0:m.call(a),h("HeaderRight")&&V()]),e.createVNode("div",{class:"f-wizard-content",ref:u},[h("PageLeft")&&V(),e.createVNode("div",{class:"f-wizard-pages"},[(T=a.default)==null?void 0:T.call(a)])])])])}}}),b={pageId:{type:String,default:""},active:{type:Boolean,default:!1}},x=e.defineComponent({name:"FWizardPage",props:b,emits:["pageSelected"],setup(t,{slots:a}){const{wizardPageList:d,activeId:l,wizardProps:g,activeIndex:z}=e.inject(S,{activeId:e.ref(""),activeIndex:e.ref(1),wizardPageList:e.ref([]),wizardProps:{}}),u=e.computed(()=>{var f;return((f=g.stepsData[z.value])==null?void 0:f.id)===t.pageId}),p=e.computed(()=>({"f-component-wizard-page":!0,active:u.value}));return e.onMounted(()=>{d.value.includes(t.pageId)||d.value.push(t.pageId)}),()=>{var f;return u.value&&e.createVNode("div",{class:p.value},[(f=a.default)==null?void 0:f.call(a)])}}}),F={headerTemplate:{type:Object},contentTemplate:{type:Object},footerTemplate:{type:Object}},C=e.defineComponent({name:"FWizardPageDetail",props:F,emits:["pagedetailSelected"],setup(t,{slots:a,expose:d,emit:l}){const g=e.inject(S,null),{wizardProps:z,gotoNextPage:u,gotoPreviousPage:p,gotoNextStep:f,gotoPreviousStep:s,setDataByPageId:P,activeId:w,getPreviousPageId:D,getNextPageId:I,getDataByPageId:v,getCurrentPageData:y}=g;function n(c){P(w.value,c)}function r(){if(typeof t.footerTemplate=="string"){const c=e.compile(t.footerTemplate);return e.createVNode({render:c})}return t.footerTemplate()}return e.onMounted(()=>{l("pagedetailSelected",w.value)}),d({gotoNextPage:u,gotoPreviousPage:p,gotoNextStep:f,gotoPreviousStep:s,setDataByPageId:P,getPreviousPageId:D,getNextPageId:I,setPageData:n,getCurrentPageData:y,getDataByPageId:v}),()=>{var c;return e.createVNode("div",{class:"f-component-wizard-page-detail f-component-wizard-page-detail-fill"},[t.headerTemplate?e.createVNode("div",{class:"f-component-wizard-page-detail-header"},[t.headerTemplate()]):a.headerTemplate&&e.createVNode("div",{class:"f-component-wizard-page-detail-header"},[a.headerTemplate()]),t.contentTemplate?e.createVNode("div",{class:"f-component-wizard-page-detail-content"},[t.contentTemplate()]):a.contentTemplate?e.createVNode("div",{class:"f-component-wizard-page-detail-content"},[a.contentTemplate()]):(c=a.default)==null?void 0:c.call(a),t.footerTemplate?e.createVNode("div",{class:"f-component-wizard-page-detail-footer"},[r()]):a.footerTemplate&&e.createVNode("div",{class:"f-component-wizard-page-detail-footer"},[a.footerTemplate()])])}}});N.install=t=>{t.component(N.name,N).component(x.name,x).component(C.name,C)},o.FWizard=N,o.FWizardPage=x,o.FWizardPageDetail=C,o.default=N,o.pageDetailProps=F,o.useWizard=B,o.wizardPageProps=b,o.wizardProps=W,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});