@razaman2/reactive-view 0.1.0-beta.9 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +1 -1
- package/dist/Editor-DMCekNFl.mjs +364 -0
- package/dist/Editor-JraAPAuW.js +1 -0
- package/dist/Label-CkJjlfli.js +1 -0
- package/dist/Label-DD9yGa7V.mjs +49 -0
- package/dist/ReactiveView.d.mts +20 -0
- package/dist/ReactiveView.d.ts +20 -0
- package/dist/Select-D8LFsK4R.js +1 -0
- package/dist/Select-x96YoTl5.mjs +238 -0
- package/dist/Subscription.d.mts +17 -0
- package/dist/Subscription.d.ts +17 -0
- package/dist/Subscriptions.d.mts +5 -0
- package/dist/Subscriptions.d.ts +5 -0
- package/dist/Types.d.mts +28 -0
- package/dist/Types.d.ts +28 -0
- package/dist/components/Button.vue.d.mts +3 -0
- package/dist/components/Button.vue.d.ts +3 -0
- package/dist/components/ConfirmationModal.vue.d.mts +3 -0
- package/dist/components/ConfirmationModal.vue.d.ts +3 -0
- package/dist/components/CustomAlert.vue.d.mts +69 -0
- package/dist/components/CustomAlert.vue.d.ts +69 -0
- package/dist/components/CustomButton.vue.d.mts +3 -0
- package/dist/components/CustomButton.vue.d.ts +3 -0
- package/dist/components/CustomModal.vue.d.mts +3 -0
- package/dist/components/CustomModal.vue.d.ts +3 -0
- package/dist/components/CustomTable.vue.d.mts +3 -0
- package/dist/components/CustomTable.vue.d.ts +3 -0
- package/dist/components/CustomTableRow.vue.d.mts +3 -0
- package/dist/components/CustomTableRow.vue.d.ts +3 -0
- package/dist/components/Datetime.vue.d.mts +3 -0
- package/dist/components/Datetime.vue.d.ts +3 -0
- package/dist/components/DraggableList.vue.d.mts +3 -0
- package/dist/components/DraggableList.vue.d.ts +3 -0
- package/dist/components/Editor.vue.d.mts +3 -0
- package/dist/components/Editor.vue.d.ts +3 -0
- package/dist/components/Input.vue.d.mts +3 -0
- package/dist/components/Input.vue.d.ts +3 -0
- package/dist/components/ItemsList.vue.d.mts +3 -0
- package/dist/components/ItemsList.vue.d.ts +3 -0
- package/dist/components/Label.vue.d.mts +3 -0
- package/dist/components/Label.vue.d.ts +3 -0
- package/dist/components/ListPagination.vue.d.mts +3 -0
- package/dist/components/ListPagination.vue.d.ts +3 -0
- package/dist/components/Popover.vue.d.mts +3 -0
- package/dist/components/Popover.vue.d.ts +3 -0
- package/dist/components/Select.vue.d.mts +3 -0
- package/dist/components/Select.vue.d.ts +3 -0
- package/dist/components/drag.d.mts +1 -0
- package/dist/components/drag.d.ts +1 -0
- package/dist/components/index.d.mts +17 -0
- package/dist/components/index.d.ts +17 -0
- package/dist/components/masks.d.mts +22 -0
- package/dist/components/masks.d.ts +22 -0
- package/dist/components.js +1 -0
- package/dist/components.mjs +1660 -0
- package/dist/index.d.mts +43 -121
- package/dist/index.d.ts +43 -121
- package/dist/index.js +1 -963
- package/dist/index.mjs +2 -916
- package/dist/reactive-view.css +2 -0
- package/dist/rolldown-runtime-C-QNzSnW.mjs +11 -0
- package/dist/src-BJaQUsvj.js +1 -0
- package/dist/src-DwXft6y4.mjs +528 -0
- package/package.json +126 -48
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.editor-clearable[data-v-f9ca0d09] .ql-editor{padding-right:2.25rem}[data-v-f9ca0d09] .ql-toolbar .ql-formats:not(:last-child){border-right:1px solid #ccc;margin-right:12px;padding-right:12px}[data-v-f9ca0d09] .ql-editor b,[data-v-f9ca0d09] .ql-editor strong{font-weight:700}[data-v-f9ca0d09] .ql-editor i,[data-v-f9ca0d09] .ql-editor em{font-style:italic}[data-v-f9ca0d09] .ql-editor u{text-decoration:underline}[data-v-f9ca0d09] .ql-editor s,[data-v-f9ca0d09] .ql-editor strike{text-decoration:line-through}[data-v-f9ca0d09] .ql-editor p+p{margin-top:.75em}[data-v-f9ca0d09] .ql-editor h1{font-size:2em;font-weight:700}[data-v-f9ca0d09] .ql-editor h2{font-size:1.5em;font-weight:700}[data-v-f9ca0d09] .ql-editor h3{font-size:1.17em;font-weight:700}[data-v-f9ca0d09] .ql-editor h4{font-size:1em;font-weight:700}[data-v-f9ca0d09] .ql-editor h5{font-size:.83em;font-weight:700}[data-v-f9ca0d09] .ql-editor h6{font-size:.67em;font-weight:700}[data-v-f9ca0d09] .ql-editor ul,[data-v-f9ca0d09] .ql-editor ol{padding-left:0}[data-v-f9ca0d09] .ql-editor{--editor-list-marker:.85em;--editor-list-gap:.4em;--editor-list-text:calc(var(--editor-list-marker) + var(--editor-list-gap))}[data-v-f9ca0d09] .ql-editor li[data-list]{padding-left:0}[data-v-f9ca0d09] .ql-editor li[data-list]:before{width:auto;min-width:var(--editor-list-marker);margin-left:0;margin-right:var(--editor-list-gap);text-align:left}[data-v-f9ca0d09] .ql-editor li[data-list=bullet]:before{content:"•"}[data-v-f9ca0d09] .ql-editor li[data-list=bullet],[data-v-f9ca0d09] .ql-editor li[data-list=checked],[data-v-f9ca0d09] .ql-editor li[data-list=unchecked]{counter-increment:none}[data-v-f9ca0d09] .ql-editor li[data-list=checked]:before,[data-v-f9ca0d09] .ql-editor li[data-list=unchecked]:before{content:none}[data-v-f9ca0d09] .ql-editor li[data-list=checked]>.ql-ui,[data-v-f9ca0d09] .ql-editor li[data-list=unchecked]>.ql-ui{min-width:var(--editor-list-marker);margin-right:var(--editor-list-gap);cursor:pointer;display:inline-block}[data-v-f9ca0d09] .ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}[data-v-f9ca0d09] .ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}[data-v-f9ca0d09] .ql-editor li[data-list]:not([data-list=ordered])+li[data-list=ordered]:not([class*=ql-indent-]){counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}[data-v-f9ca0d09] .ql-editor blockquote{border-left:4px solid #ccc;margin-left:0;padding-left:1em;font-style:italic}[data-v-f9ca0d09] .ql-editor .ql-indent-1{padding-left:3em}[data-v-f9ca0d09] .ql-editor li[data-list].ql-indent-1{padding-left:calc(1 * var(--editor-list-text))}[data-v-f9ca0d09] .ql-editor .ql-indent-2{padding-left:6em}[data-v-f9ca0d09] .ql-editor li[data-list].ql-indent-2{padding-left:calc(2 * var(--editor-list-text))}[data-v-f9ca0d09] .ql-editor .ql-indent-3{padding-left:9em}[data-v-f9ca0d09] .ql-editor li[data-list].ql-indent-3{padding-left:calc(3 * var(--editor-list-text))}[data-v-f9ca0d09] .ql-editor .ql-indent-4{padding-left:12em}[data-v-f9ca0d09] .ql-editor li[data-list].ql-indent-4{padding-left:calc(4 * var(--editor-list-text))}[data-v-f9ca0d09] .ql-editor .ql-indent-5{padding-left:15em}[data-v-f9ca0d09] .ql-editor li[data-list].ql-indent-5{padding-left:calc(5 * var(--editor-list-text))}[data-v-f9ca0d09] .ql-editor .ql-indent-6{padding-left:18em}[data-v-f9ca0d09] .ql-editor li[data-list].ql-indent-6{padding-left:calc(6 * var(--editor-list-text))}[data-v-f9ca0d09] .ql-editor .ql-indent-7{padding-left:21em}[data-v-f9ca0d09] .ql-editor li[data-list].ql-indent-7{padding-left:calc(7 * var(--editor-list-text))}[data-v-f9ca0d09] .ql-editor .ql-indent-8{padding-left:24em}[data-v-f9ca0d09] .ql-editor li[data-list].ql-indent-8{padding-left:calc(8 * var(--editor-list-text))}[data-v-f9ca0d09] .ql-editor .ql-code-block-container{white-space:pre-wrap;background-color:#f4f4f5;border-radius:4px;margin:.25em 0;padding:.5em .75em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}[data-v-f9ca0d09] .ql-editor sub{vertical-align:sub;font-size:smaller}[data-v-f9ca0d09] .ql-editor sup{vertical-align:super;font-size:smaller}:where(:root){--colors-primary-500:var(--p-primary-500,#10b981);--colors-white:#fff;--colors-0F0F12:#0f0f12;--colors-303136:#303136;--colors-494F62:#494f62;--colors-818898:#818898;--colors-8B8CA0:#8b8ca0;--colors-A0A3B4:#a0a3b4;--colors-DCE1E8:#dce1e8;--colors-DE851A:#de851a;--colors-EDEFF2:#edeff2;--colors-F5F6F8:#f5f6f8;--colors-F9FAFC:#f9fafc}
|
|
2
|
+
/*$vite$:1*/
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
//#region \0rolldown/runtime.js
|
|
2
|
+
var e = Object.defineProperty, t = (t, n) => {
|
|
3
|
+
let r = {};
|
|
4
|
+
for (var i in t) e(r, i, {
|
|
5
|
+
get: t[i],
|
|
6
|
+
enumerable: !0
|
|
7
|
+
});
|
|
8
|
+
return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
|
|
9
|
+
};
|
|
10
|
+
//#endregion
|
|
11
|
+
export { t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let l=require(`@razaman2/object-manager`);l=c(l);let u=require(`@razaman2/data-manager`);u=c(u);let d=require(`vue`),f=require(`date-fns-tz`),p=require(`tailwind-merge`);var m=class e{subscriptions=[];data={};static create(){return new e}subscribe(e,t,n){return this.isNameAvailable(e)&&(this.subscriptions.push({name:e,handler:t}),this.data[e]=n),this}replace(e,t,n){return this.unsubscribe(e),this.subscribe(e,t,n)}unsubscribe(e){Array.isArray(e)||(e=e?[e]:[]);let t=e=>console.log(`%cUnsubscribed From Subscription (${e})`,`background-color: yellow; color: green; font-weight: bold; padding: 3px;`);return e.length?e.forEach(e=>{let n=this.find(e);n&&(n.handler(),this.remove(n),t(e))}):(this.subscriptions.forEach(e=>{e.handler(),t(e.name)}),this.subscriptions=[]),this}size(){return this.subscriptions.length}hasSubscription(e){return!!this.find(e)}remove(e){this.subscriptions.splice(this.subscriptions.indexOf(e),1)}find(e){return this.subscriptions.find(t=>t.name===e)}isNameAvailable(e){if(this.hasSubscription(e))throw Error(`There is already a subscription called "${e}".`);return!0}registrations(){return this.subscriptions}get(e){let t=this.find(e);if(t)return t;throw Error(`Subscription "${e}" doesn't exist!`)}},h=class e extends m{static subscriptions=e.create();static get(){return this.subscriptions}},g={type:Function,default:(e={},t={})=>t,ReactiveView:!0},_=e=>typeof e?.then==`function`,v=e=>{if(typeof e!=`object`||!e)return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null},y=(0,d.defineComponent)({props:{setup:{},beta:[Boolean,String],ReactiveView:{type:Boolean,default:!0},instance:{default:()=>(0,d.ref)()},notifications:Object,subscriptions:Object,beforeSetData:Function,data:{default:()=>(0,d.ref)({})},defaultData:{},getDefaultData:{type:Function,default:e=>e},model:{},defer:{},logging:{validator:e=>typeof e==`boolean`},modelName:{type:String,default:`ReactiveView`},debug:{type:Boolean,default:!1},state:{default:()=>(0,d.reactive)({})}},setup(e,t){let n=!1,r=(0,d.effectScope)();(0,d.onBeforeUnmount)(()=>{n=!0,r.stop()});let i=(e,t)=>{let n=!1,r=Array.from(new Set(e.paths().concat(t.paths())));if(r.includes(``))return n=r.some(n=>e.get(n)!==t.get(n)),{before:e.get(),after:t.get(),changes:n?t.get():{},changed:n};let i=r.reduce((r,i)=>(e.get(i)!==t.get(i)&&(r.set(i,t.get(i)),n=!0),r),l.default.on({}));return{before:e.get(),after:t.get(),changes:i.get(),changed:n}},a=e=>{let n=t.attrs[`data:path`];return typeof n==`function`?n(e):e},o=(n,r)=>(0,d.createVNode)(`div`,t.slots.default?t.attrs:{style:{color:`red`,textAlign:`center`},...t.attrs},t.slots.default?t.slots.default({component:n,vue:r,props:e,context:t}):`${e.modelName}: @razaman2/reactive-view@0.2.1`),s=(0,d.ref)(!1),c=(0,d.ref)(!1),f=(0,d.ref)(typeof e.defer==`function`?e.defer():e.defer),p=typeof e.data==`function`,m=p||_(e.data),h=(0,d.getCurrentInstance)(),g=h.vnode.props??{},y=e=>e in g||e.replace(/\B([A-Z])/g,`-$1`).toLowerCase()in g,b=e.getDefaultData(y(`defaultData`)?e.defaultData:y(`data`)&&Array.isArray((0,d.unref)(g.data))?[]:{}),x=Array.isArray(b)?[]:{},S=(e,t)=>{h&&h.vnode.el&&(N(D).model.setData(e),h.vnode.el.dispatchEvent(new CustomEvent(`emit:data`,{bubbles:!0,composed:!0,detail:{before:t,after:e}})))},C=t=>new Proxy(t,{get(t,n,r){return[`setData`,`replaceData`].includes(n.toString())?(...r)=>{let i=N(D).beforeSetData??e.beforeSetData;if(typeof i==`function`){let e=l.default.on(l.default.on(t.getData()).clone()),a=new u.default({data:l.default.on(t.getData()).clone(),defaultData:l.default.on(b).clone()});a[n](...r);let o=l.default.on(a.getData());i(N(D).diff(e,o),t)&&t[n](...r)}else t[n](...r);return t}:Reflect.get(t,n,r)}}),w=e=>(0,d.isRef)(e)||(0,d.isReactive)(e)?e:m?(0,d.ref)(x):Array.isArray(e)||v(e)?(0,d.ref)(O(e)):(0,d.ref)(y(`data`)?{"":e}:x),T={data:w(g.data),defaultData:l.default.on(b).clone(),notifications:e.notifications,subscriptions:e.subscriptions,name:e.modelName,logging:e.logging},E=e.model?typeof e.model==`function`?e.model(T):e.model:u.default.setConfig({beforeGetData:e=>(0,d.isRef)(e)?(0,d.unref)(e):e},T),D=(0,d.ref)({parent:{self:h.proxy},self:{template:o,diff:i,emit:S,dataPath:a,model:C(E),isValid:s}});if(t.attrs[`onUpdate:model`]||t.attrs[`update:model`]){let n={callback:typeof t.attrs[`onUpdate:model`]==`function`?t.attrs[`onUpdate:model`]:t.attrs[`update:model`],options:{immediate:t.attrs[`model:immediate`],deep:t.attrs[`model:deep`],once:t.attrs[`model:once`]}},i=()=>l.default.on(E.getData()).clone();r.run(()=>(0,d.watch)(i,(t,r)=>{let i=N(D).diff(l.default.on(r),l.default.on(t));e.debug&&console.debug(`[${e.modelName}]:model`,{diff:i,before:r,after:t}),i.changed&&n.callback(i,{component:D})},n.options))}let k=(n,r)=>{let i=N(D).diff(l.default.on(r),l.default.on(n)),a=t.attrs[`data:callback`];e.debug&&console.debug(`[${e.modelName}]:data`,{diff:i,callback:a,props:e,context:t,component:D}),typeof a==`function`?a(i,{component:D}):E.replaceData(n)};if(e.model!==!1&&y(`data`)&&!(0,d.isRef)(g.data)&&!(0,d.isReactive)(g.data)&&!m){let n=e=>l.default.on((0,d.unref)(w(e))).clone(),i=n(e.data);r.run(()=>(0,d.watch)(()=>e.data,e=>{let t=n(e);N(D).diff(l.default.on(i),l.default.on(t)).changed&&(k(t,i),i=t)},{deep:t.attrs[`data:deep`],once:t.attrs[`data:once`]}))}return(0,d.nextTick)(async()=>{if(e.model!==!1&&m){y(`defaultData`)||console.warn(`${e.modelName}: defaultData is required for promise or function data.`,e.data);let i;try{let t=p?e.data():e.data;if(_(t)){let[e]=await Promise.all([t,f.value??!0]);i=()=>e}else i=e.data}catch(r){if(!n){let n=t.attrs[`data:error`];typeof n==`function`?n(r,{component:D}):console.error(`${e.modelName}: failed to load data.`,r)}}if(i&&!n){let e=i;r.run(()=>(0,d.watch)(e,k,{immediate:t.attrs[`data:immediate`]??!0,deep:t.attrs[`data:deep`],once:t.attrs[`data:once`]}))}}}),(0,d.nextTick)(async()=>{try{c.value=await f.value??!0}catch(r){if(!n){let n=t.attrs[`defer:error`];typeof n==`function`?n(r,{component:D}):console.error(`${e.modelName}: defer failed.`,r)}}}),D.value=[N(D)].reduce((e,t)=>{for(;t&&typeof t.setup==`function`&&(e={parent:e,self:t.setup(D,e)??{}},!N(t.$parent).ReactiveView);)t=N(t.$parent);return e},D.value),e.instance.value=typeof e.instance==`function`?e.instance(D.value):D.value,e=>c.value?N(D).template(D,e):t.slots.loading?.({component:D})}}),b=l.default.default||l.default,x=y,S=Object.freeze({"@razaman2/reactive-view":`0.2.1`,...new u.default().build,...new b().build});console.log(`%c[ReactiveView]: 0.2.1`,`background-color: red; color: yellow;`,S);async function C(e){let{message:t}=e.loading??{};e.loading&&(e.loading.status=!0,e.message&&(e.loading.message=e.message));try{return await e.try()}catch(t){if(e.alternative??!0)return e.catch?await e.catch(t):console.log(t)}finally{await e.finally?.(),e.loading&&(e.loading.status=!1),e.loading&&t&&(e.loading.message=t),await e.complete?.()}}function w(e,t={}){let n=e=>{let n=t.id??`dialog_${e.children.length+1}`,r=document.createElement(`div`);return r.setAttribute(`id`,n),t.placement===`replaceChildren`&&Array.from(e.children).forEach(e=>(0,d.render)(null,e)),e[t.placement??`appendChild`](r),r},r=e=>{let t=document.getElementById(e);if(t)return n(t);{let t=document.createElement(`div`);return t.setAttribute(`id`,e),document.body.appendChild(t),n(t)}},i=t.container||`app-dialogs`,a=r(i),o=(0,d.createVNode)({setup:()=>()=>e},{container:i,unmount:()=>{(0,d.render)(null,a),a.remove()}}),s=t.app??document.querySelector(`[data-v-app]`);s?o.appContext=s.__vue_app__._context:console.warn(`[ReactiveView]: showComponent called without an active app context.`),(0,d.render)(o,a)}function T(e={},t){let n=Array.isArray(t)||typeof t==`string`?t:t.exclude,r=(Array.isArray(n)?n:[n]).join(`|`),i=t.include??{};return Object.entries(i).reduce((e,[t,n])=>(e[t]=n,e),Object.entries(e).reduce((e,[t,n])=>(RegExp(`(^|\\|)${t}($|\\|)`,`i`).test(r)||(e[t]=n),e),{}))}function E(e,t={}){let n=e=>{try{let t=(e.type||e).props;return t&&Object.prototype.hasOwnProperty.call(t,`model`)}catch{return!1}},r=T(t,`setup`),i=typeof e==`function`?e:()=>(e.type||e).setup?(0,d.createVNode)(e,e.setup?{}:r):e;return n(e)?(0,d.createVNode)(e,r):(0,d.createVNode)(y,r,i)}function D(e,t){let n=Intl.DateTimeFormat().resolvedOptions().timeZone,r=typeof t==`string`?{format:t,timezone:n}:{format:t?.format??`MM/dd/yyyy h:mm a`,timezone:t?.timezone??n};return(0,f.formatInTimeZone)((()=>{try{return e instanceof Date?e:e.toDate()}catch{return new Date}})(),r.timezone,r.format)}var O=(e,t=new Map)=>{if(t.has(e))return t.get(e);if(Array.isArray(e)){let n=[];return t.set(e,n),e.forEach(e=>n.push(O(e,t))),n}if(e?.constructor?.name===`Object`){let n={};return t.set(e,n),Object.entries(e).forEach(([e,r])=>n[e]=O(r,t)),n}return e},k=new WeakMap,A=new WeakMap,j=e=>e!==null&&[`object`,`function`].includes(typeof e),M=(e,t)=>{let n=(0,d.toRaw)(e),r=()=>new Proxy(n,{get(e,n){let r={tree:e};do if(n in r.tree)return r.tree[n];else if(`self`in r.tree&&n in r.tree.self)return r.tree.self[n];else r.tree=`parent`in r.tree&&r.tree.parent;while(r.tree);try{return new t}catch{return t}}});if(!j(n))return r();if(t===void 0)return k.has(n)||k.set(n,r()),k.get(n);if(j(t)){let e=A.get(n)??new WeakMap;return A.set(n,e),e.has(t)||e.set(t,r()),e.get(t)}else return r()};function N(e={},t){try{let n=(0,d.unref)(typeof e==`function`?e():e)??{};return M(`instance`in n?n.instance:n,t)}catch{return M(e,t)}}function P(){let e=[],t=h.get();return{addSubscription(n,r,i){t.subscribe(n,r,i),e.push(()=>t.unsubscribe(n))},replaceSubscription(n,r,i){t.replace(n,r,i),e.push(()=>t.unsubscribe(n))},removeSubscriptions(){e.forEach(e=>C({try:()=>e()}))},removeSubscription(e){t.unsubscribe(e)},hasSubscription(e){return t.hasSubscription(e)},subscriptions:e,subscription:t}}var F=(e,t)=>typeof t==`string`?e?.constructor?.name===t:[String,Number,Boolean,Symbol,BigInt,Function].includes(t)?typeof e===t.name.toLowerCase():t===Array?Array.isArray(e):t===Object?Object.prototype.toString.call(e)===`[object Object]`:e instanceof t,I=(e={})=>{let t=`type`in e?Array.isArray(e.type)?e.type:[e.type]:[],n=t.filter(e=>typeof e==`function`),r=()=>`default`in e?typeof e.default==`function`?n.includes(Function)?()=>e.default:e.default:(0,d.isRef)(e.default)||(0,d.isReactive)(e.default)?e.default:()=>(0,d.ref)(O(e.default)):n.length===1&&n[0]===Boolean?()=>(0,d.ref)(!1):()=>(0,d.ref)();return{...n.length?{type:Array.from(new Set(n.concat(Object)))}:{},...e.required?{required:!0}:{},default:r(),validator:n=>{let r=(0,d.unref)(n);return typeof e.validator==`function`?e.validator(r):!t.length||r==null?!0:t.some(e=>F(r,e))}}};function L(e={}){let t=(e,t=!0)=>e.split(/(-{[^}]+})/).reduce((e,n)=>{let r=/-{(.+?)}/.exec(n);return(r?r[1]??n:n).split(/\s+/).forEach(n=>{n&&Object.assign(e,{[n]:r?!1:t})}),e},{});return Array.isArray(e)?e.reduce((e,n)=>Object.assign(t(n),e),{}):typeof e==`string`?t(e):Object.entries(e).reduce((e,[n,r])=>({...e,...t(n,r)}),{})}function R(...e){return new Proxy(e.reduce((e,t,n,r)=>{let i=r[r.length-n-1]??{};return{...L(typeof i==`function`?i(r.slice(0,n-1)):i),...e}},{}),{get:(e,t,n)=>{let r=Object.entries(e).reduce((e,[t,n])=>n?e.concat(t):e,[]);return t===`string`?r.join(` `):t===`array`?r:Reflect.get(e,t,n)}})}var z=new WeakMap,B={},V=(e,t)=>{let n=(Array.isArray(e)?e[0]:e)?.i,r=z.get(n??B)??new Map;if(z.set(n??B,r),!r.has(t)){let e=(0,d.ref)(null);r.set(t,{ref:e,bind:r=>{e.value=r,n&&(Object.isFrozen(n.refs)&&(n.refs={}),n.refs[t]=r,n.setupState&&Object.hasOwn(n.setupState,t)&&(n.setupState[t]=r))}})}return r.get(t)},H=new WeakMap,U=(e,t)=>{let n=H.get(t)??new WeakMap;return H.set(t,n),n.has(e)||n.set(e,n=>{typeof e==`function`?e(n):e.value=n,typeof t==`function`?t(n):t.value=n}),n.get(e)},W=e=>Array.isArray(e)?e.flatMap(e=>Array.isArray(e)?W(e):(0,d.isVNode)(e)&&e.type===d.Fragment&&e.key===null&&Array.isArray(e.children)?W(e.children):[e]):e,G=e=>(0,d.isVNode)(e)&&e.type===d.Fragment&&e.key===null?W([e]):W(e),K=(...e)=>{let t=e[1];return new Proxy(N(e[0]),{get:(e,n)=>{if(n===`then`||typeof n==`symbol`||typeof n==`string`&&n.startsWith(`__v_`))return Reflect.get(e,n);if(typeof e[n]!=`function`)throw Error(`${String(n)} does not exist as vnode on component.`);return(r={},i)=>{let[a,...o]=Array.isArray(r)?r:[r],s=e[n].call(e,...o),c=Array.isArray(s)?s[0]:s;if(c){let{class:e,style:n,...o}=a,{class:s,style:l,...u}=c.props??{},f=typeof e==`function`,m=Object.entries(o).reduce((e,[t,n])=>{if(typeof n==`function`)if(t===`setup`)u.setup&&(e[t]=(...e)=>({...u[t](...e),...n(...e)}));else if(t===`ref`){let r=typeof u[t]==`string`?V(c.ref,u[t]):void 0,i=r?r.ref:u[t],a=r?r.bind:i,o=n(i);e[t]=((0,d.isRef)(o)||typeof o==`function`)&&o!==i&&((0,d.isRef)(a)||typeof a==`function`)?U(a,o):o===void 0||o===i?a:o}else e[t]=n(u[t]);return e},{...o}),h=f?e(s):e,g=(0,p.twMerge)(R(f?{}:s,h).string,R(h).string),_=n?typeof n==`function`?n(l):n:l,v=Object.assign({},u,m,{class:g,style:_}),y=typeof i==`function`?i({props:v,slots:c.children,vnode:(e={})=>(0,d.createVNode)(c.type,typeof e.props==`function`?e.props(v):{...v,...e.props},typeof e.slots==`function`?G(e.slots(c.children)):e.slots===void 0?c.children:c.children!==null&&typeof c.children==`object`&&!Array.isArray(c.children)?{...c.children,...e.slots}:W([].concat(e.slots.default?.()??[])))}):(0,d.createVNode)(c.type,v,([`string`,`number`].includes(typeof i)||(0,d.isVNode)(i)||Array.isArray(i)?{default:()=>W((0,d.isVNode)(i)?[i]:i)}:i)??c.children);return t&&console.log(`debug:`,{vnode:c,props:r,slots:i,output:y,functionalProps:m,finalClasses:g,finalStyles:_,finalProps:v}),{...y,props:{...y.props,...v}}}}}})};function q(e,t){let{modelName:n,setup:r,props:i,slots:a,...o}=e??{};return(0,d.defineComponent)({name:n,props:Object.assign({setup:g},i),setup(){let e=(0,d.ref)();return n=>{let i=Object.entries(o).reduce((t,[r,i])=>Object.assign({},t,{[r]:typeof i==`function`?i(n,e):i}),{}),s=typeof a==`function`?a(n,e):Array.isArray(a)?(()=>a):a;return(0,d.createVNode)(t??y,{...i,...Object.assign({},i,typeof r==`function`?{setup:(e,t)=>r(e,t,new Proxy(n,{get:(e,t)=>(0,d.unref)(e[t])}))}:{}),instance:e},s)}}})}var J=(e,t,n)=>{let r=N(e),i={before:b.on(X(r)).clone(),after:n?b.on(X(r)).set(Z(r,n),t).get():b.on(X(r)).set(t).get()};return`state`in r?i:r.$emit(`update:state`,i)},Y=(e,t,n)=>{let r=N(e),i=b.on(X(r));return t?i.get(Z(r,t),n):i.get()},X=e=>(0,d.unref)(`state`in e?e.state:e.$attrs.state),Z=(e,t)=>typeof e.$attrs[`data:path`]==`function`?e.$attrs[`data:path`](t):t;function Q(e){throw Error(e)}Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return P}});
|
|
@@ -0,0 +1,528 @@
|
|
|
1
|
+
import e from "@razaman2/object-manager";
|
|
2
|
+
import t from "@razaman2/data-manager";
|
|
3
|
+
import { Fragment as n, createVNode as r, defineComponent as i, effectScope as a, getCurrentInstance as o, isReactive as s, isRef as c, isVNode as l, nextTick as u, onBeforeUnmount as d, reactive as f, ref as p, render as m, toRaw as h, unref as g, watch as _ } from "vue";
|
|
4
|
+
import { formatInTimeZone as v } from "date-fns-tz";
|
|
5
|
+
import { twMerge as y } from "tailwind-merge";
|
|
6
|
+
//#region src/Subscription.ts
|
|
7
|
+
var b = class e {
|
|
8
|
+
subscriptions = [];
|
|
9
|
+
data = {};
|
|
10
|
+
static create() {
|
|
11
|
+
return new e();
|
|
12
|
+
}
|
|
13
|
+
subscribe(e, t, n) {
|
|
14
|
+
return this.isNameAvailable(e) && (this.subscriptions.push({
|
|
15
|
+
name: e,
|
|
16
|
+
handler: t
|
|
17
|
+
}), this.data[e] = n), this;
|
|
18
|
+
}
|
|
19
|
+
replace(e, t, n) {
|
|
20
|
+
return this.unsubscribe(e), this.subscribe(e, t, n);
|
|
21
|
+
}
|
|
22
|
+
unsubscribe(e) {
|
|
23
|
+
Array.isArray(e) || (e = e ? [e] : []);
|
|
24
|
+
let t = (e) => console.log(`%cUnsubscribed From Subscription (${e})`, "background-color: yellow; color: green; font-weight: bold; padding: 3px;");
|
|
25
|
+
return e.length ? e.forEach((e) => {
|
|
26
|
+
let n = this.find(e);
|
|
27
|
+
n && (n.handler(), this.remove(n), t(e));
|
|
28
|
+
}) : (this.subscriptions.forEach((e) => {
|
|
29
|
+
e.handler(), t(e.name);
|
|
30
|
+
}), this.subscriptions = []), this;
|
|
31
|
+
}
|
|
32
|
+
size() {
|
|
33
|
+
return this.subscriptions.length;
|
|
34
|
+
}
|
|
35
|
+
hasSubscription(e) {
|
|
36
|
+
return !!this.find(e);
|
|
37
|
+
}
|
|
38
|
+
remove(e) {
|
|
39
|
+
this.subscriptions.splice(this.subscriptions.indexOf(e), 1);
|
|
40
|
+
}
|
|
41
|
+
find(e) {
|
|
42
|
+
return this.subscriptions.find((t) => t.name === e);
|
|
43
|
+
}
|
|
44
|
+
isNameAvailable(e) {
|
|
45
|
+
if (this.hasSubscription(e)) throw Error(`There is already a subscription called "${e}".`);
|
|
46
|
+
return !0;
|
|
47
|
+
}
|
|
48
|
+
registrations() {
|
|
49
|
+
return this.subscriptions;
|
|
50
|
+
}
|
|
51
|
+
get(e) {
|
|
52
|
+
let t = this.find(e);
|
|
53
|
+
if (t) return t;
|
|
54
|
+
throw Error(`Subscription "${e}" doesn't exist!`);
|
|
55
|
+
}
|
|
56
|
+
}, x = class e extends b {
|
|
57
|
+
static subscriptions = e.create();
|
|
58
|
+
static get() {
|
|
59
|
+
return this.subscriptions;
|
|
60
|
+
}
|
|
61
|
+
}, S = {
|
|
62
|
+
type: Function,
|
|
63
|
+
default: (e = {}, t = {}) => t,
|
|
64
|
+
ReactiveView: !0
|
|
65
|
+
}, C = (e) => typeof e?.then == "function", w = (e) => {
|
|
66
|
+
if (typeof e != "object" || !e) return !1;
|
|
67
|
+
let t = Object.getPrototypeOf(e);
|
|
68
|
+
return t === Object.prototype || t === null;
|
|
69
|
+
}, T = i({
|
|
70
|
+
props: {
|
|
71
|
+
setup: {},
|
|
72
|
+
beta: [Boolean, String],
|
|
73
|
+
ReactiveView: {
|
|
74
|
+
type: Boolean,
|
|
75
|
+
default: !0
|
|
76
|
+
},
|
|
77
|
+
instance: { default: () => p() },
|
|
78
|
+
notifications: Object,
|
|
79
|
+
subscriptions: Object,
|
|
80
|
+
beforeSetData: Function,
|
|
81
|
+
data: { default: () => p({}) },
|
|
82
|
+
defaultData: {},
|
|
83
|
+
getDefaultData: {
|
|
84
|
+
type: Function,
|
|
85
|
+
default: (e) => e
|
|
86
|
+
},
|
|
87
|
+
model: {},
|
|
88
|
+
defer: {},
|
|
89
|
+
logging: { validator: (e) => typeof e == "boolean" },
|
|
90
|
+
modelName: {
|
|
91
|
+
type: String,
|
|
92
|
+
default: "ReactiveView"
|
|
93
|
+
},
|
|
94
|
+
debug: {
|
|
95
|
+
type: Boolean,
|
|
96
|
+
default: !1
|
|
97
|
+
},
|
|
98
|
+
state: { default: () => f({}) }
|
|
99
|
+
},
|
|
100
|
+
setup(n, i) {
|
|
101
|
+
let l = !1, f = a();
|
|
102
|
+
d(() => {
|
|
103
|
+
l = !0, f.stop();
|
|
104
|
+
});
|
|
105
|
+
let m = (t, n) => {
|
|
106
|
+
let r = !1, i = Array.from(new Set(t.paths().concat(n.paths())));
|
|
107
|
+
if (i.includes("")) return r = i.some((e) => t.get(e) !== n.get(e)), {
|
|
108
|
+
before: t.get(),
|
|
109
|
+
after: n.get(),
|
|
110
|
+
changes: r ? n.get() : {},
|
|
111
|
+
changed: r
|
|
112
|
+
};
|
|
113
|
+
let a = i.reduce((e, i) => (t.get(i) !== n.get(i) && (e.set(i, n.get(i)), r = !0), e), e.on({}));
|
|
114
|
+
return {
|
|
115
|
+
before: t.get(),
|
|
116
|
+
after: n.get(),
|
|
117
|
+
changes: a.get(),
|
|
118
|
+
changed: r
|
|
119
|
+
};
|
|
120
|
+
}, h = (e) => {
|
|
121
|
+
let t = i.attrs["data:path"];
|
|
122
|
+
return typeof t == "function" ? t(e) : e;
|
|
123
|
+
}, v = (e, t) => r("div", i.slots.default ? i.attrs : {
|
|
124
|
+
style: {
|
|
125
|
+
color: "red",
|
|
126
|
+
textAlign: "center"
|
|
127
|
+
},
|
|
128
|
+
...i.attrs
|
|
129
|
+
}, i.slots.default ? i.slots.default({
|
|
130
|
+
component: e,
|
|
131
|
+
vue: t,
|
|
132
|
+
props: n,
|
|
133
|
+
context: i
|
|
134
|
+
}) : `${n.modelName}: @razaman2/reactive-view@0.2.1`), y = p(!1), b = p(!1), x = p(typeof n.defer == "function" ? n.defer() : n.defer), S = typeof n.data == "function", T = S || C(n.data), E = o(), D = E.vnode.props ?? {}, O = (e) => e in D || e.replace(/\B([A-Z])/g, "-$1").toLowerCase() in D, k = n.getDefaultData(O("defaultData") ? n.defaultData : O("data") && Array.isArray(g(D.data)) ? [] : {}), A = Array.isArray(k) ? [] : {}, j = (e, t) => {
|
|
135
|
+
E && E.vnode.el && (z(L).model.setData(e), E.vnode.el.dispatchEvent(new CustomEvent("emit:data", {
|
|
136
|
+
bubbles: !0,
|
|
137
|
+
composed: !0,
|
|
138
|
+
detail: {
|
|
139
|
+
before: t,
|
|
140
|
+
after: e
|
|
141
|
+
}
|
|
142
|
+
})));
|
|
143
|
+
}, M = (r) => new Proxy(r, { get(r, i, a) {
|
|
144
|
+
return ["setData", "replaceData"].includes(i.toString()) ? (...a) => {
|
|
145
|
+
let o = z(L).beforeSetData ?? n.beforeSetData;
|
|
146
|
+
if (typeof o == "function") {
|
|
147
|
+
let n = e.on(e.on(r.getData()).clone()), s = new t({
|
|
148
|
+
data: e.on(r.getData()).clone(),
|
|
149
|
+
defaultData: e.on(k).clone()
|
|
150
|
+
});
|
|
151
|
+
s[i](...a);
|
|
152
|
+
let c = e.on(s.getData());
|
|
153
|
+
o(z(L).diff(n, c), r) && r[i](...a);
|
|
154
|
+
} else r[i](...a);
|
|
155
|
+
return r;
|
|
156
|
+
} : Reflect.get(r, i, a);
|
|
157
|
+
} }), N = (e) => c(e) || s(e) ? e : T ? p(A) : Array.isArray(e) || w(e) ? p(P(e)) : p(O("data") ? { "": e } : A), F = {
|
|
158
|
+
data: N(D.data),
|
|
159
|
+
defaultData: e.on(k).clone(),
|
|
160
|
+
notifications: n.notifications,
|
|
161
|
+
subscriptions: n.subscriptions,
|
|
162
|
+
name: n.modelName,
|
|
163
|
+
logging: n.logging
|
|
164
|
+
}, I = n.model ? typeof n.model == "function" ? n.model(F) : n.model : t.setConfig({ beforeGetData: (e) => c(e) ? g(e) : e }, F), L = p({
|
|
165
|
+
parent: { self: E.proxy },
|
|
166
|
+
self: {
|
|
167
|
+
template: v,
|
|
168
|
+
diff: m,
|
|
169
|
+
emit: j,
|
|
170
|
+
dataPath: h,
|
|
171
|
+
model: M(I),
|
|
172
|
+
isValid: y
|
|
173
|
+
}
|
|
174
|
+
});
|
|
175
|
+
if (i.attrs["onUpdate:model"] || i.attrs["update:model"]) {
|
|
176
|
+
let t = {
|
|
177
|
+
callback: typeof i.attrs["onUpdate:model"] == "function" ? i.attrs["onUpdate:model"] : i.attrs["update:model"],
|
|
178
|
+
options: {
|
|
179
|
+
immediate: i.attrs["model:immediate"],
|
|
180
|
+
deep: i.attrs["model:deep"],
|
|
181
|
+
once: i.attrs["model:once"]
|
|
182
|
+
}
|
|
183
|
+
}, r = () => e.on(I.getData()).clone();
|
|
184
|
+
f.run(() => _(r, (r, i) => {
|
|
185
|
+
let a = z(L).diff(e.on(i), e.on(r));
|
|
186
|
+
n.debug && console.debug(`[${n.modelName}]:model`, {
|
|
187
|
+
diff: a,
|
|
188
|
+
before: i,
|
|
189
|
+
after: r
|
|
190
|
+
}), a.changed && t.callback(a, { component: L });
|
|
191
|
+
}, t.options));
|
|
192
|
+
}
|
|
193
|
+
let R = (t, r) => {
|
|
194
|
+
let a = z(L).diff(e.on(r), e.on(t)), o = i.attrs["data:callback"];
|
|
195
|
+
n.debug && console.debug(`[${n.modelName}]:data`, {
|
|
196
|
+
diff: a,
|
|
197
|
+
callback: o,
|
|
198
|
+
props: n,
|
|
199
|
+
context: i,
|
|
200
|
+
component: L
|
|
201
|
+
}), typeof o == "function" ? o(a, { component: L }) : I.replaceData(t);
|
|
202
|
+
};
|
|
203
|
+
if (n.model !== !1 && O("data") && !c(D.data) && !s(D.data) && !T) {
|
|
204
|
+
let t = (t) => e.on(g(N(t))).clone(), r = t(n.data);
|
|
205
|
+
f.run(() => _(() => n.data, (n) => {
|
|
206
|
+
let i = t(n);
|
|
207
|
+
z(L).diff(e.on(r), e.on(i)).changed && (R(i, r), r = i);
|
|
208
|
+
}, {
|
|
209
|
+
deep: i.attrs["data:deep"],
|
|
210
|
+
once: i.attrs["data:once"]
|
|
211
|
+
}));
|
|
212
|
+
}
|
|
213
|
+
return u(async () => {
|
|
214
|
+
if (n.model !== !1 && T) {
|
|
215
|
+
O("defaultData") || console.warn(`${n.modelName}: defaultData is required for promise or function data.`, n.data);
|
|
216
|
+
let e;
|
|
217
|
+
try {
|
|
218
|
+
let t = S ? n.data() : n.data;
|
|
219
|
+
if (C(t)) {
|
|
220
|
+
let [n] = await Promise.all([t, x.value ?? !0]);
|
|
221
|
+
e = () => n;
|
|
222
|
+
} else e = n.data;
|
|
223
|
+
} catch (e) {
|
|
224
|
+
if (!l) {
|
|
225
|
+
let t = i.attrs["data:error"];
|
|
226
|
+
typeof t == "function" ? t(e, { component: L }) : console.error(`${n.modelName}: failed to load data.`, e);
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
if (e && !l) {
|
|
230
|
+
let t = e;
|
|
231
|
+
f.run(() => _(t, R, {
|
|
232
|
+
immediate: i.attrs["data:immediate"] ?? !0,
|
|
233
|
+
deep: i.attrs["data:deep"],
|
|
234
|
+
once: i.attrs["data:once"]
|
|
235
|
+
}));
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
}), u(async () => {
|
|
239
|
+
try {
|
|
240
|
+
b.value = await x.value ?? !0;
|
|
241
|
+
} catch (e) {
|
|
242
|
+
if (!l) {
|
|
243
|
+
let t = i.attrs["defer:error"];
|
|
244
|
+
typeof t == "function" ? t(e, { component: L }) : console.error(`${n.modelName}: defer failed.`, e);
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
}), L.value = [z(L)].reduce((e, t) => {
|
|
248
|
+
for (; t && typeof t.setup == "function" && (e = {
|
|
249
|
+
parent: e,
|
|
250
|
+
self: t.setup(L, e) ?? {}
|
|
251
|
+
}, !z(t.$parent).ReactiveView);) t = z(t.$parent);
|
|
252
|
+
return e;
|
|
253
|
+
}, L.value), n.instance.value = typeof n.instance == "function" ? n.instance(L.value) : L.value, (e) => b.value ? z(L).template(L, e) : i.slots.loading?.({ component: L });
|
|
254
|
+
}
|
|
255
|
+
}), E = e.default || e, D = T, O = Object.freeze({
|
|
256
|
+
"@razaman2/reactive-view": "0.2.1",
|
|
257
|
+
...new t().build,
|
|
258
|
+
...new E().build
|
|
259
|
+
});
|
|
260
|
+
console.log("%c[ReactiveView]: 0.2.1", "background-color: red; color: yellow;", O);
|
|
261
|
+
async function k(e) {
|
|
262
|
+
let { message: t } = e.loading ?? {};
|
|
263
|
+
e.loading && (e.loading.status = !0, e.message && (e.loading.message = e.message));
|
|
264
|
+
try {
|
|
265
|
+
return await e.try();
|
|
266
|
+
} catch (t) {
|
|
267
|
+
if (e.alternative ?? !0) return e.catch ? await e.catch(t) : console.log(t);
|
|
268
|
+
} finally {
|
|
269
|
+
await e.finally?.(), e.loading && (e.loading.status = !1), e.loading && t && (e.loading.message = t), await e.complete?.();
|
|
270
|
+
}
|
|
271
|
+
}
|
|
272
|
+
function A(e, t = {}) {
|
|
273
|
+
let n = (e) => {
|
|
274
|
+
let n = t.id ?? `dialog_${e.children.length + 1}`, r = document.createElement("div");
|
|
275
|
+
return r.setAttribute("id", n), t.placement === "replaceChildren" && Array.from(e.children).forEach((e) => m(null, e)), e[t.placement ?? "appendChild"](r), r;
|
|
276
|
+
}, i = (e) => {
|
|
277
|
+
let t = document.getElementById(e);
|
|
278
|
+
if (t) return n(t);
|
|
279
|
+
{
|
|
280
|
+
let t = document.createElement("div");
|
|
281
|
+
return t.setAttribute("id", e), document.body.appendChild(t), n(t);
|
|
282
|
+
}
|
|
283
|
+
}, a = t.container || "app-dialogs", o = i(a), s = r({ setup: () => () => e }, {
|
|
284
|
+
container: a,
|
|
285
|
+
unmount: () => {
|
|
286
|
+
m(null, o), o.remove();
|
|
287
|
+
}
|
|
288
|
+
}), c = t.app ?? document.querySelector("[data-v-app]");
|
|
289
|
+
c ? s.appContext = c.__vue_app__._context : console.warn("[ReactiveView]: showComponent called without an active app context."), m(s, o);
|
|
290
|
+
}
|
|
291
|
+
function j(e = {}, t) {
|
|
292
|
+
let n = Array.isArray(t) || typeof t == "string" ? t : t.exclude, r = (Array.isArray(n) ? n : [n]).join("|"), i = t.include ?? {};
|
|
293
|
+
return Object.entries(i).reduce((e, [t, n]) => (e[t] = n, e), Object.entries(e).reduce((e, [t, n]) => (RegExp(`(^|\\|)${t}($|\\|)`, "i").test(r) || (e[t] = n), e), {}));
|
|
294
|
+
}
|
|
295
|
+
function M(e, t = {}) {
|
|
296
|
+
let n = (e) => {
|
|
297
|
+
try {
|
|
298
|
+
let t = (e.type || e).props;
|
|
299
|
+
return t && Object.prototype.hasOwnProperty.call(t, "model");
|
|
300
|
+
} catch {
|
|
301
|
+
return !1;
|
|
302
|
+
}
|
|
303
|
+
}, i = j(t, "setup"), a = typeof e == "function" ? e : () => (e.type || e).setup ? r(e, e.setup ? {} : i) : e;
|
|
304
|
+
return n(e) ? r(e, i) : r(T, i, a);
|
|
305
|
+
}
|
|
306
|
+
function N(e, t) {
|
|
307
|
+
let n = Intl.DateTimeFormat().resolvedOptions().timeZone, r = typeof t == "string" ? {
|
|
308
|
+
format: t,
|
|
309
|
+
timezone: n
|
|
310
|
+
} : {
|
|
311
|
+
format: t?.format ?? "MM/dd/yyyy h:mm a",
|
|
312
|
+
timezone: t?.timezone ?? n
|
|
313
|
+
};
|
|
314
|
+
return v((() => {
|
|
315
|
+
try {
|
|
316
|
+
return e instanceof Date ? e : e.toDate();
|
|
317
|
+
} catch {
|
|
318
|
+
return /* @__PURE__ */ new Date();
|
|
319
|
+
}
|
|
320
|
+
})(), r.timezone, r.format);
|
|
321
|
+
}
|
|
322
|
+
var P = (e, t = /* @__PURE__ */ new Map()) => {
|
|
323
|
+
if (t.has(e)) return t.get(e);
|
|
324
|
+
if (Array.isArray(e)) {
|
|
325
|
+
let n = [];
|
|
326
|
+
return t.set(e, n), e.forEach((e) => n.push(P(e, t))), n;
|
|
327
|
+
}
|
|
328
|
+
if (e?.constructor?.name === "Object") {
|
|
329
|
+
let n = {};
|
|
330
|
+
return t.set(e, n), Object.entries(e).forEach(([e, r]) => n[e] = P(r, t)), n;
|
|
331
|
+
}
|
|
332
|
+
return e;
|
|
333
|
+
}, F = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = (e) => e !== null && ["object", "function"].includes(typeof e), R = (e, t) => {
|
|
334
|
+
let n = h(e), r = () => new Proxy(n, { get(e, n) {
|
|
335
|
+
let r = { tree: e };
|
|
336
|
+
do
|
|
337
|
+
if (n in r.tree) return r.tree[n];
|
|
338
|
+
else if ("self" in r.tree && n in r.tree.self) return r.tree.self[n];
|
|
339
|
+
else r.tree = "parent" in r.tree && r.tree.parent;
|
|
340
|
+
while (r.tree);
|
|
341
|
+
try {
|
|
342
|
+
return new t();
|
|
343
|
+
} catch {
|
|
344
|
+
return t;
|
|
345
|
+
}
|
|
346
|
+
} });
|
|
347
|
+
if (!L(n)) return r();
|
|
348
|
+
if (t === void 0) return F.has(n) || F.set(n, r()), F.get(n);
|
|
349
|
+
if (L(t)) {
|
|
350
|
+
let e = I.get(n) ?? /* @__PURE__ */ new WeakMap();
|
|
351
|
+
return I.set(n, e), e.has(t) || e.set(t, r()), e.get(t);
|
|
352
|
+
} else return r();
|
|
353
|
+
};
|
|
354
|
+
function z(e = {}, t) {
|
|
355
|
+
try {
|
|
356
|
+
let n = g(typeof e == "function" ? e() : e) ?? {};
|
|
357
|
+
return R("instance" in n ? n.instance : n, t);
|
|
358
|
+
} catch {
|
|
359
|
+
return R(e, t);
|
|
360
|
+
}
|
|
361
|
+
}
|
|
362
|
+
function B() {
|
|
363
|
+
let e = [], t = x.get();
|
|
364
|
+
return {
|
|
365
|
+
addSubscription(n, r, i) {
|
|
366
|
+
t.subscribe(n, r, i), e.push(() => t.unsubscribe(n));
|
|
367
|
+
},
|
|
368
|
+
replaceSubscription(n, r, i) {
|
|
369
|
+
t.replace(n, r, i), e.push(() => t.unsubscribe(n));
|
|
370
|
+
},
|
|
371
|
+
removeSubscriptions() {
|
|
372
|
+
e.forEach((e) => k({ try: () => e() }));
|
|
373
|
+
},
|
|
374
|
+
removeSubscription(e) {
|
|
375
|
+
t.unsubscribe(e);
|
|
376
|
+
},
|
|
377
|
+
hasSubscription(e) {
|
|
378
|
+
return t.hasSubscription(e);
|
|
379
|
+
},
|
|
380
|
+
subscriptions: e,
|
|
381
|
+
subscription: t
|
|
382
|
+
};
|
|
383
|
+
}
|
|
384
|
+
var V = (e, t) => typeof t == "string" ? e?.constructor?.name === t : [
|
|
385
|
+
String,
|
|
386
|
+
Number,
|
|
387
|
+
Boolean,
|
|
388
|
+
Symbol,
|
|
389
|
+
BigInt,
|
|
390
|
+
Function
|
|
391
|
+
].includes(t) ? typeof e === t.name.toLowerCase() : t === Array ? Array.isArray(e) : t === Object ? Object.prototype.toString.call(e) === "[object Object]" : e instanceof t, H = (e = {}) => {
|
|
392
|
+
let t = "type" in e ? Array.isArray(e.type) ? e.type : [e.type] : [], n = t.filter((e) => typeof e == "function"), r = () => "default" in e ? typeof e.default == "function" ? n.includes(Function) ? () => e.default : e.default : c(e.default) || s(e.default) ? e.default : () => p(P(e.default)) : n.length === 1 && n[0] === Boolean ? () => p(!1) : () => p();
|
|
393
|
+
return {
|
|
394
|
+
...n.length ? { type: Array.from(new Set(n.concat(Object))) } : {},
|
|
395
|
+
...e.required ? { required: !0 } : {},
|
|
396
|
+
default: r(),
|
|
397
|
+
validator: (n) => {
|
|
398
|
+
let r = g(n);
|
|
399
|
+
return typeof e.validator == "function" ? e.validator(r) : !t.length || r == null ? !0 : t.some((e) => V(r, e));
|
|
400
|
+
}
|
|
401
|
+
};
|
|
402
|
+
};
|
|
403
|
+
function U(e = {}) {
|
|
404
|
+
let t = (e, t = !0) => e.split(/(-{[^}]+})/).reduce((e, n) => {
|
|
405
|
+
let r = /-{(.+?)}/.exec(n);
|
|
406
|
+
return (r ? r[1] ?? n : n).split(/\s+/).forEach((n) => {
|
|
407
|
+
n && Object.assign(e, { [n]: r ? !1 : t });
|
|
408
|
+
}), e;
|
|
409
|
+
}, {});
|
|
410
|
+
return Array.isArray(e) ? e.reduce((e, n) => Object.assign(t(n), e), {}) : typeof e == "string" ? t(e) : Object.entries(e).reduce((e, [n, r]) => ({
|
|
411
|
+
...e,
|
|
412
|
+
...t(n, r)
|
|
413
|
+
}), {});
|
|
414
|
+
}
|
|
415
|
+
function W(...e) {
|
|
416
|
+
return new Proxy(e.reduce((e, t, n, r) => {
|
|
417
|
+
let i = r[r.length - n - 1] ?? {};
|
|
418
|
+
return {
|
|
419
|
+
...U(typeof i == "function" ? i(r.slice(0, n - 1)) : i),
|
|
420
|
+
...e
|
|
421
|
+
};
|
|
422
|
+
}, {}), { get: (e, t, n) => {
|
|
423
|
+
let r = Object.entries(e).reduce((e, [t, n]) => n ? e.concat(t) : e, []);
|
|
424
|
+
return t === "string" ? r.join(" ") : t === "array" ? r : Reflect.get(e, t, n);
|
|
425
|
+
} });
|
|
426
|
+
}
|
|
427
|
+
var G = /* @__PURE__ */ new WeakMap(), K = {}, q = (e, t) => {
|
|
428
|
+
let n = (Array.isArray(e) ? e[0] : e)?.i, r = G.get(n ?? K) ?? /* @__PURE__ */ new Map();
|
|
429
|
+
if (G.set(n ?? K, r), !r.has(t)) {
|
|
430
|
+
let e = p(null);
|
|
431
|
+
r.set(t, {
|
|
432
|
+
ref: e,
|
|
433
|
+
bind: (r) => {
|
|
434
|
+
e.value = r, n && (Object.isFrozen(n.refs) && (n.refs = {}), n.refs[t] = r, n.setupState && Object.hasOwn(n.setupState, t) && (n.setupState[t] = r));
|
|
435
|
+
}
|
|
436
|
+
});
|
|
437
|
+
}
|
|
438
|
+
return r.get(t);
|
|
439
|
+
}, J = /* @__PURE__ */ new WeakMap(), Y = (e, t) => {
|
|
440
|
+
let n = J.get(t) ?? /* @__PURE__ */ new WeakMap();
|
|
441
|
+
return J.set(t, n), n.has(e) || n.set(e, (n) => {
|
|
442
|
+
typeof e == "function" ? e(n) : e.value = n, typeof t == "function" ? t(n) : t.value = n;
|
|
443
|
+
}), n.get(e);
|
|
444
|
+
}, X = (e) => Array.isArray(e) ? e.flatMap((e) => Array.isArray(e) ? X(e) : l(e) && e.type === n && e.key === null && Array.isArray(e.children) ? X(e.children) : [e]) : e, Z = (e) => l(e) && e.type === n && e.key === null ? X([e]) : X(e), ee = (...e) => {
|
|
445
|
+
let t = e[1];
|
|
446
|
+
return new Proxy(z(e[0]), { get: (e, n) => {
|
|
447
|
+
if (n === "then" || typeof n == "symbol" || typeof n == "string" && n.startsWith("__v_")) return Reflect.get(e, n);
|
|
448
|
+
if (typeof e[n] != "function") throw Error(`${String(n)} does not exist as vnode on component.`);
|
|
449
|
+
return (i = {}, a) => {
|
|
450
|
+
let [o, ...s] = Array.isArray(i) ? i : [i], u = e[n].call(e, ...s), d = Array.isArray(u) ? u[0] : u;
|
|
451
|
+
if (d) {
|
|
452
|
+
let { class: e, style: n, ...s } = o, { class: u, style: f, ...p } = d.props ?? {}, m = typeof e == "function", h = Object.entries(s).reduce((e, [t, n]) => {
|
|
453
|
+
if (typeof n == "function") if (t === "setup") p.setup && (e[t] = (...e) => ({
|
|
454
|
+
...p[t](...e),
|
|
455
|
+
...n(...e)
|
|
456
|
+
}));
|
|
457
|
+
else if (t === "ref") {
|
|
458
|
+
let r = typeof p[t] == "string" ? q(d.ref, p[t]) : void 0, i = r ? r.ref : p[t], a = r ? r.bind : i, o = n(i);
|
|
459
|
+
e[t] = (c(o) || typeof o == "function") && o !== i && (c(a) || typeof a == "function") ? Y(a, o) : o === void 0 || o === i ? a : o;
|
|
460
|
+
} else e[t] = n(p[t]);
|
|
461
|
+
return e;
|
|
462
|
+
}, { ...s }), g = m ? e(u) : e, _ = y(W(m ? {} : u, g).string, W(g).string), v = n ? typeof n == "function" ? n(f) : n : f, b = Object.assign({}, p, h, {
|
|
463
|
+
class: _,
|
|
464
|
+
style: v
|
|
465
|
+
}), x = typeof a == "function" ? a({
|
|
466
|
+
props: b,
|
|
467
|
+
slots: d.children,
|
|
468
|
+
vnode: (e = {}) => r(d.type, typeof e.props == "function" ? e.props(b) : {
|
|
469
|
+
...b,
|
|
470
|
+
...e.props
|
|
471
|
+
}, typeof e.slots == "function" ? Z(e.slots(d.children)) : e.slots === void 0 ? d.children : d.children !== null && typeof d.children == "object" && !Array.isArray(d.children) ? {
|
|
472
|
+
...d.children,
|
|
473
|
+
...e.slots
|
|
474
|
+
} : X([].concat(e.slots.default?.() ?? [])))
|
|
475
|
+
}) : r(d.type, b, (["string", "number"].includes(typeof a) || l(a) || Array.isArray(a) ? { default: () => X(l(a) ? [a] : a) } : a) ?? d.children);
|
|
476
|
+
return t && console.log("debug:", {
|
|
477
|
+
vnode: d,
|
|
478
|
+
props: i,
|
|
479
|
+
slots: a,
|
|
480
|
+
output: x,
|
|
481
|
+
functionalProps: h,
|
|
482
|
+
finalClasses: _,
|
|
483
|
+
finalStyles: v,
|
|
484
|
+
finalProps: b
|
|
485
|
+
}), {
|
|
486
|
+
...x,
|
|
487
|
+
props: {
|
|
488
|
+
...x.props,
|
|
489
|
+
...b
|
|
490
|
+
}
|
|
491
|
+
};
|
|
492
|
+
}
|
|
493
|
+
};
|
|
494
|
+
} });
|
|
495
|
+
};
|
|
496
|
+
function te(e, t) {
|
|
497
|
+
let { modelName: n, setup: a, props: o, slots: s, ...c } = e ?? {};
|
|
498
|
+
return i({
|
|
499
|
+
name: n,
|
|
500
|
+
props: Object.assign({ setup: S }, o),
|
|
501
|
+
setup() {
|
|
502
|
+
let e = p();
|
|
503
|
+
return (n) => {
|
|
504
|
+
let i = Object.entries(c).reduce((t, [r, i]) => Object.assign({}, t, { [r]: typeof i == "function" ? i(n, e) : i }), {}), o = typeof s == "function" ? s(n, e) : Array.isArray(s) ? (() => s) : s;
|
|
505
|
+
return r(t ?? T, {
|
|
506
|
+
...i,
|
|
507
|
+
...Object.assign({}, i, typeof a == "function" ? { setup: (e, t) => a(e, t, new Proxy(n, { get: (e, t) => g(e[t]) })) } : {}),
|
|
508
|
+
instance: e
|
|
509
|
+
}, o);
|
|
510
|
+
};
|
|
511
|
+
}
|
|
512
|
+
});
|
|
513
|
+
}
|
|
514
|
+
var ne = (e, t, n) => {
|
|
515
|
+
let r = z(e), i = {
|
|
516
|
+
before: E.on(Q(r)).clone(),
|
|
517
|
+
after: n ? E.on(Q(r)).set($(r, n), t).get() : E.on(Q(r)).set(t).get()
|
|
518
|
+
};
|
|
519
|
+
return "state" in r ? i : r.$emit("update:state", i);
|
|
520
|
+
}, re = (e, t, n) => {
|
|
521
|
+
let r = z(e), i = E.on(Q(r));
|
|
522
|
+
return t ? i.get($(r, t), n) : i.get();
|
|
523
|
+
}, Q = (e) => g("state" in e ? e.state : e.$attrs.state), $ = (e, t) => typeof e.$attrs["data:path"] == "function" ? e.$attrs["data:path"](t) : t;
|
|
524
|
+
function ie(e) {
|
|
525
|
+
throw Error(e);
|
|
526
|
+
}
|
|
527
|
+
//#endregion
|
|
528
|
+
export { D as _, O as a, S as b, te as c, N as d, j as f, A as g, ne as h, z as i, ee as l, k as m, H as n, P as o, M as p, U as r, $ as s, W as t, re as u, ie as v, B as y };
|