@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
9 lines (8 loc) • 33.4 kB
JavaScript
(function($,W){typeof exports=="object"&&typeof module<"u"?W(exports,require("../common/index.umd.js"),require("vue"),require("lodash-es"),require("../dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue","lodash-es","../dynamic-resolver/index.umd.js"],W):($=typeof globalThis<"u"?globalThis:$||self,W($["scroll-navbar"]={},$.common,$.Vue,$.LodashES,$.dynamicResolver))})(this,function($,W,a,_,le){"use strict";function J(e,t){let n;function r(i){const{properties:s,title:d,ignore:l}=i,o=l&&Array.isArray(l),c=Object.keys(s).reduce((b,w)=>((!o||!l.find(V=>V===w))&&(b[w]=s[w].type==="object"&&s[w].properties?r(s[w]):_.cloneDeep(s[w].default)),b),{});if(d&&(!o||!l.find(b=>b==="id"))){const b=d.toLowerCase().replace(/-/g,"_");c.id=`${b}_${Math.random().toString().slice(2,6)}`}return c}function m(i){const{properties:s,title:d,required:l}=i;if(l&&Array.isArray(l)){const o=l.reduce((c,b)=>(c[b]=s[b].type==="object"&&s[b].properties?r(s[b]):_.cloneDeep(s[b].default),c),{});if(d&&l.find(c=>c==="id")){const c=d.toLowerCase().replace(/-/g,"_");o.id=`${c}_${Math.random().toString().slice(2,6)}`}return o}return{type:d}}function y(i,s={},d){const l=e[i];if(l){let o=m(l);const c=t[i];return o=c?c({getSchemaByType:y},o,s,d):o,n!=null&&n.appendIdentifyForNewControl&&n.appendIdentifyForNewControl(o),o}return null}function T(i,s){const d=r(s);return Object.keys(d).reduce((l,o)=>(Object.prototype.hasOwnProperty.call(i,o)&&(l[o]&&_.isPlainObject(l[o])&&_.isPlainObject(i[o]||!i[o])?Object.assign(l[o],i[o]||{}):l[o]=i[o]),l),d),d}function g(i,s){return Object.keys(i).filter(l=>i[l]!=null).reduce((l,o)=>{if(s.has(o)){const c=s.get(o);if(typeof c=="string")l[c]=i[o];else{const b=c(o,i[o],i);Object.assign(l,b)}}else l[o]=i[o];return l},{})}function f(i,s,d=new Map){const l=T(i,s);return g(l,d)}function u(i){var d;const s=i.type;if(s){const l=e[s];if(!l)return i;const o=T(i,l),c=((d=i.editor)==null?void 0:d.type)||"";if(c){const b=e[c],w=T(i.editor,b);o.editor=w}return o}return i}function p(i){n=i}return{getSchemaByType:y,resolveSchemaWithDefaultValue:u,resolveSchemaToProps:f,mappingSchemaToProps:g,setDesignerContext:p}}const Q={},Y={},{resolveSchemaWithDefaultValue:ce,resolveSchemaToProps:se,mappingSchemaToProps:ue}=J(Q,Y);function fe(e={}){function t(u,p,i,s){if(typeof i=="number")return s[u].length===i;if(typeof i=="object"){const d=Object.keys(i)[0],l=i[d];if(d==="not")return Number(s[u].length)!==Number(l);if(d==="moreThan")return Number(s[u].length)>=Number(l);if(d==="lessThan")return Number(s[u].length)<=Number(l)}return!1}function n(u,p,i,s){return s[u]&&s[u].propertyValue&&String(s[u].propertyValue.value)===String(i)}const r=new Map([["length",t],["getProperty",n]]);Object.keys(e).reduce((u,p)=>(u.set(p,e[p]),u),r);function m(u,p){const i=u;return typeof p=="number"?[{target:i,operator:"length",param:null,value:Number(p)}]:typeof p=="boolean"?[{target:i,operator:"getProperty",param:u,value:!!p}]:typeof p=="object"?Object.keys(p).map(s=>{if(s==="length")return{target:i,operator:"length",param:null,value:p[s]};const d=s,l=p[s];return{target:i,operator:"getProperty",param:d,value:l}}):[]}function y(u){return Object.keys(u).reduce((i,s)=>{const d=m(s,u[s]);return i.push(...d),i},[])}function T(u,p){if(r.has(u.operator)){const i=r.get(u.operator);return i&&i(u.target,u.param,u.value,p)||!1}return!1}function g(u,p){return y(u).reduce((d,l)=>d&&T(l,p),!0)}function f(u,p){const i=Object.keys(u),s=i.includes("allOf"),d=i.includes("anyOf"),l=s||d,b=(l?u[l?s?"allOf":"anyOf":"allOf"]:[u]).map(V=>g(V,p));return s?!b.includes(!1):b.includes(!0)}return{parseValueSchema:f}}const de={convertTo:(e,t,n,r)=>{e.appearance||(e.appearance={}),e.appearance[t]=n},convertFrom:(e,t,n)=>e.appearance?e.appearance[t]:e[t]},me={convertFrom:(e,t,n)=>e.buttons&&e.buttons.length?`共 ${e.buttons.length} 项`:"无"},pe={convertTo:(e,t,n,r)=>{e.editor&&(e.editor[t]=n)},convertFrom:(e,t,n)=>e.editor&&Object.prototype.hasOwnProperty.call(e.editor,t)?e.editor[t]:e[t]},Z={button:{type:"button",name:"按钮"},"response-toolbar":{type:"response-toolbar",name:"工具栏"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮"},"content-container":{type:"content-container",name:"容器"},"input-group":{type:"input-group",name:"文本"},textarea:{type:"textarea",name:"多行文本"},lookup:{type:"lookup",name:"帮助"},"number-spinner":{type:"number-spinner",name:"数值"},"date-picker":{type:"date-picker",name:"日期"},switch:{type:"switch",name:"开关"},"radio-group":{type:"radio-group",name:"单选组"},"check-box":{type:"check-box",name:"复选框"},"check-group":{type:"check-group",name:"复选框组"},"combo-list":{type:"combo-list",name:"下拉列表"},"response-form":{type:"response-form",name:"卡片面板"},"response-layout":{type:"response-layout",name:"布局容器",icon:"response-layout-3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"response-layout-1"},"tree-grid":{type:"tree-grid",name:"树表格"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块"},component:{type:"component",name:"组件"},tabs:{type:"tabs",name:"标签页"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮"},"drawer-toolbar-item":{type:"drawer-toolbar-item",name:"抽屉工具栏按钮"},"html-template":{type:"html-template",name:"模板容器"},"time-picker":{type:"time-picker",name:"时间选择"},section:{type:"section",name:"分组面板"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传"},"page-header":{type:"page-header",name:"页头"},"page-footer":{type:"page-footer",name:"页脚"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏"},"drawer-toolbar":{type:"drawer-toolbar",name:"抽屉工具栏"},fieldset:{type:"fieldset",name:"分组"},"query-solution":{type:"query-solution",name:"筛选方案"},drawer:{type:"drawer",name:"抽屉"},"external-container":{type:"external-container",name:"外部容器",icon:"content-container"},"list-nav":{type:"list-nav",name:"列表导航"},nav:{type:"nav",name:"标签类导航"},"list-view":{type:"list-view",name:"列表"},"filter-bar":{type:"filter-bar",name:"筛选条"},"language-textbox":{type:"language-textbox",name:"多语输入框"},image:{type:"image",name:"图像"},avatar:{type:"avatar",name:"头像"},"discussion-editor":{type:"discussion-editor",name:"评论编辑区"},"discussion-list":{type:"discussion-list",name:"评论列表"},comment:{type:"comment",name:"评论区"},"approval-logs":{type:"approval-logs",name:"审批记录"},"rich-text-editor":{type:"rich-text-editor",name:"富文本",icon:"rich-text-box"},calendar:{type:"calendar",name:"日历",icon:"date-picker"},wizard:{type:"wizard",name:"向导",icon:"wizard"},"wizard-page":{type:"wizard-page",name:"向导页",icon:"wizard"},"wizard-page-detail":{type:"wizard-page-detail",name:"向导详情",icon:"wizard"},step:{type:"step",name:"步骤条",icon:"step"},"dynamic-form":{type:"dynamic-form",name:"动态表单"}},ve={convertFrom:(e,t,n)=>{var m;const r=e.editor&&e.editor[t]?e.editor[t]:e[t];return((m=Z[r])==null?void 0:m.name)||r}},be={convertTo:(e,t,n,r)=>{e[t]=e[t]},convertFrom:(e,t,n)=>e.editor?n.getRealEditorType(e.editor.type):""},ge={convertTo:(e,t,n,r)=>{(e.type==="data-grid-column"||e.type==="tree-grid-column")&&(e.formatter?e.formatter[t]=n:e.formatter={[t]:n})},convertFrom:(e,t,n)=>{if(e.formatter){if(t==="trueText")return e.formatter.trueText;if(t==="falseText")return e.formatter.falseText;if(t==="prefix")return e.formatter.prefix;if(t==="suffix")return e.formatter.suffix;if(t==="precision")return e.formatter.precision;if(t==="decimal")return e.formatter.decimal;if(t==="thousand")return e.formatter.thousand;if(t==="dateFormat")return e.formatter.dateFormat||"yyyy-MM-dd";if(t==="customFormat")return e.formatter.customFormat;if(t==="type")return e.formatter.type||"none"}return"none"}},ye={convertTo:(e,t,n,r)=>{e.command?e.command[t]=n:e.command={[t]:n},t==="enableType"&&n==="default"&&(e.command.enable=!0,e.command.formatter="",e.command.commands=[{text:"编辑",type:"primary",command:"edit"},{text:"删除",type:"danger",command:"remove"}]),t==="enableType"&&n==="custom"&&(e.command.enable=!0,e.command.commands=[{value:"add",text:"增加",type:"link"},{value:"edit",text:"编辑",type:"link"},{value:"remove",text:"删除",type:"link"}]),t==="enableType"&&n==="unable"&&(e.command.enable=!1,e.command.formatter="")},convertFrom:(e,t,n)=>{var r,m;if(e.command){if(t==="enableType"){if(e.command.enableType)return e.command.enableType;const y=(m=(r=e.command)==null?void 0:r.commands)==null?void 0:m.find(T=>T.command==="edit"&&T.type==="primary");return e.command.enable?y?"default":"custom":"unable"}if(t==="commands")return e.command.enableType==="custom"?e.command.commands:[];if(t==="formatter")return e.command.formatter;if(t==="count")return e.command.count;if(t==="columnWidth")return e.command.columnWidth||200}return""}},Te={convertTo:(e,t,n,r)=>{e.column?e.column[t]=n:e.column={[t]:n},t==="fitColumns"&&n&&(e.column.fitMode||(e.column.fitMode="average"))},convertFrom:(e,t,n)=>{if(e.column){if(t==="fitColumns")return e.column.fitColumns;if(t==="fitMode")return e.column.fitMode}return""}},he={convertTo:(e,t,n,r)=>{e.summary?e.summary[t]=n:e.summary={[t]:n},t==="enable"&&n&&(e.summary?e.summary.groupFields||(e.summary.groupFields=[]):e.summary={enable:n,groupFields:[]})},convertFrom:(e,t,n)=>{var r,m;return t==="customSummaryStyle"?e.summary.customSummaryStyle:t==="position"?((r=e.summary)==null?void 0:r[t])||"bottom":t==="customRender"?((m=e.summary)==null?void 0:m[t])||"":e.summary&&t==="enable"?e.summary.enable:e.type==="data-grid-column"?e.enableSummary===void 0?!1:e.enableSummary:""}},Se={convertTo:(e,t,n,r)=>{e.group?e.group[t]=n:e.group={[t]:n},t==="enable"&&n&&(e.group?e.group.groupFields||(e.group.groupFields=[]):e.group={enable:n,groupFields:[],showSummary:!1,customRender:""})},convertFrom:(e,t,n)=>{if(e.group){if(t==="enable")return e.group.enable;if(t==="showSummary")return e.group.showSummary;if(t==="customRender")return e.group.customRender;if(t==="groupFields")return e.group.groupFields}}},Ne={convertFrom:(e,t)=>e.binding?e.binding.path:"",convertTo:(e,t,n)=>{if(n&&n.length>0){const r=n[0];e.binding||(e.binding={}),e.binding.type="Form",e.binding.path=r.bindingField,e.binding.field=r.id,e.binding.fullPath=r.path,e.path=r.bindingPath}}},we={convertTo:(e,t,n,r)=>{e.pagination||(e.pagination={}),t==="sizeLimits"?e.pagination.sizeLimits=n.split(","):e.pagination[t]=n},convertFrom:(e,t,n)=>{var r;return e.pagination?t==="sizeLimits"?(r=e.pagination.sizeLimits)==null?void 0:r.join(","):e.pagination[t]:e[t]}},ke={convertTo:(e,t,n,r)=>{e.rowNumber||(e.rowNumber={}),e.rowNumber[t]=n},convertFrom:(e,t,n)=>e.rowNumber?e.rowNumber[t]:e[t]},Fe={convertTo:(e,t,n,r)=>{e.selection||(e.selection={}),e.selection[t]=n},convertFrom:(e,t,n)=>{if(!e.selection)return!!e[t];const r=!!e.selection[t];return t==="showCheckbox"&&r==null&&e.selection.multiSelect===!0?!0:r}},Pe={convertFrom:(e,t,n)=>e[t]&&e[t].length?`共 ${e[t].length} 项`:""},Oe={convertFrom:(e,t)=>e[t]||"",convertTo:(e,t,n)=>{e[t]=n}},De={convertTo:(e,t,n,r)=>{e.size||(e.size={}),e.size[t]=n},convertFrom:(e,t,n)=>e.size?e.size[t]:e[t]},Me={convertFrom:(e,t,n)=>{var r,m;return(r=e.formatter)!=null&&r.data&&t==="formatterEnumData"&&!e.formatterEnumData?(m=e.formatter)==null?void 0:m.data:e.formatterEnumData}},Ve={convertTo:(e,t,n,r)=>{e.sort||(e.sort={}),e.sort[t]=n},convertFrom:(e,t,n)=>{var r,m;if(t==="mode")return((r=e.sort)==null?void 0:r.mode)||"client";if(t==="multiSort")return!!((m=e.sort)!=null&&m.multiSort)}},je={convertTo:(e,t,n,r)=>{e.filter||(e.filter={}),e.filter[t]=n,t==="enable"&&(e.enableFilter=!1)},convertFrom:(e,t,n)=>{var r,m,y,T;return t==="mode"?((r=e.filter)==null?void 0:r.mode)||"server":t==="filterStyle"?((m=e.filter)==null?void 0:m.filterStyle)||"filter-column":t==="enable"?((y=e.filter)==null?void 0:y.enable)!==void 0?!!e.filter.enable:!!e.enableFilter:((T=e.filter)==null?void 0:T[t])||void 0}},$e={convertTo:(e,t,n,r)=>{e.rowOption?e.rowOption[t]=n:e.rowOption={[t]:n}},convertFrom:(e,t,n)=>{if(e.rowOption){if(t==="customRowStyle")return e.rowOption.customRowStyle;if(t==="customCellStyle")return e.rowOption.customCellStyle;if(t==="height")return e.rowOption.height}return""}},Ee={convertTo:(e,t,n,r)=>{(e.type==="data-grid-column"||e.type==="tree-grid-column")&&(e[t]=n,t==="columnTemplateType"&&n==="hyperlink"&&(e.onClickLinkCommand?e.columnTemplate=`
<span class="f-pretend-link f-cursor-pointer"
@click="(ctx)=>viewModel.current.${e.onClickLinkCommand||""}({id: rowData.id,context: ctx})">
{{rowData.${e.field}}}
</span>`:e.columnTemplate=`
<span class="f-pretend-link f-cursor-pointer">
{{rowData.${e.field}}}
</span>`),t==="columnTemplateType"&&n==="default"&&(e.columnTemplate=""),t==="columnTemplateType"&&n==="custom"&&(e.columnTemplate=""))},convertFrom:(e,t,n)=>t==="columnTemplate"?e.columnTemplate:t==="columnTemplateType"?e.columnTemplateType?e.columnTemplateType||"default":e.columnTemplate&&!e.onClickLinkCommand?"custom":e.columnTemplate&&e.onClickLinkCommand?"hyperlink":"default":""},Re={convertTo:(e,t,n,r)=>{e.hierarchy||(e.hierarchy={cascadeOption:{}}),e.hierarchy.cascadeOption||(e.hierarchy.cascadeOption={}),e.hierarchy.cascadeOption[t]=n},convertFrom:(e,t,n)=>{var r,m;return!!((m=(r=e.hierarchy)==null?void 0:r.cascadeOption)!=null&&m[t])}};function I(e,t,n){const r=new Map([["/converter/appearance.converter",de],["/converter/buttons.converter",me],["/converter/property-editor.converter",pe],["/converter/items-count.converter",Pe],["/converter/type.converter",ve],["/converter/change-editor.converter",be],["/converter/change-formatter.converter",ge],["/converter/column-command.converter",ye],["/converter/column-option.converter",Te],["/converter/summary.converter",he],["/converter/group.converter",Se],["/converter/form-group-label.converter",Oe],["/converter/field-selector.converter",Ne],["/converter/pagination.converter",we],["/converter/row-number.converter",ke],["/converter/grid-selection.converter",Fe],["/converter/size.converter",De],["/converter/change-formatter-enum.converter",Me],["/converter/grid-sort.converter",Ve],["/converter/grid-filter.converter",je],["/converter/row-option.converter",$e],["/converter/change-formatter-type.converter",Ee],["/converter/tree-auto-check.converter",Re]]),m=new Map([["string",{type:"input-group",enableClear:!1}],["boolean",{type:"combo-list",textField:"name",valueField:"value",idField:"value",enableClear:!1,editable:!1,data:[{value:!0,name:"是"},{value:!1,name:"否"}]}],["enum",{type:"combo-list",maxHeight:128,enableClear:!1,editable:!1}],["array",{type:"button-edit"}],["number",{type:"number-spinner",placeholder:""}],["events-editor",{type:"events-editor",hide:!0}],["multiLanguage",{type:"language-textbox"}]]),y=fe();function T(l,o){return()=>y.parseValueSchema(l,o)}function g(l,o,c){return l.includes("visible")&&o.visible!==void 0?typeof o.visible=="boolean"?()=>!!o.visible:o.visible===void 0?!0:T(o.visible,c):()=>!0}function f(l,o,c){return l.includes("readonly")&&o.readonly!==void 0?typeof o.readonly=="boolean"?()=>!!o.readonly:T(o.readonly,c):()=>!1}function u(l,o){const c=l.$converter||o;return typeof c=="string"&&c&&r.has(c)?r.get(c)||null:c||null}function p(l,o,c,b,w,V="",N=""){return Object.keys(l).map(k=>{const B=a.ref(1),R=k,F=l[k],h=Object.keys(F),z=F.title,L=F.type,v=m.get(L)||{type:"input-group",enableClear:!1},S=F.editor?Object.assign({},v,F.editor):Object.assign({},v),P=g(h,F,o),O=f(h,F,o);S.readonly=S.readonly===void 0?O():S.readonly;const M=F.type==="cascade"?p(F.properties,o,c,b,w,V,N):[],E=!0;let j=u(F,N);const A=a.computed({get(){if(B.value){if(["class","style"].find(H=>H===R)&&!j&&(j=r.get("/converter/appearance.converter")||null),j&&j.convertFrom){const H=j.convertFrom(c,k,w,V);return H===void 0&&Object.prototype.hasOwnProperty.call(F,"defaultValue")?F.type==="boolean"?F.defaultValue:F.defaultValue||"":H}const x=c[k];return Object.prototype.hasOwnProperty.call(F,"defaultValue")&&(x===void 0||typeof x=="string"&&x==="")?F.type==="boolean"?F.defaultValue:F.defaultValue||"":x}return null},set(x){B.value+=1,j&&j.convertTo?(j.convertTo(b,k,x,w,V),j.convertTo(c,k,x,w,V)):(b[k]=x,c[k]=x)}}),{refreshPanelAfterChanged:C,description:q,isExpand:Je,parentPropertyID:Qe}=F,ie={propertyID:R,propertyName:z,propertyType:L,propertyValue:A,editor:S,visible:P,readonly:O,cascadeConfig:M,hideCascadeTitle:E,refreshPanelAfterChanged:C,description:q,isExpand:Je,parentPropertyID:Qe};return o[R]=ie,ie})}function i(l,o,c={}){const b={},w=e[l];return w&&w.categories?Object.keys(w.categories).map(N=>{const D=w.categories[N],k=D==null?void 0:D.title,B=p(D.properties||{},b,{},c,o);return{categoryId:N,categoryName:k,properties:B}}):[]}function s(l,o,c,b,w=""){const V=o.$ref.schema,N=o.$ref.converter,D=c[V],k=D.type,B=n(D),R={},F=e[k];if(F&&F.categories){const h=F.categories[l],z=h==null?void 0:h.title;N&&Object.keys(h.properties).forEach(S=>{h.properties[S].$converter=N});const L=(h==null?void 0:h.properties)||{},v=p(L,R,B,D,b,w);return{categoryId:l,categoryName:z,properties:v}}return{categoryId:l,categoryName:"",properties:[]}}function d(l,o,c,b,w){const V=l.type,N=n(l),D={};let k=w||e[V];if(!(k&&Object.keys(k).length>0)&&c&&c.getPropConfig&&(k=c.getPropConfig(b)),k&&k.categories){const R=[];return Object.keys(k.categories).map(F=>{const h=k.categories[F];if(h.$ref){R.push(s(F,h,l,o,b));return}const z=h==null?void 0:h.title,L=h==null?void 0:h.tabId,v=h==null?void 0:h.tabName,S=h==null?void 0:h.hide,P=h==null?void 0:h.hideTitle,O=p(h.properties||{},D,N,l,o,b,h.$converter),{setPropertyRelates:M}=h,E=h==null?void 0:h.parentPropertyID;R.push({categoryId:F,categoryName:z,tabId:L,tabName:v,hide:S,properties:O,hideTitle:P,setPropertyRelates:M,parentPropertyID:E})}),R}return[]}return{getPropertyConfigBySchema:d,getPropertyConfigByType:i,propertyConverterMap:r}}const K={},ee={};I(K,ee,ce);const te={},ne={},{resolveSchemaWithDefaultValue:Be}=J(te,ne),re={},oe={};I(re,oe,Be);function Le(e,t,n=new Map,r=(T,g,f,u)=>g,m={},y=T=>T){return Q[t.title]=t,Y[t.title]=r,K[t.title]=m,ee[t.title]=y,te[t.title]=t,ne[t.title]=r,re[t.title]=m,oe[t.title]=y,(T={},g=!0)=>{if(!g)return ue(T,n);const f=se(T,t,n),u=Object.keys(e).reduce((p,i)=>(p[i]=e[i].default,p),{});return Object.assign(u,f)}}function Ce(e,t){return{customClass:t.class,customStyle:t.style}}const xe=new Map([["appearance",Ce],["scrollItems","itemRef"],["title","extendTitle"]]);function ae(e,t){Array.isArray(e)&&e.forEach(n=>{if(n){if(n.type==="section"||n.type==="html-template"){const r=n.title||n.mainTitle||n.id||"";t.push({id:n.id||"",type:n.type,title:r,originalTitle:r,selector:"#"+n.id||"",visible:!0})}n.contents&&ae(n.contents,t),n.type==="component-ref"&&n.component}})}function Ae(e){var n;const t=[];return(n=e.module)!=null&&n.components&&e.module.components.forEach(r=>{r.contents&&ae(r.contents,t)}),t}function ze(e,t,n,r){if(!r)return console.warn("designerHostService is undefined, returning empty scrollItems"),t.scrollItems=[],t;const m=Ae(r.formSchemaUtils.getFormSchema());return t.scrollItems=m,t}const qe={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/scroll-navbar.schema.json",title:"scroll-navbar",description:"滚动导航",type:"object",properties:{id:{description:"标识",type:"string"},type:{description:"组件类型",type:"string",default:"scroll-navbar"},visible:{description:"是否可见",type:"boolean",default:!0},title:{description:"标题",type:"string",default:"导航栏"},scrollItems:{description:"导航内容",type:"array",default:[]},contentRef:{description:"",type:"string",default:".fm-page-main"},isManualEditMode:{description:"",type:"boolean",default:!1},contents:{description:"",type:"array",default:[]},alwaysShow:{description:"Whether the navbar is always visible",type:"boolean",default:!1},extendable:{description:"Whether the tab bar is extendable",type:"boolean",default:!1},extendTitle:{description:"Title for extendable functionality",type:"string"},appearance:{description:"Component appearance styling",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}}},required:["id","type","visible","scrollItems"]},U={alwaysShow:{type:Boolean,default:!1},contentRef:{type:String,default:".fm-page-main"},extendable:{type:Boolean,default:!1},extendTitle:{type:String,default:""},itemRef:{type:Array,default:[]}},X=Le(U,qe,xe,ze),We=(e,t)=>{const n=a.ref([]),r=g=>g.map(f=>{const{id:u="",title:p="",selector:i="",visible:s=!0}=f;if(!s)return null;const d=e.value.querySelector(i);if(!d)return null;const{offsetTop:l,clientHeight:o}=d;return{name:u,title:p,offsetTop:l,clientHeight:o,element:d}}).filter(f=>f!==null),m=g=>{const f=[];return g.forEach(u=>{const p=Array.from(e.value.querySelectorAll(u));f.push(...p)}),f.map(u=>{const{dataset:p,offsetTop:i,clientHeight:s}=u;return{name:p.id||"",title:p.title||"",offsetTop:i,clientHeight:s,element:u}})},y=()=>{if(n.value=[],!t||Array.isArray(t)&&t.length===0)return n.value;try{const g=typeof t=="string"?[t]:t;typeof g[0]=="string"?n.value=m(g):n.value=r(g),n.value.sort((f,u)=>f.offsetTop-u.offsetTop)}catch(g){console.warn("获取导航项时出错:",g)}return n.value},T=()=>{const g=e.value.scrollTop||0,f=n.value;if(f.length===0)return{name:"",title:"",offsetTop:0,clientHeight:0,element:null};for(let u=0;u<f.length;u++){const p=f[u];if(p.offsetTop+p.clientHeight/2>g)return p}return f[f.length-1]};return{items:a.ref(n.value),getItems:y,getTopElementInView:T}},_e=(e,t,n,r,m,y,T)=>{let g=0;const f={active:!1,start:0,end:0,timer:0},u=a.computed(()=>y.value),p=a.computed(()=>({"f-scroll-navbar":!0,"f-scroll-navbar-fixed":r.value.scrollTop>g,"f-scroll-navbar-visible":y.value})),i=()=>!r.value||!n.value?!1:r.value.contains(n.value),s=()=>{if(e.alwaysShow||i()){y.value=!0;return}const N=m.value[0]?m.value[0].offsetTop:0;y.value=r.value.scrollTop>N},d=()=>{const N=r.value;if(!N||!(N instanceof HTMLElement)){console.warn("Content element is not available for style checking");return}const D=getComputedStyle(N),k=["fixed","absolute","relative"];(!D.position||!k.includes(D.position))&&(N.style.position="relative")},l=N=>{f.active=!0,r.value&&"scrollTo"in r.value&&r.value.scrollTo({top:Math.max(0,N.offsetTop-44),behavior:"smooth"}),T.value=N.name,t.emit("change",N);const D=r.value.scrollTop;setTimeout(()=>{D===r.value.scrollTop&&(f.active=!1)},500)},o=N=>{l(N.item),console.log(`点击了导航项: ${N.item.title}, 索引: ${N.index}`)},c=N=>{f.end=r.value.scrollTop,f.start===f.end&&(f.active=!1,N())},b=()=>{if(!r.value||!n.value)return;if(i()&&(n.value.classList.contains("f-scroll-navbar-fixed")||(g=n.value.offsetTop),r.value.scrollTop>g?n.value.classList.add("f-scroll-navbar-fixed"):n.value.classList.remove("f-scroll-navbar-fixed")),f.active){clearTimeout(f.timer),f.timer=window.setTimeout(()=>{c(s)},100),f.start=r.value.scrollTop;return}const{scrollTop:N}=r.value;let D;for(const k of m.value)if(k.offsetTop+k.clientHeight/2>N){D=k;break}D?T.value=D.name:m.value.length>0&&(T.value=m.value[m.value.length-1].name),s()},w=()=>{r.value&&r.value.addEventListener("scroll",b)},V=()=>{r.value&&r.value.removeEventListener("scroll",b)};return a.onMounted(()=>{w(),d(),s()}),a.onUnmounted(()=>{V()}),{shouldShowNavbar:u,navbarFixedClass:p,handlertabChange:l,handlePanelItemClick:o,checkContentStyle:d,handlerScroll:b,checkNavbarShow:s,navbarShow:y,checkContentContainsNavbar:i}},G=a.defineComponent({name:"FScrollNavbar",props:U,emits:["change","update:modelValue"],setup(e,t){const n=a.ref(),r=a.ref(e.modelValue),m=a.ref(!0),y=a.ref(!1),T=a.computed(()=>{try{return document.querySelector(e.contentRef)||document.body}catch{return document.body}}),{items:g,getItems:f}=We(T,e.itemRef),u=_e(e,t,n,T,g,m,r);a.watch(()=>e.modelValue,o=>{r.value=o});const p=()=>{y.value=!y.value},i=(o,c)=>{r.value=o.name,u.handlertabChange(o),t.emit("change",o,c),t.emit("update:modelValue",o.name)},s=o=>{i(o.item,o.index),y.value=!1};a.onMounted(()=>{a.nextTick(()=>{f(),u.checkContentStyle(),u.checkNavbarShow()})});const d=a.computed(()=>!g.value||g.value.length===0?[{name:"section1",title:"基本信息",active:!0,disabled:!1},{name:"section2",title:"详细信息",active:!1,disabled:!1},{name:"section3",title:"附件信息",active:!1,disabled:!1},{name:"section4",title:"审批流程",active:!1,disabled:!0}]:g.value.map((o,c)=>({...o,active:o.name===r.value,disabled:!1}))),l=a.computed(()=>{const o=d.value.findIndex(V=>V.active),c=100,b=60,w=o*c+(c-b)/2;return{width:`${b}px`,transform:`translateX(${w}px)`}});return()=>{var o;return a.createVNode("div",{class:"drag-container",dragref:"scroll-navbar-container"},[a.createVNode("div",{class:"fm-scroll-navbar-design-preview"},[a.createVNode("div",{class:"fm-scroll-navbar-design"},[a.createVNode("nav",{class:["fm-tab-bar","fm-tab-bar--designer",e.type==="nav"?"fm-tab-bar-nav":"",e.type==="tab"?"fm-tab-bar-tab":""]},[a.createVNode("div",{class:["fm-tab-bar-inner",e.extendable?"fm-tab-bar-extendable":""]},[a.createVNode("div",{class:"fm-tab-bar-start"},null),a.createVNode("div",{class:"fm-tab-bar-end"},null),e.extendable&&a.createVNode("div",{class:"fm-tab-bar-extend",onClick:p},[a.createVNode("span",{class:"fm-icon-simulate"},[a.createTextVNode("⋮")])]),a.createVNode("div",{class:"fm-scroll-view-simulate"},[a.createVNode("div",{class:"fm-tab-bar-list",style:{width:`${d.value.length*100}px`}},[d.value.map((c,b)=>a.createVNode("div",{key:c.name,class:["fm-tab-bar-item","fm-tab-bar-item-line",c.active?"is-active":"",c.disabled?"is-disabled":""],onClick:()=>!c.disabled&&i(c,b)},[a.createVNode("div",{class:"fm-tab-bar-item-content"},[a.createVNode("div",{class:"text",title:c.title},[c.title])])]))]),e.type==="line"&&e.ink&&a.createVNode("span",{class:["fm-tab-bar-ink",(o=d.value.find(c=>c.active))!=null&&o.disabled?"is-disabled":""],style:l.value},null)])])]),a.createVNode("div",{class:"fm-scroll-navbar-placeholder"},null)]),a.createVNode(a.resolveComponent("f-popup"),{show:y.value,"onUpdate:show":c=>y.value=c,position:"bottom",round:!0},{default:()=>[a.createVNode("div",{class:"fm-tab-bar-panel"},[a.createVNode("div",{class:"fm-tab-bar-panel-header"},[a.createVNode("span",null,[e.extendTitle||"更多"])]),a.createVNode("div",{class:"fm-tab-bar-panel-content"},[d.value.map((c,b)=>a.createVNode("div",{key:c.name,class:["fm-tab-bar-panel-item",c.active?"fm-tab-bar-panel-item-active":""],onClick:()=>!c.disabled&&s({item:c,index:b})},[a.createVNode("span",{class:"fm-tab-bar-panel-item-text"},[c.title])]))])])]})])])}}});function Ue(e,t,n){var L;const r="",m="",y=a.ref();let T;function g(){return(t==null?void 0:t.schema.componentType)!=="frame"}function f(){return!1}function u(){return(t==null?void 0:t.schema.componentType)!=="frame"}function p(){return(t==null?void 0:t.schema.componentType)==="frame"}function i(v){if(!v||!v.value)return null;if(v.value.schema&&v.value.schema.type==="component")return v.value;const S=a.ref(v==null?void 0:v.value.parent),P=i(S);return P||null}function s(v=t){var M;const{componentInstance:S,designerItemElementRef:P}=v;if(!S||!S.value)return null;const{getCustomButtons:O}=S.value;return S.value.canMove||O&&((M=O())!=null&&M.length)?P:s(v.parent)}function d(v){return!1}function l(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function o(){}function c(v,S){var P;!v||!S||(P=t==null?void 0:t.setupContext)==null||P.emit("dragEnd")}function b(v,S){const{componentType:P}=v;let O=le.getSchemaByTypeForDesigner(P,v,S);const M=P.toLowerCase().replace(/-/g,"_");return O&&!O.id&&O.type===P&&(O.id=`${M}_${Math.random().toString().slice(2,6)}`),O}function w(v){}function V(...v){}function N(v){if(!v)return;const S=t==null?void 0:t.schema,{formSchemaUtils:P}=v;if(S&&P.getExpressions().length){const O=P.getExpressions().findIndex(M=>M.target===S.id);O>-1&&P.getExpressions().splice(O,1)}}function D(v){if(!v||!(t!=null&&t.schema))return;const S=t.schema,{formSchemaUtils:P}=v;P.removeCommunicationInComponent(S)}function k(v){N(v),D(v),t!=null&&t.schema.contents&&t.schema.contents.map(S=>{let P=S.id;S.type==="component-ref"&&(P=S.component);const O=e.value.querySelectorAll(`#${P}-design-item`);O!=null&&O.length&&Array.from(O).map(M=>{var E;(E=M==null?void 0:M.componentInstance)!=null&&E.value.onRemoveComponent&&M.componentInstance.value.onRemoveComponent(v)})})}function B(){}function R(v){var P,O;if(!((P=t==null?void 0:t.schema)!=null&&P.id))return;!T&&v&&(T=v.formSchemaUtils);let S="";{const{text:M,title:E,label:j,mainTitle:A,name:C,type:q}=t.schema;S=M||E||j||A||C||((O=Z[q])==null?void 0:O.name)}S&&T.getControlBasicInfoMap().set(t.schema.id,{componentTitle:S,parentPathName:S})}function F(v){var M;const{changeObject:S}=v,{propertyID:P,propertyValue:O}=S;if(["text","title","label","name","mainTitle"].includes((M=v==null?void 0:v.changeObject)==null?void 0:M.propertyID)&&P&&O&&(R(),T)){const E=T.getControlBasicInfoMap(),j=E.keys().toArray().filter(A=>{var C,q;return((C=E.get(A))==null?void 0:C.reliedComponentId)===((q=t==null?void 0:t.schema)==null?void 0:q.id)});j!=null&&j.length&&j.forEach(A=>{const C=E.get(A).parentPathName.split(" > ");C[0]=O,E.get(A).parentPathName=C.join(" > ")})}}function h(v){F(v)}function z(){return!0}return y.value={canMove:g(),canSelectParent:f(),canDelete:u(),canNested:!p(),contents:t==null?void 0:t.schema.contents,elementRef:e,parent:(L=t==null?void 0:t.parent)==null?void 0:L.componentInstance,schema:t==null?void 0:t.schema,styles:r,designerClass:m,canAccepts:d,getBelongedComponentInstance:i,getDraggableDesignItemElement:s,getDraggingDisplayText:l,getPropConfig:V,getDragScopeElement:o,onAcceptMovedChildElement:c,onChildElementMovedOut:w,addNewChildComponentSchema:b,triggerBelongedComponentToMoveWhenMoved:a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:a.ref(!1),onRemoveComponent:k,getCustomButtons:B,onPropertyChanged:h,setComponentBasicInfoMap:R,updateContextSchema:t==null?void 0:t.updateContextSchema,shouldApplyClassToComponent:z},y}const Ge=a.defineComponent({name:"FScrollNavbarDesign",props:U,emits:["clear","update:modelValue","change"],setup(e,t){const n=a.ref();a.inject("designer-host-service");const r=a.inject("design-item-context"),m=Ue(n,r),y=a.ref(e.itemRef);a.onMounted(()=>{n.value.componentInstance=m}),t.expose(m.value);const T=a.computed(()=>{if(!y.value||y.value.length===0)return[{name:"section1",title:"基本信息",active:!0,disabled:!1},{name:"section2",title:"详细信息",active:!1,disabled:!1},{name:"section3",title:"附件信息",active:!1,disabled:!1},{name:"section4",title:"审批流程",active:!1,disabled:!0}];{const g=[];for(let f=0;f<y.value.length;f++)f===0?g[f]={name:y.value[f].id,title:y.value[f].title,active:!0,disabled:!1}:g[f]={name:y.value[f].id,title:y.value[f].title,active:!1,disabled:!1};return g}});return()=>{var g;return a.createVNode("div",{ref:n,class:"drag-container",dragref:`${r.schema.id}-container`},[a.createVNode("div",{class:"fm-scroll-navbar-design-preview"},[a.createVNode("div",{class:"fm-scroll-navbar-design"},[a.createVNode("nav",{class:["fm-tab-bar","fm-tab-bar--designer",e.type==="nav"?"fm-tab-bar-nav":"",e.type==="tab"?"fm-tab-bar-tab":""]},[a.createVNode("div",{class:["fm-tab-bar-inner",e.extendable?"fm-tab-bar-extendable":""]},[a.createVNode("div",{class:"fm-tab-bar-start"},null),a.createVNode("div",{class:"fm-tab-bar-end"},null),e.extendable&&a.createVNode("div",{class:"fm-tab-bar-extend"},[a.createVNode("span",{class:"fm-icon-simulate"},[a.createTextVNode("⋮")])]),a.createVNode("div",{class:"fm-scroll-view-simulate"},[a.createVNode("div",{class:"fm-tab-bar-list",style:{width:"400px"}},[T.value.map((f,u)=>a.createVNode("div",{class:["fm-tab-bar-item","fm-tab-bar-item-line",f.active?"is-active":"",f.disabled?"is-disabled":""]},[a.createVNode("div",{class:"fm-tab-bar-item-content"},[a.createVNode("div",{class:"text",title:f.title},[f.title])])]))]),e.type==="line"&&e.ink&&a.createVNode("span",{class:["fm-tab-bar-ink",(g=T.value.find(f=>f.active))!=null&&g.disabled?"is-disabled":""],style:{width:"60px",transform:"translateX(20px)"}},null)])])]),a.createVNode("div",{class:"fm-scroll-navbar-placeholder"},null)]),t.slots.default&&t.slots.default()])])}}}),He=W.withInstall(G),Xe={install(e){e.component(G.name,G)},register(e,t){e["scroll-navbar"]=G,t["scroll-navbar"]=X},registerDesigner(e,t){e["scroll-navbar"]=Ge,t["scroll-navbar"]=X}};$.ScrollNavbar=He,$.default=Xe,$.propsResolverGenerator=X,$.scrollNavbarProps=U,Object.defineProperties($,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});