@mythpe/quasar-ui-qui 0.0.33 → 0.0.35

package/index.d.ts

@@ -0,0 +1,17 @@
+/*
+ * 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 './src/types'
+
+export * from './src/components'
+export * from './src/composable'
+export * from './src/utils'
+
+import * as Plugin from './src/utils/vue-plugin'
+
+export default Plugin

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.0.33",
+  "version": "0.0.35",
   "description": "MyTh Quasar UI Kit App Extension",
   "author": {
     "name": "MyTh Ahmed Faiz",
@@ -31,7 +31,10 @@
     "@vee-validate/i18n": "^4.14.0",
     "@vee-validate/rules": "^4.14.0",
     "axios": "^1.7.8",
+    "ckeditor": "^4.12.1",
     "ckeditor5": "^43.3.1",
+    "color-name": "^2.0.0",
+    "color-parse": "^2.0.2",
     "lodash": "^4.17.0",
     "lodash-inflection": "^1.5.0",
     "typed.js": "^2.1.0",
@@ -39,7 +42,7 @@
     "vue-i18n": "^10.0.0"
   },
   "devDependencies": {
-    "color-name": "^2.0.0",
+    "@ckeditor/ckeditor5-vue": "^7.3.0",
     "@quasar/app-webpack": "^3.13.0",
     "@quasar/extras": "^1.16.4",
     "@rollup/plugin-buble": "^0.21.3",
@@ -53,6 +56,7 @@
     "@typescript-eslint/parser": "^7.16.0",
     "autoprefixer": "^10.0.2",
     "chalk": "^4.1.0",
+    "color-name": "^2.0.0",
     "core-js": "^3.0.0",
     "cssnano": "^7.0.6",
     "eslint": "^8.57.0",
@@ -62,6 +66,8 @@
     "eslint-plugin-promise": "^6.0.0",
     "eslint-plugin-vue": "^9.0.0",
     "fs-extra": "^8.1.0",
+    "lodash": "^4.17.0",
+    "lodash-inflection": "^1.5.0",
     "open": "^7.3.0",
     "postcss": "^8.1.9",
     "quasar": "^2.16.0",

package/src/composable/useBindInput.ts

@@ -1,8 +1,7 @@
 import type { MaybeRefOrGetter } from 'vue'
-import { computed, ref, toValue } from 'vue'
+import { computed, ref, toValue, useAttrs } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useMyth } from './useMyth'
-import { useSplitAttrs } from 'quasar'
 import { myth } from '../utils'
 import { camelCase, kebabCase, snakeCase, uniq } from 'lodash'
 import type { PropsContext as UiOpt } from '../types/plugin-props-option'
@@ -12,7 +11,8 @@ type OptsContext = { choose?: boolean; };
 export const useBindInput = <P extends G = G> (Props: MaybeRefOrGetter<P>, key: keyof UiOpt, Opts: MaybeRefOrGetter<OptsContext> = {}) => {
   const { messages, locale } = useI18n({ useScope: 'global' })
   const { __ } = useMyth()
-  const { attributes } = useSplitAttrs()
+  // const { attributes } = useSplitAttrs()
+  const attributes = useAttrs()
   const props = toValue<P>(Props)
   const opts = toValue<OptsContext>(Opts)
   const getProp = computed(() => (k: string) => {
@@ -50,7 +50,7 @@ export const useBindInput = <P extends G = G> (Props: MaybeRefOrGetter<P>, key:
   })
   const getPlaceholder = computed<string | undefined>(() => {
     const replace = computed(() => {
-      const val = props.useChoice !== undefined ? props.useChoice : (attributes.value.useChoice !== undefined ? attributes.value.useChoice : opts?.choose)
+      const val = props.useChoice !== undefined ? props.useChoice : (attributes.useChoice !== undefined ? attributes.useChoice : opts?.choose)
       if (typeof val === 'string' && val?.length > 0) {
         return val
       }
@@ -175,7 +175,7 @@ export const useBindInput = <P extends G = G> (Props: MaybeRefOrGetter<P>, key:
 
       // eslint-disable-next-line no-labels
       mainFor: for (const c of cases) {
-        for (const b of [attributes.value, props]) {
+        for (const b of [attributes, props]) {
           if (c in b && (b[c] === !0 || b[c] === '')) {
             rules[snakeCase(k)] = b[c] === !0 || b[c] === '' ? !0 : b[c]
             // eslint-disable-next-line no-labels
@@ -185,7 +185,7 @@ export const useBindInput = <P extends G = G> (Props: MaybeRefOrGetter<P>, key:
       }
     }
 
-    const mobile = attributes.value?.mobile !== undefined ? attributes.value.mobile : props.mobile
+    const mobile = attributes?.mobile !== undefined ? attributes.mobile : props.mobile
     if (mobile !== undefined && mobile !== false) {
       const defLen = 10
       rules.digits = typeof mobile === 'boolean' ? defLen : (mobile || defLen)
@@ -194,7 +194,7 @@ export const useBindInput = <P extends G = G> (Props: MaybeRefOrGetter<P>, key:
   })
   const attrs = computed(() => ({
     ...props,
-    ...attributes.value,
+    ...attributes,
     ...mergedTheme.value
   }))
   return {

package/src/utils/Str.ts

@@ -7,10 +7,7 @@
  */
 
 import _ from 'lodash'
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 import inflection from 'lodash-inflection'
-
 _.mixin(inflection)
 
 export const Str = {

package/types.d.ts

@@ -11,3 +11,7 @@ export * from './src/types'
 export * from './src/components'
 export * from './src/composable'
 export * from './src/utils'
+
+import * as Plugin from './src/utils/vue-plugin'
+
+export default Plugin