song-ui-u/es/components/result/src/index.mjs

vue3 + js的PC前端组件库

import { defineComponent, createVNode } from 'vue';
import { useNamespace } from '../../../hook/use-namespace/index.mjs';
import * as icons from 'song-ui-pro-icon';
import '../../../hook/use-zindex/index.mjs';
import '../../button/index.mjs';
import '../../buttonGroup/index.mjs';
import { XIcon } from '../../icon/index.mjs';
import '../../input/index.mjs';
import '../../textarea/index.mjs';
import '../../row/index.mjs';
import '../../col/index.mjs';
import '../../container/index.mjs';
import '../../checkbox/index.mjs';
import '../../switch/index.mjs';
import '../../form/index.mjs';
import '../../message/index.mjs';
import '../../mask/src/mask.mjs';
import '../../modal/index.mjs';
import '../../messageBox/index.mjs';
import '../../drawer/index.mjs';
import '../../badge/index.mjs';
import '../../space/index.mjs';
import '../../image/index.mjs';
import '../../radio/index.mjs';
import '../../divider/index.mjs';
import '../../chat/index.mjs';
import '../../progress/index.mjs';
import '../../upload/index.mjs';
import '../../vTree/index.mjs';
import '../../table/index.mjs';
import '../../tabs/index.mjs';
import '../../menu/index.mjs';
import '../../steps/index.mjs';
import '../../header/index.mjs';
import '../../breadcrumble/index.mjs';
import '../../datePicker/index.mjs';
import '../../tooltip/index.mjs';
import '../../popover/index.mjs';
import '../../timePicker/index.mjs';
import '../../select/index.mjs';
import '../../collapse/index.mjs';
import '../../card/index.mjs';
import '../../timeline/index.mjs';
import '../../tag/index.mjs';
import '../index.mjs';
import '../../sender/index.mjs';

var Result = /* @__PURE__ */ defineComponent({
  name: "x-result",
  props: {
    icon: {
      type: String,
      default: ""
    },
    title: {
      type: String,
      default: ""
    },
    subTitle: {
      type: String,
      default: ""
    },
    iconColor: {
      type: String,
      default: ""
    },
    iconSize: {
      type: String,
      default: ""
    }
  },
  setup(props, {
    slots,
    emit
  }) {
    const ns = useNamespace("result");
    return () => createVNode("div", {
      "class": ns.b()
    }, [createVNode("div", {
      "class": [ns.e("icon")]
    }, [slots.icon?.() || createVNode(XIcon, {
      "size": props.iconSize,
      "color": props.iconColor
    }, {
      default: () => [icons[props.icon]?.render()]
    })]), createVNode("div", {
      "class": [ns.e("title")]
    }, [props.title]), createVNode("div", {
      "class": [ns.e("sub-title")]
    }, [props.subTitle]), createVNode("div", {
      "class": [ns.e("extra")]
    }, [slots.extra?.()])]);
  }
});

export { Result as default };
//# sourceMappingURL=index.mjs.map