@farris/ui-vue 1.7.3 → 1.7.5

package/components/tabs/index.umd.cjs

@@ -1 +1 @@
-(function(S,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js"),require("../capsule/index.umd.js"),require("../locale/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../section/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../capsule/index.umd.js","../locale/index.umd.js","../response-toolbar/index.umd.js","../section/index.umd.js"],e):(S=typeof globalThis<"u"?globalThis:S||self,e(S.tabs={},S.Vue,S.common,S.FCapsule,S.locale,S.FResponseToolbar,S.FSection))})(this,function(S,e,P,X,W,Y,A){"use strict";const $={tabType:{type:String,default:"default"},autoTitleWidth:{type:Boolean,default:!1},titleLength:{type:Number,default:7},position:{type:String,default:"top"},showDropdown:{type:Boolean,default:!0},scrollStep:{type:Number,default:10},autoResize:{type:Boolean,default:!1},width:{type:Number},height:{type:Number},searchBoxVisible:{type:Boolean,default:!0},titleWidth:{type:Number,default:0},customClass:{type:String,default:""},activeId:{type:String},fill:{type:Boolean,default:!1},justifyContent:{type:String,default:"left"},visible:{type:Boolean,default:!0}};function Z(t,n,i){const u=e.ref([]),o=e.ref(t.activeId||"");let p="";const h=e.ref(!0),b=e.ref([]),v=e.ref(!0),c=e.ref(0),m=e.computed(()=>{const a=u.value.find(s=>s.props.id===o.value);return(a==null?void 0:a.props.toolbarPosition)==="inHead"});function C(a,l=!0){const s=a.findIndex(T=>T.props.show!==!1&&!T.props.disabled);if(b.value=[],s!==-1){if(o.value=a[s].props.id,!l)return;const T=a[s];T&&T.props.toolbar&&T.props.toolbar.buttons&&T.props.toolbar.buttons.length&&(b.value=[...T.props.toolbar.buttons],v.value=T.props.toolbarVisible)}}function w(a){o.value=a;const l=u.value.find(s=>s.props.id===a);b.value=[],l&&l.props.toolbar&&l.props.toolbar.buttons&&l.props.toolbar.buttons.length&&(b.value=[...l.props.toolbar.buttons],v.value=l.props.toolbarVisible),n.emit("update:activeId",a),n.emit("tabChange",{prevId:p,nextId:o.value})}function V(a){let l=-1;if(!o.value){if(l=a.findIndex(s=>o.value===s.props.id&&s.props.show!==!1&&!s.props.disabled),l>-1)return;p=o.value}C(a,!1),w(o.value)}function j(a){let l=!1;if(a){const s=u.value.find(T=>T.props.id===a);l=!s||s.props.show===!1||s.props.disabled===!0}l?V(u.value):(o.value!==a&&(p=o.value,o.value=a),w(o.value))}e.watch(()=>t.activeId,(a,l)=>{a!==l&&t.activeId!==o.value&&j(a)});function d(a){var s;if(t.autoTitleWidth)return;const l=(s=a.value)==null?void 0:s.querySelectorAll(".st-tab-text");if(!(!l||t.tabType==="pill"))for(let T=0;T<l.length;T++){const k=l[T].parentNode;l[T].scrollWidth>k.offsetWidth?l[T].classList.contains("farris-title-text-custom")||l[T].classList.add("farris-title-text-custom"):l[T].classList.remove("farris-title-text-custom")}}const f=a=>{a.preventDefault(),a.stopPropagation()};function y(a,l,s=!1){const T=u.value.findIndex(k=>k.props.id===l);u.value=u.value.filter(k=>k.props.id!==l),o.value===l&&(p=l,o.value="",C(u.value)),f(a),e.nextTick(()=>{c.value++,d(i),s&&(h.value=!0),n.emit("tabRemove",{removeIndex:T,removeId:l,activeId:o.value})})}function r(a,l=!0){o.value===a&&(o.value="",p=a,j("")),e.nextTick(()=>{c.value++,l&&(h.value=!0)})}let x;function N(a){x=a}function I(a){o.value!==a&&(p=o.value,w(a),x&&x())}function H(a){u.value.findIndex(s=>s.props.id===a.props.id)===-1&&u.value.push(a),c.value++}function O(a){u.value.findIndex(s=>s.props.id===a.props.id)!==-1&&(u.value.forEach(s=>{s.props.id===a.props.id&&(s=a)}),a.props.id===o.value&&m.value,e.nextTick(()=>{c.value++,d(i)}))}return{activeId:o,addTab:H,changeTitleStyle:d,removeTab:y,selectTab:I,tabPages:u,updateTab:O,toolbarItems:b,needUpdateNavigationLayout:c,checkActiveIdAndSelect:j,toggleShowTab:r,hasInHeadClass:m,setScrollToSelectedTabFunction:N,toolbarVisible:v}}function ee(t,n,i,u,o){const{activeId:p,removeTab:h,selectTab:b}=o,v=e.computed(()=>{const r={"st-tab-text":!0,"text-truncate":t.tabType==="pill"&&!t.autoTitleWidth,"farris-title-auto":t.autoTitleWidth};return P.getCustomClass(r,n.customTitleClass)}),c=e.computed(()=>({"nav-item":!0,"d-none":n.show!==void 0?!n.show:!1,"f-state-active":n.id===p.value,"f-state-disabled":n.disabled})),m=e.computed(()=>({width:`${n.tabWidth}px`})),C=e.computed(()=>({"nav-link":!0,"tabs-text-truncate":!0,active:n.id===p.value,disabled:n.disabled})),w=e.reactive({content:n.title,overflowShown:!0});function V(){return t.tabType!=="pill"&&!t.autoTitleWidth?e.withDirectives(e.createVNode("span",{class:v.value,"data-tabid":n.id},[n.title]),[[e.resolveDirective("tooltip"),w]]):e.createVNode("span",{class:v.value,"data-tabid":n.id,title:n.title},[n.title])}const j=e.ref(n.removeable);function d(){return j.value?e.createVNode("span",{class:"st-drop-close",onClick:r=>h(r,n.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]):""}function f(r){b(n.id),t.tabType==="one-page"&&u.scrollToByPaggId(n.id)}function y(){return i.slots.title?e.createVNode("a",{class:C.value,onClick:f,id:`${n.id}-design-item`},[i.slots.title(i),d()]):n.titleRenderFunction?e.createVNode("a",{class:C.value,onClick:f,id:`${n.id}-design-item`},[n.titleRenderFunction(),d()]):e.createVNode("a",{class:C.value,onClick:f,id:`${n.id}-design-item`},[V(),d()])}return e.createVNode("li",{class:c.value,style:m.value},[y()])}function te(t,n,i,u,o){const{shouldShowNavigationButtons:p}=i,{tabPages:h}=o,b=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":p.value})),v=e.computed(()=>({width:"100%","justify-content":t.justifyContent})),c=e.computed(()=>({nav:!0,"farris-nav-tabs":!0,"flex-nowrap":!0,"nav-fill":t.tabType==="fill","nav-pills":t.tabType==="pills","flex-row":t.position==="top"||t.position==="bottom","flex-column":t.position==="left"||t.position==="right"}));return()=>e.createVNode("div",{class:b.value,style:v.value},[e.createVNode("ul",{class:c.value,ref:n},[h.value.map(m=>ee(t,m.props,m,u,o))])])}function le(t,n,i,u,o){const p=e.ref(),{shouldShowNavigationButtons:h}=i,{activeId:b,tabPages:v,selectTab:c}=o,m=e.ref(b.value),C=e.computed(()=>v.value.map(d=>({name:d.props.title,value:d.props.id,show:d.props.show,disabled:d.props.disabled}))),w=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":h.value})),V=e.computed(()=>({width:"100%",display:"flex","justify-content":t.justifyContent}));e.onMounted(()=>{p.value&&(n.value=p.value.$el)});function j(d){c(d)}return e.watch(()=>b.value,d=>{d!==m.value&&(m.value=d)},{immediate:!0}),()=>e.createVNode("div",{class:w.value,style:V.value},[e.createVNode(X,{items:C.value,modelValue:m.value,"onUpdate:modelValue":d=>m.value=d,onChange:j,ref:p},null)])}function ne(t,n,i,u){const o=e.ref(),{activeId:p,removeTab:h,tabPages:b,selectTab:v}=u,{hideDropDown:c,searchTabText:m}=n,C=600;let w=null;const V=e.computed(()=>{var s,T;let l=[];return t.searchBoxVisible?l=(s=b.value)==null?void 0:s.filter(k=>k.props.title.includes(m.value)):l=(T=b.value)==null?void 0:T.slice(),l}),j=e.computed(()=>({"dropdown-menu":!0,"tabs-pt28":t.searchBoxVisible,show:!c.value,"d-none":c.value}));let d;function f(l){d=l}e.watch(c,l=>{if(d.value)if(l)o.value.style.width=null;else{const s=d.value.querySelector(".farris-tabs-header"),T=d.value.clientHeight-s.clientHeight-20,R=s.querySelector(".farris-tabs-title").clientWidth-20;o.value.style.maxWidth=R+"px",o.value.style.maxHeight=T+"px",e.nextTick(()=>{const{width:D}=o.value.getClientRects()[0];o.value.style.width=D?D+"px":null})}});function y(l){return{"dropdown-item":!0,"text-truncate":!0,"px-2":!0,disabled:l.props.disabled,active:l.props.id===p.value,"d-none":l.props.show!==!0}}function r(l){l.preventDefault(),l.stopPropagation()}function x(){w&&clearTimeout(w)}function N(){c.value||(w=setTimeout(()=>{c.value=!0},C))}function I(l,s){l.stopPropagation(),s.disabled||v(s.id),c.value=!0}function H(l,s){l.stopPropagation(),h(l,s,!0)}function O(l){return l.slots.title?e.createVNode("a",{class:"dropdown-title",id:`${l.props.id}-dropdown-item`},[l.slots.title(l)]):l.props.titleRenderFunction?e.createVNode("a",{class:"dropdown-title",id:`${l.props.id}-dropdown-item`},[l.props.titleRenderFunction()]):e.createVNode("a",{class:"dropdown-title",id:`${l.props.id}-dropdown-item`},[l.props.title])}function a(){return e.createVNode("div",{ref:o,class:j.value,onMouseenter:()=>x(),onMouseleave:()=>N()},[t.searchBoxVisible&&e.createVNode("div",{onClick:l=>r(l),class:"pb-1 tabs-li-absolute"},[e.withDirectives(e.createVNode("input",{type:"text",class:"form-control","onUpdate:modelValue":l=>m.value=l},null),[[e.vModelText,m.value]]),e.createVNode("span",{class:"f-icon f-icon-page-title-query tabs-icon-search"},null)]),V.value.length?e.createVNode("ul",{class:"tab-dropdown-menu--items flex-fill"},[V.value.map(l=>e.createVNode("li",{class:y(l),onClick:s=>I(s,l.props)},[l.props.removeable&&l.props.disabled!==!0&&e.createVNode("span",{class:"float-right st-drop-close",onClick:s=>H(s,l.props.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]),O(l)]))]):e.createVNode("div",{class:"dropdown-no-data"},[W.LocaleService.getLocaleValue("tabs.noData")])])}return{renderDropdownMenu:a,setTabsRef:f}}function oe(t,n,i,u){const{hideDropDown:o}=n,{renderDropdownMenu:p,setTabsRef:h}=ne(t,n,i,u),b=e.ref(t.showDropdown);function v(){return b.value&&e.createVNode(e.Fragment,null,[e.createVNode("button",{class:"btn dropdown-toggle-split dropdown-toggle",onClick:()=>{o.value=!1}},null),p()])}return{renderMorePagesButtton:v,setTabsRef:h}}function ae(t,n,i,u){const o=e.ref(!1),{selectTab:p,tabPages:h,needUpdateNavigationLayout:b,activeId:v}=u,c=4,m=e.computed(()=>({btn:!0,"sc-nav-btn":!0,"px-1":!0,"sc-nav-lr":!0,"d-none":!o.value})),C=e.computed(()=>({"btn-group":!0,"sc-nav-btn":!0,dropdown:!0,"d-none":!o.value})),w=e.computed(()=>({btn:!0,"sc-nav-rg":!0,"d-none":!o.value}));function V(r,x){if(!n.value)return;const N=n.value.scrollLeft,I=n.value.scrollWidth-n.value.offsetWidth;if(x>0){if(n.value.scrollLeft>=I)return;n.value.scrollLeft=N+t.scrollStep+r}else if(x<0){if(n.value.scrollLeft<=0)return;n.value.scrollLeft=N-t.scrollStep-r}}function j(r=-1){if(!o.value||!n.value)return;r<0&&(r=h.value.findIndex(O=>O.props.id===v.value));const x=t.tabType==="pills"?".f-capsule-item":".nav-item",N=n.value.querySelectorAll(x),{parentElement:I}=n.value,H=N[r];if(H&&I){const O=I.getBoundingClientRect().left,a=I.getBoundingClientRect().right,l=H.getBoundingClientRect().left,s=H.getBoundingClientRect().right;l<O?V(O-l,-1):a<s&&V(s-a,1),t.tabType==="one-page"&&i.scrollTo(r)}}function d(){var N;if(!n.value)return;const r=n.value,x=(N=n.value)==null?void 0:N.parentElement;o.value=x&&r&&x.offsetWidth<r.scrollWidth-c,o.value&&e.nextTick(()=>{j()})}function f(r){r.disabled||p(r.id)}function y(){["default","one-page"].indexOf(t.tabType)>-1&&e.nextTick(()=>{j()})}return e.watch(b,()=>{d()}),{previousButtonClass:m,nextButtonGroupClass:C,nextButtonClass:w,scrollTab:V,selectAndScrollToTab:f,shouldShowNavigationButtons:o,updateNavigationLayout:d,scrollToSelectedTab:y}}function se(t,n){const{tabPages:i}=n,u=e.ref(""),o=e.ref(!0),p=e.computed(()=>t.searchBoxVisible),h=e.computed(()=>p.value?i.value.filter(v=>v.props.title.includes(u.value)):i.value.slice());return e.watch(o,b=>{b||(u.value="")}),{searchTabText:u,hideDropDown:o,shouldShowSearchBox:p,tabsInDropdownMenu:h}}function ie(t,n,i){const u=".farris-tab-page",{tabPages:o}=i;function p(b){const v=n.value;if(v){const c=n.value.querySelectorAll(u);if(c.length>0){const m=c[b],{offsetTop:C}=m,w=C-32>0?C-32:0;v.scrollTop=w}}}function h(b){const v=o.value.findIndex(c=>c.props.id===b);v>-1&&p(v)}return{scrollTo:p,scrollToByPaggId:h}}const M=e.defineComponent({name:"FTabs",props:$,emits:["tabChange","tabRemove","update:activeId","Click"],setup(t,n){const i=e.ref(t.tabType),u=e.shallowRef(),o=P.isMobilePhone(),p=e.ref(t.customClass),h=e.shallowRef(),b=e.shallowRef(),v=e.ref(),c=Z(t,n,h),{activeId:m,changeTitleStyle:C,tabPages:w,addTab:V,updateTab:j,toolbarItems:d,checkActiveIdAndSelect:f,toggleShowTab:y,hasInHeadClass:r,toolbarVisible:x}=c,N=ie(t,b,c),I=ae(t,h,N,c),{previousButtonClass:H,nextButtonClass:O,nextButtonGroupClass:a,scrollTab:l,updateNavigationLayout:s,scrollToSelectedTab:T}=I;c.setScrollToSelectedTabFunction(T);const k=se(t,c),R=te(t,h,I,N,c),D=R,re=le(t,h,I,N,c),E=new Map([["default",R],["one-page",D],["pills",re]]);e.computed(()=>{const g=w.value.find(B=>B.props.id===m.value);return g==null?void 0:g.slots});const q=e.computed(()=>t.fill),z=(g,B)=>{n.emit("Click",g,B,m.value)};e.provide("tabs",{activeId:m,addTab:V,updateTab:j,tabPages:w,tabType:i,shouldFillParentContaner:q,toggleShowTab:y,toolbarVisible:x,clickToolbarItemHandler:z});let G=!1;const ce=e.computed(()=>({"farris-tabs-header":!0,"farris-tabs-inHead":r.value,"farris-tabs-inContent":!r.value,"farris-tabs-nav-fill":t.tabType==="fill","farris-tabs-nav-pills":t.tabType==="pills"})),ue=e.computed(()=>{const g={width:r.value&&t.titleWidth?`${t.titleWidth}%`:""};return g.width&&(g.flex="unset"),g}),de=e.computed(()=>{const g={"farris-tabs":!0,"f-tabs-content-fill":q.value,"flex-column":t.position==="top","flex-column-reverse":t.position==="bottom","flex-row":t.position==="left","flex-row-reverse":t.position==="right","one-page":t.tabType==="one-page"};return p.value&&p.value.split(" ").reduce((B,L)=>(B[L]=!0,B),g),g}),fe=new ResizeObserver(g=>{g.length&&s()});function J(){v.value&&!G&&(fe.observe(v.value),G=!0)}e.watch(()=>t.visible,g=>{e.nextTick(()=>{w.value.length&&f(t.activeId||w.value[0].props.id),s(),C(h),J()})}),e.watch(()=>t.autoTitleWidth,g=>{e.nextTick(()=>{s(),C(h)})}),e.onMounted(()=>{t.visible&&(w.value.length&&f(t.activeId||w.value[0].props.id),e.nextTick(()=>{s(),C(h)}),J())});function be(){return e.createVNode("button",{title:W.LocaleService.getLocaleValue("tabs.leftButton"),type:"button",class:H.value,onClick:()=>{l(0,-1)}},null)}function pe(){return e.createVNode("button",{title:W.LocaleService.getLocaleValue("tabs.rightButton"),type:"button",class:O.value,onClick:()=>{l(0,1)}},null)}const{renderMorePagesButtton:ve,setTabsRef:me}=oe(t,k,I,c);me(u);function he(){return d.value.length?e.createVNode("div",{class:{"farris-tabs-toolbar":!0,"d-none":!x.value}},[e.createVNode(Y,{class:"f-utils-fill",alignment:r.value?"right":"left",items:d.value,visible:x.value,onClick:z},null)]):null}const K=E.get(t.tabType)||E.get("default");function Te(){var g,B,L,Q;return!o&&e.createVNode("div",{class:ce.value},[e.createVNode("div",{class:"farris-tabs-header-pre"},[(B=(g=n.slots).headerPrefix)==null?void 0:B.call(g)]),e.createVNode("div",{class:"farris-tabs-title scroll-tabs",style:ue.value,ref:v},[be(),K&&K(),e.createVNode("div",{class:a.value},[pe(),ve()])]),he(),e.createVNode("div",{class:"farris-tabs-header-post"},[(Q=(L=n.slots).headerSuffix)==null?void 0:Q.call(L)])])}const ye=e.computed(()=>({"farris-tabs-content":!0,"f-utils-fill-flex-column":q.value}));function we(){var g,B;return e.createVNode("div",{class:ye.value,ref:b},[(B=(g=n.slots).default)==null?void 0:B.call(g)])}return()=>t.visible?e.createVNode("div",{class:de.value,ref:u},[Te(),we()]):null}}),U={tabWidth:{type:Number},id:{type:String,default:""},customTitleClass:{type:String,default:""},titleOverflow:{type:Boolean,default:!1},title:{type:String,default:""},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},removeable:{type:Boolean,default:!1},show:{type:Boolean,default:!0},toolbar:{type:Object,default:{}},toolbarPosition:{type:String,default:"inHead"},toolbarVisible:{type:Boolean,default:!0},titleRenderFunction:{type:Function}};function _(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const F=e.defineComponent({name:"FTabPage",props:U,emits:[],setup(t,n){const i=e.inject("tabs"),u=P.isMobilePhone(),o=e.ref(t.show),p={slots:n.slots,props:t},h=e.ref((i==null?void 0:i.tabType.value)||"default");e.onMounted(()=>{const f=i==null?void 0:i.tabPages.value.findIndex(y=>y.props.id===t.id);(!f||f===-1)&&(i==null||i.addTab(p))}),e.onUnmounted(()=>{});const b=e.computed(()=>(t==null?void 0:t.id)===(i==null?void 0:i.activeId.value)),v=e.computed(()=>({display:b.value?"":"none"}));e.watch(()=>t,f=>{i==null||i.updateTab({props:f,slots:n.slots})},{immediate:!0,deep:!0}),e.watch(()=>t.show,f=>{i==null||i.toggleShowTab(t.id)}),e.watch(()=>t.toolbarVisible,f=>{b.value&&i&&(i.toolbarVisible.value=f)});function c(){var y,r;const f=(r=(y=n.slots).default)==null?void 0:r.call(y);return e.createVNode(A,{"main-title":t.title,class:["farris-tab-page",o.value?"":"f-tab-d-none"]},_(f)?f:{default:()=>[f]})}function m(f,y){i&&(i.activeId.value=t.id,i.clickToolbarItemHandler&&i.clickToolbarItemHandler(f,y))}function C(){var y,r;const f=(r=(y=n.slots).default)==null?void 0:r.call(y);return e.createVNode(A,{customClass:"section-in-tab is-mobile",onClick:m,visible:t.show,"main-title":t.title,buttons:t.toolbar.buttons,"button-position":t.toolbar.position||t.toolbarPosition,"buttons-visible":t.toolbarVisible},_(f)?f:{default:()=>[f]})}const w=e.computed(()=>{var y;return{"farris-tab-page":!0,"f-tab-d-none":!o.value,"f-tab-active":b.value&&i&&((y=i.shouldFillParentContaner)==null?void 0:y.value)}});function V(){var y,r;const f=(r=(y=n.slots).default)==null?void 0:r.call(y);return e.createVNode("div",{class:w.value,style:v.value},[f])}const d=u?C:new Map([["default",V],["one-page",c],["mobile",C]]).get(h.value)||V;return()=>d()}});M.install=t=>{t.component(M.name,M),t.component(F.name,F)},S.FTabPage=F,S.FTabs=M,S.default=M,S.tabPageProps=U,S.tabsProps=$,Object.defineProperties(S,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(x,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js"),require("../capsule/index.umd.js"),require("../locale/index.umd.js"),require("../response-toolbar/index.umd.js"),require("../section/index.umd.js"),require("../property-panel/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../capsule/index.umd.js","../locale/index.umd.js","../response-toolbar/index.umd.js","../section/index.umd.js","../property-panel/index.umd.js"],e):(x=typeof globalThis<"u"?globalThis:x||self,e(x.tabs={},x.Vue,x.common,x.FCapsule,x.locale,x.FResponseToolbar,x.FSection,x.propertyPanel))})(this,function(x,e,W,X,D,Y,q,Z){"use strict";const E={tabType:{type:String,default:"default"},autoTitleWidth:{type:Boolean,default:!1},titleLength:{type:Number,default:7},position:{type:String,default:"top"},showDropdown:{type:Boolean,default:!0},scrollStep:{type:Number,default:10},autoResize:{type:Boolean,default:!1},width:{type:Number},height:{type:Number},searchBoxVisible:{type:Boolean,default:!0},titleWidth:{type:Number,default:0},customClass:{type:String,default:""},activeId:{type:String},fill:{type:Boolean,default:!1},justifyContent:{type:String,default:"left"},visible:{type:Boolean,default:!0}};function ee(t,o,n){const r=e.ref([]),a=e.ref(t.activeId||"");let f="";const h=e.ref(!0),p=e.ref([]),u=e.ref(!0),d=e.ref(0),m=e.computed(()=>{const s=r.value.find(i=>i.props.id===a.value);return(s==null?void 0:s.props.toolbarPosition)==="inHead"});function C(s,l=!0){const i=s.findIndex(g=>g.props.show!==!1&&!g.props.disabled);if(p.value=[],i!==-1){if(a.value=s[i].props.id,!l)return;const g=s[i];g&&g.props.toolbar&&g.props.toolbar.buttons&&g.props.toolbar.buttons.length&&(p.value=[...g.props.toolbar.buttons],u.value=g.props.toolbarVisible)}}function T(s){a.value=s;const l=r.value.find(i=>i.props.id===s);p.value=[],l&&l.props.toolbar&&l.props.toolbar.buttons&&l.props.toolbar.buttons.length&&(p.value=[...l.props.toolbar.buttons],u.value=l.props.toolbarVisible),o.emit("update:activeId",s),o.emit("tabChange",{prevId:f,nextId:a.value})}function V(s){let l=-1;if(!a.value){if(l=s.findIndex(i=>a.value===i.props.id&&i.props.show!==!1&&!i.props.disabled),l>-1)return;f=a.value}C(s,!1),T(a.value)}function j(s){let l=!1;if(s){const i=r.value.find(g=>g.props.id===s);l=!i||i.props.show===!1||i.props.disabled===!0}l?V(r.value):(a.value!==s&&(f=a.value,a.value=s),T(a.value))}e.watch(()=>t.activeId,(s,l)=>{s!==l&&t.activeId!==a.value&&j(s)});function b(s){var i;if(t.autoTitleWidth)return;const l=(i=s.value)==null?void 0:i.querySelectorAll(".st-tab-text");if(!(!l||t.tabType==="pill"))for(let g=0;g<l.length;g++){const O=l[g].parentNode;l[g].scrollWidth>O.offsetWidth?l[g].classList.contains("farris-title-text-custom")||l[g].classList.add("farris-title-text-custom"):l[g].classList.remove("farris-title-text-custom")}}const v=s=>{s.preventDefault(),s.stopPropagation()};function y(s,l,i=!1){const g=r.value.findIndex(O=>O.props.id===l);r.value=r.value.filter(O=>O.props.id!==l),a.value===l&&(f=l,a.value="",C(r.value)),v(s),e.nextTick(()=>{d.value++,b(n),i&&(h.value=!0),o.emit("tabRemove",{removeIndex:g,removeId:l,activeId:a.value})})}function c(s,l=!0){a.value===s&&(a.value="",f=s,j("")),e.nextTick(()=>{d.value++,l&&(h.value=!0)})}let S;function I(s){S=s}function B(s){a.value!==s&&(f=a.value,T(s),S&&S())}function k(s){r.value.findIndex(i=>i.props.id===s.props.id)===-1&&r.value.push(s),d.value++}function P(s){r.value.findIndex(i=>i.props.id===s.props.id)!==-1&&(r.value.forEach(i=>{i.props.id===s.props.id&&(i=s)}),s.props.id===a.value&&m.value,e.nextTick(()=>{d.value++,b(n)}))}return{activeId:a,addTab:k,changeTitleStyle:b,removeTab:y,selectTab:B,tabPages:r,updateTab:P,toolbarItems:p,needUpdateNavigationLayout:d,checkActiveIdAndSelect:j,toggleShowTab:c,hasInHeadClass:m,setScrollToSelectedTabFunction:I,toolbarVisible:u}}function te(t,o,n,r,a){const{activeId:f,removeTab:h,selectTab:p}=a,u=e.computed(()=>{const c={"st-tab-text":!0,"text-truncate":t.tabType==="pill"&&!t.autoTitleWidth,"farris-title-auto":t.autoTitleWidth};return W.getCustomClass(c,o.customTitleClass)}),d=e.computed(()=>({"nav-item":!0,"d-none":o.show!==void 0?!o.show:!1,"f-state-active":o.id===f.value,"f-state-disabled":o.disabled})),m=e.computed(()=>({width:`${o.tabWidth}px`})),C=e.computed(()=>({"nav-link":!0,"tabs-text-truncate":!0,active:o.id===f.value,disabled:o.disabled})),T=e.reactive({content:o.title,overflowShown:!0});function V(){return t.tabType!=="pill"&&!t.autoTitleWidth?e.withDirectives(e.createVNode("span",{class:u.value,"data-tabid":o.id},[o.title]),[[e.resolveDirective("tooltip"),T]]):e.createVNode("span",{class:u.value,"data-tabid":o.id,title:o.title},[o.title])}const j=e.ref(o.removeable);function b(){return j.value?e.createVNode("span",{class:"st-drop-close",onClick:c=>h(c,o.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]):""}function v(c){p(o.id),t.tabType==="one-page"&&r.scrollToByPaggId(o.id)}function y(){return n.slots.title?e.createVNode("a",{class:C.value,onClick:v,id:`${o.id}-design-item`},[n.slots.title(n),b()]):o.titleRenderFunction?e.createVNode("a",{class:C.value,onClick:v,id:`${o.id}-design-item`},[o.titleRenderFunction(),b()]):e.createVNode("a",{class:C.value,onClick:v,id:`${o.id}-design-item`},[V(),b()])}return e.createVNode("li",{class:d.value,style:m.value},[y()])}function oe(t,o,n,r,a){const{shouldShowNavigationButtons:f}=n,{tabPages:h}=a,p=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":f.value})),u=e.computed(()=>({width:"100%","justify-content":t.justifyContent})),d=e.computed(()=>({nav:!0,"farris-nav-tabs":!0,"flex-nowrap":!0,"nav-fill":t.tabType==="fill","nav-pills":t.tabType==="pills","flex-row":t.position==="top"||t.position==="bottom","flex-column":t.position==="left"||t.position==="right"}));return()=>e.createVNode("div",{class:p.value,style:u.value},[e.createVNode("ul",{class:d.value,ref:o},[h.value.map(m=>te(t,m.props,m,r,a))])])}function le(t,o,n,r,a){const f=e.ref(),{shouldShowNavigationButtons:h}=n,{activeId:p,tabPages:u,selectTab:d}=a,m=e.ref(p.value),C=e.computed(()=>u.value.map(b=>({name:b.props.title,value:b.props.id,show:b.props.show,disabled:b.props.disabled}))),T=e.computed(()=>({spacer:!0,"f-utils-fill":!0,"spacer-sides-dropdown":h.value})),V=e.computed(()=>({width:"100%",display:"flex","justify-content":t.justifyContent}));e.onMounted(()=>{f.value&&(o.value=f.value.$el)});function j(b){d(b)}return e.watch(()=>p.value,b=>{b!==m.value&&(m.value=b)},{immediate:!0}),()=>e.createVNode("div",{class:T.value,style:V.value},[e.createVNode(X,{items:C.value,modelValue:m.value,"onUpdate:modelValue":b=>m.value=b,onChange:j,ref:f},null)])}function ne(t,o,n,r){const a=e.ref(),{activeId:f,removeTab:h,tabPages:p,selectTab:u}=r,{hideDropDown:d,searchTabText:m}=o,C=600;let T=null;const V=e.computed(()=>{var i,g;let l=[];return t.searchBoxVisible?l=(i=p.value)==null?void 0:i.filter(O=>O.props.title.includes(m.value)):l=(g=p.value)==null?void 0:g.slice(),l}),j=e.computed(()=>({"dropdown-menu":!0,"tabs-pt28":t.searchBoxVisible,show:!d.value,"d-none":d.value}));let b;function v(l){b=l}e.watch(d,l=>{if(b.value)if(l)a.value.style.width=null;else{const i=b.value.querySelector(".farris-tabs-header"),g=b.value.clientHeight-i.clientHeight-20,M=i.querySelector(".farris-tabs-title").clientWidth-20;a.value.style.maxWidth=M+"px",a.value.style.maxHeight=g+"px",e.nextTick(()=>{const{width:R}=a.value.getClientRects()[0];a.value.style.width=R?R+"px":null})}});function y(l){return{"dropdown-item":!0,"text-truncate":!0,"px-2":!0,disabled:l.props.disabled,active:l.props.id===f.value,"d-none":l.props.show!==!0}}function c(l){l.preventDefault(),l.stopPropagation()}function S(){T&&clearTimeout(T)}function I(){d.value||(T=setTimeout(()=>{d.value=!0},C))}function B(l,i){l.stopPropagation(),i.disabled||u(i.id),d.value=!0}function k(l,i){l.stopPropagation(),h(l,i,!0)}function P(l){return l.slots.title?e.createVNode("a",{class:"dropdown-title",id:`${l.props.id}-dropdown-item`},[l.slots.title(l)]):l.props.titleRenderFunction?e.createVNode("a",{class:"dropdown-title",id:`${l.props.id}-dropdown-item`},[l.props.titleRenderFunction()]):e.createVNode("a",{class:"dropdown-title",id:`${l.props.id}-dropdown-item`},[l.props.title])}function s(){return e.createVNode("div",{ref:a,class:j.value,onMouseenter:()=>S(),onMouseleave:()=>I()},[t.searchBoxVisible&&e.createVNode("div",{onClick:l=>c(l),class:"pb-1 tabs-li-absolute"},[e.withDirectives(e.createVNode("input",{type:"text",class:"form-control","onUpdate:modelValue":l=>m.value=l},null),[[e.vModelText,m.value]]),e.createVNode("span",{class:"f-icon f-icon-page-title-query tabs-icon-search"},null)]),V.value.length?e.createVNode("ul",{class:"tab-dropdown-menu--items flex-fill"},[V.value.map(l=>e.createVNode("li",{class:y(l),onClick:i=>B(i,l.props)},[l.props.removeable&&l.props.disabled!==!0&&e.createVNode("span",{class:"float-right st-drop-close",onClick:i=>k(i,l.props.id)},[e.createVNode("i",{class:"f-icon f-icon-close"},null)]),P(l)]))]):e.createVNode("div",{class:"dropdown-no-data"},[D.LocaleService.getLocaleValue("tabs.noData")])])}return{renderDropdownMenu:s,setTabsRef:v}}function ae(t,o,n,r){const{hideDropDown:a}=o,{renderDropdownMenu:f,setTabsRef:h}=ne(t,o,n,r),p=e.ref(t.showDropdown);function u(){return p.value&&e.createVNode(e.Fragment,null,[e.createVNode("button",{class:"btn dropdown-toggle-split dropdown-toggle",onClick:()=>{a.value=!1}},null),f()])}return{renderMorePagesButtton:u,setTabsRef:h}}function se(t,o,n,r){const a=e.ref(!1),{selectTab:f,tabPages:h,needUpdateNavigationLayout:p,activeId:u}=r,d=4,m=e.computed(()=>({btn:!0,"sc-nav-btn":!0,"px-1":!0,"sc-nav-lr":!0,"d-none":!a.value})),C=e.computed(()=>({"btn-group":!0,"sc-nav-btn":!0,dropdown:!0,"d-none":!a.value})),T=e.computed(()=>({btn:!0,"sc-nav-rg":!0,"d-none":!a.value}));function V(c,S){if(!o.value)return;const I=o.value.scrollLeft,B=o.value.scrollWidth-o.value.offsetWidth;if(S>0){if(o.value.scrollLeft>=B)return;o.value.scrollLeft=I+t.scrollStep+c}else if(S<0){if(o.value.scrollLeft<=0)return;o.value.scrollLeft=I-t.scrollStep-c}}function j(c=-1){if(!a.value||!o.value)return;c<0&&(c=h.value.findIndex(P=>P.props.id===u.value));const S=t.tabType==="pills"?".f-capsule-item":".nav-item",I=o.value.querySelectorAll(S),{parentElement:B}=o.value,k=I[c];if(k&&B){const P=B.getBoundingClientRect().left,s=B.getBoundingClientRect().right,l=k.getBoundingClientRect().left,i=k.getBoundingClientRect().right;l<P?V(P-l,-1):s<i&&V(i-s,1),t.tabType==="one-page"&&n.scrollTo(c)}}function b(){var I;if(!o.value)return;const c=o.value,S=(I=o.value)==null?void 0:I.parentElement;a.value=S&&c&&S.offsetWidth<c.scrollWidth-d,a.value&&e.nextTick(()=>{j()})}function v(c){c.disabled||f(c.id)}function y(){["default","one-page"].indexOf(t.tabType)>-1&&e.nextTick(()=>{j()})}return e.watch(p,()=>{b()}),{previousButtonClass:m,nextButtonGroupClass:C,nextButtonClass:T,scrollTab:V,selectAndScrollToTab:v,shouldShowNavigationButtons:a,updateNavigationLayout:b,scrollToSelectedTab:y}}function ie(t,o){const{tabPages:n}=o,r=e.ref(""),a=e.ref(!0),f=e.computed(()=>t.searchBoxVisible),h=e.computed(()=>f.value?n.value.filter(u=>u.props.title.includes(r.value)):n.value.slice());return e.watch(a,p=>{p||(r.value="")}),{searchTabText:r,hideDropDown:a,shouldShowSearchBox:f,tabsInDropdownMenu:h}}function re(t,o,n){const r=".farris-tab-page",{tabPages:a}=n;function f(p){const u=o.value;if(u){const d=o.value.querySelectorAll(r);if(d.length>0){const m=d[p],{offsetTop:C}=m,T=C-32>0?C-32:0;u.scrollTop=T}}}function h(p){const u=a.value.findIndex(d=>d.props.id===p);u>-1&&f(u)}return{scrollTo:f,scrollToByPaggId:h}}const H=e.defineComponent({name:"FTabs",props:E,emits:["tabChange","tabRemove","update:activeId","Click"],setup(t,o){const n=e.ref(t.tabType),r=e.shallowRef(),a=W.isMobilePhone(),f=e.ref(t.customClass),h=e.shallowRef(),p=e.shallowRef(),u=e.ref(),d=ee(t,o,h),{activeId:m,changeTitleStyle:C,tabPages:T,addTab:V,updateTab:j,toolbarItems:b,checkActiveIdAndSelect:v,toggleShowTab:y,hasInHeadClass:c,toolbarVisible:S}=d,I=re(t,p,d),B=se(t,h,I,d),{previousButtonClass:k,nextButtonClass:P,nextButtonGroupClass:s,scrollTab:l,updateNavigationLayout:i,scrollToSelectedTab:g}=B;d.setScrollToSelectedTabFunction(g);const O=ie(t,d),M=oe(t,h,B,I,d),R=M,de=le(t,h,B,I,d),_=new Map([["default",M],["one-page",R],["pills",de]]);e.computed(()=>{const w=T.value.find(N=>N.props.id===m.value);return w==null?void 0:w.slots});const A=e.computed(()=>t.fill),z=(w,N)=>{o.emit("Click",w,N,m.value)};e.provide("tabs",{activeId:m,addTab:V,updateTab:j,tabPages:T,tabType:n,shouldFillParentContaner:A,toggleShowTab:y,toolbarVisible:S,clickToolbarItemHandler:z});let G=!1;const ue=e.computed(()=>({"farris-tabs-header":!0,"farris-tabs-inHead":c.value,"farris-tabs-inContent":!c.value,"farris-tabs-nav-fill":t.tabType==="fill","farris-tabs-nav-pills":t.tabType==="pills"})),fe=e.computed(()=>{const w={width:c.value&&t.titleWidth?`${t.titleWidth}%`:""};return w.width&&(w.flex="unset"),w}),pe=e.computed(()=>{const w={"farris-tabs":!0,"f-tabs-content-fill":A.value,"flex-column":t.position==="top","flex-column-reverse":t.position==="bottom","flex-row":t.position==="left","flex-row-reverse":t.position==="right","one-page":t.tabType==="one-page"};return f.value&&f.value.split(" ").reduce((N,L)=>(N[L]=!0,N),w),w}),be=new ResizeObserver(w=>{w.length&&i()});function J(){u.value&&!G&&(be.observe(u.value),G=!0)}e.watch(()=>t.visible,w=>{e.nextTick(()=>{T.value.length&&v(t.activeId||T.value[0].props.id),i(),C(h),J()})}),e.watch(()=>t.autoTitleWidth,w=>{e.nextTick(()=>{i(),C(h)})}),e.onMounted(()=>{t.visible&&(T.value.length&&v(t.activeId||T.value[0].props.id),e.nextTick(()=>{i(),C(h)}),J())});function ve(){return e.createVNode("button",{title:D.LocaleService.getLocaleValue("tabs.leftButton"),type:"button",class:k.value,onClick:()=>{l(0,-1)}},null)}function he(){return e.createVNode("button",{title:D.LocaleService.getLocaleValue("tabs.rightButton"),type:"button",class:P.value,onClick:()=>{l(0,1)}},null)}const{renderMorePagesButtton:me,setTabsRef:ge}=ae(t,O,B,d);ge(r);function ye(){return b.value.length?e.createVNode("div",{class:{"farris-tabs-toolbar":!0,"d-none":!S.value}},[e.createVNode(Y,{class:"f-utils-fill",alignment:c.value?"right":"left",items:b.value,visible:S.value,onClick:z},null)]):null}const K=_.get(t.tabType)||_.get("default");function Te(){var w,N,L,Q;return!a&&e.createVNode("div",{class:ue.value},[e.createVNode("div",{class:"farris-tabs-header-pre"},[(N=(w=o.slots).headerPrefix)==null?void 0:N.call(w)]),e.createVNode("div",{class:"farris-tabs-title scroll-tabs",style:fe.value,ref:u},[ve(),K&&K(),e.createVNode("div",{class:s.value},[he(),me()])]),ye(),e.createVNode("div",{class:"farris-tabs-header-post"},[(Q=(L=o.slots).headerSuffix)==null?void 0:Q.call(L)])])}const we=e.computed(()=>({"farris-tabs-content":!0,"f-utils-fill-flex-column":A.value}));function Ce(){var w,N;return e.createVNode("div",{class:we.value,ref:p},[(N=(w=o.slots).default)==null?void 0:N.call(w)])}return()=>t.visible?e.createVNode("div",{class:pe.value,ref:r},[Te(),Ce()]):null}}),$={tabWidth:{type:Number},id:{type:String,default:""},customTitleClass:{type:String,default:""},titleOverflow:{type:Boolean,default:!1},title:{type:String,default:""},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},removeable:{type:Boolean,default:!1},show:{type:Boolean,default:!0},toolbar:{type:Object,default:{}},toolbarPosition:{type:String,default:"inHead"},toolbarVisible:{type:Boolean,default:!0},titleRenderFunction:{type:Function}};function U(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const F=e.defineComponent({name:"FTabPage",props:$,emits:[],setup(t,o){const n=e.inject("tabs"),r=W.isMobilePhone(),a=e.ref(t.show),f={slots:o.slots,props:t},h=e.ref((n==null?void 0:n.tabType.value)||"default");e.onMounted(()=>{const v=n==null?void 0:n.tabPages.value.findIndex(y=>y.props.id===t.id);(!v||v===-1)&&(n==null||n.addTab(f))}),e.onUnmounted(()=>{});const p=e.computed(()=>(t==null?void 0:t.id)===(n==null?void 0:n.activeId.value)),u=e.computed(()=>({display:p.value?"":"none"}));e.watch(()=>t,v=>{n==null||n.updateTab({props:v,slots:o.slots})},{immediate:!0,deep:!0}),e.watch(()=>t.show,v=>{n==null||n.toggleShowTab(t.id)}),e.watch(()=>t.toolbarVisible,v=>{p.value&&n&&(n.toolbarVisible.value=v)});function d(){var y,c;const v=(c=(y=o.slots).default)==null?void 0:c.call(y);return e.createVNode(q,{"main-title":t.title,class:["farris-tab-page",a.value?"":"f-tab-d-none"]},U(v)?v:{default:()=>[v]})}function m(v,y){n&&(n.activeId.value=t.id,n.clickToolbarItemHandler&&n.clickToolbarItemHandler(v,y))}function C(){var y,c;const v=(c=(y=o.slots).default)==null?void 0:c.call(y);return e.createVNode(q,{customClass:"section-in-tab is-mobile",onClick:m,visible:t.show,"main-title":t.title,buttons:t.toolbar.buttons,"button-position":t.toolbar.position||t.toolbarPosition,"buttons-visible":t.toolbarVisible},U(v)?v:{default:()=>[v]})}const T=e.computed(()=>{var y;return{"farris-tab-page":!0,"f-tab-d-none":!a.value,"f-tab-active":p.value&&n&&((y=n.shouldFillParentContaner)==null?void 0:y.value)}});function V(){var y,c;const v=(c=(y=o.slots).default)==null?void 0:c.call(y);return e.createVNode("div",{class:T.value,style:u.value},[v])}const b=r?C:new Map([["default",V],["one-page",d],["mobile",C]]).get(h.value)||V;return()=>b()}});class ce extends Z.BaseControlProperty{constructor(o,n){super(o,n)}getPropertyConfig(o,n=!1){return this.propertyConfig.categories.basic=this.getBasicPropConfig(o),this.propertyConfig.categories.basic.properties.text={title:"文本",type:"string",description:"",refreshPanelAfterChanged:!0},this.getAppearanceProperties(o,n),this.getbBehaviorConfig(o),this.getEventPropConfig(o),this.propertyConfig}getAppearanceProperties(o,n=!1){this.propertyConfig.categories.appearance={title:"外观",properties:{class:{description:"组件的CSS样式",title:"class样式",visible:!n},icon:{title:"图标",type:"string",description:""},split:{title:"下拉按钮分离",type:"boolean",description:"启用下拉按钮分离，可以单独点击按钮。单独点击下拉按钮展开下拉面板",visible:!!(o.children&&o.children.length>0)}}}}getbBehaviorConfig(o){const n=this.getPropertyEditorParams(o,["Const","Variable","StateMachine","Expression"],"disabled");this.propertyConfig.categories.behavior=this.getBehaviorConfig(o,"",{disabled:{title:"禁用",type:"boolean",description:"按钮禁用状态",refreshPanelAfterChanged:!0,editor:n}})}getEventPropConfig(o){const n=[{label:"onClick",name:"点击事件"}],r=this,a=r.eventsEditorUtils.formProperties(o,r.viewModelId,n),f=r.createBaseEventProperty(a);this.propertyConfig.categories.eventsEditor={title:"事件",hideTitle:!0,properties:f,refreshPanelAfterChanged:!0,tabId:"commands",tabName:"交互",setPropertyRelates(h,p){const u=h.propertyValue;delete o[r.viewModelId],u&&(u.setPropertyRelates=this.setPropertyRelates,r.eventsEditorUtils.saveRelatedParameters(o,r.viewModelId,u.events,u))}}}}H.install=t=>{t.component(H.name,H),t.component(F.name,F)},x.FTabPage=F,x.FTabs=H,x.TabToolbarItemProperty=ce,x.default=H,x.tabPageProps=$,x.tabsProps=E,Object.defineProperties(x,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/text/index.esm.js

@@ -1,6 +1,114 @@
-import { useNumberFormat as T, useTimeAgo as k, useDateFormat as C, withInstall as O } from "../common/index.esm.js";
-import { defineComponent as j, ref as f, computed as b, onMounted as w, watch as E, createVNode as H } from "vue";
-const A = {
+import { defineComponent as j, ref as i, computed as g, onMounted as C, watch as R, createVNode as N, inject as w } from "vue";
+import { resolveAppearance as A, createPropsResolver as M } from "../dynamic-resolver/index.esm.js";
+import { useNumberFormat as E, useTimeAgo as H, useDateFormat as V } from "../common/index.esm.js";
+import { useDesignerComponent as z } from "../designer-canvas/index.esm.js";
+const B = /* @__PURE__ */ new Map([
+  ["appearance", A]
+]);
+function P(e, t, n) {
+  return t;
+}
+const Y = "text", q = "A Farris Component", I = "object", U = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, W = {
+  title: Y,
+  description: q,
+  type: I,
+  categories: U
+}, L = "https://json-schema.org/draft/2020-12/schema", G = "https://farris-design.gitee.io/text.schema.json", J = "text", K = "A Farris Component", Q = "object", X = {
+  id: {
+    description: "The unique identifier for text",
+    type: "string"
+  },
+  type: {
+    description: "The type string of text",
+    type: "string",
+    default: "text"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
+  },
+  disable: {
+    type: "string",
+    default: !1
+  },
+  editable: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  placeholder: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  readonly: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  require: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tabindex: {
+    description: "",
+    type: "number",
+    default: -1
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, Z = [
+  "id",
+  "type"
+], _ = {
+  $schema: L,
+  $id: G,
+  title: J,
+  description: K,
+  type: Q,
+  properties: X,
+  required: Z
+}, b = {
   // 组件值 
   modelValue: { type: [String, Number, Boolean], default: "" },
   // 是否是密码
@@ -41,148 +149,184 @@ const A = {
   dateRangeDelimiter: { type: String, default: "~" },
   // 枚举项的分隔符
   enumDelimiter: { type: String, default: "," }
-};
-function B(e) {
+}, D = M(b, _, B, P, W);
+function ee(e) {
   let t;
   return /Y/g.test(e) === !0 ? t = e.replace(/Y/g, "y") : t = e, /D/g.test(t) === !0 && (t = t.replace(/D/g, "d")), t;
 }
-function M(e, t, n, d, s) {
+function te(e, t, n, c, d) {
   if (e == null || e === "")
     return "";
   if (t && t.length) {
-    const m = ("" + e).split(n), c = [];
-    for (let i = 0; i < m.length; i++) {
-      const l = t.find((r) => r[s] === m[i]);
-      l ? c.push(l[d]) : c.push(m[i]);
+    const l = ("" + e).split(n), f = [];
+    for (let s = 0; s < l.length; s++) {
+      const u = t.find((r) => r[d] === l[s]);
+      u ? f.push(u[c]) : f.push(l[s]);
     }
-    return c.length > 0 ? c.join(n) : "";
+    return f.length > 0 ? f.join(n) : "";
   }
   return e;
 }
-function p(e, t) {
+function T(e, t) {
   let n;
-  return t || (t = "YYYY-MM-DD"), t === "timeago" ? k().formatTo(e) : (t === "hh:mm:ss" || t === "HH:mm:ss" ? n = e : n = C().formatTo(e, B(t)), n);
+  return t || (t = "YYYY-MM-DD"), t === "timeago" ? H().formatTo(e) : (t === "hh:mm:ss" || t === "HH:mm:ss" ? n = e : n = V().formatTo(e, ee(t)), n);
 }
-function R(e, t) {
+function ne(e, t) {
   return !e && !t || t && t.type && t.type === "number" && (t.formatter || (t.useThousands ? t.precision !== void 0 ? e = "n" + t.precision : e = "n2" : t.precision !== void 0 ? e = "f" + t.precision : e = "f2")), e;
 }
-function Y(e) {
+function ae(e) {
   return e.replace(/[a-z]+/g, (t) => t.toUpperCase());
 }
-function z(e, t, n) {
+function re(e, t, n) {
   return e.toString().indexOf(".") > -1 ? (console.warn("十进制转换仅限整型类型"), "") : (Array(t).join(n) + e).slice(-t);
 }
-function P(e, t) {
+function ie(e, t) {
   return Number(e * 100).toFixed(Number(t)) + "%";
 }
-function V(e, t, n, d, s, m, c) {
+function se(e, t, n, c, d, l, f) {
   if (!t && !n)
     return e.toString();
   if (n && n.type && n.type === "number" && n.formatter)
     return n.formatter(e);
-  const i = Y(t.substring(0, 1)), l = Number(t.substring(1)), r = {};
-  let u;
-  if (!/C|D|F|N|P/g.test(i))
+  const s = ae(t.substring(0, 1)), u = Number(t.substring(1)), r = {};
+  let o;
+  if (!/C|D|F|N|P/g.test(s))
     return;
-  d && Object.assign(r, { groupSeparator: d }), s && Object.assign(r, { decimalSeparator: s }), m && Object.assign(r, { format: m });
-  const { formatTo: g } = T();
-  switch (i) {
+  c && Object.assign(r, { groupSeparator: c }), d && Object.assign(r, { decimalSeparator: d }), l && Object.assign(r, { format: l });
+  const { formatTo: p } = E();
+  switch (s) {
     case "C":
-      Object.assign(r, { prefix: "￥", precision: l }), u = g(e, r);
+      Object.assign(r, { prefix: "￥", precision: u }), o = p(e, r);
       break;
     case "D":
-      u = z(e, l, c);
+      o = re(e, u, f);
       break;
     case "F":
-      Object.assign(r, { prefix: "", groupSeparator: "", precision: l }), u = g(e, r);
+      Object.assign(r, { prefix: "", groupSeparator: "", precision: u }), o = p(e, r);
       break;
     case "N":
-      Object.assign(r, { prefix: "", precision: l }), u = g(e, r);
+      Object.assign(r, { prefix: "", precision: u }), o = p(e, r);
       break;
     case "P":
-      u = P(e, l);
+      o = ie(e, u);
       break;
   }
-  return u;
+  return o;
 }
-function U(e) {
+function oe(e) {
   return e === !0 ? "是" : e === !1 || e == null || e === "" || typeof e > "u" ? "否" : e;
 }
-const $ = /* @__PURE__ */ j({
+const x = /* @__PURE__ */ j({
   name: "FText",
-  props: A,
+  props: b,
   emits: ["update:modelValue", "valueChange"],
   setup(e, t) {
-    const n = f(e.textarea), d = f(e.password), s = f(e.autoSize), m = f(e.dateRange), c = f(e.type), i = f(e.format), l = f(), r = f(), u = f(""), g = b(() => ({
+    const n = i(e.textarea), c = i(e.password), d = i(e.autoSize), l = i(e.dateRange), f = i(e.type), s = i(e.format), u = i(), r = i(), o = i(""), p = g(() => ({
       "f-form-control-text": !n.value,
       "f-form-context-textarea": n,
-      "f-component-text-auto-size": s.value
-    })), v = b(() => ({
+      "f-component-text-auto-size": d.value
+    })), y = g(() => ({
       "text-align": e.textAlign,
-      height: !s.value && e.height > 0 ? `${e.height}px` : "",
-      "min-height": s.value && e.height > 0 ? `${e.height}px` : "",
-      "max-height": s.value && e.maxHeight > 0 ? `${e.maxHeight}px` : ""
+      height: !d.value && e.height > 0 ? `${e.height}px` : "",
+      "min-height": d.value && e.height > 0 ? `${e.height}px` : "",
+      "max-height": d.value && e.maxHeight > 0 ? `${e.maxHeight}px` : ""
     }));
-    w(() => {
+    C(() => {
       if (n.value) {
         const a = r.value.parentElement.className;
         r.value.parentElement.className = a + " f-cmp-text-is-textarea";
       }
     });
-    function F(a) {
-      if (d.value)
+    function $(a) {
+      if (c.value)
         return a ? "******" : "";
-      if (c.value !== "boolean" && (a == null || typeof a > "u"))
+      if (f.value !== "boolean" && (a == null || typeof a > "u"))
         return "";
-      let o = "";
-      switch (c.value) {
+      let m = "";
+      switch (f.value) {
         case "string":
-          o = a;
+          m = a;
           break;
         case "date":
         case "datetime":
-          if (!m.value)
-            o = p(a, i.value);
+          if (!l.value)
+            m = T(a, s.value);
           else {
-            const x = e.dateRangeDelimiter, h = a.split(x), S = [];
-            h && h.length && h.forEach((N) => {
-              S.push(p(N, i.value));
-            }), o = S.join(x);
+            const S = e.dateRangeDelimiter, h = a.split(S), F = [];
+            h && h.length && h.forEach((O) => {
+              F.push(T(O, s.value));
+            }), m = F.join(S);
           }
           break;
         case "number":
-          i.value = R(i.value, e.numberOptions), o = V(a, i.value, e.numberOptions, e.groupSeparator, e.decimalSeparator, e.amountExpression, e.decimalFilledSymbol);
+          s.value = ne(s.value, e.numberOptions), m = se(a, s.value, e.numberOptions, e.groupSeparator, e.decimalSeparator, e.amountExpression, e.decimalFilledSymbol);
           break;
         case "enum":
-          o = M(a, e.enumConvertedDatas, e.enumDelimiter, e.textField, e.valueField);
+          m = te(a, e.enumConvertedDatas, e.enumDelimiter, e.textField, e.valueField);
           break;
         case "boolean":
-          o = U(a);
+          m = oe(a);
           break;
       }
-      return o;
+      return m;
     }
-    const y = b(() => {
-      const a = F(e.modelValue);
-      return l.value !== a && (t.emit("valueChange", a), l.value = a), a;
+    const v = g(() => {
+      const a = $(e.modelValue);
+      return u.value !== a && (t.emit("valueChange", a), u.value = a), a;
     });
-    function D() {
+    function k() {
       const a = r.value;
-      Math.abs(a.scrollWidth - a.clientWidth) > 2 || Math.abs(a.scrollHeight - a.clientHeight) > 2 ? u.value = y.value : u.value = "";
+      Math.abs(a.scrollWidth - a.clientWidth) > 2 || Math.abs(a.scrollHeight - a.clientHeight) > 2 ? o.value = v.value : o.value = "";
     }
-    return E(() => e.modelValue, (a, o) => {
-      a !== o && t.emit("update:modelValue", a);
-    }), () => H("span", {
-      class: g.value,
-      style: v.value,
+    return R(() => e.modelValue, (a, m) => {
+      a !== m && t.emit("update:modelValue", a);
+    }), () => N("span", {
+      class: p.value,
+      style: y.value,
       ref: r,
-      onMouseenter: () => D(),
-      title: u.value
-    }, [y.value]);
+      onMouseenter: () => k(),
+      title: o.value
+    }, [v.value]);
   }
-}), L = O($);
+}), le = /* @__PURE__ */ j({
+  name: "FTextDesign",
+  props: b,
+  emits: ["update:modelValue"],
+  setup(e, t) {
+    const n = i(!0), c = i(!0), d = i(""), l = i(0), f = i(0), s = i(e.modelValue), u = g(() => ({
+      "f-form-control-text": !n.value,
+      "f-form-context-textarea": n,
+      "f-component-text-auto-size": c.value
+    })), r = g(() => ({
+      textalign: d.value,
+      height: !c.value && l.value > 0 ? `${l.value}px` : "",
+      "min-height": !c.value && l.value > 0 ? `${l.value}px` : "",
+      "max-height": !c.value && f.value > 0 ? `${f.value}px` : ""
+    }));
+    g(() => "");
+    const o = i(), p = w("design-item-context"), y = z(o, p);
+    return C(() => {
+      o.value.componentInstance = y;
+    }), t.expose(y.value), () => N("span", {
+      ref: o,
+      class: u.value,
+      style: r.value
+    }, [s.value]);
+  }
+}), me = {
+  install(e) {
+    e.component(x.name, x);
+  },
+  register(e, t, n, c) {
+    e.text = x, t.text = D;
+  },
+  registerDesigner(e, t, n) {
+    e.text = le, t.text = D;
+  }
+};
 export {
-  $ as FText,
-  L as default,
-  A as textProps
+  x as FText,
+  me as default,
+  D as propsResolver,
+  b as textProps
 };

package/components/text/index.umd.cjs

@@ -1 +1 @@
-(function(s,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("../common/index.umd.js"),require("vue")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue"],m):(s=typeof globalThis<"u"?globalThis:s||self,m(s.text={},s.common,s.Vue))})(this,function(s,m,r){"use strict";const x={modelValue:{type:[String,Number,Boolean],default:""},password:{type:Boolean,default:!1},textarea:{type:Boolean,default:!1},autoSize:{type:Boolean,default:!1},dateRange:{type:Boolean,default:!1},maxHeight:{type:Number,default:0},height:{type:Number,default:0},type:{type:String,default:"string"},format:{type:String,default:""},enumConvertedDatas:{default:void 0},groupSeparator:{type:String,default:","},decimalSeparator:{type:String,default:"."},decimalFilledSymbol:{type:String,default:"0"},numberOptions:{type:Object,default:void 0},amountExpression:{type:String,default:"%s%v"},textField:{type:String,default:"name"},valueField:{type:String,default:"value"},textAlign:{type:String,default:""},dateRangeDelimiter:{type:String,default:"~"},enumDelimiter:{type:String,default:","}};function j(e){let t;return/Y/g.test(e)===!0?t=e.replace(/Y/g,"y"):t=e,/D/g.test(t)===!0&&(t=t.replace(/D/g,"d")),t}function N(e,t,a,h,o){if(e==null||e==="")return"";if(t&&t.length){const g=(""+e).split(a),c=[];for(let u=0;u<g.length;u++){const l=t.find(i=>i[o]===g[u]);l?c.push(l[h]):c.push(g[u])}return c.length>0?c.join(a):""}return e}function S(e,t){let a;return t||(t="YYYY-MM-DD"),t==="timeago"?m.useTimeAgo().formatTo(e):(t==="hh:mm:ss"||t==="HH:mm:ss"?a=e:a=m.useDateFormat().formatTo(e,j(t)),a)}function O(e,t){return!e&&!t||t&&t.type&&t.type==="number"&&(t.formatter||(t.useThousands?t.precision!==void 0?e="n"+t.precision:e="n2":t.precision!==void 0?e="f"+t.precision:e="f2")),e}function k(e){return e.replace(/[a-z]+/g,t=>t.toUpperCase())}function C(e,t,a){return e.toString().indexOf(".")>-1?(console.warn("十进制转换仅限整型类型"),""):(Array(t).join(a)+e).slice(-t)}function v(e,t){return Number(e*100).toFixed(Number(t))+"%"}function w(e,t,a,h,o,g,c){if(!t&&!a)return e.toString();if(a&&a.type&&a.type==="number"&&a.formatter)return a.formatter(e);const u=k(t.substring(0,1)),l=Number(t.substring(1)),i={};let f;if(!/C|D|F|N|P/g.test(u))return;h&&Object.assign(i,{groupSeparator:h}),o&&Object.assign(i,{decimalSeparator:o}),g&&Object.assign(i,{format:g});const{formatTo:b}=m.useNumberFormat();switch(u){case"C":Object.assign(i,{prefix:"￥",precision:l}),f=b(e,i);break;case"D":f=C(e,l,c);break;case"F":Object.assign(i,{prefix:"",groupSeparator:"",precision:l}),f=b(e,i);break;case"N":Object.assign(i,{prefix:"",precision:l}),f=b(e,i);break;case"P":f=v(e,l);break}return f}function E(e){return e===!0?"是":e===!1||e==null||e===""||typeof e>"u"?"否":e}const p=r.defineComponent({name:"FText",props:x,emits:["update:modelValue","valueChange"],setup(e,t){const a=r.ref(e.textarea),h=r.ref(e.password),o=r.ref(e.autoSize),g=r.ref(e.dateRange),c=r.ref(e.type),u=r.ref(e.format),l=r.ref(),i=r.ref(),f=r.ref(""),b=r.computed(()=>({"f-form-control-text":!a.value,"f-form-context-textarea":a,"f-component-text-auto-size":o.value})),H=r.computed(()=>({"text-align":e.textAlign,height:!o.value&&e.height>0?`${e.height}px`:"","min-height":o.value&&e.height>0?`${e.height}px`:"","max-height":o.value&&e.maxHeight>0?`${e.maxHeight}px`:""}));r.onMounted(()=>{if(a.value){const n=i.value.parentElement.className;i.value.parentElement.className=n+" f-cmp-text-is-textarea"}});function P(n){if(h.value)return n?"******":"";if(c.value!=="boolean"&&(n==null||typeof n>"u"))return"";let d="";switch(c.value){case"string":d=n;break;case"date":case"datetime":if(!g.value)d=S(n,u.value);else{const T=e.dateRangeDelimiter,y=n.split(T),D=[];y&&y.length&&y.forEach(B=>{D.push(S(B,u.value))}),d=D.join(T)}break;case"number":u.value=O(u.value,e.numberOptions),d=w(n,u.value,e.numberOptions,e.groupSeparator,e.decimalSeparator,e.amountExpression,e.decimalFilledSymbol);break;case"enum":d=N(n,e.enumConvertedDatas,e.enumDelimiter,e.textField,e.valueField);break;case"boolean":d=E(n);break}return d}const F=r.computed(()=>{const n=P(e.modelValue);return l.value!==n&&(t.emit("valueChange",n),l.value=n),n});function A(){const n=i.value;Math.abs(n.scrollWidth-n.clientWidth)>2||Math.abs(n.scrollHeight-n.clientHeight)>2?f.value=F.value:f.value=""}return r.watch(()=>e.modelValue,(n,d)=>{n!==d&&t.emit("update:modelValue",n)}),()=>r.createVNode("span",{class:b.value,style:H.value,ref:i,onMouseenter:()=>A(),title:f.value},[F.value])}}),M=m.withInstall(p);s.FText=p,s.default=M,s.textProps=x,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(l,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../common/index.umd.js","../designer-canvas/index.umd.js"],n):(l=typeof globalThis<"u"?globalThis:l||self,n(l.text={},l.Vue,l.dynamicResolver,l.common,l.designerCanvas))})(this,function(l,n,j,b,$){"use strict";const N=new Map([["appearance",j.resolveAppearance]]);function M(e,t,r){return t}const O={title:"text",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:[]}}}}}},R={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/text.schema.json",title:"text",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for text",type:"string"},type:{description:"The type string of text",type:"string",default:"text"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},y={modelValue:{type:[String,Number,Boolean],default:""},password:{type:Boolean,default:!1},textarea:{type:Boolean,default:!1},autoSize:{type:Boolean,default:!1},dateRange:{type:Boolean,default:!1},maxHeight:{type:Number,default:0},height:{type:Number,default:0},type:{type:String,default:"string"},format:{type:String,default:""},enumConvertedDatas:{default:void 0},groupSeparator:{type:String,default:","},decimalSeparator:{type:String,default:"."},decimalFilledSymbol:{type:String,default:"0"},numberOptions:{type:Object,default:void 0},amountExpression:{type:String,default:"%s%v"},textField:{type:String,default:"name"},valueField:{type:String,default:"value"},textAlign:{type:String,default:""},dateRangeDelimiter:{type:String,default:"~"},enumDelimiter:{type:String,default:","}},S=j.createPropsResolver(y,R,N,M,O);function k(e){let t;return/Y/g.test(e)===!0?t=e.replace(/Y/g,"y"):t=e,/D/g.test(t)===!0&&(t=t.replace(/D/g,"d")),t}function w(e,t,r,d,m){if(e==null||e==="")return"";if(t&&t.length){const c=(""+e).split(r),f=[];for(let s=0;s<c.length;s++){const u=t.find(a=>a[m]===c[s]);u?f.push(u[d]):f.push(c[s])}return f.length>0?f.join(r):""}return e}function F(e,t){let r;return t||(t="YYYY-MM-DD"),t==="timeago"?b.useTimeAgo().formatTo(e):(t==="hh:mm:ss"||t==="HH:mm:ss"?r=e:r=b.useDateFormat().formatTo(e,k(t)),r)}function A(e,t){return!e&&!t||t&&t.type&&t.type==="number"&&(t.formatter||(t.useThousands?t.precision!==void 0?e="n"+t.precision:e="n2":t.precision!==void 0?e="f"+t.precision:e="f2")),e}function V(e){return e.replace(/[a-z]+/g,t=>t.toUpperCase())}function q(e,t,r){return e.toString().indexOf(".")>-1?(console.warn("十进制转换仅限整型类型"),""):(Array(t).join(r)+e).slice(-t)}function E(e,t){return Number(e*100).toFixed(Number(t))+"%"}function H(e,t,r,d,m,c,f){if(!t&&!r)return e.toString();if(r&&r.type&&r.type==="number"&&r.formatter)return r.formatter(e);const s=V(t.substring(0,1)),u=Number(t.substring(1)),a={};let o;if(!/C|D|F|N|P/g.test(s))return;d&&Object.assign(a,{groupSeparator:d}),m&&Object.assign(a,{decimalSeparator:m}),c&&Object.assign(a,{format:c});const{formatTo:g}=b.useNumberFormat();switch(s){case"C":Object.assign(a,{prefix:"￥",precision:u}),o=g(e,a);break;case"D":o=q(e,u,f);break;case"F":Object.assign(a,{prefix:"",groupSeparator:"",precision:u}),o=g(e,a);break;case"N":Object.assign(a,{prefix:"",precision:u}),o=g(e,a);break;case"P":o=E(e,u);break}return o}function P(e){return e===!0?"是":e===!1||e==null||e===""||typeof e>"u"?"否":e}const x=n.defineComponent({name:"FText",props:y,emits:["update:modelValue","valueChange"],setup(e,t){const r=n.ref(e.textarea),d=n.ref(e.password),m=n.ref(e.autoSize),c=n.ref(e.dateRange),f=n.ref(e.type),s=n.ref(e.format),u=n.ref(),a=n.ref(),o=n.ref(""),g=n.computed(()=>({"f-form-control-text":!r.value,"f-form-context-textarea":r,"f-component-text-auto-size":m.value})),h=n.computed(()=>({"text-align":e.textAlign,height:!m.value&&e.height>0?`${e.height}px`:"","min-height":m.value&&e.height>0?`${e.height}px`:"","max-height":m.value&&e.maxHeight>0?`${e.maxHeight}px`:""}));n.onMounted(()=>{if(r.value){const i=a.value.parentElement.className;a.value.parentElement.className=i+" f-cmp-text-is-textarea"}});function Y(i){if(d.value)return i?"******":"";if(f.value!=="boolean"&&(i==null||typeof i>"u"))return"";let p="";switch(f.value){case"string":p=i;break;case"date":case"datetime":if(!c.value)p=F(i,s.value);else{const D=e.dateRangeDelimiter,v=i.split(D),C=[];v&&v.length&&v.forEach(U=>{C.push(F(U,s.value))}),p=C.join(D)}break;case"number":s.value=A(s.value,e.numberOptions),p=H(i,s.value,e.numberOptions,e.groupSeparator,e.decimalSeparator,e.amountExpression,e.decimalFilledSymbol);break;case"enum":p=w(i,e.enumConvertedDatas,e.enumDelimiter,e.textField,e.valueField);break;case"boolean":p=P(i);break}return p}const T=n.computed(()=>{const i=Y(e.modelValue);return u.value!==i&&(t.emit("valueChange",i),u.value=i),i});function I(){const i=a.value;Math.abs(i.scrollWidth-i.clientWidth)>2||Math.abs(i.scrollHeight-i.clientHeight)>2?o.value=T.value:o.value=""}return n.watch(()=>e.modelValue,(i,p)=>{i!==p&&t.emit("update:modelValue",i)}),()=>n.createVNode("span",{class:g.value,style:h.value,ref:a,onMouseenter:()=>I(),title:o.value},[T.value])}}),z=n.defineComponent({name:"FTextDesign",props:y,emits:["update:modelValue"],setup(e,t){const r=n.ref(!0),d=n.ref(!0),m=n.ref(""),c=n.ref(0),f=n.ref(0),s=n.ref(e.modelValue),u=n.computed(()=>({"f-form-control-text":!r.value,"f-form-context-textarea":r,"f-component-text-auto-size":d.value})),a=n.computed(()=>({textalign:m.value,height:!d.value&&c.value>0?`${c.value}px`:"","min-height":!d.value&&c.value>0?`${c.value}px`:"","max-height":!d.value&&f.value>0?`${f.value}px`:""}));n.computed(()=>"");const o=n.ref(),g=n.inject("design-item-context"),h=$.useDesignerComponent(o,g);return n.onMounted(()=>{o.value.componentInstance=h}),t.expose(h.value),()=>n.createVNode("span",{ref:o,class:u.value,style:a.value},[s.value])}}),B={install(e){e.component(x.name,x)},register(e,t,r,d){e.text=x,t.text=S},registerDesigner(e,t,r){e.text=z,t.text=S}};l.FText=x,l.default=B,l.propsResolver=S,l.textProps=y,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/textarea/index.esm.js

@@ -1,5 +1,5 @@
 import { useCommonUtils as R, useTextBox as A, useClear as H, withInstall as W } from "../common/index.esm.js";
-import { defineComponent as j, ref as i, computed as r, watch as G, onMounted as _, createVNode as d, withDirectives as q, vModelText as J, nextTick as Q } from "vue";
+import { defineComponent as j, ref as i, computed as r, watch as G, onMounted as _, createVNode as s, withDirectives as q, vModelText as J, nextTick as Q } from "vue";
 const X = {
   /** 是否撑开高度 */
   autoHeight: { type: Boolean, default: !1 },
@@ -26,6 +26,8 @@ const X = {
   placeholder: { type: String, default: "" },
   /** 只读 */
   readonly: { type: Boolean, default: !1 },
+  /** 可编辑，用在公共方法内平衡样式 */
+  editable: { type: Boolean, default: !0 },
   /** 文本区域可见的行数 */
   rows: { type: Number },
   /** 是否可以拖拽调整大小  */
@@ -58,41 +60,41 @@ const X = {
   setup(e, a) {
     var v;
     const {
-      isUndefined: y
+      isUndefined: h
     } = R(), f = i(), l = i(null), g = r(() => e.modelValue), c = r(() => {
-      if (!(e.allowUnlimtedWhenEmpty && e.maxLength === 0 || y(e.maxLength)))
+      if (!(e.allowUnlimtedWhenEmpty && e.maxLength === 0 || h(e.maxLength)))
         return typeof e.maxLength == "number" && !isNaN(e.maxLength) ? e.maxLength : e.modelValue ? e.modelValue.length : 0;
     }), n = i(((v = e.modelValue) == null ? void 0 : v.slice(0, c.value)) || ""), m = A(e, a, n, g, f), {
       inputGroupClass: B,
       onBlur: C,
       onFocus: x,
-      onMousedown: w,
-      onMouseup: b,
+      onMousedown: b,
+      onMouseup: w,
       onTextBoxValueChange: V,
       hasFocused: E
     } = m, S = H(e, a, m), {
       onMouseEnter: T,
       onMouseLeave: L,
       clearButtonClass: M,
-      shouldShowClearButton: I,
-      clearButtonStyle: N
-    } = S, U = (t) => {
-      var o, s, u;
-      t.stopPropagation(), a.emit("update:modelValue", (o = t.target) == null ? void 0 : o.value), a.emit("valueChange", (s = t.target) == null ? void 0 : s.value), a.emit("change", (u = t.target) == null ? void 0 : u.value);
-    }, k = (t) => {
+      shouldShowClearButton: p,
+      clearButtonStyle: I
+    } = S, N = (t) => {
+      var o, d, u;
+      t.stopPropagation(), a.emit("update:modelValue", (o = t.target) == null ? void 0 : o.value), a.emit("valueChange", (d = t.target) == null ? void 0 : d.value), a.emit("change", (u = t.target) == null ? void 0 : u.value);
+    }, U = (t) => {
       t.stopPropagation(), l.value.value = "", a.emit("update:modelValue", ""), a.emit("valueChange", ""), a.emit("change", "");
-    }, p = (t) => {
+    }, k = (t) => {
       if (e.readonly || !E)
         return;
       const {
         altKey: o,
-        key: s
+        key: d
       } = t;
-      if (s === "Enter" && !o && e.lineBreak === "alt enter") {
+      if (d === "Enter" && !o && e.lineBreak === "alt enter") {
         t.preventDefault();
         return;
       }
-      if (o && s === "Enter" && e.lineBreak === "alt enter") {
+      if (o && d === "Enter" && e.lineBreak === "alt enter") {
         t.stopPropagation(), t.preventDefault();
         const {
           selectionStart: u,
@@ -100,8 +102,8 @@ const X = {
         } = l.value;
         n.value = n.value.slice(0, u) + `
 ` + n.value.slice(K), Q(() => {
-          var h;
-          l.value.selectionStart = u + 1, l.value.selectionEnd = u + 1, (h = l.value) == null || h.focus();
+          var y;
+          l.value.selectionStart = u + 1, l.value.selectionEnd = u + 1, (y = l.value) == null || y.focus();
         }), a.emit("update:modelValue", n.value), a.emit("valueChange", n.value), a.emit("change", n.value);
         return;
       }
@@ -131,13 +133,13 @@ const X = {
     }
     return _(() => {
       D();
-    }), () => d("div", {
+    }), () => s("div", {
       ref: f,
       class: B.value,
       onMouseenter: T,
       onMouseleave: L,
       style: "position:relative"
-    }, [q(d("textarea", {
+    }, [q(s("textarea", {
       ref: l,
       class: O.value,
       id: e.id,
@@ -151,20 +153,20 @@ const X = {
       placeholder: P.value,
       autofocus: e.autofocus,
       rows: e.rows,
-      onInput: U,
+      onInput: N,
       onFocus: x,
       onChange: V,
-      onKeydown: p,
+      onKeydown: k,
       onBlur: C,
-      onMousedown: w,
-      onMouseup: b,
+      onMousedown: b,
+      onMouseup: w,
       style: F.value
-    }, null), [[J, n.value]]), I.value && d("span", {
+    }, null), [[J, n.value]]), p.value && s("span", {
       id: "clearIcon",
       class: M.value,
-      style: N.value,
-      onClick: (t) => k(t)
-    }, [d("i", {
+      style: I.value,
+      onClick: (t) => U(t)
+    }, [s("i", {
       class: "f-icon modal_close"
     }, null)])]);
   }