@farris/ui-vue 1.1.0 → 1.1.1

package/list-view/index.umd.js

@@ -1 +0,0 @@
-(function(O,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],e):(O=typeof globalThis<"u"?globalThis:O||self,e(O["list-view"]={},O.Vue,O.LodashES))})(this,function(O,e,ue){"use strict";const J={},X={};function H(n){const{properties:t,title:a}=n,s=Object.keys(t).reduce((f,r)=>(f[r]=t[r].type==="object"&&t[r].properties?H(t[r]):ue.cloneDeep(t[r].default),f),{});return s.id=`${a}-${Date.now()}`,s}function L(n,t={}){const a=J[n];if(a){let s=H(a);const f=X[n];return s=f?f({getSchemaByType:L},s,t):s,s}return null}function de(n,t){const a=H(t);return Object.keys(n).reduce((s,f)=>(s[f]=n[f],s),a),a}function fe(n,t){return Object.keys(n).filter(s=>n[s]!=null).reduce((s,f)=>{if(t.has(f)){const r=t.get(f);if(typeof r=="string")s[r]=n[f];else{const u=r(f,n[f],n);Object.assign(s,u)}}else s[f]=n[f];return s},{})}function pe(n,t,a=new Map){const s=de(n,t);return fe(s,a)}function me(n={}){function t(o,l,c,i){if(typeof c=="number")return i[o].length===c;if(typeof c=="object"){const h=Object.keys(c)[0],p=c[h];if(h==="not")return Number(i[o].length)!==Number(p);if(h==="moreThan")return Number(i[o].length)>=Number(p);if(h==="lessThan")return Number(i[o].length)<=Number(p)}return!1}function a(o,l,c,i){return i[l]&&i[l].propertyValue&&String(i[l].propertyValue.value)===String(c)}const s=new Map([["length",t],["getProperty",a]]);Object.keys(n).reduce((o,l)=>(o.set(l,n[l]),o),s);function f(o,l){const c=o;return typeof l=="number"?[{target:c,operator:"length",param:null,value:Number(l)}]:typeof l=="boolean"?[{target:c,operator:"getProperty",param:o,value:!!l}]:typeof l=="object"?Object.keys(l).map(i=>{if(i==="length")return{target:c,operator:"length",param:null,value:l[i]};const h=i,p=l[i];return{target:c,operator:o,param:h,value:p}}):[]}function r(o){return Object.keys(o).reduce((c,i)=>{const h=f(i,o[i]);return c.push(...h),c},[])}function u(o,l){if(s.has(o.operator)){const c=s.get(o.operator);return c&&c(o.target,o.param,o.value,l)||!1}return!1}function m(o,l){return r(o).reduce((h,p)=>h&&u(p,l),!0)}function g(o,l){const c=Object.keys(o),i=c.includes("allOf"),h=c.includes("anyOf"),p=i||h,S=(p?o[p?i?"allOf":"anyOf":"allOf"]:[o]).map(v=>m(v,l));return i?!S.includes(!1):S.includes(!0)}return{parseValueSchema:g}}const he={},ge={};me();function Q(n,t,a=new Map,s=(u,m,g)=>m,f={},r=u=>u){return J[t.title]=t,X[t.title]=s,he[t.title]=f,ge[t.title]=r,(u={})=>{const m=pe(u,t,a),g=Object.keys(n).reduce((o,l)=>(o[l]=n[l].default,o),{});return Object.assign(g,m)}}function ve(n,t){return{customClass:t.class}}const Y=new Map([["appearance",ve]]);function Z(n,t,a){return t}const ye={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/list-view.schema.json",title:"list-view",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for list-view",type:"string"},type:{description:"The type string of list-view",type:"string",default:"list-view"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},Ve={title:"list-view",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},E={data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{Type:Boolean,default:!1},multiSelectMode:{Type:String,default:"OnCheck"},idField:{Type:String,default:"id"},valueField:{Type:String,default:"id"},textField:{Type:String,default:"name"},titleField:{Type:String,default:"name"},view:{Type:String,default:"ContentView"},size:{Type:String,default:"default"},placeholder:{type:String,default:""},header:{Type:String,default:"ContentHeader"},headerClass:{Type:String,default:""},itemClass:{Type:String,default:""},selectionValues:{type:Array,default:[]},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"}},q=Q(E,ye,Y,Z,Ve);function K(n,t,a,s,f){const r=e.ref(n.idField),u=e.ref(n.disableField),m=e.ref(n.draggable),g=e.ref(n.itemClass),o=e.ref(n.multiSelect),l=e.ref(n.multiSelectMode);e.ref(!0);const{isDragging:c}=a,{activeIndex:i,focusedItemId:h,hoverIndex:p}=s,{clearSelection:w,selectedItems:F,toggleSelectItem:S}=f;function b(y,D){const V={"f-list-view-group-item":!0,"f-list-view-draggable-item":m.value,"f-un-click":!!y.unClick,"f-un-select":!!y[u.value],"f-listview-active":y.__fv_index__===i.value,"f-listview-hover":!c.value&&D===p.value,moving:!!y.moving};return g.value.split(" ").reduce((_,k)=>(_[k]=!0,_),V),V}function v(y,D){return y[r.value]||""}const N=e.computed(()=>!o.value);function I(y,D){y.unClick||y[u.value]||(N.value&&(h.value=y[r.value]),S(y,D))}const d=e.computed(()=>o.value&&l.value==="OnCheckClearByClick"),C=e.computed(()=>!o.value||o.value&&(l.value==="OnCheckAndClick"||l.value==="OnClick"));function M(y,D,V){if(D.unClick||D[u.value]){y.preventDefault(),y.stopPropagation();return}h.value=D[r.value],i.value=V,d.value&&w(),C.value&&S(D,V),t.emit("clickItem",{data:F.value,index:V}),t.emit("activeChange",F.value)}return{getKey:v,listViewItemClass:b,onCheckItem:I,onClickItem:M}}function R(n,t,a){const s=e.ref(n.idField),f=e.ref(n.multiSelect);e.ref(n.multiSelectMode);const{getSelectionItems:r}=a,u=e.ref(r(n.selectionValues));e.watch(()=>n.selectionValues,i=>{u.value=e.ref(r(i)).value});const m=e.computed(()=>!f.value);function g(i){return i[s.value]||""}function o(i){return u.value.findIndex(p=>g(p)===g(i))}function l(){u.value.forEach(i=>{i.checked=!1}),u.value=[]}function c(i,h){m.value&&l();const p=o(i);p>-1?(u.value.splice(p,1),i.checked=!1):(u.value.push(i),i.checked=!0),t.emit("selectionChange",u.value)}return{clearSelection:l,findIndexInSelectedItems:o,selectedItems:u,toggleSelectItem:c}}function x(n,t){function a(r){const u=[];let m=r.nextNode();for(;m;)u.push(m),m=r.nextNode();return u}function s(r,u){const m=document.createTreeWalker(r,NodeFilter.SHOW_TEXT);return a(m).map(c=>({textNode:c,text:(c.textContent||"").toLocaleLowerCase()})).map(({textNode:c,text:i})=>{const h=[];let p=0;for(;p<i.length;){const w=i.indexOf(u,p);if(w===-1)break;h.push(w),p=w+u.length}return h.map(w=>{const F=new Range;return F.setStart(c,w),F.setEnd(c,w+u.length),F})}).flat()}function f(r){if(!CSS.highlights||(CSS.highlights.clear(),!r||!t))return;const u=s(t.value,r.toLocaleLowerCase()),m=new Highlight(...u);CSS.highlights.set("search-result",m)}return{search:f}}const we={id:{Type:String,default:""},customClass:{Type:String,default:""},disable:{Type:Boolean,default:!1},indeterminate:{Type:Boolean,default:!1},modelValue:{Type:Boolean,default:!1}},z=e.defineComponent({name:"FCheckBox",props:we,emits:["change","update:modelValue"],setup(n,t){const a=e.ref(n.id),s=e.ref(n.customClass),f=e.ref(n.disable),r=e.ref(n.modelValue),u=e.ref(n.indeterminate),m=e.computed(()=>{const o={"custom-control":!0,"custom-checkbox":!0};return s.value&&s.value.split(" ").reduce((l,c)=>(l[c]=!0,l),o),o});function g(o){o.stopPropagation(),o.preventDefault(),f.value||(r.value=!r.value,t.emit("update:modelValue",r.value),t.emit("change",{originalEvent:o,checked:r.value}))}return e.watch(()=>n.modelValue,o=>{r.value=o}),e.watch(()=>n.indeterminate,o=>{u.value=o}),()=>e.createVNode("div",{class:m.value},[e.withDirectives(e.createVNode("input",{id:a.value,title:a.value,type:"checkbox",class:"custom-control-input","onUpdate:modelValue":o=>r.value=o,indeterminate:u.value},null),[[e.vModelCheckbox,r.value]]),e.createVNode("label",{for:a.value,class:"custom-control-label",onClick:g},null)])}});function P(n,t,a,s,f,r,u,m){const g=e.ref(n.size),o=e.ref(n.textField),l=e.ref(n.titleField),c=e.ref(n.multiSelect),i=e.ref(n.disableField),{onMouseenterItem:h,onMouseoverItem:p,onMouseoutItem:w}=f,{getKey:F,listViewItemClass:S,onCheckItem:b,onClickItem:v}=r,N=e.computed(()=>({margin:g.value==="small"?"0.25rem 0":"10px 0"}));function I(d,C,M){return d.checked=u.findIndexInSelectedItems(d)>-1,e.createVNode("li",{class:S(d,C),id:F(d,C),key:F(d,C),onClick:y=>v(y,d,C),onMouseenter:y=>h(y,d,C),onMouseover:y=>p(y,d,C),onMouseout:y=>w(y,d,C)},[c.value&&e.createVNode("div",{class:"f-list-select",onClick:y=>y.stopPropagation()},[e.createVNode(z,{id:"list-"+F(d,C),customClass:"listview-checkbox",disable:d[i.value]||d.unClick,modelValue:d.checked,"onUpdate:modelValue":y=>d.checked=y,onChange:y=>b(d,C)},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{style:N.value,title:d[l.value]||d[o.value]},[d[o.value]])])])}return{renderItem:I}}function ee(n,t,a,s,f,r,u,m){const g=e.ref(n.multiSelect),o=e.ref(n.disableField),{onMouseenterItem:l,onMouseoverItem:c,onMouseoutItem:i}=f,{getKey:h,listViewItemClass:p,onCheckItem:w,onClickItem:F}=r;function S(v,N,I){return t.slots.content?e.createVNode(e.Fragment,null,[t.slots.content&&t.slots.content({item:v,index:N,selectedItem:I})]):e.createVNode("div",{style:"margin: 10px 0;"},[v.name])}function b(v,N,I){return e.createVNode("li",{class:p(v,N),id:h(v,N),key:h(v,N),onClick:d=>F(d,v,N),onMouseenter:d=>l(d,v,N),onMouseover:d=>c(d,v,N),onMouseout:d=>i(d,v,N)},[g.value&&e.createVNode("div",{class:"f-list-select",onClick:d=>d.stopPropagation()},[e.createVNode(z,{id:"list-"+h(v,N),customClass:"listview-checkbox",disable:v[o.value]||v.unClick,modelValue:v.checked,"onUpdate:modelValue":d=>v.checked=d,onChange:d=>w(v,N)},null)]),e.createVNode("div",{class:"f-list-content"},[S(v,N,I)])])}return{renderItem:b}}function te(n,t,a,s,f,r,u,m){const g=e.ref(n.multiSelect),o=e.ref(n.disableField),{onMouseenterItem:l,onMouseoverItem:c,onMouseoutItem:i}=f,{getKey:h,listViewItemClass:p,onCheckItem:w,onClickItem:F}=r,{dragstart:S,dragenter:b,dragover:v,dragend:N}=s,{removeItem:I}=m,d=e.computed(()=>({margin:g.value?"10px 0":"10px 0px 10px 14px"}));function C(V){return e.createVNode("div",{style:d.value},[V.name])}function M(){return t.slots.itemContent?t.slots.itemContent:C}const y=M();function D(V,T,_){return e.createVNode("li",{class:p(V,T),id:h(V,T),key:h(V,T),onClick:k=>F(k,V,T),onMouseenter:k=>l(k,V,T),onMouseover:k=>c(k,V,T),onMouseout:k=>i(k,V,T),draggable:"true",onDragstart:k=>S(k,V,T),onDragenter:k=>b(k,T),onDragend:k=>N(k,V),onDragover:k=>v(k,T)},[g.value&&e.createVNode("div",{class:"f-list-select",onClick:k=>k.stopPropagation()},[e.createVNode(z,{id:"list-"+h(V,T),customClass:"listview-checkbox",disable:V[o.value]||V.unClick,modelValue:V.checked,"onUpdate:modelValue":k=>V.checked=k,onChange:k=>w(V,T)},null)]),e.createVNode("div",{class:"f-list-content"},[y(V)]),e.createVNode("div",{class:"f-list-remove",onClick:k=>I(T)},[e.createVNode("div",{class:"f-list-remove-icon"},[e.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),e.createVNode("div",{class:"f-list-handle"},[e.createVNode("div",null,[e.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:D}}function ne(n,t,a){function s(){return t.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[t.slots.header()])}return{renderHeader:s}}function A(n,t,a){const s=e.ref(n.headerClass),f=e.ref(n.placeholder),r=e.ref(""),u=e.computed(()=>!r.value),m=e.computed(()=>!!r.value);function g(i){r.value=""}e.watch(r,i=>{a.search(i)});const o=e.computed(()=>{const i={"form-group":!0,"farris-form-group":!0};return s.value&&s.value.split(" ").reduce((p,w)=>(p[w]=!0,p),i),i});function l(i){}function c(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(l,["prevent","stop"])},[e.createVNode("div",{class:o.value},[e.createVNode("div",{class:"farris-input-wrap"},[e.createVNode("div",{class:"f-cmp-inputgroup"},[e.createVNode("div",{class:"input-group f-state-editable"},[e.withDirectives(e.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":i=>r.value=i,name:"input-group-value",type:"text",placeholder:f.value,autocomplete:"off"},null),[[e.vModelText,r.value]]),e.createVNode("div",{class:"input-group-append"},[m.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:i=>g()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),u.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:c}}function ae(n,t){const a=e.ref(n.idField),s=e.ref(n.data),f=e.ref(n.data),r=e.ref(n.keepOrder);function u(){const o=s.value.map((l,c)=>typeof l!="object"?{__fv_index__:c,name:l}:(l.__fv_index__=c,l));return f.value=o,o}const m=e.ref(u());e.watch(()=>n.data,o=>{if(r.value){const l=o.reduce((p,w)=>(p.set(w.id,!0),p),new Map),c=s.value.reduce((p,w)=>(p.set(w.id,!0),p),new Map),i=m.value.filter(p=>l.has(p.id)),h=o.filter(p=>!c.has(p.id));s.value=[...i,...h]}else s.value=o;m.value=u()});function g(o){return o.map(c=>{const i=f.value.findIndex(h=>h[a.value]===c);return i>-1?f.value[i]:null}).filter(c=>c!=null)}return{dataView:m,getSelectionItems:g}}function oe(n,t,a,s){const f=e.ref(n.idField),{dataView:r}=a,u=e.ref(-1),m=e.ref(!1),{activeIndex:g,focusedItemId:o,hoverIndex:l,resumeHover:c,suspendHover:i}=s;function h(S,b,v){S.stopPropagation(),i(),b&&setTimeout(()=>{u.value=v,m.value=!0,b.moving=!0})}function p(S,b){if(S.preventDefault(),u.value!==b){const v=r.value[u.value],N=r.value;N.splice(u.value,1),N.splice(b,0,v),u.value=b}}function w(S,b){S.preventDefault(),S.dataTransfer&&(S.dataTransfer.dropEffect="move")}function F(S,b){b&&(b.moving=!1),r.value.forEach((v,N)=>{v.__fv_index__=N}),m.value=!1,c(),l.value=b.__fv_index__,g.value=b.__fv_index__,o.value=b[f.value],t.emit("change",r.value),t.emit("activeChange",b)}return{dragstart:h,dragenter:p,dragover:w,dragend:F,isDragging:m}}function re(n,t,a){const{dataView:s}=a;function f(r){if(r>-1&&r<s.value.length){const u=s.value.splice(r,1);t.emit("removeItem",u[0])}}return{removeItem:f}}function se(){const n=e.ref(-1),t=e.ref(""),a=e.ref(-1),s=e.ref(!1);function f(o,l,c){a.value=c}function r(o,l,c){s.value||(a.value=c)}function u(o,l,c){a.value=-1}function m(){s.value=!0}function g(){s.value=!1}return{activeIndex:n,focusedItemId:t,hoverIndex:a,onMouseenterItem:f,onMouseoverItem:r,onMouseoutItem:u,resumeHover:g,suspendHover:m}}const B=e.defineComponent({name:"FListView",props:E,emits:["checkValuesChange","clickItem","selectionChange","removeItem","change","activeChange"],setup(n,t){const a=e.ref(),s=e.ref(n.view),f=e.ref(n.header),r=e.ref(n.multiSelect),u=e.ref(n.view==="CardView"),m=e.ref(!0),g=e.ref({}),o=e.ref("暂无数据"),l=ae(n),{dataView:c}=l,i=e.computed(()=>{const $={"f-list-view":!0,"f-list-view-multiple":r.value};return n.size!=="default"&&($[`${n.size}-item`]=!0),$}),h=e.computed(()=>({"f-list-view-group":!0,"d-flex":u.value,"flex-wrap":u.value})),p=e.computed(()=>!!c.value&&c.value.length>0),w=se(),F=R(n,t,l),S=oe(n,t,l,w),b=re(n,t,l),v=K(n,t,S,w,F),N=x(n,a),I=e.computed(()=>c.value.length===0),d=e.computed(()=>I.value&&!t.slots.empty),C=e.computed(()=>!!t.slots.footer||m.value);function M(){return s.value==="SingleView"?P:s.value==="DraggableView"?te:s.value==="ContentView"&&t.slots.content?ee:P}const y=M(),{renderItem:D}=y(n,t,l,S,w,v,F,b);function V(){return f.value==="SearchBar"?A:f.value==="ContentHeader"?ne:A}const T=V(),{renderHeader:_}=T(n,t,N);function k($){N.search($)}t.expose({search:k});function G($){r.value&&($.preventDefault(),$.stopPropagation())}return()=>e.createVNode("div",{class:i.value,onClick:G},[_(),e.createVNode("div",{ref:a,class:"f-list-view-content"},[e.createVNode("ul",{class:h.value,style:"list-style: none;"},[p.value&&c.value.map(($,U)=>D($,U,g)),d.value&&e.createVNode("div",{class:"f-list-view-emptydata"},[e.createVNode("p",{class:"f-empty-title"},[o.value])]),t.slots.empty&&t.slots.empty()])]),C.value&&e.createVNode("div",{class:"f-list-view-footer"},[t.slots.footer&&t.slots.footer()])])}});function le(n,t,a){var I;function s(){a!=null&&a.resolveComponentContext&&a.resolveComponentContext()}s();const f=a&&a.getStyles&&a.getStyles()||"",r=a&&a.getDesignerClass&&a.getDesignerClass()||"",u=e.ref();function m(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:a&&a.checkCanMoveComponent?a.checkCanMoveComponent():!0}function g(){return!1}function o(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:a&&a.checkCanDeleteComponent?a.checkCanDeleteComponent():!0}function l(){return(t==null?void 0:t.schema.componentType)==="frame"?!0:a&&a.hideNestedPaddingInDesginerView?a.hideNestedPaddingInDesginerView():!1}function c(d){if(!d||!d.value)return null;if(d.value.schema&&d.value.schema.type==="component")return d.value;const C=e.ref(d==null?void 0:d.value.parent),M=c(C);return M||null}function i(d=t){const{componentInstance:C,designerItemElementRef:M}=d;return!C||!C.value?null:C.value.canMove?M:i(d.parent)}function h(d){return!!a&&a.canAccepts(d)}function p(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function w(){}function F(d,C){C&&a!=null&&a.onAcceptMovedChildElement&&a.onAcceptMovedChildElement(C)}function S(d){const{componentType:C}=d;let M=L(C,d);a&&a.onResolveNewComponentSchema&&(M=a.onResolveNewComponentSchema(d,M));const y=C.toLowerCase().replace("-","_");return M&&!M.id&&M.type===C&&(M.id=`${y}_${Math.random().toString().slice(2,6)}`),M}function b(d,C){const M=String(d.getAttribute("data-controltype")),y=d.getAttribute("data-feature"),D=y?JSON.parse(y):{};D.parentComponentInstance=u.value;let V=L(M,D);a&&a.onAcceptNewChildElement&&(V=a.onAcceptNewChildElement(d,C,V));const T=M.toLowerCase().replace("-","_");return V&&!V.id&&V.type===M&&(V.id=`${T}_${Math.random().toString().slice(2,6)}`),V}function v(d){}function N(){return a&&a.getPropsConfig?a.getPropsConfig():[]}return u.value={canMove:m(),canSelectParent:g(),canDelete:o(),canNested:!l(),contents:t==null?void 0:t.schema.contents,elementRef:n,parent:(I=t==null?void 0:t.parent)==null?void 0:I.componentInstance,schema:t==null?void 0:t.schema,styles:f,designerClass:r,canAccepts:h,getBelongedComponentInstance:c,getDraggableDesignItemElement:i,getDraggingDisplayText:p,getPropConfig:N,getDragScopeElement:w,onAcceptMovedChildElement:F,onAcceptNewChildElement:b,onChildElementMovedOut:v,addNewChildComponentSchema:S,updateDragAndDropRules:s,triggerBelongedComponentToMoveWhenMoved:!!a&&a.triggerBelongedComponentToMoveWhenMoved||e.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!a&&a.triggerBelongedComponentToDeleteWhenDeleted||e.ref(!1)},u}const Ce=e.defineComponent({name:"FListViewDesign",props:E,emits:["checkValuesChange","clickItem","selectionChange","removeItem","change"],setup(n,t){const a=e.ref(),s=e.ref(n.view),f=e.ref(n.header),r=e.ref(n.multiSelect),u=e.ref(n.view==="CardView"),m=e.ref(!0),g=e.ref({}),o=e.ref("暂无数据");e.ref(!0),e.ref(!1),e.ref("id");const l=ae(n),c=e.ref(),i=e.inject("design-item-context"),h=le(c,i);e.onMounted(()=>{c.value.componentInstance=h}),t.expose(h.value);const{dataView:p}=l,w=e.computed(()=>{const j={"f-list-view":!0,"f-list-view-multiple":r.value};return n.size!=="default"&&(j[`${n.size}-item`]=!0),j}),F=e.computed(()=>({"f-list-view-group":!0,"d-flex":u.value,"flex-wrap":u.value})),S=e.computed(()=>!!p.value&&p.value.length>0),b=se(),v=R(n,t,l),N=oe(n,t,l,b),I=re(n,t,l),d=K(n,t,N,b,v),C=x(n,a),M=e.computed(()=>p.value.length===0),y=e.computed(()=>M.value&&!t.slots.empty),D=e.computed(()=>!!t.slots.footer||m.value);function V(){return s.value==="SingleView"?P:s.value==="DraggableView"?te:s.value==="ContentView"&&t.slots.content?ee:P}const T=V(),{renderItem:_}=T(n,t,l,N,b,d,v,I);function k(){return f.value==="SearchBar"?A:f.value==="ContentHeader"?ne:A}const G=k(),{renderHeader:$}=G(n,t,C);function U(j){C.search(j)}t.expose({search:U});function Me(j){r.value&&(j.preventDefault(),j.stopPropagation())}return()=>e.createVNode("div",{ref:c,class:w.value,onClick:Me},[$(),e.createVNode("div",{ref:a,class:"f-list-view-content"},[e.createVNode("ul",{class:F.value,style:"list-style: none;"},[S.value&&p.value.map((j,Fe)=>_(j,Fe,g)),y.value&&e.createVNode("div",{class:"f-list-view-emptydata"},[e.createVNode("p",{class:"f-empty-title"},[o.value])]),t.slots.empty&&t.slots.empty()])]),D.value&&e.createVNode("div",{class:"f-list-view-footer"},[t.slots.footer&&t.slots.footer()])])}}),W=e.defineComponent({name:"FListViewTable",props:E,emits:["outputValue","currentEvent","selectionChanged"],setup(n,t){const a=[{name:"任芳",code:"1.PO20198989001",date:"2024-02-19",desc:"导游1",amount:63.85,avatar:"./assets/avatar1.png"},{name:"戴秀兰",code:"2.PO20198989002",date:"2024-03-17",desc:"导游2",amount:60.13,avatar:"./assets/avatar2.png"},{name:"尹磊",code:"3.PO20198989003",date:"2024-04-09",desc:"导游3",amount:36.54,avatar:"./assets/avatar3.png"},{name:"赵明",code:"4.PO20198989004",date:"2024-03-27",desc:"导游4",amount:52.76,avatar:"./assets/avatar4.png"},{name:"吕洋",code:"5.PO20198989005",date:"2024-11-17",desc:"导游5",amount:84.13,avatar:"./assets/avatar5.png"}],s=e.computed(()=>n.data.length>0?n.data:a);return()=>{var f;return e.createVNode(e.Fragment,null,[(f=s.value)==null?void 0:f.map(r=>e.createVNode("div",{class:"f-template-listview-row"},[e.createVNode("div",{class:"list-view-item-title"},[e.createVNode("div",{class:"item-title-img"},[e.createVNode("img",{src:r.avatar,alt:"",style:"width: 44px;"},null)]),e.createVNode("div",{class:"item-title"},[e.createVNode("p",{class:"item-title-heading"},[r.code]),e.createVNode("p",{class:"item-title-text"},[r.desc])])]),e.createVNode("div",{class:"list-view-item-content"},[e.createVNode("div",{class:"content-message"},[e.createVNode("div",{class:"ower"},[e.createVNode("p",null,[e.createTextVNode("创建人")]),e.createVNode("p",{class:"con"},[r.name])]),e.createVNode("div",{class:"date"},[e.createVNode("p",null,[e.createTextVNode("创建时间")]),e.createVNode("p",{class:"con"},[r.date])])])])]))])}}}),be={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/list-view-table.schema.json",title:"list-view-table",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for list-view-table",type:"string"},type:{description:"The type string of list-view-table",type:"string",default:"list-view-table"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeHolder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},Ne={title:"list-view-table",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},ce={data:{type:Array,default:[]}},ie=Q(ce,be,Y,Z,Ne),Se=e.defineComponent({name:"FListViewTableDesign",props:ce,emits:["outputValue","currentEvent","selectionChanged"],setup(n,t){const a=[{name:"任芳",code:"1.山东大学",date:"2024-02-19",desc:"山东济南",amount:63.85,avatar:"./assets/avatar1.png"},{name:"戴秀兰",code:"2.山东建筑大学",date:"2024-03-17",desc:"山东济南",amount:60.13,avatar:"./assets/avatar2.png"},{name:"尹磊",code:"3.山东财经大学",date:"2024-04-09",desc:"山东济南",amount:36.54,avatar:"./assets/avatar3.png"},{name:"赵明",code:"4.北京大学",date:"2024-03-27",desc:"北京市",amount:52.76,avatar:"./assets/avatar4.png"},{name:"吕洋",code:"5.南京大学",date:"2024-11-17",desc:"江苏南京",amount:84.13,avatar:"./assets/avatar5.png"},{name:"吕娥",code:"6.清华大学",date:"2024-03-17",desc:"北京市",amount:52.76,avatar:"./assets/avatar6.png"},{name:"赵强",code:"7.浙江大学",date:"2024-08-01",desc:"浙江杭州",amount:84.13,avatar:"./assets/avatar7.png"}],s=e.computed(()=>n.data.length>0?n.data:a),f=e.ref(),r=e.inject("design-item-context"),u=le(f,r);return e.onMounted(()=>{f.value.componentInstance=u}),t.expose(u.value),()=>{var m;return e.createVNode("div",{ref:f},[(m=s.value)==null?void 0:m.map(g=>e.createVNode("div",{class:"f-template-listview-row"},[e.createVNode("div",{class:"list-view-item-title"},[e.createVNode("div",{class:"item-title-img"},[e.createVNode("img",{src:g.avatar,alt:"",style:"width: 44px;"},null)]),e.createVNode("div",{class:"item-title"},[e.createVNode("p",{class:"item-title-heading"},[g.code]),e.createVNode("p",{class:"item-title-text"},[g.desc])])]),e.createVNode("div",{class:"list-view-item-content"},[e.createVNode("div",{class:"content-message"},[e.createVNode("div",{class:"ower"},[e.createVNode("p",null,[e.createTextVNode("负责人")]),e.createVNode("p",{class:"con"},[g.name])]),e.createVNode("div",{class:"date"},[e.createVNode("p",null,[e.createTextVNode("预约时间")]),e.createVNode("p",{class:"con"},[g.date])])])]),e.createVNode("div",{class:"list-view-item-operate"},null)]))])}}}),ke={install(n){n.component(B.name,B),n.component(W.name,W)},register(n,t,a){n["list-view"]=B,t["list-view"]=q,n["list-view-table"]=W,t["list-view-table"]=ie},registerDesigner(n,t,a){n["list-view"]=Ce,t["list-view"]=q,n["list-view-table"]=Se,t["list-view-table"]=ie}};O.ListView=B,O.default=ke,O.listViewProps=E,O.propsResolver=q,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/list-view/package.json

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

package/loading/index.esm.js

@@ -1,142 +0,0 @@
-import { defineComponent as S, ref as a, computed as C, onMounted as L, watch as B, createVNode as o, Fragment as z, createApp as I } from "vue";
-const T = {
-  /** 是否展示文案 */
-  showMessage: { type: Boolean, default: !0 },
-  /** 展示信息 */
-  message: { type: String, default: "加载中，请稍后..." },
-  /** 默认展示状态,方便通过按钮点击控制loading */
-  isActive: { type: Boolean, default: !1 },
-  /** 图标大小 */
-  width: { type: Number, default: 30 },
-  /** 图标样式 */
-  type: { type: Number, default: 0 },
-  /** 加载范围 */
-  containerBorder: { type: String, default: "body" }
-}, N = [
-  '<div class="f-loading-round"></div>',
-  `<div class="f-loading-dot-wrapper">
-      <div class="f-loading-dot">
-          <div class="dot dot1"></div>
-          <div class="dot dot2"></div>
-          <div class="dot dot3"></div>
-          <div class="dot dot4"></div>
-      </div>
-  </div>`,
-  '<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-coffee"><defs><linearGradient id="gradient" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="10%" stop-color="black" stop-opacity="0"></stop><stop offset="100%" stop-color="white" stop-opacity="1"></stop></linearGradient><mask id="mask" maskUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"><rect x="22" y="8" width="56" height="54" fill="url(#gradient)"></rect></mask><path id="steam" d="M0-4c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0 c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9h0c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9" stroke-width="6" stroke-linecap="round" fill="#f00" stroke="#58a8f6"></path></defs><g mask="url(#mask)"><use x="29" y="1.00876" href="#steam"><animate attributeName="y" calcMode="linear" values="4;-14" keyTimes="0;1" dur="0.5" begin="0s" repeatCount="indefinite"></animate></use><use x="47" y="-5.98248" href="#steam"><animate attributeName="y" calcMode="linear" values="0;-18" keyTimes="0;1" dur="0.25" begin="0s" repeatCount="indefinite"></animate></use><use x="64" y="-8.48686" href="#steam"><animate attributeName="y" calcMode="linear" values="-4;-22" keyTimes="0;1" dur="0.3333333333333333" begin="0s" repeatCount="indefinite"></animate></use></g><path d="M81.2,52.5l-5.2,0V49c0-1.6-1.3-3-3-3H20c-1.6,0-3,1.3-3,3v11.6C17,71.3,25.7,80,36.5,80h20.1 c7.1,0,13.3-3.8,16.7-9.5h8.3c5.2,0,9.3-4.4,9-9.6C90.2,56.1,86,52.5,81.2,52.5z M81.5,67.5h-6.8c0.8-2.2,1.3-4.5,1.3-7v-5h5.5 c3.3,0,6,2.7,6,6S84.8,67.5,81.5,67.5z" fill="#58a8f6"></path><path d="M78.8,88H19.2c-1.1,0-2-0.9-2-2s0.9-2,2-2h59.5c1.1,0,2,0.9,2,2S79.9,88,78.8,88z" fill="rgba(80.78431372549018%,94.50980392156862%,72.15686274509802%,0)"></path></svg>'
-], w = /* @__PURE__ */ S({
-  name: "FLoading",
-  props: T,
-  emits: ["closed"],
-  setup(e, i) {
-    const y = N, p = a(e.showMessage), f = a(e.isActive), g = a(e.message), m = a(e.width), c = a(e.type), u = a(null), t = a(null), x = C(() => c.value in [0, 1, 2] ? c.value : 0);
-    L(() => {
-      b();
-    });
-    function b() {
-      var l, d, r, s;
-      f.value && ((d = (l = u.value) == null ? void 0 : l.style) == null || d.setProperty("display", "block"), M(), (s = (r = t.value) == null ? void 0 : r.style) == null || s.removeProperty("visibility"));
-    }
-    function M() {
-      var s, n;
-      const l = (s = t.value) == null ? void 0 : s.clientWidth, d = (n = t.value) == null ? void 0 : n.clientHeight;
-      if (l && d && t.value && t.value.style) {
-        t.value.style.marginTop = -d / 2 + "px";
-        let h = -l / 2 + "px";
-        t.value.style.marginLeft = h;
-      }
-      const r = k();
-      u.value && u.value.style && (u.value.style.zIndex = (r + 1).toString()), t.value && t.value.style && (t.value.style.zIndex = (r + 1).toString());
-    }
-    function k(l = 1) {
-      const d = ["body>.f-datagrid-settings-simple-host", "body>div", "body>farris-dialog>.farris-modal.show", "body>.farris-modal.show", "body>farris-filter-panel>.f-filter-panel-wrapper", "body .f-sidebar-show>.f-sidebar-main", "body>.popover.show", "body>filter-row-panel>.f-datagrid-filter-panel", "body>.f-section-maximize"], r = Array.from(document.body.querySelectorAll(d.join(","))).filter((n) => n).map((n) => {
-        const {
-          display: h,
-          zIndex: A
-        } = window.getComputedStyle(n);
-        return h === "none" ? 0 : parseInt(A, 10);
-      }).filter((n) => n);
-      let s = Math.max(...r);
-      return s < 1040 && (s = 1040), s + l;
-    }
-    return B(() => e.isActive, () => {
-      f.value = e.isActive, b();
-    }), () => o(z, null, [f.value && o("div", {
-      ref: u,
-      class: "farris-loading-backdrop loading-wait"
-    }, null), o("div", {
-      ref: t,
-      class: "farris-loading",
-      style: "visibility:hidden"
-    }, [o("div", {
-      class: "ng-busy-default-wrapper"
-    }, [o("div", {
-      class: "ng-busy-default-sign"
-    }, [o("div", {
-      style: [{
-        display: "inline-block"
-      }, {
-        margin: "4px"
-      }, {
-        width: m.value + "px"
-      }, {
-        height: m.value + "px"
-      }],
-      innerHTML: y[x.value]
-    }, null), p.value && o("div", {
-      class: "ng-busy-default-text",
-      style: "margin-left:0;",
-      innerHTML: g.value
-    }, null)])])])]);
-  }
-});
-let v = null;
-function H(e) {
-  const i = document.createElement("div"), y = a(e.showMessage), p = a(e.isActive), f = a(e.message), g = a(e.width), m = a(e.type), c = a(e.containerBorder);
-  if (v = I({
-    setup() {
-      return () => o(w, {
-        showMessage: y.value,
-        isActive: p.value,
-        message: f.value,
-        width: g.value,
-        type: m.value,
-        containerBorder: c.value
-      }, null);
-    }
-  }), c.value === "body")
-    document.body.appendChild(i);
-  else {
-    const t = document.querySelector(`#${c.value}`);
-    t && t.appendChild(i);
-  }
-  v.mount(i);
-}
-class P {
-  static show(i) {
-    if (!v) {
-      const y = {
-        message: i.message,
-        showMessage: i.showMessage,
-        isActive: i.isActive,
-        width: i.width,
-        type: i.type,
-        delay: i.delay,
-        containerBorder: i.containerBorder
-      };
-      H(y);
-    }
-  }
-  static close() {
-    v && (v.unmount(), v = null);
-  }
-}
-const G = {
-  install(e) {
-    e.component(w.name, w), e.provide("LoadingService", P);
-  }
-};
-export {
-  w as Loading,
-  G as default,
-  T as loadingProps
-};

package/loading/index.umd.js

@@ -1,8 +0,0 @@
-(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.loading={},s.Vue))})(this,function(s,e){"use strict";const b={showMessage:{type:Boolean,default:!0},message:{type:String,default:"加载中，请稍后..."},isActive:{type:Boolean,default:!1},width:{type:Number,default:30},type:{type:Number,default:0},containerBorder:{type:String,default:"body"}},M=['<div class="f-loading-round"></div>',`<div class="f-loading-dot-wrapper">
-      <div class="f-loading-dot">
-          <div class="dot dot1"></div>
-          <div class="dot dot2"></div>
-          <div class="dot dot3"></div>
-          <div class="dot dot4"></div>
-      </div>
-  </div>`,'<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-coffee"><defs><linearGradient id="gradient" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="10%" stop-color="black" stop-opacity="0"></stop><stop offset="100%" stop-color="white" stop-opacity="1"></stop></linearGradient><mask id="mask" maskUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"><rect x="22" y="8" width="56" height="54" fill="url(#gradient)"></rect></mask><path id="steam" d="M0-4c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0 c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9h0c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9" stroke-width="6" stroke-linecap="round" fill="#f00" stroke="#58a8f6"></path></defs><g mask="url(#mask)"><use x="29" y="1.00876" href="#steam"><animate attributeName="y" calcMode="linear" values="4;-14" keyTimes="0;1" dur="0.5" begin="0s" repeatCount="indefinite"></animate></use><use x="47" y="-5.98248" href="#steam"><animate attributeName="y" calcMode="linear" values="0;-18" keyTimes="0;1" dur="0.25" begin="0s" repeatCount="indefinite"></animate></use><use x="64" y="-8.48686" href="#steam"><animate attributeName="y" calcMode="linear" values="-4;-22" keyTimes="0;1" dur="0.3333333333333333" begin="0s" repeatCount="indefinite"></animate></use></g><path d="M81.2,52.5l-5.2,0V49c0-1.6-1.3-3-3-3H20c-1.6,0-3,1.3-3,3v11.6C17,71.3,25.7,80,36.5,80h20.1 c7.1,0,13.3-3.8,16.7-9.5h8.3c5.2,0,9.3-4.4,9-9.6C90.2,56.1,86,52.5,81.2,52.5z M81.5,67.5h-6.8c0.8-2.2,1.3-4.5,1.3-7v-5h5.5 c3.3,0,6,2.7,6,6S84.8,67.5,81.5,67.5z" fill="#58a8f6"></path><path d="M78.8,88H19.2c-1.1,0-2-0.9-2-2s0.9-2,2-2h59.5c1.1,0,2,0.9,2,2S79.9,88,78.8,88z" fill="rgba(80.78431372549018%,94.50980392156862%,72.15686274509802%,0)"></path></svg>'],m=e.defineComponent({name:"FLoading",props:b,emits:["closed"],setup(t,a){const y=M,h=e.ref(t.showMessage),p=e.ref(t.isActive),v=e.ref(t.message),g=e.ref(t.width),u=e.ref(t.type),f=e.ref(null),i=e.ref(null),N=e.computed(()=>u.value in[0,1,2]?u.value:0);e.onMounted(()=>{x()});function x(){var l,d,r,n;p.value&&((d=(l=f.value)==null?void 0:l.style)==null||d.setProperty("display","block"),C(),(n=(r=i.value)==null?void 0:r.style)==null||n.removeProperty("visibility"))}function C(){var n,o;const l=(n=i.value)==null?void 0:n.clientWidth,d=(o=i.value)==null?void 0:o.clientHeight;if(l&&d&&i.value&&i.value.style){i.value.style.marginTop=-d/2+"px";let w=-l/2+"px";i.value.style.marginLeft=w}const r=L();f.value&&f.value.style&&(f.value.style.zIndex=(r+1).toString()),i.value&&i.value.style&&(i.value.style.zIndex=(r+1).toString())}function L(l=1){const d=["body>.f-datagrid-settings-simple-host","body>div","body>farris-dialog>.farris-modal.show","body>.farris-modal.show","body>farris-filter-panel>.f-filter-panel-wrapper","body .f-sidebar-show>.f-sidebar-main","body>.popover.show","body>filter-row-panel>.f-datagrid-filter-panel","body>.f-section-maximize"],r=Array.from(document.body.querySelectorAll(d.join(","))).filter(o=>o).map(o=>{const{display:w,zIndex:T}=window.getComputedStyle(o);return w==="none"?0:parseInt(T,10)}).filter(o=>o);let n=Math.max(...r);return n<1040&&(n=1040),n+l}return e.watch(()=>t.isActive,()=>{p.value=t.isActive,x()}),()=>e.createVNode(e.Fragment,null,[p.value&&e.createVNode("div",{ref:f,class:"farris-loading-backdrop loading-wait"},null),e.createVNode("div",{ref:i,class:"farris-loading",style:"visibility:hidden"},[e.createVNode("div",{class:"ng-busy-default-wrapper"},[e.createVNode("div",{class:"ng-busy-default-sign"},[e.createVNode("div",{style:[{display:"inline-block"},{margin:"4px"},{width:g.value+"px"},{height:g.value+"px"}],innerHTML:y[N.value]},null),h.value&&e.createVNode("div",{class:"ng-busy-default-text",style:"margin-left:0;",innerHTML:v.value},null)])])])])}});let c=null;function S(t){const a=document.createElement("div"),y=e.ref(t.showMessage),h=e.ref(t.isActive),p=e.ref(t.message),v=e.ref(t.width),g=e.ref(t.type),u=e.ref(t.containerBorder);if(c=e.createApp({setup(){return()=>e.createVNode(m,{showMessage:y.value,isActive:h.value,message:p.value,width:v.value,type:g.value,containerBorder:u.value},null)}}),u.value==="body")document.body.appendChild(a);else{const i=document.querySelector(`#${u.value}`);i&&i.appendChild(a)}c.mount(a)}class k{static show(a){if(!c){const y={message:a.message,showMessage:a.showMessage,isActive:a.isActive,width:a.width,type:a.type,delay:a.delay,containerBorder:a.containerBorder};S(y)}}static close(){c&&(c.unmount(),c=null)}}const A={install(t){t.component(m.name,m),t.provide("LoadingService",k)}};s.Loading=m,s.default=A,s.loadingProps=b,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/loading/package.json

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