bge-ui 1.3.7 → 1.3.9

package/dist/style.css

@@ -735,6 +735,11 @@ to {
 }.bge-fill-bg-red {
   fill: var(--bg-red);
 }
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
 .bge-fill-bg-green {
   fill: var(--bg-green);
 }.bge-form.inline .bge-form-item__content {
@@ -906,6 +911,8 @@ to {
   display: flex;
   align-items: flex-start;
   position: relative;
+}
+.bge-tabs.bge-tabs__pills-elevated {
   background: var(--bg-opacity);
   border-radius: var(--radius-small, 4px);
 }

package/icons/Mono/document.svg

@@ -0,0 +1,3 @@
+<svg 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="M4 4C4 3.46957 4.21071 2.96086 4.58579 2.58579C4.96086 2.21071 5.46957 2 6 2H18C18.5304 2 19.0391 2.21071 19.4142 2.58579C19.7893 2.96086 20 3.46957 20 4V20C20 20.5304 19.7893 21.0391 19.4142 21.4142C19.0391 21.7893 18.5304 22 18 22H6C5.46957 22 4.96086 21.7893 4.58579 21.4142C4.21071 21.0391 4 20.5304 4 20V4ZM18 4H6V20H18V4ZM8 9C8 8.73478 8.10536 8.48043 8.29289 8.29289C8.48043 8.10536 8.73478 8 9 8H15C15.2652 8 15.5196 8.10536 15.7071 8.29289C15.8946 8.48043 16 8.73478 16 9C16 9.26522 15.8946 9.51957 15.7071 9.70711C15.5196 9.89464 15.2652 10 15 10H9C8.73478 10 8.48043 9.89464 8.29289 9.70711C8.10536 9.51957 8 9.26522 8 9ZM9 13C8.73478 13 8.48043 13.1054 8.29289 13.2929C8.10536 13.4804 8 13.7348 8 14C8 14.2652 8.10536 14.5196 8.29289 14.7071C8.48043 14.8946 8.73478 15 9 15H12C12.2652 15 12.5196 14.8946 12.7071 14.7071C12.8946 14.5196 13 14.2652 13 14C13 13.7348 12.8946 13.4804 12.7071 13.2929C12.5196 13.1054 12.2652 13 12 13H9Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bge-ui",
-  "version": "1.3.7",
+  "version": "1.3.9",
   "description": "",
   "type": "module",
   "main": "./src/index.ts",

package/src/icons/MonoDocument.vue

@@ -0,0 +1,43 @@
+<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="M4 4C4 3.46957 4.21071 2.96086 4.58579 2.58579C4.96086 2.21071 5.46957 2 6 2H18C18.5304 2 19.0391 2.21071 19.4142 2.58579C19.7893 2.96086 20 3.46957 20 4V20C20 20.5304 19.7893 21.0391 19.4142 21.4142C19.0391 21.7893 18.5304 22 18 22H6C5.46957 22 4.96086 21.7893 4.58579 21.4142C4.21071 21.0391 4 20.5304 4 20V4ZM18 4H6V20H18V4ZM8 9C8 8.73478 8.10536 8.48043 8.29289 8.29289C8.48043 8.10536 8.73478 8 9 8H15C15.2652 8 15.5196 8.10536 15.7071 8.29289C15.8946 8.48043 16 8.73478 16 9C16 9.26522 15.8946 9.51957 15.7071 9.70711C15.5196 9.89464 15.2652 10 15 10H9C8.73478 10 8.48043 9.89464 8.29289 9.70711C8.10536 9.51957 8 9.26522 8 9ZM9 13C8.73478 13 8.48043 13.1054 8.29289 13.2929C8.10536 13.4804 8 13.7348 8 14C8 14.2652 8.10536 14.5196 8.29289 14.7071C8.48043 14.8946 8.73478 15 9 15H12C12.2652 15 12.5196 14.8946 12.7071 14.7071C12.8946 14.5196 13 14.2652 13 14C13 13.7348 12.8946 13.4804 12.7071 13.2929C12.5196 13.1054 12.2652 13 12 13H9Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoDocument',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/index.ts

@@ -1,107 +1,108 @@
-import IntlHkg from './IntlHkg.vue'
-import IntlCh from './IntlCh.vue'
-import IntlEn from './IntlEn.vue'
-import IntlJpn from './IntlJpn.vue'
-import IntlKor from './IntlKor.vue'
-import IntlEur from './IntlEur.vue'
-import IntlUsa from './IntlUsa.vue'
-import IntlVnm from './IntlVnm.vue'
-import MonoLink from './MonoLink.vue'
 import MonoArrowUp from './MonoArrowUp.vue'
-import MonoArrowDown from './MonoArrowDown.vue'
-import MonoArrow from './MonoArrow.vue'
-import MonoCalc from './MonoCalc.vue'
-import MonoBook15 from './MonoBook15.vue'
-import MonoBankCard from './MonoBankCard.vue'
-import MonoCalendar from './MonoCalendar.vue'
-import MonoChart from './MonoChart.vue'
-import MonoChart15 from './MonoChart15.vue'
-import MonoChevronDown from './MonoChevronDown.vue'
-import MonoChevronLeft from './MonoChevronLeft.vue'
-import MonoChevronRightDouble from './MonoChevronRightDouble.vue'
 import MonoChevronRight from './MonoChevronRight.vue'
 import MonoChevronUp from './MonoChevronUp.vue'
 import MonoChevronlinDown from './MonoChevronlinDown.vue'
+import MonoChart from './MonoChart.vue'
 import MonoChevronlinUp from './MonoChevronlinUp.vue'
 import MonoCloseOne from './MonoCloseOne.vue'
 import MonoClose from './MonoClose.vue'
-import MonoInternational from './MonoInternational.vue'
-import MonoCommenceContract from './MonoCommenceContract.vue'
 import MonoCoin15 from './MonoCoin15.vue'
-import MonoCommenceRight from './MonoCommenceRight.vue'
-import MonoCommenceUp from './MonoCommenceUp.vue'
-import MonoCommence from './MonoCommence.vue'
 import MonoCommenceDown from './MonoCommenceDown.vue'
+import MonoCommenceUp from './MonoCommenceUp.vue'
+import MonoCommenceRight from './MonoCommenceRight.vue'
+import MonoCommenceContract from './MonoCommenceContract.vue'
+import MonoBankCard from './MonoBankCard.vue'
+import MonoBook15 from './MonoBook15.vue'
+import MonoCalc from './MonoCalc.vue'
+import MonoCalendar from './MonoCalendar.vue'
+import MonoChart15 from './MonoChart15.vue'
+import MonoChevronLeft from './MonoChevronLeft.vue'
+import MonoChevronDown from './MonoChevronDown.vue'
+import MonoChevronRightDouble from './MonoChevronRightDouble.vue'
 import MonoCommenceLeft from './MonoCommenceLeft.vue'
-import MonoComplete from './MonoComplete.vue'
 import MonoCopy from './MonoCopy.vue'
+import MonoComplete from './MonoComplete.vue'
+import MonoEdit from './MonoEdit.vue'
+import MonoLink from './MonoLink.vue'
+import MonoArrowDown from './MonoArrowDown.vue'
+import MonoArrow from './MonoArrow.vue'
 import MonoEmail01 from './MonoEmail01.vue'
 import MonoEmail02 from './MonoEmail02.vue'
-import MonoEdit from './MonoEdit.vue'
+import MonoDocument from './MonoDocument.vue'
 import MonoExclamationmark from './MonoExclamationmark.vue'
 import MonoEyeClose from './MonoEyeClose.vue'
 import MonoEye from './MonoEye.vue'
 import MonoFile from './MonoFile.vue'
 import MonoFullscreen from './MonoFullscreen.vue'
-import MonoHelp from './MonoHelp.vue'
-import MonoLess from './MonoLess.vue'
 import MonoLogout from './MonoLogout.vue'
-import MonoMenu from './MonoMenu.vue'
+import MonoLess from './MonoLess.vue'
 import MonoFullscreenExit from './MonoFullscreenExit.vue'
 import MonoMoon from './MonoMoon.vue'
-import MonoNotification from './MonoNotification.vue'
 import MonoMore from './MonoMore.vue'
+import MonoNotification from './MonoNotification.vue'
+import MonoHelp from './MonoHelp.vue'
 import MonoOrderbook15 from './MonoOrderbook15.vue'
 import MonoPhone from './MonoPhone.vue'
-import MonoPic from './MonoPic.vue'
 import MonoPicError from './MonoPicError.vue'
-import MonoRefresh from './MonoRefresh.vue'
+import MonoPic from './MonoPic.vue'
 import MonoRefresh15 from './MonoRefresh15.vue'
-import MonoRepeat from './MonoRepeat.vue'
 import MonoSearch from './MonoSearch.vue'
+import MonoRefresh from './MonoRefresh.vue'
+import MonoRepeat from './MonoRepeat.vue'
 import MonoSet15 from './MonoSet15.vue'
-import MonoSetting from './MonoSetting.vue'
+import MonoAddStroke from './MonoAddStroke.vue'
 import MonoStarFill from './MonoStarFill.vue'
-import MonoStar15 from './MonoStar15.vue'
+import MonoStar from './MonoStar.vue'
 import MonoSort from './MonoSort.vue'
+import MonoStar15 from './MonoStar15.vue'
 import MonoStar15Fill from './MonoStar15Fill.vue'
 import MonoSun from './MonoSun.vue'
-import MonoTrash from './MonoTrash.vue'
-import MonoStar from './MonoStar.vue'
 import MonoTransfer from './MonoTransfer.vue'
 import MonoTransfer15 from './MonoTransfer15.vue'
+import MonoSetting from './MonoSetting.vue'
+import MonoTrash from './MonoTrash.vue'
 import MonoVolume from './MonoVolume.vue'
-import K002 from './K002.vue'
 import MonoWallet from './MonoWallet.vue'
+import LogoDiscord from './LogoDiscord.vue'
+import LogoCaht from './LogoCaht.vue'
+import LogoIns from './LogoIns.vue'
 import MonoWifi15 from './MonoWifi15.vue'
-import K001 from './K001.vue'
+import LogoLinkedin from './LogoLinkedin.vue'
+import LogoFacebook from './LogoFacebook.vue'
+import LogoMedium from './LogoMedium.vue'
+import LogoReddit from './LogoReddit.vue'
+import LogoYoutube from './LogoYoutube.vue'
+import MonoMenu from './MonoMenu.vue'
+import LogoTelegram from './LogoTelegram.vue'
+import LogoX from './LogoX.vue'
+import IntlEn from './IntlEn.vue'
+import IntlCh from './IntlCh.vue'
+import IntlJpn from './IntlJpn.vue'
+import IntlHkg from './IntlHkg.vue'
+import MonoAdd from './MonoAdd.vue'
+import K002 from './K002.vue'
 import K003 from './K003.vue'
-import K006 from './K006.vue'
-import K005 from './K005.vue'
 import K004 from './K004.vue'
+import K006 from './K006.vue'
 import K007 from './K007.vue'
+import MonoCommence from './MonoCommence.vue'
+import IntlEur from './IntlEur.vue'
+import IntlVnm from './IntlVnm.vue'
+import K009 from './K009.vue'
+import IntlUsa from './IntlUsa.vue'
+import IntlKor from './IntlKor.vue'
+import K001 from './K001.vue'
 import K008 from './K008.vue'
 import K010 from './K010.vue'
-import K009 from './K009.vue'
 import K011 from './K011.vue'
-import LogoDiscord from './LogoDiscord.vue'
-import LogoCaht from './LogoCaht.vue'
-import LogoIns from './LogoIns.vue'
 import K012 from './K012.vue'
-import LogoFacebook from './LogoFacebook.vue'
-import LogoLinkedin from './LogoLinkedin.vue'
-import LogoTelegram from './LogoTelegram.vue'
-import LogoReddit from './LogoReddit.vue'
-import LogoMedium from './LogoMedium.vue'
-import LogoYoutube from './LogoYoutube.vue'
+import MonoInternational from './MonoInternational.vue'
 import ColorLoading from './ColorLoading.vue'
-import LogoX from './LogoX.vue'
 import ColorPointerHelp from './ColorPointerHelp.vue'
 import ColorPointerMoveLor from './ColorPointerMoveLor.vue'
-import ColorPointerMoveUod from './ColorPointerMoveUod.vue'
 import ColorUnavailable from './ColorUnavailable.vue'
-import MonoAdd from './MonoAdd.vue'
-import MonoAddStroke from './MonoAddStroke.vue'
+import ColorPointerMoveUod from './ColorPointerMoveUod.vue'
+import K005 from './K005.vue'
 import MonoOrderbook02 from './MonoOrderbook02.vue'
 import MonoOrderbook03 from './MonoOrderbook03.vue'
 import ColorCheckFill from './ColorCheckFill.vue'
@@ -110,110 +111,111 @@ import MonoOrderbook01 from './MonoOrderbook01.vue'
 import MonoOrderbook04 from './MonoOrderbook04.vue'
 
 export default {
-  IntlHkg,
-  IntlCh,
-  IntlEn,
-  IntlJpn,
-  IntlKor,
-  IntlEur,
-  IntlUsa,
-  IntlVnm,
-  MonoLink,
   MonoArrowUp,
-  MonoArrowDown,
-  MonoArrow,
-  MonoCalc,
-  MonoBook15,
-  MonoBankCard,
-  MonoCalendar,
-  MonoChart,
-  MonoChart15,
-  MonoChevronDown,
-  MonoChevronLeft,
-  MonoChevronRightDouble,
   MonoChevronRight,
   MonoChevronUp,
   MonoChevronlinDown,
+  MonoChart,
   MonoChevronlinUp,
   MonoCloseOne,
   MonoClose,
-  MonoInternational,
-  MonoCommenceContract,
   MonoCoin15,
-  MonoCommenceRight,
-  MonoCommenceUp,
-  MonoCommence,
   MonoCommenceDown,
+  MonoCommenceUp,
+  MonoCommenceRight,
+  MonoCommenceContract,
+  MonoBankCard,
+  MonoBook15,
+  MonoCalc,
+  MonoCalendar,
+  MonoChart15,
+  MonoChevronLeft,
+  MonoChevronDown,
+  MonoChevronRightDouble,
   MonoCommenceLeft,
-  MonoComplete,
   MonoCopy,
+  MonoComplete,
+  MonoEdit,
+  MonoLink,
+  MonoArrowDown,
+  MonoArrow,
   MonoEmail01,
   MonoEmail02,
-  MonoEdit,
+  MonoDocument,
   MonoExclamationmark,
   MonoEyeClose,
   MonoEye,
   MonoFile,
   MonoFullscreen,
-  MonoHelp,
-  MonoLess,
   MonoLogout,
-  MonoMenu,
+  MonoLess,
   MonoFullscreenExit,
   MonoMoon,
-  MonoNotification,
   MonoMore,
+  MonoNotification,
+  MonoHelp,
   MonoOrderbook15,
   MonoPhone,
-  MonoPic,
   MonoPicError,
-  MonoRefresh,
+  MonoPic,
   MonoRefresh15,
-  MonoRepeat,
   MonoSearch,
+  MonoRefresh,
+  MonoRepeat,
   MonoSet15,
-  MonoSetting,
+  MonoAddStroke,
   MonoStarFill,
-  MonoStar15,
+  MonoStar,
   MonoSort,
+  MonoStar15,
   MonoStar15Fill,
   MonoSun,
-  MonoTrash,
-  MonoStar,
   MonoTransfer,
   MonoTransfer15,
+  MonoSetting,
+  MonoTrash,
   MonoVolume,
-  K002,
   MonoWallet,
+  LogoDiscord,
+  LogoCaht,
+  LogoIns,
   MonoWifi15,
-  K001,
+  LogoLinkedin,
+  LogoFacebook,
+  LogoMedium,
+  LogoReddit,
+  LogoYoutube,
+  MonoMenu,
+  LogoTelegram,
+  LogoX,
+  IntlEn,
+  IntlCh,
+  IntlJpn,
+  IntlHkg,
+  MonoAdd,
+  K002,
   K003,
-  K006,
-  K005,
   K004,
+  K006,
   K007,
+  MonoCommence,
+  IntlEur,
+  IntlVnm,
+  K009,
+  IntlUsa,
+  IntlKor,
+  K001,
   K008,
   K010,
-  K009,
   K011,
-  LogoDiscord,
-  LogoCaht,
-  LogoIns,
   K012,
-  LogoFacebook,
-  LogoLinkedin,
-  LogoTelegram,
-  LogoReddit,
-  LogoMedium,
-  LogoYoutube,
+  MonoInternational,
   ColorLoading,
-  LogoX,
   ColorPointerHelp,
   ColorPointerMoveLor,
-  ColorPointerMoveUod,
   ColorUnavailable,
-  MonoAdd,
-  MonoAddStroke,
+  ColorPointerMoveUod,
+  K005,
   MonoOrderbook02,
   MonoOrderbook03,
   ColorCheckFill,

package/src/tabs/index.vue

@@ -98,11 +98,12 @@ onMounted(() => {
       display: flex;
       align-items: flex-start;
       position: relative;
-      background: var(--bg-opacity);
-      border-radius: var(--radius-small, 4px);
     }
   }
   &.bge-tabs__pills-elevated {
+    background: var(--bg-opacity);
+    border-radius: var(--radius-small, 4px);
+
     .bge-tabs__panes {
       .bge-tab__pane {
         padding: 6px 12px;