92 lines
3.4 KiB
JavaScript
92 lines
3.4 KiB
JavaScript
import { defineComponent, useSlots, computed, mergeProps, unref, withCtx, createVNode, renderSlot, createCommentVNode, openBlock, createBlock, useSSRContext } from 'vue';
|
|
import { ssrRenderComponent, ssrRenderClass, ssrRenderSlot } from 'vue/server-renderer';
|
|
import { b as baseButtonIconSize, B as BasicIconOld, u as usePrefix } from './BasicIconOld-Booq7UXp.mjs';
|
|
import { M as Button } from './server.mjs';
|
|
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
__name: "BasicButtonOld",
|
|
__ssrInlineRender: true,
|
|
props: {
|
|
icon: {},
|
|
iconSize: { default: baseButtonIconSize },
|
|
iconClass: { default: "" },
|
|
suffixIcon: { type: Boolean },
|
|
type: {},
|
|
size: {},
|
|
loading: { type: Boolean }
|
|
},
|
|
setup(__props) {
|
|
const slot = useSlots();
|
|
const _class = computed(() => {
|
|
if (!slot.default) {
|
|
return "!px-1 !py-1";
|
|
}
|
|
return "";
|
|
});
|
|
const _loading = computed(() => {
|
|
if (props.loading) {
|
|
return "flex";
|
|
} else return "unset";
|
|
});
|
|
const { prefixCls } = usePrefix("main-button");
|
|
const props = __props;
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
const _component_AButton = Button;
|
|
const _cssVars = { style: {
|
|
"--4c652d46": _loading.value
|
|
} };
|
|
_push(ssrRenderComponent(_component_AButton, mergeProps({
|
|
type: props.type,
|
|
size: props.size,
|
|
class: [unref(prefixCls), _class.value],
|
|
loading: props.loading
|
|
}, _attrs, _cssVars), {
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
|
if (_push2) {
|
|
_push2(`<div class="${ssrRenderClass([[{ "flex-row-reverse": _ctx.suffixIcon }], "flex items-center gap-1 justify-center flex-row-reverse gap-2 py-1 px-2"])}"${_scopeId}>`);
|
|
if (_ctx.$slots.default) {
|
|
ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
|
|
} else {
|
|
_push2(`<!---->`);
|
|
}
|
|
if (_ctx.icon) {
|
|
_push2(ssrRenderComponent(BasicIconOld, {
|
|
size: _ctx.iconSize,
|
|
icon: _ctx.icon,
|
|
class: _ctx.iconClass
|
|
}, null, _parent2, _scopeId));
|
|
} else {
|
|
_push2(`<!---->`);
|
|
}
|
|
_push2(`</div>`);
|
|
} else {
|
|
return [
|
|
createVNode("div", {
|
|
class: ["flex items-center gap-1 justify-center flex-row-reverse gap-2 py-1 px-2", [{ "flex-row-reverse": _ctx.suffixIcon }]]
|
|
}, [
|
|
_ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
|
|
_ctx.icon ? (openBlock(), createBlock(BasicIconOld, {
|
|
key: 1,
|
|
size: _ctx.iconSize,
|
|
icon: _ctx.icon,
|
|
class: _ctx.iconClass
|
|
}, null, 8, ["size", "icon", "class"])) : createCommentVNode("", true)
|
|
], 2)
|
|
];
|
|
}
|
|
}),
|
|
_: 3
|
|
}, _parent));
|
|
};
|
|
}
|
|
});
|
|
const _sfc_setup = _sfc_main.setup;
|
|
_sfc_main.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/BasicPacks/BasicButtonOld.vue");
|
|
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
|
};
|
|
const BasicButtonOld = Object.assign(_sfc_main, { __name: "BasicPacksBasicButtonOld" });
|
|
|
|
export { BasicButtonOld as B };
|