eshala dorost she
This commit is contained in:
@@ -1,151 +0,0 @@
|
||||
import { LoadingOutlined } from '@ant-design/icons-vue';
|
||||
import { a1 as Button, f as loading } from './server.mjs';
|
||||
import { defineComponent, h, useSlots, computed, mergeProps, unref, withCtx, createVNode, renderSlot, createCommentVNode, createBlock, openBlock, ref, useSSRContext } from 'vue';
|
||||
import { ssrRenderComponent, ssrRenderClass, ssrRenderSlot, ssrRenderAttrs } from 'vue/server-renderer';
|
||||
import { b as baseButtonIconSize, u as usePrefix, i as icons } from './BasicIconOld-I4c2ShMu.mjs';
|
||||
import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
|
||||
import { S as Spin } from './index-DqCYDGJX.mjs';
|
||||
|
||||
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
||||
__name: "BasicIcon",
|
||||
__ssrInlineRender: true,
|
||||
props: {
|
||||
icon: {},
|
||||
color: { default: null },
|
||||
size: {}
|
||||
},
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const { prefixCls } = usePrefix("icons");
|
||||
const tempIcon = ref();
|
||||
const refIcon = ref();
|
||||
tempIcon.value = icons[`${props.icon}`];
|
||||
const color = computed(() => {
|
||||
return props.color;
|
||||
});
|
||||
return (_ctx, _push, _parent, _attrs) => {
|
||||
var _a;
|
||||
_push(`<span${ssrRenderAttrs(mergeProps({
|
||||
ref_key: "refIcon",
|
||||
ref: refIcon,
|
||||
style: { color: color.value },
|
||||
class: [[unref(prefixCls)], "!flex"]
|
||||
}, _attrs))} data-v-a7e11651>${(_a = tempIcon.value) != null ? _a : ""}</span>`);
|
||||
};
|
||||
}
|
||||
});
|
||||
const _sfc_setup$1 = _sfc_main$1.setup;
|
||||
_sfc_main$1.setup = (props, ctx) => {
|
||||
const ssrContext = useSSRContext();
|
||||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/BasicPacks/BasicIcon.vue");
|
||||
return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
|
||||
};
|
||||
const BasicIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-a7e11651"]]);
|
||||
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||||
__name: "BasicButton",
|
||||
__ssrInlineRender: true,
|
||||
props: {
|
||||
icon: {},
|
||||
iconSize: { default: baseButtonIconSize },
|
||||
iconClass: { default: "" },
|
||||
suffixIcon: { type: Boolean },
|
||||
type: {},
|
||||
size: {},
|
||||
loading: { type: Boolean },
|
||||
curve: { type: Boolean, default: false }
|
||||
},
|
||||
setup(__props) {
|
||||
const indicator = h(LoadingOutlined, {
|
||||
style: {
|
||||
fontSize: "24px"
|
||||
},
|
||||
spin: true
|
||||
});
|
||||
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 _component_ASpin = Spin;
|
||||
const _cssVars = { style: {
|
||||
"--17d6c578": _loading.value
|
||||
} };
|
||||
_push(ssrRenderComponent(_component_AButton, mergeProps({
|
||||
type: props.type,
|
||||
size: props.size,
|
||||
class: [unref(prefixCls), _class.value, _ctx.curve ? "!rounded-full" : ""],
|
||||
disabled: "loading" in _ctx ? _ctx.loading : unref(loading)
|
||||
}, _attrs, _cssVars), {
|
||||
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||||
if (_push2) {
|
||||
_push2(ssrRenderComponent(_component_ASpin, {
|
||||
spinning: "loading" in _ctx ? _ctx.loading : unref(loading),
|
||||
size: "small",
|
||||
class: "absolute",
|
||||
style: { "position-area": "center" },
|
||||
indicator: unref(indicator)
|
||||
}, null, _parent2, _scopeId));
|
||||
_push2(`<div class="${ssrRenderClass([[{ "flex-row-reverse": _ctx.suffixIcon }, ("loading" in _ctx ? _ctx.loading : unref(loading)) ? "op-30" : ""], "flex items-center gap-1 justify-center flex-row-reverse gap-2 py-1 px-2 w-full h-full transition-all"])}"${_scopeId}>`);
|
||||
if (_ctx.$slots.default) {
|
||||
ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
|
||||
} else {
|
||||
_push2(`<!---->`);
|
||||
}
|
||||
if (_ctx.icon) {
|
||||
_push2(ssrRenderComponent(BasicIcon, {
|
||||
size: _ctx.iconSize,
|
||||
icon: _ctx.icon,
|
||||
class: _ctx.iconClass
|
||||
}, null, _parent2, _scopeId));
|
||||
} else {
|
||||
_push2(`<!---->`);
|
||||
}
|
||||
_push2(`</div>`);
|
||||
} else {
|
||||
return [
|
||||
createVNode(_component_ASpin, {
|
||||
spinning: "loading" in _ctx ? _ctx.loading : unref(loading),
|
||||
size: "small",
|
||||
class: "absolute",
|
||||
style: { "position-area": "center" },
|
||||
indicator: unref(indicator)
|
||||
}, null, 8, ["spinning", "indicator"]),
|
||||
createVNode("div", {
|
||||
class: ["flex items-center gap-1 justify-center flex-row-reverse gap-2 py-1 px-2 w-full h-full transition-all", [{ "flex-row-reverse": _ctx.suffixIcon }, ("loading" in _ctx ? _ctx.loading : unref(loading)) ? "op-30" : ""]]
|
||||
}, [
|
||||
_ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
|
||||
_ctx.icon ? (openBlock(), createBlock(BasicIcon, {
|
||||
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/BasicButton.vue");
|
||||
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
||||
};
|
||||
|
||||
export { _sfc_main as _ };
|
||||
//# sourceMappingURL=BasicButton-BAlnoE_w.mjs.map
|
||||
Reference in New Issue
Block a user