@duxweb/dvha-core 0.0.2

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @duxweb/dvha-core
+
+## 0.0.2
+
+### Patch Changes
+
+- init

package/LICENSE

@@ -0,0 +1,165 @@
+                   GNU LESSER GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+
+  This version of the GNU Lesser General Public License incorporates
+the terms and conditions of version 3 of the GNU General Public
+License, supplemented by the additional permissions listed below.
+
+  0. Additional Definitions.
+
+  As used herein, "this License" refers to version 3 of the GNU Lesser
+General Public License, and the "GNU GPL" refers to version 3 of the GNU
+General Public License.
+
+  "The Library" refers to a covered work governed by this License,
+other than an Application or a Combined Work as defined below.
+
+  An "Application" is any work that makes use of an interface provided
+by the Library, but which is not otherwise based on the Library.
+Defining a subclass of a class defined by the Library is deemed a mode
+of using an interface provided by the Library.
+
+  A "Combined Work" is a work produced by combining or linking an
+Application with the Library.  The particular version of the Library
+with which the Combined Work was made is also called the "Linked
+Version".
+
+  The "Minimal Corresponding Source" for a Combined Work means the
+Corresponding Source for the Combined Work, excluding any source code
+for portions of the Combined Work that, considered in isolation, are
+based on the Application, and not on the Linked Version.
+
+  The "Corresponding Application Code" for a Combined Work means the
+object code and/or source code for the Application, including any data
+and utility programs needed for reproducing the Combined Work from the
+Application, but excluding the System Libraries of the Combined Work.
+
+  1. Exception to Section 3 of the GNU GPL.
+
+  You may convey a covered work under sections 3 and 4 of this License
+without being bound by section 3 of the GNU GPL.
+
+  2. Conveying Modified Versions.
+
+  If you modify a copy of the Library, and, in your modifications, a
+facility refers to a function or data to be supplied by an Application
+that uses the facility (other than as an argument passed when the
+facility is invoked), then you may convey a copy of the modified
+version:
+
+   a) under this License, provided that you make a good faith effort to
+   ensure that, in the event an Application does not supply the
+   function or data, the facility still operates, and performs
+   whatever part of its purpose remains meaningful, or
+
+   b) under the GNU GPL, with none of the additional permissions of
+   this License applicable to that copy.
+
+  3. Object Code Incorporating Material from Library Header Files.
+
+  The object code form of an Application may incorporate material from
+a header file that is part of the Library.  You may convey such object
+code under terms of your choice, provided that, if the incorporated
+material is not limited to numerical parameters, data structure
+layouts and accessors, or small macros, inline functions and templates
+(ten or fewer lines in length), you do both of the following:
+
+   a) Give prominent notice with each copy of the object code that the
+   Library is used in it and that the Library and its use are
+   covered by this License.
+
+   b) Accompany the object code with a copy of the GNU GPL and this license
+   document.
+
+  4. Combined Works.
+
+  You may convey a Combined Work under terms of your choice that,
+taken together, effectively do not restrict modification of the
+portions of the Library contained in the Combined Work and reverse
+engineering for debugging such modifications, if you also do each of
+the following:
+
+   a) Give prominent notice with each copy of the Combined Work that
+   the Library is used in it and that the Library and its use are
+   covered by this License.
+
+   b) Accompany the Combined Work with a copy of the GNU GPL and this license
+   document.
+
+   c) For a Combined Work that displays copyright notices during
+   execution, include the copyright notice for the Library among
+   these notices, as well as a reference directing the user to the
+   copies of the GNU GPL and this license document.
+
+   d) Do one of the following:
+
+       0) Convey the Minimal Corresponding Source under the terms of this
+       License, and the Corresponding Application Code in a form
+       suitable for, and under terms that permit, the user to
+       recombine or relink the Application with a modified version of
+       the Linked Version to produce a modified Combined Work, in the
+       manner specified by section 6 of the GNU GPL for conveying
+       Corresponding Source.
+
+       1) Use a suitable shared library mechanism for linking with the
+       Library.  A suitable mechanism is one that (a) uses at run time
+       a copy of the Library already present on the user's computer
+       system, and (b) will operate properly with a modified version
+       of the Library that is interface-compatible with the Linked
+       Version.
+
+   e) Provide Installation Information, but only if you would otherwise
+   be required to provide such information under section 6 of the
+   GNU GPL, and only to the extent that such information is
+   necessary to install and execute a modified version of the
+   Combined Work produced by recombining or relinking the
+   Application with a modified version of the Linked Version. (If
+   you use option 4d0, the Installation Information must accompany
+   the Minimal Corresponding Source and Corresponding Application
+   Code. If you use option 4d1, you must provide the Installation
+   Information in the manner specified by section 6 of the GNU GPL
+   for conveying Corresponding Source.)
+
+  5. Combined Libraries.
+
+  You may place library facilities that are a work based on the
+Library side by side in a single library together with other library
+facilities that are not Applications and are not covered by this
+License, and convey such a combined library under terms of your
+choice, if you do both of the following:
+
+   a) Accompany the combined library with a copy of the same work based
+   on the Library, uncombined with any other library facilities,
+   conveyed under the terms of this License.
+
+   b) Give prominent notice with the combined library that part of it
+   is a work based on the Library, and explaining where to find the
+   accompanying uncombined form of the same work.
+
+  6. Revised Versions of the GNU Lesser General Public License.
+
+  The Free Software Foundation may publish revised and/or new versions
+of the GNU Lesser General Public License from time to time. Such new
+versions will be similar in spirit to the present version, but may
+differ in detail to address new problems or concerns.
+
+  Each version is given a distinguishing version number. If the
+Library as you received it specifies that a certain numbered version
+of the GNU Lesser General Public License "or any later version"
+applies to it, you have the option of following the terms and
+conditions either of that published version or of any later version
+published by the Free Software Foundation. If the Library as you
+received it does not specify a version number of the GNU Lesser
+General Public License, you may choose any version of the GNU Lesser
+General Public License ever published by the Free Software Foundation.
+
+  If the Library as you received it specifies that a proxy can decide
+whether future versions of the GNU Lesser General Public License shall
+apply, that proxy's public statement of acceptance of any version is
+permanent authorization for you to choose that version for the
+Library.

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@duxweb/dvha-core",
+  "type": "module",
+  "version": "0.0.2",
+  "author": "DuxWeb",
+  "license": "LGPL-3.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/duxweb/dux-vue.git"
+  },
+  "main": "src/index.ts",
+  "dependencies": {
+    "@overlastic/vue": "^0.8.1",
+    "@tanstack/react-query": "^5.76.1",
+    "@vueuse/core": "^13.2.0",
+    "@vueuse/integrations": "^13.2.0",
+    "axios": "^1.9.0",
+    "lodash-es": "^4.17.21",
+    "pinia": "^3.0.2",
+    "pinia-plugin-persistedstate": "^4.3.0",
+    "vue": "^3.5.14",
+    "vue-router": "4"
+  },
+  "devDependencies": {
+    "clsx": "^2.1.1"
+  }
+}

package/src/components/common/index.ts

@@ -0,0 +1 @@
+export * from './logo'

package/src/components/common/logo.tsx

@@ -0,0 +1,62 @@
+import clsx from 'clsx'
+import { defineComponent } from 'vue'
+
+export const DuxLogo = defineComponent({
+  name: 'DuxLogo',
+  props: {
+    dark: { type: Boolean, default: false },
+    highlight: { type: String, default: 'fill-primary' },
+  },
+  setup(props) {
+    return () => (
+      <svg
+        class="w-auto h-full"
+        viewBox="0 0 400.893 121.787"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g
+          transform="translate(-6545.000000, -3038.106602) translate(6345.000000, 2899.000000) translate(200.000000, 132.393398)"
+          fill-rule="nonzero"
+          stroke="none"
+          stroke-width="1"
+          fill="none"
+        >
+          <path
+            d="M0 62.607v50c0 8.284 6.716 15 15 15s15-6.716 15-15v-50c0-8.285-6.716-15-15-15s-15 6.715-15 15z"
+            class={clsx([
+              props.dark ? 'fill-white/90' : 'fill-black dark:fill-white/90',
+            ])}
+          />
+          <path
+            d="M60 7.607c33.137 0 60 26.863 60 60s-26.863 60-60 60h-5c-8.284 0-15-6.716-15-15 0-8.285 6.716-15 15-15h5c16.57 0 30-13.432 30-30 0-16.57-13.43-30-30-30H15c-8.284 0-15-6.716-15-15 0-8.285 6.716-15 15-15h45z"
+            class={clsx([
+              props.dark ? 'fill-white/90' : 'fill-black dark:fill-white/90',
+            ])}
+          />
+          <path
+            d="M201 7.607c33.137 0 60 26.863 60 60s-26.863 60-60 60h-46c-8.284 0-15-6.716-15-15 0-8.285 6.716-15 15-15h46c16.57 0 30-13.432 30-30 0-16.57-13.43-30-30-30h-45.5c-8.284 0-15-6.716-15-15 0-8.285 6.716-15 15-15H201z"
+            class={clsx([
+              props.dark ? 'fill-white/90' : 'fill-black dark:fill-white/90',
+            ])}
+            transform="translate(200.500000, 67.606602) rotate(90.000000) translate(-200.500000, -67.606602) "
+          />
+          <g transform="translate(279.106602, 6.713203)">
+            <path
+              d="M25.607 4.393 52.893 31.68c5.858 5.858 5.858 15.356 0 21.213-5.857 5.858-15.355 5.858-21.213 0L4.393 25.607c-5.857-5.858-5.857-15.356 0-21.214 5.858-5.857 15.356-5.857 21.214 0zm91.786 0c5.858 5.858 5.858 15.356 0 21.214L90.107 52.893c-5.858 5.858-15.356 5.858-21.214 0-5.857-5.857-5.857-15.355 0-21.213L96.18 4.393c5.858-5.857 15.356-5.857 21.213 0zm-64.5 64.5c5.858 5.858 5.858 15.356 0 21.214l-27.286 27.286c-5.858 5.858-15.356 5.858-21.214 0-5.857-5.857-5.857-15.355 0-21.213L31.68 68.893c5.858-5.857 15.356-5.857 21.213 0z"
+              class={clsx([
+                props.dark ? 'fill-white/90' : 'fill-black dark:fill-white/90',
+              ])}
+            />
+            <path
+              d="m90.107 68.893 27.286 27.287c5.858 5.858 5.858 15.356 0 21.213-5.857 5.858-15.355 5.858-21.213 0L68.893 90.107c-5.857-5.858-5.857-15.356 0-21.214 5.858-5.857 15.356-5.857 21.214 0z"
+              class={clsx([
+                props.highlight,
+              ])}
+            />
+          </g>
+        </g>
+      </svg>
+    )
+  },
+})

package/src/components/index.ts

@@ -0,0 +1,3 @@
+export * from './common'
+export * from './loader'
+export * from './overlay'

package/src/components/loader/iframe.tsx

@@ -0,0 +1,12 @@
+import { defineComponent } from 'vue'
+import { useRoute } from 'vue-router'
+
+export default defineComponent({
+  name: 'DuxIframe',
+  setup(_props) {
+    const route = useRoute()
+    return () => (
+      <iframe src={route.meta?.src as string} class="h-full w-full"></iframe>
+    )
+  },
+})

package/src/components/loader/index.ts

@@ -0,0 +1 @@
+export * from './iframe'

package/src/components/overlay/index.ts

@@ -0,0 +1 @@
+export * from './overlay'

package/src/components/overlay/overlay.tsx

@@ -0,0 +1,84 @@
+import { useExtendOverlay } from '@overlastic/vue'
+import { defineAsyncComponent, defineComponent, Transition } from 'vue'
+
+export const DuxOverlay = defineComponent({
+  name: 'DuxOverlay',
+  props: {
+    component: Function,
+    componentProps: Object,
+    mask: {
+      type: Boolean,
+      default: true,
+    },
+    maskClosable: {
+      type: Boolean,
+      default: true,
+    },
+    duration: {
+      type: Number,
+      default: 300,
+    },
+    zIndex: {
+      type: Number,
+      default: 1000,
+    },
+  },
+  setup(props) {
+    const { visible, resolve, reject } = useExtendOverlay({
+      duration: props.duration,
+    })
+
+    const params = props?.componentProps || {}
+    params.onConfirm = resolve
+    params.onClose = reject
+
+    const Modal = defineAsyncComponent(props.component as () => Promise<any>)
+
+    const handleMaskClick = () => {
+      if (props.maskClosable) {
+        reject()
+      }
+    }
+    return () => (
+      <div
+        class='fixed inset-0 flex items-center justify-center overflow-auto'
+        style={{
+          zIndex: props.zIndex,
+        }}
+      >
+        <Transition
+          enterActiveClass="transition-opacity"
+          enterFromClass="opacity-0"
+          enterToClass="opacity-100"
+          leaveActiveClass="transition-opacity"
+          leaveFromClass="opacity-100"
+          leaveToClass="opacity-0"
+        >
+          {visible.value && props.mask && (
+            <div
+              class="fixed inset-0 bg-black bg-opacity-30"
+              style={{
+                transitionDuration: `${props.duration}ms`,
+              }}
+              onClick={handleMaskClick}
+              aria-hidden="true"
+            ></div>
+          )}
+        </Transition>
+
+        <Transition
+          enterActiveClass="transition-all"
+          enterFromClass="opacity-0 scale-95"
+          enterToClass="opacity-100 scale-100"
+          leaveActiveClass="transition-all"
+          leaveFromClass="opacity-100 scale-100"
+          leaveToClass="opacity-0 scale-95"
+        >
+          {visible.value && (
+            <Modal {...params} />
+          )}
+        </Transition>
+      </div>
+    )
+  },
+})

package/src/hooks/auth.ts

@@ -0,0 +1,261 @@
+import type { IAuthActionResponse, IAuthCheckResponse, IAuthErrorResponse, IAuthLoginResponse, IAuthLogoutResponse } from '../types'
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { useAuthStore } from '../stores/auth'
+import { useManage } from './manage'
+
+/**
+ * Auth login params
+ */
+export interface IAuthLoginParams {
+  onSuccess?: (data?: IAuthLoginResponse) => void
+  onError?: (error?: IAuthLoginResponse) => void
+}
+
+/**
+ * Auth logout params
+ */
+export interface IAuthLogoutParams {
+  onSuccess?: (data?: IAuthLogoutResponse) => void
+  onError?: (error?: IAuthLogoutResponse) => void
+}
+
+/**
+ * Auth check params
+ */
+export interface IAuthCheckParams {
+  onSuccess?: (data?: IAuthCheckResponse) => void
+  onError?: (error?: IAuthCheckResponse) => void
+}
+
+/**
+ * Auth action params
+ */
+export interface IAuthActionParams {
+  onSuccess?: (data?: IAuthActionResponse) => void
+  onError?: (error?: IAuthActionResponse) => void
+}
+
+/**
+ * Login
+ * login to manage
+ * @param onSuccess Login success callback
+ * @param onError Login error callback
+ * @returns Login method
+ */
+export function useLogin({ onSuccess, onError }: IAuthLoginParams) {
+  const manage = useManage()
+  const authStore = useAuthStore()
+  const router = useRouter()
+  const loading = ref(false)
+
+  const mutate = async (data: Record<string, any>) => {
+    loading.value = true
+    const result = await manage.config.authProvider?.login(data, manage)
+    loading.value = false
+    if (result?.success) {
+      if (!result?.data) {
+        throw new Error('Login response data is undefined')
+      }
+      onSuccess?.(result)
+      authStore.login(manage.config.name, result.data)
+      router.push(manage.getRoutePath(result.redirectTo || '/'))
+      return
+    }
+    onError?.(result)
+  }
+
+  return {
+    mutate,
+    isLoading: loading,
+  }
+}
+
+/**
+ * Logout
+ * logout from manage
+ * @param onSuccess Logout success callback
+ * @param onError Logout error callback
+ * @returns Logout method
+ */
+export function useLogout({ onSuccess, onError }: IAuthLogoutParams) {
+  const { config: manage, getRoutePath } = useManage()
+  const authStore = useAuthStore()
+  const router = useRouter()
+
+  const mutate = async (params?: any) => {
+    const result = await manage.authProvider?.logout(params)
+    if (result?.success) {
+      onSuccess?.(result)
+      authStore.logout(manage.name)
+      router.push(getRoutePath(result.redirectTo || '/login'))
+      return
+    }
+    onError?.(result)
+  }
+
+  return {
+    mutate,
+  }
+}
+
+/**
+ * Check
+ * check auth
+ * @param onSuccess Check success callback
+ * @param onError Check error callback
+ * @returns Check method
+ */
+export function useCheck({ onSuccess, onError }: IAuthCheckParams) {
+  const { config: manage, getRoutePath } = useManage()
+  const authStore = useAuthStore()
+  const router = useRouter()
+
+  const mutate = async (params?: any) => {
+    const result = await manage.authProvider?.check(params)
+    if (result?.success) {
+      onSuccess?.(result)
+      if (!result?.data) {
+        throw new Error('Check response data is undefined')
+      }
+      authStore.update(manage.name, result.data)
+      return
+    }
+    onError?.(result)
+    if (result?.logout) {
+      router.push(getRoutePath(result.redirectTo || '/login'))
+    }
+  }
+
+  return {
+    mutate,
+  }
+}
+
+/**
+ * Register
+ * register to manage
+ * @param onSuccess Register success callback
+ * @param onError Register error callback
+ * @returns Register method
+ */
+export function useRegister({ onSuccess, onError }: IAuthLoginParams) {
+  const { config: manage, getRoutePath } = useManage()
+  const authStore = useAuthStore()
+  const router = useRouter()
+  const mutate = async (data: Record<string, any>) => {
+    const result = await manage.authProvider?.register(data)
+    if (result?.success) {
+      onSuccess?.(result)
+      if (!result?.data) {
+        throw new Error('Register response data is undefined')
+      }
+      authStore.login(manage.name, result.data)
+      router.push(getRoutePath(result.redirectTo || ''))
+      return
+    }
+    onError?.(result)
+  }
+  return {
+    mutate,
+  }
+}
+
+/**
+ * Forgot password
+ * @param onSuccess Forgot password success callback
+ * @param onError Forgot password error callback
+ * @returns Forgot password method
+ */
+export function useForgotPassword({ onSuccess, onError }: IAuthActionParams) {
+  const { config: manage, getRoutePath } = useManage()
+  const router = useRouter()
+
+  const mutate = async (params?: any) => {
+    const result = await manage.authProvider?.forgotPassword(params)
+    if (result?.success) {
+      onSuccess?.(result)
+      if (result.redirectTo) {
+        router.push(getRoutePath(result.redirectTo))
+      }
+      return
+    }
+    onError?.(result)
+  }
+
+  return {
+    mutate,
+  }
+}
+
+/**
+ * Update password
+ * @param onSuccess Update password success callback
+ * @param onError Update password error callback
+ * @returns Update password method
+ */
+export function useUpdatePassword({ onSuccess, onError }: IAuthActionParams) {
+  const { config: manage, getRoutePath } = useManage()
+  const router = useRouter()
+
+  const mutate = async (params?: any) => {
+    const result = await manage.authProvider?.updatePassword(params)
+    if (result?.success) {
+      onSuccess?.(result)
+      if (result.redirectTo) {
+        router.push(getRoutePath(result.redirectTo))
+      }
+      return
+    }
+    onError?.(result)
+  }
+
+  return {
+    mutate,
+  }
+}
+
+/**
+ * Error
+ * handle auth error
+ * @param onCallback Error callback
+ * @returns Error method
+ */
+export function useError(onCallback?: (data?: IAuthErrorResponse) => void) {
+  const { config: manage, getRoutePath } = useManage()
+  const router = useRouter()
+
+  const mutate = async (error: any) => {
+    const result = await manage.authProvider?.onError(error)
+    onCallback?.(result)
+    if (result?.logout) {
+      router.push(getRoutePath(result.redirectTo || '/login'))
+    }
+  }
+  return {
+    mutate,
+  }
+}
+
+/**
+ * Get auth
+ * get auth info
+ * @returns Auth info
+ */
+export function useGetAuth(manageName?: string) {
+  const { config: manage } = useManage(manageName)
+  const authStore = useAuthStore()
+  const user = authStore.getUser(manage.name)
+  return user
+}
+
+/**
+ * Is login
+ * check if user is login
+ * @returns Is login
+ */
+export function useIsLogin(manageName?: string) {
+  const { config: manage } = useManage(manageName)
+  const authStore = useAuthStore()
+  return authStore.isLogin(manage.name)
+}

package/src/hooks/config.ts

@@ -0,0 +1,16 @@
+import type { IConfig } from '../types'
+import { inject } from 'vue'
+
+/**
+ * Config
+ * get global config
+ * @returns Config
+ */
+export function useConfig(): IConfig {
+  const config = inject<IConfig>('dux.config')
+  if (!config) {
+    throw new Error('config is not defined')
+  }
+
+  return config
+}