easycomponentstools 1.0.0-dev.0

package/src/types/form.ts

@@ -0,0 +1,63 @@
+export type inputType =
+    | 'input'
+    | 'textarea'
+    | 'number'
+    | 'password'
+    | 'password-eye'
+    | 'checkbox'
+    | 'selects'
+    | 'selectsAutoComplete'
+    | 'selectsAutoCompleteChips'
+    | 'date'
+    | 'rangeDate'
+    | 'file'
+    | 'map'
+    | 'slot'
+
+export type InputDTO = {
+    type: inputType
+    key: string
+    label: string
+    icon?: string
+    required?: boolean
+    options: any
+    validation?: any[]
+    moreButton?: {
+        onClick: any
+        icon: string
+        label: string
+    }
+    onChange?: any
+    onDelete?: any
+}
+export type buttonDTO = {
+    onClick: any
+    label: string
+    icon?: string
+    color?: string
+    loading?: boolean
+    disabled?: boolean
+}
+export type submitDTO = {
+    label: string
+    icon?: string
+    color?: string
+    onSubmit: any
+}
+export type MenuButtonsDTO = {
+    label: string
+    icon?: string
+    color?: string
+    items: buttonDTO[]
+}
+export type FormDTO = {
+    elevation?: number
+    title?: string
+    icon?: string
+    subtitle?: string
+    inputs: InputDTO[]
+    binder: any
+    button?: buttonDTO
+    submit?: submitDTO
+    menuButtons?: MenuButtonsDTO
+}

package/src/types/gallery.ts

@@ -0,0 +1,4 @@
+export type Media = {
+    src: string
+    id: string
+}

package/src/types/map.ts

@@ -0,0 +1,33 @@
+import { ComponentPublicInstance } from 'vue'
+
+interface MapRefWithMapObject extends ComponentPublicInstance {
+    $mapObject?: google.maps.Map | null
+}
+
+export type MapDTO = {
+    cardMapRef: ComponentPublicInstance
+    mapRef: MapRefWithMapObject
+    isFullScreen: boolean
+}
+
+export type MapOptions = {
+    zoomControl: boolean
+    mapTypeControl: boolean
+    scaleControl: boolean
+    streetViewControl: boolean
+    rotateControl: boolean
+    fullscreenControl: boolean
+    disableDefaultUi: boolean
+    styles: Array<{
+        featureType: string
+        stylers: Array<{ visibility: string }>
+    }>
+    zoom: number
+    key: number
+}
+
+export interface DocumentWithFullscreen extends Document {
+    webkitExitFullscreen?: any
+    mozCancelFullScreen?: any
+    msExitFullscreen?: any
+}

package/src/types/plugins.ts

@@ -0,0 +1,15 @@
+export type colorsDTO = {
+    background: string
+    surface: '#f1f1f1'
+    primary: '#099a09'
+    secondary: '#242424'
+    error: '#b71c1c'
+    grey: '#ACAAAAFF'
+}
+
+export type pluginsPropertiesDTO = {
+    colors: colorsDTO
+    fontFamily: string
+    locale: 'el' | 'en,'
+    timeZone: string
+}

package/src/types/table.ts

@@ -0,0 +1,80 @@
+import type { DataTableHeader } from 'vuetify/framework'
+
+export type HeaderActionMenuItemsDTO = {
+    label: string
+    icon?: string
+    onClick: any | string
+    show?: any
+}
+export type HeaderActionDTO = {
+    type?: 'menu'
+    show?: any
+    icon: string
+    color?: string
+    label?: string
+    onClick: any | string
+    items?: HeaderActionMenuItemsDTO[]
+}
+export type HeaderDTO = DataTableHeader & {
+    title: string
+    value: string
+    sortable?: boolean
+    align?: string
+    width?: string
+    valueFormatter?: any
+    cellRenderer?: any
+    type?: string
+    actions?: HeaderActionDTO[]
+    hidden?: boolean
+    show?: boolean
+}
+export type SavedHeaderDTO = {
+    value: string
+    hidden: boolean
+    order: number
+}
+export type ApiTableDTO = {
+    create?: any
+    get: string
+    delete?: string
+    multipleDelete?: string
+}
+export type HardFiltersDTO = {
+    label?: string
+    type: 'trash' | 'exist' | 'not_exist' | 'active' | 'not_active' | 'premium'
+    column: string
+    key?: string
+    active?: boolean
+}
+export type AdvancedFiltersComparisonDTO = {
+    symbol: '<' | '<=' | '=' | '>' | '>='
+    value: number
+}
+export type SelectItem = {
+    title: string
+    value: any
+}
+export type AdvancedFiltersDTO = {
+    type: 'input' | 'inArray' | 'likeInArray' | 'selects' | 'date' | 'dateTime' | 'comparison'
+    column: string
+    label?: string
+    value: AdvancedFiltersComparisonDTO | string | string[]
+    items?: SelectItem[]
+}
+export type PropsDataTableDTO = {
+    id: string
+    headers: HeaderDTO[]
+    showSelect?: boolean
+    multipleHardFilters?: boolean
+    multipleDeletion?: boolean
+    api: ApiTableDTO
+    title?: string
+    hardFilters?: HardFiltersDTO[]
+    advancedFilters?: AdvancedFiltersDTO[]
+    calcHeight?: string
+    showExportData?: boolean
+}
+export type SortDTO = {
+    column: string
+    sort: string
+}

package/tsconfig.json

@@ -0,0 +1,9 @@
+{
+    "compilerOptions": {
+        "module": "ESNext",
+        "moduleResolution": "Bundler",
+        "target": "ESNext",
+        "types": ["vite/client", "google.maps"]
+    },
+    "include": ["src/**/*.ts", "src/**/*.vue", "src/**/*.d.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,19 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import dts from 'vite-plugin-dts'
+
+export default defineConfig({
+    plugins: [vue(), dts()],
+    build: {
+        cssCodeSplit: false,
+        lib: {
+            entry: 'src/main.ts',
+            name: 'EasyComponents',
+            fileName: (format) => `easyComponents.${format}.js`,
+        },
+        rollupOptions: {
+            external: ['vue'],
+            output: { globals: { vue: 'Vue' } },
+        },
+    },
+})