vft 0.0.36 → 0.0.37
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.
|
@@ -11,9 +11,8 @@ import { VftIcon as y } from "../icon/index.mjs";
|
|
|
11
11
|
import { vLoading as _ } from "../loading/directive.mjs";
|
|
12
12
|
import { getCode as N, getReactCode as w, getVueCode as x, getNormalCode as D } from "./code-demo/code.mjs";
|
|
13
13
|
import { loadNormal as E, loadVue as M, loadReact as R } from "./code-demo/loadScript.mjs";
|
|
14
|
-
import "balloon-css/balloon.css";
|
|
15
14
|
import { atou as b, injectCSS as k, injectScript as J } from "./utils.mjs";
|
|
16
|
-
const O = 800,
|
|
15
|
+
const O = 800, G = C({
|
|
17
16
|
name: "VftMdCodeDemo",
|
|
18
17
|
props: {
|
|
19
18
|
/**
|
|
@@ -210,5 +209,5 @@ const O = 800, P = C({
|
|
|
210
209
|
}
|
|
211
210
|
});
|
|
212
211
|
export {
|
|
213
|
-
|
|
212
|
+
G as default
|
|
214
213
|
};
|
package/es/package.json.mjs
CHANGED
|
@@ -1 +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")
|
|
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"),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/package.json.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.36";exports.version=e;
|