@simsustech/quasar-components 0.11.9 → 0.11.10

package/src/ui/general/ResourcePage.vue

@@ -18,7 +18,7 @@
             round
             size="lg"
             dense
-            icon="add"
+            :icon="icons.add"
             class="q-mr-sm bg-primary text-white"
             @click="create"
           />
@@ -30,7 +30,7 @@
             round
             size="lg"
             dense
-            icon="edit"
+            :icon="icons.edit"
             class="q-mr-sm bg-primary text-white"
             @click="update"
           />
@@ -44,7 +44,7 @@
             v-if="type === 'create'"
             :disable="disabled"
             :label="lang.add"
-            icon="add"
+            :icon="icons.add"
             outline
             @click="create"
           />
@@ -52,7 +52,7 @@
             v-else-if="type === 'update'"
             :disable="disabled"
             :label="lang.edit"
-            icon="edit"
+            :icon="icons.edit"
             outline
             @click="update"
           />
@@ -80,12 +80,20 @@ export interface Props {
   disabled?: boolean
   topBarFab?: boolean
   topBarShrink?: boolean
+  icons?: {
+    add: string
+    edit: string
+  }
 }
 const props = withDefaults(defineProps<Props>(), {
   type: undefined,
   disabled: false,
   topBarFab: false,
-  topBarShrink: true
+  topBarShrink: true,
+  icons: () => ({
+    add: 'add',
+    edit: 'edit'
+  })
 })
 
 const emit = defineEmits<{

package/src/ui/general/ResponsiveDialog.vue

@@ -8,7 +8,7 @@
     >
       <q-header class="bg-primary">
         <q-toolbar>
-          <q-btn :icon="closeIcon" flat round dense @click="close" />
+          <q-btn :icon="icons.close" flat round dense @click="close" />
           <q-toolbar-title>
             <slot name="title" />
           </q-toolbar-title>
@@ -45,10 +45,17 @@ import QSubmitButton from './QSubmitButton.vue'
 export interface Props {
   display?: boolean
   buttonType?: 'submit' | 'send'
-  closeIcon?: string
   padding?: boolean
+  icons?: {
+    close: string
+  }
 }
-withDefaults(defineProps<Props>(), { buttonType: 'submit', closeIcon: 'close' })
+withDefaults(defineProps<Props>(), {
+  buttonType: 'submit',
+  icons: () => ({
+    close: 'close'
+  })
+})
 // const attrs = useAttrs();
 const emit = defineEmits<{
   (

package/src/ui/general/index.ts

@@ -3,5 +3,6 @@ export { default as QStyledCard } from './QStyledCard.vue'
 export { default as ResponsiveDialog } from './ResponsiveDialog.vue'
 export { default as ResourcePage } from './ResourcePage.vue'
 export { default as QLanguageSelect } from './QLanguageSelect.vue'
+export { default as QLanguageSelectBtn } from './QLanguageSelectBtn.vue'
 export { default as QDrawerList } from './QDrawerList.vue'
 export { useLang, loadLang } from './lang/index.js'

package/vite.config.ts

@@ -3,76 +3,6 @@ import vue from '@vitejs/plugin-vue'
 import Components from 'unplugin-vue-components/vite'
 import { QuasarResolver } from 'unplugin-vue-components/resolvers'
 import { FlagIcon, Icon } from './src/virtualModules.js'
-// export const FlagIcon = (locale) => `
-//   import { computed, ref, watch, h } from 'vue'
-//   import { QuasarLanguageCodes, useQuasar, QIcon } from 'quasar'
-//   import { useLang, loadLang } from '${
-//     new URL(`./src/ui/flags/lang`, import.meta.url).pathname
-//   }'
-//   import icon from '${
-//     new URL(`./src/ui/flags/assets/${locale}.svg`, import.meta.url).pathname
-//   }'
-//   export default {
-//   setup(props, context) {
-//     const $q = useQuasar()
-//     const lang = useLang()
-//     if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
-//     watch($q.lang, (val) => {
-//       loadLang($q.lang.isoName)
-//     })
-
-//     const country = computed(
-//       () => lang.value.countries['${locale}']
-//     )
-//     // @ts-ignore
-//     const language = computed(() => lang.value.languages['${locale}'])
-//     const variables = ref({
-//       country,
-//       language
-//       // header: lang.value.some.nested.prop
-//     })
-//     const functions = ref({
-//       // submit
-//     })
-
-//     context.expose({
-//       variables,
-//       functions
-//     })
-
-//     // return the render function
-//     return () => h(QIcon, { name: \`img:\${icon}\` })
-//   }}
-// `
-
-// export const Icon = (icon) => `
-//   import { computed, ref, watch, h } from 'vue'
-//   import { QuasarLanguageCodes, useQuasar, QIcon } from 'quasar'
-//   import icon from '${
-//     new URL(`./src/ui/icons/assets/${icon}.svg`, import.meta.url).pathname
-//   }'
-//   import icons from '${
-//     new URL(`./src/ui/icons/icons.ts`, import.meta.url).pathname
-//   }'
-//   export default {
-//   setup(props, context) {
-//     const $q = useQuasar()
-
-//     const variables = ref(icons['${icon}'])
-
-//     const functions = ref({
-//       // submit
-//     })
-
-//     context.expose({
-//       variables,
-//       functions
-//     })
-
-//     // return the render function
-//     return () => h(QIcon, { name: \`img:\${icon}\` })
-//   }}
-// `
 
 export const moduleTransformPlugin: Plugin = {
   name: 'module-tranform-plugin',