vft 0.0.35 → 0.0.37

package/es/components/md-code-demo/md-code-demo.mjs

@@ -11,9 +11,8 @@ import { VftIcon as y } from "../icon/index.mjs";
 import { vLoading as _ } from "../loading/directive.mjs";
 import { getCode as N, getReactCode as w, getVueCode as x, getNormalCode as D } from "./code-demo/code.mjs";
 import { loadNormal as E, loadVue as M, loadReact as R } from "./code-demo/loadScript.mjs";
-import "balloon-css/balloon.css";
 import { atou as b, injectCSS as k, injectScript as J } from "./utils.mjs";
-const O = 800, P = C({
+const O = 800, G = C({
   name: "VftMdCodeDemo",
   props: {
     /**
@@ -210,5 +209,5 @@ const O = 800, P = C({
   }
 });
 export {
-  P as default
+  G as default
 };

package/es/components/md-vue-playground/md-vue-playground.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as n, shallowRef as f, computed as w, onMounted as g, createVNode as e, withDirectives as r, resolveDirective as u, h } from "vue";
+import { defineComponent as c, ref as n, shallowRef as f, computed as w, onMounted as g, createVNode as e, withDirectives as u, resolveDirective as r, h } from "vue";
 import { useNamespace as V } from "../../hooks/use-namespace/index.mjs";
 import "@popperjs/core";
 import "lodash";
@@ -7,7 +7,6 @@ import "@vueuse/core";
 import "@vue/shared";
 import "@vft/utils";
 import "../../utils/ns-cover.mjs";
-import "@vue/repl/style.css";
 import { getVuePlaygroundSettings as C } from "./playground.mjs";
 import { VftIcon as R } from "../icon/index.mjs";
 const p = (
@@ -15,7 +14,7 @@ const p = (
   V("md-vue-playground")
 ), y = c({
   name: p.b()
-}), j = /* @__PURE__ */ c({
+}), P = /* @__PURE__ */ c({
   ...y,
   props: {
     title: null,
@@ -25,10 +24,10 @@ const p = (
   setup(t) {
     const a = n(!0), i = f(), s = n(), o = w(() => C(t.settings)), l = n(o.value.showCode || !1), d = async () => {
       const {
-        ReplStore: m,
-        Repl: v
+        ReplStore: v,
+        Repl: m
       } = await import("@vue/repl");
-      i.value = v, s.value = new m({
+      i.value = m, s.value = new v({
         serializedState: decodeURIComponent(t.files),
         showOutput: !0
       }), o.value.vueVersion && await s.value.setVueVersion(o.value.vueVersion);
@@ -39,23 +38,23 @@ const p = (
       class: p.b()
     }, [e("div", {
       class: "title-wrapper"
-    }, [r(e("div", {
+    }, [u(e("div", {
       class: "title"
-    }, [decodeURIComponent(t.title)]), [[u("if"), t.title]]), e(R, {
+    }, [decodeURIComponent(t.title)]), [[r("if"), t.title]]), e(R, {
       cursor: !0,
       icon: l.value ? "i-bx:collapse-alt" : "i-bx:expand-alt",
       size: 20,
       onClick: () => {
         l.value = !l.value;
       }
-    }, null)]), r(e("div", {
+    }, null)]), u(e("div", {
       class: ["repl-container", l.value ? "show-code" : "hide-code"]
     }, [i.value ? h(i.value, {
       store: s.value,
       ...o.value
-    }) : null]), [[u("spin"), a.value]])]);
+    }) : null]), [[r("spin"), a.value]])]);
   }
 });
 export {
-  j as default
+  P as default
 };

package/es/package.json.mjs

@@ -1,4 +1,4 @@
-const o = "0.0.34";
+const o = "0.0.36";
 export {
   o as version
 };

package/lib/components/md-code-demo/md-code-demo.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../config-provider/hooks/use-global-config.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("@vft/utils");require("../../utils/ns-cover.js");const b=require("../icon/index.js"),q=require("../loading/directive.js"),d=require("./code-demo/code.js"),m=require("./code-demo/loadScript.js");require("balloon-css/balloon.css");const i=require("./utils.js"),S=800,C=e.defineComponent({name:"VftMdCodeDemo",props:{id:{type:String,required:!0},type:{type:String,default:"normal"},title:{type:String,default:""},config:{type:String,default:""},code:{type:String,required:!0}},setup(a,{slots:s}){const n=e.ref(!1),f=e.ref(),g=e.ref(),u=e.ref("0"),c=e.ref(!1),r=e.computed(()=>JSON.parse(a.config?i.atou(a.config):"{}")),l=e.computed(()=>{const o=JSON.parse(i.atou(a.code));return d.getCode(o)}),t=e.computed(()=>a.type==="react"?d.getReactCode(l.value,r.value):a.type==="vue"?d.getVueCode(l.value,r.value):d.getNormalCode(l.value,r.value)),y=e.computed(()=>t.value.isLegal),v=(o=!1)=>{const p=f.value.attachShadow({mode:"open"}),h=document.createElement("div");h.classList.add("code-demo-app"),p.appendChild(h),y.value?(o&&(h.innerHTML=t.value.html),i.injectCSS(p,t.value),i.injectScript(a.id,p,t.value),u.value="0"):u.value="auto",c.value=!0},j=()=>{switch(a.type){case"react":return m.loadReact(t.value).then(()=>v());case"vue":return m.loadVue(t.value).then(()=>v());default:return m.loadNormal(t.value).then(()=>v(!0))}};return e.onMounted(()=>{setTimeout(()=>{j()},S)}),()=>{var o;return e.withDirectives(e.h("div",{class:"vft-md-code-demo",id:a.id},[e.h("div",{class:"code-demo-header"},[t.value.isLegal?e.h("button",{class:["toggle-button",n.value?"down":"right"],onClick:()=>{u.value=n.value?"0":`${g.value.clientHeight+13.8}px`,n.value=!n.value}}):null,a.title?e.h("span",{class:"title"},decodeURIComponent(a.title)):null,e.h("div",{style:{display:"flex"}},[t.value.isLegal&&t.value.jsfiddle!==!1?e.h("form",{class:"code-demo-jsfiddle",target:"_blank",action:"https://jsfiddle.net/api/post/library/pure/",method:"post"},[e.h("input",{type:"hidden",name:"html",value:t.value.html}),e.h("input",{type:"hidden",name:"js",value:t.value.js}),e.h("input",{type:"hidden",name:"css",value:t.value.css}),e.h("input",{type:"hidden",name:"wrap",value:"1"}),e.h("input",{type:"hidden",name:"panel_js",value:"3"}),e.h("input",{type:"hidden",name:"resources",value:[...t.value.cssLib,...t.value.jsLib].join(",")}),e.h("button",{type:"submit","aria-label":"JSFiddle","data-balloon-pos":"up"},e.h(b.VftIcon,{icon:"i-cib:jsfiddle",class:"jsfiddle-button"}))]):null,!t.value.isLegal||t.value.codepen!==!1?e.h("form",{class:"code-demo-codepen",target:"_blank",action:"https://codepen.io/pen/define",method:"post"},[e.h("input",{type:"hidden",name:"data",value:JSON.stringify({html:t.value.html,js:t.value.js,css:t.value.css,js_external:t.value.jsLib.join(";"),css_external:t.value.cssLib.join(";"),layout:t.value.codepenLayout,html_pre_processor:l.value?l.value.html[1]:"none",js_pre_processor:l.value?l.value.js[1]:t.value.jsx?"babel":"none",css_pre_processor:l.value?l.value.css[1]:"none",editors:t.value.codepenEditors})}),e.h("button",{type:"submit","aria-label":"Codepen","data-balloon-pos":"up"},e.h(b.VftIcon,{icon:"i-mdi:codepen",class:"codepen-button"}))]):null])]),e.h("div",{ref:f,class:"code-demo-container",style:{display:y.value&&c.value?"block":"none"}}),e.h("div",{class:"code-demo-code-wrapper",style:{height:u.value}},e.h("div",{ref:g,class:"code-demo-codes"},(o=s.default)==null?void 0:o.call(s)))]),[[q.vLoading,!c.value]])}}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../config-provider/hooks/use-global-config.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("@vft/utils");require("../../utils/ns-cover.js");const b=require("../icon/index.js"),q=require("../loading/directive.js"),d=require("./code-demo/code.js"),m=require("./code-demo/loadScript.js"),i=require("./utils.js"),S=800,C=e.defineComponent({name:"VftMdCodeDemo",props:{id:{type:String,required:!0},type:{type:String,default:"normal"},title:{type:String,default:""},config:{type:String,default:""},code:{type:String,required:!0}},setup(a,{slots:s}){const n=e.ref(!1),f=e.ref(),g=e.ref(),u=e.ref("0"),c=e.ref(!1),r=e.computed(()=>JSON.parse(a.config?i.atou(a.config):"{}")),l=e.computed(()=>{const o=JSON.parse(i.atou(a.code));return d.getCode(o)}),t=e.computed(()=>a.type==="react"?d.getReactCode(l.value,r.value):a.type==="vue"?d.getVueCode(l.value,r.value):d.getNormalCode(l.value,r.value)),y=e.computed(()=>t.value.isLegal),v=(o=!1)=>{const p=f.value.attachShadow({mode:"open"}),h=document.createElement("div");h.classList.add("code-demo-app"),p.appendChild(h),y.value?(o&&(h.innerHTML=t.value.html),i.injectCSS(p,t.value),i.injectScript(a.id,p,t.value),u.value="0"):u.value="auto",c.value=!0},j=()=>{switch(a.type){case"react":return m.loadReact(t.value).then(()=>v());case"vue":return m.loadVue(t.value).then(()=>v());default:return m.loadNormal(t.value).then(()=>v(!0))}};return e.onMounted(()=>{setTimeout(()=>{j()},S)}),()=>{var o;return e.withDirectives(e.h("div",{class:"vft-md-code-demo",id:a.id},[e.h("div",{class:"code-demo-header"},[t.value.isLegal?e.h("button",{class:["toggle-button",n.value?"down":"right"],onClick:()=>{u.value=n.value?"0":`${g.value.clientHeight+13.8}px`,n.value=!n.value}}):null,a.title?e.h("span",{class:"title"},decodeURIComponent(a.title)):null,e.h("div",{style:{display:"flex"}},[t.value.isLegal&&t.value.jsfiddle!==!1?e.h("form",{class:"code-demo-jsfiddle",target:"_blank",action:"https://jsfiddle.net/api/post/library/pure/",method:"post"},[e.h("input",{type:"hidden",name:"html",value:t.value.html}),e.h("input",{type:"hidden",name:"js",value:t.value.js}),e.h("input",{type:"hidden",name:"css",value:t.value.css}),e.h("input",{type:"hidden",name:"wrap",value:"1"}),e.h("input",{type:"hidden",name:"panel_js",value:"3"}),e.h("input",{type:"hidden",name:"resources",value:[...t.value.cssLib,...t.value.jsLib].join(",")}),e.h("button",{type:"submit","aria-label":"JSFiddle","data-balloon-pos":"up"},e.h(b.VftIcon,{icon:"i-cib:jsfiddle",class:"jsfiddle-button"}))]):null,!t.value.isLegal||t.value.codepen!==!1?e.h("form",{class:"code-demo-codepen",target:"_blank",action:"https://codepen.io/pen/define",method:"post"},[e.h("input",{type:"hidden",name:"data",value:JSON.stringify({html:t.value.html,js:t.value.js,css:t.value.css,js_external:t.value.jsLib.join(";"),css_external:t.value.cssLib.join(";"),layout:t.value.codepenLayout,html_pre_processor:l.value?l.value.html[1]:"none",js_pre_processor:l.value?l.value.js[1]:t.value.jsx?"babel":"none",css_pre_processor:l.value?l.value.css[1]:"none",editors:t.value.codepenEditors})}),e.h("button",{type:"submit","aria-label":"Codepen","data-balloon-pos":"up"},e.h(b.VftIcon,{icon:"i-mdi:codepen",class:"codepen-button"}))]):null])]),e.h("div",{ref:f,class:"code-demo-container",style:{display:y.value&&c.value?"block":"none"}}),e.h("div",{class:"code-demo-code-wrapper",style:{height:u.value}},e.h("div",{ref:g,class:"code-demo-codes"},(o=s.default)==null?void 0:o.call(s)))]),[[q.vLoading,!c.value]])}}});exports.default=C;

package/lib/components/md-vue-playground/md-vue-playground.vue2.js

@@ -1 +1 @@
-"use strict";var v=Object.create;var u=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var w=(t,o,r,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of f(o))!q.call(t,i)&&i!==r&&u(t,i,{get:()=>o[i],enumerable:!(l=p(o,i))||l.enumerable});return t};var g=(t,o,r)=>(r=t!=null?v(m(t)):{},w(o||!t||!t.__esModule?u(r,"default",{value:t,enumerable:!0}):r,t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("@vft/utils");require("../../utils/ns-cover.js");require("@vue/repl/style.css");const h=require("./playground.js"),y=require("../icon/index.js"),s=V.useNamespace("md-vue-playground"),C=e.defineComponent({name:s.b()}),b=e.defineComponent({...C,props:{title:null,files:null,settings:null},setup(t){const o=e.ref(!0),r=e.shallowRef(),l=e.ref(),i=e.computed(()=>h.getVuePlaygroundSettings(t.settings)),n=e.ref(i.value.showCode||!1),a=async()=>{const{ReplStore:c,Repl:d}=await import("@vue/repl");r.value=d,l.value=new c({serializedState:decodeURIComponent(t.files),showOutput:!0}),i.value.vueVersion&&await l.value.setVueVersion(i.value.vueVersion)};return e.onMounted(async()=>{await a(),o.value=!1}),()=>e.createVNode("div",{class:s.b()},[e.createVNode("div",{class:"title-wrapper"},[e.withDirectives(e.createVNode("div",{class:"title"},[decodeURIComponent(t.title)]),[[e.resolveDirective("if"),t.title]]),e.createVNode(y.VftIcon,{cursor:!0,icon:n.value?"i-bx:collapse-alt":"i-bx:expand-alt",size:20,onClick:()=>{n.value=!n.value}},null)]),e.withDirectives(e.createVNode("div",{class:["repl-container",n.value?"show-code":"hide-code"]},[r.value?e.h(r.value,{store:l.value,...i.value}):null]),[[e.resolveDirective("spin"),o.value]])])}});exports.default=b;
+"use strict";var v=Object.create;var u=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var g=(t,o,l,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of f(o))!w.call(t,i)&&i!==l&&u(t,i,{get:()=>o[i],enumerable:!(n=p(o,i))||n.enumerable});return t};var q=(t,o,l)=>(l=t!=null?v(m(t)):{},g(o||!t||!t.__esModule?u(l,"default",{value:t,enumerable:!0}):l,t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("@vft/utils");require("../../utils/ns-cover.js");const h=require("./playground.js"),y=require("../icon/index.js"),s=V.useNamespace("md-vue-playground"),C=e.defineComponent({name:s.b()}),b=e.defineComponent({...C,props:{title:null,files:null,settings:null},setup(t){const o=e.ref(!0),l=e.shallowRef(),n=e.ref(),i=e.computed(()=>h.getVuePlaygroundSettings(t.settings)),r=e.ref(i.value.showCode||!1),a=async()=>{const{ReplStore:c,Repl:d}=await import("@vue/repl");l.value=d,n.value=new c({serializedState:decodeURIComponent(t.files),showOutput:!0}),i.value.vueVersion&&await n.value.setVueVersion(i.value.vueVersion)};return e.onMounted(async()=>{await a(),o.value=!1}),()=>e.createVNode("div",{class:s.b()},[e.createVNode("div",{class:"title-wrapper"},[e.withDirectives(e.createVNode("div",{class:"title"},[decodeURIComponent(t.title)]),[[e.resolveDirective("if"),t.title]]),e.createVNode(y.VftIcon,{cursor:!0,icon:r.value?"i-bx:collapse-alt":"i-bx:expand-alt",size:20,onClick:()=>{r.value=!r.value}},null)]),e.withDirectives(e.createVNode("div",{class:["repl-container",r.value?"show-code":"hide-code"]},[l.value?e.h(l.value,{store:n.value,...i.value}):null]),[[e.resolveDirective("spin"),o.value]])])}});exports.default=b;

package/lib/package.json.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.34";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.36";exports.version=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.mjs",
@@ -19,12 +19,6 @@
     "./lib/*": "./lib/*.js",
     "./*": "./*"
   },
-  "scripts": {
-    "update:version": "pnpm version patch",
-    "clean": "pnpm /^clean:/",
-    "clean:dist": "rimraf dist",
-    "clean:node_modules": "rimraf node_modules"
-  },
   "unpkg": "dist/index.full.js",
   "jsdelivr": "dist/index.full.js",
   "repository": {
@@ -73,5 +67,11 @@
     "@waline/client": "^2.14.7",
     "balloon-css": "^1.2.0",
     "fflate": "^0.7.4"
+  },
+  "scripts": {
+    "update:version": "pnpm version patch",
+    "clean": "pnpm /^clean:/",
+    "clean:dist": "rimraf dist",
+    "clean:node_modules": "rimraf node_modules"
   }
-}
+}