npm - x-essential-lib - Versions diffs - 0.1.1 → 0.1.2 - Mend

x-essential-lib 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/package.json +4 -1
package/.editorconfig +0 -5
package/.eslintignore +0 -1
package/.eslintrc.cjs +0 -18
package/.husky/pre-commit +0 -1
package/.prettierignore +0 -7
package/.prettierrc +0 -16
package/index.html +0 -12
package/public/index.d.ts +0 -89
package/src/App.vue +0 -9
package/src/components/confirmDlg/index.vue +0 -98
package/src/components/loading/index.vue +0 -131
package/src/components/message/index.vue +0 -70
package/src/components/message/item.vue +0 -75
package/src/components/promptDlg/index.vue +0 -119
package/src/components/waitDlg/index.vue +0 -41
package/src/index.ts +0 -38
package/src/main.ts +0 -5
package/src/plugins/vuetify.ts +0 -4
package/src/utils/core.ts +0 -31
package/src/utils/dialog.ts +0 -87
package/src/utils/message.ts +0 -17
package/src/utils/misc.ts +0 -23
package/src/vite-env.d.ts +0 -1
package/tsconfig.json +0 -25
package/tsconfig.node.json +0 -9
package/vite.config.ts +0 -37

package/package.json CHANGED Viewed

@@ -1,10 +1,13 @@
 {
   "name": "x-essential-lib",
   "private": false,
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build",

package/.editorconfig DELETED Viewed

@@ -1,5 +0,0 @@
-[*.{js,jsx,ts,tsx,vue}]
-indent_style = space
-indent_size = 2
-trim_trailing_whitespace = true
-insert_final_newline = true

package/.eslintignore DELETED Viewed

	@@ -1 +0,0 @@
1	- dist/

package/.eslintrc.cjs DELETED Viewed

@@ -1,18 +0,0 @@
-/* eslint-env node */
-require('@rushstack/eslint-patch/modern-module-resolution')
-module.exports = {
-  root: true,
-  extends: [
-    'plugin:vue/vue3-essential',
-    'eslint:recommended',
-    '@vue/eslint-config-typescript',
-    '@vue/eslint-config-prettier/skip-formatting'
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest'
-  },
-  rules: {
-    'vue/multi-word-component-names': 'off'
-  }
-}

package/.husky/pre-commit DELETED Viewed

	@@ -1 +0,0 @@
1	- npm run lint-staged

package/.prettierignore DELETED Viewed

@@ -1,7 +0,0 @@
-.husky/
-dist/
-src/types/auto-imports.d.ts
-src/types/components.d.ts
-src/types/typed-router.d.ts
-types/
-pnpm-lock.yaml

package/.prettierrc DELETED Viewed

@@ -1,16 +0,0 @@
-# global
-printWidth: 80
-tabWidth: 2
-useTabs: false
-# common
-singleQuote: true
-bracketSpacing: true
-bracketSameLine: false
-singleAttributePerLine: false
-# javascript
-semi: false
-quoteProps: consistent
-arrowParens: avoid
-trailingComma: none
-# html
-htmlWhitespaceSensitivity: ignore

package/index.html DELETED Viewed

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>x-essential-lib</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/public/index.d.ts DELETED Viewed

@@ -1,89 +0,0 @@
-import { DefineComponent } from 'vue'
-export declare const XConfirmDlg: DefineComponent<
-  {
-    modelValue: {
-      type: Boolean
-      required: true
-    }
-  },
-  {
-    'update:modelValue'(value: boolean): void
-  },
-  unknown
->
-export declare const XLoading: DefineComponent<
-  {
-    zIndex: {
-      type: Number
-      default: 1
-    }
-  },
-  {},
-  unknown
->
-export declare const XMessage: DefineComponent<{}, {}, unknown>
-export declare const XPromptDlg: DefineComponent<
-  {
-    modelValue: {
-      type: Boolean
-      required: true
-    }
-  },
-  {
-    'update:modelValue'(value: boolean): void
-  },
-  unknown
->
-export declare const XMessage: DefineComponent<{}, {}, unknown>
-export declare function waitMs(ms: number): Promise<void>
-export declare function waitUtil(
-  conditionFunc: () => boolean,
-  timeout?: number,
-  interval?: number
-): Promise<boolean>
-interface ButtonOptions {
-  color?: string
-  text?: string
-}
-interface ConfirmParams {
-  title: string
-  text: string
-  cancel?: ButtonOptions
-  confirm?: ButtonOptions
-}
-export declare function openConfirmDlg(
-  params: ConfirmParams
-): Promise<boolean | undefined>
-interface PromptParams {
-  title: string
-  text?: string
-  label?: string
-  placeholder?: string
-  rules?: ((val: string) => string | boolean)[]
-  value?: string
-  cancel?: ButtonOptions
-  confirm?: ButtonOptions
-}
-export declare function openPromptDlg(params: PromptParams): Promise<any>
-export declare function openWaitDlg()
-export declare function closeWaitDlg()
-export declare function messageError(text: string, timeout?: number)
-export declare function messageInfo(text: string, timeout?: number)
-export declare function messageSuccess(text: string, timeout?: number)
-export declare function messageWarning(text: string, timeout?: number)
-export declare function appAppear(name: string)

package/src/App.vue DELETED Viewed

@@ -1,9 +0,0 @@
-<script setup lang="ts">
-import XLoading from './components/loading/index.vue'
-</script>
-<template>
-  <div>
-    <x-loading />
-  </div>
-</template>

package/src/components/confirmDlg/index.vue DELETED Viewed

@@ -1,98 +0,0 @@
-<script setup lang="ts">
-import { eventBus } from '../../utils/core'
-import { useLocale } from 'vuetify/lib/framework.mjs'
-import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue'
-const locale = useLocale()
-interface ButtonOptions {
-  color?: string
-  text?: string
-}
-const open = defineModel<boolean>({ required: true })
-const title = ref('')
-const text = ref('')
-const cancel = ref<ButtonOptions>()
-const confirm = ref<ButtonOptions>()
-const cancelColor = computed(() => {
-  return cancel.value?.color ?? 'primary'
-})
-const cancelText = computed(() => {
-  return cancel.value?.text ?? locale.t('cancel')
-})
-const confirmColor = computed(() => {
-  return confirm.value?.color ?? 'primary'
-})
-const confirmText = computed(() => {
-  return confirm.value?.text ?? locale.t('confirm')
-})
-let seq = 0
-let handled = false
-const onOpen = (params: any) => {
-  title.value = params.title
-  text.value = params.text
-  cancel.value = params.cancel
-  confirm.value = params.confirm
-  seq = params.seq
-  handled = false
-  open.value = true
-}
-onMounted(() => {
-  eventBus.on('confirmDlg', onOpen)
-})
-onBeforeUnmount(() => {
-  eventBus.off('confirmDlg', onOpen)
-})
-const onConfirm = () => {
-  open.value = false
-  if (!handled) {
-    eventBus.emit('confirmDlgResult' + seq, true)
-    handled = true
-  }
-}
-watch(open, val => {
-  if (!val && !handled) {
-    eventBus.emit('confirmDlgResult' + seq, false)
-    handled = true
-  }
-})
-</script>
-<template>
-  <v-dialog
-    v-model="open"
-    @keydown.esc.stop.prevent="open = false"
-    @keydown.enter.stop.prevent="onConfirm"
-    transition="dialog-top-transition"
-    max-width="600px"
-  >
-    <v-card>
-      <v-card-title>
-        {{ title }}
-      </v-card-title>
-      <v-card-text>
-        {{ text }}
-      </v-card-text>
-      <v-card-actions class="d-flex justify-end">
-        <v-btn @click="open = false" :color="cancelColor" :variant="'text'">
-          {{ cancelText }}
-        </v-btn>
-        <v-btn @click="onConfirm" :color="confirmColor" :variant="'text'">
-          {{ confirmText }}
-        </v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-dialog>
-</template>

package/src/components/loading/index.vue DELETED Viewed

@@ -1,131 +0,0 @@
-<script setup lang="ts">
-import { useTheme } from 'vuetify/lib/framework.mjs'
-import { computed, CSSProperties } from 'vue'
-const theme = useTheme()
-const props = defineProps({
-  zIndex: {
-    type: Number,
-    default: 1
-  }
-})
-const style = computed(() => {
-  const style: CSSProperties = {
-    background: theme.current.value.dark ? '#1e1e1e' : '#ffffff',
-    zIndex: props.zIndex
-  }
-  return style
-})
-</script>
-<template>
-  <div class="x-cont" :style="style">
-    <div class="lds-spinner">
-      <div />
-      <div />
-      <div />
-      <div />
-      <div />
-      <div />
-      <div />
-      <div />
-      <div />
-      <div />
-      <div />
-      <div />
-    </div>
-  </div>
-</template>
-<style scoped>
-.x-cont {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.lds-spinner {
-  color: official;
-  display: inline-block;
-  position: relative;
-  width: 40px;
-  height: 40px;
-}
-.lds-spinner div {
-  transform-origin: 20px 20px;
-  animation: lds-spinner 1.2s linear infinite;
-}
-.lds-spinner div:after {
-  content: ' ';
-  display: block;
-  position: absolute;
-  top: 3px;
-  left: 18px;
-  width: 2px;
-  height: 6px;
-  border-radius: 5%;
-  background: #9e9e9e;
-}
-.lds-spinner div:nth-child(1) {
-  transform: rotate(0deg);
-  animation-delay: -1.1s;
-}
-.lds-spinner div:nth-child(2) {
-  transform: rotate(30deg);
-  animation-delay: -1s;
-}
-.lds-spinner div:nth-child(3) {
-  transform: rotate(60deg);
-  animation-delay: -0.9s;
-}
-.lds-spinner div:nth-child(4) {
-  transform: rotate(90deg);
-  animation-delay: -0.8s;
-}
-.lds-spinner div:nth-child(5) {
-  transform: rotate(120deg);
-  animation-delay: -0.7s;
-}
-.lds-spinner div:nth-child(6) {
-  transform: rotate(150deg);
-  animation-delay: -0.6s;
-}
-.lds-spinner div:nth-child(7) {
-  transform: rotate(180deg);
-  animation-delay: -0.5s;
-}
-.lds-spinner div:nth-child(8) {
-  transform: rotate(210deg);
-  animation-delay: -0.4s;
-}
-.lds-spinner div:nth-child(9) {
-  transform: rotate(240deg);
-  animation-delay: -0.3s;
-}
-.lds-spinner div:nth-child(10) {
-  transform: rotate(270deg);
-  animation-delay: -0.2s;
-}
-.lds-spinner div:nth-child(11) {
-  transform: rotate(300deg);
-  animation-delay: -0.1s;
-}
-.lds-spinner div:nth-child(12) {
-  transform: rotate(330deg);
-  animation-delay: 0s;
-}
-@keyframes lds-spinner {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-</style>

package/src/components/message/index.vue DELETED Viewed

@@ -1,70 +0,0 @@
-<script setup lang="ts">
-import XItem, { Type } from './item.vue'
-import { eventBus } from '../../utils/core'
-import { reactive, onMounted, onBeforeUnmount } from 'vue'
-interface Item {
-  id: number
-  type: Type
-  text: string
-  timeout: number
-}
-interface State {
-  items: Item[]
-}
-const state = reactive<State>({ items: [] })
-onMounted(() => {
-  eventBus.on('message', onMessage)
-})
-onBeforeUnmount(() => {
-  eventBus.off('message', onMessage)
-})
-const onMessage = (params: any) => {
-  addItem(params.type as Type, params.text, params.timeout)
-}
-const onItemTimeout = (id: number) => {
-  removeItem(id)
-}
-let seq = 0
-const addItem = (type: Type, text: string, timeout: number) => {
-  const id = seq++
-  state.items.push({ id, type, text, timeout })
-}
-const removeItem = (id: number) => {
-  const idx = state.items.findIndex(item => item.id === id)
-  if (idx >= 0) {
-    state.items.splice(idx, 1)
-  }
-}
-</script>
-<template>
-  <div @click.stop class="x-cont d-flex flex-column-reverse align-center">
-    <x-item
-      v-for="item in state.items"
-      @timeout="onItemTimeout"
-      :id="item.id"
-      :type="item.type"
-      :text="item.text"
-      :timeout="item.timeout"
-      :key="item.id"
-    />
-  </div>
-</template>
-<style lang="sass" scoped>
-.x-cont
-  position: absolute
-  left: 50%
-  bottom: 20px
-  transform: translateX(-50%)
-  z-index: 9999
-</style>

package/src/components/message/item.vue DELETED Viewed

@@ -1,75 +0,0 @@
-<script setup lang="ts">
-import { PropType } from 'vue'
-import { ref, computed, onMounted, watch } from 'vue'
-export type Type = 'error' | 'info' | 'success' | 'warning'
-const props = defineProps({
-  id: {
-    type: Number,
-    required: true
-  },
-  type: {
-    type: String as PropType<Type>,
-    required: true
-  },
-  text: {
-    type: String,
-    required: true
-  },
-  timeout: {
-    type: Number,
-    default: 5000
-  }
-})
-const open = ref(true)
-const emit = defineEmits(['timeout'])
-const icon = computed(() => {
-  let icon: string = ''
-  switch (props.type) {
-    case 'error':
-      icon = 'cancel'
-      break
-    case 'info':
-      icon = 'info'
-      break
-    case 'success':
-      icon = 'check-circle'
-      break
-    case 'warning':
-      icon = 'error'
-      break
-  }
-  return icon
-})
-onMounted(() => {
-  setTimeout(() => {
-    emit('timeout', props.id)
-  }, props.timeout)
-})
-watch(open, val => {
-  if (!val) {
-    emit('timeout', props.id)
-  }
-})
-</script>
-<template>
-  <v-alert
-    v-model="open"
-    class="mt-2"
-    :type="type as Type"
-    :icon="icon"
-    :text="text"
-    max-width="90%"
-    width="500px"
-    elevation="1"
-    density="compact"
-    closable
-  />
-</template>

package/src/components/promptDlg/index.vue DELETED Viewed

@@ -1,119 +0,0 @@
-<script setup lang="ts">
-import { eventBus, waitUtil } from '../../utils/core'
-import { useLocale } from 'vuetify/lib/framework.mjs'
-import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue'
-const locale = useLocale()
-interface ButtonOptions {
-  color?: string
-  text?: string
-}
-const open = defineModel<boolean>({ required: true })
-const title = ref('')
-const text = ref('')
-const label = ref<string>()
-const placeholder = ref<string>()
-const rules = ref<((val: string) => boolean | string)[]>()
-const value = ref('')
-const cancel = ref<ButtonOptions>()
-const confirm = ref<ButtonOptions>()
-const cancelColor = computed(() => {
-  return cancel.value?.color ?? 'primary'
-})
-const cancelText = computed(() => {
-  return cancel.value?.text ?? locale.t('cancel')
-})
-const confirmColor = computed(() => {
-  return confirm.value?.color ?? 'primary'
-})
-const confirmText = computed(() => {
-  return confirm.value?.text ?? locale.t('confirm')
-})
-const target = ref<any | undefined>()
-let seq = 0
-let handled = false
-const onOpen = async (params: any) => {
-  title.value = params.title
-  text.value = params.text
-  label.value = params.label
-  placeholder.value = params.placeholder
-  rules.value = params.rules
-  value.value = params.value
-  cancel.value = params.cancel
-  confirm.value = params.confirm
-  seq = params.seq
-  handled = false
-  open.value = true
-  await waitUtil(() => target.value !== undefined, 1000)
-  target.value?.focus()
-}
-onMounted(() => {
-  eventBus.on('promptDlg', onOpen)
-})
-onBeforeUnmount(() => {
-  eventBus.off('promptDlg', onOpen)
-})
-const onConfirm = () => {
-  open.value = false
-  if (!handled) {
-    eventBus.emit('promptDlgResult' + seq, value.value ?? '')
-    handled = true
-  }
-}
-watch(open, val => {
-  if (!val && !handled) {
-    eventBus.emit('promptDlgResult' + seq, undefined)
-    handled = true
-  }
-})
-</script>
-<template>
-  <v-dialog
-    v-model="open"
-    @keydown.esc.stop.prevent="open = false"
-    @keydown.enter.stop.prevent="onConfirm"
-    transition="dialog-top-transition"
-    max-width="600px"
-  >
-    <v-card>
-      <v-card-title>
-        {{ title }}
-      </v-card-title>
-      <v-card-text>
-        {{ text }}
-      </v-card-text>
-      <v-form class="mx-3">
-        <v-text-field
-          v-model="value"
-          :label="label"
-          :placeholder="placeholder"
-          :rules="rules"
-          ref="target"
-        />
-      </v-form>
-      <v-card-actions class="d-flex justify-end">
-        <v-btn @click="open = false" :color="cancelColor" :variant="'text'">
-          {{ cancelText }}
-        </v-btn>
-        <v-btn @click="onConfirm" :color="confirmColor" :variant="'text'">
-          {{ confirmText }}
-        </v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-dialog>
-</template>

package/src/components/waitDlg/index.vue DELETED Viewed

@@ -1,41 +0,0 @@
-<script setup lang="ts">
-import { eventBus } from '../../utils/core'
-import { useLocale } from 'vuetify/lib/framework.mjs'
-import { ref, onMounted, onBeforeUnmount } from 'vue'
-const locale = useLocale()
-const open = ref(false)
-const onOpen = () => {
-  open.value = true
-}
-const onClose = () => {
-  open.value = false
-}
-onMounted(() => {
-  eventBus.on('openWaitDlg', onOpen)
-  eventBus.on('closeWaitDlg', onClose)
-})
-onBeforeUnmount(() => {
-  eventBus.off('openWaitDlg', onOpen)
-  eventBus.off('closeWaitDlg', onClose)
-})
-</script>
-<template>
-  <v-dialog v-model:model-value="open" persistent no-click-animation fullscreen>
-    <div class="mx-auto my-auto">
-      <v-card width="300px" height="80px" loading>
-        <div class="d-flex align-center justify-center w-100 h-100">
-          <span>
-            {{ locale.t('waitingResponse') }}
-          </span>
-        </div>
-      </v-card>
-    </div>
-  </v-dialog>
-</template>

package/src/index.ts DELETED Viewed

@@ -1,38 +0,0 @@
-import XConfirmDlg from './components/confirmDlg/index.vue'
-import XLoading from './components/loading/index.vue'
-import XMessage from './components/message/index.vue'
-import XPromptDlg from './components/promptDlg/index.vue'
-import XWaitDlg from './components/waitDlg/index.vue'
-import { waitMs, waitUtil } from './utils/core'
-import {
-  openConfirmDlg,
-  openPromptDlg,
-  openWaitDlg,
-  closeWaitDlg
-} from './utils/dialog'
-import {
-  messageError,
-  messageInfo,
-  messageSuccess,
-  messageWarning
-} from './utils/message'
-import { appAppear } from './utils/misc'
-export {
-  XConfirmDlg,
-  XLoading,
-  XMessage,
-  XPromptDlg,
-  XWaitDlg,
-  waitMs,
-  waitUtil,
-  openConfirmDlg,
-  openPromptDlg,
-  openWaitDlg,
-  closeWaitDlg,
-  messageError,
-  messageInfo,
-  messageSuccess,
-  messageWarning,
-  appAppear
-}

package/src/main.ts DELETED Viewed

@@ -1,5 +0,0 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import vuetify from './plugins/vuetify'
-createApp(App).use(vuetify).mount('#app')

package/src/plugins/vuetify.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import 'vuetify/styles'
-import { createVuetify } from 'vuetify'
-export default createVuetify({})

package/src/utils/core.ts DELETED Viewed

@@ -1,31 +0,0 @@
-import mitt from 'mitt'
-export const eventBus = mitt()
-export async function waitMs(ms: number): Promise<void> {
-  return new Promise(resolve => {
-    setTimeout(resolve, ms)
-  })
-}
-export async function waitUtil(
-  conditionFunc: () => boolean,
-  timeout?: number,
-  interval?: number
-): Promise<boolean> {
-  const timestamp = Date.now()
-  return new Promise((resolve: any) => {
-    const check = async () => {
-      if (conditionFunc()) {
-        resolve(true)
-      } else {
-        if (timeout && Date.now() - timestamp > timeout) {
-          resolve(false)
-        } else {
-          setTimeout(check, interval ?? 30)
-        }
-      }
-    }
-    check()
-  })
-}

package/src/utils/dialog.ts DELETED Viewed

@@ -1,87 +0,0 @@
-import { eventBus, waitUtil } from './core'
-let lastTime: number = Date.now()
-function tryCooldown(): boolean {
-  const now = Date.now()
-  if (now - lastTime > 500) {
-    lastTime = now
-    return true
-  }
-  return false
-}
-let sequence: number = 0
-function getSequence(): number {
-  return ++sequence
-}
-interface ButtonOptions {
-  color?: string
-  text?: string
-}
-interface ConfirmParams {
-  title: string
-  text: string
-  cancel?: ButtonOptions
-  confirm?: ButtonOptions
-}
-export async function openConfirmDlg(
-  params: ConfirmParams
-): Promise<boolean | undefined> {
-  if (!tryCooldown()) {
-    return
-  }
-  let resp: boolean = false
-  let result: boolean | undefined
-  const onResult = (res: unknown) => {
-    result = res as boolean
-    resp = true
-  }
-  const seq = getSequence()
-  eventBus.on('confirmDlgResult' + seq, onResult)
-  eventBus.emit('confirmDlg', { ...params, seq })
-  await waitUtil(() => resp)
-  eventBus.off('confirmDlgResult' + seq, onResult)
-  return result
-}
-interface PromptParams {
-  title: string
-  text?: string
-  label?: string
-  placeholder?: string
-  rules?: ((val: string) => string | boolean)[]
-  value?: string
-  cancel?: ButtonOptions
-  confirm?: ButtonOptions
-}
-export async function openPromptDlg(params: PromptParams): Promise<any> {
-  if (!tryCooldown()) {
-    return
-  }
-  let resp: boolean = false
-  let result: any
-  const onResult = (res: any) => {
-    result = res
-    resp = true
-  }
-  const seq = getSequence()
-  eventBus.on('promptDlgResult' + seq, onResult)
-  eventBus.emit('promptDlg', { ...params, seq })
-  await waitUtil(() => resp)
-  eventBus.off('promptDlgResult' + seq, onResult)
-  return result
-}
-export function openWaitDlg() {
-  eventBus.emit('openWaitDlg')
-}
-export function closeWaitDlg() {
-  eventBus.emit('closeWaitDlg')
-}

package/src/utils/message.ts DELETED Viewed

@@ -1,17 +0,0 @@
-import { eventBus } from './core'
-export function messageError(text: string, timeout?: number) {
-  eventBus.emit('message', { type: 'error', text, timeout })
-}
-export function messageInfo(text: string, timeout?: number) {
-  eventBus.emit('message', { type: 'info', text, timeout })
-}
-export function messageSuccess(text: string, timeout?: number) {
-  eventBus.emit('message', { type: 'success', text, timeout })
-}
-export function messageWarning(text: string, timeout?: number) {
-  eventBus.emit('message', { type: 'warning', text, timeout })
-}

package/src/utils/misc.ts DELETED Viewed

@@ -1,23 +0,0 @@
-declare let window: any
-export function appAppear(name: string) {
-  // 忽略第一次动画
-  if (!window.appAppear) {
-    window.appAppear = true
-    return
-  }
-  const fullname = 'single-spa-application:' + name
-  const classList = document.getElementById(fullname)?.classList
-  if (!classList) {
-    return
-  }
-  classList.remove('app-left', 'app-right', 'app-reset')
-  if (window.routeExtras?.forward) {
-    classList.add('app-left')
-  } else {
-    classList.add('app-right')
-  }
-  setTimeout(() => {
-    classList.add('app-reset')
-  }, 0)
-}

package/src/vite-env.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- /// <reference types="vite/client" />

package/tsconfig.json DELETED Viewed

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-    /* Bundler mode */
-    "moduleResolution": "Node",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/tsconfig.node.json DELETED Viewed

@@ -1,9 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts DELETED Viewed

@@ -1,37 +0,0 @@
-import { defineConfig } from 'vite'
-import { fileURLToPath, URL } from 'node:url'
-import vue from '@vitejs/plugin-vue'
-import cssInjectedByJs from 'vite-plugin-css-injected-by-js'
-// https://vitejs.dev/config/
-export default () => {
-  return defineConfig({
-    plugins: [vue(), cssInjectedByJs()],
-    define: { 'process.env': {} },
-    resolve: {
-      alias: {
-        '@': fileURLToPath(new URL('./src', import.meta.url))
-      }
-    },
-    server: {
-      port: 3333
-    },
-    build: {
-      lib: {
-        entry: 'src/index.ts',
-        formats: ['es'],
-        fileName: 'index'
-      },
-      rollupOptions: {
-        external: ['vue', 'vuetify'],
-        output: {
-          globals: {
-            vue: 'Vue',
-            vuetify: 'Vuetify'
-          }
-        }
-      },
-      emptyOutDir: true
-    }
-  })
-}