bge-ui 1.0.1

package/src/icons/MonoTowardFill.vue

@@ -0,0 +1,72 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM6.5 10.75H9V13.25H6.5V10.75ZM15 10.75H17.5V13.25H15V10.75ZM10.75 10.75H13.25V13.25H10.75V10.75Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoTowardFill',
+})
+</script>
+<style lang="scss">
+.bge-color-svg {
+  --icon-theme: #fff833;
+  --icon-gray: #9baec2;
+  --icon-gay-dark: #526375;
+
+  .dark & {
+    --icon-theme: #ffff38;
+    --icon-gray: #708397;
+    --icon-gay-dark: #32404d;
+  }
+}
+
+.bge-fill-icon-theme {
+  fill: var(--icon-theme);
+}
+
+.bge-fill-icon-gray {
+  fill: var(--icon-gray);
+}
+
+.bge-fill-gay-dark {
+  fill: var(--icon-gay-dark);
+}
+
+.bge-stroke-icon-theme {
+  stroke: var(--icon-theme);
+}
+
+.bge-stroke-icon-gray {
+  stroke: var(--icon-gray);
+}
+
+.bge-stroke-gay-dark {
+  stroke: var(--icon-gay-dark);
+}
+</style>

package/src/icons/MonoTransfer.vue

@@ -0,0 +1,74 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M20.4951 9.5L13 3.5V7.5H3.73828V9.5H20.4951Z"
+      fill="currentColor"
+    />
+    <path
+      d="M3.49515 14.5L11 20.5L11 16.5L20.2578 16.5V14.5L3.49515 14.5Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoTransfer',
+})
+</script>
+<style lang="scss">
+.bge-color-svg {
+  --icon-theme: #fff833;
+  --icon-gray: #9baec2;
+  --icon-gay-dark: #526375;
+
+  .dark & {
+    --icon-theme: #ffff38;
+    --icon-gray: #708397;
+    --icon-gay-dark: #32404d;
+  }
+}
+
+.bge-fill-icon-theme {
+  fill: var(--icon-theme);
+}
+
+.bge-fill-icon-gray {
+  fill: var(--icon-gray);
+}
+
+.bge-fill-gay-dark {
+  fill: var(--icon-gay-dark);
+}
+
+.bge-stroke-icon-theme {
+  stroke: var(--icon-theme);
+}
+
+.bge-stroke-icon-gray {
+  stroke: var(--icon-gray);
+}
+
+.bge-stroke-gay-dark {
+  stroke: var(--icon-gay-dark);
+}
+</style>

package/src/icons/MonoTrash.vue

@@ -0,0 +1,75 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M18 2.25V4.25H6V2.25H18Z" fill="currentColor" />
+    <path d="M13 16.75H15V11.25H13V16.75Z" fill="currentColor" />
+    <path d="M9 16.75V11.25H11V16.75H9Z" fill="currentColor" />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M21.5 6.25V8.25H19L19 21.75H5V8.25H2.5V6.25H21.5ZM7 19.75H17V8.25H7V19.75Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoTrash',
+})
+</script>
+<style lang="scss">
+.bge-color-svg {
+  --icon-theme: #fff833;
+  --icon-gray: #9baec2;
+  --icon-gay-dark: #526375;
+
+  .dark & {
+    --icon-theme: #ffff38;
+    --icon-gray: #708397;
+    --icon-gay-dark: #32404d;
+  }
+}
+
+.bge-fill-icon-theme {
+  fill: var(--icon-theme);
+}
+
+.bge-fill-icon-gray {
+  fill: var(--icon-gray);
+}
+
+.bge-fill-gay-dark {
+  fill: var(--icon-gay-dark);
+}
+
+.bge-stroke-icon-theme {
+  stroke: var(--icon-theme);
+}
+
+.bge-stroke-icon-gray {
+  stroke: var(--icon-gray);
+}
+
+.bge-stroke-gay-dark {
+  stroke: var(--icon-gay-dark);
+}
+</style>

package/src/icons/MonoWallet.vue

@@ -0,0 +1,73 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M17 7V2.09563L2 7.28793V20.5H22V7H17ZM15 4.90437V7H8.94596L15 4.90437ZM20 9H4V18.5H20V9Z"
+      fill="currentColor"
+    />
+    <path d="M15 12.4959H17.5V14.9959H15V12.4959Z" fill="currentColor" />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoWallet',
+})
+</script>
+<style lang="scss">
+.bge-color-svg {
+  --icon-theme: #fff833;
+  --icon-gray: #9baec2;
+  --icon-gay-dark: #526375;
+
+  .dark & {
+    --icon-theme: #ffff38;
+    --icon-gray: #708397;
+    --icon-gay-dark: #32404d;
+  }
+}
+
+.bge-fill-icon-theme {
+  fill: var(--icon-theme);
+}
+
+.bge-fill-icon-gray {
+  fill: var(--icon-gray);
+}
+
+.bge-fill-gay-dark {
+  fill: var(--icon-gay-dark);
+}
+
+.bge-stroke-icon-theme {
+  stroke: var(--icon-theme);
+}
+
+.bge-stroke-icon-gray {
+  stroke: var(--icon-gray);
+}
+
+.bge-stroke-gay-dark {
+  stroke: var(--icon-gay-dark);
+}
+</style>

package/src/icons/MonoWin.vue

@@ -0,0 +1,70 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M10.2 4.16667L2.7 5V11H10.2V4.16667Z" fill="currentColor" />
+    <path d="M10.2 13H2.7V19L10.2 19.8333V13Z" fill="currentColor" />
+    <path d="M12.2 20.0556V13H20.7V21L12.2 20.0556Z" fill="currentColor" />
+    <path d="M12.2 11V3.94444L20.7 3V11H12.2Z" fill="currentColor" />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoWin',
+})
+</script>
+<style lang="scss">
+.bge-color-svg {
+  --icon-theme: #fff833;
+  --icon-gray: #9baec2;
+  --icon-gay-dark: #526375;
+
+  .dark & {
+    --icon-theme: #ffff38;
+    --icon-gray: #708397;
+    --icon-gay-dark: #32404d;
+  }
+}
+
+.bge-fill-icon-theme {
+  fill: var(--icon-theme);
+}
+
+.bge-fill-icon-gray {
+  fill: var(--icon-gray);
+}
+
+.bge-fill-gay-dark {
+  fill: var(--icon-gay-dark);
+}
+
+.bge-stroke-icon-theme {
+  stroke: var(--icon-theme);
+}
+
+.bge-stroke-icon-gray {
+  stroke: var(--icon-gray);
+}
+
+.bge-stroke-gay-dark {
+  stroke: var(--icon-gay-dark);
+}
+</style>

package/src/icons/index.ts

@@ -0,0 +1,231 @@
+import CoinUsd from './CoinUsd.vue'
+import IntlCh from './IntlCh.vue'
+import CoinHkd from './CoinHkd.vue'
+import IntlEur from './IntlEur.vue'
+import IntlHkg from './IntlHkg.vue'
+import IntlJpn from './IntlJpn.vue'
+import IntlKor from './IntlKor.vue'
+import IntlVnm from './IntlVnm.vue'
+import IntlUsa from './IntlUsa.vue'
+import MediaInstagram from './MediaInstagram.vue'
+import MediaFacebook from './MediaFacebook.vue'
+import MediaTwitter from './MediaTwitter.vue'
+import MediaLinked from './MediaLinked.vue'
+import IntlEn from './IntlEn.vue'
+import ColorCloseFill from './ColorCloseFill.vue'
+import ColorCookie from './ColorCookie.vue'
+import ColorStar from './ColorStar.vue'
+import ColorSuccessFill from './ColorSuccessFill.vue'
+import ColorCompletedFill from './ColorCompletedFill.vue'
+import ColorTimeFill from './ColorTimeFill.vue'
+import MonoAddSubtract from './MonoAddSubtract.vue'
+import ColorTowardFill from './ColorTowardFill.vue'
+import MonoInternational from './MonoInternational.vue'
+import MonoApple from './MonoApple.vue'
+import MonoAndroid from './MonoAndroid.vue'
+import MonoArrowDown from './MonoArrowDown.vue'
+import MonoApi from './MonoApi.vue'
+import MonoAdd from './MonoAdd.vue'
+import MonoBankCard from './MonoBankCard.vue'
+import MonoAudit from './MonoAudit.vue'
+import MonoArrowUp from './MonoArrowUp.vue'
+import MonoAssets from './MonoAssets.vue'
+import MonoCalendar from './MonoCalendar.vue'
+import MonoCheckFill from './MonoCheckFill.vue'
+import MonoBuilding from './MonoBuilding.vue'
+import MonoChevronLeft from './MonoChevronLeft.vue'
+import MonoClassify02 from './MonoClassify02.vue'
+import MonoClassify01 from './MonoClassify01.vue'
+import MonoChevronRightDouble from './MonoChevronRightDouble.vue'
+import MonoCopy from './MonoCopy.vue'
+import MonoCloseOne from './MonoCloseOne.vue'
+import MonoComplete from './MonoComplete.vue'
+import MonoClose from './MonoClose.vue'
+import MonoEmail02 from './MonoEmail02.vue'
+import MonoEmail01 from './MonoEmail01.vue'
+import MonoEdit from './MonoEdit.vue'
+import MonoDocunment from './MonoDocunment.vue'
+import MonoExclamationmarkFill from './MonoExclamationmarkFill.vue'
+import MonoGoogleplay from './MonoGoogleplay.vue'
+import MonoEye from './MonoEye.vue'
+import MonoEyeClose from './MonoEyeClose.vue'
+import MonoLess from './MonoLess.vue'
+import MonoMenu from './MonoMenu.vue'
+import MonoHelp from './MonoHelp.vue'
+import MonoLogout from './MonoLogout.vue'
+import MonoPicError from './MonoPicError.vue'
+import MonoMore from './MonoMore.vue'
+import MonoMoon from './MonoMoon.vue'
+import MonoNotification from './MonoNotification.vue'
+import MonoRemove from './MonoRemove.vue'
+import MonoOtherDevice from './MonoOtherDevice.vue'
+import MonoPic from './MonoPic.vue'
+import MonoRoute from './MonoRoute.vue'
+import MonoSafety from './MonoSafety.vue'
+import MonoTime from './MonoTime.vue'
+import MonoSun from './MonoSun.vue'
+import MonoTransfer from './MonoTransfer.vue'
+import MonoTowardFill from './MonoTowardFill.vue'
+import MonoTrash from './MonoTrash.vue'
+import MonoWallet from './MonoWallet.vue'
+import MonoChevronRight from './MonoChevronRight.vue'
+import MonoSearch from './MonoSearch.vue'
+import MonoWin from './MonoWin.vue'
+import ColorC2Assets from './ColorC2Assets.vue'
+import ColorC2All from './ColorC2All.vue'
+import ColorC2Bill1 from './ColorC2Bill1.vue'
+import ColorC2Email from './ColorC2Email.vue'
+import ColorC2Google from './ColorC2Google.vue'
+import ColorC2Complete from './ColorC2Complete.vue'
+import ColorC2Card from './ColorC2Card.vue'
+import ColorC2Language from './ColorC2Language.vue'
+import ColorC2Home from './ColorC2Home.vue'
+import ColorC2Level from './ColorC2Level.vue'
+import ColorC2Notification from './ColorC2Notification.vue'
+import ColorC2Phone from './ColorC2Phone.vue'
+import ColorC2Pdf from './ColorC2Pdf.vue'
+import ColorC2Safe from './ColorC2Safe.vue'
+import ColorC2RightDown from './ColorC2RightDown.vue'
+import ColorC2RightUp from './ColorC2RightUp.vue'
+import ColorC2SafeShield from './ColorC2SafeShield.vue'
+import ColorC2Api from './ColorC2Api.vue'
+import ColorC2Bill2 from './ColorC2Bill2.vue'
+import ColorC2Deal from './ColorC2Deal.vue'
+import ColorC2Kyc from './ColorC2Kyc.vue'
+import ColorC2Register from './ColorC2Register.vue'
+import ColorC3Licensing from './ColorC3Licensing.vue'
+import ColorC2User from './ColorC2User.vue'
+import ColorC3Card from './ColorC3Card.vue'
+import ColorC3Framework from './ColorC3Framework.vue'
+import ColorC3Establish from './ColorC3Establish.vue'
+import ColorC3Trading from './ColorC3Trading.vue'
+import ColorC2Fee from './ColorC2Fee.vue'
+import ColorC3Deposit from './ColorC3Deposit.vue'
+import ColorC3Company from './ColorC3Company.vue'
+import ColorC3User from './ColorC3User.vue'
+import ColorC3UserFollow from './ColorC3UserFollow.vue'
+import ColorC2TrafficCone from './ColorC2TrafficCone.vue'
+import ColorC3Audits from './ColorC3Audits.vue'
+import ColorC3Kyc from './ColorC3Kyc.vue'
+import ColorC3Pass from './ColorC3Pass.vue'
+import ColorC3NotPassed from './ColorC3NotPassed.vue'
+import ColorC3Safes from './ColorC3Safes.vue'
+import ColorC2UserEvery from './ColorC2UserEvery.vue'
+import ColorC3UserEvery from './ColorC3UserEvery.vue'
+
+export default {
+  CoinUsd,
+  IntlCh,
+  CoinHkd,
+  IntlEur,
+  IntlHkg,
+  IntlJpn,
+  IntlKor,
+  IntlVnm,
+  IntlUsa,
+  MediaInstagram,
+  MediaFacebook,
+  MediaTwitter,
+  MediaLinked,
+  IntlEn,
+  ColorCloseFill,
+  ColorCookie,
+  ColorStar,
+  ColorSuccessFill,
+  ColorCompletedFill,
+  ColorTimeFill,
+  MonoAddSubtract,
+  ColorTowardFill,
+  MonoInternational,
+  MonoApple,
+  MonoAndroid,
+  MonoArrowDown,
+  MonoApi,
+  MonoAdd,
+  MonoBankCard,
+  MonoAudit,
+  MonoArrowUp,
+  MonoAssets,
+  MonoCalendar,
+  MonoCheckFill,
+  MonoBuilding,
+  MonoChevronLeft,
+  MonoClassify02,
+  MonoClassify01,
+  MonoChevronRightDouble,
+  MonoCopy,
+  MonoCloseOne,
+  MonoComplete,
+  MonoClose,
+  MonoEmail02,
+  MonoEmail01,
+  MonoEdit,
+  MonoDocunment,
+  MonoExclamationmarkFill,
+  MonoGoogleplay,
+  MonoEye,
+  MonoEyeClose,
+  MonoLess,
+  MonoMenu,
+  MonoHelp,
+  MonoLogout,
+  MonoPicError,
+  MonoMore,
+  MonoMoon,
+  MonoNotification,
+  MonoRemove,
+  MonoOtherDevice,
+  MonoPic,
+  MonoRoute,
+  MonoSafety,
+  MonoTime,
+  MonoSun,
+  MonoTransfer,
+  MonoTowardFill,
+  MonoTrash,
+  MonoWallet,
+  MonoChevronRight,
+  MonoSearch,
+  MonoWin,
+  ColorC2Assets,
+  ColorC2All,
+  ColorC2Bill1,
+  ColorC2Email,
+  ColorC2Google,
+  ColorC2Complete,
+  ColorC2Card,
+  ColorC2Language,
+  ColorC2Home,
+  ColorC2Level,
+  ColorC2Notification,
+  ColorC2Phone,
+  ColorC2Pdf,
+  ColorC2Safe,
+  ColorC2RightDown,
+  ColorC2RightUp,
+  ColorC2SafeShield,
+  ColorC2Api,
+  ColorC2Bill2,
+  ColorC2Deal,
+  ColorC2Kyc,
+  ColorC2Register,
+  ColorC3Licensing,
+  ColorC2User,
+  ColorC3Card,
+  ColorC3Framework,
+  ColorC3Establish,
+  ColorC3Trading,
+  ColorC2Fee,
+  ColorC3Deposit,
+  ColorC3Company,
+  ColorC3User,
+  ColorC3UserFollow,
+  ColorC2TrafficCone,
+  ColorC3Audits,
+  ColorC3Kyc,
+  ColorC3Pass,
+  ColorC3NotPassed,
+  ColorC3Safes,
+  ColorC2UserEvery,
+  ColorC3UserEvery,
+}

package/src/index.ts

@@ -0,0 +1,50 @@
+import type { App } from "vue"
+import UiButton from "./button/index.vue"
+import UiLink from "./link/index.vue"
+import Icons from "./icons/index.ts"
+import UiForm from "./form/index.vue"
+import UiFormItem from "./form/form-item.vue"
+import UiInput from "./input/index.vue"
+import UiTabs from "./tabs/index.vue"
+import UiTabPane from "./tabs/tab-pane.vue"
+import UiTooltip from "./tooltip/index.vue"
+import UiMessage from "./message/method.ts"
+
+const components: any = {
+  UiButton,
+  UiLink,
+  UiForm,
+  UiFormItem,
+  UiInput,
+  UiTabs,
+  UiTabPane,
+  UiTooltip
+}
+
+export * from './icons/index.ts'
+
+export {
+  UiButton,
+  UiLink,
+  UiForm,
+  UiFormItem,
+  UiInput,
+  UiTabs,
+  UiTabPane,
+  UiTooltip,
+  UiMessage
+}
+
+export default {
+  install(app: App) {
+    Object.keys(components).forEach((name: string) => {
+      app.component(name, components[name])
+    })
+    Object.values(Icons).forEach((v: any) => {
+      app.component(v.name, v)
+    })
+    app.config.globalProperties.$message = UiMessage
+
+  },
+}
+