vft 0.0.524 → 0.0.525

package/lib/components/loading/directive.cjs

@@ -1 +1,76 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@vft/utils"),m=require("vue"),y=require("./service.cjs"),v=Symbol("VftLoading"),n=(c,s)=>{const t=s.instance,e=a=>u.isObject(s.value)?s.value[a]:void 0,l=a=>{const r=u.isString(a)&&t?.[a]||a;return r&&m.ref(r)},o=a=>l(e(a)??c.getAttribute(`vft-loading-${u.hyphenate(a)}`)),f=e("fullscreen")??s.modifiers.fullscreen,i={text:o("text"),svg:o("svg"),svgViewBox:o("svgViewBox"),spinner:o("spinner"),visible:o("visible"),background:o("background"),customClass:o("customClass"),rotate:o("rotate"),img:o("img"),icon:o("icon"),fullscreen:f,target:e("target")??(f?void 0:c),body:e("body")??s.modifiers.body,lock:e("lock")??s.modifiers.lock};c[v]={options:i,instance:y.Loading(i)}},d=(c,s)=>{for(const t of Object.keys(s))m.isRef(s[t])&&(s[t].value=c[t])};function p(c){function s(t){c&&(t.value={...c,...t.value})}return{mounted(t,e){e.value!==!1&&(s(e),e.value?.visible===!1&&(e.value=void 0),e.value&&n(t,e))},updated(t,e){const l=t[v];e.oldValue!==e.value&&(e.value&&!e.oldValue||e.value?.visible?(s(e),n(t,e)):e.value&&e.oldValue?(e.value?.visible===!1&&l?.instance.close(),u.isObject(e.value)&&(s(e),d(e.value,l.options))):l?.instance.close())},unmounted(t){t[v]?.instance.close()}}}const S=p();exports.createLoadingDirective=p;exports.vLoading=S;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_service = require("./service.cjs");
+let _vft_utils = require("@vft/utils");
+let vue = require("vue");
+//#region ../../packages/components/loading/directive.ts
+const INSTANCE_KEY = Symbol("VftLoading");
+const createInstance = (el, binding) => {
+	const vm = binding.instance;
+	const getBindingProp = (key) => (0, _vft_utils.isObject)(binding.value) ? binding.value[key] : void 0;
+	const resolveExpression = (key) => {
+		const data = (0, _vft_utils.isString)(key) && vm?.[key] || key;
+		if (data) return (0, vue.ref)(data);
+		else return data;
+	};
+	const getProp = (name) => resolveExpression(getBindingProp(name) ?? el.getAttribute(`vft-loading-${(0, _vft_utils.hyphenate)(name)}`));
+	const fullscreen = getBindingProp("fullscreen") ?? binding.modifiers.fullscreen;
+	const options = {
+		text: getProp("text"),
+		svg: getProp("svg"),
+		svgViewBox: getProp("svgViewBox"),
+		spinner: getProp("spinner"),
+		visible: getProp("visible"),
+		background: getProp("background"),
+		customClass: getProp("customClass"),
+		rotate: getProp("rotate"),
+		img: getProp("img"),
+		icon: getProp("icon"),
+		fullscreen,
+		target: getBindingProp("target") ?? (fullscreen ? void 0 : el),
+		body: getBindingProp("body") ?? binding.modifiers.body,
+		lock: getBindingProp("lock") ?? binding.modifiers.lock
+	};
+	el[INSTANCE_KEY] = {
+		options,
+		instance: require_service.Loading(options)
+	};
+};
+const updateOptions = (newOptions, originalOptions) => {
+	for (const key of Object.keys(originalOptions)) if ((0, vue.isRef)(originalOptions[key])) originalOptions[key].value = newOptions[key];
+};
+function createLoadingDirective(defaultLoadingCfg) {
+	function defaultConfigSetting(binding) {
+		if (defaultLoadingCfg) binding.value = {
+			...defaultLoadingCfg,
+			...binding.value
+		};
+	}
+	return {
+		mounted(el, binding) {
+			if (binding.value === false) return;
+			defaultConfigSetting(binding);
+			if (binding.value?.visible === false) binding.value = void 0;
+			if (binding.value) createInstance(el, binding);
+		},
+		updated(el, binding) {
+			const instance = el[INSTANCE_KEY];
+			if (binding.oldValue !== binding.value) if (binding.value && !binding.oldValue || binding.value?.visible) {
+				defaultConfigSetting(binding);
+				createInstance(el, binding);
+			} else if (binding.value && binding.oldValue) {
+				if (binding.value?.visible === false) instance?.instance.close();
+				if ((0, _vft_utils.isObject)(binding.value)) {
+					defaultConfigSetting(binding);
+					updateOptions(binding.value, instance.options);
+				}
+			} else instance?.instance.close();
+		},
+		unmounted(el) {
+			el[INSTANCE_KEY]?.instance.close();
+		}
+	};
+}
+const vLoading = createLoadingDirective();
+//#endregion
+exports.createLoadingDirective = createLoadingDirective;
+exports.vLoading = vLoading;

package/lib/components/loading/index.cjs

@@ -1 +1,22 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./directive.cjs"),i=require("./service.cjs"),t={install(o){o.directive("loading",e.vLoading),o.config.globalProperties.$loading=i.Loading},directive:e.vLoading,service:i.Loading};exports.VftLoadingDirective=e.vLoading;exports.createLoadingDirective=e.createLoadingDirective;exports.vLoading=e.vLoading;exports.VftLoadingService=i.Loading;exports.VftLoading=t;exports.default=t;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_service = require("./service.cjs");
+const require_directive = require("./directive.cjs");
+//#region ../../packages/components/loading/index.ts
+const VftLoading = {
+	install(app) {
+		app.directive("loading", require_directive.vLoading);
+		app.config.globalProperties.$loading = require_service.Loading;
+	},
+	directive: require_directive.vLoading,
+	service: require_service.Loading
+};
+//#endregion
+exports.VftLoading = VftLoading;
+exports.default = VftLoading;
+exports.VftLoadingDirective = require_directive.vLoading;
+exports.vLoading = require_directive.vLoading;
+exports.VftLoadingService = require_service.Loading;
+exports.createLoadingDirective = require_directive.createLoadingDirective;

package/lib/components/loading/loading.cjs

@@ -1 +1,111 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vft/utils"),w=require("../icon/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const t=require("vue");require("lodash-es");require("../form/index.cjs");const A=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const T=require("../../hooks/use-z-index/index.cjs");function V(o){let u;const r=A.useNamespace("loading"),a=t.ref(!1),e=t.reactive({...o,originalPosition:"",originalOverflow:"",visible:!1});function p(n){e.text=n}t.watch(()=>e.visible,n=>{n||v()});function h(){const n=e.parent;if(!n.vLoadingAddClassList){let i=n.getAttribute("loading-number");i=Number.parseInt(i)-1,i?n.setAttribute("loading-number",i.toString()):(l.removeClass(n,r.bm("parent","relative")),n.removeAttribute("loading-number")),l.removeClass(n,r.bm("parent","hidden"))}d(),f.unmount()}function d(){s.$el?.parentNode?.removeChild(s.$el)}function v(){o.beforeClose&&!o.beforeClose()||(a.value=!0,clearTimeout(u),u=window.setTimeout(c,400),e.visible=!1,o.closed?.())}function c(){if(!a.value)return;const n=e.parent;a.value=!1,n.vLoadingAddClassList=void 0,h()}const x={name:"VftLoading",setup(n,{expose:i}){return()=>{const C=T.useZIndex();i({ns:r,zIndex:C});const g=e.spinner||e.svg,m=e.img,b=e.icon?l.singleAttrToObj(e.icon,"icon"):!1,L=b?t.h(w.VftIcon,b):m?t.h("img",{class:["circular circular-img",e.rotate?"":"circular-no-rotate"],src:m}):t.h("svg",{class:"circular",viewBox:e.svgViewBox?e.svgViewBox:"0 0 50 50",...g?{innerHTML:g}:{}},[t.h("circle",{class:"path",cx:"25",cy:"25",r:"20",fill:"none"})]),q=e.text?t.h("p",{class:r.b("text")},[e.text]):void 0;return t.h(t.Transition,{name:r.b("fade"),onAfterLeave:c},{default:t.withCtx(()=>[t.withDirectives(t.createVNode("div",{style:{backgroundColor:e.background||""},class:[r.b("mask"),e.customClass,e.fullscreen?"is-fullscreen":""]},[t.h("div",{class:r.b("spinner")},[L,q])]),[[t.vShow,e.visible]])])})}}},f=t.createApp(x),s=f.mount(document.createElement("div"));return{...t.toRefs(e),setText:p,removeVftLoadingChild:d,close:v,handleAfterLeave:c,vm:s,get $el(){return s.$el}}}exports.createLoadingComponent=V;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_index = require("../../hooks/use-namespace/index.cjs");
+const require_index$1 = require("../../hooks/use-z-index/index.cjs");
+const require_index$2 = require("../icon/index.cjs");
+let _vft_utils = require("@vft/utils");
+let vue = require("vue");
+//#region ../../packages/components/loading/loading.ts
+function createLoadingComponent(options) {
+	let afterLeaveTimer;
+	const ns = require_index.useNamespace("loading");
+	const afterLeaveFlag = (0, vue.ref)(false);
+	const data = (0, vue.reactive)({
+		...options,
+		originalPosition: "",
+		originalOverflow: "",
+		visible: false
+	});
+	function setText(text) {
+		data.text = text;
+	}
+	(0, vue.watch)(() => data.visible, (val) => {
+		if (!val) close();
+	});
+	function destroySelf() {
+		const target = data.parent;
+		if (!target.vLoadingAddClassList) {
+			let loadingNumber = target.getAttribute("loading-number");
+			loadingNumber = Number.parseInt(loadingNumber) - 1;
+			if (!loadingNumber) {
+				(0, _vft_utils.removeClass)(target, ns.bm("parent", "relative"));
+				target.removeAttribute("loading-number");
+			} else target.setAttribute("loading-number", loadingNumber.toString());
+			(0, _vft_utils.removeClass)(target, ns.bm("parent", "hidden"));
+		}
+		removeVftLoadingChild();
+		loadingInstance.unmount();
+	}
+	function removeVftLoadingChild() {
+		vm.$el?.parentNode?.removeChild(vm.$el);
+	}
+	function close() {
+		if (options.beforeClose && !options.beforeClose()) return;
+		afterLeaveFlag.value = true;
+		clearTimeout(afterLeaveTimer);
+		afterLeaveTimer = window.setTimeout(handleAfterLeave, 400);
+		data.visible = false;
+		options.closed?.();
+	}
+	function handleAfterLeave() {
+		if (!afterLeaveFlag.value) return;
+		const target = data.parent;
+		afterLeaveFlag.value = false;
+		target.vLoadingAddClassList = void 0;
+		destroySelf();
+	}
+	const loadingInstance = (0, vue.createApp)({
+		name: "VftLoading",
+		setup(_, { expose }) {
+			return () => {
+				const zIndex = require_index$1.useZIndex();
+				expose({
+					ns,
+					zIndex
+				});
+				const svg = data.spinner || data.svg;
+				const img = data.img;
+				const icon = data.icon ? (0, _vft_utils.singleAttrToObj)(data.icon, "icon") : false;
+				const spinner = icon ? (0, vue.h)(require_index$2.VftIcon, icon) : img ? (0, vue.h)("img", {
+					class: ["circular circular-img", data.rotate ? "" : "circular-no-rotate"],
+					src: img
+				}) : (0, vue.h)("svg", {
+					class: "circular",
+					viewBox: data.svgViewBox ? data.svgViewBox : "0 0 50 50",
+					...svg ? { innerHTML: svg } : {}
+				}, [(0, vue.h)("circle", {
+					class: "path",
+					cx: "25",
+					cy: "25",
+					r: "20",
+					fill: "none"
+				})]);
+				const spinnerText = data.text ? (0, vue.h)("p", { class: ns.b("text") }, [data.text]) : void 0;
+				return (0, vue.h)(vue.Transition, {
+					name: ns.b("fade"),
+					onAfterLeave: handleAfterLeave
+				}, { default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createVNode)("div", {
+					style: { backgroundColor: data.background || "" },
+					class: [
+						ns.b("mask"),
+						data.customClass,
+						data.fullscreen ? "is-fullscreen" : ""
+					]
+				}, [(0, vue.h)("div", { class: ns.b("spinner") }, [spinner, spinnerText])]), [[vue.vShow, data.visible]])]) });
+			};
+		}
+	});
+	const vm = loadingInstance.mount(document.createElement("div"));
+	return {
+		...(0, vue.toRefs)(data),
+		setText,
+		removeVftLoadingChild,
+		close,
+		handleAfterLeave,
+		vm,
+		get $el() {
+			return vm.$el;
+		}
+	};
+}
+//#endregion
+exports.createLoadingComponent = createLoadingComponent;

package/lib/components/loading/service.cjs

@@ -1 +1,88 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@vft/utils"),c=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const l=require("vue");require("lodash-es");require("../form/index.cjs");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const g=require("./loading.cjs");let a;const m=function(t={}){if(!c.isClient)return;const e=b(t);if(e.fullscreen&&a)return a;const r=g.createLoadingComponent({...e,closed:()=>{e.closed?.(),e.fullscreen&&(a=void 0)}});v(e,e.parent,r),d(e,e.parent,r),e.parent.vLoadingAddClassList=()=>d(e,e.parent,r);let n=e.parent.getAttribute("loading-number");return n?n=`${Number.parseInt(n)+1}`:n="1",e.parent.setAttribute("loading-number",n),e.parent.appendChild(r.$el),l.nextTick(()=>r.visible.value=e.visible),e.fullscreen&&(a=r),r},b=t=>{let e;return o.isString(t.target)?e=document.querySelector(t.target)??document.body:e=t.target||document.body,{parent:e===document.body||t.body?document.body:e,background:l.unref(t.background)||"",svg:l.unref(t.svg)||"",svgViewBox:l.unref(t.svgViewBox)||"",spinner:l.unref(t.spinner)||!1,img:l.unref(t.img)||!1,icon:l.unref(t.icon)||!1,text:l.unref(t.text)||"",rotate:t.rotate??!0,fullscreen:e===document.body&&(t.fullscreen??!0),lock:t.lock??!1,customClass:l.unref(t.customClass)||"",visible:t.visible??!0,target:e}},v=async(t,e,r)=>{const{nextZIndex:n}=r.vm.zIndex,u={};if(t.fullscreen)r.originalPosition.value=o.getStyle(document.body,"position"),r.originalOverflow.value=o.getStyle(document.body,"overflow"),u.zIndex=n();else if(t.parent===document.body){r.originalPosition.value=o.getStyle(document.body,"position"),await l.nextTick();for(const i of["top","left"]){const s=i==="top"?"scrollTop":"scrollLeft";u[i]=`${t.target.getBoundingClientRect()[i]+document.body[s]+document.documentElement[s]-Number.parseInt(o.getStyle(document.body,`margin-${i}`),10)}px`}for(const i of["height","width"])u[i]=`${t.target.getBoundingClientRect()[i]}px`}else r.originalPosition.value=o.getStyle(e,"position");for(const[i,s]of Object.entries(u))r.$el.style[i]=s},d=(t,e,r)=>{const n=f.useNamespace("loading");["absolute","fixed","sticky"].includes(r.originalPosition.value)?o.removeClass(e,n.bm("parent","relative")):o.addClass(e,n.bm("parent","relative")),t.fullscreen&&t.lock?o.addClass(e,n.bm("parent","hidden")):o.removeClass(e,n.bm("parent","hidden"))};exports.Loading=m;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_index = require("../../hooks/use-namespace/index.cjs");
+const require_loading = require("./loading.cjs");
+let _vft_utils = require("@vft/utils");
+let _vueuse_core = require("@vueuse/core");
+let vue = require("vue");
+//#region ../../packages/components/loading/service.ts
+let fullscreenInstance = void 0;
+const Loading = function(options = {}) {
+	if (!_vueuse_core.isClient) return void 0;
+	const resolved = resolveOptions(options);
+	if (resolved.fullscreen && fullscreenInstance) return fullscreenInstance;
+	const instance = require_loading.createLoadingComponent({
+		...resolved,
+		closed: () => {
+			resolved.closed?.();
+			if (resolved.fullscreen) fullscreenInstance = void 0;
+		}
+	});
+	addStyle(resolved, resolved.parent, instance);
+	addClassList(resolved, resolved.parent, instance);
+	resolved.parent.vLoadingAddClassList = () => addClassList(resolved, resolved.parent, instance);
+	let loadingNumber = resolved.parent.getAttribute("loading-number");
+	if (!loadingNumber) loadingNumber = "1";
+	else loadingNumber = `${Number.parseInt(loadingNumber) + 1}`;
+	resolved.parent.setAttribute("loading-number", loadingNumber);
+	resolved.parent.appendChild(instance.$el);
+	(0, vue.nextTick)(() => instance.visible.value = resolved.visible);
+	if (resolved.fullscreen) fullscreenInstance = instance;
+	return instance;
+};
+const resolveOptions = (options) => {
+	let target;
+	if ((0, _vft_utils.isString)(options.target)) target = document.querySelector(options.target) ?? document.body;
+	else target = options.target || document.body;
+	return {
+		parent: target === document.body || options.body ? document.body : target,
+		background: (0, vue.unref)(options.background) || "",
+		svg: (0, vue.unref)(options.svg) || "",
+		svgViewBox: (0, vue.unref)(options.svgViewBox) || "",
+		spinner: (0, vue.unref)(options.spinner) || false,
+		img: (0, vue.unref)(options.img) || false,
+		icon: (0, vue.unref)(options.icon) || false,
+		text: (0, vue.unref)(options.text) || "",
+		rotate: options.rotate ?? true,
+		fullscreen: target === document.body && (options.fullscreen ?? true),
+		lock: options.lock ?? false,
+		customClass: (0, vue.unref)(options.customClass) || "",
+		visible: options.visible ?? true,
+		target
+	};
+};
+const addStyle = async (options, parent, instance) => {
+	const { nextZIndex } = instance.vm.zIndex;
+	const maskStyle = {};
+	if (options.fullscreen) {
+		instance.originalPosition.value = (0, _vft_utils.getStyle)(document.body, "position");
+		instance.originalOverflow.value = (0, _vft_utils.getStyle)(document.body, "overflow");
+		maskStyle.zIndex = nextZIndex();
+	} else if (options.parent === document.body) {
+		instance.originalPosition.value = (0, _vft_utils.getStyle)(document.body, "position");
+		/**
+		* await dom render when visible is true in init,
+		* because some component's height maybe 0.
+		* e.g. el-table.
+		*/
+		await (0, vue.nextTick)();
+		for (const property of ["top", "left"]) {
+			const scroll = property === "top" ? "scrollTop" : "scrollLeft";
+			maskStyle[property] = `${options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] - Number.parseInt((0, _vft_utils.getStyle)(document.body, `margin-${property}`), 10)}px`;
+		}
+		for (const property of ["height", "width"]) maskStyle[property] = `${options.target.getBoundingClientRect()[property]}px`;
+	} else instance.originalPosition.value = (0, _vft_utils.getStyle)(parent, "position");
+	for (const [key, value] of Object.entries(maskStyle)) instance.$el.style[key] = value;
+};
+const addClassList = (options, parent, instance) => {
+	const ns = require_index.useNamespace("loading");
+	if (![
+		"absolute",
+		"fixed",
+		"sticky"
+	].includes(instance.originalPosition.value)) (0, _vft_utils.addClass)(parent, ns.bm("parent", "relative"));
+	else (0, _vft_utils.removeClass)(parent, ns.bm("parent", "relative"));
+	if (options.fullscreen && options.lock) (0, _vft_utils.addClass)(parent, ns.bm("parent", "hidden"));
+	else (0, _vft_utils.removeClass)(parent, ns.bm("parent", "hidden"));
+};
+//#endregion
+exports.Loading = Loading;

package/lib/components/loading/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-loading.css");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/css.cjs");
+require("vft/theme-style/vft-loading.css");

package/lib/components/loading/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/loading.scss");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/index.cjs");
+require("vft/theme-style/src/loading.scss");

package/lib/components/loading/types.cjs

@@ -1 +1 @@
-"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/lib/components/logo/index.cjs

@@ -1 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("../form/index.cjs");const t=require("./logo.vue2.cjs"),e=r.withInstall(t.default);exports.VftLogo=e;exports.default=e;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_install = require("../../utils/vue/install.cjs");
+const require_logo = require("./logo.cjs");
+//#region ../../packages/components/logo/index.ts
+const VftLogo = require_install.withInstall(require_logo.default);
+//#endregion
+exports.VftLogo = VftLogo;
+exports.default = VftLogo;

package/lib/components/logo/logo.cjs

@@ -0,0 +1,8 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/logo/logo.vue
+var logo_default = require("./logo.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = logo_default;

package/lib/components/logo/logo.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,57 @@
+const require_index = require("../../hooks/use-namespace/index.cjs");
+let vue = require("vue");
+let _vft_router = require("@vft/router");
+//#region ../../packages/components/logo/logo.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["src", "alt"];
+const __default__ = (0, vue.defineComponent)({ name: "vft-logo" });
+var logo_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	...__default__,
+	props: {
+		title: {
+			type: String,
+			required: false
+		},
+		logo: {
+			type: String,
+			required: false
+		},
+		alt: {
+			type: String,
+			required: false
+		},
+		jumpPath: {
+			type: String,
+			required: false,
+			default: "/"
+		}
+	},
+	setup(__props) {
+		const imgAlt = (0, vue.computed)(() => __props.alt || __props.title || "Logo");
+		const ns = require_index.useNamespace("logo");
+		const getLogoClass = (0, vue.computed)(() => [ns.b()]);
+		const _router = (0, vue.getCurrentInstance)().appContext.config.globalProperties.$router;
+		const { go } = (0, _vft_router.useRouterHelper)(_router);
+		function onClickLogo() {
+			if (__props.jumpPath) go(__props.jumpPath);
+		}
+		const logoVars = (0, vue.computed)(() => __props.jumpPath ? {} : ns.cssVarBlock({ cursor: "inital" }));
+		return (_ctx, _cache) => {
+			return __props.logo || __props.title ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				key: 0,
+				class: (0, vue.normalizeClass)(getLogoClass.value),
+				onClick: onClickLogo,
+				style: (0, vue.normalizeStyle)(logoVars.value)
+			}, [__props.logo ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
+				key: 0,
+				class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("img")),
+				src: __props.logo,
+				alt: imgAlt.value
+			}, null, 10, _hoisted_1)) : (0, vue.createCommentVNode)("v-if", true), __props.title ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				key: 1,
+				class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("title"))
+			}, (0, vue.toDisplayString)(__props.title), 3)) : (0, vue.createCommentVNode)("v-if", true)], 6)) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+exports.default = logo_vue_vue_type_script_setup_true_lang_default;

package/lib/components/logo/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-logo.css");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/css.cjs");
+require("vft/theme-style/vft-logo.css");

package/lib/components/logo/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/logo.scss");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/index.cjs");
+require("vft/theme-style/src/logo.scss");

package/lib/components/logo/types.cjs

@@ -1 +1 @@
-"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/lib/components/main/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-main.css");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/css.cjs");
+require("vft/theme-style/vft-main.css");

package/lib/components/main/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/main.scss");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/index.cjs");
+require("vft/theme-style/src/main.scss");

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

@@ -1,4 +1,91 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./utils.cjs"),C=e=>{const o=Object.keys(e),t={html:[],js:[],css:[],isLegal:!1};return["html","js","css"].forEach(s=>{const r=o.filter(n=>c.preProcessorConfig[s].types.includes(n));if(r.length){const n=r[0];t[s]=[e[n].replace(/^\n|\n$/g,""),c.preProcessorConfig[s].map[n]||n]}}),t.isLegal=(!t.html.length||t.html[1]==="none")&&(!t.js.length||t.js[1]==="none")&&(!t.css.length||t.css[1]==="none"),t},g=e=>e.replace(/<br \/>/g,"<br>").replace(/<((\S+)[^<]*?)\s+\/>/g,"<$1></$2>"),m=e=>`<div id="app">
-${g(e)}
-</div>`,$=e=>`${e.replace("export default ","const $reactApp = ").replace(/App\.__style__(\s*)=(\s*)`([\s\S]*)?`/,"")};
-ReactDOM.createRoot(document.getElementById("app")).render(React.createElement($reactApp))`,w=e=>e.replace(/export\s+default\s*\{([\s\S]*)\n*\}\s*;?$/u,"Vue.createApp({$1}).mount('#app')").replace(/export\s+default\s*define(Async)?Component\s*\(\s*\{([\s\S]*)\n*\}\s*\)\s*;?$/u,"Vue.createApp({$1}).mount('#app')").trim(),p=e=>`(function(exports){var module={};module.exports=exports;${e};return module.exports.__esModule?module.exports.default:module.exports;})({})`,S=(e,o)=>{const t=c.getConfig(o),s=e.js[0]||"";return{...t,html:g(e.html[0]||""),js:s,css:e.css[0]||"",isLegal:e.isLegal,getScript:()=>t.useBabel?window.Babel.transform(s,{presets:["es2015"]})?.code||"":s}},b=(e,o)=>{const t=c.getConfig(o),s=e.html[0]||"",r=/<template>([\s\S]+)<\/template>/u.exec(s),n=/<script(\s*lang=(['"])(.*?)\2)?>([\s\S]+)<\/script>/u.exec(s),a=/<style(\s*lang=(['"])(.*?)\2)?\s*(?:scoped)?>([\s\S]+)<\/style>/u.exec(s),i=r?r[1].replace(/^\n|\n$/g,""):"",[l="",d=""]=n?[n[4].replace(/^\n|\n$/g,""),n[3]]:[],[f="",u=""]=a?[a[4].replace(/^\n|\n$/g,""),a[3]]:[],j=d===""&&(u===""||u==="css");return{...t,html:m(i),js:w(l),css:f,isLegal:j,jsLib:[t.vue,...t.jsLib],getScript:()=>{const h=o.useBabel?window.Babel?.transform(l,{presets:["es2015"]})?.code||"":l.replace(/export\s+default/u,"return");return`const app=window.document.createElement('div');document.firstElementChild.appendChild(app);const appOptions=${p(h)};appOptions.template=\`${i.replace("`",'\\`"')}\`;window.Vue.createApp(appOptions).mount(app);`}}},x=(e,o)=>{const t=c.getConfig(o);return{...t,html:m(""),js:$(e.js[0]||""),css:e.css[0]||(e.js[0]?e.js[0].replace(/App\.__style__\s*=\s*`([\s\S]*)?`/,"$1").trim():""),isLegal:e.isLegal,jsLib:[t.react,t.reactDOM,...t.jsLib],jsx:!0,getScript:()=>{const s=window.Babel?.transform(e.js[0]||"",{presets:["es2015","react"]})?.code||"";return`window.ReactDOM.createRoot(document.firstElementChild).render(window.React.createElement(${p(s)}))`}}};exports.getCode=C;exports.getNormalCode=S;exports.getReactCode=x;exports.getVueCode=b;exports.wrapper=p;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_utils = require("./utils.cjs");
+//#region ../../packages/components/md-code-demo/code-demo/code.ts
+const getCode = (code) => {
+	const languages = Object.keys(code);
+	const result = {
+		html: [],
+		js: [],
+		css: [],
+		isLegal: false
+	};
+	[
+		"html",
+		"js",
+		"css"
+	].forEach((type) => {
+		const match = languages.filter((language) => require_utils.preProcessorConfig[type].types.includes(language));
+		if (match.length) {
+			const language = match[0];
+			result[type] = [code[language].replace(/^\n|\n$/g, ""), require_utils.preProcessorConfig[type].map[language] || language];
+		}
+	});
+	result.isLegal = (!result.html.length || result.html[1] === "none") && (!result.js.length || result.js[1] === "none") && (!result.css.length || result.css[1] === "none");
+	return result;
+};
+const handleHTML = (html) => html.replace(/<br \/>/g, "<br>").replace(/<((\S+)[^<]*?)\s+\/>/g, "<$1></$2>");
+const getHtmlTemplate = (html) => `<div id="app">\n${handleHTML(html)}\n</div>`;
+const getReactTemplate = (code) => `${code.replace("export default ", "const $reactApp = ").replace(/App\.__style__(\s*)=(\s*)`([\s\S]*)?`/, "")};\nReactDOM.createRoot(document.getElementById("app")).render(React.createElement($reactApp))`;
+const getVueJsTemplate = (js) => js.replace(/export\s+default\s*\{([\s\S]*)\n*\}\s*;?$/u, "Vue.createApp({$1}).mount('#app')").replace(/export\s+default\s*define(Async)?Component\s*\(\s*\{([\s\S]*)\n*\}\s*\)\s*;?$/u, "Vue.createApp({$1}).mount('#app')").trim();
+const wrapper = (scriptStr) => `(function(exports){var module={};module.exports=exports;${scriptStr};return module.exports.__esModule?module.exports.default:module.exports;})({})`;
+const getNormalCode = (code, config) => {
+	const codeConfig = require_utils.getConfig(config);
+	const js = code.js[0] || "";
+	return {
+		...codeConfig,
+		html: handleHTML(code.html[0] || ""),
+		js,
+		css: code.css[0] || "",
+		isLegal: code.isLegal,
+		getScript: () => codeConfig.useBabel ? window.Babel.transform(js, { presets: ["es2015"] })?.code || "" : js
+	};
+};
+const getVueCode = (code, config) => {
+	const codeConfig = require_utils.getConfig(config);
+	const vueTemplate = code.html[0] || "";
+	const htmlBlock = /<template>([\s\S]+)<\/template>/u.exec(vueTemplate);
+	const jsBlock = /<script(\s*lang=(['"])(.*?)\2)?>([\s\S]+)<\/script>/u.exec(vueTemplate);
+	const cssBlock = /<style(\s*lang=(['"])(.*?)\2)?\s*(?:scoped)?>([\s\S]+)<\/style>/u.exec(vueTemplate);
+	const html = htmlBlock ? htmlBlock[1].replace(/^\n|\n$/g, "") : "";
+	const [js = "", jsLang = ""] = jsBlock ? [jsBlock[4].replace(/^\n|\n$/g, ""), jsBlock[3]] : [];
+	const [css = "", cssLang = ""] = cssBlock ? [cssBlock[4].replace(/^\n|\n$/g, ""), cssBlock[3]] : [];
+	const isLegal = jsLang === "" && (cssLang === "" || cssLang === "css");
+	return {
+		...codeConfig,
+		html: getHtmlTemplate(html),
+		js: getVueJsTemplate(js),
+		css,
+		isLegal,
+		jsLib: [codeConfig.vue, ...codeConfig.jsLib],
+		getScript: () => {
+			const scriptStr = config.useBabel ? window.Babel?.transform(js, { presets: ["es2015"] })?.code || "" : js.replace(/export\s+default/u, "return");
+			return `const app=window.document.createElement('div');document.firstElementChild.appendChild(app);const appOptions=${wrapper(scriptStr)};appOptions.template=\`${html.replace("`", "\\`\"")}\`;window.Vue.createApp(appOptions).mount(app);`;
+		}
+	};
+};
+const getReactCode = (code, config) => {
+	const codeConfig = require_utils.getConfig(config);
+	return {
+		...codeConfig,
+		html: getHtmlTemplate(""),
+		js: getReactTemplate(code.js[0] || ""),
+		css: code.css[0] || (code.js[0] ? code.js[0].replace(/App\.__style__\s*=\s*`([\s\S]*)?`/, "$1").trim() : ""),
+		isLegal: code.isLegal,
+		jsLib: [
+			codeConfig.react,
+			codeConfig.reactDOM,
+			...codeConfig.jsLib
+		],
+		jsx: true,
+		getScript: () => {
+			const scriptStr = window.Babel?.transform(code.js[0] || "", { presets: ["es2015", "react"] })?.code || "";
+			return `window.ReactDOM.createRoot(document.firstElementChild).render(window.React.createElement(${wrapper(scriptStr)}))`;
+		}
+	};
+};
+//#endregion
+exports.getCode = getCode;
+exports.getNormalCode = getNormalCode;
+exports.getReactCode = getReactCode;
+exports.getVueCode = getVueCode;
+exports.wrapper = wrapper;

package/lib/components/md-code-demo/code-demo/index.cjs

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./utils.cjs");exports.getConfig=t.getConfig;exports.h=t.h;exports.injectCSS=t.injectCSS;exports.injectScript=t.injectScript;exports.loadScript=t.loadScript;exports.options=t.options;exports.preProcessorConfig=t.preProcessorConfig;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_utils = require("./utils.cjs");
+exports.getConfig = require_utils.getConfig;
+exports.h = require_utils.h;
+exports.injectCSS = require_utils.injectCSS;
+exports.injectScript = require_utils.injectScript;
+exports.loadScript = require_utils.loadScript;
+exports.options = require_utils.options;
+exports.preProcessorConfig = require_utils.preProcessorConfig;

package/lib/components/md-code-demo/code-demo/loadScript.cjs

@@ -1 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./utils.cjs"),e={},o=a=>Promise.all([l.loadScript(e,a.babel),l.loadScript(e,a.react),l.loadScript(e,a.reactDOM)]),r=a=>{const t=[l.loadScript(e,a.vue)];return a.useBabel&&t.push(l.loadScript(e,a.babel)),Promise.all(t)},s=a=>a.useBabel?l.loadScript(e,a.babel):Promise.resolve();exports.loadNormal=s;exports.loadReact=o;exports.loadVue=r;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_utils = require("./utils.cjs");
+//#region ../../packages/components/md-code-demo/code-demo/loadScript.ts
+const state = {};
+const loadReact = (code) => Promise.all([
+	require_utils.loadScript(state, code.babel),
+	require_utils.loadScript(state, code.react),
+	require_utils.loadScript(state, code.reactDOM)
+]);
+const loadVue = (code) => {
+	const promises = [require_utils.loadScript(state, code.vue)];
+	if (code.useBabel) promises.push(require_utils.loadScript(state, code.babel));
+	return Promise.all(promises);
+};
+const loadNormal = (code) => code.useBabel ? require_utils.loadScript(state, code.babel) : Promise.resolve();
+//#endregion
+exports.loadNormal = loadNormal;
+exports.loadReact = loadReact;
+exports.loadVue = loadVue;

package/lib/components/md-code-demo/code-demo/typings.cjs

@@ -1 +1 @@
-"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });