comfy-tool 1.0.4 → 1.0.5

package/lib/index.js

@@ -1 +1 @@
-"use strict";var Z=Object.defineProperty,Q=Object.defineProperties;var ee=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var te=Object.prototype.hasOwnProperty,oe=Object.prototype.propertyIsEnumerable;var U=(e,t,o)=>t in e?Z(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,d=(e,t)=>{for(var o in t||(t={}))te.call(t,o)&&U(e,o,t[o]);if(k)for(var o of k(t))oe.call(t,o)&&U(e,o,t[o]);return e},O=(e,t)=>Q(e,ee(t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./utils.js"),c=require("vue");function I(e){return e.install=t=>{let{name:o}=e;t.component(o,e),t.component(n.camelize("-"+o),e)},e}function ne(e,t=c.h("div"),o){return e?typeof e=="function"?e()||t:c.h(e,o&&c.reactive(o)):t}function re(e){return!!(e&&e.$el&&e.$props&&e.$options&&e.$emit)}function ie(e){let t=$(e);t&&(t.scrollTop=0)}function $(e){return document.getElementById(e)}function H(e){let t=c.unref(e);return re(t)?t.$el:t instanceof HTMLElement?t:null}function ae(e,t){return getComputedStyle(e).getPropertyValue(t)}function le(e,t,o=!0){e.classList.remove(...t.split(" ")),o&&e.classList.add(t)}const h={rootId:"app",app:void 0};function ce(e={}){e.rootId&&(h.rootId=e.rootId),e.app&&(h.app=e.app)}const b={toast(e){},alert(e){alert(e)},showLoading(e){},hideLoading(){}};function j(e){let t=n.keysOf(h);ce(n.pick(e,t)),n.merge(b,n.pickEx(e,t),{deepMerge:!0,arrayMergeStrategy:"concat"})}function ue(){}function fe(e){}function se(e){P(e)}function P(e){b.toast(e)}function de(e){b.alert(e)}const E={show(e=""){b.showLoading(e)},hide(){b.hideLoading()}};let L;try{L=document.createElement("a")}catch(e){}function me(e,t="未获取到联系电话"){if(!e)return P(t);e=typeof e=="number"?e.toString():e,L.href=/^tel:.*/.test(e)?e:"tel:"+e,L.click()}const pe=Object.freeze(Object.defineProperty({__proto__:null,$,$alert:de,$loading:E,$refDOM:H,$toast:P,Fn:n.Fn,addUnit:n.addUnit,arrayToGroup:n.arrayToGroup,base64ToBlob:n.base64ToBlob,camelize:n.camelize,cloneJSON:n.cloneJSON,dateGo:n.dateGo,dealTime:n.dealTime,debounce:n.debounce,decodeURIComponentSafe:n.decodeURIComponentSafe,decodeURISafe:n.decodeURISafe,deepClone:n.deepClone,deleteItemForArr:n.deleteItemForArr,emptyArray:n.emptyArray,entriesOf:n.entriesOf,errorCatch:se,extend:n.extend,formatDate:n.formatDate,formatSelectedData:n.formatSelectedData,formatToSelectData:n.formatToSelectData,getArrayDataIndex:n.getArrayDataIndex,getDateConfig:n.getDateConfig,getElementPropertyValue:ae,getFuzzyMatchRegExp:n.getFuzzyMatchRegExp,getPercentage:n.getPercentage,getProperty:n.getProperty,getRandomElements:n.getRandomElements,getUniqueParam:n.getUniqueParam,getWeek:n.getWeek,getWeekByNo:n.getWeekByNo,hasSameItem:n.hasSameItem,isArrayString:n.isArrayString,isFullUrl:n.isFullUrl,isNumber:n.isNumber,isObjectString:n.isObjectString,isRegExpString:n.isRegExpString,isWebUrl:n.isWebUrl,kebabCase:n.kebabCase,keysOf:n.keysOf,merge:n.merge,methodApply:n.methodApply,noop:ue,noopCatch:fe,padZero:n.padZero,parseArray:n.parseArray,parseDate:n.parseDate,parseObject:n.parseObject,parseRegExp:n.parseRegExp,parseUrl:n.parseUrl,pick:n.pick,pickEx:n.pickEx,queryParse:n.queryParse,queryStringify:n.queryStringify,removeEmptyForArr:n.removeEmptyForArr,removeFalseForArr:n.removeFalseForArr,removeItemForArr:n.removeItemForArr,scrollToTop:ie,selectDataToObj:n.selectDataToObj,shuffleArray:n.shuffleArray,telephoneCall:me,throttle:n.throttle,throttleAsync:n.throttleAsync,toFormData:n.toFormData,toSelectData:n.toSelectData,toggleClass:le,typeOf:n.typeOf,urlAddParams:n.urlAddParams,valuesOf:n.valuesOf},Symbol.toStringTag,{value:"Module"})),m={};function R(e){return m[e.url]&&m[e.url].status===1?Promise.resolve("The resource is already loaded!"):m[e.url]&&m[e.url].status===2?new Promise((t,o)=>{m[e.url].waiters.push(t)}):e.production?Promise.resolve("Ignored in development environment!"):(E.show("资源加载中"),m[e.url]?m[e.url].status=2:m[e.url]={status:2,waiters:[]},new Promise((t,o)=>{const i=()=>{s(),p()},r=()=>{f(),p()};let a=null;e.type==="js"?(a=document.createElement("script"),a.src=e.url,a.onload=i,a.onerror=r):e.type==="css"&&(a=document.createElement("link"),a.rel="stylesheet",a.href=e.url,a.onload=i,a.onerror=r),a&&document.head.appendChild(a);function s(){m[e.url].status=1,E.hide(),t(e.url),n.methodApply(m[e.url].waiters,[e.url])}function f(){m[e.url].status=0,E.hide(),o(new Error("Failed to load "+e.url))}function p(){a&&(a.onload=null,a.onerror=null)}}))}function he(e){return Array.isArray(e)?Promise.all(e.map(t=>R(t))):R(e)}const F=Symbol("INSTALLED_KEY"),M=Symbol("COMPONENT_INSTALLED_KEY"),V=Symbol("DIRECTIVES_INSTALLED_KEY"),ye={mounted(e,t,o,i){typeof t.value=="function"&&t.value(e)},unmounted(e,t,o,i){typeof t.value=="function"&&t.value(null)}},ge={mounted(e,t,o,i){e.focus()},updated(e,t,o,i){}},ve=function(t,o,i,r){t.style.height=t.parentElement.offsetHeight+"px",t.style.minHeight="100%"};function be(e,t,o,i){if(t.value.__used)return;let r=d({},t.value);if(r.behavior=r.behavior||"smooth",typeof r.right=="number"&&(r.left=e.scrollWidth-r.right),typeof r.bottom=="number"&&(r.top=e.scrollHeight-r.bottom),r.target){let a=H(r.target);if(a){let{offsetTop:s,offsetLeft:f}=a.offsetParent||{offsetTop:0,offsetLeft:0};r.left=a.offsetLeft-e.offsetLeft+f,r.top=a.offsetTop-e.offsetTop+s}}r.left&&typeof r.offsetX=="number"&&(r.left+=r.offsetX),r.top&&typeof r.offsetY=="number"&&(r.top+=r.offsetY),Object.defineProperty(t.value,"__used",{value:!0,enumerable:!1,writable:!0}),r.beforeScroll?r.beforeScroll(()=>{e.scrollTo(r)},r,e):e.scrollTo(r)}const D={dom:ye,focus:ge,maxHeight:ve,scroll:be};function Ce(e){if(!e[V]){e[V]=!0;for(const t of Object.keys(D))e.directive(D[t].name||t,D[t])}}const xe={reverse:Boolean},Se=c.defineComponent({name:"column",inheritAttrs:!1,props:xe,setup(e,{attrs:t,slots:o}){var i,r,a,s,f;return c.createVNode("div",c.mergeProps({class:{"comfy-tool--column":!0,reverse:e.reverse}},t),[((i=o.before)==null?void 0:i.call(o))||"",((r=o["before-content"])==null?void 0:r.call(o))||"",c.createVNode("div",{class:"main-content"},[((a=o.default)==null?void 0:a.call(o))||""]),((s=o["after-content"])==null?void 0:s.call(o))||"",((f=o.after)==null?void 0:f.call(o))||""])}}),q=I(Se),Ee={reverse:Boolean},we=c.defineComponent({name:"row",inheritAttrs:!1,props:Ee,setup(e,{attrs:t,slots:o}){return()=>{var i,r,a,s,f;return c.createVNode("div",c.mergeProps({class:{"comfy-tool--row":!0,reverse:e.reverse}},t),[((i=o.before)==null?void 0:i.call(o))||"",((r=o["before-content"])==null?void 0:r.call(o))||"",c.createVNode("div",{class:"main-content"},[((a=o.default)==null?void 0:a.call(o))||""]),((s=o["after-content"])==null?void 0:s.call(o))||"",((f=o.after)==null?void 0:f.call(o))||""])}}}),B=I(we),Te={flex:{type:[Number,String],default:1},width:[Number,String],height:[Number,String],minWidth:[Number,String],minHeight:[Number,String],maxWidth:[Number,String],maxHeight:[Number,String],row:Boolean,column:Boolean},Ae=c.defineComponent({name:"expended",inheritAttrs:!1,props:Te,setup(e,{attrs:t,slots:o}){const i={flex:""},r=[];if(e.flex)switch(e.flex){case"100%":i.flex="unset",i.width="100%";break;case"-":i.flex="unset";break;default:i.flex=e.flex;break}return e.minWidth&&(i.minWidth=n.addUnit(e.minWidth,"px")),e.minHeight&&(i.minHeight=n.addUnit(e.minHeight,"px")),e.maxWidth&&(i.maxWidth=n.addUnit(e.maxWidth,"px")),e.maxHeight&&(i.maxHeight=n.addUnit(e.maxHeight,"px")),e.width&&(i.width=n.addUnit(e.width,"px")),e.height&&(i.height=n.addUnit(e.height,"px")),e.column?r.push("u-flex-nowrap u-box-flex-col"):e.row&&r.push("u-flex-wrap"),()=>{var a;return c.createVNode("div",c.mergeProps({style:i,class:c.mergeProps({class:["comfy-tool--expended",...r]})},t),[((a=o.default)==null?void 0:a.call(o))||""])}}}),Y=I(Ae),Oe={Column:q,Row:B,Expended:Y};function De(e){e[M]||(e[M]=!0,n.entriesOf(Oe).forEach(([t,o])=>{e.component(t,o)}))}function z(e){j({app:e}),Ce(e),De(e)}class Le{constructor(t,o){this.properties=o,this.component=t,this.container=document.createElement("div");const i=c.createVNode(t,this.properties);h.app&&(i.appContext=h.app._context),c.render(i,this.container),this.instance=i.component,this.appDOM=this.container.firstChild,this.init()}init(){this.properties.teleport?this.properties.teleport:h.rootId,this.appDOM&&!this.appDOM.nodeName.startsWith("#")&&document.body.appendChild(this.appDOM)}static use(t){Object.assign(h,t)}unmount(){this.properties.teleport?this.properties.teleport:h.rootId,document.body.removeChild(this.appDOM),this.instance.unmount()}close(){this.toggle(!1)}toggle(t,o){t?this.instance.open(o):this.instance.close(o)}}const W={show:!1,keepAlive:!1},Ie=c.defineComponent({name:"comfy-tool-layer",components:{},emits:["confirm","close","cancel"],setup(e,{attrs:t,emit:o,slots:i,expose:r}){const a=c.shallowRef(null),s=c.shallowRef(null),f=c.ref(!0);let p;const u=c.shallowReactive(d(d(d({},W),t),e)),C={onConfirm(){},onClose(){}},_=c.createVNode("div",{style:{height:"150px"}},null);function K(l){u.show=l}function G(){return p=ne(s.value,_,O(d({},u.contentProps),{LAYERSHOW:u.show})),p}function J(){let l;return!u.keepAlive&&!u.show&&!f.value?l=()=>_:l=i.default?i.default:G,()=>l()}function X(){g.cancel()}function x(l){if(p&&p.component){let{ctx:v,exposed:A}=p.component;A&&A[l]?A[l]():v&&v[l]&&v[l]()}}let S;function T(l){u.show=l,u.show||u.keepAlive?(f.value=!0,S&&clearTimeout(S),S=null):S=setTimeout(()=>{f.value=!1},500),c.nextTick(()=>{u.show&&(x("onLayerShow"),x("queryData"))})}const g={init(l={},v=W){n.extend(u,v,l&&n.pickEx(l,["content","baseContent"])),l.onConfirm&&(C.onConfirm=l.onConfirm),l.onClose&&(C.onClose=l.onClose),l.baseContent&&(a.value=l.baseContent),s.value=l.content},open(l){g.init(l,{}),T(!0)},confirm(l){o("confirm"),T(!!C.onConfirm(l,g.close))},close(l="complete"){C.onClose(l),o("close"),T(!1),x("onClose")},cancel(){g.close("cancel"),o("cancel"),x("onCancel")}};return c.watch(()=>t,l=>{n.extend(u,{},l)}),r(g),c.provide("Layer",g),()=>{var l;return a.value?c.h(a.value,O(d(d(d({class:["comfy-tool--layer",(l=u.class)!=null?l:""],style:d({},u.style)},t),u.baseContentProps),n.pickEx(u,["content","contentProps","onClose","width","height","class","style","baseContent","baseContentProps"])),{"onUpdate:show":K,onClose:X}),{default:J(),overlayContent:i.overlayContent}):""}}});var y;class w extends Le{constructor(t,o){super(t,o)}open(t){return this.appDOM&&document.body.appendChild(this.appDOM),this.instance.exposed.open(t)}static create(t={},o=!0){if(!y||o){let i=new w(Ie,t);if(o)return i;y||(y=i)}else y.instance.exposed.init(t);return y}}function N(e,t=!1){return new Promise((o,i)=>{w.create({},t).open(d({onConfirm(r,a){o(r)},onClose(r){i(r)}},e))})}N.create=w.create;N.close=()=>{y&&y.close()};const Pe="1.0.4",Ne=pe,_e={install(e){e[F]||(e[F]=!0,z(e))}};exports.Column=q;exports.ComfyTool=Ne;exports.Expended=Y;exports.Layer=N;exports.Row=B;exports.configComfyTool=j;exports.default=_e;exports.resourceLoader=he;exports.useComfyTool=z;exports.version=Pe;
+"use strict";var Z=Object.defineProperty,Q=Object.defineProperties;var ee=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var te=Object.prototype.hasOwnProperty,oe=Object.prototype.propertyIsEnumerable;var U=(e,t,o)=>t in e?Z(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,d=(e,t)=>{for(var o in t||(t={}))te.call(t,o)&&U(e,o,t[o]);if(k)for(var o of k(t))oe.call(t,o)&&U(e,o,t[o]);return e},O=(e,t)=>Q(e,ee(t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./utils.js"),c=require("vue");function P(e){return e.install=t=>{let{name:o}=e;t.component(o,e),t.component(n.camelize("-"+o),e)},e}function ne(e,t=c.h("div"),o){return e?typeof e=="function"?e()||t:c.h(e,o&&c.reactive(o)):t}function re(e){return!!(e&&e.$el&&e.$props&&e.$options&&e.$emit)}function ae(e){let t=$(e);t&&(t.scrollTop=0)}function $(e){return document.getElementById(e)}function j(e){let t=c.unref(e);return re(t)?t.$el:t instanceof HTMLElement?t:null}function ie(e,t){return getComputedStyle(e).getPropertyValue(t)}function le(e,t,o=!0){e.classList.remove(...t.split(" ")),o&&e.classList.add(t)}const h={rootId:"app",app:void 0};function ce(e={}){e.rootId&&(h.rootId=e.rootId),e.app&&(h.app=e.app)}const b={toast(e){},alert(e){alert(e)},showLoading(e){},hideLoading(){}};function H(e){let t=n.keysOf(h);ce(n.pick(e,t)),n.merge(b,n.pickEx(e,t),{deepMerge:!0,arrayMergeStrategy:"concat"})}function ue(){}function fe(e){}function se(e){N(e)}function N(e){b.toast(e)}function de(e){b.alert(e)}const E={show(e=""){b.showLoading(e)},hide(){b.hideLoading()}};let L;try{L=document.createElement("a")}catch(e){}function me(e,t="未获取到联系电话"){if(!e)return N(t);e=typeof e=="number"?e.toString():e,L.href=/^tel:.*/.test(e)?e:"tel:"+e,L.click()}const pe=Object.freeze(Object.defineProperty({__proto__:null,$,$alert:de,$loading:E,$refDOM:j,$toast:N,Fn:n.Fn,addUnit:n.addUnit,arrayToGroup:n.arrayToGroup,base64ToBlob:n.base64ToBlob,camelize:n.camelize,cloneJSON:n.cloneJSON,dateGo:n.dateGo,dealTime:n.dealTime,debounce:n.debounce,decodeURIComponentSafe:n.decodeURIComponentSafe,decodeURISafe:n.decodeURISafe,deepClone:n.deepClone,deleteItemForArr:n.deleteItemForArr,emptyArray:n.emptyArray,entriesOf:n.entriesOf,errorCatch:se,extend:n.extend,formatDate:n.formatDate,formatSelectedData:n.formatSelectedData,formatToSelectData:n.formatToSelectData,getArrayDataIndex:n.getArrayDataIndex,getDateConfig:n.getDateConfig,getElementPropertyValue:ie,getFuzzyMatchRegExp:n.getFuzzyMatchRegExp,getPercentage:n.getPercentage,getProperty:n.getProperty,getRandomElements:n.getRandomElements,getUniqueParam:n.getUniqueParam,getWeek:n.getWeek,getWeekByNo:n.getWeekByNo,hasSameItem:n.hasSameItem,isArrayString:n.isArrayString,isFullUrl:n.isFullUrl,isNumber:n.isNumber,isObjectString:n.isObjectString,isRegExpString:n.isRegExpString,isWebUrl:n.isWebUrl,kebabCase:n.kebabCase,keysOf:n.keysOf,merge:n.merge,methodApply:n.methodApply,noop:ue,noopCatch:fe,padZero:n.padZero,parseArray:n.parseArray,parseDate:n.parseDate,parseObject:n.parseObject,parseRegExp:n.parseRegExp,parseUrl:n.parseUrl,pick:n.pick,pickEx:n.pickEx,queryParse:n.queryParse,queryStringify:n.queryStringify,removeEmptyForArr:n.removeEmptyForArr,removeFalseForArr:n.removeFalseForArr,removeItemForArr:n.removeItemForArr,scrollToTop:ae,selectDataToObj:n.selectDataToObj,shuffleArray:n.shuffleArray,telephoneCall:me,throttle:n.throttle,throttleAsync:n.throttleAsync,toFormData:n.toFormData,toSelectData:n.toSelectData,toggleClass:le,typeOf:n.typeOf,urlAddParams:n.urlAddParams,valuesOf:n.valuesOf},Symbol.toStringTag,{value:"Module"})),m={};function R(e){return m[e.url]&&m[e.url].status===1?Promise.resolve("The resource is already loaded!"):m[e.url]&&m[e.url].status===2?new Promise((t,o)=>{m[e.url].waiters.push(t)}):e.production?Promise.resolve("Ignored in development environment!"):(E.show("资源加载中"),m[e.url]?m[e.url].status=2:m[e.url]={status:2,waiters:[]},new Promise((t,o)=>{const a=()=>{s(),p()},r=()=>{f(),p()};let i=null;e.type==="js"?(i=document.createElement("script"),i.src=e.url,i.onload=a,i.onerror=r):e.type==="css"&&(i=document.createElement("link"),i.rel="stylesheet",i.href=e.url,i.onload=a,i.onerror=r),i&&document.head.appendChild(i);function s(){m[e.url].status=1,E.hide(),t(e.url),n.methodApply(m[e.url].waiters,[e.url])}function f(){m[e.url].status=0,E.hide(),o(new Error("Failed to load "+e.url))}function p(){i&&(i.onload=null,i.onerror=null)}}))}function he(e){return Array.isArray(e)?Promise.all(e.map(t=>R(t))):R(e)}const F=Symbol("INSTALLED_KEY"),V=Symbol("COMPONENT_INSTALLED_KEY"),M=Symbol("DIRECTIVES_INSTALLED_KEY"),ye={mounted(e,t,o,a){typeof t.value=="function"&&t.value(e)},unmounted(e,t,o,a){typeof t.value=="function"&&t.value(null)}},ge={mounted(e,t,o,a){e.focus()},updated(e,t,o,a){}},ve=function(t,o,a,r){t.style.height=t.parentElement.offsetHeight+"px",t.style.minHeight="100%"};function be(e,t,o,a){if(t.value.__used)return;let r=d({},t.value);if(r.behavior=r.behavior||"smooth",typeof r.right=="number"&&(r.left=e.scrollWidth-r.right),typeof r.bottom=="number"&&(r.top=e.scrollHeight-r.bottom),r.target){let i=j(r.target);if(i){let{offsetTop:s,offsetLeft:f}=i.offsetParent||{offsetTop:0,offsetLeft:0};r.left=i.offsetLeft-e.offsetLeft+f,r.top=i.offsetTop-e.offsetTop+s}}r.left&&typeof r.offsetX=="number"&&(r.left+=r.offsetX),r.top&&typeof r.offsetY=="number"&&(r.top+=r.offsetY),Object.defineProperty(t.value,"__used",{value:!0,enumerable:!1,writable:!0}),r.beforeScroll?r.beforeScroll(()=>{e.scrollTo(r)},r,e):e.scrollTo(r)}const D={dom:ye,focus:ge,maxHeight:ve,scroll:be};function Ce(e){if(!e[M]){e[M]=!0;for(const t of Object.keys(D))e.directive(D[t].name||t,D[t])}}const xe={reverse:Boolean},Se=c.defineComponent({name:"column",inheritAttrs:!1,props:xe,setup(e,{attrs:t,slots:o}){return()=>{var a,r,i,s,f;return c.createVNode("div",c.mergeProps({class:{"comfy-tool--column":!0,reverse:e.reverse}},t),[((a=o.before)==null?void 0:a.call(o))||"",((r=o["before-content"])==null?void 0:r.call(o))||"",c.createVNode("div",{class:"main-content"},[((i=o.default)==null?void 0:i.call(o))||""]),((s=o["after-content"])==null?void 0:s.call(o))||"",((f=o.after)==null?void 0:f.call(o))||""])}}}),q=P(Se),Ee={reverse:Boolean},we=c.defineComponent({name:"row",inheritAttrs:!1,props:Ee,setup(e,{attrs:t,slots:o}){return()=>{var a,r,i,s,f;return c.createVNode("div",c.mergeProps({class:{"comfy-tool--row":!0,reverse:e.reverse}},t),[((a=o.before)==null?void 0:a.call(o))||"",((r=o["before-content"])==null?void 0:r.call(o))||"",c.createVNode("div",{class:"main-content"},[((i=o.default)==null?void 0:i.call(o))||""]),((s=o["after-content"])==null?void 0:s.call(o))||"",((f=o.after)==null?void 0:f.call(o))||""])}}}),B=P(we),Ae={flex:{type:[Number,String],default:1},width:[Number,String],height:[Number,String],minWidth:[Number,String],minHeight:[Number,String],maxWidth:[Number,String],maxHeight:[Number,String],row:Boolean,column:Boolean},Te=c.defineComponent({name:"expended",inheritAttrs:!1,props:Ae,setup(e,{attrs:t,slots:o}){const a={flex:""},r=[];if(e.flex)switch(e.flex){case"100%":a.flex="unset",a.width="100%";break;case"-":a.flex="unset";break;default:a.flex=e.flex;break}return e.minWidth&&(a.minWidth=n.addUnit(e.minWidth,"px")),e.minHeight&&(a.minHeight=n.addUnit(e.minHeight,"px")),e.maxWidth&&(a.maxWidth=n.addUnit(e.maxWidth,"px")),e.maxHeight&&(a.maxHeight=n.addUnit(e.maxHeight,"px")),e.width&&(a.width=n.addUnit(e.width,"px")),e.height&&(a.height=n.addUnit(e.height,"px")),e.column?r.push("u-flex-nowrap u-box-flex-col"):e.row&&r.push("u-flex-wrap"),()=>{var i;return c.createVNode("div",c.mergeProps({style:a,class:c.mergeProps({class:["comfy-tool--expended",...r]})},t),[((i=o.default)==null?void 0:i.call(o))||""])}}}),Y=P(Te),Oe={Column:q,Row:B,Expanded:Y};function De(e){e[V]||(e[V]=!0,n.entriesOf(Oe).forEach(([t,o])=>{e.component(t,o)}))}function z(e){H({app:e}),Ce(e),De(e)}class Le{constructor(t,o){this.properties=o,this.component=t,this.container=document.createElement("div");const a=c.createVNode(t,this.properties);h.app&&(a.appContext=h.app._context),c.render(a,this.container),this.instance=a.component,this.appDOM=this.container,this.init()}init(){this.mount()}static use(t){Object.assign(h,t)}mount(){if(this.properties.teleport?this.properties.teleport:h.rootId,this.appDOM&&!this.appDOM.isConnected)for(const t of Array.from(this.appDOM.childNodes))document.body.appendChild(t)}unmount(){var t;this.properties.teleport?this.properties.teleport:h.rootId,c.render(null,this.container),(t=this.appDOM.parentNode)==null||t.removeChild(this.appDOM)}close(){this.toggle(!1)}toggle(t,o){t?this.instance.open(o):this.instance.close(o)}}const W={show:!1,keepAlive:!1},Pe=c.defineComponent({name:"comfy-tool-layer",inheritAttrs:!1,components:{},props:{baseContent:{type:Object,default:null}},emits:["confirm","close","cancel"],setup(e,{attrs:t,emit:o,slots:a,expose:r}){const i=c.shallowRef(e.baseContent),s=c.shallowRef(null),f=c.ref(!0);let p;const u=c.shallowReactive(d(d(d({},W),t),e)),C={onConfirm(){},onClose(){}},_=c.createVNode("div",{style:{height:"150px"}},null);function K(l){u.show=l}function G(){return p=ne(s.value,_,O(d({},u.contentProps),{LAYERSHOW:u.show})),p}function J(){let l;return!u.keepAlive&&!u.show&&!f.value?l=()=>_:l=a.default?a.default:G,()=>l()}function X(){g.cancel()}function x(l){if(p&&p.component){let{ctx:v,exposed:T}=p.component;T&&T[l]?T[l]():v&&v[l]&&v[l]()}}let S;function A(l){u.show=l,u.show||u.keepAlive?(f.value=!0,S&&clearTimeout(S),S=null):S=setTimeout(()=>{f.value=!1},500),c.nextTick(()=>{u.show&&(x("onLayerShow"),x("queryData"))})}const g={init(l={},v=W){n.extend(u,v,l&&n.pickEx(l,["content","baseContent"])),l.onConfirm&&(C.onConfirm=l.onConfirm),l.onClose&&(C.onClose=l.onClose),l.baseContent&&(i.value=l.baseContent),s.value=l.content},open(l){g.init(l,{}),A(!0)},confirm(l){o("confirm"),A(!!C.onConfirm(l,g.close))},close(l="complete"){C.onClose(l),o("close"),A(!1),x("onClose")},cancel(){g.close("cancel"),o("cancel"),x("onCancel")}};return c.watch(()=>t,l=>{n.extend(u,{},l)}),r(g),c.provide("Layer",g),()=>{var l;return c.createVNode(c.Fragment,null,[i.value?c.h(i.value,O(d(d(d({class:["comfy-tool--layer",(l=u.class)!=null?l:""],style:d({},u.style)},n.pickEx(t,["content","contentProps","baseContent","baseContentProps"])),u.baseContentProps),n.pickEx(u,["content","contentProps","onClose","width","height","class","style","baseContent","baseContentProps"])),{"onUpdate:show":K,onClose:X}),{default:J(),overlayContent:a.overlayContent}):""])}}});var y;class w extends Le{constructor(t,o){super(t,o)}open(t){return super.mount(),this.instance.exposed.open(t)}static create(t={},o=!0){if(!y||o){let a=new w(Pe,t);if(o)return a;y||(y=a)}else y.instance.exposed.init(t);return y}}function I(e,t=!1){return new Promise((o,a)=>{w.create({},t).open(d({onConfirm(r,i){o(r)},onClose(r){a(r)}},e))})}I.create=w.create;I.close=()=>{y&&y.close()};const Ne="1.0.5",Ie=pe,_e={install(e){e[F]||(e[F]=!0,z(e))}};exports.Column=q;exports.ComfyTool=Ie;exports.Expanded=Y;exports.Layer=I;exports.Row=B;exports.configComfyTool=H;exports.default=_e;exports.resourceLoader=he;exports.useComfyTool=z;exports.version=Ne;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comfy-tool",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "A lightweight Vue 3 framework designed to streamline development and seamlessly integrate with other UI libraries, helping developers build applications faster and more efficiently.",
   "type": "module",
   "main": "lib/index.js",

package/web-types.json

@@ -1 +1 @@
-{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"comfy-tool","version":"1.0.4","js-types-syntax":"typescript","contributions":{"html":{"vue-components":[{"name":"column","description":"","props":[{"name":"reverse","type":"boolean | undefined","required":false,"description":""},{"name":"key","type":"PropertyKey | undefined","required":false,"description":""},{"name":"ref","type":"VNodeRef | undefined","required":false,"description":""},{"name":"ref_for","type":"boolean | undefined","required":false,"description":""},{"name":"ref_key","type":"string | undefined","required":false,"description":""},{"name":"class","type":"unknown","required":false,"description":""},{"name":"style","type":"unknown","required":false,"description":""}],"events":[],"slots":[]},{"name":"expended","description":"","props":[{"name":"column","type":"boolean | undefined","required":false,"description":""},{"name":"flex","type":"number | \"-\" | \"100%\" | undefined","required":false,"description":""},{"name":"row","type":"boolean | undefined","required":false,"description":""},{"name":"key","type":"PropertyKey | undefined","required":false,"description":""},{"name":"ref","type":"VNodeRef | undefined","required":false,"description":""},{"name":"ref_for","type":"boolean | undefined","required":false,"description":""},{"name":"ref_key","type":"string | undefined","required":false,"description":""},{"name":"class","type":"unknown","required":false,"description":""},{"name":"style","type":"unknown","required":false,"description":""},{"name":"width","type":"string | number | undefined","required":false,"description":""},{"name":"height","type":"string | number | undefined","required":false,"description":""},{"name":"minWidth","type":"string | number | undefined","required":false,"description":""},{"name":"minHeight","type":"string | number | undefined","required":false,"description":""},{"name":"maxWidth","type":"string | number | undefined","required":false,"description":""},{"name":"maxHeight","type":"string | number | undefined","required":false,"description":""}],"events":[],"slots":[]},{"name":"row","description":"","props":[{"name":"reverse","type":"boolean | undefined","required":false,"description":""},{"name":"key","type":"PropertyKey | undefined","required":false,"description":""},{"name":"ref","type":"VNodeRef | undefined","required":false,"description":""},{"name":"ref_for","type":"boolean | undefined","required":false,"description":""},{"name":"ref_key","type":"string | undefined","required":false,"description":""},{"name":"class","type":"unknown","required":false,"description":""},{"name":"style","type":"unknown","required":false,"description":""}],"events":[],"slots":[]},{"name":"component","description":"","props":[{"name":"key","type":"PropertyKey | undefined","required":false,"description":""},{"name":"ref","type":"VNodeRef | undefined","required":false,"description":""},{"name":"ref_for","type":"boolean | undefined","required":false,"description":""},{"name":"ref_key","type":"string | undefined","required":false,"description":""},{"name":"class","type":"unknown","required":false,"description":""},{"name":"style","type":"unknown","required":false,"description":""},{"name":"onCancel","type":"((...args: any[]) => any) | undefined","required":false,"description":""},{"name":"onClose","type":"((...args: any[]) => any) | undefined","required":false,"description":""},{"name":"onConfirm","type":"((...args: any[]) => any) | undefined","required":false,"description":""}],"events":[],"slots":[]}]}}}
+{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"comfy-tool","version":"1.0.4","js-types-syntax":"typescript","contributions":{"html":{"vue-components":[{"name":"column","description":"","props":[{"name":"reverse","type":"boolean | undefined","required":false,"description":""},{"name":"key","type":"PropertyKey | undefined","required":false,"description":""},{"name":"ref","type":"VNodeRef | undefined","required":false,"description":""},{"name":"ref_for","type":"boolean | undefined","required":false,"description":""},{"name":"ref_key","type":"string | undefined","required":false,"description":""},{"name":"class","type":"unknown","required":false,"description":""},{"name":"style","type":"unknown","required":false,"description":""}],"events":[],"slots":[]},{"name":"expanded","description":"","props":[{"name":"column","type":"boolean | undefined","required":false,"description":""},{"name":"flex","type":"number | \"-\" | \"100%\" | undefined","required":false,"description":""},{"name":"row","type":"boolean | undefined","required":false,"description":""},{"name":"key","type":"PropertyKey | undefined","required":false,"description":""},{"name":"ref","type":"VNodeRef | undefined","required":false,"description":""},{"name":"ref_for","type":"boolean | undefined","required":false,"description":""},{"name":"ref_key","type":"string | undefined","required":false,"description":""},{"name":"class","type":"unknown","required":false,"description":""},{"name":"style","type":"unknown","required":false,"description":""},{"name":"width","type":"string | number | undefined","required":false,"description":""},{"name":"height","type":"string | number | undefined","required":false,"description":""},{"name":"minWidth","type":"string | number | undefined","required":false,"description":""},{"name":"minHeight","type":"string | number | undefined","required":false,"description":""},{"name":"maxWidth","type":"string | number | undefined","required":false,"description":""},{"name":"maxHeight","type":"string | number | undefined","required":false,"description":""}],"events":[],"slots":[]},{"name":"row","description":"","props":[{"name":"reverse","type":"boolean | undefined","required":false,"description":""},{"name":"key","type":"PropertyKey | undefined","required":false,"description":""},{"name":"ref","type":"VNodeRef | undefined","required":false,"description":""},{"name":"ref_for","type":"boolean | undefined","required":false,"description":""},{"name":"ref_key","type":"string | undefined","required":false,"description":""},{"name":"class","type":"unknown","required":false,"description":""},{"name":"style","type":"unknown","required":false,"description":""}],"events":[],"slots":[]},{"name":"component","description":"","props":[{"name":"baseContent","type":"VueComponentConstructor | undefined","required":false,"default":"null","description":""},{"name":"key","type":"PropertyKey | undefined","required":false,"description":""},{"name":"ref","type":"VNodeRef | undefined","required":false,"description":""},{"name":"ref_for","type":"boolean | undefined","required":false,"description":""},{"name":"ref_key","type":"string | undefined","required":false,"description":""},{"name":"class","type":"unknown","required":false,"description":""},{"name":"style","type":"unknown","required":false,"description":""},{"name":"onCancel","type":"((...args: any[]) => any) | undefined","required":false,"description":""},{"name":"onClose","type":"((...args: any[]) => any) | undefined","required":false,"description":""},{"name":"onConfirm","type":"((...args: any[]) => any) | undefined","required":false,"description":""}],"events":[],"slots":[]}]}}}