285 lines
7.9 KiB
JavaScript
285 lines
7.9 KiB
JavaScript
/*
|
|
* XmlDigitalTeaching v0.0.1
|
|
* Copyright ©Fri May 23 2025 16:54:23 GMT+0800 (中国标准时间) smile
|
|
* Released under the ISC License.
|
|
*/
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
var script$1 = {
|
|
name: "XmlTextRender",
|
|
props: {
|
|
text: {
|
|
type: String,
|
|
required: true,
|
|
default: "默认值"
|
|
}
|
|
},
|
|
mounted() {
|
|
console.log(this.text, "渲染的值");
|
|
}
|
|
};
|
|
|
|
function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
|
|
if (typeof shadowMode !== 'boolean') {
|
|
createInjectorSSR = createInjector;
|
|
createInjector = shadowMode;
|
|
shadowMode = false;
|
|
}
|
|
// Vue.extend constructor export interop.
|
|
const options = typeof script === 'function' ? script.options : script;
|
|
// render functions
|
|
if (template && template.render) {
|
|
options.render = template.render;
|
|
options.staticRenderFns = template.staticRenderFns;
|
|
options._compiled = true;
|
|
// functional template
|
|
if (isFunctionalTemplate) {
|
|
options.functional = true;
|
|
}
|
|
}
|
|
// scopedId
|
|
if (scopeId) {
|
|
options._scopeId = scopeId;
|
|
}
|
|
let hook;
|
|
if (moduleIdentifier) {
|
|
// server build
|
|
hook = function (context) {
|
|
// 2.3 injection
|
|
context = context ||
|
|
// cached call
|
|
this.$vnode && this.$vnode.ssrContext ||
|
|
// stateful
|
|
this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional
|
|
// 2.2 with runInNewContext: true
|
|
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
|
context = __VUE_SSR_CONTEXT__;
|
|
}
|
|
// inject component styles
|
|
if (style) {
|
|
style.call(this, createInjectorSSR(context));
|
|
}
|
|
// register component module identifier for async chunk inference
|
|
if (context && context._registeredComponents) {
|
|
context._registeredComponents.add(moduleIdentifier);
|
|
}
|
|
};
|
|
// used by ssr in case component is cached and beforeCreate
|
|
// never gets called
|
|
options._ssrRegister = hook;
|
|
} else if (style) {
|
|
hook = shadowMode ? function (context) {
|
|
style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
|
|
} : function (context) {
|
|
style.call(this, createInjector(context));
|
|
};
|
|
}
|
|
if (hook) {
|
|
if (options.functional) {
|
|
// register for functional component in vue file
|
|
const originalRender = options.render;
|
|
options.render = function renderWithStyleInjection(h, context) {
|
|
hook.call(context);
|
|
return originalRender(h, context);
|
|
};
|
|
} else {
|
|
// inject component registration as beforeCreate hook
|
|
const existing = options.beforeCreate;
|
|
options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
|
|
}
|
|
}
|
|
return script;
|
|
}
|
|
|
|
/* script */
|
|
const __vue_script__$1 = script$1;
|
|
/* template */
|
|
var __vue_render__ = function () {
|
|
var _vm = this;
|
|
var _h = _vm.$createElement;
|
|
var _c = _vm._self._c || _h;
|
|
return _c("div", {
|
|
staticClass: "xml-text-box",
|
|
domProps: { innerHTML: _vm._s(_vm.text) },
|
|
})
|
|
};
|
|
var __vue_staticRenderFns__ = [];
|
|
__vue_render__._withStripped = true;
|
|
|
|
/* style */
|
|
const __vue_inject_styles__$1 = undefined;
|
|
/* scoped */
|
|
const __vue_scope_id__$1 = "data-v-38e7cca0";
|
|
/* module identifier */
|
|
const __vue_module_identifier__$1 = undefined;
|
|
/* functional template */
|
|
const __vue_is_functional_template__$1 = false;
|
|
/* style inject */
|
|
|
|
/* style inject SSR */
|
|
|
|
/* style inject shadow dom */
|
|
|
|
|
|
|
|
const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
|
|
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
__vue_inject_styles__$1,
|
|
__vue_script__$1,
|
|
__vue_scope_id__$1,
|
|
__vue_is_functional_template__$1,
|
|
__vue_module_identifier__$1,
|
|
false,
|
|
undefined,
|
|
undefined,
|
|
undefined
|
|
);
|
|
|
|
//
|
|
var script = {
|
|
name: "XmlRender",
|
|
props: {
|
|
data: {
|
|
type: Object,
|
|
default: () => ({})
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
component: ["", __vue_component__$1],
|
|
// 组件列表
|
|
style: {
|
|
"--background-color": this.data.themeColor,
|
|
"--title-align": this.data.align
|
|
}
|
|
};
|
|
},
|
|
methods: {
|
|
/**
|
|
* 递归生成渲染函数
|
|
* @param {Array} data - 节点数据
|
|
* @param {number} serial - 层级序号
|
|
* @returns {Array} - 渲染结果
|
|
*/
|
|
JSONTurnRender(data, serial) {
|
|
console.log(data, "数据");
|
|
let children = []; // 用于收集所有子节点
|
|
|
|
for (let i = 0; i < data.length; i++) {
|
|
let item = data[i];
|
|
// 优先使用 props.text 作为内容
|
|
let content = '';
|
|
if (item.props) {
|
|
content = item.props.text;
|
|
console.log(content, "内容");
|
|
} else {
|
|
content = item.content;
|
|
}
|
|
// 递归生成子节点
|
|
const childNodes = item.children && item.children.length > 0 ? this.JSONTurnRender(item.children, serial + 1) : content; // 使用 props.text 或 content
|
|
console.log(childNodes, "childNodes");
|
|
console.log(item.type == 0 ? item.tagName : item.props.text, "错i五");
|
|
console.log(item.tagName, "item.tagName");
|
|
|
|
// 创建当前节点的渲染结果
|
|
const xmlRender = this.$createElement(
|
|
// item.type == 0 ? item.tagName : this.component[item.tagName],
|
|
item.type == 0 ? item.tagName : 'div', {
|
|
class: item.class,
|
|
...item.props,
|
|
style: serial === 0 ? this.style : {}
|
|
}, childNodes // 子节点或文本内容
|
|
);
|
|
console.log(item, "节点");
|
|
// 将当前节点的渲染结果添加到 children 数组
|
|
children.push(xmlRender);
|
|
}
|
|
|
|
// 返回所有子节点
|
|
console.log(children, "子节点");
|
|
return children;
|
|
}
|
|
},
|
|
render(h) {
|
|
// 调用递归函数并返回渲染结果
|
|
console.log(this.JSONTurnRender(this.data.tagList, 0), "结果");
|
|
return h("div", this.JSONTurnRender(this.data.tagList, 0));
|
|
}
|
|
// created() {
|
|
|
|
// console.log(this.JSONTurnRender(this.data.tagList, 0),"看看结果");
|
|
// },
|
|
// mounted() {
|
|
// console.log(this.JSONTurnRender(this.data.tagList, 0),"看看结果");
|
|
// return this.JSONTurnRender(this.data.tagList, 0);
|
|
// },
|
|
};
|
|
|
|
/* script */
|
|
const __vue_script__ = script;
|
|
/* template */
|
|
|
|
/* style */
|
|
const __vue_inject_styles__ = undefined;
|
|
/* scoped */
|
|
const __vue_scope_id__ = "data-v-2159313a";
|
|
/* module identifier */
|
|
const __vue_module_identifier__ = undefined;
|
|
/* functional template */
|
|
const __vue_is_functional_template__ = undefined;
|
|
/* style inject */
|
|
|
|
/* style inject SSR */
|
|
|
|
/* style inject shadow dom */
|
|
|
|
|
|
|
|
const __vue_component__ = /*#__PURE__*/normalizeComponent(
|
|
{},
|
|
__vue_inject_styles__,
|
|
__vue_script__,
|
|
__vue_scope_id__,
|
|
__vue_is_functional_template__,
|
|
__vue_module_identifier__,
|
|
false,
|
|
undefined,
|
|
undefined,
|
|
undefined
|
|
);
|
|
|
|
let componentNamespace = 'xml';
|
|
// 组件前缀命名只能更新一次，防止重复执行修改组件注册出错
|
|
let isUpdated = false;
|
|
function createNamespace(name, {
|
|
prefix,
|
|
isUnPrefix
|
|
}) {
|
|
let useNamespace;
|
|
if (!isUpdated) {
|
|
isUpdated = true;
|
|
useNamespace = prefix || componentNamespace; // 更改前缀
|
|
}
|
|
if (prefix) {
|
|
if (name.indexOf(componentNamespace) === 0) {
|
|
return name.replace(componentNamespace, prefix);
|
|
}
|
|
return useNamespace.charAt(0).toUpperCase() + useNamespace.substr(1) + name;
|
|
}
|
|
if (name.indexOf(componentNamespace) === 0 || name.indexOf(componentNamespace.charAt(0).toUpperCase()) === 0) {
|
|
return name.charAt(0).toUpperCase() + name.substr(1);
|
|
}
|
|
return isUnPrefix ? name.charAt(0).toLowerCase() + name.substr(1) : componentNamespace + name.charAt(0).toUpperCase() + name.substr(1);
|
|
}
|
|
|
|
__vue_component__.install = (Vue, options = {}) => {
|
|
Vue.component(createNamespace('render', {
|
|
prefix: options.prefix
|
|
}), __vue_component__);
|
|
};
|
|
|
|
export { __vue_component__ as default };
|