@farris/ui-vue 1.2.8 → 1.3.0

package/components/nav/index.umd.cjs

@@ -0,0 +1,3 @@
+(function(w,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("vue"),require("lodash-es"),require("../property-panel/index.umd.js/src/composition/entity/base-property"),require("../response-layout-editor/index.umd.js/src/composition/converter/use-response-layout-editor-setting"),require("../designer-canvas/index.umd.js/src/composition/dg-control")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../property-panel/index.umd.js/src/composition/entity/base-property","../response-layout-editor/index.umd.js/src/composition/converter/use-response-layout-editor-setting","../designer-canvas/index.umd.js/src/composition/dg-control"],h):(w=typeof globalThis<"u"?globalThis:w||self,h(w.nav={},w.Vue,w.LodashES,w.baseProperty,w.useResponseLayoutEditorSetting,w.dgControl))})(this,function(w,h,I,de,ye,he){"use strict";var U=function(n,t){return U=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])},U(n,t)};function ee(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");U(n,t);function e(){this.constructor=n}n.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}function te(n){var t=typeof Symbol=="function"&&Symbol.iterator,e=t&&n[t],r=0;if(e)return e.call(n);if(n&&typeof n.length=="number")return{next:function(){return n&&r>=n.length&&(n=void 0),{value:n&&n[r++],done:!n}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function W(n,t){var e=typeof Symbol=="function"&&n[Symbol.iterator];if(!e)return n;var r=e.call(n),o,s=[],f;try{for(;(t===void 0||t-- >0)&&!(o=r.next()).done;)s.push(o.value)}catch(d){f={error:d}}finally{try{o&&!o.done&&(e=r.return)&&e.call(r)}finally{if(f)throw f.error}}return s}function G(n,t,e){if(e||arguments.length===2)for(var r=0,o=t.length,s;r<o;r++)(s||!(r in t))&&(s||(s=Array.prototype.slice.call(t,0,r)),s[r]=t[r]);return n.concat(s||Array.prototype.slice.call(t))}typeof SuppressedError=="function"&&SuppressedError;function k(n){return typeof n=="function"}function be(n){var t=function(r){Error.call(r),r.stack=new Error().stack},e=n(t);return e.prototype=Object.create(Error.prototype),e.prototype.constructor=e,e}var z=be(function(n){return function(e){n(this),this.message=e?e.length+` errors occurred during unsubscription:
+`+e.map(function(r,o){return o+1+") "+r.toString()}).join(`
+  `):"",this.name="UnsubscriptionError",this.errors=e}});function ne(n,t){if(n){var e=n.indexOf(t);0<=e&&n.splice(e,1)}}var Y=function(){function n(t){this.initialTeardown=t,this.closed=!1,this._parentage=null,this._finalizers=null}return n.prototype.unsubscribe=function(){var t,e,r,o,s;if(!this.closed){this.closed=!0;var f=this._parentage;if(f)if(this._parentage=null,Array.isArray(f))try{for(var d=te(f),y=d.next();!y.done;y=d.next()){var i=y.value;i.remove(this)}}catch(c){t={error:c}}finally{try{y&&!y.done&&(e=d.return)&&e.call(d)}finally{if(t)throw t.error}}else f.remove(this);var p=this.initialTeardown;if(k(p))try{p()}catch(c){s=c instanceof z?c.errors:[c]}var a=this._finalizers;if(a){this._finalizers=null;try{for(var b=te(a),C=b.next();!C.done;C=b.next()){var l=C.value;try{oe(l)}catch(c){s=s??[],c instanceof z?s=G(G([],W(s)),W(c.errors)):s.push(c)}}}catch(c){r={error:c}}finally{try{C&&!C.done&&(o=b.return)&&o.call(b)}finally{if(r)throw r.error}}}if(s)throw new z(s)}},n.prototype.add=function(t){var e;if(t&&t!==this)if(this.closed)oe(t);else{if(t instanceof n){if(t.closed||t._hasParent(this))return;t._addParent(this)}(this._finalizers=(e=this._finalizers)!==null&&e!==void 0?e:[]).push(t)}},n.prototype._hasParent=function(t){var e=this._parentage;return e===t||Array.isArray(e)&&e.includes(t)},n.prototype._addParent=function(t){var e=this._parentage;this._parentage=Array.isArray(e)?(e.push(t),e):e?[e,t]:t},n.prototype._removeParent=function(t){var e=this._parentage;e===t?this._parentage=null:Array.isArray(e)&&ne(e,t)},n.prototype.remove=function(t){var e=this._finalizers;e&&ne(e,t),t instanceof n&&t._removeParent(this)},n.EMPTY=function(){var t=new n;return t.closed=!0,t}(),n}();Y.EMPTY;function re(n){return n instanceof Y||n&&"closed"in n&&k(n.remove)&&k(n.add)&&k(n.unsubscribe)}function oe(n){k(n)?n():n.unsubscribe()}var se={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},me={setTimeout:function(n,t){for(var e=[],r=2;r<arguments.length;r++)e[r-2]=arguments[r];return setTimeout.apply(void 0,G([n,t],W(e)))},clearTimeout:function(n){return clearTimeout(n)},delegate:void 0};function ve(n){me.setTimeout(function(){throw n})}function ie(){}function ge(n){n()}var ae=function(n){ee(t,n);function t(e){var r=n.call(this)||this;return r.isStopped=!1,e?(r.destination=e,re(e)&&e.add(r)):r.destination=Ae,r}return t.create=function(e,r,o){return new H(e,r,o)},t.prototype.next=function(e){this.isStopped||this._next(e)},t.prototype.error=function(e){this.isStopped||(this.isStopped=!0,this._error(e))},t.prototype.complete=function(){this.isStopped||(this.isStopped=!0,this._complete())},t.prototype.unsubscribe=function(){this.closed||(this.isStopped=!0,n.prototype.unsubscribe.call(this),this.destination=null)},t.prototype._next=function(e){this.destination.next(e)},t.prototype._error=function(e){try{this.destination.error(e)}finally{this.unsubscribe()}},t.prototype._complete=function(){try{this.destination.complete()}finally{this.unsubscribe()}},t}(Y),Ce=Function.prototype.bind;function X(n,t){return Ce.call(n,t)}var je=function(){function n(t){this.partialObserver=t}return n.prototype.next=function(t){var e=this.partialObserver;if(e.next)try{e.next(t)}catch(r){_(r)}},n.prototype.error=function(t){var e=this.partialObserver;if(e.error)try{e.error(t)}catch(r){_(r)}else _(t)},n.prototype.complete=function(){var t=this.partialObserver;if(t.complete)try{t.complete()}catch(e){_(e)}},n}(),H=function(n){ee(t,n);function t(e,r,o){var s=n.call(this)||this,f;if(k(e)||!e)f={next:e??void 0,error:r??void 0,complete:o??void 0};else{var d;s&&se.useDeprecatedNextContext?(d=Object.create(e),d.unsubscribe=function(){return s.unsubscribe()},f={next:e.next&&X(e.next,d),error:e.error&&X(e.error,d),complete:e.complete&&X(e.complete,d)}):f=e}return s.destination=new je(f),s}return t}(ae);function _(n){ve(n)}function Pe(n){throw n}var Ae={closed:!0,next:ie,error:Pe,complete:ie},Te=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}();function Se(n){return n}function Ne(n){return n.length===0?Se:n.length===1?n[0]:function(e){return n.reduce(function(r,o){return o(r)},e)}}var Ee=function(){function n(t){t&&(this._subscribe=t)}return n.prototype.lift=function(t){var e=new n;return e.source=this,e.operator=t,e},n.prototype.subscribe=function(t,e,r){var o=this,s=we(t)?t:new H(t,e,r);return ge(function(){var f=o,d=f.operator,y=f.source;s.add(d?d.call(s,y):y?o._subscribe(s):o._trySubscribe(s))}),s},n.prototype._trySubscribe=function(t){try{return this._subscribe(t)}catch(e){t.error(e)}},n.prototype.forEach=function(t,e){var r=this;return e=ce(e),new e(function(o,s){var f=new H({next:function(d){try{t(d)}catch(y){s(y),f.unsubscribe()}},error:s,complete:o});r.subscribe(f)})},n.prototype._subscribe=function(t){var e;return(e=this.source)===null||e===void 0?void 0:e.subscribe(t)},n.prototype[Te]=function(){return this},n.prototype.pipe=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return Ne(t)(this)},n.prototype.toPromise=function(t){var e=this;return t=ce(t),new t(function(r,o){var s;e.subscribe(function(f){return s=f},function(f){return o(f)},function(){return r(s)})})},n.create=function(t){return new n(t)},n}();function ce(n){var t;return(t=n??se.Promise)!==null&&t!==void 0?t:Promise}function De(n){return n&&k(n.next)&&k(n.error)&&k(n.complete)}function we(n){return n&&n instanceof ae||De(n)&&re(n)}const pe={},le={};function J(n){const{properties:t,title:e,ignore:r}=n,o=r&&Array.isArray(r),s=Object.keys(t).reduce((f,d)=>((!o||!r.find(y=>y==d))&&(f[d]=t[d].type==="object"&&t[d].properties?J(t[d]):I.cloneDeep(t[d].default)),f),{});return(!o||!r.find(f=>f=="id"))&&(s.id=`${e}-${Date.now()}`),s}function F(n,t={},e){const r=pe[n];if(r){let o=J(r);const s=le[n];return o=s?s({getSchemaByType:F},o,t,e):o,o}return null}function Me(n,t){const e=J(t);return Object.keys(n).reduce((r,o)=>(r[o]&&I.isPlainObject(r[o])&&I.isPlainObject(n[o])?Object.assign(r[o],n[o]):r[o]=n[o],r),e),e}function Oe(n,t){return Object.keys(n).filter(r=>n[r]!=null).reduce((r,o)=>{if(t.has(o)){const s=t.get(o);if(typeof s=="string")r[s]=n[o];else{const f=s(o,n[o],n);Object.assign(r,f)}}else r[o]=n[o];return r},{})}function ke(n,t,e=new Map){const r=Me(n,t);return Oe(r,e)}function Le(n={}){function t(i,p,a,b){if(typeof a=="number")return b[i].length===a;if(typeof a=="object"){const C=Object.keys(a)[0],l=a[C];if(C==="not")return Number(b[i].length)!==Number(l);if(C==="moreThan")return Number(b[i].length)>=Number(l);if(C==="lessThan")return Number(b[i].length)<=Number(l)}return!1}function e(i,p,a,b){return b[i]&&b[i].propertyValue&&String(b[i].propertyValue.value)===String(a)}const r=new Map([["length",t],["getProperty",e]]);Object.keys(n).reduce((i,p)=>(i.set(p,n[p]),i),r);function o(i,p){const a=i;return typeof p=="number"?[{target:a,operator:"length",param:null,value:Number(p)}]:typeof p=="boolean"?[{target:a,operator:"getProperty",param:i,value:!!p}]:typeof p=="object"?Object.keys(p).map(b=>{if(b==="length")return{target:a,operator:"length",param:null,value:p[b]};const C=b,l=p[b];return{target:a,operator:"getProperty",param:C,value:l}}):[]}function s(i){return Object.keys(i).reduce((a,b)=>{const C=o(b,i[b]);return a.push(...C),a},[])}function f(i,p){if(r.has(i.operator)){const a=r.get(i.operator);return a&&a(i.target,i.param,i.value,p)||!1}return!1}function d(i,p){return s(i).reduce((C,l)=>C&&f(l,p),!0)}function y(i,p){const a=Object.keys(i),b=a.includes("allOf"),C=a.includes("anyOf"),l=b||C,v=(l?i[l?b?"allOf":"anyOf":"allOf"]:[i]).map(j=>d(j,p));return b?!v.includes(!1):v.includes(!0)}return{parseValueSchema:y}}const $e={},Fe={};Le();function Ve(n,t,e=new Map,r=(f,d,y)=>d,o={},s=f=>f){return pe[t.title]=t,le[t.title]=r,$e[t.title]=o,Fe[t.title]=s,(f={})=>{const d=ke(f,t,e),y=Object.keys(n).reduce((i,p)=>(i[p]=n[p].default,i),{});return Object.assign(y,d)}}function _e(n,t){return{customClass:t.class,customStyle:t.style}}const xe=new Map([["appearance",_e]]),Be={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/nav.schema.json",title:"nav",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a nav",type:"string"},type:{description:"The type string of nav component",type:"string",default:"nav"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},editable:{description:"",type:"boolean",default:!0},enableLinkLabel:{description:"",type:"boolean",default:!1},label:{description:"",type:"string",default:""},lableWidth:{description:"",type:"number"},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},required:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},textAlign:{description:"",type:"string",enum:["left","middle","right"],default:"left"},visible:{description:"",type:"boolean",default:!0},onBlur:{description:"",type:"string",default:""},onClickLinkLabel:{description:"",type:"sting",default:""}},required:["id","type"]};function qe(n,t,e){return t}const Ie={title:"nav",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}},behavior:{description:"Basic Infomation",title:"行为",properties:{editable:{description:"",title:"允许编辑",type:"boolean"},readonly:{description:"",title:"只读",type:"string"},required:{description:"",title:"必填",type:"boolean"},visible:{description:"",title:"可见",type:"boolean"},placeholder:{description:"",title:"提示文本",type:"string"},tabindex:{description:"",title:"tab索引",type:"number"},textAlign:{description:"",title:"对齐方式",type:"enum",editor:{type:"combo-list",textField:"name",valueField:"value",data:[{value:"left",name:"左对齐"},{value:"center",name:"居中对齐"},{value:"right",name:"右对齐"}]}}}}}},x={maxNum:{Type:Number,default:99},navData:{Type:Array,default:[{id:"1",text:"全部"},{id:"2",text:"已回复",disable:!0},{id:"3",text:"待回复",num:200},{id:"4",text:"@我",num:33}]},horizontal:{Type:Boolean,default:!0},activeNavId:{Type:String,default:"1"},navPicking:{Type:Function,default:n=>Ee}},R=Ve(x,Be,xe,qe,Ie),B=h.defineComponent({name:"FNav",props:x,emits:["nav","update:activeNavId"],setup(n,t){const e=h.ref(n.activeNavId),r=h.ref(n.navData),o=h.ref(n.horizontal);h.ref(n.navPicking),h.watch(()=>n.activeNavId,(p,a)=>{p!==a&&(e.value=p)});const s=h.computed({get(){return r.value},set(p){r.value=p,y()}}),f=h.computed({get(){return e.value},set(p){if(e.value=p,e.value&&s&&s.value.length){const a=s.value.find(b=>b.id===e.value);a&&t.emit("nav",a)}}}),d=h.computed({set(p){o.value=p},get(){return o.value}});function y(){if(s.value&&s.value.length&&!e.value){const p=s.value.find(a=>!a.disable);p&&(e.value=p.id)}}function i(p){p.disable||p.id===e.value||(e.value=p.id,t.emit("update:activeNavId",p.id),t.emit("nav",p))}return()=>{var p;return h.createVNode("div",{class:["farris-nav",{"farris-nav-vertical":!d.value}]},[(p=s.value)==null?void 0:p.map(a=>h.createVNode("div",{class:["farris-nav-item",{active:a.id===f.value},{disabled:a.disable}],onClick:()=>i(a)},[h.createVNode("div",{class:"farris-nav-item-link"},[h.createVNode("span",{class:"farris-nav-item-link-text"},[typeof a.text=="function"?a.text():a.text,a.num&&h.createVNode("div",{class:"farris-nav-item-tag"},[a.num<=n.maxNum&&h.createVNode("span",{class:"tag-text"},[a.num]),a.num>n.maxNum&&h.createVNode("span",{class:"tag-text"},[n.maxNum,h.createTextVNode("+")])])])])]))])}}});function Ue(n,t,e){var M;function r(){e!=null&&e.resolveComponentContext&&e.resolveComponentContext()}r();const o=e&&e.getStyles&&e.getStyles()||"",s=e&&e.getDesignerClass&&e.getDesignerClass()||"",f=h.ref();function d(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:e&&e.checkCanMoveComponent?e.checkCanMoveComponent():!0}function y(){return!1}function i(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:e&&e.checkCanDeleteComponent?e.checkCanDeleteComponent():!0}function p(){return(t==null?void 0:t.schema.componentType)==="frame"?!0:e&&e.hideNestedPaddingInDesginerView?e.hideNestedPaddingInDesginerView():!1}function a(m){if(!m||!m.value)return null;if(m.value.schema&&m.value.schema.type==="component")return m.value;const D=h.ref(m==null?void 0:m.value.parent),N=a(D);return N||null}function b(m=t){const{componentInstance:D,designerItemElementRef:N}=m;return!D||!D.value?null:D.value.canMove?N:b(m.parent)}function C(m){return!!e&&e.canAccepts(m)}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 c(){}function u(m,D){D&&e!=null&&e.onAcceptMovedChildElement&&e.onAcceptMovedChildElement(D)}function v(m,D){const{componentType:N}=m;let g=F(N,m,D);e&&e.onResolveNewComponentSchema&&(g=e.onResolveNewComponentSchema(m,g));const A=N.toLowerCase().replace("-","_");return g&&!g.id&&g.type===N&&(g.id=`${A}_${Math.random().toString().slice(2,6)}`),g}function T(m,D){const N=String(m.getAttribute("data-controltype")),g=m.getAttribute("data-feature"),A=g?JSON.parse(g):{};A.parentComponentInstance=f.value;let S=F(N,A);e&&e.onAcceptNewChildElement&&(S=e.onAcceptNewChildElement(m,D,S));const E=N.toLowerCase().replace("-","_");return S&&!S.id&&S.type===N&&(S.id=`${E}_${Math.random().toString().slice(2,6)}`),S}function j(m){}function P(...m){if(e&&e.getPropsConfig)return e.getPropsConfig(...m)}return f.value={canMove:d(),canSelectParent:y(),canDelete:i(),canNested:!p(),contents:t==null?void 0:t.schema.contents,elementRef:n,parent:(M=t==null?void 0:t.parent)==null?void 0:M.componentInstance,schema:t==null?void 0:t.schema,styles:o,designerClass:s,canAccepts:C,getBelongedComponentInstance:a,getDraggableDesignItemElement:b,getDraggingDisplayText:l,getPropConfig:P,getDragScopeElement:c,onAcceptMovedChildElement:u,onAcceptNewChildElement:T,onChildElementMovedOut:j,addNewChildComponentSchema:v,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!e&&e.triggerBelongedComponentToMoveWhenMoved||h.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!e&&e.triggerBelongedComponentToDeleteWhenDeleted||h.ref(!1)},f}function We(){function n(t){var o,s;if(!t)return!1;const e=((o=t.targetContainer)==null?void 0:o.componentInstance)&&t.targetContainer.componentInstance.value;if(!e)return!1;const r=(s=e.schema.appearance)==null?void 0:s.class;if(t.controlCategory==="input"||t.controlType==="form-group"){const f=e.schema.type,d=(f==="response-form"||f==="content-container")&&r&&r.includes("farris-form");if(e.schema.type!=="response-layout-item"&&!d)return!1}return t.controlType!=="field-set"}return{basalDragulaRuleForContainer:n}}const Ge={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/dragging-rules.schema.json",title:"Dragging Rules",description:"The rules of designer canvas",type:"object",properties:{"f-page":{description:"The root class of page designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-page-header":{description:"The class of page header designed by farris.",type:"string"},"f-page-main":{description:"The class of page body designed by farris.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-like-card":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-form":{description:"The class of form component which has a hierarchical structure of component -> section -> respnse-form.",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{contents:{type:"object",properties:{"f-form-layout":{description:"The class of reponse form",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}},"f-struct-wrapper":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-tabs":{description:"The class of section which has wrapped sub-grid tabs.",type:"object",properties:{contents:{type:"object",properties:{"f-tabs-in-card":{description:"The class of tabs which contains sub-grid.",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-card":{description:"The class of sub-grid component",type:"object",properties:{contents:{type:"object",properties:{"f-grid-is-sub":{description:"The class of sub-grid",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-in-main":{description:"The class of section which has wrapped a reponse-form component.",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"object",const:{allOf:[{sibling:0,parent:{"f-page-main":!0}}]}}}}}},"f-struct-data-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"object",const:!0},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-main-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav-extend":{description:"",type:"object"},"f-section-in-nav":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!1}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!0},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}}}},"f-page-content-main":{description:"",type:"object",properties:{}}}}}},"f-page-content":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-page-content-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-list-nav":{description:"",type:"object"},"f-list-nav-left":{description:"",type:"object"},"f-struct-data-grid-in-nav":{description:"",type:"object",properties:{contents:{type:"object",properties:{"f-section-form":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-section-grid":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}},"f-page-content-main":{description:"",type:"object",properties:{rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!1},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}}}},rules:{type:"object",properties:{canAccept:{type:"object",const:{anyOf:[{children:0},{children:{length:{not:1},"f-struct-like-card":!0}},{children:{"scroll-spy":!1,"f-page-content":!1,"f-struct-like-card":!1}}]}},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-footer":{description:"The class of page footer designed by farris.",type:"string"}}},rules:{type:"object",properties:{canAccept:{type:"boolean",const:!1},fixed:{type:"boolean",const:!0},hidePadding:{type:"boolean",const:!0}}}}},"f-page-is-managelist":{description:"The root class of mangement list page.",type:"string"},"f-page-card":{description:"",type:"object"},"f-page-is-mainsubcard":{description:"",type:"object"}}},Q=new Map;function ze(){function n(l,c,u,v){var T;if(typeof u=="number")return((T=v[l])==null?void 0:T.length)===u;if(typeof u=="object"){const j=Object.keys(u)[0],P=u[j];if(j==="not")return Number(v[l].length)!==Number(P);if(j==="moreThan")return Number(v[l].length)>=Number(P);if(j==="lessThan")return Number(v[l].length)<=Number(P)}return!1}function t(l,c,u,v){return typeof u=="boolean"?v.childrenClassList.includes(c)===!!u:!1}function e(l,c,u,v){return typeof u=="boolean"?v.parentClassList.includes(c)===!!u:!1}function r(l,c,u,v){return typeof u=="boolean"?v.parentClassList.includes(c)===!!u:!1}const o=new Map([["length",n],["hasChildren",t],["hasSibling",r],["hasParent",e]]);function s(l,c){const u=l;return typeof c=="number"?[{target:u,operator:"length",param:null,value:Number(c)}]:typeof c=="object"?Object.keys(c).map(v=>{if(v==="length")return{target:u,operator:"length",param:null,value:c[v]};const T=v,j=c[v];return{target:u,operator:l==="children"?"hasChildren":l==="parent"?"hasParent":"hasSibling",param:T,value:j}}):[]}function f(l,c){if(o.has(l.operator)){const u=o.get(l.operator);return u&&u(l.target,l.param,l.value,c)||!1}return!1}function d(l,c){return Object.keys(l).reduce((j,P)=>{const M=s(P,l[P]);return j.push(...M),j},[]).reduce((j,P)=>j&&f(P,c),!0)}function y(l,c){const u=Object.keys(l),v=u.includes("allOf"),T=u.includes("anyOf"),j=v||T,m=(j?l[j?v?"allOf":"anyOf":"allOf"]:[l]).map(N=>d(N,c));return v?!m.includes(!1):m.includes(!0)}function i(l,c){const u=l.const;return u?typeof u=="boolean"?u:typeof u=="object"?y(u,c):!1:!1}function p(l){return c=>{const u={canAccept:!0,fixed:!1,hidePadding:!1};return l&&l.properties&&Object.keys(l.properties).reduce((v,T)=>{const j=l.properties[T];return v[T]=i(j,c),v},u),u}}function a(l,c,u){if(c.type==="object"&&c.properties){const{rules:v,contents:T}=c.properties;u.set(l,p(v)),T&&Object.keys(T.properties).forEach(j=>a(j,T.properties[j],u))}}function b(){const{properties:l}=Ge;Object.keys(l).forEach(c=>{a(c,l[c],Q)})}function C(l,c){const u={canAccept:!0,fixed:!1,hidePadding:!0};return Q.has(l)?Q.get(l)(c):u}return b(),{getRuleValue:C}}function Ye(n,t){function e(y,i=null){if(i)return i;const p=n.getComponentById(t);return n.selectNode(p,a=>a.id===y)}function r(y){const i=n.getComponentById(y);return!(!i||!i.componentType||!i.componentType.startsWith("form"))}function o(y){const i=e(y.id),p=ye.useResponseLayoutEditorSetting(n),a=[];p.getResonseFormLayoutConfig(i,a,1);const b=a.map(P=>P.columnInSM),C=a.map(P=>P.columnInMD),l=a.map(P=>P.columnInLG),c=a.map(P=>P.columnInEL),u=s(b)?b[0]:0,v=s(C)?C[0]:0,T=s(l)?l[0]:0,j=s(c)?c[0]:0;return{uniqueColClassInSM:u,uniqueColClassInMD:v,uniqueColClassInLG:T,uniqueColClassInEL:j}}function s(y){const i=new Set(y);return Array.from(i).length===1}function f(y,i,p){y=e(p,y),y.contents.forEach(a=>{if(a.type===he.DgControl.fieldset.type){f(a,i,a.id);return}a.appearance||(a.appearance={});const b=a.appearance.class;a.appearance.class=d(b,i)})}function d(y,i){let p,a,b,C,l=[];if(y){const P=y.split(" "),M=P.filter(m=>m.startsWith("col-"));p=M.find(m=>/^col-([1-9]|10|11|12)$/.test(m)),a=M.find(m=>/^col-md-([1-9]|10|11|12)$/.test(m)),b=M.find(m=>/^col-xl-([1-9]|10|11|12)$/.test(m)),C=M.find(m=>/^col-el-([1-9]|10|11|12)$/.test(m)),l=P.filter(m=>!m.startsWith("col-"))}const c=i.uniqueColClassInSM?"col-"+i.uniqueColClassInSM:p,u=i.uniqueColClassInMD?"col-md-"+i.uniqueColClassInMD:a,v=i.uniqueColClassInLG?"col-xl-"+i.uniqueColClassInLG:b,T=i.uniqueColClassInEL?"col-el-"+i.uniqueColClassInEL:C;return[c,u,v,T].concat(l).join(" ")}return{checkIsInFormComponent:r,assembleUnifiedLayoutContext:o,changeFormControlsByUnifiedLayoutConfig:f}}class Xe extends de.BaseControlProperty{constructor(t,e){super(t,e)}getPropertyConfig(t,e){var r=this;this.propertyConfig.categories.basic=this.getBasicPropConfig(t);const{checkIsInFormComponent:o,assembleUnifiedLayoutContext:s,changeFormControlsByUnifiedLayoutConfig:f}=Ye(this.formSchemaUtils,this.componentId),d=this.getAppearanceConfig(t);return d.properties.unifiedLayout={title:"统一布局配置",description:"统一配置卡片区域内所有控件的宽度，只支持标准模式",visible:o(this.componentId),refreshPanelAfterChanged:!0,editor:{type:"response-form-layout-setting",initialState:s(t)}},d.setPropertyRelates=function(y,i){if(y)switch(y&&y.propertyID){case"unifiedLayout":{f(null,y.propertyValue,t.id),r.updateElementByParentContainer(t.id,e);break}}},this.propertyConfig.categories.appearance=d,this.propertyConfig}}function He(n,t){var N;const e=n.schema,r=(N=n.parent)==null?void 0:N.schema,o=ze(),s=h.ref(!1),f=h.ref(!1);let d=!0,y=!1,i,p=!1;function a(g){return i&&i.componentClassList&&i.componentClassList.includes("f-form-layout")&&i.componentClassList.includes("farris-form")?g.sourceType==="control"&&g.controlCategory==="input"||g.sourceType==="move"&&g.controlType==="form-group":!0}function b(g){return!(!We().basalDragulaRuleForContainer(g)||!d||!a(g))}function C(){s.value=!1,f.value=!1;const g=e,A=g.appearance&&g.appearance.class||"",S=A.split(" "),E=g.contents||[],L=E.length?E[0]:null,$=L&&L.appearance?L.appearance.class:"",O=$?$.split(" "):[],V=E.length?E.reduce((ue,K)=>{const fe=K&&K.appearance?K.appearance.class:"",tt=fe?fe.split(" "):[];return ue.push(...tt),ue},[]):[],q=r,Z=q&&q.appearance&&q.appearance.class||"",Qe=Z?Z.split(" "):[];i={componentClass:A,componentClassList:S,childContents:E,firstChildContent:L,firstChildClass:$,firstChildClassList:O,parent:q,parentClass:Z,parentClassList:Qe,children:E,childrenClassList:V};const{canAccept:Ze,fixed:Ke,hidePadding:et}=o.getRuleValue(S[0],i);return d=Ze,y=et,p=Ke,!0}function l(g){h.nextTick()}function c(){return e.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function u(g,A){const S=e;if((S.appearance&&S.appearance.class||"").split(" ").includes("f-form-layout")){const{label:$}=g,O=F("form-group");return O.editor=A,O.label=$,v(O),delete O.editor.id,delete O.editor.binding,delete O.editor.appearance,delete O.editor.visible,O}return A}function v(g){const A=n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);if(A&&A.schema&&A.schema.componentType){const S=A.schema.formColumns;let E=T(S);E=t.formSchemaUtils.getControlClassByFormUnifiedLayout(E,"",n.schema),g.appearance||(g.appearance={}),g.appearance.class=E}}function T(g){let A="";switch(g){case 1:{A="col-12 col-md-12 col-xl-12 col-el-12";break}case 2:{A="col-12 col-md-6 col-xl-6 col-el-6";break}case 3:{A="col-12 col-md-6 col-xl-4 col-el-4";break}case 4:{A="col-12 col-md-6 col-xl-3 col-el-2";break}}return A}function j(g,A,S){const E=e;if((E.appearance&&E.appearance.class||"").split(" ").includes("f-form-layout")){const O=String(g.innerText),V=F("form-group");return V.editor=S,V.label=O,V}return S}function P(){return!p}function M(){return!p}function m(){return y}function D(g){return new Xe(g,t).getPropertyConfig(e,n.componentInstance.value)}return{canAccepts:b,checkCanDeleteComponent:M,checkCanMoveComponent:P,getStyles:c,getPropsConfig:D,hideNestedPaddingInDesginerView:m,onAcceptNewChildElement:j,onAcceptMovedChildElement:l,resolveComponentContext:C,onResolveNewComponentSchema:u,triggerBelongedComponentToMoveWhenMoved:s,triggerBelongedComponentToDeleteWhenDeleted:f}}const Je=h.defineComponent({name:"FNavDesign",props:x,emits:["nav"],setup(n,t){var l;const e=h.ref(n.activeNavId),r=h.ref(n.navData),o=h.ref(n.horizontal);h.ref(n.navPicking);const s=h.ref(),f=h.inject("design-item-context"),d=He(f.schema,(l=f.parent)==null?void 0:l.schema),y=Ue(s,f,d);h.onMounted(()=>{s.value.componentInstance=y}),t.expose(y.value);const i=h.computed({get(){return r.value},set(c){r.value=c,b()}}),p=h.computed({get(){return e.value},set(c){if(e.value=c,e.value&&i&&i.value.length){const u=i.value.find(v=>v.id===e.value);u&&t.emit("nav",u)}}}),a=h.computed({set(c){o.value=c},get(){return o.value}});function b(){if(i.value&&i.value.length&&!e.value){const c=i.value.find(u=>!u.disable);c&&(e.value=c.id)}}function C(c){c.disable||c.id===e.value||(e.value=c.id,t.emit("nav",c))}return()=>{var c;return h.createVNode("div",{ref:s,class:["farris-nav",{"farris-nav-vertical":!a.value}]},[(c=i.value)==null?void 0:c.map(u=>h.createVNode("div",{class:["farris-nav-item",{active:u.id===p.value},{disabled:u.disable}],onClick:()=>C(u)},[h.createVNode("div",{class:"farris-nav-item-link"},[h.createVNode("span",{class:"farris-nav-item-link-text"},[u.text,u.num&&h.createVNode("div",{class:"farris-nav-item-tag"},[u.num<=n.maxNum&&h.createVNode("span",{class:"tag-text"},[u.num]),u.num>n.maxNum&&h.createVNode("span",{class:"tag-text"},[n.maxNum,h.createTextVNode("+")])])])])]))])}}}),Re={install(n){n.component(B.name,B)},register(n,t,e,r){n.nav=B,t.nav=R},registerDesigner(n,t,e){n.nav=Je,t.nav=R}};w.FNav=B,w.default=Re,w.navProps=x,w.propsResolver=R,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/notify/index.esm.js

@@ -1,8 +1,8 @@
 var R = Object.defineProperty;
 var P = (s, t, e) => t in s ? R(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
 var C = (s, t, e) => P(s, typeof t != "symbol" ? t + "" : t, e);
-import { defineComponent as x, ref as y, computed as r, watch as F, createVNode as i, Fragment as S, reactive as E, createApp as _, onUnmounted as $, onMounted as H, mergeProps as j } from "vue";
-const M = {
+import { defineComponent as x, ref as y, computed as r, watch as F, createVNode as n, Fragment as S, reactive as E, createApp as _, onUnmounted as $, onMounted as H, Transition as j, mergeProps as M } from "vue";
+const k = {
   showCloseButton: { type: Boolean, default: !0 },
   position: { type: String, default: "top-center" },
   timeout: { type: Number, default: 3e3 },
@@ -14,21 +14,21 @@ const M = {
   id: { type: String },
   animate: { type: String, default: "fadeIn" },
   options: { type: Object }
-}, k = {
+}, L = {
   showCloseButton: { type: Boolean, default: !0 },
   animate: { type: String, default: "fadeIn" },
   options: { type: Object }
 }, w = /* @__PURE__ */ x({
   name: "Toast",
-  props: k,
+  props: L,
   emits: ["close", "click"],
   setup: (s, t) => {
-    const e = y(s.animate), a = "fadeOut", o = r(() => s.options), n = y(!1), u = r(() => {
+    const e = y(s.animate), a = "fadeOut", o = r(() => s.options), i = y(!1), u = r(() => {
       const c = {
-        animated: n.value,
+        animated: i.value,
         toast: !0
       };
-      return c[s.animate] = !1, c[a] = n.value, c[o.value.type] = !0, o.value.theme && (c[o.value.theme] = !0), c;
+      return c[s.animate] = !1, c[a] = i.value, c[o.value.type] = !0, o.value.theme && (c[o.value.theme] = !0), c;
     }), l = r(() => {
       const I = `f-icon-${o.value && o.value.type ? o.value.type.replace("toasty-type-", "") : "default"}`, O = {
         "f-icon": !0
@@ -36,7 +36,7 @@ const M = {
       return O[I] = !0, O;
     }), p = r(() => o.value.title || o.value.message), f = r(() => o.value.title && o.value.message), m = r(() => !o.value.title && o.value.message), v = r(() => s.showCloseButton), d = r(() => !!o.value.buttons || !!t.slots.default);
     function g(c) {
-      c.stopPropagation(), c.preventDefault(), n.value = !1, setTimeout(() => {
+      c.stopPropagation(), c.preventDefault(), i.value = !1, setTimeout(() => {
         t.emit("close", o.value);
       }, 200);
     }
@@ -50,50 +50,50 @@ const M = {
     });
     const T = () => {
       var c;
-      return i(S, null, [i("div", {
+      return n(S, null, [n("div", {
         class: "after-toast-msg text-right"
-      }, [!t.slots.default && ((c = o.value.buttons) == null ? void 0 : c.map((b) => i("span", {
+      }, [!t.slots.default && ((c = o.value.buttons) == null ? void 0 : c.map((b) => n("span", {
         class: B(b),
         onClick: (I) => void 0
       }, [b.text]))), t.slots.default && t.slots.default()])]);
     };
-    return () => i("div", {
+    return () => n("div", {
       class: u.value
-    }, [v.value && i("button", {
+    }, [v.value && n("button", {
       title: "close",
       class: "toast-close f-btn-icon f-bare",
       onClick: g
-    }, [i("span", {
+    }, [n("span", {
       class: "f-icon modal_close"
-    }, null)]), p.value && i("section", {
+    }, null)]), p.value && n("section", {
       class: "modal-tips"
-    }, [i("div", {
+    }, [n("div", {
       class: "float-left modal-tips-iconwrap"
-    }, [i("span", {
+    }, [n("span", {
       class: l.value
-    }, null)]), i("div", {
+    }, null)]), n("div", {
       class: "modal-tips-content"
-    }, [f.value && i(S, null, [i("h5", {
+    }, [f.value && n(S, null, [n("h5", {
       class: "toast-title modal-tips-title",
       innerHTML: o.value.title
-    }, null), i("p", {
+    }, null), n("p", {
       class: "toast-msg",
       innerHTML: o.value.message
-    }, null), d.value && T()]), m.value && (o.value.buttons ? i("div", {
+    }, null), d.value && T()]), m.value && (o.value.buttons ? n("div", {
       class: "toast-title-btns-wrapper d-flex"
-    }, [i("h5", {
+    }, [n("h5", {
       class: "toast-title modal-tips-title only-toast-msg",
       innerHTML: o.value.message
-    }, null), i("div", {
+    }, null), n("div", {
       class: "after-toast-title text-right ml-auto"
-    }, [T()])]) : i("h5", {
+    }, [T()])]) : n("h5", {
       class: "toast-title modal-tips-title only-toast-msg",
       innerHTML: o.value.message
     }, null))])])]);
   }
 }), N = /* @__PURE__ */ x({
   name: "Notify",
-  props: M,
+  props: k,
   emits: ["close", "empty"],
   setup(s, t) {
     const e = r(() => ({
@@ -103,7 +103,7 @@ const M = {
       right: 12,
       top: 20,
       bottom: 12
-    }, o = y(), n = y(s.options), u = y(s.showCloseButton), l = r(() => s.position || "bottom-right"), p = r(() => s.timeout != null ? s.timeout : 3e3), f = r(() => {
+    }, o = y(), i = y(s.options), u = y(s.showCloseButton), l = r(() => s.position || "bottom-right"), p = r(() => s.timeout != null ? s.timeout : 3e3), f = r(() => {
       const d = s.bottom ? s.bottom : a.bottom, g = s.top ? s.top : a.top, h = {
         transition: "all 0.2s ease",
         left: l.value.indexOf("left") > -1 ? `${s.left ? s.left : a.left}px` : "",
@@ -126,19 +126,19 @@ const M = {
     function v(d, g) {
       m();
     }
-    return () => i("div", {
+    return () => n("div", {
       class: e.value,
       style: f.value,
       ref: o
-    }, [i(w, {
-      options: n.value,
+    }, [n(w, {
+      options: i.value,
       showCloseButton: u.value,
       animate: s.animate,
-      onClose: (d) => v(d, n.value)
+      onClose: (d) => v(d, i.value)
     }, null)]);
   }
 });
-class L {
+class V {
   constructor() {
     C(this, "notifyRefs", []);
     C(this, "globalConfig", E({}));
@@ -150,8 +150,8 @@ class L {
       showCloseButton: !0
     }, this.globalConfig, {
       ...t
-    }), n = document.createElement("div");
-    n.style.display = "contents";
+    }), i = document.createElement("div");
+    i.style.display = "contents";
     const u = _({
       setup() {
         const l = y();
@@ -168,17 +168,23 @@ class L {
           }
         }
         return $(() => {
-          document.body.removeChild(n);
+          document.body.removeChild(i);
         }), H(() => {
           e.updateNotifyPositionForCreate(o, l);
-        }), () => i(N, j({
-          ref: l
-        }, o, {
-          onClose: p
-        }), null);
+        }), () => n(j, {
+          mode: "out-in",
+          name: "fade",
+          appear: !0
+        }, {
+          default: () => [n(N, M({
+            ref: l
+          }, o, {
+            onClose: p
+          }), null)]
+        });
       }
     });
-    return u.provide("NotifyService", this), document.body.appendChild(n), u.mount(n), u;
+    return u.provide("NotifyService", this), document.body.appendChild(i), u.mount(i), u;
   }
   getNotifyInstances(t) {
     return this.notifyRefs.filter((e) => e.value.notifyPosition === t);
@@ -187,8 +193,8 @@ class L {
     if (this.notifyRefs && this.notifyRefs.length) {
       const a = window.innerHeight;
       t.position.indexOf("bottom") > -1 && this.getNotifyInstances(t.position).forEach((o) => {
-        const n = o.value.container.getBoundingClientRect();
-        o.value.container.style.bottom = n.height + a - n.bottom + "px";
+        const i = o.value.container.getBoundingClientRect();
+        o.value.container.style.bottom = i.height + a - i.bottom + "px";
       });
     }
     this.notifyRefs = [...this.notifyRefs, e];
@@ -196,8 +202,8 @@ class L {
   updateNotifyPositionForClose(t, e) {
     const a = this.notifyRefs.indexOf(e);
     if (t.position.indexOf("top") > -1) {
-      const o = this.getNotifyInstances(t.position), n = o.indexOf(e);
-      o.slice(n + 1).forEach((u) => {
+      const o = this.getNotifyInstances(t.position), i = o.indexOf(e);
+      o.slice(i + 1).forEach((u) => {
         u.value.container.style.top = u.value.container.offsetTop - u.value.container.offsetHeight + "px";
       });
     }
@@ -207,8 +213,8 @@ class L {
     return this.createNotifyInstance(t);
   }
   buildNotifyProps(t, e) {
-    let a = "", o = "", n, u, l;
-    typeof e == "string" ? a = e : e && (a = e.message || "", o = e.title || "", u = e.position || null, l = e.showCloseButton != null ? e.showCloseButton : null, n = e.timeout != null ? e.timeout : null);
+    let a = "", o = "", i, u, l;
+    typeof e == "string" ? a = e : e && (a = e.message || "", o = e.title || "", u = e.position || null, l = e.showCloseButton != null ? e.showCloseButton : null, i = e.timeout != null ? e.timeout : null);
     const f = {
       options: {
         type: t,
@@ -216,7 +222,7 @@ class L {
         title: o
       }
     };
-    return u != null && (f.position = u), l != null && (f.showCloseButton = l), n != null && (f.timeout = n), f;
+    return u != null && (f.position = u), l != null && (f.showCloseButton = l), i != null && (f.timeout = i), f;
   }
   info(t) {
     const e = this.buildNotifyProps("info", t);
@@ -243,18 +249,18 @@ class L {
     }), this.notifyRefs.length = 0;
   }
 }
-const V = Symbol("NOTIFY_SERVICE_TOKEN");
+const D = Symbol("NOTIFY_SERVICE_TOKEN");
 N.install = (s) => {
   s.component(N.name, N), s.component(w.name, w);
-  const t = new L();
-  s.provide(V, t), s.provide("FNotifyService", t);
+  const t = new V();
+  s.provide(D, t), s.provide("FNotifyService", t);
 };
 export {
   N as FNotify,
-  L as FNotifyService,
+  V as FNotifyService,
   w as FToast,
-  V as F_NOTIFY_SERVICE_TOKEN,
+  D as F_NOTIFY_SERVICE_TOKEN,
   N as default,
-  M as notifyProps,
-  k as toastProps
+  k as notifyProps,
+  L as toastProps
 };

package/components/notify/index.umd.cjs

@@ -0,0 +1 @@
+(function(l,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(l=typeof globalThis<"u"?globalThis:l||self,t(l.notify={},l.Vue))})(this,function(l,t){"use strict";var F=Object.defineProperty;var P=(l,t,m)=>t in l?F(l,t,{enumerable:!0,configurable:!0,writable:!0,value:m}):l[t]=m;var w=(l,t,m)=>P(l,typeof t!="symbol"?t+"":t,m);const m={showCloseButton:{type:Boolean,default:!0},position:{type:String,default:"top-center"},timeout:{type:Number,default:3e3},theme:{type:String,default:"bootstrap"},left:{type:Number},right:{type:Number},top:{type:Number},bottom:{type:Number},id:{type:String},animate:{type:String,default:"fadeIn"},options:{type:Object}},v={showCloseButton:{type:Boolean,default:!0},animate:{type:String,default:"fadeIn"},options:{type:Object}},b=t.defineComponent({name:"Toast",props:v,emits:["close","click"],setup:(s,e)=>{const n=t.ref(s.animate),c="fadeOut",o=t.computed(()=>s.options),i=t.ref(!1),r=t.computed(()=>{const u={animated:i.value,toast:!0};return u[s.animate]=!1,u[c]=i.value,u[o.value.type]=!0,o.value.theme&&(u[o.value.theme]=!0),u}),a=t.computed(()=>{const V=`f-icon-${o.value&&o.value.type?o.value.type.replace("toasty-type-",""):"default"}`,B={"f-icon":!0};return B[V]=!0,B}),p=t.computed(()=>o.value.title||o.value.message),f=t.computed(()=>o.value.title&&o.value.message),d=t.computed(()=>!o.value.title&&o.value.message),g=t.computed(()=>s.showCloseButton),h=t.computed(()=>!!o.value.buttons||!!e.slots.default);function C(u){u.stopPropagation(),u.preventDefault(),i.value=!1,setTimeout(()=>{e.emit("close",o.value)},200)}function N(u,T){}function R(u){return`f-preten-link ${u.customClass?u.customClass:""}`}t.watch(n,()=>{n.value});const S=()=>{var u;return t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"after-toast-msg text-right"},[!e.slots.default&&((u=o.value.buttons)==null?void 0:u.map(T=>t.createVNode("span",{class:R(T),onClick:V=>void 0},[T.text]))),e.slots.default&&e.slots.default()])])};return()=>t.createVNode("div",{class:r.value},[g.value&&t.createVNode("button",{title:"close",class:"toast-close f-btn-icon f-bare",onClick:C},[t.createVNode("span",{class:"f-icon modal_close"},null)]),p.value&&t.createVNode("section",{class:"modal-tips"},[t.createVNode("div",{class:"float-left modal-tips-iconwrap"},[t.createVNode("span",{class:a.value},null)]),t.createVNode("div",{class:"modal-tips-content"},[f.value&&t.createVNode(t.Fragment,null,[t.createVNode("h5",{class:"toast-title modal-tips-title",innerHTML:o.value.title},null),t.createVNode("p",{class:"toast-msg",innerHTML:o.value.message},null),h.value&&S()]),d.value&&(o.value.buttons?t.createVNode("div",{class:"toast-title-btns-wrapper d-flex"},[t.createVNode("h5",{class:"toast-title modal-tips-title only-toast-msg",innerHTML:o.value.message},null),t.createVNode("div",{class:"after-toast-title text-right ml-auto"},[S()])]):t.createVNode("h5",{class:"toast-title modal-tips-title only-toast-msg",innerHTML:o.value.message},null))])])])}}),y=t.defineComponent({name:"Notify",props:m,emits:["close","empty"],setup(s,e){const n=t.computed(()=>({"farris-notify":!0})),c={left:12,right:12,top:20,bottom:12},o=t.ref(),i=t.ref(s.options),r=t.ref(s.showCloseButton),a=t.computed(()=>s.position||"bottom-right"),p=t.computed(()=>s.timeout!=null?s.timeout:3e3),f=t.computed(()=>{const h=s.bottom?s.bottom:c.bottom,C=s.top?s.top:c.top,N={transition:"all 0.2s ease",left:a.value.indexOf("left")>-1?`${s.left?s.left:c.left}px`:"",right:a.value.indexOf("right")>-1?`${s.right?s.right:c.right}px`:"",top:a.value.indexOf("top")>-1?`${C}px`:"",bottom:a.value.indexOf("bottom")>-1?`${h}px`:""};return a.value.indexOf("center")>-1&&(N.left="50%",N.marginLeft="calc(-24rem / 2)",a.value==="center-center"&&(N.top="50%",N.transform="translate(-50%, -50%)")),N});function d(h){e.emit("close")}p.value&&setTimeout(()=>{d()},p.value),e.expose({closeToast:d,container:o,notifyPosition:a});function g(h,C){d()}return()=>t.createVNode("div",{class:n.value,style:f.value,ref:o},[t.createVNode(b,{options:i.value,showCloseButton:r.value,animate:s.animate,onClose:h=>g(h,i.value)},null)])}});class I{constructor(){w(this,"notifyRefs",[]);w(this,"globalConfig",t.reactive({}))}createNotifyInstance(e){const n=this,o=Object.assign({timeout:3e3,position:"bottom-right",showCloseButton:!0},this.globalConfig,{...e}),i=document.createElement("div");i.style.display="contents";const r=t.createApp({setup(){const a=t.ref();function p(){a.value.container.style.transform="scale(0)",setTimeout(()=>{n.updateNotifyPositionForClose(o,a),r.unmount()},220)}if(o.position.indexOf("top")>-1){const f=n.getNotifyInstances(o.position),d=f[f.length-1];if(d){const g=d.value.container.getBoundingClientRect();o.top=g.bottom}}return t.onUnmounted(()=>{document.body.removeChild(i)}),t.onMounted(()=>{n.updateNotifyPositionForCreate(o,a)}),()=>t.createVNode(t.Transition,{mode:"out-in",name:"fade",appear:!0},{default:()=>[t.createVNode(y,t.mergeProps({ref:a},o,{onClose:p}),null)]})}});return r.provide("NotifyService",this),document.body.appendChild(i),r.mount(i),r}getNotifyInstances(e){return this.notifyRefs.filter(n=>n.value.notifyPosition===e)}updateNotifyPositionForCreate(e,n){if(this.notifyRefs&&this.notifyRefs.length){const c=window.innerHeight;e.position.indexOf("bottom")>-1&&this.getNotifyInstances(e.position).forEach(o=>{const i=o.value.container.getBoundingClientRect();o.value.container.style.bottom=i.height+c-i.bottom+"px"})}this.notifyRefs=[...this.notifyRefs,n]}updateNotifyPositionForClose(e,n){const c=this.notifyRefs.indexOf(n);if(e.position.indexOf("top")>-1){const o=this.getNotifyInstances(e.position),i=o.indexOf(n);o.slice(i+1).forEach(r=>{r.value.container.style.top=r.value.container.offsetTop-r.value.container.offsetHeight+"px"})}c>-1&&this.notifyRefs.splice(c,1)}show(e){return this.createNotifyInstance(e)}buildNotifyProps(e,n){let c="",o="",i,r,a;typeof n=="string"?c=n:n&&(c=n.message||"",o=n.title||"",r=n.position||null,a=n.showCloseButton!=null?n.showCloseButton:null,i=n.timeout!=null?n.timeout:null);const f={options:{type:e,message:c,title:o}};return r!=null&&(f.position=r),a!=null&&(f.showCloseButton=a),i!=null&&(f.timeout=i),f}info(e){const n=this.buildNotifyProps("info",e);return this.show(n)}success(e){const n=this.buildNotifyProps("success",e);return this.show(n)}warning(e){const n=this.buildNotifyProps("warning",e);return this.show(n)}error(e){const n=this.buildNotifyProps("error",e);return this.show(n)}close(e){e&&e.unmount()}closeAll(){this.notifyRefs.forEach(e=>{e==null||e.value.closeToast()}),this.notifyRefs.length=0}}const O=Symbol("NOTIFY_SERVICE_TOKEN");y.install=s=>{s.component(y.name,y),s.component(b.name,b);const e=new I;s.provide(O,e),s.provide("FNotifyService",e)},l.FNotify=y,l.FNotifyService=I,l.FToast=b,l.F_NOTIFY_SERVICE_TOKEN=O,l.default=y,l.notifyProps=m,l.toastProps=v,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});