mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2025-04-05 19:41:40 +08:00
279 lines
8.9 KiB
JavaScript
279 lines
8.9 KiB
JavaScript
var __defProp = Object.defineProperty;
|
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
var __spreadValues = (a, b) => {
|
|
for (var prop in b || (b = {}))
|
|
if (__hasOwnProp.call(b, prop))
|
|
__defNormalProp(a, prop, b[prop]);
|
|
if (__getOwnPropSymbols)
|
|
for (var prop of __getOwnPropSymbols(b)) {
|
|
if (__propIsEnum.call(b, prop))
|
|
__defNormalProp(a, prop, b[prop]);
|
|
}
|
|
return a;
|
|
};
|
|
import { _ as _export_sfc, t as toLine } from "./plugin-vue_export-helper.adee6e2f.js";
|
|
var useApp = (props) => {
|
|
var _a, _b;
|
|
const app = Vue.inject("app");
|
|
const node = (_a = app == null ? void 0 : app.page) == null ? void 0 : _a.getNode(props.config.id);
|
|
const vm = (_b = Vue.getCurrentInstance()) == null ? void 0 : _b.proxy;
|
|
node == null ? void 0 : node.emit("created", vm);
|
|
Vue.onMounted(() => {
|
|
node == null ? void 0 : node.emit("mounted", vm);
|
|
});
|
|
Vue.onUnmounted(() => {
|
|
node == null ? void 0 : node.emit("destroy", vm);
|
|
});
|
|
return app;
|
|
};
|
|
const _sfc_main$4 = Vue.defineComponent({
|
|
name: "magic-ui-page",
|
|
props: {
|
|
config: {
|
|
type: Object,
|
|
defautl: () => ({})
|
|
}
|
|
},
|
|
setup(props) {
|
|
if (props.config) {
|
|
useApp(props);
|
|
}
|
|
}
|
|
});
|
|
function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
const _component_magic_ui_container = Vue.resolveComponent("magic-ui-container");
|
|
return Vue.openBlock(), Vue.createBlock(_component_magic_ui_container, {
|
|
class: "magic-ui-page",
|
|
config: _ctx.config
|
|
}, {
|
|
default: Vue.withCtx(() => [
|
|
Vue.renderSlot(_ctx.$slots, "default")
|
|
]),
|
|
_: 3
|
|
}, 8, ["config"]);
|
|
}
|
|
var page = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3]]);
|
|
var useCommonMethod = (props) => ({
|
|
show: () => {
|
|
props.config.style.display = "initial";
|
|
},
|
|
hide: () => {
|
|
props.config.style.display = "none";
|
|
}
|
|
});
|
|
const _sfc_main$3 = Vue.defineComponent({
|
|
name: "magic-ui-component",
|
|
props: {
|
|
config: {
|
|
type: Object,
|
|
default: () => ({})
|
|
}
|
|
},
|
|
setup(props) {
|
|
var _a;
|
|
const vm = (_a = Vue.getCurrentInstance()) == null ? void 0 : _a.proxy;
|
|
const app = useApp(props);
|
|
Vue.provide("hoc", vm);
|
|
return __spreadValues({
|
|
tagName: Vue.computed(() => `magic-ui-${toLine(props.config.type)}`),
|
|
style: Vue.computed(() => app == null ? void 0 : app.transformStyle(props.config.style)),
|
|
display: () => {
|
|
var _a2;
|
|
const displayCfg = (_a2 = props.config) == null ? void 0 : _a2.display;
|
|
if (typeof displayCfg === "function") {
|
|
return displayCfg(app);
|
|
}
|
|
return displayCfg !== false;
|
|
}
|
|
}, useCommonMethod(props));
|
|
}
|
|
});
|
|
function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
return _ctx.display() ? (Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(_ctx.tagName), {
|
|
key: 0,
|
|
id: _ctx.config.id,
|
|
class: Vue.normalizeClass(`magic-ui-component${_ctx.config.className ? ` ${_ctx.config.className}` : ""}`),
|
|
style: Vue.normalizeStyle(_ctx.style),
|
|
config: _ctx.config
|
|
}, null, 8, ["id", "class", "style", "config"])) : Vue.createCommentVNode("", true);
|
|
}
|
|
var Component = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2]]);
|
|
const _sfc_main$2 = Vue.defineComponent({
|
|
name: "magic-ui-container",
|
|
components: {
|
|
"magic-ui-component": Component
|
|
},
|
|
props: {
|
|
config: {
|
|
type: Object,
|
|
default: () => ({})
|
|
}
|
|
},
|
|
setup(props) {
|
|
const app = useApp(props);
|
|
return __spreadValues({
|
|
style: Vue.computed(() => app == null ? void 0 : app.transformStyle(props.config.style || {})),
|
|
display: () => {
|
|
var _a;
|
|
const displayCfg = (_a = props.config) == null ? void 0 : _a.display;
|
|
if (typeof displayCfg === "function") {
|
|
return displayCfg(app);
|
|
}
|
|
return displayCfg !== false;
|
|
}
|
|
}, useCommonMethod(props));
|
|
}
|
|
});
|
|
const _hoisted_1 = ["id"];
|
|
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
const _component_magic_ui_component = Vue.resolveComponent("magic-ui-component");
|
|
return _ctx.display() ? (Vue.openBlock(), Vue.createElementBlock("div", {
|
|
key: 0,
|
|
id: _ctx.config.id,
|
|
class: Vue.normalizeClass(`magic-ui-container${_ctx.config.className ? ` ${_ctx.config.className}` : ""}`),
|
|
style: Vue.normalizeStyle(_ctx.style)
|
|
}, [
|
|
Vue.renderSlot(_ctx.$slots, "default"),
|
|
(Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(_ctx.config.items, (item) => {
|
|
return Vue.openBlock(), Vue.createBlock(_component_magic_ui_component, {
|
|
key: item.id,
|
|
config: item
|
|
}, null, 8, ["config"]);
|
|
}), 128))
|
|
], 14, _hoisted_1)) : Vue.createCommentVNode("", true);
|
|
}
|
|
var container = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
|
|
const _sfc_main$1 = Vue.defineComponent({
|
|
name: "magic-ui-button",
|
|
props: {
|
|
config: {
|
|
type: Object,
|
|
default: () => ({})
|
|
},
|
|
model: {
|
|
type: Object,
|
|
default: () => ({})
|
|
}
|
|
},
|
|
setup(props) {
|
|
var _a;
|
|
const vm = (_a = Vue.getCurrentInstance()) == null ? void 0 : _a.proxy;
|
|
const actions = Vue.reactive([]);
|
|
const actualActions = Vue.computed(() => [
|
|
typeof props.config.preAction === "function" ? props.config.preAction : () => true,
|
|
...actions,
|
|
typeof props.config.postAction === "function" ? props.config.postAction : () => true
|
|
]);
|
|
function pushAction(action) {
|
|
actions.push(action);
|
|
}
|
|
async function clickHandler() {
|
|
for (const fn of actualActions.value) {
|
|
if (typeof fn === "function") {
|
|
const ret = await fn(vm, { model: props.model });
|
|
if (ret === false) {
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
const textConfig = Vue.computed(() => {
|
|
var _a2, _b, _c;
|
|
return {
|
|
type: "text",
|
|
text: ((_a2 = props.config) == null ? void 0 : _a2.text) || "",
|
|
disabledText: ((_b = props.config) == null ? void 0 : _b.disabledText) || "",
|
|
html: ((_c = props.config) == null ? void 0 : _c.html) || ""
|
|
};
|
|
});
|
|
return {
|
|
pushAction,
|
|
clickHandler,
|
|
textConfig
|
|
};
|
|
}
|
|
});
|
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
const _component_magic_ui_text = Vue.resolveComponent("magic-ui-text");
|
|
return Vue.openBlock(), Vue.createElementBlock("button", {
|
|
class: "magic-ui-button",
|
|
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickHandler && _ctx.clickHandler(...args))
|
|
}, [
|
|
Vue.renderSlot(_ctx.$slots, "default", {}, () => [
|
|
Vue.createVNode(_component_magic_ui_text, { config: _ctx.textConfig }, null, 8, ["config"])
|
|
])
|
|
]);
|
|
}
|
|
var button = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
|
|
const _sfc_main = Vue.defineComponent({
|
|
name: "magic-ui-text",
|
|
props: {
|
|
config: {
|
|
type: Object,
|
|
default: () => ({})
|
|
},
|
|
model: {
|
|
type: Object,
|
|
default: () => ({})
|
|
},
|
|
vars: {
|
|
type: Object,
|
|
default: () => ({})
|
|
}
|
|
},
|
|
setup(props) {
|
|
var _a;
|
|
const vm = (_a = Vue.getCurrentInstance()) == null ? void 0 : _a.proxy;
|
|
const hoc = Vue.inject("hoc");
|
|
const displayText = Vue.computed(() => {
|
|
var _a2, _b;
|
|
let text = ((_a2 = props.config) == null ? void 0 : _a2.text) || "";
|
|
const { vars } = props;
|
|
if ((hoc == null ? void 0 : hoc.disabled) && ((_b = props.config) == null ? void 0 : _b.disabledText)) {
|
|
text = props.config.disabledText;
|
|
}
|
|
if (typeof text === "function") {
|
|
return text.bind(vm)(vm, { model: props.model });
|
|
}
|
|
if (Object.prototype.toString.call(vars) === "[object Object]") {
|
|
let tmp = text;
|
|
Object.entries(vars).forEach(([key, value]) => {
|
|
tmp = tmp.replace(new RegExp(`{{${key}}}`, "g"), value);
|
|
});
|
|
return tmp;
|
|
}
|
|
return text || "";
|
|
});
|
|
return {
|
|
displayText
|
|
};
|
|
},
|
|
render() {
|
|
var _a, _b, _c, _d;
|
|
const className = ((_a = this.config) == null ? void 0 : _a.multiple) ? "magic-ui-text" : "magic-ui-text magic-ui-text--single-line";
|
|
if (typeof ((_b = this.$slots) == null ? void 0 : _b.default) === "function") {
|
|
return Vue.h("span", { class: className }, [((_d = (_c = this.$slots) == null ? void 0 : _c.default) == null ? void 0 : _d.call(_c)) || ""]);
|
|
}
|
|
return Vue.h("span", __spreadValues({
|
|
class: className
|
|
}, this.displayText ? { innerHTML: this.displayText } : {}));
|
|
}
|
|
});
|
|
const components = {
|
|
"page": page,
|
|
"container": container,
|
|
"button": button,
|
|
"text": _sfc_main
|
|
};
|
|
const plugins = {};
|
|
const entry = {
|
|
components,
|
|
plugins
|
|
};
|
|
window.magicPresetComponents = entry;
|
|
export { entry as e };
|
|
//# sourceMappingURL=components.js.map
|