@mythpe/quasar-ui-qui 0.0.26 → 0.0.27-dev

package/src/index.common.js

@@ -1 +1,19 @@
-export * from './vue-plugin'
+/*
+ * MyTh Ahmed Faiz Copyright © 2016-2024 All rights reserved.
+ * Email: mythpe@gmail.com
+ * Mobile: +966590470092
+ * Website: https://www.4myth.com
+ * Github: https://github.com/mythpe
+ */
+
+import * as composable from './composable'
+import * as utils from './utils'
+
+export default {
+  ...composable,
+  ...utils
+}
+
+export * from './components'
+export * from './composable'
+export * from './utils'

package/src/index.esm.js

@@ -1,4 +1,19 @@
-import * as VuePlugin from './vue-plugin'
+/*
+ * MyTh Ahmed Faiz Copyright © 2016-2024 All rights reserved.
+ * Email: mythpe@gmail.com
+ * Mobile: +966590470092
+ * Website: https://www.4myth.com
+ * Github: https://github.com/mythpe
+ */
 
-export * from './vue-plugin'
-export default VuePlugin
+import * as composable from './composable'
+import * as utils from './utils'
+
+export default {
+  ...composable,
+  ...utils
+}
+
+export * from './components'
+export * from './composable'
+export * from './utils'

package/src/index.js

@@ -0,0 +1,19 @@
+/*
+ * MyTh Ahmed Faiz Copyright © 2016-2024 All rights reserved.
+ * Email: mythpe@gmail.com
+ * Mobile: +966590470092
+ * Website: https://www.4myth.com
+ * Github: https://github.com/mythpe
+ */
+
+import * as composable from './composable'
+import * as utils from './utils'
+
+export default {
+  ...composable,
+  ...utils
+}
+
+export * from './components'
+export * from './composable'
+export * from './utils'

package/src/index.sass

@@ -1,27 +1,10 @@
-@import 'quasar/src/css/variables.sass'
-$m--container-padding: $space-base !default
-$m--container-fluid-width: 1440px !default
-$m--row-margin-top: $m--container-padding !default
-
-.flex-break
-  flex: 1 0 100% !important
-
-.row
-  .flex-break
-    height: 0 !important
-
-.column
-  .flex-break
-    width: 0 !important
+// MyTh Ahmed Faiz Copyright © 2016-2024 All rights reserved.
+// Email: mythpe@gmail.com
+// Mobile: +966590470092
+// Website: https://www.4myth.com
+// Github: https://github.com/mythpe
 
-.m--container
-  &__dense
-    padding: 0 !important
-
-  &__fluid
-    max-width: $m--container-fluid-width
-    margin-left: auto
-    margin-right: auto
-
-.m--row + .m--row
-  margin-top: $m--row-margin-top
+@import 'quasar/src/css/variables.sass'
+@import './style/main.sass'
+@import './style/m-container.sass'
+@import './style/print.sass'

package/src/index.ts

@@ -1,5 +1,19 @@
-export * from './vue-plugin'
-export * from './types'
+/*
+ * MyTh Ahmed Faiz Copyright © 2016-2024 All rights reserved.
+ * Email: mythpe@gmail.com
+ * Mobile: +966590470092
+ * Website: https://www.4myth.com
+ * Github: https://github.com/mythpe
+ */
 
-import * as VuePlugin from './vue-plugin'
-export default VuePlugin
+import * as composable from './composable'
+import * as utils from './utils'
+
+export default {
+  ...composable,
+  ...utils
+}
+
+export * from './components'
+export * from './composable'
+export * from './utils'

package/src/index.umd.js

@@ -1,2 +1,17 @@
-import * as VuePlugin from './vue-plugin'
-export default VuePlugin
+/*
+ * MyTh Ahmed Faiz Copyright © 2016-2024 All rights reserved.
+ * Email: mythpe@gmail.com
+ * Mobile: +966590470092
+ * Website: https://www.4myth.com
+ * Github: https://github.com/mythpe
+ */
+
+import * as components from './components'
+import * as composable from './composable'
+import * as utils from './utils'
+
+export default {
+  ...components,
+  ...composable,
+  ...utils
+}

package/src/style/m-container.sass

@@ -0,0 +1,13 @@
+@use "quasar/src/css/variables" as q
+
+$m--container-padding: q.$space-base !default
+$m--container-fluid-width: 1440px !default
+
+.m--container
+  &__dense
+    padding: 0
+
+  &__fluid
+    max-width: $m--container-fluid-width
+    margin-left: auto
+    margin-right: auto

package/src/style/main.sass

@@ -0,0 +1,146 @@
+@use 'sass:map'
+@use "quasar/src/css/variables" as q
+
+// Flex.
+.flex-break
+  flex: 1 0 100% !important
+  padding: 0 !important
+  margin: 0 !important
+
+.row
+  .flex-break
+    height: 0 !important
+
+.column
+  .flex-break
+    width: 0 !important
+
+$m--row-margin-top: 1rem !default
+
+.m--row + .m--row
+  margin-top: $m--row-margin-top
+
+
+// Directions.
+.ltr
+  direction: ltr #{"/* rtl:ignore */"}
+
+.rtl
+  direction: rtl #{"/* rtl:ignore */"}
+
+// Colors.
+$text-light-color: #111111 !default
+$text-dark-color: #ffffff !default
+
+.body--light
+  color: $text-light-color
+
+  .text-color
+    color: $text-light-color
+
+.body--dark
+  color: $text-dark-color
+
+  .text-color
+    color: $text-dark-color
+
+
+$text-decorations: ('none': none, 'overline': overline, 'underline': underline, 'line-through': line-through)
+@each $name, $value in $text-decorations
+  .text-decoration-#{$name}
+    text-decoration: map.get($text-decorations, $value) !important
+
+$text-wraps: ('wrap': wrap, 'nowrap': nowrap, 'balance': balance, 'pretty': pretty, 'stable': stable)
+@each $name, $value in $text-wraps
+  .text-wrap-#{$name}
+    text-wrap: map.get($text-wraps, $value) !important
+
+$breaks: ('inside', 'after', 'before')
+@each $break in $breaks
+  .break-#{$break}-avoid
+    page-break-#{$break}: avoid
+
+@each $break in $breaks
+  .break-#{$break}-always
+    page-break-#{$break}: always
+
+
+$maxes: ('width', 'height') !default
+@each $max in $maxes
+  .max-#{$max}
+    max-#{$max}: 100% !important
+
+$alignsX: ('top', 'bottom') !default
+$alignsY: ('left', 'right') !default
+$radius-class-name: 'border-rounded' !default
+$radius-value: q.$generic-border-radius !default
+$bordered-class-name: 'bordered' !default
+$bordered-size: 1px !default
+$bordered-style: $bordered-size solid q.$primary !default
+
+
+.#{$radius-class-name}
+  border-radius: $radius-value
+
+
+.#{$bordered-class-name}
+  border: $bordered-style
+
+
+@each $x in $alignsX
+  .bordered-#{$x}
+    border-#{$x}: $bordered-style
+
+  .#{$radius-class-name}-#{$x}
+    border-#{$x}-left-radius: $radius-value
+    border-#{$x}-right-radius: $radius-value
+
+
+  @each $y in $alignsY
+    .#{$radius-class-name}-#{$x}-#{$y}
+      border-#{$x}-#{$y}-radius: $radius-value
+
+
+    .#{$radius-class-name}-#{$y}
+      border-bottom-#{$y}-radius: $radius-value
+      border-top-#{$y}-radius: $radius-value
+
+
+    .bordered-#{$y}
+      border-#{$y}: $bordered-style
+
+.pre-text
+  white-space-collapse: preserve-breaks
+  white-space: pre-line
+
+
+pre
+  max-width: 100%
+
+[data-input-name].m--input__error
+  > .q-field
+    &:not(.q-field--disabled)
+      .q-field__label::after
+        color: q.$negative
+
+  .m--input__top-label__content
+    color: q.$negative
+
+[data-input-name].m--input__required
+  &:not(.m--input__is-top-label)
+    > .q-field
+      &:not(.q-field--disabled)
+        .q-field__label::after
+          content: ' *'
+
+  .m--input__top-label__content::after
+    content: ' *'
+
+.m--input__color-preview
+  border: 1px solid q.$primary
+  border-radius: $radius-value
+
+
+.m--confirm.actions-between
+  .q-card__actions
+    justify-content: space-between !important

package/src/style/print.sass

@@ -0,0 +1,14 @@
+@media print
+  .q-notifications
+    display: none !important
+
+  .print-shadow-none
+    box-shadow: none !important
+    border: 0 !important
+
+  .print-no-padding
+    padding: 0 !important
+
+  .print-no-margin
+    margin: 0 !important
+

package/src/style/transition.sass

@@ -0,0 +1,40 @@
+.myth-transition__fade-enter-from,
+.myth-transition__fade-leave-to
+  opacity: 0
+  transform: translateY(-20px)
+
+
+.myth-transition__fade-enter-active,
+.myth-transition__fade-leave-active
+  transition: all .3s ease
+
+
+.myth-transition__fade-x-enter-from,
+.myth-transition__fade-x-leave-to
+  opacity: 0
+  transform: translateX(-20px)
+
+
+.myth-transition__fade-x-enter-active
+  transition: all .3s ease
+
+
+.myth-transition__fade-x-leave-active
+  transition: all .1s ease
+
+
+.m__transition__fade-move,
+.m__transition__fade-enter-active,
+.m__transition__fade-leave-active
+  transition: all 0.5s ease
+
+
+.m__transition__fade-enter-from,
+.m__transition__fade-leave-to
+  opacity: 0
+  transform: translateX(30px)
+
+
+.m__transition__fade-leave-active
+  position: absolute
+

package/src/types/api-helpers.d.ts

@@ -0,0 +1,62 @@
+/*
+ * MyTh Ahmed Faiz Copyright © 2016-2024 All rights reserved.
+ * Email: mythpe@gmail.com
+ * Mobile: +966590470092
+ * Website: https://www.4myth.com
+ * Github: https://github.com/mythpe
+ */
+
+/*
+ * MyTh Ahmed Faiz Copyright © 2016-2024 All rights reserved.
+ * Email: mythpe@gmail.com
+ * Mobile: +966590470092
+ * Website: https://www.4myth.com
+ * Github: https://github.com/mythpe
+ */
+
+import type { AxiosRequestConfig } from 'axios'
+import type { ApiInterface, Generic } from './m-helpers'
+import type { ApiServiceParams } from './m-datatable'
+
+export type UrlType = string | number | any;
+export type ParamsType = Record<string, any> | FormData | object
+export type ConfigType = AxiosRequestConfig<ApiInterface> & Partial<{
+  params: Partial<ApiServiceParams> & Generic
+}>
+export type HelpersStubSchema = {
+  index (config?: ConfigType): Promise<ApiInterface>;
+
+  staticIndex (config?: ConfigType): Promise<ApiInterface>;
+
+  export (data?: ParamsType, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  store (data?: ParamsType, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  show (id: UrlType, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  staticShow (id: UrlType, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  update (id: UrlType, data?: ParamsType, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  destroy (id: UrlType, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  destroyAll (ids?: UrlType[], config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  getUploadAttachmentsUrl (id: UrlType): string;
+
+  uploadAttachments (id: UrlType, data: Generic, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  deleteAttachment (id: UrlType, fileId: string | number, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  updateAttachment (id: UrlType, fileId: string | number, data: Record<string, any>, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+} | (HelpersStubSchema & Record<string, HelpersStubSchema | ((...args: any) => Promise<ApiInterface>)>)
+export type StubSchemaContext = HelpersStubSchema
+  & Record<string, ((...args: any) => Promise<ApiInterface>)>
+  & Record<string, Record<string, ((...args: any) => Promise<ApiInterface>)>>
+  & Record<string, Record<string, Record<string, ((...args: any) => Promise<ApiInterface>)>>>
+export type StubSchema = StubSchemaContext
+  & ((...args: any) => Promise<ApiInterface>)
+  & string
+  & Record<string, StubSchemaContext>
+export type MythApiServicesSchema = { [key: string | symbol | number]: StubSchema }