@mythpe/quasar-ui-qui 0.0.98 → 0.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.0.98",
+  "version": "0.1.0",
   "description": "MyTh Quasar UI Kit App Extension",
   "author": {
     "name": "MyTh Ahmed Faiz",

package/src/components/form/MOptions.vue

@@ -76,7 +76,7 @@ defineModel<Props['modelValue']>({ required: !1, default: undefined })
 const loading = defineModel<Props['loading']>('loading', { required: !1, default: !1 })
 const options = defineModel<MOptionsOptionContext[]>('options', { required: !1, default: undefined })
 const helper = useBindInput<P>(() => props, 'options')
-const { getLabel, inputRules, getProp } = helper
+const { getLabel, inputRules, getProp, theme } = helper
 const inputScope = useField<Props['modelValue']>(() => props.name, inputRules, {
   syncVModel: !0,
   label: getLabel,
@@ -129,7 +129,7 @@ defineOptions({
     />
     <slot name="top-label">
       <MInputLabel
-        v-if="!!getLabel"
+        v-if="!!getLabel && (!viewMode || (theme.topLabel || getProp('topLabel')))"
         :field="scopes"
       >
         <MHelpRow
@@ -178,12 +178,14 @@ defineOptions({
       :hint="viewMode ? ( hint ? __(hint) : undefined ) : undefined"
       :keep-color="!!errorMessage ? !0 : getProp('keepColor')"
       :label="getLabel || undefined"
-      :model-value="value"
+      :model-value="viewMode ? (viewModeValue || value) : value"
       :options="options"
       :type="viewMode ? undefined : type"
       v-bind="{
         ...$attrs,
-        ...( viewMode ? { ...pluginProps.field, stackLabel: !0 } : pluginProps.options as any )
+        ...theme,
+        ...( viewMode ? { ...pluginProps.field } : pluginProps.options as any ),
+        stackLabel: !0
       }"
       v-on="listeners"
     >

package/src/composable/useMyth.ts

@@ -223,26 +223,18 @@ export const useMyth = () => {
    * Copy text
    * @param text
    */
-  const copyText = async (text: string | any) => copyToClipboard(text)
+  const copyText = async (text: string | any) => copyToClipboard(text).then(() => alertSuccess(__('messages.text_copied')))
 
-  const quasarNotifyOptions = (opts: QNotifyCreateOptions | string): QNotifyCreateOptions => {
-    return {
-      badgeColor: 'primary',
-      progress: !0,
-      ...pluginOptions.value.notify as any,
-      message: typeof opts === 'string' ? opts : opts.message,
-      ...(typeof opts !== 'string' ? opts : {})
-    }
-  }
-  const alertMessage = (opts: Vue3MAlertMessageOptions): Vue3MAlertMessage => {
-    return q.notify(quasarNotifyOptions(opts))
-  }
-  const alertSuccess = (message: string) => {
-    return alertMessage({ type: 'positive', message })
-  }
-  const alertError = (message: string) => {
-    return alertMessage({ type: 'negative', message })
-  }
+  const quasarNotifyOptions = (opts: QNotifyCreateOptions | string): QNotifyCreateOptions => ({
+    badgeColor: 'primary',
+    progress: !0,
+    ...pluginOptions.value.notify as any,
+    message: typeof opts === 'string' ? __(opts) : __(opts.message),
+    ...(typeof opts !== 'string' ? opts : {})
+  })
+  const alertMessage = (opts: Vue3MAlertMessageOptions): Vue3MAlertMessage => q.notify(quasarNotifyOptions(opts))
+  const alertSuccess = (message: string) => alertMessage({ type: 'positive', message })
+  const alertError = (message: string) => alertMessage({ type: 'negative', message })
   const confirmMessage = (message?: string, title?: string, opts?: Partial<QDialogOptions> & Partial<QDialogProps>): Vue3MConfirmMessage => {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore