@farris/ui-vue 1.2.4 → 1.2.6

package/components/nav/index.umd.cjs

@@ -1,3 +1,3 @@
-(function(D,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],d):(D=typeof globalThis<"u"?globalThis:D||self,d(D.nav={},D.Vue,D.LodashES))})(this,function(D,d,ie){"use strict";var F=function(n,t){return F=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])},F(n,t)};function J(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");F(n,t);function e(){this.constructor=n}n.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}function Q(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 L(n,t){var e=typeof Symbol=="function"&&n[Symbol.iterator];if(!e)return n;var r=e.call(n),a,o=[],u;try{for(;(t===void 0||t-- >0)&&!(a=r.next()).done;)o.push(a.value)}catch(h){u={error:h}}finally{try{a&&!a.done&&(e=r.return)&&e.call(r)}finally{if(u)throw u.error}}return o}function B(n,t,e){if(e||arguments.length===2)for(var r=0,a=t.length,o;r<a;r++)(o||!(r in t))&&(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return n.concat(o||Array.prototype.slice.call(t))}typeof SuppressedError=="function"&&SuppressedError;function w(n){return typeof n=="function"}function se(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 x=se(function(n){return function(e){n(this),this.message=e?e.length+` errors occurred during unsubscription:
+(function(w,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("vue"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es"],d):(w=typeof globalThis<"u"?globalThis:w||self,d(w.nav={},w.Vue,w.LodashES))})(this,function(w,d,ue){"use strict";var q=function(n,t){return q=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])},q(n,t)};function K(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");q(n,t);function e(){this.constructor=n}n.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}function I(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),a,o=[],f;try{for(;(t===void 0||t-- >0)&&!(a=r.next()).done;)o.push(a.value)}catch(b){f={error:b}}finally{try{a&&!a.done&&(e=r.return)&&e.call(r)}finally{if(f)throw f.error}}return o}function U(n,t,e){if(e||arguments.length===2)for(var r=0,a=t.length,o;r<a;r++)(o||!(r in t))&&(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return n.concat(o||Array.prototype.slice.call(t))}typeof SuppressedError=="function"&&SuppressedError;function O(n){return typeof n=="function"}function fe(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=fe(function(n){return function(e){n(this),this.message=e?e.length+` errors occurred during unsubscription:
 `+e.map(function(r,a){return a+1+") "+r.toString()}).join(`
-  `):"",this.name="UnsubscriptionError",this.errors=e}});function X(n,t){if(n){var e=n.indexOf(t);0<=e&&n.splice(e,1)}}var q=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,a,o;if(!this.closed){this.closed=!0;var u=this._parentage;if(u)if(this._parentage=null,Array.isArray(u))try{for(var h=Q(u),g=h.next();!g.done;g=h.next()){var f=g.value;f.remove(this)}}catch(i){t={error:i}}finally{try{g&&!g.done&&(e=h.return)&&e.call(h)}finally{if(t)throw t.error}}else u.remove(this);var p=this.initialTeardown;if(w(p))try{p()}catch(i){o=i instanceof x?i.errors:[i]}var l=this._finalizers;if(l){this._finalizers=null;try{for(var m=Q(l),j=m.next();!j.done;j=m.next()){var s=j.value;try{R(s)}catch(i){o=o??[],i instanceof x?o=B(B([],L(o)),L(i.errors)):o.push(i)}}}catch(i){r={error:i}}finally{try{j&&!j.done&&(a=m.return)&&a.call(m)}finally{if(r)throw r.error}}}if(o)throw new x(o)}},n.prototype.add=function(t){var e;if(t&&t!==this)if(this.closed)R(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)&&X(e,t)},n.prototype.remove=function(t){var e=this._finalizers;e&&X(e,t),t instanceof n&&t._removeParent(this)},n.EMPTY=function(){var t=new n;return t.closed=!0,t}(),n}();q.EMPTY;function Z(n){return n instanceof q||n&&"closed"in n&&w(n.remove)&&w(n.add)&&w(n.unsubscribe)}function R(n){w(n)?n():n.unsubscribe()}var K={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},ce={setTimeout:function(n,t){for(var e=[],r=2;r<arguments.length;r++)e[r-2]=arguments[r];return setTimeout.apply(void 0,B([n,t],L(e)))},clearTimeout:function(n){return clearTimeout(n)},delegate:void 0};function pe(n){ce.setTimeout(function(){throw n})}function I(){}function le(n){n()}var ee=function(n){J(t,n);function t(e){var r=n.call(this)||this;return r.isStopped=!1,e?(r.destination=e,Z(e)&&e.add(r)):r.destination=ye,r}return t.create=function(e,r,a){return new U(e,r,a)},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}(q),ue=Function.prototype.bind;function W(n,t){return ue.call(n,t)}var fe=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){k(r)}},n.prototype.error=function(t){var e=this.partialObserver;if(e.error)try{e.error(t)}catch(r){k(r)}else k(t)},n.prototype.complete=function(){var t=this.partialObserver;if(t.complete)try{t.complete()}catch(e){k(e)}},n}(),U=function(n){J(t,n);function t(e,r,a){var o=n.call(this)||this,u;if(w(e)||!e)u={next:e??void 0,error:r??void 0,complete:a??void 0};else{var h;o&&K.useDeprecatedNextContext?(h=Object.create(e),h.unsubscribe=function(){return o.unsubscribe()},u={next:e.next&&W(e.next,h),error:e.error&&W(e.error,h),complete:e.complete&&W(e.complete,h)}):u=e}return o.destination=new fe(u),o}return t}(ee);function k(n){pe(n)}function de(n){throw n}var ye={closed:!0,next:I,error:de,complete:I},he=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}();function be(n){return n}function me(n){return n.length===0?be:n.length===1?n[0]:function(e){return n.reduce(function(r,a){return a(r)},e)}}var ve=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 a=this,o=je(t)?t:new U(t,e,r);return le(function(){var u=a,h=u.operator,g=u.source;o.add(h?h.call(o,g):g?a._subscribe(o):a._trySubscribe(o))}),o},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=te(e),new e(function(a,o){var u=new U({next:function(h){try{t(h)}catch(g){o(g),u.unsubscribe()}},error:o,complete:a});r.subscribe(u)})},n.prototype._subscribe=function(t){var e;return(e=this.source)===null||e===void 0?void 0:e.subscribe(t)},n.prototype[he]=function(){return this},n.prototype.pipe=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return me(t)(this)},n.prototype.toPromise=function(t){var e=this;return t=te(t),new t(function(r,a){var o;e.subscribe(function(u){return o=u},function(u){return a(u)},function(){return r(o)})})},n.create=function(t){return new n(t)},n}();function te(n){var t;return(t=n??K.Promise)!==null&&t!==void 0?t:Promise}function ge(n){return n&&w(n.next)&&w(n.error)&&w(n.complete)}function je(n){return n&&n instanceof ee||ge(n)&&Z(n)}const ne={},re={};function z(n){const{properties:t,title:e}=n,r=Object.keys(t).reduce((a,o)=>(a[o]=t[o].type==="object"&&t[o].properties?z(t[o]):ie.cloneDeep(t[o].default),a),{});return r.id=`${e}-${Date.now()}`,r}function $(n,t={}){const e=ne[n];if(e){let r=z(e);const a=re[n];return r=a?a({getSchemaByType:$},r,t):r,r}return null}function Ce(n,t){const e=z(t);return Object.keys(n).reduce((r,a)=>(r[a]=n[a],r),e),e}function Pe(n,t){return Object.keys(n).filter(r=>n[r]!=null).reduce((r,a)=>{if(t.has(a)){const o=t.get(a);if(typeof o=="string")r[o]=n[a];else{const u=o(a,n[a],n);Object.assign(r,u)}}else r[a]=n[a];return r},{})}function Te(n,t,e=new Map){const r=Ce(n,t);return Pe(r,e)}function Se(n={}){function t(f,p,l,m){if(typeof l=="number")return m[f].length===l;if(typeof l=="object"){const j=Object.keys(l)[0],s=l[j];if(j==="not")return Number(m[f].length)!==Number(s);if(j==="moreThan")return Number(m[f].length)>=Number(s);if(j==="lessThan")return Number(m[f].length)<=Number(s)}return!1}function e(f,p,l,m){return m[f]&&m[f].propertyValue&&String(m[f].propertyValue.value)===String(l)}const r=new Map([["length",t],["getProperty",e]]);Object.keys(n).reduce((f,p)=>(f.set(p,n[p]),f),r);function a(f,p){const l=f;return typeof p=="number"?[{target:l,operator:"length",param:null,value:Number(p)}]:typeof p=="boolean"?[{target:l,operator:"getProperty",param:f,value:!!p}]:typeof p=="object"?Object.keys(p).map(m=>{if(m==="length")return{target:l,operator:"length",param:null,value:p[m]};const j=m,s=p[m];return{target:l,operator:"getProperty",param:j,value:s}}):[]}function o(f){return Object.keys(f).reduce((l,m)=>{const j=a(m,f[m]);return l.push(...j),l},[])}function u(f,p){if(r.has(f.operator)){const l=r.get(f.operator);return l&&l(f.target,f.param,f.value,p)||!1}return!1}function h(f,p){return o(f).reduce((j,s)=>j&&u(s,p),!0)}function g(f,p){const l=Object.keys(f),m=l.includes("allOf"),j=l.includes("anyOf"),s=m||j,v=(s?f[s?m?"allOf":"anyOf":"allOf"]:[f]).map(y=>h(y,p));return m?!v.includes(!1):v.includes(!0)}return{parseValueSchema:g}}const Ne={},Ae={};Se();function Ee(n,t,e=new Map,r=(u,h,g)=>h,a={},o=u=>u){return ne[t.title]=t,re[t.title]=r,Ne[t.title]=a,Ae[t.title]=o,(u={})=>{const h=Te(u,t,e),g=Object.keys(n).reduce((f,p)=>(f[p]=n[p].default,f),{});return Object.assign(g,h)}}function De(n,t){return{customClass:t.class,customStyle:t.style}}const we=new Map([["appearance",De]]),Oe={$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 $e(n,t,e){return t}const Me={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:"右对齐"}]}}}}}},V={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=>ve}},Y=Ee(V,Oe,we,$e,Me),_=d.defineComponent({name:"FNav",props:V,emits:["nav","update:activeNavId"],setup(n,t){const e=d.ref(n.activeNavId),r=d.ref(n.navData),a=d.ref(n.horizontal);d.ref(n.navPicking),d.watch(()=>n.activeNavId,(p,l)=>{p!==l&&(e.value=p)});const o=d.computed({get(){return r.value},set(p){r.value=p,g()}}),u=d.computed({get(){return e.value},set(p){if(e.value=p,e.value&&o&&o.value.length){const l=o.value.find(m=>m.id===e.value);l&&t.emit("nav",l)}}}),h=d.computed({set(p){a.value=p},get(){return a.value}});function g(){if(o.value&&o.value.length&&!e.value){const p=o.value.find(l=>!l.disable);p&&(e.value=p.id)}}function f(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 d.createVNode("div",{class:["farris-nav",{"farris-nav-vertical":!h.value}]},[(p=o.value)==null?void 0:p.map(l=>d.createVNode("div",{class:["farris-nav-item",{active:l.id===u.value},{disabled:l.disable}],onClick:()=>f(l)},[d.createVNode("div",{class:"farris-nav-item-link"},[d.createVNode("span",{class:"farris-nav-item-link-text"},[typeof l.text=="function"?l.text():l.text,l.num&&d.createVNode("div",{class:"farris-nav-item-tag"},[l.num<=n.maxNum&&d.createVNode("span",{class:"tag-text"},[l.num]),l.num>n.maxNum&&d.createVNode("span",{class:"tag-text"},[n.maxNum,d.createTextVNode("+")])])])])]))])}}});function ke(n,t,e){var N;function r(){e!=null&&e.resolveComponentContext&&e.resolveComponentContext()}r();const a=e&&e.getStyles&&e.getStyles()||"",o=e&&e.getDesignerClass&&e.getDesignerClass()||"",u=d.ref();function h(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:e&&e.checkCanMoveComponent?e.checkCanMoveComponent():!0}function g(){return!1}function f(){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 l(b){if(!b||!b.value)return null;if(b.value.schema&&b.value.schema.type==="component")return b.value;const P=d.ref(b==null?void 0:b.value.parent),C=l(P);return C||null}function m(b=t){const{componentInstance:P,designerItemElementRef:C}=b;return!P||!P.value?null:P.value.canMove?C:m(b.parent)}function j(b){return!!e&&e.canAccepts(b)}function s(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function i(){}function c(b,P){P&&e!=null&&e.onAcceptMovedChildElement&&e.onAcceptMovedChildElement(P)}function v(b){const{componentType:P}=b;let C=$(P,b);e&&e.onResolveNewComponentSchema&&(C=e.onResolveNewComponentSchema(b,C));const A=P.toLowerCase().replace("-","_");return C&&!C.id&&C.type===P&&(C.id=`${A}_${Math.random().toString().slice(2,6)}`),C}function S(b,P){const C=String(b.getAttribute("data-controltype")),A=b.getAttribute("data-feature"),O=A?JSON.parse(A):{};O.parentComponentInstance=u.value;let E=$(C,O);e&&e.onAcceptNewChildElement&&(E=e.onAcceptNewChildElement(b,P,E));const M=C.toLowerCase().replace("-","_");return E&&!E.id&&E.type===C&&(E.id=`${M}_${Math.random().toString().slice(2,6)}`),E}function y(b){}function T(...b){if(e&&e.getPropsConfig)return e.getPropsConfig(...b)}return u.value={canMove:h(),canSelectParent:g(),canDelete:f(),canNested:!p(),contents:t==null?void 0:t.schema.contents,elementRef:n,parent:(N=t==null?void 0:t.parent)==null?void 0:N.componentInstance,schema:t==null?void 0:t.schema,styles:a,designerClass:o,canAccepts:j,getBelongedComponentInstance:l,getDraggableDesignItemElement:m,getDraggingDisplayText:s,getPropConfig:T,getDragScopeElement:i,onAcceptMovedChildElement:c,onAcceptNewChildElement:S,onChildElementMovedOut:y,addNewChildComponentSchema:v,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!e&&e.triggerBelongedComponentToMoveWhenMoved||d.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!e&&e.triggerBelongedComponentToDeleteWhenDeleted||d.ref(!1)},u}function Ve(){function n(t){var a,o;if(!t)return!1;const e=((a=t.targetContainer)==null?void 0:a.componentInstance)&&t.targetContainer.componentInstance.value;if(!e)return!1;const r=(o=e.schema.appearance)==null?void 0:o.class;if(t.controlCategory==="input"||t.controlType==="form-group"){const u=e.schema.type,h=(u==="response-form"||u==="content-container")&&r&&r.includes("farris-form");if(e.schema.type!=="response-layout-item"&&!h)return!1}return t.controlType!=="field-set"}return{basalDragulaRuleForContainer:n}}const _e={$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"}}}},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"}},required:[]},G=new Map;function Fe(){function n(s,i,c,v){var S;if(typeof c=="number")return((S=v[s])==null?void 0:S.length)===c;if(typeof c=="object"){const y=Object.keys(c)[0],T=c[y];if(y==="not")return Number(v[s].length)!==Number(T);if(y==="moreThan")return Number(v[s].length)>=Number(T);if(y==="lessThan")return Number(v[s].length)<=Number(T)}return!1}function t(s,i,c,v){return typeof c=="boolean"?v.childrenClassList.includes(i)===!!c:!1}function e(s,i,c,v){return typeof c=="boolean"?v.parentClassList.includes(i)===!!c:!1}function r(s,i,c,v){return typeof c=="boolean"?v.parentClassList.includes(i)===!!c:!1}const a=new Map([["length",n],["hasChildren",t],["hasSibling",r],["hasParent",e]]);function o(s,i){const c=s;return typeof i=="number"?[{target:c,operator:"length",param:null,value:Number(i)}]:typeof i=="object"?Object.keys(i).map(v=>{if(v==="length")return{target:c,operator:"length",param:null,value:i[v]};const S=v,y=i[v];return{target:c,operator:s==="children"?"hasChildren":s==="parent"?"hasParent":"hasSibling",param:S,value:y}}):[]}function u(s,i){if(a.has(s.operator)){const c=a.get(s.operator);return c&&c(s.target,s.param,s.value,i)||!1}return!1}function h(s,i){return Object.keys(s).reduce((y,T)=>{const N=o(T,s[T]);return y.push(...N),y},[]).reduce((y,T)=>y&&u(T,i),!0)}function g(s,i){const c=Object.keys(s),v=c.includes("allOf"),S=c.includes("anyOf"),y=v||S,b=(y?s[y?v?"allOf":"anyOf":"allOf"]:[s]).map(C=>h(C,i));return v?!b.includes(!1):b.includes(!0)}function f(s,i){const c=s.const;return c?typeof c=="boolean"?c:typeof c=="object"?g(c,i):!1:!1}function p(s){return i=>{const c={canAccept:!0,fixed:!1,hidePadding:!1};return s&&s.properties&&Object.keys(s.properties).reduce((v,S)=>{const y=s.properties[S];return v[S]=f(y,i),v},c),c}}function l(s,i,c){if(i.type==="object"&&i.properties){const{rules:v,contents:S}=i.properties;c.set(s,p(v)),S&&Object.keys(S.properties).forEach(y=>l(y,S.properties[y],c))}}function m(){const{properties:s}=_e;Object.keys(s).forEach(i=>{l(i,s[i],G)})}function j(s,i){const c={canAccept:!0,fixed:!1,hidePadding:!0};return G.has(s)?G.get(s)(i):c}return m(),{getRuleValue:j}}function Le(n,t){const e=Fe(),r=d.ref(!1),a=d.ref(!1);let o=!0,u=!1,h,g=!1;function f(y){return h&&h.componentClassList&&h.componentClassList.includes("f-form-layout")&&h.componentClassList.includes("farris-form")?y.sourceType==="control"&&y.controlCategory==="input"||y.sourceType==="move"&&y.controlType==="form-group":!0}function p(y){return!(!Ve().basalDragulaRuleForContainer(y)||!o||!f(y))}function l(){r.value=!1,a.value=!1;const y=n,T=y.appearance&&y.appearance.class||"",N=T.split(" "),b=y.contents||[],P=b.length?b[0]:null,C=P&&P.appearance?P.appearance.class:"",A=C?C.split(" "):[],O=b.length?b.reduce((oe,H)=>{const ae=H&&H.appearance?H.appearance.class:"",Ye=ae?ae.split(" "):[];return oe.push(...Ye),oe},[]):[],E=t,M=E&&E.appearance&&E.appearance.class||"",qe=M?M.split(" "):[];h={componentClass:T,componentClassList:N,childContents:b,firstChildContent:P,firstChildClass:C,firstChildClassList:A,parent:E,parentClass:M,parentClassList:qe,children:b,childrenClassList:O};const{canAccept:We,fixed:Ue,hidePadding:ze}=e.getRuleValue(N[0],h);return o=We,u=ze,g=Ue,!0}function m(y){d.nextTick()}function j(){return n.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function s(y,T){const N=n;if((N.appearance&&N.appearance.class||"").split(" ").includes("f-form-layout")){const{label:C}=y,A=$("form-group");return A.editor=T,A.label=C,A}return T}function i(y,T,N){const b=n;if((b.appearance&&b.appearance.class||"").split(" ").includes("f-form-layout")){const A=String(y.innerText),O=$("form-group");return O.editor=N,O.label=A,O}return N}function c(){return!g}function v(){return!g}function S(){return u}return{canAccepts:p,checkCanDeleteComponent:v,checkCanMoveComponent:c,getStyles:j,hideNestedPaddingInDesginerView:S,onAcceptNewChildElement:i,onAcceptMovedChildElement:m,resolveComponentContext:l,onResolveNewComponentSchema:s,triggerBelongedComponentToMoveWhenMoved:r,triggerBelongedComponentToDeleteWhenDeleted:a}}const Be=d.defineComponent({name:"FNavDesign",props:V,emits:["nav"],setup(n,t){var s;const e=d.ref(n.activeNavId),r=d.ref(n.navData),a=d.ref(n.horizontal);d.ref(n.navPicking);const o=d.ref(),u=d.inject("design-item-context"),h=Le(u.schema,(s=u.parent)==null?void 0:s.schema),g=ke(o,u,h);d.onMounted(()=>{o.value.componentInstance=g}),t.expose(g.value);const f=d.computed({get(){return r.value},set(i){r.value=i,m()}}),p=d.computed({get(){return e.value},set(i){if(e.value=i,e.value&&f&&f.value.length){const c=f.value.find(v=>v.id===e.value);c&&t.emit("nav",c)}}}),l=d.computed({set(i){a.value=i},get(){return a.value}});function m(){if(f.value&&f.value.length&&!e.value){const i=f.value.find(c=>!c.disable);i&&(e.value=i.id)}}function j(i){i.disable||i.id===e.value||(e.value=i.id,t.emit("nav",i))}return()=>{var i;return d.createVNode("div",{ref:o,class:["farris-nav",{"farris-nav-vertical":!l.value}]},[(i=f.value)==null?void 0:i.map(c=>d.createVNode("div",{class:["farris-nav-item",{active:c.id===p.value},{disabled:c.disable}],onClick:()=>j(c)},[d.createVNode("div",{class:"farris-nav-item-link"},[d.createVNode("span",{class:"farris-nav-item-link-text"},[c.text,c.num&&d.createVNode("div",{class:"farris-nav-item-tag"},[c.num<=n.maxNum&&d.createVNode("span",{class:"tag-text"},[c.num]),c.num>n.maxNum&&d.createVNode("span",{class:"tag-text"},[n.maxNum,d.createTextVNode("+")])])])])]))])}}}),xe={install(n){n.component(_.name,_)},register(n,t,e,r){n.nav=_,t.nav=Y},registerDesigner(n,t,e){n.nav=Be,t.nav=Y}};D.FNav=_,D.default=xe,D.navProps=V,D.propsResolver=Y,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+  `):"",this.name="UnsubscriptionError",this.errors=e}});function ee(n,t){if(n){var e=n.indexOf(t);0<=e&&n.splice(e,1)}}var H=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,a,o;if(!this.closed){this.closed=!0;var f=this._parentage;if(f)if(this._parentage=null,Array.isArray(f))try{for(var b=I(f),g=b.next();!g.done;g=b.next()){var l=g.value;l.remove(this)}}catch(c){t={error:c}}finally{try{g&&!g.done&&(e=b.return)&&e.call(b)}finally{if(t)throw t.error}}else f.remove(this);var p=this.initialTeardown;if(O(p))try{p()}catch(c){o=c instanceof z?c.errors:[c]}var u=this._finalizers;if(u){this._finalizers=null;try{for(var h=I(u),j=h.next();!j.done;j=h.next()){var i=j.value;try{ne(i)}catch(c){o=o??[],c instanceof z?o=U(U([],W(o)),W(c.errors)):o.push(c)}}}catch(c){r={error:c}}finally{try{j&&!j.done&&(a=h.return)&&a.call(h)}finally{if(r)throw r.error}}}if(o)throw new z(o)}},n.prototype.add=function(t){var e;if(t&&t!==this)if(this.closed)ne(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)&&ee(e,t)},n.prototype.remove=function(t){var e=this._finalizers;e&&ee(e,t),t instanceof n&&t._removeParent(this)},n.EMPTY=function(){var t=new n;return t.closed=!0,t}(),n}();H.EMPTY;function te(n){return n instanceof H||n&&"closed"in n&&O(n.remove)&&O(n.add)&&O(n.unsubscribe)}function ne(n){O(n)?n():n.unsubscribe()}var re={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},de={setTimeout:function(n,t){for(var e=[],r=2;r<arguments.length;r++)e[r-2]=arguments[r];return setTimeout.apply(void 0,U([n,t],W(e)))},clearTimeout:function(n){return clearTimeout(n)},delegate:void 0};function ye(n){de.setTimeout(function(){throw n})}function oe(){}function he(n){n()}var ae=function(n){K(t,n);function t(e){var r=n.call(this)||this;return r.isStopped=!1,e?(r.destination=e,te(e)&&e.add(r)):r.destination=ge,r}return t.create=function(e,r,a){return new G(e,r,a)},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}(H),be=Function.prototype.bind;function Y(n,t){return be.call(n,t)}var me=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){F(r)}},n.prototype.error=function(t){var e=this.partialObserver;if(e.error)try{e.error(t)}catch(r){F(r)}else F(t)},n.prototype.complete=function(){var t=this.partialObserver;if(t.complete)try{t.complete()}catch(e){F(e)}},n}(),G=function(n){K(t,n);function t(e,r,a){var o=n.call(this)||this,f;if(O(e)||!e)f={next:e??void 0,error:r??void 0,complete:a??void 0};else{var b;o&&re.useDeprecatedNextContext?(b=Object.create(e),b.unsubscribe=function(){return o.unsubscribe()},f={next:e.next&&Y(e.next,b),error:e.error&&Y(e.error,b),complete:e.complete&&Y(e.complete,b)}):f=e}return o.destination=new me(f),o}return t}(ae);function F(n){ye(n)}function ve(n){throw n}var ge={closed:!0,next:oe,error:ve,complete:oe},je=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}();function Ce(n){return n}function Te(n){return n.length===0?Ce:n.length===1?n[0]:function(e){return n.reduce(function(r,a){return a(r)},e)}}var Pe=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 a=this,o=Se(t)?t:new G(t,e,r);return he(function(){var f=a,b=f.operator,g=f.source;o.add(b?b.call(o,g):g?a._subscribe(o):a._trySubscribe(o))}),o},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(a,o){var f=new G({next:function(b){try{t(b)}catch(g){o(g),f.unsubscribe()}},error:o,complete:a});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[je]=function(){return this},n.prototype.pipe=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return Te(t)(this)},n.prototype.toPromise=function(t){var e=this;return t=ce(t),new t(function(r,a){var o;e.subscribe(function(f){return o=f},function(f){return a(f)},function(){return r(o)})})},n.create=function(t){return new n(t)},n}();function ce(n){var t;return(t=n??re.Promise)!==null&&t!==void 0?t:Promise}function Ne(n){return n&&O(n.next)&&O(n.error)&&O(n.complete)}function Se(n){return n&&n instanceof ae||Ne(n)&&te(n)}const ie={},se={};function J(n){const{properties:t,title:e}=n,r=Object.keys(t).reduce((a,o)=>(a[o]=t[o].type==="object"&&t[o].properties?J(t[o]):ue.cloneDeep(t[o].default),a),{});return r.id=`${e}-${Date.now()}`,r}function V(n,t={}){const e=ie[n];if(e){let r=J(e);const a=se[n];return r=a?a({getSchemaByType:V},r,t):r,r}return null}function Ae(n,t){const e=J(t);return Object.keys(n).reduce((r,a)=>(r[a]=n[a],r),e),e}function Ee(n,t){return Object.keys(n).filter(r=>n[r]!=null).reduce((r,a)=>{if(t.has(a)){const o=t.get(a);if(typeof o=="string")r[o]=n[a];else{const f=o(a,n[a],n);Object.assign(r,f)}}else r[a]=n[a];return r},{})}function De(n,t,e=new Map){const r=Ae(n,t);return Ee(r,e)}function we(n={}){function t(l,p,u,h){if(typeof u=="number")return h[l].length===u;if(typeof u=="object"){const j=Object.keys(u)[0],i=u[j];if(j==="not")return Number(h[l].length)!==Number(i);if(j==="moreThan")return Number(h[l].length)>=Number(i);if(j==="lessThan")return Number(h[l].length)<=Number(i)}return!1}function e(l,p,u,h){return h[l]&&h[l].propertyValue&&String(h[l].propertyValue.value)===String(u)}const r=new Map([["length",t],["getProperty",e]]);Object.keys(n).reduce((l,p)=>(l.set(p,n[p]),l),r);function a(l,p){const u=l;return typeof p=="number"?[{target:u,operator:"length",param:null,value:Number(p)}]:typeof p=="boolean"?[{target:u,operator:"getProperty",param:l,value:!!p}]:typeof p=="object"?Object.keys(p).map(h=>{if(h==="length")return{target:u,operator:"length",param:null,value:p[h]};const j=h,i=p[h];return{target:u,operator:"getProperty",param:j,value:i}}):[]}function o(l){return Object.keys(l).reduce((u,h)=>{const j=a(h,l[h]);return u.push(...j),u},[])}function f(l,p){if(r.has(l.operator)){const u=r.get(l.operator);return u&&u(l.target,l.param,l.value,p)||!1}return!1}function b(l,p){return o(l).reduce((j,i)=>j&&f(i,p),!0)}function g(l,p){const u=Object.keys(l),h=u.includes("allOf"),j=u.includes("anyOf"),i=h||j,m=(i?l[i?h?"allOf":"anyOf":"allOf"]:[l]).map(T=>b(T,p));return h?!m.includes(!1):m.includes(!0)}return{parseValueSchema:g}}const Oe={},ke={};we();function $e(n,t,e=new Map,r=(f,b,g)=>b,a={},o=f=>f){return ie[t.title]=t,se[t.title]=r,Oe[t.title]=a,ke[t.title]=o,(f={})=>{const b=De(f,t,e),g=Object.keys(n).reduce((l,p)=>(l[p]=n[p].default,l),{});return Object.assign(g,b)}}function Me(n,t){return{customClass:t.class,customStyle:t.style}}const Ve=new Map([["appearance",Me]]),_e={$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 Fe(n,t,e){return t}const Le={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:"右对齐"}]}}}}}},L={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=>Pe}},Q=$e(L,_e,Ve,Fe,Le),B=d.defineComponent({name:"FNav",props:L,emits:["nav","update:activeNavId"],setup(n,t){const e=d.ref(n.activeNavId),r=d.ref(n.navData),a=d.ref(n.horizontal);d.ref(n.navPicking),d.watch(()=>n.activeNavId,(p,u)=>{p!==u&&(e.value=p)});const o=d.computed({get(){return r.value},set(p){r.value=p,g()}}),f=d.computed({get(){return e.value},set(p){if(e.value=p,e.value&&o&&o.value.length){const u=o.value.find(h=>h.id===e.value);u&&t.emit("nav",u)}}}),b=d.computed({set(p){a.value=p},get(){return a.value}});function g(){if(o.value&&o.value.length&&!e.value){const p=o.value.find(u=>!u.disable);p&&(e.value=p.id)}}function l(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 d.createVNode("div",{class:["farris-nav",{"farris-nav-vertical":!b.value}]},[(p=o.value)==null?void 0:p.map(u=>d.createVNode("div",{class:["farris-nav-item",{active:u.id===f.value},{disabled:u.disable}],onClick:()=>l(u)},[d.createVNode("div",{class:"farris-nav-item-link"},[d.createVNode("span",{class:"farris-nav-item-link-text"},[typeof u.text=="function"?u.text():u.text,u.num&&d.createVNode("div",{class:"farris-nav-item-tag"},[u.num<=n.maxNum&&d.createVNode("span",{class:"tag-text"},[u.num]),u.num>n.maxNum&&d.createVNode("span",{class:"tag-text"},[n.maxNum,d.createTextVNode("+")])])])])]))])}}});function Be(n,t,e){var $;function r(){e!=null&&e.resolveComponentContext&&e.resolveComponentContext()}r();const a=e&&e.getStyles&&e.getStyles()||"",o=e&&e.getDesignerClass&&e.getDesignerClass()||"",f=d.ref();function b(){return(t==null?void 0:t.schema.componentType)==="frame"?!1:e&&e.checkCanMoveComponent?e.checkCanMoveComponent():!0}function g(){return!1}function l(){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 u(v){if(!v||!v.value)return null;if(v.value.schema&&v.value.schema.type==="component")return v.value;const S=d.ref(v==null?void 0:v.value.parent),y=u(S);return y||null}function h(v=t){const{componentInstance:S,designerItemElementRef:y}=v;return!S||!S.value?null:S.value.canMove?y:h(v.parent)}function j(v){return!!e&&e.canAccepts(v)}function i(){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 s(v,S){S&&e!=null&&e.onAcceptMovedChildElement&&e.onAcceptMovedChildElement(S)}function m(v){const{componentType:S}=v;let y=V(S,v);e&&e.onResolveNewComponentSchema&&(y=e.onResolveNewComponentSchema(v,y));const C=S.toLowerCase().replace("-","_");return y&&!y.id&&y.type===S&&(y.id=`${C}_${Math.random().toString().slice(2,6)}`),y}function N(v,S){const y=String(v.getAttribute("data-controltype")),C=v.getAttribute("data-feature"),E=C?JSON.parse(C):{};E.parentComponentInstance=f.value;let P=V(y,E);e&&e.onAcceptNewChildElement&&(P=e.onAcceptNewChildElement(v,S,P));const k=y.toLowerCase().replace("-","_");return P&&!P.id&&P.type===y&&(P.id=`${k}_${Math.random().toString().slice(2,6)}`),P}function T(v){}function A(...v){if(e&&e.getPropsConfig)return e.getPropsConfig(...v)}return f.value={canMove:b(),canSelectParent:g(),canDelete:l(),canNested:!p(),contents:t==null?void 0:t.schema.contents,elementRef:n,parent:($=t==null?void 0:t.parent)==null?void 0:$.componentInstance,schema:t==null?void 0:t.schema,styles:a,designerClass:o,canAccepts:j,getBelongedComponentInstance:u,getDraggableDesignItemElement:h,getDraggingDisplayText:i,getPropConfig:A,getDragScopeElement:c,onAcceptMovedChildElement:s,onAcceptNewChildElement:N,onChildElementMovedOut:T,addNewChildComponentSchema:m,updateDragAndDropRules:r,triggerBelongedComponentToMoveWhenMoved:!!e&&e.triggerBelongedComponentToMoveWhenMoved||d.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:!!e&&e.triggerBelongedComponentToDeleteWhenDeleted||d.ref(!1)},f}function xe(){function n(t){var a,o;if(!t)return!1;const e=((a=t.targetContainer)==null?void 0:a.componentInstance)&&t.targetContainer.componentInstance.value;if(!e)return!1;const r=(o=e.schema.appearance)==null?void 0:o.class;if(t.controlCategory==="input"||t.controlType==="form-group"){const f=e.schema.type,b=(f==="response-form"||f==="content-container")&&r&&r.includes("farris-form");if(e.schema.type!=="response-layout-item"&&!b)return!1}return t.controlType!=="field-set"}return{basalDragulaRuleForContainer:n}}const qe={$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"}}}},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"}},required:[]},X=new Map;function We(){function n(i,c,s,m){var N;if(typeof s=="number")return((N=m[i])==null?void 0:N.length)===s;if(typeof s=="object"){const T=Object.keys(s)[0],A=s[T];if(T==="not")return Number(m[i].length)!==Number(A);if(T==="moreThan")return Number(m[i].length)>=Number(A);if(T==="lessThan")return Number(m[i].length)<=Number(A)}return!1}function t(i,c,s,m){return typeof s=="boolean"?m.childrenClassList.includes(c)===!!s:!1}function e(i,c,s,m){return typeof s=="boolean"?m.parentClassList.includes(c)===!!s:!1}function r(i,c,s,m){return typeof s=="boolean"?m.parentClassList.includes(c)===!!s:!1}const a=new Map([["length",n],["hasChildren",t],["hasSibling",r],["hasParent",e]]);function o(i,c){const s=i;return typeof c=="number"?[{target:s,operator:"length",param:null,value:Number(c)}]:typeof c=="object"?Object.keys(c).map(m=>{if(m==="length")return{target:s,operator:"length",param:null,value:c[m]};const N=m,T=c[m];return{target:s,operator:i==="children"?"hasChildren":i==="parent"?"hasParent":"hasSibling",param:N,value:T}}):[]}function f(i,c){if(a.has(i.operator)){const s=a.get(i.operator);return s&&s(i.target,i.param,i.value,c)||!1}return!1}function b(i,c){return Object.keys(i).reduce((T,A)=>{const $=o(A,i[A]);return T.push(...$),T},[]).reduce((T,A)=>T&&f(A,c),!0)}function g(i,c){const s=Object.keys(i),m=s.includes("allOf"),N=s.includes("anyOf"),T=m||N,v=(T?i[T?m?"allOf":"anyOf":"allOf"]:[i]).map(y=>b(y,c));return m?!v.includes(!1):v.includes(!0)}function l(i,c){const s=i.const;return s?typeof s=="boolean"?s:typeof s=="object"?g(s,c):!1:!1}function p(i){return c=>{const s={canAccept:!0,fixed:!1,hidePadding:!1};return i&&i.properties&&Object.keys(i.properties).reduce((m,N)=>{const T=i.properties[N];return m[N]=l(T,c),m},s),s}}function u(i,c,s){if(c.type==="object"&&c.properties){const{rules:m,contents:N}=c.properties;s.set(i,p(m)),N&&Object.keys(N.properties).forEach(T=>u(T,N.properties[T],s))}}function h(){const{properties:i}=qe;Object.keys(i).forEach(c=>{u(c,i[c],X)})}function j(i,c){const s={canAccept:!0,fixed:!1,hidePadding:!0};return X.has(i)?X.get(i)(c):s}return h(),{getRuleValue:j}}function Ue(n,t){var S;const e=n.schema,r=(S=n.parent)==null?void 0:S.schema,a=We(),o=d.ref(!1),f=d.ref(!1);let b=!0,g=!1,l,p=!1;function u(y){return l&&l.componentClassList&&l.componentClassList.includes("f-form-layout")&&l.componentClassList.includes("farris-form")?y.sourceType==="control"&&y.controlCategory==="input"||y.sourceType==="move"&&y.controlType==="form-group":!0}function h(y){return!(!xe().basalDragulaRuleForContainer(y)||!b||!u(y))}function j(){o.value=!1,f.value=!1;const y=e,C=y.appearance&&y.appearance.class||"",E=C.split(" "),P=y.contents||[],k=P.length?P[0]:null,M=k&&k.appearance?k.appearance.class:"",D=M?M.split(" "):[],_=P.length?P.reduce((pe,R)=>{const le=R&&R.appearance?R.appearance.class:"",Xe=le?le.split(" "):[];return pe.push(...Xe),pe},[]):[],x=r,Z=x&&x.appearance&&x.appearance.class||"",Ye=Z?Z.split(" "):[];l={componentClass:C,componentClassList:E,childContents:P,firstChildContent:k,firstChildClass:M,firstChildClassList:D,parent:x,parentClass:Z,parentClassList:Ye,children:P,childrenClassList:_};const{canAccept:Ge,fixed:Je,hidePadding:Qe}=a.getRuleValue(E[0],l);return b=Ge,g=Qe,p=Je,!0}function i(y){d.nextTick()}function c(){return e.componentType?"display:inherit;flex-direction:inherit;margin-bottom:10px":""}function s(y,C){const E=e;if((E.appearance&&E.appearance.class||"").split(" ").includes("f-form-layout")){const{label:M}=y,D=V("form-group");return D.editor=C,D.label=M,m(D),delete D.editor.id,delete D.editor.binding,delete D.editor.appearance,delete D.editor.visible,D}return C}function m(y){const C=n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);if(C&&C.schema&&C.schema.componentType){const E=C.schema.componentType,P=N(E);y.appearance||(y.appearance={}),y.appearance.class=P}}function N(y){let C="";switch(y){case"form-col-1":{C="col-12 col-md-12 col-xl-12 col-el-12";break}case"form-col-12":{C="col-12 col-md-12 col-xl-12 col-el-12";break}case"form-col-2":{C="col-12 col-md-6 col-xl-6 col-el-6";break}case"form-col-3":{C="col-12 col-md-6 col-xl-4 col-el-4";break}case"form-col-4":{C="col-12 col-md-6 col-xl-3 col-el-2";break}case"form-col-6":{C="col-12 col-md-6 col-xl-6 col-el-6";break}case"frame":{C="col-12";break}}return C}function T(y,C,E){const P=e;if((P.appearance&&P.appearance.class||"").split(" ").includes("f-form-layout")){const D=String(y.innerText),_=V("form-group");return _.editor=E,_.label=D,_}return E}function A(){return!p}function $(){return!p}function v(){return g}return{canAccepts:h,checkCanDeleteComponent:$,checkCanMoveComponent:A,getStyles:c,hideNestedPaddingInDesginerView:v,onAcceptNewChildElement:T,onAcceptMovedChildElement:i,resolveComponentContext:j,onResolveNewComponentSchema:s,triggerBelongedComponentToMoveWhenMoved:o,triggerBelongedComponentToDeleteWhenDeleted:f}}const ze=d.defineComponent({name:"FNavDesign",props:L,emits:["nav"],setup(n,t){var i;const e=d.ref(n.activeNavId),r=d.ref(n.navData),a=d.ref(n.horizontal);d.ref(n.navPicking);const o=d.ref(),f=d.inject("design-item-context"),b=Ue(f.schema,(i=f.parent)==null?void 0:i.schema),g=Be(o,f,b);d.onMounted(()=>{o.value.componentInstance=g}),t.expose(g.value);const l=d.computed({get(){return r.value},set(c){r.value=c,h()}}),p=d.computed({get(){return e.value},set(c){if(e.value=c,e.value&&l&&l.value.length){const s=l.value.find(m=>m.id===e.value);s&&t.emit("nav",s)}}}),u=d.computed({set(c){a.value=c},get(){return a.value}});function h(){if(l.value&&l.value.length&&!e.value){const c=l.value.find(s=>!s.disable);c&&(e.value=c.id)}}function j(c){c.disable||c.id===e.value||(e.value=c.id,t.emit("nav",c))}return()=>{var c;return d.createVNode("div",{ref:o,class:["farris-nav",{"farris-nav-vertical":!u.value}]},[(c=l.value)==null?void 0:c.map(s=>d.createVNode("div",{class:["farris-nav-item",{active:s.id===p.value},{disabled:s.disable}],onClick:()=>j(s)},[d.createVNode("div",{class:"farris-nav-item-link"},[d.createVNode("span",{class:"farris-nav-item-link-text"},[s.text,s.num&&d.createVNode("div",{class:"farris-nav-item-tag"},[s.num<=n.maxNum&&d.createVNode("span",{class:"tag-text"},[s.num]),s.num>n.maxNum&&d.createVNode("span",{class:"tag-text"},[n.maxNum,d.createTextVNode("+")])])])])]))])}}}),He={install(n){n.component(B.name,B)},register(n,t,e,r){n.nav=B,t.nav=Q},registerDesigner(n,t,e){n.nav=ze,t.nav=Q}};w.FNav=B,w.default=He,w.navProps=L,w.propsResolver=Q,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/nav/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/nav/index.d.ts"
     }

package/components/notify/package.json

@@ -3,6 +3,6 @@
         "version": "1.1.7",
         "main": "index.umd.js",
         "module": "index.esm.js",
-        "style": "style.css",
+        "style": "index.css",
         "types": "../types/notify/index.d.ts"
     }