bge-ui 1.0.21 → 1.0.23

package/src/icons/index.ts

@@ -1,235 +1,211 @@
-import MediaInstagram from './MediaInstagram.vue'
-import MediaLinked from './MediaLinked.vue'
-import MonoAdd from './MonoAdd.vue'
-import MonoAddSubtract from './MonoAddSubtract.vue'
-import MediaTwitter from './MediaTwitter.vue'
 import MonoInternational from './MonoInternational.vue'
-import MonoApple from './MonoApple.vue'
-import MonoAndroid from './MonoAndroid.vue'
-import MonoApi from './MonoApi.vue'
+import MonoLink from './MonoLink.vue'
+import MonoAdd from './MonoAdd.vue'
 import MonoArrowDown from './MonoArrowDown.vue'
-import MonoAudit from './MonoAudit.vue'
-import MonoAssets from './MonoAssets.vue'
 import MonoArrowUp from './MonoArrowUp.vue'
-import MonoBuilding from './MonoBuilding.vue'
-import MonoBankCard from './MonoBankCard.vue'
+import MonoBook15 from './MonoBook15.vue'
+import MonoChart15 from './MonoChart15.vue'
+import MonoChevronDown from './MonoChevronDown.vue'
 import MonoChevronLeft from './MonoChevronLeft.vue'
+import MonoChevronUp from './MonoChevronUp.vue'
 import MonoCalendar from './MonoCalendar.vue'
-import MonoChevronRightDouble from './MonoChevronRightDouble.vue'
-import MonoChevronRight from './MonoChevronRight.vue'
-import MonoClassify01 from './MonoClassify01.vue'
-import MonoCloseOne from './MonoCloseOne.vue'
-import MonoClassify02 from './MonoClassify02.vue'
-import MonoComplete from './MonoComplete.vue'
+import MonoChevronlinUp from './MonoChevronlinUp.vue'
 import MonoClose from './MonoClose.vue'
-import CoinHkd from './CoinHkd.vue'
-import MediaFacebook from './MediaFacebook.vue'
-import IntlEn from './IntlEn.vue'
-import MonoDocunment from './MonoDocunment.vue'
-import MonoEyeClose from './MonoEyeClose.vue'
-import MonoExclamationmarkFill from './MonoExclamationmarkFill.vue'
-import MonoCopy from './MonoCopy.vue'
-import MonoEmail01 from './MonoEmail01.vue'
-import MonoGoogleplay from './MonoGoogleplay.vue'
+import MonoCoin15 from './MonoCoin15.vue'
+import MonoComplete from './MonoComplete.vue'
+import MonoChevronlinDown from './MonoChevronlinDown.vue'
 import MonoEye from './MonoEye.vue'
+import MonoFile from './MonoFile.vue'
+import MonoLess from './MonoLess.vue'
+import MonoMoon from './MonoMoon.vue'
+import MonoChevronRight from './MonoChevronRight.vue'
+import MonoEmail01 from './MonoEmail01.vue'
+import MonoRefresh from './MonoRefresh.vue'
+import MonoSearch from './MonoSearch.vue'
+import MonoRepeat from './MonoRepeat.vue'
+import MonoStarFill from './MonoStarFill.vue'
+import MonoSetting from './MonoSetting.vue'
+import MonoStar15Fill from './MonoStar15Fill.vue'
+import MonoStar from './MonoStar.vue'
+import MonoStar15 from './MonoStar15.vue'
+import MonoTransfer from './MonoTransfer.vue'
+import MonoVolume from './MonoVolume.vue'
+import K001 from './K001.vue'
+import K002 from './K002.vue'
+import K004 from './K004.vue'
+import K003 from './K003.vue'
+import K005 from './K005.vue'
+import K007 from './K007.vue'
+import K006 from './K006.vue'
+import LogoCaht from './LogoCaht.vue'
+import LogoIns from './LogoIns.vue'
+import LogoDiscord from './LogoDiscord.vue'
+import LogoLinkedin from './LogoLinkedin.vue'
+import LogoReddit from './LogoReddit.vue'
+import LogoMedium from './LogoMedium.vue'
+import LogoTelegram from './LogoTelegram.vue'
+import LogoX from './LogoX.vue'
+import LogoYoutube from './LogoYoutube.vue'
+import LogoFacebook from './LogoFacebook.vue'
+import MonoNotification from './MonoNotification.vue'
 import IntlCh from './IntlCh.vue'
 import IntlVnm from './IntlVnm.vue'
-import IntlKor from './IntlKor.vue'
-import IntlUsa from './IntlUsa.vue'
-import MonoHelp from './MonoHelp.vue'
+import MonoAddStroke from './MonoAddStroke.vue'
+import MonoArrow from './MonoArrow.vue'
+import MonoBankCard from './MonoBankCard.vue'
+import MonoChart from './MonoChart.vue'
+import MonoChevronRightDouble from './MonoChevronRightDouble.vue'
+import MonoCloseOne from './MonoCloseOne.vue'
+import MonoCommenceDown from './MonoCommenceDown.vue'
+import MonoCommenceLeft from './MonoCommenceLeft.vue'
+import MonoCommenceRight from './MonoCommenceRight.vue'
+import MonoCommenceUp from './MonoCommenceUp.vue'
 import MonoEdit from './MonoEdit.vue'
-import MonoLess from './MonoLess.vue'
-import MonoMenu from './MonoMenu.vue'
-import MonoMore from './MonoMore.vue'
 import MonoEmail02 from './MonoEmail02.vue'
+import MonoEyeClose from './MonoEyeClose.vue'
+import MonoCopy from './MonoCopy.vue'
 import MonoLogout from './MonoLogout.vue'
-import MonoOtherDevice from './MonoOtherDevice.vue'
-import MonoPicError from './MonoPicError.vue'
-import MonoRemove from './MonoRemove.vue'
 import MonoPic from './MonoPic.vue'
-import MonoSafety from './MonoSafety.vue'
 import MonoPhone from './MonoPhone.vue'
-import MonoMoon from './MonoMoon.vue'
-import MonoSearch from './MonoSearch.vue'
-import MonoSun from './MonoSun.vue'
-import MonoTime from './MonoTime.vue'
-import MonoTowardFill from './MonoTowardFill.vue'
-import MonoTransfer from './MonoTransfer.vue'
-import MonoLoading from './MonoLoading.vue'
-import MonoTrash from './MonoTrash.vue'
+import MonoRefresh15 from './MonoRefresh15.vue'
+import MonoSet15 from './MonoSet15.vue'
+import MonoTransfer15 from './MonoTransfer15.vue'
 import MonoWallet from './MonoWallet.vue'
-import MonoWin from './MonoWin.vue'
-import MonoRoute from './MonoRoute.vue'
-import MonoCheckFill from './MonoCheckFill.vue'
-import ColorCloseFill from './ColorCloseFill.vue'
-import ColorCookie from './ColorCookie.vue'
-import ColorC2Language from './ColorC2Language.vue'
-import ColorC2Level from './ColorC2Level.vue'
-import ColorC2Notification from './ColorC2Notification.vue'
-import ColorC2Phone from './ColorC2Phone.vue'
-import ColorC2Bill1 from './ColorC2Bill1.vue'
-import ColorC2RightDown from './ColorC2RightDown.vue'
-import ColorC2SafeShield from './ColorC2SafeShield.vue'
-import ColorC2RightUp from './ColorC2RightUp.vue'
-import ColorC2Safe from './ColorC2Safe.vue'
-import ColorC2Pdf from './ColorC2Pdf.vue'
-import ColorC2All from './ColorC2All.vue'
-import ColorC2Card from './ColorC2Card.vue'
-import ColorC2Assets from './ColorC2Assets.vue'
-import ColorC2Complete from './ColorC2Complete.vue'
-import ColorC2Email from './ColorC2Email.vue'
-import ColorC2Home from './ColorC2Home.vue'
-import ColorC3Licensing from './ColorC3Licensing.vue'
-import ColorC3Card from './ColorC3Card.vue'
-import ColorC3Establish from './ColorC3Establish.vue'
-import ColorC3Framework from './ColorC3Framework.vue'
-import ColorC3Trading from './ColorC3Trading.vue'
-import ColorC2Api from './ColorC2Api.vue'
-import ColorC2Bill2 from './ColorC2Bill2.vue'
-import ColorC2Deal from './ColorC2Deal.vue'
-import IntlHkg from './IntlHkg.vue'
-import CoinUsd from './CoinUsd.vue'
+import K010 from './K010.vue'
 import IntlJpn from './IntlJpn.vue'
+import ColorExclamationmarkFill from './ColorExclamationmarkFill.vue'
+import ColorCheckFill from './ColorCheckFill.vue'
+import MonoExclamationmark from './MonoExclamationmark.vue'
+import MonoHelp from './MonoHelp.vue'
+import MonoMenu from './MonoMenu.vue'
+import MonoMore from './MonoMore.vue'
+import MonoPicError from './MonoPicError.vue'
+import MonoSort from './MonoSort.vue'
+import K009 from './K009.vue'
+import ColorLoading from './ColorLoading.vue'
+import ColorPointerMoveLor from './ColorPointerMoveLor.vue'
+import ColorPointerMoveUod from './ColorPointerMoveUod.vue'
+import IntlKor from './IntlKor.vue'
+import IntlUsa from './IntlUsa.vue'
+import MonoFullscreen from './MonoFullscreen.vue'
+import MonoTrash from './MonoTrash.vue'
+import MonoWifi15 from './MonoWifi15.vue'
+import K008 from './K008.vue'
+import K012 from './K012.vue'
+import K011 from './K011.vue'
+import ColorPointerHelp from './ColorPointerHelp.vue'
+import ColorUnavailable from './ColorUnavailable.vue'
+import IntlHkg from './IntlHkg.vue'
+import MonoCommence from './MonoCommence.vue'
+import MonoOrderbook15 from './MonoOrderbook15.vue'
+import MonoCommenceContract from './MonoCommenceContract.vue'
+import MonoSun from './MonoSun.vue'
+import IntlEn from './IntlEn.vue'
 import IntlEur from './IntlEur.vue'
-import ColorCompletedFill from './ColorCompletedFill.vue'
-import ColorSuccessFill from './ColorSuccessFill.vue'
-import ColorStar from './ColorStar.vue'
-import ColorTowardFill from './ColorTowardFill.vue'
-import MonoNotification from './MonoNotification.vue'
-import ColorTimeFill from './ColorTimeFill.vue'
-import ColorC2Google from './ColorC2Google.vue'
-import ColorC2Kyc from './ColorC2Kyc.vue'
-import ColorC2Register from './ColorC2Register.vue'
-import ColorC2User from './ColorC2User.vue'
-import ColorC3Company from './ColorC3Company.vue'
-import ColorC3Deposit from './ColorC3Deposit.vue'
-import ColorC3User from './ColorC3User.vue'
-import ColorC3UserFollow from './ColorC3UserFollow.vue'
-import ColorC2TrafficCone from './ColorC2TrafficCone.vue'
-import ColorC2Fee from './ColorC2Fee.vue'
-import ColorC3Kyc from './ColorC3Kyc.vue'
-import ColorC3NotPassed from './ColorC3NotPassed.vue'
-import ColorC3Pass from './ColorC3Pass.vue'
-import ColorC3Audits from './ColorC3Audits.vue'
-import ColorC3Safes from './ColorC3Safes.vue'
-import ColorC2UserEvery from './ColorC2UserEvery.vue'
-import ColorC3UserEvery from './ColorC3UserEvery.vue'
 
 export default {
-  MediaInstagram,
-  MediaLinked,
-  MonoAdd,
-  MonoAddSubtract,
-  MediaTwitter,
   MonoInternational,
-  MonoApple,
-  MonoAndroid,
-  MonoApi,
+  MonoLink,
+  MonoAdd,
   MonoArrowDown,
-  MonoAudit,
-  MonoAssets,
   MonoArrowUp,
-  MonoBuilding,
-  MonoBankCard,
+  MonoBook15,
+  MonoChart15,
+  MonoChevronDown,
   MonoChevronLeft,
+  MonoChevronUp,
   MonoCalendar,
-  MonoChevronRightDouble,
-  MonoChevronRight,
-  MonoClassify01,
-  MonoCloseOne,
-  MonoClassify02,
-  MonoComplete,
+  MonoChevronlinUp,
   MonoClose,
-  CoinHkd,
-  MediaFacebook,
-  IntlEn,
-  MonoDocunment,
-  MonoEyeClose,
-  MonoExclamationmarkFill,
-  MonoCopy,
-  MonoEmail01,
-  MonoGoogleplay,
+  MonoCoin15,
+  MonoComplete,
+  MonoChevronlinDown,
   MonoEye,
+  MonoFile,
+  MonoLess,
+  MonoMoon,
+  MonoChevronRight,
+  MonoEmail01,
+  MonoRefresh,
+  MonoSearch,
+  MonoRepeat,
+  MonoStarFill,
+  MonoSetting,
+  MonoStar15Fill,
+  MonoStar,
+  MonoStar15,
+  MonoTransfer,
+  MonoVolume,
+  K001,
+  K002,
+  K004,
+  K003,
+  K005,
+  K007,
+  K006,
+  LogoCaht,
+  LogoIns,
+  LogoDiscord,
+  LogoLinkedin,
+  LogoReddit,
+  LogoMedium,
+  LogoTelegram,
+  LogoX,
+  LogoYoutube,
+  LogoFacebook,
+  MonoNotification,
   IntlCh,
   IntlVnm,
-  IntlKor,
-  IntlUsa,
-  MonoHelp,
+  MonoAddStroke,
+  MonoArrow,
+  MonoBankCard,
+  MonoChart,
+  MonoChevronRightDouble,
+  MonoCloseOne,
+  MonoCommenceDown,
+  MonoCommenceLeft,
+  MonoCommenceRight,
+  MonoCommenceUp,
   MonoEdit,
-  MonoLess,
-  MonoMenu,
-  MonoMore,
   MonoEmail02,
+  MonoEyeClose,
+  MonoCopy,
   MonoLogout,
-  MonoOtherDevice,
-  MonoPicError,
-  MonoRemove,
   MonoPic,
-  MonoSafety,
   MonoPhone,
-  MonoMoon,
-  MonoSearch,
-  MonoSun,
-  MonoTime,
-  MonoTowardFill,
-  MonoTransfer,
-  MonoLoading,
-  MonoTrash,
+  MonoRefresh15,
+  MonoSet15,
+  MonoTransfer15,
   MonoWallet,
-  MonoWin,
-  MonoRoute,
-  MonoCheckFill,
-  ColorCloseFill,
-  ColorCookie,
-  ColorC2Language,
-  ColorC2Level,
-  ColorC2Notification,
-  ColorC2Phone,
-  ColorC2Bill1,
-  ColorC2RightDown,
-  ColorC2SafeShield,
-  ColorC2RightUp,
-  ColorC2Safe,
-  ColorC2Pdf,
-  ColorC2All,
-  ColorC2Card,
-  ColorC2Assets,
-  ColorC2Complete,
-  ColorC2Email,
-  ColorC2Home,
-  ColorC3Licensing,
-  ColorC3Card,
-  ColorC3Establish,
-  ColorC3Framework,
-  ColorC3Trading,
-  ColorC2Api,
-  ColorC2Bill2,
-  ColorC2Deal,
-  IntlHkg,
-  CoinUsd,
+  K010,
   IntlJpn,
+  ColorExclamationmarkFill,
+  ColorCheckFill,
+  MonoExclamationmark,
+  MonoHelp,
+  MonoMenu,
+  MonoMore,
+  MonoPicError,
+  MonoSort,
+  K009,
+  ColorLoading,
+  ColorPointerMoveLor,
+  ColorPointerMoveUod,
+  IntlKor,
+  IntlUsa,
+  MonoFullscreen,
+  MonoTrash,
+  MonoWifi15,
+  K008,
+  K012,
+  K011,
+  ColorPointerHelp,
+  ColorUnavailable,
+  IntlHkg,
+  MonoCommence,
+  MonoOrderbook15,
+  MonoCommenceContract,
+  MonoSun,
+  IntlEn,
   IntlEur,
-  ColorCompletedFill,
-  ColorSuccessFill,
-  ColorStar,
-  ColorTowardFill,
-  MonoNotification,
-  ColorTimeFill,
-  ColorC2Google,
-  ColorC2Kyc,
-  ColorC2Register,
-  ColorC2User,
-  ColorC3Company,
-  ColorC3Deposit,
-  ColorC3User,
-  ColorC3UserFollow,
-  ColorC2TrafficCone,
-  ColorC2Fee,
-  ColorC3Kyc,
-  ColorC3NotPassed,
-  ColorC3Pass,
-  ColorC3Audits,
-  ColorC3Safes,
-  ColorC2UserEvery,
-  ColorC3UserEvery,
 }

package/src/input/index.vue

@@ -24,7 +24,7 @@
 </template>
 <script setup lang="ts">
 import MonoClose from "../icons/MonoClose.vue";
-import { ref, defineProps, useSlots, defineEmits, inject, watch } from 'vue'
+import { ref, useSlots, inject, watch } from 'vue'
 const props = defineProps({
   type: {
     type: String,
@@ -114,7 +114,7 @@ function handelClear() {
   .bge-input__wrapper {
     height: 40px;
     padding: var(--layout-x-0, 0px) var(--layout-x-4, 16px);
-    border-radius: var(--radius-small, 0px);
+    border-radius: var(--radius-small, 4px);
     border: 1px solid transparent;
     background: var(--bg-input, rgba(88, 126, 163, 0.08));
     display: flex;

package/src/link/index.vue

@@ -13,8 +13,6 @@ defineOptions({
   name: 'Link',
 })
 
-import { defineProps } from 'vue'
-
 defineProps({
   target: {
     default: '',

package/src/message/index.vue

@@ -11,24 +11,28 @@
 </template>
 
 <script setup lang="ts">
-import MonoCheckFill from "../icons/MonoCheckFill.vue"
-import MonoExclamationmarkFill from "../icons/MonoExclamationmarkFill.vue"
+import ColorCheckFill from "../icons/ColorCheckFill.vue"
+import ColorExclamationmarkFill from "../icons/ColorExclamationmarkFill.vue"
 
-import { useEventListener, useResizeObserver, useTimeoutFn } from '@vueuse/core'
-import { defineEmits, onMounted, ref, computed, CSSProperties, shallowReactive, render } from 'vue'
+import { useResizeObserver, useTimeoutFn } from '@vueuse/core'
+import { defineEmits, onMounted, ref, computed, CSSProperties } from 'vue'
 
 const visible = ref(false)
 const messageRef = ref<HTMLDivElement>()
 const icon = computed(() => {
-  const map = {
-    success: MonoCheckFill,
-    error: MonoExclamationmarkFill,
+  const map: any = {
+    success: ColorCheckFill,
+    error: ColorExclamationmarkFill,
     info: ''
   }
   return map[props.type]
 })
 const props: any = defineProps({
-  id: String,
+  id: {
+    type: String,
+    default: '',
+    required: true
+  },
   type: {
     type: String,
     default: 'info',
@@ -47,7 +51,7 @@ const props: any = defineProps({
   message: {
     type: [Object, String]
   },
-  onClose: Function,
+  onClose: [Function, undefined],
   instances: Array
 })
 
@@ -70,7 +74,7 @@ function clearTimer() {
 }
 
 const getInstance = (id: string) => {
-  const idx = props.instances.findIndex((instance) => instance.id === id)
+  const idx = props.instances.findIndex((instance: {id: String}) => instance.id === id)
   const current = props.instances[idx]
   let prev: any | undefined
   if (idx > 0) {
@@ -84,7 +88,7 @@ const getLastOffset = (id: string): number => {
   return prev.vm.exposed!.bottom.value
 }
 const getOffsetOrSpace = (id: string, offset: number) => {
-  const idx = props.instances.findIndex((instance) => instance.id === id)
+  const idx = props.instances.findIndex((instance: {id: String}) => instance.id === id)
   return idx > 0 ? 12 : offset
 }
 
@@ -126,6 +130,7 @@ defineExpose({
   left: 50%;
   top: 60px;
   transform: translateX(-50%);
+  border-radius: var(--radius-small, 4px);
   display: inline-block;
   max-width: 320px;
   transition: opacity 0.3s, transform 0.4s, top 0.4s;
@@ -133,7 +138,7 @@ defineExpose({
   overflow: hidden;
   color: var(--persistent-white, #FFF);
   /* shadow1 */
-  box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.08);
+  box-shadow: var(--shadow1, '0px 12px 40px 0px rgba(0, 0, 0, 0.08)');
 
   &.info {
     background: var(--bg-tooltip, #53677A);