@vtj/pro 0.8.18 → 0.8.20

package/dist/.vtj/{material.json → vtj-plugin.json}

@@ -1,6 +1,6 @@
 {
-  "name": "VtjBlockExample",
-  "label": "测试区块",
+  "name": "VtjBlockPlugin",
+  "label": "区块测试插件",
   "props": [
     {
       "name": "booleanProp",

package/dist/.vtj/vtj-plugin.umd.js

@@ -0,0 +1 @@
+(function(t,n){typeof exports=="object"&&typeof module!="undefined"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(t=typeof globalThis!="undefined"?globalThis:t||self,n(t.VtjPlugin={}))})(this,function(t){"use strict";const n={stringProp:{type:String},booleanProp:{type:Boolean},numberProp:{type:Number},selectProp:{type:String},objectProp:{type:Object},arrayProp:{type:Array},iconProp:{type:String},colorProp:{type:String},modelValue:{type:String},syncProp:{type:String}},m={class:"vtj-block-example__slot"},f={class:"vtj-block-example__slot"},V=Vue.defineComponent({name:"VtjBlockExample",__name:"Example",props:n,emits:["click","submit","change","update:modelValue","update:syncProp"],setup(E,{expose:x,emit:N}){const e=E,r=N,P=Vue.computed(()=>Object.entries(e)),d=Vue.computed({get(){return e.modelValue},set(l){r("update:modelValue",l)}}),i=Vue.computed({get(){return e.syncProp},set(l){r("update:syncProp",l)}}),u=Vue.ref("default inner data"),c=()=>{ElementPlus.ElMessage.info({message:"触发click事件"}),r("click",e)},s=()=>{ElementPlus.ElMessage.info({message:"触发submit事件"}),r("submit",e)},p=l=>{u.value=l,r("change",u.value)},g=()=>{p("user click change:"+Date.now())};return x({click:c,submit:s,data:u,change:p}),(l,a)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(VtjUI.XPanel),{class:"vtj-block-example",header:"VTJ远程组件测试",border:""},{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(ElementPlus.ElDivider),null,{default:Vue.withCtx(()=>[Vue.createTextVNode("内部数据")]),_:1}),Vue.createVNode(Vue.unref(VtjUI.XContainer),null,{default:Vue.withCtx(()=>[Vue.createTextVNode(Vue.toDisplayString(u.value),1)]),_:1}),Vue.createVNode(Vue.unref(ElementPlus.ElDivider),null,{default:Vue.withCtx(()=>[Vue.createTextVNode("属性")]),_:1}),Vue.createVNode(Vue.unref(ElementPlus.ElDescriptions),{column:3,border:""},{default:Vue.withCtx(()=>[(Vue.openBlock(!0),Vue.createElementBlock(Vue.Fragment,null,Vue.renderList(P.value,([o,h])=>(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElDescriptionsItem),{label:o},{default:Vue.withCtx(()=>[Vue.createElementVNode("pre",null,Vue.toDisplayString(JSON.stringify(h,null,2)),1)]),_:2},1032,["label"]))),256))]),_:1}),Vue.createVNode(Vue.unref(ElementPlus.ElDivider),null,{default:Vue.withCtx(()=>[Vue.createTextVNode("插槽")]),_:1}),Vue.createVNode(Vue.unref(VtjUI.XContainer),{justify:"space-around",flex:"",gap:""},{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(VtjUI.XPanel),{header:"default",grow:"",card:""},{default:Vue.withCtx(()=>[Vue.createElementVNode("div",m,[Vue.renderSlot(l.$slots,"default",{props:e,data:u.value},()=>[Vue.createElementVNode("pre",null,Vue.toDisplayString(JSON.stringify({props:e,data:u.value},null,2)),1)])])]),_:3}),Vue.createVNode(Vue.unref(VtjUI.XPanel),{header:"extra",grow:"",card:""},{default:Vue.withCtx(()=>[Vue.createElementVNode("div",f,[Vue.renderSlot(l.$slots,"extra",{props:e,data:u.value},()=>[Vue.createElementVNode("pre",null,Vue.toDisplayString(JSON.stringify({props:e,data:u.value},null,2)),1)])])]),_:3})]),_:3}),Vue.createVNode(Vue.unref(ElementPlus.ElDivider),null,{default:Vue.withCtx(()=>[Vue.createTextVNode("双向绑定")]),_:1}),Vue.createVNode(Vue.unref(VtjUI.XContainer),null,{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(ElementPlus.ElDescriptions),{column:2,border:""},{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(ElementPlus.ElDescriptionsItem),{label:"modelValue"},{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(ElementPlus.ElInput),{modelValue:d.value,"onUpdate:modelValue":a[0]||(a[0]=o=>d.value=o)},null,8,["modelValue"])]),_:1}),Vue.createVNode(Vue.unref(ElementPlus.ElDescriptionsItem),{label:"syncProp"},{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(ElementPlus.ElInput),{modelValue:i.value,"onUpdate:modelValue":a[1]||(a[1]=o=>i.value=o)},null,8,["modelValue"])]),_:1})]),_:1})]),_:1}),Vue.createVNode(Vue.unref(ElementPlus.ElDivider),null,{default:Vue.withCtx(()=>[Vue.createTextVNode("事件和方法")]),_:1}),Vue.createVNode(Vue.unref(VtjUI.XContainer),null,{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(ElementPlus.ElButton),{onClick:c},{default:Vue.withCtx(()=>[Vue.createTextVNode("click")]),_:1}),Vue.createVNode(Vue.unref(ElementPlus.ElButton),{onClick:s},{default:Vue.withCtx(()=>[Vue.createTextVNode("submit")]),_:1}),Vue.createVNode(Vue.unref(ElementPlus.ElButton),{onClick:g},{default:Vue.withCtx(()=>[Vue.createTextVNode("change")]),_:1})]),_:1})]),_:3}))}});t.default=V,t.exampleProps=n,t.plugin=V,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});